@ukpc-lib/react 0.2.9 → 0.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/Colors-4ad88021.js +29 -0
  2. package/dist/Colors-51ce6654.cjs +1 -0
  3. package/dist/components/Notification/NotificationList/components/CustomOpenListContext.d.ts +3 -0
  4. package/dist/components/Notification/NotificationList/components/query.d.ts +2 -0
  5. package/dist/components/Notification/models/NotiticationDto.d.ts +6 -0
  6. package/dist/components/Topbar/icons/country-flags/GermanyIcon.d.ts +4 -0
  7. package/dist/components/Topbar/icons/country-flags/UnitedKingdomIcon.d.ts +4 -0
  8. package/dist/components/index.cjs +26 -26
  9. package/dist/components/index.js +2748 -2527
  10. package/dist/index.css +1 -1
  11. package/dist/index.module-91685508.js +24670 -0
  12. package/dist/index.module-dcaddd18.cjs +1086 -0
  13. package/dist/share/TranslationProvider/index.d.ts +11 -0
  14. package/dist/share/index.cjs +1 -1
  15. package/dist/share/index.d.ts +1 -0
  16. package/dist/share/index.js +44 -42
  17. package/dist/theme/index.cjs +1 -0
  18. package/dist/theme/index.js +577 -0
  19. package/package.json +12 -2
  20. package/web-components-bundle/global-menu/index.cjs +2 -2
  21. package/web-components-bundle/global-menu/index.js +2 -2
  22. package/web-components-bundle/global-topbar/index.cjs +1 -1
  23. package/web-components-bundle/global-topbar/index.js +2 -2
  24. package/web-components-bundle/has-permission/index.cjs +1 -1
  25. package/web-components-bundle/has-permission/index.js +2 -2
  26. package/web-components-bundle/index-0c76b789.cjs +884 -0
  27. package/web-components-bundle/{index-75324537.js → index-200424a6.js} +18 -28
  28. package/web-components-bundle/{index-374bf205.cjs → index-661a7bdb.cjs} +1 -1
  29. package/web-components-bundle/index-fb164b1a.js +19854 -0
  30. package/dist/index.module-7d653d97.js +0 -22703
  31. package/dist/index.module-ff8a71df.cjs +0 -1086
  32. package/web-components-bundle/index-11fd22c1.cjs +0 -884
  33. package/web-components-bundle/index-51fef28a.js +0 -17668
@@ -0,0 +1,11 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ import { Language } from '../../translations/config';
3
+ export declare const useTranslation: () => {
4
+ language: Language | undefined;
5
+ setLanguage: import("react").Dispatch<import("react").SetStateAction<Language | undefined>>;
6
+ };
7
+ export declare const TranslationProvider: FC<PropsWithChildren & {
8
+ resources?: Record<Language, {
9
+ translation: any;
10
+ }>;
11
+ }>;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index.module-ff8a71df.cjs"),l=require("axios"),i=require("react/jsx-runtime"),g=require("react");require("moment");require("@r2wc/react-to-web-component");const R=require("react-router-dom");require("react-dom");require("@mui/material");function q({config:t,pushError:n=o.pushError}){const r=l.create(t);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 h,p,P;console.error("Error 🚨:",e);const u=e.config,a=(p=(h=e.response)==null?void 0:h.data)==null?void 0:p.errorMessage,m=a===o.ERROR_MESSAGE.TOKEN_EXPIRED;return((P=e.response)==null?void 0:P.status)===401?m&&!u._retry?(u._retry=!0,r.post("/authentication/api/v1/auth/refresh-token").then(()=>r(u)).catch(()=>o.login(t.baseURL))):((!a||!m)&&o.login(t.baseURL),Promise.reject("Unauthorized! Please login again.")):(n(a||"Something went wrong!"),Promise.reject(e.response.data))}return r}const d=t=>{const[n,r]=g.useState([]);return g.useEffect(()=>{l.get(`${t}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(s=>r(s.data)).catch(s=>{console.error("Getting user permission error:",s)})},[t]),n},c=t=>(n,r)=>{const s=d(t);return r?n.every(e=>s==null?void 0:s.includes(e)):n.some(e=>s==null?void 0:s.includes(e))},E=({baseUrl:t,accessWith:n,requireAll:r,children:s})=>c(t)(n,r)?i.jsx(i.Fragment,{children:s}):null,f=({accessWith:t,requireAll:n,baseUrl:r,unAuthorizedPath:s,children:e})=>c(r)(t,n)?i.jsx(i.Fragment,{children:e}):i.jsx(R.Navigate,{to:s,replace:!0});exports.AuthProvider=o.AuthProvider;exports.search=o.search;exports.useAuth=o.useAuth;exports.HasPermission=E;exports.PermissionRoute=f;exports.getAxiosInstance=q;exports.getUseHasPermission=c;exports.useGetPermission=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index.module-dcaddd18.cjs"),d=require("axios"),i=require("react/jsx-runtime"),g=require("react");require("moment");require("@r2wc/react-to-web-component");const f=require("react-router-dom");require("react-dom");require("@mui/material");function q({config:t,pushError:n=o.pushError}){const r=d.create(t);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 l,P,p,h;console.error("Error 🚨:",e);const a=e.config,u=(P=(l=e.response)==null?void 0:l.data)==null?void 0:P.errorMessage,m=u===o.ERROR_MESSAGE.TOKEN_EXPIRED;return((p=e.response)==null?void 0:p.status)===401?m&&!a._retry?(a._retry=!0,r.post("/authentication/api/v1/auth/refresh-token").then(()=>r(a)).catch(()=>o.login(t.baseURL))):((!u||!m)&&o.login(t.baseURL),Promise.reject("Unauthorized! Please login again.")):(((h=e.response)==null?void 0:h.status)===403?n(o.t("errorMessage.403")):n(o.t(`${u}`)||"Something went wrong!"),Promise.reject(e.response.data))}return r}const R=t=>{const[n,r]=g.useState([]);return g.useEffect(()=>{d.get(`${t}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(s=>r(s.data)).catch(s=>{console.error("Getting user permission error:",s)})},[t]),n},c=t=>(n,r)=>{const s=R(t);return r?n.every(e=>s==null?void 0:s.includes(e)):n.some(e=>s==null?void 0:s.includes(e))},j=({baseUrl:t,accessWith:n,requireAll:r,children:s})=>c(t)(n,r)?i.jsx(i.Fragment,{children:s}):null,v=({accessWith:t,requireAll:n,baseUrl:r,unAuthorizedPath:s,children:e})=>c(r)(t,n)?i.jsx(i.Fragment,{children:e}):i.jsx(f.Navigate,{to:s,replace:!0});exports.AuthProvider=o.AuthProvider;exports.TranslationProvider=o.TranslationProvider;exports.search=o.search;exports.useAuth=o.useAuth;exports.useTranslation=o.useTranslation;exports.HasPermission=j;exports.PermissionRoute=v;exports.getAxiosInstance=q;exports.getUseHasPermission=c;exports.useGetPermission=R;
@@ -3,3 +3,4 @@ export * from './interceptor';
3
3
  export * from './hooks';
4
4
  export * from './permissions';
5
5
  export * from './helpers';
6
+ export * from './TranslationProvider';
@@ -1,71 +1,73 @@
1
- import { y as h, p as E, E as g } from "../index.module-7d653d97.js";
2
- import { A as C, m as H, z as L } from "../index.module-7d653d97.js";
3
- import f from "axios";
4
- import { jsx as a, Fragment as P } from "react/jsx-runtime";
5
- import { useState as d, useEffect as y } from "react";
1
+ import { A as f, t as l, p as E, E as R } from "../index.module-91685508.js";
2
+ import { F as L, T as N, m as O, G as b, u as z } from "../index.module-91685508.js";
3
+ import P from "axios";
4
+ import { jsx as a, Fragment as g } from "react/jsx-runtime";
5
+ import { useState as y, useEffect as v } from "react";
6
6
  import "moment";
7
7
  import "@r2wc/react-to-web-component";
8
- import { Navigate as R } from "react-router-dom";
8
+ import { Navigate as x } from "react-router-dom";
9
9
  import "react-dom";
10
10
  import "@mui/material";
11
- function T({
11
+ function k({
12
12
  config: t,
13
13
  pushError: n = E
14
14
  }) {
15
- const s = f.create(t);
16
- s.interceptors.request.use(
15
+ const r = P.create(t);
16
+ r.interceptors.request.use(
17
17
  async (e) => (e.headers = {
18
18
  Accept: "application/json",
19
19
  "Content-Type": "application/json"
20
20
  }, e),
21
21
  (e) => Promise.reject(e)
22
- ), s.interceptors.response.use(
22
+ ), r.interceptors.response.use(
23
23
  (e) => e,
24
- async (e) => r(e)
24
+ async (e) => s(e)
25
25
  );
26
- async function r(e) {
27
- var c, m, p;
26
+ async function s(e) {
27
+ var c, m, p, h;
28
28
  console.error("Error 🚨:", e);
29
- const o = e.config, i = (m = (c = e.response) == null ? void 0 : c.data) == null ? void 0 : m.errorMessage, u = i === g.TOKEN_EXPIRED;
30
- return ((p = e.response) == null ? void 0 : p.status) === 401 ? u && !o._retry ? (o._retry = !0, s.post("/authentication/api/v1/auth/refresh-token").then(() => s(o)).catch(() => h(t.baseURL))) : ((!i || !u) && h(t.baseURL), Promise.reject("Unauthorized! Please login again.")) : (n(i || "Something went wrong!"), Promise.reject(e.response.data));
29
+ const o = e.config, i = (m = (c = e.response) == null ? void 0 : c.data) == null ? void 0 : m.errorMessage, u = i === R.TOKEN_EXPIRED;
30
+ return ((p = e.response) == null ? void 0 : p.status) === 401 ? u && !o._retry ? (o._retry = !0, r.post("/authentication/api/v1/auth/refresh-token").then(() => r(o)).catch(() => f(t.baseURL))) : ((!i || !u) && f(t.baseURL), Promise.reject("Unauthorized! Please login again.")) : (((h = e.response) == null ? void 0 : h.status) === 403 ? n(l("errorMessage.403")) : n(l(`${i}`) || "Something went wrong!"), Promise.reject(e.response.data));
31
31
  }
32
- return s;
32
+ return r;
33
33
  }
34
- const x = (t) => {
35
- const [n, s] = d([]);
36
- return y(() => {
37
- f.get(`${t}/user-management/api/v1/users/my-account/permissions`, {
34
+ const A = (t) => {
35
+ const [n, r] = y([]);
36
+ return v(() => {
37
+ P.get(`${t}/user-management/api/v1/users/my-account/permissions`, {
38
38
  withCredentials: !0
39
- }).then((r) => s(r.data)).catch((r) => {
40
- console.error("Getting user permission error:", r);
39
+ }).then((s) => r(s.data)).catch((s) => {
40
+ console.error("Getting user permission error:", s);
41
41
  });
42
42
  }, [t]), n;
43
- }, l = (t) => (n, s) => {
44
- const r = x(t);
45
- return s ? n.every(
46
- (e) => r == null ? void 0 : r.includes(e)
43
+ }, d = (t) => (n, r) => {
44
+ const s = A(t);
45
+ return r ? n.every(
46
+ (e) => s == null ? void 0 : s.includes(e)
47
47
  ) : n.some(
48
- (e) => r == null ? void 0 : r.includes(e)
48
+ (e) => s == null ? void 0 : s.includes(e)
49
49
  );
50
- }, U = ({
50
+ }, q = ({
51
51
  baseUrl: t,
52
52
  accessWith: n,
53
- requireAll: s,
54
- children: r
55
- }) => l(t)(n, s) ? /* @__PURE__ */ a(P, { children: r }) : null, k = ({
53
+ requireAll: r,
54
+ children: s
55
+ }) => d(t)(n, r) ? /* @__PURE__ */ a(g, { children: s }) : null, C = ({
56
56
  accessWith: t,
57
57
  requireAll: n,
58
- baseUrl: s,
59
- unAuthorizedPath: r,
58
+ baseUrl: r,
59
+ unAuthorizedPath: s,
60
60
  children: e
61
- }) => l(s)(t, n) ? /* @__PURE__ */ a(P, { children: e }) : /* @__PURE__ */ a(R, { to: r, replace: !0 });
61
+ }) => d(r)(t, n) ? /* @__PURE__ */ a(g, { children: e }) : /* @__PURE__ */ a(x, { to: s, replace: !0 });
62
62
  export {
63
- C as AuthProvider,
64
- U as HasPermission,
65
- k as PermissionRoute,
66
- T as getAxiosInstance,
67
- l as getUseHasPermission,
68
- H as search,
69
- L as useAuth,
70
- x as useGetPermission
63
+ L as AuthProvider,
64
+ q as HasPermission,
65
+ C as PermissionRoute,
66
+ N as TranslationProvider,
67
+ k as getAxiosInstance,
68
+ d as getUseHasPermission,
69
+ O as search,
70
+ b as useAuth,
71
+ A as useGetPermission,
72
+ z as useTranslation
71
73
  };
@@ -0,0 +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");var h={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},g=a.createContext&&a.createContext(h),O=["attr","size","title"];function M(e,r){if(e==null)return{};var t=P(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 P(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){C(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 C(e,r,t){return r=S(r),r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function S(e){var r=w(e,"string");return typeof r=="symbol"?r:String(r)}function w(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(k,d({attr:l({},e.attr)},r),b(e.child))}function k(e){var r=t=>{var{attr:i,size:o,title:n}=e,x=M(e,O),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 z(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 j(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:z,next:j}},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}}}}),T=e=>{const r=y({});return v.jsx(m.ThemeProvider,{theme:r,children:e.children})};exports.color=c.color;exports.SaasThemeProvider=T;exports.createCustomTheme=y;