@eccenca/gui-elements 25.0.0 → 25.1.0-changeupgradedtoreact18cmem6639.0

package/dist/types/components/Tabs/TabTitle.d.ts

@@ -25,7 +25,7 @@ export interface TabTitleProps {
     /**
      * Add a tooltip to a tab, displayed when user hoveres over it.
      */
-    tooltip?: string | JSX.Element;
+    tooltip?: string | React.JSX.Element;
     /**
      * Make the tab not usable, display is also narrowed.
      */

package/dist/types/components/TextField/TextArea.d.ts

@@ -21,7 +21,7 @@ export interface TextAreaProps extends Omit<BlueprintTextAreaProps, "intent"> {
      * Element to render on right side of text area. Should be not too large.
      * This will update right padding on the text area.
      */
-    rightElement?: JSX.Element;
+    rightElement?: React.JSX.Element;
     /**
      * Add HTML properties to the wrapper element.
      * The element wraps `TextArea` in case of a given `wrapperDivProps`, `leftIcon` or `rightElement` property.

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { TestableComponent } from "../interfaces";
+export interface InlineTextProps extends React.HTMLAttributes<HTMLElement>, TestableComponent {
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+}
+/**
+ * Forces all children to be displayed as inline content.
+ */
+export declare const InlineText: ({ className, children, ...otherProps }: InlineTextProps) => React.JSX.Element;
+export default InlineText;

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

@@ -2,3 +2,4 @@ export * from "./Highlighter";
 export * from "./HtmlContentBlock";
 export * from "./OverflowText";
 export * from "./WhiteSpaceContainer";
+export * from "./InlineText";

package/dist/types/components/index.d.ts

@@ -7,8 +7,10 @@ export * from "./Card";
 export * from "./Chat";
 export * from "./Checkbox/Checkbox";
 export * from "./CodeAutocompleteField";
+export * from "./ColorField/ColorField";
 export * from "./ContentGroup/ContentGroup";
 export * from "./ContextOverlay";
+export * from "./DecoupledOverlay/DecoupledOverlay";
 export * from "./Depiction/Depiction";
 export * from "./Dialog";
 export * from "./FlexibleLayout";
@@ -23,6 +25,7 @@ export * from "./Link/Link";
 export * from "./List/List";
 export * from "./Menu";
 export * from "./MultiSuggestField";
+export * from "./NotAvailable/NotAvailable";
 export * from "./Notification";
 export * from "./OverviewItem";
 export * from "./Pagination/Pagination";

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

@@ -4,7 +4,15 @@ import { EditorView, Rect } from "@codemirror/view";
 import { IntentTypes } from "../../common/Intent";
 import { TestableComponent } from "../../components/interfaces";
 import { SupportedCodeEditorModes } from "./hooks/useCodemirrorModeExtension.hooks";
-export interface CodeEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "translate" | "onChange" | "onKeyDown" | "onMouseDown" | "onScroll">, TestableComponent {
+interface EditorAppearance {
+    /**
+     * If enabled the code editor won't show numbers before each line.
+     */
+    preventLineNumbers?: boolean;
+    /** Long lines are wrapped and displayed on multiple lines */
+    wrapLines?: boolean;
+}
+export interface CodeEditorProps extends EditorAppearance, Omit<React.HTMLAttributes<HTMLDivElement>, "translate" | "onChange" | "onKeyDown" | "onMouseDown" | "onScroll">, TestableComponent {
     setEditorView?: (editor: EditorView | undefined) => void;
     /**
      * `name` attribute of connected textarea element.
@@ -55,18 +63,12 @@ export interface CodeEditorProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      * Default value used first when the editor is instanciated.
      */
     defaultValue?: string;
-    /**
-     * If enabled the code editor won't show numbers before each line.
-     */
-    preventLineNumbers?: boolean;
     /** Set read-only mode. Default: false */
     readOnly?: boolean;
     /** Optional height of the component */
     height?: number | string;
-    /** Long lines are wrapped and displayed on multiple lines */
-    wrapLines?: boolean;
     /**
-     * Add properties to the `div` used as warpper element.
+     * Add properties to the `div` used as wrapper element.
      * @deprecated (v26) You can now use all properties directly on `CodeEditor`.
      */
     outerDivAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, "id" | "data-test-id" | "data-testid" | "translate" | "onChange" | "onKeyDown" | "onMouseDown" | "onScroll">;
@@ -137,6 +139,7 @@ export interface CodeEditorProps extends Omit<React.HTMLAttributes<HTMLDivElemen
  * Includes a code editor, currently we use CodeMirror library as base.
  */
 export declare const CodeEditor: {
-    ({ className, 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, autoFocus, disabled, intent, useToolbar, translate, ...otherCodeEditorProps }: CodeEditorProps): React.JSX.Element;
+    ({ className, onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, wrapLines, defaultValue, readOnly, shouldHaveMinimalSetup, onScroll, setEditorView, supportCodeFolding, shouldHighlightActiveLine, outerDivAttributes, tabIntentSize, tabIntentStyle, placeholder, additionalExtensions, tabForceSpaceForModes, enableTab, height, useLinting, autoFocus, disabled, intent, useToolbar, translate, ...otherCodeEditorProps }: CodeEditorProps): React.JSX.Element;
     supportedModes: ("html" | "markdown" | "python" | "sparql" | "turtle" | "xml" | "yaml" | "jinja2" | "json" | "ntriples" | "mathematica" | "sql" | "javascript")[];
 };
+export {};

package/dist/types/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.d.ts

@@ -1,10 +1,10 @@
+import { html } from "@codemirror/lang-html";
 import { javascript } from "@codemirror/lang-javascript";
 import { json } from "@codemirror/lang-json";
 import { markdown } from "@codemirror/lang-markdown";
 import { sql } from "@codemirror/lang-sql";
 import { xml } from "@codemirror/lang-xml";
 import { yaml } from "@codemirror/lang-yaml";
-import { html } from "@codemirror/lang-html";
 import { StreamParser } from "@codemirror/language";
 declare const supportedModes: {
     readonly markdown: typeof markdown;

package/dist/types/extensions/codemirror/tests/codemirrorTestHelper.d.ts

@@ -5,7 +5,7 @@
  *              'EditorView is not a constructor'
  * This errors do not exist during compilation only during testing.
  */
-import { Extension, Compartment } from "@codemirror/state";
+import { Compartment, Extension } from "@codemirror/state";
 /** placeholder extension, current error '_view.placeholder is not a function' */
 export declare const adaptedPlaceholder: (text?: string) => Extension;
 /** current error '_view.Editor is not a constructor' */

package/dist/types/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { ContextMenuProps } from "../../../components";
+export interface EditorAppearanceConfigMenuProps {
+    /** Object containing a `true`/`false` value for each property */
+    config: {
+        [s: string]: boolean;
+    };
+    /** Object containing `true` for each property that cannot be changed by user */
+    configLocked?: {
+        [s: string]: boolean | undefined;
+    };
+    /** Handler that returns a translation for each config property key */
+    configPropertyTranslate?: (key: string) => string | false;
+    /** Handler to update config after user changes */
+    setConfig: React.Dispatch<React.SetStateAction<{
+        [s: string]: boolean;
+    }>>;
+    /** Additional properties used for the included `ContextMenu` */
+    contextMenuProps?: ContextMenuProps;
+}
+/**
+ * Returns a simple context menu that provides switches to control the editor appearance.
+ */
+export declare function EditorAppearanceConfigMenu({ config, configLocked, configPropertyTranslate, setConfig, contextMenuProps, }: EditorAppearanceConfigMenuProps): React.JSX.Element;

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { EditorView } from "codemirror";
+import { EditorAppearanceConfigMenu } from "./EditorAppearanceConfigMenu";
 interface MarkdownToolbarProps {
     view?: EditorView;
     togglePreviewStatus: () => void;
@@ -7,6 +8,7 @@ interface MarkdownToolbarProps {
     translate: (key: string) => string | false;
     disabled?: boolean;
     readonly?: boolean;
+    configMenu?: React.ReactElement<typeof EditorAppearanceConfigMenu>;
 }
 export declare const MarkdownToolbar: React.FC<MarkdownToolbarProps>;
 export {};

package/dist/types/extensions/react-flow/edges/EdgeLabel.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { IntentTypes } from "../../../common/Intent";
 import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
-import { DepictionProps } from "../../../index";
+import { DepictionProps } from "../../../components/Depiction/Depiction";
 export interface EdgeLabelProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Depiction element displayed left from the label.
@@ -11,11 +11,11 @@ export interface EdgeLabelProps extends React.HTMLAttributes<HTMLDivElement> {
      * Label of the edge.
      * Cannot overflow the parent container.
      */
-    text: string | JSX.Element;
+    text: string | React.JSX.Element;
     /**
      * One or multiple other elements displayed right from label.
      */
-    actions?: JSX.Element | JSX.Element[];
+    actions?: React.JSX.Element | React.JSX.Element[];
     /**
      * The element is increased in its size.
      */

package/dist/types/extensions/react-flow/edges/EdgeTools.d.ts

@@ -6,7 +6,7 @@ interface PosOffset {
 }
 export interface EdgeToolsProps extends Omit<ContextOverlayProps, "children"> {
     posOffset: PosOffset;
-    children: string | JSX.Element | JSX.Element[];
+    children: string | React.JSX.Element | React.JSX.Element[];
 }
 export declare const EdgeTools: React.MemoExoticComponent<({ posOffset, children, ...otherProps }: EdgeToolsProps) => React.JSX.Element>;
 export {};

package/dist/types/extensions/react-flow/handles/HandleContent.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { TooltipProps } from "../../../index";
+import { TooltipProps } from "../../../components/Tooltip/Tooltip";
 export interface HandleContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
     /**
      * Tooltip displayed as overlay on hover.
      */
-    extendedTooltip?: JSX.Element | string;
+    extendedTooltip?: React.JSX.Element | string;
     /**
      * Configure the tooltip and overwrite automatically set options.
      */

package/dist/types/extensions/react-flow/handles/HandleTools.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { TestableComponent } from "../../../index";
 import { ContextOverlayProps } from "./../../../components/ContextOverlay/ContextOverlay";
+import { TestableComponent } from "../../../components";
 export interface HandleToolsProps extends Omit<ContextOverlayProps, "children" | "content" | "popoverClassName">, TestableComponent {
-    children: string | JSX.Element | JSX.Element[];
+    children: string | React.JSX.Element | React.JSX.Element[];
 }
 export declare const HandleTools: ({ children, ...otherContextOverlayProps }: HandleToolsProps) => React.JSX.Element;

package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts

@@ -56,15 +56,15 @@ interface NodeContentData<CONTENT_PROPS = any> {
     /**
      * Any element that should be displayed as depiction before the node label.
      */
-    leftElement?: JSX.Element;
+    leftElement?: React.JSX.Element;
     /**
      * Label that is displayed in the node header.
      */
-    label: string | JSX.Element;
+    label: string | React.JSX.Element;
     /**
      * Element that is displayed as subline under the label in the header.
      */
-    labelSubline?: JSX.Element;
+    labelSubline?: React.JSX.Element;
     /**
      * Content element, displayed in the node body.
      */

package/dist/types/extensions/react-flow/nodes/NodeTools.d.ts

@@ -6,8 +6,8 @@ export interface NodeToolsMenuFunctions {
     closeMenu: () => void;
 }
 export interface NodeToolsProps extends Omit<ContextOverlayProps, "children"> {
-    children: string | JSX.Element;
-    togglerElement?: ValidIconName | JSX.Element;
+    children: string | React.JSX.Element;
+    togglerElement?: ValidIconName | React.JSX.Element;
     togglerText?: string;
     menuButtonDataTestId?: string;
     /** If defined this function will be called with the menu API object to be used externally. */

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": "25.0.0",
+    "version": "25.1.0-changeupgradedtoreact18cmem6639.0",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",
@@ -68,37 +68,37 @@
         "autolint:all": "yarn autolint:scripts && yarn autolint:styles && yarn autolint:prettier"
     },
     "dependencies": {
-        "@blueprintjs/colors": "^5.1.8",
-        "@blueprintjs/core": "^5.18.0",
-        "@blueprintjs/select": "^5.3.19",
-        "@carbon/icons": "^11.58.0",
-        "@carbon/react": "^1.80.1",
-        "@codemirror/lang-html": "^6.4.9",
-        "@codemirror/lang-javascript": "^6.2.3",
-        "@codemirror/lang-json": "^6.0.1",
-        "@codemirror/lang-markdown": "^6.3.2",
-        "@codemirror/lang-sql": "^6.8.0",
+        "@blueprintjs/colors": "^5.1.11",
+        "@blueprintjs/core": "^5.19.1",
+        "@blueprintjs/select": "^5.3.21",
+        "@carbon/icons": "^11.70.0",
+        "@carbon/react": "^1.96.0",
+        "@codemirror/lang-html": "^6.4.11",
+        "@codemirror/lang-javascript": "^6.2.4",
+        "@codemirror/lang-json": "^6.0.2",
+        "@codemirror/lang-markdown": "^6.5.0",
+        "@codemirror/lang-sql": "^6.10.0",
         "@codemirror/lang-xml": "^6.1.0",
         "@codemirror/lang-yaml": "^6.1.2",
-        "@codemirror/legacy-modes": "^6.5.0",
+        "@codemirror/legacy-modes": "^6.5.2",
         "@mavrin/remark-typograf": "^2.2.0",
-        "@xyflow/react": "^12.6.0",
+        "@xyflow/react": "^12.9.3",
         "classnames": "^2.5.1",
-        "codemirror": "^6.0.1",
+        "codemirror": "^6.0.2",
         "color": "^4.2.3",
         "compute-scroll-into-view": "^3.1.1",
         "he": "^1.2.0",
         "jshint": "^2.13.6",
-        "lodash": "^4.17.21",
-        "n3": "^1.25.1",
+        "lodash": "^4.18.1",
+        "n3": "^1.26.0",
         "re-resizable": "^6.10.3",
-        "react": "^16.13.1",
-        "react-dom": "^16.14.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "react-flow-renderer": "9.7.4",
         "react-inlinesvg": "^3.0.3",
         "react-is": "^16.13.1",
         "react-markdown": "^10.1.0",
-        "react-syntax-highlighter": "^15.6.1",
+        "react-syntax-highlighter": "^15.6.6",
         "rehype-external-links": "^3.0.0",
         "rehype-raw": "^7.0.0",
         "remark-definition-list": "^2.0.0",
@@ -107,68 +107,69 @@
         "reset-css": "^5.0.2",
         "unified": "^11.0.5",
         "wicg-inert": "^3.1.3",
-        "xml-formatter": "^3.6.5"
+        "xml-formatter": "^3.6.7"
     },
     "devDependencies": {
-        "@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.27.0",
-        "@eslint/compat": "^1.2.8",
+        "@babel/core": "^7.28.5",
+        "@babel/plugin-transform-class-properties": "^7.27.1",
+        "@babel/plugin-transform-private-methods": "^7.27.1",
+        "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@babel/preset-env": "^7.28.5",
+        "@babel/preset-flow": "^7.27.1",
+        "@babel/preset-react": "^7.28.5",
+        "@babel/preset-typescript": "^7.28.5",
+        "@eslint/compat": "^1.4.1",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "^9.24.0",
-        "@storybook/addon-actions": "^8.6.12",
-        "@storybook/addon-essentials": "^8.6.12",
-        "@storybook/addon-jest": "^8.6.12",
-        "@storybook/addon-links": "^8.6.12",
+        "@eslint/js": "^9.39.1",
+        "@storybook/addon-actions": "^8.6.14",
+        "@storybook/addon-essentials": "^8.6.14",
+        "@storybook/addon-jest": "^8.6.14",
+        "@storybook/addon-links": "^8.6.14",
         "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-        "@storybook/cli": "^8.6.12",
+        "@storybook/cli": "^8.6.14",
         "@storybook/preset-scss": "^1.0.3",
-        "@storybook/react": "^8.6.12",
-        "@storybook/react-webpack5": "^8.6.12",
-        "@storybook/test": "^8.6.12",
-        "@testing-library/jest-dom": "^6.6.3",
-        "@testing-library/react": "^12.1.5",
-        "@types/codemirror": "^5.60.15",
+        "@storybook/react": "^8.6.14",
+        "@storybook/react-webpack5": "^8.6.14",
+        "@storybook/test": "^8.6.14",
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^14.3.1",
         "@types/color": "^3.0.6",
         "@types/he": "^1.2.3",
-        "@types/jest": "^29.5.14",
+        "@types/jest": "^30.0.0",
         "@types/jshint": "^2.12.4",
-        "@types/lodash": "^4.17.16",
-        "@types/n3": "^1.24.2",
-        "@types/react-is": "^19.0.0",
+        "@types/lodash": "^4.17.21",
+        "@types/n3": "^1.26.1",
+        "@types/react-is": "^19.2.0",
         "@types/react-syntax-highlighter": "^15.5.13",
-        "@typescript-eslint/eslint-plugin": "^8.30.1",
-        "@typescript-eslint/parser": "^8.30.1",
-        "babel-jest": "^29.7.0",
-        "chromatic": "^11.28.0",
-        "eslint": "^9.24.0",
+        "@typescript-eslint/eslint-plugin": "^8.47.0",
+        "@typescript-eslint/parser": "^8.47.0",
+        "babel-jest": "^30.2.0",
+        "chromatic": "^13.3.4",
+        "eslint": "^9.39.1",
         "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-react-hooks": "^5.2.0",
+        "eslint-plugin-react-hooks": "^7.0.1",
         "eslint-plugin-simple-import-sort": "^12.1.1",
         "husky": "4",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^30.2.0",
         "jest-environment-jsdom": "^30.2.0",
+        "jest-fixed-jsdom": "^0.0.11",
         "jest-pnp-resolver": "^1.2.3",
-        "lint-staged": "^15.5.1",
+        "lint-staged": "^15.5.2",
         "node-sass-package-importer": "^5.3.3",
         "path": "^0.12.7",
         "prettier": "^2.8.8",
         "react-app-polyfill": "^3.0.0",
         "react-lorem-ipsum": "^1.4.9",
         "regenerator-runtime": "^0.13.9",
-        "rimraf": "^5.0.10",
+        "rimraf": "^6.1.3",
         "sass": "1.62.1",
         "sass-loader": "10.3.1",
-        "storybook": "^8.6.12",
-        "stylelint": "^16.18.0",
-        "stylelint-config-recess-order": "^6.0.0",
-        "stylelint-config-standard-scss": "^14.0.0",
+        "storybook": "^8.6.14",
+        "stylelint": "^17.6.0",
+        "stylelint-config-recess-order": "^7.7.0",
+        "stylelint-config-standard-scss": "^17.0.0",
+        "stylelint-order": "^8.1.1",
         "ts-node": "^10.9.2",
         "tsc-esm-fix": "^3.1.2",
         "typescript": "5.5.3",
@@ -180,11 +181,14 @@
         "react": ">=16"
     },
     "resolutions": {
-        "**/@types/react": "^17.0.85",
-        "node-sass-package-importer/**/postcss": "^8.4.49",
+        "**/@types/react": "^18.2.0",
+        "node-sass-package-importer/**/postcss": "^8.5.6",
         "string-width": "^4.2.3",
         "wrap-ansi": "^7.0.0",
-        "hast-util-from-parse5": "8.0.0"
+        "hast-util-from-parse5": "8.0.0",
+        "**/picomatch": "^2.3.2",
+        "**/minimatch": "^3.1.4",
+        "**/lodash": "^4.18.0"
     },
     "husky": {
         "hooks": {
@@ -225,7 +229,7 @@
         "testMatch": [
             "<rootDir>/src/**/*(*.)@(spec|test).{js,jsx,ts,tsx}"
         ],
-        "testEnvironment": "jest-environment-jsdom",
+        "testEnvironment": "jest-fixed-jsdom",
         "transform": {
             "^.+\\.(js|jsx|ts|tsx)$": "babel-jest"
         },

package/src/_shame.scss

@@ -1,31 +1,13 @@
 // Add stuff to test fast and dirty.
 // This file should not contain any styles.
 
-.#{$prefix}--assistive-text,
-.#{$prefix}--visually-hidden {
-    /*
-        TODO: move to better place, originally from ~@carbon/styles/scss/css--helpers
-        but we cannot use it directly because of other included rules there.
-    */
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    visibility: inherit;
-    border: 0;
-}
-
 /*
     WORKAROUND: thinner scrollbars
 */
 
 * {
-    scrollbar-width: thin;
     scrollbar-color: #bbb transparent;
+    scrollbar-width: thin;
 
     &::-webkit-scrollbar {
         width: 0.25rem;
@@ -38,19 +20,3 @@
         border-radius: 0.125rem;
     }
 }
-
-/*
-    CHANGE: default focus behaviour
-*/
-
-:focus,
-input:focus-visible,
-textarea:focus-visible {
-    outline: none;
-    outline-offset: 0;
-}
-
-:focus-visible {
-    outline: eccgui-color-rgba($eccgui-color-accent, $eccgui-opacity-muted) solid 2px;
-    outline-offset: 1px;
-}

package/src/cmem/ActivityControl/ActivityControlWidget.stories.tsx

@@ -4,14 +4,9 @@ import { OverlaysProvider } from "@blueprintjs/core";
 import { Meta, StoryFn } from "@storybook/react";
 
 import { helpersArgTypes } from "../../../.storybook/helpers";
-import {
-    ActivityControlWidget,
-    ActivityControlWidgetAction,
-    IconButton,
-    SimpleDialog,
-    Tag,
-    TagList,
-} from "../../../index";
+import { IconButton, SimpleDialog, Tag, TagList } from "../../components";
+
+import { ActivityControlWidget, ActivityControlWidgetAction } from "./ActivityControlWidget";
 
 export default {
     title: "Cmem/ActivityControlWidget",