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

package/components/licensePlate/LicensePlate.js

@@ -1,12 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const euStars = (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '10', height: '10', children: _jsx("path", { fill: '#FFC200', fillRule: 'nonzero', d: 'M5.143.439H5.6L5.23.71l.141.438L5 .88l-.371.27.14-.438L4.4.439h.459L5 0zm2.198.594h.458l-.37.272.141.44-.371-.271-.372.27.142-.439-.372-.271h.46l.142-.44zm1.607 1.625h.458l-.37.272.141.44-.371-.271-.372.27.142-.438-.371-.272.459-.001.142-.438zm.593 2.208H10l-.37.272.14.44-.37-.272-.372.271.14-.438-.37-.272.46-.001.141-.438zm-.59 2.214h.459l-.37.271.14.44-.37-.271-.372.271.141-.439-.371-.271.46-.001.141-.439zM7.337 8.701h.459l-.371.272.141.44-.371-.27-.371.27.14-.44-.37-.27.459-.002.142-.438zm-2.201.588h.458l-.37.272.141.439-.371-.27-.372.27.142-.439-.372-.271.46-.001.142-.438zM2.938 8.7h.458l-.37.273.141.439-.371-.27-.372.27.141-.44-.37-.27h.459l.142-.44zM1.33 7.083h.458l-.37.272.14.44-.371-.271-.372.27.142-.439-.37-.271h.458l.143-.44zM.743 4.869H1.2l-.37.272.141.439-.371-.27-.372.27.142-.439L0 4.87l.459-.001L.6 4.43zm.581-2.217h.459l-.37.272.14.439-.37-.27-.372.27.14-.439-.37-.271h.459l.142-.44zM2.94 1.03h.459l-.37.272.14.44-.37-.272-.372.271.14-.439-.37-.271.458-.001.143-.439z' }) }));
-const LicensePlate = (props) => {
-    const { countryCode, hideStars, className = '', children } = props;
-    let letterCount = '';
-    if (countryCode?.length === 2)
-        letterCount = 'two-letters';
-    if (countryCode?.length === 3)
-        letterCount = 'three-letters';
-    return (_jsx("div", { className: `license-plate ${className}`, children: _jsxs("div", { className: 'plate-content', children: [countryCode && (_jsxs("div", { className: 'plate-country', children: [!hideStars && _jsx("span", { className: 'stars', children: euStars }), _jsx("span", { className: `plate-country-code ${letterCount}`, children: countryCode })] })), _jsx("div", { className: 'plate-number', children: children })] }) }));
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
+const c = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", children: /* @__PURE__ */ l(
+  "path",
+  {
+    fill: "#FFC200",
+    fillRule: "nonzero",
+    d: "M5.143.439H5.6L5.23.71l.141.438L5 .88l-.371.27.14-.438L4.4.439h.459L5 0zm2.198.594h.458l-.37.272.141.44-.371-.271-.372.27.142-.439-.372-.271h.46l.142-.44zm1.607 1.625h.458l-.37.272.141.44-.371-.271-.372.27.142-.438-.371-.272.459-.001.142-.438zm.593 2.208H10l-.37.272.14.44-.37-.272-.372.271.14-.438-.37-.272.46-.001.141-.438zm-.59 2.214h.459l-.37.271.14.44-.37-.271-.372.271.141-.439-.371-.271.46-.001.141-.439zM7.337 8.701h.459l-.371.272.141.44-.371-.27-.371.27.14-.44-.37-.27.459-.002.142-.438zm-2.201.588h.458l-.37.272.141.439-.371-.27-.372.27.142-.439-.372-.271.46-.001.142-.438zM2.938 8.7h.458l-.37.273.141.439-.371-.27-.372.27.141-.44-.37-.27h.459l.142-.44zM1.33 7.083h.458l-.37.272.14.44-.371-.271-.372.27.142-.439-.37-.271h.458l.143-.44zM.743 4.869H1.2l-.37.272.141.439-.371-.27-.372.27.142-.439L0 4.87l.459-.001L.6 4.43zm.581-2.217h.459l-.37.272.14.439-.37-.27-.372.27.14-.439-.37-.271h.459l.142-.44zM2.94 1.03h.459l-.37.272.14.44-.37-.272-.372.271.14-.439-.37-.271.458-.001.143-.439z"
+  }
+) }), d = (h) => {
+  const { countryCode: e, hideStars: a, className: n = "", children: r } = h;
+  let t = "";
+  return e?.length === 2 && (t = "two-letters"), e?.length === 3 && (t = "three-letters"), /* @__PURE__ */ l("div", { className: `license-plate ${n}`, children: /* @__PURE__ */ s("div", { className: "plate-content", children: [
+    e && /* @__PURE__ */ s("div", { className: "plate-country", children: [
+      !a && /* @__PURE__ */ l("span", { className: "stars", children: c }),
+      /* @__PURE__ */ l("span", { className: `plate-country-code ${t}`, children: e })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "plate-number", children: r })
+  ] }) });
 };
-export default LicensePlate;
+export {
+  d as default
+};
+//# sourceMappingURL=LicensePlate.js.map

package/components/licensePlate/LicensePlate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicensePlate.js","sources":["../../../src/components/licensePlate/LicensePlate.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nconst euStars = (\n    <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'>\n        <path\n            fill='#FFC200'\n            fillRule='nonzero'\n            d='M5.143.439H5.6L5.23.71l.141.438L5 .88l-.371.27.14-.438L4.4.439h.459L5 0zm2.198.594h.458l-.37.272.141.44-.371-.271-.372.27.142-.439-.372-.271h.46l.142-.44zm1.607 1.625h.458l-.37.272.141.44-.371-.271-.372.27.142-.438-.371-.272.459-.001.142-.438zm.593 2.208H10l-.37.272.14.44-.37-.272-.372.271.14-.438-.37-.272.46-.001.141-.438zm-.59 2.214h.459l-.37.271.14.44-.37-.271-.372.271.141-.439-.371-.271.46-.001.141-.439zM7.337 8.701h.459l-.371.272.141.44-.371-.27-.371.27.14-.44-.37-.27.459-.002.142-.438zm-2.201.588h.458l-.37.272.141.439-.371-.27-.372.27.142-.439-.372-.271.46-.001.142-.438zM2.938 8.7h.458l-.37.273.141.439-.371-.27-.372.27.141-.44-.37-.27h.459l.142-.44zM1.33 7.083h.458l-.37.272.14.44-.371-.271-.372.27.142-.439-.37-.271h.458l.143-.44zM.743 4.869H1.2l-.37.272.141.439-.371-.27-.372.27.142-.439L0 4.87l.459-.001L.6 4.43zm.581-2.217h.459l-.37.272.14.439-.37-.27-.372.27.14-.439-.37-.271h.459l.142-.44zM2.94 1.03h.459l-.37.272.14.44-.37-.272-.372.271.14-.439-.37-.271.458-.001.143-.439z'\n        />\n    </svg>\n);\n\nexport type LicensePlateProps = {\n    /**\n     * The country code.\n     *\n     * Should be a string with 1-3 capital letters.\n     */\n    countryCode?: string;\n\n    /**\n     * Whether the EU stars should be hidden.\n     */\n    hideStars?: boolean;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst LicensePlate = (props: PropsWithChildren<LicensePlateProps>) => {\n    const { countryCode, hideStars, className = '', children } = props;\n\n    let letterCount = '';\n    if (countryCode?.length === 2) {\n        letterCount = 'two-letters';\n    }\n    if (countryCode?.length === 3) {\n        letterCount = 'three-letters';\n    }\n\n    return (\n        <div className={`license-plate ${className}`}>\n            <div className='plate-content'>\n                {countryCode && (\n                    <div className='plate-country'>\n                        {!hideStars && <span className='stars'>{euStars}</span>}\n                        <span className={`plate-country-code ${letterCount}`}>{countryCode}</span>\n                    </div>\n                )}\n                <div className='plate-number'>{children}</div>\n            </div>\n        </div>\n    );\n};\n\nexport default LicensePlate;\n"],"names":["euStars","jsx","LicensePlate","props","countryCode","hideStars","className","children","letterCount","jsxs"],"mappings":";AAEA,MAAMA,sBACD,OAAA,EAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MACtD,UAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAS;AAAA,IACT,GAAE;AAAA,EAAA;AACN,GACJ,GAsBEC,IAAe,CAACC,MAAgD;AAClE,QAAM,EAAE,aAAAC,GAAa,WAAAC,GAAW,WAAAC,IAAY,IAAI,UAAAC,MAAaJ;AAE7D,MAAIK,IAAc;AAClB,SAAIJ,GAAa,WAAW,MACxBI,IAAc,gBAEdJ,GAAa,WAAW,MACxBI,IAAc,kBAId,gBAAAP,EAAC,SAAI,WAAW,iBAAiBK,CAAS,IACtC,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,iBACV,UAAA;AAAA,IAAAL,KACG,gBAAAK,EAAC,OAAA,EAAI,WAAU,iBACV,UAAA;AAAA,MAAA,CAACJ,KAAa,gBAAAJ,EAAC,QAAA,EAAK,WAAU,SAAS,UAAAD,GAAQ;AAAA,wBAC/C,QAAA,EAAK,WAAW,sBAAsBQ,CAAW,IAAK,UAAAJ,EAAA,CAAY;AAAA,IAAA,GACvE;AAAA,IAEJ,gBAAAH,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAM,EAAA,CAAS;AAAA,EAAA,EAAA,CAC5C,EAAA,CACJ;AAER;"}

package/components/listMenu/ListMenu.d.ts

@@ -1,5 +1,5 @@
-import React, { type ReactNode } from 'react';
-import { type ListMenuNavItem, type ListMenuItem } from './ListMenuGroup';
+import { default as React, ReactNode } from 'react';
+import { ListMenuNavItem, ListMenuItem } from './ListMenuGroup';
 export type { ListMenuNavItem, ListMenuItem } from './ListMenuGroup';
 export type ListMenuProps<T extends ListMenuNavItem> = {
     /**

package/components/listMenu/ListMenu.js

@@ -1,85 +1,111 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// biome-ignore lint/style/useImportType: <explanation>
-import { useEffect, useRef, useState } from 'react';
-import isEmpty from 'lodash/fp/isEmpty';
-import debounce from 'lodash/fp/debounce';
-import classNames from 'classnames';
-import useEffectOnce from '../../hooks/useEffectOnce';
-import ClearableInput from '../clearableInput/ClearableInput';
-import ExpanderPanel from '../expander/ExpanderPanel';
-import ListMenuGroup from './ListMenuGroup';
-import useEsc from '../../hooks/useEsc';
-import useWindowResize from '../../hooks/useWindowResize';
-import useKey from '../../hooks/useKey';
-const RESIZE_THROTTLING = 10;
-const MOBILE_MAX_WIDTH = 580;
-const filterMenuItems = (items, value, filterKey) => items.map(item => ({
-    ...item,
-    navItems: item.navItems.filter(navItem => navItem[filterKey].toLowerCase().includes(value.toLowerCase())),
-}));
-const hasMenuItems = (items) => items.find(({ navItems }) => !isEmpty(navItems));
-const ListMenu = (props) => {
-    const { menuItems, focusFilter = false, enableFilter = false, filterPlaceholder, onFilterChange = () => { }, notFoundMessage, className = '', groupClassName = '', responsive = true, autoClose = true, filterKey = 'key', trailingInputAddon, ...remainingProps } = props;
-    const [filterValue, setFilterValue] = useState('');
-    const [isMobileMode, setIsMobileMode] = useState(false);
-    const [isExpanderOpen, setIsExpanderOpen] = useState(false);
-    const [mobileHeader, setMobileHeader] = useState('');
-    const inputRef = useRef(null);
-    const listRef = useRef(null);
-    const buildMobileHeader = () => {
-        if (responsive && listRef.current) {
-            const [activeElement] = listRef.current.getElementsByClassName('active');
-            setMobileHeader(_jsxs("div", { className: 'display-flex align-items-center', children: [_jsx("span", { className: 'rioglyph rioglyph-menu-hamburger margin-right-10' }), _jsx("span", { children: activeElement?.innerText })] }));
-        }
-    };
-    // clear filter input on esc
-    useEsc(() => {
-        if (enableFilter && inputRef.current === document.activeElement) {
-            setFilterValue('');
-        }
-    });
-    // Convert the menu to an expandable panel for smaller screens
-    const handleMobileSize = debounce(RESIZE_THROTTLING)(() => {
-        buildMobileHeader();
-        setIsMobileMode(window.innerWidth < MOBILE_MAX_WIDTH);
-    });
-    // Render a dropdown menu on mobile on mount
-    useEffect(handleMobileSize, []);
-    useWindowResize(handleMobileSize);
-    const focusInput = () => {
-        inputRef.current?.focus();
-    };
-    useKey((event) => {
-        if ((event.metaKey || event.ctrlKey) && event.key === 'k') {
-            event.preventDefault();
-            focusInput();
-        }
-    });
-    // Focus filter input if requested
-    useEffectOnce(() => {
-        focusFilter && focusInput();
-    });
-    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
-    useEffect(() => buildMobileHeader, [menuItems]);
-    const handleClear = () => focusFilter && focusInput();
-    const handleFilterChange = (value) => {
-        setFilterValue(value);
-        onFilterChange(value);
-    };
-    const filteredMenuItems = filterMenuItems(menuItems, filterValue, filterKey);
-    const handleExpanderBodyClick = (event) => {
-        const isListItem = event.target.parentElement?.tagName.toLowerCase() === 'li';
-        if (autoClose && isListItem) {
-            setIsExpanderOpen(false);
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { useState as i, useRef as b, useEffect as x } from "react";
+import { isEmpty as _ } from "es-toolkit/compat";
+import j from "classnames";
+import A from "../../hooks/useEffectOnce.js";
+import D from "../clearableInput/ClearableInput.js";
+import G from "../expander/ExpanderPanel.js";
+import V from "./ListMenuGroup.js";
+import $ from "../../hooks/useEsc.js";
+import X from "../../hooks/useWindowResize.js";
+import Z from "../../hooks/useKey.js";
+import { debounce as q } from "es-toolkit/function";
+const J = 10, Q = 580, U = (n, s, r) => n.map((o) => ({
+  ...o,
+  navItems: o.navItems.filter(
+    (a) => a[r].toLowerCase().includes(s.toLowerCase())
+  )
+})), Y = (n) => n.find(({ navItems: s }) => !_(s)), pe = (n) => {
+  const {
+    menuItems: s,
+    focusFilter: r = !1,
+    enableFilter: o = !1,
+    filterPlaceholder: a,
+    onFilterChange: v = () => {
+    },
+    notFoundMessage: L,
+    className: w = "",
+    groupClassName: k = "",
+    responsive: f = !0,
+    autoClose: F = !0,
+    filterKey: O = "key",
+    trailingInputAddon: h,
+    ...R
+  } = n, [l, g] = i(""), [T, H] = i(!1), [y, M] = i(!1), [K, S] = i(""), c = b(null), m = b(null), N = () => {
+    if (f && m.current) {
+      const [e] = m.current.getElementsByClassName("active");
+      S(
+        /* @__PURE__ */ u("div", { className: "display-flex align-items-center", children: [
+          /* @__PURE__ */ t("span", { className: "rioglyph rioglyph-menu-hamburger margin-right-10" }),
+          /* @__PURE__ */ t("span", { children: e?.innerText })
+        ] })
+      );
+    }
+  };
+  $(() => {
+    o && c.current === document.activeElement && g("");
+  });
+  const E = q(() => {
+    N(), H(window.innerWidth < Q);
+  }, J);
+  x(E, []), X(E);
+  const d = () => {
+    c.current?.focus();
+  };
+  Z((e) => {
+    (e.metaKey || e.ctrlKey) && e.key === "k" && (e.preventDefault(), d());
+  }), A(() => {
+    r && d();
+  }), x(() => N, [s]);
+  const z = () => r && d(), B = (e) => {
+    g(e), v(e);
+  }, I = U(s, l, O), P = (e) => {
+    const p = e.target.parentElement?.tagName.toLowerCase() === "li";
+    F && p && M(!1);
+  }, W = j(
+    "form-group",
+    "margin-bottom-5",
+    "padding-left-15",
+    "padding-right-15",
+    "padding-bottom-15",
+    "position-sticky",
+    "top-0",
+    "z-index-1"
+  ), C = /* @__PURE__ */ u("div", { ...R, className: `ListMenu ${w} ${l ? "filtered" : ""}`, ref: m, children: [
+    o && /* @__PURE__ */ t("div", { className: W, children: /* @__PURE__ */ u("div", { className: "input-group width-100pct", children: [
+      /* @__PURE__ */ t("span", { className: "input-group-addon", children: /* @__PURE__ */ t("span", { className: "rioglyph rioglyph-search", "aria-hidden": "true" }) }),
+      /* @__PURE__ */ t(
+        D,
+        {
+          value: l,
+          inputRef: c,
+          placeholder: a,
+          onChange: B,
+          onClear: z
         }
-    };
-    const formClassNames = classNames('form-group', 'margin-bottom-5', 'padding-left-15', 'padding-right-15', 'padding-bottom-15', 'position-sticky', 'top-0', 'z-index-1');
-    const listMenu = (_jsxs("div", { ...remainingProps, className: `ListMenu ${className} ${filterValue ? 'filtered' : ''}`, ref: listRef, children: [enableFilter && (_jsx("div", { className: formClassNames, children: _jsxs("div", { className: 'input-group width-100pct', children: [_jsx("span", { className: 'input-group-addon', children: _jsx("span", { className: 'rioglyph rioglyph-search', "aria-hidden": 'true' }) }), _jsx(ClearableInput, { value: filterValue, inputRef: inputRef, placeholder: filterPlaceholder, onChange: handleFilterChange, onClear: handleClear }), trailingInputAddon && trailingInputAddon] }) })), !hasMenuItems(filteredMenuItems) && (_jsx("div", { className: 'padding-top-25 text-center text-color-gray', children: notFoundMessage })), filteredMenuItems.map((menuGroup, index) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: using a random key would re-render the list every time the parent updates
-            _jsx(ListMenuGroup, { className: groupClassName, menuGroup: menuGroup }, index)))] }));
-    if (responsive && isMobileMode) {
-        return (_jsx(ExpanderPanel, { title: mobileHeader, bsStyle: 'default', open: isExpanderOpen, onToggle: () => setIsExpanderOpen(!isExpanderOpen), unmountOnExit: false, className: 'shadow-default', children: _jsx("div", { onClick: handleExpanderBodyClick, children: listMenu }) }));
+      ),
+      h && h
+    ] }) }),
+    !Y(I) && /* @__PURE__ */ t("div", { className: "padding-top-25 text-center text-color-gray", children: L }),
+    I.map((e, p) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: using a random key would re-render the list every time the parent updates
+      /* @__PURE__ */ t(V, { className: k, menuGroup: e }, p)
+    ))
+  ] });
+  return f && T ? /* @__PURE__ */ t(
+    G,
+    {
+      title: K,
+      bsStyle: "default",
+      open: y,
+      onToggle: () => M(!y),
+      unmountOnExit: !1,
+      className: "shadow-default",
+      children: /* @__PURE__ */ t("div", { onClick: P, children: C })
     }
-    return listMenu;
+  ) : C;
+};
+export {
+  pe as default
 };
-export default ListMenu;
+//# sourceMappingURL=ListMenu.js.map

package/components/listMenu/ListMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListMenu.js","sources":["../../../src/components/listMenu/ListMenu.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: <explanation>\nimport React, { useEffect, useRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\nimport classNames from 'classnames';\n\nimport useEffectOnce from '../../hooks/useEffectOnce';\nimport ClearableInput from '../clearableInput/ClearableInput';\nimport ExpanderPanel from '../expander/ExpanderPanel';\nimport ListMenuGroup, { type ListMenuNavItem, type ListMenuItem } from './ListMenuGroup';\nimport useEsc from '../../hooks/useEsc';\nimport useWindowResize from '../../hooks/useWindowResize';\nimport useKey from '../../hooks/useKey';\nimport { debounce } from 'es-toolkit/function';\n\nexport type { ListMenuNavItem, ListMenuItem } from './ListMenuGroup';\n\nconst RESIZE_THROTTLING = 10;\nconst MOBILE_MAX_WIDTH = 580;\n\nconst filterMenuItems = <T extends ListMenuNavItem>(\n    items: ListMenuItem<T>[],\n    value: string,\n    filterKey: keyof T\n): ListMenuItem<T>[] =>\n    items.map(item => ({\n        ...item,\n        navItems: item.navItems.filter(navItem =>\n            (navItem[filterKey] as string).toLowerCase().includes(value.toLowerCase())\n        ),\n    }));\n\nconst hasMenuItems = <T extends ListMenuNavItem>(items: ListMenuItem<T>[]) =>\n    items.find(({ navItems }) => !isEmpty(navItems));\n\nexport type ListMenuProps<T extends ListMenuNavItem> = {\n    /**\n     * List of menu item groups to be shown.\n     */\n    menuItems: ListMenuItem<T>[];\n\n    /**\n     * Enables the filter.\n     *\n     * @default false\n     */\n    enableFilter?: boolean;\n\n    /**\n     * Focus the filter input.\n     *\n     * @default false\n     */\n    focusFilter?: boolean;\n\n    /**\n     * Define the attribute key for filtering.\n     *\n     * @default 'key'\n     */\n    filterKey?: keyof T;\n\n    /**\n     * The placeholder text for the filter input.\n     */\n    filterPlaceholder?: string;\n\n    /**\n     * Gets called when the filter input changes.\n     *\n     * @param value\n     * @returns\n     */\n    onFilterChange?: (value: string) => void;\n\n    /**\n     * A localized message to be shown when the filter result is empty.\n     */\n    notFoundMessage?: string | ReactNode;\n\n    /**\n     * The menu uses collapses on smaller screens using an expander panel.\n     *\n     * @default true\n     */\n    responsive?: boolean;\n\n    /**\n     * Enables automatic closing of the expander panel.\n     *\n     * Only relevant when using the `responsive` flag. Note: Make sure to not stop the events from bubbling up when\n     * clicking on a list item!\n     *\n     * Using `event.stopPropagation()` will prevent the panel from closing.\n     *\n     * @default true\n     */\n    autoClose?: boolean;\n\n    /**\n     * Additional classes to be set on the menu group element.\n     */\n    groupClassName?: string;\n\n    /**\n     * Additional addon for the input group.\n     */\n    trailingInputAddon?: React.ReactNode;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nconst ListMenu = <T extends ListMenuNavItem>(props: ListMenuProps<T>) => {\n    const {\n        menuItems,\n        focusFilter = false,\n        enableFilter = false,\n        filterPlaceholder,\n        onFilterChange = () => {},\n        notFoundMessage,\n        className = '',\n        groupClassName = '',\n        responsive = true,\n        autoClose = true,\n        filterKey = 'key',\n        trailingInputAddon,\n        ...remainingProps\n    } = props;\n\n    const [filterValue, setFilterValue] = useState('');\n    const [isMobileMode, setIsMobileMode] = useState(false);\n    const [isExpanderOpen, setIsExpanderOpen] = useState(false);\n    const [mobileHeader, setMobileHeader] = useState<ReactNode>('');\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const listRef = useRef<HTMLDivElement>(null);\n\n    const buildMobileHeader = () => {\n        if (responsive && listRef.current) {\n            const [activeElement] = listRef.current.getElementsByClassName('active') as HTMLCollectionOf<HTMLElement>;\n            setMobileHeader(\n                <div className='display-flex align-items-center'>\n                    <span className='rioglyph rioglyph-menu-hamburger margin-right-10' />\n                    <span>{activeElement?.innerText}</span>\n                </div>\n            );\n        }\n    };\n\n    // clear filter input on esc\n    useEsc(() => {\n        if (enableFilter && inputRef.current === document.activeElement) {\n            setFilterValue('');\n        }\n    });\n\n    // Convert the menu to an expandable panel for smaller screens\n    const handleMobileSize = debounce(() => {\n        buildMobileHeader();\n        setIsMobileMode(window.innerWidth < MOBILE_MAX_WIDTH);\n    }, RESIZE_THROTTLING);\n\n    // Render a dropdown menu on mobile on mount\n    useEffect(handleMobileSize, []);\n\n    useWindowResize(handleMobileSize);\n\n    const focusInput = () => {\n        inputRef.current?.focus();\n    };\n\n    useKey((event: KeyboardEvent) => {\n        if ((event.metaKey || event.ctrlKey) && event.key === 'k') {\n            event.preventDefault();\n            focusInput();\n        }\n    });\n\n    // Focus filter input if requested\n    useEffectOnce(() => {\n        focusFilter && focusInput();\n    });\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n    useEffect(() => buildMobileHeader, [menuItems]);\n\n    const handleClear = () => focusFilter && focusInput();\n\n    const handleFilterChange = (value: string) => {\n        setFilterValue(value);\n        onFilterChange(value);\n    };\n\n    const filteredMenuItems = filterMenuItems(menuItems, filterValue, filterKey);\n\n    const handleExpanderBodyClick = (event: MouseEvent) => {\n        const isListItem = (event.target as HTMLDivElement).parentElement?.tagName.toLowerCase() === 'li';\n        if (autoClose && isListItem) {\n            setIsExpanderOpen(false);\n        }\n    };\n\n    const formClassNames = classNames(\n        'form-group',\n        'margin-bottom-5',\n        'padding-left-15',\n        'padding-right-15',\n        'padding-bottom-15',\n        'position-sticky',\n        'top-0',\n        'z-index-1'\n    );\n\n    const listMenu = (\n        <div {...remainingProps} className={`ListMenu ${className} ${filterValue ? 'filtered' : ''}`} ref={listRef}>\n            {enableFilter && (\n                <div className={formClassNames}>\n                    <div className='input-group width-100pct'>\n                        <span className='input-group-addon'>\n                            <span className='rioglyph rioglyph-search' aria-hidden='true' />\n                        </span>\n                        <ClearableInput\n                            value={filterValue}\n                            inputRef={inputRef}\n                            placeholder={filterPlaceholder}\n                            onChange={handleFilterChange}\n                            onClear={handleClear}\n                        />\n                        {trailingInputAddon && trailingInputAddon}\n                    </div>\n                </div>\n            )}\n\n            {!hasMenuItems(filteredMenuItems) && (\n                <div className='padding-top-25 text-center text-color-gray'>{notFoundMessage}</div>\n            )}\n\n            {filteredMenuItems.map((menuGroup, index) => (\n                // biome-ignore lint/suspicious/noArrayIndexKey: using a random key would re-render the list every time the parent updates\n                <ListMenuGroup key={index} className={groupClassName} menuGroup={menuGroup} />\n            ))}\n        </div>\n    );\n\n    if (responsive && isMobileMode) {\n        return (\n            <ExpanderPanel\n                title={mobileHeader}\n                bsStyle='default'\n                open={isExpanderOpen}\n                onToggle={() => setIsExpanderOpen(!isExpanderOpen)}\n                unmountOnExit={false}\n                className='shadow-default'\n            >\n                <div onClick={handleExpanderBodyClick}>{listMenu}</div>\n            </ExpanderPanel>\n        );\n    }\n\n    return listMenu;\n};\n\nexport default ListMenu;\n"],"names":["RESIZE_THROTTLING","MOBILE_MAX_WIDTH","filterMenuItems","items","value","filterKey","item","navItem","hasMenuItems","navItems","isEmpty","ListMenu","props","menuItems","focusFilter","enableFilter","filterPlaceholder","onFilterChange","notFoundMessage","className","groupClassName","responsive","autoClose","trailingInputAddon","remainingProps","filterValue","setFilterValue","useState","isMobileMode","setIsMobileMode","isExpanderOpen","setIsExpanderOpen","mobileHeader","setMobileHeader","inputRef","useRef","listRef","buildMobileHeader","activeElement","jsxs","jsx","useEsc","handleMobileSize","debounce","useEffect","useWindowResize","focusInput","useKey","event","useEffectOnce","handleClear","handleFilterChange","filteredMenuItems","handleExpanderBodyClick","isListItem","formClassNames","classNames","listMenu","ClearableInput","menuGroup","index","ListMenuGroup","ExpanderPanel"],"mappings":"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"}

package/components/listMenu/ListMenuGroup.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type ListMenuNavItem = {
     /**
      * The name or key of the menu nav item.

package/components/listMenu/ListMenuGroup.js

@@ -1,10 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import ListMenuHeader from './ListMenuHeader';
-const ListMenuGroup = ({ menuGroup, className }) => {
-    if (!menuGroup.navItems.length) {
-        return null;
-    }
-    return (_jsxs("ul", { className: `ListMenuGroup ${className}`, children: [_jsx(ListMenuHeader, { ...menuGroup }), menuGroup.navItems.map(item => (_jsx("li", { className: classNames({ disabled: item.disabled, subitem: item.isSubItem }), children: item.item }, item.key)))] }));
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import l from "classnames";
+import i from "./ListMenuHeader.js";
+const o = ({ menuGroup: e, className: r }) => e.navItems.length ? /* @__PURE__ */ t("ul", { className: `ListMenuGroup ${r}`, children: [
+  /* @__PURE__ */ a(i, { ...e }),
+  e.navItems.map((s) => /* @__PURE__ */ a("li", { className: l({ disabled: s.disabled, subitem: s.isSubItem }), children: s.item }, s.key))
+] }) : null;
+export {
+  o as default
 };
-export default ListMenuGroup;
+//# sourceMappingURL=ListMenuGroup.js.map

package/components/listMenu/ListMenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListMenuGroup.js","sources":["../../../src/components/listMenu/ListMenuGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport ListMenuHeader from './ListMenuHeader';\n\nexport type ListMenuNavItem = {\n    /**\n     * The name or key of the menu nav item.\n     *\n     * This key will be used for filtering, hence it should match the translated menu item name.\n     */\n    key: string;\n\n    /**\n     * The menu nav item itself.\n     *\n     * This can be a simple `a`, `NavLink`, `Link`, `span` or even a `FormattedMessage`.\n     */\n    item: string | ReactNode;\n\n    /**\n     * Disables the list item.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether the current menu item is a child of another menu item.\n     */\n    isSubItem?: boolean;\n} & {\n    [otherFilterKey: Exclude<string, 'key' | 'item' | 'disabled' | 'isSubItem'>]: unknown;\n};\n\nexport type ListMenuItem<T extends ListMenuNavItem = ListMenuNavItem> = {\n    /**\n     * The optional group header to be shown.\n     *\n     * This can also be a component such as a `FormattedMessage`.\n     */\n    group?: string | ReactNode;\n\n    /**\n     * The optional group header link to be shown.\n     *\n     * This can be a link component such as `NavLink` or `Link`. This way, the header can be a link itself. In this\n     * case, the `group` prop can be omitted.\n     */\n    groupNavItem?: string | ReactNode;\n\n    /**\n     * The optional badge displayed alongside the group or nav items.\n     *\n     * This can be text or a React node for additional flexibility.\n     */\n    badge?: string | ReactNode;\n\n    /**\n     * The type of badge to display.\n     *\n     * Determines the visual style of the badge. Available types include:\n     * - `muted`: A subdued badge style.\n     * - `success`: Indicates a successful state.\n     * - `info`: Represents informational content.\n     * - `warning`: Warns of potential issues.\n     * - `danger`: Highlights a critical state.\n     */\n    badgeType?: 'muted' | 'success' | 'info' | 'warning' | 'danger';\n\n    /**\n     * The list of all menu items of a group.\n     */\n    navItems: T[];\n};\n\ntype ListMenuGroupProps<T extends ListMenuNavItem> = {\n    menuGroup: ListMenuItem<T>;\n    className: string;\n};\n\nconst ListMenuGroup = <T extends ListMenuNavItem>({ menuGroup, className }: ListMenuGroupProps<T>) => {\n    if (!menuGroup.navItems.length) {\n        return null;\n    }\n\n    return (\n        <ul className={`ListMenuGroup ${className}`}>\n            <ListMenuHeader {...menuGroup} />\n\n            {menuGroup.navItems.map(item => (\n                <li key={item.key} className={classNames({ disabled: item.disabled, subitem: item.isSubItem })}>\n                    {item.item}\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nexport default ListMenuGroup;\n"],"names":["ListMenuGroup","menuGroup","className","jsxs","jsx","ListMenuHeader","item","classNames"],"mappings":";;;AAiFA,MAAMA,IAAgB,CAA4B,EAAE,WAAAC,GAAW,WAAAC,QACtDD,EAAU,SAAS,SAKpB,gBAAAE,EAAC,MAAA,EAAG,WAAW,iBAAiBD,CAAS,IACrC,UAAA;AAAA,EAAA,gBAAAE,EAACC,GAAA,EAAgB,GAAGJ,GAAW;AAAA,EAE9BA,EAAU,SAAS,IAAI,CAAAK,wBACnB,MAAA,EAAkB,WAAWC,EAAW,EAAE,UAAUD,EAAK,UAAU,SAASA,EAAK,WAAW,GACxF,UAAAA,EAAK,KAAA,GADDA,EAAK,GAEd,CACH;AAAA,GACL,IAZO;"}

package/components/listMenu/ListMenuHeader.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { ReactNode } from 'react';
 type ListMenuHeaderProps = {
     group?: string | ReactNode;
     badge?: string | ReactNode;

package/components/listMenu/ListMenuHeader.js

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ListMenuHeader = ({ group, badge, badgeType = 'muted', groupNavItem, className = '' }) => {
-    if (!group && !groupNavItem) {
-        return null;
-    }
-    return (_jsxs("li", { className: 'ListMenuHeader', children: [groupNavItem ? groupNavItem : _jsx("span", { className: className, children: group }), badge && _jsx("span", { className: `badge badge-${badgeType}`, children: badge })] }));
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+const t = ({ group: s, badge: n, badgeType: l = "muted", groupNavItem: e, className: r = "" }) => !s && !e ? null : /* @__PURE__ */ d("li", { className: "ListMenuHeader", children: [
+  e || /* @__PURE__ */ a("span", { className: r, children: s }),
+  n && /* @__PURE__ */ a("span", { className: `badge badge-${l}`, children: n })
+] });
+export {
+  t as default
 };
-export default ListMenuHeader;
+//# sourceMappingURL=ListMenuHeader.js.map

package/components/listMenu/ListMenuHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListMenuHeader.js","sources":["../../../src/components/listMenu/ListMenuHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\ntype ListMenuHeaderProps = {\n    group?: string | ReactNode;\n    badge?: string | ReactNode;\n    badgeType?: 'muted' | 'success' | 'info' | 'warning' | 'danger';\n    groupNavItem?: string | ReactNode;\n    className?: string;\n};\n\nconst ListMenuHeader = ({ group, badge, badgeType = 'muted', groupNavItem, className = '' }: ListMenuHeaderProps) => {\n    if (!group && !groupNavItem) {\n        return null;\n    }\n\n    return (\n        <li className='ListMenuHeader'>\n            {groupNavItem ? groupNavItem : <span className={className}>{group}</span>}\n            {badge && <span className={`badge badge-${badgeType}`}>{badge}</span>}\n        </li>\n    );\n};\n\nexport default ListMenuHeader;\n"],"names":["ListMenuHeader","group","badge","badgeType","groupNavItem","className","jsxs","jsx"],"mappings":";AAUA,MAAMA,IAAiB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,IAAY,SAAS,cAAAC,GAAc,WAAAC,IAAY,SAC/E,CAACJ,KAAS,CAACG,IACJ,OAIP,gBAAAE,EAAC,MAAA,EAAG,WAAU,kBACT,UAAA;AAAA,EAAAF,KAA8B,gBAAAG,EAAC,QAAA,EAAK,WAAAF,GAAuB,UAAAJ,GAAM;AAAA,EACjEC,KAAS,gBAAAK,EAAC,QAAA,EAAK,WAAW,eAAeJ,CAAS,IAAK,UAAAD,EAAA,CAAM;AAAA,GAClE;"}

package/components/loadMore/LoadMoreButton.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type ProgressBarStyle } from './LoadMoreProgress';
+import { ReactNode } from 'react';
+import { ProgressBarStyle } from './LoadMoreProgress';
 type LoadMoreButtonProps = {
     /**
      * The number of already loaded elements. If set to 0 the progress bar will not be shown.

package/components/loadMore/LoadMoreButton.js

@@ -1,10 +1,50 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { LoadMoreProgress } from './LoadMoreProgress';
-export const LoadMoreButton = (props) => {
-    const { loaded = 0, total = 100, onLoadMore = () => { }, loadMoreMessage = '', noMoreMessage = '', isInteractive = true, progressBarStyle, className = '', ...remainingProps } = props;
-    const wrapperClassNames = classNames('LoadMoreButton', 'align-items-center', 'display-flex', 'justify-content-center', 'margin-top-25', 'margin-bottom-25', 'non-printable', className);
-    const hasMoreToLoad = loaded > 0 && total > 0 && loaded < total;
-    return (_jsx("div", { ...remainingProps, className: wrapperClassNames, children: _jsxs("div", { className: 'min-width-150', children: [_jsx(LoadMoreProgress, { loaded: loaded, total: total, progressBarStyle: progressBarStyle }), _jsxs("div", { className: 'display-flex justify-content-center', children: [hasMoreToLoad && isInteractive && (_jsxs("button", { className: 'btn btn-link padding-right-20 margin-top--5', type: 'button', onClick: onLoadMore, children: [_jsx("span", { className: 'rioglyph rioglyph-arrow-down' }), loadMoreMessage] })), hasMoreToLoad && !isInteractive && (_jsx("span", { className: 'padding-top-4 padding-bottom-10', children: loadMoreMessage })), !hasMoreToLoad && _jsx("span", { className: 'padding-top-4 padding-bottom-10', children: noMoreMessage })] })] }) }));
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import h from "classnames";
+import { LoadMoreProgress as N } from "./LoadMoreProgress.js";
+const f = (i) => {
+  const {
+    loaded: a = 0,
+    total: e = 100,
+    onLoadMore: d = () => {
+    },
+    loadMoreMessage: n = "",
+    noMoreMessage: l = "",
+    isInteractive: r = !0,
+    progressBarStyle: c,
+    className: p = "",
+    ...m
+  } = i, g = h(
+    "LoadMoreButton",
+    "align-items-center",
+    "display-flex",
+    "justify-content-center",
+    "margin-top-25",
+    "margin-bottom-25",
+    "non-printable",
+    p
+  ), t = a > 0 && e > 0 && a < e;
+  return /* @__PURE__ */ o("div", { ...m, className: g, children: /* @__PURE__ */ s("div", { className: "min-width-150", children: [
+    /* @__PURE__ */ o(N, { loaded: a, total: e, progressBarStyle: c }),
+    /* @__PURE__ */ s("div", { className: "display-flex justify-content-center", children: [
+      t && r && /* @__PURE__ */ s(
+        "button",
+        {
+          className: "btn btn-link padding-right-20 margin-top--5",
+          type: "button",
+          onClick: d,
+          children: [
+            /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-arrow-down" }),
+            n
+          ]
+        }
+      ),
+      t && !r && /* @__PURE__ */ o("span", { className: "padding-top-4 padding-bottom-10", children: n }),
+      !t && /* @__PURE__ */ o("span", { className: "padding-top-4 padding-bottom-10", children: l })
+    ] })
+  ] }) });
 };
-export default LoadMoreButton;
+export {
+  f as LoadMoreButton,
+  f as default
+};
+//# sourceMappingURL=LoadMoreButton.js.map

package/components/loadMore/LoadMoreButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreButton.js","sources":["../../../src/components/loadMore/LoadMoreButton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { LoadMoreProgress, type ProgressBarStyle } from './LoadMoreProgress';\n\ntype LoadMoreButtonProps = {\n    /**\n     * The number of already loaded elements. If set to 0 the progress bar will not be shown.\n     * @default 0\n     */\n    loaded?: number;\n\n    /**\n     * The number of all elements. If set to 0 the progress bar will not be shown.\n     * @default 100\n     */\n    total?: number;\n\n    /**\n     * The message that will be shown when everything is loaded.\n     */\n    noMoreMessage?: string | ReactNode;\n\n    /**\n     * The text for the load more button.\n     */\n    loadMoreMessage?: string | ReactNode;\n\n    /**\n     * If set to `false`, the button will not be rendered. The loadMoreMessage will be shown as text.\n     * @default true\n     */\n    isInteractive?: boolean;\n\n    /**\n     * Callback fired when clicking on the load more button.\n     */\n    onLoadMore?: VoidFunction;\n\n    /**\n     * In case the component is used on white background, set the progress bar style to `gray`.\n     * @default 'white'\n     */\n    progressBarStyle?: ProgressBarStyle;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\nexport const LoadMoreButton = (props: LoadMoreButtonProps) => {\n    const {\n        loaded = 0,\n        total = 100,\n        onLoadMore = () => {},\n        loadMoreMessage = '',\n        noMoreMessage = '',\n        isInteractive = true,\n        progressBarStyle,\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const wrapperClassNames = classNames(\n        'LoadMoreButton',\n        'align-items-center',\n        'display-flex',\n        'justify-content-center',\n        'margin-top-25',\n        'margin-bottom-25',\n        'non-printable',\n        className\n    );\n\n    const hasMoreToLoad = loaded > 0 && total > 0 && loaded < total;\n\n    return (\n        <div {...remainingProps} className={wrapperClassNames}>\n            <div className='min-width-150'>\n                <LoadMoreProgress loaded={loaded} total={total} progressBarStyle={progressBarStyle} />\n                <div className='display-flex justify-content-center'>\n                    {hasMoreToLoad && isInteractive && (\n                        <button\n                            className='btn btn-link padding-right-20 margin-top--5'\n                            type='button'\n                            onClick={onLoadMore}\n                        >\n                            <span className='rioglyph rioglyph-arrow-down' />\n                            {loadMoreMessage}\n                        </button>\n                    )}\n                    {hasMoreToLoad && !isInteractive && (\n                        <span className='padding-top-4 padding-bottom-10'>{loadMoreMessage}</span>\n                    )}\n                    {!hasMoreToLoad && <span className='padding-top-4 padding-bottom-10'>{noMoreMessage}</span>}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LoadMoreButton;\n"],"names":["LoadMoreButton","props","loaded","total","onLoadMore","loadMoreMessage","noMoreMessage","isInteractive","progressBarStyle","className","remainingProps","wrapperClassNames","classNames","hasMoreToLoad","jsx","jsxs","LoadMoreProgress"],"mappings":";;;AAmDO,MAAMA,IAAiB,CAACC,MAA+B;AAC1D,QAAM;AAAA,IACF,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa,MAAM;AAAA,IAAC;AAAA,IACpB,iBAAAC,IAAkB;AAAA,IAClB,eAAAC,IAAgB;AAAA,IAChB,eAAAC,IAAgB;AAAA,IAChB,kBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAH;AAAA,EAAA,GAGEI,IAAgBX,IAAS,KAAKC,IAAQ,KAAKD,IAASC;AAE1D,SACI,gBAAAW,EAAC,SAAK,GAAGJ,GAAgB,WAAWC,GAChC,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAiB,QAAAd,GAAgB,OAAAC,GAAc,kBAAAK,EAAA,CAAoC;AAAA,IACpF,gBAAAO,EAAC,OAAA,EAAI,WAAU,uCACV,UAAA;AAAA,MAAAF,KAAiBN,KACd,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAASX;AAAA,UAET,UAAA;AAAA,YAAA,gBAAAU,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,YAC9CT;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGRQ,KAAiB,CAACN,uBACd,QAAA,EAAK,WAAU,mCAAmC,UAAAF,GAAgB;AAAA,MAEtE,CAACQ,KAAiB,gBAAAC,EAAC,QAAA,EAAK,WAAU,mCAAmC,UAAAR,EAAA,CAAc;AAAA,IAAA,EAAA,CACxF;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/components/loadMore/LoadMoreProgress.js

@@ -1,19 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-const STYLE = {
-    WHITE: 'white',
-    GRAY: 'gray',
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import l from "react";
+import o from "classnames";
+const t = {
+  WHITE: "white",
+  GRAY: "gray"
+}, p = ({ loaded: e = 0, total: s = 0, progressBarStyle: a = t.WHITE }) => {
+  if (!e || !s)
+    return null;
+  const i = `${e / s * 100}%`, n = o(
+    "progress",
+    "height-2 margin-bottom-10",
+    a === t.GRAY ? "bg-lighter" : "bg-white"
+  ), c = o(
+    "progress-bar",
+    a === t.GRAY && i !== "100%" && "border border-right-only border-color-white border-width-2"
+  );
+  return /* @__PURE__ */ m(l.Fragment, { children: [
+    /* @__PURE__ */ m("div", { className: "text-center margin-bottom-3", children: [
+      /* @__PURE__ */ r("span", { className: "text-medium", children: e }),
+      /* @__PURE__ */ r("span", { className: "margin-left-5 margin-right-5", children: "/" }),
+      /* @__PURE__ */ r("span", { className: "text-medium", children: s })
+    ] }),
+    /* @__PURE__ */ r("div", { className: n, children: /* @__PURE__ */ r("div", { className: c, style: { width: i } }) })
+  ] });
 };
-export const LoadMoreProgress = ({ loaded = 0, total = 0, progressBarStyle = STYLE.WHITE }) => {
-    if (!loaded || !total) {
-        return null;
-    }
-    const width = `${(loaded / total) * 100}%`;
-    const progressClassName = classNames('progress', 'height-2 margin-bottom-10', progressBarStyle === STYLE.GRAY ? 'bg-lighter' : 'bg-white');
-    const progressBarClassName = classNames('progress-bar', progressBarStyle === STYLE.GRAY &&
-        width !== '100%' &&
-        'border border-right-only border-color-white border-width-2');
-    return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: 'text-center margin-bottom-3', children: [_jsx("span", { className: 'text-medium', children: loaded }), _jsx("span", { className: 'margin-left-5 margin-right-5', children: "/" }), _jsx("span", { className: 'text-medium', children: total })] }), _jsx("div", { className: progressClassName, children: _jsx("div", { className: progressBarClassName, style: { width } }) })] }));
+export {
+  p as LoadMoreProgress,
+  p as default
 };
-export default LoadMoreProgress;
+//# sourceMappingURL=LoadMoreProgress.js.map

package/components/loadMore/LoadMoreProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreProgress.js","sources":["../../../src/components/loadMore/LoadMoreProgress.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nconst STYLE = {\n    WHITE: 'white',\n    GRAY: 'gray',\n} as const;\n\nexport type ProgressBarStyle = (typeof STYLE)[keyof typeof STYLE];\n\ntype LoadMoreProgressProps = {\n    loaded: number;\n    total: number;\n    progressBarStyle?: ProgressBarStyle;\n};\n\nexport const LoadMoreProgress = ({ loaded = 0, total = 0, progressBarStyle = STYLE.WHITE }: LoadMoreProgressProps) => {\n    if (!loaded || !total) {\n        return null;\n    }\n\n    const width = `${(loaded / total) * 100}%`;\n\n    const progressClassName = classNames(\n        'progress',\n        'height-2 margin-bottom-10',\n        progressBarStyle === STYLE.GRAY ? 'bg-lighter' : 'bg-white'\n    );\n\n    const progressBarClassName = classNames(\n        'progress-bar',\n        progressBarStyle === STYLE.GRAY &&\n            width !== '100%' &&\n            'border border-right-only border-color-white border-width-2'\n    );\n\n    return (\n        <React.Fragment>\n            <div className='text-center margin-bottom-3'>\n                <span className='text-medium'>{loaded}</span>\n                <span className='margin-left-5 margin-right-5'>/</span>\n                <span className='text-medium'>{total}</span>\n            </div>\n            <div className={progressClassName}>\n                <div className={progressBarClassName} style={{ width }} />\n            </div>\n        </React.Fragment>\n    );\n};\n\nexport default LoadMoreProgress;\n"],"names":["STYLE","LoadMoreProgress","loaded","total","progressBarStyle","width","progressClassName","classNames","progressBarClassName","jsxs","React","jsx"],"mappings":";;;AAGA,MAAMA,IAAQ;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AACV,GAUaC,IAAmB,CAAC,EAAE,QAAAC,IAAS,GAAG,OAAAC,IAAQ,GAAG,kBAAAC,IAAmBJ,EAAM,YAAmC;AAClH,MAAI,CAACE,KAAU,CAACC;AACZ,WAAO;AAGX,QAAME,IAAQ,GAAIH,IAASC,IAAS,GAAG,KAEjCG,IAAoBC;AAAA,IACtB;AAAA,IACA;AAAA,IACAH,MAAqBJ,EAAM,OAAO,eAAe;AAAA,EAAA,GAG/CQ,IAAuBD;AAAA,IACzB;AAAA,IACAH,MAAqBJ,EAAM,QACvBK,MAAU,UACV;AAAA,EAAA;AAGR,SACI,gBAAAI,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,+BACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAT,GAAO;AAAA,MACtC,gBAAAS,EAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,KAAC;AAAA,MAChD,gBAAAA,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAR,EAAA,CAAM;AAAA,IAAA,GACzC;AAAA,IACA,gBAAAQ,EAAC,OAAA,EAAI,WAAWL,GACZ,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWH,GAAsB,OAAO,EAAE,OAAAH,EAAA,EAAM,CAAG,EAAA,CAC5D;AAAA,EAAA,GACJ;AAER;"}

package/components/map/components/Map.d.ts

@@ -1,4 +1,4 @@
-import type { MapProps, MapType } from '../utils/mapTypes';
+import { MapProps, MapType } from '../utils/mapTypes';
 declare const Map: {
     (props: MapProps): import("react/jsx-runtime").JSX.Element;
     TYPE_DEFAULT: MapType;