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

package/components/selects/MultiselectToggleFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectToggleFilter.js","sources":["../../../src/components/selects/MultiselectToggleFilter.tsx"],"sourcesContent":["import type React from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\n\nexport type MultiselectToggleFilterProps = {\n    isActive: boolean;\n    selectedItemIds?: string[];\n    filterValue: string;\n    onFilterChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nconst MultiselectToggleFilter = (props: MultiselectToggleFilterProps) => {\n    const { isActive, selectedItemIds, filterValue, onFilterChange } = props;\n\n    const inputClasses = classNames(\n        'multiselect-filter-input',\n        isEmpty(selectedItemIds) && 'multiselect-filter-input-placeholder',\n        isActive && 'multiselect-filter-input-active'\n    );\n    return (\n        <input\n            type='text'\n            role='searchbox'\n            className={inputClasses}\n            // biome-ignore lint/a11y/noAutofocus: autofocus is intentionally set to allow instant typing to filter\n            autoFocus\n            onChange={onFilterChange}\n            value={filterValue}\n        />\n    );\n};\n\nexport default MultiselectToggleFilter;\n"],"names":["MultiselectToggleFilter","props","isActive","selectedItemIds","filterValue","onFilterChange","inputClasses","classNames","isEmpty","jsx"],"mappings":";;;AAYA,MAAMA,IAA0B,CAACC,MAAwC;AACrE,QAAM,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,aAAAC,GAAa,gBAAAC,MAAmBJ,GAE7DK,IAAeC;AAAA,IACjB;AAAA,IACAC,EAAQL,CAAe,KAAK;AAAA,IAC5BD,KAAY;AAAA,EAAA;AAEhB,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,MAAK;AAAA,MACL,WAAWH;AAAA,MAEX,WAAS;AAAA,MACT,UAAUD;AAAA,MACV,OAAOD;AAAA,IAAA;AAAA,EAAA;AAGnB;"}
+{"version":3,"file":"MultiselectToggleFilter.js","names":[],"sources":["../../../src/components/selects/MultiselectToggleFilter.tsx"],"sourcesContent":["import type React from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\n\nexport type MultiselectToggleFilterProps = {\n    isActive: boolean;\n    selectedItemIds?: string[];\n    filterValue: string;\n    onFilterChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nconst MultiselectToggleFilter = (props: MultiselectToggleFilterProps) => {\n    const { isActive, selectedItemIds, filterValue, onFilterChange } = props;\n\n    const inputClasses = classNames(\n        'multiselect-filter-input',\n        isEmpty(selectedItemIds) && 'multiselect-filter-input-placeholder',\n        isActive && 'multiselect-filter-input-active'\n    );\n    return (\n        <input\n            type='text'\n            role='searchbox'\n            className={inputClasses}\n            // biome-ignore lint/a11y/noAutofocus: autofocus is intentionally set to allow instant typing to filter\n            autoFocus\n            onChange={onFilterChange}\n            value={filterValue}\n        />\n    );\n};\n\nexport default MultiselectToggleFilter;\n"],"mappings":";;;;AAYA,IAAM,KAA2B,MAAwC;CACrE,IAAM,EAAE,aAAU,oBAAiB,gBAAa,sBAAmB;CAOnE,OACI,kBAAC,SAAD;EACI,MAAK;EACL,MAAK;EACL,WATa,EACjB,4BACA,EAAQ,CAAe,KAAK,wCAC5B,KAAY,iCAMG;EAEX,WAAA;EACA,UAAU;EACV,OAAO;CACV,CAAA;AAET"}

package/components/selects/MultiselectTogglePlaceholder.js

@@ -1,6 +1,10 @@
-import { jsx as l } from "react/jsx-runtime";
-const a = ({ placeholder: e }) => e ? /* @__PURE__ */ l("span", { className: "placeholder", children: e }) : /* @__PURE__ */ l("span", {});
-export {
-  a as default
-};
-//# sourceMappingURL=MultiselectTogglePlaceholder.js.map
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/selects/MultiselectTogglePlaceholder.tsx
+var t = ({ placeholder: t }) => t ? /* @__PURE__ */ e("span", {
+	className: "placeholder",
+	children: t
+}) : /* @__PURE__ */ e("span", {});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=MultiselectTogglePlaceholder.js.map

package/components/selects/MultiselectTogglePlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectTogglePlaceholder.js","sources":["../../../src/components/selects/MultiselectTogglePlaceholder.tsx"],"sourcesContent":["import type React from 'react';\n\nexport type MultiselectTogglePlaceholderProps = {\n    placeholder: string | React.ReactNode;\n};\n\nconst MultiselectTogglePlaceholder = ({ placeholder }: MultiselectTogglePlaceholderProps) =>\n    placeholder ? <span className='placeholder'>{placeholder}</span> : <span />;\n\nexport default MultiselectTogglePlaceholder;\n"],"names":["MultiselectTogglePlaceholder","placeholder","jsx"],"mappings":";AAMA,MAAMA,IAA+B,CAAC,EAAE,aAAAC,EAAA,MACpCA,IAAc,gBAAAC,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAD,EAAA,CAAY,sBAAW,QAAA,CAAA,CAAK;"}
+{"version":3,"file":"MultiselectTogglePlaceholder.js","names":[],"sources":["../../../src/components/selects/MultiselectTogglePlaceholder.tsx"],"sourcesContent":["import type React from 'react';\n\nexport type MultiselectTogglePlaceholderProps = {\n    placeholder: string | React.ReactNode;\n};\n\nconst MultiselectTogglePlaceholder = ({ placeholder }: MultiselectTogglePlaceholderProps) =>\n    placeholder ? <span className='placeholder'>{placeholder}</span> : <span />;\n\nexport default MultiselectTogglePlaceholder;\n"],"mappings":";;AAMA,IAAM,KAAgC,EAAE,qBACpC,IAAc,kBAAC,QAAD;CAAM,WAAU;WAAe;AAAkB,CAAA,IAAI,kBAAC,QAAD,CAAO,CAAA"}

package/components/selects/MultiselectToggleSelection.js

@@ -1,53 +1,35 @@
-import { jsxs as t, jsx as s } from "react/jsx-runtime";
-import { isEmpty as v } from "es-toolkit/compat";
-import r from "../../utils/classNames.js";
-const y = (d) => {
-  const {
-    options: n,
-    selectedItemIds: m,
-    showSelectedItemIcon: c,
-    showUnselectedItemIcons: i,
-    multiline: p,
-    hasInputAddon: h,
-    hasFilter: I,
-    onRemoveItem: f,
-    children: g
-  } = d;
-  if (!n || v(n))
-    return null;
-  const o = (e) => m.indexOf(e.id) !== -1, N = (e, l) => {
-    if (c) {
-      const a = r("margin-right-5", !o(e) && "inactiveIcon");
-      return /* @__PURE__ */ s("span", { className: a, children: e.icon }, e.id);
-    }
-    return /* @__PURE__ */ t("span", { className: "selected-option", children: [
-      /* @__PURE__ */ t("span", { className: "selected-label", children: [
-        e.icon && /* @__PURE__ */ s("span", { className: "margin-right-5", children: e.icon }),
-        e.label
-      ] }),
-      /* @__PURE__ */ s(
-        "span",
-        {
-          className: "removeIcon",
-          onClick: (a) => {
-            f(a, e.id);
-          },
-          children: /* @__PURE__ */ s("span", { className: "rioglyph rioglyph-remove" })
-        }
-      )
-    ] }, l);
-  }, u = r(
-    !c && !i && "selected-option-list",
-    p && "flex-wrap",
-    h && "margin-left-0",
-    I && "padding-left-1"
-  );
-  return /* @__PURE__ */ t("span", { className: u, children: [
-    n.filter((e) => i ? !e.header : o(e)).map((e, l) => N(e, l)),
-    g
-  ] });
+import e from "../../utils/classNames.js";
+import { isEmpty as t } from "es-toolkit/compat";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/selects/MultiselectToggleSelection.tsx
+var i = (i) => {
+	let { options: a, selectedItemIds: o, showSelectedItemIcon: s, showUnselectedItemIcons: c, multiline: l, hasInputAddon: u, hasFilter: d, onRemoveItem: f, children: p } = i;
+	if (!a || t(a)) return null;
+	let m = (e) => o.indexOf(e.id) !== -1, h = (t, i) => s ? /* @__PURE__ */ n("span", {
+		className: e("margin-right-5", !m(t) && "inactiveIcon"),
+		children: t.icon
+	}, t.id) : /* @__PURE__ */ r("span", {
+		className: "selected-option",
+		children: [/* @__PURE__ */ r("span", {
+			className: "selected-label",
+			children: [t.icon && /* @__PURE__ */ n("span", {
+				className: "margin-right-5",
+				children: t.icon
+			}), t.label]
+		}), /* @__PURE__ */ n("span", {
+			className: "removeIcon",
+			onClick: (e) => {
+				f(e, t.id);
+			},
+			children: /* @__PURE__ */ n("span", { className: "uikit-icon icon-remove" })
+		})]
+	}, i);
+	return /* @__PURE__ */ r("span", {
+		className: e(!s && !c && "selected-option-list", l && "flex-wrap", u && "margin-left-0", d && "padding-left-1"),
+		children: [a.filter((e) => c ? !e.header : m(e)).map((e, t) => h(e, t)), p]
+	});
 };
-export {
-  y as default
-};
-//# sourceMappingURL=MultiselectToggleSelection.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=MultiselectToggleSelection.js.map

package/components/selects/MultiselectToggleSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectToggleSelection.js","sources":["../../../src/components/selects/MultiselectToggleSelection.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport type { SelectOption } from './BaseSelectDropdown';\n\nexport type MultiselectToggleSelectionProps = {\n    options: SelectOption[];\n    selectedItemIds: string[];\n    showSelectedItemIcon: boolean;\n    showUnselectedItemIcons: boolean;\n    multiline: boolean;\n    hasInputAddon: boolean;\n    hasFilter: boolean;\n    onRemoveItem: (event: React.MouseEvent<HTMLSpanElement>, itemId: string) => void;\n};\n\nconst MultiselectToggleSelection = (props: PropsWithChildren<MultiselectToggleSelectionProps>) => {\n    const {\n        options,\n        selectedItemIds,\n        showSelectedItemIcon,\n        showUnselectedItemIcons,\n        multiline,\n        hasInputAddon,\n        hasFilter,\n        onRemoveItem,\n        children,\n    } = props;\n\n    if (!options || isEmpty(options)) {\n        return null;\n    }\n\n    const isItemSelected = (item: SelectOption) => selectedItemIds.indexOf(item.id) !== -1;\n\n    const renderSelectionItem = (item: SelectOption, index: number) => {\n        if (showSelectedItemIcon) {\n            const inactiveClassNames = classNames('margin-right-5', !isItemSelected(item) && 'inactiveIcon');\n\n            return (\n                <span key={item.id} className={inactiveClassNames}>\n                    {item.icon}\n                </span>\n            );\n        }\n\n        return (\n            <span key={index} className='selected-option'>\n                <span className='selected-label'>\n                    {item.icon && <span className='margin-right-5'>{item.icon}</span>}\n                    {item.label}\n                </span>\n                <span\n                    className='removeIcon'\n                    onClick={event => {\n                        onRemoveItem(event, item.id);\n                    }}\n                >\n                    <span className='rioglyph rioglyph-remove' />\n                </span>\n            </span>\n        );\n    };\n\n    const optionListClassNames = classNames(\n        !showSelectedItemIcon && !showUnselectedItemIcons && 'selected-option-list',\n        multiline && 'flex-wrap',\n        hasInputAddon && 'margin-left-0',\n        hasFilter && 'padding-left-1'\n    );\n\n    return (\n        <span className={optionListClassNames}>\n            {options\n                .filter(option => (showUnselectedItemIcons ? !option.header : isItemSelected(option)))\n                .map((option, index) => renderSelectionItem(option, index))}\n            {children}\n        </span>\n    );\n};\n\nexport default MultiselectToggleSelection;\n"],"names":["MultiselectToggleSelection","props","options","selectedItemIds","showSelectedItemIcon","showUnselectedItemIcons","multiline","hasInputAddon","hasFilter","onRemoveItem","children","isEmpty","isItemSelected","item","renderSelectionItem","index","inactiveClassNames","classNames","jsxs","jsx","event","optionListClassNames","option"],"mappings":";;;AAkBA,MAAMA,IAA6B,CAACC,MAA8D;AAC9F,QAAM;AAAA,IACF,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAT;AAEJ,MAAI,CAACC,KAAWS,EAAQT,CAAO;AAC3B,WAAO;AAGX,QAAMU,IAAiB,CAACC,MAAuBV,EAAgB,QAAQU,EAAK,EAAE,MAAM,IAE9EC,IAAsB,CAACD,GAAoBE,MAAkB;AAC/D,QAAIX,GAAsB;AACtB,YAAMY,IAAqBC,EAAW,kBAAkB,CAACL,EAAeC,CAAI,KAAK,cAAc;AAE/F,+BACK,QAAA,EAAmB,WAAWG,GAC1B,UAAAH,EAAK,KAAA,GADCA,EAAK,EAEhB;AAAA,IAER;AAEA,WACI,gBAAAK,EAAC,QAAA,EAAiB,WAAU,mBACxB,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,kBACX,UAAA;AAAA,QAAAL,EAAK,QAAQ,gBAAAM,EAAC,QAAA,EAAK,WAAU,kBAAkB,YAAK,MAAK;AAAA,QACzDN,EAAK;AAAA,MAAA,GACV;AAAA,MACA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAAAC,MAAS;AACd,YAAAX,EAAaW,GAAOP,EAAK,EAAE;AAAA,UAC/B;AAAA,UAEA,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,2BAAA,CAA2B;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,EAAA,GAZOJ,CAaX;AAAA,EAER,GAEMM,IAAuBJ;AAAA,IACzB,CAACb,KAAwB,CAACC,KAA2B;AAAA,IACrDC,KAAa;AAAA,IACbC,KAAiB;AAAA,IACjBC,KAAa;AAAA,EAAA;AAGjB,SACI,gBAAAU,EAAC,QAAA,EAAK,WAAWG,GACZ,UAAA;AAAA,IAAAnB,EACI,OAAO,CAAAoB,MAAWjB,IAA0B,CAACiB,EAAO,SAASV,EAAeU,CAAM,CAAE,EACpF,IAAI,CAACA,GAAQP,MAAUD,EAAoBQ,GAAQP,CAAK,CAAC;AAAA,IAC7DL;AAAA,EAAA,GACL;AAER;"}
+{"version":3,"file":"MultiselectToggleSelection.js","names":[],"sources":["../../../src/components/selects/MultiselectToggleSelection.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport type { SelectOption } from './BaseSelectDropdown';\n\nexport type MultiselectToggleSelectionProps = {\n    options: SelectOption[];\n    selectedItemIds: string[];\n    showSelectedItemIcon: boolean;\n    showUnselectedItemIcons: boolean;\n    multiline: boolean;\n    hasInputAddon: boolean;\n    hasFilter: boolean;\n    onRemoveItem: (event: React.MouseEvent<HTMLSpanElement>, itemId: string) => void;\n};\n\nconst MultiselectToggleSelection = (props: PropsWithChildren<MultiselectToggleSelectionProps>) => {\n    const {\n        options,\n        selectedItemIds,\n        showSelectedItemIcon,\n        showUnselectedItemIcons,\n        multiline,\n        hasInputAddon,\n        hasFilter,\n        onRemoveItem,\n        children,\n    } = props;\n\n    if (!options || isEmpty(options)) {\n        return null;\n    }\n\n    const isItemSelected = (item: SelectOption) => selectedItemIds.indexOf(item.id) !== -1;\n\n    const renderSelectionItem = (item: SelectOption, index: number) => {\n        if (showSelectedItemIcon) {\n            const inactiveClassNames = classNames('margin-right-5', !isItemSelected(item) && 'inactiveIcon');\n\n            return (\n                <span key={item.id} className={inactiveClassNames}>\n                    {item.icon}\n                </span>\n            );\n        }\n\n        return (\n            <span key={index} className='selected-option'>\n                <span className='selected-label'>\n                    {item.icon && <span className='margin-right-5'>{item.icon}</span>}\n                    {item.label}\n                </span>\n                <span\n                    className='removeIcon'\n                    onClick={event => {\n                        onRemoveItem(event, item.id);\n                    }}\n                >\n                    <span className='uikit-icon icon-remove' />\n                </span>\n            </span>\n        );\n    };\n\n    const optionListClassNames = classNames(\n        !showSelectedItemIcon && !showUnselectedItemIcons && 'selected-option-list',\n        multiline && 'flex-wrap',\n        hasInputAddon && 'margin-left-0',\n        hasFilter && 'padding-left-1'\n    );\n\n    return (\n        <span className={optionListClassNames}>\n            {options\n                .filter(option => (showUnselectedItemIcons ? !option.header : isItemSelected(option)))\n                .map((option, index) => renderSelectionItem(option, index))}\n            {children}\n        </span>\n    );\n};\n\nexport default MultiselectToggleSelection;\n"],"mappings":";;;;AAkBA,IAAM,KAA8B,MAA8D;CAC9F,IAAM,EACF,YACA,oBACA,yBACA,4BACA,cACA,kBACA,cACA,iBACA,gBACA;CAEJ,IAAI,CAAC,KAAW,EAAQ,CAAO,GAC3B,OAAO;CAGX,IAAM,KAAkB,MAAuB,EAAgB,QAAQ,EAAK,EAAE,MAAM,IAE9E,KAAuB,GAAoB,MACzC,IAII,kBAAC,QAAD;EAAoB,WAHG,EAAW,kBAAkB,CAAC,EAAe,CAAI,KAAK,cAG9C;YAC1B,EAAK;CACJ,GAFK,EAAK,EAEV,IAKV,kBAAC,QAAD;EAAkB,WAAU;YAA5B,CACI,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACK,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;cAAkB,EAAK;GAAW,CAAA,GAC/D,EAAK,KACJ;MACN,kBAAC,QAAD;GACI,WAAU;GACV,UAAS,MAAS;IACd,EAAa,GAAO,EAAK,EAAE;GAC/B;aAEA,kBAAC,QAAD,EAAM,WAAU,yBAA0B,CAAA;EACxC,CAAA,CACJ;IAbK,CAaL;CAWd,OACI,kBAAC,QAAD;EAAM,WARmB,EACzB,CAAC,KAAwB,CAAC,KAA2B,wBACrD,KAAa,aACb,KAAiB,iBACjB,KAAa,gBAII;YAAjB,CACK,EACI,QAAO,MAAW,IAA0B,CAAC,EAAO,SAAS,EAAe,CAAM,CAAE,CAAC,CACrF,KAAK,GAAQ,MAAU,EAAoB,GAAQ,CAAK,CAAC,GAC7D,CACC;;AAEd"}

package/components/selects/NoItemMessage.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
+import { HTMLProps, default as React } from 'react';
 export type NoItemMessageProps = {
     noItemMessage: string | React.ReactNode;
     className?: string;
-};
-declare const NoItemMessage: (props: NoItemMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+} & HTMLProps<HTMLUListElement>;
+declare const NoItemMessage: React.ForwardRefExoticComponent<Omit<NoItemMessageProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
 export default NoItemMessage;

package/components/selects/NoItemMessage.js

@@ -1,9 +1,24 @@
-import { jsx as e } from "react/jsx-runtime";
-const t = (l) => {
-  const { noItemMessage: s, className: n } = l;
-  return s ? /* @__PURE__ */ e("ul", { className: n, role: "menu", children: /* @__PURE__ */ e("li", { className: "no-item-message disabled", role: "presentation", children: /* @__PURE__ */ e("a", { role: "menuitem", children: /* @__PURE__ */ e("i", { children: s }) }) }) }) : null;
-};
-export {
-  t as default
-};
-//# sourceMappingURL=NoItemMessage.js.map
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/selects/NoItemMessage.tsx
+var n = e((e, n) => {
+	let { noItemMessage: r, className: i, ...a } = e;
+	return r ? /* @__PURE__ */ t("ul", {
+		...a,
+		className: i,
+		ref: n,
+		role: "menu",
+		children: /* @__PURE__ */ t("li", {
+			className: "no-item-message disabled",
+			role: "presentation",
+			children: /* @__PURE__ */ t("a", {
+				role: "menuitem",
+				children: /* @__PURE__ */ t("i", { children: r })
+			})
+		})
+	}) : null;
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=NoItemMessage.js.map

package/components/selects/NoItemMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoItemMessage.js","sources":["../../../src/components/selects/NoItemMessage.tsx"],"sourcesContent":["import type React from 'react';\n\nexport type NoItemMessageProps = {\n    noItemMessage: string | React.ReactNode;\n    className?: string;\n};\n\nconst NoItemMessage = (props: NoItemMessageProps) => {\n    const { noItemMessage, className } = props;\n\n    if (!noItemMessage) {\n        return null;\n    }\n\n    return (\n        <ul className={className} role='menu'>\n            <li className='no-item-message disabled' role='presentation'>\n                {/* biome-ignore lint/a11y/useValidAnchor: common structure to use anchor tags without links */}\n                <a role='menuitem'>\n                    <i>{noItemMessage}</i>\n                </a>\n            </li>\n        </ul>\n    );\n};\n\nexport default NoItemMessage;\n"],"names":["NoItemMessage","props","noItemMessage","className","jsx"],"mappings":";AAOA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,eAAAC,GAAe,WAAAC,EAAA,IAAcF;AAErC,SAAKC,IAKD,gBAAAE,EAAC,QAAG,WAAAD,GAAsB,MAAK,QAC3B,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,4BAA2B,MAAK,gBAE1C,UAAA,gBAAAA,EAAC,KAAA,EAAE,MAAK,YACJ,UAAA,gBAAAA,EAAC,OAAG,UAAAF,EAAA,CAAc,EAAA,CACtB,GACJ,EAAA,CACJ,IAXO;AAaf;"}
+{"version":3,"file":"NoItemMessage.js","names":[],"sources":["../../../src/components/selects/NoItemMessage.tsx"],"sourcesContent":["import { forwardRef, type HTMLProps } from 'react';\nimport type React from 'react';\n\nexport type NoItemMessageProps = {\n    noItemMessage: string | React.ReactNode;\n    className?: string;\n} & HTMLProps<HTMLUListElement>;\n\nconst NoItemMessage = forwardRef<HTMLUListElement, NoItemMessageProps>((props, ref) => {\n    const { noItemMessage, className, ...remainingProps } = props;\n\n    if (!noItemMessage) {\n        return null;\n    }\n\n    return (\n        <ul {...remainingProps} className={className} ref={ref} role='menu'>\n            <li className='no-item-message disabled' role='presentation'>\n                <a role='menuitem'>\n                    <i>{noItemMessage}</i>\n                </a>\n            </li>\n        </ul>\n    );\n});\n\nexport default NoItemMessage;\n"],"mappings":";;;AAQA,IAAM,IAAgB,GAAkD,GAAO,MAAQ;CACnF,IAAM,EAAE,kBAAe,cAAW,GAAG,MAAmB;CAMxD,OAJK,IAKD,kBAAC,MAAD;EAAI,GAAI;EAA2B;EAAgB;EAAK,MAAK;YACzD,kBAAC,MAAD;GAAI,WAAU;GAA2B,MAAK;aAC1C,kBAAC,KAAD;IAAG,MAAK;cACJ,kBAAC,KAAD,EAAA,UAAI,EAAiB,CAAA;GACtB,CAAA;EACH,CAAA;CACJ,CAAA,IAVG;AAYf,CAAC"}

package/components/selects/Select.d.ts

@@ -40,6 +40,12 @@ export type SelectProps<T extends SelectOption> = Omit<WithFeedbackAndAddonProps
      * @default () => {}
      */
     onChange?: (selectOption: T | undefined) => void;
+    /**
+     * Defines whether the dropdown closes after selecting an option.
+     *
+     * @default true
+     */
+    closeOnSelect?: boolean;
     /**
      * Text to display when nothing is selected.
      */
@@ -47,7 +53,7 @@ export type SelectProps<T extends SelectOption> = Omit<WithFeedbackAndAddonProps
     /**
      * Defines whether the dropdown opens upwards.
      *
-     * Set to `true` additionally disables autoDrop feature.
+     * The dropdown can still fall back to another position when there is not enough space.
      *
      * @default false
      */
@@ -55,19 +61,9 @@ export type SelectProps<T extends SelectOption> = Omit<WithFeedbackAndAddonProps
     /**
      * Defines whether the dropdown opens right aligned to the dropdown toggle.
      *
-     * Set to 'true' additionally disables autoDrop feature.
-     *
      * @default false
      */
     pullRight?: boolean;
-    /**
-     * Enables or disables the autoDrop positioning feature.
-     *
-     * When enabled, the option list opens below or above the input depending on the surrounding space.
-     *
-     * @default true
-     */
-    autoDropDirection?: boolean;
     /**
      * Defines the size of the select to be rendered.
      *

package/components/selects/Select.js

@@ -1,176 +1,124 @@
-import { jsxs as b, jsx as i } from "react/jsx-runtime";
-import { useState as o, useRef as U } from "react";
-import { isEqual as V } from "es-toolkit/predicate";
-import { noop as ve, isEmpty as xe } from "es-toolkit/compat";
-import K from "../../utils/classNames.js";
-import we, { filterOptions as De } from "./BaseSelectDropdown.js";
-import Me from "../../hooks/useClickOutside.js";
-import Ne from "../../hooks/useEffectOnce.js";
-import Ee from "../../hooks/useMergeRefs.js";
-import ke from "./ClearButton.js";
-import Ae from "./SelectFilter.js";
-import Te from "./SelectedOption.js";
-import ye from "./WithFeedbackAndAddon.js";
-const f = -1, Ge = (R) => {
-  const {
-    name: F,
-    id: B = F,
-    label: _,
-    options: t = [],
-    value: n,
-    onChange: O = ve,
-    placeholder: j,
-    isLoading: L = !1,
-    dropup: W = !1,
-    pullRight: q = !1,
-    autoDropDirection: z = !0,
-    bsSize: g = "md",
-    variant: X = "default",
-    disabled: v = !1,
-    tabIndex: G = 0,
-    hasError: H = !1,
-    useFilter: J = !1,
-    useClear: Q = !1,
-    noItemMessage: Y,
-    selectedOptionText: x,
-    showSelectedItemIcon: Z = !1,
-    showUnselectedItemIcons: $ = !1,
-    dropdownClassName: ee,
-    btnClassName: w,
-    className: D,
-    trackingAttributes: te,
-    inputAddon: M,
-    errorMessage: N,
-    warningMessage: E,
-    messageWhiteSpace: se = "normal",
-    ...oe
-  } = R, [r, k] = o(!1), [h, p] = o(null), [I, c] = o(!1), [A, d] = o(""), [ne, l] = o(t), [T, re] = o([]), [le, m] = o(f), [y, u] = o(!1), ae = U(), P = U(null), ie = Me(() => S()), ce = Ee(ae, ie), C = (e, s) => {
-    s && !xe(s) ? p(e.find((a) => a.id === s[0]) || null) : e && p(e.find((a) => a.selected) || null);
-  };
-  Ne(() => {
-    C(t, n);
-  });
-  const [de, ue] = o(t);
-  V(t, de) || (C(t, n), l(t), ue(t));
-  const [fe, pe] = o(n);
-  V(n, fe) || (C(t, n), pe(n));
-  const me = (e = []) => {
-    !e.length || (I || A) && T.length > 0 || re(e);
-  }, ge = () => {
-    p(null), c(!1), d(""), l(t), u(!1), m(f), O(void 0);
-  }, he = () => {
-    const e = K(
-      "dropdown-toggle",
-      "form-control",
-      "text-left",
-      w && w,
-      g === "sm" && "input-sm",
-      g === "lg" && "input-lg",
-      v && "disabled"
-    ), s = /* @__PURE__ */ b(
-      "button",
-      {
-        type: "button",
-        id: B,
-        name: F,
-        className: e,
-        ...te,
-        "data-toggle": "dropdown",
-        tabIndex: G,
-        "aria-haspopup": "true",
-        "aria-expanded": r,
-        onClick: be,
-        ref: P,
-        children: [
-          J && r && /* @__PURE__ */ i(
-            Ae,
-            {
-              isFilterActive: I,
-              filterValue: A,
-              onChange: Ce
-            }
-          ),
-          x || /* @__PURE__ */ i(
-            Te,
-            {
-              label: _,
-              placeholder: j,
-              selectedItem: h,
-              options: t,
-              showSelectedItemIcon: Z,
-              showUnselectedItemIcons: $
-            }
-          ),
-          /* @__PURE__ */ b("span", { className: "select-toggle-actions", children: [
-            /* @__PURE__ */ i(ke, { showClear: Q, selectedItem: h, onClear: ge }),
-            /* @__PURE__ */ i("span", { className: "caret" })
-          ] })
-        ]
-      }
-    );
-    return !M && !N && !E ? s : /* @__PURE__ */ i(
-      ye,
-      {
-        bsSize: g,
-        inputAddon: M,
-        errorMessage: N,
-        warningMessage: E,
-        messageWhiteSpace: se,
-        children: s
-      }
-    );
-  }, Ie = () => {
-    let e = le;
-    return y && !h && (e = 0), /* @__PURE__ */ i(
-      we,
-      {
-        isOpen: r,
-        isLoading: L,
-        options: ne,
-        focusedItemIndex: e,
-        keyboardUsed: y,
-        updateDOMValues: me,
-        onSelect: Se,
-        onClose: S,
-        noItemMessage: Y,
-        pullRight: q,
-        dropup: W,
-        autoDropDirection: z,
-        dropdownClassName: ee
-      }
-    );
-  }, Ce = (e) => {
-    e.preventDefault();
-    const s = e.currentTarget.value;
-    if (s === "") {
-      c(!1), d(""), l(t), u(!1), m(f);
-      return;
-    }
-    const a = De(T, s, t), Oe = a.length > 0 ? 0 : f;
-    c(!0), d(s), l(a), u(!0), m(Oe);
-  }, Se = (e) => {
-    p(e || null), c(!1), d(""), l(t), O(e), S();
-  }, be = (e) => {
-    if (v || I)
-      return;
-    const s = e.detail === 0;
-    k(!r), u(s);
-  }, S = () => {
-    r && (k(!1), c(!1), d(""), l(t), u(!1), m(f), P.current?.focus());
-  }, Fe = K(
-    "select",
-    "dropdown",
-    r && "open",
-    H && "has-error",
-    X === "blank" && "select-blank",
-    D && D
-  );
-  return /* @__PURE__ */ b("div", { ...oe, className: Fe, ref: ce, children: [
-    he(),
-    Ie()
-  ] });
+import e from "../../hooks/useEffectOnce.js";
+import t from "../../hooks/useClickOutside.js";
+import "../../useClickOutside.js";
+import n from "../../utils/classNames.js";
+import r from "../../hooks/useMergeRefs.js";
+import { useAnchorName as i } from "../../hooks/useAnchoredPopover.js";
+import a, { filterOptions as ee } from "./BaseSelectDropdown.js";
+import te from "./ClearButton.js";
+import ne from "./SelectFilter.js";
+import o from "./SelectedOption.js";
+import s from "./WithFeedbackAndAddon.js";
+import { useRef as c, useState as l } from "react";
+import { isEmpty as u, noop as d } from "es-toolkit/compat";
+import { isEqual as f } from "es-toolkit/predicate";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/selects/Select.tsx
+var h = -1, g = (g) => {
+	let { name: _, id: v = _, label: y, options: b = [], value: x, onChange: S = d, closeOnSelect: C = !0, placeholder: re, isLoading: ie = !1, dropup: w = !1, pullRight: ae = !1, bsSize: T = "md", variant: oe = "default", disabled: E = !1, tabIndex: se = 0, hasError: ce = !1, useFilter: le = !1, useClear: ue = !1, noItemMessage: de, selectedOptionText: fe, showSelectedItemIcon: pe = !1, showUnselectedItemIcons: me = !1, dropdownClassName: D, btnClassName: O, className: k, trackingAttributes: A, inputAddon: j, errorMessage: M, warningMessage: N, messageWhiteSpace: P = "normal", ...F } = g, [I, L] = l(!1), [R, z] = l(null), [B, V] = l(!1), [H, U] = l(""), [he, W] = l(b), [G, ge] = l([]), [_e, K] = l(h), [q, J] = l(!1), ve = c(null), Y = c(null), X = i("select"), ye = { anchorName: X }, be = r(ve, t(() => $())), Z = (e, t) => {
+		t && !u(t) ? z(e.find((e) => e.id === t[0]) || null) : e && z(e.find((e) => e.selected) || null);
+	};
+	e(() => {
+		Z(b, x);
+	});
+	let [xe, Q] = l(b);
+	f(b, xe) || (Z(b, x), W(b), Q(b));
+	let [Se, Ce] = l(x);
+	f(x, Se) || (Z(b, x), Ce(x));
+	let we = (e = []) => {
+		e.length && ((B || H) && G.length > 0 || ge(e));
+	}, Te = () => {
+		z(null), V(!1), U(""), W(b), J(!1), K(h), S(void 0);
+	}, Ee = () => {
+		let e = n("dropdown-toggle", "form-control", "text-left", O && O, T === "sm" && "input-sm", T === "lg" && "input-lg", E && "disabled"), t = /* @__PURE__ */ m("button", {
+			type: "button",
+			id: v,
+			name: _,
+			className: e,
+			...A,
+			"data-toggle": "dropdown",
+			tabIndex: se,
+			"aria-haspopup": "true",
+			"aria-expanded": I,
+			onClick: Ae,
+			ref: Y,
+			children: [
+				le && I && /* @__PURE__ */ p(ne, {
+					isFilterActive: B,
+					filterValue: H,
+					onChange: Oe
+				}),
+				/* @__PURE__ */ p(o, {
+					label: y,
+					placeholder: re,
+					selectedOptionText: fe,
+					selectedItem: R,
+					options: b,
+					showSelectedItemIcon: pe,
+					showUnselectedItemIcons: me
+				}),
+				/* @__PURE__ */ m("span", {
+					className: "select-toggle-actions",
+					children: [/* @__PURE__ */ p(te, {
+						showClear: ue,
+						selectedItem: R,
+						onClear: Te
+					}), /* @__PURE__ */ p("span", { className: "caret" })]
+				})
+			]
+		});
+		return !j && !M && !N ? t : /* @__PURE__ */ p(s, {
+			bsSize: T,
+			inputAddon: j,
+			errorMessage: M,
+			warningMessage: N,
+			messageWhiteSpace: P,
+			children: t
+		});
+	}, De = () => {
+		let e = _e;
+		return q && !R && (e = 0), /* @__PURE__ */ p(a, {
+			isOpen: I,
+			isLoading: ie,
+			options: he,
+			focusedItemIndex: e,
+			keyboardUsed: q,
+			updateDOMValues: we,
+			onSelect: ke,
+			onClose: $,
+			noItemMessage: de,
+			pullRight: ae,
+			dropup: w,
+			dropdownClassName: D,
+			anchorName: X
+		});
+	}, Oe = (e) => {
+		e.preventDefault();
+		let t = e.currentTarget.value;
+		if (t === "") {
+			V(!1), U(""), W(b), J(!1), K(h);
+			return;
+		}
+		let n = ee(G, t, b), r = n.length > 0 ? 0 : h;
+		V(!0), U(t), W(n), J(!0), K(r);
+	}, ke = (e) => {
+		z(e || null), V(!1), U(""), W(b), S(e), C && $();
+	}, Ae = (e) => {
+		if (E || B) return;
+		let t = e.detail === 0;
+		L(!I), J(t);
+	}, $ = () => {
+		I && (L(!1), V(!1), U(""), W(b), J(!1), K(h), Y.current?.focus());
+	}, je = n("select", "dropdown", w && "dropup", I && "open", ce && "has-error", oe === "blank" && "select-blank", k && k);
+	return /* @__PURE__ */ m("div", {
+		...F,
+		className: je,
+		ref: be,
+		style: ye,
+		children: [Ee(), De()]
+	});
 };
-export {
-  Ge as default
-};
-//# sourceMappingURL=Select.js.map
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=Select.js.map