@farmzone/fz-react-ui 1.0.1 → 1.0.2
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/index.cjs +313 -149
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +88 -82
- package/dist/index.d.ts +88 -82
- package/dist/index.js +313 -149
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import react__default, { ReactNode, ButtonHTMLAttributes, Ref, CSSProperties, InputHTMLAttributes, TextareaHTMLAttributes, ComponentProps, HTMLAttributes, RefObject, SVGProps } from 'react';
|
|
3
3
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
4
4
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
@@ -24,7 +24,7 @@ interface BadgeProps {
|
|
|
24
24
|
badgeCountClassName?: string;
|
|
25
25
|
maxCount?: number;
|
|
26
26
|
}
|
|
27
|
-
declare function Badge(props: BadgeProps):
|
|
27
|
+
declare function Badge(props: BadgeProps): react.JSX.Element;
|
|
28
28
|
|
|
29
29
|
type ButtonVariant = "outline" | "save" | "delete" | "reset" | "search" | "file" | "carousel" | "accent" | "ghost" | "link";
|
|
30
30
|
type ButtonSize = "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | "link";
|
|
@@ -38,7 +38,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
38
38
|
tooltipClassName?: string;
|
|
39
39
|
tooltipContentClassName?: string;
|
|
40
40
|
}
|
|
41
|
-
declare function Button(props: ButtonProps):
|
|
41
|
+
declare function Button(props: ButtonProps): react.JSX.Element;
|
|
42
42
|
|
|
43
43
|
interface TooltipProps {
|
|
44
44
|
children: ReactNode;
|
|
@@ -57,7 +57,7 @@ interface TooltipProps {
|
|
|
57
57
|
disableHoverableContent?: boolean;
|
|
58
58
|
sideOffset?: number;
|
|
59
59
|
}
|
|
60
|
-
declare function Tooltip(props: TooltipProps):
|
|
60
|
+
declare function Tooltip(props: TooltipProps): react.JSX.Element;
|
|
61
61
|
|
|
62
62
|
interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultChecked" | "checked"> {
|
|
63
63
|
checked: boolean;
|
|
@@ -74,7 +74,7 @@ interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
|
|
|
74
74
|
disabledCheckedClassName?: string;
|
|
75
75
|
disabledUncheckedClassName?: string;
|
|
76
76
|
}
|
|
77
|
-
declare function Checkbox(props: CheckboxProps):
|
|
77
|
+
declare function Checkbox(props: CheckboxProps): react.JSX.Element;
|
|
78
78
|
|
|
79
79
|
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
80
80
|
ref?: Ref<HTMLInputElement>;
|
|
@@ -89,7 +89,7 @@ interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
89
89
|
rightIcon?: ReactNode;
|
|
90
90
|
showPasswordToggle?: boolean;
|
|
91
91
|
}
|
|
92
|
-
declare function Input(props: InputProps):
|
|
92
|
+
declare function Input(props: InputProps): react.JSX.Element;
|
|
93
93
|
|
|
94
94
|
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
95
95
|
ref?: Ref<HTMLTextAreaElement>;
|
|
@@ -98,7 +98,7 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
|
98
98
|
label?: string;
|
|
99
99
|
bare?: boolean;
|
|
100
100
|
}
|
|
101
|
-
declare function Textarea(props: TextareaProps):
|
|
101
|
+
declare function Textarea(props: TextareaProps): react.JSX.Element;
|
|
102
102
|
|
|
103
103
|
type SwitchTrackSize = {
|
|
104
104
|
width: string | number;
|
|
@@ -124,12 +124,12 @@ declare const switchTrackSizes: {
|
|
|
124
124
|
};
|
|
125
125
|
};
|
|
126
126
|
|
|
127
|
-
interface BaseSwitchProps extends
|
|
127
|
+
interface BaseSwitchProps extends react.ComponentProps<typeof SwitchPrimitive.Root> {
|
|
128
128
|
activeColor?: string;
|
|
129
129
|
dotColor?: string;
|
|
130
130
|
trackSize?: SwitchTrackSizeInput;
|
|
131
131
|
}
|
|
132
|
-
declare function BaseSwitch({ className, activeColor, dotColor, trackSize, style, ...props }: BaseSwitchProps):
|
|
132
|
+
declare function BaseSwitch({ className, activeColor, dotColor, trackSize, style, ...props }: BaseSwitchProps): react.JSX.Element;
|
|
133
133
|
|
|
134
134
|
interface SwitchProps extends ComponentProps<typeof BaseSwitch> {
|
|
135
135
|
label?: string;
|
|
@@ -139,7 +139,7 @@ interface SwitchProps extends ComponentProps<typeof BaseSwitch> {
|
|
|
139
139
|
dotColor?: string;
|
|
140
140
|
trackSize?: SwitchTrackSizeInput;
|
|
141
141
|
}
|
|
142
|
-
declare function Switch(props: SwitchProps):
|
|
142
|
+
declare function Switch(props: SwitchProps): react.JSX.Element;
|
|
143
143
|
|
|
144
144
|
interface SliderProps {
|
|
145
145
|
value?: Array<number>;
|
|
@@ -157,10 +157,10 @@ interface SliderProps {
|
|
|
157
157
|
ariaLabel?: string;
|
|
158
158
|
name?: string;
|
|
159
159
|
}
|
|
160
|
-
declare function Slider(props: SliderProps):
|
|
160
|
+
declare function Slider(props: SliderProps): react.JSX.Element;
|
|
161
161
|
|
|
162
162
|
type SkeletonProps = ComponentProps<"div">;
|
|
163
|
-
declare function Skeleton(props: SkeletonProps):
|
|
163
|
+
declare function Skeleton(props: SkeletonProps): react.JSX.Element;
|
|
164
164
|
|
|
165
165
|
interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
|
|
166
166
|
children: ReactNode;
|
|
@@ -168,24 +168,24 @@ interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
168
168
|
maxHeight?: string | number;
|
|
169
169
|
orientation?: "vertical" | "horizontal" | "both";
|
|
170
170
|
}
|
|
171
|
-
declare const ScrollArea:
|
|
171
|
+
declare const ScrollArea: react.ForwardRefExoticComponent<ScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
|
|
172
172
|
|
|
173
|
-
declare function Select$1({ ...props }:
|
|
174
|
-
declare function SelectValue({ ...props }:
|
|
175
|
-
declare function SelectTrigger({ className, size, children, value, resetValue, canReset, ...props }:
|
|
173
|
+
declare function Select$1({ ...props }: react.ComponentProps<typeof SelectPrimitive.Root>): react.JSX.Element;
|
|
174
|
+
declare function SelectValue({ ...props }: react.ComponentProps<typeof SelectPrimitive.Value>): react.JSX.Element;
|
|
175
|
+
declare function SelectTrigger({ className, size, children, value, resetValue, canReset, ...props }: react.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
176
176
|
size?: "sm" | "default";
|
|
177
177
|
value?: string;
|
|
178
178
|
canReset?: boolean;
|
|
179
179
|
resetValue: () => void;
|
|
180
|
-
}):
|
|
181
|
-
declare function SelectContent({ className, children, position, disableScrollButtonEvents, ...props }:
|
|
180
|
+
}): react.JSX.Element;
|
|
181
|
+
declare function SelectContent({ className, children, position, disableScrollButtonEvents, ...props }: react.ComponentProps<typeof SelectPrimitive.Content> & {
|
|
182
182
|
disableScrollButtonEvents?: boolean;
|
|
183
|
-
}):
|
|
184
|
-
declare function SelectLabel({ className, ...props }:
|
|
185
|
-
declare function SelectItem({ className, children, ...props }:
|
|
186
|
-
declare function SelectSeparator({ className, ...props }:
|
|
187
|
-
declare function SelectScrollUpButton({ className, ...props }:
|
|
188
|
-
declare function SelectScrollDownButton({ className, ...props }:
|
|
183
|
+
}): react.JSX.Element;
|
|
184
|
+
declare function SelectLabel({ className, ...props }: react.ComponentProps<typeof SelectPrimitive.Label>): react.JSX.Element;
|
|
185
|
+
declare function SelectItem({ className, children, ...props }: react.ComponentProps<typeof SelectPrimitive.Item>): react.JSX.Element;
|
|
186
|
+
declare function SelectSeparator({ className, ...props }: react.ComponentProps<typeof SelectPrimitive.Separator>): react.JSX.Element;
|
|
187
|
+
declare function SelectScrollUpButton({ className, ...props }: react.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react.JSX.Element;
|
|
188
|
+
declare function SelectScrollDownButton({ className, ...props }: react.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react.JSX.Element;
|
|
189
189
|
|
|
190
190
|
interface SelectOptionType {
|
|
191
191
|
label: string | ReactNode;
|
|
@@ -196,7 +196,7 @@ interface SelectOptionType {
|
|
|
196
196
|
interface SelectProps<T extends SelectOptionType = SelectOptionType> extends Omit<React.ComponentProps<typeof Select$1>, "onValueChange" | "value" | "defaultValue"> {
|
|
197
197
|
value: string;
|
|
198
198
|
onChange: (value: string) => void;
|
|
199
|
-
|
|
199
|
+
containerClassName?: string;
|
|
200
200
|
options: Array<T>;
|
|
201
201
|
placeholder?: string;
|
|
202
202
|
triggerClassName?: string;
|
|
@@ -212,7 +212,7 @@ interface SelectProps<T extends SelectOptionType = SelectOptionType> extends Omi
|
|
|
212
212
|
disableScrollButtonEvents?: boolean;
|
|
213
213
|
onReset?: () => void;
|
|
214
214
|
}
|
|
215
|
-
declare function Select<T extends SelectOptionType = SelectOptionType>(props: SelectProps<T>):
|
|
215
|
+
declare function Select<T extends SelectOptionType = SelectOptionType>(props: SelectProps<T>): react.JSX.Element;
|
|
216
216
|
|
|
217
217
|
interface SelectGroupProps extends ComponentProps<typeof SelectPrimitive.Root> {
|
|
218
218
|
children: ReactNode;
|
|
@@ -220,12 +220,13 @@ interface SelectGroupProps extends ComponentProps<typeof SelectPrimitive.Root> {
|
|
|
220
220
|
label?: string;
|
|
221
221
|
labelClassName?: string;
|
|
222
222
|
}
|
|
223
|
-
declare function SelectGroup(props: SelectGroupProps):
|
|
223
|
+
declare function SelectGroup(props: SelectGroupProps): react.JSX.Element;
|
|
224
224
|
|
|
225
225
|
interface RadioOptionType<T extends string = string> {
|
|
226
226
|
label: string | ReactNode;
|
|
227
227
|
value: T;
|
|
228
228
|
disabled?: boolean;
|
|
229
|
+
disabledMessage?: string;
|
|
229
230
|
}
|
|
230
231
|
|
|
231
232
|
interface RadioProps<T extends string = string> {
|
|
@@ -235,13 +236,14 @@ interface RadioProps<T extends string = string> {
|
|
|
235
236
|
checked?: boolean;
|
|
236
237
|
onChange?: (value: T) => void;
|
|
237
238
|
disabled?: boolean;
|
|
239
|
+
disabledMessage?: string;
|
|
238
240
|
checkColor?: string;
|
|
239
241
|
unCheckColor?: string;
|
|
240
242
|
labelClassName?: string;
|
|
241
243
|
indicatorClassName?: string;
|
|
242
244
|
wrapperClassName?: string;
|
|
243
245
|
}
|
|
244
|
-
declare function Radio<T extends string = string>(props: RadioProps<T>):
|
|
246
|
+
declare function Radio<T extends string = string>(props: RadioProps<T>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null | undefined;
|
|
245
247
|
interface RadioGroupProps<T extends string = string> {
|
|
246
248
|
name: string;
|
|
247
249
|
value: T;
|
|
@@ -256,23 +258,23 @@ interface RadioGroupProps<T extends string = string> {
|
|
|
256
258
|
indicatorClassName?: string;
|
|
257
259
|
wrapperClassName?: string;
|
|
258
260
|
}
|
|
259
|
-
declare function RadioGroup<T extends string = string>(props: RadioGroupProps<T>):
|
|
261
|
+
declare function RadioGroup<T extends string = string>(props: RadioGroupProps<T>): react.JSX.Element;
|
|
260
262
|
|
|
261
|
-
type PopoverContentPrimitiveProps =
|
|
263
|
+
type PopoverContentPrimitiveProps = react.ComponentProps<typeof PopoverPrimitive.Content>;
|
|
262
264
|
type PopoverAlign = NonNullable<PopoverContentPrimitiveProps["align"]>;
|
|
263
265
|
type PopoverPosition = NonNullable<PopoverContentPrimitiveProps["side"]>;
|
|
264
266
|
type PopoverContentProps = Omit<PopoverContentPrimitiveProps, "side"> & {
|
|
265
267
|
position?: PopoverPosition;
|
|
266
268
|
};
|
|
267
|
-
declare const Popover:
|
|
268
|
-
declare const PopoverTrigger:
|
|
269
|
-
declare const PopoverAnchor:
|
|
270
|
-
declare function PopoverContent({ className, align, position, sideOffset, ...props }: PopoverContentProps):
|
|
271
|
-
declare function PopoverHeader({ className, ...props }:
|
|
272
|
-
declare function PopoverTitle({ className, ...props }:
|
|
273
|
-
declare function PopoverDescription({ className, ...props }:
|
|
274
|
-
declare function PopoverFooter({ className, ...props }:
|
|
275
|
-
declare function PopoverClose({ className, ...props }:
|
|
269
|
+
declare const Popover: react.FC<PopoverPrimitive.PopoverProps>;
|
|
270
|
+
declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
271
|
+
declare const PopoverAnchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
|
|
272
|
+
declare function PopoverContent({ className, align, position, sideOffset, ...props }: PopoverContentProps): react.JSX.Element;
|
|
273
|
+
declare function PopoverHeader({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
274
|
+
declare function PopoverTitle({ className, ...props }: react.HTMLAttributes<HTMLHeadingElement>): react.JSX.Element;
|
|
275
|
+
declare function PopoverDescription({ className, ...props }: react.HTMLAttributes<HTMLParagraphElement>): react.JSX.Element;
|
|
276
|
+
declare function PopoverFooter({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
277
|
+
declare function PopoverClose({ className, ...props }: react.ComponentProps<typeof PopoverPrimitive.Close>): react.JSX.Element;
|
|
276
278
|
|
|
277
279
|
interface SimplePopoverProps {
|
|
278
280
|
trigger: ReactNode;
|
|
@@ -286,7 +288,7 @@ interface SimplePopoverProps {
|
|
|
286
288
|
open?: boolean;
|
|
287
289
|
onOpenChange?: (open: boolean) => void;
|
|
288
290
|
}
|
|
289
|
-
declare function SimplePopover(props: SimplePopoverProps):
|
|
291
|
+
declare function SimplePopover(props: SimplePopoverProps): react.JSX.Element;
|
|
290
292
|
|
|
291
293
|
type SpinnerSize = "sm" | "md" | "lg" | "xl";
|
|
292
294
|
type SpinnerColor = "blue" | "purple" | "green" | "red";
|
|
@@ -296,7 +298,7 @@ interface SpinnerProps {
|
|
|
296
298
|
color?: SpinnerColor;
|
|
297
299
|
ariaLabel?: string;
|
|
298
300
|
}
|
|
299
|
-
declare function Spinner(props: SpinnerProps):
|
|
301
|
+
declare function Spinner(props: SpinnerProps): react.JSX.Element;
|
|
300
302
|
|
|
301
303
|
interface LoadingOverlayProps {
|
|
302
304
|
isVisible: boolean;
|
|
@@ -307,7 +309,7 @@ interface LoadingOverlayProps {
|
|
|
307
309
|
backdropColor?: "white" | "black";
|
|
308
310
|
zIndex?: number;
|
|
309
311
|
}
|
|
310
|
-
declare function LoadingOverlay(props: LoadingOverlayProps):
|
|
312
|
+
declare function LoadingOverlay(props: LoadingOverlayProps): react.JSX.Element | null;
|
|
311
313
|
|
|
312
314
|
type LoadingSize = SpinnerSize;
|
|
313
315
|
type LoadingColor = SpinnerColor;
|
|
@@ -320,7 +322,7 @@ interface LoadingProps {
|
|
|
320
322
|
ariaLabel?: string;
|
|
321
323
|
overlayConfig?: LoadingOverlayConfig;
|
|
322
324
|
}
|
|
323
|
-
declare function Loading(props: LoadingProps):
|
|
325
|
+
declare function Loading(props: LoadingProps): react.JSX.Element;
|
|
324
326
|
|
|
325
327
|
interface PaginationProps {
|
|
326
328
|
page: number;
|
|
@@ -328,7 +330,7 @@ interface PaginationProps {
|
|
|
328
330
|
onPageChange?: (page: number) => void;
|
|
329
331
|
showTotalCount?: boolean;
|
|
330
332
|
}
|
|
331
|
-
declare function Pagination(props: PaginationProps):
|
|
333
|
+
declare function Pagination(props: PaginationProps): react.JSX.Element | null;
|
|
332
334
|
|
|
333
335
|
type BreadCrumbItem = {
|
|
334
336
|
label: string;
|
|
@@ -380,7 +382,7 @@ interface BreadCrumbProps<T extends BreadCrumbItem = BreadCrumbItem> {
|
|
|
380
382
|
activeItemClassName?: string;
|
|
381
383
|
separatorClassName?: string;
|
|
382
384
|
}
|
|
383
|
-
declare function BreadCrumb<T extends BreadCrumbItem = BreadCrumbItem>(props: BreadCrumbProps<T>):
|
|
385
|
+
declare function BreadCrumb<T extends BreadCrumbItem = BreadCrumbItem>(props: BreadCrumbProps<T>): react.JSX.Element | null;
|
|
384
386
|
|
|
385
387
|
declare function findParentMenuItem(pathname: string, menuList: BreadCrumbMenuItem[]): BreadCrumbMenuItem | undefined;
|
|
386
388
|
declare function findParentMenuName(pathname: string, menuList: BreadCrumbMenuItem[]): string | undefined;
|
|
@@ -390,7 +392,7 @@ declare function useBreadCrumbItems(params: Omit<BuildBreadCrumbItemsParams, "pa
|
|
|
390
392
|
pathname?: string;
|
|
391
393
|
}): BreadCrumbItem[];
|
|
392
394
|
|
|
393
|
-
declare function ToastProvider():
|
|
395
|
+
declare function ToastProvider(): react.JSX.Element;
|
|
394
396
|
|
|
395
397
|
type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
396
398
|
type ToastType = "success" | "error" | "warning" | "info" | "loading";
|
|
@@ -459,7 +461,7 @@ type DatePickerRangeMode = DatePickerBaseProps & {
|
|
|
459
461
|
onRangeChange?: (startDate: string, endDate: string) => void;
|
|
460
462
|
};
|
|
461
463
|
type CalendarInputProps = DatePickerSingleMode | DatePickerRangeMode;
|
|
462
|
-
declare function DatePicker(props: CalendarInputProps):
|
|
464
|
+
declare function DatePicker(props: CalendarInputProps): react.JSX.Element;
|
|
463
465
|
|
|
464
466
|
declare function isCalendarDayAfterMax(date: Date, maxYmd: YmdDateString): boolean;
|
|
465
467
|
declare function formatDate(date: Date): YmdDateString;
|
|
@@ -474,12 +476,12 @@ interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "on
|
|
|
474
476
|
value?: string;
|
|
475
477
|
defaultValue?: string;
|
|
476
478
|
}
|
|
477
|
-
declare function SearchBar(props: SearchBarProps):
|
|
479
|
+
declare function SearchBar(props: SearchBarProps): react.JSX.Element;
|
|
478
480
|
|
|
479
481
|
interface DebouncedButtonProps extends ButtonProps {
|
|
480
482
|
debounceDelay?: number;
|
|
481
483
|
}
|
|
482
|
-
declare function DebouncedButton(props: DebouncedButtonProps):
|
|
484
|
+
declare function DebouncedButton(props: DebouncedButtonProps): react.JSX.Element;
|
|
483
485
|
|
|
484
486
|
interface TabItem {
|
|
485
487
|
label: string;
|
|
@@ -506,7 +508,7 @@ interface TabProps {
|
|
|
506
508
|
indicatorClassName?: string;
|
|
507
509
|
children?: ReactNode;
|
|
508
510
|
}
|
|
509
|
-
declare function Tab(props: TabProps):
|
|
511
|
+
declare function Tab(props: TabProps): react.JSX.Element;
|
|
510
512
|
|
|
511
513
|
declare const emptyIconVariants: (props?: ({
|
|
512
514
|
iconVariant?: "plain" | "boxed" | null | undefined;
|
|
@@ -526,14 +528,14 @@ type EmptyProps = Omit<ComponentProps<"div">, "title"> & {
|
|
|
526
528
|
actionClassName?: string;
|
|
527
529
|
fullScreen?: boolean;
|
|
528
530
|
};
|
|
529
|
-
declare function Empty(props: EmptyProps):
|
|
531
|
+
declare function Empty(props: EmptyProps): react.JSX.Element;
|
|
530
532
|
|
|
531
533
|
interface ModalBodyProps {
|
|
532
534
|
ref?: Ref<HTMLDivElement>;
|
|
533
535
|
children: ReactNode;
|
|
534
536
|
className?: string;
|
|
535
537
|
}
|
|
536
|
-
declare function ModalBody(props: ModalBodyProps):
|
|
538
|
+
declare function ModalBody(props: ModalBodyProps): react.JSX.Element;
|
|
537
539
|
|
|
538
540
|
interface ModalContentProps {
|
|
539
541
|
ref?: Ref<HTMLDivElement>;
|
|
@@ -541,21 +543,21 @@ interface ModalContentProps {
|
|
|
541
543
|
className?: string;
|
|
542
544
|
zIndex?: number;
|
|
543
545
|
}
|
|
544
|
-
declare function ModalContent(props: ModalContentProps):
|
|
546
|
+
declare function ModalContent(props: ModalContentProps): react.JSX.Element;
|
|
545
547
|
|
|
546
548
|
interface ModalFooterProps {
|
|
547
549
|
ref?: Ref<HTMLDivElement>;
|
|
548
550
|
children: ReactNode;
|
|
549
551
|
className?: string;
|
|
550
552
|
}
|
|
551
|
-
declare function ModalFooter(props: ModalFooterProps):
|
|
553
|
+
declare function ModalFooter(props: ModalFooterProps): react.JSX.Element;
|
|
552
554
|
|
|
553
555
|
interface ModalHeaderProps {
|
|
554
556
|
ref?: Ref<HTMLDivElement>;
|
|
555
557
|
children: ReactNode;
|
|
556
558
|
className?: string;
|
|
557
559
|
}
|
|
558
|
-
declare function ModalHeader(props: ModalHeaderProps):
|
|
560
|
+
declare function ModalHeader(props: ModalHeaderProps): react.JSX.Element;
|
|
559
561
|
|
|
560
562
|
type ModalType = "detail" | "create" | "edit" | "search" | "info" | "delete" | "warning";
|
|
561
563
|
interface ModalIconHeaderProps {
|
|
@@ -565,7 +567,7 @@ interface ModalIconHeaderProps {
|
|
|
565
567
|
onClose: () => void;
|
|
566
568
|
className?: string;
|
|
567
569
|
}
|
|
568
|
-
declare function ModalIconHeader(props: ModalIconHeaderProps):
|
|
570
|
+
declare function ModalIconHeader(props: ModalIconHeaderProps): react.JSX.Element;
|
|
569
571
|
|
|
570
572
|
interface ModalOverlayProps {
|
|
571
573
|
isOpen: boolean;
|
|
@@ -574,7 +576,7 @@ interface ModalOverlayProps {
|
|
|
574
576
|
closeOnOverlayClick?: boolean;
|
|
575
577
|
zIndex?: number;
|
|
576
578
|
}
|
|
577
|
-
declare function ModalOverlay(props: ModalOverlayProps):
|
|
579
|
+
declare function ModalOverlay(props: ModalOverlayProps): react.JSX.Element | null;
|
|
578
580
|
|
|
579
581
|
interface ModalProps {
|
|
580
582
|
isOpen: boolean;
|
|
@@ -585,7 +587,7 @@ interface ModalProps {
|
|
|
585
587
|
closeOnOverlayClick?: boolean;
|
|
586
588
|
closeOnEscape?: boolean;
|
|
587
589
|
}
|
|
588
|
-
declare function Modal(props: ModalProps):
|
|
590
|
+
declare function Modal(props: ModalProps): react.JSX.Element | null;
|
|
589
591
|
|
|
590
592
|
interface ConfirmOptions<T = void> {
|
|
591
593
|
content: string;
|
|
@@ -662,7 +664,7 @@ interface TableProps<T> {
|
|
|
662
664
|
tooltipConfig?: "always" | "overflow" | false;
|
|
663
665
|
isDynamicHeight?: boolean;
|
|
664
666
|
}
|
|
665
|
-
declare function Table<T>(props: TableProps<T>):
|
|
667
|
+
declare function Table<T>(props: TableProps<T>): react.JSX.Element;
|
|
666
668
|
|
|
667
669
|
type CarouselApi = UseEmblaCarouselType[1];
|
|
668
670
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
@@ -674,7 +676,7 @@ type CarouselProps$1 = {
|
|
|
674
676
|
orientation?: "horizontal" | "vertical";
|
|
675
677
|
setApi?: (api: CarouselApi) => void;
|
|
676
678
|
};
|
|
677
|
-
declare function Carousel$1({ orientation, opts, setApi, plugins, className, children, ...props }:
|
|
679
|
+
declare function Carousel$1({ orientation, opts, setApi, plugins, className, children, ...props }: react.ComponentProps<"div"> & CarouselProps$1): react.JSX.Element;
|
|
678
680
|
|
|
679
681
|
interface CarouselRef {
|
|
680
682
|
/** 현재 선택된 슬라이드 인덱스 */
|
|
@@ -694,7 +696,7 @@ interface CarouselRef {
|
|
|
694
696
|
}
|
|
695
697
|
interface CarouselProps {
|
|
696
698
|
/** 캐러셀에 표시할 아이템들 */
|
|
697
|
-
children:
|
|
699
|
+
children: react__default.ReactNode;
|
|
698
700
|
/** 화살표 버튼 표시 여부 (기본: true) */
|
|
699
701
|
showArrows?: boolean;
|
|
700
702
|
/** 인디케이터(도트) 표시 여부 (기본: false) */
|
|
@@ -710,9 +712,9 @@ interface CarouselProps {
|
|
|
710
712
|
/** 화살표 버튼 위치 (기본: "outside") */
|
|
711
713
|
arrowsPosition?: "inside" | "outside";
|
|
712
714
|
/** 커스텀 이전 버튼 (제공하지 않으면 기본 버튼 사용) */
|
|
713
|
-
previousButton?:
|
|
715
|
+
previousButton?: react__default.ReactNode;
|
|
714
716
|
/** 커스텀 다음 버튼 (제공하지 않으면 기본 버튼 사용) */
|
|
715
|
-
nextButton?:
|
|
717
|
+
nextButton?: react__default.ReactNode;
|
|
716
718
|
/** 슬라이드 변경 시 호출되는 콜백 */
|
|
717
719
|
onSlideChange?: (index: number) => void;
|
|
718
720
|
/** 초기 슬라이드 인덱스 (기본: 0) */
|
|
@@ -732,7 +734,7 @@ interface CarouselProps {
|
|
|
732
734
|
/** Embla 캐러셀 플러그인 */
|
|
733
735
|
plugins?: Parameters<typeof Carousel$1>[0]["plugins"];
|
|
734
736
|
}
|
|
735
|
-
declare const Carousel:
|
|
737
|
+
declare const Carousel: react__default.ForwardRefExoticComponent<CarouselProps & react__default.RefAttributes<CarouselRef>>;
|
|
736
738
|
|
|
737
739
|
interface FilePreviewViewerFeatures {
|
|
738
740
|
zoom?: boolean;
|
|
@@ -753,7 +755,7 @@ interface FilePreviewViewerProps<T extends string = string> {
|
|
|
753
755
|
initialIndex?: number;
|
|
754
756
|
features?: Partial<FilePreviewViewerFeatures>;
|
|
755
757
|
}
|
|
756
|
-
declare function FilePreviewViewer<T extends string = string>(props: FilePreviewViewerProps<T>):
|
|
758
|
+
declare function FilePreviewViewer<T extends string = string>(props: FilePreviewViewerProps<T>): react.JSX.Element | null;
|
|
757
759
|
|
|
758
760
|
declare function getPreviewFileType(src: string): PreviewFileType;
|
|
759
761
|
declare function getFileLabel(src: string, index: number, fileTypeOverride?: PreviewFileType): string;
|
|
@@ -814,6 +816,8 @@ type FormFieldType = "input" | "email" | "password" | "number" | "money" | "phon
|
|
|
814
816
|
interface SelectOption$1 {
|
|
815
817
|
label: string;
|
|
816
818
|
value: string | number;
|
|
819
|
+
disabled?: boolean;
|
|
820
|
+
disabledMessage?: string;
|
|
817
821
|
}
|
|
818
822
|
interface SubmitFormSelectClassNames {
|
|
819
823
|
containerClassName?: string;
|
|
@@ -867,6 +871,7 @@ interface FormFieldConfig<TFieldValues extends FieldValues = FieldValues> {
|
|
|
867
871
|
canReset?: boolean;
|
|
868
872
|
datePosition?: "top" | "bottom";
|
|
869
873
|
disableFutureDates?: boolean;
|
|
874
|
+
calendarSelectContainerClass?: string;
|
|
870
875
|
/**
|
|
871
876
|
* 이 필드 값이 바뀌거나 blur될 때 함께 재검증할 필드 경로.
|
|
872
877
|
* 비밀번호 확인·시작/종료일 등 객체 superRefine 연동에 사용.
|
|
@@ -905,7 +910,7 @@ interface SubmitFormProps<TSchema extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
|
905
910
|
mode?: "onBlur" | "onChange" | "onSubmit" | "onTouched" | "all";
|
|
906
911
|
}
|
|
907
912
|
|
|
908
|
-
declare function FormTable<TFieldValues extends FieldValues = FieldValues>(props: FormTableProps<TFieldValues>):
|
|
913
|
+
declare function FormTable<TFieldValues extends FieldValues = FieldValues>(props: FormTableProps<TFieldValues>): react.JSX.Element;
|
|
909
914
|
|
|
910
915
|
type SubmitFormRowProps<TFieldValues extends FieldValues = FieldValues> = Omit<FormFieldConfig<TFieldValues>, "name" | "type"> & {
|
|
911
916
|
formKey: Path<TFieldValues>;
|
|
@@ -914,9 +919,9 @@ type SubmitFormRowProps<TFieldValues extends FieldValues = FieldValues> = Omit<F
|
|
|
914
919
|
type?: FormFieldType;
|
|
915
920
|
};
|
|
916
921
|
|
|
917
|
-
declare function SubmitFormRow<TFieldValues extends FieldValues = FieldValues>(props: SubmitFormRowProps<TFieldValues>):
|
|
922
|
+
declare function SubmitFormRow<TFieldValues extends FieldValues = FieldValues>(props: SubmitFormRowProps<TFieldValues>): react.JSX.Element;
|
|
918
923
|
|
|
919
|
-
declare function SubmitFormRoot<TSchema extends z.ZodTypeAny = z.ZodTypeAny>(props: SubmitFormProps<TSchema>):
|
|
924
|
+
declare function SubmitFormRoot<TSchema extends z.ZodTypeAny = z.ZodTypeAny>(props: SubmitFormProps<TSchema>): react.JSX.Element;
|
|
920
925
|
declare const SubmitForm: typeof SubmitFormRoot & {
|
|
921
926
|
Row: typeof SubmitFormRow;
|
|
922
927
|
Table: typeof FormTable;
|
|
@@ -938,6 +943,7 @@ type SelectOption<P> = BaseOption<P> & {
|
|
|
938
943
|
type: "select";
|
|
939
944
|
options: Array<SelectableOption>;
|
|
940
945
|
placeholder?: string;
|
|
946
|
+
containerClassName?: string;
|
|
941
947
|
};
|
|
942
948
|
type RadioOption<P> = BaseOption<P> & {
|
|
943
949
|
type: "radio";
|
|
@@ -972,7 +978,7 @@ interface PageFilterProps<P> {
|
|
|
972
978
|
resetButtonText?: string;
|
|
973
979
|
values: P;
|
|
974
980
|
}
|
|
975
|
-
declare function PageFilter<P extends Record<keyof P, string>>(props: PageFilterProps<P>):
|
|
981
|
+
declare function PageFilter<P extends Record<keyof P, string>>(props: PageFilterProps<P>): react.JSX.Element;
|
|
976
982
|
|
|
977
983
|
type MultiTab = {
|
|
978
984
|
id: string;
|
|
@@ -1025,7 +1031,7 @@ interface MultiTabBarProps {
|
|
|
1025
1031
|
onTabClose: (tabId: string) => void;
|
|
1026
1032
|
onTabAdd?: () => void;
|
|
1027
1033
|
}
|
|
1028
|
-
declare function MultiTabBar(props: MultiTabBarProps):
|
|
1034
|
+
declare function MultiTabBar(props: MultiTabBarProps): react.JSX.Element | null;
|
|
1029
1035
|
|
|
1030
1036
|
type SearchAddressProps = {
|
|
1031
1037
|
ref?: Ref<HTMLButtonElement>;
|
|
@@ -1034,13 +1040,13 @@ type SearchAddressProps = {
|
|
|
1034
1040
|
label?: string;
|
|
1035
1041
|
buttonClassName?: string;
|
|
1036
1042
|
};
|
|
1037
|
-
declare function SearchAddress(props: SearchAddressProps):
|
|
1043
|
+
declare function SearchAddress(props: SearchAddressProps): react.JSX.Element;
|
|
1038
1044
|
|
|
1039
1045
|
interface ScrollBarProps {
|
|
1040
1046
|
direction: "horizontal" | "vertical";
|
|
1041
1047
|
scrollRef: RefObject<HTMLDivElement | null>;
|
|
1042
1048
|
}
|
|
1043
|
-
declare function ScrollBar(props: ScrollBarProps):
|
|
1049
|
+
declare function ScrollBar(props: ScrollBarProps): react.JSX.Element | null;
|
|
1044
1050
|
|
|
1045
1051
|
interface ToggleSwitchProps {
|
|
1046
1052
|
isOn: boolean;
|
|
@@ -1063,7 +1069,7 @@ interface ToggleSwitchProps {
|
|
|
1063
1069
|
off: string;
|
|
1064
1070
|
};
|
|
1065
1071
|
}
|
|
1066
|
-
declare function ToggleSwitch(props: ToggleSwitchProps):
|
|
1072
|
+
declare function ToggleSwitch(props: ToggleSwitchProps): react.JSX.Element;
|
|
1067
1073
|
|
|
1068
1074
|
interface BaseUploaderProps {
|
|
1069
1075
|
files: Array<File>;
|
|
@@ -1076,7 +1082,7 @@ interface BaseUploaderProps {
|
|
|
1076
1082
|
placeholder?: string;
|
|
1077
1083
|
className?: string;
|
|
1078
1084
|
}
|
|
1079
|
-
declare function BaseUploader(props: BaseUploaderProps):
|
|
1085
|
+
declare function BaseUploader(props: BaseUploaderProps): react.JSX.Element;
|
|
1080
1086
|
|
|
1081
1087
|
interface ExcelUploaderProps {
|
|
1082
1088
|
files: Array<File>;
|
|
@@ -1084,7 +1090,7 @@ interface ExcelUploaderProps {
|
|
|
1084
1090
|
disabled?: boolean;
|
|
1085
1091
|
className?: string;
|
|
1086
1092
|
}
|
|
1087
|
-
declare function ExcelUploader(props: ExcelUploaderProps):
|
|
1093
|
+
declare function ExcelUploader(props: ExcelUploaderProps): react.JSX.Element;
|
|
1088
1094
|
|
|
1089
1095
|
interface FileUploaderProps {
|
|
1090
1096
|
files: Array<File>;
|
|
@@ -1093,7 +1099,7 @@ interface FileUploaderProps {
|
|
|
1093
1099
|
disabled?: boolean;
|
|
1094
1100
|
className?: string;
|
|
1095
1101
|
}
|
|
1096
|
-
declare function FileUploader(props: FileUploaderProps):
|
|
1102
|
+
declare function FileUploader(props: FileUploaderProps): react.JSX.Element;
|
|
1097
1103
|
|
|
1098
1104
|
interface MenuGrandchild {
|
|
1099
1105
|
label: string;
|
|
@@ -1122,7 +1128,7 @@ interface SidebarProps {
|
|
|
1122
1128
|
className?: string;
|
|
1123
1129
|
showCollapseButton?: boolean;
|
|
1124
1130
|
}
|
|
1125
|
-
declare function Sidebar(props: SidebarProps):
|
|
1131
|
+
declare function Sidebar(props: SidebarProps): react.JSX.Element;
|
|
1126
1132
|
|
|
1127
1133
|
type DetailMode = "read" | "edit";
|
|
1128
1134
|
type DetailFieldType = "text" | "badge" | "tag" | "link" | "image" | "date" | "number" | "boolean";
|
|
@@ -1214,7 +1220,7 @@ interface DetailModalFrameProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
|
1214
1220
|
/** isDirty 상태 외부 노출 — 라우터 blocker 등에서 활용 */
|
|
1215
1221
|
onDirtyChange?: (isDirty: boolean) => void;
|
|
1216
1222
|
}
|
|
1217
|
-
declare function DetailModalFrame<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailModalFrameProps<T, S>):
|
|
1223
|
+
declare function DetailModalFrame<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailModalFrameProps<T, S>): react.JSX.Element;
|
|
1218
1224
|
|
|
1219
1225
|
interface DetailPageFrameProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
1220
1226
|
data: T | undefined;
|
|
@@ -1231,9 +1237,9 @@ interface DetailPageFrameProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
|
1231
1237
|
onModeChange?: UseDetailControllerParams["onModeChange"];
|
|
1232
1238
|
className?: string;
|
|
1233
1239
|
}
|
|
1234
|
-
declare function DetailPageFrame<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailPageFrameProps<T, S>):
|
|
1240
|
+
declare function DetailPageFrame<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailPageFrameProps<T, S>): react.JSX.Element;
|
|
1235
1241
|
|
|
1236
|
-
declare function DetailContent<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailContentProps<T, S>):
|
|
1242
|
+
declare function DetailContent<T, S extends z.ZodTypeAny = z.ZodTypeAny>(props: DetailContentProps<T, S>): react.JSX.Element;
|
|
1237
1243
|
|
|
1238
1244
|
declare function useDetailController(params?: UseDetailControllerParams): DetailController;
|
|
1239
1245
|
|
|
@@ -1315,7 +1321,7 @@ declare function useFilePreviewViewer<T extends string = string>(files: FilePrev
|
|
|
1315
1321
|
interface ArrowIconProps extends SVGProps<SVGSVGElement> {
|
|
1316
1322
|
direction?: "up" | "down";
|
|
1317
1323
|
}
|
|
1318
|
-
declare function ArrowIcon(props: ArrowIconProps):
|
|
1324
|
+
declare function ArrowIcon(props: ArrowIconProps): react.JSX.Element;
|
|
1319
1325
|
|
|
1320
1326
|
declare function cn(...inputs: Array<ClassValue>): string;
|
|
1321
1327
|
declare const buttonVariants: (props?: ({
|