mada-design-system 0.5.6 → 0.5.8

package/index.es394.js

@@ -1,27 +1,6 @@
-import * as e from "react";
-function i(...t) {
-  const r = e.useRef(void 0), o = e.useCallback((u) => {
-    const f = t.map((n) => {
-      if (n == null)
-        return null;
-      if (typeof n == "function") {
-        const c = n, l = c(u);
-        return typeof l == "function" ? l : () => {
-          c(null);
-        };
-      }
-      return n.current = u, () => {
-        n.current = null;
-      };
-    });
-    return () => {
-      f.forEach((n) => n == null ? void 0 : n());
-    };
-  }, t);
-  return e.useMemo(() => t.every((u) => u == null) ? null : (u) => {
-    r.current && (r.current(), r.current = void 0), u != null && (r.current = o(u));
-  }, t);
+function n(t) {
+  return typeof t == "string";
 }
 export {
-  i as default
+  n as default
 };

package/index.es395.js

@@ -1,10 +1,10 @@
-import T from "./index.es220.js";
+import T from "./index.es195.js";
 import * as _ from "react";
-import L from "./index.es416.js";
+import L from "./index.es427.js";
 import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es397.js";
 import { serializeStyles as D } from "./index.es399.js";
 import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es398.js";
-import { w as V, T as x } from "./index.es354.js";
+import { w as V, T as x } from "./index.es352.js";
 var Y = L, G = function(e) {
   return e !== "theme";
 }, C = function(e) {

package/index.es396.js

@@ -1,4 +1,4 @@
-import { w as x, T as g } from "./index.es354.js";
+import { w as x, T as g } from "./index.es352.js";
 import * as u from "react";
 import { insertStyles as w, registerStyles as E, getRegisteredStyles as N } from "./index.es397.js";
 import { useInsertionEffectWithLayoutFallback as v, useInsertionEffectAlwaysWithSyncFallback as k } from "./index.es398.js";

package/index.es399.js

@@ -1,6 +1,6 @@
-import w from "./index.es418.js";
-import C from "./index.es419.js";
-import E from "./index.es417.js";
+import w from "./index.es417.js";
+import C from "./index.es418.js";
+import E from "./index.es419.js";
 var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
   return n.charCodeAt(1) === 45;
 }, p = function(n) {

package/index.es4.js

@@ -1,104 +1,109 @@
-import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
-import { useReactTable as F, flexRender as M } from "./index.es111.js";
-import { Skeleton as b } from "./index.es68.js";
-import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es71.js";
-import { clsx as E } from "./index.es106.js";
-import S, { useState as Q, useEffect as C } from "react";
-import { useMediaQuery as V } from "./index.es112.js";
-import { PaginationDescription as q, LinesPerPage as G, Pagination as J } from "./index.es12.js";
-import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es113.js";
-function le({
-  columns: m,
-  data: g,
-  loading: n,
-  NoDataComponent: N,
+import { jsx as n, jsxs as u, Fragment as B } from "react/jsx-runtime";
+import { useReactTable as E, flexRender as R } from "./index.es101.js";
+import { Skeleton as S } from "./index.es68.js";
+import { Table as Q, TableHeader as V, TableRow as f, TableHead as W, TableBody as q, TableCell as T } from "./index.es71.js";
+import { clsx as p } from "./index.es102.js";
+import I, { useState as G, useEffect as D } from "react";
+import { useMediaQuery as J } from "./index.es103.js";
+import { PaginationDescription as K, LinesPerPage as O, Pagination as U } from "./index.es12.js";
+import { getCoreRowModel as X, getPaginationRowModel as Y } from "./index.es104.js";
+function ie({
+  columns: l,
+  data: c,
+  loading: m,
+  NoDataComponent: y,
   itemsPerPage: h,
-  hasPagination: T = !0,
-  onClickRow: i,
-  isFirstRowSelected: p = !1,
+  hasPagination: j = !0,
+  onClickRow: g,
+  isFirstRowSelected: r = !1,
   ...e
 }) {
-  var s;
-  const I = S.useMemo(() => n ? Array(h || 10).fill({}) : g, [n, h, g]), [c, y] = Q(h || 10), D = S.useMemo(
-    () => n ? m.map((o) => ({
-      ...o,
-      cell: () => /* @__PURE__ */ a(b, { className: "h-8 w-full" })
-    })) : m,
-    [n, m]
-  ), l = F({
-    data: I,
-    columns: D,
-    getCoreRowModel: K(),
-    getPaginationRowModel: O()
-  }), j = V("(min-width: 801px)"), r = l.getState().pagination.pageIndex + 1, v = (o) => {
-    l.resetRowSelection(), o.toggleSelected(!o.getIsSelected()), i && i(o);
+  var w;
+  const v = I.useMemo(() => m ? Array(h || 10).fill({}) : c, [m, h, c]), [d, L] = G(h || 10), z = I.useMemo(
+    () => m ? l.map((a) => ({
+      ...a,
+      cell: () => /* @__PURE__ */ n(S, { className: "h-8 w-full" })
+    })) : l,
+    [m, l]
+  ), t = E({
+    data: v,
+    columns: z,
+    getCoreRowModel: X(),
+    getPaginationRowModel: Y()
+  }), F = J("(min-width: 801px)"), s = t.getState().pagination.pageIndex + 1, H = (a) => {
+    t.resetRowSelection(), a.toggleSelected(!a.getIsSelected()), g && g(a);
   };
-  return C(() => {
-    const o = l.getRowModel().rows;
-    if (!p || !o.length || !g.length)
+  D(() => {
+    const a = t.getRowModel().rows;
+    if (!r || !a.length || !c.length)
       return;
-    const t = o[0];
-    l.resetRowSelection(), t.toggleSelected(!0), i && i(t);
-  }, [p, l, g]), C(() => {
-    l.setPageSize(c);
-  }, [l, c]), j ? /* @__PURE__ */ u(z, { children: [
-    /* @__PURE__ */ a("div", { className: "overflow-hidden rounded-t-3", children: /* @__PURE__ */ u(H, { children: [
-      /* @__PURE__ */ a(_, { children: l.getHeaderGroups().map((o) => /* @__PURE__ */ a(f, { children: o.headers.map((t) => /* @__PURE__ */ a(A, { children: t.isPlaceholder ? null : M(t.column.columnDef.header, t.getContext()) }, t.id)) }, o.id)) }),
-      /* @__PURE__ */ a(B, { children: (s = l.getRowModel().rows) != null && s.length ? l.getRowModel().rows.map((o, t) => /* @__PURE__ */ a(
+    const o = a[0];
+    t.resetRowSelection(), o.toggleSelected(!0), g && g(o);
+  }, [r, t, c]), D(() => {
+    t.setPageSize(d);
+  }, [t, d]);
+  const _ = l == null ? void 0 : l.some((a) => {
+    var o;
+    return (a == null ? void 0 : a.meta) && ((o = a == null ? void 0 : a.meta) == null ? void 0 : o.className);
+  });
+  return F ? /* @__PURE__ */ u(B, { children: [
+    /* @__PURE__ */ n("div", { className: "overflow-hidden rounded-t-3", children: /* @__PURE__ */ u(Q, { className: p(!_ && "w-full table-fixed"), children: [
+      /* @__PURE__ */ n(V, { children: t.getHeaderGroups().map((a) => /* @__PURE__ */ n(f, { children: a.headers.map((o) => /* @__PURE__ */ n(W, { children: o.isPlaceholder ? null : R(o.column.columnDef.header, o.getContext()) }, o.id)) }, a.id)) }),
+      /* @__PURE__ */ n(q, { children: (w = t.getRowModel().rows) != null && w.length ? t.getRowModel().rows.map((a, o) => /* @__PURE__ */ n(
         f,
         {
-          "data-state": o.getIsSelected() && "selected",
-          onClick: () => v(o),
-          className: E(i && "cursor-pointer"),
-          children: o.getVisibleCells().map((d) => {
-            var w, x, P;
-            const L = M(d.column.columnDef.cell, d.getContext());
-            return /* @__PURE__ */ a(
-              R,
+          "data-state": a.getIsSelected() && "selected",
+          onClick: () => H(a),
+          className: p(g && "cursor-pointer"),
+          children: a.getVisibleCells().map((i) => {
+            var x, P, N, b, M, C;
+            const A = R(i.column.columnDef.cell, i.getContext());
+            return /* @__PURE__ */ n(
+              T,
               {
-                className: "",
-                "data-title": (w = d.column.columnDef.header) == null ? void 0 : w.toString(),
-                isLast: ((P = (x = l == null ? void 0 : l.getRowModel()) == null ? void 0 : x.rows) == null ? void 0 : P.length) - 1 === t,
-                children: L
+                className: p((N = (P = (x = i == null ? void 0 : i.column) == null ? void 0 : x.columnDef) == null ? void 0 : P.meta) == null ? void 0 : N.className),
+                "data-title": (b = i.column.columnDef.header) == null ? void 0 : b.toString(),
+                isLast: ((C = (M = t == null ? void 0 : t.getRowModel()) == null ? void 0 : M.rows) == null ? void 0 : C.length) - 1 === o,
+                children: A
               },
-              d.id
+              i.id
             );
           })
         },
-        o.id
-      )) : /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(R, { colSpan: m.length, className: "h-24 text-center", children: N }) }) })
+        a.id
+      )) : /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(T, { colSpan: l.length, className: "h-24 text-center", children: y }) }) })
     ] }) }),
-    !!l.getFilteredRowModel().rows.length && T && /* @__PURE__ */ u("div", { className: "flex items-center justify-end  px-space-04 py-space-02", children: [
-      n ? /* @__PURE__ */ a(b, { className: "ml-auto h-[20px] w-space-12" }) : /* @__PURE__ */ a(
-        q,
+    !!t.getFilteredRowModel().rows.length && j && /* @__PURE__ */ u("div", { className: "flex items-center justify-end  px-space-04 py-space-02", children: [
+      m ? /* @__PURE__ */ n(S, { className: "ml-auto h-[20px] w-space-12" }) : /* @__PURE__ */ n(
+        K,
         {
-          currentPage: (e == null ? void 0 : e.pageNumber) ?? r,
-          limit: c,
-          totalCount: (e == null ? void 0 : e.totalItems) ?? l.getFilteredRowModel().rows.length
+          currentPage: (e == null ? void 0 : e.pageNumber) ?? s,
+          limit: d,
+          totalCount: (e == null ? void 0 : e.totalItems) ?? t.getFilteredRowModel().rows.length
         }
       ),
       /* @__PURE__ */ u("div", { className: "flex items-center gap-x-space-03", children: [
-        /* @__PURE__ */ a(
-          G,
+        /* @__PURE__ */ n(
+          O,
           {
-            value: c,
-            onChange: (o) => {
-              e != null && e.onPageChange && (e == null || e.onPageChange(1)), y(+o), e != null && e.setLimit && (e == null || e.setLimit(+o));
+            value: d,
+            onChange: (a) => {
+              e != null && e.onPageChange && (e == null || e.onPageChange(1)), L(+a), e != null && e.setLimit && (e == null || e.setLimit(+a));
             }
           }
         ),
-        /* @__PURE__ */ a(
-          J,
+        /* @__PURE__ */ n(
+          U,
           {
             withoutText: !0,
             className: "justify-center",
-            totalItems: e != null && e.totalItems ? e == null ? void 0 : e.totalItems : l.getFilteredRowModel().rows.length ?? 0,
-            selectedPage: (e == null ? void 0 : e.pageNumber) ?? r,
-            itemsPerPage: Number(c),
-            onPageChange: (o) => {
+            totalItems: e != null && e.totalItems ? e == null ? void 0 : e.totalItems : t.getFilteredRowModel().rows.length ?? 0,
+            selectedPage: (e == null ? void 0 : e.pageNumber) ?? s,
+            itemsPerPage: Number(d),
+            onPageChange: (a) => {
               if (e != null && e.onPageChange)
-                return e == null ? void 0 : e.onPageChange(o);
-              l.setPageIndex(o - 1);
+                return e == null ? void 0 : e.onPageChange(a);
+              t.setPageIndex(a - 1);
             }
           }
         )
@@ -107,6 +112,6 @@ function le({
   ] }) : null;
 }
 export {
-  le as DataTable,
-  le as default
+  ie as DataTable,
+  ie as default
 };

package/index.es40.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { cva as n } from "./index.es114.js";
-import { clsx as x } from "./index.es106.js";
+import { cva as n } from "./index.es105.js";
+import { clsx as x } from "./index.es102.js";
 const y = n("grid", {
   variants: {
     cols: {

package/index.es400.js

@@ -1,4 +1,4 @@
-import { __require as t } from "./index.es257.js";
+import { __require as t } from "./index.es246.js";
 var e = t(), a = {
   $$typeof: !0,
   render: !0,

package/index.es404.js

@@ -1,253 +1,4 @@
-import G from "./index.es220.js";
-import U from "./index.es221.js";
-import * as e from "react";
-import _ from "./index.es222.js";
-import { clsx as c } from "./index.es106.js";
-import j from "./index.es234.js";
-import F from "./index.es243.js";
-import J from "./index.es428.js";
-import i from "./index.es406.js";
-import { jsx as k } from "react/jsx-runtime";
-import { keyframes as E } from "./index.es396.js";
-import Q from "./index.es263.js";
-const Z = ["center", "classes", "className"];
-let y = (r) => r, V, D, K, S;
-const w = 550, v = 80, tt = E(V || (V = y`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`)), et = E(D || (D = y`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`)), it = E(K || (K = y`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`)), rt = j("span", {
-  name: "MuiTouchRipple",
-  slot: "Root"
-})({
-  overflow: "hidden",
-  pointerEvents: "none",
-  position: "absolute",
-  zIndex: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  borderRadius: "inherit"
-}), ot = j(J, {
-  name: "MuiTouchRipple",
-  slot: "Ripple"
-})(S || (S = y`
-  opacity: 0;
-  position: absolute;
-
-  &.${0} {
-    opacity: 0.3;
-    transform: scale(1);
-    animation-name: ${0};
-    animation-duration: ${0}ms;
-    animation-timing-function: ${0};
-  }
-
-  &.${0} {
-    animation-duration: ${0}ms;
-  }
-
-  & .${0} {
-    opacity: 1;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: currentColor;
-  }
-
-  & .${0} {
-    opacity: 0;
-    animation-name: ${0};
-    animation-duration: ${0}ms;
-    animation-timing-function: ${0};
-  }
-
-  & .${0} {
-    position: absolute;
-    /* @noflip */
-    left: 0px;
-    top: 0;
-    animation-name: ${0};
-    animation-duration: 2500ms;
-    animation-timing-function: ${0};
-    animation-iteration-count: infinite;
-    animation-delay: 200ms;
-  }
-`), i.rippleVisible, tt, w, ({
-  theme: r
-}) => r.transitions.easing.easeInOut, i.ripplePulsate, ({
-  theme: r
-}) => r.transitions.duration.shorter, i.child, i.childLeaving, et, w, ({
-  theme: r
-}) => r.transitions.easing.easeInOut, i.childPulsate, it, ({
-  theme: r
-}) => r.transitions.easing.easeInOut), q = /* @__PURE__ */ e.forwardRef(function(A, H) {
-  const I = F({
-    props: A,
-    name: "MuiTouchRipple"
-  }), {
-    center: L = !1,
-    classes: n = {},
-    className: W
-  } = I, B = U(I, Z), [N, X] = e.useState([]), Y = e.useRef(0), h = e.useRef(null);
-  e.useEffect(() => {
-    h.current && (h.current(), h.current = null);
-  }, [N]);
-  const T = e.useRef(!1), d = e.useRef(0), o = e.useRef(null), z = e.useRef(null);
-  e.useEffect(() => () => {
-    d.current && clearTimeout(d.current);
-  }, []);
-  const $ = e.useCallback((t) => {
-    const {
-      pulsate: a,
-      rippleX: s,
-      rippleY: g,
-      rippleSize: b,
-      cb: P
-    } = t;
-    X((l) => [...l, /* @__PURE__ */ k(ot, {
-      classes: {
-        ripple: c(n.ripple, i.ripple),
-        rippleVisible: c(n.rippleVisible, i.rippleVisible),
-        ripplePulsate: c(n.ripplePulsate, i.ripplePulsate),
-        child: c(n.child, i.child),
-        childLeaving: c(n.childLeaving, i.childLeaving),
-        childPulsate: c(n.childPulsate, i.childPulsate)
-      },
-      timeout: w,
-      pulsate: a,
-      rippleX: s,
-      rippleY: g,
-      rippleSize: b
-    }, Y.current)]), Y.current += 1, h.current = P;
-  }, [n]), R = e.useCallback((t = {}, a = {}, s = () => {
-  }) => {
-    const {
-      pulsate: g = !1,
-      center: b = L || a.pulsate,
-      fakeElement: P = !1
-      // For test purposes
-    } = a;
-    if ((t == null ? void 0 : t.type) === "mousedown" && T.current) {
-      T.current = !1;
-      return;
-    }
-    (t == null ? void 0 : t.type) === "touchstart" && (T.current = !0);
-    const l = P ? null : z.current, u = l ? l.getBoundingClientRect() : {
-      width: 0,
-      height: 0,
-      left: 0,
-      top: 0
-    };
-    let p, m, f;
-    if (b || t === void 0 || t.clientX === 0 && t.clientY === 0 || !t.clientX && !t.touches)
-      p = Math.round(u.width / 2), m = Math.round(u.height / 2);
-    else {
-      const {
-        clientX: x,
-        clientY: C
-      } = t.touches && t.touches.length > 0 ? t.touches[0] : t;
-      p = Math.round(x - u.left), m = Math.round(C - u.top);
-    }
-    if (b)
-      f = Math.sqrt((2 * u.width ** 2 + u.height ** 2) / 3), f % 2 === 0 && (f += 1);
-    else {
-      const x = Math.max(Math.abs((l ? l.clientWidth : 0) - p), p) * 2 + 2, C = Math.max(Math.abs((l ? l.clientHeight : 0) - m), m) * 2 + 2;
-      f = Math.sqrt(x ** 2 + C ** 2);
-    }
-    t != null && t.touches ? o.current === null && (o.current = () => {
-      $({
-        pulsate: g,
-        rippleX: p,
-        rippleY: m,
-        rippleSize: f,
-        cb: s
-      });
-    }, d.current = setTimeout(() => {
-      o.current && (o.current(), o.current = null);
-    }, v)) : $({
-      pulsate: g,
-      rippleX: p,
-      rippleY: m,
-      rippleSize: f,
-      cb: s
-    });
-  }, [L, $]), O = e.useCallback(() => {
-    R({}, {
-      pulsate: !0
-    });
-  }, [R]), M = e.useCallback((t, a) => {
-    if (clearTimeout(d.current), (t == null ? void 0 : t.type) === "touchend" && o.current) {
-      o.current(), o.current = null, d.current = setTimeout(() => {
-        M(t, a);
-      });
-      return;
-    }
-    o.current = null, X((s) => s.length > 0 ? s.slice(1) : s), h.current = a;
-  }, []);
-  return e.useImperativeHandle(H, () => ({
-    pulsate: O,
-    start: R,
-    stop: M
-  }), [O, R, M]), /* @__PURE__ */ k(rt, G({
-    className: c(i.root, n.root, W),
-    ref: z
-  }, B, {
-    children: /* @__PURE__ */ k(Q, {
-      component: null,
-      exit: !0,
-      children: N
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (q.propTypes = {
-  /**
-   * If `true`, the ripple starts at the center of the component
-   * rather than at the point of interaction.
-   */
-  center: _.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: _.object,
-  /**
-   * @ignore
-   */
-  className: _.string
-});
-const Rt = q;
+import t from "./index.es328.js";
 export {
-  v as DELAY_RIPPLE,
-  ot as TouchRippleRipple,
-  rt as TouchRippleRoot,
-  Rt as default
+  t as default
 };