@eccenca/gui-elements 24.1.0-rc.4 → 24.1.0-rc.5

package/dist/esm/extensions/codemirror/toolbars/commands/markdown.command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.command.js","sourceRoot":"","sources":["../../../../../../src/extensions/codemirror/toolbars/commands/markdown.command.ts"],"names":[],"mappings":"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"}

package/dist/esm/extensions/codemirror/toolbars/markdown.toolbar.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { Button } from "../../../components/Button/Button.js";
+import { ContextMenu } from "../../../components/ContextOverlay/index.js";
+import { Icon, IconButton } from "../../../components/Icon/index.js";
+import { MenuItem } from "../../../components/Menu/index.js";
+import { Spacing } from "../../../components/Separation/Spacing.js";
+import { Toolbar, ToolbarSection } from "../../../components/Toolbar/index.js";
+import MarkdownCommand from "./commands/markdown.command.js";
+export var MarkdownToolbar = function (_a) {
+    var view = _a.view, togglePreviewStatus = _a.togglePreviewStatus, showPreview = _a.showPreview, disabled = _a.disabled, readonly = _a.readonly, translate = _a.translate;
+    var commandRef = React.useRef(null);
+    React.useEffect(function () {
+        if (view) {
+            commandRef.current = new MarkdownCommand(view);
+        }
+    }, [view]);
+    var getTranslation = function (fallback) {
+        var key = fallback.toLowerCase().replace(" ", "-");
+        return translate(key) || fallback;
+    };
+    var _b = MarkdownCommand.commands, basic = _b.basic, lists = _b.lists, attachments = _b.attachments;
+    return (React.createElement(Toolbar, { noWrap: true },
+        React.createElement(ToolbarSection, { canShrink: true, hideOverflow: true },
+            React.createElement(ContextMenu, { togglerElement: React.createElement(Button, { rightIcon: React.createElement(Icon, { name: "toggler-showmore" }), text: getTranslation("Paragraphs"), minimal: true, fill: true, ellipsizeText: true, disabled: showPreview || disabled || readonly }) }, MarkdownCommand.commands.paragraphs.map(function (p, i) { return (React.createElement(MenuItem, { key: p, text: React.createElement(React.Fragment, null,
+                    React.createElement("span", { style: p.startsWith("Head") ? { fontSize: 22 - (i * (22 - 12)) / 5 } : {} }, getTranslation(p))), onClick: function () { var _a; return (_a = commandRef.current) === null || _a === void 0 ? void 0 : _a.executeCommand(p); } })); }))),
+        React.createElement(ToolbarSection, { canShrink: true },
+            React.createElement(Spacing, { vertical: true, hasDivider: true, size: "tiny" })),
+        [basic, lists, attachments].map(function (section, i) {
+            return (React.createElement(React.Fragment, { key: i },
+                React.createElement(ToolbarSection, null, section.map(function (command) {
+                    return (React.createElement(IconButton, { key: command.title, name: command.icon, onClick: function () { var _a; return (_a = commandRef.current) === null || _a === void 0 ? void 0 : _a.executeCommand(command.title); }, text: getTranslation(command.title), disabled: showPreview || disabled || readonly }));
+                })),
+                i < 2 && (React.createElement(ToolbarSection, { canShrink: true },
+                    React.createElement(Spacing, { vertical: true, hasDivider: true, size: "tiny" })))));
+        }),
+        React.createElement(ToolbarSection, { canGrow: true, canShrink: true },
+            React.createElement(Spacing, { vertical: true, size: "small" })),
+        React.createElement(ToolbarSection, { canShrink: true, hideOverflow: true },
+            React.createElement(Button, { minimal: true, ellipsizeText: true, onClick: togglePreviewStatus, text: showPreview ? getTranslation("Continue editing") : getTranslation("Preview"), icon: showPreview ? "item-edit" : "item-viewdetails", disabled: disabled }))));
+};
+//# sourceMappingURL=markdown.toolbar.js.map

package/dist/esm/extensions/codemirror/toolbars/markdown.toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.toolbar.js","sourceRoot":"","sources":["../../../../../src/extensions/codemirror/toolbars/markdown.toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAW1D,MAAM,CAAC,IAAM,eAAe,GAAmC,UAAC,EAO/D;QANG,IAAI,UAAA,EACJ,mBAAmB,yBAAA,EACnB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAyB,IAAI,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,IAAI,EAAE,CAAC;YACP,UAAU,CAAC,OAAO,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;QACnD,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAM,cAAc,GAAG,UAAC,QAAgB;QACpC,IAAM,GAAG,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACrD,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC;IACtC,CAAC,CAAA;IAEK,IAAA,KAAgC,eAAe,CAAC,QAAQ,EAAtD,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAA6B,CAAC;IAC/D,OAAO,CACH,oBAAC,OAAO,IAAC,MAAM;QACX,oBAAC,cAAc,IAAC,SAAS,QAAC,YAAY;YAClC,oBAAC,WAAW,IACR,cAAc,EACV,oBAAC,MAAM,IACH,SAAS,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,EAC3C,IAAI,EAAE,cAAc,CAAC,YAAY,CAAC,EAClC,OAAO,QACP,IAAI,QACJ,aAAa,QACb,QAAQ,EAAE,WAAW,IAAI,QAAQ,IAAI,QAAQ,GAC/C,IAGL,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC/C,oBAAC,QAAQ,IACL,GAAG,EAAE,CAAC,EACN,IAAI,EACA;oBACI,8BAAM,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAC1E,cAAc,CAAC,CAAC,CAAC,CACf,CACR,EAEP,OAAO,EAAE,sBAAM,OAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,cAAc,CAAC,CAAC,CAAC,CAAA,EAAA,GACtD,CACL,EAZkD,CAYlD,CAAC,CACQ,CACD;QACjB,oBAAC,cAAc,IAAC,SAAS;YACrB,oBAAC,OAAO,IAAC,QAAQ,QAAC,UAAU,QAAC,IAAI,EAAC,MAAM,GAAG,CAC9B;QAEhB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;YACxC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC;gBAClB,oBAAC,cAAc,QACV,OAAO,CAAC,GAAG,CAAC,UAAC,OAAO;oBACjB,OAAO,CACH,oBAAC,UAAU,IACP,GAAG,EAAE,OAAO,CAAC,KAAK,EAClB,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,sBAAM,OAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA,EAAA,EAChE,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,WAAW,IAAI,QAAQ,IAAI,QAAQ,GAC/C,CACL,CAAC;gBACN,CAAC,CAAC,CACW;gBAChB,CAAC,GAAG,CAAC,IAAI,CACN,oBAAC,cAAc,IAAC,SAAS;oBACrB,oBAAC,OAAO,IAAC,QAAQ,QAAC,UAAU,QAAC,IAAI,EAAC,MAAM,GAAG,CAC9B,CACpB,CACY,CACpB,CAAC;QACN,CAAC,CAAC;QACF,oBAAC,cAAc,IAAC,OAAO,QAAC,SAAS;YAC7B,oBAAC,OAAO,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,GAAG,CACpB;QACjB,oBAAC,cAAc,IAAC,SAAS,QAAC,YAAY;YAClC,oBAAC,MAAM,IACH,OAAO,QACP,aAAa,QACb,OAAO,EAAE,mBAAmB,EAC5B,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,EAClF,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,EACpD,QAAQ,EAAE,QAAQ,GACpB,CACW,CACX,CACb,CAAC;AACN,CAAC,CAAC"}

package/dist/types/cmem/ActivityControl/ActivityControlWidget.d.ts

@@ -69,7 +69,7 @@ interface IActivityContextMenu extends TestableComponent {
     menuItems: IActivityMenuAction[];
 }
 export interface ActivityControlWidgetAction extends TestableComponent {
-    action: () => any;
+    action: () => void;
     tooltip?: string;
     icon: ValidIconName | React.ReactElement<TestIconProps>;
     disabled?: boolean;

package/dist/types/components/Icon/canonicalIconNames.d.ts

@@ -17,6 +17,8 @@ declare const canonicalIcons: {
     "artefact-commit": icons.CarbonIconType;
     "artefact-task-deleteprojectfiles": icons.CarbonIconType;
     "artefact-task-downloadfile": icons.CarbonIconType;
+    "artefact-task-pivot": icons.CarbonIconType;
+    "artefact-task-unpivot": icons.CarbonIconType;
     "artefact-task-concatenatetofile": icons.CarbonIconType;
     "artefact-dataset-csv": icons.CarbonIconType;
     "artefact-dataset-eccencadataplatform": icons.CarbonIconType;
@@ -81,6 +83,7 @@ declare const canonicalIcons: {
     "item-vertmenu": icons.CarbonIconType;
     "item-viewdetails": icons.CarbonIconType;
     "item-hidedetails": icons.CarbonIconType;
+    "item-image": icons.CarbonIconType;
     "list-sortasc": icons.CarbonIconType;
     "list-sortdesc": icons.CarbonIconType;
     "list-sort": icons.CarbonIconType;
@@ -118,6 +121,13 @@ declare const canonicalIcons: {
     "operation-filterremove": icons.CarbonIconType;
     "operation-filter": icons.CarbonIconType;
     "operation-format-codeblock": icons.CarbonIconType;
+    "operation-format-text-code": icons.CarbonIconType;
+    "operation-format-text-bold": icons.CarbonIconType;
+    "operation-format-text-italic": icons.CarbonIconType;
+    "operation-format-text-strikethrough": icons.CarbonIconType;
+    "operation-format-list-bullet": icons.CarbonIconType;
+    "operation-format-list-checked": icons.CarbonIconType;
+    "operation-format-list-numbered": icons.CarbonIconType;
     "operation-fix": icons.CarbonIconType;
     "operation-link": icons.CarbonIconType;
     "operation-logout": icons.CarbonIconType;

package/dist/types/components/Typography/OverflowText.d.ts

@@ -1,10 +1,31 @@
 import React from "react";
-export interface OverflowTextProps {
-    ellipsis?: "reverse" | "none";
+import { TestableComponent } from "../../components/interfaces";
+export interface OverflowTextProps extends React.HTMLAttributes<HTMLElement>, TestableComponent {
+    /**
+     * How is ellipsis used to cut text overflows.
+     * Use `reverse`to use the ellipis on text start and display the end of the text.
+     */
+    ellipsis?: "add" | "reverse" | "none";
+    /**
+     * Display component as inline element.
+     */
     inline?: boolean;
+    /**
+     * Using text overflow on all children elements.
+     */
     passDown?: boolean;
+    /**
+     * Additional CSS class name.
+     */
     className?: string;
+    /**
+     * HTML element that is used for the component.
+     */
     useHtmlElement?: "p" | "div" | "span";
+    /**
+     * Used for all other necessary properties.
+     * @deprecated (v25) we will allow only basic HTML element properties and testing IDs
+     */
     [key: string]: any;
 }
 /** Prevents text from overflowing. */

package/dist/types/extensions/codemirror/CodeMirror.d.ts

@@ -119,11 +119,20 @@ export interface CodeEditorProps extends TestableComponent {
      * Disables the editor.
      */
     disabled?: boolean;
+    /**
+     * Add toolbar for mode.
+     * Currently only `markdown` is supported.
+     */
+    useToolbar?: boolean;
+    /**
+     * Get the translation for a specific key
+     */
+    translate?: (key: string) => string | false;
 }
 /**
  * Includes a code editor, currently we use CodeMirror library as base.
  */
 export declare const CodeEditor: {
-    ({ onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, defaultValue, readOnly, shouldHaveMinimalSetup, wrapLines, onScroll, setEditorView, supportCodeFolding, shouldHighlightActiveLine, outerDivAttributes, tabIntentSize, tabIntentStyle, placeholder, additionalExtensions, tabForceSpaceForModes, enableTab, height, useLinting, "data-test-id": dataTestId, autoFocus, disabled, intent, ...otherCodeEditorProps }: CodeEditorProps): React.JSX.Element;
+    ({ onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, defaultValue, readOnly, shouldHaveMinimalSetup, wrapLines, onScroll, setEditorView, supportCodeFolding, shouldHighlightActiveLine, outerDivAttributes, tabIntentSize, tabIntentStyle, placeholder, additionalExtensions, tabForceSpaceForModes, enableTab, height, useLinting, "data-test-id": dataTestId, autoFocus, disabled, intent, useToolbar, translate, ...otherCodeEditorProps }: CodeEditorProps): React.JSX.Element;
     supportedModes: ("markdown" | "python" | "sparql" | "turtle" | "xml" | "yaml" | "jinja2" | "json" | "ntriples" | "mathematica" | "sql" | "javascript")[];
 };

package/dist/types/extensions/codemirror/toolbars/commands/markdown.command.d.ts

@@ -0,0 +1,55 @@
+import { EditorView } from "codemirror";
+import { ValidIconName } from "../../../../components/Icon/canonicalIconNames";
+declare enum Commands {
+    header1 = "Heading 1",
+    header2 = "Heading 2",
+    header3 = "Heading 3",
+    header4 = "Heading 4",
+    header5 = "Heading 5",
+    header6 = "Heading 6",
+    codeBlock = "Code block",
+    quote = "Block quote",
+    bold = "Bold",
+    italic = "Italic",
+    strike = "StrikeThrough",
+    inlineCode = "Inline code",
+    unorderedList = "Unordered list",
+    orderedList = "Ordered list",
+    todoList = "Todo list",
+    link = "Link",
+    image = "Image"
+}
+export default class MarkdownCommand {
+    private view;
+    static commands: {
+        readonly paragraphs: readonly [Commands.header1, Commands.header2, Commands.header3, Commands.header4, Commands.header5, Commands.header6, Commands.quote, Commands.codeBlock];
+        readonly basic: {
+            title: Commands;
+            icon: ValidIconName;
+        }[];
+        readonly lists: {
+            title: Commands;
+            icon: ValidIconName;
+            moniker: string;
+        }[];
+        readonly attachments: {
+            title: Commands;
+            icon: ValidIconName;
+        }[];
+    };
+    constructor(view: EditorView);
+    /**
+     * Supported list types are ol, ul, todo.
+     * utility helps to determine which at the start of the line
+     */
+    private getListTypeOfLine;
+    private createListDelimiter;
+    private createList;
+    private enforceCursorFocus;
+    private createHeading;
+    private applyFormatting;
+    private applyAttachment;
+    private applyQuoteFormatting;
+    executeCommand: (command: Commands) => true | void;
+}
+export {};

package/dist/types/extensions/codemirror/toolbars/markdown.toolbar.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { EditorView } from "codemirror";
+interface MarkdownToolbarProps {
+    view?: EditorView;
+    togglePreviewStatus: () => void;
+    showPreview: boolean;
+    translate: (key: string) => string | false;
+    disabled?: boolean;
+    readonly?: boolean;
+}
+export declare const MarkdownToolbar: React.FC<MarkdownToolbarProps>;
+export {};

package/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-rc.4",
+    "version": "24.1.0-rc.5",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",
@@ -106,27 +106,27 @@
         "xml-formatter": "^3.6.3"
     },
     "devDependencies": {
-        "@babel/core": "^7.26.0",
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-private-methods": "^7.18.6",
-        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@babel/preset-env": "^7.26.0",
+        "@babel/core": "^7.26.10",
+        "@babel/plugin-transform-class-properties": "^7.25.9",
+        "@babel/plugin-transform-private-methods": "^7.25.9",
+        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
+        "@babel/preset-env": "^7.26.9",
         "@babel/preset-flow": "^7.25.9",
         "@babel/preset-react": "^7.26.3",
-        "@babel/preset-typescript": "^7.26.0",
+        "@babel/preset-typescript": "^7.27.0",
         "@eslint/compat": "^1.2.4",
         "@eslint/eslintrc": "^3.2.0",
         "@eslint/js": "^9.17.0",
-        "@storybook/addon-actions": "^8.4.7",
-        "@storybook/addon-essentials": "^8.4.7",
-        "@storybook/addon-jest": "^8.4.7",
-        "@storybook/addon-links": "^8.4.7",
-        "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-        "@storybook/cli": "^8.4.7",
+        "@storybook/addon-actions": "^8.6.9",
+        "@storybook/addon-essentials": "^8.6.9",
+        "@storybook/addon-jest": "^8.6.9",
+        "@storybook/addon-links": "^8.6.9",
+        "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+        "@storybook/cli": "^8.6.9",
         "@storybook/preset-scss": "^1.0.3",
-        "@storybook/react": "^8.4.7",
-        "@storybook/react-webpack5": "^8.4.7",
-        "@storybook/test": "^8.4.7",
+        "@storybook/react": "^8.6.9",
+        "@storybook/react-webpack5": "^8.6.9",
+        "@storybook/test": "^8.6.9",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^12.1.2",
         "@types/codemirror": "^5.60.15",
@@ -139,7 +139,7 @@
         "@typescript-eslint/eslint-plugin": "^8.18.1",
         "@typescript-eslint/parser": "^8.18.1",
         "babel-jest": "^29.7.0",
-        "chromatic": "^11.20.2",
+        "chromatic": "^11.27.0",
         "eslint": "^9.17.0",
         "eslint-plugin-react": "^7.37.2",
         "eslint-plugin-react-hooks": "^5.1.0",
@@ -159,7 +159,7 @@
         "rimraf": "^5.0.10",
         "sass": "1.62.1",
         "sass-loader": "10.3.1",
-        "storybook": "^8.4.7",
+        "storybook": "^8.6.9",
         "stylelint": "^15.11.0",
         "stylelint-config-recess-order": "^4.6.0",
         "stylelint-config-standard-scss": "^9.0.0",
@@ -178,7 +178,9 @@
         "**/@types/react": "^17.0.83",
         "node-sass-package-importer/**/postcss": "^8.4.49",
         "**/cross-spawn": "^7.0.5 ",
-        "**/micromatch": "^4.0.8"
+        "**/micromatch": "^4.0.8",
+        "**/@babel/runtime": "^7.26.10",
+        "**/@babel/helpers": "^7.26.10"
     },
     "husky": {
         "hooks": {

package/src/cmem/ActivityControl/ActivityControlWidget.tsx

@@ -92,7 +92,7 @@ interface IActivityContextMenu extends TestableComponent {
 
 export interface ActivityControlWidgetAction extends TestableComponent {
     // The action that should be triggered
-    action: () => any;
+    action: () => void;
     // The tooltip that should be shown over the action icon
     tooltip?: string;
     // The icon of the action button
@@ -147,6 +147,7 @@ export function ActivityControlWidget(props: ActivityControlWidgetProps) {
                 {props.label && (
                     <OverviewItemLine small={small}>
                         {React.cloneElement(labelWrapper, {}, props.label)}
+                        {timerExecutionMsg && (props.statusMessage || tags) && <>&nbsp;({timerExecutionMsg})</>}
                     </OverviewItemLine>
                 )}
                 {(props.statusMessage || tags) && (
@@ -170,7 +171,9 @@ export function ActivityControlWidget(props: ActivityControlWidgetProps) {
                         )}
                     </OverviewItemLine>
                 )}
-                {timerExecutionMsg && <OverviewItemLine small>{timerExecutionMsg}</OverviewItemLine>}
+                {timerExecutionMsg && !(props.statusMessage || tags) && (
+                    <OverviewItemLine small>{timerExecutionMsg}</OverviewItemLine>
+                )}
             </OverviewItemDescription>
             <OverviewItemActions>
                 {activityActions &&

package/src/components/CodeAutocompleteField/CodeAutocompleteField.stories.tsx

@@ -15,9 +15,10 @@ export default {
     },
 } as Meta<typeof CodeAutocompleteField>;
 
+let forcedUpdateKey = 0; // @see https://github.com/storybookjs/storybook/issues/13375#issuecomment-1291011856
 const Template: StoryFn<typeof CodeAutocompleteField> = (args) => (
     <OverlaysProvider>
-        <CodeAutocompleteField {...args} />
+        <CodeAutocompleteField {...args} key={++forcedUpdateKey} />
     </OverlaysProvider>
 );
 
@@ -63,7 +64,7 @@ const defaultProps: CodeAutocompleteFieldProps = {
     },
     placeholder:
         "The word before the cursor will be auto-completed. At the beginning or after a space, all results are shown.",
-    onChange(): any {
+    onChange(): void {
         // Do nothing
     },
 };

package/src/components/ContextOverlay/ContextOverlay.stories.tsx

@@ -4,31 +4,40 @@ import { PopoverInteractionKind, PopperModifierOverrides } from "@blueprintjs/co
 import { PopperPlacements } from "@blueprintjs/core";
 import { OverlaysProvider } from "@blueprintjs/core";
 import { Meta, StoryFn } from "@storybook/react";
+import { fn } from "@storybook/test";
 
 import { Button, ContextOverlay, HtmlContentBlock } from "../../index";
 
+const interactionKindOptions = { UNDEFINED: undefined, ...PopoverInteractionKind };
+const rootBoundaryOptions = { UNDEFINED: undefined, VIEWPORT: "viewport", DOCUMENT: "document" };
+const positioningStrategyOptions = { UNDEFINED: undefined, ABSOLUTE: "absolute", FIXED: "fixed" };
+
 export default {
     title: "Components/ContextOverlay",
     component: ContextOverlay,
     argTypes: {
         interactionKind: {
-            options: { UNDEFINED: undefined, ...PopoverInteractionKind },
+            options: Object.keys(interactionKindOptions),
+            mapping: interactionKindOptions,
         },
         placement: {
             options: PopperPlacements,
         },
         rootBoundary: {
-            options: { UNDEFINED: undefined, VIEWPORT: "viewport", DOCUMENT: "document" },
+            options: Object.keys(rootBoundaryOptions),
+            mapping: rootBoundaryOptions,
         },
         positioningStrategy: {
-            options: { UNDEFINED: undefined, ABSOLUTE: "absolute", FIXED: "fixed" },
+            options: Object.keys(positioningStrategyOptions),
+            mapping: positioningStrategyOptions,
         },
     },
 } as Meta<typeof ContextOverlay>;
 
+let forcedUpdateKey = 0;
 const Template: StoryFn<typeof ContextOverlay> = (args) => (
     <OverlaysProvider>
-        <ContextOverlay {...args} />
+        <ContextOverlay {...args} key={++forcedUpdateKey} />
     </OverlaysProvider>
 );
 
@@ -55,4 +64,6 @@ Default.args = {
     } as PopperModifierOverrides,
     rootBoundary: "viewport",
     hasBackdrop: false,
+    onOpening: fn(),
+    onInteraction: fn(),
 };

package/src/components/Dialog/stories/AlertDialog.stories.tsx

@@ -1,14 +1,16 @@
 import React from "react";
 import { OverlaysProvider } from "@blueprintjs/core";
 import { Meta, StoryFn } from "@storybook/react";
+import { fn } from "@storybook/test";
 
 import { AlertDialog } from "./../../../../index";
-import { Default as SimpleDialogExample } from "./SimpleDialog.stories";
+import simpleDialogStory, { Default as SimpleDialogExample } from "./SimpleDialog.stories";
 
 export default {
     title: "Components/Dialog/AlertDialog",
     component: AlertDialog,
     argTypes: {
+        ...simpleDialogStory.argTypes,
         headerOptions: { table: { disable: true } },
         children: { table: { disable: true } },
         actions: { table: { disable: true } },
@@ -42,4 +44,6 @@ Default.args = {
     success: false,
     warning: true,
     danger: false,
+    onOpening: fn(),
+    onClosing: fn(),
 };

package/src/components/Dialog/stories/Modal.stories.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { OverlaysProvider } from "@blueprintjs/core";
 import { Meta, StoryFn } from "@storybook/react";
+import { fn } from "@storybook/test";
 
 import { SimpleCard } from "../../Card/stories/Card.stories";
 
@@ -11,8 +12,7 @@ export default {
     component: Modal,
     argTypes: {
         children: {
-            control: "none",
-            description: "Elements to include into the modal container.",
+            control: false,
         },
     },
 } as Meta<typeof Modal>;
@@ -30,4 +30,6 @@ Default.args = {
     isOpen: true,
     usePortal: false,
     children: <Card {...SimpleCard.args} />,
+    onOpening: fn(),
+    onClosing: fn(),
 };

package/src/components/Dialog/stories/SimpleDialog.stories.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { OverlaysProvider } from "@blueprintjs/core";
 import { Meta, StoryFn } from "@storybook/react";
+import { fn } from "@storybook/test";
 
 import { SimpleDialog } from "./../../../../index";
 import { Default as CardActionsExample } from "./../../Card/stories/CardActions.stories";
@@ -14,10 +15,10 @@ export default {
     argTypes: {
         ...storyModal.argTypes,
         headerOptions: {
-            control: "none",
+            control: false,
         },
         actions: {
-            control: "none",
+            control: false,
         },
     },
 } as Meta<typeof SimpleDialog>;
@@ -39,4 +40,6 @@ Default.args = {
     hasBorder: true,
     isOpen: true,
     usePortal: false,
+    onOpening: fn(),
+    onClosing: fn(),
 };

package/src/components/Icon/canonicalIconNames.tsx

@@ -19,6 +19,8 @@ const canonicalIcons = {
     "artefact-commit": icons.Commit,
     "artefact-task-deleteprojectfiles": icons.TrashCan,
     "artefact-task-downloadfile": icons.CloudDownload,
+    "artefact-task-pivot": icons.Transpose,
+    "artefact-task-unpivot": icons.Transpose,
     "artefact-task-concatenatetofile": icons.DocumentExport,
     "artefact-dataset-csv": icons.Csv,
     "artefact-dataset-eccencadataplatform": icons.DataVis_1,
@@ -86,6 +88,7 @@ const canonicalIcons = {
     "item-vertmenu": icons.OverflowMenuHorizontal,
     "item-viewdetails": icons.View,
     "item-hidedetails": icons.ViewOff,
+    "item-image": icons.Image,
 
     "list-sortasc": icons.ArrowDown,
     "list-sortdesc": icons.ArrowUp,
@@ -127,6 +130,13 @@ const canonicalIcons = {
     "operation-filterremove": icons.FilterRemove,
     "operation-filter": icons.Filter,
     "operation-format-codeblock": icons.CodeBlock,
+    "operation-format-text-code": icons.Code,
+    "operation-format-text-bold": icons.TextBold,
+    "operation-format-text-italic": icons.TextItalic,
+    "operation-format-text-strikethrough": icons.TextStrikethrough,
+    "operation-format-list-bullet": icons.ListBulleted,
+    "operation-format-list-checked": icons.ListChecked,
+    "operation-format-list-numbered": icons.ListNumbered,
     "operation-fix": icons.Tools,
     "operation-link": icons.Link,
     "operation-logout": icons.Logout,

package/src/components/Select/Select.stories.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { loremIpsum } from "react-lorem-ipsum";
 import { Meta, StoryFn } from "@storybook/react";
+import { fn } from "@storybook/test";
 
 import { helpersArgTypes } from "../../../.storybook/helpers";
 import { Button, Depiction, MenuItem, Select } from "../../index";
@@ -30,7 +31,7 @@ Default.args = {
             return { label: item };
         }),
     itemRenderer: (item, props) => {
-        return <MenuItem text={item.label} title={item.label} />;
+        return <MenuItem text={item.label} title={item.label} {...props} />;
     },
     fill: true,
 };
@@ -53,6 +54,7 @@ ControlledTarget.args = {
     ...Default.args,
     fill: false,
     children: <Button text="Controlled select target" intent="primary" />,
+    onActiveItemChange: fn(),
 };
 
 /**
@@ -70,4 +72,5 @@ ClearanceOption.args = {
     onClearanceHandler: () => {
         alert("Reset now.");
     },
+    onActiveItemChange: fn(),
 };

package/src/components/Typography/OverflowText.tsx

@@ -1,13 +1,34 @@
 import React from "react";
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import { TestableComponent } from "../../components/interfaces";
 
-export interface OverflowTextProps {
-    ellipsis?: "reverse" | "none";
+export interface OverflowTextProps extends React.HTMLAttributes<HTMLElement>, TestableComponent {
+    /**
+     * How is ellipsis used to cut text overflows.
+     * Use `reverse`to use the ellipis on text start and display the end of the text.
+     */
+    ellipsis?: "add" | "reverse" | "none";
+    /**
+     * Display component as inline element.
+     */
     inline?: boolean;
+    /**
+     * Using text overflow on all children elements.
+     */
     passDown?: boolean;
+    /**
+     * Additional CSS class name.
+     */
     className?: string;
+    /**
+     * HTML element that is used for the component.
+     */
     useHtmlElement?: "p" | "div" | "span";
+    /**
+     * Used for all other necessary properties.
+     * @deprecated (v25) we will allow only basic HTML element properties and testing IDs
+     */
     [key: string]: any;
 }
 
@@ -15,7 +36,7 @@ export interface OverflowTextProps {
 export const OverflowText = ({
     className = "",
     children,
-    ellipsis,
+    ellipsis = "add",
     inline = false,
     passDown = false,
     useHtmlElement,

package/src/components/Typography/stories/OverflowText.stories.tsx

@@ -0,0 +1,33 @@
+import React from "react";
+import LoremIpsum, { loremIpsum } from "react-lorem-ipsum";
+import { Meta, StoryFn } from "@storybook/react";
+
+import { OverflowText } from "../../../index";
+
+const config = {
+    title: "Components/Typography/OverflowText",
+    component: OverflowText,
+    argTypes: {
+        children: {
+            control: "select",
+            options: ["simple text", "2 paragraphs"],
+            mapping: {
+                "simple text": loremIpsum({
+                    p: 1,
+                    avgSentencesPerParagraph: 4,
+                    random: false,
+                }),
+                "2 paragraphs": <LoremIpsum p={2} avgSentencesPerParagraph={4} random={false} />
+            },
+            description: "Content of the element.",
+        },
+    },
+} as Meta<typeof OverflowText>;
+export default config;
+
+const Template: StoryFn<typeof OverflowText> = (args) => <OverflowText {...args} />;
+
+export const Default = Template.bind({});
+Default.args = {
+    children: config?.argTypes?.children?.mapping ? config.argTypes.children.mapping["simple text"] : "Overflow text",
+};