@owp/core 2.5.61 → 2.5.63

package/dist/configs/defaultConfig.js

@@ -1,22 +1,22 @@
-var P = Object.defineProperty;
-var t = (e, r) => P(e, "name", { value: r, configurable: !0 });
-import y from "../layout/themeLayoutConfigs.js";
-import { OWP_INPUT_HORIZONTAL_PADDING_PX as n, OWP_INPUT_HORIZONTAL_PADDING as S } from "../constants/input.js";
-import L from "@mui/material/CircularProgress";
-import { red as g, lightBlue as d, grey as v } from "@mui/material/colors";
-import { createTheme as T } from "@mui/material/styles";
-import z from "../_virtual/index.js";
-import { createElement as R } from "react";
-import { merge as i } from "../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
-import { owpDark as m } from "../colors/palettes/dark.js";
-const h = "1.6rem", M = 0.8, s = 3, H = "layout", B = "900ms", c = [
+var R = Object.defineProperty;
+var r = (t, e) => R(t, "name", { value: e, configurable: !0 });
+import x from "../layout/themeLayoutConfigs.js";
+import { OWP_INPUT_HORIZONTAL_PADDING_PX as u, OWP_INPUT_HORIZONTAL_PADDING as C } from "../constants/input.js";
+import H from "@mui/material/CircularProgress";
+import { red as O, lightBlue as s, grey as S } from "@mui/material/colors";
+import { alpha as m, createTheme as D } from "@mui/material/styles";
+import F from "../_virtual/index.js";
+import { createElement as w } from "react";
+import { merge as n } from "../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+import { owpDark as k } from "../colors/palettes/dark.js";
+const I = "1.6rem", P = 0.8, h = 3, W = "layout", $ = "900ms", g = [
   "primary",
   "secondary",
   "success",
   "warning",
   "error",
   "info"
-], l = {
+], c = {
   palette: {
     mode: "light",
     text: {
@@ -39,7 +39,7 @@ const h = "1.6rem", M = 0.8, s = 3, H = "layout", B = "900ms", c = [
       main: "#039BE5"
     },
     inputFocus: {
-      main: v[900]
+      main: S[900]
     },
     success: {
       main: "#2f7d31"
@@ -56,20 +56,44 @@ const h = "1.6rem", M = 0.8, s = 3, H = "layout", B = "900ms", c = [
       main: "#c00000"
     }
   }
-}, F = i({}, l, {
+}, A = n({}, c, {
   palette: {
     background: {
       default: "#fff"
     }
   }
-}), D = i({}, l, {
+}), N = n({}, c, {
   palette: {
     mode: "dark",
     background: {
-      default: l.palette.secondary.main
+      default: c.palette.secondary.main
     }
   }
-}), w = {
+});
+function f(t) {
+  const e = t.palette ?? {}, o = e.button ?? {}, i = /* @__PURE__ */ r((d) => {
+    const p = e[d] ?? {}, y = o[d] ?? {};
+    return {
+      ...y,
+      main: y.main ?? p.main,
+      contrastText: y.contrastText ?? p.contrastText
+    };
+  }, "getButtonPaletteDefaultColor");
+  return n({}, t, {
+    palette: {
+      button: {
+        primary: i("primary"),
+        secondary: i("secondary"),
+        success: i("success"),
+        warning: i("warning"),
+        error: i("error"),
+        info: i("info")
+      }
+    }
+  });
+}
+r(f, "getThemeWithButtonPaletteDefaults");
+const E = {
   default: {
     backgroundColor: "#232a2d",
     color: "#f8fafc"
@@ -91,87 +115,111 @@ const h = "1.6rem", M = 0.8, s = 3, H = "layout", B = "900ms", c = [
     color: "#ffffff"
   }
 };
-function a(e) {
-  var r;
-  return ((r = e.palette.inputFocus) == null ? void 0 : r.main) || v[900];
+function l(t) {
+  var e;
+  return ((e = t.palette.inputFocus) == null ? void 0 : e.main) || S[900];
+}
+r(l, "getInputFocusColor");
+function M(t) {
+  return typeof t == "string" && g.includes(t);
+}
+r(M, "isButtonPaletteColorName");
+function v(t, e) {
+  var d;
+  const o = t.palette[e], i = (d = t.palette.button) == null ? void 0 : d[e];
+  return {
+    ...i,
+    main: (i == null ? void 0 : i.main) ?? o.main,
+    contrastText: (i == null ? void 0 : i.contrastText) ?? o.contrastText
+  };
+}
+r(v, "getButtonPaletteColor");
+function a(t, e) {
+  return v(t, e).main;
+}
+r(a, "getButtonPaletteMainColor");
+function G(t, e) {
+  const o = v(t, e);
+  return o.dark ?? o.main;
 }
-t(a, "getInputFocusColor");
-function p(e) {
-  return typeof e == "string" && c.includes(e);
+r(G, "getButtonPaletteDarkColor");
+function T(t, e) {
+  const o = v(t, e);
+  return o.contrastText ?? t.palette.getContrastText(o.main);
 }
-t(p, "isButtonPaletteColorName");
-function u(e) {
-  return e.palette.mode === "light" ? e.palette.grey[300] : e.palette.grey[800];
+r(T, "getButtonPaletteContrastText");
+function b(t) {
+  return t.palette.mode === "light" ? t.palette.grey[300] : t.palette.grey[800];
 }
-t(u, "getButtonContainedLoadingFallbackBackgroundColor");
-const W = R(L, {
+r(b, "getButtonContainedLoadingFallbackBackgroundColor");
+const Q = w(H, {
   "aria-label": "loading",
   color: "inherit",
   disableShrink: !0,
   size: 18,
   sx: {
-    animationDuration: B
+    animationDuration: $
   },
   thickness: 4
 });
-function O() {
+function L() {
   return typeof document < "u" && document.documentElement.dir === "rtl" ? "rtl" : "ltr";
 }
-t(O, "getDefaultDirection");
-function x(e) {
-  const r = e && y[e] ? e : H;
+r(L, "getDefaultDirection");
+function B(t) {
+  const e = t && x[t] ? t : W;
   return {
-    style: r,
-    config: y[r].defaults
+    style: e,
+    config: x[e].defaults
   };
 }
-t(x, "getDefaultLayout");
-function I(e) {
+r(B, "getDefaultLayout");
+function z(t) {
   return {
-    main: i({}, l, e == null ? void 0 : e.default),
-    navbar: i({}, F, e == null ? void 0 : e.defaultNavbar),
-    toolbar: i({}, D, e == null ? void 0 : e.layoutSurfaceDark),
-    footer: i({}, l, e == null ? void 0 : e.defaultDark)
+    main: f(n({}, c, t == null ? void 0 : t.default)),
+    navbar: f(n({}, A, t == null ? void 0 : t.defaultNavbar)),
+    toolbar: f(n({}, N, t == null ? void 0 : t.layoutSurfaceDark)),
+    footer: f(n({}, c, t == null ? void 0 : t.defaultDark))
   };
 }
-t(I, "getDefaultThemeSettings");
-const $ = {
-  layout: x(),
+r(z, "getDefaultThemeSettings");
+const U = {
+  layout: B(),
   customScrollbars: !0,
-  direction: O(),
-  theme: I(),
-  snackbar: w,
+  direction: L(),
+  theme: z(),
+  snackbar: E,
   defaultAuth: ["admin"],
   loginRedirectUrl: "/"
 };
-function A() {
-  const e = z.parse(window.location.search, { ignoreQueryPrefix: !0 }), { defaultSettings: r = {} } = e;
-  return typeof r == "string" ? JSON.parse(r) : {};
+function Z() {
+  const t = F.parse(window.location.search, { ignoreQueryPrefix: !0 }), { defaultSettings: e = {} } = t;
+  return typeof e == "string" ? JSON.parse(e) : {};
 }
-t(A, "getParsedQuerySettings");
-function C(e, r) {
-  var f, b;
-  const o = (f = r == null ? void 0 : r.layout) == null ? void 0 : f.style, k = !!o && o !== ((b = e == null ? void 0 : e.layout) == null ? void 0 : b.style);
-  return i(
+r(Z, "getParsedQuerySettings");
+function j(t, e) {
+  var d, p;
+  const o = (d = e == null ? void 0 : e.layout) == null ? void 0 : d.style, i = !!o && o !== ((p = t == null ? void 0 : t.layout) == null ? void 0 : p.style);
+  return n(
     {},
-    e,
-    k ? { layout: x(o) } : {},
-    r
+    t,
+    i ? { layout: B(o) } : {},
+    e
   );
 }
-t(C, "generateSettings");
-function K(e, r) {
-  const o = i({}, $, {
-    direction: (e == null ? void 0 : e.direction) ?? O(),
-    theme: I(r)
+r(j, "generateSettings");
+function ot(t, e) {
+  const o = n({}, U, {
+    direction: (t == null ? void 0 : t.direction) ?? L(),
+    theme: z(e)
   });
-  return C(
+  return j(
     o,
-    i({}, e, A())
+    n({}, t, Z())
   );
 }
-t(K, "createInitialOwpSettings");
-const V = {
+r(ot, "createInitialOwpSettings");
+const it = {
   typography: {
     fontFamily: ["Pretendard", "Roboto", '"Helvetica"', "Arial", "sans-serif"].join(","),
     fontWeightLight: 300,
@@ -270,21 +318,62 @@ const V = {
       defaultProps: {
         variant: "text",
         color: "inherit",
-        loadingIndicator: W
+        loadingIndicator: Q
       },
       styleOverrides: {
         root: {
           textTransform: "none",
           variants: [
-            ...c.map((e) => ({
+            ...g.flatMap((t) => [
+              {
+                props: {
+                  variant: "contained",
+                  color: t
+                },
+                style: /* @__PURE__ */ r(({ theme: e }) => ({
+                  backgroundColor: a(e, t),
+                  color: T(e, t),
+                  "&:hover, &:focus": {
+                    backgroundColor: G(e, t)
+                  }
+                }), "style")
+              },
+              {
+                props: {
+                  variant: "outlined",
+                  color: t
+                },
+                style: /* @__PURE__ */ r(({ theme: e }) => ({
+                  borderColor: m(a(e, t), 0.52),
+                  color: a(e, t),
+                  "&:hover, &:focus": {
+                    backgroundColor: m(a(e, t), 0.08),
+                    borderColor: a(e, t)
+                  }
+                }), "style")
+              },
+              {
+                props: {
+                  variant: "text",
+                  color: t
+                },
+                style: /* @__PURE__ */ r(({ theme: e }) => ({
+                  color: a(e, t),
+                  "&:hover, &:focus": {
+                    backgroundColor: m(a(e, t), 0.08)
+                  }
+                }), "style")
+              }
+            ]),
+            ...g.map((t) => ({
               props: {
                 loading: !0,
                 variant: "contained",
-                color: e
+                color: t
               },
-              style: /* @__PURE__ */ t(({ theme: r }) => ({
+              style: /* @__PURE__ */ r(({ theme: e }) => ({
                 "&.Mui-disabled": {
-                  backgroundColor: r.palette[e].main
+                  backgroundColor: a(e, t)
                 }
               }), "style")
             })),
@@ -294,17 +383,17 @@ const V = {
                 variant: "contained",
                 color: "inherit"
               },
-              style: /* @__PURE__ */ t(({ theme: e }) => ({
+              style: /* @__PURE__ */ r(({ theme: t }) => ({
                 "&.Mui-disabled": {
-                  backgroundColor: u(e)
+                  backgroundColor: b(t)
                 }
               }), "style")
             },
             {
-              props: /* @__PURE__ */ t(({ color: e, loading: r, variant: o }) => r === !0 && o === "contained" && e !== "inherit" && !p(e), "props"),
-              style: /* @__PURE__ */ t(({ theme: e }) => ({
+              props: /* @__PURE__ */ r(({ color: t, loading: e, variant: o }) => e === !0 && o === "contained" && t !== "inherit" && !M(t), "props"),
+              style: /* @__PURE__ */ r(({ theme: t }) => ({
                 "&.Mui-disabled": {
-                  backgroundColor: u(e)
+                  backgroundColor: b(t)
                 }
               }), "style")
             }
@@ -313,35 +402,35 @@ const V = {
         },
         loadingIndicator: {
           variants: [
-            ...c.flatMap((e) => [
+            ...g.flatMap((t) => [
               {
                 props: {
                   loading: !0,
                   variant: "contained",
-                  color: e
+                  color: t
                 },
-                style: /* @__PURE__ */ t(({ theme: r }) => ({
-                  color: r.palette.getContrastText(r.palette[e].main)
+                style: /* @__PURE__ */ r(({ theme: e }) => ({
+                  color: T(e, t)
                 }), "style")
               },
               {
                 props: {
                   loading: !0,
                   variant: "text",
-                  color: e
+                  color: t
                 },
-                style: /* @__PURE__ */ t(({ theme: r }) => ({
-                  color: r.palette[e].main
+                style: /* @__PURE__ */ r(({ theme: e }) => ({
+                  color: a(e, t)
                 }), "style")
               },
               {
                 props: {
                   loading: !0,
                   variant: "outlined",
-                  color: e
+                  color: t
                 },
-                style: /* @__PURE__ */ t(({ theme: r }) => ({
-                  color: r.palette[e].main
+                style: /* @__PURE__ */ r(({ theme: e }) => ({
+                  color: a(e, t)
                 }), "style")
               }
             ]),
@@ -351,8 +440,8 @@ const V = {
                 variant: "contained",
                 color: "inherit"
               },
-              style: /* @__PURE__ */ t(({ theme: e }) => ({
-                color: e.palette.getContrastText(u(e))
+              style: /* @__PURE__ */ r(({ theme: t }) => ({
+                color: t.palette.getContrastText(b(t))
               }), "style")
             },
             {
@@ -361,8 +450,8 @@ const V = {
                 variant: "text",
                 color: "inherit"
               },
-              style: /* @__PURE__ */ t(({ theme: e }) => ({
-                color: e.palette.text.primary
+              style: /* @__PURE__ */ r(({ theme: t }) => ({
+                color: t.palette.text.primary
               }), "style")
             },
             {
@@ -371,20 +460,20 @@ const V = {
                 variant: "outlined",
                 color: "inherit"
               },
-              style: /* @__PURE__ */ t(({ theme: e }) => ({
-                color: e.palette.text.primary
+              style: /* @__PURE__ */ r(({ theme: t }) => ({
+                color: t.palette.text.primary
               }), "style")
             },
             {
-              props: /* @__PURE__ */ t(({ color: e, loading: r, variant: o }) => r === !0 && o === "contained" && e !== "inherit" && !p(e), "props"),
-              style: /* @__PURE__ */ t(({ theme: e }) => ({
-                color: e.palette.getContrastText(u(e))
+              props: /* @__PURE__ */ r(({ color: t, loading: e, variant: o }) => e === !0 && o === "contained" && t !== "inherit" && !M(t), "props"),
+              style: /* @__PURE__ */ r(({ theme: t }) => ({
+                color: t.palette.getContrastText(b(t))
               }), "style")
             },
             {
-              props: /* @__PURE__ */ t(({ color: e, loading: r, variant: o }) => r === !0 && (o === "text" || o === "outlined") && e !== "inherit" && !p(e), "props"),
-              style: /* @__PURE__ */ t(({ theme: e }) => ({
-                color: e.palette.text.primary
+              props: /* @__PURE__ */ r(({ color: t, loading: e, variant: o }) => e === !0 && (o === "text" || o === "outlined") && t !== "inherit" && !M(t), "props"),
+              style: /* @__PURE__ */ r(({ theme: t }) => ({
+                color: t.palette.text.primary
               }), "style")
             }
           ]
@@ -471,7 +560,7 @@ const V = {
       styleOverrides: {
         root: {
           "& > .MuiFormHelperText-root": {
-            marginLeft: S
+            marginLeft: C
           }
         }
       }
@@ -482,16 +571,16 @@ const V = {
       },
       styleOverrides: {
         shrink: {
-          transform: `translate(${n}, -7px) scale(${M})`
+          transform: `translate(${u}, -7px) scale(${P})`
         },
-        root: /* @__PURE__ */ t(({ theme: e }) => ({
-          fontSize: h,
-          transform: `translate(${n}, 8px) scale(1)`,
+        root: /* @__PURE__ */ r(({ theme: t }) => ({
+          fontSize: I,
+          transform: `translate(${u}, 8px) scale(1)`,
           "&.Mui-focused:not(.Mui-error)": {
-            color: a(e)
+            color: l(t)
           },
           "&.MuiInputLabel-shrink:not(.Mui-error)": {
-            color: a(e)
+            color: l(t)
           },
           "&.MuiInputLabel-outlined.MuiInputLabel-shrink": {
             lineHeight: 1.2,
@@ -499,7 +588,7 @@ const V = {
             "&::before": {
               content: '""',
               position: "absolute",
-              inset: `0 -${s}px`,
+              inset: `0 -${h}px`,
               backgroundColor: "var(--mui-palette-background-paper)",
               borderRadius: 4,
               zIndex: -1
@@ -535,15 +624,15 @@ const V = {
         color: "secondary"
       },
       styleOverrides: {
-        root: /* @__PURE__ */ t(({ theme: e }) => ({
+        root: /* @__PURE__ */ r(({ theme: t }) => ({
           "&:not(.Mui-error):before": {
-            borderBottomColor: a(e)
+            borderBottomColor: l(t)
           },
           "&:hover:not(.Mui-disabled, .Mui-error):before": {
-            borderBottomColor: a(e)
+            borderBottomColor: l(t)
           },
           "&.Mui-focused:not(.Mui-error):after": {
-            borderBottomColor: a(e)
+            borderBottomColor: l(t)
           }
         }), "root")
       }
@@ -560,10 +649,10 @@ const V = {
           fontSize: "0.75em"
         },
         input: {
-          padding: `5px ${n}`
+          padding: `5px ${u}`
         },
         adornedStart: {
-          paddingLeft: `${n}!important`
+          paddingLeft: `${u}!important`
         },
         sizeSmall: {
           height: 32,
@@ -587,20 +676,20 @@ const V = {
         color: "secondary"
       },
       styleOverrides: {
-        root: /* @__PURE__ */ t(({ theme: e }) => ({
+        root: /* @__PURE__ */ r(({ theme: t }) => ({
           // paddingLeft: 11
           "&:not(.Mui-error) .MuiOutlinedInput-notchedOutline": {
-            borderColor: a(e)
+            borderColor: l(t)
           },
           "&:hover:not(.Mui-disabled, .Mui-error) .MuiOutlinedInput-notchedOutline": {
-            borderColor: a(e)
+            borderColor: l(t)
           },
           "&.Mui-focused:not(.Mui-error) .MuiOutlinedInput-notchedOutline": {
-            borderColor: a(e)
+            borderColor: l(t)
           }
         }), "root"),
         input: {
-          padding: `5px ${n}`
+          padding: `5px ${u}`
         }
       }
     },
@@ -613,7 +702,7 @@ const V = {
           }
         },
         input: {
-          padding: `5px ${n}`
+          padding: `5px ${u}`
         }
       }
     },
@@ -651,18 +740,18 @@ const V = {
       styleOverrides: {
         root: {
           "& .MuiInputLabel-outlined.MuiInputLabel-shrink:not(:empty) + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend": {
-            fontSize: `calc(${h} * ${M})`,
+            fontSize: `calc(${I} * ${P})`,
             maxWidth: "100%"
           },
           "& .MuiInputLabel-outlined.MuiInputLabel-shrink:not(:empty) + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend > span:not(.notranslate)": {
-            paddingLeft: `${s}px`,
-            paddingRight: `${s}px`
+            paddingLeft: `${h}px`,
+            paddingRight: `${h}px`
           }
         }
       }
     }
   }
-}, Y = {
+}, at = {
   typography: {
     htmlFontSize: 10,
     fontSize: 13,
@@ -673,17 +762,17 @@ const V = {
       fontSize: "1.3rem"
     }
   }
-}, _ = {
+}, nt = {
   default: {
     palette: {
       mode: "light",
-      primary: m,
+      primary: k,
       secondary: {
-        light: d[400],
-        main: d[600],
-        dark: d[700]
+        light: s[400],
+        main: s[600],
+        dark: s[700]
       },
-      error: g
+      error: O
     },
     status: {
       danger: "orange"
@@ -692,61 +781,61 @@ const V = {
   defaultDark: {
     palette: {
       mode: "dark",
-      primary: m,
+      primary: k,
       secondary: {
-        light: d[400],
-        main: d[600],
-        dark: d[700]
+        light: s[400],
+        main: s[600],
+        dark: s[700]
       },
-      error: g
+      error: O
     },
     status: {
       danger: "orange"
     }
   }
 };
-function ee(e) {
-  const r = T(e);
+function dt(t) {
+  const e = D(t);
   return {
-    border: /* @__PURE__ */ t((o = 1) => ({
+    border: /* @__PURE__ */ r((o = 1) => ({
       borderWidth: o,
       borderStyle: "solid",
-      borderColor: r.palette.divider
+      borderColor: e.palette.divider
     }), "border"),
-    borderLeft: /* @__PURE__ */ t((o = 1) => ({
+    borderLeft: /* @__PURE__ */ r((o = 1) => ({
       borderLeftWidth: o,
       borderStyle: "solid",
-      borderColor: r.palette.divider
+      borderColor: e.palette.divider
     }), "borderLeft"),
-    borderRight: /* @__PURE__ */ t((o = 1) => ({
+    borderRight: /* @__PURE__ */ r((o = 1) => ({
       borderRightWidth: o,
       borderStyle: "solid",
-      borderColor: r.palette.divider
+      borderColor: e.palette.divider
     }), "borderRight"),
-    borderTop: /* @__PURE__ */ t((o = 1) => ({
+    borderTop: /* @__PURE__ */ r((o = 1) => ({
       borderTopWidth: o,
       borderStyle: "solid",
-      borderColor: r.palette.divider
+      borderColor: e.palette.divider
     }), "borderTop"),
-    borderBottom: /* @__PURE__ */ t((o = 1) => ({
+    borderBottom: /* @__PURE__ */ r((o = 1) => ({
       borderBottomWidth: o,
       borderStyle: "solid",
-      borderColor: r.palette.divider
+      borderColor: e.palette.divider
     }), "borderBottom")
   };
 }
-t(ee, "extendThemeWithMixins");
+r(dt, "extendThemeWithMixins");
 export {
-  K as createInitialOwpSettings,
-  $ as defaultSettings,
-  w as defaultSnackbarTheme,
-  V as defaultThemeOptions,
-  _ as defaultThemes,
-  ee as extendThemeWithMixins,
-  C as generateSettings,
-  x as getDefaultLayout,
-  I as getDefaultThemeSettings,
-  A as getParsedQuerySettings,
-  Y as mustHaveThemeOptions
+  ot as createInitialOwpSettings,
+  U as defaultSettings,
+  E as defaultSnackbarTheme,
+  it as defaultThemeOptions,
+  nt as defaultThemes,
+  dt as extendThemeWithMixins,
+  j as generateSettings,
+  B as getDefaultLayout,
+  z as getDefaultThemeSettings,
+  Z as getParsedQuerySettings,
+  at as mustHaveThemeOptions
 };
 //# sourceMappingURL=defaultConfig.js.map