@ukpc-lib/react 0.3.3 → 0.3.4

package/dist/index-2ca7cc99.js

@@ -0,0 +1,636 @@
+import { jsx as g } from "react/jsx-runtime";
+import { createTheme as b, ThemeProvider as v } from "@mui/material";
+import l, { createContext as P, useContext as C } from "react";
+import { useQuery as O } from "react-query";
+const M = {
+  primary100: "#F0F6E1",
+  primary200: "#E5F5ED",
+  primary300: "#93D500",
+  primary400: "#009D4F",
+  primary500: "#2E7D32",
+  secondary: "#CC0066",
+  secondaryDark: "#AE1857",
+  textPrimary: "#292929",
+  white: "#FFFFFF",
+  grey100: "#FAFAFA",
+  grey200: "#EEEEEE",
+  grey300: "#DDDDDD",
+  grey400: "#C5C5C5",
+  grey500: "#BFBFBF",
+  grey600: "#85858A",
+  success: "#009D4F",
+  successLight: "#009D4F10",
+  warning: "#FFB600",
+  warningLight: "#FFB60010",
+  danger: "#E01B00",
+  dangerLight: "#E01B0010",
+  dangerDark: "#BE1700",
+  linkPrimary: "#007BFF",
+  linkLight: "#007BFF10"
+};
+var h = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, p = l.createContext && /* @__PURE__ */ l.createContext(h), w = ["attr", "size", "title"];
+function S(r, e) {
+  if (r == null)
+    return {};
+  var t = F(r, e), o, i;
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(r);
+    for (i = 0; i < n.length; i++)
+      o = n[i], !(e.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(r, o) && (t[o] = r[o]);
+  }
+  return t;
+}
+function F(r, e) {
+  if (r == null)
+    return {};
+  var t = {}, o = Object.keys(r), i, n;
+  for (n = 0; n < o.length; n++)
+    i = o[n], !(e.indexOf(i) >= 0) && (t[i] = r[i]);
+  return t;
+}
+function u() {
+  return u = Object.assign ? Object.assign.bind() : function(r) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (r[o] = t[o]);
+    }
+    return r;
+  }, u.apply(this, arguments);
+}
+function m(r, e) {
+  var t = Object.keys(r);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(r);
+    e && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(r, i).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function d(r) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? m(Object(t), !0).forEach(function(o) {
+      T(r, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : m(Object(t)).forEach(function(o) {
+      Object.defineProperty(r, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return r;
+}
+function T(r, e, t) {
+  return e = k(e), e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+}
+function k(r) {
+  var e = z(r, "string");
+  return typeof e == "symbol" ? e : String(e);
+}
+function z(r, e) {
+  if (typeof r != "object" || r === null)
+    return r;
+  var t = r[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var o = t.call(r, e || "default");
+    if (typeof o != "object")
+      return o;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(r);
+}
+function f(r) {
+  return r && r.map((e, t) => /* @__PURE__ */ l.createElement(e.tag, d({
+    key: t
+  }, e.attr), f(e.child)));
+}
+function y(r) {
+  return (e) => /* @__PURE__ */ l.createElement(E, u({
+    attr: d({}, r.attr)
+  }, e), f(r.child));
+}
+function E(r) {
+  var e = (t) => {
+    var {
+      attr: o,
+      size: i,
+      title: n
+    } = r, s = S(r, w), c = i || t.size || "1em", a;
+    return t.className && (a = t.className), r.className && (a = (a ? a + " " : "") + r.className), /* @__PURE__ */ l.createElement("svg", u({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, t.attr, o, s, {
+      className: a,
+      style: d(d({
+        color: r.color || t.color
+      }, t.style), r.style),
+      height: c,
+      width: c,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), n && /* @__PURE__ */ l.createElement("title", null, n), r.children);
+  };
+  return p !== void 0 ? /* @__PURE__ */ l.createElement(p.Consumer, null, (t) => e(t)) : e(h);
+}
+function B(r) {
+  return y({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M689 165.1L308.2 493.5c-10.9 9.4-10.9 27.5 0 37L689 858.9c14.2 12.2 35 1.2 35-18.5V183.6c0-19.7-20.8-30.7-35-18.5z" }, child: [] }] })(r);
+}
+function D(r) {
+  return y({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M715.8 493.5L335 165.1c-14.2-12.2-35-1.2-35 18.5v656.8c0 19.7 20.8 30.7 35 18.5l380.8-328.4c10.9-9.4 10.9-27.6 0-37z" }, child: [] }] })(r);
+}
+const j = (r) => {
+  const e = { ...r.colors };
+  return b({
+    palette: {
+      primary: {
+        main: e.primary300,
+        contrastText: e.textPrimary
+      },
+      secondary: {
+        main: e.secondary,
+        contrastText: e.textPrimary
+      },
+      warning: {
+        main: e.warning,
+        contrastText: e.textPrimary
+      },
+      error: {
+        main: e.danger,
+        contrastText: e.textPrimary
+      }
+    },
+    typography: {
+      fontFamily: "TT Firs Neue Trl",
+      button: {
+        textTransform: "none",
+        // padding: '0.75rem 1rem',
+        fontSize: "0.875rem",
+        // lineHeight: '1rem',
+        // height: 'fit-content',
+        // // fontFamily: '',
+        // borderRadius: 5,
+        fontWeight: 400,
+        boxShadow: "none"
+      },
+      body1: {
+        fontSize: "0.875rem",
+        fontWeight: 400
+      },
+      body2: {
+        fontSize: "0.75rem"
+      },
+      h6: {
+        fontSize: "0.875rem",
+        fontWeight: 500
+      },
+      h5: {
+        fontSize: "1rem",
+        fontWeight: 500
+      },
+      h4: {
+        fontSize: "1.25rem",
+        fontWeight: 500
+      },
+      h3: {
+        fontSize: "1.5rem",
+        fontWeight: 500
+      },
+      h2: {
+        fontSize: "2rem",
+        fontWeight: 500
+      },
+      h1: {
+        fontSize: "2.5rem",
+        fontWeight: 500
+      },
+      subtitle1: {
+        fontSize: "0.75rem"
+      },
+      subtitle2: {
+        fontSize: "0.625rem"
+      }
+    },
+    components: {
+      MuiIconButton: {
+        styleOverrides: {
+          root: {},
+          sizeSmall: {}
+        }
+      },
+      MuiButton: {
+        styleOverrides: {
+          root: {
+            boxShadow: "none !important",
+            padding: "8px 32px",
+            borderWidth: 1,
+            borderRadius: 3,
+            fontWeight: 400
+          }
+        },
+        variants: [
+          {
+            props: { variant: "primary" },
+            style: {
+              backgroundColor: e.primary300,
+              color: e.buttonText,
+              "&:hover": {
+                backgroundColor: e.buttonHover || e.primary300
+              },
+              "&.Mui-disabled": {
+                backgroundColor: e.grey200
+              }
+            }
+          },
+          {
+            props: { variant: "confirm" },
+            style: {
+              backgroundColor: e.danger,
+              color: e.white,
+              "&:hover": {
+                backgroundColor: e.dangerDark
+              },
+              "&.Mui-disabled": {
+                backgroundColor: e.grey200
+              }
+            }
+          },
+          {
+            props: { variant: "cancel" },
+            style: {
+              backgroundColor: e.grey300,
+              color: e.textPrimary,
+              "&:hover": {
+                backgroundColor: e.grey400
+              }
+            }
+          },
+          {
+            props: { variant: "outlinedPrimary" },
+            style: {
+              color: e.primary500,
+              border: "1px solid",
+              borderColor: e.primary500,
+              "&:hover": {
+                backgroundColor: "inherit"
+              }
+            }
+          },
+          {
+            props: { variant: "outLinedDanger" },
+            style: {
+              color: e.danger,
+              border: "1px solid",
+              borderColor: e.danger,
+              "&:hover": {
+                backgroundColor: "inherit"
+              }
+            }
+          },
+          {
+            props: { size: "small" },
+            style: {
+              fontSize: "12px",
+              lineHeight: "normal",
+              borderRadius: "3px",
+              padding: "4px 16px"
+            }
+          }
+        ]
+      },
+      MuiAppBar: {
+        styleOverrides: {
+          root: {
+            backgroundColor: e.appBarBgColor,
+            color: e.appBarColor
+          }
+        }
+      },
+      MuiSelect: {
+        defaultProps: {
+          MenuProps: {
+            PaperProps: {
+              sx: {
+                boxShadow: "none",
+                border: 1,
+                borderStyle: "solid",
+                borderColor: e.grey300,
+                mt: "5px"
+              }
+            },
+            MenuListProps: {
+              sx: {
+                padding: "5px",
+                "& .MuiMenuItem-root": {
+                  fontWeight: 400,
+                  minHeight: 0,
+                  borderRadius: "5px",
+                  "&:hover": {
+                    backgroundColor: e.grey100
+                  },
+                  "&.Mui-selected": {
+                    // fontWeight: 500,
+                    // color: color.darkPrimary,
+                    backgroundColor: e.primary200
+                  }
+                  // [breakpoints.down('sm')]: {
+                  //     padding:0
+                  // },
+                }
+              }
+            }
+          }
+        },
+        styleOverrides: {
+          select: {
+            padding: "9.94px 5px 9.94px 15px"
+          }
+        }
+      },
+      MuiPaginationItem: {
+        defaultProps: {
+          components: {
+            previous: B,
+            next: D
+          }
+        },
+        styleOverrides: {
+          root: {
+            "& svg": {
+              width: "10px"
+            },
+            border: "none",
+            fontSize: "14px",
+            lineHeight: "1.5rem",
+            borderRadius: "7px",
+            "&.Mui-selected": {
+              backgroundColor: e.primary200
+            },
+            "&.MuiPaginationItem-previousNext": {
+              backgroundColor: e.grey200
+            }
+          }
+        }
+      },
+      MuiChip: {
+        styleOverrides: {
+          root: {
+            borderRadius: "5px",
+            fontSize: "10px",
+            lineHeight: "12px",
+            fontWeight: 400,
+            "& .MuiChip-label": {
+              lineHeight: "normal"
+            }
+          },
+          avatar: {
+            width: "10px"
+          },
+          colorSuccess: {
+            color: e.success,
+            backgroundColor: e.successLight
+          },
+          colorWarning: {
+            color: e.warning,
+            backgroundColor: e.warningLight
+          },
+          colorError: {
+            color: e.danger,
+            backgroundColor: e.dangerLight
+          },
+          colorSecondary: {
+            color: e.linkPrimary,
+            backgroundColor: e.linkLight
+          }
+        }
+      },
+      MuiTab: {
+        styleOverrides: {
+          root: {
+            background: e.grey200,
+            borderTopLeftRadius: "8px",
+            borderTopRightRadius: "8px",
+            marginRight: "5px",
+            minWidth: "200px",
+            flexDirection: "row",
+            alignContent: "center",
+            gap: "8px",
+            textTransform: "capitalize",
+            "& svg": {
+              mb: "0 !important"
+            },
+            padding: 0,
+            height: "32px",
+            minHeight: "auto",
+            fontSize: "12px",
+            "& .chart-icon": {
+              fill: e.grey600
+            },
+            "& .detail-icon": {
+              stroke: e.grey600
+            }
+          }
+        }
+      },
+      MuiDrawer: {
+        defaultProps: {},
+        styleOverrides: {
+          root: {
+            "&.MuiDrawer-paper": {
+              overflowY: "unset"
+            },
+            "& .MuiDrawer-paper": {
+              zIndex: 9
+            },
+            "&.MuiPaper-root": {
+              border: "none",
+              background: e.grey100,
+              pt: 12,
+              zIndex: 9
+            }
+          }
+        }
+      },
+      MuiTextField: {
+        defaultProps: {
+          InputProps: {
+            sx: {
+              "& .Mui-disabled": {
+                background: e.grey200
+              }
+            }
+          },
+          InputLabelProps: {
+            shrink: !0
+          }
+        },
+        styleOverrides: {
+          root: {
+            backgroundColor: e.white,
+            "& .MuiOutlinedInput-input": {
+              padding: "0px 16px 0px 12px",
+              fontWeight: 400,
+              height: 40,
+              fontSize: "14px",
+              border: 1,
+              borderRadius: 4,
+              "&::placeholder": {
+                color: e.grey600
+              }
+            },
+            "& .MuiFormLabel-root": {
+              color: e.textPrimary
+            },
+            "& .MuiFormLabel-asterisk": {
+              color: e.danger
+            }
+          }
+        }
+      },
+      MuiFormGroup: {
+        styleOverrides: {
+          root: {
+            // position: 'relative',
+          }
+        }
+      },
+      MuiFormHelperText: {
+        defaultProps: {
+          sx: {
+            fontSize: 12
+          }
+        },
+        styleOverrides: {}
+      },
+      MuiAutocomplete: {
+        defaultProps: {
+          sx: {
+            "& .MuiPaper-root": {
+              padding: "5px"
+            }
+          }
+        },
+        styleOverrides: {
+          root: {
+            "& .MuiSvgIcon-root": {
+              width: "20px",
+              height: "20px"
+            },
+            "& .MuiAutocomplete-tag": {
+              margin: 0
+            },
+            "& .MuiButtonBase-root": {
+              marginRight: "2px !important",
+              height: "max-content",
+              padding: "2px"
+            },
+            "& .MuiOutlinedInput-root": {
+              padding: "7.45px 55px 7.45px 10px !important"
+            },
+            "& svg": {},
+            "& #checkboxes-tags-demo": {
+              padding: "6px 4px"
+            },
+            "& .MuiAutocomplete-endAdornment": {
+              top: "calc(50% - 12px)"
+            }
+          }
+        }
+      },
+      MuiTableHead: {
+        styleOverrides: {
+          root: {
+            "& th": {
+              fontSize: "14px",
+              padding: "8px 16px"
+            }
+          }
+        }
+      },
+      MuiTableBody: {
+        styleOverrides: {
+          root: {
+            "& th,td": {
+              fontSize: "14px",
+              padding: "8px 16px",
+              height: "45px"
+            },
+            "& .MuiTableCell-root": {
+              borderBottom: `1px solid ${e.grey300}`
+            }
+          }
+        }
+      },
+      MuiRadio: {
+        defaultProps: {
+          sx: {
+            "&.MuiButtonBase-root": {
+              padding: "5px"
+            }
+          }
+        },
+        styleOverrides: {
+          root: {
+            "& .MuiSvgIcon-root": {
+              fontSize: 16
+            },
+            color: e.grey600,
+            "&.Mui-checked": {
+              color: e.success
+            },
+            "&.Mui-disabled": {
+              color: e.grey600
+            }
+          }
+        }
+      },
+      MuiTooltip: {
+        defaultProps: {
+          placement: "top"
+          // arrow: true,
+        }
+      }
+    }
+  });
+};
+function L(r, e) {
+  const t = { ...r };
+  return e == null || e.forEach((o) => {
+    o.children && o.children.forEach((i) => {
+      t[i.key] = i.color.trim();
+    });
+  }), t;
+}
+function W(r) {
+  var s, c;
+  const { data: e, isFetching: t } = O(
+    ["customTheme"],
+    () => r != null && r.url ? fetch(r.url).then((a) => a.json()) : void 0,
+    {
+      enabled: !!(r != null && r.url) && (r == null ? void 0 : r.enabled),
+      refetchOnWindowFocus: !1,
+      cacheTime: 0
+    }
+  ), o = L(M, (s = e == null ? void 0 : e.theme) == null ? void 0 : s.keyColor);
+  console.log("🚀 ~ useThemeContext ~ isFetching:", t);
+  const i = j({ colors: o }), n = (c = e == null ? void 0 : e.theme) == null ? void 0 : c.image;
+  return {
+    colors: o,
+    theme: i,
+    logo: n,
+    isFetching: t
+  };
+}
+const x = P({}), _ = () => C(x), H = (r) => {
+  const { children: e, brandTheme: t, customTheme: o } = r, i = W(o ? void 0 : t), n = r.customTheme || i.theme;
+  return /* @__PURE__ */ g(x.Provider, { value: i, children: /* @__PURE__ */ g(v, { theme: n, children: e }) });
+};
+export {
+  H as S,
+  M as c,
+  _ as u
+};

package/dist/index-5840ed79.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("react/jsx-runtime"),h=require("@mui/material"),a=require("react"),P=require("react-query"),y={primary100:"#F0F6E1",primary200:"#E5F5ED",primary300:"#93D500",primary400:"#009D4F",primary500:"#2E7D32",secondary:"#CC0066",secondaryDark:"#AE1857",textPrimary:"#292929",white:"#FFFFFF",grey100:"#FAFAFA",grey200:"#EEEEEE",grey300:"#DDDDDD",grey400:"#C5C5C5",grey500:"#BFBFBF",grey600:"#85858A",success:"#009D4F",successLight:"#009D4F10",warning:"#FFB600",warningLight:"#FFB60010",danger:"#E01B00",dangerLight:"#E01B0010",dangerDark:"#BE1700",linkPrimary:"#007BFF",linkLight:"#007BFF10"};var f={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},p=a.createContext&&a.createContext(f),C=["attr","size","title"];function O(r,e){if(r==null)return{};var t=M(r,e),o,i;if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);for(i=0;i<n.length;i++)o=n[i],!(e.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(r,o)&&(t[o]=r[o])}return t}function M(r,e){if(r==null)return{};var t={},o=Object.keys(r),i,n;for(n=0;n<o.length;n++)i=o[n],!(e.indexOf(i)>=0)&&(t[i]=r[i]);return t}function u(){return u=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o])}return r},u.apply(this,arguments)}function m(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter(function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable})),t.push.apply(t,o)}return t}function d(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?m(Object(t),!0).forEach(function(o){w(r,o,t[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach(function(o){Object.defineProperty(r,o,Object.getOwnPropertyDescriptor(t,o))})}return r}function w(r,e,t){return e=S(e),e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function S(r){var e=F(r,"string");return typeof e=="symbol"?e:String(e)}function F(r,e){if(typeof r!="object"||r===null)return r;var t=r[Symbol.toPrimitive];if(t!==void 0){var o=t.call(r,e||"default");if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(r)}function x(r){return r&&r.map((e,t)=>a.createElement(e.tag,d({key:t},e.attr),x(e.child)))}function b(r){return e=>a.createElement(T,u({attr:d({},r.attr)},e),x(r.child))}function T(r){var e=t=>{var{attr:o,size:i,title:n}=r,s=O(r,C),c=i||t.size||"1em",l;return t.className&&(l=t.className),r.className&&(l=(l?l+" ":"")+r.className),a.createElement("svg",u({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,o,s,{className:l,style:d(d({color:r.color||t.color},t.style),r.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),n&&a.createElement("title",null,n),r.children)};return p!==void 0?a.createElement(p.Consumer,null,t=>e(t)):e(f)}function k(r){return b({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M689 165.1L308.2 493.5c-10.9 9.4-10.9 27.5 0 37L689 858.9c14.2 12.2 35 1.2 35-18.5V183.6c0-19.7-20.8-30.7-35-18.5z"},child:[]}]})(r)}function z(r){return b({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M715.8 493.5L335 165.1c-14.2-12.2-35-1.2-35 18.5v656.8c0 19.7 20.8 30.7 35 18.5l380.8-328.4c10.9-9.4 10.9-27.6 0-37z"},child:[]}]})(r)}const E=r=>{const e={...r.colors};return h.createTheme({palette:{primary:{main:e.primary300,contrastText:e.textPrimary},secondary:{main:e.secondary,contrastText:e.textPrimary},warning:{main:e.warning,contrastText:e.textPrimary},error:{main:e.danger,contrastText:e.textPrimary}},typography:{fontFamily:"TT Firs Neue Trl",button:{textTransform:"none",fontSize:"0.875rem",fontWeight:400,boxShadow:"none"},body1:{fontSize:"0.875rem",fontWeight:400},body2:{fontSize:"0.75rem"},h6:{fontSize:"0.875rem",fontWeight:500},h5:{fontSize:"1rem",fontWeight:500},h4:{fontSize:"1.25rem",fontWeight:500},h3:{fontSize:"1.5rem",fontWeight:500},h2:{fontSize:"2rem",fontWeight:500},h1:{fontSize:"2.5rem",fontWeight:500},subtitle1:{fontSize:"0.75rem"},subtitle2:{fontSize:"0.625rem"}},components:{MuiIconButton:{styleOverrides:{root:{},sizeSmall:{}}},MuiButton:{styleOverrides:{root:{boxShadow:"none !important",padding:"8px 32px",borderWidth:1,borderRadius:3,fontWeight:400}},variants:[{props:{variant:"primary"},style:{backgroundColor:e.primary300,color:e.buttonText,"&:hover":{backgroundColor:e.buttonHover||e.primary300},"&.Mui-disabled":{backgroundColor:e.grey200}}},{props:{variant:"confirm"},style:{backgroundColor:e.danger,color:e.white,"&:hover":{backgroundColor:e.dangerDark},"&.Mui-disabled":{backgroundColor:e.grey200}}},{props:{variant:"cancel"},style:{backgroundColor:e.grey300,color:e.textPrimary,"&:hover":{backgroundColor:e.grey400}}},{props:{variant:"outlinedPrimary"},style:{color:e.primary500,border:"1px solid",borderColor:e.primary500,"&:hover":{backgroundColor:"inherit"}}},{props:{variant:"outLinedDanger"},style:{color:e.danger,border:"1px solid",borderColor:e.danger,"&:hover":{backgroundColor:"inherit"}}},{props:{size:"small"},style:{fontSize:"12px",lineHeight:"normal",borderRadius:"3px",padding:"4px 16px"}}]},MuiAppBar:{styleOverrides:{root:{backgroundColor:e.appBarBgColor,color:e.appBarColor}}},MuiSelect:{defaultProps:{MenuProps:{PaperProps:{sx:{boxShadow:"none",border:1,borderStyle:"solid",borderColor:e.grey300,mt:"5px"}},MenuListProps:{sx:{padding:"5px","& .MuiMenuItem-root":{fontWeight:400,minHeight:0,borderRadius:"5px","&:hover":{backgroundColor:e.grey100},"&.Mui-selected":{backgroundColor:e.primary200}}}}}},styleOverrides:{select:{padding:"9.94px 5px 9.94px 15px"}}},MuiPaginationItem:{defaultProps:{components:{previous:k,next:z}},styleOverrides:{root:{"& svg":{width:"10px"},border:"none",fontSize:"14px",lineHeight:"1.5rem",borderRadius:"7px","&.Mui-selected":{backgroundColor:e.primary200},"&.MuiPaginationItem-previousNext":{backgroundColor:e.grey200}}}},MuiChip:{styleOverrides:{root:{borderRadius:"5px",fontSize:"10px",lineHeight:"12px",fontWeight:400,"& .MuiChip-label":{lineHeight:"normal"}},avatar:{width:"10px"},colorSuccess:{color:e.success,backgroundColor:e.successLight},colorWarning:{color:e.warning,backgroundColor:e.warningLight},colorError:{color:e.danger,backgroundColor:e.dangerLight},colorSecondary:{color:e.linkPrimary,backgroundColor:e.linkLight}}},MuiTab:{styleOverrides:{root:{background:e.grey200,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",marginRight:"5px",minWidth:"200px",flexDirection:"row",alignContent:"center",gap:"8px",textTransform:"capitalize","& svg":{mb:"0 !important"},padding:0,height:"32px",minHeight:"auto",fontSize:"12px","& .chart-icon":{fill:e.grey600},"& .detail-icon":{stroke:e.grey600}}}},MuiDrawer:{defaultProps:{},styleOverrides:{root:{"&.MuiDrawer-paper":{overflowY:"unset"},"& .MuiDrawer-paper":{zIndex:9},"&.MuiPaper-root":{border:"none",background:e.grey100,pt:12,zIndex:9}}}},MuiTextField:{defaultProps:{InputProps:{sx:{"& .Mui-disabled":{background:e.grey200}}},InputLabelProps:{shrink:!0}},styleOverrides:{root:{backgroundColor:e.white,"& .MuiOutlinedInput-input":{padding:"0px 16px 0px 12px",fontWeight:400,height:40,fontSize:"14px",border:1,borderRadius:4,"&::placeholder":{color:e.grey600}},"& .MuiFormLabel-root":{color:e.textPrimary},"& .MuiFormLabel-asterisk":{color:e.danger}}}},MuiFormGroup:{styleOverrides:{root:{}}},MuiFormHelperText:{defaultProps:{sx:{fontSize:12}},styleOverrides:{}},MuiAutocomplete:{defaultProps:{sx:{"& .MuiPaper-root":{padding:"5px"}}},styleOverrides:{root:{"& .MuiSvgIcon-root":{width:"20px",height:"20px"},"& .MuiAutocomplete-tag":{margin:0},"& .MuiButtonBase-root":{marginRight:"2px !important",height:"max-content",padding:"2px"},"& .MuiOutlinedInput-root":{padding:"7.45px 55px 7.45px 10px !important"},"& svg":{},"& #checkboxes-tags-demo":{padding:"6px 4px"},"& .MuiAutocomplete-endAdornment":{top:"calc(50% - 12px)"}}}},MuiTableHead:{styleOverrides:{root:{"& th":{fontSize:"14px",padding:"8px 16px"}}}},MuiTableBody:{styleOverrides:{root:{"& th,td":{fontSize:"14px",padding:"8px 16px",height:"45px"},"& .MuiTableCell-root":{borderBottom:`1px solid ${e.grey300}`}}}},MuiRadio:{defaultProps:{sx:{"&.MuiButtonBase-root":{padding:"5px"}}},styleOverrides:{root:{"& .MuiSvgIcon-root":{fontSize:16},color:e.grey600,"&.Mui-checked":{color:e.success},"&.Mui-disabled":{color:e.grey600}}}},MuiTooltip:{defaultProps:{placement:"top"}}}})};function j(r,e){const t={...r};return e==null||e.forEach(o=>{o.children&&o.children.forEach(i=>{t[i.key]=i.color.trim()})}),t}function B(r){var s,c;const{data:e,isFetching:t}=P.useQuery(["customTheme"],()=>r!=null&&r.url?fetch(r.url).then(l=>l.json()):void 0,{enabled:!!(r!=null&&r.url)&&(r==null?void 0:r.enabled),refetchOnWindowFocus:!1,cacheTime:0}),o=j(y,(s=e==null?void 0:e.theme)==null?void 0:s.keyColor);console.log("🚀 ~ useThemeContext ~ isFetching:",t);const i=E({colors:o}),n=(c=e==null?void 0:e.theme)==null?void 0:c.image;return{colors:o,theme:i,logo:n,isFetching:t}}const v=a.createContext({}),D=()=>a.useContext(v),L=r=>{const{children:e,brandTheme:t,customTheme:o}=r,i=B(o?void 0:t),n=r.customTheme||i.theme;return g.jsx(v.Provider,{value:i,children:g.jsx(h.ThemeProvider,{theme:n,children:e})})};exports.SaasThemeProvider=L;exports.color=y;exports.useTheme=D;