@owp/core 2.5.4 → 2.5.6

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

@@ -0,0 +1,280 @@
+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);
+}
+n(C, "isThemePreviewPresetSectionKey");
+function ue(o) {
+  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"
+  };
+}
+n(ue, "getThemePreviewSelectedModes");
+function Y(o, d, v, m, c) {
+  return {
+    draftSettings: A(d),
+    savedAt: ce().toISOString(),
+    saveType: c,
+    selectionState: {
+      activeSection: o,
+      selectedModes: m,
+      selectedPresetKeys: v
+    },
+    version: 1
+  };
+}
+n(Y, "createThemePreviewTemporaryState");
+function x(o, d, v, m) {
+  return {
+    draftSettings: d,
+    selectionState: {
+      activeSection: o,
+      selectedModes: m,
+      selectedPresetKeys: v
+    }
+  };
+}
+n(x, "createThemePreviewTemporaryComparableState");
+function Be({
+  initialSection: o = "main",
+  initialPresetKeys: d,
+  presetThemes: v,
+  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(
+      {},
+      T,
+      c.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(
+      r,
+      a,
+      l,
+      S
+    ),
+    Z
+  ), te = !M(c.theme, a.theme) || !M(z, a.snackbar) || !M(F, a.snackbarProviderProps), R = /* @__PURE__ */ n((e, t) => {
+    ve({
+      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
+      };
+      P(t, S);
+    }, "handlePaletteValuesChange"),
+    handleApplyToMain: /* @__PURE__ */ n(() => {
+      const e = Y(
+        r,
+        a,
+        l,
+        S,
+        "manual"
+      );
+      U(a), R(l, S), q(e), G({
+        theme: a.theme,
+        snackbar: a.snackbar,
+        snackbarProviderProps: a.snackbarProviderProps
+      }), D(e), b({
+        draftSettings: a,
+        selectionState: e.selectionState
+      }), K({
+        theme: a.theme,
+        snackbar: a.snackbar,
+        snackbarProviderProps: a.snackbarProviderProps
+      });
+    }, "handleApplyToMain"),
+    handleLoadSettings: /* @__PURE__ */ n((e, t = f, i = T) => {
+      const s = h({}, c, {
+        theme: e,
+        snackbar: h({}, f, t),
+        snackbarProviderProps: h(
+          {},
+          T,
+          i
+        )
+      }), p = ue(s);
+      u(s), P(W, p), b(
+        x(
+          r,
+          s,
+          W,
+          p
+        )
+      ), G({
+        theme: e,
+        snackbar: s.snackbar,
+        snackbarProviderProps: s.snackbarProviderProps
+      }), K({
+        theme: e,
+        snackbar: s.snackbar,
+        snackbarProviderProps: s.snackbarProviderProps
+      });
+    }, "handleLoadSettings"),
+    handlePresetKeyChange: /* @__PURE__ */ n((e) => {
+      if (!C(r) || e === k)
+        return;
+      const t = v[e];
+      if (!t)
+        return;
+      u(H(a, r, t));
+      const i = {
+        ...S,
+        [r]: t.palette.mode === "dark" ? "dark" : "light"
+      }, s = {
+        ...l,
+        [r]: e
+      };
+      P(s, i);
+    }, "handlePresetKeyChange"),
+    handlePresetModeChange: /* @__PURE__ */ n((e) => {
+      if (!C(r))
+        return;
+      const t = {
+        ...S,
+        [r]: e
+      }, i = Se(
+        E,
+        r,
+        e
+      )[0];
+      if (!i) {
+        P(l, t);
+        return;
+      }
+      const s = v[i.key];
+      if (!s) {
+        P(l, t);
+        return;
+      }
+      u(H(a, r, s));
+      const p = {
+        ...l,
+        [r]: i.key
+      };
+      P(p, t);
+    }, "handlePresetModeChange"),
+    handleReset: /* @__PURE__ */ n(() => {
+      var i, s, p, L, B, I;
+      const e = h({}, A(_), {
+        snackbarProviderProps: T
+      }), 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"
+      };
+      u(e), P(d, t), b(
+        x(
+          r,
+          e,
+          d,
+          t
+        )
+      ), ne(), K({
+        theme: m,
+        snackbar: f,
+        snackbarProviderProps: T
+      });
+    }, "handleReset"),
+    handleTemporaryLoad: /* @__PURE__ */ n(() => {
+      const e = j();
+      if (!e)
+        return !1;
+      const t = A(
+        h({}, c, e.draftSettings)
+      ), i = h(
+        {},
+        l,
+        e.selectionState.selectedPresetKeys
+      ), s = h(
+        {},
+        S,
+        e.selectionState.selectedModes
+      ), p = e.selectionState.activeSection;
+      return u(t), O(p), P(i, s), D(e), b({
+        draftSettings: t,
+        selectionState: e.selectionState
+      }), !0;
+    }, "handleTemporaryLoad"),
+    handleTemporarySave: /* @__PURE__ */ n((e = "manual") => {
+      const t = Y(
+        r,
+        a,
+        l,
+        S,
+        e
+      );
+      q(t), D(t), b({
+        draftSettings: a,
+        selectionState: t.selectionState
+      });
+    }, "handleTemporarySave")
+  };
+}
+n(Be, "useThemePreview");
+export {
+  Be as useThemePreview
+};
+//# sourceMappingURL=useThemePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThemePreview.js","sources":["../../../../src/features/themePreview/hooks/useThemePreview.ts"],"sourcesContent":["import {\n  clearThemePreviewAppliedSettings,\n  getThemePreviewTemporaryState,\n  persistThemePreviewAppliedSettings,\n  persistThemePreviewTemporaryState,\n  type ThemePreviewTemporaryState,\n} from '@/features/themePreview/configs/previewStorage';\nimport {\n  defaultSnackbarProviderProps,\n  defaultSnackbarTheme,\n  type SnackbarProviderTheme,\n} from '@/features/themePreview/configs/snackbar';\nimport { useGetCurrentSettings, useSetDefaultSettings } from '@/hooks';\nimport type { OwpSettingsConfigType } from '@/types';\nimport { isEqual, merge } from 'es-toolkit/compat';\nimport { useMemo, useState } from 'react';\nimport type { PartialDeep } from 'type-fest';\nimport type {\n  ThemePreviewMode,\n  ThemePreviewPresetKeyBySection,\n  ThemePreviewPresetSectionKey,\n  ThemePreviewPresetThemes,\n  ThemePreviewSectionKey,\n  ThemePreviewSettings,\n} from '../types';\nimport {\n  applyThemePreviewPreset,\n  cloneThemePreviewSettings,\n  getThemePreviewDraftSettings,\n  getThemePreviewPresetOptions,\n  getThemePreviewPresetOptionsByMode,\n  getThemePreviewResetSettings,\n  getThemePreviewSelectionState,\n  isThemePreviewCustomSection,\n  setThemePreviewDraftSettings,\n  setThemePreviewPaletteValue,\n  setThemePreviewPaletteValues,\n  setThemePreviewSelectionState,\n  THEME_PREVIEW_CUSTOM_PRESET_KEY,\n} from '../utils';\nimport dayjs from 'dayjs';\n\ninterface UseThemePreviewOptions {\n  initialSection?: ThemePreviewSectionKey;\n  initialPresetKeys: ThemePreviewPresetKeyBySection;\n  presetThemes: ThemePreviewPresetThemes;\n  resetTheme: PartialDeep<OwpSettingsConfigType['theme']>;\n}\n\ntype ThemePreviewSettingsWithSnackbarProviderProps = OwpSettingsConfigType & {\n  snackbarProviderProps?: SnackbarProviderTheme;\n};\n\nconst themePreviewCustomPresetKeys = {\n  main: THEME_PREVIEW_CUSTOM_PRESET_KEY,\n  navbar: THEME_PREVIEW_CUSTOM_PRESET_KEY,\n  toolbar: THEME_PREVIEW_CUSTOM_PRESET_KEY,\n} satisfies ThemePreviewPresetKeyBySection;\n\nfunction isThemePreviewPresetSectionKey(\n  sectionKey: ThemePreviewSectionKey,\n): sectionKey is ThemePreviewPresetSectionKey {\n  return !isThemePreviewCustomSection(sectionKey);\n}\n\nfunction getThemePreviewSelectedModes(settings: OwpSettingsConfigType) {\n  return {\n    main: settings.theme.main.palette.mode === 'dark' ? 'dark' : 'light',\n    navbar: settings.theme.navbar.palette.mode === 'dark' ? 'dark' : 'light',\n    toolbar: settings.theme.toolbar.palette.mode === 'dark' ? 'dark' : 'light',\n  } satisfies Record<ThemePreviewPresetSectionKey, ThemePreviewMode>;\n}\n\nfunction createThemePreviewTemporaryState(\n  activeSection: ThemePreviewSectionKey,\n  draftSettings: ThemePreviewSettings,\n  selectedPresetKeys: ThemePreviewPresetKeyBySection,\n  selectedModes: Record<ThemePreviewPresetSectionKey, ThemePreviewMode>,\n  saveType: ThemePreviewTemporaryState['saveType'],\n) {\n  return {\n    draftSettings: cloneThemePreviewSettings(draftSettings),\n    savedAt: dayjs().toISOString(),\n    saveType,\n    selectionState: {\n      activeSection,\n      selectedModes,\n      selectedPresetKeys,\n    },\n    version: 1,\n  } satisfies ThemePreviewTemporaryState;\n}\n\nfunction createThemePreviewTemporaryComparableState(\n  activeSection: ThemePreviewSectionKey,\n  draftSettings: ThemePreviewSettings,\n  selectedPresetKeys: ThemePreviewPresetKeyBySection,\n  selectedModes: Record<ThemePreviewPresetSectionKey, ThemePreviewMode>,\n) {\n  return {\n    draftSettings,\n    selectionState: {\n      activeSection,\n      selectedModes,\n      selectedPresetKeys,\n    },\n  };\n}\n\nexport function useThemePreview({\n  initialSection = 'main',\n  initialPresetKeys: _initialPresetKeys,\n  presetThemes,\n  resetTheme,\n}: UseThemePreviewOptions) {\n  const currentSettings = useGetCurrentSettings() as OwpSettingsConfigType;\n  const setDefaultSettings = useSetDefaultSettings();\n  const presetOptions = useMemo(() => getThemePreviewPresetOptions(presetThemes), [presetThemes]);\n  const initialDraftSettings = getThemePreviewDraftSettings(currentSettings);\n  const initialSelectionState = useMemo(\n    () => getThemePreviewSelectionState(currentSettings, _initialPresetKeys),\n    [currentSettings, _initialPresetKeys],\n  );\n  const resetSettings = useMemo(\n    () => getThemePreviewResetSettings(currentSettings, resetTheme, defaultSnackbarTheme),\n    [currentSettings, resetTheme],\n  );\n  const currentSnackbarTheme = useMemo(\n    () => merge({}, defaultSnackbarTheme, currentSettings.snackbar),\n    [currentSettings],\n  );\n  const currentSnackbarProviderProps = useMemo(\n    () =>\n      merge(\n        {},\n        defaultSnackbarProviderProps,\n        (currentSettings as ThemePreviewSettingsWithSnackbarProviderProps)\n          .snackbarProviderProps,\n      ) as SnackbarProviderTheme,\n    [currentSettings],\n  );\n\n  const [activeSection, setActiveSection] = useState<ThemePreviewSectionKey>(initialSection);\n  const [draftSettings, setDraftSettings] = useState<ThemePreviewSettings>(() => initialDraftSettings);\n  const [selectedPresetKeys, setSelectedPresetKeys] = useState<ThemePreviewPresetKeyBySection>(\n    initialSelectionState.selectedPresetKeys,\n  );\n  const [selectedModes, setSelectedModes] = useState<\n    Record<ThemePreviewPresetSectionKey, ThemePreviewMode>\n  >(initialSelectionState.selectedModes);\n  const [temporarySnapshot, setTemporarySnapshot] = useState(() => getThemePreviewTemporaryState());\n  const [temporaryComparableSnapshot, setTemporaryComparableSnapshot] = useState(() =>\n    createThemePreviewTemporaryComparableState(\n      initialSection,\n      initialDraftSettings,\n      initialSelectionState.selectedPresetKeys,\n      initialSelectionState.selectedModes,\n    ),\n  );\n  const hasTemporarySnapshot = Boolean(temporarySnapshot);\n  const hasTemporaryChanges =\n    !isEqual(\n      createThemePreviewTemporaryComparableState(\n        activeSection,\n        draftSettings,\n        selectedPresetKeys,\n        selectedModes,\n      ),\n      temporaryComparableSnapshot,\n    );\n  const canApplyToMain =\n    !isEqual(currentSettings.theme, draftSettings.theme) ||\n    !isEqual(currentSnackbarTheme, draftSettings.snackbar) ||\n    !isEqual(currentSnackbarProviderProps, draftSettings.snackbarProviderProps);\n\n  const persistSelectionState = (\n    nextPresetKeys: ThemePreviewPresetKeyBySection,\n    nextSelectedModes: Record<ThemePreviewPresetSectionKey, ThemePreviewMode>,\n  ) => {\n    setThemePreviewSelectionState({\n      selectedPresetKeys: nextPresetKeys,\n      selectedModes: nextSelectedModes,\n    });\n  };\n\n  const persistDraftSettings = (nextDraftSettings: ThemePreviewSettings) => {\n    setThemePreviewDraftSettings(nextDraftSettings);\n    return nextDraftSettings;\n  };\n  const commitDraftSettings = (nextDraftSettings: ThemePreviewSettings) => {\n    setDraftSettings(nextDraftSettings);\n    return persistDraftSettings(nextDraftSettings);\n  };\n\n  const commitSelectionState = (\n    nextPresetKeys: ThemePreviewPresetKeyBySection,\n    nextSelectedModes: Record<ThemePreviewPresetSectionKey, ThemePreviewMode>,\n  ) => {\n    setSelectedPresetKeys(nextPresetKeys);\n    setSelectedModes(nextSelectedModes);\n    persistSelectionState(nextPresetKeys, nextSelectedModes);\n  };\n\n  const handlePaletteValueChange = (path: string, value: string) => {\n    commitDraftSettings(setThemePreviewPaletteValue(draftSettings, activeSection, path, value));\n\n    if (!isThemePreviewPresetSectionKey(activeSection)) {\n      return;\n    }\n\n    const nextPresetKeys = {\n      ...selectedPresetKeys,\n      [activeSection]: THEME_PREVIEW_CUSTOM_PRESET_KEY,\n    };\n\n    commitSelectionState(nextPresetKeys, selectedModes);\n  };\n\n  const handlePaletteValuesChange = (updates: Array<{ path: string; value: string }>) => {\n    if (!updates.length) {\n      return;\n    }\n\n    commitDraftSettings(setThemePreviewPaletteValues(draftSettings, activeSection, updates));\n\n    if (!isThemePreviewPresetSectionKey(activeSection)) {\n      return;\n    }\n\n    const nextPresetKeys = {\n      ...selectedPresetKeys,\n      [activeSection]: THEME_PREVIEW_CUSTOM_PRESET_KEY,\n    };\n\n    commitSelectionState(nextPresetKeys, selectedModes);\n  };\n\n  const handlePresetModeChange = (mode: ThemePreviewMode) => {\n    if (!isThemePreviewPresetSectionKey(activeSection)) {\n      return;\n    }\n\n    const nextSelectedModes = {\n      ...selectedModes,\n      [activeSection]: mode,\n    };\n\n    const nextPresetOption = getThemePreviewPresetOptionsByMode(\n      presetOptions,\n      activeSection,\n      mode,\n    )[0];\n\n    if (!nextPresetOption) {\n      commitSelectionState(selectedPresetKeys, nextSelectedModes);\n      return;\n    }\n\n    const presetTheme = presetThemes[nextPresetOption.key];\n\n    if (!presetTheme) {\n      commitSelectionState(selectedPresetKeys, nextSelectedModes);\n      return;\n    }\n\n    commitDraftSettings(applyThemePreviewPreset(draftSettings, activeSection, presetTheme));\n    const nextPresetKeys = {\n      ...selectedPresetKeys,\n      [activeSection]: nextPresetOption.key,\n    };\n\n    commitSelectionState(nextPresetKeys, nextSelectedModes);\n  };\n\n  const handlePresetKeyChange = (presetKey: string) => {\n    if (!isThemePreviewPresetSectionKey(activeSection)) {\n      return;\n    }\n\n    if (presetKey === THEME_PREVIEW_CUSTOM_PRESET_KEY) {\n      return;\n    }\n\n    const presetTheme = presetThemes[presetKey];\n\n    if (!presetTheme) {\n      return;\n    }\n\n    commitDraftSettings(applyThemePreviewPreset(draftSettings, activeSection, presetTheme));\n    const nextSelectedModes = {\n      ...selectedModes,\n      [activeSection]: presetTheme.palette.mode === 'dark' ? 'dark' : 'light',\n    };\n    const nextPresetKeys = {\n      ...selectedPresetKeys,\n      [activeSection]: presetKey,\n    };\n\n    commitSelectionState(nextPresetKeys, nextSelectedModes);\n  };\n\n  const handleReset = () => {\n    const nextDraftSettings = merge({}, cloneThemePreviewSettings(resetSettings), {\n      snackbarProviderProps: defaultSnackbarProviderProps,\n    }) as ThemePreviewSettings;\n    const nextSelectedModes = {\n      main: resetTheme.main?.palette?.mode === 'dark' ? 'dark' : 'light',\n      navbar: resetTheme.navbar?.palette?.mode === 'dark' ? 'dark' : 'light',\n      toolbar: resetTheme.toolbar?.palette?.mode === 'dark' ? 'dark' : 'light',\n    } satisfies Record<ThemePreviewPresetSectionKey, ThemePreviewMode>;\n\n    commitDraftSettings(nextDraftSettings);\n    commitSelectionState(_initialPresetKeys, nextSelectedModes);\n    setTemporaryComparableSnapshot(\n      createThemePreviewTemporaryComparableState(\n        activeSection,\n        nextDraftSettings,\n        _initialPresetKeys,\n        nextSelectedModes,\n      ),\n    );\n    clearThemePreviewAppliedSettings();\n    setDefaultSettings({\n      theme: resetTheme,\n      snackbar: defaultSnackbarTheme,\n      snackbarProviderProps: defaultSnackbarProviderProps,\n    } as PartialDeep<OwpSettingsConfigType>);\n  };\n\n  const handleApplyToMain = () => {\n    const nextTemporaryState = createThemePreviewTemporaryState(\n      activeSection,\n      draftSettings,\n      selectedPresetKeys,\n      selectedModes,\n      'manual',\n    );\n\n    setThemePreviewDraftSettings(draftSettings);\n    persistSelectionState(selectedPresetKeys, selectedModes);\n    persistThemePreviewTemporaryState(nextTemporaryState);\n    persistThemePreviewAppliedSettings({\n      theme: draftSettings.theme,\n      snackbar: draftSettings.snackbar,\n      snackbarProviderProps: draftSettings.snackbarProviderProps,\n    });\n    setTemporarySnapshot(nextTemporaryState);\n    setTemporaryComparableSnapshot({\n      draftSettings,\n      selectionState: nextTemporaryState.selectionState,\n    });\n    setDefaultSettings({\n      theme: draftSettings.theme,\n      snackbar: draftSettings.snackbar,\n      snackbarProviderProps: draftSettings.snackbarProviderProps,\n    } as PartialDeep<OwpSettingsConfigType>);\n  };\n\n  const handleLoadSettings = (\n    theme: OwpSettingsConfigType['theme'],\n    snackbarTheme = defaultSnackbarTheme,\n    snackbarProviderProps: SnackbarProviderTheme = defaultSnackbarProviderProps,\n  ) => {\n    const nextDraftSettings = merge({}, currentSettings, {\n      theme,\n      snackbar: merge({}, defaultSnackbarTheme, snackbarTheme),\n      snackbarProviderProps: merge(\n        {},\n        defaultSnackbarProviderProps,\n        snackbarProviderProps,\n      ),\n    }) as ThemePreviewSettings;\n    const nextSelectedModes = getThemePreviewSelectedModes(nextDraftSettings);\n\n    commitDraftSettings(nextDraftSettings);\n    commitSelectionState(themePreviewCustomPresetKeys, nextSelectedModes);\n    setTemporaryComparableSnapshot(\n      createThemePreviewTemporaryComparableState(\n        activeSection,\n        nextDraftSettings,\n        themePreviewCustomPresetKeys,\n        nextSelectedModes,\n      ),\n    );\n    persistThemePreviewAppliedSettings({\n      theme,\n      snackbar: nextDraftSettings.snackbar,\n      snackbarProviderProps: nextDraftSettings.snackbarProviderProps,\n    });\n    setDefaultSettings({\n      theme,\n      snackbar: nextDraftSettings.snackbar,\n      snackbarProviderProps: nextDraftSettings.snackbarProviderProps,\n    } as PartialDeep<OwpSettingsConfigType>);\n  };\n\n  const handleTemporarySave = (saveType: ThemePreviewTemporaryState['saveType'] = 'manual') => {\n    const nextTemporaryState = createThemePreviewTemporaryState(\n      activeSection,\n      draftSettings,\n      selectedPresetKeys,\n      selectedModes,\n      saveType,\n    );\n\n    persistThemePreviewTemporaryState(nextTemporaryState);\n    setTemporarySnapshot(nextTemporaryState);\n    setTemporaryComparableSnapshot({\n      draftSettings,\n      selectionState: nextTemporaryState.selectionState,\n    });\n  };\n\n  const handleTemporaryLoad = () => {\n    const temporaryState = getThemePreviewTemporaryState();\n\n    if (!temporaryState) {\n      return false;\n    }\n\n    const nextDraftSettings = cloneThemePreviewSettings(\n      merge({}, currentSettings, temporaryState.draftSettings) as ThemePreviewSettings,\n    );\n    const nextSelectedPresetKeys = merge(\n      {},\n      selectedPresetKeys,\n      temporaryState.selectionState.selectedPresetKeys,\n    ) as ThemePreviewPresetKeyBySection;\n    const nextSelectedModes = merge(\n      {},\n      selectedModes,\n      temporaryState.selectionState.selectedModes,\n    ) as Record<ThemePreviewPresetSectionKey, ThemePreviewMode>;\n    const nextActiveSection = temporaryState.selectionState.activeSection;\n\n    commitDraftSettings(nextDraftSettings);\n    setActiveSection(nextActiveSection);\n    commitSelectionState(nextSelectedPresetKeys, nextSelectedModes);\n    setTemporarySnapshot(temporaryState);\n    setTemporaryComparableSnapshot({\n      draftSettings: nextDraftSettings,\n      selectionState: temporaryState.selectionState,\n    });\n\n    return true;\n  };\n\n  return {\n    activeSection,\n    canApplyToMain,\n    draftSettings,\n    hasTemporaryChanges,\n    hasTemporarySnapshot,\n    presetOptions,\n    selectedModes,\n    selectedPresetKeys,\n    setActiveSection,\n    handlePaletteValueChange,\n    handlePaletteValuesChange,\n    handleApplyToMain,\n    handleLoadSettings,\n    handlePresetKeyChange,\n    handlePresetModeChange,\n    handleReset,\n    handleTemporaryLoad,\n    handleTemporarySave,\n  };\n}\n"],"names":["themePreviewCustomPresetKeys","THEME_PREVIEW_CUSTOM_PRESET_KEY","isThemePreviewPresetSectionKey","sectionKey","isThemePreviewCustomSection","__name","getThemePreviewSelectedModes","settings","createThemePreviewTemporaryState","activeSection","draftSettings","selectedPresetKeys","selectedModes","saveType","cloneThemePreviewSettings","dayjs","createThemePreviewTemporaryComparableState","useThemePreview","initialSection","_initialPresetKeys","presetThemes","resetTheme","currentSettings","useGetCurrentSettings","setDefaultSettings","useSetDefaultSettings","presetOptions","useMemo","getThemePreviewPresetOptions","initialDraftSettings","getThemePreviewDraftSettings","initialSelectionState","getThemePreviewSelectionState","resetSettings","getThemePreviewResetSettings","defaultSnackbarTheme","currentSnackbarTheme","merge","currentSnackbarProviderProps","defaultSnackbarProviderProps","setActiveSection","useState","setDraftSettings","setSelectedPresetKeys","setSelectedModes","temporarySnapshot","setTemporarySnapshot","getThemePreviewTemporaryState","temporaryComparableSnapshot","setTemporaryComparableSnapshot","hasTemporarySnapshot","hasTemporaryChanges","isEqual","canApplyToMain","persistSelectionState","nextPresetKeys","nextSelectedModes","setThemePreviewSelectionState","persistDraftSettings","nextDraftSettings","setThemePreviewDraftSettings","commitDraftSettings","commitSelectionState","path","value","setThemePreviewPaletteValue","updates","setThemePreviewPaletteValues","nextTemporaryState","persistThemePreviewTemporaryState","persistThemePreviewAppliedSettings","theme","snackbarTheme","snackbarProviderProps","presetKey","presetTheme","applyThemePreviewPreset","mode","nextPresetOption","getThemePreviewPresetOptionsByMode","_b","_a","_d","_c","_f","_e","clearThemePreviewAppliedSettings","temporaryState","nextSelectedPresetKeys","nextActiveSection"],"mappings":"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"}

package/dist/features/themePreview/utils/color.js

@@ -0,0 +1,79 @@
+var $ = Object.defineProperty;
+var i = (t, n) => $(t, "name", { value: n, configurable: !0 });
+import { getContrastRatio as u, darken as h, lighten as d } from "@mui/material/styles";
+const a = /^rgba?\(\s*(\d{1,3})(?:\.\d+)?\s*,\s*(\d{1,3})(?:\.\d+)?\s*,\s*(\d{1,3})(?:\.\d+)?(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/i;
+function C(t) {
+  const n = Number.parseInt(t, 16);
+  return Number.isNaN(n) ? "00" : n.toString(16).padStart(2, "0");
+}
+i(C, "normalizeHexChannel");
+function b(t) {
+  const n = t[0] ?? "0", r = t[1] ?? "0", e = t[2] ?? "0";
+  return `#${n}${n}${r}${r}${e}${e}`;
+}
+i(b, "normalizeShortHex");
+function l(t) {
+  return Math.max(0, Math.min(255, Number.parseInt(t, 10) || 0)).toString(16).padStart(2, "0");
+}
+i(l, "normalizeRgbChannel");
+function m(t, n = "#000000") {
+  if (!t)
+    return n;
+  const r = t.trim();
+  if (/^#[0-9a-f]{6}$/i.test(r))
+    return r;
+  if (/^#[0-9a-f]{3}$/i.test(r))
+    return b(r.slice(1));
+  if (/^#[0-9a-f]{8}$/i.test(r))
+    return `#${r.slice(1, 7)}`;
+  const e = r.match(a);
+  if (e) {
+    const [, o, s, c] = e;
+    return `#${l(o ?? "0")}${l(s ?? "0")}${l(c ?? "0")}`;
+  }
+  if (/^#[0-9a-f]{1,2}$/i.test(r)) {
+    const o = C(r.slice(1));
+    return `#${o}${o}${o}`;
+  }
+  return n;
+}
+i(m, "toColorPickerValue");
+function N(t, n) {
+  const r = t == null ? void 0 : t.trim().match(a);
+  if (!r || !r[4])
+    return n;
+  const e = m(n).slice(1), o = Number.parseInt(e.slice(0, 2), 16), s = Number.parseInt(e.slice(2, 4), 16), c = Number.parseInt(e.slice(4, 6), 16), f = r[4];
+  return `rgba(${o}, ${s}, ${c}, ${f})`;
+}
+i(N, "applyColorPickerValue");
+function T(t) {
+  const n = t == null ? void 0 : t.trim().match(a);
+  return (n == null ? void 0 : n[4]) ?? null;
+}
+i(T, "getColorAlphaValue");
+function g(t) {
+  if (!t)
+    return !1;
+  const n = t.trim();
+  return /^#[0-9a-f]{1,8}$/i.test(n) || a.test(n);
+}
+i(g, "canDeriveThemePreviewColor");
+function R(t, n = {}) {
+  if (!g(t))
+    return null;
+  const r = m(t), e = n.whiteTextColor ?? "#FFFFFF", o = n.blackTextColor ?? "#111827", s = u(r, e), c = u(r, o);
+  return {
+    light: d(r, 0.18),
+    dark: h(r, 0.24),
+    contrastText: s >= c ? e : o
+  };
+}
+i(R, "deriveThemePreviewPaletteGroupValues");
+export {
+  N as applyColorPickerValue,
+  g as canDeriveThemePreviewColor,
+  R as deriveThemePreviewPaletteGroupValues,
+  T as getColorAlphaValue,
+  m as toColorPickerValue
+};
+//# sourceMappingURL=color.js.map

package/dist/features/themePreview/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sources":["../../../../src/features/themePreview/utils/color.ts"],"sourcesContent":["import { darken, getContrastRatio, lighten } from '@mui/material/styles';\n\nconst RGB_COLOR_PATTERN =\n  /^rgba?\\(\\s*(\\d{1,3})(?:\\.\\d+)?\\s*,\\s*(\\d{1,3})(?:\\.\\d+)?\\s*,\\s*(\\d{1,3})(?:\\.\\d+)?(?:\\s*,\\s*(0|1|0?\\.\\d+))?\\s*\\)$/i;\n\nfunction normalizeHexChannel(value: string) {\n  const channel = Number.parseInt(value, 16);\n\n  if (Number.isNaN(channel)) {\n    return '00';\n  }\n\n  return channel.toString(16).padStart(2, '0');\n}\n\nfunction normalizeShortHex(value: string) {\n  const red = value[0] ?? '0';\n  const green = value[1] ?? '0';\n  const blue = value[2] ?? '0';\n\n  return `#${red}${red}${green}${green}${blue}${blue}`;\n}\n\nfunction normalizeRgbChannel(value: string) {\n  const channel = Math.max(0, Math.min(255, Number.parseInt(value, 10) || 0));\n\n  return channel.toString(16).padStart(2, '0');\n}\n\nexport function toColorPickerValue(value?: string, fallback = '#000000') {\n  if (!value) {\n    return fallback;\n  }\n\n  const trimmedValue = value.trim();\n\n  if (/^#[0-9a-f]{6}$/i.test(trimmedValue)) {\n    return trimmedValue;\n  }\n\n  if (/^#[0-9a-f]{3}$/i.test(trimmedValue)) {\n    return normalizeShortHex(trimmedValue.slice(1));\n  }\n\n  if (/^#[0-9a-f]{8}$/i.test(trimmedValue)) {\n    return `#${trimmedValue.slice(1, 7)}`;\n  }\n\n  const rgbMatch = trimmedValue.match(RGB_COLOR_PATTERN);\n\n  if (rgbMatch) {\n    const [, red, green, blue] = rgbMatch;\n\n    return `#${normalizeRgbChannel(red ?? '0')}${normalizeRgbChannel(green ?? '0')}${normalizeRgbChannel(blue ?? '0')}`;\n  }\n\n  if (/^#[0-9a-f]{1,2}$/i.test(trimmedValue)) {\n    const normalizedChannel = normalizeHexChannel(trimmedValue.slice(1));\n    return `#${normalizedChannel}${normalizedChannel}${normalizedChannel}`;\n  }\n\n  return fallback;\n}\n\nexport function applyColorPickerValue(previousValue: string | undefined, nextPickerValue: string) {\n  const previousMatch = previousValue?.trim().match(RGB_COLOR_PATTERN);\n\n  if (!previousMatch || !previousMatch[4]) {\n    return nextPickerValue;\n  }\n\n  const nextColorValue = toColorPickerValue(nextPickerValue).slice(1);\n  const red = Number.parseInt(nextColorValue.slice(0, 2), 16);\n  const green = Number.parseInt(nextColorValue.slice(2, 4), 16);\n  const blue = Number.parseInt(nextColorValue.slice(4, 6), 16);\n  const alpha = previousMatch[4];\n\n  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n}\n\nexport function getColorAlphaValue(value?: string) {\n  const colorMatch = value?.trim().match(RGB_COLOR_PATTERN);\n\n  return colorMatch?.[4] ?? null;\n}\n\nexport function canDeriveThemePreviewColor(value?: string) {\n  if (!value) {\n    return false;\n  }\n\n  const trimmedValue = value.trim();\n\n  return (\n    /^#[0-9a-f]{1,8}$/i.test(trimmedValue) ||\n    RGB_COLOR_PATTERN.test(trimmedValue)\n  );\n}\n\ntype ThemePreviewDerivedColorOptions = {\n  blackTextColor?: string;\n  whiteTextColor?: string;\n};\n\nexport function deriveThemePreviewPaletteGroupValues(\n  mainColor: string,\n  options: ThemePreviewDerivedColorOptions = {},\n) {\n  if (!canDeriveThemePreviewColor(mainColor)) {\n    return null;\n  }\n\n  const normalizedMainColor = toColorPickerValue(mainColor);\n  const whiteTextColor = options.whiteTextColor ?? '#FFFFFF';\n  const blackTextColor = options.blackTextColor ?? '#111827';\n  const lightContrastRatio = getContrastRatio(normalizedMainColor, whiteTextColor);\n  const darkContrastRatio = getContrastRatio(normalizedMainColor, blackTextColor);\n\n  return {\n    light: lighten(normalizedMainColor, 0.18),\n    dark: darken(normalizedMainColor, 0.24),\n    contrastText: lightContrastRatio >= darkContrastRatio ? whiteTextColor : blackTextColor,\n  };\n}\n"],"names":["RGB_COLOR_PATTERN","normalizeHexChannel","value","channel","__name","normalizeShortHex","red","green","blue","normalizeRgbChannel","toColorPickerValue","fallback","trimmedValue","rgbMatch","normalizedChannel","applyColorPickerValue","previousValue","nextPickerValue","previousMatch","nextColorValue","alpha","getColorAlphaValue","colorMatch","canDeriveThemePreviewColor","deriveThemePreviewPaletteGroupValues","mainColor","options","normalizedMainColor","whiteTextColor","blackTextColor","lightContrastRatio","getContrastRatio","darkContrastRatio","lighten","darken"],"mappings":"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"}