impact-nova 2.1.0-alpha.7 → 2.1.0-alpha.9

package/dist/components/forms/select/select.js

@@ -1,35 +1,35 @@
-import { jsx as u, jsxs as Z } from "react/jsx-runtime";
-import ee, { useState as x, useRef as S } from "react";
+import { jsx as u, jsxs as ee } from "react/jsx-runtime";
+import ut, { useState as x, useRef as S } from "react";
 import * as te from "@radix-ui/react-popover";
-import { useVirtualizer as ut } from "@tanstack/react-virtual";
-import { SelectMenuFooter as dt } from "./components/SelectMenuFooter.js";
-import { SelectMenuHeader as mt } from "./components/SelectMenuHeader.js";
-import { SelectMenuListBody as ft } from "./components/SelectMenuListBody.js";
-import { SelectMenuPanel as pt } from "./components/SelectMenuPanel.js";
-import { SelectTrigger as St } from "./components/SelectTrigger.js";
+import { useVirtualizer as dt } from "@tanstack/react-virtual";
+import { SelectMenuFooter as mt } from "./components/SelectMenuFooter.js";
+import { SelectMenuHeader as ft } from "./components/SelectMenuHeader.js";
+import { SelectMenuListBody as pt } from "./components/SelectMenuListBody.js";
+import { SelectMenuPanel as St } from "./components/SelectMenuPanel.js";
+import { SelectTrigger as ht } from "./components/SelectTrigger.js";
 import { cn as le } from "../../../lib/utils.js";
-import { useFieldChrome as ht } from "../../../lib/primitives/use-field-chrome.js";
-import { isOptionArray as gt, getSequence as bt } from "./utils/select.js";
-import { useImpactNovaI18n as Ot } from "../../../i18n/use-impact-nova-i18n.js";
-import { useFlattenOptions as Mt } from "./hooks/useFlattenOptions.js";
-import { useSelectKeyboardHandlers as Ct } from "./hooks/useSelectKeyboardHandlers.js";
-import { useSelectValueState as It } from "./hooks/useSelectValueState.js";
-import { useSelectMenuHeight as Vt } from "./hooks/useSelectMenuHeight.js";
-import { useSelectMenuScroll as vt } from "./hooks/useSelectMenuScroll.js";
-import { useSelectOpenEffects as Lt } from "./hooks/useSelectOpenEffects.js";
-import { useSelectOutsideScrollLock as xt } from "./hooks/useSelectOutsideScrollLock.js";
+import { useFieldChrome as gt } from "../../../lib/primitives/use-field-chrome.js";
+import { isOptionArray as bt, getSequence as Ot } from "./utils/select.js";
+import { useImpactNovaI18n as Mt } from "../../../i18n/use-impact-nova-i18n.js";
+import { useFlattenOptions as Ct } from "./hooks/useFlattenOptions.js";
+import { useSelectKeyboardHandlers as It } from "./hooks/useSelectKeyboardHandlers.js";
+import { useSelectValueState as Vt } from "./hooks/useSelectValueState.js";
+import { useSelectMenuHeight as vt } from "./hooks/useSelectMenuHeight.js";
+import { useSelectMenuScroll as Lt } from "./hooks/useSelectMenuScroll.js";
+import { useSelectOpenEffects as xt } from "./hooks/useSelectOpenEffects.js";
+import { useSelectOutsideScrollLock as yt } from "./hooks/useSelectOutsideScrollLock.js";
 import { useSelectSearchFocus as At } from "./hooks/useSelectSearchFocus.js";
-import { useSelectSelectionHandlers as yt } from "./hooks/useSelectSelectionHandlers.js";
-import { useSelectionModel as Rt } from "./hooks/useSelectionModel.js";
-import { useVisibleStats as Pt } from "./hooks/useVisibleStats.js";
-import { SELECT_ALL_INDEX as wt } from "./select.constants.js";
-import { getSelectableOptionIndices as Et } from "./utils/getSelectableOptionIndices.js";
-const qt = (oe) => {
+import { useSelectSelectionHandlers as Rt } from "./hooks/useSelectSelectionHandlers.js";
+import { useSelectionModel as Pt } from "./hooks/useSelectionModel.js";
+import { useVisibleStats as wt } from "./hooks/useVisibleStats.js";
+import { SELECT_ALL_INDEX as qt } from "./select.constants.js";
+import { getSelectableOptionIndices as Dt } from "./utils/getSelectableOptionIndices.js";
+function oe(y) {
   const {
     options: C,
     value: ne,
     defaultValue: se,
-    onChange: F,
+    onChange: N,
     isMulti: re,
     multiple: ie,
     isDisabled: ae,
@@ -39,7 +39,7 @@ const qt = (oe) => {
     isSearchable: h = !0,
     placeholder: de,
     // menuPortalTarget is kept for API compatibility but no longer used (Radix handles portalling)
-    menuPortalTarget: Dt,
+    menuPortalTarget: Ft,
     autoFocus: me,
     closeMenuOnSelect: fe,
     defaultMenuIsOpen: pe = !1,
@@ -62,23 +62,23 @@ const qt = (oe) => {
     isSelectAllEnabled: A = !0,
     isReadOnly: n = !1,
     searchPosition: b = "menu",
-    footerContent: N,
-    onInputChange: Ae,
-    getOptionLabel: H,
-    renderOption: ye,
+    footerContent: H,
+    onInputChange: ye,
+    getOptionLabel: B,
+    renderOption: Ae,
     onMenuOpen: Re,
-    onMenuClose: B,
-    labelOrientation: K = "top",
+    onMenuClose: K,
+    labelOrientation: z = "top",
     size: Pe = "default",
     leftContent: we,
-    ignoreCase: Ee,
-    ignoreAccents: qe,
-    matchFrom: De,
+    ignoreCase: qe,
+    ignoreAccents: De,
+    matchFrom: Ee,
     stringify: Fe,
-    trim: Te,
-    filterOption: Ne,
+    trim: Ne,
+    filterOption: Te,
     enableSubMenus: I = !1,
-    enableGroups: y = !1,
+    enableGroups: R = !1,
     enableInvertedSelection: He,
     fetchError: V,
     onRefetch: Be,
@@ -86,47 +86,47 @@ const qt = (oe) => {
     onClearAll: ze,
     onFocus: $e,
     onBlur: _e
-  } = oe, t = ie ?? re ?? !1, i = ce ?? ae ?? !1, je = ge ?? be ?? !1, ke = fe ?? !t, { t: O } = Ot(), R = de ?? O("select.placeholder"), [l, z] = x(pe), [f, v] = x(""), {
+  } = y, t = ie ?? re ?? !1, i = ce ?? ae ?? !1, je = ge ?? be ?? !1, ke = fe ?? !t, { t: O } = Mt(), P = de ?? O("select.placeholder"), [l, $] = x(pe), [f, v] = x(""), {
     usesMenuSession: Ge,
     currentValue: s,
     setCurrentValue: We,
     beginMenuSession: Xe,
     endMenuSession: Je
-  } = It({
+  } = Vt({
     value: ne,
     defaultValue: se,
     isMulti: !!t,
-    onChange: F
-  }), [Qe, $] = x(null), [a, _] = x(-1), j = S(!1), Ue = ee.useId(), p = m ?? Ue, k = `${p}-listbox`, Ye = l && a >= 0 ? a === wt ? `${p}-option-select-all` : `${p}-option-${a}` : void 0, G = S(null), P = S(null), Ze = S(null), w = S(null), E = S(null);
-  At(l, h, b, E);
-  const { flatOptions: o, isProcessing: c, totalOptionsCount: W, workerSelectAll: et } = Mt(C, f, {
-    ignoreCase: Ee,
-    ignoreAccents: qe,
-    matchFrom: De,
+    onChange: N
+  }), [Qe, _] = x(null), [a, j] = x(-1), k = S(!1), Ue = ut.useId(), p = m ?? Ue, G = `${p}-listbox`, Ye = l && a >= 0 ? a === qt ? `${p}-option-select-all` : `${p}-option-${a}` : void 0, W = S(null), w = S(null), Ze = S(null), q = S(null), D = S(null);
+  At(l, h, b, D);
+  const { flatOptions: o, isProcessing: c, totalOptionsCount: X, workerSelectAll: et } = Ct(C, f, {
+    ignoreCase: qe,
+    ignoreAccents: De,
+    matchFrom: Ee,
     stringify: Fe,
-    trim: Te,
-    filterOption: Ne,
+    trim: Ne,
+    filterOption: Te,
     enableSubMenus: I,
-    enableGroups: y
-  }), tt = Vt(
+    enableGroups: R
+  }), tt = vt(
     l,
     !!r,
     c,
-    P
-  ), M = Rt(s, t ?? !1), { stats: X, getGroupStats: lt } = Pt(
+    w
+  ), M = Pt(s, t ?? !1), { stats: J, getGroupStats: lt } = wt(
     o,
-    W,
+    X,
     f,
     M,
     s,
     t ?? !1
-  ), L = ut({
+  ), L = dt({
     count: o.length,
-    getScrollElement: () => w.current,
+    getScrollElement: () => q.current,
     estimateSize: () => 34,
     overscan: 5
   });
-  Lt({
+  xt({
     isOpen: l,
     isSearchable: h,
     searchPosition: b,
@@ -139,43 +139,42 @@ const qt = (oe) => {
     flatOptions: o,
     searchValue: f,
     highlightedIndex: a,
-    setHighlightedIndex: _,
-    openedViaKeyboardRef: j,
+    setHighlightedIndex: j,
+    openedViaKeyboardRef: k,
     scrollToSelectedOnOpen: Se,
     selectionModel: M,
     internalValue: s,
     rowVirtualizer: L
-  }), vt({
+  }), Lt({
     isOpen: l,
     isLoading: r,
     isProcessing: c,
     flatOptions: o,
-    listRef: w,
+    listRef: q,
     rowVirtualizer: L,
     onMenuScrollToBottom: ve
   });
-  const q = (e) => {
+  const E = (e) => {
     if (!(i && e))
-      if (z(e), e)
+      if ($(e), e)
         Xe(), Re?.();
       else {
-        const D = Ge ? Je() : s, at = t && gt(D) ? D.map((ct) => ct.value) : void 0;
-        B?.(D, at), v(""), $(null);
+        const F = Ge ? Je() : s, at = t && bt(F) ? F.map((ct) => ct.value) : void 0;
+        K?.(F, at), v(""), _(null);
       }
   };
-  xt(l, P), ee.useEffect(() => {
-  }, [l]);
-  const J = (e) => H ? H(e) : e.label, { handleSelect: Q, handleSelectAll: U, clearValue: ot } = yt({
+  yt(l, w);
+  const Q = (e) => B ? B(e) : e.label, { handleSelect: U, handleSelectAll: Y, clearValue: ot } = Rt({
     isMulti: t,
     isDisabled: i,
     isReadOnly: n,
     internalValue: s,
     setInternalValue: We,
-    onChange: F,
-    onMenuClose: B,
+    onChange: N,
+    onMenuClose: K,
     onClearAll: ze,
     enableSubMenus: I,
-    enableGroups: y,
+    enableGroups: R,
     enableInvertedSelection: He,
     maxSelectableOptions: g,
     closeMenuOnSelect: ke,
@@ -183,17 +182,17 @@ const qt = (oe) => {
     flatOptions: o,
     searchValue: f,
     selectionModel: M,
-    visibleStats: X,
+    visibleStats: J,
     workerSelectAll: et,
-    setIsOpen: z,
+    setIsOpen: $,
     setSearchValue: v
-  }), nt = (e) => bt(
+  }), nt = (e) => Ot(
     e,
     T ?? !1,
     t ?? !1,
     he,
     s
-  ), st = () => Et({
+  ), st = () => Dt({
     isLoading: !!r,
     isProcessing: c,
     fetchError: V,
@@ -202,7 +201,7 @@ const qt = (oe) => {
     isReadOnly: n,
     flatOptions: o,
     enableSubMenus: I
-  }), { handleTriggerKeyDown: rt, handleSearchKeyDown: it } = Ct({
+  }), { handleTriggerKeyDown: rt, handleSearchKeyDown: it } = It({
     isDisabled: i,
     isReadOnly: n,
     isOpen: l,
@@ -210,24 +209,24 @@ const qt = (oe) => {
     searchPosition: b,
     getSelectableIndices: st,
     highlightedIndex: a,
-    setHighlightedIndex: _,
+    setHighlightedIndex: j,
     flatOptions: o,
     rowVirtualizer: L,
-    handleOpenChange: q,
-    handleSelect: Q,
-    handleSelectAll: U,
-    openedViaKeyboardRef: j,
-    searchInputRef: E,
-    triggerRef: G
-  }), Y = ht({
+    handleOpenChange: E,
+    handleSelect: U,
+    handleSelectAll: Y,
+    openedViaKeyboardRef: k,
+    searchInputRef: D,
+    triggerRef: W
+  }), Z = gt({
     label: d,
     helperText: Me,
     helperTextPosition: Ce,
-    labelOrientation: K,
+    labelOrientation: z,
     error: Oe,
     required: je,
     disabled: i,
-    className: le(K === "left" && "w-fit items-center"),
+    className: le(z === "left" && "w-fit items-center"),
     rootClassName: Ve
   });
   return /* @__PURE__ */ u(
@@ -235,19 +234,19 @@ const qt = (oe) => {
     {
       "data-testid": `select-${m || "default"}`,
       "data-component": "select",
-      children: Y.wrapControl(
-        /* @__PURE__ */ Z(te.Root, { open: l && !i, onOpenChange: q, modal: !1, children: [
+      children: Z.wrapControl(
+        /* @__PURE__ */ ee(te.Root, { open: l && !i, onOpenChange: E, modal: !1, children: [
           /* @__PURE__ */ u(te.Anchor, { asChild: !0, children: /* @__PURE__ */ u(
-            St,
+            ht,
             {
-              triggerRef: G,
+              triggerRef: W,
               inputRef: Ze,
               selectFieldId: p,
-              listboxId: k,
+              listboxId: G,
               id: m,
               className: Ie,
               size: Pe,
-              error: Y.hasError,
+              error: Z.hasError,
               isDisabled: i,
               isReadOnly: n,
               isOpen: l,
@@ -261,34 +260,34 @@ const qt = (oe) => {
               autoFocus: me,
               name: xe,
               label: d,
-              placeholder: R,
+              placeholder: P,
               leftContent: we,
               activeDescendantId: Ye,
               internalValue: s,
               totalCount: Le,
-              totalOptionsCount: W,
+              totalOptionsCount: X,
               formatSelectedCount: (e) => O("select.selectedCount", { count: e }),
-              resolveOptionLabel: J,
+              resolveOptionLabel: Q,
               isMulti: t,
               onFocus: $e,
               onBlur: _e,
               onKeyDown: rt,
-              onToggle: () => q(!l),
+              onToggle: () => E(!l),
               onClear: ot
             }
           ) }),
-          /* @__PURE__ */ Z(
-            pt,
+          /* @__PURE__ */ ee(
+            St,
             {
-              menuRef: P,
+              menuRef: w,
               menuMinHeight: tt,
               menuWidth: Ke,
               isReadOnly: n,
               id: m,
-              menuLabel: String(d || R),
+              menuLabel: String(d || P),
               children: [
                 /* @__PURE__ */ u(
-                  mt,
+                  ft,
                   {
                     id: m,
                     selectFieldId: p,
@@ -302,19 +301,19 @@ const qt = (oe) => {
                     isProcessing: c,
                     isSelectAllEnabled: A ?? !1,
                     flatOptionsLength: o.length,
-                    searchInputRef: E,
+                    searchInputRef: D,
                     searchValue: f,
                     searchPlaceholder: O("select.searchHere"),
                     highlightedIndex: a,
                     maxSelectableOptions: g,
-                    visibleStats: X,
+                    visibleStats: J,
                     selectAllLabel: O("select.selectAll"),
                     unselectAllLabel: O("select.unselectAll"),
                     onSearchChange: (e) => {
-                      v(e), Ae?.(e);
+                      v(e), ye?.(e);
                     },
                     onSearchKeyDown: it,
-                    onSelectAll: U
+                    onSelectAll: Y
                   }
                 ),
                 /* @__PURE__ */ u(
@@ -322,10 +321,10 @@ const qt = (oe) => {
                   {
                     className: le(
                       "flex min-h-0 flex-1 flex-col overflow-hidden",
-                      !(N || g || C.length > 5e3) && "rounded-b-[12px]"
+                      !(H || g || C.length > 5e3) && "rounded-b-[12px]"
                     ),
                     children: /* @__PURE__ */ u(
-                      ft,
+                      pt,
                       {
                         fetchError: V,
                         onRefetch: Be,
@@ -334,35 +333,35 @@ const qt = (oe) => {
                         isProcessing: c,
                         isMulti: t,
                         isReadOnly: n,
-                        enableGroups: y,
+                        enableGroups: R,
                         enableSubMenus: I,
                         showSequence: T,
                         maxSelectableOptions: g,
-                        listRef: w,
-                        listboxId: k,
-                        listboxLabel: d ? String(d) : R,
+                        listRef: q,
+                        listboxId: G,
+                        listboxLabel: d ? String(d) : P,
                         rowVirtualizer: L,
                         selectFieldId: p,
                         id: m,
                         highlightedIndex: a,
                         activeSubmenu: Qe,
-                        setActiveSubmenu: $,
+                        setActiveSubmenu: _,
                         internalValue: s,
                         selectionMode: M.mode,
                         selectionSet: M.set,
-                        resolveOptionLabel: J,
+                        resolveOptionLabel: Q,
                         getSequenceForOption: nt,
-                        renderOption: ye,
-                        onSelect: Q,
+                        renderOption: Ae,
+                        onSelect: U,
                         getGroupStats: lt
                       }
                     )
                   }
                 ),
                 /* @__PURE__ */ u(
-                  dt,
+                  mt,
                   {
-                    footerContent: N,
+                    footerContent: H,
                     maxSelectableOptions: g,
                     optionCount: C.length
                   }
@@ -374,8 +373,12 @@ const qt = (oe) => {
       )
     }
   );
-};
-qt.displayName = "Select";
+}
+oe.displayName = "Select";
+function Et(y) {
+  return oe(y);
+}
+Et.displayName = "Select";
 export {
-  qt as Select
+  Et as Select
 };