@dgshahr/ui-kit 1.8.1 → 1.9.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/Badge/index.cjs +1 -1
- package/dist/Badge/index.d.ts +4 -1
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Badge/index.mjs +18 -14
- package/dist/Breadcrumb/index.cjs +1 -1
- package/dist/Breadcrumb/index.mjs +3 -3
- package/dist/Chip/index.cjs +1 -1
- package/dist/Chip/index.d.ts +2 -1
- package/dist/Chip/index.d.ts.map +1 -1
- package/dist/Chip/index.mjs +46 -23
- package/dist/{DateAndTimePickerFooter-Dikf0ZUx.cjs → DateAndTimePickerFooter-BhmsjGeE.cjs} +1 -1
- package/dist/{DateAndTimePickerFooter-ClSJWVd3.js → DateAndTimePickerFooter-LoqH9MdQ.js} +1 -1
- package/dist/{FieldBottomInfo-C_QkvgNP.js → FieldBottomInfo-Bb3s_zkd.js} +1 -1
- package/dist/{FieldBottomInfo-CSd_EdIe.cjs → FieldBottomInfo-CwNgNyMP.cjs} +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +1 -1
- package/dist/Form/FileUploader/Input/FileInput.d.ts +2 -2
- package/dist/Form/FileUploader/Input/FileInput.d.ts.map +1 -1
- package/dist/Form/FileUploader/Preview/FilePreview.d.ts +1 -0
- package/dist/Form/FileUploader/Preview/FilePreview.d.ts.map +1 -1
- package/dist/Form/FileUploader/Preview/MultipleMode/MultipleModePreview.d.ts +6 -0
- package/dist/Form/FileUploader/Preview/MultipleMode/{MultipleModePreveiw.d.ts.map → MultipleModePreview.d.ts.map} +1 -1
- package/dist/Form/FileUploader/Preview/SingleMode/PreviewTitle.d.ts +14 -0
- package/dist/Form/FileUploader/Preview/SingleMode/PreviewTitle.d.ts.map +1 -0
- package/dist/Form/FileUploader/Preview/SingleMode/SingleModePreview.d.ts +0 -1
- package/dist/Form/FileUploader/Preview/SingleMode/SingleModePreview.d.ts.map +1 -1
- package/dist/Form/FileUploader/Preview/utils.d.ts +2 -5
- package/dist/Form/FileUploader/Preview/utils.d.ts.map +1 -1
- package/dist/Form/FileUploader/constants.d.ts +4 -0
- package/dist/Form/FileUploader/constants.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.cjs +1 -1
- package/dist/Form/FileUploader/index.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.mjs +331 -252
- package/dist/Form/FileUploader/types.d.ts +13 -4
- package/dist/Form/FileUploader/types.d.ts.map +1 -1
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.mjs +2 -2
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +3 -3
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +2 -2
- package/dist/Form/Switch/index.cjs +1 -1
- package/dist/Form/Switch/index.d.ts.map +1 -1
- package/dist/Form/Switch/index.mjs +14 -13
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.mjs +1 -1
- package/dist/Form/Timepicker/index.cjs +1 -1
- package/dist/Form/Timepicker/index.mjs +2 -2
- package/dist/{PickerWrapper-BcOkTb3G.cjs → PickerWrapper-Cjyvt8aM.cjs} +1 -1
- package/dist/{PickerWrapper-CZPsW03T.js → PickerWrapper-w7OzcD_t.js} +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +1 -1
- package/dist/{TextFieldWrapper-DAv2s5vj.js → TextFieldWrapper-DJnrmooN.js} +1 -1
- package/dist/{TextFieldWrapper-DA0qiI_m.cjs → TextFieldWrapper-GdanVaoy.cjs} +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/{index-DmSuyV3m.cjs → index-CZRRnYAI.cjs} +1 -1
- package/dist/{index-ChP5zdaB.js → index-nXqUoTI3.js} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/dist/Form/FileUploader/Preview/MultipleMode/MultipleModePreveiw.d.ts +0 -6
|
@@ -13,13 +13,19 @@ interface PreviewCustomButtonInterface extends Omit<ButtonProps, 'onClick'> {
|
|
|
13
13
|
onClick?: (file: FileType, e: MouseEvent<HTMLButtonElement>) => void;
|
|
14
14
|
}
|
|
15
15
|
export interface FilePreviewProps {
|
|
16
|
-
type?: 'list' | 'grid';
|
|
16
|
+
type?: 'default' | 'compact' | 'list' | 'grid';
|
|
17
17
|
leftButton?: boolean | PreviewCustomButtonInterface;
|
|
18
18
|
rightButton?: boolean | PreviewCustomButtonInterface;
|
|
19
19
|
exteraButton?: PreviewCustomButtonInterface;
|
|
20
20
|
wrapperClassName?: string;
|
|
21
21
|
previewClassName?: string;
|
|
22
22
|
}
|
|
23
|
+
export interface SingleFilePreviewProps extends Omit<FilePreviewProps, 'type'> {
|
|
24
|
+
type?: 'default' | 'compact';
|
|
25
|
+
}
|
|
26
|
+
export interface MultipleFilePreviewProps extends Omit<FilePreviewProps, 'type'> {
|
|
27
|
+
type?: 'list' | 'grid';
|
|
28
|
+
}
|
|
23
29
|
export interface FileInputProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type' | 'onChange' | 'onDragEnter' | 'onDragLeave' | 'onDrop'> {
|
|
24
30
|
title?: string;
|
|
25
31
|
description?: string;
|
|
@@ -36,17 +42,20 @@ interface FileUploaderPropsBase {
|
|
|
36
42
|
onChange: (file: File | undefined, files: FileList | null) => void;
|
|
37
43
|
className?: string;
|
|
38
44
|
}
|
|
39
|
-
interface FileUploaderSingleMode {
|
|
45
|
+
export interface FileUploaderSingleMode {
|
|
40
46
|
mode?: 'single';
|
|
41
47
|
files?: FileType;
|
|
42
|
-
previewProps?:
|
|
48
|
+
previewProps?: SingleFilePreviewProps;
|
|
43
49
|
}
|
|
44
50
|
export interface FileUploaderMultipleMode {
|
|
45
51
|
mode: 'multiple';
|
|
46
52
|
files?: FileType[];
|
|
47
|
-
previewProps?:
|
|
53
|
+
previewProps?: MultipleFilePreviewProps;
|
|
48
54
|
hideFileInput?: boolean;
|
|
49
55
|
}
|
|
50
56
|
export type FileUploaderProps = FileUploaderPropsBase & (FileUploaderSingleMode | FileUploaderMultipleMode);
|
|
57
|
+
export type ActionConfig = Omit<ButtonProps, 'rightIcon' | 'leftIcon'> & {
|
|
58
|
+
icon?: ButtonProps['rightIcon'];
|
|
59
|
+
};
|
|
51
60
|
export {};
|
|
52
61
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FileUploader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEtF,UAAU,YAAa,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,aAAa,CAAC;IACnF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAE/E,UAAU,4BAA6B,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACtE;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FileUploader/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -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-CZRRnYAI.cjs");require("../../IconEye-sBk4Mro2.cjs");require("../../omitObjects-CtiYo0hv.cjs");require("../../TextFieldWrapper-GdanVaoy.cjs");module.exports=r.Input;
|
|
@@ -1,10 +1,10 @@
|
|
|
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-nXqUoTI3.js";
|
|
5
5
|
import "../../IconEye-DATABBb3.js";
|
|
6
6
|
import "../../omitObjects-CxFrrlkX.js";
|
|
7
|
-
import "../../TextFieldWrapper-
|
|
7
|
+
import "../../TextFieldWrapper-DJnrmooN.js";
|
|
8
8
|
export {
|
|
9
9
|
f as default
|
|
10
10
|
};
|
|
@@ -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-
|
|
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-CwNgNyMP.cjs"),v=require("../../TextFieldWrapper-GdanVaoy.cjs"),w=require("../../index-CZRRnYAI.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;
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import { jsxs as v, jsx as o } from "react/jsx-runtime";
|
|
3
3
|
import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { useRef as w, useEffect as F } from "react";
|
|
5
|
-
import { F as T } from "../../FieldBottomInfo-
|
|
6
|
-
import { F as j } from "../../TextFieldWrapper-
|
|
7
|
-
import { I as A } from "../../index-
|
|
5
|
+
import { F as T } from "../../FieldBottomInfo-Bb3s_zkd.js";
|
|
6
|
+
import { F as j } from "../../TextFieldWrapper-DJnrmooN.js";
|
|
7
|
+
import { I as A } from "../../index-nXqUoTI3.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-CZRRnYAI.cjs"),a=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),M=require("../../PickerWrapper-Cjyvt8aM.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-nXqUoTI3.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-w7OzcD_t.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 strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),t=require("../../clsx-C11secjj.cjs");;/* empty css */const u={large:{switch:"dgsuikit:w-11 dgsuikit:h-6",label:"dgsuikit:font-p1-medium",toggler:"dgsuikit:size-5"},small:{switch:"dgsuikit:w-9 dgsuikit:h-5",label:"dgsuikit:font-p2-medium",toggler:"dgsuikit:size-4"}},n=
|
|
1
|
+
"use strict";require('../../assets/styles.css');const i=require("react/jsx-runtime"),t=require("../../clsx-C11secjj.cjs");;/* empty css */const u={large:{switch:"dgsuikit:w-11 dgsuikit:h-6",label:"dgsuikit:font-p1-medium",toggler:"dgsuikit:size-5"},small:{switch:"dgsuikit:w-9 dgsuikit:h-5",label:"dgsuikit:font-p2-medium",toggler:"dgsuikit:size-4"}},n=r=>{const{checked:s,onChange:l,isIntermediate:e,label:a,description:k,disabled:d,size:g="large",className:o,containerClassName:c}=r;return i.jsxs("button",{type:"button",className:t.clsx("dgsuikit:flex dgsuikit:gap-x-2 dgsuikit:group",d&&"dgsuikit:opacity-50",c),onClick:()=>l(!s),disabled:d,children:[i.jsx("div",{className:t.clsx("dgsuikit:relative dgsuikit:rounded-xl dgsuikit:transition","dgsuikit:group-hover:ring-4 dgsuikit:group-hover:ring-gray-100","dgsuikit:group-focus:ring-offset-1 dgsuikit:group-focus:ring-offset-white dgsuikit:group-focus:ring-4 dgsuikit:group-focus:ring-primary-300",s?"dgsuikit:bg-primary-500":"dgsuikit:bg-gray-300",u[g].switch,o),children:i.jsx("div",{className:t.clsx("dgsuikit:bg-white dgsuikit:rounded-full dgsuikit:transition-all dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:right-0.5 dgsuikit:left-0.5",{"dgsuikit:left-[calc(100%-2px)]":!s,"dgsuikit:!w-3 dgsuikit:!h-0.5 dgsuikit:left-1/2 dgsuikit:right-1/2 dgsuikit:translate-x-1/2":s&&e,"dgsuikit:right-[calc(100%-2px)] dgsuikit:translate-x-full":s&&!e},u[g].toggler)})}),i.jsxs("div",{className:"dgsuikit:space-y-1 dgsuikit:-mt-1",children:[i.jsx("div",{className:t.clsx(u[g].label,"dgsuikit:text-gray-700 dgsuikit:group-hover:text-primary-500 dgsuikit:transition-colors"),children:a}),i.jsx("div",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-500",children:k})]})]})};module.exports=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA6D3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import '../../assets/styles.css';/* empty css */
|
|
4
4
|
const u = {
|
|
@@ -12,28 +12,29 @@ const u = {
|
|
|
12
12
|
label: "dgsuikit:font-p2-medium",
|
|
13
13
|
toggler: "dgsuikit:size-4"
|
|
14
14
|
}
|
|
15
|
-
}, f = (
|
|
15
|
+
}, f = (a) => {
|
|
16
16
|
const {
|
|
17
17
|
checked: i,
|
|
18
|
-
onChange:
|
|
18
|
+
onChange: l,
|
|
19
19
|
isIntermediate: d,
|
|
20
|
-
label:
|
|
21
|
-
description:
|
|
22
|
-
disabled:
|
|
20
|
+
label: k,
|
|
21
|
+
description: o,
|
|
22
|
+
disabled: e,
|
|
23
23
|
size: g = "large",
|
|
24
24
|
className: n,
|
|
25
25
|
containerClassName: c
|
|
26
|
-
} =
|
|
27
|
-
return /* @__PURE__ */
|
|
26
|
+
} = a;
|
|
27
|
+
return /* @__PURE__ */ r(
|
|
28
28
|
"button",
|
|
29
29
|
{
|
|
30
30
|
type: "button",
|
|
31
31
|
className: s(
|
|
32
32
|
"dgsuikit:flex dgsuikit:gap-x-2 dgsuikit:group",
|
|
33
|
-
|
|
33
|
+
e && "dgsuikit:opacity-50",
|
|
34
34
|
c
|
|
35
35
|
),
|
|
36
|
-
onClick: () =>
|
|
36
|
+
onClick: () => l(!i),
|
|
37
|
+
disabled: e,
|
|
37
38
|
children: [
|
|
38
39
|
/* @__PURE__ */ t(
|
|
39
40
|
"div",
|
|
@@ -62,7 +63,7 @@ const u = {
|
|
|
62
63
|
)
|
|
63
64
|
}
|
|
64
65
|
),
|
|
65
|
-
/* @__PURE__ */
|
|
66
|
+
/* @__PURE__ */ r("div", { className: "dgsuikit:space-y-1 dgsuikit:-mt-1", children: [
|
|
66
67
|
/* @__PURE__ */ t(
|
|
67
68
|
"div",
|
|
68
69
|
{
|
|
@@ -70,10 +71,10 @@ const u = {
|
|
|
70
71
|
u[g].label,
|
|
71
72
|
"dgsuikit:text-gray-700 dgsuikit:group-hover:text-primary-500 dgsuikit:transition-colors"
|
|
72
73
|
),
|
|
73
|
-
children:
|
|
74
|
+
children: k
|
|
74
75
|
}
|
|
75
76
|
),
|
|
76
|
-
/* @__PURE__ */ t("div", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-500", children:
|
|
77
|
+
/* @__PURE__ */ t("div", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-500", children: o })
|
|
77
78
|
] })
|
|
78
79
|
]
|
|
79
80
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-GdanVaoy.cjs"),g=u.forwardRef(function(e,i){const{dir:t="rtl",placeholderDir:l=t,className:a,...r}=e,n=c.omitObject(r,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength","containerClassName"]);return s.jsx(d.TextFieldWrapper,{...e,children:s.jsx("textarea",{...n,ref:i,className:o.clsx("dgsuikit:bg-transparent dgsuikit:leading-normal dgsuikit:w-full dgsuikit:h-full dgsuikit:focus:outline-none dgsuikit:ss02 dgsuikit:flex-1 dgsuikit:resize-none",t==="rtl"?"dgsuikit:text-right":"dgsuikit:!text-left",l==="rtl"?"dgsuikit:placeholder:text-right":"dgsuikit:placeholder:text-left",a),rows:r.rows??5})})});module.exports=g;
|
|
@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { forwardRef as d } from "react";
|
|
4
4
|
import { o as g } from "../../omitObjects-CxFrrlkX.js";
|
|
5
|
-
import { T as u } from "../../TextFieldWrapper-
|
|
5
|
+
import { T as u } from "../../TextFieldWrapper-DJnrmooN.js";
|
|
6
6
|
const h = d(function(t, s) {
|
|
7
7
|
const { dir: e = "rtl", placeholderDir: o = e, className: a, ...r } = t, l = g(r, [
|
|
8
8
|
"labelAddon",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const g=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-
|
|
1
|
+
"use strict";const g=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-BhmsjGeE.cjs"),y=require("../../index-BfuaA-Ji.cjs"),j=require("../../clsx-C11secjj.cjs"),A=require("../../index-CZRRnYAI.cjs"),H=x.createContext({timePickerProps:{value:new Date,onChange:()=>{}}}),$=t=>{const{children:e,timePickerProps:n}=t;return g.jsx(H.Provider,{value:{timePickerProps:n},children:e})},V=()=>x.useContext(H),S=[0,1,3,4],B=t=>t[0]?.getBoundingClientRect().height??64,E=(t,e,n,r,s="instant")=>{if(!t)return;const i=e.indexOf(n);i!==-1&&t.scrollTo({top:i*r(),behavior:s})},I=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=23},F=t=>{if(t.length!==2)return!1;const e=Number(t);return!Number.isNaN(e)&&e>=0&&e<=59},R=t=>{if(!t)return["-","-",":","-","-"];const e=t.hour==null?"--":String(t.hour).padStart(2,"0"),n=t.minute==null?"--":String(t.minute).padStart(2,"0");return[e.charAt(0)??"-",e.charAt(1)??"-",":",n.charAt(0)??"-",n.charAt(1)??"-"]},C=t=>{const e=`${t[0]??"-"}${t[1]??"-"}`,n=`${t[3]}${t[4]}`;return{hour:!e.includes("-")&&I(e)?Number(e):null,minute:!n.includes("-")&&F(n)?Number(n):null}},P=(t,e=!0)=>{const n=S.indexOf(t);if(n===-1)return e?S[0]:S[S.length-1]??0;const r=e?n+1:n-1;return r<0?S[0]:r>=S.length?S[S.length-1]??0:S[r]??0},q=(t,e,n)=>e===0?/[0-2]/.test(t):e===1?+`${n[0]==="-"?"0":n[0]}${t}`<=23:e===3?/[0-5]/.test(t):!0,W=()=>{const t=x.useRef(null);return{inputRef:t,setCaretToEditable:(n,r=!0)=>{const s=t.current;if(!s)return;const i=S.includes(n)?n:P(n,r);typeof i=="number"&&s.setSelectionRange(i,i+1)}}},K=t=>{const{value:e={hour:null,minute:null},onChange:n,disabled:r=!1,className:s,...i}=t,{inputRef:m,setCaretToEditable:l}=W(),[a,u]=x.useState(()=>R(e)),o=x.useRef(e);x.useEffect(()=>{(e.hour!==o.current.hour||e.minute!==o.current.minute)&&(o.current=e,u(R(e)))},[e]);const p=()=>{const f=m.current;if(!f)return;const h=f.selectionStart??0;S.includes(h)||l(h,!0)},b=(f,h)=>{const k=f==="ArrowRight";l(P(h,k),k)},d=(f,h)=>{const k=S.includes(h)?h:P(h,!1),c=[...a];c[k]="-",u(c),n(C(c));const w=f==="Backspace"?P(k,!1):P(k,!0);setTimeout(()=>l(w,f!=="Backspace"),0)},N=(f,h)=>{const k=S.includes(h)?h:P(h,!0),c=[...a];q(f,k,c)&&(c[k]=f,u(c),n(C(c)),setTimeout(()=>l(P(k,!0),!0),0))},T=f=>{if(f.preventDefault(),r)return;const h=m.current;if(!h)return;const k=h.selectionStart??0;if(["ArrowLeft","ArrowRight"].includes(f.key)){b(f.key,k);return}if(["Backspace","Delete"].includes(f.key)){d(f.key,k);return}/^\d$/.test(f.key)&&N(f.key,k)};return g.jsx(A.Input,{ref:m,dir:"ltr",className:s,value:a.join(""),onKeyDown:T,onFocus:p,disabled:r,inputMode:"numeric",pattern:"[0-9:]*",...i})},L=({timePickerProps:t,setActivePart:e,handleSingleTimeChange:n,handleRangeTimeChange:r})=>{const{acceptRange:s,value:i}=t,m=a=>({hour:a?.getHours()??0,minute:a?.getMinutes()??0}),l=s?[{key:"start",id:"from-time",label:"از ساعت",value:m(i?.start),className:"dgsuikit:w-1/2"},{key:"end",id:"to-time",label:"تا ساعت",value:m(i?.end),className:"dgsuikit:w-1/2"}]:[{key:"single",id:"time",label:"ساعت",value:m(i),className:void 0}];return g.jsx("div",{className:j.clsx(s&&"dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-4 dgsuikit:mb-4"),children:l.map(({key:a,id:u,label:o,value:p,className:b})=>g.jsx(K,{id:u,value:p,labelContent:o,className:b,onFocus:()=>{s&&a!=="single"&&e(a)},onChange:d=>{typeof d.hour=="number"&&typeof d.minute=="number"&&(s&&a!=="single"?r(a,d.hour,d.minute):n(d.hour,d.minute))}},u))})},M=({position:t})=>g.jsx("div",{className:j.clsx("dgsuikit:absolute dgsuikit:left-0 dgsuikit:right-0 dgsuikit:h-12 dgsuikit:pointer-events-none","dgsuikit:from-[rgba(255,255,255,0.54)] dgsuikit:to-[rgba(255,255,255,0.90)]",t==="top"?"dgsuikit:bg-gradient-to-t dgsuikit:top-0":"dgsuikit:bg-gradient-to-b dgsuikit:bottom-0")});function O(t,e,n){const r=x.useRef(null),s=x.useRef([]),i=x.useRef(null),m=()=>B(s.current),l=(u=e??0,o="smooth")=>{E(r.current,t,u,m,o),i.current=u},a=u=>{const o=Math.round(u.scrollTop/m()),p=t[Math.max(0,Math.min(o,t.length-1))];p!=null&&p!==i.current&&(i.current=p,n(p))};return x.useEffect(()=>{const u=r.current;if(!u)return;const o=()=>a(u);return u.addEventListener("scroll",o),()=>u.removeEventListener("scroll",o)},[t]),x.useEffect(()=>{e!=null&&l()},[e]),{containerRef:r,itemRefs:s}}const v=t=>{const{items:e,defaultValue:n,onValueChange:r,className:s,formatValue:i=a=>String(a).padStart(2,"0")}=t,{containerRef:m,itemRefs:l}=O(e,n,r);return g.jsxs("div",{className:"dgsuikit:relative dgsuikit:h-28 dgsuikit:w-full",children:[g.jsx("div",{ref:m,className:j.clsx("dgsuikit:h-28 dgsuikit:w-full dgsuikit:py-10 dgsuikit:overflow-y-scroll dgsuikit:snap-y dgsuikit:snap-mandatory dgsuikit:scroll-smooth dgsuikit:no-scrollbar",s),children:e.map((a,u)=>g.jsx("div",{ref:o=>{l.current[u]=o},className:"dgsuikit:h-10 dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center dgsuikit:snap-center dgsuikit:font-p1-regular",children:i(a)},a))}),g.jsx(M,{position:"top"}),g.jsx(M,{position:"bottom"})]})},_=t=>{const{timePickerProps:e,activePart:n,handleSingleTimeChange:r,handleRangeTimeChange:s}=t,{minuteStep:i=1,acceptRange:m,value:l}=e,a=Array.from({length:24},(c,w)=>w),u=Array.from({length:60},(c,w)=>w).filter(c=>c%i===0),o=c=>c.toString().padStart(2,"0"),p=c=>c.toString().padStart(2,"0"),b=c=>{if(m){const w=n==="start"?l?.start:l?.end;return w?w[c]():0}return l?l[c]():0},d=b("getHours"),N=b("getMinutes"),[T,f]=x.useState(N),[h,k]=x.useState(d);return x.useEffect(()=>{m?s(n,h,T):r(h,T)},[h,T]),g.jsxs("div",{className:"dgsuikit:flex dgsuikit:mt-2 dgsuikit:w-full dgsuikit:justify-center",children:[g.jsx(v,{items:u,defaultValue:N,onValueChange:c=>f(c),formatValue:p}),g.jsx(v,{items:a,defaultValue:d,onValueChange:c=>k(c),formatValue:o})]})},G=()=>{const{timePickerProps:t}=V(),{acceptRange:e,value:n,onChange:r}=t,[s,i]=x.useState("start"),m=(o,p,b)=>{const d=new Date(o);return d.setHours(p),d.setMinutes(b),d.setSeconds(0),d.setMilliseconds(0),d},l=y.debounce((o,p)=>{!n||e||n.getHours()===o&&n.getMinutes()===p||r(m(n,o,p))},200),a=y.debounce((o,p,b)=>{if(!n||!e)return;const d=new Date(n[o]??new Date);d.getHours()===p&&d.getMinutes()===b||r({...n,[o]:m(d,p,b)})},200),u={timePickerProps:t,handleSingleTimeChange:l,handleRangeTimeChange:a};return g.jsxs("div",{dir:"rtl",className:"dgsuikit:p-4 dgsuikit:ss02",children:[g.jsx(L,{setActivePart:i,...u}),g.jsx(_,{activePart:s,...u})]})},z=()=>{const{timePickerProps:t}=V(),{showSubmitButton:e=!0,showNowButton:n=!0,onSubmit:r,onChange:s,acceptRange:i}=t,m=()=>{if(i){const l=new Date;l.setHours(l.getHours()+1),s({start:new Date,end:l})}else s(new Date)};return g.jsx(D.DateAndTimePickerFooter,{...e&&{primaryButton:{onClick:r,children:"اعمال"}},...n&&{secondaryButton:{variant:"text",onClick:m,children:"رفتن به اکنون"}},className:"dgsuikit:p-4"})};function J(t){if(!t)return"";if(t instanceof Date){const e=t.getHours().toString().padStart(2,"0"),n=t.getMinutes().toString().padStart(2,"0");return`${e}:${n}`}if(t.start&&t.end){const e=t.start.getHours().toString().padStart(2,"0"),n=t.start.getMinutes().toString().padStart(2,"0"),r=t.end.getHours().toString().padStart(2,"0"),s=t.end.getMinutes().toString().padStart(2,"0");return`${e}:${n} - ${r}:${s}`}return""}const Q=t=>{const{showSubmitButton:e=!0,showNowButton:n=!0}=t,{Wrapper:r,wrapperProps:s}=D.useDateAndTimePickerWrapper({props:t,standaloneMode:"time",formatValue:J});return g.jsx(r,{...s,children:g.jsxs($,{timePickerProps:t,children:[g.jsx(G,{}),(e||n)&&g.jsx(z,{})]})})};module.exports=Q;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as p, jsxs as x } from "react/jsx-runtime";
|
|
2
2
|
import I, { createContext as E, useContext as j, useRef as y, useState as C, useEffect as M } from "react";
|
|
3
|
-
import { D as F, u as W } from "../../DateAndTimePickerFooter-
|
|
3
|
+
import { D as F, u as W } from "../../DateAndTimePickerFooter-LoqH9MdQ.js";
|
|
4
4
|
import { d as v } from "../../index-CzwAoGdL.js";
|
|
5
5
|
import { c as R } from "../../clsx-OuTLNxxd.js";
|
|
6
|
-
import { I as K } from "../../index-
|
|
6
|
+
import { I as K } from "../../index-nXqUoTI3.js";
|
|
7
7
|
const $ = E({
|
|
8
8
|
timePickerProps: {
|
|
9
9
|
value: /* @__PURE__ */ new Date(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),D=require("./useFlipPosition-CWhLgzoz.cjs"),O=require("./useOutsideClick-CSnzjiLr.cjs"),A=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),t=require("./clsx-C11secjj.cjs"),n=require("react"),S=require("./Drawer/index.cjs"),D=require("./useFlipPosition-CWhLgzoz.cjs"),O=require("./useOutsideClick-CSnzjiLr.cjs"),A=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./index-CZRRnYAI.cjs");;/* empty css */const v=n.createContext({toggleWrapperVisibility:()=>{}}),F=()=>n.useContext(v),C="dgsuikit:duration-300",b=400,V=I=>{const{dropdownType:p="popover",disabled:u,isLoading:e,wrapperClassName:N,customInput:g,children:k,drawerProps:x,inputProps:W,popoverClassName:P,popoverPosition:y}=I,m=y??"bottom-left",[o,a]=n.useState(!1),[f,c]=n.useState(!1),[r,T]=n.useState(m);let s;const{anchorRef:j,popperRef:q}=D.useFlipPosition({initialPosition:m,minVisible:180,onPositionChange(l){T(w=>w===l?w:l)}}),R=O.useOutsideClick(()=>{p==="popover"&&o&&(a(!1),s&&clearTimeout(s),s=setTimeout(()=>{c(!1)},b))});function h(){if(u||e)return;const l=!f;s&&clearTimeout(s),l?(c(!0),s=setTimeout(()=>{a(!0)},0)):(a(!1),s=setTimeout(()=>{c(!1)},b))}const d=t.clsx({"dgsuikit:!cursor-not-allowed":u,"dgsuikit:!cursor-wait":e,"dgsuikit:!cursor-pointer":!e&&!u});return i.jsxs("div",{ref:R,className:t.clsx("dgsuikit:relative",N),children:[i.jsx("button",{ref:j,type:"button",className:t.clsx("dgsuikit:w-full",d),onClick:h,children:g?g(o):i.jsx(E.Input,{leftIcon:e?i.jsx("div",{className:"dot-flashing dgsuikit:mr-2"}):i.jsx(A.IconArrowDown2,{width:20,height:20,className:t.clsx("dgsuikit:transition",C,{"dgsuikit:rotate-180":o})}),containerClassName:t.clsx(d,{"dgsuikit:items-baseline":e}),className:t.clsx("dgsuikit:caret-transparent",d),disabled:u,...W})}),i.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&i.jsx(i.Fragment,{children:p==="popover"?i.jsx("div",{ref:q,className:t.clsx("dgsuikit:absolute dgsuikit:min-w-[300px] 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",C,o?"dgsuikit:opacity-100":"dgsuikit:opacity-0 dgsuikit:max-h-0 dgsuikit:overflow-y-hidden",{"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)]":r.includes("bottom"),"dgsuikit:top-0 dgsuikit:translate-y-[calc(-100%-8px)]":r.includes("top")},{"dgsuikit:right-0":r.endsWith("left"),"dgsuikit:left-0":r.endsWith("right"),"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2":r.endsWith("center")},P),children:k}):i.jsx(S,{...x,open:o,onClose:()=>a(!1),containerClassName:t.clsx("dgsuikit:!pb-3 dgsuikit:!px-0",x?.containerClassName),children:k})})})]})};exports.PickerWrapper=V;exports.usePickerWrapperContext=F;
|
|
@@ -6,7 +6,7 @@ import _ from "./Drawer/index.mjs";
|
|
|
6
6
|
import { u as j } from "./useFlipPosition-BWxiBDQ_.js";
|
|
7
7
|
import { u as F } from "./useOutsideClick-DDIvXCYN.js";
|
|
8
8
|
import { I as L } from "./IconArrowDown2-7ddwV5IE.js";
|
|
9
|
-
import { I as M } from "./index-
|
|
9
|
+
import { I as M } from "./index-nXqUoTI3.js";
|
|
10
10
|
import './assets/styles.css';/* empty css */
|
|
11
11
|
const v = E({
|
|
12
12
|
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-CZRRnYAI.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(""),[k,m]=a.useState(r??[]),c=P(k),j=a.useCallback(z.debounce(o=>{m(I(k,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:k.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:c?c.link||c.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",(c?.link&&c?.link===e.link||c?.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!==k.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:k,extraComponent:m,userProfile:c,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,{}),k&&k.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"}),!!c?.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;
|
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-nXqUoTI3.js";
|
|
9
9
|
import '../assets/styles.css';/* empty css */
|
|
10
10
|
import { A as W, a as F } from "../AccordionItem-4UuHvtDx.js";
|
|
11
11
|
import z from "../Divider/index.mjs";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsxs as t, Fragment as w, jsx as r } from "react/jsx-runtime";
|
|
3
3
|
import { c as p } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
import C from "react";
|
|
5
|
-
import { F as j } from "./FieldBottomInfo-
|
|
5
|
+
import { F as j } from "./FieldBottomInfo-Bb3s_zkd.js";
|
|
6
6
|
import './assets/styles.css';/* empty css */
|
|
7
7
|
const E = (a) => {
|
|
8
8
|
const { link: i, labelContent: e, required: o, disabled: n, labelAddon: d } = a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-CwNgNyMP.cjs");;/* empty css */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.clsx("dgsuikit:flex",{"dgsuikit:justify-between":s&&i?.href,"dgsuikit:mb-2":!n,"dgsuikit:justify-start":s&&!i?.href,"dgsuikit:justify-end":!s&&i?.href,"dgsuikit:text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgsuikit:px-0 dgsuikit:font-p2-medium dgsuikit:md:mx-0",children:[s,a&&e.jsx("span",{className:"dgsuikit:ms-2 dgsuikit:text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgsuikit:font-button-small dgsuikit:text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.clsx(`dgsuikit:relative dgsuikit:cursor-text dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-lg dgsuikit:ring-4 dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-x-3 dgsuikit:p-3 dgsuikit:bg-gray-100 dgsuikit:transition-all dgsuikit:ring-transparent dgsuikit:has-[:focus]:bg-white ${!t&&"dgsuikit:hover:ring-gray-50"}`,n||l?"dgsuikit:border-error-500 dgsuikit:has-[:focus]:ring-error-50":`dgsuikit:border-transparent dgsuikit:has-[:focus]:border-primary-500 dgsuikit:has-[:focus]:ring-primary-50 ${!t&&"dgsuikit:hover:border-gray-300"}`,a,{"dgsuikit:text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgsuikit:text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"dgsuikit:ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;
|