@ukpc-lib/react 0.2.34 → 0.2.35

package/dist/components/index.js

@@ -2,7 +2,7 @@ import { C as ln, p as Zn, a as Hc, b as Uc, L as lo, u as Yc, i as Gc, g as qc,
 import { z as i5, A as o5 } from "../index.module-68397449.js";
 import { jsxs as P, Fragment as jt, jsx as g } from "react/jsx-runtime";
 import * as N from "react";
-import xi, { useContext as ie, useState as Y, useEffect as pe, useRef as ze, createContext as Bt, useLayoutEffect as wi, useInsertionEffect as lu, useCallback as en, useMemo as hr, forwardRef as ga, createElement as tn, useId as cu, PureComponent as uu } from "react";
+import xi, { useContext as ie, useState as Y, useEffect as be, useRef as ze, createContext as Bt, useLayoutEffect as wi, useInsertionEffect as lu, useCallback as en, useMemo as hr, forwardRef as ga, createElement as tn, useId as cu, PureComponent as uu } from "react";
 import { c as ya } from "../Colors-4ad88021.js";
 import oe from "moment";
 import cn from "axios";
@@ -374,7 +374,7 @@ function Au({
       );
     }
   };
-  return pe(() => {
+  return be(() => {
     l();
   }, [r]), /* @__PURE__ */ P("div", { children: [
     /* @__PURE__ */ P("div", { style: { position: "relative" }, children: [
@@ -671,7 +671,7 @@ function Lu({
       element: /* @__PURE__ */ g(Iu, {})
     }
   ], { language: s, setLanguage: o } = Yc();
-  return pe(() => {
+  return be(() => {
     const l = (c) => {
       r.current && !r.current.contains(c.target) && n(!1);
     };
@@ -768,7 +768,7 @@ function $u({
   }, p = {
     backgroundColor: u ? r : "transparent"
   };
-  return pe(() => {
+  return be(() => {
     const y = (f) => {
       o.current && !o.current.contains(f.target) && s(!1), a.current && !a.current.contains(f.target) && s(!1);
     };
@@ -1279,15 +1279,15 @@ var vd = /* @__PURE__ */ Object.freeze({
       autoHide: !0
     }, e.getOptions = bd, e.helpers = vd, e;
   }()
-), ve = function() {
-  return ve = Object.assign || function(t) {
+), ye = function() {
+  return ye = Object.assign || function(t) {
     for (var n, r = 1, i = arguments.length; r < i; r++) {
       n = arguments[r];
       for (var s in n)
         Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
     }
     return t;
-  }, ve.apply(this, arguments);
+  }, ye.apply(this, arguments);
 };
 function xd(e, t) {
   var n = {};
@@ -1303,10 +1303,10 @@ var Ma = N.forwardRef(function(e, t) {
   Object.keys(s).forEach(function(p) {
     Object.prototype.hasOwnProperty.call(Nn.defaultOptions, p) ? c[p] = s[p] : u[p] = s[p];
   });
-  var d = ve(ve({}, Nn.defaultOptions.classNames), c.classNames), h = ve(ve({}, i), { className: "".concat(d.contentWrapper).concat(i.className ? " ".concat(i.className) : ""), tabIndex: 0, role: "region", "aria-label": c.ariaLabel || Nn.defaultOptions.ariaLabel });
+  var d = ye(ye({}, Nn.defaultOptions.classNames), c.classNames), h = ye(ye({}, i), { className: "".concat(d.contentWrapper).concat(i.className ? " ".concat(i.className) : ""), tabIndex: 0, role: "region", "aria-label": c.ariaLabel || Nn.defaultOptions.ariaLabel });
   return N.useEffect(function() {
     var p;
-    return a.current = h.ref ? h.ref.current : a.current, o.current && (p = new Nn(o.current, ve(ve(ve({}, c), a.current && {
+    return a.current = h.ref ? h.ref.current : a.current, o.current && (p = new Nn(o.current, ye(ye(ye({}, c), a.current && {
       scrollableNode: a.current
     }), l.current && {
       contentNode: l.current
@@ -1315,7 +1315,7 @@ var Ma = N.forwardRef(function(e, t) {
     };
   }, []), N.createElement(
     "div",
-    ve({ "data-simplebar": "init", ref: o }, u),
+    ye({ "data-simplebar": "init", ref: o }, u),
     N.createElement(
       "div",
       { className: d.wrapper },
@@ -1329,7 +1329,7 @@ var Ma = N.forwardRef(function(e, t) {
         { className: d.mask },
         N.createElement("div", { className: d.offset }, typeof n == "function" ? n({
           scrollableNodeRef: a,
-          scrollableNodeProps: ve(ve({}, h), { ref: a }),
+          scrollableNodeProps: ye(ye({}, h), { ref: a }),
           contentNodeRef: l,
           contentNodeProps: {
             className: d.contentEl,
@@ -1337,7 +1337,7 @@ var Ma = N.forwardRef(function(e, t) {
           }
         }) : N.createElement(
           "div",
-          ve({}, h),
+          ye({}, h),
           N.createElement("div", { className: d.contentEl }, n)
         ))
       ),
@@ -1386,7 +1386,7 @@ const wd = `[data-simplebar]{position:relative;flex-direction:column;flex-wrap:w
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), pr = Bt({}), Si = Bt(null), mr = typeof document < "u", Sd = mr ? wi : pe, Da = Bt({ strict: !1 }), Ei = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ed = "framerAppearId", Ra = "data-" + Ei(Ed);
+}), pr = Bt({}), Si = Bt(null), mr = typeof document < "u", Sd = mr ? wi : be, Da = Bt({ strict: !1 }), Ei = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Ed = "framerAppearId", Ra = "data-" + Ei(Ed);
 function Cd(e, t, n, r) {
   const { visualElement: i } = ie(pr), s = ie(Da), o = ie(Si), a = ie(Na).reducedMotion, l = ze();
   r = r || s.renderer, !l.current && r && (l.current = r(e, {
@@ -1404,7 +1404,7 @@ function Cd(e, t, n, r) {
   const u = ze(!!(n[Ra] && !window.HandoffComplete));
   return Sd(() => {
     c && (c.render(), u.current && c.animationState && c.animationState.animateChanges());
-  }), pe(() => {
+  }), be(() => {
     c && (c.updateFeatures(), !u.current && c.animationState && c.animationState.animateChanges(), u.current && (u.current = !1, window.HandoffComplete = !0));
   }), c;
 }
@@ -1617,7 +1617,7 @@ const vn = [
 function $a(e, { layout: t, layoutId: n }) {
   return yt.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!er[e] || e === "opacity");
 }
-const me = (e) => !!(e && e.getVelocity), Vd = {
+const pe = (e) => !!(e && e.getVelocity), Vd = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
@@ -1755,7 +1755,7 @@ const Ai = () => ({
 });
 function Wa(e, t, n) {
   for (const r in t)
-    !me(t[r]) && !$a(r, n) && (e[r] = t[r]);
+    !pe(t[r]) && !$a(r, n) && (e[r] = t[r]);
 }
 function Wd({ transformTemplate: e }, t, n) {
   return hr(() => {
@@ -1887,7 +1887,7 @@ function e0(e = !1) {
       ...qd(r, typeof n == "string", e),
       ...l,
       ref: i
-    }, { children: d } = r, h = hr(() => me(d) ? d.get() : d, [d]);
+    }, { children: d } = r, h = hr(() => pe(d) ? d.get() : d, [d]);
     return tn(n, {
       ...u,
       children: h
@@ -1932,13 +1932,13 @@ function qa(e, t, n, r) {
 function Mi(e, t) {
   const { style: n } = e, r = {};
   for (const i in n)
-    (me(n[i]) || t.style && me(t.style[i]) || $a(i, e)) && (r[i] = n[i]);
+    (pe(n[i]) || t.style && pe(t.style[i]) || $a(i, e)) && (r[i] = n[i]);
   return r;
 }
 function Ka(e, t) {
   const n = Mi(e, t);
   for (const r in e)
-    if (me(e[r]) || me(t[r])) {
+    if (pe(e[r]) || pe(t[r])) {
       const i = vn.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
       n[i] = e[r];
     }
@@ -1953,7 +1953,7 @@ function t0(e) {
 }
 const nr = (e) => Array.isArray(e), n0 = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), r0 = (e) => nr(e) ? e[e.length - 1] || 0 : e;
 function jn(e) {
-  const t = me(e) ? e.get() : e;
+  const t = pe(e) ? e.get() : e;
   return n0(t) ? t.toValue() : t;
 }
 function i0({ scrapeMotionValuesFromProps: e, createRenderState: t, onMount: n }, r, i, s) {
@@ -2877,14 +2877,14 @@ function or({ autoplay: e = !0, delay: t = 0, driver: n = df, keyframes: r, type
     C = "idle", U(), f(), b(), A = D = null;
   }, ue = () => {
     C = "finished", u && u(), U(), f();
-  }, ye = () => {
+  }, ge = () => {
     if (y)
       return;
     w || (w = n(fe));
     const B = w.now();
     l && l(), _ !== null ? A = B - _ : (!A || C === "finished") && (A = B), C === "finished" && b(), D = A, _ = null, C = "running", w.start();
   };
-  e && ye();
+  e && ge();
   const Re = {
     then(B, ke) {
       return m.then(B, ke);
@@ -2908,7 +2908,7 @@ function or({ autoplay: e = !0, delay: t = 0, driver: n = df, keyframes: r, type
     get state() {
       return C;
     },
-    play: ye,
+    play: ge,
     pause: () => {
       C = "paused", _ = H;
     },
@@ -3176,7 +3176,7 @@ const Nf = {
   return or(p);
 };
 function sr(e) {
-  return !!(me(e) && e.add);
+  return !!(pe(e) && e.add);
 }
 const Ol = (e) => /^\-?\d*\.?\d+$/.test(e);
 function zi(e, t) {
@@ -3583,8 +3583,8 @@ function Zf(e) {
         const ce = V[U], ue = K[U];
         if (y.hasOwnProperty(U))
           continue;
-        let ye = !1;
-        nr(ce) && nr(ue) ? ye = !nl(ce, ue) : ye = ce !== ue, ye ? ce !== void 0 ? fe(U) : p.add(U) : ce !== void 0 && p.has(U) ? fe(U) : x.protectedKeys[U] = !0;
+        let ge = !1;
+        nr(ce) && nr(ue) ? ge = !nl(ce, ue) : ge = ce !== ue, ge ? ce !== void 0 ? fe(U) : p.add(U) : ce !== void 0 && p.has(U) ? fe(U) : x.protectedKeys[U] = !0;
       }
       x.prevProp = S, x.prevResolvedValues = V, x.isActive && (y = { ...y, ...V }), r && e.blockInitialAnimation && (A = !1), A && (!C || D) && h.push(...O.map((U) => ({
         animation: U,
@@ -4234,7 +4234,7 @@ function _h() {
   if (e === null)
     return [!0, null];
   const { isPresent: t, onExitComplete: n, register: r } = e, i = cu();
-  return pe(() => r(i), []), !t && n ? [!1, () => n && n(i)] : [!0];
+  return be(() => r(i), []), !t && n ? [!1, () => n && n(i)] : [!0];
 }
 const Bn = {
   /**
@@ -4487,7 +4487,7 @@ function Bh(e) {
   return e instanceof SVGElement && e.tagName !== "svg";
 }
 function Wh(e, t, n) {
-  const r = me(e) ? e : Lt(e);
+  const r = pe(e) ? e : Lt(e);
   return r.start($i("", r, t, n)), r.animation;
 }
 const fs = ["", "X", "Y", "Z"], Hh = { visibility: "hidden" }, hs = 1e3;
@@ -5222,9 +5222,9 @@ function E1(e, t, n) {
   const { willChange: r } = t;
   for (const i in t) {
     const s = t[i], o = n[i];
-    if (me(s))
+    if (pe(s))
       e.addValue(i, s), sr(r) && r.add(i), process.env.NODE_ENV === "development" && Bi(s.version === "10.18.0", `Attempting to mix Framer Motion versions ${s.version} with 10.18.0 may not work as expected.`);
-    else if (me(o))
+    else if (pe(o))
       e.addValue(i, Lt(s, { owner: e })), sr(r) && r.remove(i);
     else if (o !== s)
       if (e.hasValue(i)) {
@@ -5258,7 +5258,7 @@ class T1 {
     const { willChange: c, ...u } = this.scrapeMotionValuesFromProps(n, {});
     for (const d in u) {
       const h = u[d];
-      a[d] !== void 0 && me(h) && (h.set(a[d], !1), sr(c) && c.add(d));
+      a[d] !== void 0 && pe(h) && (h.set(a[d], !1), sr(c) && c.add(d));
     }
   }
   /**
@@ -5469,7 +5469,7 @@ class T1 {
     if (r && i !== void 0)
       return i;
     const s = this.getBaseTargetFromProps(this.props, t);
-    return s !== void 0 && !me(s) ? s : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
+    return s !== void 0 && !pe(s) ? s : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
   }
   on(t, n) {
     return this.events[t] || (this.events[t] = new ji()), this.events[t].add(n);
@@ -5530,7 +5530,7 @@ class A1 extends Jl {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: t } = this.props;
-    me(t) && (this.childSubscription = t.on("change", (n) => {
+    pe(t) && (this.childSubscription = t.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -5626,46 +5626,49 @@ function V1(e) {
   );
 }
 function I1(e) {
-  const { children: t, title: n, onlyChild: r } = e, [i, s] = Y(!1), [o, a] = Y({ top: 0, left: 0 }), l = ze();
-  return pe(() => {
-    (() => {
-      if (l.current) {
-        const u = l.current.getBoundingClientRect();
-        a({
-          top: u.top - 20,
-          left: u.left
-        });
-      }
-    })();
-  }, [l, o]), /* @__PURE__ */ P(
-    "div",
-    {
-      className: "tooltip-container",
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
-      children: [
-        /* @__PURE__ */ g("div", { ref: l, children: t }),
-        i && r && /* @__PURE__ */ g(
-          "div",
-          {
-            className: "tooltip-content",
-            style: {
-              position: "fixed",
-              background: "#919196",
-              borderRadius: "4px",
-              color: "#fff",
-              padding: "4px 8px",
-              top: o.top,
-              left: o.left,
-              zIndex: 1400,
-              fontSize: 10,
-              transition: "all 0.2s ease-in-out"
-            },
-            children: n
+  const { children: t, title: n, hasTooltip: r } = e, i = ze(), [s, o] = Y(!1), [a, l] = Y({ top: 0, left: 0 });
+  return (
+    // Tooltip wrapper
+    /* @__PURE__ */ P(
+      "div",
+      {
+        className: "tooltip-item__wrapper",
+        onMouseOver: () => {
+          if (o(!0), i.current) {
+            const c = i.current.getBoundingClientRect();
+            l({
+              top: c.top - 20,
+              left: c.left
+            });
           }
-        )
-      ]
-    }
+        },
+        onMouseLeave: () => o(!1),
+        ref: i,
+        children: [
+          /* @__PURE__ */ g("div", { children: t }),
+          s && r && /* @__PURE__ */ g(
+            "div",
+            {
+              className: "tooltip-item__content",
+              style: {
+                position: "fixed",
+                background: "#919196",
+                borderRadius: "4px",
+                color: "#fff",
+                padding: "4px 8px",
+                top: a.top,
+                left: a.left,
+                zIndex: 1400,
+                fontSize: 10,
+                transition: "all 0.2s ease-in-out",
+                animation: "fadeIn 0.2s ease-in-out"
+              },
+              children: n
+            }
+          )
+        ]
+      }
+    )
   );
 }
 function Ql({ item: e, level: t = 0, ...n }) {
@@ -5682,7 +5685,7 @@ function Ql({ item: e, level: t = 0, ...n }) {
         /* @__PURE__ */ g(
           I1,
           {
-            onlyChild: i && t === 1,
+            hasTooltip: i && t === 1,
             children: /* @__PURE__ */ P(
               S,
               {
@@ -5838,13 +5841,13 @@ function F1(e) {
     }
   );
 }
-const j1 = `.wrap-section{padding:0 8px;transition:all .3s}.wrap-section.collapsed{padding:0 4px}.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s}.side-bar.expanded{width:17rem}.side-bar.collapsed{width:64px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px;font-size:.875rem;opacity:1}.side-bar__logout-btn__text.collapsed{opacity:0;transition:ease-in-out .2s;transition-delay:.15s}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px;color:#85858a}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:8px 16px 8px 18.6665px;min-height:48px;border-radius:.375rem;overflow:hidden;transition:all .3s ease-in-out}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__icon-logout{flex-shrink:0}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.collapsed.level-1{padding-left:calc(.5rem + 7.665px)!important}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:37px}.menu-item__link.menu-item__link.collapsed.level-0{padding:0;height:0;transition:all .15s}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:grid;place-items:center}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929;opacity:1;transition:all .15s ease-in-out}.menu-item__label.level-1.collapsed{text-overflow:unset}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-0,.menu-item__label.collapsed.level-1{font-size:.875rem;opacity:0;transition-delay:.15s}.menu-item__label.level-0{color:#85858a;margin-left:0}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:0}.menu-item__icon-arrow__wrapper.expanded{right:4px}.menu-item__icon-arrow__wrapper.level-0.collapsed{display:none}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown,.menu-item__dropdown>*{margin-top:4px}.menu-item__dropdown:first-of-type{margin-top:0}.menu-item__dropdown>*:first-child{margin-top:0}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}.side-bar__menu.collapsed .simplebar-track.simplebar-vertical{display:none}
+const j1 = `.wrap-section{padding:0 8px;transition:all .3s}.wrap-section.collapsed{padding:0 4px}.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 64px);border-right:1px solid #ddd;background-color:#fafafa;transition:all .3s}.side-bar.expanded{width:17rem}.side-bar.collapsed{width:64px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px;font-size:.875rem;opacity:1}.side-bar__logout-btn__text.collapsed{opacity:0;transition:ease-in-out .2s;transition-delay:.15s}.side-bar__wrapper-toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px;margin-top:40px}.side-bar__wrapper-toggle-btn.collapsed{justify-content:center;width:100%}.side-bar__toggle-btn{margin-top:-6px;color:#85858a}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:8px 16px 8px 18.6665px;min-height:48px;border-radius:.375rem;overflow:hidden;transition:all .3s ease-in-out}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__icon-logout{flex-shrink:0}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;height:48px;cursor:pointer;color:#85858a}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.collapsed.level-1{padding-left:calc(.5rem + 7.665px)!important}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:37px}.menu-item__link.menu-item__link.collapsed.level-0{padding:0;height:0;transition:all .15s}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:grid;place-items:center}.menu-item__icon.collapsed.level-1>*{margin:0 auto}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:12px;padding-right:12px;color:#292929;opacity:1;transition:all .15s ease-in-out}.menu-item__label.level-1.collapsed{text-overflow:unset}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-0,.menu-item__label.collapsed.level-1{font-size:.875rem;opacity:0;transition-delay:.15s}.menu-item__label.level-0{color:#85858a;margin-left:0}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:0}.menu-item__icon-arrow__wrapper.expanded{right:4px}.menu-item__icon-arrow__wrapper.level-0.collapsed{display:none}.menu-item__icon-arrow__icon{transition:all .3s!important;transform:rotate(-90deg)!important}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(0)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown,.menu-item__dropdown>*{margin-top:4px}.menu-item__dropdown:first-of-type{margin-top:0}.menu-item__dropdown>*:first-child{margin-top:0}.menu-item__dropdown.collapsed .menu-item__link{height:40px}.menu-item__dropdown.collapsed .menu-item__link.level-1{height:48px}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}.simplebar-scrollbar:before{background-color:#0000002d}.side-bar__menu.collapsed .simplebar-track.simplebar-vertical{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
 `;
 function B1(e) {
   const { baseUrl: t, menuPath: n } = e, r = fu(), [i, s] = Y([]), [o, a] = Y(
     localStorage.getItem("isCollapsed") === "true"
   ), [l, c] = Y({}), u = Wi(i), [d, h] = Y(window.location.href);
-  pe(() => {
+  be(() => {
     h(window.location.href);
   }, [r]);
   const p = ec(u, d).filter(
@@ -6663,12 +6666,12 @@ function Q1() {
         }
       }
     }
-    var E = o, C = s, _ = e, A = l, D = n, O = h, V = d, K = t, H = i, fe = r, U = c, ce = u, ue = !1, ye = !1;
+    var E = o, C = s, _ = e, A = l, D = n, O = h, V = d, K = t, H = i, fe = r, U = c, ce = u, ue = !1, ge = !1;
     function Re(k) {
       return ue || (ue = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
     function B(k) {
-      return ye || (ye = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
+      return ge || (ge = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
     function ke(k) {
       return v(k) === o;
@@ -7175,12 +7178,12 @@ const Kp = ee({
   transform: Vt
 });
 Cr(Kp, Xp, Zp);
-function be(e) {
+function ve(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
 const Jp = ee({
   prop: "width",
-  transform: be
+  transform: ve
 }), Yi = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (n) => {
@@ -7191,7 +7194,7 @@ const Jp = ee({
       } : {
         maxWidth: s
       } : {
-        maxWidth: be(n)
+        maxWidth: ve(n)
       };
     };
     return qe(e, e.maxWidth, t);
@@ -7201,26 +7204,26 @@ const Jp = ee({
 Yi.filterProps = ["maxWidth"];
 const Qp = ee({
   prop: "minWidth",
-  transform: be
+  transform: ve
 }), em = ee({
   prop: "height",
-  transform: be
+  transform: ve
 }), tm = ee({
   prop: "maxHeight",
-  transform: be
+  transform: ve
 }), nm = ee({
   prop: "minHeight",
-  transform: be
+  transform: ve
 });
 ee({
   prop: "size",
   cssProperty: "width",
-  transform: be
+  transform: ve
 });
 ee({
   prop: "size",
   cssProperty: "height",
-  transform: be
+  transform: ve
 });
 const rm = ee({
   prop: "boxSizing"
@@ -7471,22 +7474,22 @@ const im = {
   },
   // sizing
   width: {
-    transform: be
+    transform: ve
   },
   maxWidth: {
     style: Yi
   },
   minWidth: {
-    transform: be
+    transform: ve
   },
   height: {
-    transform: be
+    transform: ve
   },
   maxHeight: {
-    transform: be
+    transform: ve
   },
   minHeight: {
-    transform: be
+    transform: ve
   },
   boxSizing: {},
   // typography
@@ -7724,7 +7727,7 @@ function $n(e, t) {
 function xm(e, t) {
   return e.map(t).join("");
 }
-var Or = 1, zt = 1, gc = 0, ge = 0, re = 0, Wt = "";
+var Or = 1, zt = 1, gc = 0, me = 0, re = 0, Wt = "";
 function Mr(e, t, n, r, i, s, o) {
   return { value: e, root: t, parent: n, type: r, props: i, children: s, line: Or, column: zt, length: o, return: "" };
 }
@@ -7735,16 +7738,16 @@ function wm() {
   return re;
 }
 function Sm() {
-  return re = ge > 0 ? se(Wt, --ge) : 0, zt--, re === 10 && (zt = 1, Or--), re;
+  return re = me > 0 ? se(Wt, --me) : 0, zt--, re === 10 && (zt = 1, Or--), re;
 }
 function xe() {
-  return re = ge < gc ? se(Wt, ge++) : 0, zt++, re === 10 && (zt = 1, Or++), re;
+  return re = me < gc ? se(Wt, me++) : 0, zt++, re === 10 && (zt = 1, Or++), re;
 }
 function $e() {
-  return se(Wt, ge);
+  return se(Wt, me);
 }
 function Wn() {
-  return ge;
+  return me;
 }
 function Tn(e, t) {
   return pn(Wt, e, t);
@@ -7782,13 +7785,13 @@ function mn(e) {
   return 0;
 }
 function yc(e) {
-  return Or = zt = 1, gc = Ve(Wt = e), ge = 0, [];
+  return Or = zt = 1, gc = Ve(Wt = e), me = 0, [];
 }
 function vc(e) {
   return Wt = "", e;
 }
 function Hn(e) {
-  return mc(Tn(ge - 1, pi(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return mc(Tn(me - 1, pi(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Em(e) {
   for (; (re = $e()) && re < 33; )
@@ -7804,7 +7807,7 @@ function pi(e) {
   for (; xe(); )
     switch (re) {
       case e:
-        return ge;
+        return me;
       case 34:
       case 39:
         e !== 34 && e !== 39 && pi(re);
@@ -7816,18 +7819,18 @@ function pi(e) {
         xe();
         break;
     }
-  return ge;
+  return me;
 }
 function _m(e, t) {
   for (; xe() && e + re !== 47 + 10; )
     if (e + re === 42 + 42 && $e() === 47)
       break;
-  return "/*" + Tn(t, ge - 1) + "*" + kr(e === 47 ? e : xe());
+  return "/*" + Tn(t, me - 1) + "*" + kr(e === 47 ? e : xe());
 }
 function Tm(e) {
   for (; !mn($e()); )
     xe();
-  return Tn(e, ge);
+  return Tn(e, me);
 }
 function Pm(e) {
   return vc(Un("", null, null, null, [""], e = yc(e), 0, [0], e));
@@ -7971,13 +7974,13 @@ function Mm(e) {
 var Nm = function(t, n, r) {
   for (var i = 0, s = 0; i = s, s = $e(), i === 38 && s === 12 && (n[r] = 1), !mn(s); )
     xe();
-  return Tn(t, ge);
+  return Tn(t, me);
 }, Dm = function(t, n) {
   var r = -1, i = 44;
   do
     switch (mn(i)) {
       case 0:
-        i === 38 && $e() === 12 && (n[r] = 1), t[r] += Nm(ge - 1, n, r);
+        i === 38 && $e() === 12 && (n[r] = 1), t[r] += Nm(me - 1, n, r);
         break;
       case 2:
         t[r] += Hn(i);
@@ -8388,7 +8391,7 @@ function Um() {
       }
     }
     var v = l, E = c, C = a, _ = o, A = t, D = u, O = r, V = y, K = p, H = n, fe = s, U = i, ce = d, ue = !1;
-    function ye(T) {
+    function ge(T) {
       return ue || (ue = !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.")), Re(T) || S(T) === l;
     }
     function Re(T) {
@@ -8427,7 +8430,7 @@ function Um() {
     function Oe(T) {
       return S(T) === d;
     }
-    j.AsyncMode = v, j.ConcurrentMode = E, j.ContextConsumer = C, j.ContextProvider = _, j.Element = A, j.ForwardRef = D, j.Fragment = O, j.Lazy = V, j.Memo = K, j.Portal = H, j.Profiler = fe, j.StrictMode = U, j.Suspense = ce, j.isAsyncMode = ye, j.isConcurrentMode = Re, j.isContextConsumer = B, j.isContextProvider = ke, j.isElement = je, j.isForwardRef = Se, j.isFragment = Be, j.isLazy = We, j.isMemo = xt, j.isPortal = Yt, j.isProfiler = ct, j.isStrictMode = Ke, j.isSuspense = Oe, j.isValidElementType = x, j.typeOf = S;
+    j.AsyncMode = v, j.ConcurrentMode = E, j.ContextConsumer = C, j.ContextProvider = _, j.Element = A, j.ForwardRef = D, j.Fragment = O, j.Lazy = V, j.Memo = K, j.Portal = H, j.Profiler = fe, j.StrictMode = U, j.Suspense = ce, j.isAsyncMode = ge, j.isConcurrentMode = Re, j.isContextConsumer = B, j.isContextProvider = ke, j.isElement = je, j.isForwardRef = Se, j.isFragment = Be, j.isLazy = We, j.isMemo = xt, j.isPortal = Yt, j.isProfiler = ct, j.isStrictMode = Ke, j.isSuspense = Oe, j.isValidElementType = x, j.typeOf = S;
   }()), j;
 }
 process.env.NODE_ENV === "production" ? mi.exports = Hm() : mi.exports = Um();
@@ -10637,7 +10640,7 @@ function v3(e) {
     }, p.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ua(this._resetIsScrollingTimeoutId);
     }, p.render = function() {
-      var f = this.props, m = f.children, b = f.className, w = f.direction, x = f.height, S = f.innerRef, v = f.innerElementType, E = f.innerTagName, C = f.itemCount, _ = f.itemData, A = f.itemKey, D = A === void 0 ? y3 : A, O = f.layout, V = f.outerElementType, K = f.outerTagName, H = f.style, fe = f.useIsScrolling, U = f.width, ce = this.state.isScrolling, ue = w === "horizontal" || O === "horizontal", ye = ue ? this._onScrollHorizontal : this._onScrollVertical, Re = this._getRangeToRender(), B = Re[0], ke = Re[1], je = [];
+      var f = this.props, m = f.children, b = f.className, w = f.direction, x = f.height, S = f.innerRef, v = f.innerElementType, E = f.innerTagName, C = f.itemCount, _ = f.itemData, A = f.itemKey, D = A === void 0 ? y3 : A, O = f.layout, V = f.outerElementType, K = f.outerTagName, H = f.style, fe = f.useIsScrolling, U = f.width, ce = this.state.isScrolling, ue = w === "horizontal" || O === "horizontal", ge = ue ? this._onScrollHorizontal : this._onScrollVertical, Re = this._getRangeToRender(), B = Re[0], ke = Re[1], je = [];
       if (C > 0)
         for (var Se = B; Se <= ke; Se++)
           je.push(tn(m, {
@@ -10650,7 +10653,7 @@ function v3(e) {
       var Be = r(this.props, this._instanceProps);
       return tn(V || K || "div", {
         className: b,
-        onScroll: ye,
+        onScroll: ge,
         ref: this._outerRefSetter,
         style: W({
           position: "relative",
@@ -10867,11 +10870,11 @@ function X3(e) {
   }, h = () => {
     n(!1), o(""), u("");
   };
-  pe(() => {
+  be(() => {
     i(e.value ? e.getOptionLabel(e.value) : "");
-  }, [e.value]), pe(() => {
+  }, [e.value]), be(() => {
     t || i(e.value ? e.getOptionLabel(e.value) : "");
-  }, [t]), pe(() => {
+  }, [t]), be(() => {
     l(e.searchLoading);
   }, [e.paging.rows, e.searchLoading]);
   const p = e.paging.rows, { hasNextPage: y } = e, f = y ? p.length + 1 : p.length, m = () => e.isNextPageLoading ? void 0 : e.loadNextPage(s), b = (S) => !y || S < p.length, w = (S) => {
@@ -11156,7 +11159,7 @@ function Z3(e) {
   }, l = (d) => {
     r((h) => ({ ...h, searchLoading: !0 })), i({ page: 1, search: { content: d } });
   };
-  pe(() => {
+  be(() => {
     e.disabled || (r((d) => ({ ...d, initLoading: !0 })), i({ page: 1 }));
   }, [...e.dependencyList || []]);
   const c = () => {
@@ -11254,7 +11257,7 @@ const T3 = "Reset date";
 function J3(e) {
   var i, s;
   const [t, n] = Y(e.value), r = !(t != null && t.startDate) || !(t != null && t.endDate) ? "" : oe(t == null ? void 0 : t.startDate).format("DD/MM/YYYY") + " ~ " + oe(t == null ? void 0 : t.endDate).format("DD/MM/YYYY");
-  return pe(() => {
+  return be(() => {
     n(e.value);
   }, [e.value]), /* @__PURE__ */ g(
     iu,
@@ -11410,7 +11413,7 @@ const P3 = ["granted", "denied"], A3 = (e) => {
       ] })
     ] }) });
   }
-  return pe(() => {
+  return be(() => {
     t && Notification.permission === "granted" && t.userName && t.message && t.context && su(/* @__PURE__ */ g(i, {}));
   }, [t]), au(e).then((s) => {
     var o, a, l;

package/package.json

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-5d347552.cjs");const e=require("../index-fc7ef96b.cjs");exports.GlobalMenu=e.GlobalMenu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-5d347552.cjs");const e=require("../index-01dc8163.cjs");exports.GlobalMenu=e.GlobalMenu;

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

@@ -1,5 +1,5 @@
 import "../react-to-web-component-24d28041.js";
-import { G as e } from "../index-c8cf7c0f.js";
+import { G as e } from "../index-30758085.js";
 export {
   e as GlobalMenu
 };