@pibit.ai/cure-design-system 0.3.33 → 0.3.35

package/dist/patterns/table/toolbar/HideFieldsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HideFieldsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/HideFieldsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAsDD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8J1D,CAAC"}
+{"version":3,"file":"HideFieldsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/HideFieldsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAmED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuL1D,CAAC"}

package/dist/patterns/table/toolbar/HideFieldsDropdown.js

@@ -1,18 +1,24 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { useState as g, useEffect as j, useMemo as x } from "react";
+import { useState as g, useEffect as j, useMemo as u } from "react";
 import { EyeOff as q, Eye as K } from "@untitledui/icons";
 import _ from "../../../primitives/select/SearchInput.js";
 import { cx as I } from "../../../utils/cn.js";
 import { TOOLBAR_ICONS as $ } from "../toolbar-icons.js";
-import { resolveColumnLabel as F } from "./tableToolbarHelpers.js";
+import { resolveColumnLabel as G } from "./tableToolbarHelpers.js";
 import { Dropdown as H } from "../../../primitives/dropdown/dropdown.js";
 import { Button as z } from "../../../primitives/button/button.js";
-import { useDragControls as G } from "../../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
-import { Toggle as M } from "../../../primitives/toggle/toggle.js";
+import { useDragControls as M } from "../../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
+import { Toggle as F } from "../../../primitives/toggle/toggle.js";
 import { ReorderGroup as J } from "../../../node_modules/framer-motion/dist/es/components/Reorder/Group.js";
 import { ReorderItem as Q } from "../../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
-const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u }) => {
-  const l = G();
+const U = ({
+  columnKey: a,
+  label: o,
+  isHidden: p,
+  isDisabled: i,
+  onToggle: x
+}) => {
+  const l = M();
   return /* @__PURE__ */ d(
     Q,
     {
@@ -31,12 +37,12 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
       transition: { type: "spring", stiffness: 300, damping: 25 },
       children: [
         /* @__PURE__ */ s(
-          M,
+          F,
           {
             "aria-label": `Toggle visibility of ${o}`,
             isSelected: !p,
             isDisabled: i,
-            onChange: u,
+            onChange: x,
             size: "sm",
             slim: !0
           }
@@ -44,7 +50,10 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         /* @__PURE__ */ s(
           "span",
           {
-            className: I("flex-1 truncate text-xs", p ? "text-tertiary" : "text-secondary"),
+            className: I(
+              "flex-1 truncate text-xs",
+              p ? "text-tertiary" : "text-secondary"
+            ),
             title: o,
             children: o
           }
@@ -56,7 +65,14 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
             className: "shrink-0 cursor-grab text-fg-quaternary hover:text-fg-secondary touch-none select-none",
             "aria-label": `Drag ${o}`,
             title: "Drag to reorder",
-            children: /* @__PURE__ */ s("img", { src: $.reorderDots, alt: "", className: "h-4 w-4 pointer-events-none" })
+            children: /* @__PURE__ */ s(
+              "img",
+              {
+                src: $.reorderDots,
+                alt: "",
+                className: "h-4 w-4 pointer-events-none"
+              }
+            )
           }
         )
       ]
@@ -67,38 +83,47 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
   hiddenColumns: o,
   setHiddenColumns: p,
   columnOrder: i,
-  setColumnOrder: u,
+  setColumnOrder: x,
   labelMeta: l,
   isDisabled: v
 }) => {
-  const [y, D] = g(!1), [b, R] = g(""), [f, w] = g(() => new Set(o)), [N, m] = g(() => [...i]);
+  const [y, D] = g(!1), [b, R] = g(""), [m, w] = g(
+    () => new Set(o)
+  ), [N, f] = g(() => [
+    ...i
+  ]);
   j(() => {
-    y && (w(new Set(o)), m([...i]), R(""));
+    y && (w(new Set(o)), f([...i]), R(""));
   }, [y, o, i]);
-  const c = x(() => {
+  const c = u(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const r of a) e.set(r.value, F(r, l));
+    for (const r of a)
+      e.set(r.value, G(r, l));
     return e;
-  }, [a, l]), n = x(() => {
+  }, [a, l]), n = u(() => {
     const e = /* @__PURE__ */ new Set(), r = [];
     for (const t of N)
       c.has(t) && !e.has(t) && (e.add(t), r.push(t));
     for (const t of a)
       e.has(t.value) || (e.add(t.value), r.push(t.value));
     return r;
-  }, [N, a, c]), h = x(() => {
+  }, [N, a, c]), h = u(() => {
     const e = b.trim().toLowerCase();
-    return e ? n.filter((r) => (c.get(r) ?? r).toLowerCase().includes(e)) : n;
+    return e ? n.filter(
+      (r) => (c.get(r) ?? r).toLowerCase().includes(e)
+    ) : n;
   }, [n, b, c]), T = (e) => {
     if (e.length === n.length) {
-      m(e);
+      f(e);
       return;
     }
-    const r = new Set(h), t = [...e], C = n.map((L) => r.has(L) ? t.shift() : L);
-    m(C);
-  }, A = x(
-    () => n.filter((e) => !f.has(e)).length,
-    [n, f]
+    const r = new Set(h), t = [...e], C = n.map(
+      (L) => r.has(L) ? t.shift() : L
+    );
+    f(C);
+  }, A = u(
+    () => n.filter((e) => !m.has(e)).length,
+    [n, m]
   ), P = (e) => {
     w((r) => {
       const t = new Set(r);
@@ -112,9 +137,9 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
       return t;
     });
   }, B = () => {
-    w(/* @__PURE__ */ new Set()), m(a.map((e) => e.value));
+    w(/* @__PURE__ */ new Set()), f(a.map((e) => e.value));
   }, E = () => {
-    p(new Set(f)), u([...N]), D(!1);
+    p(new Set(m)), x([...N]), D(!1);
   }, O = o.size, S = O > 0;
   return /* @__PURE__ */ d(H.Root, { isOpen: y, onOpenChange: D, children: [
     /* @__PURE__ */ d(
@@ -128,7 +153,7 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
           S && "ring-1 ring-brand-600 bg-brand-primary text-brand-600 hover:bg-brand-primary hover:text-brand-600"
         ),
         children: [
-          "Hide Fields",
+          "Hide Columns",
           S && /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-brand-600 ml-1", children: O })
         ]
       }
@@ -138,13 +163,13 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         _,
         {
           size: "sm",
-          placeholder: "Search fields",
+          placeholder: "Search columns",
           value: b,
           onChange: (e) => R(e),
           className: "w-full ring-0 outline-hidden bg-secondary rounded-lg"
         }
       ),
-      /* @__PURE__ */ s("div", { className: "max-h-[40vh] overflow-y-auto scrollbar-hide pr-0.5", children: h.length === 0 ? /* @__PURE__ */ s("p", { className: "px-2 py-3 text-xs text-tertiary", children: "No fields match." }) : /* @__PURE__ */ s(
+      /* @__PURE__ */ s("div", { className: "max-h-[40vh] overflow-y-auto scrollbar-hide pr-0.5", children: h.length === 0 ? /* @__PURE__ */ s("p", { className: "px-2 py-3 text-xs text-tertiary", children: "No columns match." }) : /* @__PURE__ */ s(
         J,
         {
           as: "div",
@@ -153,7 +178,7 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
           onReorder: T,
           className: "flex flex-col gap-0.5",
           children: h.map((e) => {
-            const r = f.has(e);
+            const r = m.has(e);
             return /* @__PURE__ */ s(
               U,
               {
@@ -169,8 +194,26 @@ const U = ({ columnKey: a, label: o, isHidden: p, isDisabled: i, onToggle: u })
         }
       ) }),
       /* @__PURE__ */ d("div", { className: "flex gap-2 pt-1 px-2 pb-2", children: [
-        /* @__PURE__ */ s(z, { color: "secondary", size: "xs", onClick: B, className: "flex-1", children: "Reset" }),
-        /* @__PURE__ */ s(z, { color: "primary", size: "xs", onClick: E, className: "flex-1", children: "Apply" })
+        /* @__PURE__ */ s(
+          z,
+          {
+            color: "secondary",
+            size: "xs",
+            onClick: B,
+            className: "flex-1",
+            children: "Reset"
+          }
+        ),
+        /* @__PURE__ */ s(
+          z,
+          {
+            color: "primary",
+            size: "xs",
+            onClick: E,
+            className: "flex-1",
+            children: "Apply"
+          }
+        )
       ] })
     ] }) })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pibit.ai/cure-design-system",
-  "version": "0.3.33",
+  "version": "0.3.35",
   "description": "CURE Design System - React component library",
   "author": "Pibit",
   "license": "MIT",