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

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

@@ -0,0 +1,194 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { useStoreState } from "react-flow-renderer";
+import React, { useCallback } from "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. */
+export var useReactFlowScrollOnDrag = function (_a) {
+    var reactFlowProps = _a.reactFlowProps, scrollOnDrag = _a.scrollOnDrag;
+    /** Tracks the zoom on drag to border functionality. */
+    var scrollState = React.useRef({
+        reactFlowInstance: undefined,
+        currentX: 0,
+        currentY: 0,
+        currentZoom: 1,
+        loggedWarning: false,
+        scrollX: false,
+        scrollY: false,
+        draggingOperationActive: false
+    });
+    var useStoreStateInternal = function () {
+        try {
+            return useStoreState(function (state) { return 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. */
+    var _b = __read(useStoreStateInternal(), 3), currentX = _b[0], currentY = _b[1], currentZoom = _b[2];
+    scrollState.current.currentX = currentX;
+    scrollState.current.currentY = currentY;
+    scrollState.current.currentZoom = currentZoom;
+    var originalOnLoad = reactFlowProps.onLoad;
+    var originalOnNodeDragStart = reactFlowProps.onNodeDragStart;
+    var originalOnNodeDragStop = reactFlowProps.onNodeDragStop;
+    var originalOnConnectStart = reactFlowProps.onConnectStart;
+    var originalOnConnectStop = reactFlowProps.onConnectStop;
+    var originalOnSelectionDragStart = reactFlowProps.onSelectionDragStart;
+    var originalOnSelectionDragStop = reactFlowProps.onSelectionDragStop;
+    var originalOnEdgeUpdateStart = reactFlowProps.onEdgeUpdateStart;
+    var originalOnEdgeUpdateEnd = reactFlowProps.onEdgeUpdateEnd;
+    var scrollInterval = scrollOnDrag === null || scrollOnDrag === void 0 ? void 0 : scrollOnDrag.scrollInterval;
+    var scrollStepSize = scrollOnDrag === null || scrollOnDrag === void 0 ? void 0 : scrollOnDrag.scrollStepSize;
+    var reactFlowInstanceId = reactFlowProps.id;
+    var clearIntervalIfExists = React.useCallback(function () {
+        if (scrollState.current.scrollTaskId) {
+            clearInterval(scrollState.current.scrollTaskId);
+        }
+    }, []);
+    var setScrolling = React.useCallback(function (active) {
+        scrollState.current.draggingOperationActive = active;
+        if (!active) {
+            clearIntervalIfExists();
+        }
+    }, [clearIntervalIfExists]);
+    // Handle scrolling if any operation is active e.g. connecting or dragging a node
+    React.useEffect(function () {
+        if (scrollInterval && scrollStepSize && reactFlowInstanceId) {
+            var handleScrolling_1 = function (event) {
+                var state = scrollState.current;
+                if (!state.draggingOperationActive) {
+                    clearIntervalIfExists();
+                    return;
+                }
+                // Check if mouse pointer is outside of the canvas
+                var canvasElement = document.getElementById(reactFlowInstanceId);
+                if (!canvasElement) {
+                    if (!state.loggedWarning) {
+                        console.warn("No element found with ID " + reactFlowInstanceId);
+                        state.loggedWarning = true;
+                    }
+                    return;
+                }
+                var boundingRect = canvasElement.getBoundingClientRect();
+                var xStepSize = boundingRect.width * scrollStepSize;
+                var yStepSize = boundingRect.height * scrollStepSize;
+                if (boundingRect.top > event.clientY || boundingRect.bottom < event.clientY ||
+                    boundingRect.left > event.clientX || boundingRect.right < event.clientX) {
+                    var scrollX_1 = boundingRect.left > event.clientX ?
+                        xStepSize :
+                        boundingRect.right < event.clientX ?
+                            -xStepSize :
+                            0;
+                    var scrollY_1 = boundingRect.top > event.clientY ?
+                        yStepSize :
+                        boundingRect.bottom < event.clientY ?
+                            -yStepSize :
+                            0;
+                    if (state.scrollY === (scrollY_1 !== 0) && state.scrollX === (scrollX_1 !== 0)) {
+                        // Nothing has changed, do not change interval function
+                        return;
+                    }
+                    clearIntervalIfExists();
+                    state.scrollTaskId = setInterval(function () {
+                        var _a;
+                        (_a = state.reactFlowInstance) === null || _a === void 0 ? void 0 : _a.setTransform({
+                            x: state.currentX + scrollX_1,
+                            y: state.currentY + scrollY_1,
+                            zoom: state.currentZoom
+                        });
+                    }, scrollInterval);
+                }
+                else {
+                    clearIntervalIfExists();
+                }
+            };
+            var disableScrollingOnMouseUp_1 = function () {
+                scrollState.current.draggingOperationActive = false;
+                clearIntervalIfExists();
+            };
+            document.addEventListener('mousemove', handleScrolling_1);
+            document.addEventListener("mouseup", disableScrollingOnMouseUp_1);
+            return function () {
+                document.removeEventListener('mousemove', handleScrolling_1);
+                document.removeEventListener("mouseup", disableScrollingOnMouseUp_1);
+            };
+        }
+        else {
+            return undefined;
+        }
+    }, [scrollInterval, scrollStepSize, reactFlowInstanceId, clearIntervalIfExists]);
+    var onLoad = useCallback(function (rfi) {
+        scrollState.current.reactFlowInstance = rfi;
+        originalOnLoad === null || originalOnLoad === void 0 ? void 0 : originalOnLoad(rfi);
+    }, [originalOnLoad]);
+    /** Wrap original callbacks to turn scrolling on and off. */
+    var onConnectStart = React.useCallback(function (event, params) {
+        setScrolling(true);
+        originalOnConnectStart === null || originalOnConnectStart === void 0 ? void 0 : originalOnConnectStart(event, params);
+    }, [originalOnConnectStart, setScrolling]);
+    var onConnectStop = React.useCallback(function (event) {
+        setScrolling(false);
+        originalOnConnectStop === null || originalOnConnectStop === void 0 ? void 0 : originalOnConnectStop(event);
+    }, [originalOnConnectStop, setScrolling]);
+    var onNodeDragStart = React.useCallback(function (event, node) {
+        setScrolling(true);
+        originalOnNodeDragStart === null || originalOnNodeDragStart === void 0 ? void 0 : originalOnNodeDragStart(event, node);
+    }, [originalOnNodeDragStart, setScrolling]);
+    var onNodeDragStop = React.useCallback(function (event, node) {
+        setScrolling(false);
+        originalOnNodeDragStop === null || originalOnNodeDragStop === void 0 ? void 0 : originalOnNodeDragStop(event, node);
+    }, [originalOnNodeDragStop, setScrolling]);
+    var onSelectionDragStart = React.useCallback(function (event, nodes) {
+        setScrolling(true);
+        originalOnSelectionDragStart === null || originalOnSelectionDragStart === void 0 ? void 0 : originalOnSelectionDragStart(event, nodes);
+    }, [originalOnSelectionDragStart, setScrolling]);
+    var onSelectionDragStop = React.useCallback(function (event, nodes) {
+        setScrolling(false);
+        originalOnSelectionDragStop === null || originalOnSelectionDragStop === void 0 ? void 0 : originalOnSelectionDragStop(event, nodes);
+    }, [originalOnSelectionDragStop, setScrolling]);
+    var onEdgeUpdateStart = React.useCallback(function (event, edge) {
+        setScrolling(true);
+        originalOnEdgeUpdateStart === null || originalOnEdgeUpdateStart === void 0 ? void 0 : originalOnEdgeUpdateStart(event, edge);
+    }, [originalOnEdgeUpdateStart, setScrolling]);
+    var onEdgeUpdateEnd = React.useCallback(function (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: onLoad,
+            onNodeDragStart: onNodeDragStart,
+            onNodeDragStop: onNodeDragStop,
+            onConnectStart: onConnectStart,
+            onConnectStop: onConnectStop,
+            onSelectionDragStart: onSelectionDragStart,
+            onSelectionDragStop: onSelectionDragStop,
+            onEdgeUpdateStart: onEdgeUpdateStart,
+            onEdgeUpdateEnd: onEdgeUpdateEnd
+        };
+    }
+};
+//# sourceMappingURL=scrollOnDragHook.js.map

package/dist/esm/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/esm/common/Intent/index.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
 export var Definitions = {
     PRIMARY: "primary",
@@ -19,10 +8,13 @@ export var Definitions = {
     WARNING: "warning",
     DANGER: "danger",
 };
+export var intentClassName = function (intent) {
+    return eccgui + "-intent--" + intent;
+};
 var classNamesCreation = function () {
-    var intentClasses = __assign({}, Definitions);
+    var intentClasses = {};
     for (var intentDefinition in Definitions) {
-        intentClasses[intentDefinition] = eccgui + "-intent--" + Definitions[intentDefinition];
+        intentClasses[intentDefinition] = intentClassName(Definitions[intentDefinition]);
     }
     return intentClasses;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/Intent/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,CAAC,IAAM,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,IAAM,kBAAkB,GAAG;IACvB,IAAM,aAAa,gBAAO,WAAW,CAAC,CAAC;IACvC,KAAK,IAAI,gBAAgB,IAAI,WAAW,EAAE;QACtC,aAAa,CAAC,gBAAgB,CAAC,GAAM,MAAM,iBAAY,WAAW,CAAC,gBAAgB,CAAG,CAAC;KAC1F;IACD,OAAO,aAAa,CAAC;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/Intent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAItE,MAAM,CAAC,IAAM,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;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,MAAmB;IAC/C,OAAU,MAAM,iBAAY,MAAQ,CAAA;AACxC,CAAC,CAAA;AAED,IAAM,kBAAkB,GAAG;IACvB,IAAM,aAAa,GAAgC,EAAE,CAAC;IACtD,KAAK,IAAI,gBAAgB,IAAI,WAAW,EAAE;QACtC,aAAa,CAAC,gBAAgB,CAAC,GAAG,eAAe,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACpF;IACD,OAAO,aAAa,CAAC;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,96 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+/** Zero width invisible characters, i.e. they do not change the space between 2 other characters. */
+var 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" }
+];
+var toHex = function (codepoint) { return codepoint.toString(16).toUpperCase(); };
+var padWithZeroes = function (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. */
+var invisibleZeroWidthCharacterCodePoints = internalInvisibleZeroWidthCharacterCodePoints.map(function (cp) {
+    var create = function (codePoint, label) {
+        var hexString = toHex(codePoint);
+        var unicodeHexRepresentation = "U+" + padWithZeroes(hexString);
+        return {
+            codePoint: codePoint,
+            label: label !== null && label !== void 0 ? label : unicodeHexRepresentation,
+            hexString: hexString,
+            fullLabel: label ? label + " (" + unicodeHexRepresentation + ")" : unicodeHexRepresentation
+        };
+    };
+    if (Array.isArray(cp.codePoint)) {
+        var codePoints = [];
+        var _a = __read(cp.codePoint, 2), from = _a[0], to = _a[1];
+        if (from < 0 || to < 0 || from > to) {
+            throw new Error("Invalid code point range specified: [" + from + ", " + to + "]");
+        }
+        for (var currentCp = from; currentCp <= to; currentCp++) {
+            codePoints.push(create(currentCp, cp.label));
+        }
+        return codePoints;
+    }
+    else {
+        return create(cp.codePoint, cp.label);
+    }
+}).flat();
+var createInvisibleZeroWidthCharacterCodePointsRegex = function () {
+    return new RegExp("([" + invisibleZeroWidthCharacterCodePoints
+        .map(function (cp) { return "\\u{" + cp.hexString + "}"; })
+        .join("") + "])", "ug");
+};
+/** Map from codepoint to invisible character. */
+var invisibleZeroWidthCharacterCodePointsMap = new Map(invisibleZeroWidthCharacterCodePoints.map(function (cp) { return [cp.codePoint, cp]; }));
+var clearStringFromInvisibleCharacters = function (inputString) {
+    var regex = createInvisibleZeroWidthCharacterCodePointsRegex();
+    return inputString.replaceAll(regex, "");
+};
+var invisibleZeroWidthCharacters = {
+    codePoints: invisibleZeroWidthCharacterCodePoints,
+    codePointMap: invisibleZeroWidthCharacterCodePointsMap,
+    createRegex: createInvisibleZeroWidthCharacterCodePointsRegex,
+    clearString: clearStringFromInvisibleCharacters
+};
+var moduleObject = {
+    invisibleZeroWidthCharacters: invisibleZeroWidthCharacters
+};
+export default moduleObject;
+//# sourceMappingURL=characters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"characters.js","sourceRoot":"","sources":["../../../../src/common/utils/characters.ts"],"names":[],"mappings":"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"}

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

@@ -26,14 +26,14 @@ import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
 function ApplicationTitle(_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.prefix, prefix = _c === void 0 ? "" : _c, href = _a.href, depiction = _a.depiction, _d = _a.isNotDisplayed, isNotDisplayed = _d === void 0 ? false : _d, _e = _a.isAlignedWithSidebar, isAlignedWithSidebar = _e === void 0 ? false : _e, isApplicationSidebarExpanded = _a.isApplicationSidebarExpanded, htmlAProps = _a.htmlAProps, otherPropsShouldOnlyBeUsedForDataAttributes = __rest(_a, ["children", "className", "prefix", "href", "depiction", "isNotDisplayed", "isAlignedWithSidebar", "isApplicationSidebarExpanded", "htmlAProps"]);
     var classApplication = eccgui + "-application__title";
-    var classNotDisplayed = isNotDisplayed || (!isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined") ? "bx--visually-hidden" : "";
+    var classNotDisplayed = isNotDisplayed || (!isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined") ? "cds--visually-hidden" : "";
     var classAlignedSidebar = isAlignedWithSidebar || isApplicationSidebarExpanded ? eccgui + "-application__title--withsidebar" : "";
     return (React.createElement(CarbonHeaderName, __assign({}, otherPropsShouldOnlyBeUsedForDataAttributes, htmlAProps, { className: classApplication + " " + classAlignedSidebar + " " + classNotDisplayed + " " + className, href: href, prefix: "" }),
         React.createElement("span", { className: eccgui + "-application__title--content" },
             !!depiction && (React.createElement(React.Fragment, null,
                 React.createElement("span", { className: eccgui + "-application__title--depiction" }, depiction))),
             !!prefix && (React.createElement(React.Fragment, null,
-                React.createElement("span", { className: "bx--header__name--prefix" }, prefix),
+                React.createElement("span", { className: "cds--header__name--prefix" }, prefix),
                 "\u00A0")),
             children)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA4CtE,SAAS,gBAAgB,CAAC,EAWD;IAVrB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,4BAA0B,EAA1B,oBAAoB,mBAAC,KAAK,KAAA,EAC1B,4BAA4B,kCAAA,EAC5B,UAAU,gBAAA,EACP,2CAA2C,cAVxB,gJAWzB,CADiD;IAG9C,IAAM,gBAAgB,GAAM,MAAM,wBAAqB,CAAC;IACxD,IAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClJ,IAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,oBAAC,gBAAgB,eACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAK,gBAAgB,SAAI,mBAAmB,SAAI,iBAAiB,SAAI,SAAW,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,8BAAM,SAAS,EAAK,MAAM,iCAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,8BAAM,SAAS,EAAK,MAAM,mCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,8BAAM,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAQ;yBAE3D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AA4CtE,SAAS,gBAAgB,CAAC,EAWD;IAVrB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,4BAA0B,EAA1B,oBAAoB,mBAAC,KAAK,KAAA,EAC1B,4BAA4B,kCAAA,EAC5B,UAAU,gBAAA,EACP,2CAA2C,cAVxB,gJAWzB,CADiD;IAG9C,IAAM,gBAAgB,GAAM,MAAM,wBAAqB,CAAC;IACxD,IAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnJ,IAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,oBAAC,gBAAgB,eACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAK,gBAAgB,SAAI,mBAAmB,SAAI,iBAAiB,SAAI,SAAW,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,8BAAM,SAAS,EAAK,MAAM,iCAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,8BAAM,SAAS,EAAK,MAAM,mCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,8BAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAQ;yBAE5D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/Badge/Badge.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import React from "react";
+import Tag from "../Tag/Tag.js";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Display a badge element to add more context to another element.
+ * It can display icons, text and numbers.
+ */
+export function Badge(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.position, position = _c === void 0 ? "inline" : _c, _d = _a.size, size = _d === void 0 ? "medium" : _d, maxLength = _a.maxLength, intent = _a.intent, tagProps = _a.tagProps, spanProps = __rest(_a, ["children", "className", "position", "size", "maxLength", "intent", "tagProps"]);
+    var 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.createElement("span", __assign({ className: eccgui + "-badge " + eccgui + "-badge--" + position +
+            (typeof children === "object" ? " " + eccgui + "-badge--icon" : '') }, spanProps),
+        React.createElement(Tag, __assign({ className: eccgui + "-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)));
+}
+//# sourceMappingURL=Badge.js.map

package/dist/esm/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAiB,MAAM,YAAY,CAAC;AAI3C,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAmCtE;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EAST;IARX,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,gBAAmB,EAAnB,QAAQ,mBAAG,QAAQ,KAAA,EACnB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,SAAS,eAAA,EACT,MAAM,YAAA,EACN,QAAQ,cAAA,EACL,SAAS,cARQ,gFASrB,CADa;IAEV,IAAI,YAAY,GAAG,QAAQ,CAAC;IAC5B,wBAAwB;IACxB,+CAA+C;IAC/C,IACI,OAAO,QAAQ,KAAK,QAAQ;QAC5B,SAAS;QACT,SAAS,GAAG,CAAC;QACb,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,GAAC,CAAC,CAAC,EACvC;QACE,YAAY,GAAM,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,GAAC,CAAC,CAAC,GAAG,CAAC,MAAG,CAAA;KACrD;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,YAAY,GAAG,EAAE,CAAC;KACrB;IACD,OAAO,CACH,uCACI,SAAS,EACF,MAAM,eAAU,MAAM,gBAAW,QAAU;YAC9C,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAI,MAAM,iBAAc,CAAC,CAAC,CAAC,EAAE,CAAC,IAE9D,SAAS;QAEb,oBAAC,GAAG,aACA,SAAS,EAAK,MAAM,gBAAa,EACjC,KAAK,QACL,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAChC,IAAI,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAE,YAAS,SAAS,GAAC,CAAC,eAAQ,SAAS,GAAC,CAAC,YAAQ,EAAC,CAAC,CAAC,CAAC,EAAE,IAClI,QAAQ,GAEX,YAAY,CACX,CACH,CACV,CAAC;AACN,CAAC"}

package/dist/esm/components/Depiction/Depiction.js

@@ -0,0 +1,96 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import React, { useCallback, useEffect, useRef } from "react";
+import Color from "color";
+import SVG from 'react-inlinesvg';
+import Tooltip from "../Tooltip/Tooltip.js";
+import decideContrastColorValue from "./../../common/utils/colorDecideContrastvalue.js";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Display a graphical representation and attache a caption or a badge to it.
+ */
+export function Depiction(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, image = _a.image, _c = _a.forceInlineSvg, forceInlineSvg = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "medium" : _d, _e = _a.resizing, resizing = _e === void 0 ? "cover" : _e, _f = _a.ratio, ratio = _f === void 0 ? "source" : _f, caption = _a.caption, _g = _a.captionPosition, captionPosition = _g === void 0 ? "none" : _g, backgroundColor = _a.backgroundColor, border = _a.border, rounded = _a.rounded, _h = _a.padding, padding = _h === void 0 ? "none" : _h, badge = _a.badge, tooltipProps = _a.tooltipProps, otherFigureProps = __rest(_a, ["className", "image", "forceInlineSvg", "size", "resizing", "ratio", "caption", "captionPosition", "backgroundColor", "border", "rounded", "padding", "badge", "tooltipProps"]);
+    var containerRef = useRef(null);
+    useEffect(function () {
+        if (!!backgroundColor && backgroundColor !== "light" && backgroundColor !== "dark") {
+            var color = Color("#ffffff");
+            try {
+                color = Color(backgroundColor);
+            }
+            catch (ex) {
+                console.warn("Received invalid background color for depiction: " + backgroundColor);
+            }
+            containerRef.current.style.setProperty("--" + eccgui + "-depiction-background", color.rgb().toString());
+            containerRef.current.style.setProperty("--" + eccgui + "-depiction-color", decideContrastColorValue({ testColor: color }));
+        }
+    }, [backgroundColor]);
+    var updateSvgResizing = React.useCallback(function (el) {
+        var preserveAspectRatio = "";
+        switch (resizing) {
+            case "cover":
+                preserveAspectRatio = "xMidYMid slice";
+                break;
+            case "stretch":
+                preserveAspectRatio = "none";
+                break;
+        }
+        el.setAttribute("preserveAspectRatio", preserveAspectRatio);
+    }, [resizing]);
+    var inlineSvgCall = useCallback(function (svgElement) {
+        if (svgElement) {
+            updateSvgResizing(svgElement);
+        }
+    }, [updateSvgResizing]);
+    useEffect(function () {
+        // Resize element after every render
+        var svgElement = containerRef.current.getElementsByTagName("svg");
+        if (svgElement.length > 0) {
+            updateSvgResizing(svgElement[0]);
+        }
+    });
+    var depiction = image;
+    if (forceInlineSvg &&
+        image.type === "img" &&
+        "src" in image.props &&
+        !!image.props.src &&
+        image.props.src.startsWith("data:image/svg+xml")) {
+        depiction = (React.createElement(SVG, { src: image.props.src, innerRef: inlineSvgCall }, image));
+    }
+    var depictionContainer = (React.createElement("div", { ref: containerRef, className: eccgui + "-depiction__image" +
+            (" " + eccgui + "-depiction__image--" + size) +
+            (" " + eccgui + "-depiction__image--" + resizing + "-sizing") +
+            (" " + eccgui + "-depiction__image--ratio-" + ratio.replace(":", "to")) +
+            (backgroundColor === "light" || backgroundColor === "dark" ? " " + eccgui + "-depiction__image--color-" + backgroundColor : '') +
+            (!!backgroundColor ? " " + eccgui + "-depiction__image--color-config" : '') +
+            (border ? " " + eccgui + "-depiction__image--hasborder" : '') +
+            (rounded ? " " + eccgui + "-depiction__image--roundedborder" : '') +
+            (padding && padding !== "none" ? " " + eccgui + "-depiction__image--padding-" + padding : '') }, depiction));
+    return (React.createElement("figure", __assign({ className: eccgui + "-depiction" +
+            (className ? " " + className : '') }, otherFigureProps),
+        captionPosition === "tooltip" && !!caption ? (React.createElement(Tooltip, __assign({ content: caption, size: "medium" }, tooltipProps), depictionContainer)) : (depictionContainer),
+        !!caption && (React.createElement("figcaption", { className: eccgui + "-depiction__caption" +
+                (" " + eccgui + "-depiction__caption--" + captionPosition) }, caption)),
+        badge));
+}
+//# sourceMappingURL=Depiction.js.map

package/dist/esm/components/Depiction/Depiction.js.map

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

package/dist/esm/components/Grid/Grid.js

@@ -21,9 +21,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from "react";
-// import PropTypes from 'prop-types';
-import { Grid as CarbonGrid } from "carbon-components-react";
+// @ts-ignore // FlexGrid is not part of @types/carbon-components-react
+import { FlexGrid as CarbonGrid } from "carbon-components-react";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Layouts a grid that can contain rows and columns.
+ * Grids can also be stacked into other grids for more complex layouts.
+ * A very complex level of stacked grids is a sign that something should be designed differently.
+ */
 function Grid(_a) {
     var children = _a.children, _b = _a.verticalStretchable, verticalStretchable = _b === void 0 ? false : _b, _c = _a.useAbsoluteSpace, useAbsoluteSpace = _c === void 0 ? false : _c, _d = _a.className, className = _d === void 0 ? '' : _d, restProps = __rest(_a, ["children", "verticalStretchable", "useAbsoluteSpace", "className"]);
     return (React.createElement(CarbonGrid, __assign({}, restProps, { className: eccgui + "-grid" +

package/dist/esm/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAQtE,SAAS,IAAI,CAAC,EAMF;IALR,IAAA,QAAQ,cAAA,EACR,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,SAAS,cALF,oEAMb,CADe;IAEZ,OAAO,CACH,oBAAC,UAAU,eACH,SAAS,IACb,SAAS,EACF,MAAM,UAAO;YAChB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAI,MAAM,uBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7D,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAI,MAAM,yBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAEtC,SAAS,EAAE,IAAI,KAEb,QAAQ,CACD,CAChB,CAAA;AACL,CAAC;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,uEAAuE;AACvE,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAoB,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAqBtE;;;;GAIG;AACH,SAAS,IAAI,CAAC,EAMF;IALR,IAAA,QAAQ,cAAA,EACR,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,SAAS,cALF,oEAMb,CADe;IAEZ,OAAO,CACH,oBAAC,UAAU,eACH,SAAS,IACb,SAAS,EACF,MAAM,UAAO;YAChB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAI,MAAM,uBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7D,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAI,MAAM,yBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAEtC,SAAS,EAAE,IAAI,KAEb,QAAQ,CACD,CAChB,CAAA;AACL,CAAC;AAED,eAAe,IAAI,CAAC"}

package/dist/esm/components/Grid/GridColumn.js

@@ -24,14 +24,18 @@ import React from "react";
 // import PropTypes from 'prop-types';
 import { Column as CarbonColumn } from "carbon-components-react";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Grid columns can be used in grid rows.
+ * They can contain other grids if this is necessary for more complex layouts.
+ */
 function GridColumn(_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.medium, medium = _d === void 0 ? false : _d, _e = _a.full, full = _e === void 0 ? true : _e, verticalAlign = _a.verticalAlign, otherProps = __rest(_a, ["children", "className", "small", "medium", "full", "verticalAlign"]);
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.medium, medium = _d === void 0 ? false : _d, full = _a.full, _e = _a.verticalAlign, verticalAlign = _e === void 0 ? "top" : _e, otherProps = __rest(_a, ["children", "className", "small", "medium", "full", "verticalAlign"]);
     var sizeConfig = {};
     if (small)
         sizeConfig = { md: 2, lg: 3 };
     if (medium)
         sizeConfig = { md: 3, lg: 5 };
-    return (React.createElement(CarbonColumn, __assign({}, otherProps, sizeConfig, { className: eccgui + "-grid__column" +
+    return (React.createElement(CarbonColumn, __assign({}, sizeConfig, otherProps, { className: eccgui + "-grid__column" +
             (verticalAlign ? " " + eccgui + "-grid__column--vertical-" + verticalAlign : '') +
             (className ? ' ' + className : '') }), children));
 }

package/dist/esm/components/Grid/GridColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAUtE,SAAS,UAAU,CAAC,EAQF;IAPd,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,aAAa,mBAAA,EACV,UAAU,cAPG,qEAQnB,CADgB;IAEb,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACvC,IAAI,MAAM;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACxC,OAAO,CACH,oBAAC,YAAY,eACL,UAAU,EACV,UAAU,IACd,SAAS,EACF,MAAM,kBAAe;YACxB,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,MAAM,6BAA0B,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGlC,QAAQ,CACC,CAClB,CAAA;AACL,CAAC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAuBtE;;;GAGG;AACH,SAAS,UAAU,CAAC,EAQF;IAPd,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,IAAI,UAAA,EACJ,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,UAAU,cAPG,qEAQnB,CADgB;IAEb,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACvC,IAAI,MAAM;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACxC,OAAO,CACH,oBAAC,YAAY,eACL,UAAU,EACV,UAAU,IACd,SAAS,EACF,MAAM,kBAAe;YACxB,CAAC,aAAa,CAAC,CAAC,CAAC,MAAI,MAAM,6BAA0B,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGlC,QAAQ,CACC,CAClB,CAAA;AACL,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/components/Grid/GridRow.js

@@ -24,6 +24,9 @@ import React from "react";
 // import PropTypes from 'prop-types';
 import { Row as CarbonRow } from "carbon-components-react";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Grid rows exists as children in a grid and can contain columns.
+ */
 function GridRow(_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.dontWrapColumns, dontWrapColumns = _c === void 0 ? true : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d, verticalStretched = _a.verticalStretched, otherProps = __rest(_a, ["children", "className", "dontWrapColumns", "fullHeight", "verticalStretched"]);
     return (React.createElement(CarbonRow, __assign({}, otherProps, { className: eccgui + "-grid__row" +

package/dist/esm/components/Grid/GridRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,GAAG,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAStE,SAAS,OAAO,CAAC,EAOF;IANX,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,uBAAA,EACd,UAAU,cANA,+EAOhB,CADgB;IAEb,OAAO,CACH,oBAAC,SAAS,eACF,UAAU,IACd,SAAS,EACF,MAAM,eAAY;YACrB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,MAAM,gCAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAChE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAI,MAAM,0BAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,UAAU,CAAC,CAAC,CAAC,MAAI,MAAM,2BAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACD,CACf,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,sCAAsC;AACtC,OAAO,EAAE,GAAG,IAAI,SAAS,EAAmB,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAqBtE;;GAEG;AACH,SAAS,OAAO,CAAC,EAOF;IANX,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,uBAAsB,EAAtB,eAAe,mBAAG,IAAI,KAAA,EACtB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,uBAAA,EACd,UAAU,cANA,+EAOhB,CADgB;IAEb,OAAO,CACH,oBAAC,SAAS,eACF,UAAU,IACd,SAAS,EACF,MAAM,eAAY;YACrB,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,MAAM,gCAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAChE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAI,MAAM,0BAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,UAAU,CAAC,CAAC,CAAC,MAAI,MAAM,2BAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACD,CACf,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}