@dgshahr/ui-kit 1.3.0 → 1.4.0
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/Form/Datepicker/Days.d.ts.map +1 -1
- package/dist/Form/Datepicker/Months.d.ts.map +1 -1
- package/dist/Form/Datepicker/Years.d.ts.map +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +621 -585
- package/dist/Form/Datepicker/types.d.ts +15 -2
- package/dist/Form/Datepicker/types.d.ts.map +1 -1
- package/dist/Form/Datepicker/utils.d.ts +10 -0
- package/dist/Form/Datepicker/utils.d.ts.map +1 -0
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.d.ts.map +1 -1
- package/dist/Form/Input/index.mjs +1 -1
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +1 -1
- package/dist/Form/Select/Options.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +48 -48
- package/dist/{PickerWrapper-DW8CAD-G.cjs → PickerWrapper-CJEhuXjK.cjs} +1 -1
- package/dist/{PickerWrapper-D84kUgJt.js → PickerWrapper-Dq1KZ9op.js} +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/{index-Cj_9z9UD.js → index-ChP5zdaB.js} +29 -29
- package/dist/{index-BCqGGELs.cjs → index-DmSuyV3m.cjs} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,12 @@ export declare enum DateTypes {
|
|
|
4
4
|
Month = 1,
|
|
5
5
|
Year = 2
|
|
6
6
|
}
|
|
7
|
+
export type DayItem = {
|
|
8
|
+
date: Date;
|
|
9
|
+
isInMonth: boolean;
|
|
10
|
+
isDisabled: boolean;
|
|
11
|
+
isHoliday: boolean;
|
|
12
|
+
};
|
|
7
13
|
type DatepickerPropsBase = PickerWrapperProps & {
|
|
8
14
|
startDate?: Date;
|
|
9
15
|
endDate?: Date;
|
|
@@ -11,6 +17,13 @@ type DatepickerPropsBase = PickerWrapperProps & {
|
|
|
11
17
|
showTodayButton?: boolean;
|
|
12
18
|
showSubmitButton?: boolean;
|
|
13
19
|
acceptRange?: boolean;
|
|
20
|
+
highlightWeekends?: boolean;
|
|
21
|
+
holidays?: Date[];
|
|
22
|
+
disableDates?: Date[];
|
|
23
|
+
dayHoverAction?: {
|
|
24
|
+
onClick: (dayItem: DayItem) => void;
|
|
25
|
+
element: (dayItem: DayItem) => React.ReactNode;
|
|
26
|
+
};
|
|
14
27
|
};
|
|
15
28
|
interface DatepickerWithSubmitButton {
|
|
16
29
|
showSubmitButton?: true;
|
|
@@ -30,8 +43,8 @@ export interface DatepickerWithRange {
|
|
|
30
43
|
}
|
|
31
44
|
export interface DatepickerWithoutRange {
|
|
32
45
|
acceptRange?: false;
|
|
33
|
-
value: Date;
|
|
34
|
-
onChange: (value:
|
|
46
|
+
value: Date | null;
|
|
47
|
+
onChange: (value: Date) => void;
|
|
35
48
|
}
|
|
36
49
|
export type DatepickerProps = DatepickerPropsBase & (DatepickerWithSubmitButton | DatepickerWithoutSubmitButton) & (DatepickerWithRange | DatepickerWithoutRange);
|
|
37
50
|
export interface IDatepickerContext {
|
|
@@ -1 +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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
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,MAAM,MAAM,OAAO,GAAG;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAElG,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE;QACf,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;QACpC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;KAChD,CAAC;CACH,CAAC;AAEF,UAAU,0BAA0B;IAClC,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,UAAU,6BAA6B;IACrC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;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,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,CAAC,0BAA0B,GAAG,6BAA6B,CAAC,GAC5D,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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DatepickerProps, DayItem } from './types';
|
|
2
|
+
export declare function getYearClassName({ year, value, startDate, endDate, }: {
|
|
3
|
+
year: Date;
|
|
4
|
+
} & DatepickerProps): string;
|
|
5
|
+
export declare function getMonthClassName({ month, value, startDate, endDate, }: {
|
|
6
|
+
month: Date;
|
|
7
|
+
} & DatepickerProps): string;
|
|
8
|
+
export declare function getDaysOfCalendar(internalDate: Date, disableDates?: DatepickerProps['disableDates'], holidays?: DatepickerProps['holidays']): DayItem[];
|
|
9
|
+
export declare function getDayClassName({ date, isInMonth, isHoliday, showExtraDays, value, startDate, endDate, highlightWeekends, dayHoverAction, }: DayItem & DatepickerProps): string;
|
|
10
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Datepicker/utils.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAMxD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,OAAO,GACR,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,eAAe,UAmBlC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,GACR,EAAE;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,GAAG,eAAe,UAiBnC;AAED,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,IAAI,EAClB,YAAY,GAAE,eAAe,CAAC,cAAc,CAAM,EAClD,QAAQ,GAAE,eAAe,CAAC,UAAU,CAAM,aA6C3C;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,SAAS,EACT,aAAa,EACb,KAAK,EACL,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,cAAc,GACf,EAAE,OAAO,GAAG,eAAe,UA4C3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime");require("../../clsx-C11secjj.cjs");require("react");const r=require("../../index-
|
|
1
|
+
"use strict";require("react/jsx-runtime");require("../../clsx-C11secjj.cjs");require("react");const r=require("../../index-DmSuyV3m.cjs");require("../../IconEye-sBk4Mro2.cjs");require("../../omitObjects-CtiYo0hv.cjs");require("../../TextFieldWrapper-DA0qiI_m.cjs");module.exports=r.Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,GAAG,EACR,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAExF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,EACnE,kBAAkB;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC;CACxE;AAED,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,GAAG,EACR,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAExF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,EACnE,kBAAkB;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC;CACxE;AAED,QAAA,MAAM,KAAK,yGAiHT,CAAC;AACH,eAAe,KAAK,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import "react";
|
|
4
|
-
import { I as f } from "../../index-
|
|
4
|
+
import { I as f } from "../../index-ChP5zdaB.js";
|
|
5
5
|
import "../../IconEye-DATABBb3.js";
|
|
6
6
|
import "../../omitObjects-CxFrrlkX.js";
|
|
7
7
|
import "../../TextFieldWrapper-DAv2s5vj.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../../assets/styles.css');const l=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),k=require("react"),q=require("../../FieldBottomInfo-CSd_EdIe.cjs"),v=require("../../TextFieldWrapper-DA0qiI_m.cjs"),w=require("../../index-
|
|
1
|
+
"use client";"use strict";require('../../assets/styles.css');const l=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),k=require("react"),q=require("../../FieldBottomInfo-CSd_EdIe.cjs"),v=require("../../TextFieldWrapper-DA0qiI_m.cjs"),w=require("../../index-DmSuyV3m.cjs");;/* empty css */const F=o=>o.replace(/[۰-۹]/g,r=>String("۰۱۲۳۴۵۶۷۸۹".indexOf(r))),T=o=>{const{inputsNumber:r=4,onChange:c,onEnd:p,className:y,inputsContainerClassName:N,labelContent:g,hintMessage:d,errorMessage:a,isError:I,value:n,...j}=o,f=k.useRef(!1);function i(u){document.getElementById(`dgsuikit:otp-input-${u}`)?.focus()}function C(u,e){const t=[u.code,u.key];if(n[e]&&t.includes(n[e])){i(e+1);return}if(t.includes("Backspace")||t.includes("Delete")){const s=n.split("");s[e]="",e!==0&&i(e-1),c(s.join(""))}else t.includes("ArrowLeft")?i(e-1):t.includes("ArrowRight")&&i(e+1)}function E(u,e){const t=F(u.currentTarget.value),s=n.split("");t.length>1?t.split("").forEach((b,h)=>{h<r&&(s[h]=b)}):s[e]=t,c(s.join("")),e+1!==r&&t&&i(e+1)}return k.useEffect(()=>{n.length===r&&f.current?(f.current=!1,typeof p=="function"&&p(n)):n.length<r&&(f.current=!0)},[n]),l.jsxs("div",{className:m.clsx("dgsuikit:space-y-2",y),children:[g?l.jsx(v.FieldLabel,{labelContent:g}):null,l.jsx("div",{className:m.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:gap-2 dgsuikit:[direction:ltr]",N),children:Array.from(Array(r).keys()).map((u,e)=>l.jsx(w.Input,{containerClassName:"dgsuikit:w-12 dgsuikit:h-12 dgsuikit:p-0",className:"dgsuikit:w-full dgsuikit:h-full dgsuikit:!text-center dgsuikit:placeholder:!text-center",placeholder:"-",autoFocus:e===0,onChange:t=>E(t,e),onKeyUp:t=>C(t,e),onFocus:t=>t.currentTarget.select(),id:`dgsuikit:otp-input-${e}`,value:n[e]||"",showMaxLength:!1,isError:!!a||I,autoComplete:"off",maxLength:e===0&&!Number(n.split("")[0])?r:1,onPaste:t=>{const s=t.clipboardData.getData("text");Number(s)&&c(s)},onInput:t=>{const s=t.currentTarget;return!!(Number(s.value)&&s.value.length>1)},...j},u))}),a||d?l.jsx(q.FieldBottomInfo,{errorMessage:a,hintMessage:d}):null]})};module.exports=T;
|
|
@@ -4,7 +4,7 @@ import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
|
4
4
|
import { useRef as w, useEffect as F } from "react";
|
|
5
5
|
import { F as T } from "../../FieldBottomInfo-C_QkvgNP.js";
|
|
6
6
|
import { F as j } from "../../TextFieldWrapper-DAv2s5vj.js";
|
|
7
|
-
import { I as A } from "../../index-
|
|
7
|
+
import { I as A } from "../../index-ChP5zdaB.js";
|
|
8
8
|
import '../../assets/styles.css';/* empty css */
|
|
9
9
|
const B = (l) => l.replace(/[۰-۹]/g, (r) => String("۰۱۲۳۴۵۶۷۸۹".indexOf(r))), U = (l) => {
|
|
10
10
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CAmMzC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),E=require("../../index-
|
|
1
|
+
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),E=require("../../index-DmSuyV3m.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-CJEhuXjK.cjs"),$=require("../../Chip/index.cjs");;/* empty css */function z({label:n,isMultiple:s,isActive:r,disabled:u}){return s?i.jsx(H,{checked:r,label:n,readOnly:!0,disabled:u}):n}const D=n=>{const{option:s,onClick:r,value:u,mode:c,optionCellClassName:g,optionCell:t}=n;function l(){return Array.isArray(u)?u.includes(s.value):s.value===u}return i.jsx("button",{type:"button",onClick:r,className:d.clsx("dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",l()?"dgsuikit:bg-primary-50 dgsuikit:text-primary-500":"dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",g),disabled:s.disabled,children:t?t(s,l()):z({label:s.label,isMultiple:c==="multiple",isActive:l(),disabled:s.disabled??!1})})},A=a.memo(D),U=20,G=n=>{const{options:s,mode:r="single",afterOptions:u,beforeOptions:c,onChange:g,searchable:t=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوانها",value:p,optionCellClassName:v,emptyContent:F="نتیجهای یافت نشد !",showClearButtonOnEmpty:R=!0}=n,[k,I]=a.useState(""),[x,B]=a.useState(0),m=a.useRef(null),N=a.useRef(null),{toggleWrapperVisibility:L}=M.usePickerWrapperContext(),O=d.clsx("dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",(!t&&!c||r==="multiple"&&l)&&"dgsuikit:first-of-type:border-t-0",!!u&&"dgsuikit:last-of-type:border-b");let h;const b=t;typeof t=="boolean"?h=t:h=Object.keys(t).length>0;const j=a.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return k?s?.filter(e=>e.label.includes(k)):s},[k,s]),C=a.useMemo(()=>r==="multiple"&&l?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),S=a.useMemo(()=>{let e=j;r==="multiple"&&l&&(e=e?.filter(P=>!p.includes(P.value)));const o=Math.min(x+U,e?.length??0);return e?.slice(x,o)},[j,x,p]),y=m?.current?.children[0]?.clientHeight??50,W=((j?.length??0)-(r==="multiple"?C.length??0:0))*y,w=a.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const o=e.scrollTop,P=m.current.offsetTop,T=Math.floor((o-P)/y);B(T>=0?T:0)},[y]);a.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",w),()=>e.removeEventListener("scroll",w)},[w]),a.useEffect(()=>{!h||b.autoFocus===!1||!N.current||setTimeout(()=>{N.current?.focus()},300)},[]);const q=a.useCallback(e=>{if(typeof g=="function")if(r==="multiple"){const o=[...p??[]];o.includes(e)?o.splice(o.indexOf(e),1):o.push(e),g(o)}else g(e),L()},[p]);return i.jsxs(i.Fragment,{children:[h&&i.jsx(E.Input,{ref:N,id:"search-input",wrapperClassName:d.clsx("dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",c?"dgsuikit:pb-2":"dgsuikit:pb-3",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:b?.rightIcon??i.jsx(_.IconSearch,{width:20,height:20}),...typeof t=="object"?t:{}}),c,r==="multiple"&&l&&C.length>0&&i.jsxs(i.Fragment,{children:[i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:`${f}ی انتخاب شده`}),C.map(e=>i.jsx(A,{onClick:()=>q(e.value),option:e,optionCellClassName:d.clsx(O,v),...n},e.value))]}),i.jsxs(i.Fragment,{children:[r==="multiple"&&l&&i.jsx("p",{className:"dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2",children:f}),i.jsx("div",{ref:m,className:"dgsuikit:relative",style:{height:W},children:S?.map((e,o)=>i.jsx("div",{className:d.clsx("dgsuikit:absolute dgsuikit:w-full",O),style:{top:`${(x+o)*y}px`},children:i.jsx(A,{onClick:()=>q(e.value),option:e,...n})},e.value))}),!S?.length&&!C.length&&i.jsxs("div",{className:"dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2",children:[i.jsx("p",{className:"dgsuikit:text-gray-500 dgsuikit:font-p3-medium",children:F}),R&&i.jsx(V,{type:"button",className:"dgsuikit:mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),u]})};function J(n,s){if(!Array.isArray(n))return s.find(r=>r.value===n)?.label??""}const K=n=>{const{searchable:s=!0,value:r,options:u}=n,c=Array.isArray(r)&&r.length>0;function g(){return n.inputProps?.prefix?n.inputProps.prefix:c?r.map(l=>i.jsx($,{label:u.find(f=>f.value===l)?.label,clickable:!0,leftIcon:i.jsx(E.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=r.filter(v=>v!==l);n.onChange?.(p)}},l)):null}const t={...n};return t.dropdownType==="popover"&&!s&&(t.popoverClassName=d.clsx("dgsuikit:pt-3",t.popoverClassName)),t.dropdownType==="drawer"&&(t.drawerProps={...t.drawerProps,containerClassName:d.clsx(s?"dgsuikit:!pt-0":"dgsuikit:!pt-3",t.drawerProps?.containerClassName)}),t.customInput||(t.inputProps={...t.inputProps,value:J(r,u),prefix:g(),prefixClassName:c?d.clsx("dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",t.inputProps?.prefixClassName):t.inputProps?.prefixClassName,className:c?"dgsuikit:hidden":t.inputProps?.className,containerClassName:c?d.clsx("dgsuikit:items-baseline",t.inputProps?.containerClassName):t.inputProps?.containerClassName}),i.jsx(M.PickerWrapper,{...t,children:i.jsx(G,{...n})})};module.exports=K;
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { jsx as n, jsxs as
|
|
1
|
+
import { jsx as n, jsxs as x, Fragment as O } from "react/jsx-runtime";
|
|
2
2
|
import { c } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { I as q, a as D } from "../../index-
|
|
3
|
+
import { I as q, a as D } from "../../index-ChP5zdaB.js";
|
|
4
4
|
import { memo as U, useState as B, useRef as L, useMemo as S, useCallback as H, useEffect as R } from "react";
|
|
5
5
|
import { I as G } from "../../IconSearch-aShj2vmu.js";
|
|
6
6
|
import J from "../Checkbox/index.mjs";
|
|
7
7
|
import K from "../../Button/index.mjs";
|
|
8
|
-
import { u as Q, P as X } from "../../PickerWrapper-
|
|
8
|
+
import { u as Q, P as X } from "../../PickerWrapper-Dq1KZ9op.js";
|
|
9
9
|
import Y from "../../Chip/index.mjs";
|
|
10
10
|
import '../../assets/styles.css';/* empty css */
|
|
11
11
|
function Z({
|
|
12
|
-
label:
|
|
12
|
+
label: r,
|
|
13
13
|
isMultiple: i,
|
|
14
|
-
isActive:
|
|
14
|
+
isActive: s,
|
|
15
15
|
disabled: a
|
|
16
16
|
}) {
|
|
17
17
|
return i ? /* @__PURE__ */ n(
|
|
18
18
|
J,
|
|
19
19
|
{
|
|
20
|
-
checked:
|
|
21
|
-
label:
|
|
20
|
+
checked: s,
|
|
21
|
+
label: r,
|
|
22
22
|
readOnly: !0,
|
|
23
23
|
disabled: a
|
|
24
24
|
}
|
|
25
|
-
) :
|
|
25
|
+
) : r;
|
|
26
26
|
}
|
|
27
|
-
const ee = (
|
|
28
|
-
const { option: i, onClick:
|
|
27
|
+
const ee = (r) => {
|
|
28
|
+
const { option: i, onClick: s, value: a, mode: u, optionCellClassName: p, optionCell: t } = r;
|
|
29
29
|
function l() {
|
|
30
30
|
return Array.isArray(a) ? a.includes(i.value) : i.value === a;
|
|
31
31
|
}
|
|
@@ -33,7 +33,7 @@ const ee = (s) => {
|
|
|
33
33
|
"button",
|
|
34
34
|
{
|
|
35
35
|
type: "button",
|
|
36
|
-
onClick:
|
|
36
|
+
onClick: s,
|
|
37
37
|
className: c(
|
|
38
38
|
"dgsuikit:w-full dgsuikit:text-start dgsuikit:px-3 dgsuikit:disabled:cursor-not-allowed dgsuikit:py-3 dgsuikit:font-p1-regular dgsuikit:disabled:bg-gray-50 dgsuikit:transition",
|
|
39
39
|
l() ? "dgsuikit:bg-primary-50 dgsuikit:text-primary-500" : "dgsuikit:text-gray-700 dgsuikit:disabled:text-gray-400",
|
|
@@ -48,10 +48,10 @@ const ee = (s) => {
|
|
|
48
48
|
})
|
|
49
49
|
}
|
|
50
50
|
);
|
|
51
|
-
}, V = U(ee), te = 20, ie = (
|
|
51
|
+
}, V = U(ee), te = 20, ie = (r) => {
|
|
52
52
|
const {
|
|
53
53
|
options: i,
|
|
54
|
-
mode:
|
|
54
|
+
mode: s = "single",
|
|
55
55
|
afterOptions: a,
|
|
56
56
|
beforeOptions: u,
|
|
57
57
|
onChange: p,
|
|
@@ -59,45 +59,45 @@ const ee = (s) => {
|
|
|
59
59
|
separateSelectedOptions: l = !0,
|
|
60
60
|
optionsTitle: g = "عنوانها",
|
|
61
61
|
value: d,
|
|
62
|
-
optionCellClassName:
|
|
62
|
+
optionCellClassName: v,
|
|
63
63
|
emptyContent: W = "نتیجهای یافت نشد !",
|
|
64
64
|
showClearButtonOnEmpty: $ = !0
|
|
65
|
-
} =
|
|
65
|
+
} = r, [m, T] = B(""), [k, z] = B(0), f = L(null), N = L(null), { toggleWrapperVisibility: F } = Q(), A = c(
|
|
66
66
|
"dgsuikit:border-t dgsuikit:border-solid dgsuikit:border-gray-100",
|
|
67
|
-
(!t && !u ||
|
|
67
|
+
(!t && !u || s === "multiple" && l) && "dgsuikit:first-of-type:border-t-0",
|
|
68
68
|
!!a && "dgsuikit:last-of-type:border-b"
|
|
69
69
|
);
|
|
70
70
|
let h;
|
|
71
71
|
const b = t;
|
|
72
72
|
typeof t == "boolean" ? h = t : h = Object.keys(t).length > 0;
|
|
73
|
-
const
|
|
73
|
+
const w = S(() => {
|
|
74
74
|
if (!Array.isArray(i))
|
|
75
75
|
throw new Error("options should be array");
|
|
76
76
|
return m ? i?.filter((e) => e.label.includes(m)) : i;
|
|
77
|
-
}, [m, i]),
|
|
78
|
-
let e =
|
|
79
|
-
|
|
77
|
+
}, [m, i]), y = S(() => s === "multiple" && l ? i?.filter((e) => d.includes(e.value)) ?? [] : [], [i, d]), E = S(() => {
|
|
78
|
+
let e = w;
|
|
79
|
+
s === "multiple" && l && (e = e?.filter((I) => !d.includes(I.value)));
|
|
80
80
|
const o = Math.min(k + te, e?.length ?? 0);
|
|
81
81
|
return e?.slice(k, o);
|
|
82
|
-
}, [
|
|
82
|
+
}, [w, k, d]), C = f?.current?.children[0]?.clientHeight ?? 50, _ = ((w?.length ?? 0) - (s === "multiple" ? y.length ?? 0 : 0)) * C, P = H(() => {
|
|
83
83
|
const e = f?.current?.parentElement;
|
|
84
84
|
if (!e) return;
|
|
85
|
-
const o = e.scrollTop, I = f.current.offsetTop, j = Math.floor((o - I) /
|
|
85
|
+
const o = e.scrollTop, I = f.current.offsetTop, j = Math.floor((o - I) / C);
|
|
86
86
|
z(j >= 0 ? j : 0);
|
|
87
|
-
}, [
|
|
87
|
+
}, [C]);
|
|
88
88
|
R(() => {
|
|
89
89
|
const e = f.current?.parentElement;
|
|
90
90
|
if (e)
|
|
91
91
|
return e.addEventListener("scroll", P), () => e.removeEventListener("scroll", P);
|
|
92
92
|
}, [P]), R(() => {
|
|
93
|
-
!h || b.autoFocus === !1 || !
|
|
94
|
-
|
|
93
|
+
!h || b.autoFocus === !1 || !N.current || setTimeout(() => {
|
|
94
|
+
N.current?.focus();
|
|
95
95
|
}, 300);
|
|
96
96
|
}, []);
|
|
97
97
|
const M = H(
|
|
98
98
|
(e) => {
|
|
99
99
|
if (typeof p == "function")
|
|
100
|
-
if (
|
|
100
|
+
if (s === "multiple") {
|
|
101
101
|
const o = [...d ?? []];
|
|
102
102
|
o.includes(e) ? o.splice(o.indexOf(e), 1) : o.push(e), p(o);
|
|
103
103
|
} else
|
|
@@ -105,11 +105,11 @@ const ee = (s) => {
|
|
|
105
105
|
},
|
|
106
106
|
[d]
|
|
107
107
|
);
|
|
108
|
-
return /* @__PURE__ */
|
|
108
|
+
return /* @__PURE__ */ x(O, { children: [
|
|
109
109
|
h && /* @__PURE__ */ n(
|
|
110
110
|
q,
|
|
111
111
|
{
|
|
112
|
-
ref:
|
|
112
|
+
ref: N,
|
|
113
113
|
id: "search-input",
|
|
114
114
|
wrapperClassName: c(
|
|
115
115
|
"dgsuikit:sticky dgsuikit:top-0 dgsuikit:pt-3 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-3",
|
|
@@ -130,21 +130,21 @@ const ee = (s) => {
|
|
|
130
130
|
}
|
|
131
131
|
),
|
|
132
132
|
u,
|
|
133
|
-
|
|
133
|
+
s === "multiple" && l && y.length > 0 && /* @__PURE__ */ x(O, { children: [
|
|
134
134
|
/* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: `${g}ی انتخاب شده` }),
|
|
135
|
-
|
|
135
|
+
y.map((e) => /* @__PURE__ */ n(
|
|
136
136
|
V,
|
|
137
137
|
{
|
|
138
138
|
onClick: () => M(e.value),
|
|
139
139
|
option: e,
|
|
140
|
-
optionCellClassName: c(A,
|
|
141
|
-
...
|
|
140
|
+
optionCellClassName: c(A, v),
|
|
141
|
+
...r
|
|
142
142
|
},
|
|
143
143
|
e.value
|
|
144
144
|
))
|
|
145
145
|
] }),
|
|
146
|
-
/* @__PURE__ */
|
|
147
|
-
|
|
146
|
+
/* @__PURE__ */ x(O, { children: [
|
|
147
|
+
s === "multiple" && l && /* @__PURE__ */ n("p", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-400 dgsuikit:px-3 dgsuikit:py-2", children: g }),
|
|
148
148
|
/* @__PURE__ */ n(
|
|
149
149
|
"div",
|
|
150
150
|
{
|
|
@@ -155,13 +155,13 @@ const ee = (s) => {
|
|
|
155
155
|
"div",
|
|
156
156
|
{
|
|
157
157
|
className: c("dgsuikit:absolute dgsuikit:w-full", A),
|
|
158
|
-
style: { top: `${(k + o) *
|
|
158
|
+
style: { top: `${(k + o) * C}px` },
|
|
159
159
|
children: /* @__PURE__ */ n(
|
|
160
160
|
V,
|
|
161
161
|
{
|
|
162
162
|
onClick: () => M(e.value),
|
|
163
163
|
option: e,
|
|
164
|
-
...
|
|
164
|
+
...r
|
|
165
165
|
}
|
|
166
166
|
)
|
|
167
167
|
},
|
|
@@ -169,7 +169,7 @@ const ee = (s) => {
|
|
|
169
169
|
))
|
|
170
170
|
}
|
|
171
171
|
),
|
|
172
|
-
!E?.length && !
|
|
172
|
+
!E?.length && !y.length && /* @__PURE__ */ x("div", { className: "dgsuikit:text-center dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:mt-2", children: [
|
|
173
173
|
/* @__PURE__ */ n("p", { className: "dgsuikit:text-gray-500 dgsuikit:font-p3-medium", children: W }),
|
|
174
174
|
$ && /* @__PURE__ */ n(
|
|
175
175
|
K,
|
|
@@ -187,14 +187,14 @@ const ee = (s) => {
|
|
|
187
187
|
a
|
|
188
188
|
] });
|
|
189
189
|
};
|
|
190
|
-
function se(
|
|
191
|
-
if (!Array.isArray(
|
|
192
|
-
return i.find((
|
|
190
|
+
function se(r, i) {
|
|
191
|
+
if (!Array.isArray(r))
|
|
192
|
+
return i.find((s) => s.value === r)?.label ?? "";
|
|
193
193
|
}
|
|
194
|
-
const fe = (
|
|
195
|
-
const { searchable: i = !0, value:
|
|
194
|
+
const fe = (r) => {
|
|
195
|
+
const { searchable: i = !0, value: s, options: a } = r, u = Array.isArray(s) && s.length > 0;
|
|
196
196
|
function p() {
|
|
197
|
-
return
|
|
197
|
+
return r.inputProps?.prefix ? r.inputProps.prefix : u ? s.map((l) => /* @__PURE__ */ n(
|
|
198
198
|
Y,
|
|
199
199
|
{
|
|
200
200
|
label: a.find((g) => g.value === l)?.label,
|
|
@@ -202,14 +202,14 @@ const fe = (s) => {
|
|
|
202
202
|
leftIcon: /* @__PURE__ */ n(D, {}),
|
|
203
203
|
onClick: (g) => {
|
|
204
204
|
g.stopPropagation();
|
|
205
|
-
const d =
|
|
206
|
-
|
|
205
|
+
const d = s.filter((v) => v !== l);
|
|
206
|
+
r.onChange?.(d);
|
|
207
207
|
}
|
|
208
208
|
},
|
|
209
209
|
l
|
|
210
210
|
)) : null;
|
|
211
211
|
}
|
|
212
|
-
const t = { ...
|
|
212
|
+
const t = { ...r };
|
|
213
213
|
return t.dropdownType === "popover" && !i && (t.popoverClassName = c("dgsuikit:pt-3", t.popoverClassName)), t.dropdownType === "drawer" && (t.drawerProps = {
|
|
214
214
|
...t.drawerProps,
|
|
215
215
|
containerClassName: c(
|
|
@@ -218,7 +218,7 @@ const fe = (s) => {
|
|
|
218
218
|
)
|
|
219
219
|
}), t.customInput || (t.inputProps = {
|
|
220
220
|
...t.inputProps,
|
|
221
|
-
value: se(
|
|
221
|
+
value: se(s, a),
|
|
222
222
|
prefix: p(),
|
|
223
223
|
prefixClassName: u ? c(
|
|
224
224
|
"dgsuikit:flex dgsuikit:items-center flex dgsuikit:flex-wrap dgsuikit:gap-2 dgsuikit:w-full",
|
|
@@ -226,7 +226,7 @@ const fe = (s) => {
|
|
|
226
226
|
) : t.inputProps?.prefixClassName,
|
|
227
227
|
className: u ? "dgsuikit:hidden" : t.inputProps?.className,
|
|
228
228
|
containerClassName: u ? c("dgsuikit:items-baseline", t.inputProps?.containerClassName) : t.inputProps?.containerClassName
|
|
229
|
-
}), /* @__PURE__ */ n(X, { ...t, children: /* @__PURE__ */ n(ie, { ...
|
|
229
|
+
}), /* @__PURE__ */ n(X, { ...t, children: /* @__PURE__ */ n(ie, { ...r }) });
|
|
230
230
|
};
|
|
231
231
|
export {
|
|
232
232
|
fe as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('./assets/styles.css');const t=require("react/jsx-runtime"),i=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),E=require("./useFlipPosition-CWhLgzoz.cjs"),D=require("./IconArrowDown2-C1dLVveG.cjs"),A=require("./index-
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const t=require("react/jsx-runtime"),i=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),E=require("./useFlipPosition-CWhLgzoz.cjs"),D=require("./IconArrowDown2-C1dLVveG.cjs"),A=require("./index-DmSuyV3m.cjs");;/* empty css */const I=n.createContext({toggleWrapperVisibility:()=>{}}),O=()=>n.useContext(I),F=a=>{const e=n.useRef(null);return n.useEffect(()=>{const s=o=>{e.current&&!e.current.contains(o.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[e,a]),e},v="dgsuikit:duration-300",b=400,L=a=>{const{dropdownType:e="popover",disabled:s,isLoading:o,wrapperClassName:N,customInput:g,children:k,drawerProps:m,inputProps:P,popoverClassName:y,popoverPosition:T}=a,f=T==="top"?"top-left":"bottom-left",[u,c]=n.useState(!1),[x,d]=n.useState(!1),[h,W]=n.useState(f);let r;const{anchorRef:j,popperRef:R}=E.useFlipPosition({initialPosition:f,minVisible:180,onPositionChange(l){W(C=>C===l?C:l)}}),q=F(()=>{e==="popover"&&u&&(c(!1),r&&clearTimeout(r),r=setTimeout(()=>{d(!1)},b))});function w(){if(s||o)return;const l=!x;r&&clearTimeout(r),l?(d(!0),r=setTimeout(()=>{c(!0)},0)):(c(!1),r=setTimeout(()=>{d(!1)},b))}const p=i.clsx({"dgsuikit:!cursor-not-allowed":s,"dgsuikit:!cursor-wait":o,"dgsuikit:!cursor-pointer":!o&&!s});return t.jsxs("div",{ref:q,className:i.clsx("dgsuikit:relative",N),children:[t.jsx("button",{ref:j,type:"button",className:i.clsx("dgsuikit:w-full",p),onClick:w,children:g?g(u):t.jsx(A.Input,{leftIcon:o?t.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):t.jsx(D.IconArrowDown2,{width:20,height:20,className:i.clsx("dgsuikit:transition",v,{"dgsuikit:rotate-180":u})}),containerClassName:i.clsx(p,{"dgsuikit:items-baseline":o}),className:i.clsx("dgsuikit:caret-transparent",p),disabled:s,...P})}),t.jsx(I.Provider,{value:{toggleWrapperVisibility:w},children:x&&t.jsx(t.Fragment,{children:e==="popover"?t.jsx("div",{ref:R,className:i.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] dgsuikit:right-0 dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:shadow-lg dgsuikit:w-full dgsuikit:max-h-[360px] dgsuikit:transition-all dgsuikit:bg-white dgsuikit:z-50 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-solid dgsuikit:border-gray-200 dgsuikit:pb-3",v,u?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":h.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":h.includes("top")},y),children:k}):t.jsx(S,{...m,open:u,onClose:()=>c(!1),containerClassName:i.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",m?.containerClassName),children:k})})})]})};exports.PickerWrapper=L;exports.usePickerWrapperContext=O;
|
|
@@ -5,7 +5,7 @@ import { createContext as A, useContext as L, useRef as V, useEffect as _, useSt
|
|
|
5
5
|
import j from "./Drawer/index.mjs";
|
|
6
6
|
import { u as F } from "./useFlipPosition-BWxiBDQ_.js";
|
|
7
7
|
import { I as M } from "./IconArrowDown2-7ddwV5IE.js";
|
|
8
|
-
import { I as U } from "./index-
|
|
8
|
+
import { I as U } from "./index-ChP5zdaB.js";
|
|
9
9
|
import './assets/styles.css';/* empty css */
|
|
10
10
|
const I = A({
|
|
11
11
|
toggleWrapperVisibility: () => {
|
package/dist/Sidebar/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),a=require("react"),z=require("../index-BfuaA-Ji.cjs"),B=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),R=require("../index-
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),a=require("react"),z=require("../index-BfuaA-Ji.cjs"),B=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),R=require("../index-DmSuyV3m.cjs");;/* empty css */const v=require("../AccordionItem-BrqkdsVm.cjs"),E=require("../Divider/index.cjs"),O=require("../IconArrowLeft2-CNA3H0xY.cjs"),T=require("../Button/index.cjs"),M=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),f="dgsuikit:duration-300",y="dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600",C="dgsuikit:opacity-40 dgsuikit:pointer-events-none",_="dgsuikit:!bg-primary-50 dgsuikit:text-primary-600",N=`${_} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`,q=a.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>a.useContext(q),m=s=>d.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",s?"dgsuikit:opacity-100":"dgsuikit:opacity-0",f);function S(s,t){return i.jsxs("div",{className:d.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",t?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",t?"dgsuikit:w-full":"dgsuikit:w-0",m),children:s.title}),s.badgeCount&&i.jsx(A,{className:d.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function I(s,t){return s.map(e=>{if("children"in e&&e.children){const o=I(e.children,t);if(o.length>0)return{...e,children:o}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const D=s=>{const{value:t,onChange:e}=s,{isOpen:o,searchInput:l}=p();return i.jsx(R.Input,{value:t,onChange:e,rightIcon:i.jsx(B.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:d.clsx("dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",m(o),typeof l=="object"&&l.wrapperClassName,f)})},P=()=>{const{isOpen:s,searchInput:t=!0,items:e}=p(),[o,l]=a.useState(""),[k,h]=a.useState(e??[]),b=a.useCallback(z.debounce(n=>{h(I(k,n))},800),[]);function j(n){const g=n.target.value;l(g),b(g)}function w(){l(""),h(e??[])}return a.useEffect(()=>{o&&w()},[s]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!t&&i.jsx(D,{value:o,onChange:j}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:k.map((n,g)=>i.jsxs(a.Fragment,{children:[i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",m(s)),children:n.title}),i.jsx(v.AccordionGroup,{className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:n.children?.map(r=>r.link?i.jsx("a",{href:r.link,className:d.clsx("dgsuikit:pr-3",r.disabled&&C,r.active&&N,s?"dgsuikit:pl-9":"dgsuikit:pl-3",y),children:S(r,s)},r.link):i.jsx(v.AccordionItem,{className:d.clsx("dgsuikit:!p-0",r.disabled&&C),title:S(r,s),hideDivider:!0,hideArrow:!s||r.disabled,disable:!s||r.disabled,titleClassName:d.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",s?"dgsuikit:px-3":"dgsuikit:!justify-center",r.children?.find(u=>u.active)&&N,y),children:r.children?.map(u=>i.jsxs("a",{href:u.link,className:d.clsx("dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",u.disabled&&C,u.active&&_,y),children:[i.jsx("p",{children:u.title}),u.badgeCount&&i.jsx(A,{valueType:"number",value:u.badgeCount,color:"error",type:"twoTone",size:"small"})]},u.link))},r.link??r.title))}),g!==k.length-1&&i.jsx(E,{type:"horizontal"})]},n.title))})]})},F=()=>{const{isOpen:s,logo:t}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgsuikit:h-12 dgsuikit:w-full",t?.className)})})},H=()=>{const{userProfile:s,isOpen:t}=p();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",{"dgsuikit:pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:d.clsx("dgsuikit:rounded-full dgsuikit:shrink-0",t?"dgsuikit:size-20":"dgsuikit:size-12")}),i.jsxs("div",{className:d.clsx("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative",m(t)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center",children:s?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center",children:s?.description}),s?.link&&i.jsx(O.IconArrowLeft2,{className:"dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200"})]})]})},L=()=>{const{isOpen:s,setIsOpen:t}=p();return i.jsx("button",{type:"button",className:"dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",onClick:()=>t(!s),children:i.jsx(O.IconArrowLeft2,{className:d.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",s&&"dgsuikit:rotate-180",f),width:16,height:16})})},V=s=>{const{isOpen:t,setIsOpen:e,className:o,logo:l,items:k,extraComponent:h,userProfile:b,logOutButtonProps:j,onLogout:w,showMask:n,hideOnClose:g}=s,r=s.openOnHover,u=n?"div":a.Fragment,x=document.documentElement;return a.useEffect(()=>{if(g)return;const c="dgsuikit:pr-[80px]";return x.classList.add(c),()=>{x.classList.remove(c)}},[g]),a.useEffect(()=>{if(!n)return;const c="dgsuikit:overflow-hidden";return t?x.classList.add(c):x.classList.remove(c),()=>{x.classList.remove(c)}},[n,t]),i.jsx(q.Provider,{value:s,children:i.jsx(u,{...u==="div"?{className:d.clsx("dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",t?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",f),onClick:c=>{c.target===c.currentTarget&&e(!1)}}:{},children:i.jsxs("div",{className:d.clsx(o,"dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",{"dgsuikit:w-[280px] dgsuikit:max-w-full":t,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!t&&!g,"dgsuikit:w-0 dgsuikit:opacity-0":!t&&g},f),onMouseEnter:()=>{r&&!t&&e(!0)},onMouseLeave:()=>{r&&t&&e(!1)},children:[i.jsx(L,{}),!!(l?.open??l?.close)&&i.jsx(F,{}),k&&k.length>0&&i.jsx(P,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[h,i.jsx(E,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!b?.image&&i.jsx(H,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(M,{}),isFullWidth:!0,onClick:w,...j,children:t?"خروج":""})]})]})})})};module.exports=V;
|
package/dist/Sidebar/index.mjs
CHANGED
|
@@ -5,7 +5,7 @@ import { createContext as M, useContext as D, useState as S, useCallback as R, u
|
|
|
5
5
|
import { d as P } from "../index-CzwAoGdL.js";
|
|
6
6
|
import { I as H } from "../IconSearch-aShj2vmu.js";
|
|
7
7
|
import _ from "../Badge/index.mjs";
|
|
8
|
-
import { I as V } from "../index-
|
|
8
|
+
import { I as V } from "../index-ChP5zdaB.js";
|
|
9
9
|
import '../assets/styles.css';/* empty css */
|
|
10
10
|
import { A as F, a as G } from "../AccordionItem-4UuHvtDx.js";
|
|
11
11
|
import z from "../Divider/index.mjs";
|