Merge pull request #289 from eccenca/maintain/mergeReleaseTag-v24.2.0

Release process changes from v24.2.0

Author: haschek

.github/workflows/publish-final-release.yml

@@ -63,6 +63,7 @@ jobs:
           echo "sha=$(git rev-parse HEAD)" >> $GITHUB_OUTPUT
       - name: Push tag and changes
         run: |
+          git checkout -b maintain/mergeReleaseTag-v${{ steps.package-version.outputs.version }}
           git push origin v${{ steps.package-version.outputs.version }}
           git push origin maintain/mergeReleaseTag-v${{ steps.package-version.outputs.version }}
       - name: Create pull request merge back release process changes
@@ -71,12 +72,12 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           head: maintain/mergeReleaseTag-v${{ steps.package-version.outputs.version }}
           base: ${{ steps.dispatched-branch.outputs.targetbranch }}
-          title: Release process changes from v${{ steps.create-version.outputs.version }}
+          title: Release process changes from v${{ steps.package-version.outputs.version }}
           draft: true
           reviewers: ${{ github.actor }}
           body: |
             Created by Github workflow.
-            After merging this PR the "publish final release" action can be triggered on `${{ steps.dispatched-branch.outputs.targetbranch }}`.
+            Necessary to merge back all changes that had to be done during release process.
 
   publish-package:
     needs: publish-final-release

.github/workflows/push-tagged-release.yml

@@ -77,9 +77,13 @@ jobs:
         if: inputs.onlyNpmPush != true
         run: |
           touch ./releasecontent.md
+          CHANGELOG=$(cat <<"EOL"
+          ${{ steps.info-changelog.outputs.changes }}
+          EOL
+          )
           echo "* NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/${{ steps.info-vars.outputs.version }}" >> ./releasecontent.md
           $( if [[ ! "${{ inputs.sectionChangelog }}" =~ ^(Unreleased)$ ]]; then echo "* Storybook: ${{ steps.chromatic-upload.outputs.storybookUrl }}" >> ./releasecontent.md; fi )
-          $( if [[ ! "${{ inputs.sectionChangelog }}" =~ ^(Unreleased)$ ]]; then echo "${{ steps.info-changelog.outputs.changes }}" >> ./releasecontent.md; else echo "* Changelog: https://github.com/eccenca/gui-elements/blob/${{ inputs.ref }}/CHANGELOG.md#unreleased" >> ./releasecontent.md; fi )
+          $( if [[ ! "${{ inputs.sectionChangelog }}" =~ ^(Unreleased)$ ]]; then echo "${CHANGELOG}" >> ./releasecontent.md; else echo "* Changelog: https://github.com/eccenca/gui-elements/blob/${{ inputs.ref }}/CHANGELOG.md#unreleased" >> ./releasecontent.md; fi )
       - name: Publish release
         # only use for final releases and RCs -- other pre-releases do not need an official announcement
         if: inputs.onlyNpmPush != true

.github/workflows/test-project.yml

@@ -1,4 +1,4 @@
-name: "🛑 Test: project conventions"
+name: "👀 Test: project conventions"
 
 on:
   push:

CHANGELOG.md

@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ## [Unreleased]
 
+## [24.2.0] - 2025-06-04
+
 ### Added
 
 -   `<ContextOverlay />`
@@ -17,14 +19,19 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 -   `<OverviewItemActions />`
     -   `delayDisplayChildren` property: set a time (in ms) to delay the actual rendering of elements inside the actions container. When enabled the containing `OverviewItem` can be displayed faster. Can be used e.g. to boost performance when rendering `OverviewItemActions` with `hiddenInteractions` set to `true`.
     -   `delaySkeleton` property to set the placeholder/skeleton as long as the delayed display is waiting to get processed
--   `intent` property to `Button`, `FieldItem`, `FieldSet`, `Notification`, and `Spinner`
 -   `<Button />`, `<FieldItem />`, `<FieldSet />`, `<Notification />`, `<Spinner />`
     -   `intent` property: align intent state usage with other components
 
 ### Deprecated
 
 -   `<Markdown />`
     -   `reHypePlugins` property now use `PluggableList` from the unified package. This may require changes if you previously used plugins not conforming to the stricter unified typings. Backward compatibility with the old plugin list type will be removed in the next major version.
+-   `<FieldSet />`, `<FieldItem />`, `<MultiSelect />`, `<Button />`
+    -   `hasStatePrimary`, `hasStateSuccess`, `hasStateWarning` and `hasStateDanger` properties will be removed, use `intent` property instead
+-   `<Notification />`
+    -   `neutral`, `success`, `warning` and `danger` properties will be removed, use `intent` property instead
+-   `<MultiSelect />`
+    -   `data-test-id` for clearance button won't be set automatically, only if a test id for `MultiSelect` is given
 
 ### Fixed
 
@@ -36,6 +43,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 -   some more interfaces are exposed:
     -   `IntentBlueprint`: BlueprintJS intent types, also available by `DefinitionsBlueprint`
     -   `TableDataContainerProps`, `TableSimpleContainerProps`, `TableHeadProps`, `TableBodyProps`, `TableExpandedRowProps`, `TableHeaderProps` and `DataTableRenderProps` as interfaces for diverse table components
+-   `<CodeAutocompleteField />`
+    -   memorize `handleChange` handler to prevent unwanted re-renders
 
 ### Usage with old application bundlers
 

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@eccenca/gui-elements",
     "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-    "version": "24.1.0",
+    "version": "24.2.0",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",

src/components/AutoSuggestion/AutoSuggestion.tsx

@@ -448,12 +448,14 @@ const AutoSuggestion = ({
         [asyncHandleEditorInputChange, autoCompletionRequestDelay]
     );
 
-    const handleChange = (val: string) => {
-        value.current = val;
-        checkValuePathValidity.cancel();
-        checkValuePathValidity(value.current);
-        onChange(val);
-    };
+    const handleChange = React.useMemo( () => {
+        return (val: string) => {
+            value.current = val;
+            checkValuePathValidity.cancel();
+            checkValuePathValidity(value.current);
+            onChange(val);
+        }
+    }, [onChange, checkValuePathValidity]);
 
     const handleCursorChange = (cursor: number, coords: Rect, scrollinfo: HTMLElement, view: EditorView) => {
         //cursor here is offset from line 1, autosuggestion works with cursor per-line.

src/components/Icon/canonicalIconNames.tsx

@@ -129,6 +129,7 @@ const canonicalIcons = {
     "operation-filteredit": icons.FilterEdit,
     "operation-filterremove": icons.FilterRemove,
     "operation-filter": icons.Filter,
+    "operation-focus": icons.CenterSquare,
     "operation-format-codeblock": icons.CodeBlock,
     "operation-format-text-code": icons.Code,
     "operation-format-text-bold": icons.TextBold,