@dgshahr/ui-kit 0.0.99 → 0.0.100
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/dist/Sidebar/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),l=require("react"),I=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),B=require("../index-CSis3p-s.cjs");;/* empty css */const y=require("../AccordionItem-BcOHTf5E.cjs"),E=require("../Divider/index.cjs"),R=require("../IconArrowLeft2-CNA3H0xY.cjs"),T=require("../Button/index.cjs"),D=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),p="dgs-ui-kit-duration-300",C="dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600",v="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",_="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",S=`${_} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`,O=l.createContext({isOpen:!1,setIsOpen:()=>{}}),h=()=>l.useContext(O),m=s=>d.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",s?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",p);function N(s,t){return i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",t?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",t?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",m),children:s.title}),s.badgeCount&&i.jsx(A,{className:d.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function q(s,t){return s.map(e=>{if("children"in e&&e.children){const o=q(e.children,t);if(o.length>0)return{...e,children:o}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const M=s=>{const{value:t,onChange:e}=s,{isOpen:o,searchInput:a}=h();return i.jsx(B.Input,{value:t,onChange:e,rightIcon:i.jsx(z.IconSearch,{}),placeholder:"جستجو",...typeof a=="boolean"?{}:a,wrapperClassName:d.clsx("dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",m(o),typeof a=="object"&&a.wrapperClassName,p)})},P=()=>{const{isOpen:s,searchInput:t=!0,items:e}=h(),[o,a]=l.useState(""),[k,f]=l.useState(e??[]),b=l.useCallback(I.debounce(n=>{f(q(k,n))},800),[]);function j(n){const c=n.target.value;a(c),b(c)}function w(){a(""),f(e??[])}return l.useEffect(()=>{o&&w()},[s]),i.jsxs("div",{className:"dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar",children:[!!t&&i.jsx(M,{value:o,onChange:j}),i.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:k.map((n,c)=>i.jsxs(l.Fragment,{children:[i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",m(s)),children:n.title}),i.jsx(y.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:n.children?.map(r=>r.link?i.jsx("a",{href:r.link,className:d.clsx("dgs-ui-kit-pr-3",r.disabled&&v,r.active&&S,s?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",C),children:N(r,s)},r.link):i.jsx(y.AccordionItem,{className:d.clsx("!dgs-ui-kit-p-0",r.disabled&&v),title:N(r,s),hideDivider:!0,hideArrow:!s||r.disabled,disable:!s||r.disabled,titleClassName:d.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",s?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",r.children?.find(u=>u.active)&&S,C),children:r.children?.map(u=>i.jsxs("a",{href:u.link,className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",u.disabled&&v,u.active&&_,C),children:[i.jsx("p",{children:u.title}),u.badgeCount&&i.jsx(A,{valueType:"number",value:u.badgeCount,color:"error",type:"twoTone",size:"small"})]},u.link))},r.link??r.title))}),c!==k.length-1&&i.jsx(E,{type:"horizontal"})]},n.title))})]})},F=()=>{const{isOpen:s,logo:t}=h();return i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",t?.className)})})},H=()=>{const{userProfile:s,isOpen:t}=h();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",{"dgs-ui-kit-pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",m(t)),children:[i.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:s?.name}),i.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:s?.description})]})]})},V=()=>{const{isOpen:s,setIsOpen:t}=h();return i.jsx("button",{type:"button",className:"dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",onClick:()=>t(!s),children:i.jsx(R.IconArrowLeft2,{className:d.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",s&&"dgs-ui-kit-rotate-180",p),width:16,height:16})})},G=s=>{const{isOpen:t,setIsOpen:e,className:o,logo:a,items:k,extraComponent:f,userProfile:b,logOutButtonProps:j,onLogout:w,showMask:n,hideOnClose:c,openOnHover:r}=s,u=n?"div":l.Fragment,x=document.documentElement;return l.useEffect(()=>{if(c)return;const g="dgs-ui-kit-pr-[80px]";return x.classList.add(g),()=>{x.classList.remove(g)}},[c]),l.useEffect(()=>{if(!n)return;const g="dgs-ui-kit-overflow-hidden";return t?x.classList.add(g):x.classList.remove(g),()=>{x.classList.remove(g)}},[n,t]),i.jsx(O.Provider,{value:s,children:i.jsx(u,{...u==="div"?{className:d.clsx("dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",t?"dgs-ui-kit-size-full dgs-ui-kit-bg-black/40":"dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",p),onClick:g=>{g.target===g.currentTarget&&e(!1)}}:{},children:i.jsxs("div",{className:d.clsx(o,"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width,opacity]",{"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":t,"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]":!t&&!c,"dgs-ui-kit-w-0 dgs-ui-kit-opacity-0":!t&&c},p),onMouseEnter:()=>{r&&!t&&e(!0)},children:[i.jsx(V,{}),!!(a?.open??a?.close)&&i.jsx(F,{}),k&&k.length>0&&i.jsx(P,{}),i.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[f,i.jsx(E,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!b?.image&&i.jsx(H,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(D,{}),isFullWidth:!0,onClick:w,...j,children:t?"خروج":""})]})]})})})};module.exports=G;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAqG7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
package/dist/Sidebar/index.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as c, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { c as d } from "../clsx-OuTLNxxd.js";
|
|
4
|
-
import { createContext as
|
|
5
|
-
import { d as
|
|
6
|
-
import { I as
|
|
7
|
-
import
|
|
8
|
-
import { I as
|
|
4
|
+
import { createContext as j, useContext as D, useState as S, useCallback as M, useEffect as N, Fragment as O } from "react";
|
|
5
|
+
import { d as R } from "../index-CzwAoGdL.js";
|
|
6
|
+
import { I as P } from "../IconSearch-aShj2vmu.js";
|
|
7
|
+
import _ from "../Badge/index.mjs";
|
|
8
|
+
import { I as H } from "../index-BOxK2gfQ.js";
|
|
9
9
|
import '../assets/styles.css';/* empty css */
|
|
10
10
|
import { A as V, a as F } from "../AccordionItem-CbYyB1Ub.js";
|
|
11
|
-
import
|
|
12
|
-
import { I as
|
|
13
|
-
import
|
|
14
|
-
const
|
|
11
|
+
import z from "../Divider/index.mjs";
|
|
12
|
+
import { I as G } from "../IconArrowLeft2-cxcPyDqS.js";
|
|
13
|
+
import U from "../Button/index.mjs";
|
|
14
|
+
const W = (i) => /* @__PURE__ */ c(
|
|
15
15
|
"svg",
|
|
16
16
|
{
|
|
17
17
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -41,16 +41,16 @@ const U = (i) => /* @__PURE__ */ c(
|
|
|
41
41
|
)
|
|
42
42
|
]
|
|
43
43
|
}
|
|
44
|
-
), f = "dgs-ui-kit-duration-300",
|
|
44
|
+
), f = "dgs-ui-kit-duration-300", v = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", y = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", B = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", A = `${B} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, I = j({
|
|
45
45
|
isOpen: !1,
|
|
46
46
|
setIsOpen: () => {
|
|
47
47
|
}
|
|
48
|
-
}), h = () =>
|
|
48
|
+
}), h = () => D(I), b = (i) => d(
|
|
49
49
|
"dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",
|
|
50
50
|
i ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0",
|
|
51
51
|
f
|
|
52
52
|
);
|
|
53
|
-
function
|
|
53
|
+
function E(i, s) {
|
|
54
54
|
return /* @__PURE__ */ c(
|
|
55
55
|
"div",
|
|
56
56
|
{
|
|
@@ -72,7 +72,7 @@ function A(i, s) {
|
|
|
72
72
|
}
|
|
73
73
|
),
|
|
74
74
|
i.badgeCount && /* @__PURE__ */ t(
|
|
75
|
-
|
|
75
|
+
_,
|
|
76
76
|
{
|
|
77
77
|
className: d("dgs-ui-kit-shrink-0", {
|
|
78
78
|
"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0": !s
|
|
@@ -87,59 +87,59 @@ function A(i, s) {
|
|
|
87
87
|
}
|
|
88
88
|
);
|
|
89
89
|
}
|
|
90
|
-
function
|
|
91
|
-
return i.map((
|
|
92
|
-
if ("children" in
|
|
93
|
-
const
|
|
94
|
-
if (
|
|
95
|
-
return { ...
|
|
90
|
+
function T(i, s) {
|
|
91
|
+
return i.map((e) => {
|
|
92
|
+
if ("children" in e && e.children) {
|
|
93
|
+
const o = T(e.children, s);
|
|
94
|
+
if (o.length > 0)
|
|
95
|
+
return { ...e, children: o };
|
|
96
96
|
}
|
|
97
|
-
return
|
|
98
|
-
}).filter((
|
|
97
|
+
return e.title.includes(s) ? { ...e } : null;
|
|
98
|
+
}).filter((e) => !!e);
|
|
99
99
|
}
|
|
100
|
-
const
|
|
101
|
-
const { value: s, onChange:
|
|
100
|
+
const $ = (i) => {
|
|
101
|
+
const { value: s, onChange: e } = i, { isOpen: o, searchInput: a } = h();
|
|
102
102
|
return /* @__PURE__ */ t(
|
|
103
|
-
|
|
103
|
+
H,
|
|
104
104
|
{
|
|
105
105
|
value: s,
|
|
106
|
-
onChange:
|
|
107
|
-
rightIcon: /* @__PURE__ */ t(
|
|
106
|
+
onChange: e,
|
|
107
|
+
rightIcon: /* @__PURE__ */ t(P, {}),
|
|
108
108
|
placeholder: "جستجو",
|
|
109
109
|
...typeof a == "boolean" ? {} : a,
|
|
110
110
|
wrapperClassName: d(
|
|
111
111
|
"dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",
|
|
112
|
-
b(
|
|
112
|
+
b(o),
|
|
113
113
|
typeof a == "object" && a.wrapperClassName,
|
|
114
114
|
f
|
|
115
115
|
)
|
|
116
116
|
}
|
|
117
117
|
);
|
|
118
|
-
},
|
|
119
|
-
const { isOpen: i, searchInput: s = !0, items:
|
|
120
|
-
|
|
121
|
-
m(
|
|
118
|
+
}, q = () => {
|
|
119
|
+
const { isOpen: i, searchInput: s = !0, items: e } = h(), [o, a] = S(""), [k, m] = S(e ?? []), x = M(
|
|
120
|
+
R((n) => {
|
|
121
|
+
m(T(k, n));
|
|
122
122
|
}, 800),
|
|
123
123
|
[]
|
|
124
124
|
);
|
|
125
|
-
function
|
|
126
|
-
const l =
|
|
125
|
+
function w(n) {
|
|
126
|
+
const l = n.target.value;
|
|
127
127
|
a(l), x(l);
|
|
128
128
|
}
|
|
129
|
-
function
|
|
130
|
-
a(""), m(
|
|
129
|
+
function C() {
|
|
130
|
+
a(""), m(e ?? []);
|
|
131
131
|
}
|
|
132
|
-
return
|
|
133
|
-
|
|
132
|
+
return N(() => {
|
|
133
|
+
o && C();
|
|
134
134
|
}, [i]), /* @__PURE__ */ c("div", { className: "dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar", children: [
|
|
135
135
|
!!s && /* @__PURE__ */ t(
|
|
136
|
-
|
|
136
|
+
$,
|
|
137
137
|
{
|
|
138
|
-
value:
|
|
139
|
-
onChange:
|
|
138
|
+
value: o,
|
|
139
|
+
onChange: w
|
|
140
140
|
}
|
|
141
141
|
),
|
|
142
|
-
/* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: k.map((
|
|
142
|
+
/* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: k.map((n, l) => /* @__PURE__ */ c(O, { children: [
|
|
143
143
|
/* @__PURE__ */ t(
|
|
144
144
|
"div",
|
|
145
145
|
{
|
|
@@ -147,52 +147,52 @@ const W = (i) => {
|
|
|
147
147
|
"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",
|
|
148
148
|
b(i)
|
|
149
149
|
),
|
|
150
|
-
children:
|
|
150
|
+
children: n.title
|
|
151
151
|
}
|
|
152
152
|
),
|
|
153
|
-
/* @__PURE__ */ t(V, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children:
|
|
154
|
-
(
|
|
153
|
+
/* @__PURE__ */ t(V, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children: n.children?.map(
|
|
154
|
+
(r) => r.link ? /* @__PURE__ */ t(
|
|
155
155
|
"a",
|
|
156
156
|
{
|
|
157
|
-
href:
|
|
157
|
+
href: r.link,
|
|
158
158
|
className: d(
|
|
159
159
|
"dgs-ui-kit-pr-3",
|
|
160
|
-
|
|
161
|
-
|
|
160
|
+
r.disabled && y,
|
|
161
|
+
r.active && A,
|
|
162
162
|
i ? "dgs-ui-kit-pl-9" : "dgs-ui-kit-pl-3",
|
|
163
|
-
|
|
163
|
+
v
|
|
164
164
|
),
|
|
165
|
-
children:
|
|
165
|
+
children: E(r, i)
|
|
166
166
|
},
|
|
167
|
-
|
|
167
|
+
r.link
|
|
168
168
|
) : /* @__PURE__ */ t(
|
|
169
169
|
F,
|
|
170
170
|
{
|
|
171
|
-
className: d("!dgs-ui-kit-p-0",
|
|
172
|
-
title:
|
|
171
|
+
className: d("!dgs-ui-kit-p-0", r.disabled && y),
|
|
172
|
+
title: E(r, i),
|
|
173
173
|
hideDivider: !0,
|
|
174
|
-
hideArrow: !i ||
|
|
175
|
-
disable: !i ||
|
|
174
|
+
hideArrow: !i || r.disabled,
|
|
175
|
+
disable: !i || r.disabled,
|
|
176
176
|
titleClassName: d(
|
|
177
177
|
"[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",
|
|
178
178
|
i ? "dgs-ui-kit-px-3" : "!dgs-ui-kit-justify-center",
|
|
179
|
-
|
|
180
|
-
|
|
179
|
+
r.children?.find((u) => u.active) && A,
|
|
180
|
+
v
|
|
181
181
|
),
|
|
182
|
-
children:
|
|
182
|
+
children: r.children?.map((u) => /* @__PURE__ */ c(
|
|
183
183
|
"a",
|
|
184
184
|
{
|
|
185
185
|
href: u.link,
|
|
186
186
|
className: d(
|
|
187
187
|
"dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",
|
|
188
188
|
u.disabled && y,
|
|
189
|
-
u.active &&
|
|
190
|
-
|
|
189
|
+
u.active && B,
|
|
190
|
+
v
|
|
191
191
|
),
|
|
192
192
|
children: [
|
|
193
193
|
/* @__PURE__ */ t("p", { children: u.title }),
|
|
194
194
|
u.badgeCount && /* @__PURE__ */ t(
|
|
195
|
-
|
|
195
|
+
_,
|
|
196
196
|
{
|
|
197
197
|
valueType: "number",
|
|
198
198
|
value: u.badgeCount,
|
|
@@ -206,13 +206,13 @@ const W = (i) => {
|
|
|
206
206
|
u.link
|
|
207
207
|
))
|
|
208
208
|
},
|
|
209
|
-
|
|
209
|
+
r.link ?? r.title
|
|
210
210
|
)
|
|
211
211
|
) }),
|
|
212
|
-
l !== k.length - 1 && /* @__PURE__ */ t(
|
|
213
|
-
] },
|
|
212
|
+
l !== k.length - 1 && /* @__PURE__ */ t(z, { type: "horizontal" })
|
|
213
|
+
] }, n.title)) })
|
|
214
214
|
] });
|
|
215
|
-
},
|
|
215
|
+
}, J = () => {
|
|
216
216
|
const { isOpen: i, logo: s } = h();
|
|
217
217
|
return /* @__PURE__ */ t("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8", children: /* @__PURE__ */ t(
|
|
218
218
|
"img",
|
|
@@ -223,7 +223,7 @@ const W = (i) => {
|
|
|
223
223
|
className: d("dgs-ui-kit-h-12 dgs-ui-kit-w-full", s?.className)
|
|
224
224
|
}
|
|
225
225
|
) });
|
|
226
|
-
},
|
|
226
|
+
}, K = () => {
|
|
227
227
|
const { userProfile: i, isOpen: s } = h();
|
|
228
228
|
return /* @__PURE__ */ c(
|
|
229
229
|
"a",
|
|
@@ -249,7 +249,7 @@ const W = (i) => {
|
|
|
249
249
|
]
|
|
250
250
|
}
|
|
251
251
|
);
|
|
252
|
-
},
|
|
252
|
+
}, L = () => {
|
|
253
253
|
const { isOpen: i, setIsOpen: s } = h();
|
|
254
254
|
return /* @__PURE__ */ t(
|
|
255
255
|
"button",
|
|
@@ -258,7 +258,7 @@ const W = (i) => {
|
|
|
258
258
|
className: "dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",
|
|
259
259
|
onClick: () => s(!i),
|
|
260
260
|
children: /* @__PURE__ */ t(
|
|
261
|
-
|
|
261
|
+
G,
|
|
262
262
|
{
|
|
263
263
|
className: d(
|
|
264
264
|
"dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",
|
|
@@ -271,50 +271,51 @@ const W = (i) => {
|
|
|
271
271
|
)
|
|
272
272
|
}
|
|
273
273
|
);
|
|
274
|
-
},
|
|
274
|
+
}, ai = (i) => {
|
|
275
275
|
const {
|
|
276
276
|
isOpen: s,
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
277
|
+
setIsOpen: e,
|
|
278
|
+
className: o,
|
|
279
|
+
logo: a,
|
|
280
|
+
items: k,
|
|
281
|
+
extraComponent: m,
|
|
282
|
+
userProfile: x,
|
|
283
|
+
logOutButtonProps: w,
|
|
283
284
|
onLogout: C,
|
|
284
|
-
showMask:
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
} = i,
|
|
288
|
-
return
|
|
285
|
+
showMask: n,
|
|
286
|
+
hideOnClose: l,
|
|
287
|
+
openOnHover: r
|
|
288
|
+
} = i, u = n ? "div" : O, p = document.documentElement;
|
|
289
|
+
return N(() => {
|
|
289
290
|
if (l) return;
|
|
290
291
|
const g = "dgs-ui-kit-pr-[80px]";
|
|
291
|
-
return
|
|
292
|
-
|
|
292
|
+
return p.classList.add(g), () => {
|
|
293
|
+
p.classList.remove(g);
|
|
293
294
|
};
|
|
294
|
-
}, [l
|
|
295
|
-
if (!
|
|
295
|
+
}, [l]), N(() => {
|
|
296
|
+
if (!n) return;
|
|
296
297
|
const g = "dgs-ui-kit-overflow-hidden";
|
|
297
|
-
return s ?
|
|
298
|
-
|
|
298
|
+
return s ? p.classList.add(g) : p.classList.remove(g), () => {
|
|
299
|
+
p.classList.remove(g);
|
|
299
300
|
};
|
|
300
|
-
}, [
|
|
301
|
-
|
|
301
|
+
}, [n, s]), /* @__PURE__ */ t(I.Provider, { value: i, children: /* @__PURE__ */ t(
|
|
302
|
+
u,
|
|
302
303
|
{
|
|
303
|
-
...
|
|
304
|
+
...u === "div" ? {
|
|
304
305
|
className: d(
|
|
305
306
|
"dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",
|
|
306
307
|
s ? "dgs-ui-kit-size-full dgs-ui-kit-bg-black/40" : "dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",
|
|
307
308
|
f
|
|
308
309
|
),
|
|
309
310
|
onClick: (g) => {
|
|
310
|
-
|
|
311
|
+
g.target === g.currentTarget && e(!1);
|
|
311
312
|
}
|
|
312
313
|
} : {},
|
|
313
314
|
children: /* @__PURE__ */ c(
|
|
314
315
|
"div",
|
|
315
316
|
{
|
|
316
317
|
className: d(
|
|
317
|
-
|
|
318
|
+
o,
|
|
318
319
|
"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width,opacity]",
|
|
319
320
|
{
|
|
320
321
|
"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full": s,
|
|
@@ -323,29 +324,32 @@ const W = (i) => {
|
|
|
323
324
|
},
|
|
324
325
|
f
|
|
325
326
|
),
|
|
327
|
+
onMouseEnter: () => {
|
|
328
|
+
r && !s && e(!0);
|
|
329
|
+
},
|
|
326
330
|
children: [
|
|
327
|
-
/* @__PURE__ */ t(
|
|
328
|
-
!!(
|
|
329
|
-
|
|
331
|
+
/* @__PURE__ */ t(L, {}),
|
|
332
|
+
!!(a?.open ?? a?.close) && /* @__PURE__ */ t(J, {}),
|
|
333
|
+
k && k.length > 0 && /* @__PURE__ */ t(q, {}),
|
|
330
334
|
/* @__PURE__ */ c("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
|
|
331
|
-
|
|
335
|
+
m,
|
|
332
336
|
/* @__PURE__ */ t(
|
|
333
|
-
|
|
337
|
+
z,
|
|
334
338
|
{
|
|
335
339
|
className: "dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",
|
|
336
340
|
type: "horizontal"
|
|
337
341
|
}
|
|
338
342
|
),
|
|
339
|
-
!!
|
|
343
|
+
!!x?.image && /* @__PURE__ */ t(K, {}),
|
|
340
344
|
/* @__PURE__ */ t(
|
|
341
|
-
|
|
345
|
+
U,
|
|
342
346
|
{
|
|
343
347
|
color: "error",
|
|
344
348
|
variant: "secondary",
|
|
345
|
-
rightIcon: /* @__PURE__ */ t(
|
|
349
|
+
rightIcon: /* @__PURE__ */ t(W, {}),
|
|
346
350
|
isFullWidth: !0,
|
|
347
351
|
onClick: C,
|
|
348
|
-
...
|
|
352
|
+
...w,
|
|
349
353
|
children: s ? "خروج" : ""
|
|
350
354
|
}
|
|
351
355
|
)
|
|
@@ -357,5 +361,5 @@ const W = (i) => {
|
|
|
357
361
|
) });
|
|
358
362
|
};
|
|
359
363
|
export {
|
|
360
|
-
|
|
364
|
+
ai as default
|
|
361
365
|
};
|
package/dist/Sidebar/types.d.ts
CHANGED
|
@@ -41,15 +41,16 @@ interface SidebarPropsBase {
|
|
|
41
41
|
logOutButtonProps?: Omit<ButtonProps, 'onClick'>;
|
|
42
42
|
className?: string;
|
|
43
43
|
hideOnClose?: boolean;
|
|
44
|
+
showMask?: boolean;
|
|
44
45
|
}
|
|
45
|
-
interface
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
interface SidebarPropsWithHideOnClose {
|
|
47
|
+
hideOnClose: true;
|
|
48
|
+
openOnHover?: never;
|
|
48
49
|
}
|
|
49
|
-
interface
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
interface SidebarPropsWithoutHideOnClose {
|
|
51
|
+
hideOnClose?: false;
|
|
52
|
+
openOnHover?: boolean;
|
|
52
53
|
}
|
|
53
|
-
export type SidebarProps = SidebarPropsBase & (
|
|
54
|
+
export type SidebarProps = SidebarPropsBase & (SidebarPropsWithHideOnClose | SidebarPropsWithoutHideOnClose);
|
|
54
55
|
export {};
|
|
55
56
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACpF,KAAK,CACN,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACpF,KAAK,CACN,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,2BAA2B;IACnC,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,8BAA8B;IACtC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,CAAC,2BAA2B,GAAG,8BAA8B,CAAC,CAAC"}
|