@pibit.ai/cure-design-system 0.3.23 → 0.3.24

package/dist/primitives/select/multi-select.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as N, Fragment as _ } from "react/jsx-runtime";
-import { useCallback as z, useRef as E, useState as L, createContext as q, useContext as D } from "react";
+import { useCallback as z, useRef as L, useState as E, createContext as q, useContext as D } from "react";
 import { ComboBox as j, ListBox as C, Group as V, ComboBoxStateContext as W, Input as G } from "react-aria-components";
 import { Avatar as H } from "../avatar/avatar.js";
 import { HintText as U } from "../input/hint-text.js";
@@ -9,15 +9,16 @@ import { sizes as O } from "./select.js";
 import { TagCloseX as Q } from "../tags/base-components/tag-close-x.js";
 import { SelectItem as Y } from "./select-item.js";
 import { cx as w } from "../../utils/cn.js";
-import { useResizeObserver as Z } from "../../hooks/use-resize-observer.js";
-import { useFilter as M } from "../../node_modules/@react-aria/i18n/dist/useFilter.js";
-import { useListData as B } from "../../node_modules/@react-stately/data/dist/useListData.js";
-import { FocusScope as I, useFocusManager as ee } from "../../node_modules/@react-aria/focus/dist/FocusScope.js";
-const te = {
+import { getPlatformShortcutLabel as Z } from "../../utils/keyboard-shortcut.js";
+import { useResizeObserver as M } from "../../hooks/use-resize-observer.js";
+import { useFilter as B } from "../../node_modules/@react-aria/i18n/dist/useFilter.js";
+import { useListData as I } from "../../node_modules/@react-stately/data/dist/useListData.js";
+import { FocusScope as ee, useFocusManager as te } from "../../node_modules/@react-aria/focus/dist/FocusScope.js";
+const re = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-md"
-}, K = q({
+}, P = q({
   size: "sm",
   selectedKeys: [],
   selectedItems: {},
@@ -34,7 +35,7 @@ const te = {
   selectedItems: l,
   onItemCleared: c,
   onItemInserted: t,
-  shortcut: s,
+  shortcut: r,
   placeholder: d = "Search",
   showAvatar: p = !0,
   readOnly: g = !1,
@@ -45,37 +46,37 @@ const te = {
   ...n
 }) => {
   var A;
-  const { contains: x } = M({ sensitivity: "base" }), u = (A = l == null ? void 0 : l.items) != null && A.length ? l.items.map((r) => r.id) : [], e = z(
-    (r, a) => !u.includes(r.id) && x(r.label || r.supportingText || "", a),
+  const { contains: x } = B({ sensitivity: "base" }), u = (A = l == null ? void 0 : l.items) != null && A.length ? l.items.map((s) => s.id) : [], e = z(
+    (s, a) => !u.includes(s.id) && x(s.label || s.supportingText || "", a),
     [x, u]
-  ), o = B({
+  ), o = I({
     initialItems: m,
     filter: e
   }), v = z(
-    (r) => {
-      const a = r.values().next().value;
+    (s) => {
+      const a = s.values().next().value;
       a && (l.remove(a), c == null || c(a));
     },
     [l, c]
-  ), S = (r) => {
-    if (!r)
+  ), S = (s) => {
+    if (!s)
       return;
-    const a = o.getItem(r);
-    a && (u.includes(r) || (l.append(a), t == null || t(r)), o.setFilterText(""));
-  }, y = (r) => {
-    g || o.setFilterText(r);
-  }, f = E(null), [P, F] = L(""), $ = z(() => {
+    const a = o.getItem(s);
+    a && (u.includes(s) || (l.append(a), t == null || t(s)), o.setFilterText(""));
+  }, y = (s) => {
+    g || o.setFilterText(s);
+  }, f = L(null), [K, F] = E(""), $ = z(() => {
     var a;
     if (!f.current) return;
-    let r = (a = f.current) == null ? void 0 : a.getBoundingClientRect();
-    F(r.width + "px");
+    let s = (a = f.current) == null ? void 0 : a.getBoundingClientRect();
+    F(s.width + "px");
   }, [f, F]);
-  return Z({
+  return M({
     ref: f,
     onResize: $,
     box: "border-box"
   }), /* @__PURE__ */ i(
-    K.Provider,
+    P.Provider,
     {
       value: {
         size: h,
@@ -98,15 +99,15 @@ const te = {
           selectedKey: null,
           onSelectionChange: S,
           ...n,
-          children: (r) => {
+          children: (s) => {
             var a;
             return /* @__PURE__ */ N("div", { className: "flex flex-col gap-1.5", children: [
-              n.label && /* @__PURE__ */ i(X, { isRequired: r.isRequired, tooltip: n.tooltip, children: n.label }),
+              n.label && /* @__PURE__ */ i(X, { isRequired: s.isRequired, tooltip: n.tooltip, children: n.label }),
               /* @__PURE__ */ i(
-                ie,
+                ae,
                 {
                   size: h,
-                  shortcut: s,
+                  shortcut: r,
                   ref: f,
                   placeholder: d,
                   readOnly: g,
@@ -119,7 +120,7 @@ const te = {
                 {
                   size: "md",
                   triggerRef: f,
-                  style: { width: P },
+                  style: { width: K },
                   className: n == null ? void 0 : n.popoverClassName,
                   children: /* @__PURE__ */ i(
                     C,
@@ -131,14 +132,14 @@ const te = {
                   )
                 }
               ),
-              n.hint && /* @__PURE__ */ i(U, { isInvalid: r.isInvalid, children: n.hint })
+              n.hint && /* @__PURE__ */ i(U, { isInvalid: s.isInvalid, children: n.hint })
             ] });
           }
         }
       )
     }
   );
-}, re = ({
+}, ie = ({
   isDisabled: m,
   shortcut: b,
   shortcutClassName: h,
@@ -146,7 +147,7 @@ const te = {
   readOnly: c = !1
 }) => {
   var T, n, x, u;
-  const t = ee(), s = D(K), d = D(W), p = (e) => {
+  const t = te(), r = D(P), d = D(W), p = (e) => {
     if (!(!(e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) && e.currentTarget.value !== ""))
       switch (e.key) {
         case "Backspace":
@@ -164,12 +165,12 @@ const te = {
     if (e.key === "Tab")
       return;
     e.preventDefault();
-    const v = ((f = (y = (S = s == null ? void 0 : s.selectedItems) == null ? void 0 : S.items) == null ? void 0 : y[0]) == null ? void 0 : f.id) === o;
+    const v = ((f = (y = (S = r == null ? void 0 : r.selectedItems) == null ? void 0 : S.items) == null ? void 0 : y[0]) == null ? void 0 : f.id) === o;
     switch (e.key) {
       case " ":
       case "Enter":
       case "Backspace":
-        v ? t == null || t.focusNext({ wrap: !1, tabbable: !1 }) : t == null || t.focusPrevious({ wrap: !1, tabbable: !1 }), s.onRemove(/* @__PURE__ */ new Set([o]));
+        v ? t == null || t.focusNext({ wrap: !1, tabbable: !1 }) : t == null || t.focusPrevious({ wrap: !1, tabbable: !1 }), r.onRemove(/* @__PURE__ */ new Set([o]));
         break;
       case "ArrowLeft":
         t == null || t.focusPrevious({ wrap: !1, tabbable: !1 });
@@ -181,17 +182,17 @@ const te = {
         d == null || d.close();
         break;
     }
-  }, R = ((n = (T = s == null ? void 0 : s.selectedItems) == null ? void 0 : T.items) == null ? void 0 : n.length) === 0;
+  }, R = ((n = (T = r == null ? void 0 : r.selectedItems) == null ? void 0 : T.items) == null ? void 0 : n.length) === 0;
   return /* @__PURE__ */ N("div", { className: "relative flex w-full flex-1 flex-row flex-wrap items-center justify-start gap-1.5", children: [
-    !R && ((u = (x = s == null ? void 0 : s.selectedItems) == null ? void 0 : x.items) == null ? void 0 : u.map((e) => /* @__PURE__ */ N(
+    !R && ((u = (x = r == null ? void 0 : r.selectedItems) == null ? void 0 : x.items) == null ? void 0 : u.map((e) => /* @__PURE__ */ N(
       "span",
       {
         className: w(
           "flex items-center rounded-md bg-primary py-0.5 pr-1 pl-1.25 ring-1 ring-[var(--color-gray-100)] ring-inset",
-          s == null ? void 0 : s.chipClassName
+          r == null ? void 0 : r.chipClassName
         ),
         children: [
-          (s == null ? void 0 : s.showAvatar) && /* @__PURE__ */ i(
+          (r == null ? void 0 : r.showAvatar) && /* @__PURE__ */ i(
             H,
             {
               size: "sm",
@@ -208,7 +209,7 @@ const te = {
               isDisabled: m,
               className: "ml-0.75",
               onKeyDown: (o) => k(o, e.id),
-              onPress: () => s.onRemove(/* @__PURE__ */ new Set([e.id]))
+              onPress: () => r.onRemove(/* @__PURE__ */ new Set([e.id]))
             }
           )
         ]
@@ -234,7 +235,7 @@ const te = {
               className: w(
                 "w-full flex-[1_0_0] appearance-none bg-transparent text-ellipsis text-primary caret-alpha-black/90 outline-none placeholder:text-placeholder_subtle focus:outline-hidden disabled:cursor-not-allowed disabled:text-disabled disabled:placeholder:text-disabled",
                 c && "cursor-default",
-                te[(s == null ? void 0 : s.size) || "sm"]
+                re[(r == null ? void 0 : r.size) || "sm"]
               )
             }
           ),
@@ -253,7 +254,7 @@ const te = {
                     "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
                     m && "bg-transparent text-disabled"
                   ),
-                  children: "⌘K"
+                  children: Z(["meta"], "K")
                 }
               )
             }
@@ -262,7 +263,7 @@ const te = {
       }
     )
   ] });
-}, ie = ({
+}, ae = ({
   size: m,
   shortcut: b,
   placeholder: h,
@@ -270,7 +271,7 @@ const te = {
   placeholderIcon: c = null,
   readOnly: t = !1,
   // Omit this prop to avoid invalid HTML attribute warning
-  isDisabled: s,
+  isDisabled: r,
   ...d
 }) => /* @__PURE__ */ i(
   V,
@@ -284,8 +285,8 @@ const te = {
     ),
     children: ({ isDisabled: p }) => /* @__PURE__ */ N(_, { children: [
       c && /* @__PURE__ */ i(c, { className: "pointer-events-none size-5 text-fg-quaternary" }),
-      /* @__PURE__ */ i(I, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ i(
-        re,
+      /* @__PURE__ */ i(ee, { contain: !1, autoFocus: !1, restoreFocus: !1, children: /* @__PURE__ */ i(
+        ie,
         {
           isDisabled: p,
           size: m,
@@ -297,10 +298,10 @@ const te = {
       ) })
     ] })
   }
-), ae = se;
-ae.Item = Y;
+), le = se;
+le.Item = Y;
 export {
-  ae as MultiSelect,
+  le as MultiSelect,
   se as MultiSelectBase,
-  ie as MultiSelectTagsValue
+  ae as MultiSelectTagsValue
 };