@ukpc-lib/react 0.10.11 → 0.10.12

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { jsxs as M, Fragment as de, jsx as u } from "react/jsx-runtime";
 import * as V from "react";
-import pe, { useState as H, useContext as Oe, useEffect as G, useRef as Ee, useCallback as kt, forwardRef as Vo, createElement as on, PureComponent as Wo } from "react";
+import pe, { useState as H, useContext as Oe, useEffect as q, useRef as Ee, useCallback as kt, forwardRef as Vo, createElement as on, PureComponent as Wo } from "react";
 import { c as Le, a as gt, C as Fe, t as Qe, p as Uo, L as Yn, u as Ko, b as Yo, S as Go, d as qo, e as Zo, Q as Br, f as Et, g as Tn, h as Xo, s as Ct, _ as B, P as N, i as Se, j as Jo, o as Qo, k as $e, l as ei, m as ti, n as Gn, q as At, r as qn, I as ni, v as ri, w as Zn, D as oi, x as Vr, y as Wr, z as ii, A as ai, B as si } from "../index.esm2017-635051bd.js";
 import { H as H1, G as B1, K as V1, E as W1, F as U1, J as K1 } from "../index.esm2017-635051bd.js";
 import Q from "moment";
@@ -130,7 +130,7 @@ const Si = (e) => {
       isRead: S
     })), console.log("newIsReadState", S), v(y, S);
   };
-  G(() => {
+  q(() => {
     c(r ? (y) => ({
       ...y,
       isRead: !0
@@ -447,9 +447,9 @@ function Ei({
       );
     }
   };
-  return G(() => {
+  return q(() => {
     f();
-  }, [o]), G(() => {
+  }, [o]), q(() => {
     kn({
       childrenClass: "noti-container",
       childrenOpenClass: "noti-list-container",
@@ -529,7 +529,7 @@ function Ei({
   ] });
 }
 const Ci = `.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar-wrapper{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;z-index:1000;background:#292929;padding-left:2.5rem}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;position:relative}.logo-container{height:100%;display:flex;align-items:center}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem;transition:width .3s}.userAvatar{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#DDDDDD;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}.topbar-search-label{display:flex;position:relative}.topbar-search-input{color:#292929;border-radius:3px;height:40px;outline:none;font-size:14px;text-overflow:ellipsis;max-width:166px}#icon{position:absolute;left:9px;top:8px;width:16px;height:24px}
-`, Ii = `::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:rgb(194,194,194);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgb(117,117,117)}.container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.container>div{width:300px;height:40px}.container>div input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#000}.container>div input:focus{outline:1px solid rgb(83,172,255)}.list{display:flex;flex-direction:column;max-height:220px;width:inherit;overflow:auto;overflow-x:hidden;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;color:#000}.list button{background:none;border:none;width:100%;height:100%;max-height:3em;padding:10px;text-align:left;cursor:pointer;border-bottom:1px solid #ccc}.list button:hover{background:#f8f8f8}.list button:last-child{border-bottom:none}.StyledReactSearchAutocomplete{position:relative;height:46px}.StyledReactSearchAutocomplete .wrapper{position:absolute;display:flex;flex-direction:column;width:100%;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:Arial;z-index:0;margin-top:2px;border-radius:3px}.StyledReactSearchAutocomplete .wrapper:hover,.StyledReactSearchAutocomplete .wrapper:active,.StyledReactSearchAutocomplete .wrapper:focus-within{box-shadow:#20212447 0 1px 6px}.StyledResults{position:absolute;display:flex;flex-direction:column;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:Arial;z-index:0;width:450px;top:calc(100% - 2px);left:0}.StyledResults>div.line{border-top-color:#e8eaed;border-top-style:solid;border-top-width:1px;margin:0 20px 0 14px;padding-bottom:4px}.StyledResults>ul{list-style-type:none;margin:0;padding:0 0 16px;max-height:300px;max-width:450px}.StyledResults>ul>li{display:flex;align-items:center;padding:4px 0;font-size:14px;width:100%}.StyledResults>ul>li>div{margin-left:13px;font-size:14px}.StyledResults .ellipsis{text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StyledResults .selectedSearch{color:#fff;text-decoration:none;background-color:#0d6efd}.StyledSearchInput{min-height:40px;width:100%;display:flex;align-items:center}.StyledSearchInput>input::-moz-placeholder{color:gray;opacity:1}.StyledSearchInput>input::placeholder{color:gray;opacity:1}.StyledSearchInput>input:-ms-input-placeholder{color:gray}.StyledSearchInput>input::-ms-input-placeholder{color:gray}.StyledClearIcon{margin:0 0 0 5px}.StyledClearIcon:hover{cursor:pointer}.StyledClearIcon>svg{fill:gray}.StyledSearchIcon{flex-shrink:0;margin:0 0 0 10px;fill:gray}.search-icon{position:unset!important;float:left;margin-right:5px;margin-left:5px}
+`, Ii = `::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:rgb(194,194,194);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgb(117,117,117)}.container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.container>div{width:300px;height:40px}.container>div input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#000}.container>div input:focus{outline:1px solid rgb(83,172,255)}.list{display:flex;flex-direction:column;max-height:220px;width:inherit;overflow:auto;overflow-x:hidden;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;color:#000}.list button{background:none;border:none;width:100%;height:100%;max-height:3em;padding:10px;text-align:left;cursor:pointer;border-bottom:1px solid #ccc}.list button:hover{background:#f8f8f8}.list button:last-child{border-bottom:none}.StyledReactSearchAutocomplete{position:relative;height:46px}.StyledReactSearchAutocomplete .wrapper{position:absolute;display:flex;flex-direction:column;width:100%;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:Arial;z-index:0;margin-top:2px;border-radius:3px}.StyledReactSearchAutocomplete .wrapper:hover,.StyledReactSearchAutocomplete .wrapper:active,.StyledReactSearchAutocomplete .wrapper:focus-within{box-shadow:#20212447 0 1px 6px}.StyledResults{position:absolute;display:flex;flex-direction:column;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:Arial;z-index:0;width:450px;top:calc(100% - 2px);left:0}.StyledResults>div.line{border-top-color:#e8eaed;border-top-style:solid;border-top-width:1px;margin:0 20px 0 14px;padding-bottom:4px}.StyledResults>ul{list-style-type:none;margin:0;padding:0 0 16px;max-height:300px;max-width:450px}#autocomplete-results strong{font-weight:700!important}.StyledResults>ul>li{display:flex;align-items:center;padding:4px 0;font-size:14px;width:100%}.StyledResults>ul>li>div{margin-left:13px;font-size:14px}.StyledResults .ellipsis{text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StyledResults .selectedSearch{color:#fff;text-decoration:none;background-color:#0d6efd}.StyledSearchInput{min-height:40px;width:100%;display:flex;align-items:center}.StyledSearchInput>input::-moz-placeholder{color:gray;opacity:1}.StyledSearchInput>input::placeholder{color:gray;opacity:1}.StyledSearchInput>input:-ms-input-placeholder{color:gray}.StyledSearchInput>input::-ms-input-placeholder{color:gray}.StyledClearIcon{margin:0 0 0 5px}.StyledClearIcon:hover{cursor:pointer}.StyledClearIcon>svg{fill:gray}.StyledSearchIcon{flex-shrink:0;margin:0 0 0 10px;fill:gray}.search-icon{position:unset!important;float:left;margin-right:5px;margin-left:5px}
 `, Ti = `:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:46px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__content-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.notification-item__context-link{color:#007bff}.notification-item__content{width:68%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}.list-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:block}
 `, Mi = `._subscription-diaglog_1bysb_2{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#0006;z-index:10000;display:flex;align-items:center;justify-content:center}._subscription-container_1bysb_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1bysb_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1bysb_25,._subscription-text_1bysb_34{margin-bottom:24px}._subscription-btn__container_1bysb_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1bysb_44,._btn-cancel_1bysb_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}._btn-cancel_1bysb_45{background-color:#ddd}._btn-cancel_1bysb_45:hover{background-color:#c5c5c5}._btn-success_1bysb_44{background-color:#93d500}._btn-success_1bysb_44:hover{background-color:#2e7d32}
 `, Kr = `.notification-massage_container{background:#fff;padding:0 64px 0 72px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif;text-decoration:none;color:inherit}.notification-massage_container:before{position:absolute;content:"";width:48px;height:48px;background:url(https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg) no-repeat center/100%;top:12px;left:24px}.notification-name{font-weight:500;font-size:14px;margin:0}.notification-message_service{font-size:12px}.notification-message_button-close{position:absolute;top:12px;right:24px;width:24px;height:24px}
@@ -656,7 +656,7 @@ const Ni = `@keyframes react-loading-skeleton{to{transform:translate(100%)}}.rea
       console.log(l);
     }
   };
-  return G(() => {
+  return q(() => {
     o();
   }, [e, t]), { hasPermission: n };
 };
@@ -1847,7 +1847,7 @@ function Ma({
   }, s = (b) => {
     v && i(b);
   }, g = f ? { maxLength: f } : {};
-  return G(() => {
+  return q(() => {
     document.querySelector("global-topbar");
     const b = (_) => {
       const w = document.getElementById("AddTagButton"), E = document.getElementsByClassName("btn-edit");
@@ -1947,55 +1947,63 @@ function Oa({
   ({ ..._a, ...v });
   const x = { ...rr, ...t }, S = new rt(e, x);
   S.setCollection(e);
-  const [C, A] = H(s), [I, k] = H([]), [O, q] = H(-1), [W, oe] = H(!1), [me, Pe] = H(!1), [Te, He] = H(!1), [Me, Be] = H(!1);
-  G(() => {
+  const [C, A] = H(s), [I, k] = H([]), [O, G] = H(-1), [W, oe] = H(!1), [me, Pe] = H(!1), [Te, He] = H(!1), [Me, Be] = H(!1);
+  q(() => {
     A(s);
-    const z = setTimeout(
+    const R = setTimeout(
       () => k(wt(s)),
       0
     );
-    return () => clearTimeout(z);
-  }, [s]), G(() => {
+    return () => clearTimeout(R);
+  }, [s]), q(() => {
     (C == null ? void 0 : C.length) >= 3 ? e && (e == null ? void 0 : e.length) > 0 && k(e) : k([]);
-  }, [e]), G(() => {
-    b && C.length > 0 && !me && I.length === 0 && !W ? He(!0) : He(!1);
-  }, [me, b, W, C, I]), G(() => {
-    w && I.length === 0 && C.length === 0 && Me && k(e.slice(0, f));
-  }, [w, I, C, Me]), G(() => {
-    const z = () => {
+  }, [e]), q(() => {
+    const R = () => {
       We(), Be(!1);
     };
-    return document.addEventListener("click", z), () => document.removeEventListener("click", z);
-  }, []);
-  const st = (z) => {
-    a(z), Be(!0);
-  }, ze = (z) => {
+    return document.addEventListener("click", R), () => document.removeEventListener("click", R);
+  }, []), q(() => {
+    (() => {
+      b && C.length > 0 && !me && I.length === 0 && !W ? He(!0) : He(!1), w && I.length === 0 && C.length === 0 && Me && k(e.slice(0, f));
+    })();
+  }, [
+    me,
+    b,
+    W,
+    C,
+    I,
+    w,
+    Me
+  ]);
+  const st = (R) => {
+    a(R), Be(!0);
+  }, ze = (R) => {
     let te = [];
-    (z == null ? void 0 : z.length) > 0 && (te = wt(z)), k(te), r(z, te), Pe(!1);
+    (R == null ? void 0 : R.length) > 0 && (te = wt(R)), k(te), r(R, te), Pe(!1);
   }, we = pe.useCallback(
-    n > 0 ? Ea((z) => ze(z), n) : (z) => ze(z),
+    n > 0 ? Ea((R) => ze(R), n) : (R) => ze(R),
     [e]
-  ), Ve = (z) => {
-    We(), i(z), A(z[p]), q(0);
-  }, wt = (z) => S.search(z, { limit: f }).map((te) => ({ ...te.item })).slice(0, f), rn = ({ target: z }) => {
-    const te = z.value;
+  ), Ve = (R) => {
+    We(), i(R), A(R[p]), G(0);
+  }, wt = (R) => S.search(R, { limit: f }).map((te) => ({ ...te.item })).slice(0, f), rn = ({ target: R }) => {
+    const te = R.value;
     A(te), we(te), Pe(!0), W && oe(!1);
   }, We = () => {
     k([]), oe(!0);
   }, _t = ({
-    index: z,
+    index: R,
     event: te
   }) => {
     let T = -1;
     const Ue = (ke) => {
-      q(ke), I != null && I[ke] && o(I[ke]);
+      G(ke), I != null && I[ke] && o(I[ke]);
     };
-    if (z !== void 0)
-      q(z), I != null && I[z] && o(I[z]);
+    if (R !== void 0)
+      G(R), I != null && I[R] && o(I[R]);
     else if (te)
       switch (te.key) {
         case "Enter":
-          I.length > 0 && I[O] ? (te.preventDefault(), i(I[O])) : r(C, I), q(-1), We();
+          I.length > 0 && I[O] ? (te.preventDefault(), i(I[O])) : r(C, I), G(-1), We();
           break;
         case "ArrowUp":
           te.preventDefault(), T = O > -1 ? O - 1 : I.length - 1, Ue(T);
@@ -2059,7 +2067,7 @@ function $a({ classNames: e = "", ...t }) {
   }, [m, v] = H(!1), { Term: p } = vi();
   console.log("term", p);
   const [s, g] = H([]), [b, _] = H([]), w = Ri({ baseUrl: o });
-  console.log("searchPermission", w.hasPermission), G(() => {
+  console.log("searchPermission", w.hasPermission), q(() => {
     s.length >= 3 ? E(s) : _([]);
   }, [s]);
   const E = async (I) => {
@@ -2237,7 +2245,7 @@ function Na() {
     new Array(e.length).fill(!1)
   );
   const { language: r, setLanguage: o } = Ko();
-  G(() => {
+  q(() => {
     kn({
       childrenClass: "languageDropdown",
       action() {
@@ -2272,7 +2280,7 @@ function Ra({
   userName: t
 }) {
   const [n, r] = H(!1), o = Ee(null);
-  return Ee(null), H(!1), H(!1), G(() => {
+  return Ee(null), H(!1), H(!1), q(() => {
     kn({
       childrenClass: "userAvatar",
       action() {
@@ -3273,7 +3281,7 @@ var ds = /* @__PURE__ */ function() {
       return (o = r.parentNode) == null ? void 0 : o.removeChild(r);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), ne = "-ms-", jt = "-moz-", R = "-webkit-", lo = "comm", $n = "rule", Nn = "decl", fs = "@import", co = "@keyframes", hs = "@layer", ms = Math.abs, Wt = String.fromCharCode, ps = Object.assign;
+}(), ne = "-ms-", jt = "-moz-", P = "-webkit-", lo = "comm", $n = "rule", Nn = "decl", fs = "@import", co = "@keyframes", hs = "@layer", ms = Math.abs, Wt = String.fromCharCode, ps = Object.assign;
 function gs(e, t) {
   return ee(e, 0) ^ 45 ? (((t << 2 ^ ee(e, 0)) << 2 ^ ee(e, 1)) << 2 ^ ee(e, 2)) << 2 ^ ee(e, 3) : 0;
 }
@@ -3283,7 +3291,7 @@ function uo(e) {
 function ys(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function P(e, t, n) {
+function z(e, t, n) {
   return e.replace(t, n);
 }
 function xn(e, t) {
@@ -3420,7 +3428,7 @@ function Nt(e, t, n, r, o, i, a, l, c) {
     switch (p = _, _ = le()) {
       case 40:
         if (p != 108 && ee(S, h - 1) == 58) {
-          xn(S += P($t(_), "&", "&\f"), "&\f") != -1 && (b = -1);
+          xn(S += z($t(_), "&", "&\f"), "&\f") != -1 && (b = -1);
           break;
         }
       case 34:
@@ -3457,7 +3465,7 @@ function Nt(e, t, n, r, o, i, a, l, c) {
           case 125:
             g = 0;
           case 59 + f:
-            b == -1 && (S = P(S, /\f/g, "")), v > 0 && ge(S) - h && Tt(v > 32 ? dr(S + ";", r, n, h - 1) : dr(P(S, " ", "") + ";", r, n, h - 2), c);
+            b == -1 && (S = z(S, /\f/g, "")), v > 0 && ge(S) - h && Tt(v > 32 ? dr(S + ";", r, n, h - 1) : dr(z(S, " ", "") + ";", r, n, h - 2), c);
             break;
           case 59:
             S += ";";
@@ -3507,7 +3515,7 @@ function Nt(e, t, n, r, o, i, a, l, c) {
 function ur(e, t, n, r, o, i, a, l, c, d, f) {
   for (var h = o - 1, m = o === 0 ? i : [""], v = Rn(m), p = 0, s = 0, g = 0; p < r; ++p)
     for (var b = 0, _ = ft(e, h + 1, h = ms(s = a[p])), w = e; b < v; ++b)
-      (w = uo(s > 0 ? m[b] + " " + _ : P(_, /&\f/g, m[b]))) && (c[g++] = w);
+      (w = uo(s > 0 ? m[b] + " " + _ : z(_, /&\f/g, m[b]))) && (c[g++] = w);
   return Kt(e, t, n, o === 0 ? $n : l, c, d, f);
 }
 function Is(e, t, n) {
@@ -3608,7 +3616,7 @@ var As = function(t, n, r) {
 function go(e, t) {
   switch (gs(e, t)) {
     case 5103:
-      return R + "print-" + e + e;
+      return P + "print-" + e + e;
     case 5737:
     case 4201:
     case 3177:
@@ -3634,44 +3642,44 @@ function go(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return R + e + e;
+      return P + e + e;
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return R + e + jt + e + ne + e + e;
+      return P + e + jt + e + ne + e + e;
     case 6828:
     case 4268:
-      return R + e + ne + e + e;
+      return P + e + ne + e + e;
     case 6165:
-      return R + e + ne + "flex-" + e + e;
+      return P + e + ne + "flex-" + e + e;
     case 5187:
-      return R + e + P(e, /(\w+).+(:[^]+)/, R + "box-$1$2" + ne + "flex-$1$2") + e;
+      return P + e + z(e, /(\w+).+(:[^]+)/, P + "box-$1$2" + ne + "flex-$1$2") + e;
     case 5443:
-      return R + e + ne + "flex-item-" + P(e, /flex-|-self/, "") + e;
+      return P + e + ne + "flex-item-" + z(e, /flex-|-self/, "") + e;
     case 4675:
-      return R + e + ne + "flex-line-pack" + P(e, /align-content|flex-|-self/, "") + e;
+      return P + e + ne + "flex-line-pack" + z(e, /align-content|flex-|-self/, "") + e;
     case 5548:
-      return R + e + ne + P(e, "shrink", "negative") + e;
+      return P + e + ne + z(e, "shrink", "negative") + e;
     case 5292:
-      return R + e + ne + P(e, "basis", "preferred-size") + e;
+      return P + e + ne + z(e, "basis", "preferred-size") + e;
     case 6060:
-      return R + "box-" + P(e, "-grow", "") + R + e + ne + P(e, "grow", "positive") + e;
+      return P + "box-" + z(e, "-grow", "") + P + e + ne + z(e, "grow", "positive") + e;
     case 4554:
-      return R + P(e, /([^-])(transform)/g, "$1" + R + "$2") + e;
+      return P + z(e, /([^-])(transform)/g, "$1" + P + "$2") + e;
     case 6187:
-      return P(P(P(e, /(zoom-|grab)/, R + "$1"), /(image-set)/, R + "$1"), e, "") + e;
+      return z(z(z(e, /(zoom-|grab)/, P + "$1"), /(image-set)/, P + "$1"), e, "") + e;
     case 5495:
     case 3959:
-      return P(e, /(image-set\([^]*)/, R + "$1$`$1");
+      return z(e, /(image-set\([^]*)/, P + "$1$`$1");
     case 4968:
-      return P(P(e, /(.+:)(flex-)?(.*)/, R + "box-pack:$3" + ne + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + R + e + e;
+      return z(z(e, /(.+:)(flex-)?(.*)/, P + "box-pack:$3" + ne + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + P + e + e;
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return P(e, /(.+)-inline(.+)/, R + "$1$2") + e;
+      return z(e, /(.+)-inline(.+)/, P + "$1$2") + e;
     case 8116:
     case 7059:
     case 5753:
@@ -3690,9 +3698,9 @@ function go(e, t) {
             if (ee(e, t + 4) !== 45)
               break;
           case 102:
-            return P(e, /(.+:)(.+)-([^]+)/, "$1" + R + "$2-$3$1" + jt + (ee(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return z(e, /(.+:)(.+)-([^]+)/, "$1" + P + "$2-$3$1" + jt + (ee(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~xn(e, "stretch") ? go(P(e, "stretch", "fill-available"), t) + e : e;
+            return ~xn(e, "stretch") ? go(z(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
@@ -3701,21 +3709,21 @@ function go(e, t) {
     case 6444:
       switch (ee(e, ge(e) - 3 - (~xn(e, "!important") && 10))) {
         case 107:
-          return P(e, ":", ":" + R) + e;
+          return z(e, ":", ":" + P) + e;
         case 101:
-          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + R + (ee(e, 14) === 45 ? "inline-" : "") + "box$3$1" + R + "$2$3$1" + ne + "$2box$3") + e;
+          return z(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + P + (ee(e, 14) === 45 ? "inline-" : "") + "box$3$1" + P + "$2$3$1" + ne + "$2box$3") + e;
       }
       break;
     case 5936:
       switch (ee(e, t + 11)) {
         case 114:
-          return R + e + ne + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return P + e + ne + z(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         case 108:
-          return R + e + ne + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return P + e + ne + z(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         case 45:
-          return R + e + ne + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return P + e + ne + z(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return R + e + ne + e + e;
+      return P + e + ne + e + e;
   }
   return e;
 }
@@ -3727,7 +3735,7 @@ var Ps = function(t, n, r, o) {
         break;
       case co:
         return et([lt(t, {
-          value: P(t.value, "@", "@" + R)
+          value: z(t.value, "@", "@" + P)
         })], o);
       case $n:
         if (t.length)
@@ -3736,15 +3744,15 @@ var Ps = function(t, n, r, o) {
               case ":read-only":
               case ":read-write":
                 return et([lt(t, {
-                  props: [P(i, /:(read-\w+)/, ":" + jt + "$1")]
+                  props: [z(i, /:(read-\w+)/, ":" + jt + "$1")]
                 })], o);
               case "::placeholder":
                 return et([lt(t, {
-                  props: [P(i, /:(plac\w+)/, ":" + R + "input-$1")]
+                  props: [z(i, /:(plac\w+)/, ":" + P + "input-$1")]
                 }), lt(t, {
-                  props: [P(i, /:(plac\w+)/, ":" + jt + "$1")]
+                  props: [z(i, /:(plac\w+)/, ":" + jt + "$1")]
                 }), lt(t, {
-                  props: [P(i, /:(plac\w+)/, ne + "input-$1")]
+                  props: [z(i, /:(plac\w+)/, ne + "input-$1")]
                 })], o);
             }
             return "";
@@ -3922,7 +3930,7 @@ function Ls() {
         }
       }
     }
-    var y = c, x = d, S = l, C = a, A = t, I = f, k = r, O = p, q = v, W = n, oe = i, me = o, Pe = h, Te = !1;
+    var y = c, x = d, S = l, C = a, A = t, I = f, k = r, O = p, G = v, W = n, oe = i, me = o, Pe = h, Te = !1;
     function He(T) {
       return Te || (Te = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), Me(T) || E(T) === c;
     }
@@ -3956,13 +3964,13 @@ function Ls() {
     function _t(T) {
       return E(T) === i;
     }
-    function z(T) {
+    function R(T) {
       return E(T) === o;
     }
     function te(T) {
       return E(T) === h;
     }
-    L.AsyncMode = y, L.ConcurrentMode = x, L.ContextConsumer = S, L.ContextProvider = C, L.Element = A, L.ForwardRef = I, L.Fragment = k, L.Lazy = O, L.Memo = q, L.Portal = W, L.Profiler = oe, L.StrictMode = me, L.Suspense = Pe, L.isAsyncMode = He, L.isConcurrentMode = Me, L.isContextConsumer = Be, L.isContextProvider = st, L.isElement = ze, L.isForwardRef = we, L.isFragment = Ve, L.isLazy = wt, L.isMemo = rn, L.isPortal = We, L.isProfiler = _t, L.isStrictMode = z, L.isSuspense = te, L.isValidElementType = w, L.typeOf = E;
+    L.AsyncMode = y, L.ConcurrentMode = x, L.ContextConsumer = S, L.ContextProvider = C, L.Element = A, L.ForwardRef = I, L.Fragment = k, L.Lazy = O, L.Memo = G, L.Portal = W, L.Profiler = oe, L.StrictMode = me, L.Suspense = Pe, L.isAsyncMode = He, L.isConcurrentMode = Me, L.isContextConsumer = Be, L.isContextProvider = st, L.isElement = ze, L.isForwardRef = we, L.isFragment = Ve, L.isLazy = wt, L.isMemo = rn, L.isPortal = We, L.isProfiler = _t, L.isStrictMode = R, L.isSuspense = te, L.isValidElementType = w, L.typeOf = E;
   }()), L;
 }
 process.env.NODE_ENV === "production" ? wn.exports = Ds() : wn.exports = Ls();
@@ -5547,22 +5555,22 @@ function Dc(e = {}) {
         }));
         if (!O.components || !O.components[c] || !O.components[c].styleOverrides)
           return null;
-        const q = O.components[c].styleOverrides, W = {};
-        return Object.entries(q).forEach(([oe, me]) => {
+        const G = O.components[c].styleOverrides, W = {};
+        return Object.entries(G).forEach(([oe, me]) => {
           W[oe] = Pt(me, (0, ce.default)({}, k, {
             theme: O
           }));
         }), m(k, W);
       }), c && !p && C.push((k) => {
         var O;
-        const q = Mt((0, ce.default)({}, k, {
+        const G = Mt((0, ce.default)({}, k, {
           defaultTheme: n,
           themeId: t
-        })), W = q == null || (O = q.components) == null || (O = O[c]) == null ? void 0 : O.variants;
+        })), W = G == null || (O = G.components) == null || (O = O[c]) == null ? void 0 : O.variants;
         return Pt({
           variants: W
         }, (0, ce.default)({}, k, {
-          theme: q
+          theme: G
         }));
       }), s || C.push(i);
       const A = C.length - x.length;
@@ -6697,7 +6705,7 @@ function Q0(e) {
     }, v.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && zr(this._resetIsScrollingTimeoutId);
     }, v.render = function() {
-      var s = this.props, g = s.children, b = s.className, _ = s.direction, w = s.height, E = s.innerRef, y = s.innerElementType, x = s.innerTagName, S = s.itemCount, C = s.itemData, A = s.itemKey, I = A === void 0 ? J0 : A, k = s.layout, O = s.outerElementType, q = s.outerTagName, W = s.style, oe = s.useIsScrolling, me = s.width, Pe = this.state.isScrolling, Te = _ === "horizontal" || k === "horizontal", He = Te ? this._onScrollHorizontal : this._onScrollVertical, Me = this._getRangeToRender(), Be = Me[0], st = Me[1], ze = [];
+      var s = this.props, g = s.children, b = s.className, _ = s.direction, w = s.height, E = s.innerRef, y = s.innerElementType, x = s.innerTagName, S = s.itemCount, C = s.itemData, A = s.itemKey, I = A === void 0 ? J0 : A, k = s.layout, O = s.outerElementType, G = s.outerTagName, W = s.style, oe = s.useIsScrolling, me = s.width, Pe = this.state.isScrolling, Te = _ === "horizontal" || k === "horizontal", He = Te ? this._onScrollHorizontal : this._onScrollVertical, Me = this._getRangeToRender(), Be = Me[0], st = Me[1], ze = [];
       if (S > 0)
         for (var we = Be; we <= st; we++)
           ze.push(on(g, {
@@ -6708,7 +6716,7 @@ function Q0(e) {
             style: this._getItemStyle(we)
           }));
       var Ve = r(this.props, this._instanceProps);
-      return on(O || q || "div", {
+      return on(O || G || "div", {
         className: b,
         onScroll: He,
         ref: this._outerRefSetter,
@@ -6925,17 +6933,17 @@ function N1(e) {
   }, m = () => {
     n(!1), a(""), f("");
   };
-  G(() => {
+  q(() => {
     o(e.value ? e.getOptionLabel(e.value) : "");
-  }, [e.value]), G(() => {
+  }, [e.value]), q(() => {
     t || o(e.value ? e.getOptionLabel(e.value) : "");
-  }, [t]), G(() => {
+  }, [t]), q(() => {
     c(e.searchLoading);
   }, [e.paging.rows, e.searchLoading]);
   const v = e.paging.rows, { hasNextPage: p } = e, s = p ? v.length + 1 : v.length, g = () => e.isNextPageLoading ? void 0 : e.loadNextPage(i), b = (x) => !p || x < v.length, _ = (x) => {
     o(x.target.value), t && (a(x.target.value), f(x.target.value), c(!0));
   }, w = Ee(null), E = Ee(null), y = Ee(null);
-  return G(() => {
+  return q(() => {
     var x, S, C, A;
     t ? ((x = E.current) == null || x.classList.add("Mui-focused"), (S = y.current) == null || S.classList.add("Mui-focused")) : ((C = E.current) == null || C.classList.remove("Mui-focused"), (A = y.current) == null || A.classList.remove("Mui-focused"));
   }, [t]), /* @__PURE__ */ u(
@@ -7075,7 +7083,7 @@ function N1(e) {
                                 stackProps: { style: A },
                                 option: I,
                                 renderOption: (O) => {
-                                  var q;
+                                  var G;
                                   return /* @__PURE__ */ M(
                                     ie,
                                     {
@@ -7084,14 +7092,14 @@ function N1(e) {
                                       justifyContent: "space-between",
                                       children: [
                                         /* @__PURE__ */ u(_e, { children: e.getOptionLabel(O) }),
-                                        (q = e.renderOptionTooltip) == null ? void 0 : q.call(e, O)
+                                        (G = e.renderOptionTooltip) == null ? void 0 : G.call(e, O)
                                       ]
                                     }
                                   );
                                 },
                                 onClick: (O) => {
-                                  var q;
-                                  m(), (q = e.onChange) == null || q.call(e, O);
+                                  var G;
+                                  m(), (G = e.onChange) == null || G.call(e, O);
                                 },
                                 select: ((k = e.isEqual) == null ? void 0 : k.call(e, I, e.value)) ?? qn.isEqual(I, e.value)
                               }
@@ -7223,7 +7231,7 @@ function R1(e) {
   }, c = (h) => {
     r((m) => ({ ...m, searchLoading: !0 })), o({ page: 1, search: { content: h } });
   };
-  G(() => {
+  q(() => {
     e.disabled || (r((h) => ({ ...h, initLoading: !0 })), o({ page: 1 }));
   }, [...e.dependencyList || []]);
   const d = () => {
@@ -7321,7 +7329,7 @@ const s1 = "Reset date";
 function P1(e) {
   var l, c;
   const [t, n] = H(e.value), r = !(t != null && t.startDate) || !(t != null && t.endDate) ? "" : Q(t == null ? void 0 : t.startDate).format("DD/MM/YYYY") + " ~ " + Q(t == null ? void 0 : t.endDate).format("DD/MM/YYYY");
-  G(() => {
+  q(() => {
     n(e.value);
   }, [e.value]);
   const o = Ee(null), i = Ee(null), a = Ee(null);
@@ -7581,13 +7589,13 @@ const Hr = (e) => {
       )
     ] });
   }
-  return G(() => {
+  return q(() => {
     t && Notification.permission === "granted" && (t.actorName || t.actionKey || t.context || t.contextUrl) && si(/* @__PURE__ */ u(o, {}));
-  }, [t]), G(() => {
+  }, [t]), q(() => {
     "Notification" in window && (console.log("notification permission", Notification.permission), Notification.permission === "default" ? Notification.requestPermission(function(i) {
       i === "granted" && Hr(e);
     }) : Notification.permission === "granted" && Hr(e));
-  }, [Notification.permission]), G(() => {
+  }, [Notification.permission]), q(() => {
     u1(r);
   }, []), d1(e).then((i) => {
     var l, c, d, f, h, m, v, p, s, g, b, _, w, E, y;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ukpc-lib/react",
     "private": false,
-    "version": "0.10.11",
+    "version": "0.10.12",
     "type": "module",
     "main": "./dist/",
     "module": "./dist/",

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

@@ -1,5 +1,5 @@
 import "../react-to-web-component-d5889290.js";
-import { F as a, u as s } from "../index-d1f91fe5.js";
+import { F as a, u as s } from "../index-9e60af90.js";
 import "../index-c91ec106.js";
 import "../react-toastify.esm-d8df41b8.js";
 import "../toast-config/index.js";

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

@@ -1,5 +1,5 @@
 import "../react-to-web-component-d5889290.js";
-import { G as e } from "../index-d1f91fe5.js";
+import { G as e } from "../index-9e60af90.js";
 import "../index-c91ec106.js";
 import "../react-toastify.esm-d8df41b8.js";
 import "../toast-config/index.js";

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

@@ -1,5 +1,5 @@
 import "../react-to-web-component-d5889290.js";
-import { L as e, T as g } from "../index-d1f91fe5.js";
+import { L as e, T as g } from "../index-9e60af90.js";
 import "../index-c91ec106.js";
 import "../react-toastify.esm-d8df41b8.js";
 import "../toast-config/index.js";

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

@@ -1,5 +1,5 @@
 import "../react-to-web-component-d5889290.js";
-import { H as e, g as a } from "../index-d1f91fe5.js";
+import { H as e, g as a } from "../index-9e60af90.js";
 import "../index-c91ec106.js";
 import "../react-toastify.esm-d8df41b8.js";
 import "../toast-config/index.js";