@ukpc-lib/react 0.13.1-dev.8 → 0.13.1-dev.9

package/dist/components/main.d.ts

@@ -19,4 +19,5 @@ export * from './Notification';
 export * from './MultiProvider';
 export * from './PageNotFound';
 export * from './GlobalMenu/components/MenuIconComponent.tsx';
+export * from './PopUp/types.ts';
 export * from './BaseBreadcrumb';

package/dist/share/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useGetPermission';
 export * from './useSyncRouter';
+export * from './useSyncBackdrop';

package/dist/share/hooks/useSyncBackdrop.d.ts

@@ -0,0 +1,4 @@
+export declare function useSyncBackdrop({ open, disabled, }: {
+    open: boolean;
+    disabled?: boolean;
+}): void;

package/dist/share/index.cjs

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

package/dist/share/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ukpc-lib/react",
     "private": false,
-    "version": "0.13.1-dev.8",
+    "version": "0.13.1-dev.9",
     "type": "module",
     "main": "./dist/",
     "module": "./dist/",