@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/components/licensePlate/LicensePlate.js.map

@@ -1 +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;"}
+{"version":3,"file":"LicensePlate.js","names":[],"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"],"mappings":";;AAEA,IAAM,IACF,kBAAC,OAAD;CAAK,OAAM;CAA6B,OAAM;CAAK,QAAO;WACtD,kBAAC,QAAD;EACI,MAAK;EACL,UAAS;EACT,GAAE;CACL,CAAA;AACA,CAAA,GAsBH,KAAgB,MAAgD;CAClE,IAAM,EAAE,gBAAa,cAAW,eAAY,IAAI,gBAAa,GAEzD,IAAc;CAQlB,OAPI,GAAa,WAAW,MACxB,IAAc,gBAEd,GAAa,WAAW,MACxB,IAAc,kBAId,kBAAC,OAAD;EAAK,WAAW,iBAAiB;YAC7B,kBAAC,OAAD;GAAK,WAAU;aAAf,CACK,KACG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACK,CAAC,KAAa,kBAAC,QAAD;KAAM,WAAU;eAAS;IAAc,CAAA,GACtD,kBAAC,QAAD;KAAM,WAAW,sBAAsB;eAAgB;IAAkB,CAAA,CACxE;OAET,kBAAC,OAAD;IAAK,WAAU;IAAgB;GAAc,CAAA,CAC5C;;CACJ,CAAA;AAEb"}

package/components/listMenu/ListMenu.js

@@ -1,116 +1,108 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { useState as l, useRef as x, useEffect as v } from "react";
-import { isEmpty as j } from "es-toolkit/compat";
-import A from "../../utils/classNames.js";
-import D from "../../hooks/useEffectOnce.js";
-import G from "../../hooks/useSearchHighlight.js";
-import V from "../clearableInput/ClearableInput.js";
-import $ from "../expander/ExpanderPanel.js";
-import q from "./ListMenuGroup.js";
-import X from "../../hooks/useEsc.js";
-import Z from "../../hooks/useWindowResize.js";
-import J from "../../hooks/useKey.js";
-import { debounce as Q } from "es-toolkit/function";
-const U = 10, Y = 580, ee = (r, s, o) => r.map((n) => ({
-  ...n,
-  navItems: n.navItems.filter(
-    (c) => c[o].toLowerCase().includes(s.toLowerCase())
-  )
-})), te = (r) => r.find(({ navItems: s }) => !j(s)), he = (r) => {
-  const {
-    menuItems: s,
-    focusFilter: o = !1,
-    enableFilter: n = !1,
-    filterPlaceholder: c,
-    onFilterChange: h = () => {
-    },
-    notFoundMessage: L,
-    className: w = "",
-    groupClassName: F = "",
-    responsive: g = !0,
-    autoClose: k = !0,
-    filterKey: H = "key",
-    trailingInputAddon: y,
-    filterFn: O,
-    ...R
-  } = r, [i, M] = l(""), [T, S] = l(!1), [N, E] = l(!1), [K, z] = l(""), m = x(null), a = x(null), I = () => {
-    if (g && a.current) {
-      const [e] = a.current.getElementsByClassName("active");
-      z(
-        /* @__PURE__ */ f("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 })
-        ] })
-      );
-    }
-  };
-  X(() => {
-    n && m.current === document.activeElement && (M(""), h(""));
-  });
-  const C = Q(() => {
-    I(), S(window.innerWidth < Y);
-  }, U);
-  v(C, []), Z(C);
-  const d = () => {
-    m.current?.focus();
-  };
-  J((e) => {
-    (e.metaKey || e.ctrlKey) && e.key === "k" && (e.preventDefault(), d());
-  }), D(() => {
-    o && d();
-  }), v(I, [s]);
-  const B = () => o && d(), P = (e) => {
-    M(e), h(e);
-  }, p = n ? (O ?? ee)(s, i, H) : s;
-  G({
-    ref: a,
-    query: n ? i : "",
-    deps: [p]
-  });
-  const W = (e) => {
-    const u = e.target.parentElement?.tagName.toLowerCase() === "li";
-    k && u && E(!1);
-  }, _ = A(
-    "form-group",
-    "margin-bottom-5",
-    "padding-left-15",
-    "padding-right-15",
-    "padding-bottom-15",
-    "position-sticky",
-    "top-0",
-    "z-index-1"
-  ), b = /* @__PURE__ */ f("div", { ...R, className: `ListMenu ${w} ${i ? "filtered" : ""}`, ref: a, children: [
-    n && /* @__PURE__ */ t("div", { className: _, children: /* @__PURE__ */ f("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(
-        V,
-        {
-          value: i,
-          inputRef: m,
-          placeholder: c,
-          onChange: P,
-          onClear: B
-        }
-      ),
-      y && y
-    ] }) }),
-    !te(p) && /* @__PURE__ */ t("div", { className: "padding-top-25 text-center text-color-gray", children: L }),
-    p.map((e, u) => /* @__PURE__ */ t(q, { className: F, menuGroup: e }, u))
-  ] });
-  return g && T ? /* @__PURE__ */ t(
-    $,
-    {
-      title: K,
-      bsStyle: "default",
-      open: N,
-      onToggle: () => E(!N),
-      unmountOnExit: !1,
-      className: "shadow-default",
-      children: /* @__PURE__ */ t("div", { onClick: W, children: b })
-    }
-  ) : b;
+import e from "../../hooks/useWindowResize.js";
+import t from "../../hooks/useSearchHighlight.js";
+import n from "../../hooks/useKey.js";
+import r from "../../hooks/useEsc.js";
+import i from "../../hooks/useEffectOnce.js";
+import a from "../../utils/classNames.js";
+import o from "../clearableInput/ClearableInput.js";
+import s from "../expander/ExpanderPanel.js";
+import c from "./ListMenuGroup.js";
+import { useEffect as l, useRef as u, useState as d } from "react";
+import { debounce as f } from "es-toolkit/function";
+import { isEmpty as p } from "es-toolkit/compat";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/listMenu/ListMenu.tsx
+var g = 10, _ = 580, v = (e, t, n) => e.map((e) => ({
+	...e,
+	navItems: e.navItems.filter((e) => e[n].toLowerCase().includes(t.toLowerCase()))
+})), y = (e) => e.find(({ navItems: e }) => !p(e)), b = (p) => {
+	let { menuItems: b, focusFilter: x = !1, enableFilter: S = !1, filterPlaceholder: C, onFilterChange: w = () => {}, notFoundMessage: T, className: E = "", groupClassName: D = "", responsive: O = !0, autoClose: k = !0, filterKey: A = "key", trailingInputAddon: j, filterFn: M, ...N } = p, [P, F] = d(""), [I, L] = d(!1), [R, z] = d(!1), [B, V] = d(""), H = u(null), U = u(null), W = () => {
+		if (O && U.current) {
+			let [e] = U.current.getElementsByClassName("active");
+			V(/* @__PURE__ */ h("div", {
+				className: "display-flex align-items-center",
+				children: [/* @__PURE__ */ m("span", { className: "uikit-icon icon-menu-hamburger margin-right-10" }), /* @__PURE__ */ m("span", { children: e?.innerText })]
+			}));
+		}
+	};
+	r(() => {
+		S && H.current === document.activeElement && (F(""), w(""));
+	});
+	let G = f(() => {
+		W(), L(window.innerWidth < _);
+	}, g);
+	l(G, []), e(G);
+	let K = () => {
+		H.current?.focus();
+	};
+	n((e) => {
+		(e.metaKey || e.ctrlKey) && e.key === "k" && (e.preventDefault(), K());
+	}), i(() => {
+		x && K();
+	}), l(W, [b]);
+	let q = () => x && K(), J = (e) => {
+		F(e), w(e);
+	}, Y = S ? (M ?? v)(b, P, A) : b;
+	t({
+		ref: U,
+		query: S ? P : "",
+		deps: [Y]
+	});
+	let X = (e) => {
+		let t = e.target.parentElement?.tagName.toLowerCase() === "li";
+		k && t && z(!1);
+	}, Z = a("form-group", "margin-bottom-5", "padding-left-15", "padding-right-15", "padding-bottom-15", "position-sticky", "top-0", "z-index-1"), Q = /* @__PURE__ */ h("div", {
+		...N,
+		className: `ListMenu ${E} ${P ? "filtered" : ""}`,
+		ref: U,
+		children: [
+			S && /* @__PURE__ */ m("div", {
+				className: Z,
+				children: /* @__PURE__ */ h("div", {
+					className: "input-group width-100pct",
+					children: [
+						/* @__PURE__ */ m("span", {
+							className: "input-group-addon",
+							children: /* @__PURE__ */ m("span", {
+								className: "uikit-icon icon-search",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ m(o, {
+							value: P,
+							inputRef: H,
+							placeholder: C,
+							onChange: J,
+							onClear: q
+						}),
+						j && j
+					]
+				})
+			}),
+			!y(Y) && /* @__PURE__ */ m("div", {
+				className: "padding-top-25 text-center text-color-gray",
+				children: T
+			}),
+			Y.map((e, t) => /* @__PURE__ */ m(c, {
+				className: D,
+				menuGroup: e
+			}, t))
+		]
+	});
+	return O && I ? /* @__PURE__ */ m(s, {
+		title: B,
+		bsStyle: "default",
+		open: R,
+		onToggle: () => z(!R),
+		unmountOnExit: !1,
+		className: "shadow-default",
+		children: /* @__PURE__ */ m("div", {
+			onClick: X,
+			children: Q
+		})
+	}) : Q;
 };
-export {
-  he as default
-};
-//# sourceMappingURL=ListMenu.js.map
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=ListMenu.js.map

package/components/listMenu/ListMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListMenu.js","sources":["../../../src/components/listMenu/ListMenu.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport useEffectOnce from '../../hooks/useEffectOnce';\nimport useSearchHighlight from '../../hooks/useSearchHighlight';\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\ntype ListMenuFilterFn<T extends ListMenuNavItem> = (\n    items: ListMenuItem<T>[],\n    value: string,\n    filterKey: keyof T\n) => ListMenuItem<T>[];\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    /**\n     * Optional custom filter function.\n     *\n     * Use this when filtering should do more than a simple substring match,\n     * for example fuzzy ranking or multi-field weighting.\n     */\n    filterFn?: ListMenuFilterFn<T>;\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        filterFn,\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            onFilterChange('');\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    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 = enableFilter\n        ? (filterFn ?? filterMenuItems)(menuItems, filterValue, filterKey)\n        : menuItems;\n\n    useSearchHighlight({\n        ref: listRef,\n        query: enableFilter ? filterValue : '',\n        deps: [filteredMenuItems],\n    });\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                <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","filterFn","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","useSearchHighlight","handleExpanderBodyClick","isListItem","formClassNames","classNames","listMenu","ClearableInput","menuGroup","index","ListMenuGroup","ExpanderPanel"],"mappings":"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"}
+{"version":3,"file":"ListMenu.js","names":[],"sources":["../../../src/components/listMenu/ListMenu.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport useEffectOnce from '../../hooks/useEffectOnce';\nimport useSearchHighlight from '../../hooks/useSearchHighlight';\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\ntype ListMenuFilterFn<T extends ListMenuNavItem> = (\n    items: ListMenuItem<T>[],\n    value: string,\n    filterKey: keyof T\n) => ListMenuItem<T>[];\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    /**\n     * Optional custom filter function.\n     *\n     * Use this when filtering should do more than a simple substring match,\n     * for example fuzzy ranking or multi-field weighting.\n     */\n    filterFn?: ListMenuFilterFn<T>;\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        filterFn,\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='uikit-icon icon-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            onFilterChange('');\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    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 = enableFilter\n        ? (filterFn ?? filterMenuItems)(menuItems, filterValue, filterKey)\n        : menuItems;\n\n    useSearchHighlight({\n        ref: listRef,\n        query: enableFilter ? filterValue : '',\n        deps: [filteredMenuItems],\n    });\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='uikit-icon icon-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                <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"],"mappings":"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"}

package/components/listMenu/ListMenuGroup.js

@@ -1,11 +1,15 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import l from "../../utils/classNames.js";
-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(s.disabled && "disabled", s.isSubItem && "subitem"), children: s.item }, s.key))
-] }) : null;
-export {
-  o as default
-};
-//# sourceMappingURL=ListMenuGroup.js.map
+import e from "../../utils/classNames.js";
+import t from "./ListMenuHeader.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/listMenu/ListMenuGroup.tsx
+var i = ({ menuGroup: i, className: a }) => i.navItems.length ? /* @__PURE__ */ r("ul", {
+	className: `ListMenuGroup ${a}`,
+	children: [/* @__PURE__ */ n(t, { ...i }), i.navItems.map((t) => /* @__PURE__ */ n("li", {
+		className: e(t.disabled && "disabled", t.isSubItem && "subitem"),
+		children: t.item
+	}, t.key))]
+}) : null;
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=ListMenuGroup.js.map

package/components/listMenu/ListMenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListMenuGroup.js","sources":["../../../src/components/listMenu/ListMenuGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\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     *\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(item.disabled && 'disabled', item.isSubItem && 'subitem')}>\n                    {item.item}\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nexport default ListMenuGroup;\n"],"names":["ListMenuGroup","menuGroup","className","jsxs","jsx","ListMenuHeader","classNames","item"],"mappings":";;;AAkFA,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,OACpB,gBAAAG,EAAC,MAAA,EAAkB,WAAWE,EAAWC,EAAK,YAAY,YAAYA,EAAK,aAAa,SAAS,GAC5F,YAAK,KAAA,GADDA,EAAK,GAEd,CACH;AAAA,GACL,IAZO;"}
+{"version":3,"file":"ListMenuGroup.js","names":[],"sources":["../../../src/components/listMenu/ListMenuGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\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     *\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(item.disabled && 'disabled', item.isSubItem && 'subitem')}>\n                    {item.item}\n                </li>\n            ))}\n        </ul>\n    );\n};\n\nexport default ListMenuGroup;\n"],"mappings":";;;;AAkFA,IAAM,KAA4C,EAAE,cAAW,mBACtD,EAAU,SAAS,SAKpB,kBAAC,MAAD;CAAI,WAAW,iBAAiB;WAAhC,CACI,kBAAC,GAAD,EAAgB,GAAI,EAAY,CAAA,GAE/B,EAAU,SAAS,KAAI,MACpB,kBAAC,MAAD;EAAmB,WAAW,EAAW,EAAK,YAAY,YAAY,EAAK,aAAa,SAAS;YAC5F,EAAK;CACN,GAFK,EAAK,GAEV,CACP,CACD;KAZG"}

package/components/listMenu/ListMenuHeader.js

@@ -1,9 +1,16 @@
-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
-};
-//# sourceMappingURL=ListMenuHeader.js.map
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/listMenu/ListMenuHeader.tsx
+var n = ({ group: n, badge: r, badgeType: i = "muted", groupNavItem: a, className: o = "" }) => !n && !a ? null : /* @__PURE__ */ t("li", {
+	className: "ListMenuHeader",
+	children: [a || /* @__PURE__ */ e("span", {
+		className: o,
+		children: n
+	}), r && /* @__PURE__ */ e("span", {
+		className: `badge badge-${i}`,
+		children: r
+	})]
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=ListMenuHeader.js.map

package/components/listMenu/ListMenuHeader.js.map

@@ -1 +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;"}
+{"version":3,"file":"ListMenuHeader.js","names":[],"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"],"mappings":";;AAUA,IAAM,KAAkB,EAAE,UAAO,UAAO,eAAY,SAAS,iBAAc,eAAY,SAC/E,CAAC,KAAS,CAAC,IACJ,OAIP,kBAAC,MAAD;CAAI,WAAU;WAAd,CACK,KAA8B,kBAAC,QAAD;EAAiB;YAAY;CAAY,CAAA,GACvE,KAAS,kBAAC,QAAD;EAAM,WAAW,eAAe;YAAc;CAAY,CAAA,CACpE"}

package/components/loadMore/LoadMoreButton.js

@@ -1,54 +1,42 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import N from "../../utils/classNames.js";
-import { mergeClassNameOverrides as u } from "../../utils/mergeClassNameOverrides.js";
-import { LoadMoreProgress as f } from "./LoadMoreProgress.js";
-const x = (i) => {
-  const {
-    loaded: o = 0,
-    total: a = 100,
-    onLoadMore: d = () => {
-    },
-    loadMoreMessage: s = "",
-    noMoreMessage: l = "",
-    isInteractive: n = !0,
-    progressBarStyle: m,
-    className: p = "",
-    hideOnPrint: c = !0,
-    ...g
-  } = i, h = u(
-    N(
-      "LoadMoreButton",
-      "align-items-center",
-      "display-flex",
-      "justify-content-center",
-      "margin-top-25",
-      "margin-bottom-25",
-      c && "non-printable"
-    ),
-    p
-  ), t = o > 0 && a > 0 && o < a;
-  return /* @__PURE__ */ e("div", { ...g, className: h, children: /* @__PURE__ */ r("div", { className: "min-width-150", children: [
-    /* @__PURE__ */ e(f, { loaded: o, total: a, progressBarStyle: m }),
-    /* @__PURE__ */ r("div", { className: "display-flex justify-content-center", children: [
-      t && n && /* @__PURE__ */ r(
-        "button",
-        {
-          className: "btn btn-link padding-right-20 margin-top--5",
-          type: "button",
-          onClick: d,
-          children: [
-            /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-arrow-down" }),
-            s
-          ]
-        }
-      ),
-      t && !n && /* @__PURE__ */ e("span", { className: "padding-top-4 padding-bottom-10", children: s }),
-      !t && /* @__PURE__ */ e("span", { className: "padding-top-4 padding-bottom-10", children: l })
-    ] })
-  ] }) });
+import { mergeClassNameOverrides as e } from "../../utils/mergeClassNameOverrides.js";
+import t from "../../utils/classNames.js";
+import { LoadMoreProgress as n } from "./LoadMoreProgress.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/loadMore/LoadMoreButton.tsx
+var a = (a) => {
+	let { loaded: o = 0, total: s = 100, onLoadMore: c = () => {}, loadMoreMessage: l = "", noMoreMessage: u = "", isInteractive: d = !0, progressBarStyle: f, className: p = "", hideOnPrint: m = !0, ...h } = a, g = e(t("LoadMoreButton", "align-items-center", "display-flex", "justify-content-center", "margin-top-25", "margin-bottom-25", m && "non-printable"), p), _ = o > 0 && s > 0 && o < s;
+	return /* @__PURE__ */ r("div", {
+		...h,
+		className: g,
+		children: /* @__PURE__ */ i("div", {
+			className: "min-width-150",
+			children: [/* @__PURE__ */ r(n, {
+				loaded: o,
+				total: s,
+				progressBarStyle: f
+			}), /* @__PURE__ */ i("div", {
+				className: "display-flex justify-content-center",
+				children: [
+					_ && d && /* @__PURE__ */ i("button", {
+						className: "btn btn-link padding-right-20 margin-top--5",
+						type: "button",
+						onClick: c,
+						children: [/* @__PURE__ */ r("span", { className: "uikit-icon icon-arrow-down" }), l]
+					}),
+					_ && !d && /* @__PURE__ */ r("span", {
+						className: "padding-top-4 padding-bottom-10",
+						children: l
+					}),
+					!_ && /* @__PURE__ */ r("span", {
+						className: "padding-top-4 padding-bottom-10",
+						children: u
+					})
+				]
+			})]
+		})
+	});
 };
-export {
-  x as LoadMoreButton,
-  x as default
-};
-//# sourceMappingURL=LoadMoreButton.js.map
+//#endregion
+export { a as LoadMoreButton, a as default };
+
+//# sourceMappingURL=LoadMoreButton.js.map

package/components/loadMore/LoadMoreButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreButton.js","sources":["../../../src/components/loadMore/LoadMoreButton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\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    /**\n     * Hides the wrapper in print styles.\n     * @default true\n     */\n    hideOnPrint?: boolean;\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        hideOnPrint = true,\n        ...remainingProps\n    } = props;\n\n    const wrapperClassNames = mergeClassNameOverrides(\n        classNames(\n            'LoadMoreButton',\n            'align-items-center',\n            'display-flex',\n            'justify-content-center',\n            'margin-top-25',\n            'margin-bottom-25',\n            hideOnPrint && 'non-printable'\n        ),\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","hideOnPrint","remainingProps","wrapperClassNames","mergeClassNameOverrides","classNames","hasMoreToLoad","jsx","jsxs","LoadMoreProgress"],"mappings":";;;;AA0DO,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,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,IACHV,GAEEW,IAAoBC;AAAA,IACtBC;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ,KAAe;AAAA,IAAA;AAAA,IAEnBD;AAAA,EAAA,GAGEM,IAAgBb,IAAS,KAAKC,IAAQ,KAAKD,IAASC;AAE1D,SACI,gBAAAa,EAAC,SAAK,GAAGL,GAAgB,WAAWC,GAChC,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAiB,QAAAhB,GAAgB,OAAAC,GAAc,kBAAAK,EAAA,CAAoC;AAAA,IACpF,gBAAAS,EAAC,OAAA,EAAI,WAAU,uCACV,UAAA;AAAA,MAAAF,KAAiBR,KACd,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAASb;AAAA,UAET,UAAA;AAAA,YAAA,gBAAAY,EAAC,QAAA,EAAK,WAAU,+BAAA,CAA+B;AAAA,YAC9CX;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGRU,KAAiB,CAACR,uBACd,QAAA,EAAK,WAAU,mCAAmC,UAAAF,GAAgB;AAAA,MAEtE,CAACU,KAAiB,gBAAAC,EAAC,QAAA,EAAK,WAAU,mCAAmC,UAAAV,EAAA,CAAc;AAAA,IAAA,EAAA,CACxF;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"LoadMoreButton.js","names":[],"sources":["../../../src/components/loadMore/LoadMoreButton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { mergeClassNameOverrides } from '../../utils/mergeClassNameOverrides';\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    /**\n     * Hides the wrapper in print styles.\n     * @default true\n     */\n    hideOnPrint?: boolean;\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        hideOnPrint = true,\n        ...remainingProps\n    } = props;\n\n    const wrapperClassNames = mergeClassNameOverrides(\n        classNames(\n            'LoadMoreButton',\n            'align-items-center',\n            'display-flex',\n            'justify-content-center',\n            'margin-top-25',\n            'margin-bottom-25',\n            hideOnPrint && 'non-printable'\n        ),\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='uikit-icon icon-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"],"mappings":";;;;;AA0DA,IAAa,KAAkB,MAA+B;CAC1D,IAAM,EACF,YAAS,GACT,WAAQ,KACR,sBAAmB,CAAC,GACpB,qBAAkB,IAClB,mBAAgB,IAChB,mBAAgB,IAChB,qBACA,eAAY,IACZ,iBAAc,IACd,GAAG,MACH,GAEE,IAAoB,EACtB,EACI,kBACA,sBACA,gBACA,0BACA,iBACA,oBACA,KAAe,eACnB,GACA,CACJ,GAEM,IAAgB,IAAS,KAAK,IAAQ,KAAK,IAAS;CAE1D,OACI,kBAAC,OAAD;EAAK,GAAI;EAAgB,WAAW;YAChC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IAA0B;IAAe;IAAyB;GAAmB,CAAA,GACrF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACK,KAAiB,KACd,kBAAC,UAAD;MACI,WAAU;MACV,MAAK;MACL,SAAS;gBAHb,CAKI,kBAAC,QAAD,EAAM,WAAU,6BAA8B,CAAA,GAC7C,CACG;;KAEX,KAAiB,CAAC,KACf,kBAAC,QAAD;MAAM,WAAU;gBAAmC;KAAsB,CAAA;KAE5E,CAAC,KAAiB,kBAAC,QAAD;MAAM,WAAU;gBAAmC;KAAoB,CAAA;IACzF;KACJ;;CACJ,CAAA;AAEb"}

package/components/loadMore/LoadMoreProgress.js

@@ -1,30 +1,38 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import l from "react";
-import o from "../../utils/classNames.js";
-const t = {
-  WHITE: "white",
-  GRAY: "gray"
-}, p = ({ loaded: e = 0, total: s = 0, progressBarStyle: i = t.WHITE }) => {
-  if (!e || !s)
-    return null;
-  const a = `${e / s * 100}%`, n = o(
-    "progress",
-    "height-2 margin-bottom-10",
-    i === t.GRAY ? "bg-lighter" : "bg-white"
-  ), c = o(
-    "progress-bar",
-    i === t.GRAY && a !== "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: a } }) })
-  ] });
+import e from "../../utils/classNames.js";
+import t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/loadMore/LoadMoreProgress.tsx
+var i = {
+	WHITE: "white",
+	GRAY: "gray"
+}, a = ({ loaded: a = 0, total: o = 0, progressBarStyle: s = i.WHITE }) => {
+	if (!a || !o) return null;
+	let c = `${a / o * 100}%`, l = e("progress", "height-2 margin-bottom-10", s === i.GRAY ? "bg-lighter" : "bg-white"), u = e("progress-bar", s === i.GRAY && c !== "100%" && "border border-right-only border-color-white border-width-2");
+	return /* @__PURE__ */ r(t.Fragment, { children: [/* @__PURE__ */ r("div", {
+		className: "text-center margin-bottom-3",
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: "text-medium",
+				children: a
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "margin-left-5 margin-right-5",
+				children: "/"
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "text-medium",
+				children: o
+			})
+		]
+	}), /* @__PURE__ */ n("div", {
+		className: l,
+		children: /* @__PURE__ */ n("div", {
+			className: u,
+			style: { width: c }
+		})
+	})] });
 };
-export {
-  p as LoadMoreProgress
-};
-//# sourceMappingURL=LoadMoreProgress.js.map
+//#endregion
+export { a as LoadMoreProgress, a as default };
+
+//# sourceMappingURL=LoadMoreProgress.js.map