mada-design-system 0.3.0 → 0.4.0

package/index.es10.js

@@ -1,48 +1,49 @@
-import { jsxs as o, jsx as r, Fragment as R } from "react/jsx-runtime";
-import { useVirtualizer as I } from "./index.es110.js";
-import x, { useCallback as L, useMemo as j } from "react";
-import { useToggle as B } from "./index.es101.js";
-import { strings as E } from "./index.es94.js";
-import M from "./index.es3.js";
-import { ShouldRender as S } from "./index.es14.js";
-import { Badge as P } from "./index.es20.js";
-import { Button as F } from "./index.es22.js";
-import { Checkbox as O } from "./index.es25.js";
-import { Command as _, CommandInput as $, CommandList as A, CommandEmpty as G, CommandGroup as T, CommandItem as q } from "./index.es27.js";
-import { Popover as D, PopoverTrigger as H, PopoverContent as J } from "./index.es56.js";
-import { selectVariants as K } from "./index.es61.js";
-import { debounce as Q, cn as U } from "./index.es82.js";
-import W from "./index.es98.js";
-function fr({
+import { jsxs as o, jsx as r, Fragment as I } from "react/jsx-runtime";
+import { useVirtualizer as L } from "./index.es111.js";
+import x, { useCallback as j, useMemo as B } from "react";
+import { useToggle as E } from "./index.es102.js";
+import { strings as M } from "./index.es96.js";
+import P from "./index.es3.js";
+import { ShouldRender as k } from "./index.es14.js";
+import { Badge as F } from "./index.es20.js";
+import { Button as O } from "./index.es22.js";
+import { Checkbox as _ } from "./index.es25.js";
+import { Command as $, CommandInput as A, CommandList as G, CommandEmpty as T, CommandGroup as q, CommandItem as D } from "./index.es27.js";
+import { Popover as H, PopoverTrigger as J, PopoverContent as K } from "./index.es58.js";
+import { selectVariants as Q } from "./index.es63.js";
+import { debounce as U, cn as W } from "./index.es84.js";
+import X from "./index.es99.js";
+function pr({
   placeholder: i,
   options: e,
   selectedValues: t,
   onChange: m,
-  disabled: p,
+  disabled: h,
   size: l = "default",
   dataTestId: c = "",
   rounded: d = "default",
-  variant: s = "outline",
-  colors: u = "default",
+  variant: p = "outline",
+  colors: s = "default",
   isLoading: a = !1,
-  className: h,
-  checkboxSize: g = "default"
+  className: f,
+  checkboxSize: u = "default",
+  threshold: g = 1
 }) {
   var w;
-  const [f, v] = B(!1), [b, C] = x.useState(""), [k, N] = x.useState(""), z = L(() => Q((n) => C(n), 300), []), y = j(() => e.filter((n) => n.label.toLowerCase().includes(b.toLowerCase())), [e, b]);
+  const [v, b] = E(!1), [C, N] = x.useState(""), [z, S] = x.useState(""), y = j(() => U((n) => N(n), 300), []), R = B(() => e.filter((n) => n.label.toLowerCase().includes(C.toLowerCase())), [e, C]);
   return /* @__PURE__ */ o(
-    D,
+    H,
     {
-      open: f,
+      open: v,
       onOpenChange: () => {
-        v(), f || (N(""), C(""));
+        b(), v || (S(""), N(""));
       },
       children: [
-        /* @__PURE__ */ r(H, { asChild: !0, disabled: p, "data-testid": c, children: /* @__PURE__ */ o("button", { className: U(K({ variant: s, colors: u, size: l, rounded: d }), h), children: [
+        /* @__PURE__ */ r(J, { asChild: !0, disabled: h, "data-testid": c, children: /* @__PURE__ */ o("button", { className: W(Q({ variant: p, colors: s, size: l, rounded: d }), f), children: [
           /* @__PURE__ */ r("span", { className: "shrink-0 text-body-01 text-form-field-text-placeholder ", children: i }),
-          (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ r(R, { children: (t == null ? void 0 : t.length) > 1 ? /* @__PURE__ */ r("label", { className: "ms-auto flex size-space-05 shrink-0 items-center justify-center rounded-full bg-inverted text-caption-01 text-white", children: t.length }) : (w = e == null ? void 0 : e.filter((n) => t == null ? void 0 : t.includes(n.value))) == null ? void 0 : w.map((n) => /* @__PURE__ */ r(P, { colors: "gray", variant: "ghost", size: "sm", children: n.label }, n.value)) }),
-          a ? /* @__PURE__ */ r(M, {}) : /* @__PURE__ */ r(
-            W,
+          (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ r(I, { children: (t == null ? void 0 : t.length) > g ? /* @__PURE__ */ r("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: t.length }) : (w = e == null ? void 0 : e.filter((n) => t == null ? void 0 : t.includes(n.value))) == null ? void 0 : w.map((n) => /* @__PURE__ */ r(F, { colors: "gray", variant: "ghost", size: "sm", children: n.label }, n.value)) }),
+          a ? /* @__PURE__ */ r(P, {}) : /* @__PURE__ */ r(
+            X,
             {
               className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
               "aria-hidden": !0
@@ -50,47 +51,47 @@ function fr({
           )
         ] }) }),
         /* @__PURE__ */ r(
-          J,
+          K,
           {
             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(_, { className: "w-full", shouldFilter: !1, children: [
+            children: /* @__PURE__ */ o($, { className: "w-full", shouldFilter: !1, children: [
               /* @__PURE__ */ o("div", { className: "p-space-02", children: [
-                /* @__PURE__ */ r(S, { shouldRender: (e == null ? void 0 : e.length) > 7, children: /* @__PURE__ */ r(
-                  $,
+                /* @__PURE__ */ r(k, { shouldRender: (e == null ? void 0 : e.length) > 7, children: /* @__PURE__ */ r(
+                  A,
                   {
                     placeholder: i,
-                    value: k,
+                    value: z,
                     onValueChange: (n) => {
-                      N(n), z()(n);
+                      S(n), y()(n);
                     }
                   }
                 ) }),
-                /* @__PURE__ */ o(A, { children: [
-                  /* @__PURE__ */ r(G, { children: "No results found." }),
+                /* @__PURE__ */ o(G, { children: [
+                  /* @__PURE__ */ r(T, { children: "No results found." }),
                   /* @__PURE__ */ r(
-                    X,
+                    Y,
                     {
-                      options: y,
+                      options: R,
                       dataTestId: c,
                       onChange: m,
                       selectedValues: t,
-                      checkboxSize: g
+                      checkboxSize: u
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ r(S, { shouldRender: !!(t != null && t.length), children: /* @__PURE__ */ r("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: /* @__PURE__ */ r(
-                F,
+              /* @__PURE__ */ r(k, { shouldRender: !!(t != null && t.length), children: /* @__PURE__ */ r("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: /* @__PURE__ */ r(
+                O,
                 {
                   colors: "neutral",
                   variant: "text",
                   size: "sm",
                   onClick: () => {
-                    m([]), v();
+                    m([]), b();
                   },
                   className: "flex-1",
-                  children: E.Shared.reset
+                  children: M.Shared.reset
                 }
               ) }) })
             ] })
@@ -100,15 +101,15 @@ function fr({
     }
   );
 }
-function X({
+function Y({
   options: i,
   selectedValues: e,
   dataTestId: t,
   onChange: m,
-  checkboxSize: p
+  checkboxSize: h
 }) {
   var d;
-  const l = x.useRef(null), c = I({
+  const l = x.useRef(null), c = L({
     count: i.length,
     getScrollElement: () => l.current,
     estimateSize: () => 36,
@@ -116,21 +117,21 @@ function X({
     overscan: 10
     // Improves scroll performance
   });
-  return /* @__PURE__ */ r(T, { ref: l, className: "overflow-auto", children: (d = c.getVirtualItems()) == null ? void 0 : d.map((s, u) => {
-    const a = i[s.index], h = e == null ? void 0 : e.includes(a.value);
+  return /* @__PURE__ */ r(q, { ref: l, className: "overflow-auto", children: (d = c.getVirtualItems()) == null ? void 0 : d.map((p, s) => {
+    const a = i[p.index], f = e == null ? void 0 : e.includes(a.value);
     return /* @__PURE__ */ o(
-      q,
+      D,
       {
-        "data-testid": `${t}-${u}`,
+        "data-testid": `${t}-${s}`,
         className: "flex gap-space-02",
         onSelect: () => {
-          const g = h ? e.filter((f) => f !== a.value) : [...e, a.value];
-          m(g);
+          const u = f ? e.filter((g) => g !== a.value) : [...e, a.value];
+          m(u);
         },
         children: [
           a.icon && /* @__PURE__ */ r(a.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
           /* @__PURE__ */ r("span", { children: a.label }),
-          /* @__PURE__ */ r(O, { className: "ms-auto", checked: h, size: p })
+          /* @__PURE__ */ r(_, { className: "ms-auto", checked: f, size: h })
         ]
       },
       a.value
@@ -138,5 +139,5 @@ function X({
   }) });
 }
 export {
-  fr as MultiSelect
+  pr as MultiSelect
 };

package/index.es100.js

@@ -1,23 +1,90 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number")
-    t += r;
-  else if (typeof r == "object")
-    if (Array.isArray(r)) {
-      var o = r.length;
-      for (n = 0; n < o; n++)
-        r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-    } else
-      for (f in r)
-        r[f] && (t && (t += " "), t += f);
-  return t;
+import * as o from "react";
+import { createTable as u } from "./index.es103.js";
+import { ColumnFaceting as R, ColumnFiltering as S, ColumnGrouping as b, ColumnOrdering as w, ColumnPinning as y, ColumnSizing as F, ColumnVisibility as h, GlobalFaceting as x, GlobalFiltering as O, Headers as P, RowExpanding as v, RowPagination as E, RowPinning as G, RowSelection as $, RowSorting as A, _getVisibleLeafColumns as M, aggregationFns as V, buildHeaderGroups as j, createCell as k, createColumn as z, createRow as H, defaultColumnSizing as N, expandRows as T, filterFns as U, flattenBy as _, functionalUpdate as B, getCoreRowModel as L, getMemoOptions as q, getPaginationRowModel as D, isFunction as I, isNumberArray as J, isRowSelected as K, isSubRowSelected as Q, makeStateUpdater as W, memo as X, orderColumns as Y, passiveEventSupported as Z, reSplitAlphaNumeric as ee, selectRowsFn as te, shouldAutoRemoveFilter as ne, sortingFns as oe } from "./index.es103.js";
+function m(e, t) {
+  return e ? s(e) ? /* @__PURE__ */ o.createElement(e, t) : e : null;
 }
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++)
-    (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
+function s(e) {
+  return c(e) || typeof e == "function" || g(e);
+}
+function c(e) {
+  return typeof e == "function" && (() => {
+    const t = Object.getPrototypeOf(e);
+    return t.prototype && t.prototype.isReactComponent;
+  })();
+}
+function g(e) {
+  return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
+}
+function p(e) {
+  const t = {
+    state: {},
+    // Dummy state
+    onStateChange: () => {
+    },
+    // noop
+    renderFallbackValue: null,
+    ...e
+  }, [n] = o.useState(() => ({
+    current: u(t)
+  })), [i, a] = o.useState(() => n.current.initialState);
+  return n.current.setOptions((l) => ({
+    ...l,
+    ...e,
+    state: {
+      ...i,
+      ...e.state
+    },
+    // Similarly, we'll maintain both our internal state and any user-provided
+    // state.
+    onStateChange: (r) => {
+      a(r), e.onStateChange == null || e.onStateChange(r);
+    }
+  })), n.current;
 }
 export {
-  i as clsx,
-  i as default
+  R as ColumnFaceting,
+  S as ColumnFiltering,
+  b as ColumnGrouping,
+  w as ColumnOrdering,
+  y as ColumnPinning,
+  F as ColumnSizing,
+  h as ColumnVisibility,
+  x as GlobalFaceting,
+  O as GlobalFiltering,
+  P as Headers,
+  v as RowExpanding,
+  E as RowPagination,
+  G as RowPinning,
+  $ as RowSelection,
+  A as RowSorting,
+  M as _getVisibleLeafColumns,
+  V as aggregationFns,
+  j as buildHeaderGroups,
+  k as createCell,
+  z as createColumn,
+  H as createRow,
+  u as createTable,
+  N as defaultColumnSizing,
+  T as expandRows,
+  U as filterFns,
+  _ as flattenBy,
+  m as flexRender,
+  B as functionalUpdate,
+  L as getCoreRowModel,
+  q as getMemoOptions,
+  D as getPaginationRowModel,
+  I as isFunction,
+  J as isNumberArray,
+  K as isRowSelected,
+  Q as isSubRowSelected,
+  W as makeStateUpdater,
+  X as memo,
+  Y as orderColumns,
+  Z as passiveEventSupported,
+  ee as reSplitAlphaNumeric,
+  te as selectRowsFn,
+  ne as shouldAutoRemoveFilter,
+  oe as sortingFns,
+  p as useReactTable
 };

package/index.es101.js

@@ -1,26 +1,23 @@
-import { useState as o, useCallback as l, useLayoutEffect as s, useEffect as f } from "react";
-import "./index.es172.js";
-var h = typeof window < "u" ? s : f, m = typeof window > "u";
-function w(n, e) {
-  const a = typeof e == "boolean" ? e : (e == null ? void 0 : e.defaultValue) ?? !1, r = typeof e == "boolean" ? void 0 : (e == null ? void 0 : e.initializeWithValue) ?? void 0, u = (t) => m ? a : window.matchMedia(t).matches, [d, c] = o(() => r ? u(n) : a);
-  function i() {
-    c(u(n));
-  }
-  return h(() => {
-    const t = window.matchMedia(n);
-    return i(), t.addListener ? t.addListener(i) : t.addEventListener("change", i), () => {
-      t.removeListener ? t.removeListener(i) : t.removeEventListener("change", i);
-    };
-  }, [n]), d;
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number")
+    t += r;
+  else if (typeof r == "object")
+    if (Array.isArray(r)) {
+      var o = r.length;
+      for (n = 0; n < o; n++)
+        r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+    } else
+      for (f in r)
+        r[f] && (t && (t += " "), t += f);
+  return t;
 }
-function L(n) {
-  const [e, a] = o(!!n), r = l(() => {
-    a((u) => !u);
-  }, []);
-  return [e, r, a];
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++)
+    (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
 }
 export {
-  h as useIsomorphicLayoutEffect,
-  w as useMediaQuery,
-  L as useToggle
+  i as clsx,
+  i as default
 };