@owp/core 2.5.8 → 2.5.9

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

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