@stachelock/ui 0.6.17 → 0.7.0

package/dist/useSidebarNavigation-DbXCVGYg.js

@@ -0,0 +1,291 @@
+import { ref as h, computed as O, watch as q } from "vue";
+var z = /* @__PURE__ */ ((e) => (e.New = "new", e.Pending = "pending", e.Saved = "saved", e.Deleted = "deleted", e))(z || {});
+let M;
+const G = new Uint8Array(16);
+function L() {
+  if (!M && (M = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !M))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return M(G);
+}
+const r = [];
+for (let e = 0; e < 256; ++e)
+  r.push((e + 256).toString(16).slice(1));
+function Q(e, t = 0) {
+  return r[e[t + 0]] + r[e[t + 1]] + r[e[t + 2]] + r[e[t + 3]] + "-" + r[e[t + 4]] + r[e[t + 5]] + "-" + r[e[t + 6]] + r[e[t + 7]] + "-" + r[e[t + 8]] + r[e[t + 9]] + "-" + r[e[t + 10]] + r[e[t + 11]] + r[e[t + 12]] + r[e[t + 13]] + r[e[t + 14]] + r[e[t + 15]];
+}
+const X = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), j = {
+  randomUUID: X
+};
+function H(e, t, v) {
+  if (j.randomUUID && !e)
+    return j.randomUUID();
+  e = e || {};
+  const l = e.random || (e.rng || L)();
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Q(l);
+}
+function Z(e, t) {
+  const {
+    initialItems: v = [],
+    emptyFormValues: l,
+    explodeItem: m = (a) => a,
+    implodeItem: c = (a) => a,
+    statusEnum: g = { New: "new", Pending: "pending", Saved: "saved" }
+  } = e, p = h([...v]), o = h(null), u = h({ ...l }), I = h(null), w = h(!1), i = h(null), A = O(() => i.value ? JSON.stringify(u.value) !== JSON.stringify(i.value) : !1), S = O(() => ({
+    add: {
+      disabled: !1,
+      label: "Add"
+    },
+    save: {
+      disabled: !A.value,
+      label: "Save"
+    },
+    delete: {
+      disabled: !o.value,
+      label: "Delete"
+    }
+  })), b = () => ({
+    ...l,
+    id: H(),
+    status: g.New
+  }), C = () => {
+    const a = b();
+    u.value = m(a), i.value = { ...u.value }, o.value = null, t("item-selected", null);
+  }, x = (a) => {
+    const y = p.value.findIndex((W) => W.id === u.value.id), U = {
+      ...u.value,
+      ...a,
+      status: o.value?.status === g.Saved ? g.Pending : u.value.status
+    };
+    y >= 0 ? p.value[y] = c(U) : p.value.push(c(U)), o.value = U, i.value = { ...u.value }, t("update:modelValue", [...p.value]), t("item-updated", U);
+  }, D = () => {
+    if (!o.value) return;
+    const a = p.value.findIndex((y) => y.id === o.value.id);
+    if (a >= 0) {
+      const y = p.value[a];
+      p.value.splice(a, 1), t("item-deleted", y), t("update:modelValue", [...p.value]);
+    }
+    N(), w.value = !1;
+  }, J = (a) => {
+    o.value = a, u.value = m({ ...a }), i.value = { ...u.value }, t("item-selected", a);
+  }, N = () => {
+    o.value = null, u.value = { ...l, id: H() }, i.value = null, t("item-selected", null);
+  }, R = (a) => {
+    switch (a) {
+      case "add":
+        C();
+        break;
+      case "save":
+        I.value?.submitForm ? I.value.submitForm() : x(u.value);
+        break;
+      case "delete":
+        w.value = !0;
+        break;
+    }
+  }, E = (a) => {
+    x(a);
+  }, P = (a) => {
+    u.value = { ...u.value, ...a };
+  }, k = () => {
+    D();
+  }, B = () => {
+    w.value = !1;
+  }, F = () => {
+    N();
+  }, T = () => p.value.map((a) => c(a));
+  return v.length > 0 && (p.value = v.map((a) => m(a))), {
+    items: p,
+    activeItem: o,
+    formValues: u,
+    formRef: I,
+    buttonAttributes: S,
+    showDeleteConfirm: w,
+    isDirty: A,
+    addItem: C,
+    updateItem: x,
+    deleteItem: D,
+    selectItem: J,
+    clearSelection: N,
+    handleButtonClick: R,
+    handleFormSubmit: E,
+    handleFormUpdate: P,
+    confirmDelete: k,
+    cancelDelete: B,
+    resetForm: F,
+    getItems: T
+  };
+}
+function _(e) {
+  const {
+    items: t,
+    initialPath: v = "",
+    autoExpandActive: l = !0,
+    allowMultipleExpanded: m = !0,
+    persistExpanded: c = !1,
+    storageKey: g = "sidebar-nav-expanded",
+    onNavigate: p
+  } = e, o = O(() => t), u = h(v), I = h(!1), w = h(!1), i = h(A());
+  function A() {
+    if (c && typeof window < "u")
+      try {
+        const n = localStorage.getItem(g);
+        if (n)
+          return new Set(JSON.parse(n));
+      } catch {
+      }
+    return /* @__PURE__ */ new Set();
+  }
+  function S() {
+    if (c && typeof window < "u")
+      try {
+        localStorage.setItem(
+          g,
+          JSON.stringify([...i.value])
+        );
+      } catch {
+      }
+  }
+  function b(n, d = []) {
+    const s = [];
+    for (const f of n)
+      s.push({ ...f, parentIds: d }), f.children?.length && s.push(
+        ...b(f.children, [...d, f.id])
+      );
+    return s;
+  }
+  function C(n) {
+    return b(o.value).find((s) => s.path === n);
+  }
+  function x(n) {
+    return b(o.value).find((f) => f.path === n)?.parentIds || [];
+  }
+  function D(n) {
+    return !!(n.path === u.value || u.value.startsWith(n.path + "/"));
+  }
+  function J(n) {
+    if (!n.children?.length) return !1;
+    const d = (s) => s.some((f) => D(f) ? !0 : f.children?.length ? d(f.children) : !1);
+    return d(n.children);
+  }
+  function N() {
+    if (!l || !u.value) return;
+    const n = x(u.value), d = b(o.value);
+    for (const s of d)
+      (u.value.startsWith(s.path + "/") || u.value === s.path) && n.push(...s.parentIds);
+    for (const s of new Set(n))
+      i.value.add(s);
+  }
+  function R(n) {
+    i.value.has(n) ? P(n) : E(n);
+  }
+  function E(n) {
+    if (!m) {
+      const d = b(o.value), s = d.find((f) => f.id === n);
+      if (s) {
+        const f = d.filter(
+          (V) => V.parentIds.length === s.parentIds.length && JSON.stringify(V.parentIds) === JSON.stringify(s.parentIds) && V.id !== n
+        );
+        for (const V of f)
+          i.value.delete(V.id);
+      }
+    }
+    i.value = /* @__PURE__ */ new Set([...i.value, n]), S();
+  }
+  function P(n) {
+    i.value.delete(n), i.value = /* @__PURE__ */ new Set([...i.value]), S();
+  }
+  function k() {
+    const d = b(o.value).filter((s) => s.children?.length).map((s) => s.id);
+    i.value = new Set(d), S();
+  }
+  function B() {
+    i.value = /* @__PURE__ */ new Set(), S();
+  }
+  function F(n) {
+    u.value = n, l && N();
+  }
+  function T(n, d) {
+    F(n), y(), p?.(n, d);
+  }
+  function a() {
+    I.value = !0;
+  }
+  function y() {
+    I.value = !1;
+  }
+  function U() {
+    I.value = !I.value;
+  }
+  function W() {
+    w.value = !w.value;
+  }
+  const K = O(() => b(o.value));
+  return q(
+    () => u.value,
+    () => {
+      l && N();
+    },
+    { immediate: !0 }
+  ), {
+    // State
+    items: o,
+    expandedItems: i,
+    currentPath: u,
+    isMobileOpen: I,
+    isCollapsed: w,
+    // Actions
+    toggleItem: R,
+    expandItem: E,
+    collapseItem: P,
+    expandAll: k,
+    collapseAll: B,
+    setCurrentPath: F,
+    navigate: T,
+    openMobile: a,
+    closeMobile: y,
+    toggleMobile: U,
+    toggleCollapsed: W,
+    // Helpers
+    isItemActive: D,
+    hasActiveChild: J,
+    getParentIds: x,
+    findItemByPath: C,
+    flatItems: K
+  };
+}
+function $(e) {
+  const t = /* @__PURE__ */ new Map(), v = [];
+  for (const l of e)
+    t.set(l.id, { ...l, children: [] });
+  for (const l of e) {
+    const m = t.get(l.id);
+    if (l.parent) {
+      const c = t.get(l.parent);
+      c ? (c.children = c.children || [], c.children.push(m)) : v.push(m);
+    } else
+      v.push(m);
+  }
+  return v;
+}
+function ee(e, t, v, l = {}) {
+  return {
+    id: e,
+    name: t,
+    path: v,
+    ...l
+  };
+}
+function te(e, t = "name", v = "asc") {
+  return [...e].sort((l, m) => {
+    const c = l[t], g = m[t];
+    return typeof c == "string" && typeof g == "string" ? v === "asc" ? c.localeCompare(g) : g.localeCompare(c) : 0;
+  });
+}
+export {
+  z as C,
+  _ as a,
+  $ as b,
+  ee as c,
+  te as s,
+  Z as u,
+  H as v
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stachelock/ui",
-  "version": "0.6.17",
+  "version": "0.7.0",
   "description": "A comprehensive Vue 3 UI component library built with Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -12,7 +12,8 @@
       "types": "./dist/index.d.ts"
     },
     "./style.css": "./dist/style.css",
-    "./tailwind.config.js": "./dist/tailwind.config.js",
+    "./tailwind-preset": "./tailwind.config.js",
+    "./tailwind.config.js": "./tailwind.config.js",
     "./generate-config": "./scripts/generate-config.cjs",
     "./components/*": {
       "import": "./dist/components/*.js",

package/dist/useCollectionEditor-BYyoAT0U.js

@@ -1,121 +0,0 @@
-import { ref as i, computed as D } from "vue";
-var C = /* @__PURE__ */ ((e) => (e.New = "new", e.Pending = "pending", e.Saved = "saved", e.Deleted = "deleted", e))(C || {});
-let p;
-const H = new Uint8Array(16);
-function T() {
-  if (!p && (p = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !p))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return p(H);
-}
-const l = [];
-for (let e = 0; e < 256; ++e)
-  l.push((e + 256).toString(16).slice(1));
-function q(e, t = 0) {
-  return l[e[t + 0]] + l[e[t + 1]] + l[e[t + 2]] + l[e[t + 3]] + "-" + l[e[t + 4]] + l[e[t + 5]] + "-" + l[e[t + 6]] + l[e[t + 7]] + "-" + l[e[t + 8]] + l[e[t + 9]] + "-" + l[e[t + 10]] + l[e[t + 11]] + l[e[t + 12]] + l[e[t + 13]] + l[e[t + 14]] + l[e[t + 15]];
-}
-const z = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), V = {
-  randomUUID: z
-};
-function S(e, t, v) {
-  if (V.randomUUID && !e)
-    return V.randomUUID();
-  e = e || {};
-  const d = e.random || (e.rng || T)();
-  return d[6] = d[6] & 15 | 64, d[8] = d[8] & 63 | 128, q(d);
-}
-function K(e, t) {
-  const {
-    initialItems: v = [],
-    emptyFormValues: d,
-    explodeItem: g = (n) => n,
-    implodeItem: b = (n) => n,
-    statusEnum: y = { New: "new", Pending: "pending", Saved: "saved" }
-  } = e, a = i([...v]), s = i(null), u = i({ ...d }), I = i(null), r = i(!1), o = i(null), U = D(() => o.value ? JSON.stringify(u.value) !== JSON.stringify(o.value) : !1), F = D(() => ({
-    add: {
-      disabled: !1,
-      label: "Add"
-    },
-    save: {
-      disabled: !U.value,
-      label: "Save"
-    },
-    delete: {
-      disabled: !s.value,
-      label: "Delete"
-    }
-  })), N = () => ({
-    ...d,
-    id: S(),
-    status: y.New
-  }), f = () => {
-    const n = N();
-    u.value = g(n), o.value = { ...u.value }, s.value = null, t("item-selected", null);
-  }, w = (n) => {
-    const c = a.value.findIndex((B) => B.id === u.value.id), m = {
-      ...u.value,
-      ...n,
-      status: s.value?.status === y.Saved ? y.Pending : u.value.status
-    };
-    c >= 0 ? a.value[c] = b(m) : a.value.push(b(m)), s.value = m, o.value = { ...u.value }, t("update:modelValue", [...a.value]), t("item-updated", m);
-  }, h = () => {
-    if (!s.value) return;
-    const n = a.value.findIndex((c) => c.id === s.value.id);
-    if (n >= 0) {
-      const c = a.value[n];
-      a.value.splice(n, 1), t("item-deleted", c), t("update:modelValue", [...a.value]);
-    }
-    x(), r.value = !1;
-  }, R = (n) => {
-    s.value = n, u.value = g({ ...n }), o.value = { ...u.value }, t("item-selected", n);
-  }, x = () => {
-    s.value = null, u.value = { ...d, id: S() }, o.value = null, t("item-selected", null);
-  }, k = (n) => {
-    switch (n) {
-      case "add":
-        f();
-        break;
-      case "save":
-        I.value?.submitForm ? I.value.submitForm() : w(u.value);
-        break;
-      case "delete":
-        r.value = !0;
-        break;
-    }
-  }, A = (n) => {
-    w(n);
-  }, E = (n) => {
-    u.value = { ...u.value, ...n };
-  }, P = () => {
-    h();
-  }, J = () => {
-    r.value = !1;
-  }, O = () => {
-    x();
-  }, j = () => a.value.map((n) => b(n));
-  return v.length > 0 && (a.value = v.map((n) => g(n))), {
-    items: a,
-    activeItem: s,
-    formValues: u,
-    formRef: I,
-    buttonAttributes: F,
-    showDeleteConfirm: r,
-    isDirty: U,
-    addItem: f,
-    updateItem: w,
-    deleteItem: h,
-    selectItem: R,
-    clearSelection: x,
-    handleButtonClick: k,
-    handleFormSubmit: A,
-    handleFormUpdate: E,
-    confirmDelete: P,
-    cancelDelete: J,
-    resetForm: O,
-    getItems: j
-  };
-}
-export {
-  C,
-  K as u,
-  S as v
-};