@dgshahr/ui-kit 1.3.1 → 1.5.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/Button/index.cjs +1 -1
- package/dist/Button/index.d.ts.map +1 -1
- package/dist/Button/index.mjs +25 -25
- 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/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +2 -2
- package/dist/{PickerWrapper-DW8CAD-G.cjs → PickerWrapper-CJEhuXjK.cjs} +1 -1
- package/dist/{PickerWrapper-D84kUgJt.js → PickerWrapper-Dq1KZ9op.js} +1 -1
- package/dist/Sidebar/Items.d.ts.map +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +190 -177
- package/dist/Slide-Cg1SjpFn.js +339 -0
- package/dist/Slide-YnGNNNXw.cjs +1 -0
- package/dist/Slider/Navigation.d.ts.map +1 -1
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/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 +2 -2
- package/package.json +1 -1
- package/dist/Slide-CdFHPwvj.cjs +0 -1
- package/dist/Slide-CyQuarjr.js +0 -331
|
@@ -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
|
-
"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,11 +1,11 @@
|
|
|
1
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({
|
|
@@ -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: () => {
|
|
@@ -1 +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;
|
|
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;AAiC5E,QAAA,MAAM,YAAY,EAAE,EAyHnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
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=t=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,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"})]}),h="dgsuikit:duration-300",w="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),b=t=>d.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",t?"dgsuikit:opacity-100":"dgsuikit:opacity-0",h);function S(t,s){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",s?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[t.icon,i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",s?"dgsuikit:w-full":"dgsuikit:w-0",b),children:t.title}),t.badgeCount&&i.jsx(A,{className:d.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!s}),value:t.badgeCount,valueType:"number",color:"error",size:"small"})]})}function I(t,s){return t.map(r=>{if("children"in r&&r.children){const n=I(r.children,s);if(n.length>0)return{...r,children:n}}return r.title.includes(s)?{...r}:null}).filter(r=>!!r)}const D=t=>{const{value:s,onChange:r}=t,{isOpen:n,searchInput:l}=p();return i.jsx(R.Input,{value:s,onChange:r,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",b(n),typeof l=="object"&&l.wrapperClassName,h)})};function P(t){let s=null;return t.some(r=>r.children?.some(n=>n.children?.some(l=>l.active)?(s=n,!0):!1)),s}const F=()=>{const{isOpen:t,searchInput:s=!0,items:r}=p(),[n,l]=a.useState(""),[c,m]=a.useState(r??[]),k=P(c),j=a.useCallback(z.debounce(o=>{m(I(c,o))},800),[]);function y(o){const x=o.target.value;l(x),j(x)}function f(){l(""),m(r??[])}return a.useEffect(()=>{n&&f()},[t]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!s&&i.jsx(D,{value:n,onChange:y}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:c.map((o,x)=>i.jsxs(a.Fragment,{children:[i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",b(t)),children:o.title}),i.jsx(v.AccordionGroup,{defaultActiveKey:k?k.link||k.title:void 0,className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:o.children?.map(e=>e.link?i.jsx("a",{href:e.link,className:d.clsx("dgsuikit:pr-3",e.disabled&&C,e.active&&N,t?"dgsuikit:pl-9":"dgsuikit:pl-3",w),children:S(e,t)},e.link):i.jsx(v.AccordionItem,{accordionKey:e.link??e.title,className:d.clsx("dgsuikit:!p-0",e.disabled&&C),title:S(e,t),hideDivider:!0,hideArrow:!t||e.disabled,disable:!t||e.disabled,titleClassName:d.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",t?"dgsuikit:px-3":"dgsuikit:!justify-center",(k?.link===e.link||k?.title===e.title)&&N,w),children:e.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&&_,w),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))},e.link??e.title))}),x!==c.length-1&&i.jsx(E,{type:"horizontal"})]},o.title))})]})},H=()=>{const{isOpen:t,logo:s}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...s,alt:s?.alt??"Logo",src:t?s?.open:s?.close,className:d.clsx("dgsuikit:h-12 dgsuikit:w-full",s?.className)})})},V=()=>{const{userProfile:t,isOpen:s}=p();return i.jsxs("a",{href:t?.link??"#",className:d.clsx("dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",{"dgsuikit:pointer-events-none":!t?.link}),children:[i.jsx("img",{src:t?.image,alt:t?.name??"user_avatar",className:d.clsx("dgsuikit:rounded-full dgsuikit:shrink-0",s?"dgsuikit:size-20":"dgsuikit:size-12")}),i.jsxs("div",{className:d.clsx("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative",b(s)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center",children:t?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center",children:t?.description}),t?.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"})]})]})},W=()=>{const{isOpen:t,setIsOpen:s}=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:()=>s(!t),children:i.jsx(O.IconArrowLeft2,{className:d.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",t&&"dgsuikit:rotate-180",h),width:16,height:16})})},K=t=>{const{isOpen:s,setIsOpen:r,className:n,logo:l,items:c,extraComponent:m,userProfile:k,logOutButtonProps:j,onLogout:y,showMask:f,hideOnClose:o}=t,x=t.openOnHover,e=f?"div":a.Fragment,u=document.documentElement;return a.useEffect(()=>{if(o)return;const g="dgsuikit:pr-[80px]";return u.classList.add(g),()=>{u.classList.remove(g)}},[o]),a.useEffect(()=>{if(!f)return;const g="dgsuikit:overflow-hidden";return s?u.classList.add(g):u.classList.remove(g),()=>{u.classList.remove(g)}},[f,s]),i.jsx(q.Provider,{value:t,children:i.jsx(e,{...e==="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",s?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",h),onClick:g=>{g.target===g.currentTarget&&r(!1)}}:{},children:i.jsxs("div",{className:d.clsx(n,"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":s,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!s&&!o,"dgsuikit:w-0 dgsuikit:opacity-0":!s&&o},h),onMouseEnter:()=>{x&&!s&&r(!0)},onMouseLeave:()=>{x&&s&&r(!1)},children:[i.jsx(W,{}),!!(l?.open??l?.close)&&i.jsx(H,{}),c&&c.length>0&&i.jsx(F,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[m,i.jsx(E,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!k?.image&&i.jsx(V,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(M,{}),isFullWidth:!0,onClick:y,...j,children:s?"خروج":""})]})]})})})};module.exports=K;
|