@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0-beta.2

package/components/actionBarItem/ActionBarItem.js

@@ -1,120 +1,117 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { memo, useCallback, useEffect, useLayoutEffect, useState, useRef, } from 'react';
-import classNames from 'classnames';
-import { negate } from 'es-toolkit/function';
-import { delay, head } from 'es-toolkit/compat';
-import ActionBarOverlay from "./ActionBarOverlay.js";
-import ActionBarItemPopoverContent from "./ActionBarItemPopoverContent.js";
-import ActionBarItemIcon from "./ActionBarItemIcon.js";
-import ActionBarItemList from "./ActionBarItemList.js";
-import ActionBarItemListItem from "./ActionBarItemListItem.js";
-import ActionBarItemListSeparator from "./ActionBarItemListSeparator.js";
-import OverlayTrigger from "../overlay/OverlayTrigger.js";
-import Dialog from "../dialog/Dialog.js";
-const EVENT = 'mousedown';
-const CLASSNAME_SHOW = 'show';
-const CLASSNAME_OFFSCREEN = 'position-offscreen';
-const DEFAULT_POPOVER_WIDTH = 250;
-const POPOVER_CLOSE_DELAY_IN_MS = 200;
-const SMALL_RESOLUTION_THRESHOLD_IN_PX = 580;
-const getRandomString = () => (Math.random() + 1).toString(36).toUpperCase().substring(2);
-const hasClass = (element, className) => element.classList.contains(className);
-const hasNotClass = negate(hasClass);
-const isNotChildNodeOf = (childNode, parentNode) => !parentNode.contains(childNode);
-const checkIfSmallResolution = () => {
-    const [isSmallResolution, setIsSmallResolution] = useState(false);
-    // We only execute this once. Before it was re-rendered on every change.
-    // Users probably don't switch between display sizes that often therefore it probably makes sense to
-    // avoid the re-rendering or applying an event listener.
-    useEffect(() => {
-        const header = head(document.getElementsByClassName('ApplicationHeader'));
-        const isSmall = header ? header.offsetWidth < SMALL_RESOLUTION_THRESHOLD_IN_PX : false;
-        setIsSmallResolution(isSmall);
-    }, []);
-    return isSmallResolution;
-};
-const isActionBarItemPopover = (child) => child.type && child.type.displayName === ActionBarItemPopoverContent.displayName;
-const isActionBarItemIcon = (child) => child.type && child.type.displayName === ActionBarItemIcon.displayName;
-const ActionBarItemBase = (props) => {
-    const { id = getRandomString(), className, mobileDialogBodyClassName = '', children, popoverWidth = DEFAULT_POPOVER_WIDTH, hidePopoverOnClick = true, ...remainingProps } = props;
-    const [isShown, setIsShown] = useState(false);
-    const clickOutsideRef = useRef(null);
-    useLayoutEffect(() => {
-        const listener = (event) => {
-            if (!clickOutsideRef || !clickOutsideRef.current || !isShown) {
-                return;
-            }
-            // Since the popover component is based on React Portal and might be offscreen, we need to use
-            // old-school approach and query the DOM for the item ID.
-            const popoverEl = document.getElementById(id);
-            if (!popoverEl) {
-                return;
-            }
-            // Abort when the ActionBarItemIcon itself has been clicked as there is a toggle function
-            // applied to the icon that takes care of opening and closing
-            const hasIconClickedToClose = event.target.offsetParent === clickOutsideRef.current;
-            if (hasIconClickedToClose) {
-                return;
-            }
-            // Handle click outside the popover to close it
-            const isClickOutsidePopover = isNotChildNodeOf(event.target, popoverEl);
-            const isPopoverVisible = hasClass(popoverEl, CLASSNAME_SHOW) && hasNotClass(popoverEl, CLASSNAME_OFFSCREEN);
-            if (isPopoverVisible && isClickOutsidePopover) {
-                setIsShown(false);
-                return;
-            }
-            // Handle click inside the popover.
-            // Delay the closing of the popover to execute possible actions from within the popover
-            // like clicks on links or buttons
-            if (hidePopoverOnClick) {
-                delay(() => setIsShown(false), POPOVER_CLOSE_DELAY_IN_MS);
+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 q from "./ActionBarOverlay.js";
+import R from "./ActionBarItemPopoverContent.js";
+import _ from "./ActionBarItemIcon.js";
+import z from "./ActionBarItemList.js";
+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 [o, e] = B(!1);
+  return F(() => {
+    const a = Y(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) => {
+  const {
+    id: e = to(),
+    className: a,
+    mobileDialogBodyClassName: f = "",
+    children: u,
+    popoverWidth: k = $,
+    hidePopoverOnClick: w = !0,
+    ...h
+  } = o, [t, s] = B(!1), n = H(null);
+  V(() => {
+    const r = (A) => {
+      if (!n || !n.current || !t)
+        return;
+      const m = document.getElementById(e);
+      if (!m || A.target.offsetParent === n.current)
+        return;
+      const W = no(A.target, m);
+      if (T(m, Q) && so(m, Z) && W) {
+        s(!1);
+        return;
+      }
+      w && X(() => 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);
+  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));
+  if (b)
+    return /* @__PURE__ */ E("div", { ...h, className: p, ref: n, children: [
+      L.cloneElement(C, { onClick: I }),
+      /* @__PURE__ */ i("div", { onClick: () => s(!1), children: /* @__PURE__ */ i(
+        K,
+        {
+          show: t,
+          onClose: () => s(!1),
+          body: l,
+          bodyClassName: f,
+          title: N
+        }
+      ) }),
+      v
+    ] });
+  const D = /* @__PURE__ */ i(
+    q,
+    {
+      id: e,
+      title: N,
+      width: k,
+      preRender: S,
+      show: t,
+      children: l
+    },
+    "child"
+  );
+  return /* @__PURE__ */ E("div", { ...h, className: p, ref: n, children: [
+    /* @__PURE__ */ i(
+      g,
+      {
+        onToggle: I,
+        show: t || S,
+        placement: g.BOTTOM_END,
+        overlay: D,
+        rootClose: !1,
+        trigger: "click",
+        popperConfig: {
+          modifiers: [
+            {
+              name: "offset",
+              options: {
+                offset: [0, 5]
+              }
+            },
+            {
+              name: "arrow",
+              options: {}
             }
-        };
-        document.addEventListener(EVENT, listener);
-        return () => {
-            document.removeEventListener(EVENT, listener);
-        };
-    }, [clickOutsideRef, id, isShown]);
-    const classes = classNames('ActionBarItem', className);
-    const isSmallScreen = checkIfSmallResolution();
-    const onToggle = useCallback(() => setIsShown(!isShown), [setIsShown, isShown]);
-    // The children depend on each other, that's why it's easier to convert them once to an array
-    // and then pick the correct elements. In most cases there are only 2 or 3 elements in the children
-    // array so the looping shouldn't be too worrisome.
-    const childrenAsList = React.Children.toArray(children);
-    const itemPopover = childrenAsList.find(isActionBarItemPopover);
-    const itemIcon = childrenAsList.find(isActionBarItemIcon);
-    if (!itemPopover) {
-        return _jsx("div", { className: classes, children: children });
-    }
-    const { useOffscreen = false, title } = itemPopover.props;
-    // Filter out the popover and icon component from the list of children as they are handled separately
-    const childrenWithoutPopover = childrenAsList.filter(child => !isActionBarItemPopover(child));
-    const childrenWithoutPopoverAndIcon = childrenWithoutPopover.filter(child => !isActionBarItemIcon(child));
-    if (isSmallScreen) {
-        return (_jsxs("div", { ...remainingProps, className: classes, ref: clickOutsideRef, children: [React.cloneElement(itemIcon, { onClick: onToggle }), _jsx("div", { onClick: () => setIsShown(false), children: _jsx(Dialog, { show: isShown, onClose: () => setIsShown(false), body: itemPopover, bodyClassName: mobileDialogBodyClassName, title: title }) }), childrenWithoutPopoverAndIcon] }));
-    }
-    const overlay = (_jsx(ActionBarOverlay, { id: id, title: title, width: popoverWidth, preRender: useOffscreen, show: isShown, children: itemPopover }, 'child'));
-    return (_jsxs("div", { ...remainingProps, className: classes, ref: clickOutsideRef, children: [_jsx(OverlayTrigger, { onToggle: onToggle, show: isShown || useOffscreen, placement: OverlayTrigger.BOTTOM_END, overlay: overlay, rootClose: false, trigger: 'click', popperConfig: {
-                    modifiers: [
-                        {
-                            name: 'offset',
-                            options: {
-                                offset: [0, 5],
-                            },
-                        },
-                        {
-                            name: 'arrow',
-                            options: {},
-                        },
-                    ],
-                }, children: itemIcon }), childrenWithoutPopoverAndIcon] }));
+          ]
+        },
+        children: C
+      }
+    ),
+    v
+  ] });
+}, c = M(io);
+c.Icon = _;
+c.Popover = R;
+c.List = z;
+c.ListItem = G;
+c.ListSeparator = J;
+export {
+  c as default
 };
-const ActionBarItem = memo(ActionBarItemBase);
-// Define static variables on the component type
-ActionBarItem.Icon = ActionBarItemIcon;
-ActionBarItem.Popover = ActionBarItemPopoverContent;
-ActionBarItem.List = ActionBarItemList;
-ActionBarItem.ListItem = ActionBarItemListItem;
-ActionBarItem.ListSeparator = ActionBarItemListSeparator;
-export default ActionBarItem;
+//# sourceMappingURL=ActionBarItem.js.map

package/components/actionBarItem/ActionBarItem.js.map

@@ -0,0 +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 subcomponent 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 subcomponents.\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.d.ts

@@ -1,7 +1,7 @@
-import { type HTMLAttributes } from 'react';
-declare const ActionBarItemIcon: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+import { HTMLAttributes } from 'react';
+declare const ActionBarItemIcon: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     className?: string;
 } & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
 export default ActionBarItemIcon;

package/components/actionBarItem/ActionBarItemIcon.js

@@ -1,11 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-const ActionBarItemIcon = forwardRef((props, ref) => {
-    const { className, children, ...remainingProps } = props;
-    const classes = classNames('ActionBarItemIcon', className);
-    return (_jsx("div", { ...remainingProps, className: classes, ref: ref, children: children }));
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import n from "classnames";
+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 });
 });
-// The displayName is used in ActionBarItem for checking the component "isActionBarItemIcon"
-ActionBarItemIcon.displayName = 'ActionBarItemIcon';
-export default ActionBarItemIcon;
+i.displayName = "ActionBarItemIcon";
+export {
+  i as default
+};
+//# sourceMappingURL=ActionBarItemIcon.js.map

package/components/actionBarItem/ActionBarItemIcon.js.map

@@ -0,0 +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;"}

package/components/actionBarItem/ActionBarItemList.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 export type ActionBarItemListProps = HTMLAttributes<HTMLUListElement> & {
     /**
      * Additional class names that are added to the wrapping list item component.

package/components/actionBarItem/ActionBarItemList.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-const ActionBarItemList = ({ className, children, ...remainingProps }) => {
-    const classes = classNames('ActionBarItemList', className);
-    return (_jsx("ul", { ...remainingProps, className: classes, children: children }));
+import { jsx as r } from "react/jsx-runtime";
+import e from "classnames";
+const i = ({ className: s, children: t, ...a }) => {
+  const o = e("ActionBarItemList", s);
+  return /* @__PURE__ */ r("ul", { ...a, className: o, children: t });
 };
-export default ActionBarItemList;
+export {
+  i as default
+};
+//# sourceMappingURL=ActionBarItemList.js.map

package/components/actionBarItem/ActionBarItemList.js.map

@@ -0,0 +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;"}

package/components/actionBarItem/ActionBarItemListItem.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 export type ActionBarItemListItemProps = Omit<HTMLAttributes<HTMLLIElement>, 'onClick'> & {
     /**
      * Set it to true when you want to use the item as link item.

package/components/actionBarItem/ActionBarItemListItem.js

@@ -1,10 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-const ActionBarItemListItem = (props) => {
-    const { hasLink, icon, onClick, className, children, ...remainingProps } = props;
-    const classes = classNames('ActionBarItemListItem', hasLink && 'has-link', className);
-    const iconClasses = classNames('ActionBarItemListItemIcon', 'rioglyph', icon);
-    const btnClasses = classNames('ActionBarItemListItemButton');
-    return (_jsxs("li", { ...remainingProps, className: classes, onClick: onClick, children: [icon && _jsx("span", { className: iconClasses }), hasLink && !onClick && _jsx("span", { children: children }), onClick && _jsx("div", { className: btnClasses, children: children }), !hasLink && !onClick && children] }));
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import e from "classnames";
+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: [
+    i && /* @__PURE__ */ n("span", { className: l }),
+    t && !s && /* @__PURE__ */ n("span", { children: a }),
+    s && /* @__PURE__ */ n("div", { className: I, children: a }),
+    !t && !s && a
+  ] });
 };
-export default ActionBarItemListItem;
+export {
+  L as default
+};
+//# sourceMappingURL=ActionBarItemListItem.js.map

package/components/actionBarItem/ActionBarItemListItem.js.map

@@ -0,0 +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;"}

package/components/actionBarItem/ActionBarItemListSeparator.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type ActionBarItemListSeparatorProps = HTMLAttributes<HTMLHRElement> & {
     /**
      * Additional class names that are added to the wrapping list item component.

package/components/actionBarItem/ActionBarItemListSeparator.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-const ActionBarItemListSeparator = ({ className, ...remainingProps }) => {
-    const classes = classNames('ActionBarItemListSeparator', className);
-    return _jsx("hr", { ...remainingProps, className: classes });
+import { jsx as a } from "react/jsx-runtime";
+import o from "classnames";
+const c = ({ className: t, ...r }) => {
+  const s = o("ActionBarItemListSeparator", t);
+  return /* @__PURE__ */ a("hr", { ...r, className: s });
 };
-export default ActionBarItemListSeparator;
+export {
+  c as default
+};
+//# sourceMappingURL=ActionBarItemListSeparator.js.map

package/components/actionBarItem/ActionBarItemListSeparator.js.map

@@ -0,0 +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;"}

package/components/actionBarItem/ActionBarItemPopoverContent.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 export type ActionBarItemPopoverProps = Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'useOffscreen'> & {
     /**
      * The popover title.

package/components/actionBarItem/ActionBarItemPopoverContent.js

@@ -1,11 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { omit } from 'es-toolkit/compat';
-const ActionBarItemPopoverContent = ({ className, children, ...remainingProps }) => {
-    const classes = classNames('ActionBarItemPopoverContent', className);
-    const filterProps = omit(remainingProps, ['title', 'useOffscreen']);
-    return (_jsx("div", { ...filterProps, className: classes, children: children }));
+import { jsx as n } from "react/jsx-runtime";
+import m from "classnames";
+import { omit as a } from "es-toolkit/compat";
+const i = ({
+  className: t,
+  children: o,
+  ...e
+}) => {
+  const r = m("ActionBarItemPopoverContent", t), s = a(e, ["title", "useOffscreen"]);
+  return /* @__PURE__ */ n("div", { ...s, className: r, children: o });
 };
-// The displayName is used in ActionBarItem for checking the component "isActionBarItemPopover"
-ActionBarItemPopoverContent.displayName = 'ActionBarItemPopoverContent';
-export default ActionBarItemPopoverContent;
+i.displayName = "ActionBarItemPopoverContent";
+export {
+  i as default
+};
+//# sourceMappingURL=ActionBarItemPopoverContent.js.map

package/components/actionBarItem/ActionBarItemPopoverContent.js.map

@@ -0,0 +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;"}

package/components/actionBarItem/ActionBarOverlay.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PLACEMENT_MAP } from '../popover/Popover';
-import type { ObjectValues } from '../../utils/ObjectValues';
+import { ObjectValues } from '../../utils/ObjectValues';
 export type ActionBarOverlayWidth = 100 | 150 | 200 | 250 | 300 | 350 | 400 | 450 | 500;
 export type ActionBarOverlayProps = {
     id: string;

package/components/actionBarItem/ActionBarOverlay.js

@@ -1,16 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/compat';
-import Popover, { PLACEMENT_MAP } from "../popover/Popover.js";
-const DEFAULT_PLACEMENT = PLACEMENT_MAP.BOTTOM;
-const DEFAULT_WIDTH = 250;
-const ActionBarOverlay = forwardRef((props, ref) => {
-    const { children, show, preRender, id, title, onClick = noop, width = DEFAULT_WIDTH, style = {}, className, placement = DEFAULT_PLACEMENT, ...remainingProps } = props;
-    const adjustedStyles = { ...style, width };
-    const adjustedClassName = preRender && !show ? classNames(className, 'position-offscreen') : className;
-    const popoverTitleClasses = classNames('ActionBarItemPopover text-color-dark', className);
-    const popoverContentClasses = classNames('ActionBarItemPopover', className);
-    return (_jsxs(Popover, { ref: ref, id: id, onClick: onClick, placement: placement, ...remainingProps, style: adjustedStyles, className: adjustedClassName, children: [title && _jsx(Popover.Title, { className: popoverTitleClasses, children: title }), _jsx(Popover.Content, { className: popoverContentClasses, children: children })] }));
+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 s, { PLACEMENT_MAP as u } from "../popover/Popover.js";
+const x = u.BOTTOM, y = 250, I = h((n, a) => {
+  const {
+    children: c,
+    show: l,
+    preRender: i,
+    id: m,
+    title: t,
+    onClick: p = j,
+    width: d = y,
+    style: f = {},
+    className: o,
+    placement: T = x,
+    ...A
+  } = n, C = { ...f, width: d }, N = i && !l ? e(o, "position-offscreen") : o, P = e("ActionBarItemPopover text-color-dark", o), v = e("ActionBarItemPopover", o);
+  return /* @__PURE__ */ E(
+    s,
+    {
+      ref: a,
+      id: m,
+      onClick: p,
+      placement: T,
+      ...A,
+      style: C,
+      className: N,
+      children: [
+        t && /* @__PURE__ */ r(s.Title, { className: P, children: t }),
+        /* @__PURE__ */ r(s.Content, { className: v, children: c })
+      ]
+    }
+  );
 });
-export default ActionBarOverlay;
+export {
+  I as default
+};
+//# sourceMappingURL=ActionBarOverlay.js.map

package/components/actionBarItem/ActionBarOverlay.js.map

@@ -0,0 +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;"}

package/components/activity/Activity.d.ts

@@ -1,6 +1,6 @@
-import { type ReactNode } from 'react';
-import type { ObjectValues } from '../../utils/ObjectValues';
-import type { RefComponent } from '../../utils/RefComponent';
+import { ReactNode } from 'react';
+import { ObjectValues } from '../../utils/ObjectValues';
+import { RefComponent } from '../../utils/RefComponent';
 declare const STATUS_MAP: {
     readonly AVAILABLE: "available";
     readonly DRIVING: "driving";