@ukpc-lib/react 0.1.27 → 0.1.29

package/dist/components/index.js

@@ -1,8 +1,9 @@
 import { jsxs as R, Fragment as cr, jsx as v } from "react/jsx-runtime";
 import * as M from "react";
 import la, { useState as J, useRef as Ye, useEffect as Re, createContext as $t, useLayoutEffect as Gn, useContext as ue, useInsertionEffect as Vc, useCallback as Jt, useMemo as ur, forwardRef as ca, createElement as en, useId as Lc, PureComponent as zc } from "react";
-import { C as jc, g as Fc, Q as ua, R as $c, l as Bc, p as Wc, c as An, s as Pn, _ as W, a as st, P as D, b as je, d as Uc, o as Hc, e as Yc, f as Gc, h as ro, I as qc, i as Kc, j as io, D as Xc, k as ut, r as Zc, m as Qc, B as Jc } from "../index.module-ebc563e0.js";
-import { n as R3, q as N3 } from "../index.module-ebc563e0.js";
+import { C as jc, g as Fc, Q as ua, R as $c, l as Bc, p as Wc, c as An, s as Pn, _ as W, a as st, P as D, b as je, d as Uc, o as Hc, e as Yc, f as Gc, h as ro, I as qc, i as Kc, j as io, D as Xc, k as ut, r as Zc, m as Qc, B as Jc } from "../index.module-34bab88b.js";
+import { n as N3, q as D3 } from "../index.module-34bab88b.js";
+import "@r2wc/react-to-web-component";
 import eu from "axios";
 import { Link as tu, useLocation as nu } from "react-router-dom";
 import { createPortal as ru } from "react-dom";
@@ -144,7 +145,7 @@ function ha({ children: e, styles: t = [], ...n }) {
 }
 const vu = `.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{position:fixed;display:flex;z-index:30;background:black;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.navbar-container img{height:100%}.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}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px}.relative{position:relative}.cursor-pointer{cursor:pointer}
 `;
-function g3({
+function y3({
   logo: e,
   user: t,
   baseUrl: n,
@@ -786,7 +787,7 @@ var Ea = M.forwardRef(function(e, t) {
 });
 Ea.displayName = "SimpleBar";
 const nd = `[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
-`, y3 = (e) => /* @__PURE__ */ v(
+`, v3 = (e) => /* @__PURE__ */ v(
   ua,
   {
     autoClose: 3e3,
@@ -5113,7 +5114,7 @@ function Hl({ item: e, level: t = 0, ...n }) {
 }
 function y1({ item: e, cls: t }) {
   var s, a;
-  const [n, r] = J(!1), i = () => {
+  const [n, r] = J(!e.icon), i = () => {
     r(!0);
   }, o = (s = e.icon) == null ? void 0 : s.endsWith(".svg");
   return /* @__PURE__ */ v("div", { className: t("menu-item__icon"), children: n ? /* @__PURE__ */ v(
@@ -5204,7 +5205,7 @@ function x1(e) {
 }
 const w1 = `.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;padding:0 8px}.side-bar.expanded{width:18rem}.side-bar.collapsed{width:64px;padding-left:4px;padding-right:4px}.side-bar__menu{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.side-bar__menu.collapsed{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.side-bar__wrap-btn-logout,.side-bar__btn-logout{margin:40px 0}.side-bar__logout-btn__text{margin-left:12px}.side-bar__logout-btn__text.collapsed{display:none}.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:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.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.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{height:auto}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__icon.collapsed.level-1{width:100%}.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}.menu-item__label.active{color:inherit}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0;display:none}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{display:grid;place-items:center;position:absolute;top:50%;transform:translateY(-50%);right:-3px}.menu-item__icon-arrow__wrapper.expanded{right:0}.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.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{margin-top:4px;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}
 `;
-function b3(e) {
+function x3(e) {
   return /* @__PURE__ */ v(
     ha,
     {
@@ -5372,7 +5373,7 @@ function T1(e) {
     (o = i.children) != null && o.length && (r[i.id] = !0);
   }), r;
 }
-const x3 = ({ children: e }) => /* @__PURE__ */ R(
+const w3 = ({ children: e }) => /* @__PURE__ */ R(
   Me,
   {
     justifyContent: "center",
@@ -5718,7 +5719,7 @@ function O1(e) {
   }, []);
   return { value: t, setValue: n, setTrue: r, setFalse: i, toggle: o };
 }
-function w3(e) {
+function S3(e) {
   var t;
   return /* @__PURE__ */ R(iu, { ...e.dialogProps, open: e.open, children: [
     !e.hideTitle && /* @__PURE__ */ R(
@@ -5772,7 +5773,7 @@ function w3(e) {
     )
   ] });
 }
-function S3(e) {
+function E3(e) {
   const t = O1(typeof e == "boolean" ? e : void 0);
   return {
     setTrue: t.setTrue,
@@ -5781,7 +5782,7 @@ function S3(e) {
     onConfirm: typeof e != "boolean" ? e == null ? void 0 : e.onConfirm : void 0
   };
 }
-const E3 = () => /* @__PURE__ */ v("div", { className: Pn["page-container"], children: /* @__PURE__ */ R("div", { className: Pn["page-main-content"], children: [
+const T3 = () => /* @__PURE__ */ v("div", { className: Pn["page-container"], children: /* @__PURE__ */ R("div", { className: Pn["page-main-content"], children: [
   /* @__PURE__ */ v(k1, {}),
   /* @__PURE__ */ v("br", {}),
   /* @__PURE__ */ v("h2", { className: Pn["page-title"], children: "Access Denied: No Access Permission" }),
@@ -10232,7 +10233,7 @@ const lr = 37, i3 = (e, t) => {
   const a = s.offsetHeight;
   return document.body.removeChild(s), a > 21 ? lr + 21 : lr;
 };
-function T3(e) {
+function C3(e) {
   const [t, n] = J(!1), [r, i] = J(""), [o, s] = J(""), [a, l] = J(!1), { isRequired: c = !1 } = e, d = Jt(
     ro.debounce((S) => {
       var y;
@@ -10457,7 +10458,7 @@ function T3(e) {
     }
   );
 }
-function C3(e) {
+function A3(e) {
   var d;
   const { listProps: t } = e, [n, r] = J({
     initLoading: !e.disabled,
@@ -10628,7 +10629,7 @@ function o3(e) {
   );
 }
 const s3 = "Reset date";
-function A3(e) {
+function P3(e) {
   var s, a;
   const [t, n] = J(e.value), r = !(t != null && t.startDate) || !t.endDate ? "" : fe(t.startDate).format("DD/MM/YYYY") + " - " + fe(t.endDate).format("DD/MM/YYYY"), i = Ye(Date.now()), o = () => {
     i.current = Date.now();
@@ -10694,7 +10695,7 @@ function A3(e) {
     i.current
   );
 }
-function P3(e) {
+function O3(e) {
   return /* @__PURE__ */ v(
     "svg",
     {
@@ -10715,7 +10716,7 @@ function P3(e) {
     }
   );
 }
-function O3(e) {
+function k3(e) {
   return /* @__PURE__ */ R(
     "svg",
     {
@@ -10771,7 +10772,7 @@ const a3 = (e) => {
       )
     ] })
   ] }) }) });
-}, k3 = (e) => {
+}, M3 = (e) => {
   const [t, n] = J({
     title: "",
     body: ""
@@ -10797,20 +10798,20 @@ const a3 = (e) => {
 };
 export {
   aa as AutocompleteOption,
-  O3 as CheckedIcon,
-  b3 as GlobalMenu,
-  x3 as NoData,
-  k3 as NotificationBase,
-  w3 as PopUpBase,
-  T3 as StyledAutocomplete,
-  A3 as StyledDateRangePicker,
-  y3 as ToastConfig,
-  g3 as TopBar,
-  E3 as UnauthorizedPage,
-  P3 as UncheckedIcon,
+  k3 as CheckedIcon,
+  x3 as GlobalMenu,
+  w3 as NoData,
+  M3 as NotificationBase,
+  S3 as PopUpBase,
+  C3 as StyledAutocomplete,
+  P3 as StyledDateRangePicker,
+  v3 as ToastConfig,
+  y3 as TopBar,
+  T3 as UnauthorizedPage,
+  O3 as UncheckedIcon,
   Wc as pushError,
-  R3 as pushSuccess,
-  N3 as pushWarning,
-  S3 as usePopUp,
-  C3 as useStyledAutocomplete
+  N3 as pushSuccess,
+  D3 as pushWarning,
+  E3 as usePopUp,
+  A3 as useStyledAutocomplete
 };