@owp/core 2.5.10 → 2.5.12

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

@@ -1,74 +1,74 @@
-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";
+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 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 Y = "snackbarProviderProps.";
-function D(r) {
-  return !we(r);
+const z = "snackbarProviderProps.";
+function D(n) {
+  return !Me(n);
 }
-a(D, "isThemePreviewPresetSectionKey");
-function z(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"
   };
 }
-a(z, "getThemePreviewSelectedModes");
-function J(r, i, l, S, d) {
+o(J, "getThemePreviewSelectedModes");
+function Q(n, l, d, m, u) {
   return {
-    draftSettings: A(i),
-    savedAt: fe().toISOString(),
-    saveType: d,
+    draftSettings: A(l),
+    savedAt: ve().toISOString(),
+    saveType: u,
     selectionState: {
-      activeSection: r,
-      selectedModes: S,
-      selectedPresetKeys: l
+      activeSection: n,
+      selectedModes: m,
+      selectedPresetKeys: d
     },
     version: 1
   };
 }
-a(J, "createThemePreviewTemporaryState");
-function K(r, i, l, S) {
+o(Q, "createThemePreviewTemporaryState");
+function K(n, l, d, m) {
   return {
-    draftSettings: i,
+    draftSettings: l,
     selectionState: {
-      activeSection: r,
-      selectedModes: S,
-      selectedPresetKeys: l
+      activeSection: n,
+      selectedModes: m,
+      selectedPresetKeys: d
     }
   };
 }
-a(K, "createThemePreviewTemporaryComparableState");
-function xe(r, i) {
-  switch (i) {
+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[i].palette;
+      return n.theme[l].palette;
   }
 }
-a(xe, "getResetSectionTarget");
-function Re(r) {
-  return r === "grid" || r === "table";
+o(xe, "getResetSectionTarget");
+function Re(n) {
+  return n === "grid" || n === "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;
+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 {
@@ -80,7 +80,7 @@ function L(r, i, l) {
   return typeof P == "number" ? {
     found: !0,
     value: String(P)
-  } : typeof P == "string" ? !P.trim() && !Re(i) ? {
+  } : typeof P == "string" ? !P.trim() && !Re(l) ? {
     found: !1,
     value: ""
   } : {
@@ -91,272 +91,281 @@ function L(r, i, l) {
     value: ""
   };
 }
-a(L, "getResetPathValue");
-function Ge({
-  initialSection: r = "main",
-  initialPresetKeys: i,
-  presetThemes: l,
-  resetTheme: S
+o(L, "getResetPathValue");
+function Ne({
+  initialSection: n = "main",
+  initialPresetKeys: l,
+  presetThemes: d,
+  resetTheme: m
 }) {
-  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(
+  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,
-      d.snackbarProviderProps
+      x,
+      u.snackbarProviderProps
     ),
-    [d]
-  ), [n, B] = k(r), [o, te] = k(() => y), [m, re] = k(
+    [u]
+  ), [r, B] = k(n), [s, re] = k(() => y), [p, ne] = k(
     E.selectedPresetKeys
-  ), [h, ne] = k(E.selectedModes), [ae, se] = k(0), [O, _] = k(() => j()), [oe, M] = k(
+  ), [h, ae] = k(E.selectedModes), [se, oe] = k(0), [O, _] = k(() => W()), [ce, M] = k(
     () => K(
-      r,
+      n,
       y,
       E.selectedPresetKeys,
       E.selectedModes
     )
-  ), ce = !!O, ie = !T(
+  ), ie = !!O, le = !T(
     K(
-      n,
-      o,
-      m,
+      r,
+      s,
+      p,
       h
     ),
-    oe
-  ), le = !T(d.theme, o.theme) || !T($, o.snackbar) || !T(ee, o.snackbarProviderProps), H = /* @__PURE__ */ a((e, t) => {
-    Me({
+    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"), 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))
+  }, "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), !D(r))
       return;
-    const s = {
-      ...m,
-      [n]: I
+    const a = {
+      ...p,
+      [r]: I
     };
-    f(s, h);
-  }, "handlePaletteValueChange"), Pe = /* @__PURE__ */ a((e) => {
-    if (!e.length)
+    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 = X(o, n, e);
-    if (b(t), !D(n))
+    const c = X(
+      s,
+      r,
+      t
+    );
+    if (b(c), !D(r))
       return;
-    const c = {
-      ...m,
-      [n]: I
+    const a = {
+      ...p,
+      [r]: I
     };
-    f(c, h);
-  }, "handlePaletteValuesChange"), W = /* @__PURE__ */ a((e) => {
+    f(a, h);
+  }, "handlePaletteValuesChange"), U = /* @__PURE__ */ o((e) => {
     const t = [...new Set(e)];
     if (!t.length)
       return;
-    const c = t.map((u) => {
-      const p = O ? L(
+    const c = t.map((i) => {
+      const S = O ? L(
         O.draftSettings,
-        n,
-        u
-      ) : { found: !1, value: "" }, v = L(Q, n, u), C = L(o, n, u);
+        r,
+        i
+      ) : { found: !1, value: "" }, v = L(Z, r, i), C = L(s, r, i);
       return {
-        path: u,
-        value: p.found ? p.value : v.found ? v.value : C.value
+        path: i,
+        value: S.found ? S.value : v.found ? v.value : C.value
       };
-    }), s = X(o, n, c);
-    b(s), se((u) => u + 1);
+    }), a = X(s, r, c);
+    b(a), oe((i) => i + 1);
   }, "handlePaletteValuesReset");
   return {
-    activeSection: n,
-    canApplyToMain: le,
-    draftSettings: o,
-    hasTemporaryChanges: ie,
-    hasTemporarySnapshot: ce,
+    activeSection: r,
+    canApplyToMain: de,
+    draftSettings: s,
+    hasTemporaryChanges: le,
+    hasTemporarySnapshot: ie,
     presetOptions: P,
-    resetVersion: ae,
+    resetVersion: se,
     selectedModes: h,
-    selectedPresetKeys: m,
+    selectedPresetKeys: p,
     setActiveSection: B,
-    handlePaletteValueChange: ue,
-    handlePaletteValuesChange: Pe,
-    handlePaletteValueReset: /* @__PURE__ */ a((e) => {
-      W([e]);
+    handlePaletteValueChange: Pe,
+    handlePaletteValuesChange: Se,
+    handlePaletteValueReset: /* @__PURE__ */ o((e) => {
+      U([e]);
     }, "handlePaletteValueReset"),
-    handlePaletteValuesReset: W,
-    handleApplyToMain: /* @__PURE__ */ a(() => {
-      const e = J(
-        n,
-        o,
-        m,
+    handlePaletteValuesReset: U,
+    handleApplyToMain: /* @__PURE__ */ o(() => {
+      const e = Q(
+        r,
+        s,
+        p,
         h,
         "manual"
       );
-      N(o), H(m, h), q(e), U({
-        theme: o.theme,
-        snackbar: o.snackbar,
-        snackbarProviderProps: o.snackbarProviderProps
+      N(s), H(p, h), j(e), q({
+        theme: s.theme,
+        snackbar: s.snackbar,
+        snackbarProviderProps: s.snackbarProviderProps
       }), _(e), M({
-        draftSettings: o,
+        draftSettings: s,
         selectionState: e.selectionState
       }), w({
-        theme: o.theme,
-        snackbar: o.snackbar,
-        snackbarProviderProps: o.snackbarProviderProps
+        theme: s.theme,
+        snackbar: s.snackbar,
+        snackbarProviderProps: s.snackbarProviderProps
       });
     }, "handleApplyToMain"),
-    handleLoadSettings: /* @__PURE__ */ a((e, t = x, c = R) => {
-      const s = g({}, d, {
+    handleLoadSettings: /* @__PURE__ */ o((e, t = V, c = x) => {
+      const a = g({}, u, {
         theme: e,
-        snackbar: g({}, x, t),
+        snackbar: g({}, V, t),
         snackbarProviderProps: g(
           {},
-          R,
+          x,
           c
         )
-      }), u = z(s), p = F(
-        s,
-        l,
+      }), i = J(a), S = F(
+        a,
+        d,
         P
       );
-      b(s), f(p, u), M(
+      b(a), f(S, i), M(
         K(
-          n,
-          s,
-          p,
-          u
+          r,
+          a,
+          S,
+          i
         )
-      ), U({
+      ), q({
         theme: e,
-        snackbar: s.snackbar,
-        snackbarProviderProps: s.snackbarProviderProps
+        snackbar: a.snackbar,
+        snackbarProviderProps: a.snackbarProviderProps
       }), w({
         theme: e,
-        snackbar: s.snackbar,
-        snackbarProviderProps: s.snackbarProviderProps
+        snackbar: a.snackbar,
+        snackbarProviderProps: a.snackbarProviderProps
       });
     }, "handleLoadSettings"),
-    handlePresetKeyChange: /* @__PURE__ */ a((e) => {
-      if (!D(n) || e === I)
+    handlePresetKeyChange: /* @__PURE__ */ o((e) => {
+      if (!D(r) || e === I)
         return;
-      const t = l[e];
+      const t = d[e];
       if (!t)
         return;
-      b(G(o, n, t));
+      b(G(s, r, t));
       const c = {
         ...h,
-        [n]: t.palette.mode === "dark" ? "dark" : "light"
-      }, s = {
-        ...m,
-        [n]: e
+        [r]: t.palette.mode === "dark" ? "dark" : "light"
+      }, a = {
+        ...p,
+        [r]: e
       };
-      f(s, c);
+      f(a, c);
     }, "handlePresetKeyChange"),
-    handlePresetModeChange: /* @__PURE__ */ a((e) => {
-      if (!D(n))
+    handlePresetModeChange: /* @__PURE__ */ o((e) => {
+      if (!D(r))
         return;
       const t = {
         ...h,
-        [n]: e
-      }, c = ye(
+        [r]: e
+      }, c = Te(
         P,
-        n,
+        r,
         e
       )[0];
       if (!c) {
-        f(m, t);
+        f(p, t);
         return;
       }
-      const s = l[c.key];
-      if (!s) {
-        f(m, t);
+      const a = d[c.key];
+      if (!a) {
+        f(p, t);
         return;
       }
-      b(G(o, n, s));
-      const u = {
-        ...m,
-        [n]: c.key
+      b(G(s, r, a));
+      const i = {
+        ...p,
+        [r]: c.key
       };
-      f(u, t);
+      f(i, t);
     }, "handlePresetModeChange"),
-    handleReset: /* @__PURE__ */ a(() => {
-      var c, s, u, p, v, C;
-      const e = g({}, A(Z), {
-        snackbarProviderProps: R
+    handleReset: /* @__PURE__ */ o(() => {
+      var c, a, i, S, v, C;
+      const e = g({}, A($), {
+        snackbarProviderProps: x
       }), t = {
-        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"
+        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"
       };
-      b(e), f(i, t), M(
+      b(e), f(l, t), M(
         K(
-          n,
+          r,
           e,
-          i,
+          l,
           t
         )
-      ), me(), w({
-        theme: S,
-        snackbar: x,
-        snackbarProviderProps: R
+      ), pe(), w({
+        theme: m,
+        snackbar: V,
+        snackbarProviderProps: x
       });
     }, "handleReset"),
-    handleTemporaryLoad: /* @__PURE__ */ a(() => {
-      const e = j();
+    handleTemporaryLoad: /* @__PURE__ */ o(() => {
+      const e = W();
       if (!e)
         return !1;
       const t = A(
-        g({}, d, e.draftSettings)
+        g({}, u, e.draftSettings)
       ), c = g(
         {},
-        m,
+        p,
         e.selectionState.selectedPresetKeys
-      ), s = g(
+      ), a = g(
         {},
         h,
         e.selectionState.selectedModes
-      ), u = e.selectionState.activeSection, p = F(
+      ), i = e.selectionState.activeSection, S = F(
         t,
-        l,
+        d,
         P
-      ), v = z(t);
-      return b(t), B(u), f(
-        T(c, p) ? c : p,
-        T(s, v) ? s : v
+      ), 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: p
+          selectedPresetKeys: S
         }
       }), !0;
     }, "handleTemporaryLoad"),
-    handleTemporarySave: /* @__PURE__ */ a((e = "manual") => {
-      const t = J(
-        n,
-        o,
-        m,
+    handleTemporarySave: /* @__PURE__ */ o((e = "manual") => {
+      const t = Q(
+        r,
+        s,
+        p,
         h,
         e
       );
-      q(t), _(t), M({
-        draftSettings: o,
+      j(t), _(t), M({
+        draftSettings: s,
         selectionState: t.selectionState
       });
     }, "handleTemporarySave")
   };
 }
-a(Ge, "useThemePreview");
+o(Ne, "useThemePreview");
 export {
-  Ge as useThemePreview
+  Ne as useThemePreview
 };
 //# sourceMappingURL=useThemePreview.js.map