@owp/core 2.5.62 → 2.5.63

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

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