@dgshahr/ui-kit 0.0.71 → 0.0.73

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 (50) hide show
  1. package/dist/Accordion/AccordionGroup.d.ts +2 -1
  2. package/dist/Accordion/AccordionGroup.d.ts.map +1 -1
  3. package/dist/Accordion/AccordionItem.d.ts.map +1 -1
  4. package/dist/Accordion/context.d.ts +2 -2
  5. package/dist/Accordion/context.d.ts.map +1 -1
  6. package/dist/Accordion/index.cjs +1 -1
  7. package/dist/Accordion/index.js +1 -1
  8. package/dist/AccordionItem-249c_E9c.js +85 -0
  9. package/dist/AccordionItem-U3jVG5e6.cjs +1 -0
  10. package/dist/Form/Datepicker/Body.d.ts +4 -0
  11. package/dist/Form/Datepicker/Body.d.ts.map +1 -0
  12. package/dist/Form/Datepicker/Days.d.ts +4 -0
  13. package/dist/Form/Datepicker/Days.d.ts.map +1 -0
  14. package/dist/Form/Datepicker/Footer.d.ts +4 -0
  15. package/dist/Form/Datepicker/Footer.d.ts.map +1 -0
  16. package/dist/Form/Datepicker/Header.d.ts +4 -0
  17. package/dist/Form/Datepicker/Header.d.ts.map +1 -0
  18. package/dist/Form/Datepicker/Months.d.ts +4 -0
  19. package/dist/Form/Datepicker/Months.d.ts.map +1 -0
  20. package/dist/Form/Datepicker/Years.d.ts +4 -0
  21. package/dist/Form/Datepicker/Years.d.ts.map +1 -0
  22. package/dist/Form/Datepicker/context.d.ts +5 -0
  23. package/dist/Form/Datepicker/context.d.ts.map +1 -0
  24. package/dist/Form/Datepicker/index.cjs +1 -0
  25. package/dist/Form/Datepicker/index.d.ts +5 -0
  26. package/dist/Form/Datepicker/index.d.ts.map +1 -0
  27. package/dist/Form/Datepicker/index.js +1802 -0
  28. package/dist/Form/Datepicker/types.d.ts +48 -0
  29. package/dist/Form/Datepicker/types.d.ts.map +1 -0
  30. package/dist/Form/Select/Options.d.ts +1 -5
  31. package/dist/Form/Select/Options.d.ts.map +1 -1
  32. package/dist/Form/Select/index.cjs +1 -1
  33. package/dist/Form/Select/index.d.ts.map +1 -1
  34. package/dist/Form/Select/index.js +99 -200
  35. package/dist/Form/Select/types.d.ts +2 -23
  36. package/dist/Form/Select/types.d.ts.map +1 -1
  37. package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts +5 -0
  38. package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -0
  39. package/dist/Form/Wrappers/PickerWrapper/contexts.d.ts +7 -0
  40. package/dist/Form/Wrappers/PickerWrapper/contexts.d.ts.map +1 -0
  41. package/dist/Form/Wrappers/PickerWrapper/type.d.ts +29 -0
  42. package/dist/Form/Wrappers/PickerWrapper/type.d.ts.map +1 -0
  43. package/dist/PickerWrapper-CY7PJM50.cjs +1 -0
  44. package/dist/PickerWrapper-EWtj7K7M.js +127 -0
  45. package/dist/assets/styles.css +1 -1
  46. package/dist/index.cjs +1 -1
  47. package/dist/index.js +1 -1
  48. package/package.json +12 -1
  49. package/dist/AccordionItem-D6fa9S1H.cjs +0 -1
  50. package/dist/AccordionItem-DVi9UM43.js +0 -76
@@ -0,0 +1,48 @@
1
+ import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
2
+ export declare enum DateTypes {
3
+ Day = 0,
4
+ Month = 1,
5
+ Year = 2
6
+ }
7
+ type DatepickerPropsBase = PickerWrapperProps & {
8
+ startDate?: Date;
9
+ endDate?: Date;
10
+ showExtraDays?: boolean;
11
+ showTodayButton?: boolean;
12
+ showClearButton?: boolean;
13
+ acceptRange?: boolean;
14
+ };
15
+ interface DatepickerWithClearButton {
16
+ showClearButton?: true;
17
+ onClear: () => void;
18
+ }
19
+ interface DatepickerWithoutClearButton {
20
+ showClearButton?: false;
21
+ onClear?: never;
22
+ }
23
+ export interface DatepickerWithRange {
24
+ acceptRange: true;
25
+ value: {
26
+ start: Date | null;
27
+ end: Date | null;
28
+ };
29
+ onChange: (value: DatepickerWithRange['value']) => void;
30
+ }
31
+ export interface DatepickerWithoutRange {
32
+ acceptRange?: false;
33
+ value: Date;
34
+ onChange: (value: DatepickerWithoutRange['value']) => void;
35
+ }
36
+ export type DatepickerProps = DatepickerPropsBase & (DatepickerWithClearButton | DatepickerWithoutClearButton) & (DatepickerWithRange | DatepickerWithoutRange);
37
+ export interface IDatepickerContext {
38
+ dateType: DateTypes;
39
+ setDateType: (type: DateTypes) => void;
40
+ internalDate: Date;
41
+ setInternalDate: (date: Date) => void;
42
+ datepickerProps: DatepickerProps;
43
+ }
44
+ export interface ContextProviderProps {
45
+ datepickerProps: DatepickerProps;
46
+ }
47
+ export {};
48
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Datepicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,oBAAY,SAAS;IACnB,GAAG,IAAA;IACH,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,KAAK,mBAAmB,GAAG,kBAAkB,GAAG;IAC9C,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,UAAU,yBAAyB;IACjC,eAAe,CAAC,EAAE,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,4BAA4B;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,IAAI,CAAC;IAClB,KAAK,EAAE;QAAE,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,CAAC,yBAAyB,GAAG,4BAA4B,CAAC,GAC1D,CAAC,mBAAmB,GAAG,sBAAsB,CAAC,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,IAAI,CAAC;IACnB,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,eAAe,CAAC;CAClC"}
@@ -1,8 +1,4 @@
1
- import { Dispatch, SetStateAction } from 'react';
2
1
  import { SelectProps } from './types';
3
- type OptionsProps<T> = Partial<SelectProps<T>> & {
4
- setIsShowOptions: Dispatch<SetStateAction<boolean>>;
5
- };
6
- declare const Options: <T>(props: OptionsProps<T>) => import("react/jsx-runtime").JSX.Element;
2
+ declare const Options: <T>(props: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
7
3
  export default Options;
8
4
  //# sourceMappingURL=Options.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAIzF,KAAK,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAC/C,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACrD,CAAC;AAIF,QAAA,MAAM,OAAO,GAAI,CAAC,SAAU,YAAY,CAAC,CAAC,CAAC,4CAuL1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,SAAU,WAAW,CAAC,CAAC,CAAC,4CAuLzC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -1 +1 @@
1
- "use client";"use strict";require('../../assets/styles.css');const t=require("react/jsx-runtime"),l=require("../../clsx-C11secjj.cjs"),r=require("react"),z=require("../../ArrowDown2-O11Hxz6e.cjs"),H=require("../Checkbox/index.cjs"),P=require("../../Button/index.cjs"),B=require("../Input/index.cjs"),U=require("../../Drawer/index.cjs");;/* empty css */const K=s=>{const n=r.useRef(null);return r.useEffect(()=>{const e=o=>{n.current&&!n.current.contains(o.target)&&s()};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0)}},[n,s]),n},V=s=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:t.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 W(s,n=100){if(!s)return;const e=document.createElement("input");e.style.position="absolute",e.style.top=`${s.offsetTop+7}px`,e.style.left=`${s.offsetLeft}px`,e.style.height="0px",e.style.opacity="0px",document.body.appendChild(e),e.focus(),setTimeout(()=>{s.focus(),s.click(),document.body.removeChild(e)},n)}function G({label:s,isMultiple:n,isActive:e,disabled:o}){return n?t.jsx(H,{checked:e,label:s,readOnly:!0,disabled:o}):s}const J=s=>{const{option:n,onClick:e,value:o,mode:g,optionCellClassName:m,optionCell:u}=s;function f(){return Array.isArray(o)?o.includes(n.value):n.value===o}return t.jsx("button",{onClick:e,className:l.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",f()?"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",m),disabled:n.disabled,children:u?u(n,f()):G({label:n.label,isMultiple:g==="multiple",isActive:f(),disabled:n.disabled??!1})})},R=r.memo(J),Q=20,D=s=>{const{options:n,mode:e="single",afterOptions:o,beforOptions:g,onChange:m,searchable:u=!0,setIsShowOptions:f,separateSelectedOptions:h=!0,optionsTitle:c="عنوان‌ها",value:d,optionCellClassName:b,emptyContent:p="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:x=!0}=s,[v,y]=r.useState(""),[C,O]=r.useState(0),k=r.useRef(null),w=l.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!u&&!g||e==="multiple"&&h)&&"first-of-type:dgs-ui-kit-border-t-0",!!o&&"last-of-type:dgs-ui-kit-border-b");let j;const I=u;typeof u=="boolean"?j=u:j=Object.keys(u).length>0;const S=r.useMemo(()=>v?n?.filter(i=>i.label.includes(v)):n,[v,n]),E=r.useMemo(()=>e==="multiple"&&h?n?.filter(i=>d.includes(i.value))??[]:[],[n,d]),L=r.useMemo(()=>{let i=S;e==="multiple"&&h&&(i=i?.filter(A=>!d.includes(A.value)));const a=Math.min(C+Q,i?.length??0);return i?.slice(C,a)},[S,C,d]),N=k?.current?.children[0]?.clientHeight??50,F=(S?.length??0)*N,T=r.useCallback(()=>{const i=k?.current?.parentElement;if(!i)return;const a=i.scrollTop,A=k.current.offsetTop,q=Math.floor((a-A)/N);O(q>=0?q:0)},[N]);r.useEffect(()=>{const i=k.current?.parentElement;if(i)return i.addEventListener("scroll",T),()=>i.removeEventListener("scroll",T)},[T]),r.useEffect(()=>{j&&W(document.getElementById("search-input"),400)},[]);const M=r.useCallback(i=>{if(typeof m=="function")if(e==="multiple"){const a=[...d??[]];a.includes(i)?a.splice(a.indexOf(i),1):a.push(i),m(a)}else m(i),f(!1)},[d]);return t.jsxs(t.Fragment,{children:[j&&t.jsx(B,{id:"search-input",wrapperClassName:l.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",g?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",I?.wrapperClassName),placeholder:I?.placeholder??"جستجوی عنوان",value:v,onChange:i=>y(i.currentTarget.value),rightIcon:I?.rightIcon??t.jsx(V,{width:20,height:20}),...typeof u=="object"?u:{}}),g,e==="multiple"&&h&&E.length>0&&t.jsxs(t.Fragment,{children:[t.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:`${c}‌ی انتخاب شده`}),E.map(i=>t.jsx(R,{onClick:()=>M(i.value),option:i,optionCellClassName:l.clsx(w,b),...s},i.value))]}),t.jsxs(t.Fragment,{children:[e==="multiple"&&h&&t.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:c}),t.jsx("div",{ref:k,className:"dgs-ui-kit-relative",style:{height:F},children:L?.map((i,a)=>t.jsx("div",{className:l.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",w),style:{top:`${(C+a)*N}px`},children:t.jsx(R,{onClick:()=>M(i.value),option:i,...s})},i.value))}),!L?.length&&!E.length&&t.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:[t.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:p}),x&&t.jsx(P,{className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>y(""),children:"پاک کردن"})]})]}),o]})},_="dgs-ui-kit-duration-300",$=400;function X(s,n){return Array.isArray(s)?n.filter(e=>s.includes(e.value)).map(e=>e.label).join(", "):n.find(e=>e.value===s)?.label??""}const Y=s=>{const{options:n,optionsContainer:e="popover",className:o,customInput:g,inputProps:m,drawerProps:u,popoverClassName:f,value:h,isLoading:c,searchable:d=!0,disabled:b=c}=s,[p,x]=r.useState(!1),[v,y]=r.useState(!1),C=K(()=>{e==="popover"&&p&&(x(!1),setTimeout(()=>{y(!1)},$))});function O(){if(b||c)return;!p?(y(!0),setTimeout(()=>{x(!0)},0)):(x(!1),setTimeout(()=>{y(!1)},$))}const k={...s,setIsShowOptions:x},w=l.clsx({"!dgs-ui-kit-cursor-not-allowed":b,"!dgs-ui-kit-cursor-wait":c,"!dgs-ui-kit-cursor-pointer":!c&&!b});return t.jsxs("div",{ref:C,className:l.clsx("dgs-ui-kit-relative",o),children:[t.jsx("button",{className:l.clsx("dgs-ui-kit-w-full",w),onClick:O,children:g?g(p):t.jsx(B,{leftIcon:c?t.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):t.jsx(z.ArrowDown2Icon,{width:20,height:20,className:l.clsx("dgs-ui-kit-transition",_,{"dgs-ui-kit-rotate-180":p})}),containerClassName:l.clsx(w,{"dgs-ui-kit-items-baseline":c}),className:l.clsx("dgs-ui-kit-caret-transparent",w),value:X(h,n),disabled:b,...m})}),v&&t.jsx(t.Fragment,{children:e==="popover"?t.jsx("div",{className:l.clsx("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",_,p?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",{"dgs-ui-kit-pt-3":!d},f),children:t.jsx(D,{...k})}):t.jsx(U,{open:p,onClose:()=>x(!1),containerClassName:l.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",d?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3"),...u,children:t.jsx(D,{...k})})})]})};module.exports=Y;
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-CY7PJM50.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",{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,{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 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAgB1B,QAAA,MAAM,MAAM,GAAI,CAAC,SAAU,WAAW,CAAC,CAAC,CAAC,4CA2HxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAY1B,QAAA,MAAM,MAAM,GAAI,CAAC,SAAU,WAAW,CAAC,CAAC,CAAC,4CAsBxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,24 +1,12 @@
1
- "use client";
2
- import { jsx as n, jsxs as N, Fragment as I } from "react/jsx-runtime";
3
- import { c as r } from "../../clsx-OuTLNxxd.js";
4
- import { useRef as K, useEffect as B, memo as q, useState as S, useMemo as j, useCallback as z } from "react";
5
- import { A as G } from "../../ArrowDown2-CMeKw_vj.js";
6
- import J from "../Checkbox/index.js";
7
- import Q from "../../Button/index.js";
1
+ import { jsx as n, jsxs as b, Fragment as N } from "react/jsx-runtime";
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.js";
5
+ import U from "../../Button/index.js";
8
6
  import V from "../Input/index.js";
9
- import X from "../../Drawer/index.js";
7
+ import { u as q, P as G } from "../../PickerWrapper-EWtj7K7M.js";
10
8
  import '../../assets/styles.css';/* empty css */
11
- const Y = (i) => {
12
- const s = K(null);
13
- return B(() => {
14
- const t = (o) => {
15
- s.current && !s.current.contains(o.target) && i();
16
- };
17
- return document.addEventListener("click", t, !0), () => {
18
- document.removeEventListener("click", t, !0);
19
- };
20
- }, [s, i]), s;
21
- }, Z = (i) => /* @__PURE__ */ n(
9
+ const J = (i) => /* @__PURE__ */ n(
22
10
  "svg",
23
11
  {
24
12
  xmlns: "http://www.w3.org/2000/svg",
@@ -39,21 +27,21 @@ const Y = (i) => {
39
27
  )
40
28
  }
41
29
  );
42
- function tt(i, s = 100) {
30
+ function Q(i, s = 100) {
43
31
  if (!i) return;
44
32
  const t = document.createElement("input");
45
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(() => {
46
34
  i.focus(), i.click(), document.body.removeChild(t);
47
35
  }, s);
48
36
  }
49
- function et({
37
+ function X({
50
38
  label: i,
51
39
  isMultiple: s,
52
40
  isActive: t,
53
41
  disabled: o
54
42
  }) {
55
43
  return s ? /* @__PURE__ */ n(
56
- J,
44
+ K,
57
45
  {
58
46
  checked: t,
59
47
  label: i,
@@ -62,135 +50,134 @@ function et({
62
50
  }
63
51
  ) : i;
64
52
  }
65
- const it = (i) => {
66
- const { option: s, onClick: t, value: o, mode: c, optionCellClassName: m, optionCell: l } = i;
67
- function k() {
53
+ const Y = (i) => {
54
+ const { option: s, onClick: t, value: o, mode: r, optionCellClassName: p, optionCell: a } = i;
55
+ function u() {
68
56
  return Array.isArray(o) ? o.includes(s.value) : s.value === o;
69
57
  }
70
58
  return /* @__PURE__ */ n(
71
59
  "button",
72
60
  {
73
61
  onClick: t,
74
- className: r(
62
+ className: d(
75
63
  "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",
76
- k() ? "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",
77
- m
64
+ 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",
65
+ p
78
66
  ),
79
67
  disabled: s.disabled,
80
- children: l ? l(s, k()) : et({
68
+ children: a ? a(s, u()) : X({
81
69
  label: s.label,
82
- isMultiple: c === "multiple",
83
- isActive: k(),
70
+ isMultiple: r === "multiple",
71
+ isActive: u(),
84
72
  disabled: s.disabled ?? !1
85
73
  })
86
74
  }
87
75
  );
88
- }, H = q(it), st = 20, P = (i) => {
76
+ }, j = D(Y), Z = 20, ee = (i) => {
89
77
  const {
90
78
  options: s,
91
79
  mode: t = "single",
92
80
  afterOptions: o,
93
- beforOptions: c,
94
- onChange: m,
95
- searchable: l = !0,
96
- setIsShowOptions: k,
97
- separateSelectedOptions: f = !0,
98
- optionsTitle: a = "عنوان‌ها",
99
- value: d,
100
- optionCellClassName: b,
101
- emptyContent: g = "نتیجه‌ای یافت نشد !",
102
- showClearButtonOnEmpty: h = !0
103
- } = i, [v, y] = S(""), [x, E] = S(0), p = K(null), C = r(
81
+ beforOptions: r,
82
+ onChange: p,
83
+ searchable: a = !0,
84
+ separateSelectedOptions: u = !0,
85
+ optionsTitle: I = "عنوان‌ها",
86
+ value: c,
87
+ optionCellClassName: B,
88
+ emptyContent: W = "نتیجه‌ای یافت نشد !",
89
+ showClearButtonOnEmpty: H = !0
90
+ } = i, [m, T] = L(""), [f, z] = L(0), g = F(null), { toggleWrapperVisibility: R } = q(), E = d(
104
91
  "dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
105
- (!l && !c || t === "multiple" && f) && "first-of-type:dgs-ui-kit-border-t-0",
92
+ (!a && !r || t === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
106
93
  !!o && "last-of-type:dgs-ui-kit-border-b"
107
94
  );
108
- let w;
109
- const T = l;
110
- typeof l == "boolean" ? w = l : w = Object.keys(l).length > 0;
111
- const A = j(() => v ? s?.filter((e) => e.label.includes(v)) : s, [v, s]), L = j(() => t === "multiple" && f ? s?.filter((e) => d.includes(e.value)) ?? [] : [], [s, d]), D = j(() => {
112
- let e = A;
113
- t === "multiple" && f && (e = e?.filter(($) => !d.includes($.value)));
114
- const u = Math.min(x + st, e?.length ?? 0);
115
- return e?.slice(x, u);
116
- }, [A, x, d]), O = p?.current?.children[0]?.clientHeight ?? 50, W = (A?.length ?? 0) * O, M = z(() => {
117
- const e = p?.current?.parentElement;
95
+ let h;
96
+ const y = a;
97
+ typeof a == "boolean" ? h = a : h = Object.keys(a).length > 0;
98
+ 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(() => {
99
+ let e = v;
100
+ t === "multiple" && u && (e = e?.filter((w) => !c.includes(w.value)));
101
+ const l = Math.min(f + Z, e?.length ?? 0);
102
+ return e?.slice(f, l);
103
+ }, [v, f, c]), k = g?.current?.children[0]?.clientHeight ?? 50, _ = (v?.length ?? 0) * k, C = M(() => {
104
+ const e = g?.current?.parentElement;
118
105
  if (!e) return;
119
- const u = e.scrollTop, $ = p.current.offsetTop, _ = Math.floor((u - $) / O);
120
- E(_ >= 0 ? _ : 0);
121
- }, [O]);
122
- B(() => {
123
- const e = p.current?.parentElement;
106
+ const l = e.scrollTop, w = g.current.offsetTop, A = Math.floor((l - w) / k);
107
+ z(A >= 0 ? A : 0);
108
+ }, [k]);
109
+ $(() => {
110
+ const e = g.current?.parentElement;
124
111
  if (e)
125
- return e.addEventListener("scroll", M), () => e.removeEventListener("scroll", M);
126
- }, [M]), B(() => {
127
- w && tt(document.getElementById("search-input"), 400);
112
+ return e.addEventListener("scroll", C), () => e.removeEventListener("scroll", C);
113
+ }, [C]), $(() => {
114
+ h && Q(document.getElementById("search-input"), 400);
128
115
  }, []);
129
- const R = z(
116
+ const P = M(
130
117
  (e) => {
131
- if (typeof m == "function")
118
+ if (typeof p == "function")
132
119
  if (t === "multiple") {
133
- const u = [...d ?? []];
134
- u.includes(e) ? u.splice(u.indexOf(e), 1) : u.push(e), m(u);
120
+ const l = [...c ?? []];
121
+ l.includes(e) ? l.splice(l.indexOf(e), 1) : l.push(e), p(l);
135
122
  } else
136
- m(e), k(!1);
123
+ p(e), R();
137
124
  },
138
- [d]
125
+ [c]
139
126
  );
140
- return /* @__PURE__ */ N(I, { children: [
141
- w && /* @__PURE__ */ n(
127
+ return /* @__PURE__ */ b(N, { children: [
128
+ h && /* @__PURE__ */ n(
142
129
  V,
143
130
  {
144
131
  id: "search-input",
145
- wrapperClassName: r(
132
+ wrapperClassName: d(
146
133
  "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",
147
- c ? "dgs-ui-kit-pb-2" : "dgs-ui-kit-pb-3",
148
- T?.wrapperClassName
134
+ r ? "dgs-ui-kit-pb-2" : "dgs-ui-kit-pb-3",
135
+ y?.wrapperClassName
149
136
  ),
150
- placeholder: T?.placeholder ?? "جستجوی عنوان",
151
- value: v,
152
- onChange: (e) => y(e.currentTarget.value),
153
- rightIcon: T?.rightIcon ?? /* @__PURE__ */ n(
154
- Z,
137
+ placeholder: y?.placeholder ?? "جستجوی عنوان",
138
+ value: m,
139
+ onChange: (e) => T(e.currentTarget.value),
140
+ rightIcon: y?.rightIcon ?? /* @__PURE__ */ n(
141
+ J,
155
142
  {
156
143
  width: 20,
157
144
  height: 20
158
145
  }
159
146
  ),
160
- ...typeof l == "object" ? l : {}
147
+ ...typeof a == "object" ? a : {}
161
148
  }
162
149
  ),
163
- c,
164
- t === "multiple" && f && L.length > 0 && /* @__PURE__ */ N(I, { children: [
165
- /* @__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: `${a}‌ی انتخاب شده` }),
166
- L.map((e) => /* @__PURE__ */ n(
167
- H,
150
+ r,
151
+ t === "multiple" && u && x.length > 0 && /* @__PURE__ */ b(N, { children: [
152
+ /* @__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}‌ی انتخاب شده` }),
153
+ x.map((e) => /* @__PURE__ */ n(
154
+ j,
168
155
  {
169
- onClick: () => R(e.value),
156
+ onClick: () => P(e.value),
170
157
  option: e,
171
- optionCellClassName: r(C, b),
158
+ optionCellClassName: d(E, B),
172
159
  ...i
173
160
  },
174
161
  e.value
175
162
  ))
176
163
  ] }),
177
- /* @__PURE__ */ N(I, { children: [
178
- t === "multiple" && f && /* @__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: a }),
164
+ /* @__PURE__ */ b(N, { children: [
165
+ 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 }),
179
166
  /* @__PURE__ */ n(
180
167
  "div",
181
168
  {
182
- ref: p,
169
+ ref: g,
183
170
  className: "dgs-ui-kit-relative",
184
- style: { height: W },
185
- children: D?.map((e, u) => /* @__PURE__ */ n(
171
+ style: { height: _ },
172
+ children: S?.map((e, l) => /* @__PURE__ */ n(
186
173
  "div",
187
174
  {
188
- className: r("dgs-ui-kit-absolute dgs-ui-kit-w-full", C),
189
- style: { top: `${(x + u) * O}px` },
175
+ className: d("dgs-ui-kit-absolute dgs-ui-kit-w-full", E),
176
+ style: { top: `${(f + l) * k}px` },
190
177
  children: /* @__PURE__ */ n(
191
- H,
178
+ j,
192
179
  {
193
- onClick: () => R(e.value),
180
+ onClick: () => P(e.value),
194
181
  option: e,
195
182
  ...i
196
183
  }
@@ -200,15 +187,15 @@ const it = (i) => {
200
187
  ))
201
188
  }
202
189
  ),
203
- !D?.length && !L.length && /* @__PURE__ */ N("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: [
204
- /* @__PURE__ */ n("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: g }),
205
- h && /* @__PURE__ */ n(
206
- Q,
190
+ !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: [
191
+ /* @__PURE__ */ n("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: W }),
192
+ H && /* @__PURE__ */ n(
193
+ U,
207
194
  {
208
195
  className: "dgs-ui-kit-mt-1",
209
196
  variant: "text",
210
197
  size: "small",
211
- onClick: () => y(""),
198
+ onClick: () => T(""),
212
199
  children: "پاک کردن"
213
200
  }
214
201
  )
@@ -216,108 +203,20 @@ const it = (i) => {
216
203
  ] }),
217
204
  o
218
205
  ] });
219
- }, U = "dgs-ui-kit-duration-300", F = 400;
220
- function nt(i, s) {
206
+ };
207
+ function te(i, s) {
221
208
  return Array.isArray(i) ? s.filter((t) => i.includes(t.value)).map((t) => t.label).join(", ") : s.find((t) => t.value === i)?.label ?? "";
222
209
  }
223
- const mt = (i) => {
224
- const {
225
- options: s,
226
- optionsContainer: t = "popover",
227
- className: o,
228
- customInput: c,
229
- inputProps: m,
230
- drawerProps: l,
231
- popoverClassName: k,
232
- value: f,
233
- isLoading: a,
234
- searchable: d = !0,
235
- disabled: b = a
236
- } = i, [g, h] = S(!1), [v, y] = S(!1), x = Y(() => {
237
- t === "popover" && g && (h(!1), setTimeout(() => {
238
- y(!1);
239
- }, F));
240
- });
241
- function E() {
242
- if (b || a) return;
243
- !g ? (y(!0), setTimeout(() => {
244
- h(!0);
245
- }, 0)) : (h(!1), setTimeout(() => {
246
- y(!1);
247
- }, F));
248
- }
249
- const p = {
250
- ...i,
251
- setIsShowOptions: h
252
- }, C = r({
253
- "!dgs-ui-kit-cursor-not-allowed": b,
254
- "!dgs-ui-kit-cursor-wait": a,
255
- "!dgs-ui-kit-cursor-pointer": !a && !b
256
- });
257
- return /* @__PURE__ */ N(
258
- "div",
259
- {
260
- ref: x,
261
- className: r("dgs-ui-kit-relative", o),
262
- children: [
263
- /* @__PURE__ */ n(
264
- "button",
265
- {
266
- className: r("dgs-ui-kit-w-full", C),
267
- onClick: E,
268
- children: c ? c(g) : /* @__PURE__ */ n(
269
- V,
270
- {
271
- leftIcon: a ? /* @__PURE__ */ n("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ n(
272
- G,
273
- {
274
- width: 20,
275
- height: 20,
276
- className: r("dgs-ui-kit-transition", U, {
277
- "dgs-ui-kit-rotate-180": g
278
- })
279
- }
280
- ),
281
- containerClassName: r(C, {
282
- "dgs-ui-kit-items-baseline": a
283
- }),
284
- className: r("dgs-ui-kit-caret-transparent", C),
285
- value: nt(f, s),
286
- disabled: b,
287
- ...m
288
- }
289
- )
290
- }
291
- ),
292
- v && /* @__PURE__ */ n(I, { children: t === "popover" ? /* @__PURE__ */ n(
293
- "div",
294
- {
295
- className: r(
296
- "dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",
297
- U,
298
- g ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
299
- { "dgs-ui-kit-pt-3": !d },
300
- k
301
- ),
302
- children: /* @__PURE__ */ n(P, { ...p })
303
- }
304
- ) : /* @__PURE__ */ n(
305
- X,
306
- {
307
- open: g,
308
- onClose: () => h(!1),
309
- containerClassName: r(
310
- "!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
311
- d ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3"
312
- ),
313
- ...l,
314
- children: /* @__PURE__ */ n(P, { ...p })
315
- }
316
- ) })
317
- ]
318
- }
319
- );
210
+ const de = (i) => {
211
+ const { searchable: s = !0, value: t, options: o } = i, r = { ...i };
212
+ return r.dropdownType === "popover" && !s && (r.popoverClassName = d("dgs-ui-kit-pt-3", r.popoverClassName)), r.dropdownType === "drawer" && (r.drawerProps = {
213
+ ...r.drawerProps,
214
+ containerClassName: d(
215
+ s ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3",
216
+ r.drawerProps?.containerClassName
217
+ )
218
+ }), r.customInput || (r.inputProps = { ...r.inputProps, value: te(t, o) }), /* @__PURE__ */ n(G, { ...r, children: /* @__PURE__ */ n(ee, { ...i }) });
320
219
  };
321
220
  export {
322
- mt as default
221
+ de as default
323
222
  };
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- import { DrawerProps } from '../../Drawer';
3
2
  import { InputProps } from '../Input';
3
+ import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
4
4
  export type Option<T> = {
5
5
  value: T;
6
6
  label: string;
@@ -10,11 +10,8 @@ type SelectPropsBase<T> = {
10
10
  options: Option<T>[];
11
11
  optionsContainer?: 'drawer' | 'popover';
12
12
  searchable?: boolean | Omit<InputProps, 'onChange'>;
13
- isLoading?: boolean;
14
- disabled?: boolean;
15
13
  optionCell?: (option: Option<T>, isActive: boolean) => ReactNode;
16
14
  optionCellClassName?: string;
17
- className?: string;
18
15
  beforOptions?: ReactNode;
19
16
  afterOptions?: ReactNode;
20
17
  emptyContent?: ReactNode;
@@ -34,24 +31,6 @@ export type SelectWithMultipleMode<T> = {
34
31
  optionsTitle?: string;
35
32
  separateSelectedOptions?: boolean;
36
33
  };
37
- type SelectWithCustomInput = {
38
- customInput?: (isShowOptions: boolean) => ReactNode;
39
- inputProps?: never;
40
- };
41
- type SelectWithoutCustomInput = {
42
- inputProps?: Omit<InputProps, 'leftIcon' | 'id'>;
43
- customInput?: never;
44
- };
45
- type SelectWithDrawerContainer = {
46
- optionsContainer: 'drawer';
47
- drawerProps?: Omit<DrawerProps, 'children' | 'onClose' | 'open'>;
48
- popoverClassName?: never;
49
- };
50
- type SelectWithPopoverContainer = {
51
- optionsContainer?: 'popover';
52
- popoverClassName?: string;
53
- drawerProps?: never;
54
- };
55
- export type SelectProps<T> = SelectPropsBase<T> & (SelectWithSingleMode<T> | SelectWithMultipleMode<T>) & (SelectWithoutCustomInput | SelectWithCustomInput) & (SelectWithDrawerContainer | SelectWithPopoverContainer);
34
+ export type SelectProps<T> = SelectPropsBase<T> & PickerWrapperProps & (SelectWithSingleMode<T> | SelectWithMultipleMode<T>);
56
35
  export {};
57
36
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,WAAW,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,GACrD,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,GAClD,CAAC,yBAAyB,GAAG,0BAA0B,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,kBAAkB,GAClB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ import { PickerWrapperProps } from './type';
3
+ declare const PickerWrapper: FC<PropsWithChildren<PickerWrapperProps>>;
4
+ export default PickerWrapper;
5
+ //# sourceMappingURL=PickerWrapper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKlE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGjD,OAAO,kBAAkB,CAAC;AAM1B,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA4H5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,7 @@
1
+ interface IPickerWrapperContext {
2
+ toggleWrapperVisibility: () => void;
3
+ }
4
+ export declare const pickerWrapperContext: import('react').Context<IPickerWrapperContext>;
5
+ export declare const usePickerWrapperContext: () => IPickerWrapperContext;
6
+ export {};
7
+ //# sourceMappingURL=contexts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/contexts.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,oBAAoB,gDAE/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,6BAAyC,CAAC"}