@midas-ds/components 1.0.2 → 1.1.0

package/Disclosure-dAZYXyTH.js

@@ -0,0 +1,225 @@
+import { a as y } from "./Button-DL6nqUco.js";
+import { k as b, g as k, l as A, d as x, o as g, a as V, c as P, B as D, E as I, F as B, e as N } from "./useFocusRing-9PXyKy2A.js";
+import { flushSync as G } from "react-dom";
+import c, { useRef as q, useCallback as u, useEffect as v, useMemo as _, forwardRef as h, useContext as w, createContext as p } from "react";
+import { $ as z } from "./useEvent-Xk5kn5Ns.js";
+import { $ as S } from "./useControlledState-Kv9K2AYu.js";
+import './Disclosure.css';const O = '"../theme/tokens.css"', j = '"Inter", sans-serif', H = "#f2f2f2", J = "#e6e6e6", L = "#d9d9d9", Q = "#000000", U = "300ms", X = "400", Y = "500", Z = "_root_6hoor_4", ee = "_contained_6hoor_12", ae = "_triggerText_6hoor_27", te = "_trigger_6hoor_27", de = "_item_6hoor_78", ne = "_panel_6hoor_84", se = "_panel0_6hoor_84", ie = "_content_6hoor_94", le = "_header_6hoor_98", me = {
+  tokens: O,
+  display: j,
+  gray10: H,
+  gray20: J,
+  gray30: L,
+  black: Q,
+  normalTransition: U,
+  regularWeight: X,
+  mediumWeight: Y,
+  root: Z,
+  contained: ee,
+  triggerText: ae,
+  trigger: te,
+  item: de,
+  panel: ne,
+  panel0: se,
+  content: ie,
+  header: le
+};
+function oe(n, e, t) {
+  let { isDisabled: a } = n, d = b(), s = b(), o = !k() && "onbeforematch" in document.body, i = q(null), f = u(() => {
+    i.current = requestAnimationFrame(() => {
+      t.current && t.current.setAttribute("hidden", "until-found");
+    }), G(() => {
+      e.toggle();
+    });
+  }, [
+    t,
+    e
+  ]);
+  return z(t, "beforematch", o ? f : null), A(() => {
+    i.current && cancelAnimationFrame(i.current), o && t.current && !a && (e.isExpanded ? t.current.removeAttribute("hidden") : t.current.setAttribute("hidden", "until-found"));
+  }, [
+    a,
+    t,
+    e.isExpanded,
+    o
+  ]), v(() => () => {
+    i.current && cancelAnimationFrame(i.current);
+  }, []), {
+    buttonProps: {
+      id: d,
+      "aria-expanded": e.isExpanded,
+      "aria-controls": s,
+      onPress: (r) => {
+        !a && r.pointerType !== "keyboard" && e.toggle();
+      },
+      isDisabled: a,
+      onPressStart(r) {
+        r.pointerType === "keyboard" && !a && e.toggle();
+      }
+    },
+    panelProps: {
+      id: s,
+      // This can be overridden at the panel element level.
+      role: "group",
+      "aria-labelledby": d,
+      "aria-hidden": !e.isExpanded,
+      hidden: o ? !0 : !e.isExpanded
+    }
+  };
+}
+function re(n) {
+  let [e, t] = S(n.isExpanded, n.defaultExpanded || !1, n.onExpandedChange);
+  const a = u(() => {
+    t(!0);
+  }, [
+    t
+  ]), d = u(() => {
+    t(!1);
+  }, [
+    t
+  ]), s = u(() => {
+    t(!e);
+  }, [
+    t,
+    e
+  ]);
+  return {
+    isExpanded: e,
+    setExpanded: t,
+    expand: a,
+    collapse: d,
+    toggle: s
+  };
+}
+function ce(n) {
+  let { allowsMultipleExpanded: e = !1, isDisabled: t = !1 } = n, [a, d] = S(_(() => n.expandedKeys ? new Set(n.expandedKeys) : void 0, [
+    n.expandedKeys
+  ]), _(() => n.defaultExpandedKeys ? new Set(n.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
+    n.defaultExpandedKeys
+  ]), n.onExpandedChange);
+  return v(() => {
+    !e && a.size > 1 && d(/* @__PURE__ */ new Set([
+      a.values().next().value
+    ]));
+  }), {
+    allowsMultipleExpanded: e,
+    isDisabled: t,
+    expandedKeys: a,
+    setExpandedKeys: d,
+    toggleKey(s) {
+      let l;
+      e ? (l = new Set(a), l.has(s) ? l.delete(s) : l.add(s)) : l = new Set(a.has(s) ? [] : [
+        s
+      ]), d(l);
+    }
+  };
+}
+const K = /* @__PURE__ */ p(null), Ee = /* @__PURE__ */ h(function(e, t) {
+  let a = ce(e), d = x({
+    ...e,
+    defaultClassName: "react-aria-DisclosureGroup",
+    values: {
+      isDisabled: a.isDisabled,
+      state: a
+    }
+  }), s = g(e);
+  return /* @__PURE__ */ c.createElement("div", {
+    ...s,
+    ...d,
+    ref: t,
+    "data-disabled": e.isDisabled || void 0
+  }, /* @__PURE__ */ c.createElement(K.Provider, {
+    value: a
+  }, d.children));
+}), fe = /* @__PURE__ */ p(null), ue = /* @__PURE__ */ p(null), C = /* @__PURE__ */ p(null), _e = /* @__PURE__ */ h(function(e, t) {
+  [e, t] = V(e, t, fe);
+  let a = w(K), { id: d, ...s } = e, l = b();
+  d || (d = l);
+  let o = a ? a.expandedKeys.has(d) : e.isExpanded, i = re({
+    ...e,
+    isExpanded: o,
+    onExpandedChange(T) {
+      var $;
+      a && a.toggleKey(d), ($ = e.onExpandedChange) === null || $ === void 0 || $.call(e, T);
+    }
+  }), f = c.useRef(null), r = e.isDisabled || (a == null ? void 0 : a.isDisabled) || !1, { buttonProps: F, panelProps: R } = oe({
+    ...e,
+    isExpanded: o,
+    isDisabled: r
+  }, i, f), { isFocusVisible: m, focusProps: W } = P({
+    within: !0
+  }), E = x({
+    ...e,
+    id: void 0,
+    defaultClassName: "react-aria-Disclosure",
+    values: {
+      isExpanded: i.isExpanded,
+      isDisabled: r,
+      isFocusVisibleWithin: m,
+      state: i
+    }
+  }), M = g(s);
+  return /* @__PURE__ */ c.createElement(D, {
+    values: [
+      [
+        y,
+        {
+          slots: {
+            [I]: {},
+            trigger: F
+          }
+        }
+      ],
+      [
+        C,
+        {
+          panelProps: R,
+          panelRef: f
+        }
+      ],
+      [
+        ue,
+        i
+      ]
+    ]
+  }, /* @__PURE__ */ c.createElement("div", {
+    ref: t,
+    "data-expanded": i.isExpanded || void 0,
+    "data-disabled": r || void 0,
+    "data-focus-visible-within": m || void 0,
+    ...M,
+    ...W,
+    ...E
+  }, E.children));
+}), ye = /* @__PURE__ */ h(function(e, t) {
+  let { role: a = "group" } = e, { panelProps: d, panelRef: s } = w(C), { isFocusVisible: l, focusProps: o } = P({
+    within: !0
+  }), i = x({
+    ...e,
+    defaultClassName: "react-aria-DisclosurePanel",
+    values: {
+      isFocusVisibleWithin: l
+    }
+  }), f = g(e);
+  return /* @__PURE__ */ c.createElement("div", {
+    ...f,
+    ref: B(t, s),
+    ...N(d, o),
+    ...i,
+    role: a,
+    "data-focus-visible-within": l || void 0
+  }, /* @__PURE__ */ c.createElement(D, {
+    values: [
+      [
+        y,
+        null
+      ]
+    ]
+  }, e.children));
+});
+export {
+  Ee as $,
+  _e as a,
+  ye as b,
+  me as s
+};

package/Disclosure.css

@@ -0,0 +1 @@
+._root_6hoor_4{--gap: .75rem;--item-padding: 0;--content-padding: .5rem .5rem .5rem 1.85rem;--background: transparent;--background-active: transparent;--background-hover: transparent;width:100%;display:flex;flex-direction:column;gap:var(--gap)}._root_6hoor_4._contained_6hoor_12{--gap: .25rem;--item-padding: .875rem;--content-padding: 1rem;--background: #f2f2f2;--background-active: #e6e6e6;--background-hover: #d9d9d9}._triggerText_6hoor_27{margin:0;padding:0;font-size:1rem;font-weight:400}._trigger_6hoor_27{font-family:Inter,sans-serif;color:#000;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin:0}._trigger_6hoor_27 button{width:100%;justify-content:flex-start;gap:.5rem;padding:var(--item-padding)}._trigger_6hoor_27 button svg{transform:rotate(0);transition:transform .3s ease}._trigger_6hoor_27 button[aria-expanded=true]{background-color:var(--background-active)}._trigger_6hoor_27 button[aria-expanded=true] ._triggerText_6hoor_27{font-weight:500}._trigger_6hoor_27 button[aria-expanded=true] svg{transform:rotate(-180deg);transition:transform .3s ease}._trigger_6hoor_27 button[aria-expanded=true]:hover{background-color:var(--background-hover)}._trigger_6hoor_27 button:hover{background-color:var(--background-active)}._item_6hoor_78{background-color:var(--background);font-family:Inter,sans-serif}._panel_6hoor_84:not(._panel0_6hoor_84){height:0;overflow:hidden;transition:height .5s cubic-bezier(.16,1,.3,1)}._panel_6hoor_84:not(._panel0_6hoor_84)[aria-hidden=false]{height:var(--panel-height)}._content_6hoor_94{padding:var(--content-padding)}._header_6hoor_98{margin:0}

package/DragAndDrop-B0T3WgjL.js

@@ -0,0 +1,40 @@
+import r, { createContext as c, useCallback as b, forwardRef as $, useContext as g, useMemo as s } from "react";
+const y = /* @__PURE__ */ c({}), x = /* @__PURE__ */ c(null), m = /* @__PURE__ */ $(function(n, u) {
+  let { render: l } = g(x);
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, l(n, u));
+});
+function I(e, n) {
+  var u;
+  let l = e == null ? void 0 : e.renderDropIndicator, f = e == null || (u = e.isVirtualDragging) === null || u === void 0 ? void 0 : u.call(e), d = b((i) => {
+    if (f || n != null && n.isDropTarget(i)) return l ? l(i) : /* @__PURE__ */ r.createElement(m, {
+      target: i
+    });
+  }, [
+    n == null ? void 0 : n.target,
+    f,
+    l
+  ]);
+  return e != null && e.useDropIndicator ? d : void 0;
+}
+function v(e, n, u) {
+  var l, f;
+  let d = e.focusedKey, i = null;
+  if (!(n == null || (l = n.isVirtualDragging) === null || l === void 0) && l.call(n) && (u == null || (f = u.target) === null || f === void 0 ? void 0 : f.type) === "item") {
+    i = u.target.key;
+    var t;
+    u.target.dropPosition === "after" && (i = (t = u.collection.getKeyAfter(i)) !== null && t !== void 0 ? t : i);
+  }
+  return s(() => new Set([
+    d,
+    i
+  ].filter((a) => a != null)), [
+    d,
+    i
+  ]);
+}
+export {
+  y as $,
+  x as a,
+  v as b,
+  I as c
+};