@ukpc-lib/react 0.3.3 → 0.3.4

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../index.module-be2c9027.cjs"),g=require("axios"),i=require("react/jsx-runtime"),p=require("react");require("moment");require("@r2wc/react-to-web-component");require("@mui/material");const f=require("react-router-dom");function R({config:n,pushError:o=r.pushError}){const t=g.create(n);t.interceptors.request.use(async e=>(e.headers={Accept:"application/json","Content-Type":"application/json"},e),e=>Promise.reject(e)),t.interceptors.response.use(e=>e,async e=>s(e));async function s(e){var l,h,P,d;console.error("Error 🚨:",e);const a=e.config,u=(h=(l=e.response)==null?void 0:l.data)==null?void 0:h.errorMessage,m=u===r.ERROR_MESSAGE.TOKEN_EXPIRED;return((P=e.response)==null?void 0:P.status)===401?m&&!a._retry?(a._retry=!0,t.post("/authentication/api/v1/auth/refresh-token").then(()=>t(a)).catch(()=>r.login(n.baseURL))):((!u||!m)&&r.login(n.baseURL),Promise.reject("Unauthorized! Please login again.")):(((d=e.response)==null?void 0:d.status)===403?o(r.t("errorMessage.403")):o(r.t(`${u}`)||"Something went wrong!"),Promise.reject(e.response.data))}return t}const T=n=>{const[o,t]=p.useState([]);return p.useEffect(()=>{g.get(`${n}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(s=>t(s.data)).catch(s=>{console.error("Getting user permission error:",s)})},[n]),o},c=n=>(o,t)=>{const s=T(n);return t?o.every(e=>s==null?void 0:s.includes(e)):o.some(e=>s==null?void 0:s.includes(e))},v=({baseUrl:n,accessWith:o,requireAll:t,children:s})=>c(n)(o,t)?i.jsx(i.Fragment,{children:s}):null,j=({accessWith:n,requireAll:o,baseUrl:t,unAuthorizedPath:s,children:e})=>c(t)(n,o)?i.jsx(i.Fragment,{children:e}):i.jsx(f.Navigate,{to:s,replace:!0});exports.AuthProvider=r.AuthProvider;exports.BrandThemeProvider=r.BrandThemeProvider;exports.TranslationProvider=r.TranslationProvider;exports.search=r.search;exports.translate=r.translate;exports.translationConfig=r.translationConfig;exports.useAuth=r.useAuth;exports.useBrandTheme=r.useBrandTheme;exports.useCustomTranslation=r.useCustomTranslation;exports.useTranslation=r.useTranslation$1;exports.HasPermission=v;exports.PermissionRoute=j;exports.getAxiosInstance=R;exports.getUseHasPermission=c;exports.useGetPermission=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../index.module-28c2f9be.cjs"),g=require("axios"),i=require("react/jsx-runtime"),d=require("react");require("moment");require("@r2wc/react-to-web-component");require("@mui/material");const R=require("react-router-dom"),T=require("../index-5840ed79.cjs");function v({config:n,pushError:o=r.pushError}){const t=g.create(n);t.interceptors.request.use(async e=>(e.headers={Accept:"application/json","Content-Type":"application/json"},e),e=>Promise.reject(e)),t.interceptors.response.use(e=>e,async e=>s(e));async function s(e){var l,h,P,p;console.error("Error 🚨:",e);const a=e.config,u=(h=(l=e.response)==null?void 0:l.data)==null?void 0:h.errorMessage,m=u===r.ERROR_MESSAGE.TOKEN_EXPIRED;return((P=e.response)==null?void 0:P.status)===401?m&&!a._retry?(a._retry=!0,t.post("/authentication/api/v1/auth/refresh-token").then(()=>t(a)).catch(()=>r.login(n.baseURL))):((!u||!m)&&r.login(n.baseURL),Promise.reject("Unauthorized! Please login again.")):(((p=e.response)==null?void 0:p.status)===403?o(r.t("errorMessage.403")):o(r.t(`${u}`)||"Something went wrong!"),Promise.reject(e.response.data))}return t}const f=n=>{const[o,t]=d.useState([]);return d.useEffect(()=>{g.get(`${n}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(s=>t(s.data)).catch(s=>{console.error("Getting user permission error:",s)})},[n]),o},c=n=>(o,t)=>{const s=f(n);return t?o.every(e=>s==null?void 0:s.includes(e)):o.some(e=>s==null?void 0:s.includes(e))},q=({baseUrl:n,accessWith:o,requireAll:t,children:s})=>c(n)(o,t)?i.jsx(i.Fragment,{children:s}):null,x=({accessWith:n,requireAll:o,baseUrl:t,unAuthorizedPath:s,children:e})=>c(t)(n,o)?i.jsx(i.Fragment,{children:e}):i.jsx(R.Navigate,{to:s,replace:!0});exports.AuthProvider=r.AuthProvider;exports.TranslationProvider=r.TranslationProvider;exports.search=r.search;exports.translate=r.translate;exports.translationConfig=r.translationConfig;exports.useAuth=r.useAuth;exports.useCustomTranslation=r.useCustomTranslation;exports.useTranslation=r.useTranslation$1;exports.SaasThemeProvider=T.SaasThemeProvider;exports.useTheme=T.useTheme;exports.HasPermission=q;exports.PermissionRoute=x;exports.getAxiosInstance=v;exports.getUseHasPermission=c;exports.useGetPermission=f;

package/dist/share/index.d.ts

@@ -4,4 +4,4 @@ export * from './hooks';
 export * from './permissions';
 export * from './helpers';
 export * from './TranslationProvider';
-export * from './BrandThemeProvider';
+export * from '../theme';

package/dist/share/index.js

@@ -1,13 +1,14 @@
-import { B as l, E as f, p as E, F as R } from "../index.module-fcfb53fb.js";
-import { H as U, R as k, T as q, m as F, M as K, K as L, J as b, O as z, u as D, N as J } from "../index.module-fcfb53fb.js";
+import { B as l, E as f, p as E, F as R } from "../index.module-d03675ea.js";
+import { H as q, T as F, m as K, M as L, K as O, J as b, u as z, N as B } from "../index.module-d03675ea.js";
 import P from "axios";
-import { jsx as i, Fragment as d } from "react/jsx-runtime";
+import { jsx as i, Fragment as g } from "react/jsx-runtime";
 import { useState as T, useEffect as v } from "react";
 import "moment";
 import "@r2wc/react-to-web-component";
 import "@mui/material";
-import { Navigate as y } from "react-router-dom";
-function G({
+import { Navigate as x } from "react-router-dom";
+import { S as J, u as X } from "../index-2ca7cc99.js";
+function H({
   config: t,
   pushError: n = E
 }) {
@@ -30,7 +31,7 @@ function G({
   }
   return r;
 }
-const x = (t) => {
+const y = (t) => {
   const [n, r] = T([]);
   return v(() => {
     P.get(`${t}/user-management/api/v1/users/my-account/permissions`, {
@@ -39,39 +40,39 @@ const x = (t) => {
       console.error("Getting user permission error:", s);
     });
   }, [t]), n;
-}, g = (t) => (n, r) => {
-  const s = x(t);
+}, d = (t) => (n, r) => {
+  const s = y(t);
   return r ? n.every(
     (e) => s == null ? void 0 : s.includes(e)
   ) : n.some(
     (e) => s == null ? void 0 : s.includes(e)
   );
-}, H = ({
+}, I = ({
   baseUrl: t,
   accessWith: n,
   requireAll: r,
   children: s
-}) => g(t)(n, r) ? /* @__PURE__ */ i(d, { children: s }) : null, I = ({
+}) => d(t)(n, r) ? /* @__PURE__ */ i(g, { children: s }) : null, N = ({
   accessWith: t,
   requireAll: n,
   baseUrl: r,
   unAuthorizedPath: s,
   children: e
-}) => g(r)(t, n) ? /* @__PURE__ */ i(d, { children: e }) : /* @__PURE__ */ i(y, { to: s, replace: !0 });
+}) => d(r)(t, n) ? /* @__PURE__ */ i(g, { children: e }) : /* @__PURE__ */ i(x, { to: s, replace: !0 });
 export {
-  U as AuthProvider,
-  k as BrandThemeProvider,
-  H as HasPermission,
-  I as PermissionRoute,
-  q as TranslationProvider,
-  G as getAxiosInstance,
-  g as getUseHasPermission,
-  F as search,
-  K as translate,
-  L as translationConfig,
+  q as AuthProvider,
+  I as HasPermission,
+  N as PermissionRoute,
+  J as SaasThemeProvider,
+  F as TranslationProvider,
+  H as getAxiosInstance,
+  d as getUseHasPermission,
+  K as search,
+  L as translate,
+  O as translationConfig,
   b as useAuth,
-  z as useBrandTheme,
-  D as useCustomTranslation,
-  x as useGetPermission,
-  J as useTranslation
+  z as useCustomTranslation,
+  y as useGetPermission,
+  X as useTheme,
+  B as useTranslation
 };

package/dist/theme/Theme.d.ts

@@ -17,5 +17,5 @@ declare module '@mui/material/Button' {
 type ThemeProps = {
     colors?: ColorsType;
 };
-export declare const createCustomTheme: ({ colors }: ThemeProps) => import("@mui/material").Theme;
+export declare const createCustomTheme: (props: ThemeProps) => import("@mui/material").Theme;
 export {};

package/dist/theme/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../index-b3ac4c73.cjs"),n=require("react/jsx-runtime"),o=require("@mui/material"),a=e=>{const i=t({});return n.jsx(o.ThemeProvider,{theme:i,children:e.children})},t=({colors:e=r.color})=>o.createTheme({palette:{primary:{main:e.primary300},secondary:{main:e.secondary},warning:{main:e.warning},error:{main:e.danger}},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.primary500,color:e.white},"&.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:"outlined"},style:{color:e.primary500,border:"1px solid",borderColor:e.primary400,"&:hover":{backgroundColor:"inherit"}}},{props:{variant:"outlinedPrimary"},style:{color:e.primary500,border:"1px solid",borderColor:e.primary400,"&:hover":{backgroundColor:"inherit"}}},{props:{variant:"outLinedDanger"},style:{color:e.danger,border:"1px solid",borderColor:e.danger,"&:hover":{backgroundColor:"inherit"}}}]},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:r.AiFillCaretLeft,next:r.AiFillCaretRight}},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",arrow:!0}}}});exports.color=r.color;exports.SaasThemeProvider=a;exports.createCustomTheme=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("@mui/material");require("react");require("react-query");const e=require("../index-5840ed79.cjs");exports.SaasThemeProvider=e.SaasThemeProvider;exports.useTheme=e.useTheme;

package/dist/theme/index.d.ts

@@ -1,3 +1,26 @@
-export * from './Colors';
-export * from './SaasThemeProvider';
-export * from './Theme';
+import { Theme } from '@mui/material';
+import { PropsWithChildren } from 'react';
+import { ColorsType } from './Colors';
+type B = {
+    url: string;
+    enabled: boolean;
+};
+export declare const useTheme: () => {
+    colors: ColorsType;
+    theme: Theme;
+    logo: any;
+    isFetching: boolean;
+};
+type P = {
+    brandTheme: B;
+    customTheme?: never;
+} | {
+    brandTheme?: never;
+    customTheme: Partial<Theme>;
+} | {
+    brandTheme?: never;
+    customTheme?: never;
+};
+type BrandThemeProps = PropsWithChildren<P>;
+export declare const SaasThemeProvider: (props: BrandThemeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/theme/index.js

@@ -1,461 +1,9 @@
-import { A as o, a as t, c as i } from "../index-5bc96a1f.js";
-import { jsx as n } from "react/jsx-runtime";
-import { ThemeProvider as a, createTheme as d } from "@mui/material";
-const h = (e) => {
-  const r = p({});
-  return /* @__PURE__ */ n(a, { theme: r, children: e.children });
-}, p = ({ colors: e = i }) => d({
-  palette: {
-    primary: {
-      main: e.primary300
-    },
-    secondary: {
-      main: e.secondary
-    },
-    warning: {
-      main: e.warning
-    },
-    error: {
-      main: e.danger
-    }
-  },
-  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.primary500,
-              color: e.white
-            },
-            "&.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: "outlined" },
-          style: {
-            color: e.primary500,
-            border: "1px solid",
-            borderColor: e.primary400,
-            "&:hover": {
-              backgroundColor: "inherit"
-            }
-          }
-        },
-        {
-          props: { variant: "outlinedPrimary" },
-          style: {
-            color: e.primary500,
-            border: "1px solid",
-            borderColor: e.primary400,
-            "&:hover": {
-              backgroundColor: "inherit"
-            }
-          }
-        },
-        {
-          props: { variant: "outLinedDanger" },
-          style: {
-            color: e.danger,
-            border: "1px solid",
-            borderColor: e.danger,
-            "&:hover": {
-              backgroundColor: "inherit"
-            }
-          }
-        }
-      ]
-    },
-    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: o,
-          next: t
-        }
-      },
-      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: !0
-      }
-    }
-  }
-});
+import "react/jsx-runtime";
+import "@mui/material";
+import "react";
+import "react-query";
+import { S as t, u as a } from "../index-2ca7cc99.js";
 export {
-  h as SaasThemeProvider,
-  i as color,
-  p as createCustomTheme
+  t as SaasThemeProvider,
+  a as useTheme
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ukpc-lib/react",
   "private": false,
-  "version": "0.3.3",
+  "version": "0.3.4",
   "type": "module",
   "main": "./dist/",
   "module": "./dist/",

package/web-components-bundle/global-menu/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");const e=require("../index-c311c558.cjs");exports.GlobalMenu=e.GlobalMenu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");const e=require("../index-25f216cc.cjs");exports.GlobalMenu=e.GlobalMenu;

package/web-components-bundle/global-menu/index.js

@@ -1,5 +1,5 @@
 import "../react-to-web-component-469d91d4.js";
-import { G as e } from "../index-feebf9bf.js";
+import { G as e } from "../index-c5021c14.js";
 export {
   e as GlobalMenu
 };

package/web-components-bundle/global-topbar/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");require("../index-c311c558.cjs");const e=require("../index-ff7fd2be.cjs");require("../index-389a5bed.cjs");exports.TopBar=e.TopBar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");require("../index-25f216cc.cjs");const e=require("../index-12495706.cjs");require("../index-389a5bed.cjs");exports.TopBar=e.TopBar;

package/web-components-bundle/global-topbar/index.js

@@ -1,6 +1,6 @@
 import "../react-to-web-component-469d91d4.js";
-import "../index-feebf9bf.js";
-import { T as i } from "../index-8081b070.js";
+import "../index-c5021c14.js";
+import { T as i } from "../index-21a54132.js";
 import "../index-bf404503.js";
 export {
   i as TopBar

package/web-components-bundle/has-permission/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");const e=require("../index-ff7fd2be.cjs");require("../index-c311c558.cjs");require("../index-389a5bed.cjs");exports.HasPermission=e.HasPermission;exports.getUseHasPermission=e.getUseHasPermission;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");const e=require("../index-12495706.cjs");require("../index-25f216cc.cjs");require("../index-389a5bed.cjs");exports.HasPermission=e.HasPermission;exports.getUseHasPermission=e.getUseHasPermission;

package/web-components-bundle/has-permission/index.js

@@ -1,6 +1,6 @@
 import "../react-to-web-component-469d91d4.js";
-import { H as e, g as t } from "../index-8081b070.js";
-import "../index-feebf9bf.js";
+import { H as e, g as t } from "../index-21a54132.js";
+import "../index-c5021c14.js";
 import "../index-bf404503.js";
 export {
   e as HasPermission,