@owp/core 2.5.3 → 2.5.5

package/dist/features/themePreview/components/ThemePreviewControls.js

@@ -0,0 +1,306 @@
+var L = Object.defineProperty;
+var h = (e, a) => L(e, "name", { value: a, configurable: !0 });
+import { jsxs as p, jsx as o } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { ButtonBase as R, Typography as b, Paper as $, TextField as A, MenuItem as F, FormControlLabel as V, Checkbox as H, Divider as Y } from "@mui/material";
+import { useState as Z, useMemo as M } from "react";
+import { ThemePreviewColorField as U } from "./ThemePreviewColorField.js";
+import { getThemePreviewPresetOptionsByMode as q, THEME_PREVIEW_CUSTOM_PRESET_KEY as D, getThemePreviewPaletteValue as W, isThemePreviewCustomSection as J } from "../utils/themePreviewSettings.js";
+import { themePreviewFieldGroupsBySection as Q, themePreviewSectionOptions as _ } from "../utils/themePreviewDefinitions.js";
+import { deriveThemePreviewPaletteGroupValues as X } from "../utils/color.js";
+function O(e) {
+  return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (a) => a.toUpperCase());
+}
+h(O, "getThemePreviewFieldClusterLabel");
+function ee(e) {
+  const a = e.find((u) => u.path.endsWith(".main")), m = e.find((u) => u.path.endsWith(".light")), s = e.find((u) => u.path.endsWith(".dark")), i = e.find((u) => u.path.endsWith(".contrastText"));
+  return !a || !m && !s && !i ? null : {
+    mainPath: a.path,
+    lightPath: m == null ? void 0 : m.path,
+    darkPath: s == null ? void 0 : s.path,
+    contrastTextPath: i == null ? void 0 : i.path
+  };
+}
+h(ee, "getThemePreviewAutoDerivedFieldPaths");
+function re(e) {
+  const a = e.reduce(
+    (t, c) => {
+      const n = c.path.split(".")[0] ?? "";
+      return n && (t[n] || (t[n] = []), t[n].push(c)), t;
+    },
+    {}
+  ), m = Object.fromEntries(
+    Object.entries(a).map(([t, c]) => [
+      t,
+      c.length
+    ])
+  ), s = new Set(
+    Object.entries(m).filter(([, t]) => t > 1).map(([t]) => t)
+  ), i = e.some(
+    (t) => !s.has(t.path.split(".")[0] ?? "")
+  );
+  if (!(s.size > 1 || i))
+    return e.map((t) => ({
+      key: t.path,
+      fields: [t]
+    }));
+  const C = /* @__PURE__ */ new Set();
+  return e.reduce((t, c) => {
+    const n = c.path.split(".")[0] ?? "";
+    if (!s.has(n))
+      return t.push({
+        key: c.path,
+        fields: [c]
+      }), t;
+    if (C.has(n))
+      return t;
+    C.add(n);
+    const y = a[n] ?? [c];
+    return t.push({
+      key: n,
+      label: O(n),
+      fields: y,
+      autoDerivedFieldPaths: ee(y) ?? void 0
+    }), t;
+  }, []);
+}
+h(re, "getThemePreviewFieldClusters");
+const te = Object.fromEntries(
+  _.map((e) => [e.key, e])
+), x = {
+  active: {
+    backgroundColor: "#1ea3e6",
+    borderColor: "#1591cf",
+    descriptionColor: "rgba(255, 255, 255, 0.92)",
+    textColor: "#ffffff"
+  },
+  inactive: {
+    backgroundColor: "#ffffff",
+    borderColor: "#d8dee8",
+    descriptionColor: "#6b7280",
+    textColor: "#111827"
+  }
+}, K = "#d8dee8", oe = "#d1d7e0", le = "#f8fafc", ne = "#ffffff", ae = "#111827";
+function pe({
+  activeSection: e,
+  presetOptions: a,
+  selectedMode: m,
+  selectedPresetKey: s,
+  settings: i,
+  onSectionChange: u,
+  onPaletteValueChange: C,
+  onPaletteValuesChange: t,
+  onPresetKeyChange: c,
+  onPresetModeChange: n
+}) {
+  const [y, z] = Z({}), w = !J(e), v = w ? e : null, I = M(
+    () => w && v ? q(a, v, m) : [],
+    [w, a, v, m]
+  ), j = Q[e], G = M(
+    () => j.map((r) => ({
+      ...r,
+      fieldClusters: re(r.fields)
+    })),
+    [j]
+  ), N = te[e], S = /* @__PURE__ */ h((r, l, T) => {
+    const P = W(i, r, "common.white") || "#FFFFFF", d = W(i, r, "common.black") || "#111827", g = X(T, {
+      whiteTextColor: P,
+      blackTextColor: d
+    });
+    return g ? [
+      l.lightPath ? { path: l.lightPath, value: g.light } : null,
+      l.darkPath ? { path: l.darkPath, value: g.dark } : null,
+      l.contrastTextPath ? { path: l.contrastTextPath, value: g.contrastText } : null
+    ].filter((f) => !!f) : [];
+  }, "getAutoDerivedUpdates");
+  return /* @__PURE__ */ p("div", { className: "flex h-full min-h-0 flex-col gap-16", children: [
+    /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-12", children: _.map((r) => {
+      const l = r.key === e;
+      return /* @__PURE__ */ o(
+        R,
+        {
+          onClick: /* @__PURE__ */ h(() => u(r.key), "onClick"),
+          className: "w-full rounded-lg text-left",
+          sx: {
+            alignItems: "flex-start",
+            backgroundColor: l ? x.active.backgroundColor : x.inactive.backgroundColor,
+            border: `1px solid ${l ? x.active.borderColor : x.inactive.borderColor}`,
+            color: l ? x.active.textColor : x.inactive.textColor,
+            p: 2
+          },
+          children: /* @__PURE__ */ p("div", { className: "flex w-full flex-col gap-4", children: [
+            /* @__PURE__ */ o(b, { variant: "subtitle1", fontWeight: 600, children: r.label }),
+            r.description ? /* @__PURE__ */ o(
+              b,
+              {
+                variant: "body2",
+                sx: {
+                  color: l ? x.active.descriptionColor : x.inactive.descriptionColor
+                },
+                children: r.description
+              }
+            ) : null
+          ] })
+        },
+        r.key
+      );
+    }) }),
+    /* @__PURE__ */ p(
+      $,
+      {
+        className: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg",
+        sx: {
+          backgroundColor: ne,
+          border: `1px solid ${K}`,
+          boxShadow: "none"
+        },
+        children: [
+          /* @__PURE__ */ o("div", { className: "flex items-center justify-between px-20 py-16", children: /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 flex-col gap-14", children: [
+            /* @__PURE__ */ o(b, { variant: "h6", sx: { color: ae }, children: N == null ? void 0 : N.label }),
+            w ? /* @__PURE__ */ p("div", { className: "grid gap-12 md:grid-cols-2", children: [
+              /* @__PURE__ */ p(
+                A,
+                {
+                  select: !0,
+                  label: "Mode",
+                  value: m,
+                  onChange: /* @__PURE__ */ h((r) => {
+                    n(r.target.value);
+                  }, "onChange"),
+                  children: [
+                    /* @__PURE__ */ o(F, { value: "light", children: "light" }),
+                    /* @__PURE__ */ o(F, { value: "dark", children: "dark" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ p(
+                A,
+                {
+                  select: !0,
+                  label: "Preset",
+                  value: s,
+                  onChange: /* @__PURE__ */ h((r) => {
+                    c(r.target.value);
+                  }, "onChange"),
+                  children: [
+                    s === D ? /* @__PURE__ */ o(F, { value: D, children: "custom" }) : null,
+                    I.map((r) => /* @__PURE__ */ o(F, { value: r.key, children: r.label }, r.key))
+                  ]
+                }
+              )
+            ] }) : null
+          ] }) }),
+          /* @__PURE__ */ o(
+            Y,
+            {
+              sx: {
+                borderColor: K
+              }
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: "flex min-h-0 flex-1 flex-col gap-20 overflow-y-auto px-20 py-20", children: G.map((r) => /* @__PURE__ */ p("div", { className: "flex flex-col gap-12", children: [
+            r.label ? /* @__PURE__ */ o(b, { variant: "subtitle1", fontWeight: 700, children: r.label }) : null,
+            /* @__PURE__ */ o("div", { className: "grid gap-12", children: r.fieldClusters.map((l) => {
+              if (!l.label)
+                return l.fields.map((f) => /* @__PURE__ */ o(
+                  U,
+                  {
+                    definition: f,
+                    sectionKey: e,
+                    settings: i,
+                    onChange: C
+                  },
+                  f.path
+                ));
+              const T = `${e}:${r.key}:${l.key}`, P = !!y[T], d = l.autoDerivedFieldPaths, g = !!(d && v);
+              return /* @__PURE__ */ p(
+                $,
+                {
+                  variant: "outlined",
+                  sx: {
+                    backgroundColor: le,
+                    borderColor: oe,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 1.5,
+                    p: 1.5
+                  },
+                  children: [
+                    /* @__PURE__ */ p("div", { className: "flex items-start justify-between gap-12", children: [
+                      /* @__PURE__ */ o(b, { variant: "body2", fontWeight: 700, children: l.label }),
+                      g ? /* @__PURE__ */ o(
+                        V,
+                        {
+                          className: "m-0",
+                          control: /* @__PURE__ */ o(
+                            H,
+                            {
+                              size: "small",
+                              checked: P,
+                              onChange: /* @__PURE__ */ h((f) => {
+                                const B = f.target.checked;
+                                z((k) => ({
+                                  ...k,
+                                  [T]: B
+                                })), !B && (!v || !d || t(
+                                  S(
+                                    v,
+                                    d,
+                                    W(
+                                      i,
+                                      e,
+                                      d.mainPath
+                                    )
+                                  )
+                                ));
+                              }, "onChange")
+                            }
+                          ),
+                          label: /* @__PURE__ */ o(b, { variant: "caption", color: "text.secondary", children: "Edit derived colors" })
+                        }
+                      ) : null
+                    ] }),
+                    /* @__PURE__ */ o("div", { className: "grid gap-12", children: l.fields.map((f) => {
+                      const B = d && v ? !P && f.path !== d.mainPath : !1;
+                      return /* @__PURE__ */ o(
+                        U,
+                        {
+                          disabled: B,
+                          definition: f,
+                          sectionKey: e,
+                          settings: i,
+                          onChange: /* @__PURE__ */ h((k, E) => {
+                            if (!d || !v || P || k !== d.mainPath) {
+                              C(k, E);
+                              return;
+                            }
+                            t(
+                              [
+                                { path: k, value: E },
+                                ...S(
+                                  v,
+                                  d,
+                                  E
+                                )
+                              ]
+                            );
+                          }, "onChange")
+                        },
+                        f.path
+                      );
+                    }) })
+                  ]
+                },
+                l.key
+              );
+            }) })
+          ] }, r.key)) })
+        ]
+      }
+    )
+  ] });
+}
+h(pe, "ThemePreviewControls");
+export {
+  pe as ThemePreviewControls
+};
+//# sourceMappingURL=ThemePreviewControls.js.map

package/dist/features/themePreview/components/ThemePreviewControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreviewControls.js","sources":["../../../../src/features/themePreview/components/ThemePreviewControls.tsx"],"sourcesContent":["import {\n  ButtonBase,\n  Checkbox,\n  Divider,\n  FormControlLabel,\n  MenuItem,\n  Paper,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport { useMemo, useState } from 'react';\nimport type {\n  ThemePreviewFieldDefinition,\n  ThemePreviewMode,\n  ThemePreviewPresetOption,\n  ThemePreviewPresetSectionKey,\n  ThemePreviewSectionKey,\n  ThemePreviewSectionOption,\n  ThemePreviewSettings,\n} from '../types';\nimport {\n  deriveThemePreviewPaletteGroupValues,\n  getThemePreviewPaletteValue,\n  getThemePreviewPresetOptionsByMode,\n  isThemePreviewCustomSection,\n  THEME_PREVIEW_CUSTOM_PRESET_KEY,\n  themePreviewFieldGroupsBySection,\n  themePreviewSectionOptions,\n} from '../utils';\nimport { ThemePreviewColorField } from './ThemePreviewColorField';\n\ntype ThemePreviewAutoDerivedFieldPaths = {\n  contrastTextPath?: string;\n  darkPath?: string;\n  lightPath?: string;\n  mainPath: string;\n};\n\ntype ThemePreviewFieldCluster = {\n  autoDerivedFieldPaths?: ThemePreviewAutoDerivedFieldPaths;\n  key: string;\n  label?: string;\n  fields: ThemePreviewFieldDefinition[];\n};\n\nfunction getThemePreviewFieldClusterLabel(prefix: string) {\n  return prefix\n    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')\n    .replace(/^./, (value) => value.toUpperCase());\n}\n\nfunction getThemePreviewAutoDerivedFieldPaths(\n  fields: ThemePreviewFieldDefinition[],\n): ThemePreviewAutoDerivedFieldPaths | null {\n  const mainField = fields.find((field) => field.path.endsWith('.main'));\n  const lightField = fields.find((field) => field.path.endsWith('.light'));\n  const darkField = fields.find((field) => field.path.endsWith('.dark'));\n  const contrastTextField = fields.find((field) => field.path.endsWith('.contrastText'));\n\n  if (!mainField || (!lightField && !darkField && !contrastTextField)) {\n    return null;\n  }\n\n  return {\n    mainPath: mainField.path,\n    lightPath: lightField?.path,\n    darkPath: darkField?.path,\n    contrastTextPath: contrastTextField?.path,\n  };\n}\n\nfunction getThemePreviewFieldClusters(fields: ThemePreviewFieldDefinition[]) {\n  const fieldGroupsByPrefix = fields.reduce<Record<string, ThemePreviewFieldDefinition[]>>(\n    (acc, field) => {\n      const prefix = field.path.split('.')[0] ?? '';\n\n      if (!prefix) {\n        return acc;\n      }\n\n      if (!acc[prefix]) {\n        acc[prefix] = [];\n      }\n\n      acc[prefix].push(field);\n      return acc;\n    },\n    {},\n  );\n  const prefixCounts = Object.fromEntries(\n    Object.entries(fieldGroupsByPrefix).map(([prefix, groupedFields]) => [\n      prefix,\n      groupedFields.length,\n    ]),\n  );\n  const repeatedPrefixes = new Set(\n    Object.entries(prefixCounts)\n      .filter(([, count]) => count > 1)\n      .map(([prefix]) => prefix),\n  );\n  const hasStandaloneField = fields.some(\n    (field) => !repeatedPrefixes.has(field.path.split('.')[0] ?? ''),\n  );\n  const shouldUsePrefixGrouping = repeatedPrefixes.size > 1 || hasStandaloneField;\n\n  if (!shouldUsePrefixGrouping) {\n    return fields.map<ThemePreviewFieldCluster>((field) => ({\n      key: field.path,\n      fields: [field],\n    }));\n  }\n\n  const groupedPrefixes = new Set<string>();\n\n  return fields.reduce<ThemePreviewFieldCluster[]>((acc, field) => {\n    const prefix = field.path.split('.')[0] ?? '';\n\n    if (!repeatedPrefixes.has(prefix)) {\n      acc.push({\n        key: field.path,\n        fields: [field],\n      });\n      return acc;\n    }\n\n    if (groupedPrefixes.has(prefix)) {\n      return acc;\n    }\n\n    groupedPrefixes.add(prefix);\n    const clusterFields = fieldGroupsByPrefix[prefix] ?? [field];\n\n    acc.push({\n      key: prefix,\n      label: getThemePreviewFieldClusterLabel(prefix),\n      fields: clusterFields,\n      autoDerivedFieldPaths: getThemePreviewAutoDerivedFieldPaths(clusterFields) ?? undefined,\n    });\n\n    return acc;\n  }, []);\n}\n\nconst themePreviewSectionOptionByKey = Object.fromEntries(\n  themePreviewSectionOptions.map((sectionOption) => [sectionOption.key, sectionOption]),\n) as Record<ThemePreviewSectionKey, ThemePreviewSectionOption>;\nconst themePreviewSelectorStyles = {\n  active: {\n    backgroundColor: '#1ea3e6',\n    borderColor: '#1591cf',\n    descriptionColor: 'rgba(255, 255, 255, 0.92)',\n    textColor: '#ffffff',\n  },\n  inactive: {\n    backgroundColor: '#ffffff',\n    borderColor: '#d8dee8',\n    descriptionColor: '#6b7280',\n    textColor: '#111827',\n  },\n} as const;\nconst themePreviewControlsPanelBorderColor = '#d8dee8';\nconst themePreviewControlsClusterBorderColor = '#d1d7e0';\nconst themePreviewControlsClusterBackgroundColor = '#f8fafc';\nconst themePreviewControlsPanelBackgroundColor = '#ffffff';\nconst themePreviewControlsTitleColor = '#111827';\n\ninterface ThemePreviewControlsProps {\n  activeSection: ThemePreviewSectionKey;\n  presetOptions: ThemePreviewPresetOption[];\n  selectedMode: ThemePreviewMode;\n  selectedPresetKey: string;\n  settings: ThemePreviewSettings;\n  onSectionChange: (sectionKey: ThemePreviewSectionKey) => void;\n  onPaletteValueChange: (path: string, value: string) => void;\n  onPaletteValuesChange: (updates: Array<{ path: string; value: string }>) => void;\n  onPresetKeyChange: (presetKey: string) => void;\n  onPresetModeChange: (mode: ThemePreviewMode) => void;\n}\n\nexport function ThemePreviewControls({\n  activeSection,\n  presetOptions,\n  selectedMode,\n  selectedPresetKey,\n  settings,\n  onSectionChange,\n  onPaletteValueChange,\n  onPaletteValuesChange,\n  onPresetKeyChange,\n  onPresetModeChange,\n}: ThemePreviewControlsProps) {\n  const [editableDerivedFields, setEditableDerivedFields] = useState<Record<string, boolean>>({});\n  const canSelectPreset = !isThemePreviewCustomSection(activeSection);\n  const presetSectionKey = canSelectPreset ? (activeSection as ThemePreviewPresetSectionKey) : null;\n  const presetOptionsByMode = useMemo(\n    () =>\n      canSelectPreset && presetSectionKey\n        ? getThemePreviewPresetOptionsByMode(presetOptions, presetSectionKey, selectedMode)\n        : [],\n    [canSelectPreset, presetOptions, presetSectionKey, selectedMode],\n  );\n  const fieldGroups = themePreviewFieldGroupsBySection[activeSection];\n  const fieldGroupsWithClusters = useMemo(\n    () =>\n      fieldGroups.map((fieldGroup) => ({\n        ...fieldGroup,\n        fieldClusters: getThemePreviewFieldClusters(fieldGroup.fields),\n      })),\n    [fieldGroups],\n  );\n  const activeSectionOption = themePreviewSectionOptionByKey[activeSection];\n\n  const getAutoDerivedUpdates = (\n    sectionKey: ThemePreviewPresetSectionKey,\n    autoDerivedFieldPaths: ThemePreviewAutoDerivedFieldPaths,\n    mainValue: string,\n  ) => {\n    const commonWhite =\n      getThemePreviewPaletteValue(settings, sectionKey, 'common.white') || '#FFFFFF';\n    const commonBlack =\n      getThemePreviewPaletteValue(settings, sectionKey, 'common.black') || '#111827';\n    const derivedValues = deriveThemePreviewPaletteGroupValues(mainValue, {\n      whiteTextColor: commonWhite,\n      blackTextColor: commonBlack,\n    });\n\n    if (!derivedValues) {\n      return [];\n    }\n\n    return [\n      autoDerivedFieldPaths.lightPath\n        ? { path: autoDerivedFieldPaths.lightPath, value: derivedValues.light }\n        : null,\n      autoDerivedFieldPaths.darkPath\n        ? { path: autoDerivedFieldPaths.darkPath, value: derivedValues.dark }\n        : null,\n      autoDerivedFieldPaths.contrastTextPath\n        ? { path: autoDerivedFieldPaths.contrastTextPath, value: derivedValues.contrastText }\n        : null,\n    ].filter((item): item is { path: string; value: string } => Boolean(item));\n  };\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col gap-16\">\n      <div className=\"grid grid-cols-2 gap-12\">\n        {themePreviewSectionOptions.map((sectionOption) => {\n          const isActive = sectionOption.key === activeSection;\n\n          return (\n            <ButtonBase\n              key={sectionOption.key}\n              onClick={() => onSectionChange(sectionOption.key)}\n              className=\"w-full rounded-lg text-left\"\n              sx={{\n                alignItems: 'flex-start',\n                backgroundColor: isActive\n                  ? themePreviewSelectorStyles.active.backgroundColor\n                  : themePreviewSelectorStyles.inactive.backgroundColor,\n                border: `1px solid ${\n                  isActive\n                    ? themePreviewSelectorStyles.active.borderColor\n                    : themePreviewSelectorStyles.inactive.borderColor\n                }`,\n                color: isActive\n                  ? themePreviewSelectorStyles.active.textColor\n                  : themePreviewSelectorStyles.inactive.textColor,\n                p: 2,\n              }}\n            >\n              <div className=\"flex w-full flex-col gap-4\">\n                <Typography variant=\"subtitle1\" fontWeight={600}>\n                  {sectionOption.label}\n                </Typography>\n                {sectionOption.description ? (\n                  <Typography\n                    variant=\"body2\"\n                    sx={{\n                      color: isActive\n                        ? themePreviewSelectorStyles.active.descriptionColor\n                        : themePreviewSelectorStyles.inactive.descriptionColor,\n                    }}\n                  >\n                    {sectionOption.description}\n                  </Typography>\n                ) : null}\n              </div>\n            </ButtonBase>\n          );\n        })}\n      </div>\n\n      <Paper\n        className=\"flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg\"\n        sx={{\n          backgroundColor: themePreviewControlsPanelBackgroundColor,\n          border: `1px solid ${themePreviewControlsPanelBorderColor}`,\n          boxShadow: 'none',\n        }}\n      >\n        <div className=\"flex items-center justify-between px-20 py-16\">\n          <div className=\"flex min-w-0 flex-1 flex-col gap-14\">\n            <Typography variant=\"h6\" sx={{ color: themePreviewControlsTitleColor }}>\n              {activeSectionOption?.label}\n            </Typography>\n            {canSelectPreset ? (\n              <div className=\"grid gap-12 md:grid-cols-2\">\n                <TextField\n                  select\n                  label=\"Mode\"\n                  value={selectedMode}\n                  onChange={(event) => {\n                    onPresetModeChange(event.target.value as ThemePreviewMode);\n                  }}\n                >\n                  <MenuItem value=\"light\">light</MenuItem>\n                  <MenuItem value=\"dark\">dark</MenuItem>\n                </TextField>\n\n                <TextField\n                  select\n                  label=\"Preset\"\n                  value={selectedPresetKey}\n                  onChange={(event) => {\n                    onPresetKeyChange(event.target.value);\n                  }}\n                >\n                  {selectedPresetKey === THEME_PREVIEW_CUSTOM_PRESET_KEY ? (\n                    <MenuItem value={THEME_PREVIEW_CUSTOM_PRESET_KEY}>custom</MenuItem>\n                  ) : null}\n                  {presetOptionsByMode.map((presetOption) => (\n                    <MenuItem key={presetOption.key} value={presetOption.key}>\n                      {presetOption.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n              </div>\n            ) : null}\n          </div>\n        </div>\n\n        <Divider\n          sx={{\n            borderColor: themePreviewControlsPanelBorderColor,\n          }}\n        />\n\n        <div className=\"flex min-h-0 flex-1 flex-col gap-20 overflow-y-auto px-20 py-20\">\n          {fieldGroupsWithClusters.map((fieldGroup) => (\n            <div key={fieldGroup.key} className=\"flex flex-col gap-12\">\n              {fieldGroup.label ? (\n                <Typography variant=\"subtitle1\" fontWeight={700}>\n                  {fieldGroup.label}\n                </Typography>\n              ) : null}\n              <div className=\"grid gap-12\">\n                {fieldGroup.fieldClusters.map((fieldCluster) => {\n                  if (!fieldCluster.label) {\n                    return fieldCluster.fields.map((fieldDefinition) => (\n                      <ThemePreviewColorField\n                        key={fieldDefinition.path}\n                        definition={fieldDefinition}\n                        sectionKey={activeSection}\n                        settings={settings}\n                        onChange={onPaletteValueChange}\n                      />\n                    ));\n                  }\n\n                  const clusterStateKey = `${activeSection}:${fieldGroup.key}:${fieldCluster.key}`;\n                  const isEditableDerivedFieldCluster = Boolean(\n                    editableDerivedFields[clusterStateKey],\n                  );\n                  const autoDerivedFieldPaths = fieldCluster.autoDerivedFieldPaths;\n                  const canAutoDerive = Boolean(autoDerivedFieldPaths && presetSectionKey);\n\n                  return (\n                    <Paper\n                      key={fieldCluster.key}\n                      variant=\"outlined\"\n                      sx={{\n                        backgroundColor: themePreviewControlsClusterBackgroundColor,\n                        borderColor: themePreviewControlsClusterBorderColor,\n                        display: 'flex',\n                        flexDirection: 'column',\n                        gap: 1.5,\n                        p: 1.5,\n                      }}\n                    >\n                      <div className=\"flex items-start justify-between gap-12\">\n                        <Typography variant=\"body2\" fontWeight={700}>\n                          {fieldCluster.label}\n                        </Typography>\n                        {canAutoDerive ? (\n                          <FormControlLabel\n                            className=\"m-0\"\n                            control={\n                              <Checkbox\n                                size=\"small\"\n                                checked={isEditableDerivedFieldCluster}\n                                onChange={(event) => {\n                                  const nextChecked = event.target.checked;\n\n                                  setEditableDerivedFields((prevState) => ({\n                                    ...prevState,\n                                    [clusterStateKey]: nextChecked,\n                                  }));\n\n                                  if (nextChecked) {\n                                    return;\n                                  }\n\n                                  if (!presetSectionKey || !autoDerivedFieldPaths) {\n                                    return;\n                                  }\n\n                                  onPaletteValuesChange(\n                                    getAutoDerivedUpdates(\n                                      presetSectionKey,\n                                      autoDerivedFieldPaths,\n                                      getThemePreviewPaletteValue(\n                                        settings,\n                                        activeSection,\n                                        autoDerivedFieldPaths.mainPath,\n                                      ),\n                                    ),\n                                  );\n                                }}\n                              />\n                            }\n                            label={\n                              <Typography variant=\"caption\" color=\"text.secondary\">\n                                Edit derived colors\n                              </Typography>\n                            }\n                          />\n                        ) : null}\n                      </div>\n                      <div className=\"grid gap-12\">\n                        {fieldCluster.fields.map((fieldDefinition) => {\n                          const isDisabled = autoDerivedFieldPaths && presetSectionKey\n                            ? !isEditableDerivedFieldCluster &&\n                              fieldDefinition.path !== autoDerivedFieldPaths.mainPath\n                            : false;\n\n                          return (\n                            <ThemePreviewColorField\n                              key={fieldDefinition.path}\n                              disabled={isDisabled}\n                              definition={fieldDefinition}\n                              sectionKey={activeSection}\n                              settings={settings}\n                              onChange={(path, value) => {\n                                if (\n                                  !autoDerivedFieldPaths ||\n                                  !presetSectionKey ||\n                                  isEditableDerivedFieldCluster ||\n                                  path !== autoDerivedFieldPaths.mainPath\n                                ) {\n                                  onPaletteValueChange(path, value);\n                                  return;\n                                }\n\n                                onPaletteValuesChange(\n                                  [\n                                    { path, value },\n                                    ...getAutoDerivedUpdates(\n                                      presetSectionKey,\n                                      autoDerivedFieldPaths,\n                                      value,\n                                    ),\n                                  ],\n                                );\n                              }}\n                            />\n                          );\n                        })}\n                      </div>\n                    </Paper>\n                  );\n                })}\n              </div>\n            </div>\n          ))}\n        </div>\n      </Paper>\n    </div>\n  );\n}\n"],"names":["getThemePreviewFieldClusterLabel","prefix","value","__name","getThemePreviewAutoDerivedFieldPaths","fields","mainField","field","lightField","darkField","contrastTextField","getThemePreviewFieldClusters","fieldGroupsByPrefix","acc","prefixCounts","groupedFields","repeatedPrefixes","count","hasStandaloneField","groupedPrefixes","clusterFields","themePreviewSectionOptionByKey","themePreviewSectionOptions","sectionOption","themePreviewSelectorStyles","themePreviewControlsPanelBorderColor","themePreviewControlsClusterBorderColor","themePreviewControlsClusterBackgroundColor","themePreviewControlsPanelBackgroundColor","themePreviewControlsTitleColor","ThemePreviewControls","activeSection","presetOptions","selectedMode","selectedPresetKey","settings","onSectionChange","onPaletteValueChange","onPaletteValuesChange","onPresetKeyChange","onPresetModeChange","editableDerivedFields","setEditableDerivedFields","useState","canSelectPreset","isThemePreviewCustomSection","presetSectionKey","presetOptionsByMode","useMemo","getThemePreviewPresetOptionsByMode","fieldGroups","themePreviewFieldGroupsBySection","fieldGroupsWithClusters","fieldGroup","activeSectionOption","getAutoDerivedUpdates","sectionKey","autoDerivedFieldPaths","mainValue","commonWhite","getThemePreviewPaletteValue","commonBlack","derivedValues","deriveThemePreviewPaletteGroupValues","item","jsxs","jsx","isActive","ButtonBase","Typography","Paper","TextField","event","MenuItem","THEME_PREVIEW_CUSTOM_PRESET_KEY","presetOption","Divider","fieldCluster","fieldDefinition","ThemePreviewColorField","clusterStateKey","isEditableDerivedFieldCluster","canAutoDerive","FormControlLabel","Checkbox","nextChecked","prevState","isDisabled","path"],"mappings":"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"}

package/dist/features/themePreview/components/themePreviewCanvas.icons.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import n from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/CheckCircleOutline.js";
+import r from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ErrorOutline.js";
+import i from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/InfoOutlined.js";
+import t from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/NotificationsNoneOutlined.js";
+import e from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/WarningAmberRounded.js";
+const u = {
+  default: /* @__PURE__ */ o(t, { sx: { fontSize: 20 } }),
+  success: /* @__PURE__ */ o(n, { sx: { fontSize: 20 } }),
+  info: /* @__PURE__ */ o(i, { sx: { fontSize: 20 } }),
+  warning: /* @__PURE__ */ o(e, { sx: { fontSize: 20 } }),
+  error: /* @__PURE__ */ o(r, { sx: { fontSize: 20 } })
+};
+export {
+  u as snackbarPreviewIconByVariant
+};
+//# sourceMappingURL=themePreviewCanvas.icons.js.map

package/dist/features/themePreview/components/themePreviewCanvas.icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themePreviewCanvas.icons.js","sources":["../../../../src/features/themePreview/components/themePreviewCanvas.icons.tsx"],"sourcesContent":["import type { SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport NotificationsNoneOutlinedIcon from '@mui/icons-material/NotificationsNoneOutlined';\nimport WarningAmberRoundedIcon from '@mui/icons-material/WarningAmberRounded';\nimport type { ReactNode } from 'react';\n\nexport const snackbarPreviewIconByVariant: Record<SnackbarVariantKey, ReactNode> = {\n  default: <NotificationsNoneOutlinedIcon sx={{ fontSize: 20 }} />,\n  success: <CheckCircleOutlineIcon sx={{ fontSize: 20 }} />,\n  info: <InfoOutlinedIcon sx={{ fontSize: 20 }} />,\n  warning: <WarningAmberRoundedIcon sx={{ fontSize: 20 }} />,\n  error: <ErrorOutlineIcon sx={{ fontSize: 20 }} />,\n};\n"],"names":["snackbarPreviewIconByVariant","jsx","NotificationsNoneOutlinedIcon","CheckCircleOutlineIcon","InfoOutlinedIcon","WarningAmberRoundedIcon","ErrorOutlineIcon"],"mappings":";;;;;;AAQO,MAAMA,IAAsE;AAAA,EACjF,SAAS,gBAAAC,EAACC,GAAA,EAA8B,IAAI,EAAE,UAAU,MAAM;AAAA,EAC9D,SAAS,gBAAAD,EAACE,GAAA,EAAuB,IAAI,EAAE,UAAU,MAAM;AAAA,EACvD,MAAM,gBAAAF,EAACG,GAAA,EAAiB,IAAI,EAAE,UAAU,MAAM;AAAA,EAC9C,SAAS,gBAAAH,EAACI,GAAA,EAAwB,IAAI,EAAE,UAAU,MAAM;AAAA,EACxD,OAAO,gBAAAJ,EAACK,GAAA,EAAiB,IAAI,EAAE,UAAU,KAAG,CAAG;AACjD;"}