@ukpc-lib/react 0.16.1 → 0.16.2-dev.2

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-CfHmo57t.cjs"),h=require("axios"),c=require("react"),l=require("react-router-dom"),u=require("react/jsx-runtime");require("@r2wc/react-to-web-component");require("@mui/material");const m=n=>{const[s,r]=c.useState([]);return c.useEffect(()=>{h.get(`${n}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(o=>r(o.data)).catch(o=>{console.error("Getting user permission error:",o)})},[n]),s},f=n=>{const s=l.useNavigate(),r=l.useLocation();console.log(" useSyncRouter.tsx ~ location1:",r,window.location.pathname);const o=(t=r)=>(n||"")+t.pathname+t.search+t.hash;if(c.useEffect(()=>{const t={changeRoute:i=>{const a=o();if(typeof i=="string"&&a!==i){console.log(" useSyncRouter.tsx ~ location2:",a,i);const g=n&&i.startsWith(n)?i.substring(n.length):i;s(g)}}};window.MicrofeBridge=t},[s,r]),c.useEffect(()=>{var i,a;const t=o();console.log("fullPath1",window.location.pathname,t),(a=(i=window.parent)==null?void 0:i.HostBridge)==null||a.childRouteChange(t)},[r]),window.self===window.top){console.log("useSyncRouter: Navigate to /app path"),window.location.href=window.location.href.replace(window.origin,`${window.origin}/app`);return}};function w({open:n,disabled:s}){c.useMemo(()=>{var r,o,t,i;s||(n?(o=(r=window.top)==null?void 0:r.HostBridge)==null||o.openBackdrop(!0):(i=(t=window.top)==null?void 0:t.HostBridge)==null||i.openBackdrop(!1))},[n,s])}const d=n=>(s,r)=>{const o=m(n);return r?s.every(t=>o==null?void 0:o.includes(t)):s.some(t=>o==null?void 0:o.includes(t))},P=({baseUrl:n,accessWith:s,requireAll:r,children:o})=>d(n)(s,r)?u.jsx(u.Fragment,{children:o}):null,p=({accessWith:n,requireAll:s,baseUrl:r,unAuthorizedPath:o,children:t})=>d(r)(n,s)?u.jsx(u.Fragment,{children:t}):u.jsx(l.Navigate,{to:o,replace:!0});exports.AuthContext=e.AuthContext;exports.AuthProvider=e.AuthProvider;exports.ERROR_MESSAGE=e.ERROR_MESSAGE;exports.SaasThemeProvider=e.SaasThemeProvider;exports.TranslationProvider=e.TranslationProvider;exports.axiosInstance=e.axiosInstance;exports.color=e.color;exports.createCustomTheme=e.createCustomTheme;exports.handleErrorAxios=e.handleErrorAxios;exports.login=e.login;exports.logout=e.logout;exports.responseInterceptor=e.responseInterceptor;exports.search=e.search;exports.setFavicon=e.setFavicon;exports.setShellBackdrop=e.setShellBackdrop;exports.translate=e.translate;exports.translationConfig=e.translationConfig;exports.useAuth=e.useAuth;exports.useCustomTranslation=e.useCustomTranslation;exports.useTheme=e.useTheme;exports.useTranslation=e.useTranslation$1;exports.HasPermission=P;exports.PermissionRoute=p;exports.getUseHasPermission=d;exports.useGetPermission=m;exports.useSyncBackdrop=w;exports.useSyncRouter=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-Bvk6m7Mf.cjs"),g=require("axios"),c=require("react"),d=require("react-router-dom"),u=require("react/jsx-runtime");require("@r2wc/react-to-web-component");require("@mui/material");require("react-query");require("react-dom");require("moment");const h=r=>{const[i,t]=c.useState([]);return c.useEffect(()=>{g.get(`${r}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(s=>t(s.data)).catch(s=>{console.error("Getting user permission error:",s)})},[r]),i},f=r=>{const i=d.useNavigate(),t=d.useLocation();console.log(" useSyncRouter.tsx ~ location1:",t,window.location.pathname);const s=(n=t)=>(r||"")+n.pathname+n.search+n.hash;if(c.useEffect(()=>{const n={changeRoute:o=>{const a=s();if(typeof o=="string"&&a!==o){console.log(" useSyncRouter.tsx ~ location2:",a,o);const m=r&&o.startsWith(r)?o.substring(r.length):o;i(m)}}};window.MicrofeBridge=n},[i,t]),c.useEffect(()=>{var o,a;const n=s();console.log("fullPath1",window.location.pathname,n),(a=(o=window.parent)==null?void 0:o.HostBridge)==null||a.childRouteChange(n)},[t]),window.self===window.top){console.log("useSyncRouter: Navigate to /app path"),window.location.href=window.location.href.replace(window.origin,`${window.origin}/app`);return}};function P({open:r,disabled:i}){c.useMemo(()=>{var t,s,n,o;i||(r?(s=(t=window.top)==null?void 0:t.HostBridge)==null||s.openBackdrop(!0):(o=(n=window.top)==null?void 0:n.HostBridge)==null||o.openBackdrop(!1))},[r,i])}const l=(r,i)=>(t,s)=>{const o=e.useUserPermissions({axiosInstance:i,baseUrl:r}).data;return o?s?t.every(a=>o==null?void 0:o.includes(a)):t.some(a=>o==null?void 0:o.includes(a)):!1},w=({baseUrl:r,accessWith:i,requireAll:t,children:s})=>l(r)(i,t)?u.jsx(u.Fragment,{children:s}):null,p=({accessWith:r,requireAll:i,baseUrl:t,children:s})=>l(t)(r,i)?u.jsx(u.Fragment,{children:s}):u.jsx(e.UnauthorizedPage,{});exports.AuthContext=e.AuthContext;exports.AuthProvider=e.AuthProvider;exports.ERROR_MESSAGE=e.ERROR_MESSAGE;exports.SaasThemeProvider=e.SaasThemeProvider;exports.TranslationProvider=e.TranslationProvider;exports.axiosInstance=e.axiosInstance;exports.color=e.color;exports.createCustomTheme=e.createCustomTheme;exports.handleErrorAxios=e.handleErrorAxios;exports.login=e.login;exports.logout=e.logout;exports.responseInterceptor=e.responseInterceptor;exports.search=e.search;exports.setFavicon=e.setFavicon;exports.setShellBackdrop=e.setShellBackdrop;exports.translate=e.translate;exports.translationConfig=e.translationConfig;exports.useAuth=e.useAuth;exports.useCustomTranslation=e.useCustomTranslation;exports.useTheme=e.useTheme;exports.useTranslation=e.useTranslation;exports.HasPermission=w;exports.PermissionRoute=p;exports.getUseHasPermission=l;exports.useGetPermission=h;exports.useSyncBackdrop=P;exports.useSyncRouter=f;

package/dist/share/index.js

@@ -1,44 +1,48 @@
-import { O as F, R as M, T as G, a2 as N, $, a as I, c as O, a0 as j, W as z, U as L, V as U, X as V, w as W, a1 as X, s as Y, t as Z, Y as _, e as q, u as D, i as J, Z as K } from "../index.esm2017-6dO6symv.js";
-import d from "axios";
-import { useState as g, useEffect as i, useMemo as h } from "react";
-import { useNavigate as w, useLocation as f, Navigate as p } from "react-router-dom";
-import { jsx as c, Fragment as u } from "react/jsx-runtime";
+import { K as d, U as g } from "../index.esm2017-BBJ8G4_G.js";
+import { M as z, O as D, R as I, a2 as N, $ as O, a as j, c as K, a0 as L, W as V, T as W, V as X, X as Y, r as Z, a1 as _, s as q, t as J, Y as Q, e as b, u as oo, i as eo, Z as so } from "../index.esm2017-BBJ8G4_G.js";
+import p from "axios";
+import { useState as f, useEffect as a, useMemo as h } from "react";
+import { useNavigate as w, useLocation as P } from "react-router-dom";
+import { jsx as u, Fragment as c } from "react/jsx-runtime";
 import "@r2wc/react-to-web-component";
 import "@mui/material";
-const P = (s) => {
-  const [n, t] = g([]);
-  return i(() => {
-    d.get(`${s}/user-management/api/v1/users/my-account/permissions`, {
+import "react-query";
+import "react-dom";
+import "moment";
+const H = (e) => {
+  const [r, s] = f([]);
+  return a(() => {
+    p.get(`${e}/user-management/api/v1/users/my-account/permissions`, {
       withCredentials: !0
-    }).then((o) => t(o.data)).catch((o) => {
-      console.error("Getting user permission error:", o);
+    }).then((t) => s(t.data)).catch((t) => {
+      console.error("Getting user permission error:", t);
     });
-  }, [s]), n;
-}, T = (s) => {
-  const n = w(), t = f();
+  }, [e]), r;
+}, M = (e) => {
+  const r = w(), s = P();
   console.log(
     " useSyncRouter.tsx ~ location1:",
-    t,
+    s,
     window.location.pathname
   );
-  const o = (e = t) => (s || "") + e.pathname + e.search + e.hash;
-  if (i(() => {
-    const e = {
-      changeRoute: (r) => {
-        const a = o();
-        if (typeof r == "string" && a !== r) {
-          console.log(" useSyncRouter.tsx ~ location2:", a, r);
-          const m = s && r.startsWith(s) ? r.substring(s.length) : r;
-          n(m);
+  const t = (n = s) => (e || "") + n.pathname + n.search + n.hash;
+  if (a(() => {
+    const n = {
+      changeRoute: (o) => {
+        const i = t();
+        if (typeof o == "string" && i !== o) {
+          console.log(" useSyncRouter.tsx ~ location2:", i, o);
+          const m = e && o.startsWith(e) ? o.substring(e.length) : o;
+          r(m);
         }
       }
     };
-    window.MicrofeBridge = e;
-  }, [n, t]), i(() => {
-    var r, a;
-    const e = o();
-    console.log("fullPath1", window.location.pathname, e), (a = (r = window.parent) == null ? void 0 : r.HostBridge) == null || a.childRouteChange(e);
-  }, [t]), window.self === window.top) {
+    window.MicrofeBridge = n;
+  }, [r, s]), a(() => {
+    var o, i;
+    const n = t();
+    console.log("fullPath1", window.location.pathname, n), (i = (o = window.parent) == null ? void 0 : o.HostBridge) == null || i.childRouteChange(n);
+  }, [s]), window.self === window.top) {
     console.log("useSyncRouter: Navigate to /app path"), window.location.href = window.location.href.replace(
       window.origin,
       `${window.origin}/app`
@@ -46,60 +50,62 @@ const P = (s) => {
     return;
   }
 };
-function C({
-  open: s,
-  disabled: n
+function k({
+  open: e,
+  disabled: r
 }) {
   h(() => {
-    var t, o, e, r;
-    n || (s ? (o = (t = window.top) == null ? void 0 : t.HostBridge) == null || o.openBackdrop(!0) : (r = (e = window.top) == null ? void 0 : e.HostBridge) == null || r.openBackdrop(!1));
-  }, [s, n]);
+    var s, t, n, o;
+    r || (e ? (t = (s = window.top) == null ? void 0 : s.HostBridge) == null || t.openBackdrop(!0) : (o = (n = window.top) == null ? void 0 : n.HostBridge) == null || o.openBackdrop(!1));
+  }, [e, r]);
 }
-const l = (s) => (n, t) => {
-  const o = P(s);
-  return t ? n.every(
-    (e) => o == null ? void 0 : o.includes(e)
-  ) : n.some(
-    (e) => o == null ? void 0 : o.includes(e)
-  );
-}, A = ({
+const l = (e, r) => (s, t) => {
+  const o = d({
+    axiosInstance: r,
+    baseUrl: e
+  }).data;
+  return o ? t ? s.every(
+    (i) => o == null ? void 0 : o.includes(i)
+  ) : s.some(
+    (i) => o == null ? void 0 : o.includes(i)
+  ) : !1;
+}, F = ({
+  baseUrl: e,
+  accessWith: r,
+  requireAll: s,
+  children: t
+}) => l(e)(r, s) ? /* @__PURE__ */ u(c, { children: t }) : null, G = ({
+  accessWith: e,
+  requireAll: r,
   baseUrl: s,
-  accessWith: n,
-  requireAll: t,
-  children: o
-}) => l(s)(n, t) ? /* @__PURE__ */ c(u, { children: o }) : null, E = ({
-  accessWith: s,
-  requireAll: n,
-  baseUrl: t,
-  unAuthorizedPath: o,
-  children: e
-}) => l(t)(s, n) ? /* @__PURE__ */ c(u, { children: e }) : /* @__PURE__ */ c(p, { to: o, replace: !0 });
+  children: t
+}) => l(s)(e, r) ? /* @__PURE__ */ u(c, { children: t }) : /* @__PURE__ */ u(g, {});
 export {
-  F as AuthContext,
-  M as AuthProvider,
-  G as ERROR_MESSAGE,
-  A as HasPermission,
-  E as PermissionRoute,
+  z as AuthContext,
+  D as AuthProvider,
+  I as ERROR_MESSAGE,
+  F as HasPermission,
+  G as PermissionRoute,
   N as SaasThemeProvider,
-  $ as TranslationProvider,
-  I as axiosInstance,
-  O as color,
-  j as createCustomTheme,
+  O as TranslationProvider,
+  j as axiosInstance,
+  K as color,
+  L as createCustomTheme,
   l as getUseHasPermission,
-  z as handleErrorAxios,
-  L as login,
-  U as logout,
-  V as responseInterceptor,
-  W as search,
-  X as setFavicon,
-  Y as setShellBackdrop,
-  Z as translate,
-  _ as translationConfig,
-  q as useAuth,
-  D as useCustomTranslation,
-  P as useGetPermission,
-  C as useSyncBackdrop,
-  T as useSyncRouter,
-  J as useTheme,
-  K as useTranslation
+  V as handleErrorAxios,
+  W as login,
+  X as logout,
+  Y as responseInterceptor,
+  Z as search,
+  _ as setFavicon,
+  q as setShellBackdrop,
+  J as translate,
+  Q as translationConfig,
+  b as useAuth,
+  oo as useCustomTranslation,
+  H as useGetPermission,
+  k as useSyncBackdrop,
+  M as useSyncRouter,
+  eo as useTheme,
+  so as useTranslation
 };

package/dist/share/permissions/HasPermission.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 
-export declare const getUseHasPermission: (baseUrl: string) => (accessWith: string[], requireAll?: boolean) => boolean;
+export declare const getUseHasPermission: (baseUrl: string, axiosInstance?: any) => (accessWith: string[], requireAll?: boolean) => boolean;
 type HasPermissionProps = {
     baseUrl: string;
     accessWith: string[];

package/dist/share/permissions/PermissionRoute.d.ts

@@ -4,7 +4,6 @@ type PermissionRouteProps = {
     accessWith: string[];
     baseUrl: string;
     requireAll?: boolean;
-    unAuthorizedPath: string;
 };
-export declare const PermissionRoute: ({ accessWith, requireAll, baseUrl, unAuthorizedPath, children, }: PropsWithChildren<PermissionRouteProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const PermissionRoute: ({ accessWith, requireAll, baseUrl, children, }: PropsWithChildren<PermissionRouteProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ukpc-lib/react",
     "private": false,
-    "version": "0.16.1",
+    "version": "0.16.2-dev.2",
     "type": "module",
     "main": "./dist/",
     "module": "./dist/",

package/web-components-bundle/access-denied/index.js

@@ -1,5 +1,5 @@
-import "../react-to-web-component-BOygDorD.js";
-import { U as e } from "../index-CiYHK3Rq.js";
+import "../react-to-web-component-w5r1Fs9q.js";
+import { U as e } from "../index-Ch-015PG.js";
 export {
   e as UnauthorizedPage
 };

package/web-components-bundle/base-breadcrumbs/index.js

@@ -1,5 +1,5 @@
-import "../react-to-web-component-BOygDorD.js";
-import { ae as m } from "../index-DzW7qqrH.js";
+import "../react-to-web-component-w5r1Fs9q.js";
+import { ae as m } from "../index-BU5SX9Tl.js";
 export {
   m as BaseBreadcrumbs
 };

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

@@ -1,8 +1,12 @@
-import "../react-to-web-component-BOygDorD.js";
-import { F as i, u as m } from "../index-C9rCPfzu.js";
-import "../index-BUE-pz1x.js";
-import "../index-DzW7qqrH.js";
+import "../react-to-web-component-w5r1Fs9q.js";
+import { F as u, u as F } from "../index-DZQDyhAj.js";
+import "../index-DqxmsDJs.js";
+import "../index-BU5SX9Tl.js";
+import "../react-toastify.esm-H_Xdunfj.js";
+import "../toast-config/index.js";
+import "../toast-config-notification/index.js";
+import "../index-Ch-015PG.js";
 export {
-  i as FavoriteMenu,
-  m as updateFavoriteItems
+  u as FavoriteMenu,
+  F as updateFavoriteItems
 };

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

@@ -1,7 +1,8 @@
-import "../react-to-web-component-BOygDorD.js";
-import { G as i } from "../index-C9rCPfzu.js";
-import "../index-BUE-pz1x.js";
-import "../index-DzW7qqrH.js";
+import "../react-to-web-component-w5r1Fs9q.js";
+import { G as a } from "../index-DZQDyhAj.js";
+import "../index-DqxmsDJs.js";
+import "../index-BU5SX9Tl.js";
+import "../index-Ch-015PG.js";
 export {
-  i as GlobalMenu
+  a as GlobalMenu
 };

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

@@ -1,9 +1,9 @@
-import "../react-to-web-component-BOygDorD.js";
-import { L as n, T as s } from "../index-C9rCPfzu.js";
-import "../index-BUE-pz1x.js";
-import "../index-CiYHK3Rq.js";
-import "../index-DzW7qqrH.js";
-import "../react-toastify.esm-DnABvuky.js";
+import "../react-to-web-component-w5r1Fs9q.js";
+import { L as n, T as s } from "../index-DZQDyhAj.js";
+import "../index-DqxmsDJs.js";
+import "../index-Ch-015PG.js";
+import "../index-BU5SX9Tl.js";
+import "../react-toastify.esm-H_Xdunfj.js";
 import "../toast-config/index.js";
 import "../toast-config-notification/index.js";
 export {

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

@@ -1,7 +1,6 @@
-import "../react-to-web-component-BOygDorD.js";
-import { H as e, g as m } from "../index-C9rCPfzu.js";
-import "../index-DzW7qqrH.js";
+import "../react-to-web-component-w5r1Fs9q.js";
+import { H as o, g as r } from "../index-DZQDyhAj.js";
 export {
-  e as HasPermission,
-  m as getUseHasPermission
+  o as HasPermission,
+  r as getUseHasPermission
 };