@ukpc-lib/react 0.1.18 → 0.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +114 -114
- package/dist/components/index.cjs +1 -1
- package/dist/components/index.js +2 -2
- package/dist/{index.es-0621a3fe.cjs → index.es-52d1ebeb.cjs} +18 -18
- package/dist/{index.es-02587e7d.js → index.es-da1b88a3.js} +4396 -4399
- package/dist/share/index.cjs +1 -1
- package/dist/share/index.js +2 -2
- package/package.json +100 -100
- package/web-components-bundle/global-menu/index.cjs +21 -21
- package/web-components-bundle/global-menu/index.js +5880 -5883
package/README.md
CHANGED
|
@@ -1,114 +1,114 @@
|
|
|
1
|
-
# @ukpc-lib/react
|
|
2
|
-
|
|
3
|
-
@ukpc-lib is a comprehensive npm library designed to provide a suite of reusable components, themes, colors, hooks, and auth providers for UKPC applications. It aims to streamline development and ensure consistency across different projects.
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
### React
|
|
8
|
-
|
|
9
|
-
To install package, use the following command:
|
|
10
|
-
|
|
11
|
-
```bash
|
|
12
|
-
npm install @ukpc-lib/react
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
### .NET
|
|
16
|
-
|
|
17
|
-
With .NET applications, you can import the script and use it as follows:
|
|
18
|
-
|
|
19
|
-
Topbar:
|
|
20
|
-
https://unpkg.com/@ukpc-lib/react@latest/web-components-bundle/global-topbar/index.js
|
|
21
|
-
|
|
22
|
-
Global Menu:
|
|
23
|
-
https://unpkg.com/@ukpc-lib/react@latest/web-components-bundle/global-menu/index.js
|
|
24
|
-
|
|
25
|
-
## Usage
|
|
26
|
-
|
|
27
|
-
**To ensure the correct display, you should use the layout as shown below:**
|
|
28
|
-
|
|
29
|
-
### React
|
|
30
|
-
|
|
31
|
-
After installation, you can start using components by importing it into your project. Here's an example of how to use Global Menu:
|
|
32
|
-
|
|
33
|
-
```js
|
|
34
|
-
import { GlobalMenu } from '@ukpc-lib/react/components';
|
|
35
|
-
import { useAuth } from '@ukpc-lib/react/share';
|
|
36
|
-
import { Outlet } from 'react-router-dom';
|
|
37
|
-
import TopBar from './TopBar';
|
|
38
|
-
|
|
39
|
-
export default function PrivateLayout() {
|
|
40
|
-
const { logout } = useAuth();
|
|
41
|
-
|
|
42
|
-
return (
|
|
43
|
-
<div style={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>
|
|
44
|
-
<div style={{ height: '64px' }}>
|
|
45
|
-
<TopBar />
|
|
46
|
-
</div>
|
|
47
|
-
<div
|
|
48
|
-
style={{
|
|
49
|
-
display: 'flex',
|
|
50
|
-
flexDirection: 'row',
|
|
51
|
-
flex: 1,
|
|
52
|
-
overflow: 'hidden',
|
|
53
|
-
}}
|
|
54
|
-
>
|
|
55
|
-
<GlobalMenu
|
|
56
|
-
baseUrl="https://saas.dev-intelli-park.com"
|
|
57
|
-
menuPath="/global-menu-config/api/v1/menu-items/user"
|
|
58
|
-
logout={logout}
|
|
59
|
-
/>
|
|
60
|
-
<div style={{ flex: 1, padding: '40px', overflow: 'auto' }}>
|
|
61
|
-
<Outlet />
|
|
62
|
-
</div>
|
|
63
|
-
</div>
|
|
64
|
-
</div>
|
|
65
|
-
);
|
|
66
|
-
}
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
### .NET
|
|
70
|
-
|
|
71
|
-
```js
|
|
72
|
-
<div style="display: flex; flex-direction: column; height: 100vh;">
|
|
73
|
-
<div style="height: 64px;">
|
|
74
|
-
<global-topbar
|
|
75
|
-
base-url="@baseurl"
|
|
76
|
-
user="@userJson"
|
|
77
|
-
logo="logoURL"
|
|
78
|
-
></global-topbar>
|
|
79
|
-
</div>
|
|
80
|
-
<div style="display: flex; flex-direction: row; flex: 1; overflow: hidden;">
|
|
81
|
-
<global-menu
|
|
82
|
-
menu-path="/global-menu-config/api/v1/menu-items/user"
|
|
83
|
-
base-url="@baseurl"
|
|
84
|
-
logout="logout"
|
|
85
|
-
></global-menu>
|
|
86
|
-
<div style="flex: 1; padding: 40px; overflow: auto;">
|
|
87
|
-
<Outlet />
|
|
88
|
-
</div>
|
|
89
|
-
</div>
|
|
90
|
-
</div>
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
## API
|
|
94
|
-
|
|
95
|
-
#### Global menu:
|
|
96
|
-
|
|
97
|
-
- `baseUrl`: This is the root path where the global menu resources are located.
|
|
98
|
-
- `menuPath`: This is appended to the `baseUrl` to form the full URL to the menu resource.
|
|
99
|
-
- `logout()`: A method that logs out the current user. When called, it will clear the user's session and redirect them to the login page.
|
|
100
|
-
|
|
101
|
-
#### Topbar:
|
|
102
|
-
|
|
103
|
-
- `baseUrl`: This is the root path where the global topbar resources are located.
|
|
104
|
-
- `user`: A JSON string representing the current user.
|
|
105
|
-
- `logo`: The URL of the logo image to be displayed on the topbar.
|
|
106
|
-
|
|
107
|
-
## Details documentation of Components and Shared Authentication Logic Links
|
|
108
|
-
|
|
109
|
-
- [Components](./docs/components.md)
|
|
110
|
-
- [Shared Logic](./docs/share.md)
|
|
111
|
-
|
|
112
|
-
## Contributing
|
|
113
|
-
|
|
114
|
-
We always welcome community contributions. If you want to contribute, please create a Pull Request and we will review it.
|
|
1
|
+
# @ukpc-lib/react
|
|
2
|
+
|
|
3
|
+
@ukpc-lib is a comprehensive npm library designed to provide a suite of reusable components, themes, colors, hooks, and auth providers for UKPC applications. It aims to streamline development and ensure consistency across different projects.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
### React
|
|
8
|
+
|
|
9
|
+
To install package, use the following command:
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @ukpc-lib/react
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### .NET
|
|
16
|
+
|
|
17
|
+
With .NET applications, you can import the script and use it as follows:
|
|
18
|
+
|
|
19
|
+
Topbar:
|
|
20
|
+
https://unpkg.com/@ukpc-lib/react@latest/web-components-bundle/global-topbar/index.js
|
|
21
|
+
|
|
22
|
+
Global Menu:
|
|
23
|
+
https://unpkg.com/@ukpc-lib/react@latest/web-components-bundle/global-menu/index.js
|
|
24
|
+
|
|
25
|
+
## Usage
|
|
26
|
+
|
|
27
|
+
**To ensure the correct display, you should use the layout as shown below:**
|
|
28
|
+
|
|
29
|
+
### React
|
|
30
|
+
|
|
31
|
+
After installation, you can start using components by importing it into your project. Here's an example of how to use Global Menu:
|
|
32
|
+
|
|
33
|
+
```js
|
|
34
|
+
import { GlobalMenu } from '@ukpc-lib/react/components';
|
|
35
|
+
import { useAuth } from '@ukpc-lib/react/share';
|
|
36
|
+
import { Outlet } from 'react-router-dom';
|
|
37
|
+
import TopBar from './TopBar';
|
|
38
|
+
|
|
39
|
+
export default function PrivateLayout() {
|
|
40
|
+
const { logout } = useAuth();
|
|
41
|
+
|
|
42
|
+
return (
|
|
43
|
+
<div style={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>
|
|
44
|
+
<div style={{ height: '64px' }}>
|
|
45
|
+
<TopBar />
|
|
46
|
+
</div>
|
|
47
|
+
<div
|
|
48
|
+
style={{
|
|
49
|
+
display: 'flex',
|
|
50
|
+
flexDirection: 'row',
|
|
51
|
+
flex: 1,
|
|
52
|
+
overflow: 'hidden',
|
|
53
|
+
}}
|
|
54
|
+
>
|
|
55
|
+
<GlobalMenu
|
|
56
|
+
baseUrl="https://saas.dev-intelli-park.com"
|
|
57
|
+
menuPath="/global-menu-config/api/v1/menu-items/user"
|
|
58
|
+
logout={logout}
|
|
59
|
+
/>
|
|
60
|
+
<div style={{ flex: 1, padding: '40px', overflow: 'auto' }}>
|
|
61
|
+
<Outlet />
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
### .NET
|
|
70
|
+
|
|
71
|
+
```js
|
|
72
|
+
<div style="display: flex; flex-direction: column; height: 100vh;">
|
|
73
|
+
<div style="height: 64px;">
|
|
74
|
+
<global-topbar
|
|
75
|
+
base-url="@baseurl"
|
|
76
|
+
user="@userJson"
|
|
77
|
+
logo="logoURL"
|
|
78
|
+
></global-topbar>
|
|
79
|
+
</div>
|
|
80
|
+
<div style="display: flex; flex-direction: row; flex: 1; overflow: hidden;">
|
|
81
|
+
<global-menu
|
|
82
|
+
menu-path="/global-menu-config/api/v1/menu-items/user"
|
|
83
|
+
base-url="@baseurl"
|
|
84
|
+
logout="logout"
|
|
85
|
+
></global-menu>
|
|
86
|
+
<div style="flex: 1; padding: 40px; overflow: auto;">
|
|
87
|
+
<Outlet />
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
## API
|
|
94
|
+
|
|
95
|
+
#### Global menu:
|
|
96
|
+
|
|
97
|
+
- `baseUrl`: This is the root path where the global menu resources are located.
|
|
98
|
+
- `menuPath`: This is appended to the `baseUrl` to form the full URL to the menu resource.
|
|
99
|
+
- `logout()`: A method that logs out the current user. When called, it will clear the user's session and redirect them to the login page.
|
|
100
|
+
|
|
101
|
+
#### Topbar:
|
|
102
|
+
|
|
103
|
+
- `baseUrl`: This is the root path where the global topbar resources are located.
|
|
104
|
+
- `user`: A JSON string representing the current user.
|
|
105
|
+
- `logo`: The URL of the logo image to be displayed on the topbar.
|
|
106
|
+
|
|
107
|
+
## Details documentation of Components and Shared Authentication Logic Links
|
|
108
|
+
|
|
109
|
+
- [Components](./docs/components.md)
|
|
110
|
+
- [Shared Logic](./docs/share.md)
|
|
111
|
+
|
|
112
|
+
## Contributing
|
|
113
|
+
|
|
114
|
+
We always welcome community contributions. If you want to contribute, please create a Pull Request and we will review it.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),P=require("react"),C=require("../index.es-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),P=require("react"),C=require("../index.es-52d1ebeb.cjs"),kl=require("axios"),Lr=require("react-router-dom"),Ol=require("react-dom"),R=require("@mui/material"),ie=require("moment");function Ml(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const D=Ml(P),_l=`.modal-overlay{z-index:1300;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{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}.modal-footer{display:flex;justify-content:space-between;width:80%}.modal-container{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{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}.confirm-btn{background:#e01b00!important}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}
|
|
2
2
|
`;function vo({isOpen:e,onClose:t,onConfirm:n}){if(!e)return null;function r(i){var o;((o=i.target)==null?void 0:o.id)==="modal-wrapper"&&t()}return y.jsxs(y.Fragment,{children:[y.jsx("style",{type:"text/css",children:_l}),y.jsx("div",{onClick:r,className:"modal-overlay",id:"modal-wrapper",children:y.jsxs("div",{className:"modal-container",children:[y.jsx("h3",{className:"modal-title",children:"Log out"}),y.jsx("p",{className:"text-sm",children:"Are you sure want to log out?"}),y.jsxs("div",{className:"modal-footer",children:[y.jsx("button",{className:"modal-button",onClick:t,children:"Cancel"}),y.jsx("button",{onClick:n,className:"text-white confirm-btn modal-button",children:"Confirm"})]})]})})]})}function Dl({primaryColor:e="#009d4f"}){return y.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[y.jsx("path",{d:"M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",stroke:e,"stroke-width":"1.5","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"}),y.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),y.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),y.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}function jl({primaryColor:e="#009d4f"}){return y.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[y.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",stroke:e,"stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),y.jsx("path",{d:"M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",stroke:e,"stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),y.jsx("circle",{cx:"16.928",cy:"7",r:"2",fill:"#E01B00",stroke:e})]})}const Rl="data:image/png;base64,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",Nl=`@import"https://fonts.cdnfonts.com/css/tt-firs-neue-trl?styles=143111,143113,143105,143108,143110,143101,143099,143103,143097,143115";*,: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:TT Firs Neue Trl,sans-serif;-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-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}
|
|
3
3
|
`;function bo({children:e,styles:t=[],...n}){return y.jsxs(C.C.div,{...n,children:[[Nl,...t].map((r,i)=>y.jsx("style",{type:"text/css",children:r},i)),e]})}const Vl=`.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}
|
|
4
4
|
`;function Il({logo:e,user:t,baseUrl:n,style:r,classNames:i="",customColors:o}){const s=e||"/public/assets/icons/logo-header.png",a={...r,color:(o==null?void 0:o.color)||"black",backgroundColor:(o==null?void 0:o.bgColor)||"black"},[l,c]=P.useState(!1),d=()=>{window.location.href=`${n}/authentication/logout?callbackUrl=${window.location.href}`};return y.jsxs(bo,{styles:[Vl],style:{zIndex:1202},children:[y.jsx("nav",{className:`navbar ${i}`,style:o?a:r,children:y.jsxs("div",{className:"navbar-container",children:[y.jsx("div",{className:"logo-container",children:y.jsx("img",{src:s,alt:"logo-header"})}),y.jsxs("div",{className:"right-side-container",children:[y.jsxs("div",{className:"userContainer",children:[y.jsx("p",{className:"userFullName",children:`${t==null?void 0:t.firstName} ${t==null?void 0:t.lastName}`}),y.jsx(Ll,{primaryColor:o==null?void 0:o.primaryColor,avatarUrl:t==null?void 0:t.avatarUrl,setShowConfirmModal:c})]}),y.jsx("span",{className:"cursor-pointer",children:y.jsx(jl,{primaryColor:o==null?void 0:o.primaryColor})}),y.jsx("span",{className:"cursor-pointer",children:y.jsx(Dl,{primaryColor:o==null?void 0:o.primaryColor})})]})]})}),y.jsx(vo,{isOpen:l,onClose:()=>c(!1),onConfirm:d})]})}function Ll({avatarUrl:e,setShowConfirmModal:t,primaryColor:n="#009d4f"}){const[r,i]=P.useState(!1),o=P.useRef(null),s=P.useRef(null),[a,l]=P.useState(!1),[c,d]=P.useState(!1),u={backgroundColor:a?n:"transparent"},h={backgroundColor:c?n:"transparent"};return P.useEffect(()=>{const p=g=>{o.current&&!o.current.contains(g.target)&&i(!1),s.current&&!s.current.contains(g.target)&&i(!1)};return document.addEventListener("click",p,!0),()=>{document.removeEventListener("click",p,!0)}},[o]),y.jsx(y.Fragment,{children:y.jsxs("div",{style:{position:"relative"},children:[y.jsx("img",{onClick:()=>i(!r),ref:o,alt:"user avatar",className:"userAvatar",src:e||Rl}),y.jsx("div",{style:{display:r?"block":"none"},className:"avartarDropdownMenu",ref:s,children:y.jsxs("ul",{children:[y.jsx("li",{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:h,className:"avatar-dropdown-item",children:"Profile"}),y.jsx("li",{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),style:u,onClick:()=>t(!0),className:"avatar-dropdown-item",children:"Logout"})]})})]})})}var zl=typeof global=="object"&&global&&global.Object===Object&&global;const Fl=zl;var Bl=typeof self=="object"&&self&&self.Object===Object&&self,$l=Fl||Bl||Function("return this")();const xo=$l;var Wl=xo.Symbol;const vn=Wl;var wo=Object.prototype,Ul=wo.hasOwnProperty,Hl=wo.toString,Ct=vn?vn.toStringTag:void 0;function Gl(e){var t=Ul.call(e,Ct),n=e[Ct];try{e[Ct]=void 0;var r=!0}catch{}var i=Hl.call(e);return r&&(t?e[Ct]=n:delete e[Ct]),i}var Yl=Object.prototype,ql=Yl.toString;function Kl(e){return ql.call(e)}var Xl="[object Null]",Zl="[object Undefined]",Ti=vn?vn.toStringTag:void 0;function Ql(e){return e==null?e===void 0?Zl:Xl:Ti&&Ti in Object(e)?Gl(e):Kl(e)}function Jl(e){return e!=null&&typeof e=="object"}var ec="[object Symbol]";function tc(e){return typeof e=="symbol"||Jl(e)&&Ql(e)==ec}var nc=/\s/;function rc(e){for(var t=e.length;t--&&nc.test(e.charAt(t)););return t}var ic=/^\s+/;function sc(e){return e&&e.slice(0,rc(e)+1).replace(ic,"")}function bn(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ei=0/0,oc=/^[-+]0x[0-9a-f]+$/i,ac=/^0b[01]+$/i,lc=/^0o[0-7]+$/i,cc=parseInt;function Ci(e){if(typeof e=="number")return e;if(tc(e))return Ei;if(bn(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=bn(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=sc(e);var n=ac.test(e);return n||lc.test(e)?cc(e.slice(2),n?2:8):oc.test(e)?Ei:+e}var uc=function(){return xo.Date.now()};const tr=uc;var dc="Expected a function",fc=Math.max,hc=Math.min;function an(e,t,n){var r,i,o,s,a,l,c=0,d=!1,u=!1,h=!0;if(typeof e!="function")throw new TypeError(dc);t=Ci(t)||0,bn(n)&&(d=!!n.leading,u="maxWait"in n,o=u?fc(Ci(n.maxWait)||0,t):o,h="trailing"in n?!!n.trailing:h);function p(T){var E=r,A=i;return r=i=void 0,c=T,s=e.apply(A,E),s}function g(T){return c=T,a=setTimeout(v,t),d?p(T):s}function f(T){var E=T-l,A=T-c,O=t-E;return u?hc(O,o-A):O}function m(T){var E=T-l,A=T-c;return l===void 0||E>=t||E<0||u&&A>=o}function v(){var T=tr();if(m(T))return x(T);a=setTimeout(v,f(T))}function x(T){return a=void 0,h&&r?p(T):(r=i=void 0,s)}function b(){a!==void 0&&clearTimeout(a),c=0,r=l=i=a=void 0}function w(){return a===void 0?s:x(tr())}function S(){var T=tr(),E=m(T);if(r=arguments,i=this,l=T,E){if(a===void 0)return g(l);if(u)return clearTimeout(a),a=setTimeout(v,t),p(l)}return a===void 0&&(a=setTimeout(v,t)),s}return S.cancel=b,S.flush=w,S}var pc="Expected a function";function mc(e,t,n){var r=!0,i=!0;if(typeof e!="function")throw new TypeError(pc);return bn(n)&&(r="leading"in n?!!n.leading:r,i="trailing"in n?!!n.trailing:i),an(e,t,{leading:r,maxWait:t,trailing:i})}var gc=!!(typeof window<"u"&&window.document&&window.document.createElement),yc=gc;const So=C.getDefaultExportFromCjs(yc);var ut=function(){return ut=Object.assign||function(t){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},ut.apply(this,arguments)},ct=null,Pi=null;So&&window.addEventListener("resize",function(){Pi!==window.devicePixelRatio&&(Pi=window.devicePixelRatio,ct=null)});function Ai(){if(ct===null){if(typeof document>"u")return ct=0,ct;var e=document.body,t=document.createElement("div");t.classList.add("simplebar-hide-scrollbar"),e.appendChild(t);var n=t.getBoundingClientRect().right;e.removeChild(t),ct=n}return ct}function To(e){return!e||!e.ownerDocument||!e.ownerDocument.defaultView?window:e.ownerDocument.defaultView}function Eo(e){return!e||!e.ownerDocument?document:e.ownerDocument}var Co=function(e){var t={},n=Array.prototype.reduce.call(e,function(r,i){var o=i.name.match(/data-simplebar-(.+)/);if(o){var s=o[1].replace(/\W+(.)/g,function(a,l){return l.toUpperCase()});switch(i.value){case"true":r[s]=!0;break;case"false":r[s]=!1;break;case void 0:r[s]=!0;break;default:r[s]=i.value}}return r},t);return n};function Po(e,t){var n;e&&(n=e.classList).add.apply(n,t.split(" "))}function Ao(e,t){e&&t.split(" ").forEach(function(n){e.classList.remove(n)})}function ko(e){return".".concat(e.split(" ").join("."))}var vc=Object.freeze({__proto__:null,getElementWindow:To,getElementDocument:Eo,getOptions:Co,addClasses:Po,removeClasses:Ao,classNamesToQuery:ko}),Re=To,nr=Eo,bc=Co,Ne=Po,Ve=Ao,se=ko,Jt=function(){function e(t,n){n===void 0&&(n={});var r=this;if(this.removePreventClickId=null,this.minScrollbarWidth=20,this.stopScrollDelay=175,this.isScrolling=!1,this.isMouseEntering=!1,this.scrollXTicking=!1,this.scrollYTicking=!1,this.wrapperEl=null,this.contentWrapperEl=null,this.contentEl=null,this.offsetEl=null,this.maskEl=null,this.placeholderEl=null,this.heightAutoObserverWrapperEl=null,this.heightAutoObserverEl=null,this.rtlHelpers=null,this.scrollbarWidth=0,this.resizeObserver=null,this.mutationObserver=null,this.elStyles=null,this.isRtl=null,this.mouseX=0,this.mouseY=0,this.onMouseMove=function(){},this.onWindowResize=function(){},this.onStopScrolling=function(){},this.onMouseEntered=function(){},this.onScroll=function(){var i=Re(r.el);r.scrollXTicking||(i.requestAnimationFrame(r.scrollX),r.scrollXTicking=!0),r.scrollYTicking||(i.requestAnimationFrame(r.scrollY),r.scrollYTicking=!0),r.isScrolling||(r.isScrolling=!0,Ne(r.el,r.classNames.scrolling)),r.showScrollbar("x"),r.showScrollbar("y"),r.onStopScrolling()},this.scrollX=function(){r.axis.x.isOverflowing&&r.positionScrollbar("x"),r.scrollXTicking=!1},this.scrollY=function(){r.axis.y.isOverflowing&&r.positionScrollbar("y"),r.scrollYTicking=!1},this._onStopScrolling=function(){Ve(r.el,r.classNames.scrolling),r.options.autoHide&&(r.hideScrollbar("x"),r.hideScrollbar("y")),r.isScrolling=!1},this.onMouseEnter=function(){r.isMouseEntering||(Ne(r.el,r.classNames.mouseEntered),r.showScrollbar("x"),r.showScrollbar("y"),r.isMouseEntering=!0),r.onMouseEntered()},this._onMouseEntered=function(){Ve(r.el,r.classNames.mouseEntered),r.options.autoHide&&(r.hideScrollbar("x"),r.hideScrollbar("y")),r.isMouseEntering=!1},this._onMouseMove=function(i){r.mouseX=i.clientX,r.mouseY=i.clientY,(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&r.onMouseMoveForAxis("x"),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&r.onMouseMoveForAxis("y")},this.onMouseLeave=function(){r.onMouseMove.cancel(),(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&r.onMouseLeaveForAxis("x"),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&r.onMouseLeaveForAxis("y"),r.mouseX=-1,r.mouseY=-1},this._onWindowResize=function(){r.scrollbarWidth=r.getScrollbarWidth(),r.hideNativeScrollbar()},this.onPointerEvent=function(i){if(!(!r.axis.x.track.el||!r.axis.y.track.el||!r.axis.x.scrollbar.el||!r.axis.y.scrollbar.el)){var o,s;r.axis.x.track.rect=r.axis.x.track.el.getBoundingClientRect(),r.axis.y.track.rect=r.axis.y.track.el.getBoundingClientRect(),(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&(o=r.isWithinBounds(r.axis.x.track.rect)),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&(s=r.isWithinBounds(r.axis.y.track.rect)),(o||s)&&(i.stopPropagation(),i.type==="pointerdown"&&i.pointerType!=="touch"&&(o&&(r.axis.x.scrollbar.rect=r.axis.x.scrollbar.el.getBoundingClientRect(),r.isWithinBounds(r.axis.x.scrollbar.rect)?r.onDragStart(i,"x"):r.onTrackClick(i,"x")),s&&(r.axis.y.scrollbar.rect=r.axis.y.scrollbar.el.getBoundingClientRect(),r.isWithinBounds(r.axis.y.scrollbar.rect)?r.onDragStart(i,"y"):r.onTrackClick(i,"y"))))}},this.drag=function(i){var o,s,a,l,c,d,u,h,p,g,f;if(!(!r.draggedAxis||!r.contentWrapperEl)){var m,v=r.axis[r.draggedAxis].track,x=(s=(o=v.rect)===null||o===void 0?void 0:o[r.axis[r.draggedAxis].sizeAttr])!==null&&s!==void 0?s:0,b=r.axis[r.draggedAxis].scrollbar,w=(l=(a=r.contentWrapperEl)===null||a===void 0?void 0:a[r.axis[r.draggedAxis].scrollSizeAttr])!==null&&l!==void 0?l:0,S=parseInt((d=(c=r.elStyles)===null||c===void 0?void 0:c[r.axis[r.draggedAxis].sizeAttr])!==null&&d!==void 0?d:"0px",10);i.preventDefault(),i.stopPropagation(),r.draggedAxis==="y"?m=i.pageY:m=i.pageX;var T=m-((h=(u=v.rect)===null||u===void 0?void 0:u[r.axis[r.draggedAxis].offsetAttr])!==null&&h!==void 0?h:0)-r.axis[r.draggedAxis].dragOffset;T=r.draggedAxis==="x"&&r.isRtl?((g=(p=v.rect)===null||p===void 0?void 0:p[r.axis[r.draggedAxis].sizeAttr])!==null&&g!==void 0?g:0)-b.size-T:T;var E=T/(x-b.size),A=E*(w-S);r.draggedAxis==="x"&&r.isRtl&&(A=!((f=e.getRtlHelpers())===null||f===void 0)&&f.isScrollingToNegative?-A:A),r.contentWrapperEl[r.axis[r.draggedAxis].scrollOffsetAttr]=A}},this.onEndDrag=function(i){var o=nr(r.el),s=Re(r.el);i.preventDefault(),i.stopPropagation(),Ve(r.el,r.classNames.dragging),o.removeEventListener("mousemove",r.drag,!0),o.removeEventListener("mouseup",r.onEndDrag,!0),r.removePreventClickId=s.setTimeout(function(){o.removeEventListener("click",r.preventClick,!0),o.removeEventListener("dblclick",r.preventClick,!0),r.removePreventClickId=null})},this.preventClick=function(i){i.preventDefault(),i.stopPropagation()},this.el=t,this.options=ut(ut({},e.defaultOptions),n),this.classNames=ut(ut({},e.defaultOptions.classNames),n.classNames),this.axis={x:{scrollOffsetAttr:"scrollLeft",sizeAttr:"width",scrollSizeAttr:"scrollWidth",offsetSizeAttr:"offsetWidth",offsetAttr:"left",overflowAttr:"overflowX",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}},y:{scrollOffsetAttr:"scrollTop",sizeAttr:"height",scrollSizeAttr:"scrollHeight",offsetSizeAttr:"offsetHeight",offsetAttr:"top",overflowAttr:"overflowY",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}}},typeof this.el!="object"||!this.el.nodeName)throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));this.onMouseMove=mc(this._onMouseMove,64),this.onWindowResize=an(this._onWindowResize,64,{leading:!0}),this.onStopScrolling=an(this._onStopScrolling,this.stopScrollDelay),this.onMouseEntered=an(this._onMouseEntered,this.stopScrollDelay),this.init()}return e.getRtlHelpers=function(){if(e.rtlHelpers)return e.rtlHelpers;var t=document.createElement("div");t.innerHTML='<div class="simplebar-dummy-scrollbar-size"><div></div></div>';var n=t.firstElementChild,r=n==null?void 0:n.firstElementChild;if(!r)return null;document.body.appendChild(n),n.scrollLeft=0;var i=e.getOffset(n),o=e.getOffset(r);n.scrollLeft=-999;var s=e.getOffset(r);return document.body.removeChild(n),e.rtlHelpers={isScrollOriginAtZero:i.left!==o.left,isScrollingToNegative:o.left!==s.left},e.rtlHelpers},e.prototype.getScrollbarWidth=function(){try{return this.contentWrapperEl&&getComputedStyle(this.contentWrapperEl,"::-webkit-scrollbar").display==="none"||"scrollbarWidth"in document.documentElement.style||"-ms-overflow-style"in document.documentElement.style?0:Ai()}catch{return Ai()}},e.getOffset=function(t){var n=t.getBoundingClientRect(),r=nr(t),i=Re(t);return{top:n.top+(i.pageYOffset||r.documentElement.scrollTop),left:n.left+(i.pageXOffset||r.documentElement.scrollLeft)}},e.prototype.init=function(){So&&(this.initDOM(),this.rtlHelpers=e.getRtlHelpers(),this.scrollbarWidth=this.getScrollbarWidth(),this.recalculate(),this.initListeners())},e.prototype.initDOM=function(){var t,n;this.wrapperEl=this.el.querySelector(se(this.classNames.wrapper)),this.contentWrapperEl=this.options.scrollableNode||this.el.querySelector(se(this.classNames.contentWrapper)),this.contentEl=this.options.contentNode||this.el.querySelector(se(this.classNames.contentEl)),this.offsetEl=this.el.querySelector(se(this.classNames.offset)),this.maskEl=this.el.querySelector(se(this.classNames.mask)),this.placeholderEl=this.findChild(this.wrapperEl,se(this.classNames.placeholder)),this.heightAutoObserverWrapperEl=this.el.querySelector(se(this.classNames.heightAutoObserverWrapperEl)),this.heightAutoObserverEl=this.el.querySelector(se(this.classNames.heightAutoObserverEl)),this.axis.x.track.el=this.findChild(this.el,"".concat(se(this.classNames.track)).concat(se(this.classNames.horizontal))),this.axis.y.track.el=this.findChild(this.el,"".concat(se(this.classNames.track)).concat(se(this.classNames.vertical))),this.axis.x.scrollbar.el=((t=this.axis.x.track.el)===null||t===void 0?void 0:t.querySelector(se(this.classNames.scrollbar)))||null,this.axis.y.scrollbar.el=((n=this.axis.y.track.el)===null||n===void 0?void 0:n.querySelector(se(this.classNames.scrollbar)))||null,this.options.autoHide||(Ne(this.axis.x.scrollbar.el,this.classNames.visible),Ne(this.axis.y.scrollbar.el,this.classNames.visible))},e.prototype.initListeners=function(){var t=this,n,r=Re(this.el);if(this.el.addEventListener("mouseenter",this.onMouseEnter),this.el.addEventListener("pointerdown",this.onPointerEvent,!0),this.el.addEventListener("mousemove",this.onMouseMove),this.el.addEventListener("mouseleave",this.onMouseLeave),(n=this.contentWrapperEl)===null||n===void 0||n.addEventListener("scroll",this.onScroll),r.addEventListener("resize",this.onWindowResize),!!this.contentEl){if(window.ResizeObserver){var i=!1,o=r.ResizeObserver||ResizeObserver;this.resizeObserver=new o(function(){i&&r.requestAnimationFrame(function(){t.recalculate()})}),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.contentEl),r.requestAnimationFrame(function(){i=!0})}this.mutationObserver=new r.MutationObserver(function(){r.requestAnimationFrame(function(){t.recalculate()})}),this.mutationObserver.observe(this.contentEl,{childList:!0,subtree:!0,characterData:!0})}},e.prototype.recalculate=function(){if(!(!this.heightAutoObserverEl||!this.contentEl||!this.contentWrapperEl||!this.wrapperEl||!this.placeholderEl)){var t=Re(this.el);this.elStyles=t.getComputedStyle(this.el),this.isRtl=this.elStyles.direction==="rtl";var n=this.contentEl.offsetWidth,r=this.heightAutoObserverEl.offsetHeight<=1,i=this.heightAutoObserverEl.offsetWidth<=1||n>0,o=this.contentWrapperEl.offsetWidth,s=this.elStyles.overflowX,a=this.elStyles.overflowY;this.contentEl.style.padding="".concat(this.elStyles.paddingTop," ").concat(this.elStyles.paddingRight," ").concat(this.elStyles.paddingBottom," ").concat(this.elStyles.paddingLeft),this.wrapperEl.style.margin="-".concat(this.elStyles.paddingTop," -").concat(this.elStyles.paddingRight," -").concat(this.elStyles.paddingBottom," -").concat(this.elStyles.paddingLeft);var l=this.contentEl.scrollHeight,c=this.contentEl.scrollWidth;this.contentWrapperEl.style.height=r?"auto":"100%",this.placeholderEl.style.width=i?"".concat(n||c,"px"):"auto",this.placeholderEl.style.height="".concat(l,"px");var d=this.contentWrapperEl.offsetHeight;this.axis.x.isOverflowing=n!==0&&c>n,this.axis.y.isOverflowing=l>d,this.axis.x.isOverflowing=s==="hidden"?!1:this.axis.x.isOverflowing,this.axis.y.isOverflowing=a==="hidden"?!1:this.axis.y.isOverflowing,this.axis.x.forceVisible=this.options.forceVisible==="x"||this.options.forceVisible===!0,this.axis.y.forceVisible=this.options.forceVisible==="y"||this.options.forceVisible===!0,this.hideNativeScrollbar();var u=this.axis.x.isOverflowing?this.scrollbarWidth:0,h=this.axis.y.isOverflowing?this.scrollbarWidth:0;this.axis.x.isOverflowing=this.axis.x.isOverflowing&&c>o-h,this.axis.y.isOverflowing=this.axis.y.isOverflowing&&l>d-u,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el&&(this.axis.x.scrollbar.el.style.width="".concat(this.axis.x.scrollbar.size,"px")),this.axis.y.scrollbar.el&&(this.axis.y.scrollbar.el.style.height="".concat(this.axis.y.scrollbar.size,"px")),this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y")}},e.prototype.getScrollbarSize=function(t){var n,r;if(t===void 0&&(t="y"),!this.axis[t].isOverflowing||!this.contentEl)return 0;var i=this.contentEl[this.axis[t].scrollSizeAttr],o=(r=(n=this.axis[t].track.el)===null||n===void 0?void 0:n[this.axis[t].offsetSizeAttr])!==null&&r!==void 0?r:0,s=o/i,a;return a=Math.max(~~(s*o),this.options.scrollbarMinSize),this.options.scrollbarMaxSize&&(a=Math.min(a,this.options.scrollbarMaxSize)),a},e.prototype.positionScrollbar=function(t){var n,r,i;t===void 0&&(t="y");var o=this.axis[t].scrollbar;if(!(!this.axis[t].isOverflowing||!this.contentWrapperEl||!o.el||!this.elStyles)){var s=this.contentWrapperEl[this.axis[t].scrollSizeAttr],a=((n=this.axis[t].track.el)===null||n===void 0?void 0:n[this.axis[t].offsetSizeAttr])||0,l=parseInt(this.elStyles[this.axis[t].sizeAttr],10),c=this.contentWrapperEl[this.axis[t].scrollOffsetAttr];c=t==="x"&&this.isRtl&&(!((r=e.getRtlHelpers())===null||r===void 0)&&r.isScrollOriginAtZero)?-c:c,t==="x"&&this.isRtl&&(c=!((i=e.getRtlHelpers())===null||i===void 0)&&i.isScrollingToNegative?c:-c);var d=c/(s-l),u=~~((a-o.size)*d);u=t==="x"&&this.isRtl?-u+(a-o.size):u,o.el.style.transform=t==="x"?"translate3d(".concat(u,"px, 0, 0)"):"translate3d(0, ".concat(u,"px, 0)")}},e.prototype.toggleTrackVisibility=function(t){t===void 0&&(t="y");var n=this.axis[t].track.el,r=this.axis[t].scrollbar.el;!n||!r||!this.contentWrapperEl||(this.axis[t].isOverflowing||this.axis[t].forceVisible?(n.style.visibility="visible",this.contentWrapperEl.style[this.axis[t].overflowAttr]="scroll",this.el.classList.add("".concat(this.classNames.scrollable,"-").concat(t))):(n.style.visibility="hidden",this.contentWrapperEl.style[this.axis[t].overflowAttr]="hidden",this.el.classList.remove("".concat(this.classNames.scrollable,"-").concat(t))),this.axis[t].isOverflowing?r.style.display="block":r.style.display="none")},e.prototype.showScrollbar=function(t){t===void 0&&(t="y"),this.axis[t].isOverflowing&&!this.axis[t].scrollbar.isVisible&&(Ne(this.axis[t].scrollbar.el,this.classNames.visible),this.axis[t].scrollbar.isVisible=!0)},e.prototype.hideScrollbar=function(t){t===void 0&&(t="y"),this.axis[t].isOverflowing&&this.axis[t].scrollbar.isVisible&&(Ve(this.axis[t].scrollbar.el,this.classNames.visible),this.axis[t].scrollbar.isVisible=!1)},e.prototype.hideNativeScrollbar=function(){this.offsetEl&&(this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px",this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px")},e.prototype.onMouseMoveForAxis=function(t){t===void 0&&(t="y");var n=this.axis[t];!n.track.el||!n.scrollbar.el||(n.track.rect=n.track.el.getBoundingClientRect(),n.scrollbar.rect=n.scrollbar.el.getBoundingClientRect(),this.isWithinBounds(n.track.rect)?(this.showScrollbar(t),Ne(n.track.el,this.classNames.hover),this.isWithinBounds(n.scrollbar.rect)?Ne(n.scrollbar.el,this.classNames.hover):Ve(n.scrollbar.el,this.classNames.hover)):(Ve(n.track.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(t)))},e.prototype.onMouseLeaveForAxis=function(t){t===void 0&&(t="y"),Ve(this.axis[t].track.el,this.classNames.hover),Ve(this.axis[t].scrollbar.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(t)},e.prototype.onDragStart=function(t,n){var r;n===void 0&&(n="y");var i=nr(this.el),o=Re(this.el),s=this.axis[n].scrollbar,a=n==="y"?t.pageY:t.pageX;this.axis[n].dragOffset=a-(((r=s.rect)===null||r===void 0?void 0:r[this.axis[n].offsetAttr])||0),this.draggedAxis=n,Ne(this.el,this.classNames.dragging),i.addEventListener("mousemove",this.drag,!0),i.addEventListener("mouseup",this.onEndDrag,!0),this.removePreventClickId===null?(i.addEventListener("click",this.preventClick,!0),i.addEventListener("dblclick",this.preventClick,!0)):(o.clearTimeout(this.removePreventClickId),this.removePreventClickId=null)},e.prototype.onTrackClick=function(t,n){var r=this,i,o,s,a;n===void 0&&(n="y");var l=this.axis[n];if(!(!this.options.clickOnTrack||!l.scrollbar.el||!this.contentWrapperEl)){t.preventDefault();var c=Re(this.el);this.axis[n].scrollbar.rect=l.scrollbar.el.getBoundingClientRect();var d=this.axis[n].scrollbar,u=(o=(i=d.rect)===null||i===void 0?void 0:i[this.axis[n].offsetAttr])!==null&&o!==void 0?o:0,h=parseInt((a=(s=this.elStyles)===null||s===void 0?void 0:s[this.axis[n].sizeAttr])!==null&&a!==void 0?a:"0px",10),p=this.contentWrapperEl[this.axis[n].scrollOffsetAttr],g=n==="y"?this.mouseY-u:this.mouseX-u,f=g<0?-1:1,m=f===-1?p-h:p+h,v=40,x=function(){r.contentWrapperEl&&(f===-1?p>m&&(p-=v,r.contentWrapperEl[r.axis[n].scrollOffsetAttr]=p,c.requestAnimationFrame(x)):p<m&&(p+=v,r.contentWrapperEl[r.axis[n].scrollOffsetAttr]=p,c.requestAnimationFrame(x)))};x()}},e.prototype.getContentElement=function(){return this.contentEl},e.prototype.getScrollElement=function(){return this.contentWrapperEl},e.prototype.removeListeners=function(){var t=Re(this.el);this.el.removeEventListener("mouseenter",this.onMouseEnter),this.el.removeEventListener("pointerdown",this.onPointerEvent,!0),this.el.removeEventListener("mousemove",this.onMouseMove),this.el.removeEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl&&this.contentWrapperEl.removeEventListener("scroll",this.onScroll),t.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.onMouseMove.cancel(),this.onWindowResize.cancel(),this.onStopScrolling.cancel(),this.onMouseEntered.cancel()},e.prototype.unMount=function(){this.removeListeners()},e.prototype.isWithinBounds=function(t){return this.mouseX>=t.left&&this.mouseX<=t.left+t.width&&this.mouseY>=t.top&&this.mouseY<=t.top+t.height},e.prototype.findChild=function(t,n){var r=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector;return Array.prototype.filter.call(t.children,function(i){return r.call(i,n)})[0]},e.rtlHelpers=null,e.defaultOptions={forceVisible:!1,clickOnTrack:!0,scrollbarMinSize:25,scrollbarMaxSize:0,ariaLabel:"scrollable content",classNames:{contentEl:"simplebar-content",contentWrapper:"simplebar-content-wrapper",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover",dragging:"simplebar-dragging",scrolling:"simplebar-scrolling",scrollable:"simplebar-scrollable",mouseEntered:"simplebar-mouse-entered"},scrollableNode:null,contentNode:null,autoHide:!0},e.getOptions=bc,e.helpers=vc,e}(),ce=function(){return ce=Object.assign||function(t){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},ce.apply(this,arguments)};function xc(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}var Oo=D.forwardRef(function(e,t){var n=e.children,r=e.scrollableNodeProps,i=r===void 0?{}:r,o=xc(e,["children","scrollableNodeProps"]),s=D.useRef(),a=D.useRef(),l=D.useRef(),c={},d={};Object.keys(o).forEach(function(p){Object.prototype.hasOwnProperty.call(Jt.defaultOptions,p)?c[p]=o[p]:d[p]=o[p]});var u=ce(ce({},Jt.defaultOptions.classNames),c.classNames),h=ce(ce({},i),{className:"".concat(u.contentWrapper).concat(i.className?" ".concat(i.className):""),tabIndex:0,role:"region","aria-label":c.ariaLabel||Jt.defaultOptions.ariaLabel});return D.useEffect(function(){var p;return a.current=h.ref?h.ref.current:a.current,s.current&&(p=new Jt(s.current,ce(ce(ce({},c),a.current&&{scrollableNode:a.current}),l.current&&{contentNode:l.current})),typeof t=="function"?t(p):t&&(t.current=p)),function(){p==null||p.unMount(),p=null,typeof t=="function"&&t(null)}},[]),D.createElement("div",ce({"data-simplebar":"init",ref:s},d),D.createElement("div",{className:u.wrapper},D.createElement("div",{className:u.heightAutoObserverWrapperEl},D.createElement("div",{className:u.heightAutoObserverEl})),D.createElement("div",{className:u.mask},D.createElement("div",{className:u.offset},typeof n=="function"?n({scrollableNodeRef:a,scrollableNodeProps:ce(ce({},h),{ref:a}),contentNodeRef:l,contentNodeProps:{className:u.contentEl,ref:l}}):D.createElement("div",ce({},h),D.createElement("div",{className:u.contentEl},n)))),D.createElement("div",{className:u.placeholder})),D.createElement("div",{className:"".concat(u.track," simplebar-horizontal")},D.createElement("div",{className:u.scrollbar})),D.createElement("div",{className:"".concat(u.track," simplebar-vertical")},D.createElement("div",{className:u.scrollbar})))});Oo.displayName="SimpleBar";const wc=`[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}
|
package/dist/components/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as V, Fragment as Xr, jsx as y } from "react/jsx-runtime";
|
|
2
2
|
import * as M from "react";
|
|
3
3
|
import Vs, { useState as J, useRef as Ye, useEffect as Pe, createContext as Mt, useLayoutEffect as Ns, useContext as oe, useInsertionEffect as Yl, useCallback as Ft, useMemo as Hn, forwardRef as Is, createElement as Bt, useId as ql, PureComponent as Kl } from "react";
|
|
4
|
-
import { C as Xl, g as Zl, Q as Ql, R as Jl, p as ec, l as tc, c as un, _ as R, a as ze, P as F, b as nc, d as rc, e as Ii, I as ic, s as oc, f as _i, D as sc } from "../index.es-
|
|
5
|
-
import { h as W2, i as U2 } from "../index.es-
|
|
4
|
+
import { C as Xl, g as Zl, Q as Ql, R as Jl, p as ec, l as tc, c as un, _ as R, a as ze, P as F, b as nc, d as rc, e as Ii, I as ic, s as oc, f as _i, D as sc } from "../index.es-da1b88a3.js";
|
|
5
|
+
import { h as W2, i as U2 } from "../index.es-da1b88a3.js";
|
|
6
6
|
import ac from "axios";
|
|
7
7
|
import { Link as lc, useLocation as cc, useNavigate as uc } from "react-router-dom";
|
|
8
8
|
import { createPortal as dc } from "react-dom";
|