@ukpc-lib/react 0.12.1-dev.8 → 0.13.1-dev.0

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

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

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

@@ -0,0 +1,7 @@
+declare global {
+    interface Window {
+        MicrofeBridge?: any;
+        HostBridge?: any;
+    }
+}
+export declare const useSyncRouter: () => void;

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-DMgzbuon.cjs"),m=require("axios"),u=require("react"),i=require("react/jsx-runtime");require("@r2wc/react-to-web-component");const l=require("react-router-dom");require("@mui/material");const c=s=>{const[t,o]=u.useState([]);return u.useEffect(()=>{m.get(`${s}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(r=>o(r.data)).catch(r=>{console.error("Getting user permission error:",r)})},[s]),t},a=s=>(t,o)=>{const r=c(s);return o?t.every(n=>r==null?void 0:r.includes(n)):t.some(n=>r==null?void 0:r.includes(n))},h=({baseUrl:s,accessWith:t,requireAll:o,children:r})=>a(s)(t,o)?i.jsx(i.Fragment,{children:r}):null,P=({accessWith:s,requireAll:t,baseUrl:o,unAuthorizedPath:r,children:n})=>a(o)(s,t)?i.jsx(i.Fragment,{children:n}):i.jsx(l.Navigate,{to:r,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=h;exports.PermissionRoute=P;exports.getUseHasPermission=a;exports.useGetPermission=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../index.esm2017-DtX2uFv9.cjs"),h=require("axios"),a=require("react"),u=require("react-router-dom"),i=require("react/jsx-runtime");require("@r2wc/react-to-web-component");require("@mui/material");const l=o=>{const[s,t]=a.useState([]);return a.useEffect(()=>{h.get(`${o}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(e=>t(e.data)).catch(e=>{console.error("Getting user permission error:",e)})},[o]),s},m=()=>{const o=u.useNavigate(),s=u.useLocation();if(a.useEffect(()=>{const t={changeRoute:e=>{typeof e=="string"&&s.pathname+s.search+s.hash!==e&&o(e)}};window.MicrofeBridge=t},[o,s]),a.useEffect(()=>{var e,n;const t=s.pathname+s.search+s.hash;(n=(e=window.parent)==null?void 0:e.HostBridge)==null||n.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}},c=o=>(s,t)=>{const e=l(o);return t?s.every(n=>e==null?void 0:e.includes(n)):s.some(n=>e==null?void 0:e.includes(n))},g=({baseUrl:o,accessWith:s,requireAll:t,children:e})=>c(o)(s,t)?i.jsx(i.Fragment,{children:e}):null,d=({accessWith:o,requireAll:s,baseUrl:t,unAuthorizedPath:e,children:n})=>c(t)(o,s)?i.jsx(i.Fragment,{children:n}):i.jsx(u.Navigate,{to:e,replace:!0});exports.AuthContext=r.AuthContext;exports.AuthProvider=r.AuthProvider;exports.ERROR_MESSAGE=r.ERROR_MESSAGE;exports.SaasThemeProvider=r.SaasThemeProvider;exports.TranslationProvider=r.TranslationProvider;exports.axiosInstance=r.axiosInstance;exports.color=r.color;exports.createCustomTheme=r.createCustomTheme;exports.handleErrorAxios=r.handleErrorAxios;exports.login=r.login;exports.logout=r.logout;exports.responseInterceptor=r.responseInterceptor;exports.search=r.search;exports.setFavicon=r.setFavicon;exports.translate=r.translate;exports.translationConfig=r.translationConfig;exports.useAuth=r.useAuth;exports.useCustomTranslation=r.useCustomTranslation;exports.useTheme=r.useTheme;exports.useTranslation=r.useTranslation$1;exports.HasPermission=g;exports.PermissionRoute=d;exports.getUseHasPermission=c;exports.useGetPermission=l;exports.useSyncRouter=m;

package/dist/share/index.js

@@ -1,61 +1,82 @@
-import { M as R, N as S, O as G, a0 as y, Y as F, a as H, c as I, Z as M, U as N, R as O, T as $, V as j, v as w, $ as U, t as V, W as X, b as Y, u as Z, g as _, X as b } from "../index.esm2017-B86w0LQi.js";
-import u from "axios";
-import { useState as m, useEffect as c } from "react";
-import { jsx as a, Fragment as n } from "react/jsx-runtime";
+import { M as E, N as M, O as N, a0 as B, Y as G, a as H, c as $, Z as F, U as I, R as O, T as j, V as L, v as U, $ as V, t as X, W as Y, b as Z, u as _, g as b, X as k } from "../index.esm2017-D3VDEGOb.js";
+import c from "axios";
+import { useState as m, useEffect as n } from "react";
+import { useNavigate as h, useLocation as l, Navigate as g } from "react-router-dom";
+import { jsx as a, Fragment as i } from "react/jsx-runtime";
 import "@r2wc/react-to-web-component";
-import { Navigate as l } from "react-router-dom";
 import "@mui/material";
-const h = (e) => {
-  const [r, t] = m([]);
-  return c(() => {
-    u.get(`${e}/user-management/api/v1/users/my-account/permissions`, {
+const p = (o) => {
+  const [s, t] = m([]);
+  return n(() => {
+    c.get(`${o}/user-management/api/v1/users/my-account/permissions`, {
       withCredentials: !0
-    }).then((s) => t(s.data)).catch((s) => {
-      console.error("Getting user permission error:", s);
+    }).then((e) => t(e.data)).catch((e) => {
+      console.error("Getting user permission error:", e);
     });
-  }, [e]), r;
-}, i = (e) => (r, t) => {
-  const s = h(e);
-  return t ? r.every(
-    (o) => s == null ? void 0 : s.includes(o)
-  ) : r.some(
-    (o) => s == null ? void 0 : s.includes(o)
+  }, [o]), s;
+}, T = () => {
+  const o = h(), s = l();
+  if (n(() => {
+    const t = {
+      changeRoute: (e) => {
+        typeof e == "string" && s.pathname + s.search + s.hash !== e && o(e);
+      }
+    };
+    window.MicrofeBridge = t;
+  }, [o, s]), n(() => {
+    var e, r;
+    const t = s.pathname + s.search + s.hash;
+    (r = (e = window.parent) == null ? void 0 : e.HostBridge) == null || r.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;
+  }
+}, u = (o) => (s, t) => {
+  const e = p(o);
+  return t ? s.every(
+    (r) => e == null ? void 0 : e.includes(r)
+  ) : s.some(
+    (r) => e == null ? void 0 : e.includes(r)
   );
-}, T = ({
-  baseUrl: e,
-  accessWith: r,
+}, C = ({
+  baseUrl: o,
+  accessWith: s,
   requireAll: t,
-  children: s
-}) => i(e)(r, t) ? /* @__PURE__ */ a(n, { children: s }) : null, A = ({
-  accessWith: e,
-  requireAll: r,
+  children: e
+}) => u(o)(s, t) ? /* @__PURE__ */ a(i, { children: e }) : null, S = ({
+  accessWith: o,
+  requireAll: s,
   baseUrl: t,
-  unAuthorizedPath: s,
-  children: o
-}) => i(t)(e, r) ? /* @__PURE__ */ a(n, { children: o }) : /* @__PURE__ */ a(l, { to: s, replace: !0 });
+  unAuthorizedPath: e,
+  children: r
+}) => u(t)(o, s) ? /* @__PURE__ */ a(i, { children: r }) : /* @__PURE__ */ a(g, { to: e, replace: !0 });
 export {
-  R as AuthContext,
-  S as AuthProvider,
-  G as ERROR_MESSAGE,
-  T as HasPermission,
-  A as PermissionRoute,
-  y as SaasThemeProvider,
-  F as TranslationProvider,
+  E as AuthContext,
+  M as AuthProvider,
+  N as ERROR_MESSAGE,
+  C as HasPermission,
+  S as PermissionRoute,
+  B as SaasThemeProvider,
+  G as TranslationProvider,
   H as axiosInstance,
-  I as color,
-  M as createCustomTheme,
-  i as getUseHasPermission,
-  N as handleErrorAxios,
+  $ as color,
+  F as createCustomTheme,
+  u as getUseHasPermission,
+  I as handleErrorAxios,
   O as login,
-  $ as logout,
-  j as responseInterceptor,
-  w as search,
-  U as setFavicon,
-  V as translate,
-  X as translationConfig,
-  Y as useAuth,
-  Z as useCustomTranslation,
-  h as useGetPermission,
-  _ as useTheme,
-  b as useTranslation
+  j as logout,
+  L as responseInterceptor,
+  U as search,
+  V as setFavicon,
+  X as translate,
+  Y as translationConfig,
+  Z as useAuth,
+  _ as useCustomTranslation,
+  p as useGetPermission,
+  T as useSyncRouter,
+  b as useTheme,
+  k as useTranslation
 };

package/package.json

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

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

@@ -1,5 +1,5 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { U as e } from "../index-T58UE-6b.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { U as e } from "../index-B2-j-GrO.js";
 export {
   e as UnauthorizedPage
 };

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

@@ -1,5 +1,5 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { aa as m } from "../index-BziS9Had.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { aa as m } from "../index-B8-7QZsi.js";
 export {
   m as BaseBreadcrumbs
 };

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

@@ -1,7 +1,7 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { F as i, u as m } from "../index-CaxjbvSW.js";
-import "../index-BSe1av43.js";
-import "../index-BziS9Had.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { F as i, u as m } from "../index-DkWIzRN3.js";
+import "../index-Cx0zTfOC.js";
+import "../index-B8-7QZsi.js";
 export {
   i as FavoriteMenu,
   m as updateFavoriteItems

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

@@ -1,7 +1,7 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { G as i } from "../index-CaxjbvSW.js";
-import "../index-BSe1av43.js";
-import "../index-BziS9Had.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { G as i } from "../index-DkWIzRN3.js";
+import "../index-Cx0zTfOC.js";
+import "../index-B8-7QZsi.js";
 export {
   i as GlobalMenu
 };

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

@@ -1,9 +1,9 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { L as n, T as s } from "../index-CaxjbvSW.js";
-import "../index-BSe1av43.js";
-import "../index-T58UE-6b.js";
-import "../index-BziS9Had.js";
-import "../react-toastify.esm-CrTD7cpE.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { L as n, T as s } from "../index-DkWIzRN3.js";
+import "../index-Cx0zTfOC.js";
+import "../index-B2-j-GrO.js";
+import "../index-B8-7QZsi.js";
+import "../react-toastify.esm-Y1WvK90L.js";
 import "../toast-config/index.js";
 import "../toast-config-notification/index.js";
 export {

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

@@ -1,6 +1,6 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { H as e, g as m } from "../index-CaxjbvSW.js";
-import "../index-BziS9Had.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { H as e, g as m } from "../index-DkWIzRN3.js";
+import "../index-B8-7QZsi.js";
 export {
   e as HasPermission,
   m as getUseHasPermission

package/web-components-bundle/{index-T58UE-6b.js → index-B2-j-GrO.js}

@@ -1,4 +1,4 @@
-import { r as $, c as ce, g as Jt, s as Xt, j as E } from "./react-to-web-component-CXwKHjZr.js";
+import { r as $, c as ce, g as Jt, s as Xt, j as E } from "./react-to-web-component-D7SoYMky.js";
 import { _ as Wt, a as Y } from "./setPrototypeOf-BVKdEITT.js";
 function Gt(i, e) {
   for (var t = 0; t < e.length; t++) {