@pismo/marola 2.1.63 → 2.1.65

package/dist/useId-CK6Kn3Tn.js

@@ -0,0 +1,21 @@
+import * as u from "react";
+let n = 0;
+function o(t) {
+  const [e, a] = u.useState(t), c = t || e;
+  return u.useEffect(() => {
+    e == null && (n += 1, a(`mui-${n}`));
+  }, [e]), c;
+}
+const f = {
+  ...u
+}, s = f.useId;
+function l(t) {
+  if (s !== void 0) {
+    const e = s();
+    return t ?? e;
+  }
+  return o(t);
+}
+export {
+  l as u
+};

package/dist/useList-BLW78Lq7.js

@@ -0,0 +1,446 @@
+import * as d from "react";
+import { L as S } from "./combineHooksSlotProps-j-8UVeYo.js";
+import { u as re, e as ie } from "./ClassNameConfigurator-CVRWfyIa.js";
+function K(t, e, i = (n, r) => n === r) {
+  return t.length === e.length && t.every((n, r) => i(n, e[r]));
+}
+function le(t, e) {
+  return t === e;
+}
+const A = {}, U = () => {
+};
+function y(t, e) {
+  const i = {
+    ...t
+  };
+  return Object.keys(e).forEach((n) => {
+    e[n] !== void 0 && (i[n] = e[n]);
+  }), i;
+}
+function se(t) {
+  const {
+    nextState: e,
+    initialState: i,
+    stateComparers: n,
+    onStateChange: r,
+    controlledProps: c,
+    lastActionRef: l
+  } = t, f = d.useRef(i);
+  d.useEffect(() => {
+    if (l.current === null)
+      return;
+    const u = y(f.current, c);
+    Object.keys(e).forEach((g) => {
+      const b = n[g] ?? le, m = e[g], o = u[g];
+      (o == null && m != null || o != null && m == null || o != null && m != null && !b(m, o)) && (r == null || r(l.current.event ?? null, g, m, l.current.type ?? "", e));
+    }), f.current = e, l.current = null;
+  }, [f, e, l, r, n, c]);
+}
+function ue(t) {
+  const e = d.useRef(null), {
+    reducer: i,
+    initialState: n,
+    controlledProps: r = A,
+    stateComparers: c = A,
+    onStateChange: l = U,
+    actionContext: f,
+    componentName: u = ""
+  } = t, g = d.useRef(r);
+  process.env.NODE_ENV !== "production" && d.useEffect(() => {
+    Object.keys(r).forEach((h) => {
+      g.current[h] !== void 0 && r[h] === void 0 && console.error(`useControllableReducer: ${u ? `The ${u} component` : "A component"} is changing a controlled prop to be uncontrolled: ${h}`), g.current[h] === void 0 && r[h] !== void 0 && console.error(`useControllableReducer: ${u ? `The ${u} component` : "A component"} is changing an uncontrolled prop to be controlled: ${h}`);
+    });
+  }, [r, u]);
+  const b = d.useCallback((h, D) => {
+    e.current = D;
+    const w = y(h, r);
+    return i(w, D);
+  }, [r, i]), [m, o] = d.useReducer(b, n), C = d.useCallback((h) => {
+    o({
+      ...h,
+      context: f
+    });
+  }, [f]);
+  return se({
+    nextState: m,
+    initialState: n,
+    stateComparers: c ?? A,
+    onStateChange: l ?? U,
+    controlledProps: r,
+    lastActionRef: e
+  }), [y(m, r), C];
+}
+function oe(t, e, i, n, r, c) {
+  if (i.length === 0 || !n && i.every((f, u) => r(f, u)))
+    return -1;
+  let l = t;
+  for (; ; ) {
+    if (!c && e === "next" && l === i.length || !c && e === "previous" && l === -1)
+      return -1;
+    if (n ? !1 : r(i[l], l))
+      l += e === "next" ? 1 : -1, c && (l = (l + i.length) % i.length);
+    else
+      return l;
+  }
+}
+function I(t, e, i) {
+  const {
+    items: n,
+    isItemDisabled: r,
+    disableListWrap: c,
+    disabledItemsFocusable: l,
+    itemComparer: f,
+    focusManagement: u
+  } = i, g = u === "DOM" ? 0 : -1, b = n.length - 1, m = t == null ? -1 : n.findIndex((w) => f(w, t));
+  let o, C, h = !c;
+  switch (e) {
+    case "reset":
+      if (g === -1)
+        return null;
+      o = 0, C = "next", h = !1;
+      break;
+    case "start":
+      o = 0, C = "next", h = !1;
+      break;
+    case "end":
+      o = b, C = "previous", h = !1;
+      break;
+    default: {
+      const w = m + e;
+      w < 0 ? !h && m !== -1 || Math.abs(e) > 1 ? (o = 0, C = "next") : (o = b, C = "previous") : w > b ? !h || Math.abs(e) > 1 ? (o = b, C = "previous") : (o = 0, C = "next") : (o = w, C = e >= 0 ? "next" : "previous");
+    }
+  }
+  const D = oe(o, C, n, l, r, h);
+  return D === -1 && t !== null && !r(t, m) ? t : n[D] ?? null;
+}
+function ce(t, e, i, n) {
+  return i === "none" ? [] : i === "single" ? n(e[0], t) ? e : [t] : e.some((r) => n(r, t)) ? e.filter((r) => !n(r, t)) : [...e, t];
+}
+function z(t, e, i) {
+  const {
+    itemComparer: n,
+    isItemDisabled: r,
+    selectionMode: c,
+    items: l
+  } = i, {
+    selectedValues: f
+  } = e, u = l.findIndex((b) => n(t, b));
+  if (r(t, u))
+    return e;
+  const g = ce(t, f, c, n);
+  return {
+    ...e,
+    selectedValues: g,
+    highlightedValue: t
+  };
+}
+function ae(t, e, i) {
+  const n = e.highlightedValue, {
+    orientation: r,
+    pageSize: c
+  } = i;
+  switch (t) {
+    case "Home":
+      return {
+        ...e,
+        highlightedValue: I(n, "start", i)
+      };
+    case "End":
+      return {
+        ...e,
+        highlightedValue: I(n, "end", i)
+      };
+    case "PageUp":
+      return {
+        ...e,
+        highlightedValue: I(n, -c, i)
+      };
+    case "PageDown":
+      return {
+        ...e,
+        highlightedValue: I(n, c, i)
+      };
+    case "ArrowUp":
+      if (r !== "vertical")
+        break;
+      return {
+        ...e,
+        highlightedValue: I(n, -1, i)
+      };
+    case "ArrowDown":
+      if (r !== "vertical")
+        break;
+      return {
+        ...e,
+        highlightedValue: I(n, 1, i)
+      };
+    case "ArrowLeft": {
+      if (r === "vertical")
+        break;
+      return {
+        ...e,
+        highlightedValue: I(n, r === "horizontal-ltr" ? -1 : 1, i)
+      };
+    }
+    case "ArrowRight": {
+      if (r === "vertical")
+        break;
+      return {
+        ...e,
+        highlightedValue: I(n, r === "horizontal-ltr" ? 1 : -1, i)
+      };
+    }
+    case "Enter":
+    case " ":
+      return e.highlightedValue === null ? e : z(e.highlightedValue, e, i);
+  }
+  return e;
+}
+function he(t, e) {
+  return e.focusManagement === "DOM" ? t : {
+    ...t,
+    highlightedValue: null
+  };
+}
+function de(t, e, i) {
+  var r;
+  const n = (r = i(t)) == null ? void 0 : r.trim().toLowerCase();
+  return !n || n.length === 0 ? !1 : n.startsWith(e);
+}
+function fe(t, e, i) {
+  const {
+    items: n,
+    isItemDisabled: r,
+    disabledItemsFocusable: c,
+    getItemAsString: l
+  } = i, f = e.length > 1;
+  let u = f ? t.highlightedValue : I(t.highlightedValue, 1, i);
+  for (let g = 0; g < n.length; g += 1) {
+    if (!u || !f && t.highlightedValue === u)
+      return t;
+    if (de(u, e, l) && (!r(u, n.indexOf(u)) || c))
+      return {
+        ...t,
+        highlightedValue: u
+      };
+    u = I(u, 1, i);
+  }
+  return t;
+}
+function ge(t, e, i, n) {
+  const {
+    itemComparer: r,
+    focusManagement: c
+  } = n;
+  let l = null;
+  i.highlightedValue != null ? l = t.find((g) => r(g, i.highlightedValue)) ?? null : c === "DOM" && e.length === 0 && (l = I(null, "reset", n));
+  const u = (i.selectedValues ?? []).filter((g) => t.some((b) => r(b, g)));
+  return {
+    ...i,
+    highlightedValue: l,
+    selectedValues: u
+  };
+}
+function me(t, e) {
+  return {
+    ...t,
+    highlightedValue: I(null, "reset", e)
+  };
+}
+function pe(t, e) {
+  return {
+    ...t,
+    highlightedValue: I(null, "end", e)
+  };
+}
+function be(t, e) {
+  return {
+    ...t,
+    selectedValues: [],
+    highlightedValue: I(null, "reset", e)
+  };
+}
+function Se(t, e) {
+  const {
+    type: i,
+    context: n
+  } = e;
+  switch (i) {
+    case S.keyDown:
+      return ae(e.key, t, n);
+    case S.itemClick:
+      return z(e.item, t, n);
+    case S.blur:
+      return he(t, n);
+    case S.textNavigation:
+      return fe(t, e.searchString, n);
+    case S.itemsChange:
+      return ge(e.items, e.previousItems, t, n);
+    case S.resetHighlight:
+      return me(t, n);
+    case S.highlightLast:
+      return pe(t, n);
+    case S.clearSelection:
+      return be(t, n);
+    default:
+      return t;
+  }
+}
+const Ce = 500;
+function Ie(t) {
+  const e = d.useRef({
+    searchString: "",
+    lastTime: null
+  });
+  return d.useCallback((i) => {
+    if (i.key.length === 1 && i.key !== " ") {
+      const n = e.current, r = i.key.toLowerCase(), c = performance.now();
+      n.searchString.length > 0 && n.lastTime && c - n.lastTime > Ce ? n.searchString = r : (n.searchString.length !== 1 || r !== n.searchString) && (n.searchString += r), n.lastTime = c, t(n.searchString, i);
+    }
+  }, [t]);
+}
+const q = {}, Ve = () => {
+}, we = (t, e) => t === e, De = () => !1, xe = (t) => typeof t == "string" ? t : String(t), Re = () => ({
+  highlightedValue: null,
+  selectedValues: []
+});
+function Me(t) {
+  const {
+    controlledProps: e = q,
+    disabledItemsFocusable: i = !1,
+    disableListWrap: n = !1,
+    focusManagement: r = "activeDescendant",
+    getInitialState: c = Re,
+    getItemDomElement: l,
+    getItemId: f,
+    isItemDisabled: u = De,
+    rootRef: g,
+    onStateChange: b = Ve,
+    items: m,
+    itemComparer: o = we,
+    getItemAsString: C = xe,
+    onChange: h,
+    onHighlightChange: D,
+    onItemsChange: w,
+    orientation: E = "vertical",
+    pageSize: N = 5,
+    reducerActionContext: L = q,
+    selectionMode: P = "single",
+    stateReducer: j,
+    componentName: H = "useList"
+  } = t;
+  if (process.env.NODE_ENV !== "production") {
+    if (r === "DOM" && l == null)
+      throw new Error("useList: The `getItemDomElement` prop is required when using the `DOM` focus management.");
+    if (r === "activeDescendant" && f == null)
+      throw new Error("useList: The `getItemId` prop is required when using the `activeDescendant` focus management.");
+  }
+  const $ = d.useRef(null), F = re(g, $), T = d.useCallback((a, s, p) => {
+    var V;
+    D == null || D(a, s, p), r === "DOM" && s != null && (p === S.itemClick || p === S.keyDown || p === S.textNavigation) && ((V = l == null ? void 0 : l(s)) == null || V.focus());
+  }, [l, D, r]), O = d.useMemo(() => ({
+    highlightedValue: o,
+    selectedValues: (a, s) => K(a, s, o)
+  }), [o]), G = d.useCallback((a, s, p, V, M) => {
+    switch (b == null || b(a, s, p, V, M), s) {
+      case "highlightedValue":
+        T(a, p, V);
+        break;
+      case "selectedValues":
+        h == null || h(a, p, V);
+        break;
+    }
+  }, [T, h, b]), _ = d.useMemo(() => ({
+    disabledItemsFocusable: i,
+    disableListWrap: n,
+    focusManagement: r,
+    isItemDisabled: u,
+    itemComparer: o,
+    items: m,
+    getItemAsString: C,
+    onHighlightChange: T,
+    orientation: E,
+    pageSize: N,
+    selectionMode: P,
+    stateComparers: O
+  }), [i, n, r, u, o, m, C, T, E, N, P, O]), J = c(), Y = j ?? Se, X = d.useMemo(() => ({
+    ...L,
+    ..._
+  }), [L, _]), [v, x] = ue({
+    reducer: Y,
+    actionContext: X,
+    initialState: J,
+    controlledProps: e,
+    stateComparers: O,
+    onStateChange: G,
+    componentName: H
+  }), {
+    highlightedValue: R,
+    selectedValues: B
+  } = v, Q = Ie((a, s) => x({
+    type: S.textNavigation,
+    event: s,
+    searchString: a
+  })), k = d.useRef([]);
+  d.useEffect(() => {
+    K(k.current, m, o) || (x({
+      type: S.itemsChange,
+      event: null,
+      items: m,
+      previousItems: k.current
+    }), k.current = m, w == null || w(m));
+  }, [m, o, x, w]);
+  const Z = (a) => (s) => {
+    var V;
+    if ((V = a.onKeyDown) == null || V.call(a, s), s.defaultMuiPrevented)
+      return;
+    const p = ["Home", "End", "PageUp", "PageDown"];
+    E === "vertical" ? p.push("ArrowUp", "ArrowDown") : p.push("ArrowLeft", "ArrowRight"), r === "activeDescendant" && p.push(" ", "Enter"), p.includes(s.key) && s.preventDefault(), x({
+      type: S.keyDown,
+      key: s.key,
+      event: s
+    }), Q(s);
+  }, ee = (a) => (s) => {
+    var p, V;
+    (p = a.onBlur) == null || p.call(a, s), !s.defaultMuiPrevented && ((V = $.current) != null && V.contains(s.relatedTarget) || x({
+      type: S.blur,
+      event: s
+    }));
+  }, te = (a = {}) => {
+    const s = ie(a);
+    return {
+      ...a,
+      "aria-activedescendant": r === "activeDescendant" && R != null ? f(R) : void 0,
+      tabIndex: r === "DOM" ? -1 : 0,
+      ref: F,
+      ...s,
+      onBlur: ee(s),
+      onKeyDown: Z(s)
+    };
+  }, W = d.useCallback((a) => {
+    const s = (B ?? []).some((M) => M != null && o(a, M)), p = R != null && o(a, R);
+    return {
+      focusable: r === "DOM",
+      highlighted: p,
+      selected: s
+    };
+  }, [o, B, R, r]), ne = d.useMemo(() => ({
+    dispatch: x,
+    getItemState: W
+  }), [x, W]);
+  return d.useDebugValue({
+    state: v
+  }), {
+    contextValue: ne,
+    dispatch: x,
+    getRootProps: te,
+    rootRef: F,
+    state: v
+  };
+}
+export {
+  z as h,
+  Se as l,
+  I as m,
+  Me as u
+};

package/dist/utils/draggable.d.ts

@@ -2,7 +2,7 @@ type DeepKeys<T> = {
     [K in keyof T]: T[K] extends object ? `${K & string}` | `${K & string}.${DeepKeys<T[K]>}` : `${K & string}`;
 }[keyof T];
 export declare const replaceItemsByIndex: <T>(items: T[], from: number, to: number) => T[];
-export declare const sortItemsByIndex: <T>(items: T[], from: number, to: number, direction: 'up' | 'down') => T[];
-export declare const sortItemsByKey: <T>(items: T[], key: DeepKeys<T>, from: number, to: number, direction: 'up' | 'down') => T[];
+export declare const sortItemsByIndex: <T>(items: T[], from: number, to: number, direction: "up" | "down") => T[];
+export declare const sortItemsByKey: <T>(items: T[], key: DeepKeys<T>, from: number, to: number, direction: "up" | "down") => T[];
 export declare const replaceItemsByKey: <T>(items: T[], key: DeepKeys<T>, from: number, to: number) => T[];
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "2.1.63",
+  "version": "2.1.65",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -74,7 +74,7 @@
     "eslint-plugin-react-refresh": "^0.4.6",
     "eslint-plugin-simple-import-sort": "^12.0.0",
     "eslint-plugin-storybook": "^0.9.0",
-    "glob": "^10.3.14",
+    "glob": "^11.1.0",
     "husky": "^9.0.11",
     "jsdom": "^26.0.0",
     "lint-staged": "^15.2.7",
@@ -111,7 +111,7 @@
     "esbuild": "^0.25.3",
     "express": "^5.1.0",
     "form-data": "^4.0.2",
-    "glob": "^10.2.6",
+    "glob": "^11.1.0",
     "micromatch": "^4.0.8",
     "nanoid": "^3.3.11",
     "path-to-regexp": "^0.1.12",
@@ -122,6 +122,7 @@
     "ws": "^8.18.1",
     "tmp": "^0.2.5",
     "brace-expansion": "^2.0.2",
-    "debug": "^4.4.3"
+    "debug": "^4.4.3",
+    "js-yaml": "^4.1.1"
   }
 }

package/dist/Button-BrEDdtHO.js

@@ -1,130 +0,0 @@
-import { g as T, a as _, b as x, _ as i, c as B, d as O, e as D, P as e } from "./useSlotProps-CYHDC4TN.js";
-import * as c from "react";
-import { jsx as F } from "react/jsx-runtime";
-import { u as S } from "./useButton-CezPDte8.js";
-const m = "Button";
-function U(s) {
-  return T(m, s);
-}
-_(m, ["root", "active", "disabled", "focusVisible"]);
-const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVisible", "slotProps", "slots", "rootElementName"], j = (s) => {
-  const {
-    active: o,
-    disabled: n,
-    focusVisible: r
-  } = s;
-  return O({
-    root: ["root", n && "disabled", r && "focusVisible", o && "active"]
-  }, D(U));
-}, w = /* @__PURE__ */ c.forwardRef(function(o, n) {
-  var r;
-  const {
-    action: u,
-    children: h,
-    focusableWhenDisabled: f = !1,
-    slotProps: P = {},
-    slots: l = {},
-    rootElementName: N = "button"
-  } = o, t = x(o, W), g = c.useRef();
-  let a = N;
-  typeof l.root == "string" ? a = l.root : (t.href || t.to) && (a = "a");
-  const {
-    active: y,
-    focusVisible: E,
-    setFocusVisible: d,
-    getRootProps: V
-  } = S(i({}, o, {
-    focusableWhenDisabled: f,
-    rootElementName: a
-  }));
-  c.useImperativeHandle(u, () => ({
-    focusVisible: () => {
-      d(!0), g.current.focus();
-    }
-  }), [d]);
-  const p = i({}, o, {
-    active: y,
-    focusableWhenDisabled: f,
-    focusVisible: E
-  }), v = j(p), C = t.href || t.to ? "a" : "button", b = (r = l.root) != null ? r : C, R = B({
-    elementType: b,
-    getSlotProps: V,
-    externalForwardedProps: t,
-    externalSlotProps: P.root,
-    additionalProps: {
-      ref: n
-    },
-    ownerState: p,
-    className: v.root
-  });
-  return /* @__PURE__ */ F(b, i({}, R, {
-    children: h
-  }));
-});
-process.env.NODE_ENV !== "production" && (w.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A ref for imperative actions. It currently only supports `focusVisible()` action.
-   */
-  action: e.oneOfType([e.func, e.shape({
-    current: e.shape({
-      focusVisible: e.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  children: e.node,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, allows a disabled button to receive focus.
-   * @default false
-   */
-  focusableWhenDisabled: e.bool,
-  /**
-   * @ignore
-   */
-  href: e.string,
-  /**
-   * @ignore
-   */
-  onFocusVisible: e.func,
-  /**
-   * The HTML element that is ultimately rendered, for example 'button' or 'a'
-   * @default 'button'
-   */
-  rootElementName: e.string,
-  /**
-   * The props used for each slot inside the Button.
-   * @default {}
-   */
-  slotProps: e.shape({
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside the Button.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: e.shape({
-    root: e.elementType
-  }),
-  /**
-   * @ignore
-   */
-  to: e.string
-});
-export {
-  w as B
-};