@rio-cloud/rio-uikit 2.2.1 → 2.3.0-beta.1

package/components/assetTree/AssetTree.js

@@ -1,44 +1,44 @@
 import { jsxs as A, jsx as d } from "react/jsx-runtime";
-import R, { memo as re, forwardRef as oe, useState as f, useRef as ne } from "react";
-import { noop as y, head as E, isArray as L } from "es-toolkit/compat";
+import R, { memo as oe, forwardRef as re, useState as f, useRef as ne } from "react";
+import { noop as T, head as E, isArray as L } from "es-toolkit/compat";
 import ie from "tiny-invariant";
 import g from "../../utils/classNames.js";
 import de from "./TreeCategory.js";
-import T from "../resizer/Resizer.js";
+import u from "../resizer/Resizer.js";
 import ae from "./TreeSidebar.js";
 import ce from "../../utils/getWidthInBoundaries.js";
 import le from "../../utils/mergeRefs.js";
 import fe from "../../hooks/usePrevious.js";
 import me from "../smoothScrollbars/SmoothScrollbars.js";
-const pe = 350, he = 100, ue = 0, m = {
+const pe = 350, he = 100, ye = 0, m = {
   MODE_FLY: "fly",
   MODE_FLUID: "fluid"
-}, b = (e) => E(e?.current?.getElementsByClassName("AssetTreeBody")), ye = (e, r) => L(e) ? e.find((t) => t && t.props.id === r) : e, Te = (e, r) => R.Children.map(e, (t) => {
+}, b = (e) => E(e?.current?.getElementsByClassName("AssetTreeBody")), Te = (e, o) => L(e) ? e.find((t) => t && t.props.id === o) : e, ue = (e, o) => R.Children.map(e, (t) => {
   const p = g(
     "TreeOffscreenWrapper",
-    t && t.props.id !== r && "position-offscreen pointer-events-none"
+    t && t.props.id !== o && "position-offscreen pointer-events-none"
   );
   return /* @__PURE__ */ d("div", { className: p, children: t });
-}), ge = (e) => R.isValidElement(e) && e.type === de, Re = re(
-  oe((e, r) => {
+}), ge = (e) => R.isValidElement(e) && e.type === de, Re = oe(
+  re((e, o) => {
     const {
       className: t,
       resizable: p = !0,
       width: a = pe,
       minWidth: M = he,
-      maxWidth: C = ue,
+      maxWidth: C = ye,
       height: D,
       bordered: I = !1,
-      currentCategoryId: o,
+      currentCategoryId: r,
       isOpen: n = !0,
       useOffscreen: O = !1,
       fly: i = !1,
-      onCategoryChange: S = y,
-      onToggleTree: N = y,
-      onResizeEnd: _ = y,
+      onCategoryChange: S = T,
+      onToggleTree: N = T,
+      onResizeEnd: _ = T,
       children: c = [],
       ...w
-    } = e, W = (s) => s ? m.MODE_FLY : m.MODE_FLUID, [F, z] = f(a), [x, v] = f(!1), [B, H] = f(W(i)), h = ne(null), P = le([r, h]);
+    } = e, W = (s) => s ? m.MODE_FLY : m.MODE_FLUID, [F, z] = f(a), [x, v] = f(!1), [B, H] = f(W(i)), h = ne(null), P = le([o, h]);
     fe(a) !== a && z(a);
     const [U, j] = f(i);
     U !== i && (H(W(i)), j(i));
@@ -50,11 +50,11 @@ const pe = 350, he = 100, ue = 0, m = {
       !n && "closed",
       I && "border",
       B === m.MODE_FLY ? "fly" : "fluid"
-    ), k = g("AssetTreeResizeLimit", x && "display-block"), G = { left: C || window.innerWidth * 0.5 }, V = E(l), X = o ? ye(l, o) : V, Z = {
+    ), k = g("AssetTreeResizeLimit", x && "display-block"), G = { left: C || window.innerWidth * 0.5 }, V = E(l), X = r ? Te(l, r) : V, Z = {
       width: F,
       height: D
-    }, u = () => N(!n), q = (s) => {
-      S(s), n ? n && o === s && u() : u();
+    }, y = () => N(!n), q = (s) => {
+      S(s), n ? n && r === s && y() : y();
     }, J = (s) => {
       const $ = window.innerWidth * 0.5, ee = C || $;
       z((se) => {
@@ -75,21 +75,21 @@ const pe = 350, he = 100, ue = 0, m = {
           ae,
           {
             onSelectCategory: q,
-            currentCategoryId: o,
-            onClick: u,
+            currentCategoryId: r,
+            onClick: y,
             children: L(c) ? c : [c]
           }
         ),
-        /* @__PURE__ */ d(me, { slideIn: !0, className: "AssetTreeBody", children: O ? Te(l, o) : X })
+        /* @__PURE__ */ d(me, { slideIn: !0, className: "AssetTreeBody", children: O ? ue(l, r) : X })
       ] }),
       p && n && /* @__PURE__ */ d(
-        T,
+        u,
         {
           onResizeStart: K,
           onResize: J,
           onResizeEnd: Q,
-          direction: T.HORIZONTAL,
-          position: T.RIGHT
+          direction: u.HORIZONTAL,
+          position: u.RIGHT
         }
       )
     ] });

package/components/assetTree/AssetTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetTree.js","sources":["../../../src/components/assetTree/AssetTree.tsx"],"sourcesContent":["import React, { memo, useState, useRef, forwardRef, type PropsWithChildren } from 'react';\nimport { head, isArray, noop } from 'es-toolkit/compat';\nimport invariant from 'tiny-invariant';\n\nimport classNames from '../../utils/classNames';\nimport TreeCategory, { type TreeCategoryProps } from './TreeCategory';\nimport Resizer from '../resizer/Resizer';\nimport TreeSidebar from './TreeSidebar';\nimport getWidthInBoundaries from '../../utils/getWidthInBoundaries';\nimport mergeRefs from '../../utils/mergeRefs';\nimport usePrevious from '../../usePrevious';\nimport SmoothScrollbars from '../smoothScrollbars/SmoothScrollbars';\n\nconst DEFAULT_WIDTH = 350;\nconst DEFAULT_MIN_WIDTH = 100;\nconst DEFAULT_MAX_WIDTH = 0;\n\nconst TreeMode = {\n    MODE_FLY: 'fly',\n    MODE_FLUID: 'fluid',\n} as const;\n\nconst getSidebarBodyRef = (sidebarRef: React.MutableRefObject<HTMLDivElement | null>) =>\n    head(sidebarRef?.current?.getElementsByClassName('AssetTreeBody'));\n\nconst getCurrentCategoryElement = (children: React.ReactElement[], currentCategoryId: string) => {\n    return isArray(children) ? children.find(child => child && child.props.id === currentCategoryId) : children;\n};\n\nconst renderTreesOffscreen = (children: React.ReactElement[], categoryId: string | undefined) => {\n    return React.Children.map(children, child => {\n        const offscreenClasses = classNames(\n            'TreeOffscreenWrapper',\n            child && child.props.id !== categoryId && 'position-offscreen pointer-events-none'\n        );\n        return <div className={offscreenClasses}>{child}</div>;\n    });\n};\n\nexport type AssetTreeProps = {\n    /**\n     * Defines if the component will overlap the body content.\n     *\n     * @default false\n     */\n    fly?: boolean;\n\n    /**\n     * Defines whether or not the sidebar is resizable.\n     *\n     * @default true\n     */\n    resizable?: boolean;\n\n    /**\n     * Defines whether the component has a border or not.\n     *\n     * @default false\n     */\n    bordered?: boolean;\n\n    /**\n     * Defines the width of the component. The value is set as inline style.\n     *\n     * Note: when component is resizable it will take the provided\n     * width in px only and convert it to number in case.\n     *\n     * @default 350\n     */\n    width?: number;\n\n    /**\n     * Defines the minimum width of the component in px that will take effect when resizing.\n     *\n     * @default 100\n     */\n    minWidth?: number;\n\n    /**\n     * Defines the maximum width of the component in px that will take effect when resizing.\n     *\n     * @default 0\n     */\n    maxWidth?: number;\n\n    /**\n     * Defines the height of the component in px.\n     */\n    height?: number;\n\n    /**\n     * Defines whether the component is open or not.\n     *\n     * @default true\n     */\n    isOpen?: boolean;\n\n    /**\n     * Callback for when the tree visibility is toggled.\n     *\n     * @default () => {}\n     * @param isOpen\n     * @returns\n     */\n    onToggleTree?: (isOpen: boolean) => void;\n\n    /**\n     * The id of the category which is currently active and shall be shown.\n     */\n    currentCategoryId?: string;\n\n    /**\n     * Callback for handling change of category.\n     *\n     * @default () => {}\n     * @param selectedCategoryId\n     * @returns\n     */\n    onCategoryChange?: (selectedCategoryId: string) => void;\n\n    /**\n     * Callback for when the resize is done.\n     *\n     * @default () => {}\n     */\n    onResizeEnd?: VoidFunction;\n\n    /**\n     * Defines whether the tree components are rendered offscreen and kept mounted in the DOM.\n     *\n     * @default false\n     */\n    useOffscreen?: boolean;\n\n    /**\n     * Additional classes added on the wrapper element.\n     */\n    className?: string;\n};\n\n// Check if the child is a React element and if it has the type TreeCategory\nconst isTreeCategory = (child: React.ReactNode): child is React.ReactElement<TreeCategoryProps> => {\n    return React.isValidElement(child) && child.type === TreeCategory;\n};\n\nconst AssetTree = memo(\n    forwardRef<HTMLDivElement, PropsWithChildren<AssetTreeProps>>((props, ref) => {\n        const {\n            className,\n            resizable = true,\n            width = DEFAULT_WIDTH,\n            minWidth = DEFAULT_MIN_WIDTH,\n            maxWidth = DEFAULT_MAX_WIDTH,\n            height,\n            bordered = false,\n            currentCategoryId,\n            isOpen = true,\n            useOffscreen = false,\n            fly = false,\n            onCategoryChange = noop,\n            onToggleTree = noop,\n            onResizeEnd = noop,\n            children = [],\n            ...remainingProps\n        } = props;\n\n        const getSidebarMode = (isFly: boolean) => (isFly ? TreeMode.MODE_FLY : TreeMode.MODE_FLUID);\n\n        const [treeWidth, setTreeWidth] = useState(width);\n        const [isResize, setIsResize] = useState(false);\n        const [sidebarMode, setSidebarMode] = useState(getSidebarMode(fly));\n\n        const sidebarRef = useRef<HTMLDivElement>(null);\n\n        const mergedRefs = mergeRefs([ref, sidebarRef]);\n\n        // Update internal state when props change\n        const previousWidth = usePrevious(width);\n        if (previousWidth !== width) {\n            setTreeWidth(width);\n        }\n\n        const [previousMode, setPreviousMode] = useState(fly);\n        if (previousMode !== fly) {\n            setSidebarMode(getSidebarMode(fly));\n            setPreviousMode(fly);\n        }\n\n        const childrenArray = React.Children.toArray(children);\n\n        // check for children type of TreeCategory and throw error in case\n        invariant(childrenArray.every(isTreeCategory), 'AssetTree only excepts children of type \"TreeCategory\"');\n\n        const classes = classNames(\n            'AssetTree',\n            className,\n            !isOpen && 'closed',\n            bordered && 'border',\n            sidebarMode === TreeMode.MODE_FLY ? 'fly' : 'fluid'\n        );\n\n        const resizeLimitClasses = classNames('AssetTreeResizeLimit', isResize && 'display-block');\n\n        const resizeIndicatorPosition = maxWidth || window.innerWidth * 0.5;\n        const resizeLimitStyle = { left: resizeIndicatorPosition };\n\n        const firstChild = head(childrenArray);\n\n        const category = currentCategoryId ? getCurrentCategoryElement(childrenArray, currentCategoryId) : firstChild;\n\n        const style = {\n            width: treeWidth,\n            height,\n        };\n\n        const handleToggleTreeContent = () => onToggleTree(!isOpen);\n\n        const handleSelectCategory = (selectedCategoryId: string) => {\n            onCategoryChange(selectedCategoryId);\n\n            if (!isOpen) {\n                handleToggleTreeContent();\n            } else if (isOpen && currentCategoryId === selectedCategoryId) {\n                handleToggleTreeContent();\n            }\n        };\n\n        const handleResize = (diff: number) => {\n            const halfWindowWidth = window.innerWidth * 0.5;\n            const usedMaxWidth = maxWidth || halfWindowWidth;\n\n            // Check for sidebar width if it is half window size. If it was before but the sidebar was resized so it is\n            // no longer half window size, set the sidebar width to half the window size to avoid jumping sidebar\n            // to old width\n            setTreeWidth(oldWidth => {\n                const updatedWidth = oldWidth - diff;\n                return getWidthInBoundaries(minWidth, usedMaxWidth, updatedWidth);\n            });\n        };\n\n        const handleResizeStart = () => {\n            const body = getSidebarBodyRef(sidebarRef);\n            if (body) {\n                body.classList.add('pointer-events-none');\n            }\n            setIsResize(true);\n        };\n\n        const handleResizeEnd = () => {\n            const body = getSidebarBodyRef(sidebarRef);\n            if (body) {\n                body.classList.remove('pointer-events-none');\n            }\n            setIsResize(false);\n            onResizeEnd();\n        };\n\n        return (\n            <div {...remainingProps} className={classes} style={style} ref={mergedRefs}>\n                <div className={resizeLimitClasses} style={resizeLimitStyle} />\n                <div className='AssetTreeContent'>\n                    <TreeSidebar\n                        onSelectCategory={handleSelectCategory}\n                        currentCategoryId={currentCategoryId}\n                        onClick={handleToggleTreeContent}\n                    >\n                        {isArray(children) ? children : [children]}\n                    </TreeSidebar>\n                    <SmoothScrollbars slideIn className='AssetTreeBody'>\n                        {useOffscreen ? renderTreesOffscreen(childrenArray, currentCategoryId) : category}\n                    </SmoothScrollbars>\n                </div>\n                {resizable && isOpen && (\n                    <Resizer\n                        onResizeStart={handleResizeStart}\n                        onResize={handleResize}\n                        onResizeEnd={handleResizeEnd}\n                        direction={Resizer.HORIZONTAL}\n                        position={Resizer.RIGHT}\n                    />\n                )}\n            </div>\n        );\n    })\n);\n\nObject.assign(AssetTree, TreeMode);\n\nexport default AssetTree;\n"],"names":["DEFAULT_WIDTH","DEFAULT_MIN_WIDTH","DEFAULT_MAX_WIDTH","TreeMode","getSidebarBodyRef","sidebarRef","head","getCurrentCategoryElement","children","currentCategoryId","isArray","child","renderTreesOffscreen","categoryId","React","offscreenClasses","classNames","jsx","isTreeCategory","TreeCategory","AssetTree","memo","forwardRef","props","ref","className","resizable","width","minWidth","maxWidth","height","bordered","isOpen","useOffscreen","fly","onCategoryChange","noop","onToggleTree","onResizeEnd","remainingProps","getSidebarMode","isFly","treeWidth","setTreeWidth","useState","isResize","setIsResize","sidebarMode","setSidebarMode","useRef","mergedRefs","mergeRefs","usePrevious","previousMode","setPreviousMode","childrenArray","invariant","classes","resizeLimitClasses","resizeLimitStyle","firstChild","category","style","handleToggleTreeContent","handleSelectCategory","selectedCategoryId","handleResize","diff","halfWindowWidth","usedMaxWidth","oldWidth","updatedWidth","getWidthInBoundaries","handleResizeStart","body","handleResizeEnd","jsxs","TreeSidebar","SmoothScrollbars","Resizer"],"mappings":"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"}
+{"version":3,"file":"AssetTree.js","sources":["../../../src/components/assetTree/AssetTree.tsx"],"sourcesContent":["import React, { memo, useState, useRef, forwardRef, type PropsWithChildren } from 'react';\nimport { head, isArray, noop } from 'es-toolkit/compat';\nimport invariant from 'tiny-invariant';\n\nimport classNames from '../../utils/classNames';\nimport TreeCategory, { type TreeCategoryProps } from './TreeCategory';\nimport Resizer from '../resizer/Resizer';\nimport TreeSidebar from './TreeSidebar';\nimport getWidthInBoundaries from '../../utils/getWidthInBoundaries';\nimport mergeRefs from '../../utils/mergeRefs';\nimport usePrevious from '../../usePrevious';\nimport SmoothScrollbars from '../smoothScrollbars/SmoothScrollbars';\n\nconst DEFAULT_WIDTH = 350;\nconst DEFAULT_MIN_WIDTH = 100;\nconst DEFAULT_MAX_WIDTH = 0;\n\nconst TreeMode = {\n    MODE_FLY: 'fly',\n    MODE_FLUID: 'fluid',\n} as const;\n\nconst getSidebarBodyRef = (sidebarRef: React.MutableRefObject<HTMLDivElement | null>) =>\n    head(sidebarRef?.current?.getElementsByClassName('AssetTreeBody'));\n\nconst getCurrentCategoryElement = (children: React.ReactElement[], currentCategoryId: string) =>\n    isArray(children) ? children.find(child => child && child.props.id === currentCategoryId) : children;\n\nconst renderTreesOffscreen = (children: React.ReactElement[], categoryId: string | undefined) =>\n    React.Children.map(children, child => {\n        const offscreenClasses = classNames(\n            'TreeOffscreenWrapper',\n            child && child.props.id !== categoryId && 'position-offscreen pointer-events-none'\n        );\n        return <div className={offscreenClasses}>{child}</div>;\n    });\n\nexport type AssetTreeProps = {\n    /**\n     * Defines if the component will overlap the body content.\n     *\n     * @default false\n     */\n    fly?: boolean;\n\n    /**\n     * Defines whether or not the sidebar is resizable.\n     *\n     * @default true\n     */\n    resizable?: boolean;\n\n    /**\n     * Defines whether the component has a border or not.\n     *\n     * @default false\n     */\n    bordered?: boolean;\n\n    /**\n     * Defines the width of the component. The value is set as inline style.\n     *\n     * Note: when component is resizable it will take the provided\n     * width in px only and convert it to number in case.\n     *\n     * @default 350\n     */\n    width?: number;\n\n    /**\n     * Defines the minimum width of the component in px that will take effect when resizing.\n     *\n     * @default 100\n     */\n    minWidth?: number;\n\n    /**\n     * Defines the maximum width of the component in px that will take effect when resizing.\n     *\n     * @default 0\n     */\n    maxWidth?: number;\n\n    /**\n     * Defines the height of the component in px.\n     */\n    height?: number;\n\n    /**\n     * Defines whether the component is open or not.\n     *\n     * @default true\n     */\n    isOpen?: boolean;\n\n    /**\n     * Callback for when the tree visibility is toggled.\n     *\n     * @default () => {}\n     * @param isOpen\n     * @returns\n     */\n    onToggleTree?: (isOpen: boolean) => void;\n\n    /**\n     * The id of the category which is currently active and shall be shown.\n     */\n    currentCategoryId?: string;\n\n    /**\n     * Callback for handling change of category.\n     *\n     * @default () => {}\n     * @param selectedCategoryId\n     * @returns\n     */\n    onCategoryChange?: (selectedCategoryId: string) => void;\n\n    /**\n     * Callback for when the resize is done.\n     *\n     * @default () => {}\n     */\n    onResizeEnd?: VoidFunction;\n\n    /**\n     * Defines whether the tree components are rendered offscreen and kept mounted in the DOM.\n     *\n     * @default false\n     */\n    useOffscreen?: boolean;\n\n    /**\n     * Additional classes added on the wrapper element.\n     */\n    className?: string;\n};\n\n// Check if the child is a React element and if it has the type TreeCategory\nconst isTreeCategory = (child: React.ReactNode): child is React.ReactElement<TreeCategoryProps> =>\n    React.isValidElement(child) && child.type === TreeCategory;\n\nconst AssetTree = memo(\n    forwardRef<HTMLDivElement, PropsWithChildren<AssetTreeProps>>((props, ref) => {\n        const {\n            className,\n            resizable = true,\n            width = DEFAULT_WIDTH,\n            minWidth = DEFAULT_MIN_WIDTH,\n            maxWidth = DEFAULT_MAX_WIDTH,\n            height,\n            bordered = false,\n            currentCategoryId,\n            isOpen = true,\n            useOffscreen = false,\n            fly = false,\n            onCategoryChange = noop,\n            onToggleTree = noop,\n            onResizeEnd = noop,\n            children = [],\n            ...remainingProps\n        } = props;\n\n        const getSidebarMode = (isFly: boolean) => (isFly ? TreeMode.MODE_FLY : TreeMode.MODE_FLUID);\n\n        const [treeWidth, setTreeWidth] = useState(width);\n        const [isResize, setIsResize] = useState(false);\n        const [sidebarMode, setSidebarMode] = useState(getSidebarMode(fly));\n\n        const sidebarRef = useRef<HTMLDivElement>(null);\n\n        const mergedRefs = mergeRefs([ref, sidebarRef]);\n\n        // Update internal state when props change\n        const previousWidth = usePrevious(width);\n        if (previousWidth !== width) {\n            setTreeWidth(width);\n        }\n\n        const [previousMode, setPreviousMode] = useState(fly);\n        if (previousMode !== fly) {\n            setSidebarMode(getSidebarMode(fly));\n            setPreviousMode(fly);\n        }\n\n        const childrenArray = React.Children.toArray(children);\n\n        // check for children type of TreeCategory and throw error in case\n        invariant(childrenArray.every(isTreeCategory), 'AssetTree only excepts children of type \"TreeCategory\"');\n\n        const classes = classNames(\n            'AssetTree',\n            className,\n            !isOpen && 'closed',\n            bordered && 'border',\n            sidebarMode === TreeMode.MODE_FLY ? 'fly' : 'fluid'\n        );\n\n        const resizeLimitClasses = classNames('AssetTreeResizeLimit', isResize && 'display-block');\n\n        const resizeIndicatorPosition = maxWidth || window.innerWidth * 0.5;\n        const resizeLimitStyle = { left: resizeIndicatorPosition };\n\n        const firstChild = head(childrenArray);\n\n        const category = currentCategoryId ? getCurrentCategoryElement(childrenArray, currentCategoryId) : firstChild;\n\n        const style = {\n            width: treeWidth,\n            height,\n        };\n\n        const handleToggleTreeContent = () => onToggleTree(!isOpen);\n\n        const handleSelectCategory = (selectedCategoryId: string) => {\n            onCategoryChange(selectedCategoryId);\n\n            if (!isOpen) {\n                handleToggleTreeContent();\n            } else if (isOpen && currentCategoryId === selectedCategoryId) {\n                handleToggleTreeContent();\n            }\n        };\n\n        const handleResize = (diff: number) => {\n            const halfWindowWidth = window.innerWidth * 0.5;\n            const usedMaxWidth = maxWidth || halfWindowWidth;\n\n            // Check for sidebar width if it is half window size. If it was before but the sidebar was resized so it is\n            // no longer half window size, set the sidebar width to half the window size to avoid jumping sidebar\n            // to old width\n            setTreeWidth(oldWidth => {\n                const updatedWidth = oldWidth - diff;\n                return getWidthInBoundaries(minWidth, usedMaxWidth, updatedWidth);\n            });\n        };\n\n        const handleResizeStart = () => {\n            const body = getSidebarBodyRef(sidebarRef);\n            if (body) {\n                body.classList.add('pointer-events-none');\n            }\n            setIsResize(true);\n        };\n\n        const handleResizeEnd = () => {\n            const body = getSidebarBodyRef(sidebarRef);\n            if (body) {\n                body.classList.remove('pointer-events-none');\n            }\n            setIsResize(false);\n            onResizeEnd();\n        };\n\n        return (\n            <div {...remainingProps} className={classes} style={style} ref={mergedRefs}>\n                <div className={resizeLimitClasses} style={resizeLimitStyle} />\n                <div className='AssetTreeContent'>\n                    <TreeSidebar\n                        onSelectCategory={handleSelectCategory}\n                        currentCategoryId={currentCategoryId}\n                        onClick={handleToggleTreeContent}\n                    >\n                        {isArray(children) ? children : [children]}\n                    </TreeSidebar>\n                    <SmoothScrollbars slideIn className='AssetTreeBody'>\n                        {useOffscreen ? renderTreesOffscreen(childrenArray, currentCategoryId) : category}\n                    </SmoothScrollbars>\n                </div>\n                {resizable && isOpen && (\n                    <Resizer\n                        onResizeStart={handleResizeStart}\n                        onResize={handleResize}\n                        onResizeEnd={handleResizeEnd}\n                        direction={Resizer.HORIZONTAL}\n                        position={Resizer.RIGHT}\n                    />\n                )}\n            </div>\n        );\n    })\n);\n\nObject.assign(AssetTree, TreeMode);\n\nexport default AssetTree;\n"],"names":["DEFAULT_WIDTH","DEFAULT_MIN_WIDTH","DEFAULT_MAX_WIDTH","TreeMode","getSidebarBodyRef","sidebarRef","head","getCurrentCategoryElement","children","currentCategoryId","isArray","child","renderTreesOffscreen","categoryId","React","offscreenClasses","classNames","jsx","isTreeCategory","TreeCategory","AssetTree","memo","forwardRef","props","ref","className","resizable","width","minWidth","maxWidth","height","bordered","isOpen","useOffscreen","fly","onCategoryChange","noop","onToggleTree","onResizeEnd","remainingProps","getSidebarMode","isFly","treeWidth","setTreeWidth","useState","isResize","setIsResize","sidebarMode","setSidebarMode","useRef","mergedRefs","mergeRefs","usePrevious","previousMode","setPreviousMode","childrenArray","invariant","classes","resizeLimitClasses","resizeLimitStyle","firstChild","category","style","handleToggleTreeContent","handleSelectCategory","selectedCategoryId","handleResize","diff","halfWindowWidth","usedMaxWidth","oldWidth","updatedWidth","getWidthInBoundaries","handleResizeStart","body","handleResizeEnd","jsxs","TreeSidebar","SmoothScrollbars","Resizer"],"mappings":"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"}

package/components/assetTree/TreeNothingFound.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import e from "react";
-const r = e.memo(() => /* @__PURE__ */ t(
+const n = e.memo(() => /* @__PURE__ */ t(
   "div",
   {
     className: `TreeTreeNothingFound display-flex justify-content-center text-size-20
@@ -9,6 +9,6 @@ const r = e.memo(() => /* @__PURE__ */ t(
   }
 ));
 export {
-  r as default
+  n as default
 };
 //# sourceMappingURL=TreeNothingFound.js.map

package/components/assetTree/TreeNothingFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNothingFound.js","sources":["../../../src/components/assetTree/TreeNothingFound.tsx"],"sourcesContent":["import React from 'react';\n\nconst TreeNothingFound = React.memo(() => {\n    return (\n        <div\n            className={`TreeTreeNothingFound display-flex justify-content-center text-size-20\n                padding-top-25 margin-top-25 margin-bottom-25`}\n        >\n            <span className='rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light' />\n        </div>\n    );\n});\n\nexport default TreeNothingFound;\n"],"names":["TreeNothingFound","React","jsx"],"mappings":";;AAEA,MAAMA,IAAmBC,EAAM,KAAK,MAE5B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW;AAAA;AAAA,IAGX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,wEAAA,CAAwE;AAAA,EAAA;AAAA,CAGnG;"}
+{"version":3,"file":"TreeNothingFound.js","sources":["../../../src/components/assetTree/TreeNothingFound.tsx"],"sourcesContent":["import React from 'react';\n\nconst TreeNothingFound = React.memo(() => (\n    <div\n        className={`TreeTreeNothingFound display-flex justify-content-center text-size-20\n                padding-top-25 margin-top-25 margin-bottom-25`}\n    >\n        <span className='rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light' />\n    </div>\n));\n\nexport default TreeNothingFound;\n"],"names":["TreeNothingFound","React","jsx"],"mappings":";;AAEA,MAAMA,IAAmBC,EAAM,KAAK,MAChC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW;AAAA;AAAA,IAGX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,wEAAA,CAAwE;AAAA,EAAA;AAC5F,CACH;"}

package/components/assetTree/treeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeUtils.js","sources":["../../../src/components/assetTree/treeUtils.ts"],"sourcesContent":["import { countBy, debounce, filter, isEmpty, isObject, mapValues, negate } from 'es-toolkit/compat';\nimport { isEqual } from 'es-toolkit/predicate';\nimport { orderBy } from 'es-toolkit/array';\n\nimport { searchNormalized } from '../../utils/searchNormalized';\nimport type { TreeItem, TreeGroup, TreeItemName, GroupedItems, GroupedItem } from './Tree';\n\nconst SEARCH_DEBOUNCE = 100;\n\nexport const notEqual = negate(isEqual);\nexport const notEmpty = negate(isEmpty);\n\nexport const filterOutByItemId = (list: string[]) => (item: TreeItem | TreeGroup) => !list.includes(item.id);\n\nexport const containsItemById = (list: string[]) => (item: TreeGroup) => list.includes(item.id);\n\nexport const getListIds = (list: TreeItem[] | TreeGroup[]) => list.map(listItem => listItem.id);\n\nexport const getTypeCounts = (items: TreeItem[]) => countBy(items, item => item.type);\nexport const getSubTypeCounts = (items: TreeItem[]) => countBy(items, item => item.subType);\n\n// biome-ignore lint/suspicious/noExplicitAny: we don't know the type\nexport const debounceFn = <T extends (...args: any[]) => any>(fn: T) => debounce(fn, SEARCH_DEBOUNCE);\n\nconst isNameObject = (item: TreeItem) => isObject(item.name);\n\nexport const getFullName = (item: TreeItem) =>\n    `${(item.name as TreeItemName).firstName} ${(item.name as TreeItemName).lastName}`;\n\nconst getName = (item: TreeItem) => (isNameObject(item) ? getFullName(item) : (item.name as string));\n\nconst orderTreeItemsByName = (items: TreeItem[]) =>\n    orderBy(\n        items,\n        [\n            (item: TreeItem) =>\n                isNameObject(item)\n                    ? (item.name as TreeItemName).lastName.toLowerCase()\n                    : ((item.name as string)?.toLowerCase() ?? ''),\n        ],\n        ['asc']\n    ) as TreeItem[];\n\nconst orderGroupedItemsByName = (groups: GroupedItems) => {\n    const groupArray = Object.values(groups);\n    const sortedArray = orderBy(\n        groupArray,\n        [\n            (group: GroupedItem) =>\n                (typeof group.name === 'string' ? group.name.toLowerCase() : String(group.name)) ?? '',\n        ],\n        ['asc']\n    ) as GroupedItem[];\n    const sortedGroups: GroupedItems = {};\n    for (const group of sortedArray) {\n        sortedGroups[group.id] = group;\n    }\n    return sortedGroups;\n};\n\n// TODO: extend to use provided external search function instead?\nconst filterByName =\n    (searchValue: string) =>\n    (item: TreeItem): boolean => {\n        if (searchValue) {\n            return searchNormalized(getName(item), searchValue);\n        }\n        return true;\n    };\n\nexport const getFlatItems = (items: TreeItem[], searchValue: string): TreeItem[] =>\n    filter(orderTreeItemsByName(items), filterByName(searchValue));\n\nexport const filterEmptyGroups = (groups: GroupedItems): GroupedItems => {\n    const result: GroupedItems = {};\n    Object.values(groups).forEach(group => {\n        if (notEmpty(group.items)) {\n            result[group.id] = group;\n        }\n    });\n    return result;\n};\n\nexport const filterAssetByType = (items: TreeItem[], types: string[] = []) =>\n    filter(items, (asset: TreeItem) => types.includes(asset.type));\n\nexport const excludeFromList = <T>(list: T[], itemId: T): T[] => list.filter(item => item !== itemId);\n\nexport const sortGroupsByName = (groups: GroupedItems) => {\n    const fixedGroups: GroupedItems = {};\n    const sortableGroups: GroupedItems = {};\n\n    mapValues(groups, (group: GroupedItem) => {\n        if (group.position === 'last') {\n            fixedGroups[group.id] = { ...group };\n        } else {\n            sortableGroups[group.id] = { ...group };\n        }\n    });\n\n    const sortedGroups = orderGroupedItemsByName(sortableGroups);\n\n    return isEmpty(fixedGroups) ? sortedGroups : { ...sortedGroups, ...fixedGroups };\n};\n\nexport const sortGroupItemsByName = (groups: GroupedItems): GroupedItems => {\n    return mapValues(groups, (group: GroupedItem) => ({\n        ...group,\n        items: orderTreeItemsByName(group.items) as TreeItem[],\n    }));\n};\n\nexport const getMappedItemsToGroups = (groups: TreeGroup[], items: TreeItem[]): GroupedItems => {\n    const mappedGroups: GroupedItems = {};\n\n    // build an object for listing the groups by id\n    groups.forEach(group => {\n        mappedGroups[group.id] = {\n            ...group,\n            items: [],\n        };\n    });\n\n    items.forEach(item => {\n        // add items to the respective group\n        const groupIds = item.groupIds || [];\n        groupIds.forEach(groupId => {\n            const mappedGroup = mappedGroups[groupId];\n            if (mappedGroup) {\n                mappedGroup.items.push(item);\n            }\n        });\n    });\n\n    return mappedGroups;\n};\n\nexport const addOrRemoveFromList = <T>(list: T[], item: T): T[] => {\n    const listSet = new Set(list);\n    if (listSet.has(item)) {\n        listSet.delete(item);\n    } else {\n        listSet.add(item);\n    }\n    return [...listSet];\n};\n\n// Add prefix `rioglyph-` if icon is given and does not start with the prefix\nexport const withRioglyphPrefix = (name?: string | null): string | null => {\n    if (!name) {\n        return null;\n    }\n    return name.startsWith('rioglyph-') ? name : `rioglyph-${name}`;\n};\n"],"names":["SEARCH_DEBOUNCE","notEqual","negate","isEqual","notEmpty","isEmpty","filterOutByItemId","list","item","containsItemById","getListIds","listItem","getTypeCounts","items","countBy","getSubTypeCounts","debounceFn","fn","debounce","isNameObject","isObject","getFullName","getName","orderTreeItemsByName","orderBy","orderGroupedItemsByName","groups","groupArray","sortedArray","group","sortedGroups","filterByName","searchValue","searchNormalized","getFlatItems","filter","filterEmptyGroups","result","filterAssetByType","types","asset","excludeFromList","itemId","sortGroupsByName","fixedGroups","sortableGroups","mapValues","sortGroupItemsByName","getMappedItemsToGroups","mappedGroups","groupId","mappedGroup","addOrRemoveFromList","listSet","withRioglyphPrefix","name"],"mappings":"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"}
+{"version":3,"file":"treeUtils.js","sources":["../../../src/components/assetTree/treeUtils.ts"],"sourcesContent":["import { countBy, debounce, filter, isEmpty, isObject, mapValues, negate } from 'es-toolkit/compat';\nimport { isEqual } from 'es-toolkit/predicate';\nimport { orderBy } from 'es-toolkit/array';\n\nimport { searchNormalized } from '../../utils/searchNormalized';\nimport type { TreeItem, TreeGroup, TreeItemName, GroupedItems, GroupedItem } from './Tree';\n\nconst SEARCH_DEBOUNCE = 100;\n\nexport const notEqual = negate(isEqual);\nexport const notEmpty = negate(isEmpty);\n\nexport const filterOutByItemId = (list: string[]) => (item: TreeItem | TreeGroup) => !list.includes(item.id);\n\nexport const containsItemById = (list: string[]) => (item: TreeGroup) => list.includes(item.id);\n\nexport const getListIds = (list: TreeItem[] | TreeGroup[]) => list.map(listItem => listItem.id);\n\nexport const getTypeCounts = (items: TreeItem[]) => countBy(items, item => item.type);\nexport const getSubTypeCounts = (items: TreeItem[]) => countBy(items, item => item.subType);\n\n// biome-ignore lint/suspicious/noExplicitAny: we don't know the type\nexport const debounceFn = <T extends (...args: any[]) => any>(fn: T) => debounce(fn, SEARCH_DEBOUNCE);\n\nconst isNameObject = (item: TreeItem) => isObject(item.name);\n\nexport const getFullName = (item: TreeItem) =>\n    `${(item.name as TreeItemName).firstName} ${(item.name as TreeItemName).lastName}`;\n\nconst getName = (item: TreeItem) => (isNameObject(item) ? getFullName(item) : (item.name as string));\n\nconst orderTreeItemsByName = (items: TreeItem[]) =>\n    orderBy(\n        items,\n        [\n            (item: TreeItem) =>\n                isNameObject(item)\n                    ? (item.name as TreeItemName).lastName.toLowerCase()\n                    : ((item.name as string)?.toLowerCase() ?? ''),\n        ],\n        ['asc']\n    ) as TreeItem[];\n\nconst orderGroupedItemsByName = (groups: GroupedItems) => {\n    const groupArray = Object.values(groups);\n    const sortedArray = orderBy(\n        groupArray,\n        [\n            (group: GroupedItem) =>\n                (typeof group.name === 'string' ? group.name.toLowerCase() : String(group.name)) ?? '',\n        ],\n        ['asc']\n    ) as GroupedItem[];\n    const sortedGroups: GroupedItems = {};\n    for (const group of sortedArray) {\n        sortedGroups[group.id] = group;\n    }\n    return sortedGroups;\n};\n\n// TODO: extend to use provided external search function instead?\nconst filterByName =\n    (searchValue: string) =>\n    (item: TreeItem): boolean => {\n        if (searchValue) {\n            return searchNormalized(getName(item), searchValue);\n        }\n        return true;\n    };\n\nexport const getFlatItems = (items: TreeItem[], searchValue: string): TreeItem[] =>\n    filter(orderTreeItemsByName(items), filterByName(searchValue));\n\nexport const filterEmptyGroups = (groups: GroupedItems): GroupedItems => {\n    const result: GroupedItems = {};\n    Object.values(groups).forEach(group => {\n        if (notEmpty(group.items)) {\n            result[group.id] = group;\n        }\n    });\n    return result;\n};\n\nexport const filterAssetByType = (items: TreeItem[], types: string[] = []) =>\n    filter(items, (asset: TreeItem) => types.includes(asset.type));\n\nexport const excludeFromList = <T>(list: T[], itemId: T): T[] => list.filter(item => item !== itemId);\n\nexport const sortGroupsByName = (groups: GroupedItems) => {\n    const fixedGroups: GroupedItems = {};\n    const sortableGroups: GroupedItems = {};\n\n    mapValues(groups, (group: GroupedItem) => {\n        if (group.position === 'last') {\n            fixedGroups[group.id] = { ...group };\n        } else {\n            sortableGroups[group.id] = { ...group };\n        }\n    });\n\n    const sortedGroups = orderGroupedItemsByName(sortableGroups);\n\n    return isEmpty(fixedGroups) ? sortedGroups : { ...sortedGroups, ...fixedGroups };\n};\n\nexport const sortGroupItemsByName = (groups: GroupedItems): GroupedItems =>\n    mapValues(groups, (group: GroupedItem) => ({\n        ...group,\n        items: orderTreeItemsByName(group.items) as TreeItem[],\n    }));\n\nexport const getMappedItemsToGroups = (groups: TreeGroup[], items: TreeItem[]): GroupedItems => {\n    const mappedGroups: GroupedItems = {};\n\n    // build an object for listing the groups by id\n    groups.forEach(group => {\n        mappedGroups[group.id] = {\n            ...group,\n            items: [],\n        };\n    });\n\n    items.forEach(item => {\n        // add items to the respective group\n        const groupIds = item.groupIds || [];\n        groupIds.forEach(groupId => {\n            const mappedGroup = mappedGroups[groupId];\n            if (mappedGroup) {\n                mappedGroup.items.push(item);\n            }\n        });\n    });\n\n    return mappedGroups;\n};\n\nexport const addOrRemoveFromList = <T>(list: T[], item: T): T[] => {\n    const listSet = new Set(list);\n    if (listSet.has(item)) {\n        listSet.delete(item);\n    } else {\n        listSet.add(item);\n    }\n    return [...listSet];\n};\n\n// Add prefix `rioglyph-` if icon is given and does not start with the prefix\nexport const withRioglyphPrefix = (name?: string | null): string | null => {\n    if (!name) {\n        return null;\n    }\n    return name.startsWith('rioglyph-') ? name : `rioglyph-${name}`;\n};\n"],"names":["SEARCH_DEBOUNCE","notEqual","negate","isEqual","notEmpty","isEmpty","filterOutByItemId","list","item","containsItemById","getListIds","listItem","getTypeCounts","items","countBy","getSubTypeCounts","debounceFn","fn","debounce","isNameObject","isObject","getFullName","getName","orderTreeItemsByName","orderBy","orderGroupedItemsByName","groups","groupArray","sortedArray","group","sortedGroups","filterByName","searchValue","searchNormalized","getFlatItems","filter","filterEmptyGroups","result","filterAssetByType","types","asset","excludeFromList","itemId","sortGroupsByName","fixedGroups","sortableGroups","mapValues","sortGroupItemsByName","getMappedItemsToGroups","mappedGroups","groupId","mappedGroup","addOrRemoveFromList","listSet","withRioglyphPrefix","name"],"mappings":"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"}

package/components/autosuggest/AutoSuggest.js

@@ -49,8 +49,8 @@ const Ue = (U) => {
     noItemMessage: w,
     dropdownClassName: Z = "",
     className: ee = "",
-    ...ne
-  } = U, [l, N] = h(!1), [p, v] = h(r.value || ""), [u, m] = h(-1), [V, k] = h(B), oe = ve(() => P()), g = E(null), C = E(null), O = E([]), D = r.value;
+    ...oe
+  } = U, [l, N] = h(!1), [p, v] = h(r.value || ""), [u, m] = h(-1), [V, k] = h(B), ne = ve(() => P()), g = E(null), C = E(null), O = E([]), D = r.value;
   !fe(D) && p !== D && v(D ?? ""), F(() => S({ value: p }), []), F(() => {
     const e = se();
     Se(V, g.current, e);
@@ -67,14 +67,14 @@ const Ue = (U) => {
   }, re = (e) => {
     switch (e.key) {
       case "ArrowDown": {
-        const n = u + 1;
-        l && t.length > n && (m(n), f(Number(n)), k(B));
+        const o = u + 1;
+        l && t.length > o && (m(o), f(Number(o)), k(B));
         return;
       }
       case "ArrowUp":
         if (l && u > 0) {
-          const n = u - 1;
-          m(n), f(Number(n)), k(Ie);
+          const o = u - 1;
+          m(o), f(Number(o)), k(Ie);
         }
         return;
       case "Enter":
@@ -85,26 +85,26 @@ const Ue = (U) => {
         P();
         break;
     }
-  }, se = () => [...O.current].find((e) => e.className.includes("active")), le = (e, n) => {
-    p !== e && K(e, n);
-  }, K = (e, n, o = !1) => {
-    N(l ? o ? !1 : l : !0), v(e), m(-1), S({ value: e }), f(-1);
+  }, se = () => [...O.current].find((e) => e.className.includes("active")), le = (e, o) => {
+    p !== e && K(e, o);
+  }, K = (e, o, n = !1) => {
+    N(l ? n ? !1 : l : !0), v(e), m(-1), S({ value: e }), f(-1);
     const { value: i, onChange: c = () => {
     } } = r;
-    e !== i && c(n, { newValue: e });
+    e !== i && c(o, { newValue: e });
   }, f = (e) => {
-    const n = e === -1 ? null : t[e];
-    L(n);
+    const o = e === -1 ? null : t[e];
+    L(o);
   }, ue = (e) => {
     v(""), m(-1), C.current && C.current.focus(), S({ value: "" }), f(-1), r.onClear && r.onClear();
-  }, ae = (e) => e.label ?? e[b ?? ""] ?? "", T = (e, n) => {
-    const s = (x || ae)(n);
+  }, ae = (e) => e.label ?? e[b ?? ""] ?? "", T = (e, o) => {
+    const s = (x || ae)(o);
     K(s, e, Q), q(e, {
-      suggestion: n,
+      suggestion: o,
       suggestionValue: s
     });
   }, ie = () => {
-    const { id: e, icon: n, value: o, ...s } = r, i = { id: M ?? e, ...s }, c = /* @__PURE__ */ d(
+    const { id: e, icon: o, value: n, ...s } = r, i = { id: M ?? e, ...s }, c = /* @__PURE__ */ d(
       he,
       {
         ...i,
@@ -117,10 +117,10 @@ const Ue = (U) => {
         value: X ? p : ""
       }
     );
-    return n || A || R ? /* @__PURE__ */ d(
+    return o || A || R ? /* @__PURE__ */ d(
       Ce,
       {
-        icon: n,
+        icon: o,
         leadingInputAddons: A,
         trailingInputAddons: R,
         children: c
@@ -134,25 +134,25 @@ const Ue = (U) => {
     );
     if (G)
       return /* @__PURE__ */ d(De, { className: e });
-    const n = ge(t);
-    return n && !w ? null : /* @__PURE__ */ _("ul", { role: "menu", className: e, ref: g, children: [
-      n && w && /* @__PURE__ */ d(ye, { message: w }, "NoItemMessage"),
-      t.map((o, s) => {
-        if (I && !o.label && !b)
+    const o = ge(t);
+    return o && !w ? null : /* @__PURE__ */ _("ul", { role: "menu", className: e, ref: g, children: [
+      o && w && /* @__PURE__ */ d(ye, { message: w }, "NoItemMessage"),
+      t.map((n, s) => {
+        if (I && !n.label && !b)
           throw new Error(
             'The "customSuggestionKey" need to be set when using a custom renderer and not using the "label" prop for suggestions'
           );
-        const i = `index-${o.label ?? o[b ?? ""]}`;
-        if (o.header && o.label)
-          return /* @__PURE__ */ d(we, { label: o.label }, i);
+        const i = `index-${n.label ?? n[b ?? ""]}`;
+        if (n.header && n.label)
+          return /* @__PURE__ */ d(we, { label: n.label }, i);
         const c = I || ce;
         return /* @__PURE__ */ d(
           Ne,
           {
             active: s === u,
-            disabled: o.disabled,
-            value: o.customSuggestion ? o.customSuggestion : c(o),
-            onSelect: (Ee, me) => T(me, o),
+            disabled: n.disabled,
+            value: n.customSuggestion ? n.customSuggestion : c(n),
+            onSelect: (Ee, me) => T(me, n),
             index: s
           },
           i
@@ -166,7 +166,7 @@ const Ue = (U) => {
     H.dropup && "dropup",
     ee
   );
-  return /* @__PURE__ */ _("div", { ...ne, className: pe, onKeyDown: re, ref: oe, children: [
+  return /* @__PURE__ */ _("div", { ...oe, className: pe, onKeyDown: re, ref: ne, children: [
     ie(),
     de()
   ] });

package/components/autosuggest/AutoSuggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggest.js","sources":["../../../src/components/autosuggest/AutoSuggest.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { noop } from 'es-toolkit/function';\nimport { isNil } from 'es-toolkit/predicate';\n\nimport classNames from '../../utils/classNames';\nimport ClearableInput from '../clearableInput/ClearableInput';\nimport { scrollItemIntoView, UP, DOWN } from '../../utils/scrollItemIntoView';\nimport { useDropDirection } from '../../utils/useDropDirection';\nimport DropdownHeader from '../selects/DropdownHeader';\nimport MenuItem from '../menuItems/MenuItem';\nimport useClickOutside from '../../hooks/useClickOutside';\nimport AutoSuggestAddons from './AutoSuggestAddons';\nimport DropdownSpinner from './DropdownSpinner';\nimport NoItemMessage from './NoItemMessage';\n\nexport type AutoSuggestSuggestion = {\n    /**\n     * The text label for a suggestion item. If present, this will be returned when selecting the suggestion.\n     */\n    label?: string;\n\n    /**\n     * Set to disable the suggestion and disallow selecting it.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Optional custom suggestion node that will be rendered as given. Example, this is used by the TagManager\n     * to render a placeholder with an icon next to it.\n     */\n    customSuggestion?: React.ReactNode;\n\n    /**\n     * Additional key-value pairs that are not relevant for rendering but may be handled on your side.\n     */\n    [name: string]: string | React.ReactNode;\n};\n\nexport type SelectedSuggestion = {\n    suggestionValue: string | React.ReactElement;\n    suggestion: AutoSuggestSuggestion;\n};\n\nexport type AutoSuggestInputProps = {\n    /**\n     * A native input id attribute. Passed through as HTML attribute to the input element.\n     */\n    id?: string;\n\n    /**\n     * The value to be set for the input. Using this prop the input can be controlled from the outside.\n     */\n    value?: string;\n\n    /**\n     * String that will be displayed inside the input when nothing is typed in.\n     * @default `Start typing ...`\n     */\n    placeholder?: string | React.ReactNode;\n\n    /**\n     * Icon class name that shall be used. If defined, the input element is wrapped in an input-group\n     * and the icon will be set in an input-addon. Example: `rioglyph-search`.\n     */\n    icon?: string;\n\n    /**\n     * Callback function which will be called when the input changes. __This is usually not needed__ as\n     * the \"onSuggestionsFetchRequested\" callback takes care of any input change. It is listed here\n     * for completeness and for certain edge cases.\n     *\n     * __Note:__ It might be removed in the future when not needed.'\n     * @deprecated please use `onSuggestionsFetchRequested` instead\n     * @param changeEvent\n     * @param changeProps\n     * @returns\n     */\n    onChange?: (changeEvent: React.SyntheticEvent, changeProps: { newValue: string }) => void;\n\n    /**\n     * Callback function which gets triggered when the input gaines focus.\n     */\n    onFocus?: VoidFunction;\n\n    /**\n     * Callback function which gets triggered when the input looses the focus.\n     */\n    onBlur?: VoidFunction;\n\n    /**\n     * Callback function which will be called when the input is cleared. __This is usually not needed__ as\n     * the \"onSuggestionsFetchRequested\" callback takes care of any input change. It is listed here\n     * for completeness and for certain edge cases.\n     *\n     * __Note:__ It might be removed in the future when not needed.\n     */\n    onClear?: VoidFunction;\n\n    /**\n     * Boolean value that adds the class `has-error` to the input\n     * component. Use this for validation use cases. The Autosuggest component\n     * should be wrapped in a `form-group` element with the class `has-feedback`.\n     * @default false\n     */\n    hasError?: boolean;\n\n    /**\n     * Defines the tab index to be added to the input element.\n     * @default 0\n     */\n    tabIndex?: number;\n\n    /**\n     * Boolean value that disabled the input component.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The React ref for the underlying input.\n     */\n    inputRef?: React.MutableRefObject<HTMLInputElement>;\n\n    /**\n     * Additional class names that are added to the input component.\n     */\n    className?: string;\n};\n\nexport type AutoSuggestProps<T = AutoSuggestSuggestion> = {\n    /**\n     * A native input id attribute on the component root. Passed through as HTML attribute to the input element.\n     */\n    id?: string;\n\n    /**\n     * Object to define properties for the input component. For the input, the ClearableInput\n     * component is used.\n     */\n    inputProps?: AutoSuggestInputProps;\n\n    /**\n     * Array of items which will be displayed. Items can be arbitrary objects as long as they\n     * have a label defined.\n     *\n     * __Important__: in case you specify your own custom renderer via `renderSuggestion` prop, you\n     * can pass our own object that does not need to have a label. In this case you may want to\n     * specify the `customSuggestionKey` to avoid react throwing an error of rendering menu items with the same key.\n     */\n    suggestions?: AutoSuggestSuggestion[];\n\n    /**\n     * Text that will be shown when there is not match found. If nothing is defined the dropdown-menu\n     * will not be rendered.\n     */\n    noItemMessage?: string | React.ReactNode;\n\n    /**\n     * Callback function which will be called every time you need to recalculate suggestions e.i.\n     * when the filter is updates after each input. It will also be called when the input is\n     * cleared. The value would be an empty string in this case.\n     * @param result\n     * @returns\n     */\n    onSuggestionsFetchRequested?: (result: { value: string }) => void;\n\n    /**\n     * Callback function which will be called when a suggestion is selected from the dropdown menu.\n     * @param event\n     * @param selectedSuggestion\n     * @returns\n     */\n    onSuggestionSelected?: (\n        event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLDivElement>,\n        selectedSuggestion: SelectedSuggestion\n    ) => void;\n\n    /**\n     * Callback function which will be called every time the highlighted selection changes.\n     * @param suggestion\n     * @returns\n     */\n    onSuggestionHighlighted?: (suggestion: AutoSuggestSuggestion | null) => void;\n\n    /**\n     * Function that returns a string which will be displayed inside the input.\n     * This is required when a custom render function for suggestions is provided.\n     * Overwrite this function to provide the value to be used for a suggestion.\n     * Default implementation is: `suggestion => suggestion.label`\n     *\n     * @param suggestion\n     * @returns\n     */\n    getSuggestionValue?: (suggestion: AutoSuggestSuggestion) => string;\n\n    /**\n     * Function that defines how suggestions are rendered on the dropdown-menu.\n     * Use this to customize the appearance for instance when you want to show an icon\n     * for a suggestion.\n     * Default implementation is: `suggestion => suggestion.label`\n     *\n     * @param suggestion\n     * @returns\n     */\n    renderSuggestion?: (suggestion: AutoSuggestSuggestion) => React.ReactNode;\n\n    /**\n     * When rendering your own custom suggestions that do not have the `label` attribute, use this prop to specify\n     * a unique value for each suggestion which will be used as a react key for the individual menu items.\n     */\n    customSuggestionKey?: string;\n\n    /**\n     * Boolean that disabled autoDropDirection and opens the dropdown-menu be above the toggle.\n     * @default false\n     */\n    dropup?: boolean;\n\n    /**\n     * Defines whether the dropdown opens right aligned or not.\n     * Set to true additionally disables autoDrop feature.\n     * @default false\n     */\n    pullRight?: boolean;\n\n    /**\n     * Boolean that enables autoDrop feature.\n     * @default true\n     */\n    autoDropDirection?: boolean;\n\n    /**\n     * Shows a loading spinner instead of the items if set to true.\n     * @default false\n     */\n    isLoading?: boolean;\n\n    /**\n     * Boolean that enables opening the dropdown menu when gaining focus.\n     * @default false\n     */\n    openOnFocus?: boolean;\n\n    /**\n     * Boolean that enables the selection of an item to close the dropdown or not.\n     * @default true\n     */\n    closeOnSelect?: boolean;\n\n    /**\n     * Defines whether or not a selected item is shown in the input after it was selected.\n     * @default true\n     */\n    showSelectedItemsInInput?: boolean;\n\n    /**\n     * Sets autocomplete value for autosuggest forms.\n     */\n    autoComplete?: string;\n\n    /**\n     * Adds a list of input-addons elements in front of the input.\n     */\n    leadingInputAddons?: React.ReactNode[];\n\n    /**\n     * Adds a list of input-addons elements after the input.\n     */\n    trailingInputAddons?: React.ReactNode[];\n\n    /**\n     * Additional class names that are added to the dropdown element.\n     */\n    dropdownClassName?: string;\n\n    /**\n     * Additional class names that are added to the wrapping element.\n     */\n    className?: string;\n};\n\nexport const AutoSuggest = (props: AutoSuggestProps) => {\n    const {\n        id,\n        onSuggestionSelected = noop,\n        onSuggestionsFetchRequested = noop,\n        onSuggestionHighlighted = noop,\n        renderSuggestion,\n        customSuggestionKey,\n        getSuggestionValue,\n        suggestions = [],\n        autoDropDirection = true,\n        pullRight = false,\n        dropup = false,\n        isLoading = false,\n        openOnFocus = false,\n        closeOnSelect = true,\n        showSelectedItemsInInput = true,\n        autoComplete = 'off',\n        inputProps = {\n            id,\n            disabled: false,\n            onChange: noop,\n            onClear: noop,\n            onBlur: noop,\n            onFocus: noop,\n            placeholder: 'Start typing',\n            hasError: false,\n            tabIndex: 0,\n            value: undefined,\n            icon: undefined,\n        },\n        leadingInputAddons,\n        trailingInputAddons,\n        noItemMessage,\n        dropdownClassName = '',\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n    const [value, setValue] = useState(inputProps.value || '');\n    const [highlightedItemIndex, setHighlightedItemIndex] = useState(-1);\n    const [direction, setDirection] = useState(DOWN);\n\n    const componentRef = useClickOutside(() => closeMenu());\n    const dropdownMenuRef = useRef<HTMLUListElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionNodesRef = useRef<HTMLLIElement[]>([]);\n\n    // Update internal value state from outside when external input value is given.\n    // This is important for when this component is used as a controlled component\n    const externalValue = inputProps.value;\n    if (!isNil(externalValue) && value !== externalValue) {\n        setValue(externalValue ?? '');\n    }\n\n    // Fetch suggestions on mounting the component by using the external\n    // fetch callback\n    useEffect(() => onSuggestionsFetchRequested({ value }), []);\n\n    // When a new suggestion is highlighted it may be not in view as the dropdown menu\n    // has an overflow and can scroll. In this case, we need to scroll to the highlighted suggestion\n    // so the user can see it\n    useEffect(() => {\n        const focusedItem = getFocusedOptionNode();\n        scrollItemIntoView(direction, dropdownMenuRef.current, focusedItem);\n    }, [highlightedItemIndex, direction]);\n\n    // Used to store the list item reference to allow highlighting a single node.\n    // Update that list of nodes again when the suggestions change from the outside.\n    useEffect(() => {\n        const optionNodes = Array.from(dropdownMenuRef.current?.getElementsByTagName('li') || []);\n        optionNodesRef.current = optionNodes;\n    }, [suggestions]);\n\n    // Overwrite position of dropdown menu in case auto drop is enabled\n    const dropDirection = useDropDirection({ pullRight, dropup, autoDropDirection, dropdownMenuRef }, [suggestions]);\n\n    const openMenu = () => {\n        if (isOpen) {\n            return;\n        }\n        setIsOpen(true);\n    };\n\n    const closeMenu = () => {\n        setIsOpen(false);\n    };\n\n    const handleFocus = (_event: React.FocusEvent<HTMLInputElement>) => {\n        if (openOnFocus) {\n            openMenu();\n        }\n        if (inputProps.onFocus) {\n            inputProps.onFocus();\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.key) {\n            case 'ArrowDown': {\n                // select below on arrow down key\n                const newHighlightedIndex = highlightedItemIndex + 1;\n                if (isOpen && suggestions.length > newHighlightedIndex) {\n                    setHighlightedItemIndex(newHighlightedIndex);\n                    handleHighlightedSuggestionChanged(Number(newHighlightedIndex));\n                    setDirection(DOWN);\n                }\n                return;\n            }\n            case 'ArrowUp':\n                // select above on arrow up key\n                if (isOpen && highlightedItemIndex > 0) {\n                    const newHighlightedIndex = highlightedItemIndex - 1;\n                    setHighlightedItemIndex(newHighlightedIndex);\n                    handleHighlightedSuggestionChanged(Number(newHighlightedIndex));\n                    setDirection(UP);\n                }\n                return;\n            case 'Enter':\n                // select on enter\n                if (isOpen && suggestions[highlightedItemIndex]) {\n                    onSuggestionClicked(event, suggestions[highlightedItemIndex]);\n                } else {\n                    openMenu();\n                }\n                break;\n            case 'Escape':\n            case 'Tab':\n                // close on esc key or on tab\n                closeMenu();\n                break;\n            default:\n                break;\n        }\n    };\n\n    const getFocusedOptionNode = () => {\n        return [...optionNodesRef.current].find((item: HTMLLIElement) => item.className.includes('active'));\n    };\n\n    const handleInputChange = (\n        newValue: string,\n        event: React.MouseEvent<HTMLSpanElement, MouseEvent> | React.ChangeEvent<HTMLInputElement>\n    ) => {\n        if (value !== newValue) {\n            updateInputValue(newValue, event);\n        }\n    };\n\n    const updateInputValue = (\n        newValue: string,\n        event:\n            | React.MouseEvent<HTMLSpanElement, MouseEvent>\n            | React.ChangeEvent<HTMLInputElement>\n            | React.KeyboardEvent<HTMLDivElement>,\n        shouldCloseMenu = false\n    ) => {\n        const closeMenuEventually = shouldCloseMenu ? false : isOpen;\n\n        setIsOpen(!isOpen ? true : closeMenuEventually);\n        setValue(newValue);\n        setHighlightedItemIndex(-1);\n\n        // Fire callback so the parent component can filter the suggestions accordingly\n        onSuggestionsFetchRequested({ value: newValue });\n\n        handleHighlightedSuggestionChanged(-1);\n\n        // Trigger onChange callback to notify usage component only when value has actually changed\n        const { value: newExternalValue, onChange = () => {} } = inputProps;\n        if (newValue !== newExternalValue) {\n            onChange(event, { newValue });\n        }\n    };\n\n    const handleHighlightedSuggestionChanged = (currentHighlightedItemIndex: number) => {\n        const currentHighlightedSuggestion =\n            currentHighlightedItemIndex === -1 ? null : suggestions[currentHighlightedItemIndex];\n        onSuggestionHighlighted(currentHighlightedSuggestion);\n    };\n\n    const clearInputValue = (_event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        setValue('');\n        setHighlightedItemIndex(-1);\n\n        // Focus the input field after clearing it's value in order to allow\n        // entering new values right away\n        if (inputRef.current) {\n            inputRef.current.focus();\n        }\n\n        // Reset filter value so all suggestions are shown again\n        onSuggestionsFetchRequested({ value: '' });\n\n        handleHighlightedSuggestionChanged(-1);\n\n        // Additionally, fire the onClear callback as the service may react on it\n        if (inputProps.onClear) {\n            inputProps.onClear();\n        }\n    };\n\n    const getDefaultSuggestionValue = (suggestion: AutoSuggestSuggestion): string => {\n        return suggestion.label ?? (suggestion[customSuggestionKey ?? ''] as string) ?? '';\n    };\n\n    const onSuggestionClicked = (\n        event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLDivElement>,\n        suggestion: AutoSuggestSuggestion\n    ) => {\n        const getSuggestionValueFunction = getSuggestionValue ? getSuggestionValue : getDefaultSuggestionValue;\n\n        const suggestionValue = getSuggestionValueFunction(suggestion);\n\n        updateInputValue(suggestionValue, event, closeOnSelect);\n\n        // fire callback with the selected item\n        onSuggestionSelected(event, {\n            suggestion,\n            suggestionValue,\n        });\n    };\n\n    const renderInput = () => {\n        const { id: inputPropId, icon, value: ignoredExternalValue, ...remainingInputProps } = inputProps;\n        const clearableProps = { id: id ?? inputPropId, ...remainingInputProps };\n\n        const input = (\n            <ClearableInput\n                {...clearableProps}\n                ref={inputRef}\n                autoComplete={autoComplete}\n                onChange={handleInputChange}\n                onClear={clearInputValue}\n                onFocus={handleFocus}\n                onClick={openMenu}\n                value={showSelectedItemsInInput ? value : ''}\n            />\n        );\n\n        if (icon || leadingInputAddons || trailingInputAddons) {\n            return (\n                <AutoSuggestAddons\n                    icon={icon}\n                    leadingInputAddons={leadingInputAddons}\n                    trailingInputAddons={trailingInputAddons}\n                >\n                    {input}\n                </AutoSuggestAddons>\n            );\n        }\n\n        return input;\n    };\n\n    const renderDefaultSuggestion = (suggestion: AutoSuggestSuggestion): React.ReactNode => suggestion.label;\n\n    const renderDropdownMenu = () => {\n        const dropdownMenuClasses = classNames(\n            'dropdown-menu',\n            dropDirection.pullRight && 'pull-right',\n            dropdownClassName\n        );\n\n        if (isLoading) {\n            return <DropdownSpinner className={dropdownMenuClasses} />;\n        }\n\n        const hasNoSuggestions = isEmpty(suggestions);\n\n        if (hasNoSuggestions && !noItemMessage) {\n            return null;\n        }\n\n        return (\n            <ul role='menu' className={dropdownMenuClasses} ref={dropdownMenuRef}>\n                {hasNoSuggestions && noItemMessage && <NoItemMessage key='NoItemMessage' message={noItemMessage} />}\n                {suggestions.map((suggestion, index) => {\n                    // In case a custom renderer is used but the customSuggestionKey is not set, throw an error\n                    if (renderSuggestion && !suggestion.label && !customSuggestionKey) {\n                        throw new Error(\n                            'The \"customSuggestionKey\" need to be set when using a custom renderer ' +\n                                'and not using the \"label\" prop for suggestions'\n                        );\n                    }\n\n                    const key = `index-${suggestion.label ?? suggestion[customSuggestionKey ?? '']}`;\n\n                    if (suggestion.header && suggestion.label) {\n                        return <DropdownHeader key={key} label={(suggestion as AutoSuggestSuggestion).label} />;\n                    }\n\n                    const renderFunction = renderSuggestion ? renderSuggestion : renderDefaultSuggestion;\n\n                    return (\n                        <MenuItem\n                            key={key}\n                            active={index === highlightedItemIndex}\n                            disabled={suggestion.disabled}\n                            value={\n                                suggestion.customSuggestion ? suggestion.customSuggestion : renderFunction(suggestion)\n                            }\n                            onSelect={(_: number | undefined, event: React.MouseEvent<HTMLLIElement>) =>\n                                onSuggestionClicked(event, suggestion)\n                            }\n                            index={index}\n                        />\n                    );\n                })}\n            </ul>\n        );\n    };\n\n    const classes = classNames(\n        'AutoSuggest',\n        'dropdown',\n        isOpen && 'open',\n        dropDirection.dropup && 'dropup',\n        className\n    );\n\n    return (\n        <div {...remainingProps} className={classes} onKeyDown={handleKeyDown} ref={componentRef}>\n            {renderInput()}\n            {renderDropdownMenu()}\n        </div>\n    );\n};\n\nexport default AutoSuggest;\n"],"names":["AutoSuggest","props","id","onSuggestionSelected","noop","onSuggestionsFetchRequested","onSuggestionHighlighted","renderSuggestion","customSuggestionKey","getSuggestionValue","suggestions","autoDropDirection","pullRight","dropup","isLoading","openOnFocus","closeOnSelect","showSelectedItemsInInput","autoComplete","inputProps","leadingInputAddons","trailingInputAddons","noItemMessage","dropdownClassName","className","remainingProps","isOpen","setIsOpen","useState","value","setValue","highlightedItemIndex","setHighlightedItemIndex","direction","setDirection","DOWN","componentRef","useClickOutside","closeMenu","dropdownMenuRef","useRef","inputRef","optionNodesRef","externalValue","isNil","useEffect","focusedItem","getFocusedOptionNode","scrollItemIntoView","optionNodes","dropDirection","useDropDirection","openMenu","handleFocus","_event","handleKeyDown","event","newHighlightedIndex","handleHighlightedSuggestionChanged","UP","onSuggestionClicked","item","handleInputChange","newValue","updateInputValue","shouldCloseMenu","newExternalValue","onChange","currentHighlightedItemIndex","currentHighlightedSuggestion","clearInputValue","getDefaultSuggestionValue","suggestion","suggestionValue","renderInput","inputPropId","icon","ignoredExternalValue","remainingInputProps","clearableProps","input","jsx","ClearableInput","AutoSuggestAddons","renderDefaultSuggestion","renderDropdownMenu","dropdownMenuClasses","classNames","DropdownSpinner","hasNoSuggestions","isEmpty","NoItemMessage","index","key","DropdownHeader","renderFunction","MenuItem","_","classes","jsxs"],"mappings":"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"}
+{"version":3,"file":"AutoSuggest.js","sources":["../../../src/components/autosuggest/AutoSuggest.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport { noop } from 'es-toolkit/function';\nimport { isNil } from 'es-toolkit/predicate';\n\nimport classNames from '../../utils/classNames';\nimport ClearableInput from '../clearableInput/ClearableInput';\nimport { scrollItemIntoView, UP, DOWN } from '../../utils/scrollItemIntoView';\nimport { useDropDirection } from '../../utils/useDropDirection';\nimport DropdownHeader from '../selects/DropdownHeader';\nimport MenuItem from '../menuItems/MenuItem';\nimport useClickOutside from '../../hooks/useClickOutside';\nimport AutoSuggestAddons from './AutoSuggestAddons';\nimport DropdownSpinner from './DropdownSpinner';\nimport NoItemMessage from './NoItemMessage';\n\nexport type AutoSuggestSuggestion = {\n    /**\n     * The text label for a suggestion item. If present, this will be returned when selecting the suggestion.\n     */\n    label?: string;\n\n    /**\n     * Set to disable the suggestion and disallow selecting it.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Optional custom suggestion node that will be rendered as given. Example, this is used by the TagManager\n     * to render a placeholder with an icon next to it.\n     */\n    customSuggestion?: React.ReactNode;\n\n    /**\n     * Additional key-value pairs that are not relevant for rendering but may be handled on your side.\n     */\n    [name: string]: string | React.ReactNode;\n};\n\nexport type SelectedSuggestion = {\n    suggestionValue: string | React.ReactElement;\n    suggestion: AutoSuggestSuggestion;\n};\n\nexport type AutoSuggestInputProps = {\n    /**\n     * A native input id attribute. Passed through as HTML attribute to the input element.\n     */\n    id?: string;\n\n    /**\n     * The value to be set for the input. Using this prop the input can be controlled from the outside.\n     */\n    value?: string;\n\n    /**\n     * String that will be displayed inside the input when nothing is typed in.\n     * @default `Start typing ...`\n     */\n    placeholder?: string | React.ReactNode;\n\n    /**\n     * Icon class name that shall be used. If defined, the input element is wrapped in an input-group\n     * and the icon will be set in an input-addon. Example: `rioglyph-search`.\n     */\n    icon?: string;\n\n    /**\n     * Callback function which will be called when the input changes. __This is usually not needed__ as\n     * the \"onSuggestionsFetchRequested\" callback takes care of any input change. It is listed here\n     * for completeness and for certain edge cases.\n     *\n     * __Note:__ It might be removed in the future when not needed.'\n     * @deprecated please use `onSuggestionsFetchRequested` instead\n     * @param changeEvent\n     * @param changeProps\n     * @returns\n     */\n    onChange?: (changeEvent: React.SyntheticEvent, changeProps: { newValue: string }) => void;\n\n    /**\n     * Callback function which gets triggered when the input gaines focus.\n     */\n    onFocus?: VoidFunction;\n\n    /**\n     * Callback function which gets triggered when the input looses the focus.\n     */\n    onBlur?: VoidFunction;\n\n    /**\n     * Callback function which will be called when the input is cleared. __This is usually not needed__ as\n     * the \"onSuggestionsFetchRequested\" callback takes care of any input change. It is listed here\n     * for completeness and for certain edge cases.\n     *\n     * __Note:__ It might be removed in the future when not needed.\n     */\n    onClear?: VoidFunction;\n\n    /**\n     * Boolean value that adds the class `has-error` to the input\n     * component. Use this for validation use cases. The Autosuggest component\n     * should be wrapped in a `form-group` element with the class `has-feedback`.\n     * @default false\n     */\n    hasError?: boolean;\n\n    /**\n     * Defines the tab index to be added to the input element.\n     * @default 0\n     */\n    tabIndex?: number;\n\n    /**\n     * Boolean value that disabled the input component.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The React ref for the underlying input.\n     */\n    inputRef?: React.MutableRefObject<HTMLInputElement>;\n\n    /**\n     * Additional class names that are added to the input component.\n     */\n    className?: string;\n};\n\nexport type AutoSuggestProps<T = AutoSuggestSuggestion> = {\n    /**\n     * A native input id attribute on the component root. Passed through as HTML attribute to the input element.\n     */\n    id?: string;\n\n    /**\n     * Object to define properties for the input component. For the input, the ClearableInput\n     * component is used.\n     */\n    inputProps?: AutoSuggestInputProps;\n\n    /**\n     * Array of items which will be displayed. Items can be arbitrary objects as long as they\n     * have a label defined.\n     *\n     * __Important__: in case you specify your own custom renderer via `renderSuggestion` prop, you\n     * can pass our own object that does not need to have a label. In this case you may want to\n     * specify the `customSuggestionKey` to avoid react throwing an error of rendering menu items with the same key.\n     */\n    suggestions?: AutoSuggestSuggestion[];\n\n    /**\n     * Text that will be shown when there is not match found. If nothing is defined the dropdown-menu\n     * will not be rendered.\n     */\n    noItemMessage?: string | React.ReactNode;\n\n    /**\n     * Callback function which will be called every time you need to recalculate suggestions e.i.\n     * when the filter is updates after each input. It will also be called when the input is\n     * cleared. The value would be an empty string in this case.\n     * @param result\n     * @returns\n     */\n    onSuggestionsFetchRequested?: (result: { value: string }) => void;\n\n    /**\n     * Callback function which will be called when a suggestion is selected from the dropdown menu.\n     * @param event\n     * @param selectedSuggestion\n     * @returns\n     */\n    onSuggestionSelected?: (\n        event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLDivElement>,\n        selectedSuggestion: SelectedSuggestion\n    ) => void;\n\n    /**\n     * Callback function which will be called every time the highlighted selection changes.\n     * @param suggestion\n     * @returns\n     */\n    onSuggestionHighlighted?: (suggestion: AutoSuggestSuggestion | null) => void;\n\n    /**\n     * Function that returns a string which will be displayed inside the input.\n     * This is required when a custom render function for suggestions is provided.\n     * Overwrite this function to provide the value to be used for a suggestion.\n     * Default implementation is: `suggestion => suggestion.label`\n     *\n     * @param suggestion\n     * @returns\n     */\n    getSuggestionValue?: (suggestion: AutoSuggestSuggestion) => string;\n\n    /**\n     * Function that defines how suggestions are rendered on the dropdown-menu.\n     * Use this to customize the appearance for instance when you want to show an icon\n     * for a suggestion.\n     * Default implementation is: `suggestion => suggestion.label`\n     *\n     * @param suggestion\n     * @returns\n     */\n    renderSuggestion?: (suggestion: AutoSuggestSuggestion) => React.ReactNode;\n\n    /**\n     * When rendering your own custom suggestions that do not have the `label` attribute, use this prop to specify\n     * a unique value for each suggestion which will be used as a react key for the individual menu items.\n     */\n    customSuggestionKey?: string;\n\n    /**\n     * Boolean that disabled autoDropDirection and opens the dropdown-menu be above the toggle.\n     * @default false\n     */\n    dropup?: boolean;\n\n    /**\n     * Defines whether the dropdown opens right aligned or not.\n     * Set to true additionally disables autoDrop feature.\n     * @default false\n     */\n    pullRight?: boolean;\n\n    /**\n     * Boolean that enables autoDrop feature.\n     * @default true\n     */\n    autoDropDirection?: boolean;\n\n    /**\n     * Shows a loading spinner instead of the items if set to true.\n     * @default false\n     */\n    isLoading?: boolean;\n\n    /**\n     * Boolean that enables opening the dropdown menu when gaining focus.\n     * @default false\n     */\n    openOnFocus?: boolean;\n\n    /**\n     * Boolean that enables the selection of an item to close the dropdown or not.\n     * @default true\n     */\n    closeOnSelect?: boolean;\n\n    /**\n     * Defines whether or not a selected item is shown in the input after it was selected.\n     * @default true\n     */\n    showSelectedItemsInInput?: boolean;\n\n    /**\n     * Sets autocomplete value for autosuggest forms.\n     */\n    autoComplete?: string;\n\n    /**\n     * Adds a list of input-addons elements in front of the input.\n     */\n    leadingInputAddons?: React.ReactNode[];\n\n    /**\n     * Adds a list of input-addons elements after the input.\n     */\n    trailingInputAddons?: React.ReactNode[];\n\n    /**\n     * Additional class names that are added to the dropdown element.\n     */\n    dropdownClassName?: string;\n\n    /**\n     * Additional class names that are added to the wrapping element.\n     */\n    className?: string;\n};\n\nexport const AutoSuggest = (props: AutoSuggestProps) => {\n    const {\n        id,\n        onSuggestionSelected = noop,\n        onSuggestionsFetchRequested = noop,\n        onSuggestionHighlighted = noop,\n        renderSuggestion,\n        customSuggestionKey,\n        getSuggestionValue,\n        suggestions = [],\n        autoDropDirection = true,\n        pullRight = false,\n        dropup = false,\n        isLoading = false,\n        openOnFocus = false,\n        closeOnSelect = true,\n        showSelectedItemsInInput = true,\n        autoComplete = 'off',\n        inputProps = {\n            id,\n            disabled: false,\n            onChange: noop,\n            onClear: noop,\n            onBlur: noop,\n            onFocus: noop,\n            placeholder: 'Start typing',\n            hasError: false,\n            tabIndex: 0,\n            value: undefined,\n            icon: undefined,\n        },\n        leadingInputAddons,\n        trailingInputAddons,\n        noItemMessage,\n        dropdownClassName = '',\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n    const [value, setValue] = useState(inputProps.value || '');\n    const [highlightedItemIndex, setHighlightedItemIndex] = useState(-1);\n    const [direction, setDirection] = useState(DOWN);\n\n    const componentRef = useClickOutside(() => closeMenu());\n    const dropdownMenuRef = useRef<HTMLUListElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const optionNodesRef = useRef<HTMLLIElement[]>([]);\n\n    // Update internal value state from outside when external input value is given.\n    // This is important for when this component is used as a controlled component\n    const externalValue = inputProps.value;\n    if (!isNil(externalValue) && value !== externalValue) {\n        setValue(externalValue ?? '');\n    }\n\n    // Fetch suggestions on mounting the component by using the external\n    // fetch callback\n    useEffect(() => onSuggestionsFetchRequested({ value }), []);\n\n    // When a new suggestion is highlighted it may be not in view as the dropdown menu\n    // has an overflow and can scroll. In this case, we need to scroll to the highlighted suggestion\n    // so the user can see it\n    useEffect(() => {\n        const focusedItem = getFocusedOptionNode();\n        scrollItemIntoView(direction, dropdownMenuRef.current, focusedItem);\n    }, [highlightedItemIndex, direction]);\n\n    // Used to store the list item reference to allow highlighting a single node.\n    // Update that list of nodes again when the suggestions change from the outside.\n    useEffect(() => {\n        const optionNodes = Array.from(dropdownMenuRef.current?.getElementsByTagName('li') || []);\n        optionNodesRef.current = optionNodes;\n    }, [suggestions]);\n\n    // Overwrite position of dropdown menu in case auto drop is enabled\n    const dropDirection = useDropDirection({ pullRight, dropup, autoDropDirection, dropdownMenuRef }, [suggestions]);\n\n    const openMenu = () => {\n        if (isOpen) {\n            return;\n        }\n        setIsOpen(true);\n    };\n\n    const closeMenu = () => {\n        setIsOpen(false);\n    };\n\n    const handleFocus = (_event: React.FocusEvent<HTMLInputElement>) => {\n        if (openOnFocus) {\n            openMenu();\n        }\n        if (inputProps.onFocus) {\n            inputProps.onFocus();\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.key) {\n            case 'ArrowDown': {\n                // select below on arrow down key\n                const newHighlightedIndex = highlightedItemIndex + 1;\n                if (isOpen && suggestions.length > newHighlightedIndex) {\n                    setHighlightedItemIndex(newHighlightedIndex);\n                    handleHighlightedSuggestionChanged(Number(newHighlightedIndex));\n                    setDirection(DOWN);\n                }\n                return;\n            }\n            case 'ArrowUp':\n                // select above on arrow up key\n                if (isOpen && highlightedItemIndex > 0) {\n                    const newHighlightedIndex = highlightedItemIndex - 1;\n                    setHighlightedItemIndex(newHighlightedIndex);\n                    handleHighlightedSuggestionChanged(Number(newHighlightedIndex));\n                    setDirection(UP);\n                }\n                return;\n            case 'Enter':\n                // select on enter\n                if (isOpen && suggestions[highlightedItemIndex]) {\n                    onSuggestionClicked(event, suggestions[highlightedItemIndex]);\n                } else {\n                    openMenu();\n                }\n                break;\n            case 'Escape':\n            case 'Tab':\n                // close on esc key or on tab\n                closeMenu();\n                break;\n            default:\n                break;\n        }\n    };\n\n    const getFocusedOptionNode = () =>\n        [...optionNodesRef.current].find((item: HTMLLIElement) => item.className.includes('active'));\n\n    const handleInputChange = (\n        newValue: string,\n        event: React.MouseEvent<HTMLSpanElement, MouseEvent> | React.ChangeEvent<HTMLInputElement>\n    ) => {\n        if (value !== newValue) {\n            updateInputValue(newValue, event);\n        }\n    };\n\n    const updateInputValue = (\n        newValue: string,\n        event:\n            | React.MouseEvent<HTMLSpanElement, MouseEvent>\n            | React.ChangeEvent<HTMLInputElement>\n            | React.KeyboardEvent<HTMLDivElement>,\n        shouldCloseMenu = false\n    ) => {\n        const closeMenuEventually = shouldCloseMenu ? false : isOpen;\n\n        setIsOpen(!isOpen ? true : closeMenuEventually);\n        setValue(newValue);\n        setHighlightedItemIndex(-1);\n\n        // Fire callback so the parent component can filter the suggestions accordingly\n        onSuggestionsFetchRequested({ value: newValue });\n\n        handleHighlightedSuggestionChanged(-1);\n\n        // Trigger onChange callback to notify usage component only when value has actually changed\n        const { value: newExternalValue, onChange = () => {} } = inputProps;\n        if (newValue !== newExternalValue) {\n            onChange(event, { newValue });\n        }\n    };\n\n    const handleHighlightedSuggestionChanged = (currentHighlightedItemIndex: number) => {\n        const currentHighlightedSuggestion =\n            currentHighlightedItemIndex === -1 ? null : suggestions[currentHighlightedItemIndex];\n        onSuggestionHighlighted(currentHighlightedSuggestion);\n    };\n\n    const clearInputValue = (_event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        setValue('');\n        setHighlightedItemIndex(-1);\n\n        // Focus the input field after clearing it's value in order to allow\n        // entering new values right away\n        if (inputRef.current) {\n            inputRef.current.focus();\n        }\n\n        // Reset filter value so all suggestions are shown again\n        onSuggestionsFetchRequested({ value: '' });\n\n        handleHighlightedSuggestionChanged(-1);\n\n        // Additionally, fire the onClear callback as the service may react on it\n        if (inputProps.onClear) {\n            inputProps.onClear();\n        }\n    };\n\n    const getDefaultSuggestionValue = (suggestion: AutoSuggestSuggestion): string =>\n        suggestion.label ?? (suggestion[customSuggestionKey ?? ''] as string) ?? '';\n\n    const onSuggestionClicked = (\n        event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLDivElement>,\n        suggestion: AutoSuggestSuggestion\n    ) => {\n        const getSuggestionValueFunction = getSuggestionValue ? getSuggestionValue : getDefaultSuggestionValue;\n\n        const suggestionValue = getSuggestionValueFunction(suggestion);\n\n        updateInputValue(suggestionValue, event, closeOnSelect);\n\n        // fire callback with the selected item\n        onSuggestionSelected(event, {\n            suggestion,\n            suggestionValue,\n        });\n    };\n\n    const renderInput = () => {\n        const { id: inputPropId, icon, value: ignoredExternalValue, ...remainingInputProps } = inputProps;\n        const clearableProps = { id: id ?? inputPropId, ...remainingInputProps };\n\n        const input = (\n            <ClearableInput\n                {...clearableProps}\n                ref={inputRef}\n                autoComplete={autoComplete}\n                onChange={handleInputChange}\n                onClear={clearInputValue}\n                onFocus={handleFocus}\n                onClick={openMenu}\n                value={showSelectedItemsInInput ? value : ''}\n            />\n        );\n\n        if (icon || leadingInputAddons || trailingInputAddons) {\n            return (\n                <AutoSuggestAddons\n                    icon={icon}\n                    leadingInputAddons={leadingInputAddons}\n                    trailingInputAddons={trailingInputAddons}\n                >\n                    {input}\n                </AutoSuggestAddons>\n            );\n        }\n\n        return input;\n    };\n\n    const renderDefaultSuggestion = (suggestion: AutoSuggestSuggestion): React.ReactNode => suggestion.label;\n\n    const renderDropdownMenu = () => {\n        const dropdownMenuClasses = classNames(\n            'dropdown-menu',\n            dropDirection.pullRight && 'pull-right',\n            dropdownClassName\n        );\n\n        if (isLoading) {\n            return <DropdownSpinner className={dropdownMenuClasses} />;\n        }\n\n        const hasNoSuggestions = isEmpty(suggestions);\n\n        if (hasNoSuggestions && !noItemMessage) {\n            return null;\n        }\n\n        return (\n            <ul role='menu' className={dropdownMenuClasses} ref={dropdownMenuRef}>\n                {hasNoSuggestions && noItemMessage && <NoItemMessage key='NoItemMessage' message={noItemMessage} />}\n                {suggestions.map((suggestion, index) => {\n                    // In case a custom renderer is used but the customSuggestionKey is not set, throw an error\n                    if (renderSuggestion && !suggestion.label && !customSuggestionKey) {\n                        throw new Error(\n                            'The \"customSuggestionKey\" need to be set when using a custom renderer ' +\n                                'and not using the \"label\" prop for suggestions'\n                        );\n                    }\n\n                    const key = `index-${suggestion.label ?? suggestion[customSuggestionKey ?? '']}`;\n\n                    if (suggestion.header && suggestion.label) {\n                        return <DropdownHeader key={key} label={(suggestion as AutoSuggestSuggestion).label} />;\n                    }\n\n                    const renderFunction = renderSuggestion ? renderSuggestion : renderDefaultSuggestion;\n\n                    return (\n                        <MenuItem\n                            key={key}\n                            active={index === highlightedItemIndex}\n                            disabled={suggestion.disabled}\n                            value={\n                                suggestion.customSuggestion ? suggestion.customSuggestion : renderFunction(suggestion)\n                            }\n                            onSelect={(_: number | undefined, event: React.MouseEvent<HTMLLIElement>) =>\n                                onSuggestionClicked(event, suggestion)\n                            }\n                            index={index}\n                        />\n                    );\n                })}\n            </ul>\n        );\n    };\n\n    const classes = classNames(\n        'AutoSuggest',\n        'dropdown',\n        isOpen && 'open',\n        dropDirection.dropup && 'dropup',\n        className\n    );\n\n    return (\n        <div {...remainingProps} className={classes} onKeyDown={handleKeyDown} ref={componentRef}>\n            {renderInput()}\n            {renderDropdownMenu()}\n        </div>\n    );\n};\n\nexport default AutoSuggest;\n"],"names":["AutoSuggest","props","id","onSuggestionSelected","noop","onSuggestionsFetchRequested","onSuggestionHighlighted","renderSuggestion","customSuggestionKey","getSuggestionValue","suggestions","autoDropDirection","pullRight","dropup","isLoading","openOnFocus","closeOnSelect","showSelectedItemsInInput","autoComplete","inputProps","leadingInputAddons","trailingInputAddons","noItemMessage","dropdownClassName","className","remainingProps","isOpen","setIsOpen","useState","value","setValue","highlightedItemIndex","setHighlightedItemIndex","direction","setDirection","DOWN","componentRef","useClickOutside","closeMenu","dropdownMenuRef","useRef","inputRef","optionNodesRef","externalValue","isNil","useEffect","focusedItem","getFocusedOptionNode","scrollItemIntoView","optionNodes","dropDirection","useDropDirection","openMenu","handleFocus","_event","handleKeyDown","event","newHighlightedIndex","handleHighlightedSuggestionChanged","UP","onSuggestionClicked","item","handleInputChange","newValue","updateInputValue","shouldCloseMenu","newExternalValue","onChange","currentHighlightedItemIndex","currentHighlightedSuggestion","clearInputValue","getDefaultSuggestionValue","suggestion","suggestionValue","renderInput","inputPropId","icon","ignoredExternalValue","remainingInputProps","clearableProps","input","jsx","ClearableInput","AutoSuggestAddons","renderDefaultSuggestion","renderDropdownMenu","dropdownMenuClasses","classNames","DropdownSpinner","hasNoSuggestions","isEmpty","NoItemMessage","index","key","DropdownHeader","renderFunction","MenuItem","_","classes","jsxs"],"mappings":"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"}

package/components/autosuggest/AutoSuggestAddons.js

@@ -1,16 +1,16 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-const u = ({
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+const c = ({
   icon: s,
   leadingInputAddons: a,
-  trailingInputAddons: r,
-  children: t
-}) => /* @__PURE__ */ p("div", { className: "input-group width-100pct", children: [
+  trailingInputAddons: e,
+  children: p
+}) => /* @__PURE__ */ t("div", { className: "input-group width-100pct", children: [
   a && a,
-  s && /* @__PURE__ */ e("span", { className: "input-group-addon", children: /* @__PURE__ */ e("span", { className: `rioglyph ${s}`, "aria-hidden": "true" }) }),
-  t,
-  r && r
+  s && /* @__PURE__ */ r("span", { className: "input-group-addon", children: /* @__PURE__ */ r("span", { className: `rioglyph ${s}`, "aria-hidden": "true" }) }),
+  p,
+  e && e
 ] });
 export {
-  u as default
+  c as default
 };
 //# sourceMappingURL=AutoSuggestAddons.js.map

package/components/autosuggest/AutoSuggestAddons.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSuggestAddons.js","sources":["../../../src/components/autosuggest/AutoSuggestAddons.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\n\nexport type AutoSuggestAddonsProps = {\n    icon?: string;\n    leadingInputAddons?: React.ReactNode[];\n    trailingInputAddons?: React.ReactNode[];\n};\n\nconst AutoSuggestAddons = ({\n    icon,\n    leadingInputAddons,\n    trailingInputAddons,\n    children,\n}: PropsWithChildren<AutoSuggestAddonsProps>) => {\n    return (\n        <div className='input-group width-100pct'>\n            {leadingInputAddons && leadingInputAddons}\n            {icon && (\n                <span className='input-group-addon'>\n                    <span className={`rioglyph ${icon}`} aria-hidden='true' />\n                </span>\n            )}\n            {children}\n            {trailingInputAddons && trailingInputAddons}\n        </div>\n    );\n};\n\nexport default AutoSuggestAddons;\n"],"names":["AutoSuggestAddons","icon","leadingInputAddons","trailingInputAddons","children","jsxs","jsx"],"mappings":";AASA,MAAMA,IAAoB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AACJ,MAEQ,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,EAAAH,KAAsBA;AAAA,EACtBD,KACG,gBAAAK,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAW,YAAYL,CAAI,IAAI,eAAY,QAAO,GAC5D;AAAA,EAEHG;AAAA,EACAD,KAAuBA;AAAA,GAC5B;"}
+{"version":3,"file":"AutoSuggestAddons.js","sources":["../../../src/components/autosuggest/AutoSuggestAddons.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\n\nexport type AutoSuggestAddonsProps = {\n    icon?: string;\n    leadingInputAddons?: React.ReactNode[];\n    trailingInputAddons?: React.ReactNode[];\n};\n\nconst AutoSuggestAddons = ({\n    icon,\n    leadingInputAddons,\n    trailingInputAddons,\n    children,\n}: PropsWithChildren<AutoSuggestAddonsProps>) => (\n    <div className='input-group width-100pct'>\n        {leadingInputAddons && leadingInputAddons}\n        {icon && (\n            <span className='input-group-addon'>\n                <span className={`rioglyph ${icon}`} aria-hidden='true' />\n            </span>\n        )}\n        {children}\n        {trailingInputAddons && trailingInputAddons}\n    </div>\n);\n\nexport default AutoSuggestAddons;\n"],"names":["AutoSuggestAddons","icon","leadingInputAddons","trailingInputAddons","children","jsxs","jsx"],"mappings":";AASA,MAAMA,IAAoB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AACJ,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BACV,UAAA;AAAA,EAAAH,KAAsBA;AAAA,EACtBD,KACG,gBAAAK,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAW,YAAYL,CAAI,IAAI,eAAY,QAAO,GAC5D;AAAA,EAEHG;AAAA,EACAD,KAAuBA;AAAA,EAAA,CAC5B;"}

package/components/banner/BannerActions.js

@@ -1,5 +1,5 @@
-import { jsx as r } from "react/jsx-runtime";
-const e = ({ className: n = "", children: t, ...o }) => /* @__PURE__ */ r("div", { className: `BannerActions flex-0 btn-toolbar ${n}`, ...o, children: t });
+import { jsx as a } from "react/jsx-runtime";
+const e = ({ className: n = "", children: o, ...t }) => /* @__PURE__ */ a("div", { className: `BannerActions flex-0 btn-toolbar ${n}`, ...t, children: o });
 export {
   e as default
 };

package/components/banner/BannerActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerActions.js","sources":["../../../src/components/banner/BannerActions.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type BannerActionsProps = {\n    /**\n     * Additional classname added to the wrapper element.\n     */\n    className?: string;\n};\n\nconst BannerActions = ({ className = '', children, ...remainingProps }: PropsWithChildren<BannerActionsProps>) => {\n    return (\n        <div className={`BannerActions flex-0 btn-toolbar ${className}`} {...remainingProps}>\n            {children}\n        </div>\n    );\n};\n\nexport default BannerActions;\n"],"names":["BannerActions","className","children","remainingProps","jsx"],"mappings":";AASA,MAAMA,IAAgB,CAAC,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,QAE9C,gBAAAC,EAAC,SAAI,WAAW,oCAAoCH,CAAS,IAAK,GAAGE,GAChE,UAAAD,GACL;"}
+{"version":3,"file":"BannerActions.js","sources":["../../../src/components/banner/BannerActions.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type BannerActionsProps = {\n    /**\n     * Additional classname added to the wrapper element.\n     */\n    className?: string;\n};\n\nconst BannerActions = ({ className = '', children, ...remainingProps }: PropsWithChildren<BannerActionsProps>) => (\n    <div className={`BannerActions flex-0 btn-toolbar ${className}`} {...remainingProps}>\n        {children}\n    </div>\n);\n\nexport default BannerActions;\n"],"names":["BannerActions","className","children","remainingProps","jsx"],"mappings":";AASA,MAAMA,IAAgB,CAAC,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAA,MAClD,gBAAAC,EAAC,SAAI,WAAW,oCAAoCH,CAAS,IAAK,GAAGE,GAChE,UAAAD,EAAA,CACL;"}

package/components/banner/BannerIcon.js

@@ -1,6 +1,6 @@
-import { jsx as e } from "react/jsx-runtime";
-const t = ({ className: n = "", children: r, ...a }) => /* @__PURE__ */ e("div", { className: `BannerIcon flex-0 margin-x-5 min-width-25 ${n}`, ...a, children: r });
+import { jsx as o } from "react/jsx-runtime";
+const i = ({ className: n = "", children: a, ...e }) => /* @__PURE__ */ o("div", { className: `BannerIcon flex-0 margin-x-5 min-width-25 ${n}`, ...e, children: a });
 export {
-  t as default
+  i as default
 };
 //# sourceMappingURL=BannerIcon.js.map

package/components/banner/BannerIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerIcon.js","sources":["../../../src/components/banner/BannerIcon.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type BannerIconProps = {\n    /**\n     * Additional classname added to the wrapper element.\n     */\n    className?: string;\n};\n\nconst BannerIcon = ({ className = '', children, ...remainingProps }: PropsWithChildren<BannerIconProps>) => {\n    return (\n        <div className={`BannerIcon flex-0 margin-x-5 min-width-25 ${className}`} {...remainingProps}>\n            {children}\n        </div>\n    );\n};\n\nexport default BannerIcon;\n"],"names":["BannerIcon","className","children","remainingProps","jsx"],"mappings":";AASA,MAAMA,IAAa,CAAC,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,QAE3C,gBAAAC,EAAC,SAAI,WAAW,6CAA6CH,CAAS,IAAK,GAAGE,GACzE,UAAAD,GACL;"}
+{"version":3,"file":"BannerIcon.js","sources":["../../../src/components/banner/BannerIcon.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type BannerIconProps = {\n    /**\n     * Additional classname added to the wrapper element.\n     */\n    className?: string;\n};\n\nconst BannerIcon = ({ className = '', children, ...remainingProps }: PropsWithChildren<BannerIconProps>) => (\n    <div className={`BannerIcon flex-0 margin-x-5 min-width-25 ${className}`} {...remainingProps}>\n        {children}\n    </div>\n);\n\nexport default BannerIcon;\n"],"names":["BannerIcon","className","children","remainingProps","jsx"],"mappings":";AASA,MAAMA,IAAa,CAAC,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAA,MAC/C,gBAAAC,EAAC,SAAI,WAAW,6CAA6CH,CAAS,IAAK,GAAGE,GACzE,UAAAD,EAAA,CACL;"}