@dgshahr/ui-kit 1.8.0 → 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/Body.d.ts.map +1 -1
- package/dist/Form/Timepicker/TimeScrollWheels.d.ts.map +1 -1
- package/dist/Form/Timepicker/hooks/useScrollWheel.d.ts.map +1 -1
- package/dist/Form/Timepicker/index.cjs +1 -1
- package/dist/Form/Timepicker/index.mjs +184 -189
- 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/{Slide-Cg1SjpFn.js → Slide-BQvg6qNJ.js} +1 -1
- package/dist/Slide-p8rlxR_a.cjs +1 -0
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/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 +2 -2
- package/package.json +1 -1
- package/dist/Form/FileUploader/Preview/MultipleMode/MultipleModePreveiw.d.ts +0 -6
- package/dist/Slide-YnGNNNXw.cjs +0 -1
|
@@ -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
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/Body.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/Body.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAK1C,QAAA,MAAM,IAAI,EAAE,EAgDX,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeScrollWheels.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeScrollWheels.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TimeScrollWheels.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeScrollWheels.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiD/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollWheel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Timepicker/hooks/useScrollWheel.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useScrollWheel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Timepicker/hooks/useScrollWheel.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EAAE,EACf,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACvC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;;;EAsCrC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const g=require("react/jsx-runtime"),
|
|
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;
|