@rio-cloud/rio-uikit 2.1.0 → 2.2.0

package/CircularProgress.d.ts

@@ -0,0 +1,2 @@
+export { default } from './components/circularProgress/CircularProgress';
+export * from './components/circularProgress/CircularProgress';

package/CircularProgress.js

@@ -0,0 +1,5 @@
+import { default as o } from "./components/circularProgress/CircularProgress.js";
+export {
+  o as default
+};
+//# sourceMappingURL=CircularProgress.js.map

package/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/RadioCardGroup.d.ts

@@ -0,0 +1,2 @@
+export { default } from './components/radiobutton/RadioCardGroup';
+export * from './components/radiobutton/RadioCardGroup';

package/RadioCardGroup.js

@@ -0,0 +1,7 @@
+import { RadioCardIndicator as o, RadioCardItem as r, default as t } from "./components/radiobutton/RadioCardGroup.js";
+export {
+  o as RadioCardIndicator,
+  r as RadioCardItem,
+  t as default
+};
+//# sourceMappingURL=RadioCardGroup.js.map

package/RadioCardGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCardGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/SearchHighlightText.d.ts

@@ -0,0 +1,2 @@
+export { default } from './components/searchHighlight/SearchHighlightText';
+export * from './components/searchHighlight/SearchHighlightText';

package/SearchHighlightText.js

@@ -0,0 +1,5 @@
+import { default as o } from "./components/searchHighlight/SearchHighlightText.js";
+export {
+  o as default
+};
+//# sourceMappingURL=SearchHighlightText.js.map

package/SearchHighlightText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchHighlightText.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/TextTruncateMiddle.d.ts

@@ -0,0 +1,2 @@
+export { default } from './components/ellipsis/TextTruncateMiddle';
+export * from './components/ellipsis/TextTruncateMiddle';

package/TextTruncateMiddle.js

@@ -0,0 +1,5 @@
+import { default as o } from "./components/ellipsis/TextTruncateMiddle.js";
+export {
+  o as default
+};
+//# sourceMappingURL=TextTruncateMiddle.js.map

package/TextTruncateMiddle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTruncateMiddle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/Tracker.d.ts

@@ -0,0 +1,2 @@
+export { default } from './components/tracker/Tracker';
+export * from './components/tracker/Tracker';

package/Tracker.js

@@ -0,0 +1,5 @@
+import { default as o } from "./components/tracker/Tracker.js";
+export {
+  o as default
+};
+//# sourceMappingURL=Tracker.js.map

package/Tracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tracker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/classNames.d.ts

@@ -0,0 +1,2 @@
+export { default } from './utils/classNames';
+export type { ClassNamePart } from './utils/classNames';

package/classNames.js

@@ -0,0 +1,5 @@
+import { default as o } from "./utils/classNames.js";
+export {
+  o as default
+};
+//# sourceMappingURL=classNames.js.map

package/classNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/accentBar/AccentBar.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import r from "classnames";
+import r from "../../utils/classNames.js";
 const N = (t) => {
   const { color: l = "bg-secondary", circle: s = !1, className: n, children: e } = t, a = r("AccentBar", s && "AccentBarCircle", l, n), i = r("display-flex", s ? "align-items-center" : "align-items-stretch");
   return e ? /* @__PURE__ */ m("div", { className: i, children: [

package/components/accentBar/AccentBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccentBar.js","sources":["../../../src/components/accentBar/AccentBar.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { PropsWithChildren } from 'react';\n\ntype AccentBarProps = {\n    /**\n     * Defines the color by setting it to a UIKIT bg-<name> class name.\n     *\n     * @default 'bg-secondary'\n     */\n    color?: string;\n\n    /**\n     * Defines if the element is rendered as a stretching bar or just a centered circle.\n     *\n     * @default false\n     */\n    circle?: boolean;\n\n    /**\n     * Additional class names passed to the actual element.\n     */\n    className?: string;\n};\n\nconst AccentBar = (props: PropsWithChildren<AccentBarProps>) => {\n    const { color = 'bg-secondary', circle = false, className, children } = props;\n\n    const accentBarClassName = classNames('AccentBar', circle && 'AccentBarCircle', color, className);\n\n    const wrapperClassName = classNames('display-flex', circle ? 'align-items-center' : 'align-items-stretch');\n\n    if (children) {\n        return (\n            <div className={wrapperClassName}>\n                <div className={accentBarClassName} />\n                {children}\n            </div>\n        );\n    }\n\n    return <div className={accentBarClassName} />;\n};\n\nexport default AccentBar;\n"],"names":["AccentBar","props","color","circle","className","children","accentBarClassName","classNames","wrapperClassName","jsxs","jsx"],"mappings":";;AAwBA,MAAMA,IAAY,CAACC,MAA6C;AAC5D,QAAM,EAAE,OAAAC,IAAQ,gBAAgB,QAAAC,IAAS,IAAO,WAAAC,GAAW,UAAAC,MAAaJ,GAElEK,IAAqBC,EAAW,aAAaJ,KAAU,mBAAmBD,GAAOE,CAAS,GAE1FI,IAAmBD,EAAW,gBAAgBJ,IAAS,uBAAuB,qBAAqB;AAEzG,SAAIE,IAEI,gBAAAI,EAAC,OAAA,EAAI,WAAWD,GACZ,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWJ,EAAA,CAAoB;AAAA,IACnCD;AAAA,EAAA,GACL,IAID,gBAAAK,EAAC,OAAA,EAAI,WAAWJ,EAAA,CAAoB;AAC/C;"}
+{"version":3,"file":"AccentBar.js","sources":["../../../src/components/accentBar/AccentBar.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\ntype AccentBarProps = {\n    /**\n     * Defines the color by setting it to a UIKIT bg-<name> class name.\n     *\n     * @default 'bg-secondary'\n     */\n    color?: string;\n\n    /**\n     * Defines if the element is rendered as a stretching bar or just a centered circle.\n     *\n     * @default false\n     */\n    circle?: boolean;\n\n    /**\n     * Additional class names passed to the actual element.\n     */\n    className?: string;\n};\n\nconst AccentBar = (props: PropsWithChildren<AccentBarProps>) => {\n    const { color = 'bg-secondary', circle = false, className, children } = props;\n\n    const accentBarClassName = classNames('AccentBar', circle && 'AccentBarCircle', color, className);\n\n    const wrapperClassName = classNames('display-flex', circle ? 'align-items-center' : 'align-items-stretch');\n\n    if (children) {\n        return (\n            <div className={wrapperClassName}>\n                <div className={accentBarClassName} />\n                {children}\n            </div>\n        );\n    }\n\n    return <div className={accentBarClassName} />;\n};\n\nexport default AccentBar;\n"],"names":["AccentBar","props","color","circle","className","children","accentBarClassName","classNames","wrapperClassName","jsxs","jsx"],"mappings":";;AAyBA,MAAMA,IAAY,CAACC,MAA6C;AAC5D,QAAM,EAAE,OAAAC,IAAQ,gBAAgB,QAAAC,IAAS,IAAO,WAAAC,GAAW,UAAAC,MAAaJ,GAElEK,IAAqBC,EAAW,aAAaJ,KAAU,mBAAmBD,GAAOE,CAAS,GAE1FI,IAAmBD,EAAW,gBAAgBJ,IAAS,uBAAuB,qBAAqB;AAEzG,SAAIE,IAEI,gBAAAI,EAAC,OAAA,EAAI,WAAWD,GACZ,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWJ,EAAA,CAAoB;AAAA,IACnCD;AAAA,EAAA,GACL,IAID,gBAAAK,EAAC,OAAA,EAAI,WAAWJ,EAAA,CAAoB;AAC/C;"}

package/components/actionBarItem/ActionBarItem.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as E } from "react/jsx-runtime";
 import L, { memo as M, useState as B, useRef as H, useLayoutEffect as V, useCallback as x, useEffect as F } from "react";
-import U from "classnames";
-import { negate as j } from "es-toolkit/function";
-import { delay as X, head as Y } from "es-toolkit/compat";
+import { negate as U } from "es-toolkit/function";
+import { delay as j, head as X } from "es-toolkit/compat";
+import Y from "../../utils/classNames.js";
 import q from "./ActionBarOverlay.js";
 import R from "./ActionBarItemPopoverContent.js";
 import _ from "./ActionBarItemIcon.js";
@@ -11,10 +11,10 @@ import G from "./ActionBarItemListItem.js";
 import J from "./ActionBarItemListSeparator.js";
 import g from "../overlay/OverlayTrigger.js";
 import K from "../dialog/Dialog.js";
-const y = "mousedown", Q = "show", Z = "position-offscreen", $ = 250, oo = 200, eo = 580, to = () => (Math.random() + 1).toString(36).toUpperCase().substring(2), T = (o, e) => o.classList.contains(e), so = j(T), no = (o, e) => !e.contains(o), ro = () => {
+const y = "mousedown", Q = "show", Z = "position-offscreen", $ = 250, oo = 200, eo = 580, to = () => (Math.random() + 1).toString(36).toUpperCase().substring(2), T = (o, e) => o.classList.contains(e), so = U(T), no = (o, e) => !e.contains(o), ro = () => {
   const [o, e] = B(!1);
   return F(() => {
-    const a = Y(document.getElementsByClassName("ApplicationHeader")), f = a ? a.offsetWidth < eo : !1;
+    const a = X(document.getElementsByClassName("ApplicationHeader")), f = a ? a.offsetWidth < eo : !1;
     e(f);
   }, []), o;
 }, O = (o) => o.type && o.type.displayName === R.displayName, P = (o) => o.type && o.type.displayName === _.displayName, io = (o) => {
@@ -39,13 +39,13 @@ const y = "mousedown", Q = "show", Z = "position-offscreen", $ = 250, oo = 200,
         s(!1);
         return;
       }
-      w && X(() => s(!1), oo);
+      w && j(() => s(!1), oo);
     };
     return document.addEventListener(y, r), () => {
       document.removeEventListener(y, r);
     };
   }, [n, e, t]);
-  const p = U("ActionBarItem", a), b = ro(), I = x(() => s(!t), [s, t]), d = L.Children.toArray(u), l = d.find(O), C = d.find(P);
+  const p = Y("ActionBarItem", a), b = ro(), I = x(() => s(!t), [s, t]), d = L.Children.toArray(u), l = d.find(O), C = d.find(P);
   if (!l)
     return /* @__PURE__ */ i("div", { className: p, children: u });
   const { useOffscreen: S = !1, title: N } = l.props, v = d.filter((r) => !O(r)).filter((r) => !P(r));

package/components/actionBarItem/ActionBarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarItem.js","sources":["../../../src/components/actionBarItem/ActionBarItem.tsx"],"sourcesContent":["import React, {\n    memo,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useState,\n    useRef,\n    type PropsWithChildren,\n    type HTMLAttributes,\n    type MemoExoticComponent,\n    type FC,\n} from 'react';\nimport classNames from 'classnames';\nimport { negate } from 'es-toolkit/function';\nimport { delay, head } from 'es-toolkit/compat';\n\nimport ActionBarOverlay from './ActionBarOverlay';\nimport ActionBarItemPopoverContent from './ActionBarItemPopoverContent';\nimport ActionBarItemIcon from './ActionBarItemIcon';\nimport ActionBarItemList from './ActionBarItemList';\nimport ActionBarItemListItem from './ActionBarItemListItem';\nimport ActionBarItemListSeparator from './ActionBarItemListSeparator';\nimport OverlayTrigger from '../overlay/OverlayTrigger';\nimport Dialog from '../dialog/Dialog';\n\nconst EVENT = 'mousedown';\nconst CLASSNAME_SHOW = 'show';\nconst CLASSNAME_OFFSCREEN = 'position-offscreen';\n\nconst DEFAULT_POPOVER_WIDTH = 250;\nconst POPOVER_CLOSE_DELAY_IN_MS = 200;\nconst SMALL_RESOLUTION_THRESHOLD_IN_PX = 580;\n\nconst getRandomString = () => (Math.random() + 1).toString(36).toUpperCase().substring(2);\n\nconst hasClass = (element: HTMLElement, className: string) => element.classList.contains(className);\nconst hasNotClass = negate(hasClass);\n\nconst isNotChildNodeOf = (childNode: HTMLElement, parentNode: HTMLElement) => !parentNode.contains(childNode);\n\nconst checkIfSmallResolution = () => {\n    const [isSmallResolution, setIsSmallResolution] = useState(false);\n\n    // We only execute this once. Before it was re-rendered on every change.\n    // Users probably don't switch between display sizes that often therefore it probably makes sense to\n    // avoid the re-rendering or applying an event listener.\n    useEffect(() => {\n        const header = head(document.getElementsByClassName('ApplicationHeader')) as HTMLElement | undefined;\n        const isSmall = header ? header.offsetWidth < SMALL_RESOLUTION_THRESHOLD_IN_PX : false;\n        setIsSmallResolution(isSmall);\n    }, []);\n\n    return isSmallResolution;\n};\n\nconst isActionBarItemPopover = (child: React.ReactElement) =>\n    child.type && (child.type as React.ComponentType<unknown>).displayName === ActionBarItemPopoverContent.displayName;\n\nconst isActionBarItemIcon = (child: React.ReactElement) =>\n    child.type && (child.type as React.ComponentType<unknown>).displayName === ActionBarItemIcon.displayName;\n\nexport type ActionBarItemPopoverWidth = 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;\n\nexport type ActionBarItemProps = {\n    /**\n     * The id is used to identify the item in the DOM.\n     *\n     * If not provided, a random id is used instead.\n     */\n    id?: string;\n\n    /**\n     * The title property for the sub-component ActionBarItem.Popover.\n     *\n     * This can be a String or another component as well as a React-Intl component.\n     */\n    title?: string | React.ReactNode;\n\n    /**\n     * Additional class names that are added to the respective component.\n     *\n     * It can be defined for the parent and all sub-components.\n     */\n    className?: string;\n\n    /**\n     * Defines if the popover should close when any child element is being clicked.\n     *\n     * @default true\n     */\n    hidePopoverOnClick?: boolean;\n\n    /**\n     * Possible values are `100`, `150`, `200`, `250`, `300`, `350`, `400`, `450` or `500`.\n     *\n     * @default 250\n     */\n    popoverWidth?: ActionBarItemPopoverWidth;\n\n    /**\n     * Additional class names that are added to dialog fallback modal-body element.\n     */\n    mobileDialogBodyClassName?: string;\n};\n\nexport type ActionBarItemComponents = {\n    Icon: typeof ActionBarItemIcon;\n    Popover: typeof ActionBarItemPopoverContent;\n    List: typeof ActionBarItemList;\n    ListItem: typeof ActionBarItemListItem;\n    ListSeparator: typeof ActionBarItemListSeparator;\n};\n\ntype ActionBarItemPropsWithChildren = PropsWithChildren<ActionBarItemProps>;\n\nconst ActionBarItemBase = (props: ActionBarItemPropsWithChildren) => {\n    const {\n        id = getRandomString(),\n        className,\n        mobileDialogBodyClassName = '',\n        children,\n        popoverWidth = DEFAULT_POPOVER_WIDTH,\n        hidePopoverOnClick = true,\n        ...remainingProps\n    } = props;\n\n    const [isShown, setIsShown] = useState(false);\n\n    const clickOutsideRef = useRef(null);\n\n    useLayoutEffect(() => {\n        const listener = (event: MouseEvent) => {\n            if (!clickOutsideRef || !clickOutsideRef.current || !isShown) {\n                return;\n            }\n\n            // Since the popover component is based on React Portal and might be offscreen, we need to use\n            // old-school approach and query the DOM for the item ID.\n            const popoverEl = document.getElementById(id);\n\n            if (!popoverEl) {\n                return;\n            }\n\n            // Abort when the ActionBarItemIcon itself has been clicked as there is a toggle function\n            // applied to the icon that takes care of opening and closing\n            const hasIconClickedToClose = (event.target as HTMLElement).offsetParent === clickOutsideRef.current;\n            if (hasIconClickedToClose) {\n                return;\n            }\n\n            // Handle click outside the popover to close it\n            const isClickOutsidePopover = isNotChildNodeOf(event.target as HTMLElement, popoverEl);\n            const isPopoverVisible = hasClass(popoverEl, CLASSNAME_SHOW) && hasNotClass(popoverEl, CLASSNAME_OFFSCREEN);\n\n            if (isPopoverVisible && isClickOutsidePopover) {\n                setIsShown(false);\n                return;\n            }\n\n            // Handle click inside the popover.\n            // Delay the closing of the popover to execute possible actions from within the popover\n            // like clicks on links or buttons\n            if (hidePopoverOnClick) {\n                delay(() => setIsShown(false), POPOVER_CLOSE_DELAY_IN_MS);\n            }\n        };\n\n        document.addEventListener(EVENT, listener);\n        return () => {\n            document.removeEventListener(EVENT, listener);\n        };\n    }, [clickOutsideRef, id, isShown]);\n\n    const classes = classNames('ActionBarItem', className);\n\n    const isSmallScreen = checkIfSmallResolution();\n\n    const onToggle = useCallback(() => setIsShown(!isShown), [setIsShown, isShown]);\n\n    // The children depend on each other, that's why it's easier to convert them once to an array\n    // and then pick the correct elements. In most cases there are only 2 or 3 elements in the children\n    // array so the looping shouldn't be too worrisome.\n    const childrenAsList = React.Children.toArray(children) as React.ReactElement[];\n    const itemPopover = childrenAsList.find(isActionBarItemPopover);\n    const itemIcon = childrenAsList.find(isActionBarItemIcon);\n\n    if (!itemPopover) {\n        return <div className={classes}>{children}</div>;\n    }\n\n    const { useOffscreen = false, title } = itemPopover.props;\n\n    // Filter out the popover and icon component from the list of children as they are handled separately\n    const childrenWithoutPopover = childrenAsList.filter(child => !isActionBarItemPopover(child));\n    const childrenWithoutPopoverAndIcon = childrenWithoutPopover.filter(child => !isActionBarItemIcon(child));\n\n    if (isSmallScreen) {\n        return (\n            <div {...(remainingProps as HTMLAttributes<HTMLDivElement>)} className={classes} ref={clickOutsideRef}>\n                {React.cloneElement(itemIcon as React.ReactElement, { onClick: onToggle })}\n                <div onClick={() => setIsShown(false)}>\n                    <Dialog\n                        show={isShown}\n                        onClose={() => setIsShown(false)}\n                        body={itemPopover}\n                        bodyClassName={mobileDialogBodyClassName}\n                        title={title}\n                    />\n                </div>\n                {childrenWithoutPopoverAndIcon}\n            </div>\n        );\n    }\n\n    const overlay = (\n        <ActionBarOverlay\n            id={id}\n            key='child'\n            title={title}\n            width={popoverWidth}\n            preRender={useOffscreen}\n            show={isShown}\n        >\n            {itemPopover}\n        </ActionBarOverlay>\n    );\n\n    return (\n        <div {...(remainingProps as HTMLAttributes<HTMLDivElement>)} className={classes} ref={clickOutsideRef}>\n            <OverlayTrigger\n                onToggle={onToggle}\n                show={isShown || useOffscreen}\n                placement={OverlayTrigger.BOTTOM_END}\n                overlay={overlay}\n                rootClose={false}\n                trigger='click'\n                popperConfig={{\n                    modifiers: [\n                        {\n                            name: 'offset',\n                            options: {\n                                offset: [0, 5],\n                            },\n                        },\n                        {\n                            name: 'arrow',\n                            options: {},\n                        },\n                    ],\n                }}\n            >\n                {itemIcon}\n            </OverlayTrigger>\n            {childrenWithoutPopoverAndIcon}\n        </div>\n    );\n};\n\nconst ActionBarItem = memo(ActionBarItemBase) as ActionBarItemComponents &\n    MemoExoticComponent<FC<ActionBarItemPropsWithChildren>>;\n\n// Define static variables on the component type\nActionBarItem.Icon = ActionBarItemIcon;\nActionBarItem.Popover = ActionBarItemPopoverContent;\nActionBarItem.List = ActionBarItemList;\nActionBarItem.ListItem = ActionBarItemListItem;\nActionBarItem.ListSeparator = ActionBarItemListSeparator;\n\nexport default ActionBarItem;\n"],"names":["EVENT","CLASSNAME_SHOW","CLASSNAME_OFFSCREEN","DEFAULT_POPOVER_WIDTH","POPOVER_CLOSE_DELAY_IN_MS","SMALL_RESOLUTION_THRESHOLD_IN_PX","getRandomString","hasClass","element","className","hasNotClass","negate","isNotChildNodeOf","childNode","parentNode","checkIfSmallResolution","isSmallResolution","setIsSmallResolution","useState","useEffect","header","head","isSmall","isActionBarItemPopover","child","ActionBarItemPopoverContent","isActionBarItemIcon","ActionBarItemIcon","ActionBarItemBase","props","id","mobileDialogBodyClassName","children","popoverWidth","hidePopoverOnClick","remainingProps","isShown","setIsShown","clickOutsideRef","useRef","useLayoutEffect","listener","event","popoverEl","isClickOutsidePopover","delay","classes","classNames","isSmallScreen","onToggle","useCallback","childrenAsList","React","itemPopover","itemIcon","jsx","useOffscreen","title","childrenWithoutPopoverAndIcon","Dialog","overlay","ActionBarOverlay","OverlayTrigger","ActionBarItem","memo","ActionBarItemList","ActionBarItemListItem","ActionBarItemListSeparator"],"mappings":"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"}
+{"version":3,"file":"ActionBarItem.js","sources":["../../../src/components/actionBarItem/ActionBarItem.tsx"],"sourcesContent":["import React, {\n    memo,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useState,\n    useRef,\n    type PropsWithChildren,\n    type HTMLAttributes,\n    type MemoExoticComponent,\n    type FC,\n} from 'react';\nimport { negate } from 'es-toolkit/function';\nimport { delay, head } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport ActionBarOverlay from './ActionBarOverlay';\nimport ActionBarItemPopoverContent from './ActionBarItemPopoverContent';\nimport ActionBarItemIcon from './ActionBarItemIcon';\nimport ActionBarItemList from './ActionBarItemList';\nimport ActionBarItemListItem from './ActionBarItemListItem';\nimport ActionBarItemListSeparator from './ActionBarItemListSeparator';\nimport OverlayTrigger from '../overlay/OverlayTrigger';\nimport Dialog from '../dialog/Dialog';\n\nconst EVENT = 'mousedown';\nconst CLASSNAME_SHOW = 'show';\nconst CLASSNAME_OFFSCREEN = 'position-offscreen';\n\nconst DEFAULT_POPOVER_WIDTH = 250;\nconst POPOVER_CLOSE_DELAY_IN_MS = 200;\nconst SMALL_RESOLUTION_THRESHOLD_IN_PX = 580;\n\nconst getRandomString = () => (Math.random() + 1).toString(36).toUpperCase().substring(2);\n\nconst hasClass = (element: HTMLElement, className: string) => element.classList.contains(className);\nconst hasNotClass = negate(hasClass);\n\nconst isNotChildNodeOf = (childNode: HTMLElement, parentNode: HTMLElement) => !parentNode.contains(childNode);\n\nconst checkIfSmallResolution = () => {\n    const [isSmallResolution, setIsSmallResolution] = useState(false);\n\n    // We only execute this once. Before it was re-rendered on every change.\n    // Users probably don't switch between display sizes that often therefore it probably makes sense to\n    // avoid the re-rendering or applying an event listener.\n    useEffect(() => {\n        const header = head(document.getElementsByClassName('ApplicationHeader')) as HTMLElement | undefined;\n        const isSmall = header ? header.offsetWidth < SMALL_RESOLUTION_THRESHOLD_IN_PX : false;\n        setIsSmallResolution(isSmall);\n    }, []);\n\n    return isSmallResolution;\n};\n\nconst isActionBarItemPopover = (child: React.ReactElement) =>\n    child.type && (child.type as React.ComponentType<unknown>).displayName === ActionBarItemPopoverContent.displayName;\n\nconst isActionBarItemIcon = (child: React.ReactElement) =>\n    child.type && (child.type as React.ComponentType<unknown>).displayName === ActionBarItemIcon.displayName;\n\nexport type ActionBarItemPopoverWidth = 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;\n\nexport type ActionBarItemProps = {\n    /**\n     * The id is used to identify the item in the DOM.\n     *\n     * If not provided, a random id is used instead.\n     */\n    id?: string;\n\n    /**\n     * The title property for the sub-component ActionBarItem.Popover.\n     *\n     * This can be a String or another component as well as a React-Intl component.\n     */\n    title?: string | React.ReactNode;\n\n    /**\n     * Additional class names that are added to the respective component.\n     *\n     * It can be defined for the parent and all sub-components.\n     */\n    className?: string;\n\n    /**\n     * Defines if the popover should close when any child element is being clicked.\n     *\n     * @default true\n     */\n    hidePopoverOnClick?: boolean;\n\n    /**\n     * Possible values are `100`, `150`, `200`, `250`, `300`, `350`, `400`, `450` or `500`.\n     *\n     * @default 250\n     */\n    popoverWidth?: ActionBarItemPopoverWidth;\n\n    /**\n     * Additional class names that are added to dialog fallback modal-body element.\n     */\n    mobileDialogBodyClassName?: string;\n};\n\nexport type ActionBarItemComponents = {\n    Icon: typeof ActionBarItemIcon;\n    Popover: typeof ActionBarItemPopoverContent;\n    List: typeof ActionBarItemList;\n    ListItem: typeof ActionBarItemListItem;\n    ListSeparator: typeof ActionBarItemListSeparator;\n};\n\ntype ActionBarItemPropsWithChildren = PropsWithChildren<ActionBarItemProps>;\n\nconst ActionBarItemBase = (props: ActionBarItemPropsWithChildren) => {\n    const {\n        id = getRandomString(),\n        className,\n        mobileDialogBodyClassName = '',\n        children,\n        popoverWidth = DEFAULT_POPOVER_WIDTH,\n        hidePopoverOnClick = true,\n        ...remainingProps\n    } = props;\n\n    const [isShown, setIsShown] = useState(false);\n\n    const clickOutsideRef = useRef(null);\n\n    useLayoutEffect(() => {\n        const listener = (event: MouseEvent) => {\n            if (!clickOutsideRef || !clickOutsideRef.current || !isShown) {\n                return;\n            }\n\n            // Since the popover component is based on React Portal and might be offscreen, we need to use\n            // old-school approach and query the DOM for the item ID.\n            const popoverEl = document.getElementById(id);\n\n            if (!popoverEl) {\n                return;\n            }\n\n            // Abort when the ActionBarItemIcon itself has been clicked as there is a toggle function\n            // applied to the icon that takes care of opening and closing\n            const hasIconClickedToClose = (event.target as HTMLElement).offsetParent === clickOutsideRef.current;\n            if (hasIconClickedToClose) {\n                return;\n            }\n\n            // Handle click outside the popover to close it\n            const isClickOutsidePopover = isNotChildNodeOf(event.target as HTMLElement, popoverEl);\n            const isPopoverVisible = hasClass(popoverEl, CLASSNAME_SHOW) && hasNotClass(popoverEl, CLASSNAME_OFFSCREEN);\n\n            if (isPopoverVisible && isClickOutsidePopover) {\n                setIsShown(false);\n                return;\n            }\n\n            // Handle click inside the popover.\n            // Delay the closing of the popover to execute possible actions from within the popover\n            // like clicks on links or buttons\n            if (hidePopoverOnClick) {\n                delay(() => setIsShown(false), POPOVER_CLOSE_DELAY_IN_MS);\n            }\n        };\n\n        document.addEventListener(EVENT, listener);\n        return () => {\n            document.removeEventListener(EVENT, listener);\n        };\n    }, [clickOutsideRef, id, isShown]);\n\n    const classes = classNames('ActionBarItem', className);\n\n    const isSmallScreen = checkIfSmallResolution();\n\n    const onToggle = useCallback(() => setIsShown(!isShown), [setIsShown, isShown]);\n\n    // The children depend on each other, that's why it's easier to convert them once to an array\n    // and then pick the correct elements. In most cases there are only 2 or 3 elements in the children\n    // array so the looping shouldn't be too worrisome.\n    const childrenAsList = React.Children.toArray(children) as React.ReactElement[];\n    const itemPopover = childrenAsList.find(isActionBarItemPopover);\n    const itemIcon = childrenAsList.find(isActionBarItemIcon);\n\n    if (!itemPopover) {\n        return <div className={classes}>{children}</div>;\n    }\n\n    const { useOffscreen = false, title } = itemPopover.props;\n\n    // Filter out the popover and icon component from the list of children as they are handled separately\n    const childrenWithoutPopover = childrenAsList.filter(child => !isActionBarItemPopover(child));\n    const childrenWithoutPopoverAndIcon = childrenWithoutPopover.filter(child => !isActionBarItemIcon(child));\n\n    if (isSmallScreen) {\n        return (\n            <div {...(remainingProps as HTMLAttributes<HTMLDivElement>)} className={classes} ref={clickOutsideRef}>\n                {React.cloneElement(itemIcon as React.ReactElement, { onClick: onToggle })}\n                <div onClick={() => setIsShown(false)}>\n                    <Dialog\n                        show={isShown}\n                        onClose={() => setIsShown(false)}\n                        body={itemPopover}\n                        bodyClassName={mobileDialogBodyClassName}\n                        title={title}\n                    />\n                </div>\n                {childrenWithoutPopoverAndIcon}\n            </div>\n        );\n    }\n\n    const overlay = (\n        <ActionBarOverlay\n            id={id}\n            key='child'\n            title={title}\n            width={popoverWidth}\n            preRender={useOffscreen}\n            show={isShown}\n        >\n            {itemPopover}\n        </ActionBarOverlay>\n    );\n\n    return (\n        <div {...(remainingProps as HTMLAttributes<HTMLDivElement>)} className={classes} ref={clickOutsideRef}>\n            <OverlayTrigger\n                onToggle={onToggle}\n                show={isShown || useOffscreen}\n                placement={OverlayTrigger.BOTTOM_END}\n                overlay={overlay}\n                rootClose={false}\n                trigger='click'\n                popperConfig={{\n                    modifiers: [\n                        {\n                            name: 'offset',\n                            options: {\n                                offset: [0, 5],\n                            },\n                        },\n                        {\n                            name: 'arrow',\n                            options: {},\n                        },\n                    ],\n                }}\n            >\n                {itemIcon}\n            </OverlayTrigger>\n            {childrenWithoutPopoverAndIcon}\n        </div>\n    );\n};\n\nconst ActionBarItem = memo(ActionBarItemBase) as ActionBarItemComponents &\n    MemoExoticComponent<FC<ActionBarItemPropsWithChildren>>;\n\n// Define static variables on the component type\nActionBarItem.Icon = ActionBarItemIcon;\nActionBarItem.Popover = ActionBarItemPopoverContent;\nActionBarItem.List = ActionBarItemList;\nActionBarItem.ListItem = ActionBarItemListItem;\nActionBarItem.ListSeparator = ActionBarItemListSeparator;\n\nexport default ActionBarItem;\n"],"names":["EVENT","CLASSNAME_SHOW","CLASSNAME_OFFSCREEN","DEFAULT_POPOVER_WIDTH","POPOVER_CLOSE_DELAY_IN_MS","SMALL_RESOLUTION_THRESHOLD_IN_PX","getRandomString","hasClass","element","className","hasNotClass","negate","isNotChildNodeOf","childNode","parentNode","checkIfSmallResolution","isSmallResolution","setIsSmallResolution","useState","useEffect","header","head","isSmall","isActionBarItemPopover","child","ActionBarItemPopoverContent","isActionBarItemIcon","ActionBarItemIcon","ActionBarItemBase","props","id","mobileDialogBodyClassName","children","popoverWidth","hidePopoverOnClick","remainingProps","isShown","setIsShown","clickOutsideRef","useRef","useLayoutEffect","listener","event","popoverEl","isClickOutsidePopover","delay","classes","classNames","isSmallScreen","onToggle","useCallback","childrenAsList","React","itemPopover","itemIcon","jsx","useOffscreen","title","childrenWithoutPopoverAndIcon","Dialog","overlay","ActionBarOverlay","OverlayTrigger","ActionBarItem","memo","ActionBarItemList","ActionBarItemListItem","ActionBarItemListSeparator"],"mappings":"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"}

package/components/actionBarItem/ActionBarItemIcon.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import n from "classnames";
+import n from "../../utils/classNames.js";
 const i = m((o, r) => {
   const { className: s, children: a, ...t } = o, c = n("ActionBarItemIcon", s);
   return /* @__PURE__ */ e("div", { ...t, className: c, ref: r, children: a });

package/components/actionBarItem/ActionBarItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarItemIcon.js","sources":["../../../src/components/actionBarItem/ActionBarItemIcon.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\ntype ActionBarItemIconProps = HTMLAttributes<HTMLDivElement> & {\n    className?: string;\n};\n\nconst ActionBarItemIcon = forwardRef<HTMLDivElement, PropsWithChildren<ActionBarItemIconProps>>((props, ref) => {\n    const { className, children, ...remainingProps } = props;\n\n    const classes = classNames('ActionBarItemIcon', className);\n    return (\n        <div {...remainingProps} className={classes} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\n// The displayName is used in ActionBarItem for checking the component \"isActionBarItemIcon\"\nActionBarItemIcon.displayName = 'ActionBarItemIcon';\n\nexport default ActionBarItemIcon;\n"],"names":["ActionBarItemIcon","forwardRef","props","ref","className","children","remainingProps","classes","classNames"],"mappings":";;;AAOA,MAAMA,IAAoBC,EAAsE,CAACC,GAAOC,MAAQ;AAC5G,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAmBJ,GAE7CK,IAAUC,EAAW,qBAAqBJ,CAAS;AACzD,2BACK,OAAA,EAAK,GAAGE,GAAgB,WAAWC,GAAS,KAAAJ,GACxC,UAAAE,GACL;AAER,CAAC;AAGDL,EAAkB,cAAc;"}
+{"version":3,"file":"ActionBarItemIcon.js","sources":["../../../src/components/actionBarItem/ActionBarItemIcon.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\ntype ActionBarItemIconProps = HTMLAttributes<HTMLDivElement> & {\n    className?: string;\n};\n\nconst ActionBarItemIcon = forwardRef<HTMLDivElement, PropsWithChildren<ActionBarItemIconProps>>((props, ref) => {\n    const { className, children, ...remainingProps } = props;\n\n    const classes = classNames('ActionBarItemIcon', className);\n    return (\n        <div {...remainingProps} className={classes} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\n// The displayName is used in ActionBarItem for checking the component \"isActionBarItemIcon\"\nActionBarItemIcon.displayName = 'ActionBarItemIcon';\n\nexport default ActionBarItemIcon;\n"],"names":["ActionBarItemIcon","forwardRef","props","ref","className","children","remainingProps","classes","classNames"],"mappings":";;;AAQA,MAAMA,IAAoBC,EAAsE,CAACC,GAAOC,MAAQ;AAC5G,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAmBJ,GAE7CK,IAAUC,EAAW,qBAAqBJ,CAAS;AACzD,2BACK,OAAA,EAAK,GAAGE,GAAgB,WAAWC,GAAS,KAAAJ,GACxC,UAAAE,GACL;AAER,CAAC;AAGDL,EAAkB,cAAc;"}

package/components/actionBarItem/ActionBarItemList.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "classnames";
+import e from "../../utils/classNames.js";
 const i = ({ className: s, children: t, ...a }) => {
   const o = e("ActionBarItemList", s);
   return /* @__PURE__ */ r("ul", { ...a, className: o, children: t });

package/components/actionBarItem/ActionBarItemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarItemList.js","sources":["../../../src/components/actionBarItem/ActionBarItemList.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nexport type ActionBarItemListProps = HTMLAttributes<HTMLUListElement> & {\n    /**\n     * Additional class names that are added to the wrapping list item component.\n     */\n    className?: string;\n};\n\nconst ActionBarItemList = ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemListProps>) => {\n    const classes = classNames('ActionBarItemList', className);\n\n    return (\n        <ul {...remainingProps} className={classes}>\n            {children}\n        </ul>\n    );\n};\n\nexport default ActionBarItemList;\n"],"names":["ActionBarItemList","className","children","remainingProps","classes","classNames"],"mappings":";;AAUA,MAAMA,IAAoB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QAAgE;AACjH,QAAMC,IAAUC,EAAW,qBAAqBJ,CAAS;AAEzD,2BACK,MAAA,EAAI,GAAGE,GAAgB,WAAWC,GAC9B,UAAAF,GACL;AAER;"}
+{"version":3,"file":"ActionBarItemList.js","sources":["../../../src/components/actionBarItem/ActionBarItemList.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type ActionBarItemListProps = HTMLAttributes<HTMLUListElement> & {\n    /**\n     * Additional class names that are added to the wrapping list item component.\n     */\n    className?: string;\n};\n\nconst ActionBarItemList = ({ className, children, ...remainingProps }: PropsWithChildren<ActionBarItemListProps>) => {\n    const classes = classNames('ActionBarItemList', className);\n\n    return (\n        <ul {...remainingProps} className={classes}>\n            {children}\n        </ul>\n    );\n};\n\nexport default ActionBarItemList;\n"],"names":["ActionBarItemList","className","children","remainingProps","classes","classNames"],"mappings":";;AAWA,MAAMA,IAAoB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,QAAgE;AACjH,QAAMC,IAAUC,EAAW,qBAAqBJ,CAAS;AAEzD,2BACK,MAAA,EAAI,GAAGE,GAAgB,WAAWC,GAC9B,UAAAF,GACL;AAER;"}

package/components/actionBarItem/ActionBarItemListItem.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import e from "classnames";
+import e from "../../utils/classNames.js";
 const L = (c) => {
   const { hasLink: t, icon: i, onClick: s, className: o, children: a, ...m } = c, r = e("ActionBarItemListItem", t && "has-link", o), l = e("ActionBarItemListItemIcon", "rioglyph", i), I = e("ActionBarItemListItemButton");
   return /* @__PURE__ */ p("li", { ...m, className: r, onClick: s, children: [

package/components/actionBarItem/ActionBarItemListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarItemListItem.js","sources":["../../../src/components/actionBarItem/ActionBarItemListItem.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nexport type ActionBarItemListItemProps = Omit<HTMLAttributes<HTMLLIElement>, 'onClick'> & {\n    /**\n     * Set it to true when you want to use the item as link item.\n     *\n     * In this case, please use the `Link` component from `react-router-dom` instead of an anchor tag to prevent side\n     * effects when automatically closing the popover.\n     */\n    hasLink?: boolean;\n\n    /**\n     * The name of the icon to be used for the item.\n     */\n    icon?: string;\n\n    /**\n     * Callback function to be triggered when the internal button of a list item is clicked.\n     *\n     * Note: When no callback function is provided, the children are rendered as is without wrapping them in a button.\n     */\n    onClick?: VoidFunction;\n\n    /**\n     * Additional class names that are added to the wrapping list item component.\n     */\n    className?: string;\n};\n\nconst ActionBarItemListItem = (props: PropsWithChildren<ActionBarItemListItemProps>) => {\n    const { hasLink, icon, onClick, className, children, ...remainingProps } = props;\n\n    const classes = classNames('ActionBarItemListItem', hasLink && 'has-link', className);\n    const iconClasses = classNames('ActionBarItemListItemIcon', 'rioglyph', icon);\n    const btnClasses = classNames('ActionBarItemListItemButton');\n\n    return (\n        <li {...remainingProps} className={classes} onClick={onClick}>\n            {icon && <span className={iconClasses} />}\n            {hasLink && !onClick && <span>{children}</span>}\n            {onClick && <div className={btnClasses}>{children}</div>}\n            {!hasLink && !onClick && children}\n        </li>\n    );\n};\n\nexport default ActionBarItemListItem;\n"],"names":["ActionBarItemListItem","props","hasLink","icon","onClick","className","children","remainingProps","classes","classNames","iconClasses","btnClasses","jsx"],"mappings":";;AA8BA,MAAMA,IAAwB,CAACC,MAAyD;AACpF,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAmBN,GAErEO,IAAUC,EAAW,yBAAyBP,KAAW,YAAYG,CAAS,GAC9EK,IAAcD,EAAW,6BAA6B,YAAYN,CAAI,GACtEQ,IAAaF,EAAW,6BAA6B;AAE3D,2BACK,MAAA,EAAI,GAAGF,GAAgB,WAAWC,GAAS,SAAAJ,GACvC,UAAA;AAAA,IAAAD,KAAQ,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAa;AAAA,IACtCR,KAAW,CAACE,KAAW,gBAAAQ,EAAC,UAAM,UAAAN,EAAA,CAAS;AAAA,IACvCF,KAAW,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAAa,UAAAL,GAAS;AAAA,IACjD,CAACJ,KAAW,CAACE,KAAWE;AAAA,EAAA,GAC7B;AAER;"}
+{"version":3,"file":"ActionBarItemListItem.js","sources":["../../../src/components/actionBarItem/ActionBarItemListItem.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classNames from '../../utils/classNames';\n\nexport type ActionBarItemListItemProps = Omit<HTMLAttributes<HTMLLIElement>, 'onClick'> & {\n    /**\n     * Set it to true when you want to use the item as link item.\n     *\n     * In this case, please use the `Link` component from `react-router-dom` instead of an anchor tag to prevent side\n     * effects when automatically closing the popover.\n     */\n    hasLink?: boolean;\n\n    /**\n     * The name of the icon to be used for the item.\n     */\n    icon?: string;\n\n    /**\n     * Callback function to be triggered when the internal button of a list item is clicked.\n     *\n     * Note: When no callback function is provided, the children are rendered as is without wrapping them in a button.\n     */\n    onClick?: VoidFunction;\n\n    /**\n     * Additional class names that are added to the wrapping list item component.\n     */\n    className?: string;\n};\n\nconst ActionBarItemListItem = (props: PropsWithChildren<ActionBarItemListItemProps>) => {\n    const { hasLink, icon, onClick, className, children, ...remainingProps } = props;\n\n    const classes = classNames('ActionBarItemListItem', hasLink && 'has-link', className);\n    const iconClasses = classNames('ActionBarItemListItemIcon', 'rioglyph', icon);\n    const btnClasses = classNames('ActionBarItemListItemButton');\n\n    return (\n        <li {...remainingProps} className={classes} onClick={onClick}>\n            {icon && <span className={iconClasses} />}\n            {hasLink && !onClick && <span>{children}</span>}\n            {onClick && <div className={btnClasses}>{children}</div>}\n            {!hasLink && !onClick && children}\n        </li>\n    );\n};\n\nexport default ActionBarItemListItem;\n"],"names":["ActionBarItemListItem","props","hasLink","icon","onClick","className","children","remainingProps","classes","classNames","iconClasses","btnClasses","jsx"],"mappings":";;AA8BA,MAAMA,IAAwB,CAACC,MAAyD;AACpF,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAmBN,GAErEO,IAAUC,EAAW,yBAAyBP,KAAW,YAAYG,CAAS,GAC9EK,IAAcD,EAAW,6BAA6B,YAAYN,CAAI,GACtEQ,IAAaF,EAAW,6BAA6B;AAE3D,2BACK,MAAA,EAAI,GAAGF,GAAgB,WAAWC,GAAS,SAAAJ,GACvC,UAAA;AAAA,IAAAD,KAAQ,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAA,CAAa;AAAA,IACtCR,KAAW,CAACE,KAAW,gBAAAQ,EAAC,UAAM,UAAAN,EAAA,CAAS;AAAA,IACvCF,KAAW,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAAa,UAAAL,GAAS;AAAA,IACjD,CAACJ,KAAW,CAACE,KAAWE;AAAA,EAAA,GAC7B;AAER;"}

package/components/actionBarItem/ActionBarItemListSeparator.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import o from "classnames";
+import o from "../../utils/classNames.js";
 const c = ({ className: t, ...r }) => {
   const s = o("ActionBarItemListSeparator", t);
   return /* @__PURE__ */ a("hr", { ...r, className: s });

package/components/actionBarItem/ActionBarItemListSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarItemListSeparator.js","sources":["../../../src/components/actionBarItem/ActionBarItemListSeparator.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport type ActionBarItemListSeparatorProps = HTMLAttributes<HTMLHRElement> & {\n    /**\n     * Additional class names that are added to the wrapping list item component.\n     */\n    className?: string;\n};\n\nconst ActionBarItemListSeparator = ({ className, ...remainingProps }: ActionBarItemListSeparatorProps) => {\n    const classes = classNames('ActionBarItemListSeparator', className);\n    return <hr {...remainingProps} className={classes} />;\n};\n\nexport default ActionBarItemListSeparator;\n"],"names":["ActionBarItemListSeparator","className","remainingProps","classes","classNames","jsx"],"mappings":";;AAUA,MAAMA,IAA6B,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAAsD;AACtG,QAAMC,IAAUC,EAAW,8BAA8BH,CAAS;AAClE,SAAO,gBAAAI,EAAC,MAAA,EAAI,GAAGH,GAAgB,WAAWC,GAAS;AACvD;"}
+{"version":3,"file":"ActionBarItemListSeparator.js","sources":["../../../src/components/actionBarItem/ActionBarItemListSeparator.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type ActionBarItemListSeparatorProps = HTMLAttributes<HTMLHRElement> & {\n    /**\n     * Additional class names that are added to the wrapping list item component.\n     */\n    className?: string;\n};\n\nconst ActionBarItemListSeparator = ({ className, ...remainingProps }: ActionBarItemListSeparatorProps) => {\n    const classes = classNames('ActionBarItemListSeparator', className);\n    return <hr {...remainingProps} className={classes} />;\n};\n\nexport default ActionBarItemListSeparator;\n"],"names":["ActionBarItemListSeparator","className","remainingProps","classes","classNames","jsx"],"mappings":";;AAWA,MAAMA,IAA6B,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAAsD;AACtG,QAAMC,IAAUC,EAAW,8BAA8BH,CAAS;AAClE,SAAO,gBAAAI,EAAC,MAAA,EAAI,GAAGH,GAAgB,WAAWC,GAAS;AACvD;"}

package/components/actionBarItem/ActionBarItemPopoverContent.js

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
-import m from "classnames";
-import { omit as a } from "es-toolkit/compat";
+import { omit as m } from "es-toolkit/compat";
+import a from "../../utils/classNames.js";
 const i = ({
   className: t,
   children: o,
   ...e
 }) => {
-  const r = m("ActionBarItemPopoverContent", t), s = a(e, ["title", "useOffscreen"]);
+  const r = a("ActionBarItemPopoverContent", t), s = m(e, ["title", "useOffscreen"]);
   return /* @__PURE__ */ n("div", { ...s, className: r, children: o });
 };
 i.displayName = "ActionBarItemPopoverContent";

package/components/actionBarItem/ActionBarItemPopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarItemPopoverContent.js","sources":["../../../src/components/actionBarItem/ActionBarItemPopoverContent.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { omit } from 'es-toolkit/compat';\n\nexport type ActionBarItemPopoverProps = Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'useOffscreen'> & {\n    /**\n     * The popover title.\n     */\n    title?: string | ReactNode;\n\n    /**\n     * Define whether the popover content shall be rendered behind the scene.\n     *\n     * This allows to preload content or to avoid unmounting the content component.\n     */\n    useOffscreen?: boolean;\n\n    /**\n     * Additional class names that are added to the popover content.\n     */\n    className?: string;\n};\n\nconst ActionBarItemPopoverContent = ({\n    className,\n    children,\n    ...remainingProps\n}: PropsWithChildren<ActionBarItemPopoverProps>) => {\n    const classes = classNames('ActionBarItemPopoverContent', className);\n    const filterProps = omit(remainingProps, ['title', 'useOffscreen']) as HTMLAttributes<HTMLDivElement>;\n\n    return (\n        <div {...filterProps} className={classes}>\n            {children}\n        </div>\n    );\n};\n\n// The displayName is used in ActionBarItem for checking the component \"isActionBarItemPopover\"\nActionBarItemPopoverContent.displayName = 'ActionBarItemPopoverContent';\n\nexport default ActionBarItemPopoverContent;\n"],"names":["ActionBarItemPopoverContent","className","children","remainingProps","classes","classNames","filterProps","omit"],"mappings":";;;AAuBA,MAAMA,IAA8B,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAoD;AAChD,QAAMC,IAAUC,EAAW,+BAA+BJ,CAAS,GAC7DK,IAAcC,EAAKJ,GAAgB,CAAC,SAAS,cAAc,CAAC;AAElE,2BACK,OAAA,EAAK,GAAGG,GAAa,WAAWF,GAC5B,UAAAF,GACL;AAER;AAGAF,EAA4B,cAAc;"}
+{"version":3,"file":"ActionBarItemPopoverContent.js","sources":["../../../src/components/actionBarItem/ActionBarItemPopoverContent.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';\nimport { omit } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\n\nexport type ActionBarItemPopoverProps = Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'useOffscreen'> & {\n    /**\n     * The popover title.\n     */\n    title?: string | ReactNode;\n\n    /**\n     * Define whether the popover content shall be rendered behind the scene.\n     *\n     * This allows to preload content or to avoid unmounting the content component.\n     */\n    useOffscreen?: boolean;\n\n    /**\n     * Additional class names that are added to the popover content.\n     */\n    className?: string;\n};\n\nconst ActionBarItemPopoverContent = ({\n    className,\n    children,\n    ...remainingProps\n}: PropsWithChildren<ActionBarItemPopoverProps>) => {\n    const classes = classNames('ActionBarItemPopoverContent', className);\n    const filterProps = omit(remainingProps, ['title', 'useOffscreen']) as HTMLAttributes<HTMLDivElement>;\n\n    return (\n        <div {...filterProps} className={classes}>\n            {children}\n        </div>\n    );\n};\n\n// The displayName is used in ActionBarItem for checking the component \"isActionBarItemPopover\"\nActionBarItemPopoverContent.displayName = 'ActionBarItemPopoverContent';\n\nexport default ActionBarItemPopoverContent;\n"],"names":["ActionBarItemPopoverContent","className","children","remainingProps","classes","classNames","filterProps","omit"],"mappings":";;;AAwBA,MAAMA,IAA8B,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAoD;AAChD,QAAMC,IAAUC,EAAW,+BAA+BJ,CAAS,GAC7DK,IAAcC,EAAKJ,GAAgB,CAAC,SAAS,cAAc,CAAC;AAElE,2BACK,OAAA,EAAK,GAAGG,GAAa,WAAWF,GAC5B,UAAAF,GACL;AAER;AAGAF,EAA4B,cAAc;"}

package/components/actionBarItem/ActionBarOverlay.js

@@ -1,7 +1,7 @@
 import { jsxs as E, jsx as r } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
-import e from "classnames";
 import { noop as j } from "es-toolkit/compat";
+import e from "../../utils/classNames.js";
 import s, { PLACEMENT_MAP as u } from "../popover/Popover.js";
 const x = u.BOTTOM, y = 250, I = h((n, a) => {
   const {

package/components/actionBarItem/ActionBarOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBarOverlay.js","sources":["../../../src/components/actionBarItem/ActionBarOverlay.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ForwardedRef } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/compat';\n\nimport Popover, { PLACEMENT_MAP } from '../popover/Popover';\nimport type { ObjectValues } from '../../utils/ObjectValues';\n\nconst DEFAULT_PLACEMENT = PLACEMENT_MAP.BOTTOM;\nconst DEFAULT_WIDTH = 250;\n\nexport type ActionBarOverlayWidth = 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;\n\nexport type ActionBarOverlayProps = {\n    id: string;\n    title?: string | React.ReactNode;\n    preRender?: boolean;\n    show?: boolean;\n    width?: ActionBarOverlayWidth;\n    onClick?: () => void;\n    style?: object;\n    placement?: ObjectValues<typeof PLACEMENT_MAP>;\n    className?: string;\n};\n\ntype Ref = ForwardedRef<HTMLDivElement>;\ntype Props = PropsWithChildren<ActionBarOverlayProps>;\n\nconst ActionBarOverlay = forwardRef((props: Props, ref: Ref) => {\n    const {\n        children,\n        show,\n        preRender,\n        id,\n        title,\n        onClick = noop,\n        width = DEFAULT_WIDTH,\n        style = {},\n        className,\n        placement = DEFAULT_PLACEMENT,\n        ...remainingProps\n    } = props;\n\n    const adjustedStyles = { ...style, width };\n    const adjustedClassName = preRender && !show ? classNames(className, 'position-offscreen') : className;\n\n    const popoverTitleClasses = classNames('ActionBarItemPopover text-color-dark', className);\n    const popoverContentClasses = classNames('ActionBarItemPopover', className);\n\n    return (\n        <Popover\n            ref={ref}\n            id={id}\n            onClick={onClick}\n            placement={placement}\n            {...remainingProps}\n            style={adjustedStyles}\n            className={adjustedClassName}\n        >\n            {title && <Popover.Title className={popoverTitleClasses}>{title}</Popover.Title>}\n            <Popover.Content className={popoverContentClasses}>{children}</Popover.Content>\n        </Popover>\n    );\n});\n\nexport default ActionBarOverlay;\n"],"names":["DEFAULT_PLACEMENT","PLACEMENT_MAP","DEFAULT_WIDTH","ActionBarOverlay","forwardRef","props","ref","children","show","preRender","id","title","onClick","noop","width","style","className","placement","remainingProps","adjustedStyles","adjustedClassName","classNames","popoverTitleClasses","popoverContentClasses","jsxs","Popover"],"mappings":";;;;;AAOA,MAAMA,IAAoBC,EAAc,QAClCC,IAAgB,KAmBhBC,IAAmBC,EAAW,CAACC,GAAcC,MAAa;AAC5D,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAUC;AAAA,IACV,OAAAC,IAAQZ;AAAA,IACR,OAAAa,IAAQ,CAAA;AAAA,IACR,WAAAC;AAAA,IACA,WAAAC,IAAYjB;AAAA,IACZ,GAAGkB;AAAA,EAAA,IACHb,GAEEc,IAAiB,EAAE,GAAGJ,GAAO,OAAAD,EAAA,GAC7BM,IAAoBX,KAAa,CAACD,IAAOa,EAAWL,GAAW,oBAAoB,IAAIA,GAEvFM,IAAsBD,EAAW,wCAAwCL,CAAS,GAClFO,IAAwBF,EAAW,wBAAwBL,CAAS;AAE1E,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,IAAAI;AAAA,MACA,SAAAE;AAAA,MACA,WAAAK;AAAA,MACC,GAAGC;AAAA,MACJ,OAAOC;AAAA,MACP,WAAWC;AAAA,MAEV,UAAA;AAAA,QAAAT,uBAAUc,EAAQ,OAAR,EAAc,WAAWH,GAAsB,UAAAX,GAAM;AAAA,0BAC/Dc,EAAQ,SAAR,EAAgB,WAAWF,GAAwB,UAAAhB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzE,CAAC;"}
+{"version":3,"file":"ActionBarOverlay.js","sources":["../../../src/components/actionBarItem/ActionBarOverlay.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ForwardedRef } from 'react';\nimport { noop } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport Popover, { PLACEMENT_MAP } from '../popover/Popover';\nimport type { ObjectValues } from '../../utils/ObjectValues';\n\nconst DEFAULT_PLACEMENT = PLACEMENT_MAP.BOTTOM;\nconst DEFAULT_WIDTH = 250;\n\nexport type ActionBarOverlayWidth = 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;\n\nexport type ActionBarOverlayProps = {\n    id: string;\n    title?: string | React.ReactNode;\n    preRender?: boolean;\n    show?: boolean;\n    width?: ActionBarOverlayWidth;\n    onClick?: () => void;\n    style?: object;\n    placement?: ObjectValues<typeof PLACEMENT_MAP>;\n    className?: string;\n};\n\ntype Ref = ForwardedRef<HTMLDivElement>;\ntype Props = PropsWithChildren<ActionBarOverlayProps>;\n\nconst ActionBarOverlay = forwardRef((props: Props, ref: Ref) => {\n    const {\n        children,\n        show,\n        preRender,\n        id,\n        title,\n        onClick = noop,\n        width = DEFAULT_WIDTH,\n        style = {},\n        className,\n        placement = DEFAULT_PLACEMENT,\n        ...remainingProps\n    } = props;\n\n    const adjustedStyles = { ...style, width };\n    const adjustedClassName = preRender && !show ? classNames(className, 'position-offscreen') : className;\n\n    const popoverTitleClasses = classNames('ActionBarItemPopover text-color-dark', className);\n    const popoverContentClasses = classNames('ActionBarItemPopover', className);\n\n    return (\n        <Popover\n            ref={ref}\n            id={id}\n            onClick={onClick}\n            placement={placement}\n            {...remainingProps}\n            style={adjustedStyles}\n            className={adjustedClassName}\n        >\n            {title && <Popover.Title className={popoverTitleClasses}>{title}</Popover.Title>}\n            <Popover.Content className={popoverContentClasses}>{children}</Popover.Content>\n        </Popover>\n    );\n});\n\nexport default ActionBarOverlay;\n"],"names":["DEFAULT_PLACEMENT","PLACEMENT_MAP","DEFAULT_WIDTH","ActionBarOverlay","forwardRef","props","ref","children","show","preRender","id","title","onClick","noop","width","style","className","placement","remainingProps","adjustedStyles","adjustedClassName","classNames","popoverTitleClasses","popoverContentClasses","jsxs","Popover"],"mappings":";;;;;AAOA,MAAMA,IAAoBC,EAAc,QAClCC,IAAgB,KAmBhBC,IAAmBC,EAAW,CAACC,GAAcC,MAAa;AAC5D,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAUC;AAAA,IACV,OAAAC,IAAQZ;AAAA,IACR,OAAAa,IAAQ,CAAA;AAAA,IACR,WAAAC;AAAA,IACA,WAAAC,IAAYjB;AAAA,IACZ,GAAGkB;AAAA,EAAA,IACHb,GAEEc,IAAiB,EAAE,GAAGJ,GAAO,OAAAD,EAAA,GAC7BM,IAAoBX,KAAa,CAACD,IAAOa,EAAWL,GAAW,oBAAoB,IAAIA,GAEvFM,IAAsBD,EAAW,wCAAwCL,CAAS,GAClFO,IAAwBF,EAAW,wBAAwBL,CAAS;AAE1E,SACI,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,IAAAI;AAAA,MACA,SAAAE;AAAA,MACA,WAAAK;AAAA,MACC,GAAGC;AAAA,MACJ,OAAOC;AAAA,MACP,WAAWC;AAAA,MAEV,UAAA;AAAA,QAAAT,uBAAUc,EAAQ,OAAR,EAAc,WAAWH,GAAsB,UAAAX,GAAM;AAAA,0BAC/Dc,EAAQ,SAAR,EAAgB,WAAWF,GAAwB,UAAAhB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzE,CAAC;"}

package/components/activity/Activity.js

@@ -1,6 +1,6 @@
 import { jsxs as I, jsx as t } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
-import N from "classnames";
+import N from "../../utils/classNames.js";
 const s = {
   AVAILABLE: "available",
   DRIVING: "driving",

package/components/activity/Activity.js.map

@@ -1 +1 @@
-{"version":3,"file":"Activity.js","sources":["../../../src/components/activity/Activity.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport type { ObjectValues } from '../../utils/ObjectValues';\nimport type { RefComponent } from '../../utils/RefComponent';\n\nconst STATUS_MAP = {\n    AVAILABLE: 'available',\n    DRIVING: 'driving',\n    RESTING: 'resting',\n    WORKING: 'working',\n} as const;\n\nexport type ActivityStatus = ObjectValues<typeof STATUS_MAP>;\n\nconst icons: Record<ActivityStatus, string> = {\n    [STATUS_MAP.AVAILABLE]: 'rioglyph-status-available',\n    [STATUS_MAP.WORKING]: 'rioglyph-status-working',\n    [STATUS_MAP.DRIVING]: 'rioglyph-status-driving',\n    [STATUS_MAP.RESTING]: 'rioglyph-status-resting',\n};\n\nconst SIZE_MAP = { SIZE_SM: 'sm', SIZE_LG: 'lg', SIZE_XL: 'xl' } as const;\n\nexport type ActivitySize = ObjectValues<typeof SIZE_MAP>;\n\nexport type ActivityProps = {\n    /**\n     * Defines the type of activity.\n     *\n     * Possible values are `Activity.AVAILABLE`, `Activity.DRIVING`, `Activity.RESTING` or `Activity.WORKING`.\n     */\n    activity: ActivityStatus;\n\n    /**\n     * Define how large the component should be rendered.\n     *\n     * Possible values are `Activity.SIZE_SM`, `Activity.SIZE_LG` or `Activity.SIZE_XL`.\n     */\n    bsSize?: ActivitySize;\n\n    /**\n     * The actual duration value to be shown.\n     */\n    duration?: string | ReactNode;\n\n    /**\n     * Indicates whether the activity is outdated.\n     *\n     * @default false\n     */\n    isOutdated?: boolean;\n\n    /**\n     * Callback function for when the component is clicked.\n     */\n    onClick?: VoidFunction;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n};\n\ntype ActivityType = RefComponent<ActivityProps> & typeof STATUS_MAP & typeof SIZE_MAP;\n\nconst Activity = forwardRef((props: ActivityProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const {\n        activity,\n        duration,\n        isOutdated = false,\n        bsSize,\n        onClick = () => {},\n        className = '',\n        ...remainingProps\n    } = props;\n\n    if (!activity) {\n        return null;\n    }\n\n    const wrapperClassNames = classNames(\n        'activity',\n        `activity-${activity}`,\n        isOutdated && 'opacity-50',\n        bsSize && `activity-${bsSize}`,\n        className && className\n    );\n\n    return (\n        <div ref={ref} {...remainingProps} className={wrapperClassNames} onClick={onClick}>\n            <span className='activity-icon'>\n                <span className={`rioglyph ${icons[activity]}`} />\n            </span>\n            {duration && <span className='activity-text'>{duration}</span>}\n        </div>\n    );\n}) as ActivityType;\n\n// statics\nObject.assign(Activity, STATUS_MAP);\nObject.assign(Activity, SIZE_MAP);\n\nexport default Activity;\n"],"names":["STATUS_MAP","icons","SIZE_MAP","Activity","forwardRef","props","ref","activity","duration","isOutdated","bsSize","onClick","className","remainingProps","wrapperClassNames","classNames","jsx"],"mappings":";;;AAMA,MAAMA,IAAa;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACb,GAIMC,IAAwC;AAAA,EAC1C,CAACD,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AAC1B,GAEME,IAAW,EAAE,SAAS,MAAM,SAAS,MAAM,SAAS,KAAA,GA4CpDC,IAAWC,EAAW,CAACC,GAAsBC,MAAsC;AACrF,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAAC;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHR;AAEJ,MAAI,CAACE;AACD,WAAO;AAGX,QAAMO,IAAoBC;AAAA,IACtB;AAAA,IACA,YAAYR,CAAQ;AAAA,IACpBE,KAAc;AAAA,IACdC,KAAU,YAAYA,CAAM;AAAA,IAC5BE,KAAaA;AAAA,EAAA;AAGjB,2BACK,OAAA,EAAI,KAAAN,GAAW,GAAGO,GAAgB,WAAWC,GAAmB,SAAAH,GAC7D,UAAA;AAAA,IAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,iBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAW,YAAYf,EAAMM,CAAQ,CAAC,GAAA,CAAI,GACpD;AAAA,IACCC,KAAY,gBAAAQ,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAR,EAAA,CAAS;AAAA,EAAA,GAC3D;AAER,CAAC;AAGD,OAAO,OAAOL,GAAUH,CAAU;AAClC,OAAO,OAAOG,GAAUD,CAAQ;"}
+{"version":3,"file":"Activity.js","sources":["../../../src/components/activity/Activity.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, type ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { ObjectValues } from '../../utils/ObjectValues';\nimport type { RefComponent } from '../../utils/RefComponent';\n\nconst STATUS_MAP = {\n    AVAILABLE: 'available',\n    DRIVING: 'driving',\n    RESTING: 'resting',\n    WORKING: 'working',\n} as const;\n\nexport type ActivityStatus = ObjectValues<typeof STATUS_MAP>;\n\nconst icons: Record<ActivityStatus, string> = {\n    [STATUS_MAP.AVAILABLE]: 'rioglyph-status-available',\n    [STATUS_MAP.WORKING]: 'rioglyph-status-working',\n    [STATUS_MAP.DRIVING]: 'rioglyph-status-driving',\n    [STATUS_MAP.RESTING]: 'rioglyph-status-resting',\n};\n\nconst SIZE_MAP = { SIZE_SM: 'sm', SIZE_LG: 'lg', SIZE_XL: 'xl' } as const;\n\nexport type ActivitySize = ObjectValues<typeof SIZE_MAP>;\n\nexport type ActivityProps = {\n    /**\n     * Defines the type of activity.\n     *\n     * Possible values are `Activity.AVAILABLE`, `Activity.DRIVING`, `Activity.RESTING` or `Activity.WORKING`.\n     */\n    activity: ActivityStatus;\n\n    /**\n     * Define how large the component should be rendered.\n     *\n     * Possible values are `Activity.SIZE_SM`, `Activity.SIZE_LG` or `Activity.SIZE_XL`.\n     */\n    bsSize?: ActivitySize;\n\n    /**\n     * The actual duration value to be shown.\n     */\n    duration?: string | ReactNode;\n\n    /**\n     * Indicates whether the activity is outdated.\n     *\n     * @default false\n     */\n    isOutdated?: boolean;\n\n    /**\n     * Callback function for when the component is clicked.\n     */\n    onClick?: VoidFunction;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n};\n\ntype ActivityType = RefComponent<ActivityProps> & typeof STATUS_MAP & typeof SIZE_MAP;\n\nconst Activity = forwardRef((props: ActivityProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const {\n        activity,\n        duration,\n        isOutdated = false,\n        bsSize,\n        onClick = () => {},\n        className = '',\n        ...remainingProps\n    } = props;\n\n    if (!activity) {\n        return null;\n    }\n\n    const wrapperClassNames = classNames(\n        'activity',\n        `activity-${activity}`,\n        isOutdated && 'opacity-50',\n        bsSize && `activity-${bsSize}`,\n        className && className\n    );\n\n    return (\n        <div ref={ref} {...remainingProps} className={wrapperClassNames} onClick={onClick}>\n            <span className='activity-icon'>\n                <span className={`rioglyph ${icons[activity]}`} />\n            </span>\n            {duration && <span className='activity-text'>{duration}</span>}\n        </div>\n    );\n}) as ActivityType;\n\n// statics\nObject.assign(Activity, STATUS_MAP);\nObject.assign(Activity, SIZE_MAP);\n\nexport default Activity;\n"],"names":["STATUS_MAP","icons","SIZE_MAP","Activity","forwardRef","props","ref","activity","duration","isOutdated","bsSize","onClick","className","remainingProps","wrapperClassNames","classNames","jsx"],"mappings":";;;AAMA,MAAMA,IAAa;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACb,GAIMC,IAAwC;AAAA,EAC1C,CAACD,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AAC1B,GAEME,IAAW,EAAE,SAAS,MAAM,SAAS,MAAM,SAAS,KAAA,GA4CpDC,IAAWC,EAAW,CAACC,GAAsBC,MAAsC;AACrF,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC;AAAA,IACA,SAAAC,IAAU,MAAM;AAAA,IAAC;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHR;AAEJ,MAAI,CAACE;AACD,WAAO;AAGX,QAAMO,IAAoBC;AAAA,IACtB;AAAA,IACA,YAAYR,CAAQ;AAAA,IACpBE,KAAc;AAAA,IACdC,KAAU,YAAYA,CAAM;AAAA,IAC5BE,KAAaA;AAAA,EAAA;AAGjB,2BACK,OAAA,EAAI,KAAAN,GAAW,GAAGO,GAAgB,WAAWC,GAAmB,SAAAH,GAC7D,UAAA;AAAA,IAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,iBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAW,YAAYf,EAAMM,CAAQ,CAAC,GAAA,CAAI,GACpD;AAAA,IACCC,KAAY,gBAAAQ,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAR,EAAA,CAAS;AAAA,EAAA,GAC3D;AAER,CAAC;AAGD,OAAO,OAAOL,GAAUH,CAAU;AAClC,OAAO,OAAOG,GAAUD,CAAQ;"}

package/components/animatedTextReveal/AnimatedTextReveal.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useRef as $, useState as F, useMemo as C } from "react";
-import u from "classnames";
 import { useInView as O, useReducedMotion as H, AnimatePresence as b, motion as k } from "motion/react";
 import P from "../../hooks/useInterval.js";
+import u from "../../utils/classNames.js";
 const Y = 0.4, j = 0, G = 10, K = "easeOut", q = 3, z = 5, B = 0, J = 8, A = (e) => {
   switch (e) {
     case "black":

package/components/animatedTextReveal/AnimatedTextReveal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedTextReveal.js","sources":["../../../src/components/animatedTextReveal/AnimatedTextReveal.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion, useInView, useReducedMotion, type UseInViewOptions } from 'motion/react';\nimport useInterval from '../../hooks/useInterval';\n\nconst DEFAULT_REVEAL_DURATION = 0.4;\nconst DEFAULT_REVEAL_DELAY = 0;\nconst DEFAULT_REVEAL_DISTANCE = 10;\nconst DEFAULT_REVEAL_EASING = 'easeOut';\nconst DEFAULT_REVEAL_INTERVAL = 3;\n\nconst DEFAULT_SHIMMER_DURATION = 5;\nconst DEFAULT_SHIMMER_DELAY = 0;\nconst DEFAULT_SHIMMER_SPREAD = 8;\n\nexport type AnimatedTextRevealProps = {\n    /**\n     * Text content to display.\n     *\n     * Accepts a string or an array of phrases that are revealed and cycled through automatically.\n     */\n    text: string | string[];\n\n    /**\n     * Reveal animation duration in seconds.\n     *\n     * @default 0.4\n     */\n    duration?: number;\n\n    /**\n     * Reveal animation delay before starting, in seconds.\n     *\n     * @default 0\n     */\n    delay?: number;\n\n    /**\n     * Interval time between phrase transitions when multiple texts are provided, in seconds.\n     *\n     * @default 3\n     */\n    interval?: number;\n\n    /**\n     * Vertical offset in pixels from which the text reveals upward.\n     *\n     * @default 10\n     */\n    distance?: number;\n\n    /**\n     * Easing function applied to the reveal motion.\n     *\n     * @default 'easeOut'\n     */\n    ease?: 'linear' | 'easeIn' | 'easeOut' | 'easeInOut';\n\n    /**\n     * Whether the animation should only start once the component enters the viewport when scrolling.\n     *\n     * @default true\n     */\n    startOnView?: boolean;\n\n    /**\n     * If true, the reveal animation runs only once per mount when the component enters the viewport.\n     *\n     * @default false\n     */\n    once?: boolean;\n\n    /**\n     * Optional root margin passed to the intersection observer for in-view detection (e.g., \"0px 0px -10% 0px\").\n     * @see motion/react for details\n     */\n    inViewMargin?: UseInViewOptions['margin'];\n\n    /**\n     * Enables or disables the shimmer highlight effect across the text.\n     *\n     * @default true\n     */\n    shimmer?: boolean;\n\n    /**\n     * Duration of one shimmer loop in seconds.\n     *\n     * @default 5\n     */\n    shimmerDuration?: number;\n\n    /**\n     * Delay before the shimmer effect starts, in seconds.\n     *\n     * @default 0\n     */\n    shimmerDelay?: number;\n\n    /**\n     * Multiplier controlling the width of the shimmer highlight band.\n     *\n     * @default 8\n     */\n    shimmerSpread?: number;\n\n    /**\n     * If true, the shimmer animation loops infinitely.\n     *\n     * @default true\n     */\n    shimmerRepeat?: boolean;\n\n    /**\n     * The color of the shimmer highlight band.\n     *\n     * @default 'lighter'\n     */\n    shimmerColor?: 'black' | 'darkest' | 'darker' | 'dark' | 'gray' | 'light' | 'lighter' | 'lightest' | 'white';\n\n    /**\n     * Base color of the text.\n     *\n     * @default 'darkest'\n     */\n    textColor?:\n        | 'black'\n        | 'darkest'\n        | 'darker'\n        | 'dark'\n        | 'gray'\n        | 'light'\n        | 'lighter'\n        | 'lightest'\n        | 'white'\n        | 'primary'\n        | 'secondary'\n        | 'info'\n        | 'warning'\n        | 'danger'\n        | 'success';\n\n    /**\n     * Additional classNames set on the inner element.\n     */\n    innerClassName?: string;\n\n    /**\n     * Additional classNames set on the wrapper element.\n     */\n    className?: string;\n};\n\ntype CSSVars = React.CSSProperties & {\n    '--atr-duration'?: string;\n    '--atr-delay'?: string;\n    '--atr-iterations'?: string;\n    '--atr-spread'?: string;\n    '--atr-text-color'?: string;\n    '--atr-shimmer-color'?: string;\n};\n\nconst getColor = (color: string) => {\n    switch (color) {\n        case 'black':\n        case 'white':\n            return `var(--color-${color})`;\n        case 'primary':\n        case 'secondary':\n        case 'info':\n        case 'warning':\n        case 'danger':\n        case 'success':\n            return `var(--brand-${color})`;\n        case 'gray':\n            return 'var(--gray)';\n        default:\n            return `var(--gray-${color})`;\n    }\n};\n\nexport const AnimatedTextReveal = (props: AnimatedTextRevealProps) => {\n    const {\n        text,\n        duration = DEFAULT_REVEAL_DURATION,\n        delay = DEFAULT_REVEAL_DELAY,\n        interval = DEFAULT_REVEAL_INTERVAL,\n        distance = DEFAULT_REVEAL_DISTANCE,\n        ease = DEFAULT_REVEAL_EASING,\n        startOnView = true,\n        once = false,\n        inViewMargin,\n\n        shimmer = true,\n        shimmerDuration = DEFAULT_SHIMMER_DURATION,\n        shimmerDelay = DEFAULT_SHIMMER_DELAY,\n        shimmerSpread = DEFAULT_SHIMMER_SPREAD,\n        shimmerRepeat = true,\n        shimmerColor = 'lighter',\n        textColor = 'darkest',\n\n        innerClassName = '',\n        className = '',\n    } = props;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const isInView = useInView(wrapperRef, { once, margin: inViewMargin });\n    const prefersReduced = useReducedMotion();\n\n    const [currentIndex, setCurrentIndex] = useState(0);\n\n    const phrases = Array.isArray(text) ? text : [text];\n    const currentText = phrases[currentIndex] ?? '';\n\n    const renderKey = Array.isArray(text) ? `${currentIndex}-${currentText}` : `text-${currentText}`;\n\n    useInterval(() => {\n        setCurrentIndex(prev => (prev + 1) % phrases.length);\n    }, interval * 1000);\n\n    // thickness of the moving highlight (derived from current text length)\n    const dynamicSpread = useMemo(() => currentText.length * shimmerSpread, [currentText, shimmerSpread]);\n\n    // decide when to animate (css takes care of the motion itself)\n    const shouldAnimate = !startOnView || isInView;\n\n    const style: CSSVars = {\n        '--atr-duration': `${shimmerDuration}s`,\n        '--atr-delay': `${shimmerDelay}s`,\n        '--atr-iterations': shimmerRepeat ? 'infinite' : '1',\n        '--atr-spread': `${dynamicSpread}px`,\n        '--atr-text-color': getColor(textColor),\n        '--atr-shimmer-color': getColor(shimmerColor),\n    };\n\n    return (\n        <div ref={wrapperRef} className={classNames('position-relative', className)} style={style} aria-live='polite'>\n            <AnimatePresence mode='wait' initial={false}>\n                <motion.div\n                    key={renderKey} // triggers reveal on text change\n                    className={classNames(\n                        'animated-text-reveal',\n                        'position-relative',\n                        shimmer && shouldAnimate && 'is-animated',\n                        innerClassName\n                    )}\n                    style={style}\n                    initial={{\n                        opacity: prefersReduced ? 1 : 0,\n                        y: prefersReduced ? 0 : distance,\n                    }}\n                    animate={\n                        shouldAnimate\n                            ? { opacity: 1, y: 0 }\n                            : { opacity: prefersReduced ? 1 : 0, y: prefersReduced ? 0 : distance }\n                    }\n                    exit={{ opacity: 0, y: -10 }}\n                    transition={{\n                        duration,\n                        delay,\n                        ease,\n                    }}\n                >\n                    {currentText}\n                </motion.div>\n            </AnimatePresence>\n        </div>\n    );\n};\n\nexport default AnimatedTextReveal;\n"],"names":["DEFAULT_REVEAL_DURATION","DEFAULT_REVEAL_DELAY","DEFAULT_REVEAL_DISTANCE","DEFAULT_REVEAL_EASING","DEFAULT_REVEAL_INTERVAL","DEFAULT_SHIMMER_DURATION","DEFAULT_SHIMMER_DELAY","DEFAULT_SHIMMER_SPREAD","getColor","color","AnimatedTextReveal","props","text","duration","delay","interval","distance","ease","startOnView","once","inViewMargin","shimmer","shimmerDuration","shimmerDelay","shimmerSpread","shimmerRepeat","shimmerColor","textColor","innerClassName","className","wrapperRef","useRef","isInView","useInView","prefersReduced","useReducedMotion","currentIndex","setCurrentIndex","useState","phrases","currentText","renderKey","useInterval","prev","dynamicSpread","useMemo","shouldAnimate","style","classNames","jsx","AnimatePresence","motion"],"mappings":"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"}
+{"version":3,"file":"AnimatedTextReveal.js","sources":["../../../src/components/animatedTextReveal/AnimatedTextReveal.tsx"],"sourcesContent":["import type React from 'react';\nimport { useMemo, useRef, useState } from 'react';\nimport { AnimatePresence, motion, useInView, useReducedMotion, type UseInViewOptions } from 'motion/react';\n\nimport useInterval from '../../hooks/useInterval';\nimport classNames from '../../utils/classNames';\n\nconst DEFAULT_REVEAL_DURATION = 0.4;\nconst DEFAULT_REVEAL_DELAY = 0;\nconst DEFAULT_REVEAL_DISTANCE = 10;\nconst DEFAULT_REVEAL_EASING = 'easeOut';\nconst DEFAULT_REVEAL_INTERVAL = 3;\n\nconst DEFAULT_SHIMMER_DURATION = 5;\nconst DEFAULT_SHIMMER_DELAY = 0;\nconst DEFAULT_SHIMMER_SPREAD = 8;\n\nexport type AnimatedTextRevealProps = {\n    /**\n     * Text content to display.\n     *\n     * Accepts a string or an array of phrases that are revealed and cycled through automatically.\n     */\n    text: string | string[];\n\n    /**\n     * Reveal animation duration in seconds.\n     *\n     * @default 0.4\n     */\n    duration?: number;\n\n    /**\n     * Reveal animation delay before starting, in seconds.\n     *\n     * @default 0\n     */\n    delay?: number;\n\n    /**\n     * Interval time between phrase transitions when multiple texts are provided, in seconds.\n     *\n     * @default 3\n     */\n    interval?: number;\n\n    /**\n     * Vertical offset in pixels from which the text reveals upward.\n     *\n     * @default 10\n     */\n    distance?: number;\n\n    /**\n     * Easing function applied to the reveal motion.\n     *\n     * @default 'easeOut'\n     */\n    ease?: 'linear' | 'easeIn' | 'easeOut' | 'easeInOut';\n\n    /**\n     * Whether the animation should only start once the component enters the viewport when scrolling.\n     *\n     * @default true\n     */\n    startOnView?: boolean;\n\n    /**\n     * If true, the reveal animation runs only once per mount when the component enters the viewport.\n     *\n     * @default false\n     */\n    once?: boolean;\n\n    /**\n     * Optional root margin passed to the intersection observer for in-view detection (e.g., \"0px 0px -10% 0px\").\n     * @see motion/react for details\n     */\n    inViewMargin?: UseInViewOptions['margin'];\n\n    /**\n     * Enables or disables the shimmer highlight effect across the text.\n     *\n     * @default true\n     */\n    shimmer?: boolean;\n\n    /**\n     * Duration of one shimmer loop in seconds.\n     *\n     * @default 5\n     */\n    shimmerDuration?: number;\n\n    /**\n     * Delay before the shimmer effect starts, in seconds.\n     *\n     * @default 0\n     */\n    shimmerDelay?: number;\n\n    /**\n     * Multiplier controlling the width of the shimmer highlight band.\n     *\n     * @default 8\n     */\n    shimmerSpread?: number;\n\n    /**\n     * If true, the shimmer animation loops infinitely.\n     *\n     * @default true\n     */\n    shimmerRepeat?: boolean;\n\n    /**\n     * The color of the shimmer highlight band.\n     *\n     * @default 'lighter'\n     */\n    shimmerColor?: 'black' | 'darkest' | 'darker' | 'dark' | 'gray' | 'light' | 'lighter' | 'lightest' | 'white';\n\n    /**\n     * Base color of the text.\n     *\n     * @default 'darkest'\n     */\n    textColor?:\n        | 'black'\n        | 'darkest'\n        | 'darker'\n        | 'dark'\n        | 'gray'\n        | 'light'\n        | 'lighter'\n        | 'lightest'\n        | 'white'\n        | 'primary'\n        | 'secondary'\n        | 'info'\n        | 'warning'\n        | 'danger'\n        | 'success';\n\n    /**\n     * Additional classNames set on the inner element.\n     */\n    innerClassName?: string;\n\n    /**\n     * Additional classNames set on the wrapper element.\n     */\n    className?: string;\n};\n\ntype CSSVars = React.CSSProperties & {\n    '--atr-duration'?: string;\n    '--atr-delay'?: string;\n    '--atr-iterations'?: string;\n    '--atr-spread'?: string;\n    '--atr-text-color'?: string;\n    '--atr-shimmer-color'?: string;\n};\n\nconst getColor = (color: string) => {\n    switch (color) {\n        case 'black':\n        case 'white':\n            return `var(--color-${color})`;\n        case 'primary':\n        case 'secondary':\n        case 'info':\n        case 'warning':\n        case 'danger':\n        case 'success':\n            return `var(--brand-${color})`;\n        case 'gray':\n            return 'var(--gray)';\n        default:\n            return `var(--gray-${color})`;\n    }\n};\n\nexport const AnimatedTextReveal = (props: AnimatedTextRevealProps) => {\n    const {\n        text,\n        duration = DEFAULT_REVEAL_DURATION,\n        delay = DEFAULT_REVEAL_DELAY,\n        interval = DEFAULT_REVEAL_INTERVAL,\n        distance = DEFAULT_REVEAL_DISTANCE,\n        ease = DEFAULT_REVEAL_EASING,\n        startOnView = true,\n        once = false,\n        inViewMargin,\n\n        shimmer = true,\n        shimmerDuration = DEFAULT_SHIMMER_DURATION,\n        shimmerDelay = DEFAULT_SHIMMER_DELAY,\n        shimmerSpread = DEFAULT_SHIMMER_SPREAD,\n        shimmerRepeat = true,\n        shimmerColor = 'lighter',\n        textColor = 'darkest',\n\n        innerClassName = '',\n        className = '',\n    } = props;\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const isInView = useInView(wrapperRef, { once, margin: inViewMargin });\n    const prefersReduced = useReducedMotion();\n\n    const [currentIndex, setCurrentIndex] = useState(0);\n\n    const phrases = Array.isArray(text) ? text : [text];\n    const currentText = phrases[currentIndex] ?? '';\n\n    const renderKey = Array.isArray(text) ? `${currentIndex}-${currentText}` : `text-${currentText}`;\n\n    useInterval(() => {\n        setCurrentIndex(prev => (prev + 1) % phrases.length);\n    }, interval * 1000);\n\n    // thickness of the moving highlight (derived from current text length)\n    const dynamicSpread = useMemo(() => currentText.length * shimmerSpread, [currentText, shimmerSpread]);\n\n    // decide when to animate (css takes care of the motion itself)\n    const shouldAnimate = !startOnView || isInView;\n\n    const style: CSSVars = {\n        '--atr-duration': `${shimmerDuration}s`,\n        '--atr-delay': `${shimmerDelay}s`,\n        '--atr-iterations': shimmerRepeat ? 'infinite' : '1',\n        '--atr-spread': `${dynamicSpread}px`,\n        '--atr-text-color': getColor(textColor),\n        '--atr-shimmer-color': getColor(shimmerColor),\n    };\n\n    return (\n        <div ref={wrapperRef} className={classNames('position-relative', className)} style={style} aria-live='polite'>\n            <AnimatePresence mode='wait' initial={false}>\n                <motion.div\n                    key={renderKey} // triggers reveal on text change\n                    className={classNames(\n                        'animated-text-reveal',\n                        'position-relative',\n                        shimmer && shouldAnimate && 'is-animated',\n                        innerClassName\n                    )}\n                    style={style}\n                    initial={{\n                        opacity: prefersReduced ? 1 : 0,\n                        y: prefersReduced ? 0 : distance,\n                    }}\n                    animate={\n                        shouldAnimate\n                            ? { opacity: 1, y: 0 }\n                            : { opacity: prefersReduced ? 1 : 0, y: prefersReduced ? 0 : distance }\n                    }\n                    exit={{ opacity: 0, y: -10 }}\n                    transition={{\n                        duration,\n                        delay,\n                        ease,\n                    }}\n                >\n                    {currentText}\n                </motion.div>\n            </AnimatePresence>\n        </div>\n    );\n};\n\nexport default AnimatedTextReveal;\n"],"names":["DEFAULT_REVEAL_DURATION","DEFAULT_REVEAL_DELAY","DEFAULT_REVEAL_DISTANCE","DEFAULT_REVEAL_EASING","DEFAULT_REVEAL_INTERVAL","DEFAULT_SHIMMER_DURATION","DEFAULT_SHIMMER_DELAY","DEFAULT_SHIMMER_SPREAD","getColor","color","AnimatedTextReveal","props","text","duration","delay","interval","distance","ease","startOnView","once","inViewMargin","shimmer","shimmerDuration","shimmerDelay","shimmerSpread","shimmerRepeat","shimmerColor","textColor","innerClassName","className","wrapperRef","useRef","isInView","useInView","prefersReduced","useReducedMotion","currentIndex","setCurrentIndex","useState","phrases","currentText","renderKey","useInterval","prev","dynamicSpread","useMemo","shouldAnimate","style","classNames","jsx","AnimatePresence","motion"],"mappings":"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"}

package/components/applicationHeader/AppMenu.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import i from "classnames";
+import i from "../../utils/classNames.js";
 import { AppMenuDropdown as u } from "./AppMenuDropdown.js";
 import c from "./AppMenuContent.js";
 const f = (s) => {
@@ -13,7 +13,7 @@ const f = (s) => {
   } = s, a = !!(o?.length || e), m = i(
     "ModuleNavigation AppMenu",
     "user-select-none",
-    { hasModules: a },
+    a && "hasModules",
     !e && "pointer-events-none",
     p && p
   );

package/components/applicationHeader/AppMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppMenu.js","sources":["../../../src/components/applicationHeader/AppMenu.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\n\nimport AppMenuDropdown from './AppMenuDropdown';\nimport AppMenuContent from './AppMenuContent';\nimport type { ModulePropType } from './ApplicationHeader';\n\n// Support a list of items for services without the app navigator like internal MDM services\nexport type AppMenuProps = {\n    label?: string | React.ReactNode;\n    appMenuItems?: ModulePropType[];\n    appNavigator?: React.ReactNode;\n    appNavigatorClassName?: string;\n    onToggleAppMenu?: (isShown: boolean) => void;\n};\n\nconst AppMenu = (props: AppMenuProps) => {\n    const {\n        label = 'Unknown',\n        appMenuItems = [],\n        appNavigatorClassName,\n        appNavigator,\n        onToggleAppMenu,\n        ...remainingProps\n    } = props;\n\n    const hasItems = !!(appMenuItems?.length || appNavigator);\n\n    const wrapperClassNames = classNames(\n        'ModuleNavigation AppMenu',\n        'user-select-none',\n        { hasModules: hasItems },\n        !appNavigator && 'pointer-events-none',\n        appNavigatorClassName && appNavigatorClassName\n    );\n\n    return (\n        <ul {...remainingProps} className={wrapperClassNames}>\n            <AppMenuDropdown title={label} caret={hasItems} onToggleAppMenu={onToggleAppMenu}>\n                {appNavigator && <AppMenuContent appMenuItems={appMenuItems} appNavigator={appNavigator} />}\n            </AppMenuDropdown>\n        </ul>\n    );\n};\n\nexport default AppMenu;\n"],"names":["AppMenu","props","label","appMenuItems","appNavigatorClassName","appNavigator","onToggleAppMenu","remainingProps","hasItems","wrapperClassNames","classNames","AppMenuDropdown","jsx","AppMenuContent"],"mappings":";;;;AAgBA,MAAMA,IAAU,CAACC,MAAwB;AACrC,QAAM;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,cAAAC,IAAe,CAAA;AAAA,IACf,uBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHN,GAEEO,IAAW,CAAC,EAAEL,GAAc,UAAUE,IAEtCI,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACA,EAAE,YAAYF,EAAA;AAAA,IACd,CAACH,KAAgB;AAAA,IACjBD,KAAyBA;AAAA,EAAA;AAG7B,2BACK,MAAA,EAAI,GAAGG,GAAgB,WAAWE,GAC/B,4BAACE,GAAA,EAAgB,OAAOT,GAAO,OAAOM,GAAU,iBAAAF,GAC3C,UAAAD,KAAgB,gBAAAO,EAACC,KAAe,cAAAV,GAA4B,cAAAE,GAA4B,GAC7F,EAAA,CACJ;AAER;"}
+{"version":3,"file":"AppMenu.js","sources":["../../../src/components/applicationHeader/AppMenu.tsx"],"sourcesContent":["import type React from 'react';\n\nimport classNames from '../../utils/classNames';\nimport AppMenuDropdown from './AppMenuDropdown';\nimport AppMenuContent from './AppMenuContent';\nimport type { ModulePropType } from './ApplicationHeader';\n\n// Support a list of items for services without the app navigator like internal MDM services\nexport type AppMenuProps = {\n    label?: string | React.ReactNode;\n    appMenuItems?: ModulePropType[];\n    appNavigator?: React.ReactNode;\n    appNavigatorClassName?: string;\n    onToggleAppMenu?: (isShown: boolean) => void;\n};\n\nconst AppMenu = (props: AppMenuProps) => {\n    const {\n        label = 'Unknown',\n        appMenuItems = [],\n        appNavigatorClassName,\n        appNavigator,\n        onToggleAppMenu,\n        ...remainingProps\n    } = props;\n\n    const hasItems = !!(appMenuItems?.length || appNavigator);\n\n    const wrapperClassNames = classNames(\n        'ModuleNavigation AppMenu',\n        'user-select-none',\n        hasItems && 'hasModules',\n        !appNavigator && 'pointer-events-none',\n        appNavigatorClassName && appNavigatorClassName\n    );\n\n    return (\n        <ul {...remainingProps} className={wrapperClassNames}>\n            <AppMenuDropdown title={label} caret={hasItems} onToggleAppMenu={onToggleAppMenu}>\n                {appNavigator && <AppMenuContent appMenuItems={appMenuItems} appNavigator={appNavigator} />}\n            </AppMenuDropdown>\n        </ul>\n    );\n};\n\nexport default AppMenu;\n"],"names":["AppMenu","props","label","appMenuItems","appNavigatorClassName","appNavigator","onToggleAppMenu","remainingProps","hasItems","wrapperClassNames","classNames","AppMenuDropdown","jsx","AppMenuContent"],"mappings":";;;;AAgBA,MAAMA,IAAU,CAACC,MAAwB;AACrC,QAAM;AAAA,IACF,OAAAC,IAAQ;AAAA,IACR,cAAAC,IAAe,CAAA;AAAA,IACf,uBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHN,GAEEO,IAAW,CAAC,EAAEL,GAAc,UAAUE,IAEtCI,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACAF,KAAY;AAAA,IACZ,CAACH,KAAgB;AAAA,IACjBD,KAAyBA;AAAA,EAAA;AAG7B,2BACK,MAAA,EAAI,GAAGG,GAAgB,WAAWE,GAC/B,4BAACE,GAAA,EAAgB,OAAOT,GAAO,OAAOM,GAAU,iBAAAF,GAC3C,UAAAD,KAAgB,gBAAAO,EAACC,KAAe,cAAAV,GAA4B,cAAAE,GAA4B,GAC7F,EAAA,CACJ;AAER;"}

package/components/applicationHeader/AppMenuDropdown.js

@@ -1,27 +1,29 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { forwardRef as f, useState as g } from "react";
-import i from "classnames";
-import { noop as h, isEmpty as d } from "es-toolkit/compat";
+import { noop as h, isEmpty as i } from "es-toolkit/compat";
+import d from "../../utils/classNames.js";
 import N from "../../hooks/useClickOutside.js";
 const C = (n) => {
-  const { title: o, caret: e } = n, r = i("ModuleNavigation-dropdown", "dropdown-toggle justify-content-between", {
-    inactive: !e
-  });
+  const { title: o, caret: e } = n, r = d(
+    "ModuleNavigation-dropdown",
+    "dropdown-toggle justify-content-between",
+    !e && "inactive"
+  );
   return /* @__PURE__ */ a("a", { className: r, role: "button", id: "basic-nav-dropdown", children: [
     /* @__PURE__ */ t("span", { children: o }),
     e && /* @__PURE__ */ t("span", { className: "caret" })
   ] });
 }, D = (n) => {
   const { children: o } = n;
-  return d(o) ? null : /* @__PURE__ */ t("ul", { role: "menu", className: "dropdown-menu ModuleNavigation-dropdown-menu", children: o });
+  return i(o) ? null : /* @__PURE__ */ t("ul", { role: "menu", className: "dropdown-menu ModuleNavigation-dropdown-menu", children: o });
 }, M = f((n, o) => {
   const { open: e, children: r, onDropdownClick: s } = n;
-  return /* @__PURE__ */ t("li", { ref: o, className: i("dropdown", { open: e }), onClick: s, children: r });
+  return /* @__PURE__ */ t("li", { ref: o, className: d("dropdown", e && "open"), onClick: s, children: r });
 }), x = (n) => {
-  const { title: o, caret: e = !1, onToggleAppMenu: r = h, children: s } = n, [l, c] = g(!1), u = N(() => c(!1)), m = () => {
-    const p = !l;
-    c(p), r(p);
-  }, w = !d(s) && l;
+  const { title: o, caret: e = !1, onToggleAppMenu: r = h, children: s } = n, [l, p] = g(!1), u = N(() => p(!1)), m = () => {
+    const c = !l;
+    p(c), r(c);
+  }, w = !i(s) && l;
   return /* @__PURE__ */ a(M, { open: w, onDropdownClick: m, ref: u, children: [
     /* @__PURE__ */ t(C, { title: o, caret: e }),
     /* @__PURE__ */ t(D, { children: s })

package/components/applicationHeader/AppMenuDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppMenuDropdown.js","sources":["../../../src/components/applicationHeader/AppMenuDropdown.tsx"],"sourcesContent":["import React, { useState, forwardRef, type ForwardedRef, type PropsWithChildren } from 'react';\nimport classNames from 'classnames';\nimport { isEmpty, noop } from 'es-toolkit/compat';\n\nimport useClickOutside from '../../hooks/useClickOutside';\n\ntype ToggleButtonProps = {\n    title: string | React.ReactNode;\n    caret: boolean;\n};\n\nconst ToggleButton = (props: ToggleButtonProps) => {\n    const { title, caret } = props;\n    const toggleClassName = classNames('ModuleNavigation-dropdown', 'dropdown-toggle justify-content-between', {\n        inactive: !caret,\n    });\n\n    return (\n        <a className={toggleClassName} role='button' id='basic-nav-dropdown'>\n            <span>{title}</span>\n            {caret && <span className='caret' />}\n        </a>\n    );\n};\n\nconst DropdownMenu = (props: PropsWithChildren) => {\n    const { children } = props;\n\n    if (isEmpty(children)) {\n        return null;\n    }\n\n    return (\n        <ul role='menu' className='dropdown-menu ModuleNavigation-dropdown-menu'>\n            {children}\n        </ul>\n    );\n};\n\ntype AppMenuDropdownOpenerProps = {\n    open: boolean;\n    onDropdownClick: () => void;\n};\n\ntype Ref = ForwardedRef<HTMLLIElement>;\ntype Props = PropsWithChildren<AppMenuDropdownOpenerProps>;\n\nconst AppMenuDropdownOpener = forwardRef((props: Props, ref: Ref) => {\n    const { open, children, onDropdownClick } = props;\n    return (\n        <li ref={ref} className={classNames('dropdown', { open })} onClick={onDropdownClick}>\n            {children}\n        </li>\n    );\n});\n\nexport type AppMenuDropdownProps = {\n    title: string | React.ReactNode;\n    caret?: boolean;\n    onToggleAppMenu?: (isOpen: boolean) => void;\n};\n\nexport const AppMenuDropdown = (props: PropsWithChildren<AppMenuDropdownProps>) => {\n    const { title, caret = false, onToggleAppMenu = noop, children } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const wrapperRef = useClickOutside(() => setIsOpen(false));\n\n    const handleDropdownClick = () => {\n        const newState = !isOpen;\n        setIsOpen(newState);\n        onToggleAppMenu(newState);\n    };\n\n    const openWithChildren = !isEmpty(children) && isOpen;\n\n    return (\n        <AppMenuDropdownOpener open={openWithChildren} onDropdownClick={handleDropdownClick} ref={wrapperRef}>\n            <ToggleButton title={title} caret={caret} />\n            <DropdownMenu>{children}</DropdownMenu>\n        </AppMenuDropdownOpener>\n    );\n};\n\nexport default AppMenuDropdown;\n"],"names":["ToggleButton","props","title","caret","toggleClassName","classNames","jsx","DropdownMenu","children","isEmpty","AppMenuDropdownOpener","forwardRef","ref","open","onDropdownClick","AppMenuDropdown","onToggleAppMenu","noop","isOpen","setIsOpen","useState","wrapperRef","useClickOutside","handleDropdownClick","newState","openWithChildren"],"mappings":";;;;;AAWA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,OAAAC,GAAO,OAAAC,EAAA,IAAUF,GACnBG,IAAkBC,EAAW,6BAA6B,2CAA2C;AAAA,IACvG,UAAU,CAACF;AAAA,EAAA,CACd;AAED,2BACK,KAAA,EAAE,WAAWC,GAAiB,MAAK,UAAS,IAAG,sBAC5C,UAAA;AAAA,IAAA,gBAAAE,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IACZC,KAAS,gBAAAG,EAAC,QAAA,EAAK,WAAU,QAAA,CAAQ;AAAA,EAAA,GACtC;AAER,GAEMC,IAAe,CAACN,MAA6B;AAC/C,QAAM,EAAE,UAAAO,MAAaP;AAErB,SAAIQ,EAAQD,CAAQ,IACT,yBAIN,MAAA,EAAG,MAAK,QAAO,WAAU,gDACrB,UAAAA,GACL;AAER,GAUME,IAAwBC,EAAW,CAACV,GAAcW,MAAa;AACjE,QAAM,EAAE,MAAAC,GAAM,UAAAL,GAAU,iBAAAM,EAAA,IAAoBb;AAC5C,SACI,gBAAAK,EAAC,MAAA,EAAG,KAAAM,GAAU,WAAWP,EAAW,YAAY,EAAE,MAAAQ,EAAA,CAAM,GAAG,SAASC,GAC/D,UAAAN,EAAA,CACL;AAER,CAAC,GAQYO,IAAkB,CAACd,MAAmD;AAC/E,QAAM,EAAE,OAAAC,GAAO,OAAAC,IAAQ,IAAO,iBAAAa,IAAkBC,GAAM,UAAAT,MAAaP,GAE7D,CAACiB,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAaC,EAAgB,MAAMH,EAAU,EAAK,CAAC,GAEnDI,IAAsB,MAAM;AAC9B,UAAMC,IAAW,CAACN;AAClB,IAAAC,EAAUK,CAAQ,GAClBR,EAAgBQ,CAAQ;AAAA,EAC5B,GAEMC,IAAmB,CAAChB,EAAQD,CAAQ,KAAKU;AAE/C,2BACKR,GAAA,EAAsB,MAAMe,GAAkB,iBAAiBF,GAAqB,KAAKF,GACtF,UAAA;AAAA,IAAA,gBAAAf,EAACN,GAAA,EAAa,OAAAE,GAAc,OAAAC,EAAA,CAAc;AAAA,IAC1C,gBAAAG,EAACC,KAAc,UAAAC,EAAA,CAAS;AAAA,EAAA,GAC5B;AAER;"}
+{"version":3,"file":"AppMenuDropdown.js","sources":["../../../src/components/applicationHeader/AppMenuDropdown.tsx"],"sourcesContent":["import React, { useState, forwardRef, type ForwardedRef, type PropsWithChildren } from 'react';\nimport { isEmpty, noop } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport useClickOutside from '../../hooks/useClickOutside';\n\ntype ToggleButtonProps = {\n    title: string | React.ReactNode;\n    caret: boolean;\n};\n\nconst ToggleButton = (props: ToggleButtonProps) => {\n    const { title, caret } = props;\n    const toggleClassName = classNames(\n        'ModuleNavigation-dropdown',\n        'dropdown-toggle justify-content-between',\n        !caret && 'inactive'\n    );\n\n    return (\n        <a className={toggleClassName} role='button' id='basic-nav-dropdown'>\n            <span>{title}</span>\n            {caret && <span className='caret' />}\n        </a>\n    );\n};\n\nconst DropdownMenu = (props: PropsWithChildren) => {\n    const { children } = props;\n\n    if (isEmpty(children)) {\n        return null;\n    }\n\n    return (\n        <ul role='menu' className='dropdown-menu ModuleNavigation-dropdown-menu'>\n            {children}\n        </ul>\n    );\n};\n\ntype AppMenuDropdownOpenerProps = {\n    open: boolean;\n    onDropdownClick: () => void;\n};\n\ntype Ref = ForwardedRef<HTMLLIElement>;\ntype Props = PropsWithChildren<AppMenuDropdownOpenerProps>;\n\nconst AppMenuDropdownOpener = forwardRef((props: Props, ref: Ref) => {\n    const { open, children, onDropdownClick } = props;\n    return (\n        <li ref={ref} className={classNames('dropdown', open && 'open')} onClick={onDropdownClick}>\n            {children}\n        </li>\n    );\n});\n\nexport type AppMenuDropdownProps = {\n    title: string | React.ReactNode;\n    caret?: boolean;\n    onToggleAppMenu?: (isOpen: boolean) => void;\n};\n\nexport const AppMenuDropdown = (props: PropsWithChildren<AppMenuDropdownProps>) => {\n    const { title, caret = false, onToggleAppMenu = noop, children } = props;\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const wrapperRef = useClickOutside(() => setIsOpen(false));\n\n    const handleDropdownClick = () => {\n        const newState = !isOpen;\n        setIsOpen(newState);\n        onToggleAppMenu(newState);\n    };\n\n    const openWithChildren = !isEmpty(children) && isOpen;\n\n    return (\n        <AppMenuDropdownOpener open={openWithChildren} onDropdownClick={handleDropdownClick} ref={wrapperRef}>\n            <ToggleButton title={title} caret={caret} />\n            <DropdownMenu>{children}</DropdownMenu>\n        </AppMenuDropdownOpener>\n    );\n};\n\nexport default AppMenuDropdown;\n"],"names":["ToggleButton","props","title","caret","toggleClassName","classNames","jsx","DropdownMenu","children","isEmpty","AppMenuDropdownOpener","forwardRef","ref","open","onDropdownClick","AppMenuDropdown","onToggleAppMenu","noop","isOpen","setIsOpen","useState","wrapperRef","useClickOutside","handleDropdownClick","newState","openWithChildren"],"mappings":";;;;;AAWA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,OAAAC,GAAO,OAAAC,EAAA,IAAUF,GACnBG,IAAkBC;AAAA,IACpB;AAAA,IACA;AAAA,IACA,CAACF,KAAS;AAAA,EAAA;AAGd,2BACK,KAAA,EAAE,WAAWC,GAAiB,MAAK,UAAS,IAAG,sBAC5C,UAAA;AAAA,IAAA,gBAAAE,EAAC,UAAM,UAAAJ,EAAA,CAAM;AAAA,IACZC,KAAS,gBAAAG,EAAC,QAAA,EAAK,WAAU,QAAA,CAAQ;AAAA,EAAA,GACtC;AAER,GAEMC,IAAe,CAACN,MAA6B;AAC/C,QAAM,EAAE,UAAAO,MAAaP;AAErB,SAAIQ,EAAQD,CAAQ,IACT,yBAIN,MAAA,EAAG,MAAK,QAAO,WAAU,gDACrB,UAAAA,GACL;AAER,GAUME,IAAwBC,EAAW,CAACV,GAAcW,MAAa;AACjE,QAAM,EAAE,MAAAC,GAAM,UAAAL,GAAU,iBAAAM,EAAA,IAAoBb;AAC5C,SACI,gBAAAK,EAAC,MAAA,EAAG,KAAAM,GAAU,WAAWP,EAAW,YAAYQ,KAAQ,MAAM,GAAG,SAASC,GACrE,UAAAN,EAAA,CACL;AAER,CAAC,GAQYO,IAAkB,CAACd,MAAmD;AAC/E,QAAM,EAAE,OAAAC,GAAO,OAAAC,IAAQ,IAAO,iBAAAa,IAAkBC,GAAM,UAAAT,MAAaP,GAE7D,CAACiB,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAaC,EAAgB,MAAMH,EAAU,EAAK,CAAC,GAEnDI,IAAsB,MAAM;AAC9B,UAAMC,IAAW,CAACN;AAClB,IAAAC,EAAUK,CAAQ,GAClBR,EAAgBQ,CAAQ;AAAA,EAC5B,GAEMC,IAAmB,CAAChB,EAAQD,CAAQ,KAAKU;AAE/C,2BACKR,GAAA,EAAsB,MAAMe,GAAkB,iBAAiBF,GAAqB,KAAKF,GACtF,UAAA;AAAA,IAAA,gBAAAf,EAACN,GAAA,EAAa,OAAAE,GAAc,OAAAC,EAAA,CAAc;AAAA,IAC1C,gBAAAG,EAACC,KAAc,UAAAC,EAAA,CAAS;AAAA,EAAA,GAC5B;AAER;"}