mada-design-system 0.5.11 → 0.5.12

package/index.es11.js

@@ -1,20 +1,162 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "./index.es86.js";
-import { cn as a } from "./index.es85.js";
-const s = () => {
-  const e = o((t) => t.isActive);
-  return /* @__PURE__ */ r(
-    "div",
+import { jsxs as o, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { useVirtualizer as T } from "./index.es112.js";
+import h, { useCallback as _, useMemo as $, useEffect as A } from "react";
+import { useToggle as D } from "./index.es103.js";
+import { strings as z } from "./index.es98.js";
+import G from "./index.es3.js";
+import { ShouldRender as y } from "./index.es15.js";
+import { Badge as q } from "./index.es21.js";
+import { Button as L } from "./index.es23.js";
+import { Checkbox as H } from "./index.es26.js";
+import { Command as J, CommandInput as K, CommandList as Q, CommandEmpty as U, CommandGroup as W, CommandItem as X } from "./index.es28.js";
+import { Popover as Y, PopoverTrigger as Z, PopoverContent as B } from "./index.es60.js";
+import { selectVariants as V } from "./index.es65.js";
+import { debounce as ee, cn as re } from "./index.es86.js";
+import ae from "./index.es101.js";
+function be({
+  placeholder: l,
+  options: r,
+  selectedValues: a,
+  onChange: c,
+  disabled: g,
+  size: s = "default",
+  dataTestId: d = "",
+  rounded: u = "default",
+  variant: x = "outline",
+  colors: v = "default",
+  isLoading: n = !1,
+  className: f,
+  checkboxSize: b = "default",
+  threshold: N = 1,
+  showSelectButton: i,
+  selectButtonTitle: j
+}) {
+  var I;
+  const [C, S] = D(!1), [R, w] = h.useState(""), [F, E] = h.useState(""), [k, p] = h.useState(a), M = _(() => ee((t) => w(t), 300), []), P = $(() => r.filter((t) => t.label.toLowerCase().includes(R.toLowerCase())), [r, R]), m = C && i ? k : a;
+  return A(() => {
+    p(a);
+  }, [a]), /* @__PURE__ */ o(
+    Y,
     {
-      className: a({
-        "fixed  left-0 top-0 z-[1000] flex h-full w-full items-center justify-center opacity-70": !0,
-        grayscale: e,
-        "grayscale-0": !e
-      }),
-      children: /* @__PURE__ */ r("div", { className: "z-[1001] block h-60 w-60 animate-spin rounded-[50%] border-[3px] border-solid border-[transparent] border-t-green-800 before:absolute before:bottom-2 before:left-2 before:right-2 before:top-2 before:animate-spin before:rounded-[50%] before:border-[3px] before:border-solid before:border-[transparent] before:border-t-slate-800 after:absolute after:bottom-6 after:left-6 after:right-6 after:top-6 after:animate-spin after:rounded-[50%] after:border-[3px] after:border-solid after:border-[transparent] after:border-t-orange-600" })
+      open: C,
+      onOpenChange: () => {
+        S(), C || (E(""), w(""), i && p(a));
+      },
+      children: [
+        /* @__PURE__ */ e(Z, { asChild: !0, disabled: g, "data-testid": d, children: /* @__PURE__ */ o("button", { className: re(V({ variant: x, colors: v, size: s, rounded: u }), f), children: [
+          /* @__PURE__ */ e("span", { className: "shrink-0 text-body-01 text-form-field-text-placeholder ", children: l }),
+          (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ e(O, { children: m.length > N ? /* @__PURE__ */ e("label", { className: "ms-auto flex size-space-05 shrink-0 items-center justify-center rounded-full  bg-inverted text-caption-01 text-inverted-foreground", children: m.length }) : (I = r == null ? void 0 : r.filter((t) => m.includes(t.value))) == null ? void 0 : I.map((t) => /* @__PURE__ */ e(q, { colors: "gray", variant: "ghost", size: "sm", className: "ms-auto", children: t.label }, t.value)) }),
+          n ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e(
+            ae,
+            {
+              className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
+              "aria-hidden": !0
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e(
+          B,
+          {
+            className: "min-h-space-07 min-w-[var(--radix-popover-trigger-width)] p-space-00   max-md:max-w-[var(--radix-popper-available-width)]",
+            align: "start",
+            children: /* @__PURE__ */ o(J, { className: "w-full", shouldFilter: !1, children: [
+              /* @__PURE__ */ o("div", { className: "p-space-02", children: [
+                /* @__PURE__ */ e(y, { shouldRender: (r == null ? void 0 : r.length) > 7, children: /* @__PURE__ */ e(
+                  K,
+                  {
+                    placeholder: l,
+                    value: F,
+                    onValueChange: (t) => {
+                      E(t), M()(t);
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ o(Q, { children: [
+                  /* @__PURE__ */ e(U, { className: "my-auto text-center", children: z.Shared.NoDataFound }),
+                  /* @__PURE__ */ e(
+                    te,
+                    {
+                      options: P,
+                      dataTestId: d,
+                      selectedValues: i ? k : a,
+                      onChange: i ? p : c,
+                      checkboxSize: b
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ e(y, { shouldRender: !!(a != null && a.length) || i, children: /* @__PURE__ */ o("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: [
+                /* @__PURE__ */ e(
+                  L,
+                  {
+                    colors: "neutral",
+                    variant: "text",
+                    size: "sm",
+                    onClick: () => {
+                      c([]), p([]), i || S();
+                    },
+                    className: "flex-1",
+                    children: z.Shared.reset
+                  }
+                ),
+                /* @__PURE__ */ e(y, { shouldRender: i, children: /* @__PURE__ */ e(
+                  L,
+                  {
+                    type: "button",
+                    colors: "primary",
+                    size: "sm",
+                    onClick: () => {
+                      c(k), S();
+                    },
+                    className: "flex-1",
+                    children: j ?? z.Shared.Select
+                  }
+                ) })
+              ] }) })
+            ] })
+          }
+        )
+      ]
     }
   );
-};
+}
+function te({
+  options: l,
+  selectedValues: r,
+  dataTestId: a,
+  onChange: c,
+  checkboxSize: g
+}) {
+  var u;
+  const s = h.useRef(null), d = T({
+    count: l.length,
+    getScrollElement: () => s.current,
+    estimateSize: () => 36,
+    // Adjust based on your row height
+    overscan: 10
+    // Improves scroll performance
+  });
+  return /* @__PURE__ */ e(W, { ref: s, className: "overflow-auto", children: (u = d.getVirtualItems()) == null ? void 0 : u.map((x, v) => {
+    const n = l[x.index], f = r == null ? void 0 : r.includes(n.value);
+    return /* @__PURE__ */ o(
+      X,
+      {
+        "data-testid": `${a}-${v}`,
+        className: "flex gap-space-02",
+        onSelect: () => {
+          const b = f ? r.filter((N) => N !== n.value) : [...r, n.value];
+          c(b);
+        },
+        children: [
+          n.icon && /* @__PURE__ */ e(n.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ e("span", { children: n.label }),
+          /* @__PURE__ */ e(H, { className: "ms-auto", checked: f, size: g })
+        ]
+      },
+      n.value
+    );
+  }) });
+}
 export {
-  s as PageLoader
+  be as MultiSelect
 };

package/index.es110.js

@@ -1,4 +1,4 @@
-import H from "./index.es191.js";
+import H from "./index.es182.js";
 const e = H("AddBox", [
   [
     "path",

package/index.es111.js

@@ -1,4 +1,4 @@
-import H from "./index.es191.js";
+import H from "./index.es182.js";
 const t = H("DashboardCustomize", [
   ["path", { d: "M3 11H11V3H3V11ZM5 5H9V9H5V5Z", key: "1w78ug" }],
   ["path", { d: "M13 3V11H21V3H13ZM19 9H15V5H19V9Z", key: "tprguu" }],

package/index.es112.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import { flushSync as c } from "react-dom";
-import { observeElementRect as f, observeElementOffset as i, elementScroll as m, Virtualizer as d } from "./index.es183.js";
-import { defaultKeyExtractor as R, defaultRangeExtractor as g, measureElement as z } from "./index.es183.js";
+import { observeElementRect as f, observeElementOffset as i, elementScroll as m, Virtualizer as d } from "./index.es181.js";
+import { defaultKeyExtractor as R, defaultRangeExtractor as g, measureElement as z } from "./index.es181.js";
 const a = typeof document < "u" ? r.useLayoutEffect : r.useEffect;
 function p(e) {
   const n = r.useReducer(() => ({}), {})[1], o = {

package/index.es113.js

@@ -1,40 +1,13 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import * as r from "react";
-import { cn as i } from "./index.es85.js";
-import { strings as l } from "./index.es97.js";
-import c from "./index.es114.js";
-import d from "./index.es115.js";
-const N = ({ className: e, ...a }) => /* @__PURE__ */ n("nav", { role: "navigation", "aria-label": "pagination", className: i("mx-auto flex w-full justify-center", e), ...a }), m = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ n("ul", { ref: t, className: i("flex flex-row items-center gap-space-02", e), ...a }));
-m.displayName = "PaginationContent";
-const p = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ n("li", { ref: t, className: i("", e), ...a }));
-p.displayName = "PaginationItem";
-const o = ({ className: e, isActive: a, ...t }) => /* @__PURE__ */ n(
-  "button",
-  {
-    "aria-current": a ? "page" : void 0,
-    className: i(
-      "relative flex h-space-05 min-w-space-05 items-center justify-center gap-space-01 rounded text-body-01 text-text-default hover:bg-background-neutral-100 disabled:text-disabled-text-default-disabled disabled:pointer-events-none ",
-      `${a && "after:absolute after:bottom-0 after:h-[3px] after:w-full after:rounded-full after:bg-background-primary"}`,
-      e
-    ),
-    ...t
-  }
-);
-o.displayName = "PaginationLink";
-const f = ({ className: e, hasText: a, ...t }) => /* @__PURE__ */ s(o, { "aria-label": "Go to previous page", size: "default", className: i("px-space-01", e), ...t, children: [
-  /* @__PURE__ */ n(c, { className: "h-space-05 w-space-05 ltr:rotate-180" }),
-  a && /* @__PURE__ */ n("span", { className: "hidden sm:inline-block", children: l.Shared.previous })
-] });
-f.displayName = "PaginationPrevious";
-const P = ({ className: e, hasText: a, ...t }) => /* @__PURE__ */ s(o, { "aria-label": "Go to next page", size: "default", className: i("px-space-01", e), ...t, children: [
-  a && /* @__PURE__ */ n("span", { className: "hidden sm:inline-block", children: l.Shared.next }),
-  /* @__PURE__ */ n(d, { className: "h-space-05 w-space-05 ltr:rotate-180" })
-] });
+import t from "./index.es182.js";
+const o = t("ChevronRight", [
+  [
+    "path",
+    {
+      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
+      key: "xcu7tv"
+    }
+  ]
+]);
 export {
-  N as Pagination,
-  m as PaginationContent,
-  p as PaginationItem,
-  o as PaginationLink,
-  P as PaginationNext,
-  f as PaginationPrevious
+  o as default
 };

package/index.es114.js

@@ -1,13 +1,13 @@
-import t from "./index.es191.js";
-const o = t("ChevronRight", [
+import e from "./index.es182.js";
+const L = e("ChevronLeft", [
   [
     "path",
     {
-      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
-      key: "xcu7tv"
+      d: "M15.7049 7.41L14.2949 6L8.29492 12L14.2949 18L15.7049 16.59L11.1249 12L15.7049 7.41Z",
+      key: "2nwmtn"
     }
   ]
 ]);
 export {
-  o as default
+  L as default
 };

package/index.es115.js

@@ -1,13 +1,13 @@
-import e from "./index.es191.js";
-const L = e("ChevronLeft", [
+import C from "./index.es182.js";
+const r = C("MoreHoriz", [
   [
     "path",
     {
-      d: "M15.7049 7.41L14.2949 6L8.29492 12L14.2949 18L15.7049 16.59L11.1249 12L15.7049 7.41Z",
-      key: "2nwmtn"
+      d: "M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",
+      key: "axpa9z"
     }
   ]
 ]);
 export {
-  L as default
+  r as default
 };

package/index.es116.js

@@ -1,13 +1,13 @@
-import C from "./index.es191.js";
-const r = C("MoreHoriz", [
+import C from "./index.es182.js";
+const a = C("DragIndicator", [
   [
     "path",
     {
-      d: "M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",
-      key: "axpa9z"
+      d: "M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z",
+      key: "l6hb9t"
     }
   ]
 ]);
 export {
-  r as default
+  a as default
 };

package/index.es117.js

@@ -1,13 +1,13 @@
-import C from "./index.es191.js";
-const a = C("DragIndicator", [
+import L from "./index.es182.js";
+const e = L("Cancel", [
   [
     "path",
     {
-      d: "M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z",
-      key: "l6hb9t"
+      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM15.59 7L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41L15.59 7Z",
+      key: "1i7kw4"
     }
   ]
 ]);
 export {
-  a as default
+  e as default
 };