@dgshahr/ui-kit 0.0.84 → 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.
Files changed (39) hide show
  1. package/dist/Accordion/AccordionItem.d.ts +3 -0
  2. package/dist/Accordion/AccordionItem.d.ts.map +1 -1
  3. package/dist/Accordion/index.cjs +1 -1
  4. package/dist/Accordion/index.mjs +1 -1
  5. package/dist/AccordionItem-BcOHTf5E.cjs +1 -0
  6. package/dist/{AccordionItem-DQviUjFN.js → AccordionItem-CbYyB1Ub.js} +41 -25
  7. package/dist/Badge/index.d.ts +1 -1
  8. package/dist/Badge/index.d.ts.map +1 -1
  9. package/dist/Form/Select/index.cjs +1 -1
  10. package/dist/Form/Select/index.mjs +74 -90
  11. package/dist/IconSearch-BeVs-gUu.cjs +1 -0
  12. package/dist/IconSearch-aShj2vmu.js +25 -0
  13. package/dist/Sidebar/Items.d.ts +4 -0
  14. package/dist/Sidebar/Items.d.ts.map +1 -0
  15. package/dist/Sidebar/LogoImage.d.ts +4 -0
  16. package/dist/Sidebar/LogoImage.d.ts.map +1 -0
  17. package/dist/Sidebar/Profile.d.ts +3 -0
  18. package/dist/Sidebar/Profile.d.ts.map +1 -0
  19. package/dist/Sidebar/SearchInput.d.ts +8 -0
  20. package/dist/Sidebar/SearchInput.d.ts.map +1 -0
  21. package/dist/Sidebar/ToggleButton.d.ts +4 -0
  22. package/dist/Sidebar/ToggleButton.d.ts.map +1 -0
  23. package/dist/Sidebar/constants.d.ts +6 -0
  24. package/dist/Sidebar/constants.d.ts.map +1 -0
  25. package/dist/Sidebar/context.d.ts +4 -0
  26. package/dist/Sidebar/context.d.ts.map +1 -0
  27. package/dist/Sidebar/index.cjs +1 -0
  28. package/dist/Sidebar/index.d.ts +6 -0
  29. package/dist/Sidebar/index.d.ts.map +1 -0
  30. package/dist/Sidebar/index.mjs +410 -0
  31. package/dist/Sidebar/types.d.ts +44 -0
  32. package/dist/Sidebar/types.d.ts.map +1 -0
  33. package/dist/Sidebar/utils.d.ts +7 -0
  34. package/dist/Sidebar/utils.d.ts.map +1 -0
  35. package/dist/assets/styles.css +1 -1
  36. package/dist/index.cjs +1 -1
  37. package/dist/index.mjs +1 -1
  38. package/package.json +8 -1
  39. 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;CACvB;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA4D5D,CAAC;AAEF,eAAe,aAAa,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"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css */const o=require("../AccordionItem-D28Vc5vF.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.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;
@@ -1,5 +1,5 @@
1
1
  import '../assets/styles.css';/* empty css */
2
- import { A as a, a as i } from "../AccordionItem-DQviUjFN.js";
2
+ import { A as a, a as i } from "../AccordionItem-CbYyB1Ub.js";
3
3
  export {
4
4
  a as AccordionGroup,
5
5
  i as AccordionItem
@@ -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 m } from "react/jsx-runtime";
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 x, useContext as v, useState as w, useId as A } from "react";
5
- import { I as N } from "./IconArrowDown2-7ddwV5IE.js";
6
- import I from "./Divider/index.mjs";
7
- const f = x({
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
- }), b = () => v(f);
12
- function C(i, s = !1) {
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 G = (i) => {
18
- const { defaultActiveKey: s, className: e, children: a, disableAccordion: u } = i, [l, g] = w(
19
- C(s, u)
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
- f.Provider,
22
+ h.Provider,
23
23
  {
24
24
  value: {
25
25
  activeKey: l,
26
26
  setActiveKey: g
27
27
  },
28
- children: a
28
+ children: c
29
29
  }
30
30
  ) });
31
- }, P = (i) => {
32
- const { children: s, title: e, accordionKey: a, className: u, contentClassName: l, hideDivider: g = !1 } = i, { activeKey: r, setActiveKey: c } = b(), h = A(), o = a ?? h, k = Array.isArray(r), n = k ? r.includes(o) : o === r;
33
- function y() {
34
- c(n ? k ? r.filter((p) => p !== o) : null : k ? [...r, o] : o);
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
- return /* @__PURE__ */ m("div", { className: d("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", u), children: [
37
- /* @__PURE__ */ m(
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: y,
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
- N,
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
- I,
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
- G as A,
84
- P as a
99
+ q as A,
100
+ B as a
85
101
  };
@@ -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,KAAK,UAAU,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAkE7D,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,4CAsB/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
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 s=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),o=require("react"),F=require("../Checkbox/index.cjs"),W=require("../../Button/index.cjs"),R=require("../Input/index.cjs"),M=require("../../PickerWrapper-CoDy6coa.cjs");;/* empty css */const _=i=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...i,children:s.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"})});function H(i,r=100){if(!i)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)},r)}function z({label:i,isMultiple:r,isActive:t,disabled:u}){return r?s.jsx(F,{checked:t,label:i,readOnly:!0,disabled:u}):i}const D=i=>{const{option:r,onClick:t,value:u,mode:n,optionCellClassName:g,optionCell:a}=i;function c(){return Array.isArray(u)?u.includes(r.value):r.value===u}return s.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:r.disabled,children:a?a(r,c()):z({label:r.label,isMultiple:n==="multiple",isActive:c(),disabled:r.disabled??!1})})},T=o.memo(D),K=20,U=i=>{const{options:r,mode:t="single",afterOptions:u,beforOptions:n,onChange:g,searchable:a=!0,separateSelectedOptions:c=!0,optionsTitle:w="عنوان‌ها",value:p,optionCellClassName:P,emptyContent:q="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:A=!0}=i,[f,N]=o.useState(""),[k,L]=o.useState(0),m=o.useRef(null),{toggleWrapperVisibility:$}=M.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(()=>f?r?.filter(e=>e.label.includes(f)):r,[f,r]),v=o.useMemo(()=>t==="multiple"&&c?r?.filter(e=>p.includes(e.value))??[]:[],[r,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=m?.current?.children[0]?.clientHeight??50,B=(y?.length??0)*x,C=o.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const l=e.scrollTop,j=m.current.offsetTop,S=Math.floor((l-j)/x);L(S>=0?S:0)},[x]);o.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",C),()=>e.removeEventListener("scroll",C)},[C]),o.useEffect(()=>{h&&H(document.getElementById("search-input"),400)},[]);const E=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),$()},[p]);return s.jsxs(s.Fragment,{children:[h&&s.jsx(R,{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:f,onChange:e=>N(e.currentTarget.value),rightIcon:b?.rightIcon??s.jsx(_,{width:20,height:20}),...typeof a=="object"?a:{}}),n,t==="multiple"&&c&&v.length>0&&s.jsxs(s.Fragment,{children:[s.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:`${w}‌ی انتخاب شده`}),v.map(e=>s.jsx(T,{onClick:()=>E(e.value),option:e,optionCellClassName:d.clsx(O,P),...i},e.value))]}),s.jsxs(s.Fragment,{children:[t==="multiple"&&c&&s.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:w}),s.jsx("div",{ref:m,className:"dgs-ui-kit-relative",style:{height:B},children:I?.map((e,l)=>s.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(k+l)*x}px`},children:s.jsx(T,{onClick:()=>E(e.value),option:e,...i})},e.value))}),!I?.length&&!v.length&&s.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:[s.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:q}),A&&s.jsx(W,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>N(""),children:"پاک کردن"})]})]}),u]})};function V(i,r){return Array.isArray(i)?r.filter(t=>i.includes(t.value)).map(t=>t.label).join(", "):r.find(t=>t.value===i)?.label??""}const G=i=>{const{searchable:r=!0,value:t,options:u}=i,n={...i};return n.dropdownType==="popover"&&!r&&(n.popoverClassName=d.clsx("dgs-ui-kit-pt-3",n.popoverClassName)),n.dropdownType==="drawer"&&(n.drawerProps={...n.drawerProps,containerClassName:d.clsx(r?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",n.drawerProps?.containerClassName)}),n.customInput||(n.inputProps={...n.inputProps,value:V(t,u)}),s.jsx(M.PickerWrapper,{...n,children:s.jsx(U,{...i})})};module.exports=G;
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,49 +1,33 @@
1
- import { jsx as n, jsxs as b, Fragment as N } from "react/jsx-runtime";
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 L, useRef as F, useMemo as O, useCallback as M, useEffect as $ } from "react";
4
- import K from "../Checkbox/index.mjs";
5
- import U from "../../Button/index.mjs";
6
- import V from "../Input/index.mjs";
7
- import { u as q, P as G } from "../../PickerWrapper-DlnSW_YD.js";
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
- const t = document.createElement("input");
33
- 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(() => {
34
- i.focus(), i.click(), document.body.removeChild(t);
12
+ if (window.innerWidth > 768) {
13
+ i.focus(), i.click();
14
+ return;
15
+ }
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);
35
19
  }, s);
36
20
  }
37
21
  function X({
38
22
  label: i,
39
23
  isMultiple: s,
40
- isActive: t,
24
+ isActive: e,
41
25
  disabled: o
42
26
  }) {
43
27
  return s ? /* @__PURE__ */ n(
44
- K,
28
+ U,
45
29
  {
46
- checked: t,
30
+ checked: e,
47
31
  label: i,
48
32
  readOnly: !0,
49
33
  disabled: o
@@ -51,7 +35,7 @@ function X({
51
35
  ) : i;
52
36
  }
53
37
  const Y = (i) => {
54
- const { option: s, onClick: t, value: o, mode: r, optionCellClassName: p, optionCell: a } = i;
38
+ const { option: s, onClick: e, value: o, mode: r, optionCellClassName: p, optionCell: a } = i;
55
39
  function u() {
56
40
  return Array.isArray(o) ? o.includes(s.value) : s.value === o;
57
41
  }
@@ -59,7 +43,7 @@ const Y = (i) => {
59
43
  "button",
60
44
  {
61
45
  type: "button",
62
- onClick: t,
46
+ onClick: e,
63
47
  className: d(
64
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",
65
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",
@@ -74,10 +58,10 @@ const Y = (i) => {
74
58
  })
75
59
  }
76
60
  );
77
- }, j = D(Y), Z = 20, ee = (i) => {
61
+ }, L = D(Y), Z = 20, tt = (i) => {
78
62
  const {
79
63
  options: s,
80
- mode: t = "single",
64
+ mode: e = "single",
81
65
  afterOptions: o,
82
66
  beforOptions: r,
83
67
  onChange: p,
@@ -85,49 +69,49 @@ const Y = (i) => {
85
69
  separateSelectedOptions: u = !0,
86
70
  optionsTitle: I = "عنوان‌ها",
87
71
  value: c,
88
- optionCellClassName: B,
72
+ optionCellClassName: M,
89
73
  emptyContent: W = "نتیجه‌ای یافت نشد !",
90
74
  showClearButtonOnEmpty: H = !0
91
- } = i, [m, T] = L(""), [f, z] = L(0), g = F(null), { toggleWrapperVisibility: R } = q(), E = d(
75
+ } = i, [m, T] = $(""), [f, z] = $(0), g = F(null), { toggleWrapperVisibility: R } = G(), E = d(
92
76
  "dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
93
- (!a && !r || t === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
77
+ (!a && !r || e === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
94
78
  !!o && "last-of-type:dgs-ui-kit-border-b"
95
79
  );
96
- let h;
80
+ let k;
97
81
  const y = a;
98
- typeof a == "boolean" ? h = a : h = Object.keys(a).length > 0;
99
- const v = O(() => m ? s?.filter((e) => e.label.includes(m)) : s, [m, s]), x = O(() => t === "multiple" && u ? s?.filter((e) => c.includes(e.value)) ?? [] : [], [s, c]), S = O(() => {
100
- let e = v;
101
- t === "multiple" && u && (e = e?.filter((w) => !c.includes(w.value)));
102
- const l = Math.min(f + Z, e?.length ?? 0);
103
- return e?.slice(f, l);
104
- }, [v, f, c]), k = g?.current?.children[0]?.clientHeight ?? 50, _ = (v?.length ?? 0) * k, C = M(() => {
105
- const e = g?.current?.parentElement;
106
- if (!e) return;
107
- const l = e.scrollTop, w = g.current.offsetTop, A = Math.floor((l - w) / k);
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);
108
92
  z(A >= 0 ? A : 0);
109
- }, [k]);
110
- $(() => {
111
- const e = g.current?.parentElement;
112
- if (e)
113
- return e.addEventListener("scroll", C), () => e.removeEventListener("scroll", C);
114
- }, [C]), $(() => {
115
- h && Q(document.getElementById("search-input"), 400);
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);
116
100
  }, []);
117
- const P = M(
118
- (e) => {
101
+ const P = j(
102
+ (t) => {
119
103
  if (typeof p == "function")
120
- if (t === "multiple") {
104
+ if (e === "multiple") {
121
105
  const l = [...c ?? []];
122
- l.includes(e) ? l.splice(l.indexOf(e), 1) : l.push(e), p(l);
106
+ l.includes(t) ? l.splice(l.indexOf(t), 1) : l.push(t), p(l);
123
107
  } else
124
- p(e), R();
108
+ p(t), R();
125
109
  },
126
110
  [c]
127
111
  );
128
- return /* @__PURE__ */ b(N, { children: [
129
- h && /* @__PURE__ */ n(
130
- V,
112
+ return /* @__PURE__ */ b(w, { children: [
113
+ k && /* @__PURE__ */ n(
114
+ q,
131
115
  {
132
116
  id: "search-input",
133
117
  wrapperClassName: d(
@@ -137,9 +121,9 @@ const Y = (i) => {
137
121
  ),
138
122
  placeholder: y?.placeholder ?? "جستجوی عنوان",
139
123
  value: m,
140
- onChange: (e) => T(e.currentTarget.value),
124
+ onChange: (t) => T(t.currentTarget.value),
141
125
  rightIcon: y?.rightIcon ?? /* @__PURE__ */ n(
142
- J,
126
+ K,
143
127
  {
144
128
  width: 20,
145
129
  height: 20
@@ -149,49 +133,49 @@ const Y = (i) => {
149
133
  }
150
134
  ),
151
135
  r,
152
- t === "multiple" && u && x.length > 0 && /* @__PURE__ */ b(N, { children: [
136
+ e === "multiple" && u && x.length > 0 && /* @__PURE__ */ b(w, { children: [
153
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}‌ی انتخاب شده` }),
154
- x.map((e) => /* @__PURE__ */ n(
155
- j,
138
+ x.map((t) => /* @__PURE__ */ n(
139
+ L,
156
140
  {
157
- onClick: () => P(e.value),
158
- option: e,
159
- optionCellClassName: d(E, B),
141
+ onClick: () => P(t.value),
142
+ option: t,
143
+ optionCellClassName: d(E, M),
160
144
  ...i
161
145
  },
162
- e.value
146
+ t.value
163
147
  ))
164
148
  ] }),
165
- /* @__PURE__ */ b(N, { children: [
166
- t === "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 }),
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 }),
167
151
  /* @__PURE__ */ n(
168
152
  "div",
169
153
  {
170
154
  ref: g,
171
155
  className: "dgs-ui-kit-relative",
172
156
  style: { height: _ },
173
- children: S?.map((e, l) => /* @__PURE__ */ n(
157
+ children: S?.map((t, l) => /* @__PURE__ */ n(
174
158
  "div",
175
159
  {
176
160
  className: d("dgs-ui-kit-absolute dgs-ui-kit-w-full", E),
177
- style: { top: `${(f + l) * k}px` },
161
+ style: { top: `${(f + l) * h}px` },
178
162
  children: /* @__PURE__ */ n(
179
- j,
163
+ L,
180
164
  {
181
- onClick: () => P(e.value),
182
- option: e,
165
+ onClick: () => P(t.value),
166
+ option: t,
183
167
  ...i
184
168
  }
185
169
  )
186
170
  },
187
- e.value
171
+ t.value
188
172
  ))
189
173
  }
190
174
  ),
191
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: [
192
176
  /* @__PURE__ */ n("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: W }),
193
177
  H && /* @__PURE__ */ n(
194
- U,
178
+ V,
195
179
  {
196
180
  type: "button",
197
181
  className: "dgs-ui-kit-mt-1",
@@ -206,19 +190,19 @@ const Y = (i) => {
206
190
  o
207
191
  ] });
208
192
  };
209
- function te(i, s) {
210
- return Array.isArray(i) ? s.filter((t) => i.includes(t.value)).map((t) => t.label).join(", ") : s.find((t) => t.value === i)?.label ?? "";
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 ?? "";
211
195
  }
212
- const de = (i) => {
213
- const { searchable: s = !0, value: t, options: o } = i, r = { ...i };
196
+ const ct = (i) => {
197
+ const { searchable: s = !0, value: e, options: o } = i, r = { ...i };
214
198
  return r.dropdownType === "popover" && !s && (r.popoverClassName = d("dgs-ui-kit-pt-3", r.popoverClassName)), r.dropdownType === "drawer" && (r.drawerProps = {
215
199
  ...r.drawerProps,
216
200
  containerClassName: d(
217
201
  s ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3",
218
202
  r.drawerProps?.containerClassName
219
203
  )
220
- }), r.customInput || (r.inputProps = { ...r.inputProps, value: te(t, o) }), /* @__PURE__ */ n(G, { ...r, children: /* @__PURE__ */ n(ee, { ...i }) });
204
+ }), r.customInput || (r.inputProps = { ...r.inputProps, value: et(e, o) }), /* @__PURE__ */ n(J, { ...r, children: /* @__PURE__ */ n(tt, { ...i }) });
221
205
  };
222
206
  export {
223
- de as default
207
+ ct as default
224
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,4 @@
1
+ import { FC } from 'react';
2
+ declare const SidebarItems: FC;
3
+ export default SidebarItems;
4
+ //# sourceMappingURL=Items.d.ts.map
@@ -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,4 @@
1
+ import { FC } from 'react';
2
+ declare const SidebarLogoImage: FC;
3
+ export default SidebarLogoImage;
4
+ //# sourceMappingURL=LogoImage.d.ts.map
@@ -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,3 @@
1
+ declare const SidebarProfile: () => import("react/jsx-runtime").JSX.Element;
2
+ export default SidebarProfile;
3
+ //# sourceMappingURL=Profile.d.ts.map
@@ -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,4 @@
1
+ import { FC } from 'react';
2
+ declare const SidebarToggleButton: FC;
3
+ export default SidebarToggleButton;
4
+ //# sourceMappingURL=ToggleButton.d.ts.map
@@ -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,4 @@
1
+ import { SidebarProps } from './types';
2
+ export declare const sidebarContext: import('react').Context<SidebarProps>;
3
+ export declare const useSidebarContext: () => SidebarProps;
4
+ //# sourceMappingURL=context.d.ts.map
@@ -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,6 @@
1
+ import { FC } from 'react';
2
+ import { SidebarProps } from './types';
3
+ declare const Sidebar: FC<SidebarProps>;
4
+ export default Sidebar;
5
+ export * from './types';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -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"}