@dgshahr/ui-kit 0.0.85 → 0.0.86
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/Accordion/AccordionItem.d.ts +3 -0
- package/dist/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/Accordion/index.cjs +1 -1
- package/dist/Accordion/index.mjs +1 -1
- package/dist/AccordionItem-BcOHTf5E.cjs +1 -0
- package/dist/{AccordionItem-DQviUjFN.js → AccordionItem-CbYyB1Ub.js} +41 -25
- package/dist/Badge/index.d.ts +1 -1
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +70 -90
- package/dist/IconSearch-BeVs-gUu.cjs +1 -0
- package/dist/IconSearch-aShj2vmu.js +25 -0
- package/dist/Sidebar/Items.d.ts +4 -0
- package/dist/Sidebar/Items.d.ts.map +1 -0
- package/dist/Sidebar/LogoImage.d.ts +4 -0
- package/dist/Sidebar/LogoImage.d.ts.map +1 -0
- package/dist/Sidebar/Profile.d.ts +3 -0
- package/dist/Sidebar/Profile.d.ts.map +1 -0
- package/dist/Sidebar/SearchInput.d.ts +8 -0
- package/dist/Sidebar/SearchInput.d.ts.map +1 -0
- package/dist/Sidebar/ToggleButton.d.ts +4 -0
- package/dist/Sidebar/ToggleButton.d.ts.map +1 -0
- package/dist/Sidebar/constants.d.ts +6 -0
- package/dist/Sidebar/constants.d.ts.map +1 -0
- package/dist/Sidebar/context.d.ts +4 -0
- package/dist/Sidebar/context.d.ts.map +1 -0
- package/dist/Sidebar/index.cjs +1 -0
- package/dist/Sidebar/index.d.ts +6 -0
- package/dist/Sidebar/index.d.ts.map +1 -0
- package/dist/Sidebar/index.mjs +410 -0
- package/dist/Sidebar/types.d.ts +44 -0
- package/dist/Sidebar/types.d.ts.map +1 -0
- package/dist/Sidebar/utils.d.ts +7 -0
- package/dist/Sidebar/utils.d.ts.map +1 -0
- package/dist/assets/styles.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +8 -1
- package/dist/AccordionItem-D28Vc5vF.cjs +0 -1
|
@@ -5,6 +5,9 @@ interface AccordionItemProps {
|
|
|
5
5
|
className?: string;
|
|
6
6
|
contentClassName?: string;
|
|
7
7
|
hideDivider?: boolean;
|
|
8
|
+
hideArrow?: boolean;
|
|
9
|
+
titleClassName?: string;
|
|
10
|
+
disable?: boolean;
|
|
8
11
|
}
|
|
9
12
|
declare const AccordionItem: FC<PropsWithChildren<AccordionItemProps>>;
|
|
10
13
|
export default AccordionItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,kBAAkB;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAkF5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/Accordion/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const o=require("../AccordionItem-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const o=require("../AccordionItem-BcOHTf5E.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.AccordionItem;
|
package/dist/Accordion/index.mjs
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";const t=require("react/jsx-runtime"),o=require("./clsx-C11secjj.cjs"),u=require("react"),j=require("./IconArrowDown2-C1dLVveG.cjs"),I=require("./Divider/index.cjs"),f=u.createContext({activeKey:null,setActiveKey:()=>{}}),p=()=>u.useContext(f);function b(i,s=!1){if(!i)return s?[]:null;const e=Array.isArray(i);return s?e?i:[i]:e?i[0]:i}const C=i=>{const{defaultActiveKey:s,className:e,children:a,disableAccordion:l}=i,[g,k]=u.useState(b(s,l));return t.jsx("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",e),children:t.jsx(f.Provider,{value:{activeKey:g,setActiveKey:k},children:a})})},D=i=>{const{children:s,title:e,accordionKey:a,className:l,contentClassName:g,hideDivider:k=!1,hideArrow:h=!1,titleClassName:y,disable:m}=i,{activeKey:r,setActiveKey:d}=p(),v=u.useId(),n=a??v,x=Array.isArray(r);function w(){return m?!1:x?r.includes(n):n===r}const c=w();function A(){d(c?x?r.filter(N=>N!==n):null:x?[...r,n]:n)}return t.jsxs("div",{className:o.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",l),children:[t.jsxs("button",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",c?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600",y),onClick:A,disabled:m,children:[t.jsx("div",{className:c?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:e}),!h&&t.jsx(j.IconArrowDown2,{className:o.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-duration-300 dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",c&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),t.jsx("div",{className:o.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",c?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",g),children:t.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:s})}),!k&&t.jsx(I,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=C;exports.AccordionItem=D;
|
|
@@ -1,51 +1,67 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as t, jsxs as
|
|
2
|
+
import { jsx as t, jsxs as f } from "react/jsx-runtime";
|
|
3
3
|
import { c as d } from "./clsx-OuTLNxxd.js";
|
|
4
|
-
import { createContext as
|
|
5
|
-
import { I as
|
|
6
|
-
import
|
|
7
|
-
const
|
|
4
|
+
import { createContext as N, useContext as I, useState as b, useId as C } from "react";
|
|
5
|
+
import { I as D } from "./IconArrowDown2-7ddwV5IE.js";
|
|
6
|
+
import K from "./Divider/index.mjs";
|
|
7
|
+
const h = N({
|
|
8
8
|
activeKey: null,
|
|
9
9
|
setActiveKey: () => {
|
|
10
10
|
}
|
|
11
|
-
}),
|
|
12
|
-
function
|
|
11
|
+
}), j = () => I(h);
|
|
12
|
+
function z(i, s = !1) {
|
|
13
13
|
if (!i) return s ? [] : null;
|
|
14
14
|
const e = Array.isArray(i);
|
|
15
15
|
return s ? e ? i : [i] : e ? i[0] : i;
|
|
16
16
|
}
|
|
17
|
-
const
|
|
18
|
-
const { defaultActiveKey: s, className: e, children:
|
|
19
|
-
|
|
17
|
+
const q = (i) => {
|
|
18
|
+
const { defaultActiveKey: s, className: e, children: c, disableAccordion: u } = i, [l, g] = b(
|
|
19
|
+
z(s, u)
|
|
20
20
|
);
|
|
21
21
|
return /* @__PURE__ */ t("div", { className: d("dgs-ui-kit-flex dgs-ui-kit-flex-col", e), children: /* @__PURE__ */ t(
|
|
22
|
-
|
|
22
|
+
h.Provider,
|
|
23
23
|
{
|
|
24
24
|
value: {
|
|
25
25
|
activeKey: l,
|
|
26
26
|
setActiveKey: g
|
|
27
27
|
},
|
|
28
|
-
children:
|
|
28
|
+
children: c
|
|
29
29
|
}
|
|
30
30
|
) });
|
|
31
|
-
},
|
|
32
|
-
const {
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
}, B = (i) => {
|
|
32
|
+
const {
|
|
33
|
+
children: s,
|
|
34
|
+
title: e,
|
|
35
|
+
accordionKey: c,
|
|
36
|
+
className: u,
|
|
37
|
+
contentClassName: l,
|
|
38
|
+
hideDivider: g = !1,
|
|
39
|
+
hideArrow: y = !1,
|
|
40
|
+
titleClassName: p,
|
|
41
|
+
disable: m
|
|
42
|
+
} = i, { activeKey: r, setActiveKey: a } = j(), v = C(), o = c ?? v, k = Array.isArray(r);
|
|
43
|
+
function x() {
|
|
44
|
+
return m ? !1 : k ? r.includes(o) : o === r;
|
|
35
45
|
}
|
|
36
|
-
|
|
37
|
-
|
|
46
|
+
const n = x();
|
|
47
|
+
function w() {
|
|
48
|
+
a(n ? k ? r.filter((A) => A !== o) : null : k ? [...r, o] : o);
|
|
49
|
+
}
|
|
50
|
+
return /* @__PURE__ */ f("div", { className: d("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", u), children: [
|
|
51
|
+
/* @__PURE__ */ f(
|
|
38
52
|
"button",
|
|
39
53
|
{
|
|
40
54
|
className: d(
|
|
41
55
|
"dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
|
|
42
|
-
n ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
|
|
56
|
+
n ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600",
|
|
57
|
+
p
|
|
43
58
|
),
|
|
44
|
-
onClick:
|
|
59
|
+
onClick: w,
|
|
60
|
+
disabled: m,
|
|
45
61
|
children: [
|
|
46
62
|
/* @__PURE__ */ t("div", { className: n ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: e }),
|
|
47
|
-
/* @__PURE__ */ t(
|
|
48
|
-
|
|
63
|
+
!y && /* @__PURE__ */ t(
|
|
64
|
+
D,
|
|
49
65
|
{
|
|
50
66
|
className: d(
|
|
51
67
|
"dgs-ui-kit-transition-transform dgs-ui-kit-duration-300 dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
|
|
@@ -70,7 +86,7 @@ const G = (i) => {
|
|
|
70
86
|
}
|
|
71
87
|
),
|
|
72
88
|
!g && /* @__PURE__ */ t(
|
|
73
|
-
|
|
89
|
+
K,
|
|
74
90
|
{
|
|
75
91
|
type: "horizontal",
|
|
76
92
|
color: "white",
|
|
@@ -80,6 +96,6 @@ const G = (i) => {
|
|
|
80
96
|
] });
|
|
81
97
|
};
|
|
82
98
|
export {
|
|
83
|
-
|
|
84
|
-
|
|
99
|
+
q as A,
|
|
100
|
+
B as a
|
|
85
101
|
};
|
package/dist/Badge/index.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ interface BadgePropsWithIcon extends BadgePropsBase {
|
|
|
15
15
|
interface BadgePropsWithoutIcon extends Omit<BadgePropsBase, 'icon'> {
|
|
16
16
|
valueType: 'number';
|
|
17
17
|
}
|
|
18
|
-
type BadgeProps = BadgePropsWithIcon | BadgePropsWithoutIcon;
|
|
18
|
+
export type BadgeProps = BadgePropsWithIcon | BadgePropsWithoutIcon;
|
|
19
19
|
declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export default Badge;
|
|
21
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,KAAK,GACL,QAAQ,GACR,UAAU,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,KAAK,GACL,QAAQ,GACR,UAAU,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,MAAM,UAAU,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAkEpE,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,4CAsB/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const
|
|
1
|
+
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),o=require("react"),L=require("../../IconSearch-BeVs-gUu.cjs"),W=require("../Checkbox/index.cjs"),R=require("../../Button/index.cjs"),_=require("../Input/index.cjs"),q=require("../../PickerWrapper-CoDy6coa.cjs");;/* empty css */function H(i,s=100){if(!i)return;if(window.innerWidth>768){i.focus(),i.click();return}const t=document.createElement("input");t.style.position="absolute",t.style.top=`${i.offsetTop+7}px`,t.style.left=`${i.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{i.focus(),i.click(),document.body.removeChild(t)},s)}function z({label:i,isMultiple:s,isActive:t,disabled:u}){return s?r.jsx(W,{checked:t,label:i,readOnly:!0,disabled:u}):i}const D=i=>{const{option:s,onClick:t,value:u,mode:n,optionCellClassName:g,optionCell:a}=i;function c(){return Array.isArray(u)?u.includes(s.value):s.value===u}return r.jsx("button",{type:"button",onClick:t,className:d.clsx("dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",c()?"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",g),disabled:s.disabled,children:a?a(s,c()):z({label:s.label,isMultiple:n==="multiple",isActive:c(),disabled:s.disabled??!1})})},T=o.memo(D),K=20,U=i=>{const{options:s,mode:t="single",afterOptions:u,beforOptions:n,onChange:g,searchable:a=!0,separateSelectedOptions:c=!0,optionsTitle:N="عنوانها",value:p,optionCellClassName:P,emptyContent:A="نتیجهای یافت نشد !",showClearButtonOnEmpty:M=!0}=i,[m,w]=o.useState(""),[k,$]=o.useState(0),f=o.useRef(null),{toggleWrapperVisibility:B}=q.usePickerWrapperContext(),O=d.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!a&&!n||t==="multiple"&&c)&&"first-of-type:dgs-ui-kit-border-t-0",!!u&&"last-of-type:dgs-ui-kit-border-b");let h;const b=a;typeof a=="boolean"?h=a:h=Object.keys(a).length>0;const y=o.useMemo(()=>m?s?.filter(e=>e.label.includes(m)):s,[m,s]),C=o.useMemo(()=>t==="multiple"&&c?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),I=o.useMemo(()=>{let e=y;t==="multiple"&&c&&(e=e?.filter(j=>!p.includes(j.value)));const l=Math.min(k+K,e?.length??0);return e?.slice(k,l)},[y,k,p]),x=f?.current?.children[0]?.clientHeight??50,F=(y?.length??0)*x,v=o.useCallback(()=>{const e=f?.current?.parentElement;if(!e)return;const l=e.scrollTop,j=f.current.offsetTop,E=Math.floor((l-j)/x);$(E>=0?E:0)},[x]);o.useEffect(()=>{const e=f.current?.parentElement;if(e)return e.addEventListener("scroll",v),()=>e.removeEventListener("scroll",v)},[v]),o.useEffect(()=>{h&&H(document.getElementById("search-input"),400)},[]);const S=o.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const l=[...p??[]];l.includes(e)?l.splice(l.indexOf(e),1):l.push(e),g(l)}else g(e),B()},[p]);return r.jsxs(r.Fragment,{children:[h&&r.jsx(_,{id:"search-input",wrapperClassName:d.clsx("dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-pt-3 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-3",n?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",value:m,onChange:e=>w(e.currentTarget.value),rightIcon:b?.rightIcon??r.jsx(L.IconSearch,{width:20,height:20}),...typeof a=="object"?a:{}}),n,t==="multiple"&&c&&C.length>0&&r.jsxs(r.Fragment,{children:[r.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:`${N}ی انتخاب شده`}),C.map(e=>r.jsx(T,{onClick:()=>S(e.value),option:e,optionCellClassName:d.clsx(O,P),...i},e.value))]}),r.jsxs(r.Fragment,{children:[t==="multiple"&&c&&r.jsx("p",{className:"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2",children:N}),r.jsx("div",{ref:f,className:"dgs-ui-kit-relative",style:{height:F},children:I?.map((e,l)=>r.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(k+l)*x}px`},children:r.jsx(T,{onClick:()=>S(e.value),option:e,...i})},e.value))}),!I?.length&&!C.length&&r.jsxs("div",{className:"dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2",children:[r.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:A}),M&&r.jsx(R,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>w(""),children:"پاک کردن"})]})]}),u]})};function V(i,s){return Array.isArray(i)?s.filter(t=>i.includes(t.value)).map(t=>t.label).join(", "):s.find(t=>t.value===i)?.label??""}const G=i=>{const{searchable:s=!0,value:t,options:u}=i,n={...i};return n.dropdownType==="popover"&&!s&&(n.popoverClassName=d.clsx("dgs-ui-kit-pt-3",n.popoverClassName)),n.dropdownType==="drawer"&&(n.drawerProps={...n.drawerProps,containerClassName:d.clsx(s?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",n.drawerProps?.containerClassName)}),n.customInput||(n.inputProps={...n.inputProps,value:V(t,u)}),r.jsx(q.PickerWrapper,{...n,children:r.jsx(U,{...i})})};module.exports=G;
|
|
@@ -1,53 +1,33 @@
|
|
|
1
|
-
import { jsx as n, jsxs as b, Fragment as
|
|
1
|
+
import { jsx as n, jsxs as b, Fragment as w } from "react/jsx-runtime";
|
|
2
2
|
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { memo as D, useState as
|
|
4
|
-
import K from "
|
|
5
|
-
import U from "
|
|
6
|
-
import V from "
|
|
7
|
-
import
|
|
3
|
+
import { memo as D, useState as $, useRef as F, useMemo as O, useCallback as j, useEffect as B } from "react";
|
|
4
|
+
import { I as K } from "../../IconSearch-aShj2vmu.js";
|
|
5
|
+
import U from "../Checkbox/index.mjs";
|
|
6
|
+
import V from "../../Button/index.mjs";
|
|
7
|
+
import q from "../Input/index.mjs";
|
|
8
|
+
import { u as G, P as J } from "../../PickerWrapper-DlnSW_YD.js";
|
|
8
9
|
import '../../assets/styles.css';/* empty css */
|
|
9
|
-
const J = (i) => /* @__PURE__ */ n(
|
|
10
|
-
"svg",
|
|
11
|
-
{
|
|
12
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
-
width: "1em",
|
|
14
|
-
height: "1em",
|
|
15
|
-
fill: "none",
|
|
16
|
-
viewBox: "0 0 24 24",
|
|
17
|
-
...i,
|
|
18
|
-
children: /* @__PURE__ */ n(
|
|
19
|
-
"path",
|
|
20
|
-
{
|
|
21
|
-
stroke: "currentColor",
|
|
22
|
-
strokeLinecap: "round",
|
|
23
|
-
strokeLinejoin: "round",
|
|
24
|
-
strokeWidth: 1.5,
|
|
25
|
-
d: "M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"
|
|
26
|
-
}
|
|
27
|
-
)
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
10
|
function Q(i, s = 100) {
|
|
31
11
|
if (!i) return;
|
|
32
12
|
if (window.innerWidth > 768) {
|
|
33
13
|
i.focus(), i.click();
|
|
34
14
|
return;
|
|
35
15
|
}
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
i.focus(), i.click(), document.body.removeChild(
|
|
16
|
+
const e = document.createElement("input");
|
|
17
|
+
e.style.position = "absolute", e.style.top = `${i.offsetTop + 7}px`, e.style.left = `${i.offsetLeft}px`, e.style.height = "0px", e.style.opacity = "0px", document.body.appendChild(e), e.focus(), setTimeout(() => {
|
|
18
|
+
i.focus(), i.click(), document.body.removeChild(e);
|
|
39
19
|
}, s);
|
|
40
20
|
}
|
|
41
21
|
function X({
|
|
42
22
|
label: i,
|
|
43
23
|
isMultiple: s,
|
|
44
|
-
isActive:
|
|
24
|
+
isActive: e,
|
|
45
25
|
disabled: o
|
|
46
26
|
}) {
|
|
47
27
|
return s ? /* @__PURE__ */ n(
|
|
48
|
-
|
|
28
|
+
U,
|
|
49
29
|
{
|
|
50
|
-
checked:
|
|
30
|
+
checked: e,
|
|
51
31
|
label: i,
|
|
52
32
|
readOnly: !0,
|
|
53
33
|
disabled: o
|
|
@@ -55,7 +35,7 @@ function X({
|
|
|
55
35
|
) : i;
|
|
56
36
|
}
|
|
57
37
|
const Y = (i) => {
|
|
58
|
-
const { option: s, onClick:
|
|
38
|
+
const { option: s, onClick: e, value: o, mode: r, optionCellClassName: p, optionCell: a } = i;
|
|
59
39
|
function u() {
|
|
60
40
|
return Array.isArray(o) ? o.includes(s.value) : s.value === o;
|
|
61
41
|
}
|
|
@@ -63,7 +43,7 @@ const Y = (i) => {
|
|
|
63
43
|
"button",
|
|
64
44
|
{
|
|
65
45
|
type: "button",
|
|
66
|
-
onClick:
|
|
46
|
+
onClick: e,
|
|
67
47
|
className: d(
|
|
68
48
|
"dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",
|
|
69
49
|
u() ? "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",
|
|
@@ -78,10 +58,10 @@ const Y = (i) => {
|
|
|
78
58
|
})
|
|
79
59
|
}
|
|
80
60
|
);
|
|
81
|
-
},
|
|
61
|
+
}, L = D(Y), Z = 20, tt = (i) => {
|
|
82
62
|
const {
|
|
83
63
|
options: s,
|
|
84
|
-
mode:
|
|
64
|
+
mode: e = "single",
|
|
85
65
|
afterOptions: o,
|
|
86
66
|
beforOptions: r,
|
|
87
67
|
onChange: p,
|
|
@@ -89,49 +69,49 @@ const Y = (i) => {
|
|
|
89
69
|
separateSelectedOptions: u = !0,
|
|
90
70
|
optionsTitle: I = "عنوانها",
|
|
91
71
|
value: c,
|
|
92
|
-
optionCellClassName:
|
|
72
|
+
optionCellClassName: M,
|
|
93
73
|
emptyContent: W = "نتیجهای یافت نشد !",
|
|
94
74
|
showClearButtonOnEmpty: H = !0
|
|
95
|
-
} = i, [m, T] =
|
|
75
|
+
} = i, [m, T] = $(""), [f, z] = $(0), g = F(null), { toggleWrapperVisibility: R } = G(), E = d(
|
|
96
76
|
"dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
|
|
97
|
-
(!a && !r ||
|
|
77
|
+
(!a && !r || e === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
|
|
98
78
|
!!o && "last-of-type:dgs-ui-kit-border-b"
|
|
99
79
|
);
|
|
100
|
-
let
|
|
80
|
+
let k;
|
|
101
81
|
const y = a;
|
|
102
|
-
typeof a == "boolean" ?
|
|
103
|
-
const v = O(() => m ? s?.filter((
|
|
104
|
-
let
|
|
105
|
-
|
|
106
|
-
const l = Math.min(f + Z,
|
|
107
|
-
return
|
|
108
|
-
}, [v, f, c]),
|
|
109
|
-
const
|
|
110
|
-
if (!
|
|
111
|
-
const l =
|
|
82
|
+
typeof a == "boolean" ? k = a : k = Object.keys(a).length > 0;
|
|
83
|
+
const v = O(() => m ? s?.filter((t) => t.label.includes(m)) : s, [m, s]), x = O(() => e === "multiple" && u ? s?.filter((t) => c.includes(t.value)) ?? [] : [], [s, c]), S = O(() => {
|
|
84
|
+
let t = v;
|
|
85
|
+
e === "multiple" && u && (t = t?.filter((N) => !c.includes(N.value)));
|
|
86
|
+
const l = Math.min(f + Z, t?.length ?? 0);
|
|
87
|
+
return t?.slice(f, l);
|
|
88
|
+
}, [v, f, c]), h = g?.current?.children[0]?.clientHeight ?? 50, _ = (v?.length ?? 0) * h, C = j(() => {
|
|
89
|
+
const t = g?.current?.parentElement;
|
|
90
|
+
if (!t) return;
|
|
91
|
+
const l = t.scrollTop, N = g.current.offsetTop, A = Math.floor((l - N) / h);
|
|
112
92
|
z(A >= 0 ? A : 0);
|
|
113
|
-
}, [
|
|
114
|
-
|
|
115
|
-
const
|
|
116
|
-
if (
|
|
117
|
-
return
|
|
118
|
-
}, [C]),
|
|
119
|
-
|
|
93
|
+
}, [h]);
|
|
94
|
+
B(() => {
|
|
95
|
+
const t = g.current?.parentElement;
|
|
96
|
+
if (t)
|
|
97
|
+
return t.addEventListener("scroll", C), () => t.removeEventListener("scroll", C);
|
|
98
|
+
}, [C]), B(() => {
|
|
99
|
+
k && Q(document.getElementById("search-input"), 400);
|
|
120
100
|
}, []);
|
|
121
|
-
const P =
|
|
122
|
-
(
|
|
101
|
+
const P = j(
|
|
102
|
+
(t) => {
|
|
123
103
|
if (typeof p == "function")
|
|
124
|
-
if (
|
|
104
|
+
if (e === "multiple") {
|
|
125
105
|
const l = [...c ?? []];
|
|
126
|
-
l.includes(
|
|
106
|
+
l.includes(t) ? l.splice(l.indexOf(t), 1) : l.push(t), p(l);
|
|
127
107
|
} else
|
|
128
|
-
p(
|
|
108
|
+
p(t), R();
|
|
129
109
|
},
|
|
130
110
|
[c]
|
|
131
111
|
);
|
|
132
|
-
return /* @__PURE__ */ b(
|
|
133
|
-
|
|
134
|
-
|
|
112
|
+
return /* @__PURE__ */ b(w, { children: [
|
|
113
|
+
k && /* @__PURE__ */ n(
|
|
114
|
+
q,
|
|
135
115
|
{
|
|
136
116
|
id: "search-input",
|
|
137
117
|
wrapperClassName: d(
|
|
@@ -141,9 +121,9 @@ const Y = (i) => {
|
|
|
141
121
|
),
|
|
142
122
|
placeholder: y?.placeholder ?? "جستجوی عنوان",
|
|
143
123
|
value: m,
|
|
144
|
-
onChange: (
|
|
124
|
+
onChange: (t) => T(t.currentTarget.value),
|
|
145
125
|
rightIcon: y?.rightIcon ?? /* @__PURE__ */ n(
|
|
146
|
-
|
|
126
|
+
K,
|
|
147
127
|
{
|
|
148
128
|
width: 20,
|
|
149
129
|
height: 20
|
|
@@ -153,49 +133,49 @@ const Y = (i) => {
|
|
|
153
133
|
}
|
|
154
134
|
),
|
|
155
135
|
r,
|
|
156
|
-
|
|
136
|
+
e === "multiple" && u && x.length > 0 && /* @__PURE__ */ b(w, { children: [
|
|
157
137
|
/* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: `${I}ی انتخاب شده` }),
|
|
158
|
-
x.map((
|
|
159
|
-
|
|
138
|
+
x.map((t) => /* @__PURE__ */ n(
|
|
139
|
+
L,
|
|
160
140
|
{
|
|
161
|
-
onClick: () => P(
|
|
162
|
-
option:
|
|
163
|
-
optionCellClassName: d(E,
|
|
141
|
+
onClick: () => P(t.value),
|
|
142
|
+
option: t,
|
|
143
|
+
optionCellClassName: d(E, M),
|
|
164
144
|
...i
|
|
165
145
|
},
|
|
166
|
-
|
|
146
|
+
t.value
|
|
167
147
|
))
|
|
168
148
|
] }),
|
|
169
|
-
/* @__PURE__ */ b(
|
|
170
|
-
|
|
149
|
+
/* @__PURE__ */ b(w, { children: [
|
|
150
|
+
e === "multiple" && u && /* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: I }),
|
|
171
151
|
/* @__PURE__ */ n(
|
|
172
152
|
"div",
|
|
173
153
|
{
|
|
174
154
|
ref: g,
|
|
175
155
|
className: "dgs-ui-kit-relative",
|
|
176
156
|
style: { height: _ },
|
|
177
|
-
children: S?.map((
|
|
157
|
+
children: S?.map((t, l) => /* @__PURE__ */ n(
|
|
178
158
|
"div",
|
|
179
159
|
{
|
|
180
160
|
className: d("dgs-ui-kit-absolute dgs-ui-kit-w-full", E),
|
|
181
|
-
style: { top: `${(f + l) *
|
|
161
|
+
style: { top: `${(f + l) * h}px` },
|
|
182
162
|
children: /* @__PURE__ */ n(
|
|
183
|
-
|
|
163
|
+
L,
|
|
184
164
|
{
|
|
185
|
-
onClick: () => P(
|
|
186
|
-
option:
|
|
165
|
+
onClick: () => P(t.value),
|
|
166
|
+
option: t,
|
|
187
167
|
...i
|
|
188
168
|
}
|
|
189
169
|
)
|
|
190
170
|
},
|
|
191
|
-
|
|
171
|
+
t.value
|
|
192
172
|
))
|
|
193
173
|
}
|
|
194
174
|
),
|
|
195
175
|
!S?.length && !x.length && /* @__PURE__ */ b("div", { className: "dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2", children: [
|
|
196
176
|
/* @__PURE__ */ n("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: W }),
|
|
197
177
|
H && /* @__PURE__ */ n(
|
|
198
|
-
|
|
178
|
+
V,
|
|
199
179
|
{
|
|
200
180
|
type: "button",
|
|
201
181
|
className: "dgs-ui-kit-mt-1",
|
|
@@ -210,19 +190,19 @@ const Y = (i) => {
|
|
|
210
190
|
o
|
|
211
191
|
] });
|
|
212
192
|
};
|
|
213
|
-
function
|
|
214
|
-
return Array.isArray(i) ? s.filter((
|
|
193
|
+
function et(i, s) {
|
|
194
|
+
return Array.isArray(i) ? s.filter((e) => i.includes(e.value)).map((e) => e.label).join(", ") : s.find((e) => e.value === i)?.label ?? "";
|
|
215
195
|
}
|
|
216
|
-
const
|
|
217
|
-
const { searchable: s = !0, value:
|
|
196
|
+
const ct = (i) => {
|
|
197
|
+
const { searchable: s = !0, value: e, options: o } = i, r = { ...i };
|
|
218
198
|
return r.dropdownType === "popover" && !s && (r.popoverClassName = d("dgs-ui-kit-pt-3", r.popoverClassName)), r.dropdownType === "drawer" && (r.drawerProps = {
|
|
219
199
|
...r.drawerProps,
|
|
220
200
|
containerClassName: d(
|
|
221
201
|
s ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3",
|
|
222
202
|
r.drawerProps?.containerClassName
|
|
223
203
|
)
|
|
224
|
-
}), r.customInput || (r.inputProps = { ...r.inputProps, value:
|
|
204
|
+
}), r.customInput || (r.inputProps = { ...r.inputProps, value: et(e, o) }), /* @__PURE__ */ n(J, { ...r, children: /* @__PURE__ */ n(tt, { ...i }) });
|
|
225
205
|
};
|
|
226
206
|
export {
|
|
227
|
-
|
|
207
|
+
ct as default
|
|
228
208
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),r=o=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...o,children:e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"})});exports.IconSearch=r;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
const t = (e) => /* @__PURE__ */ o(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
width: "1em",
|
|
7
|
+
height: "1em",
|
|
8
|
+
fill: "none",
|
|
9
|
+
viewBox: "0 0 24 24",
|
|
10
|
+
...e,
|
|
11
|
+
children: /* @__PURE__ */ o(
|
|
12
|
+
"path",
|
|
13
|
+
{
|
|
14
|
+
stroke: "currentColor",
|
|
15
|
+
strokeLinecap: "round",
|
|
16
|
+
strokeLinejoin: "round",
|
|
17
|
+
strokeWidth: 1.5,
|
|
18
|
+
d: "M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"
|
|
19
|
+
}
|
|
20
|
+
)
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
export {
|
|
24
|
+
t as I
|
|
25
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Items.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Items.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAe5E,QAAA,MAAM,YAAY,EAAE,EA8GnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogoImage.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/LogoImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,QAAA,MAAM,gBAAgB,EAAE,EAYvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,+CAwBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface SidebarSearchInputProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
5
|
+
}
|
|
6
|
+
declare const SidebarSearchInput: FC<SidebarSearchInputProps>;
|
|
7
|
+
export default SidebarSearchInput;
|
|
8
|
+
//# sourceMappingURL=SearchInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkBnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,QAAA,MAAM,mBAAmB,EAAE,EAoB1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const DURATION_CLASS = "dgs-ui-kit-duration-300";
|
|
2
|
+
export declare const ITEMS_SHARED_CLASS = "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";
|
|
3
|
+
export declare const DISABLED_CLASS = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none";
|
|
4
|
+
export declare const ACTIVE_CLASS = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600";
|
|
5
|
+
export declare const SECOND_LEVEL_ACTIVE_CLASS = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600 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";
|
|
6
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,4BAA4B,CAAC;AACxD,eAAO,MAAM,kBAAkB,iPACiN,CAAC;AACjP,eAAO,MAAM,cAAc,yDAAyD,CAAC;AACrF,eAAO,MAAM,YAAY,0DAA0D,CAAC;AACpF,eAAO,MAAM,yBAAyB,+TAAuR,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc,uCAGzB,CAAC;AACH,eAAO,MAAM,iBAAiB,oBAAmC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs"),b=require("react"),gi=require("../IconSearch-BeVs-gUu.cjs"),Z=require("../Badge/index.cjs"),fi=require("../Form/Input/index.cjs");;/* empty css */const J=require("../AccordionItem-BcOHTf5E.cjs"),ii=require("../Divider/index.cjs"),ki=require("../IconArrowLeft2-CNA3H0xY.cjs"),pi=require("../Button/index.cjs"),xi=i=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...i,children:[t.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"}),t.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"})]}),q="dgs-ui-kit-duration-300",W="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",$="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",ti="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",K=`${ti} 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`,ei=b.createContext({isOpen:!1,setIsOpen:()=>{}}),_=()=>b.useContext(ei);var E=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function hi(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var G,Q;function bi(){if(Q)return G;Q=1;var i="Expected a function",s=NaN,n="[object Symbol]",a=/^\s+|\s+$/g,c=/^[-+]0x[0-9a-f]+$/i,x=/^0b[01]+$/i,m=/^0o[0-7]+$/i,C=parseInt,S=typeof E=="object"&&E&&E.Object===Object&&E,R=typeof self=="object"&&self&&self.Object===Object&&self,f=S||R||Function("return this")(),j=Object.prototype,u=j.toString,l=Math.max,ri=Math.min,D=function(){return f.Date.now()};function ni(e,d,k){var y,w,I,v,g,h,N=0,L=!1,T=!1,P=!0;if(typeof e!="function")throw new TypeError(i);d=H(d)||0,M(k)&&(L=!!k.leading,T="maxWait"in k,I=T?l(H(k.maxWait)||0,d):I,P="trailing"in k?!!k.trailing:P);function F(r){var p=y,O=w;return y=w=void 0,N=r,v=e.apply(O,p),v}function oi(r){return N=r,g=setTimeout(A,d),L?F(r):v}function ai(r){var p=r-h,O=r-N,X=d-p;return T?ri(X,I-O):X}function V(r){var p=r-h,O=r-N;return h===void 0||p>=d||p<0||T&&O>=I}function A(){var r=D();if(V(r))return U(r);g=setTimeout(A,ai(r))}function U(r){return g=void 0,P&&y?F(r):(y=w=void 0,v)}function ci(){g!==void 0&&clearTimeout(g),N=0,y=h=w=g=void 0}function li(){return g===void 0?v:U(D())}function z(){var r=D(),p=V(r);if(y=arguments,w=this,h=r,p){if(g===void 0)return oi(h);if(T)return g=setTimeout(A,d),F(h)}return g===void 0&&(g=setTimeout(A,d)),v}return z.cancel=ci,z.flush=li,z}function M(e){var d=typeof e;return!!e&&(d=="object"||d=="function")}function ui(e){return!!e&&typeof e=="object"}function di(e){return typeof e=="symbol"||ui(e)&&u.call(e)==n}function H(e){if(typeof e=="number")return e;if(di(e))return s;if(M(e)){var d=typeof e.valueOf=="function"?e.valueOf():e;e=M(d)?d+"":d}if(typeof e!="string")return e===0?e:+e;e=e.replace(a,"");var k=x.test(e);return k||m.test(e)?C(e.slice(2),k?2:8):c.test(e)?s:+e}return G=ni,G}var mi=bi();const ji=hi(mi),B=i=>o.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",i?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",q);function Y(i,s){return t.jsxs("div",{className:o.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",s?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[i.icon,t.jsx("div",{className:o.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",s?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",B),children:i.title}),i.badgeCount&&t.jsx(Z,{className:o.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!s}),value:i.badgeCount,valueType:"number",color:"error"})]})}function si(i,s){return i.map(n=>{if("children"in n&&n.children){const a=si(n.children,s);if(a.length>0)return{...n,children:a}}return n.title.includes(s)?{...n}:null}).filter(n=>!!n)}const yi=i=>{const{value:s,onChange:n}=i,{isOpen:a,searchInput:c}=_();return t.jsx(fi,{value:s,onChange:n,rightIcon:t.jsx(gi.IconSearch,{}),placeholder:"جستجو",...typeof c=="boolean"?{}:c,wrapperClassName:o.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",B(a),typeof c=="object"&&c.wrapperClassName,q)})},vi=()=>{const{isOpen:i,searchInput:s=!0,items:n}=_(),[a,c]=b.useState(""),[x,m]=b.useState(n??[]),C=b.useCallback(ji(f=>{m(si(x,f))},800),[]);function S(f){const j=f.target.value;c(j),C(j)}function R(){c(""),m(n??[])}return b.useEffect(()=>{a&&R()},[i]),t.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:[!!s&&t.jsx(yi,{value:a,onChange:S}),t.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:x.map((f,j)=>t.jsxs(b.Fragment,{children:[t.jsx("div",{className:o.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",B(i)),children:f.title}),t.jsx(J.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:f.children?.map(u=>u.link?t.jsx("a",{href:u.link,className:o.clsx("dgs-ui-kit-pr-3",u.disabled&&$,u.active&&K,i?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",W),children:Y(u,i)},u.link):t.jsx(J.AccordionItem,{className:o.clsx("!dgs-ui-kit-p-0",u.disabled&&$),title:Y(u,i),hideDivider:!0,hideArrow:!i||u.disabled,disable:!i||u.disabled,titleClassName:o.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",i?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",u.children?.find(l=>l.active)&&K,W),children:u.children?.map(l=>t.jsxs("a",{href:l.link,className:o.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",l.disabled&&$,l.active&&ti,W),children:[t.jsx("p",{children:l.title}),l.badgeCount&&t.jsx(Z,{valueType:"number",value:l.badgeCount,color:"error",type:"twoTone"})]},l.link))},u.link??u.title))}),j!==x.length-1&&t.jsx(ii,{type:"horizontal"})]},f.title))})]})},Ci=()=>{const{isOpen:i,logo:s}=_();return t.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:t.jsx("img",{...s,alt:s?.alt??"Logo",src:i?s?.open:s?.close,className:o.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",s?.className)})})},Si=()=>{const{userProfile:i,isOpen:s}=_();return t.jsxs("a",{href:i?.link??"#",className:o.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":!i?.link}),children:[t.jsx("img",{src:i?.image,alt:i?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),t.jsxs("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",B(s)),children:[t.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:i?.name}),t.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:i?.description})]})]})},wi=()=>{const{isOpen:i,setIsOpen:s}=_();return t.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:()=>s(!i),children:t.jsx(ki.IconArrowLeft2,{className:o.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",i&&"dgs-ui-kit-rotate-180",q),width:16,height:16})})},Ni=i=>{const{isOpen:s,className:n,logo:a,items:c,extraComponent:x,userProfile:m,logOutButtonProps:C,onLogout:S}=i;return t.jsx(ei.Provider,{value:i,children:t.jsxs("div",{className:o.clsx(n,"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]",s?"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",q),children:[t.jsx(wi,{}),!!(a?.open??a?.close)&&t.jsx(Ci,{}),c&&c.length>0&&t.jsx(vi,{}),t.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[x,t.jsx(ii,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!m?.image&&t.jsx(Si,{}),t.jsx(pi,{color:"error",variant:"secondary",rightIcon:t.jsx(xi,{}),isFullWidth:!0,onClick:S,...C,children:s?"خروج":""})]})]})})};module.exports=Ni;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgD7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}
|