@owp/core 2.5.9 → 2.5.11

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

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