@eccenca/gui-elements 23.0.0-rc.7 → 23.1.0-rc.1

package/CHANGELOG.md

@@ -7,27 +7,65 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ### Added
 
+* use option `--outputCss` for `yarn compile-scss` to get the transpiled CSS echoed out
+* `<Badge />` element to add more context like icons, text or numbers to another element
+* `<Depiction />` element to include different types of images controlling of resizing, ratio, shape
+* `<Tag />`: add support for `intent` property
+* `<ReactFlow />`:
+    * `scrollOnDrag`: Support to scroll the pane when going beyond the pane borders on all drag and connection operations.
+* `<MultiSelect />`:
+    * `requestDelay`: To delay requests on query changes and only fire the most recent request.
+* `<TestIcon />`: test icons without the need to define them via a canonical name before.
+* `<WhiteSpaceContainer />`: property `linebreakForced` to insert line breaks within an otherwise unbreakable string to prevent text from overflowing the container.
+* `<TextField />` and `<TextArea />`:
+    * `invisibleCharacterWarning`: callback to warn of invisible, hard to spot characters in the input text.
+
+### Changed
+
+* upgrade to Carbon icons v11
+* switch from `carbon-components` to `@carbon/styles`
+* `<GridRow />` property `dontWrapColumns=true` only works for grids on medium sized and larger viewports
+
+### Fixed
+
+* `<WorkspaceContent />`: do not prevent wrapping the columns of the included grid
+
+### Deprecated
+
+* `<Grid />` property `fullWidth` is now deprecated as grids are always used for the full viewport width
+
+### Fixed
+
+* `<MultiSelect />`:
+    * Requests e.g. on slow networks could get mixed up, resulting in not showing the most recent results.
+
+## [23.0.0] - 2022-11-18
+
+### Added
+
 * `<CodeEditor />` element based on `CodeMirror` library, supporting Markdown, Python, Sparql, SQL, Turtle and XML syntax
-* `CssCustomProperties` and `getColorConfiguration` utilities can be used to exchange color configurations between SCSS and JS
-* `<SimpleDialog />`: new properties `showFullScreenToggler` and `startInFullScreenMode`
-* `<ReactFlowMarkers />` custom markers for ReactFlow edges, currently one new marker `arrowClosed-inverse` available
-* `EdgeDefault.data.markerStart` param allows to add a marker to the edge starting point
-* `EdgeDefault.data.inversePath` param allows to inverse the edge direction
-* `EdgeDefault.data.renderLabel` function allows to render fully custom edge label including any ReactNode
-* new `<HoverToggler />` element that allows to switch elements when hovered over.
-* `StickyNoteNode`, usable by `stickynote` type in react flow editors for workflows and linking rules
-* add option for `footerContent` to react flow node data
-* add `decideContrastColorValue` method to `Utilities`, can be used to get a second color related to the lightness of the testes input color
-* `<AutoSuggestion>`: new properties `autoCompletionRequestDelay` and `validationRequestDelay`, to configure the delay when a request is sent after nothing is typed in anymore.
-* `<FieldItemRow`: new property `justifyItemWidths` to display all children using equal width inside the row
-* `<BreadcrumbList />`: new properties `ignoreOverflow` and `latenOverflow`, that can be used to implement a second overflow strategy beside BlueprintJS overflow list, for example in case the overflow list leads to re-rendering loops
-* new `<InteractionGate />` element that can wrap content that need to be blocked from user interactions, it also has options to display a spinner as overlay
-* `<Spinner />`: new `showLocalBackdrop` property to include backdrop behind spinner making the background less visible
-* `ContextMenu.disabled` parameter that if set to true disables the button to open the menu.
-* `<Tooltip />`: new properties `markdownEnabler` and `markdownProps` to enable better formatted tooltips with options for line breaks, etc.
+* `<HoverToggler />` element that allows to switch elements when hovered over.
+* `<InteractionGate />` element that can wrap content that need to be blocked from user interactions, it also has options to display a spinner as overlay
 * `<Tree />` component
 * `<TabPanel />` component that can be used if `<Tabs />` is used in uncontrolled mode.
-* `<AutoCompleteField />`: new `onlyDropdownWithQuery` property to prevent dropdown as long as the input field is empty
+* `<ReactFlowMarkers />` custom markers for ReactFlow edges, currently one new marker `arrowClosed-inverse` available
+* `<StickyNoteNode />`, usable by `stickynote` type in react flow editors for workflows and linking rules
+* `CssCustomProperties` and `getColorConfiguration` utilities can be used to exchange color configurations between SCSS and JS
+* `decideContrastColorValue` method to get a second color related to the lightness of the testes input color
+* `<SimpleDialog />`: properties `showFullScreenToggler` and `startInFullScreenMode`
+* `<EdgeDefault />`: new properties for the edge data
+    * `markerStart` allows to add a marker to the edge starting point
+    * `inversePath` allows to inverse the edge direction
+    * `renderLabel` function to render fully custom edge label including any ReactNode
+* `<NodeContent />`: property `footerContent` to add footer content to a react flow node
+* `<AutoSuggestion>`: properties `autoCompletionRequestDelay` and `validationRequestDelay`, to configure the delay when a request is sent after nothing is typed in anymore.
+* `<FieldItemRow`: property `justifyItemWidths` to display all children using equal width inside the row
+* `<BreadcrumbList />`: properties `ignoreOverflow` and `latenOverflow`, that can be used to implement a second overflow strategy beside BlueprintJS overflow list, for example in case the overflow list leads to re-rendering loops
+* `<Spinner />`: `showLocalBackdrop` property to include backdrop behind spinner making the background less visible
+* `<ContextMenu />`: `disabled` property that disables the button to open the menu.
+* `<Tooltip />`: properties `markdownEnabler` and `markdownProps` to enable better formatted tooltips with options for line breaks, etc.
+* `<AutoCompleteField />`: `onlyDropdownWithQuery` property to prevent dropdown as long as the input field is empty
+* large addition to the Storybook, we almost doubled available components and stories
 
 ### Fixed
 
@@ -40,7 +78,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 * fixed `<MultiSelect />` to correctly update created items that are selected while still maintaining a cache of all newly created items
 * do not change cursor to pointer by default on tooltip targets
 
-### Change
+### Changed
 
 * move style imports of CodeMirror layout to `extensions`
 * color configurations for react flow editor are not exported as modules anymore, they need to be fetched by `getColorConfiguration` method in JS directly
@@ -49,7 +87,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
     * this comes also with a necessary switch from `node-sass` to `sass` package, a javascript port from the original dart sass library, see migration notes to update your build process
 * `<TextField />` and `<AutoCompleteField />` now include a `title` attribute on the natively used `input` element to show the value if it is `disabled` or `readOnly`
 * flashing color regarding the intent state of a `<TextField />`
-* AutoCompleteField: Add 'hasBackDrop' parameter to use a backdrop for its popover in order for outside clicks to always close the popover. Default: false
+* `<AutoCompleteField />`: Add 'hasBackDrop' parameter to use a backdrop for its popover in order for outside clicks to always close the popover. Default: false
 
 ### Migration notes
 

package/README.md

@@ -14,6 +14,13 @@ yarn add @eccenca/gui-elements
 
 It could be also included as Git submodule to your projects and used via yarn link or yarn workspaces.
 
+As long as IBM Carbon does not support TypeScript it is necessary to install `@types/carbon-components-react` as development dependency:
+
+```
+yarn add --dev @types/carbon-components-react
+```
+
+
 ### Inclusion
 
 * To include SCSS styles for all basic components add `@import "~@eccenca/gui-elements/index";` into your main SCSS file.

package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityControlWidget.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/ActivityControlWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActivityControlWidget.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/ActivityControlWidget.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js

@@ -41,19 +41,24 @@ const unspecifiedConfig = __importStar(require("./../configuration/unspecified")
 const graphConfig = __importStar(require("./../configuration/graph"));
 const workflowConfig = __importStar(require("./../configuration/workflow"));
 const linkingConfig = __importStar(require("./../configuration/linking"));
+const scrollOnDragHook_1 = require("../extensions/scrollOnDragHook");
 /**
  * `ReactFlow` container extension that includes pre-configured nodes and edges for
  * Corporate Memory tools.
  */
 exports.ReactFlow = react_1.default.forwardRef((_a, ref) => {
-    var { configuration = "unspecified", children } = _a, originalProps = __rest(_a, ["configuration", "children"]);
+    var { configuration = "unspecified", scrollOnDrag, children } = _a, originalProps = __rest(_a, ["configuration", "scrollOnDrag", "children"]);
+    const scrollOnDragFunctions = (0, scrollOnDragHook_1.useReactFlowScrollOnDrag)({
+        reactFlowProps: originalProps,
+        scrollOnDrag
+    });
     const configReactFlow = {
         unspecified: unspecifiedConfig,
         graph: graphConfig,
         workflow: workflowConfig,
         linking: linkingConfig,
     };
-    return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps),
+    return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions),
         children,
         react_1.default.createElement(ReactFlowMarkers_1.ReactFlowMarkers, null)));
 });

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2G;AAC3G,8FAA2F;AAC3F,kFAAoE;AACpE,sEAAwD;AACxD,4EAA8D;AAC9D,0EAA4D;AAS5D;;;GAGG;AACU,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAiC,CACtE,EAIC,EACD,GAAG,EAAE,EAAE;QALP,EACI,aAAa,GAAG,aAAa,EAC7B,QAAQ,OAEX,EADM,aAAa,cAHpB,6BAIC,CADmB;IAGpB,MAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAA;IAED,OAAO,CACH,8BAAC,6BAAiB,kBACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACpD,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAChD,aAAa;QAEf,QAAQ;QACV,8BAAC,mCAAgB,OAAG,CACJ,CACvB,CAAC;AACN,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2G;AAC3G,8FAAyF;AACzF,kFAAoE;AACpE,sEAAwD;AACxD,4EAA8D;AAC9D,0EAA4D;AAC5D,qEAAwE;AAyBxE;;;GAGG;AACU,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAiC,CACtE,EAKC,EACD,GAAG,EAAE,EAAE;QANP,EACI,aAAa,GAAG,aAAa,EAC7B,YAAY,EACZ,QAAQ,OAEX,EADM,aAAa,cAJpB,6CAKC,CADmB;IAIpB,MAAM,qBAAqB,GAAG,IAAA,2CAAwB,EAAC;QACnD,cAAc,EAAE,aAAa;QAC7B,YAAY;KACf,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAA;IAED,OAAO,CACH,8BAAC,6BAAiB,kBACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACpD,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAChD,aAAa,EACb,qBAAqB;QAEvB,QAAQ;QACV,8BAAC,mCAAgB,OAAG,CACJ,CACvB,CAAC;AACN,CAAC,CAAC,CAAA"}

package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js

@@ -8,14 +8,11 @@ const react_1 = __importDefault(require("react"));
 const index_1 = require("./../../../index");
 const getColorConfiguration_1 = __importDefault(require("../../../common/utils/getColorConfiguration"));
 const extensions_1 = require("../../../extensions");
-const StickyNoteModal = ({ metaData, onClose, onSubmit, translate }) => {
+exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, translate }) => {
     var _a, _b;
     const refNote = react_1.default.useRef((_a = metaData === null || metaData === void 0 ? void 0 : metaData.note) !== null && _a !== void 0 ? _a : "");
     const [color, setSelectedColor] = react_1.default.useState((_b = metaData === null || metaData === void 0 ? void 0 : metaData.color) !== null && _b !== void 0 ? _b : "");
-    const noteColors = Object.entries((0, getColorConfiguration_1.default)("stickynotes")).map(([key, value]) => [
-        key,
-        value,
-    ]);
+    const noteColors = Object.entries((0, getColorConfiguration_1.default)("stickynotes")).map(([key, value]) => [key, value]);
     react_1.default.useEffect(() => {
         if (!color && noteColors[0][1]) {
             setSelectedColor(noteColors[0][1]);
@@ -59,6 +56,5 @@ const StickyNoteModal = ({ metaData, onClose, onSubmit, translate }) => {
                 htmlFor: "colorinput",
                 text: translate("colorLabel"),
             } }, predefinedColorsMenu)));
-};
-exports.StickyNoteModal = StickyNoteModal;
+});
 //# sourceMappingURL=StickyNoteModal.js.map

package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cmem/react-flow/extensions/scrollOnDragHook.js

@@ -0,0 +1,200 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactFlowScrollOnDrag = void 0;
+const react_flow_renderer_1 = require("react-flow-renderer");
+const react_1 = __importStar(require("react"));
+/** Handles the scrolling of the react-flow canvas on all drag operations when the mouse pointer gets near or over the borders.
+ * The return value contains the wrapped react-flow callback functions that need to be handed over to the react-flow component. */
+const useReactFlowScrollOnDrag = ({ reactFlowProps, scrollOnDrag }) => {
+    /** Tracks the zoom on drag to border functionality. */
+    const scrollState = react_1.default.useRef({
+        reactFlowInstance: undefined,
+        currentX: 0,
+        currentY: 0,
+        currentZoom: 1,
+        loggedWarning: false,
+        scrollX: false,
+        scrollY: false,
+        draggingOperationActive: false
+    });
+    const useStoreStateInternal = () => {
+        try {
+            return (0, react_flow_renderer_1.useStoreState)((state) => state.transform);
+        }
+        catch (ex) {
+            if (reactFlowProps.id && scrollOnDrag) {
+                console.warn("Scroll on drag is not correctly working. Reason: " + ex);
+            }
+            return [0, 0, 1];
+        }
+    };
+    /** The current position and zoom factor of the view port. */
+    const [currentX, currentY, currentZoom] = useStoreStateInternal();
+    scrollState.current.currentX = currentX;
+    scrollState.current.currentY = currentY;
+    scrollState.current.currentZoom = currentZoom;
+    const originalOnLoad = reactFlowProps.onLoad;
+    const originalOnNodeDragStart = reactFlowProps.onNodeDragStart;
+    const originalOnNodeDragStop = reactFlowProps.onNodeDragStop;
+    const originalOnConnectStart = reactFlowProps.onConnectStart;
+    const originalOnConnectStop = reactFlowProps.onConnectStop;
+    const originalOnSelectionDragStart = reactFlowProps.onSelectionDragStart;
+    const originalOnSelectionDragStop = reactFlowProps.onSelectionDragStop;
+    const originalOnEdgeUpdateStart = reactFlowProps.onEdgeUpdateStart;
+    const originalOnEdgeUpdateEnd = reactFlowProps.onEdgeUpdateEnd;
+    const scrollInterval = scrollOnDrag === null || scrollOnDrag === void 0 ? void 0 : scrollOnDrag.scrollInterval;
+    const scrollStepSize = scrollOnDrag === null || scrollOnDrag === void 0 ? void 0 : scrollOnDrag.scrollStepSize;
+    const reactFlowInstanceId = reactFlowProps.id;
+    const clearIntervalIfExists = react_1.default.useCallback(() => {
+        if (scrollState.current.scrollTaskId) {
+            clearInterval(scrollState.current.scrollTaskId);
+        }
+    }, []);
+    const setScrolling = react_1.default.useCallback((active) => {
+        scrollState.current.draggingOperationActive = active;
+        if (!active) {
+            clearIntervalIfExists();
+        }
+    }, [clearIntervalIfExists]);
+    // Handle scrolling if any operation is active e.g. connecting or dragging a node
+    react_1.default.useEffect(() => {
+        if (scrollInterval && scrollStepSize && reactFlowInstanceId) {
+            const handleScrolling = (event) => {
+                const state = scrollState.current;
+                if (!state.draggingOperationActive) {
+                    clearIntervalIfExists();
+                    return;
+                }
+                // Check if mouse pointer is outside of the canvas
+                const canvasElement = document.getElementById(reactFlowInstanceId);
+                if (!canvasElement) {
+                    if (!state.loggedWarning) {
+                        console.warn("No element found with ID " + reactFlowInstanceId);
+                        state.loggedWarning = true;
+                    }
+                    return;
+                }
+                const boundingRect = canvasElement.getBoundingClientRect();
+                const xStepSize = boundingRect.width * scrollStepSize;
+                const yStepSize = boundingRect.height * scrollStepSize;
+                if (boundingRect.top > event.clientY || boundingRect.bottom < event.clientY ||
+                    boundingRect.left > event.clientX || boundingRect.right < event.clientX) {
+                    const scrollX = boundingRect.left > event.clientX ?
+                        xStepSize :
+                        boundingRect.right < event.clientX ?
+                            -xStepSize :
+                            0;
+                    const scrollY = boundingRect.top > event.clientY ?
+                        yStepSize :
+                        boundingRect.bottom < event.clientY ?
+                            -yStepSize :
+                            0;
+                    if (state.scrollY === (scrollY !== 0) && state.scrollX === (scrollX !== 0)) {
+                        // Nothing has changed, do not change interval function
+                        return;
+                    }
+                    clearIntervalIfExists();
+                    state.scrollTaskId = setInterval(() => {
+                        var _a;
+                        (_a = state.reactFlowInstance) === null || _a === void 0 ? void 0 : _a.setTransform({
+                            x: state.currentX + scrollX,
+                            y: state.currentY + scrollY,
+                            zoom: state.currentZoom
+                        });
+                    }, scrollInterval);
+                }
+                else {
+                    clearIntervalIfExists();
+                }
+            };
+            const disableScrollingOnMouseUp = () => {
+                scrollState.current.draggingOperationActive = false;
+                clearIntervalIfExists();
+            };
+            document.addEventListener('mousemove', handleScrolling);
+            document.addEventListener("mouseup", disableScrollingOnMouseUp);
+            return () => {
+                document.removeEventListener('mousemove', handleScrolling);
+                document.removeEventListener("mouseup", disableScrollingOnMouseUp);
+            };
+        }
+        else {
+            return undefined;
+        }
+    }, [scrollInterval, scrollStepSize, reactFlowInstanceId, clearIntervalIfExists]);
+    const onLoad = (0, react_1.useCallback)((rfi) => {
+        scrollState.current.reactFlowInstance = rfi;
+        originalOnLoad === null || originalOnLoad === void 0 ? void 0 : originalOnLoad(rfi);
+    }, [originalOnLoad]);
+    /** Wrap original callbacks to turn scrolling on and off. */
+    const onConnectStart = react_1.default.useCallback((event, params) => {
+        setScrolling(true);
+        originalOnConnectStart === null || originalOnConnectStart === void 0 ? void 0 : originalOnConnectStart(event, params);
+    }, [originalOnConnectStart, setScrolling]);
+    const onConnectStop = react_1.default.useCallback((event) => {
+        setScrolling(false);
+        originalOnConnectStop === null || originalOnConnectStop === void 0 ? void 0 : originalOnConnectStop(event);
+    }, [originalOnConnectStop, setScrolling]);
+    const onNodeDragStart = react_1.default.useCallback((event, node) => {
+        setScrolling(true);
+        originalOnNodeDragStart === null || originalOnNodeDragStart === void 0 ? void 0 : originalOnNodeDragStart(event, node);
+    }, [originalOnNodeDragStart, setScrolling]);
+    const onNodeDragStop = react_1.default.useCallback((event, node) => {
+        setScrolling(false);
+        originalOnNodeDragStop === null || originalOnNodeDragStop === void 0 ? void 0 : originalOnNodeDragStop(event, node);
+    }, [originalOnNodeDragStop, setScrolling]);
+    const onSelectionDragStart = react_1.default.useCallback((event, nodes) => {
+        setScrolling(true);
+        originalOnSelectionDragStart === null || originalOnSelectionDragStart === void 0 ? void 0 : originalOnSelectionDragStart(event, nodes);
+    }, [originalOnSelectionDragStart, setScrolling]);
+    const onSelectionDragStop = react_1.default.useCallback((event, nodes) => {
+        setScrolling(false);
+        originalOnSelectionDragStop === null || originalOnSelectionDragStop === void 0 ? void 0 : originalOnSelectionDragStop(event, nodes);
+    }, [originalOnSelectionDragStop, setScrolling]);
+    const onEdgeUpdateStart = react_1.default.useCallback((event, edge) => {
+        setScrolling(true);
+        originalOnEdgeUpdateStart === null || originalOnEdgeUpdateStart === void 0 ? void 0 : originalOnEdgeUpdateStart(event, edge);
+    }, [originalOnEdgeUpdateStart, setScrolling]);
+    const onEdgeUpdateEnd = react_1.default.useCallback((event, edge) => {
+        setScrolling(false);
+        originalOnEdgeUpdateEnd === null || originalOnEdgeUpdateEnd === void 0 ? void 0 : originalOnEdgeUpdateEnd(event, edge);
+    }, [originalOnEdgeUpdateEnd, setScrolling]);
+    if (!reactFlowProps.id || !scrollOnDrag) {
+        // No instance ID or config available, return empty object that will not overwrite any react-flow config parameters
+        return {};
+    }
+    else {
+        return {
+            onLoad,
+            onNodeDragStart,
+            onNodeDragStop,
+            onConnectStart,
+            onConnectStop,
+            onSelectionDragStart,
+            onSelectionDragStop,
+            onEdgeUpdateStart,
+            onEdgeUpdateEnd
+        };
+    }
+};
+exports.useReactFlowScrollOnDrag = useReactFlowScrollOnDrag;
+//# sourceMappingURL=scrollOnDragHook.js.map

package/dist/cjs/cmem/react-flow/extensions/scrollOnDragHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollOnDragHook.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/extensions/scrollOnDragHook.ts"],"names":[],"mappings":"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"}

package/dist/cjs/common/Intent/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClassNames = exports.Definitions = void 0;
+exports.ClassNames = exports.intentClassName = exports.Definitions = void 0;
 const constants_1 = require("../../configuration/constants");
 exports.Definitions = {
     PRIMARY: "primary",
@@ -11,10 +11,14 @@ exports.Definitions = {
     WARNING: "warning",
     DANGER: "danger",
 };
+const intentClassName = (intent) => {
+    return `${constants_1.CLASSPREFIX}-intent--${intent}`;
+};
+exports.intentClassName = intentClassName;
 const classNamesCreation = () => {
-    const intentClasses = Object.assign({}, exports.Definitions);
+    const intentClasses = {};
     for (let intentDefinition in exports.Definitions) {
-        intentClasses[intentDefinition] = `${constants_1.CLASSPREFIX}-intent--${exports.Definitions[intentDefinition]}`;
+        intentClasses[intentDefinition] = (0, exports.intentClassName)(exports.Definitions[intentDefinition]);
     }
     return intentClasses;
 };

package/dist/cjs/common/Intent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/Intent/index.ts"],"names":[],"mappings":";;;AAAA,6DAAsE;AAEzD,QAAA,WAAW,GAA+B;IACnD,OAAO,EAAE,SAAsB;IAC/B,MAAM,EAAE,QAAoB;IAC5B,OAAO,EAAE,SAAsB;IAC/B,OAAO,EAAE,SAAsB;IAC/B,IAAI,EAAE,MAAgB;IACtB,OAAO,EAAE,SAAsB;IAC/B,MAAM,EAAE,QAAoB;CAC/B,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC5B,MAAM,aAAa,qBAAO,mBAAW,CAAC,CAAC;IACvC,KAAK,IAAI,gBAAgB,IAAI,mBAAW,EAAE;QACtC,aAAa,CAAC,gBAAgB,CAAC,GAAG,GAAG,uBAAM,YAAY,mBAAW,CAAC,gBAAgB,CAAC,EAAE,CAAC;KAC1F;IACD,OAAO,aAAa,CAAC;AACzB,CAAC,CAAA;AAEY,QAAA,UAAU,GAAG,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/Intent/index.ts"],"names":[],"mappings":";;;AAAA,6DAAsE;AAIzD,QAAA,WAAW,GAAoC;IACxD,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACnB,CAAA;AAEM,MAAM,eAAe,GAAG,CAAC,MAAmB,EAAE,EAAE;IACnD,OAAO,GAAG,uBAAM,YAAY,MAAM,EAAE,CAAA;AACxC,CAAC,CAAA;AAFY,QAAA,eAAe,mBAE3B;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC5B,MAAM,aAAa,GAAgC,EAAE,CAAC;IACtD,KAAK,IAAI,gBAAgB,IAAI,mBAAW,EAAE;QACtC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAA,uBAAe,EAAC,mBAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACpF;IACD,OAAO,aAAa,CAAC;AACzB,CAAC,CAAA;AAEY,QAAA,UAAU,GAAG,kBAAkB,EAAE,CAAC"}

package/dist/cjs/common/utils/characters.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/** Zero width invisible characters, i.e. they do not change the space between 2 other characters. */
+const internalInvisibleZeroWidthCharacterCodePoints = [
+    { codePoint: 11, label: "Vertical Tabulation" },
+    { codePoint: 173, label: "Soft hyphen" },
+    { codePoint: 847, label: "Combining grapheme joiner" },
+    { codePoint: 1564, label: "Arabic letter mark" },
+    { codePoint: [6068, 6069], label: "Khmer vowel inherent" },
+    { codePoint: [6155, 6158], label: "Mongolian special characters" },
+    { codePoint: 8203, label: "Zero Width Space" },
+    { codePoint: 8204, label: "Zero Width Non-Joiner" },
+    { codePoint: 8205, label: "Zero Width Joiner" },
+    { codePoint: 8206, label: "Left-To-Right Mark" },
+    { codePoint: 8207, label: "Right-To-Left Mark" },
+    { codePoint: [8234, 8238], label: "zero width character" },
+    // Word joiner - Nominal Digit Shapes
+    { codePoint: [8288, 8303], label: "zero width character" },
+    { codePoint: [65024, 65039], label: "Variation selectors" },
+    { codePoint: 65279, label: "Zero Width No-Break Space" },
+    { codePoint: [65520, 65528], label: "Specials" },
+    { codePoint: 65532, label: "Object Replacement Character" },
+    { codePoint: [119155, 119162], label: "Invisible Musical Symbol" },
+    { codePoint: [917504, 917631], label: "Tags" },
+    { codePoint: [917760, 917999], label: "Variation Selectors" }
+];
+const toHex = (codepoint) => codepoint.toString(16).toUpperCase();
+const padWithZeroes = (hexString) => {
+    if (hexString.length % 2 === 1) {
+        return `0${hexString}`;
+    }
+    return hexString;
+};
+/** All characters that are considered invisible zero-width characters that e.g. need to be handled in input fields. */
+const invisibleZeroWidthCharacterCodePoints = internalInvisibleZeroWidthCharacterCodePoints.map(cp => {
+    const create = (codePoint, label) => {
+        const hexString = toHex(codePoint);
+        const unicodeHexRepresentation = `U+${padWithZeroes(hexString)}`;
+        return {
+            codePoint: codePoint,
+            label: label !== null && label !== void 0 ? label : unicodeHexRepresentation,
+            hexString,
+            fullLabel: label ? `${label} (${unicodeHexRepresentation})` : unicodeHexRepresentation
+        };
+    };
+    if (Array.isArray(cp.codePoint)) {
+        const codePoints = [];
+        const [from, to] = cp.codePoint;
+        if (from < 0 || to < 0 || from > to) {
+            throw new Error(`Invalid code point range specified: [${from}, ${to}]`);
+        }
+        for (let currentCp = from; currentCp <= to; currentCp++) {
+            codePoints.push(create(currentCp, cp.label));
+        }
+        return codePoints;
+    }
+    else {
+        return create(cp.codePoint, cp.label);
+    }
+}).flat();
+const createInvisibleZeroWidthCharacterCodePointsRegex = () => {
+    return new RegExp(`([${invisibleZeroWidthCharacterCodePoints
+        .map(cp => `\\u{${cp.hexString}}`)
+        .join("")}])`, "ug");
+};
+/** Map from codepoint to invisible character. */
+const invisibleZeroWidthCharacterCodePointsMap = new Map(invisibleZeroWidthCharacterCodePoints.map(cp => [cp.codePoint, cp]));
+const clearStringFromInvisibleCharacters = (inputString) => {
+    const regex = createInvisibleZeroWidthCharacterCodePointsRegex();
+    return inputString.replaceAll(regex, "");
+};
+const invisibleZeroWidthCharacters = {
+    codePoints: invisibleZeroWidthCharacterCodePoints,
+    codePointMap: invisibleZeroWidthCharacterCodePointsMap,
+    createRegex: createInvisibleZeroWidthCharacterCodePointsRegex,
+    clearString: clearStringFromInvisibleCharacters
+};
+const moduleObject = {
+    invisibleZeroWidthCharacters
+};
+exports.default = moduleObject;
+//# sourceMappingURL=characters.js.map

package/dist/cjs/common/utils/characters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"characters.js","sourceRoot":"","sources":["../../../../src/common/utils/characters.ts"],"names":[],"mappings":";;AAAA,qGAAqG;AACrG,MAAM,6CAA6C,GAAiC;IAChF,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE;IAC/C,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE;IACxC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,2BAA2B,EAAE;IACtD,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChD,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE;IAC1D,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,8BAA8B,EAAE;IAClE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC9C,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,uBAAuB,EAAE;IACnD,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC/C,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChD,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAChD,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE;IAC1D,qCAAqC;IACrC,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE;IAC1D,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,qBAAqB,EAAE;IAC3D,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,2BAA2B,EAAE;IACxD,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;IAChD,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,8BAA8B,EAAE;IAC3D,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE;IAClE,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;IAC9C,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,qBAAqB,EAAE;CAChE,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA;AAEjF,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAU,EAAE;IAChD,IAAG,SAAS,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;QAC3B,OAAO,IAAI,SAAS,EAAE,CAAA;KACzB;IACD,OAAO,SAAS,CAAA;AACpB,CAAC,CAAA;AAED,uHAAuH;AACvH,MAAM,qCAAqC,GAAyB,6CAA6C,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;IACvH,MAAM,MAAM,GAAG,CAAC,SAAiB,EAAE,KAAc,EAAE,EAAE;QACjD,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;QAClC,MAAM,wBAAwB,GAAG,KAAK,aAAa,CAAC,SAAS,CAAC,EAAE,CAAA;QAChE,OAAO;YACH,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,wBAAwB;YACxC,SAAS;YACT,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,wBAAwB,GAAG,CAAC,CAAC,CAAC,wBAAwB;SACzF,CAAA;IACL,CAAC,CAAA;IACD,IAAG,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE;QAC5B,MAAM,UAAU,GAAyB,EAAE,CAAA;QAC3C,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,SAAS,CAAA;QAC/B,IAAG,IAAI,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE,EAAE;YAChC,MAAM,IAAI,KAAK,CAAC,wCAAwC,IAAI,KAAK,EAAE,GAAG,CAAC,CAAA;SAC1E;QACD,KAAI,IAAI,SAAS,GAAG,IAAI,EAAE,SAAS,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE;YACpD,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;SAC/C;QACD,OAAO,UAAU,CAAA;KACpB;SAAM;QACH,OAAO,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAA;KACxC;AACL,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;AAET,MAAM,gDAAgD,GAAG,GAAG,EAAE;IAC1D,OAAO,IAAI,MAAM,CACb,KACI,qCAAqC;SAChC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,SAAS,GAAG,CAAC;SACjC,IAAI,CAAC,EAAE,CAChB,IAAI,EACJ,IAAI,CACP,CAAA;AACL,CAAC,CAAA;AAED,iDAAiD;AACjD,MAAM,wCAAwC,GAAoC,IAAI,GAAG,CACrF,qCAAqC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CACtE,CAAA;AAED,MAAM,kCAAkC,GAAG,CAAC,WAAmB,EAAU,EAAE;IACvE,MAAM,KAAK,GAAG,gDAAgD,EAAE,CAAA;IAChE,OAAO,WAAW,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AAC5C,CAAC,CAAA;AAoBD,MAAM,4BAA4B,GAAG;IACjC,UAAU,EAAE,qCAAqC;IACjD,YAAY,EAAE,wCAAwC;IACtD,WAAW,EAAE,gDAAgD;IAC7D,WAAW,EAAE,kCAAkC;CAClD,CAAA;AAED,MAAM,YAAY,GAAG;IACjB,4BAA4B;CAC/B,CAAA;AACD,kBAAe,YAAY,CAAA"}

package/dist/cjs/components/Application/ApplicationTitle.js

@@ -20,14 +20,14 @@ const constants_1 = require("../../configuration/constants");
 function ApplicationTitle(_a) {
     var { children, className = "", prefix = "", href, depiction, isNotDisplayed = false, isAlignedWithSidebar = false, isApplicationSidebarExpanded, htmlAProps } = _a, otherPropsShouldOnlyBeUsedForDataAttributes = __rest(_a, ["children", "className", "prefix", "href", "depiction", "isNotDisplayed", "isAlignedWithSidebar", "isApplicationSidebarExpanded", "htmlAProps"]);
     const classApplication = `${constants_1.CLASSPREFIX}-application__title`;
-    const classNotDisplayed = isNotDisplayed || (!isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined") ? "bx--visually-hidden" : "";
+    const classNotDisplayed = isNotDisplayed || (!isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined") ? "cds--visually-hidden" : "";
     const classAlignedSidebar = isAlignedWithSidebar || isApplicationSidebarExpanded ? `${constants_1.CLASSPREFIX}-application__title--withsidebar` : "";
     return (react_1.default.createElement(carbon_components_react_1.HeaderName, Object.assign({}, otherPropsShouldOnlyBeUsedForDataAttributes, htmlAProps, { className: `${classApplication} ${classAlignedSidebar} ${classNotDisplayed} ${className}`, href: href, prefix: "" }),
         react_1.default.createElement("span", { className: `${constants_1.CLASSPREFIX}-application__title--content` },
             !!depiction && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("span", { className: `${constants_1.CLASSPREFIX}-application__title--depiction` }, depiction))),
             !!prefix && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("span", { className: "bx--header__name--prefix" }, prefix),
+                react_1.default.createElement("span", { className: "cds--header__name--prefix" }, prefix),
                 "\u00A0")),
             children)));
 }

package/dist/cjs/components/Application/ApplicationTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAyE;AACzE,6DAAsE;AA4CtE,SAAS,gBAAgB,CAAC,EAWD;QAXC,EACtB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,IAAI,EACJ,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,oBAAoB,GAAC,KAAK,EAC1B,4BAA4B,EAC5B,UAAU,OAEW,EADlB,2CAA2C,cAVxB,gJAWzB,CADiD;IAG9C,MAAM,gBAAgB,GAAG,GAAG,uBAAM,qBAAqB,CAAC;IACxD,MAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClJ,MAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAC,GAAG,uBAAM,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,8BAAC,oCAAgB,oBACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAE,GAAG,gBAAgB,IAAI,mBAAmB,IAAI,iBAAiB,IAAI,SAAS,EAAE,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,wCAAM,SAAS,EAAE,GAAG,uBAAM,8BAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,wCAAM,SAAS,EAAE,GAAG,uBAAM,gCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,wCAAM,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAQ;yBAE3D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAyE;AACzE,6DAAsE;AA4CtE,SAAS,gBAAgB,CAAC,EAWD;QAXC,EACtB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,IAAI,EACJ,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,oBAAoB,GAAC,KAAK,EAC1B,4BAA4B,EAC5B,UAAU,OAEW,EADlB,2CAA2C,cAVxB,gJAWzB,CADiD;IAG9C,MAAM,gBAAgB,GAAG,GAAG,uBAAM,qBAAqB,CAAC;IACxD,MAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnJ,MAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAC,GAAG,uBAAM,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,8BAAC,oCAAgB,oBACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAE,GAAG,gBAAgB,IAAI,mBAAmB,IAAI,iBAAiB,IAAI,SAAS,EAAE,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,wCAAM,SAAS,EAAE,GAAG,uBAAM,8BAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,wCAAM,SAAS,EAAE,GAAG,uBAAM,gCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAQ;yBAE5D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/cjs/components/Badge/Badge.js

@@ -0,0 +1,44 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const react_1 = __importDefault(require("react"));
+const Tag_1 = __importDefault(require("../Tag/Tag"));
+const constants_1 = require("../../configuration/constants");
+/**
+ * Display a badge element to add more context to another element.
+ * It can display icons, text and numbers.
+ */
+function Badge(_a) {
+    var { children, className = "", position = "inline", size = "medium", maxLength, intent, tagProps } = _a, spanProps = __rest(_a, ["children", "className", "position", "size", "maxLength", "intent", "tagProps"]);
+    let badgeContent = children;
+    // shorten number values
+    // for maxLength=3 display 99+ instead of 1023.
+    if (typeof children === "number" &&
+        maxLength &&
+        maxLength > 1 &&
+        children >= Math.pow(10, maxLength - 1)) {
+        badgeContent = `${Math.pow(10, maxLength - 1) - 1}+`;
+    }
+    if (typeof children === "object") {
+        badgeContent = "";
+    }
+    return (react_1.default.createElement("span", Object.assign({ className: `${constants_1.CLASSPREFIX}-badge ${constants_1.CLASSPREFIX}-badge--${position}` +
+            (typeof children === "object" ? ` ${constants_1.CLASSPREFIX}-badge--icon` : '') }, spanProps),
+        react_1.default.createElement(Tag_1.default, Object.assign({ className: `${constants_1.CLASSPREFIX}-badge__tag`, round: true, small: size === "small", large: size === "large", emphasis: !intent ? "stronger" : undefined, intent: intent, minimal: !!intent ? false : true, icon: typeof children === "object" ? children : undefined, style: (typeof children === "string" && maxLength && maxLength > 1) ? { maxWidth: `calc((${maxLength - 1}em + ${maxLength - 1}ch)/2)` } : {} }, tagProps), badgeContent)));
+}
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.js.map