@ukpc-lib/react 0.0.4 → 0.0.6

package/dist/index.css

@@ -1 +1 @@
-._container_de8pp_1{width:100%}@media (min-width: 640px){._container_de8pp_1{max-width:640px}}@media (min-width: 768px){._container_de8pp_1{max-width:768px}}@media (min-width: 1024px){._container_de8pp_1{max-width:1024px}}@media (min-width: 1280px){._container_de8pp_1{max-width:1280px}}@media (min-width: 1536px){._container_de8pp_1{max-width:1536px}}._fixed_de8pp_1{position:fixed}._relative_de8pp_1{position:relative}._mb-10_de8pp_1{margin-bottom:2.5rem}._ml-3_de8pp_1{margin-left:.75rem}._mt-10_de8pp_1{margin-top:2.5rem}._mt-6_de8pp_1{margin-top:1.5rem}._flex_de8pp_1{display:flex}._hidden_de8pp_1{display:none}._h-\[70px\]_de8pp_1{height:70px}._h-\[8px\]_de8pp_1{height:8px}._h-screen_de8pp_1{height:100vh}._min-h-\[1000px\]_de8pp_1{min-height:1000px}._w-full_de8pp_1{width:100%}._flex-1_de8pp_1{flex:1 1 0%}._cursor-pointer_de8pp_1{cursor:pointer}._flex-col_de8pp_1{flex-direction:column}._overflow-auto_de8pp_1{overflow:auto}._overflow-hidden_de8pp_1{overflow:hidden}._overflow-y-auto_de8pp_1{overflow-y:auto}._overflow-x-hidden_de8pp_1{overflow-x:hidden}._bg-gray-100_de8pp_1{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}._text-sm_de8pp_1{font-size:.875rem;line-height:1.25rem}._text-white_de8pp_1{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._filter_de8pp_1{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}._transition_de8pp_1{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._avatar-dropdown-item_de8pp_5{cursor:pointer;border-radius:.25rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}._avatar-dropdown-item_de8pp_5:hover{--tw-bg-opacity: 1;background-color:rgb(0 157 79 / var(--tw-bg-opacity))}._avartarDropdownMenu_de8pp_9{position:absolute;left:-10rem;top:4rem;width:13rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1rem;--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)}._navbar_de8pp_13{position:fixed;top:0;z-index:30;display:flex;height:70px;width:100%;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding-left:2.5rem}._navbar-container_de8pp_17{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}._right-side-container_de8pp_21{margin-right:2.5rem;display:flex;flex-direction:row;align-items:center;gap:1rem;text-align:center}._userContainer_de8pp_25{display:flex;align-items:center;gap:.5rem}._userFullName_de8pp_29{font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._userAvatar_de8pp_33{height:2.5rem;width:2.5rem;cursor:pointer;border-radius:9999px;-o-object-fit:cover;object-fit:cover}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }._container_14n48_1{width:100%}@media (min-width: 640px){._container_14n48_1{max-width:640px}}@media (min-width: 768px){._container_14n48_1{max-width:768px}}@media (min-width: 1024px){._container_14n48_1{max-width:1024px}}@media (min-width: 1280px){._container_14n48_1{max-width:1280px}}@media (min-width: 1536px){._container_14n48_1{max-width:1536px}}._fixed_14n48_1{position:fixed}._relative_14n48_1{position:relative}._mb-10_14n48_1{margin-bottom:2.5rem}._ml-3_14n48_1{margin-left:.75rem}._mt-10_14n48_1{margin-top:2.5rem}._mt-6_14n48_1{margin-top:1.5rem}._flex_14n48_1{display:flex}._hidden_14n48_1{display:none}._h-\[70px\]_14n48_1{height:70px}._h-\[8px\]_14n48_1{height:8px}._h-screen_14n48_1{height:100vh}._min-h-\[1000px\]_14n48_1{min-height:1000px}._w-full_14n48_1{width:100%}._flex-1_14n48_1{flex:1 1 0%}._cursor-pointer_14n48_1{cursor:pointer}._flex-col_14n48_1{flex-direction:column}._overflow-auto_14n48_1{overflow:auto}._overflow-hidden_14n48_1{overflow:hidden}._overflow-y-auto_14n48_1{overflow-y:auto}._overflow-x-hidden_14n48_1{overflow-x:hidden}._bg-gray-100_14n48_1{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}._text-sm_14n48_1{font-size:.875rem;line-height:1.25rem}._text-white_14n48_1{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._filter_14n48_1{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}._transition_14n48_1{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}._modal-overlay_14n48_5{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity: .25;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}._modal-title_14n48_9{font-size:1.25rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(224 27 0 / var(--tw-text-opacity))}._modal-footer_14n48_13{display:flex;width:80%;justify-content:space-between}._modal-container_14n48_17{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.25rem}._modal-button_14n48_35{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}._confirm-btn_14n48_43{background:#e01b00!important}.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 70px);border-right:1px solid #d1d5db;border-color:#d1d5db;padding:0 8px}.side-bar.collapsed{padding:0 4px}.side-bar__toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px}.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}.side-bar__toggle-btn.collapsed{justify-content:center;width:100%}.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;min-height:48px}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.collapsed.level-1{flex-direction:column}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{min-height:unset}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__link.expanded,.menu-item__link.collapsed.level-1{margin-top:4px}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:.5rem;padding-right:12px}.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}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{position:absolute;top:50%;transform:translateY(-50%);right:0}.menu-item__icon-arrow__wrapper.collapsed.level-1{top:0;transform:translateY(7px);right:1}.menu-item__icon-arrow__icon{transition:all .3s!important;color:#85858a}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(90deg)!important}.menu-item__dropdown.collapsed{background-color:#fff;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}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0}.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)}
+._avatar-dropdown-item_1jszk_1{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}._avatar-dropdown-item_1jszk_1:hover{background-color:#009d4f}._avartarDropdownMenu_1jszk_13{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.5rem}._avartarDropdownMenu_1jszk_13 ul{list-style:none;padding-inline-start:0;margin-block-end:0}._navbar_1jszk_31{position:fixed;display:flex;z-index:30;background:black;top:0;width:100%;padding-left:2.5rem;height:70px}._navbar-container_1jszk_42{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}._logo-container_1jszk_50{padding:16px 0;height:100%}._navbar-container_1jszk_42 img{height:100%}._right-side-container_1jszk_59{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}._userContainer_1jszk_68{display:flex;align-items:center;gap:.5rem}._userFullName_1jszk_74{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}._userAvatar_1jszk_81{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px}._relative_1jszk_89{position:relative}._cursor-pointer_1jszk_93{cursor:pointer}._modal-overlay_10n3k_1{position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}._modal-title_10n3k_12{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}._modal-footer_10n3k_19{display:flex;justify-content:space-between;width:80%}._modal-container_10n3k_25{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}._modal-button_10n3k_43{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}._confirm-btn_10n3k_51{background:#e01b00!important}._text-white_10n3k_55{color:#fff}._text-sm_10n3k_59{font-size:.875rem;line-height:1.25rem}.side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 70px);border-right:1px solid #ddd;background-color:#fafafa;padding:0 8px}.side-bar.collapsed{padding:0 4px}.side-bar__toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px}.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}.side-bar__toggle-btn.collapsed{justify-content:center;width:100%}.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__wrapper.collapsed.level-1:first-child{margin-top:0}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;min-height:48px}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.collapsed.level-1{flex-direction:column}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{min-height:unset}.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__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:.5rem;padding-right:12px}.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}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{position:absolute;top:50%;transform:translateY(-50%);right:0}.menu-item__icon-arrow__wrapper.collapsed.level-1{top:0;transform:translateY(7px);right:1}.menu-item__icon-arrow__icon{transition:all .3s!important;color:#85858a}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(90deg)!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.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)}#menu-items{padding-right:5px;margin-right:-5px}#menu-items::-webkit-scrollbar{width:7px}#menu-items.collapsed::-webkit-scrollbar{width:0px}#menu-items::-webkit-scrollbar-thumb{background-color:#a9a9a98c;border-radius:50px}

package/dist/share/index.cjs

@@ -39,4 +39,4 @@
       animation: ${0} 1.4s linear infinite;
     `),tr)),ir=r.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,t)=>t.svg})({display:"block"}),ar=r.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.circle,t[`circle${r.capitalize(o.variant)}`],o.disableShrink&&t.circleDisableShrink]}})(({ownerState:e,theme:t})=>r._extends({stroke:"currentColor"},e.variant==="determinate"&&{transition:t.transitions.create("stroke-dashoffset")},e.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:e})=>e.variant==="indeterminate"&&!e.disableShrink&&L(oe||(oe=D`
       animation: ${0} 1.4s ease-in-out infinite;
-    `),or)),pe=E.forwardRef(function(t,o){const n=r.useThemeProps({props:t,name:"MuiCircularProgress"}),{className:i,color:s="primary",disableShrink:c=!1,size:u=40,style:d,thickness:m=3.6,value:p=0,variant:f="indeterminate"}=n,P=r._objectWithoutPropertiesLoose(n,rr),h=r._extends({},n,{color:s,disableShrink:c,size:u,thickness:m,value:p,variant:f}),T=sr(h),S={},w={},_={};if(f==="determinate"){const j=2*Math.PI*(($-m)/2);S.strokeDasharray=j.toFixed(3),_["aria-valuenow"]=Math.round(p),S.strokeDashoffset=`${((100-p)/100*j).toFixed(3)}px`,w.transform="rotate(-90deg)"}return b.jsx(nr,r._extends({className:r.clsx(T.root,i),style:r._extends({width:u,height:u},w,d),ownerState:h,ref:o,role:"progressbar"},_,P,{children:b.jsx(ir,{className:T.svg,ownerState:h,viewBox:`${$/2} ${$/2} ${$} ${$}`,children:b.jsx(ar,{className:T.circle,style:S,ownerState:h,cx:$,cy:$,r:($-m)/2,fill:"none",strokeWidth:m})})}))});process.env.NODE_ENV!=="production"&&(pe.propTypes={classes:r.PropTypes.object,className:r.PropTypes.string,color:r.PropTypes.oneOfType([r.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),r.PropTypes.string]),disableShrink:ze(r.PropTypes.bool,e=>e.disableShrink&&e.variant&&e.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]),style:r.PropTypes.object,sx:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object,r.PropTypes.bool])),r.PropTypes.func,r.PropTypes.object]),thickness:r.PropTypes.number,value:r.PropTypes.number,variant:r.PropTypes.oneOf(["determinate","indeterminate"])});const cr=pe,me=E.createContext();process.env.NODE_ENV!=="production"&&(me.displayName="GridContext");const se=me;function lr(e){return r.generateUtilityClass("MuiGrid",e)}const ur=[0,1,2,3,4,5,6,7,8,9,10],pr=["column-reverse","column","row-reverse","row"],mr=["nowrap","wrap-reverse","wrap"],k=["auto",!0,1,2,3,4,5,6,7,8,9,10,11,12],A=r.generateUtilityClasses("MuiGrid",["root","container","item","zeroMinWidth",...ur.map(e=>`spacing-xs-${e}`),...pr.map(e=>`direction-xs-${e}`),...mr.map(e=>`wrap-xs-${e}`),...k.map(e=>`grid-xs-${e}`),...k.map(e=>`grid-sm-${e}`),...k.map(e=>`grid-md-${e}`),...k.map(e=>`grid-lg-${e}`),...k.map(e=>`grid-xl-${e}`)]),dr=["className","columns","columnSpacing","component","container","direction","item","rowSpacing","spacing","wrap","zeroMinWidth"];function R(e){const t=parseFloat(e);return`${t}${String(e).replace(String(t),"")||"px"}`}function fr({theme:e,ownerState:t}){let o;return e.breakpoints.keys.reduce((n,i)=>{let s={};if(t[i]&&(o=t[i]),!o)return n;if(o===!0)s={flexBasis:0,flexGrow:1,maxWidth:"100%"};else if(o==="auto")s={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"};else{const c=r.resolveBreakpointValues({values:t.columns,breakpoints:e.breakpoints.values}),u=typeof c=="object"?c[i]:c;if(u==null)return n;const d=`${Math.round(o/u*1e8)/1e6}%`;let m={};if(t.container&&t.item&&t.columnSpacing!==0){const p=e.spacing(t.columnSpacing);if(p!=="0px"){const f=`calc(${d} + ${R(p)})`;m={flexBasis:f,maxWidth:f}}}s=r._extends({flexBasis:d,flexGrow:0,maxWidth:d},m)}return e.breakpoints.values[i]===0?Object.assign(n,s):n[e.breakpoints.up(i)]=s,n},{})}function yr({theme:e,ownerState:t}){const o=r.resolveBreakpointValues({values:t.direction,breakpoints:e.breakpoints.values});return r.handleBreakpoints({theme:e},o,n=>{const i={flexDirection:n};return n.indexOf("column")===0&&(i[`& > .${A.item}`]={maxWidth:"none"}),i})}function de({breakpoints:e,values:t}){let o="";Object.keys(t).forEach(i=>{o===""&&t[i]!==0&&(o=i)});const n=Object.keys(e).sort((i,s)=>e[i]-e[s]);return n.slice(0,n.indexOf(o))}function vr({theme:e,ownerState:t}){const{container:o,rowSpacing:n}=t;let i={};if(o&&n!==0){const s=r.resolveBreakpointValues({values:n,breakpoints:e.breakpoints.values});let c;typeof s=="object"&&(c=de({breakpoints:e.breakpoints.values,values:s})),i=r.handleBreakpoints({theme:e},s,(u,d)=>{var m;const p=e.spacing(u);return p!=="0px"?{marginTop:`-${R(p)}`,[`& > .${A.item}`]:{paddingTop:R(p)}}:(m=c)!=null&&m.includes(d)?{}:{marginTop:0,[`& > .${A.item}`]:{paddingTop:0}}})}return i}function hr({theme:e,ownerState:t}){const{container:o,columnSpacing:n}=t;let i={};if(o&&n!==0){const s=r.resolveBreakpointValues({values:n,breakpoints:e.breakpoints.values});let c;typeof s=="object"&&(c=de({breakpoints:e.breakpoints.values,values:s})),i=r.handleBreakpoints({theme:e},s,(u,d)=>{var m;const p=e.spacing(u);return p!=="0px"?{width:`calc(100% + ${R(p)})`,marginLeft:`-${R(p)}`,[`& > .${A.item}`]:{paddingLeft:R(p)}}:(m=c)!=null&&m.includes(d)?{}:{width:"100%",marginLeft:0,[`& > .${A.item}`]:{paddingLeft:0}}})}return i}function Pr(e,t,o={}){if(!e||e<=0)return[];if(typeof e=="string"&&!Number.isNaN(Number(e))||typeof e=="number")return[o[`spacing-xs-${String(e)}`]];const n=[];return t.forEach(i=>{const s=e[i];Number(s)>0&&n.push(o[`spacing-${i}-${String(s)}`])}),n}const Tr=r.styled("div",{name:"MuiGrid",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e,{container:n,direction:i,item:s,spacing:c,wrap:u,zeroMinWidth:d,breakpoints:m}=o;let p=[];n&&(p=Pr(c,m,t));const f=[];return m.forEach(P=>{const h=o[P];h&&f.push(t[`grid-${P}-${String(h)}`])}),[t.root,n&&t.container,s&&t.item,d&&t.zeroMinWidth,...p,i!=="row"&&t[`direction-xs-${String(i)}`],u!=="wrap"&&t[`wrap-xs-${String(u)}`],...f]}})(({ownerState:e})=>r._extends({boxSizing:"border-box"},e.container&&{display:"flex",flexWrap:"wrap",width:"100%"},e.item&&{margin:0},e.zeroMinWidth&&{minWidth:0},e.wrap!=="wrap"&&{flexWrap:e.wrap}),yr,vr,hr,fr);function gr(e,t){if(!e||e<=0)return[];if(typeof e=="string"&&!Number.isNaN(Number(e))||typeof e=="number")return[`spacing-xs-${String(e)}`];const o=[];return t.forEach(n=>{const i=e[n];if(Number(i)>0){const s=`spacing-${n}-${String(i)}`;o.push(s)}}),o}const xr=e=>{const{classes:t,container:o,direction:n,item:i,spacing:s,wrap:c,zeroMinWidth:u,breakpoints:d}=e;let m=[];o&&(m=gr(s,d));const p=[];d.forEach(P=>{const h=e[P];h&&p.push(`grid-${P}-${String(h)}`)});const f={root:["root",o&&"container",i&&"item",u&&"zeroMinWidth",...m,n!=="row"&&`direction-xs-${String(n)}`,c!=="wrap"&&`wrap-xs-${String(c)}`,...p]};return r.composeClasses(f,lr,t)},N=E.forwardRef(function(t,o){const n=r.useThemeProps({props:t,name:"MuiGrid"}),{breakpoints:i}=Qe(),s=Je(n),{className:c,columns:u,columnSpacing:d,component:m="div",container:p=!1,direction:f="row",item:P=!1,rowSpacing:h,spacing:T=0,wrap:S="wrap",zeroMinWidth:w=!1}=s,_=r._objectWithoutPropertiesLoose(s,dr),j=h||T,x=d||T,g=E.useContext(se),a=p?u||12:g,C={},I=r._extends({},_);i.keys.forEach(O=>{_[O]!=null&&(C[O]=_[O],delete I[O])});const z=r._extends({},s,{columns:a,container:p,direction:f,item:P,rowSpacing:j,columnSpacing:x,wrap:S,zeroMinWidth:w,spacing:T},C,{breakpoints:i.keys}),F=xr(z);return b.jsx(se.Provider,{value:a,children:b.jsx(Tr,r._extends({ownerState:z,className:r.clsx(F.root,c),as:m,ref:o},I))})});process.env.NODE_ENV!=="production"&&(N.propTypes={children:r.PropTypes.node,classes:r.PropTypes.object,className:r.PropTypes.string,columns:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.number),r.PropTypes.number,r.PropTypes.object]),columnSpacing:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string])),r.PropTypes.number,r.PropTypes.object,r.PropTypes.string]),component:r.PropTypes.elementType,container:r.PropTypes.bool,direction:r.PropTypes.oneOfType([r.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),r.PropTypes.arrayOf(r.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),r.PropTypes.object]),item:r.PropTypes.bool,lg:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),md:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),rowSpacing:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string])),r.PropTypes.number,r.PropTypes.object,r.PropTypes.string]),sm:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),spacing:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string])),r.PropTypes.number,r.PropTypes.object,r.PropTypes.string]),sx:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object,r.PropTypes.bool])),r.PropTypes.func,r.PropTypes.object]),wrap:r.PropTypes.oneOf(["nowrap","wrap-reverse","wrap"]),xl:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),xs:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),zeroMinWidth:r.PropTypes.bool});if(process.env.NODE_ENV!=="production"){const e=r.requirePropFactory("Grid",N);N["propTypes"]=r._extends({},N.propTypes,{direction:e("container"),lg:e("item"),md:e("item"),sm:e("item"),spacing:e("container"),wrap:e("container"),xs:e("item"),zeroMinWidth:e("item")})}const br=N,ne=window.location.origin,fe=M.createContext({}),Sr=({children:e,baseUrl:t,userData:o})=>{const n=()=>{window.location.href=`${t}/authentication/login?callbackUrl=${ne}`},i=()=>{window.location.href=`${t}/authentication/logout?callbackUrl=${ne}`};return o!=null&&o.isFetching?b.jsx(br,{container:!0,justifyContent:"center",alignItems:"center",sx:{minHeight:"100vh"},children:b.jsx(cr,{})}):o!=null&&o.isError?(n(),null):b.jsx(fe.Provider,{value:{user:o==null?void 0:o.data,login:n,logout:i},children:e})},Er=()=>{const{login:e,logout:t,user:o}=M.useContext(fe);return{login:e,logout:t,user:o}},_r={TOKEN_MALFORMED:"token_malformed",TOKEN_EXPIRED:"token_expired"},ie=e=>{window.location.href=`${e}/authentication/login?callbackUrl=${window.location.origin}`};function wr({config:e,pushError:t}){const o=ae.create(e);o.interceptors.request.use(async s=>(s.headers={Accept:"application/json","Content-Type":"application/json"},s),s=>Promise.reject(s));const n=o.interceptors.response.use(s=>s,async s=>i(s));function i(s){var u,d,m,p,f,P,h,T;console.error("Error 🚨:",s);const c=s==null?void 0:s.config;if(((d=(u=s.response)==null?void 0:u.data)==null?void 0:d.statusCode)===401&&s.response.data.errorMessage===_r.TOKEN_EXPIRED&&!c._retry&&(c._retry=!0,o.post("/authentication/api/v1/auth/refresh-token").then(()=>o(c)).catch(()=>ie(e.baseURL)),o.interceptors.response.eject(n)),((p=(m=s.response)==null?void 0:m.data)==null?void 0:p.statusCode)===401&&ie(e.baseURL),s.response.status!==401){const S=typeof((f=s==null?void 0:s.response)==null?void 0:f.data)=="string"?(P=s==null?void 0:s.response)==null?void 0:P.data:((T=(h=s==null?void 0:s.response)==null?void 0:h.data)==null?void 0:T.message)||s.message||"Server error!";return t(S),Promise.reject(s.response.data)}return Promise.reject(s)}return o}const ye=e=>{const[t,o]=M.useState([]);return M.useEffect(()=>{ae.get(`${e}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(n=>o(n.data)).catch(n=>{console.error("Getting user permission error:",n)})},[e]),t},Y=e=>(t,o)=>{const n=ye(e);return o?t.every(i=>n==null?void 0:n.includes(i)):t.some(i=>n==null?void 0:n.includes(i))},jr=({baseUrl:e,accessWith:t,requireAll:o,children:n})=>Y(e)(t,o)?b.jsx(b.Fragment,{children:n}):null,Cr=({accessWith:e,requireAll:t,baseUrl:o,unAuthorizedPath:n,children:i})=>Y(o)(e,t)?b.jsx(b.Fragment,{children:i}):b.jsx(Ae.Navigate,{to:n,replace:!0});exports.AuthProvider=Sr;exports.HasPermission=jr;exports.PermissionRoute=Cr;exports.getAxiosInstance=wr;exports.getUseHasPermission=Y;exports.useAuth=Er;exports.useGetPermission=ye;
+    `),or)),pe=E.forwardRef(function(t,o){const n=r.useThemeProps({props:t,name:"MuiCircularProgress"}),{className:i,color:s="primary",disableShrink:c=!1,size:u=40,style:d,thickness:m=3.6,value:p=0,variant:f="indeterminate"}=n,P=r._objectWithoutPropertiesLoose(n,rr),h=r._extends({},n,{color:s,disableShrink:c,size:u,thickness:m,value:p,variant:f}),T=sr(h),S={},w={},_={};if(f==="determinate"){const j=2*Math.PI*(($-m)/2);S.strokeDasharray=j.toFixed(3),_["aria-valuenow"]=Math.round(p),S.strokeDashoffset=`${((100-p)/100*j).toFixed(3)}px`,w.transform="rotate(-90deg)"}return b.jsx(nr,r._extends({className:r.clsx(T.root,i),style:r._extends({width:u,height:u},w,d),ownerState:h,ref:o,role:"progressbar"},_,P,{children:b.jsx(ir,{className:T.svg,ownerState:h,viewBox:`${$/2} ${$/2} ${$} ${$}`,children:b.jsx(ar,{className:T.circle,style:S,ownerState:h,cx:$,cy:$,r:($-m)/2,fill:"none",strokeWidth:m})})}))});process.env.NODE_ENV!=="production"&&(pe.propTypes={classes:r.PropTypes.object,className:r.PropTypes.string,color:r.PropTypes.oneOfType([r.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),r.PropTypes.string]),disableShrink:ze(r.PropTypes.bool,e=>e.disableShrink&&e.variant&&e.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]),style:r.PropTypes.object,sx:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object,r.PropTypes.bool])),r.PropTypes.func,r.PropTypes.object]),thickness:r.PropTypes.number,value:r.PropTypes.number,variant:r.PropTypes.oneOf(["determinate","indeterminate"])});const cr=pe,me=E.createContext();process.env.NODE_ENV!=="production"&&(me.displayName="GridContext");const se=me;function lr(e){return r.generateUtilityClass("MuiGrid",e)}const ur=[0,1,2,3,4,5,6,7,8,9,10],pr=["column-reverse","column","row-reverse","row"],mr=["nowrap","wrap-reverse","wrap"],k=["auto",!0,1,2,3,4,5,6,7,8,9,10,11,12],A=r.generateUtilityClasses("MuiGrid",["root","container","item","zeroMinWidth",...ur.map(e=>`spacing-xs-${e}`),...pr.map(e=>`direction-xs-${e}`),...mr.map(e=>`wrap-xs-${e}`),...k.map(e=>`grid-xs-${e}`),...k.map(e=>`grid-sm-${e}`),...k.map(e=>`grid-md-${e}`),...k.map(e=>`grid-lg-${e}`),...k.map(e=>`grid-xl-${e}`)]),dr=["className","columns","columnSpacing","component","container","direction","item","rowSpacing","spacing","wrap","zeroMinWidth"];function R(e){const t=parseFloat(e);return`${t}${String(e).replace(String(t),"")||"px"}`}function fr({theme:e,ownerState:t}){let o;return e.breakpoints.keys.reduce((n,i)=>{let s={};if(t[i]&&(o=t[i]),!o)return n;if(o===!0)s={flexBasis:0,flexGrow:1,maxWidth:"100%"};else if(o==="auto")s={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"};else{const c=r.resolveBreakpointValues({values:t.columns,breakpoints:e.breakpoints.values}),u=typeof c=="object"?c[i]:c;if(u==null)return n;const d=`${Math.round(o/u*1e8)/1e6}%`;let m={};if(t.container&&t.item&&t.columnSpacing!==0){const p=e.spacing(t.columnSpacing);if(p!=="0px"){const f=`calc(${d} + ${R(p)})`;m={flexBasis:f,maxWidth:f}}}s=r._extends({flexBasis:d,flexGrow:0,maxWidth:d},m)}return e.breakpoints.values[i]===0?Object.assign(n,s):n[e.breakpoints.up(i)]=s,n},{})}function yr({theme:e,ownerState:t}){const o=r.resolveBreakpointValues({values:t.direction,breakpoints:e.breakpoints.values});return r.handleBreakpoints({theme:e},o,n=>{const i={flexDirection:n};return n.indexOf("column")===0&&(i[`& > .${A.item}`]={maxWidth:"none"}),i})}function de({breakpoints:e,values:t}){let o="";Object.keys(t).forEach(i=>{o===""&&t[i]!==0&&(o=i)});const n=Object.keys(e).sort((i,s)=>e[i]-e[s]);return n.slice(0,n.indexOf(o))}function vr({theme:e,ownerState:t}){const{container:o,rowSpacing:n}=t;let i={};if(o&&n!==0){const s=r.resolveBreakpointValues({values:n,breakpoints:e.breakpoints.values});let c;typeof s=="object"&&(c=de({breakpoints:e.breakpoints.values,values:s})),i=r.handleBreakpoints({theme:e},s,(u,d)=>{var m;const p=e.spacing(u);return p!=="0px"?{marginTop:`-${R(p)}`,[`& > .${A.item}`]:{paddingTop:R(p)}}:(m=c)!=null&&m.includes(d)?{}:{marginTop:0,[`& > .${A.item}`]:{paddingTop:0}}})}return i}function hr({theme:e,ownerState:t}){const{container:o,columnSpacing:n}=t;let i={};if(o&&n!==0){const s=r.resolveBreakpointValues({values:n,breakpoints:e.breakpoints.values});let c;typeof s=="object"&&(c=de({breakpoints:e.breakpoints.values,values:s})),i=r.handleBreakpoints({theme:e},s,(u,d)=>{var m;const p=e.spacing(u);return p!=="0px"?{width:`calc(100% + ${R(p)})`,marginLeft:`-${R(p)}`,[`& > .${A.item}`]:{paddingLeft:R(p)}}:(m=c)!=null&&m.includes(d)?{}:{width:"100%",marginLeft:0,[`& > .${A.item}`]:{paddingLeft:0}}})}return i}function Pr(e,t,o={}){if(!e||e<=0)return[];if(typeof e=="string"&&!Number.isNaN(Number(e))||typeof e=="number")return[o[`spacing-xs-${String(e)}`]];const n=[];return t.forEach(i=>{const s=e[i];Number(s)>0&&n.push(o[`spacing-${i}-${String(s)}`])}),n}const Tr=r.styled("div",{name:"MuiGrid",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e,{container:n,direction:i,item:s,spacing:c,wrap:u,zeroMinWidth:d,breakpoints:m}=o;let p=[];n&&(p=Pr(c,m,t));const f=[];return m.forEach(P=>{const h=o[P];h&&f.push(t[`grid-${P}-${String(h)}`])}),[t.root,n&&t.container,s&&t.item,d&&t.zeroMinWidth,...p,i!=="row"&&t[`direction-xs-${String(i)}`],u!=="wrap"&&t[`wrap-xs-${String(u)}`],...f]}})(({ownerState:e})=>r._extends({boxSizing:"border-box"},e.container&&{display:"flex",flexWrap:"wrap",width:"100%"},e.item&&{margin:0},e.zeroMinWidth&&{minWidth:0},e.wrap!=="wrap"&&{flexWrap:e.wrap}),yr,vr,hr,fr);function gr(e,t){if(!e||e<=0)return[];if(typeof e=="string"&&!Number.isNaN(Number(e))||typeof e=="number")return[`spacing-xs-${String(e)}`];const o=[];return t.forEach(n=>{const i=e[n];if(Number(i)>0){const s=`spacing-${n}-${String(i)}`;o.push(s)}}),o}const xr=e=>{const{classes:t,container:o,direction:n,item:i,spacing:s,wrap:c,zeroMinWidth:u,breakpoints:d}=e;let m=[];o&&(m=gr(s,d));const p=[];d.forEach(P=>{const h=e[P];h&&p.push(`grid-${P}-${String(h)}`)});const f={root:["root",o&&"container",i&&"item",u&&"zeroMinWidth",...m,n!=="row"&&`direction-xs-${String(n)}`,c!=="wrap"&&`wrap-xs-${String(c)}`,...p]};return r.composeClasses(f,lr,t)},N=E.forwardRef(function(t,o){const n=r.useThemeProps({props:t,name:"MuiGrid"}),{breakpoints:i}=Qe(),s=Je(n),{className:c,columns:u,columnSpacing:d,component:m="div",container:p=!1,direction:f="row",item:P=!1,rowSpacing:h,spacing:T=0,wrap:S="wrap",zeroMinWidth:w=!1}=s,_=r._objectWithoutPropertiesLoose(s,dr),j=h||T,x=d||T,g=E.useContext(se),a=p?u||12:g,C={},I=r._extends({},_);i.keys.forEach(O=>{_[O]!=null&&(C[O]=_[O],delete I[O])});const z=r._extends({},s,{columns:a,container:p,direction:f,item:P,rowSpacing:j,columnSpacing:x,wrap:S,zeroMinWidth:w,spacing:T},C,{breakpoints:i.keys}),F=xr(z);return b.jsx(se.Provider,{value:a,children:b.jsx(Tr,r._extends({ownerState:z,className:r.clsx(F.root,c),as:m,ref:o},I))})});process.env.NODE_ENV!=="production"&&(N.propTypes={children:r.PropTypes.node,classes:r.PropTypes.object,className:r.PropTypes.string,columns:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.number),r.PropTypes.number,r.PropTypes.object]),columnSpacing:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string])),r.PropTypes.number,r.PropTypes.object,r.PropTypes.string]),component:r.PropTypes.elementType,container:r.PropTypes.bool,direction:r.PropTypes.oneOfType([r.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),r.PropTypes.arrayOf(r.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),r.PropTypes.object]),item:r.PropTypes.bool,lg:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),md:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),rowSpacing:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string])),r.PropTypes.number,r.PropTypes.object,r.PropTypes.string]),sm:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),spacing:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string])),r.PropTypes.number,r.PropTypes.object,r.PropTypes.string]),sx:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object,r.PropTypes.bool])),r.PropTypes.func,r.PropTypes.object]),wrap:r.PropTypes.oneOf(["nowrap","wrap-reverse","wrap"]),xl:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),xs:r.PropTypes.oneOfType([r.PropTypes.oneOf(["auto"]),r.PropTypes.number,r.PropTypes.bool]),zeroMinWidth:r.PropTypes.bool});if(process.env.NODE_ENV!=="production"){const e=r.requirePropFactory("Grid",N);N["propTypes"]=r._extends({},N.propTypes,{direction:e("container"),lg:e("item"),md:e("item"),sm:e("item"),spacing:e("container"),wrap:e("container"),xs:e("item"),zeroMinWidth:e("item")})}const br=N,ne=window.location.href,fe=M.createContext({}),Sr=({children:e,baseUrl:t,userData:o})=>{const n=()=>{window.location.href=`${t}/authentication/login?callbackUrl=${ne}`},i=()=>{window.location.href=`${t}/authentication/logout?callbackUrl=${ne}`};return o!=null&&o.isFetching?b.jsx(br,{container:!0,justifyContent:"center",alignItems:"center",sx:{minHeight:"100vh"},children:b.jsx(cr,{})}):o!=null&&o.isError?(n(),null):b.jsx(fe.Provider,{value:{user:o==null?void 0:o.data,login:n,logout:i},children:e})},Er=()=>{const{login:e,logout:t,user:o}=M.useContext(fe);return{login:e,logout:t,user:o}},_r={TOKEN_MALFORMED:"token_malformed",TOKEN_EXPIRED:"token_expired"},ie=e=>{window.location.href=`${e}/authentication/login?callbackUrl=${window.location.origin}`};function wr({config:e,pushError:t}){const o=ae.create(e);o.interceptors.request.use(async s=>(s.headers={Accept:"application/json","Content-Type":"application/json"},s),s=>Promise.reject(s));const n=o.interceptors.response.use(s=>s,async s=>i(s));function i(s){var u,d,m,p,f,P,h,T;console.error("Error 🚨:",s);const c=s==null?void 0:s.config;if(((d=(u=s.response)==null?void 0:u.data)==null?void 0:d.statusCode)===401&&s.response.data.errorMessage===_r.TOKEN_EXPIRED&&!c._retry&&(c._retry=!0,o.post("/authentication/api/v1/auth/refresh-token").then(()=>o(c)).catch(()=>ie(e.baseURL)),o.interceptors.response.eject(n)),((p=(m=s.response)==null?void 0:m.data)==null?void 0:p.statusCode)===401&&ie(e.baseURL),s.response.status!==401){const S=typeof((f=s==null?void 0:s.response)==null?void 0:f.data)=="string"?(P=s==null?void 0:s.response)==null?void 0:P.data:((T=(h=s==null?void 0:s.response)==null?void 0:h.data)==null?void 0:T.message)||s.message||"Server error!";return t(S),Promise.reject(s.response.data)}return Promise.reject(s)}return o}const ye=e=>{const[t,o]=M.useState([]);return M.useEffect(()=>{ae.get(`${e}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(n=>o(n.data)).catch(n=>{console.error("Getting user permission error:",n)})},[e]),t},Y=e=>(t,o)=>{const n=ye(e);return o?t.every(i=>n==null?void 0:n.includes(i)):t.some(i=>n==null?void 0:n.includes(i))},jr=({baseUrl:e,accessWith:t,requireAll:o,children:n})=>Y(e)(t,o)?b.jsx(b.Fragment,{children:n}):null,Cr=({accessWith:e,requireAll:t,baseUrl:o,unAuthorizedPath:n,children:i})=>Y(o)(e,t)?b.jsx(b.Fragment,{children:i}):b.jsx(Ae.Navigate,{to:n,replace:!0});exports.AuthProvider=Sr;exports.HasPermission=jr;exports.PermissionRoute=Cr;exports.getAxiosInstance=wr;exports.getUseHasPermission=Y;exports.useAuth=Er;exports.useGetPermission=ye;

package/dist/share/index.js

@@ -1135,7 +1135,7 @@ if (process.env.NODE_ENV !== "production") {
     zeroMinWidth: e("item")
   });
 }
-const Zr = M, me = window.location.origin, je = He({}), nt = ({ children: e, baseUrl: r, userData: n }) => {
+const Zr = M, me = window.location.href, je = He({}), nt = ({ children: e, baseUrl: r, userData: n }) => {
   const o = () => {
     window.location.href = `${r}/authentication/login?callbackUrl=${me}`;
   }, i = () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ukpc-lib/react",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "main": "./dist/",
   "module": "./dist/",
@@ -49,8 +49,7 @@
     "framer-motion": "^10.18.0",
     "react-query": "^3.39.3",
     "react-router-dom": "^6.21.3",
-    "vite-plugin-css-injected-by-js": "^3.3.1",
-    "vite-plugin-scope-tailwind": "^1.1.9"
+    "vite-plugin-css-injected-by-js": "^3.3.1"
   },
   "devDependencies": {
     "@types/node": "^20.8.10",
@@ -78,7 +77,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-query": "^3.39.3",
-    "react-router-dom": "^6.21.3"
+    "react-router-dom": "^6.21.3",
+    "tailwindcss": "^3.4.1"
   },
   "author": "Thinh Phung",
   "description": "![Screenshot 2024-01-22 at 11 40 08](https://github.com/UKParkingControl/LibShareJS/assets/153060345/99004010-67a2-436b-a5b7-317992137205)",