@owp/core 2.5.8 → 2.5.10

package/dist/features/themePreview/hooks/useThemePreview.js

@@ -1,280 +1,362 @@
-var ae = Object.defineProperty;
-var n = (o, d) => ae(o, "name", { value: d, configurable: !0 });
-import { getThemePreviewTemporaryState as j, persistThemePreviewTemporaryState as q, clearThemePreviewAppliedSettings as ne, persistThemePreviewAppliedSettings as G } from "../configs/previewStorage.js";
-import { defaultSnackbarTheme as f, defaultSnackbarProviderProps as T } from "../configs/snackbar.js";
-import { useGetCurrentSettings as se, useSetDefaultSettings as oe } from "../../../hooks/useOwpSettings.js";
-import { useMemo as y, useState as g } from "react";
-import ce from "dayjs";
-import { getThemePreviewPresetOptions as ie, getThemePreviewDraftSettings as le, getThemePreviewSelectionState as de, getThemePreviewResetSettings as me, cloneThemePreviewSettings as A, getThemePreviewPresetOptionsByMode as Se, applyThemePreviewPreset as H, THEME_PREVIEW_CUSTOM_PRESET_KEY as k, setThemePreviewDraftSettings as U, setThemePreviewPaletteValues as Pe, setThemePreviewPaletteValue as pe, isThemePreviewCustomSection as he, setThemePreviewSelectionState as ve } from "../utils/themePreviewSettings.js";
-import { merge as h } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
-import { isEqual as M } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-const W = {
-  main: k,
-  navbar: k,
-  toolbar: k
-};
-function C(o) {
-  return !he(o);
+var Se = Object.defineProperty;
+var a = (r, i) => Se(r, "name", { value: i, configurable: !0 });
+import { getThemePreviewTemporaryState as j, persistThemePreviewTemporaryState as q, clearThemePreviewAppliedSettings as me, persistThemePreviewAppliedSettings as U } from "../configs/previewStorage.js";
+import { defaultSnackbarTheme as x, defaultSnackbarProviderProps as R } from "../configs/snackbar.js";
+import { useGetCurrentSettings as pe, useSetDefaultSettings as he } from "../../../hooks/useOwpSettings.js";
+import { useMemo as V, useState as k } from "react";
+import fe from "dayjs";
+import { getThemePreviewPresetOptions as ve, getThemePreviewDraftSettings as ge, cloneThemePreviewSettings as A, getThemePreviewSelectionState as be, getThemePreviewResetSettings as ke, getThemePreviewMatchedPresetKeys as F, getThemePreviewPresetOptionsByMode as ye, applyThemePreviewPreset as G, THEME_PREVIEW_CUSTOM_PRESET_KEY as I, setThemePreviewDraftSettings as N, setThemePreviewPaletteValues as X, setThemePreviewPaletteValue as Te, isThemePreviewCustomSection as we, setThemePreviewSelectionState as Me } from "../utils/themePreviewSettings.js";
+import { merge as g } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+import { isEqual as T } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+const Y = "snackbarProviderProps.";
+function D(r) {
+  return !we(r);
 }
-n(C, "isThemePreviewPresetSectionKey");
-function ue(o) {
+a(D, "isThemePreviewPresetSectionKey");
+function z(r) {
   return {
-    main: o.theme.main.palette.mode === "dark" ? "dark" : "light",
-    navbar: o.theme.navbar.palette.mode === "dark" ? "dark" : "light",
-    toolbar: o.theme.toolbar.palette.mode === "dark" ? "dark" : "light"
+    main: r.theme.main.palette.mode === "dark" ? "dark" : "light",
+    navbar: r.theme.navbar.palette.mode === "dark" ? "dark" : "light",
+    toolbar: r.theme.toolbar.palette.mode === "dark" ? "dark" : "light"
   };
 }
-n(ue, "getThemePreviewSelectedModes");
-function Y(o, d, v, m, c) {
+a(z, "getThemePreviewSelectedModes");
+function J(r, i, l, S, d) {
   return {
-    draftSettings: A(d),
-    savedAt: ce().toISOString(),
-    saveType: c,
+    draftSettings: A(i),
+    savedAt: fe().toISOString(),
+    saveType: d,
     selectionState: {
-      activeSection: o,
-      selectedModes: m,
-      selectedPresetKeys: v
+      activeSection: r,
+      selectedModes: S,
+      selectedPresetKeys: l
     },
     version: 1
   };
 }
-n(Y, "createThemePreviewTemporaryState");
-function x(o, d, v, m) {
+a(J, "createThemePreviewTemporaryState");
+function K(r, i, l, S) {
   return {
-    draftSettings: d,
+    draftSettings: i,
     selectionState: {
-      activeSection: o,
-      selectedModes: m,
-      selectedPresetKeys: v
+      activeSection: r,
+      selectedModes: S,
+      selectedPresetKeys: l
     }
   };
 }
-n(x, "createThemePreviewTemporaryComparableState");
-function Be({
-  initialSection: o = "main",
-  initialPresetKeys: d,
-  presetThemes: v,
-  resetTheme: m
+a(K, "createThemePreviewTemporaryComparableState");
+function xe(r, i) {
+  switch (i) {
+    case "grid":
+      return r.theme.main.grid;
+    case "table":
+      return r.theme.main.table;
+    case "snackbar":
+      return r.snackbar;
+    default:
+      return r.theme[i].palette;
+  }
+}
+a(xe, "getResetSectionTarget");
+function Re(r) {
+  return r === "grid" || r === "table";
+}
+a(Re, "canUseEmptyResetValue");
+function L(r, i, l) {
+  const [S, d] = l.startsWith(Y) ? [
+    r.snackbarProviderProps,
+    l.slice(Y.length)
+  ] : [xe(r, i), l], w = d.split(".");
+  let P = S;
+  for (const y of w) {
+    if (!P || typeof P != "object" || !(y in P))
+      return {
+        found: !1,
+        value: ""
+      };
+    P = P[y];
+  }
+  return typeof P == "number" ? {
+    found: !0,
+    value: String(P)
+  } : typeof P == "string" ? !P.trim() && !Re(i) ? {
+    found: !1,
+    value: ""
+  } : {
+    found: !0,
+    value: P
+  } : {
+    found: !1,
+    value: ""
+  };
+}
+a(L, "getResetPathValue");
+function Ge({
+  initialSection: r = "main",
+  initialPresetKeys: i,
+  presetThemes: l,
+  resetTheme: S
 }) {
-  const c = se(), K = oe(), E = y(() => ie(v), [v]), V = le(c), w = y(
-    () => de(c, d),
-    [c, d]
-  ), _ = y(
-    () => me(c, m, f),
-    [c, m]
-  ), z = y(
-    () => h({}, f, c.snackbar),
-    [c]
-  ), F = y(
-    () => h(
+  const d = pe(), w = he(), P = V(() => ve(l), [l]), y = ge(d), [Q] = k(() => A(y)), E = V(
+    () => be(d, i, l),
+    [d, i, l]
+  ), Z = V(
+    () => ke(d, S, x),
+    [d, S]
+  ), $ = V(
+    () => g({}, x, d.snackbar),
+    [d]
+  ), ee = V(
+    () => g(
       {},
-      T,
-      c.snackbarProviderProps
+      R,
+      d.snackbarProviderProps
     ),
-    [c]
-  ), [r, O] = g(o), [a, J] = g(() => V), [l, N] = g(
-    w.selectedPresetKeys
-  ), [S, Q] = g(w.selectedModes), [X, D] = g(() => j()), [Z, b] = g(
-    () => x(
-      o,
-      V,
-      w.selectedPresetKeys,
-      w.selectedModes
-    )
-  ), $ = !!X, ee = !M(
-    x(
+    [d]
+  ), [n, B] = k(r), [o, te] = k(() => y), [m, re] = k(
+    E.selectedPresetKeys
+  ), [h, ne] = k(E.selectedModes), [ae, se] = k(0), [O, _] = k(() => j()), [oe, M] = k(
+    () => K(
       r,
-      a,
-      l,
-      S
+      y,
+      E.selectedPresetKeys,
+      E.selectedModes
+    )
+  ), ce = !!O, ie = !T(
+    K(
+      n,
+      o,
+      m,
+      h
     ),
-    Z
-  ), te = !M(c.theme, a.theme) || !M(z, a.snackbar) || !M(F, a.snackbarProviderProps), R = /* @__PURE__ */ n((e, t) => {
-    ve({
+    oe
+  ), le = !T(d.theme, o.theme) || !T($, o.snackbar) || !T(ee, o.snackbarProviderProps), H = /* @__PURE__ */ a((e, t) => {
+    Me({
       selectedPresetKeys: e,
       selectedModes: t
     });
-  }, "persistSelectionState"), re = /* @__PURE__ */ n((e) => (U(e), e), "persistDraftSettings"), u = /* @__PURE__ */ n((e) => (J(e), re(e)), "commitDraftSettings"), P = /* @__PURE__ */ n((e, t) => {
-    N(e), Q(t), R(e, t);
-  }, "commitSelectionState");
-  return {
-    activeSection: r,
-    canApplyToMain: te,
-    draftSettings: a,
-    hasTemporaryChanges: ee,
-    hasTemporarySnapshot: $,
-    presetOptions: E,
-    selectedModes: S,
-    selectedPresetKeys: l,
-    setActiveSection: O,
-    handlePaletteValueChange: /* @__PURE__ */ n((e, t) => {
-      if (u(pe(a, r, e, t)), !C(r))
-        return;
-      const i = {
-        ...l,
-        [r]: k
+  }, "persistSelectionState"), de = /* @__PURE__ */ a((e) => (N(e), e), "persistDraftSettings"), b = /* @__PURE__ */ a((e) => (te(e), de(e)), "commitDraftSettings"), f = /* @__PURE__ */ a((e, t) => {
+    re(e), ne(t), H(e, t);
+  }, "commitSelectionState"), ue = /* @__PURE__ */ a((e, t) => {
+    const c = Te(o, n, e, t);
+    if (b(c), !D(n))
+      return;
+    const s = {
+      ...m,
+      [n]: I
+    };
+    f(s, h);
+  }, "handlePaletteValueChange"), Pe = /* @__PURE__ */ a((e) => {
+    if (!e.length)
+      return;
+    const t = X(o, n, e);
+    if (b(t), !D(n))
+      return;
+    const c = {
+      ...m,
+      [n]: I
+    };
+    f(c, h);
+  }, "handlePaletteValuesChange"), W = /* @__PURE__ */ a((e) => {
+    const t = [...new Set(e)];
+    if (!t.length)
+      return;
+    const c = t.map((u) => {
+      const p = O ? L(
+        O.draftSettings,
+        n,
+        u
+      ) : { found: !1, value: "" }, v = L(Q, n, u), C = L(o, n, u);
+      return {
+        path: u,
+        value: p.found ? p.value : v.found ? v.value : C.value
       };
-      P(i, S);
-    }, "handlePaletteValueChange"),
-    handlePaletteValuesChange: /* @__PURE__ */ n((e) => {
-      if (!e.length || (u(Pe(a, r, e)), !C(r)))
-        return;
-      const t = {
-        ...l,
-        [r]: k
-      };
-      P(t, S);
-    }, "handlePaletteValuesChange"),
-    handleApplyToMain: /* @__PURE__ */ n(() => {
-      const e = Y(
-        r,
-        a,
-        l,
-        S,
+    }), s = X(o, n, c);
+    b(s), se((u) => u + 1);
+  }, "handlePaletteValuesReset");
+  return {
+    activeSection: n,
+    canApplyToMain: le,
+    draftSettings: o,
+    hasTemporaryChanges: ie,
+    hasTemporarySnapshot: ce,
+    presetOptions: P,
+    resetVersion: ae,
+    selectedModes: h,
+    selectedPresetKeys: m,
+    setActiveSection: B,
+    handlePaletteValueChange: ue,
+    handlePaletteValuesChange: Pe,
+    handlePaletteValueReset: /* @__PURE__ */ a((e) => {
+      W([e]);
+    }, "handlePaletteValueReset"),
+    handlePaletteValuesReset: W,
+    handleApplyToMain: /* @__PURE__ */ a(() => {
+      const e = J(
+        n,
+        o,
+        m,
+        h,
         "manual"
       );
-      U(a), R(l, S), q(e), G({
-        theme: a.theme,
-        snackbar: a.snackbar,
-        snackbarProviderProps: a.snackbarProviderProps
-      }), D(e), b({
-        draftSettings: a,
+      N(o), H(m, h), q(e), U({
+        theme: o.theme,
+        snackbar: o.snackbar,
+        snackbarProviderProps: o.snackbarProviderProps
+      }), _(e), M({
+        draftSettings: o,
         selectionState: e.selectionState
-      }), K({
-        theme: a.theme,
-        snackbar: a.snackbar,
-        snackbarProviderProps: a.snackbarProviderProps
+      }), w({
+        theme: o.theme,
+        snackbar: o.snackbar,
+        snackbarProviderProps: o.snackbarProviderProps
       });
     }, "handleApplyToMain"),
-    handleLoadSettings: /* @__PURE__ */ n((e, t = f, i = T) => {
-      const s = h({}, c, {
+    handleLoadSettings: /* @__PURE__ */ a((e, t = x, c = R) => {
+      const s = g({}, d, {
         theme: e,
-        snackbar: h({}, f, t),
-        snackbarProviderProps: h(
+        snackbar: g({}, x, t),
+        snackbarProviderProps: g(
           {},
-          T,
-          i
+          R,
+          c
         )
-      }), p = ue(s);
-      u(s), P(W, p), b(
-        x(
-          r,
+      }), u = z(s), p = F(
+        s,
+        l,
+        P
+      );
+      b(s), f(p, u), M(
+        K(
+          n,
           s,
-          W,
-          p
+          p,
+          u
         )
-      ), G({
+      ), U({
         theme: e,
         snackbar: s.snackbar,
         snackbarProviderProps: s.snackbarProviderProps
-      }), K({
+      }), w({
         theme: e,
         snackbar: s.snackbar,
         snackbarProviderProps: s.snackbarProviderProps
       });
     }, "handleLoadSettings"),
-    handlePresetKeyChange: /* @__PURE__ */ n((e) => {
-      if (!C(r) || e === k)
+    handlePresetKeyChange: /* @__PURE__ */ a((e) => {
+      if (!D(n) || e === I)
         return;
-      const t = v[e];
+      const t = l[e];
       if (!t)
         return;
-      u(H(a, r, t));
-      const i = {
-        ...S,
-        [r]: t.palette.mode === "dark" ? "dark" : "light"
+      b(G(o, n, t));
+      const c = {
+        ...h,
+        [n]: t.palette.mode === "dark" ? "dark" : "light"
       }, s = {
-        ...l,
-        [r]: e
+        ...m,
+        [n]: e
       };
-      P(s, i);
+      f(s, c);
     }, "handlePresetKeyChange"),
-    handlePresetModeChange: /* @__PURE__ */ n((e) => {
-      if (!C(r))
+    handlePresetModeChange: /* @__PURE__ */ a((e) => {
+      if (!D(n))
         return;
       const t = {
-        ...S,
-        [r]: e
-      }, i = Se(
-        E,
-        r,
+        ...h,
+        [n]: e
+      }, c = ye(
+        P,
+        n,
         e
       )[0];
-      if (!i) {
-        P(l, t);
+      if (!c) {
+        f(m, t);
         return;
       }
-      const s = v[i.key];
+      const s = l[c.key];
       if (!s) {
-        P(l, t);
+        f(m, t);
         return;
       }
-      u(H(a, r, s));
-      const p = {
-        ...l,
-        [r]: i.key
+      b(G(o, n, s));
+      const u = {
+        ...m,
+        [n]: c.key
       };
-      P(p, t);
+      f(u, t);
     }, "handlePresetModeChange"),
-    handleReset: /* @__PURE__ */ n(() => {
-      var i, s, p, L, B, I;
-      const e = h({}, A(_), {
-        snackbarProviderProps: T
+    handleReset: /* @__PURE__ */ a(() => {
+      var c, s, u, p, v, C;
+      const e = g({}, A(Z), {
+        snackbarProviderProps: R
       }), t = {
-        main: ((s = (i = m.main) == null ? void 0 : i.palette) == null ? void 0 : s.mode) === "dark" ? "dark" : "light",
-        navbar: ((L = (p = m.navbar) == null ? void 0 : p.palette) == null ? void 0 : L.mode) === "dark" ? "dark" : "light",
-        toolbar: ((I = (B = m.toolbar) == null ? void 0 : B.palette) == null ? void 0 : I.mode) === "dark" ? "dark" : "light"
+        main: ((s = (c = S.main) == null ? void 0 : c.palette) == null ? void 0 : s.mode) === "dark" ? "dark" : "light",
+        navbar: ((p = (u = S.navbar) == null ? void 0 : u.palette) == null ? void 0 : p.mode) === "dark" ? "dark" : "light",
+        toolbar: ((C = (v = S.toolbar) == null ? void 0 : v.palette) == null ? void 0 : C.mode) === "dark" ? "dark" : "light"
       };
-      u(e), P(d, t), b(
-        x(
-          r,
+      b(e), f(i, t), M(
+        K(
+          n,
           e,
-          d,
+          i,
           t
         )
-      ), ne(), K({
-        theme: m,
-        snackbar: f,
-        snackbarProviderProps: T
+      ), me(), w({
+        theme: S,
+        snackbar: x,
+        snackbarProviderProps: R
       });
     }, "handleReset"),
-    handleTemporaryLoad: /* @__PURE__ */ n(() => {
+    handleTemporaryLoad: /* @__PURE__ */ a(() => {
       const e = j();
       if (!e)
         return !1;
       const t = A(
-        h({}, c, e.draftSettings)
-      ), i = h(
+        g({}, d, e.draftSettings)
+      ), c = g(
         {},
-        l,
+        m,
         e.selectionState.selectedPresetKeys
-      ), s = h(
+      ), s = g(
         {},
-        S,
+        h,
         e.selectionState.selectedModes
-      ), p = e.selectionState.activeSection;
-      return u(t), O(p), P(i, s), D(e), b({
+      ), u = e.selectionState.activeSection, p = F(
+        t,
+        l,
+        P
+      ), v = z(t);
+      return b(t), B(u), f(
+        T(c, p) ? c : p,
+        T(s, v) ? s : v
+      ), _(e), M({
         draftSettings: t,
-        selectionState: e.selectionState
+        selectionState: {
+          ...e.selectionState,
+          selectedModes: v,
+          selectedPresetKeys: p
+        }
       }), !0;
     }, "handleTemporaryLoad"),
-    handleTemporarySave: /* @__PURE__ */ n((e = "manual") => {
-      const t = Y(
-        r,
-        a,
-        l,
-        S,
+    handleTemporarySave: /* @__PURE__ */ a((e = "manual") => {
+      const t = J(
+        n,
+        o,
+        m,
+        h,
         e
       );
-      q(t), D(t), b({
-        draftSettings: a,
+      q(t), _(t), M({
+        draftSettings: o,
         selectionState: t.selectionState
       });
     }, "handleTemporarySave")
   };
 }
-n(Be, "useThemePreview");
+a(Ge, "useThemePreview");
 export {
-  Be as useThemePreview
+  Ge as useThemePreview
 };
 //# sourceMappingURL=useThemePreview.js.map