@ukpc-lib/react 0.3.2 → 0.3.4

package/dist/share/index.cjs

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

package/dist/share/index.js

@@ -1,12 +1,13 @@
-import { B as l, E as f, p as E, F as R } from "../index.module-16bdfef5.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-16bdfef5.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 g } from "react/jsx-runtime";
-import { useState as y, useEffect as v } from "react";
+import { useState as T, useEffect as v } from "react";
 import "moment";
 import "@r2wc/react-to-web-component";
 import "@mui/material";
 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,8 +31,8 @@ function H({
   }
   return r;
 }
-const T = (t) => {
-  const [n, r] = y([]);
+const y = (t) => {
+  const [n, r] = T([]);
   return v(() => {
     P.get(`${t}/user-management/api/v1/users/my-account/permissions`, {
       withCredentials: !0
@@ -40,7 +41,7 @@ const T = (t) => {
     });
   }, [t]), n;
 }, d = (t) => (n, r) => {
-  const s = T(t);
+  const s = y(t);
   return r ? n.every(
     (e) => s == null ? void 0 : s.includes(e)
   ) : n.some(
@@ -62,6 +63,7 @@ export {
   q as AuthProvider,
   I as HasPermission,
   N as PermissionRoute,
+  J as SaasThemeProvider,
   F as TranslationProvider,
   H as getAxiosInstance,
   d as getUseHasPermission,
@@ -70,6 +72,7 @@ export {
   O as translationConfig,
   b as useAuth,
   z as useCustomTranslation,
-  T as useGetPermission,
+  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 c=require("../Colors-51ce6654.cjs"),v=require("react/jsx-runtime"),m=require("@mui/material"),a=require("react"),O=e=>{const r=y({});return v.jsx(m.ThemeProvider,{theme:r,children:e.children})};var h={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},g=a.createContext&&a.createContext(h),M=["attr","size","title"];function P(e,r){if(e==null)return{};var t=C(e,r),i,o;if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)i=n[o],!(r.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}function C(e,r){if(e==null)return{};var t={},i=Object.keys(e),o,n;for(n=0;n<i.length;n++)o=i[n],!(r.indexOf(o)>=0)&&(t[o]=e[o]);return t}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},d.apply(this,arguments)}function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,i)}return t}function l(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?s(Object(t),!0).forEach(function(i){S(e,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach(function(i){Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(t,i))})}return e}function S(e,r,t){return r=w(r),r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function w(e){var r=k(e,"string");return typeof r=="symbol"?r:String(r)}function k(e,r){if(typeof e!="object"||e===null)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var i=t.call(e,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function b(e){return e&&e.map((r,t)=>a.createElement(r.tag,l({key:t},r.attr),b(r.child)))}function f(e){return r=>a.createElement(z,d({attr:l({},e.attr)},r),b(e.child))}function z(e){var r=t=>{var{attr:i,size:o,title:n}=e,x=P(e,M),p=o||t.size||"1em",u;return t.className&&(u=t.className),e.className&&(u=(u?u+" ":"")+e.className),a.createElement("svg",d({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,i,x,{className:u,style:l(l({color:e.color||t.color},t.style),e.style),height:p,width:p,xmlns:"http://www.w3.org/2000/svg"}),n&&a.createElement("title",null,n),e.children)};return g!==void 0?a.createElement(g.Consumer,null,t=>r(t)):r(h)}function j(e){return f({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:[]}]})(e)}function T(e){return f({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:[]}]})(e)}const y=({colors:e=c.color})=>m.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:j,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:{}}},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=c.color;exports.SaasThemeProvider=O;exports.createCustomTheme=y;
+"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 {};