@ukpc-lib/react 0.13.1-dev.3 → 0.13.1-dev.5

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

@@ -4,4 +4,4 @@ declare global {
         HostBridge?: any;
     }
 }
-export declare const useSyncRouter: () => void;
+export declare const useSyncRouter: (basepath?: string) => void;

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index.esm2017-_6AWldhb.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=s=>{const[r,t]=a.useState([]);return a.useEffect(()=>{h.get(`${s}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(e=>t(e.data)).catch(e=>{console.error("Getting user permission error:",e)})},[s]),r},m=()=>{const s=u.useNavigate(),r=u.useLocation();if(a.useEffect(()=>{const t={changeRoute:e=>{typeof e=="string"&&window.location.pathname+r.search+r.hash!==e&&s(e)}};window.MicrofeBridge=t},[s,r]),a.useEffect(()=>{var e,n;const t=window.location.pathname+r.search+r.hash;(n=(e=window.parent)==null?void 0:e.HostBridge)==null||n.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}},c=s=>(r,t)=>{const e=l(s);return t?r.every(n=>e==null?void 0:e.includes(n)):r.some(n=>e==null?void 0:e.includes(n))},d=({baseUrl:s,accessWith:r,requireAll:t,children:e})=>c(s)(r,t)?i.jsx(i.Fragment,{children:e}):null,g=({accessWith:s,requireAll:r,baseUrl:t,unAuthorizedPath:e,children:n})=>c(t)(s,r)?i.jsx(i.Fragment,{children:n}):i.jsx(u.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=d;exports.PermissionRoute=g;exports.getUseHasPermission=c;exports.useGetPermission=l;exports.useSyncRouter=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-__zCiOmA.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;

package/dist/share/index.js

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

package/package.json

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

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

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

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

@@ -1,8 +1,7 @@
-import "../react-to-web-component-D7SoYMky.js";
-import { F as i, u as m } from "../index-BbpYFIqc.js";
-import "../index-Cx0zTfOC.js";
-import "../index-B8-7QZsi.js";
+import "../react-to-web-component-C4-Jmrxs.js";
+import { F as a, u as i } from "../index-CHE1hDLM.js";
+import "../index-B1bJ4sn5.js";
 export {
-  i as FavoriteMenu,
-  m as updateFavoriteItems
+  a as FavoriteMenu,
+  i as updateFavoriteItems
 };

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

@@ -1,7 +1,6 @@
-import "../react-to-web-component-D7SoYMky.js";
-import { G as i } from "../index-BbpYFIqc.js";
-import "../index-Cx0zTfOC.js";
-import "../index-B8-7QZsi.js";
+import "../react-to-web-component-C4-Jmrxs.js";
+import { G as t } from "../index-CHE1hDLM.js";
+import "../index-B1bJ4sn5.js";
 export {
-  i as GlobalMenu
+  t as GlobalMenu
 };

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

@@ -1,12 +1,11 @@
-import "../react-to-web-component-D7SoYMky.js";
-import { L as n, T as s } from "../index-BbpYFIqc.js";
-import "../index-Cx0zTfOC.js";
-import "../index-B2-j-GrO.js";
-import "../index-B8-7QZsi.js";
-import "../react-toastify.esm-Y1WvK90L.js";
+import "../react-to-web-component-C4-Jmrxs.js";
+import { L as g, T as n } from "../index-CHE1hDLM.js";
+import "../index-B1bJ4sn5.js";
+import "../index-DyX6L9q-.js";
+import "../react-toastify.esm-C4-Xv2fh.js";
 import "../toast-config/index.js";
 import "../toast-config-notification/index.js";
 export {
-  n as LanguageDropdown,
-  s as TopBar
+  g as LanguageDropdown,
+  n as TopBar
 };

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

@@ -1,7 +1,6 @@
-import "../react-to-web-component-D7SoYMky.js";
-import { H as e, g as m } from "../index-BbpYFIqc.js";
-import "../index-B8-7QZsi.js";
+import "../react-to-web-component-C4-Jmrxs.js";
+import { H as o, g as r } from "../index-CHE1hDLM.js";
 export {
-  e as HasPermission,
-  m as getUseHasPermission
+  o as HasPermission,
+  r as getUseHasPermission
 };

package/web-components-bundle/{index-Cx0zTfOC.js → index-B1bJ4sn5.js}

@@ -1,4 +1,4 @@
-import { j as e, s as a } from "./react-to-web-component-D7SoYMky.js";
+import { j as e, s as a } from "./react-to-web-component-C4-Jmrxs.js";
 const l = "*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}";
 function s({ children: t, styles: o = [], ...i }) {
   return /* @__PURE__ */ e.jsxs("div", { ...i, children: [