mada-design-system 0.2.2 → 0.2.4

package/index.es102.js

@@ -1,8 +1,324 @@
-import { produce as f } from "./index.es169.js";
-const p = (n) => (m, o, t) => (t.setState = (e, r, ...c) => {
-  const i = typeof e == "function" ? f(e) : e;
-  return m(i, r, ...c);
-}, n(t.setState, o, t)), S = p;
+import U, { useMemo as A, useRef as z, useEffect as E, useContext as le, useState as ue } from "react";
+import { KeyboardCode as O, useDndContext as fe, useDroppable as ge, useDraggable as pe, getClientRect as be } from "./index.es101.js";
+import { useUniqueId as ve, useIsomorphicLayoutEffect as V, useCombinedRefs as me, isKeyboardEvent as Ie, CSS as Y } from "./index.es171.js";
+function $(e, r, t) {
+  const n = e.slice();
+  return n.splice(t < 0 ? n.length + t : t, 0, n.splice(r, 1)[0]), n;
+}
+function xe(e, r) {
+  return e.reduce((t, n, i) => {
+    const c = r.get(n);
+    return c && (t[i] = c), t;
+  }, Array(e.length));
+}
+function N(e) {
+  return e !== null && e >= 0;
+}
+function ye(e, r) {
+  if (e === r)
+    return !0;
+  if (e.length !== r.length)
+    return !1;
+  for (let t = 0; t < e.length; t++)
+    if (e[t] !== r[t])
+      return !1;
+  return !0;
+}
+function he(e) {
+  return typeof e == "boolean" ? {
+    draggable: e,
+    droppable: e
+  } : e;
+}
+const j = (e) => {
+  let {
+    rects: r,
+    activeIndex: t,
+    overIndex: n,
+    index: i
+  } = e;
+  const c = $(r, n, t), o = r[i], a = c[i];
+  return !a || !o ? null : {
+    x: a.left - o.left,
+    y: a.top - o.top,
+    scaleX: a.width / o.width,
+    scaleY: a.height / o.height
+  };
+}, G = "Sortable", k = /* @__PURE__ */ U.createContext({
+  activeIndex: -1,
+  containerId: G,
+  disableTransforms: !1,
+  items: [],
+  overIndex: -1,
+  useDragOverlay: !1,
+  sortedRects: [],
+  strategy: j,
+  disabled: {
+    draggable: !1,
+    droppable: !1
+  }
+});
+function _e(e) {
+  let {
+    children: r,
+    id: t,
+    items: n,
+    strategy: i = j,
+    disabled: c = !1
+  } = e;
+  const {
+    active: o,
+    dragOverlay: a,
+    droppableRects: f,
+    over: l,
+    measureDroppableContainers: s
+  } = fe(), p = ve(G, t), v = a.rect !== null, u = A(() => n.map((m) => typeof m == "object" && "id" in m ? m.id : m), [n]), S = o != null, y = o ? u.indexOf(o.id) : -1, b = l ? u.indexOf(l.id) : -1, T = z(u), h = !ye(u, T.current), D = b !== -1 && y === -1 || h, g = he(c);
+  V(() => {
+    h && S && s(u);
+  }, [h, u, S, s]), E(() => {
+    T.current = u;
+  }, [u]);
+  const R = A(
+    () => ({
+      activeIndex: y,
+      containerId: p,
+      disabled: g,
+      disableTransforms: D,
+      items: u,
+      overIndex: b,
+      useDragOverlay: v,
+      sortedRects: xe(u, f),
+      strategy: i
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [y, p, g.draggable, g.droppable, D, u, b, f, v, i]
+  );
+  return U.createElement(k.Provider, {
+    value: R
+  }, r);
+}
+const De = (e) => {
+  let {
+    id: r,
+    items: t,
+    activeIndex: n,
+    overIndex: i
+  } = e;
+  return $(t, n, i).indexOf(r);
+}, Re = (e) => {
+  let {
+    containerId: r,
+    isSorting: t,
+    wasDragging: n,
+    index: i,
+    items: c,
+    newIndex: o,
+    previousItems: a,
+    previousContainerId: f,
+    transition: l
+  } = e;
+  return !l || !n || a !== c && i === o ? !1 : t ? !0 : o !== i && r === f;
+}, Ce = {
+  duration: 200,
+  easing: "ease"
+}, J = "transform", we = /* @__PURE__ */ Y.Transition.toString({
+  property: J,
+  duration: 0,
+  easing: "linear"
+}), Se = {
+  roleDescription: "sortable"
+};
+function Te(e) {
+  let {
+    disabled: r,
+    index: t,
+    node: n,
+    rect: i
+  } = e;
+  const [c, o] = ue(null), a = z(t);
+  return V(() => {
+    if (!r && t !== a.current && n.current) {
+      const f = i.current;
+      if (f) {
+        const l = be(n.current, {
+          ignoreTransform: !0
+        }), s = {
+          x: f.left - l.left,
+          y: f.top - l.top,
+          scaleX: f.width / l.width,
+          scaleY: f.height / l.height
+        };
+        (s.x || s.y) && o(s);
+      }
+    }
+    t !== a.current && (a.current = t);
+  }, [r, t, n, i]), E(() => {
+    c && o(null);
+  }, [c]), c;
+}
+function ze(e) {
+  let {
+    animateLayoutChanges: r = Re,
+    attributes: t,
+    disabled: n,
+    data: i,
+    getNewIndex: c = De,
+    id: o,
+    strategy: a,
+    resizeObserverConfig: f,
+    transition: l = Ce
+  } = e;
+  const {
+    items: s,
+    containerId: p,
+    activeIndex: v,
+    disabled: u,
+    disableTransforms: S,
+    sortedRects: y,
+    overIndex: b,
+    useDragOverlay: T,
+    strategy: h
+  } = le(k), D = Oe(n, u), g = s.indexOf(o), R = A(() => ({
+    sortable: {
+      containerId: p,
+      index: g,
+      items: s
+    },
+    ...i
+  }), [p, i, g, s]), m = A(() => s.slice(s.indexOf(o)), [s, o]), {
+    rect: P,
+    node: M,
+    isOver: Q,
+    setNodeRef: X
+  } = ge({
+    id: o,
+    data: R,
+    disabled: D.droppable,
+    resizeObserverConfig: {
+      updateMeasurementsFor: m,
+      ...f
+    }
+  }), {
+    active: C,
+    activatorEvent: W,
+    activeNodeRect: Z,
+    attributes: ee,
+    setNodeRef: q,
+    listeners: te,
+    isDragging: L,
+    over: re,
+    setActivatorNodeRef: ne,
+    transform: oe
+  } = pe({
+    id: o,
+    data: R,
+    attributes: {
+      ...Se,
+      ...t
+    },
+    disabled: D.draggable
+  }), se = me(X, q), I = !!C, B = I && !S && N(v) && N(b), F = !T && L, H = F && B ? oe : null, ie = B ? H ?? (a ?? h)({
+    rects: y,
+    activeNodeRect: Z,
+    activeIndex: v,
+    overIndex: b,
+    index: g
+  }) : null, w = N(v) && N(b) ? c({
+    id: o,
+    items: s,
+    activeIndex: v,
+    overIndex: b
+  }) : g, x = C == null ? void 0 : C.id, d = z({
+    activeId: x,
+    items: s,
+    newIndex: w,
+    containerId: p
+  }), ae = s !== d.current.items, K = r({
+    active: C,
+    containerId: p,
+    isDragging: L,
+    isSorting: I,
+    id: o,
+    index: g,
+    items: s,
+    newIndex: d.current.newIndex,
+    previousItems: d.current.items,
+    previousContainerId: d.current.containerId,
+    transition: l,
+    wasDragging: d.current.activeId != null
+  }), _ = Te({
+    disabled: !K,
+    index: g,
+    node: M,
+    rect: P
+  });
+  return E(() => {
+    I && d.current.newIndex !== w && (d.current.newIndex = w), p !== d.current.containerId && (d.current.containerId = p), s !== d.current.items && (d.current.items = s);
+  }, [I, w, p, s]), E(() => {
+    if (x === d.current.activeId)
+      return;
+    if (x != null && d.current.activeId == null) {
+      d.current.activeId = x;
+      return;
+    }
+    const ce = setTimeout(() => {
+      d.current.activeId = x;
+    }, 50);
+    return () => clearTimeout(ce);
+  }, [x]), {
+    active: C,
+    activeIndex: v,
+    attributes: ee,
+    data: R,
+    rect: P,
+    index: g,
+    newIndex: w,
+    items: s,
+    isOver: Q,
+    isSorting: I,
+    isDragging: L,
+    listeners: te,
+    node: M,
+    overIndex: b,
+    over: re,
+    setNodeRef: se,
+    setActivatorNodeRef: ne,
+    setDroppableNodeRef: X,
+    setDraggableNodeRef: q,
+    transform: _ ?? ie,
+    transition: de()
+  };
+  function de() {
+    if (
+      // Temporarily disable transitions for a single frame to set up derived transforms
+      _ || // Or to prevent items jumping to back to their "new" position when items change
+      ae && d.current.newIndex === g
+    )
+      return we;
+    if (!(F && !Ie(W) || !l) && (I || K))
+      return Y.Transition.toString({
+        ...l,
+        property: J
+      });
+  }
+}
+function Oe(e, r) {
+  var t, n;
+  return typeof e == "boolean" ? {
+    draggable: e,
+    // Backwards compatibility
+    droppable: !1
+  } : {
+    draggable: (t = e == null ? void 0 : e.draggable) != null ? t : r.draggable,
+    droppable: (n = e == null ? void 0 : e.droppable) != null ? n : r.droppable
+  };
+}
+O.Down, O.Right, O.Up, O.Left;
 export {
-  S as immer
+  _e as SortableContext,
+  $ as arrayMove,
+  Re as defaultAnimateLayoutChanges,
+  De as defaultNewIndexGetter,
+  j as rectSortingStrategy,
+  ze as useSortable
 };

package/index.es103.js

@@ -1,13 +1,13 @@
-import e from "./index.es195.js";
-const a = e("ExpandMore", [
+import L from "./index.es174.js";
+const o = L("Close", [
   [
     "path",
     {
-      d: "M16.59 8.29492L12 12.8749L7.41 8.29492L6 9.70492L12 15.7049L18 9.70492L16.59 8.29492Z",
-      key: "1h4imv"
+      d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
+      key: "14hqpl"
     }
   ]
 ]);
 export {
-  a as default
+  o as default
 };

package/index.es104.js

@@ -1,90 +1,13 @@
-import * as o from "react";
-import { createTable as u } from "./index.es106.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.es106.js";
-function m(e, t) {
-  return e ? s(e) ? /* @__PURE__ */ o.createElement(e, t) : e : null;
-}
-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);
+import e from "./index.es174.js";
+const r = e("Refresh", [
+  [
+    "path",
+    {
+      d: "M17.6449 6.35C16.1949 4.9 14.2049 4 11.9949 4C7.57488 4 4.00488 7.58 4.00488 12C4.00488 16.42 7.57488 20 11.9949 20C15.7249 20 18.8349 17.45 19.7249 14H17.6449C16.8249 16.33 14.6049 18 11.9949 18C8.68488 18 5.99488 15.31 5.99488 12C5.99488 8.69 8.68488 6 11.9949 6C13.6549 6 15.1349 6.69 16.2149 7.78L12.9949 11H19.9949V4L17.6449 6.35Z",
+      key: "1wsech"
     }
-  })), n.current;
-}
+  ]
+]);
 export {
-  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
+  r as default
 };

package/index.es105.js

@@ -1,26 +1,13 @@
-import { useState as o, useCallback as l, useLayoutEffect as s, useEffect as f } from "react";
-import "./index.es176.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 L(n) {
-  const [e, a] = o(!!n), r = l(() => {
-    a((u) => !u);
-  }, []);
-  return [e, r, a];
-}
+import H from "./index.es174.js";
+const e = H("AddBox", [
+  [
+    "path",
+    {
+      d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM11 17H13V13H17V11H13V7H11V11H7V13H11V17Z",
+      key: "eelf3i"
+    }
+  ]
+]);
 export {
-  h as useIsomorphicLayoutEffect,
-  w as useMediaQuery,
-  L as useToggle
+  e as default
 };