@ukpc-lib/react 0.13.1-dev.1 → 0.13.1-dev.11

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

@@ -1 +1,2 @@
 export declare function search<T>(option: T, searchText: string, fields: Array<keyof T>): boolean;
+export declare function setShellBackdrop(open: boolean): void;

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/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 r=require("../index.esm2017-CzVNnCiI.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-XCT5rERk.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;

package/dist/share/index.js

@@ -1,82 +1,105 @@
-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-I88kEk_g.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 { N as F, O as M, R as N, a1 as G, Z as $, a as I, c as O, $ as j, V as z, T as L, U, W as V, w as W, a0 as X, s as Y, t as Z, X as _, b as q, u as D, g as J, Y as K } from "../index.esm2017-DK0KgGge.js";
+import g from "axios";
+import { useState as d, 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 "@r2wc/react-to-web-component";
 import "@mui/material";
-const p = (o) => {
-  const [s, t] = m([]);
-  return n(() => {
-    c.get(`${o}/user-management/api/v1/users/my-account/permissions`, {
+const P = (s) => {
+  const [n, t] = d([]);
+  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);
     });
-  }, [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);
+  }, [s]), n;
+}, T = (s) => {
+  const n = w(), 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;
-  }, [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) {
+    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;
   }
-}, 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)
+};
+function C({
+  open: s,
+  disabled: n
+}) {
+  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]);
+}
+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)
   );
-}, C = ({
-  baseUrl: o,
-  accessWith: s,
+}, A = ({
+  baseUrl: s,
+  accessWith: n,
   requireAll: t,
-  children: e
-}) => u(o)(s, t) ? /* @__PURE__ */ a(i, { children: e }) : null, S = ({
-  accessWith: o,
-  requireAll: s,
+  children: o
+}) => l(s)(n, t) ? /* @__PURE__ */ c(u, { children: o }) : null, E = ({
+  accessWith: s,
+  requireAll: n,
   baseUrl: t,
-  unAuthorizedPath: e,
-  children: r
-}) => u(t)(o, s) ? /* @__PURE__ */ a(i, { children: r }) : /* @__PURE__ */ a(g, { to: e, replace: !0 });
+  unAuthorizedPath: o,
+  children: e
+}) => l(t)(s, n) ? /* @__PURE__ */ c(u, { children: e }) : /* @__PURE__ */ c(p, { to: o, replace: !0 });
 export {
-  E as AuthContext,
+  F as AuthContext,
   M as AuthProvider,
   N as ERROR_MESSAGE,
-  C as HasPermission,
-  S as PermissionRoute,
-  B as SaasThemeProvider,
-  G as TranslationProvider,
-  H as axiosInstance,
-  $ as color,
-  F as createCustomTheme,
-  u as getUseHasPermission,
-  I as handleErrorAxios,
-  O as login,
-  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,
+  A as HasPermission,
+  E as PermissionRoute,
+  G as SaasThemeProvider,
+  $ as TranslationProvider,
+  I as axiosInstance,
+  O as color,
+  j 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,
-  b as useTheme,
-  k as useTranslation
+  J as useTheme,
+  K as useTranslation
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ukpc-lib/react",
     "private": false,
-    "version": "0.13.1-dev.1",
+    "version": "0.13.1-dev.11",
     "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-CXQLVfRc.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-B2F-s5_G.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-CXQLVfRc.js";
-import "../index-Cx0zTfOC.js";
-import "../index-B8-7QZsi.js";
+import "../react-to-web-component-C4-Jmrxs.js";
+import { G as t } from "../index-B2F-s5_G.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-CXQLVfRc.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-B2F-s5_G.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-CXQLVfRc.js";
-import "../index-B8-7QZsi.js";
+import "../react-to-web-component-C4-Jmrxs.js";
+import { H as o, g as r } from "../index-B2F-s5_G.js";
 export {
-  e as HasPermission,
-  m as getUseHasPermission
+  o as HasPermission,
+  r as getUseHasPermission
 };

package/web-components-bundle/helpers/index.js

@@ -0,0 +1,14 @@
+function s(r, e, o) {
+  return o.some((t) => {
+    const n = r[t];
+    return String(n).toLowerCase().includes(e.toLowerCase());
+  });
+}
+function c(r) {
+  var e, o;
+  (o = (e = window.top) == null ? void 0 : e.HostBridge) == null || o.openBackdrop(r);
+}
+export {
+  s as search,
+  c as setShellBackdrop
+};

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: [