@ukpc-lib/react 0.14.3 → 0.15.0

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 +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

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

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-D9VnHqoi.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 e=require("../index.esm2017-BQjNXGwm.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,61 +1,105 @@
-import { M as R, O as S, R as G, a1 as y, Z as F, a as H, c as I, $ as M, V as O, T as $, U as j, W as w, v as N, a0 as U, t as V, X, e as Y, u as Z, i as _, Y as k } from "../index.esm2017-hlu12B5d.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 { 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-BtiWV_WH.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 "@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 = (s) => {
+  const [n, t] = g([]);
+  return i(() => {
+    d.get(`${s}/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((o) => t(o.data)).catch((o) => {
+      console.error("Getting user permission error:", o);
     });
-  }, [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)
+  }, [s]), n;
+}, T = (s) => {
+  const n = w(), t = f();
+  console.log(
+    " useSyncRouter.tsx ~ location1:",
+    t,
+    window.location.pathname
   );
-}, T = ({
-  baseUrl: e,
-  accessWith: r,
+  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 = 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;
+  }
+};
+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)
+  );
+}, A = ({
+  baseUrl: s,
+  accessWith: n,
   requireAll: t,
-  children: s
-}) => i(e)(r, t) ? /* @__PURE__ */ a(n, { children: s }) : null, A = ({
-  accessWith: e,
-  requireAll: r,
-  baseUrl: t,
-  unAuthorizedPath: s,
   children: o
-}) => i(t)(e, r) ? /* @__PURE__ */ a(n, { children: o }) : /* @__PURE__ */ a(l, { to: s, replace: !0 });
+}) => 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 });
 export {
-  R as AuthContext,
-  S as AuthProvider,
+  F as AuthContext,
+  M as AuthProvider,
   G as ERROR_MESSAGE,
-  T as HasPermission,
-  A as PermissionRoute,
-  y as SaasThemeProvider,
-  F as TranslationProvider,
-  H as axiosInstance,
-  I as color,
-  M as createCustomTheme,
-  i as getUseHasPermission,
-  O as handleErrorAxios,
-  $ as login,
-  j as logout,
-  w as responseInterceptor,
-  N as search,
-  U as setFavicon,
-  V as translate,
-  X as translationConfig,
-  Y as useAuth,
-  Z as useCustomTranslation,
-  h as useGetPermission,
-  _ as useTheme,
-  k as useTranslation
+  A as HasPermission,
+  E as PermissionRoute,
+  N 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,
+  J as useTheme,
+  K as useTranslation
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ukpc-lib/react",
     "private": false,
-    "version": "0.14.3",
+    "version": "0.15.0",
     "type": "module",
     "main": "./dist/",
     "module": "./dist/",
@@ -30,7 +30,7 @@
     ],
     "scripts": {
         "dev": "vite --open --port 3000",
-        "build": "npm run build-react && npm run build-wc",
+        "build": "npm run build-react",
         "build-react": "tsc && vite build --config vite.config.react.ts",
         "build-wc": "tsc && vite build --config vite.config.wc.ts --mode production",
         "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",

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

@@ -1,5 +0,0 @@
-import "../react-to-web-component-w5r1Fs9q.js";
-import { U as e } from "../index-BMcWYdph.js";
-export {
-  e as UnauthorizedPage
-};

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

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

package/web-components-bundle/clsx-DB4S2d7J.js

@@ -1,22 +0,0 @@
-function a(r) {
-  var f, n, t = "";
-  if (typeof r == "string" || typeof r == "number")
-    t += r;
-  else if (typeof r == "object")
-    if (Array.isArray(r)) {
-      var o = r.length;
-      for (f = 0; f < o; f++)
-        r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
-    } else
-      for (n in r)
-        r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function i() {
-  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++)
-    (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
-  return t;
-}
-export {
-  i as c
-};

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

@@ -1,8 +0,0 @@
-import "../react-to-web-component-w5r1Fs9q.js";
-import { F as i, u as m } from "../index-C2ZSwXvF.js";
-import "../index-GJlGdcoo.js";
-import "../index-BU5SX9Tl.js";
-export {
-  i as FavoriteMenu,
-  m as updateFavoriteItems
-};

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

@@ -1,7 +0,0 @@
-import "../react-to-web-component-w5r1Fs9q.js";
-import { G as i } from "../index-C2ZSwXvF.js";
-import "../index-GJlGdcoo.js";
-import "../index-BU5SX9Tl.js";
-export {
-  i as GlobalMenu
-};

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

@@ -1,12 +0,0 @@
-import "../react-to-web-component-w5r1Fs9q.js";
-import { L as n, T as s } from "../index-C2ZSwXvF.js";
-import "../index-GJlGdcoo.js";
-import "../index-BMcWYdph.js";
-import "../index-BU5SX9Tl.js";
-import "../react-toastify.esm-H_Xdunfj.js";
-import "../toast-config/index.js";
-import "../toast-config-notification/index.js";
-export {
-  n as LanguageDropdown,
-  s as TopBar
-};

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

@@ -1,7 +0,0 @@
-import "../react-to-web-component-w5r1Fs9q.js";
-import { H as e, g as m } from "../index-C2ZSwXvF.js";
-import "../index-BU5SX9Tl.js";
-export {
-  e as HasPermission,
-  m as getUseHasPermission
-};