@farmzone/fz-react-ui 1.0.0 → 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 +436 -200
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +93 -82
- package/dist/index.d.ts +93 -82
- package/dist/index.js +436 -200
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
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";
|
|
@@ -441,6 +443,7 @@ type DatePickerBaseProps = {
|
|
|
441
443
|
disabled?: boolean;
|
|
442
444
|
maxDate?: YmdDateString;
|
|
443
445
|
calendarYearRange?: CalendarYearRange;
|
|
446
|
+
calendarSelectContainerClass?: string;
|
|
444
447
|
showTodayButton?: boolean;
|
|
445
448
|
};
|
|
446
449
|
type DatePickerSingleMode = DatePickerBaseProps & {
|
|
@@ -458,7 +461,7 @@ type DatePickerRangeMode = DatePickerBaseProps & {
|
|
|
458
461
|
onRangeChange?: (startDate: string, endDate: string) => void;
|
|
459
462
|
};
|
|
460
463
|
type CalendarInputProps = DatePickerSingleMode | DatePickerRangeMode;
|
|
461
|
-
declare function DatePicker(props: CalendarInputProps):
|
|
464
|
+
declare function DatePicker(props: CalendarInputProps): react.JSX.Element;
|
|
462
465
|
|
|
463
466
|
declare function isCalendarDayAfterMax(date: Date, maxYmd: YmdDateString): boolean;
|
|
464
467
|
declare function formatDate(date: Date): YmdDateString;
|
|
@@ -473,12 +476,12 @@ interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "on
|
|
|
473
476
|
value?: string;
|
|
474
477
|
defaultValue?: string;
|
|
475
478
|
}
|
|
476
|
-
declare function SearchBar(props: SearchBarProps):
|
|
479
|
+
declare function SearchBar(props: SearchBarProps): react.JSX.Element;
|
|
477
480
|
|
|
478
481
|
interface DebouncedButtonProps extends ButtonProps {
|
|
479
482
|
debounceDelay?: number;
|
|
480
483
|
}
|
|
481
|
-
declare function DebouncedButton(props: DebouncedButtonProps):
|
|
484
|
+
declare function DebouncedButton(props: DebouncedButtonProps): react.JSX.Element;
|
|
482
485
|
|
|
483
486
|
interface TabItem {
|
|
484
487
|
label: string;
|
|
@@ -505,7 +508,7 @@ interface TabProps {
|
|
|
505
508
|
indicatorClassName?: string;
|
|
506
509
|
children?: ReactNode;
|
|
507
510
|
}
|
|
508
|
-
declare function Tab(props: TabProps):
|
|
511
|
+
declare function Tab(props: TabProps): react.JSX.Element;
|
|
509
512
|
|
|
510
513
|
declare const emptyIconVariants: (props?: ({
|
|
511
514
|
iconVariant?: "plain" | "boxed" | null | undefined;
|
|
@@ -525,14 +528,14 @@ type EmptyProps = Omit<ComponentProps<"div">, "title"> & {
|
|
|
525
528
|
actionClassName?: string;
|
|
526
529
|
fullScreen?: boolean;
|
|
527
530
|
};
|
|
528
|
-
declare function Empty(props: EmptyProps):
|
|
531
|
+
declare function Empty(props: EmptyProps): react.JSX.Element;
|
|
529
532
|
|
|
530
533
|
interface ModalBodyProps {
|
|
531
534
|
ref?: Ref<HTMLDivElement>;
|
|
532
535
|
children: ReactNode;
|
|
533
536
|
className?: string;
|
|
534
537
|
}
|
|
535
|
-
declare function ModalBody(props: ModalBodyProps):
|
|
538
|
+
declare function ModalBody(props: ModalBodyProps): react.JSX.Element;
|
|
536
539
|
|
|
537
540
|
interface ModalContentProps {
|
|
538
541
|
ref?: Ref<HTMLDivElement>;
|
|
@@ -540,21 +543,21 @@ interface ModalContentProps {
|
|
|
540
543
|
className?: string;
|
|
541
544
|
zIndex?: number;
|
|
542
545
|
}
|
|
543
|
-
declare function ModalContent(props: ModalContentProps):
|
|
546
|
+
declare function ModalContent(props: ModalContentProps): react.JSX.Element;
|
|
544
547
|
|
|
545
548
|
interface ModalFooterProps {
|
|
546
549
|
ref?: Ref<HTMLDivElement>;
|
|
547
550
|
children: ReactNode;
|
|
548
551
|
className?: string;
|
|
549
552
|
}
|
|
550
|
-
declare function ModalFooter(props: ModalFooterProps):
|
|
553
|
+
declare function ModalFooter(props: ModalFooterProps): react.JSX.Element;
|
|
551
554
|
|
|
552
555
|
interface ModalHeaderProps {
|
|
553
556
|
ref?: Ref<HTMLDivElement>;
|
|
554
557
|
children: ReactNode;
|
|
555
558
|
className?: string;
|
|
556
559
|
}
|
|
557
|
-
declare function ModalHeader(props: ModalHeaderProps):
|
|
560
|
+
declare function ModalHeader(props: ModalHeaderProps): react.JSX.Element;
|
|
558
561
|
|
|
559
562
|
type ModalType = "detail" | "create" | "edit" | "search" | "info" | "delete" | "warning";
|
|
560
563
|
interface ModalIconHeaderProps {
|
|
@@ -564,7 +567,7 @@ interface ModalIconHeaderProps {
|
|
|
564
567
|
onClose: () => void;
|
|
565
568
|
className?: string;
|
|
566
569
|
}
|
|
567
|
-
declare function ModalIconHeader(props: ModalIconHeaderProps):
|
|
570
|
+
declare function ModalIconHeader(props: ModalIconHeaderProps): react.JSX.Element;
|
|
568
571
|
|
|
569
572
|
interface ModalOverlayProps {
|
|
570
573
|
isOpen: boolean;
|
|
@@ -573,7 +576,7 @@ interface ModalOverlayProps {
|
|
|
573
576
|
closeOnOverlayClick?: boolean;
|
|
574
577
|
zIndex?: number;
|
|
575
578
|
}
|
|
576
|
-
declare function ModalOverlay(props: ModalOverlayProps):
|
|
579
|
+
declare function ModalOverlay(props: ModalOverlayProps): react.JSX.Element | null;
|
|
577
580
|
|
|
578
581
|
interface ModalProps {
|
|
579
582
|
isOpen: boolean;
|
|
@@ -584,7 +587,7 @@ interface ModalProps {
|
|
|
584
587
|
closeOnOverlayClick?: boolean;
|
|
585
588
|
closeOnEscape?: boolean;
|
|
586
589
|
}
|
|
587
|
-
declare function Modal(props: ModalProps):
|
|
590
|
+
declare function Modal(props: ModalProps): react.JSX.Element | null;
|
|
588
591
|
|
|
589
592
|
interface ConfirmOptions<T = void> {
|
|
590
593
|
content: string;
|
|
@@ -661,7 +664,7 @@ interface TableProps<T> {
|
|
|
661
664
|
tooltipConfig?: "always" | "overflow" | false;
|
|
662
665
|
isDynamicHeight?: boolean;
|
|
663
666
|
}
|
|
664
|
-
declare function Table<T>(props: TableProps<T>):
|
|
667
|
+
declare function Table<T>(props: TableProps<T>): react.JSX.Element;
|
|
665
668
|
|
|
666
669
|
type CarouselApi = UseEmblaCarouselType[1];
|
|
667
670
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
@@ -673,7 +676,7 @@ type CarouselProps$1 = {
|
|
|
673
676
|
orientation?: "horizontal" | "vertical";
|
|
674
677
|
setApi?: (api: CarouselApi) => void;
|
|
675
678
|
};
|
|
676
|
-
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;
|
|
677
680
|
|
|
678
681
|
interface CarouselRef {
|
|
679
682
|
/** 현재 선택된 슬라이드 인덱스 */
|
|
@@ -693,7 +696,7 @@ interface CarouselRef {
|
|
|
693
696
|
}
|
|
694
697
|
interface CarouselProps {
|
|
695
698
|
/** 캐러셀에 표시할 아이템들 */
|
|
696
|
-
children:
|
|
699
|
+
children: react__default.ReactNode;
|
|
697
700
|
/** 화살표 버튼 표시 여부 (기본: true) */
|
|
698
701
|
showArrows?: boolean;
|
|
699
702
|
/** 인디케이터(도트) 표시 여부 (기본: false) */
|
|
@@ -709,9 +712,9 @@ interface CarouselProps {
|
|
|
709
712
|
/** 화살표 버튼 위치 (기본: "outside") */
|
|
710
713
|
arrowsPosition?: "inside" | "outside";
|
|
711
714
|
/** 커스텀 이전 버튼 (제공하지 않으면 기본 버튼 사용) */
|
|
712
|
-
previousButton?:
|
|
715
|
+
previousButton?: react__default.ReactNode;
|
|
713
716
|
/** 커스텀 다음 버튼 (제공하지 않으면 기본 버튼 사용) */
|
|
714
|
-
nextButton?:
|
|
717
|
+
nextButton?: react__default.ReactNode;
|
|
715
718
|
/** 슬라이드 변경 시 호출되는 콜백 */
|
|
716
719
|
onSlideChange?: (index: number) => void;
|
|
717
720
|
/** 초기 슬라이드 인덱스 (기본: 0) */
|
|
@@ -731,7 +734,7 @@ interface CarouselProps {
|
|
|
731
734
|
/** Embla 캐러셀 플러그인 */
|
|
732
735
|
plugins?: Parameters<typeof Carousel$1>[0]["plugins"];
|
|
733
736
|
}
|
|
734
|
-
declare const Carousel:
|
|
737
|
+
declare const Carousel: react__default.ForwardRefExoticComponent<CarouselProps & react__default.RefAttributes<CarouselRef>>;
|
|
735
738
|
|
|
736
739
|
interface FilePreviewViewerFeatures {
|
|
737
740
|
zoom?: boolean;
|
|
@@ -752,7 +755,7 @@ interface FilePreviewViewerProps<T extends string = string> {
|
|
|
752
755
|
initialIndex?: number;
|
|
753
756
|
features?: Partial<FilePreviewViewerFeatures>;
|
|
754
757
|
}
|
|
755
|
-
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;
|
|
756
759
|
|
|
757
760
|
declare function getPreviewFileType(src: string): PreviewFileType;
|
|
758
761
|
declare function getFileLabel(src: string, index: number, fileTypeOverride?: PreviewFileType): string;
|
|
@@ -813,6 +816,8 @@ type FormFieldType = "input" | "email" | "password" | "number" | "money" | "phon
|
|
|
813
816
|
interface SelectOption$1 {
|
|
814
817
|
label: string;
|
|
815
818
|
value: string | number;
|
|
819
|
+
disabled?: boolean;
|
|
820
|
+
disabledMessage?: string;
|
|
816
821
|
}
|
|
817
822
|
interface SubmitFormSelectClassNames {
|
|
818
823
|
containerClassName?: string;
|
|
@@ -842,6 +847,9 @@ interface CascadingSelectFieldConfig {
|
|
|
842
847
|
separator?: string;
|
|
843
848
|
}
|
|
844
849
|
interface SelectWithInputFieldConfig {
|
|
850
|
+
/** 입력 필드 숫자만 허용 여부. 기본: true. */
|
|
851
|
+
numbersOnly?: boolean;
|
|
852
|
+
/** @deprecated numbersOnly를 사용하세요. */
|
|
845
853
|
inputMode?: "number" | "text";
|
|
846
854
|
}
|
|
847
855
|
interface InputWithButtonFieldConfig {
|
|
@@ -859,9 +867,11 @@ interface FormFieldConfig<TFieldValues extends FieldValues = FieldValues> {
|
|
|
859
867
|
options?: SelectOption$1[];
|
|
860
868
|
className?: string;
|
|
861
869
|
allowDecimal?: boolean;
|
|
870
|
+
numbersOnly?: boolean;
|
|
862
871
|
canReset?: boolean;
|
|
863
872
|
datePosition?: "top" | "bottom";
|
|
864
873
|
disableFutureDates?: boolean;
|
|
874
|
+
calendarSelectContainerClass?: string;
|
|
865
875
|
/**
|
|
866
876
|
* 이 필드 값이 바뀌거나 blur될 때 함께 재검증할 필드 경로.
|
|
867
877
|
* 비밀번호 확인·시작/종료일 등 객체 superRefine 연동에 사용.
|
|
@@ -900,7 +910,7 @@ interface SubmitFormProps<TSchema extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
|
900
910
|
mode?: "onBlur" | "onChange" | "onSubmit" | "onTouched" | "all";
|
|
901
911
|
}
|
|
902
912
|
|
|
903
|
-
declare function FormTable<TFieldValues extends FieldValues = FieldValues>(props: FormTableProps<TFieldValues>):
|
|
913
|
+
declare function FormTable<TFieldValues extends FieldValues = FieldValues>(props: FormTableProps<TFieldValues>): react.JSX.Element;
|
|
904
914
|
|
|
905
915
|
type SubmitFormRowProps<TFieldValues extends FieldValues = FieldValues> = Omit<FormFieldConfig<TFieldValues>, "name" | "type"> & {
|
|
906
916
|
formKey: Path<TFieldValues>;
|
|
@@ -909,9 +919,9 @@ type SubmitFormRowProps<TFieldValues extends FieldValues = FieldValues> = Omit<F
|
|
|
909
919
|
type?: FormFieldType;
|
|
910
920
|
};
|
|
911
921
|
|
|
912
|
-
declare function SubmitFormRow<TFieldValues extends FieldValues = FieldValues>(props: SubmitFormRowProps<TFieldValues>):
|
|
922
|
+
declare function SubmitFormRow<TFieldValues extends FieldValues = FieldValues>(props: SubmitFormRowProps<TFieldValues>): react.JSX.Element;
|
|
913
923
|
|
|
914
|
-
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;
|
|
915
925
|
declare const SubmitForm: typeof SubmitFormRoot & {
|
|
916
926
|
Row: typeof SubmitFormRow;
|
|
917
927
|
Table: typeof FormTable;
|
|
@@ -933,6 +943,7 @@ type SelectOption<P> = BaseOption<P> & {
|
|
|
933
943
|
type: "select";
|
|
934
944
|
options: Array<SelectableOption>;
|
|
935
945
|
placeholder?: string;
|
|
946
|
+
containerClassName?: string;
|
|
936
947
|
};
|
|
937
948
|
type RadioOption<P> = BaseOption<P> & {
|
|
938
949
|
type: "radio";
|
|
@@ -967,7 +978,7 @@ interface PageFilterProps<P> {
|
|
|
967
978
|
resetButtonText?: string;
|
|
968
979
|
values: P;
|
|
969
980
|
}
|
|
970
|
-
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;
|
|
971
982
|
|
|
972
983
|
type MultiTab = {
|
|
973
984
|
id: string;
|
|
@@ -1020,7 +1031,7 @@ interface MultiTabBarProps {
|
|
|
1020
1031
|
onTabClose: (tabId: string) => void;
|
|
1021
1032
|
onTabAdd?: () => void;
|
|
1022
1033
|
}
|
|
1023
|
-
declare function MultiTabBar(props: MultiTabBarProps):
|
|
1034
|
+
declare function MultiTabBar(props: MultiTabBarProps): react.JSX.Element | null;
|
|
1024
1035
|
|
|
1025
1036
|
type SearchAddressProps = {
|
|
1026
1037
|
ref?: Ref<HTMLButtonElement>;
|
|
@@ -1029,13 +1040,13 @@ type SearchAddressProps = {
|
|
|
1029
1040
|
label?: string;
|
|
1030
1041
|
buttonClassName?: string;
|
|
1031
1042
|
};
|
|
1032
|
-
declare function SearchAddress(props: SearchAddressProps):
|
|
1043
|
+
declare function SearchAddress(props: SearchAddressProps): react.JSX.Element;
|
|
1033
1044
|
|
|
1034
1045
|
interface ScrollBarProps {
|
|
1035
1046
|
direction: "horizontal" | "vertical";
|
|
1036
1047
|
scrollRef: RefObject<HTMLDivElement | null>;
|
|
1037
1048
|
}
|
|
1038
|
-
declare function ScrollBar(props: ScrollBarProps):
|
|
1049
|
+
declare function ScrollBar(props: ScrollBarProps): react.JSX.Element | null;
|
|
1039
1050
|
|
|
1040
1051
|
interface ToggleSwitchProps {
|
|
1041
1052
|
isOn: boolean;
|
|
@@ -1058,7 +1069,7 @@ interface ToggleSwitchProps {
|
|
|
1058
1069
|
off: string;
|
|
1059
1070
|
};
|
|
1060
1071
|
}
|
|
1061
|
-
declare function ToggleSwitch(props: ToggleSwitchProps):
|
|
1072
|
+
declare function ToggleSwitch(props: ToggleSwitchProps): react.JSX.Element;
|
|
1062
1073
|
|
|
1063
1074
|
interface BaseUploaderProps {
|
|
1064
1075
|
files: Array<File>;
|
|
@@ -1071,7 +1082,7 @@ interface BaseUploaderProps {
|
|
|
1071
1082
|
placeholder?: string;
|
|
1072
1083
|
className?: string;
|
|
1073
1084
|
}
|
|
1074
|
-
declare function BaseUploader(props: BaseUploaderProps):
|
|
1085
|
+
declare function BaseUploader(props: BaseUploaderProps): react.JSX.Element;
|
|
1075
1086
|
|
|
1076
1087
|
interface ExcelUploaderProps {
|
|
1077
1088
|
files: Array<File>;
|
|
@@ -1079,7 +1090,7 @@ interface ExcelUploaderProps {
|
|
|
1079
1090
|
disabled?: boolean;
|
|
1080
1091
|
className?: string;
|
|
1081
1092
|
}
|
|
1082
|
-
declare function ExcelUploader(props: ExcelUploaderProps):
|
|
1093
|
+
declare function ExcelUploader(props: ExcelUploaderProps): react.JSX.Element;
|
|
1083
1094
|
|
|
1084
1095
|
interface FileUploaderProps {
|
|
1085
1096
|
files: Array<File>;
|
|
@@ -1088,7 +1099,7 @@ interface FileUploaderProps {
|
|
|
1088
1099
|
disabled?: boolean;
|
|
1089
1100
|
className?: string;
|
|
1090
1101
|
}
|
|
1091
|
-
declare function FileUploader(props: FileUploaderProps):
|
|
1102
|
+
declare function FileUploader(props: FileUploaderProps): react.JSX.Element;
|
|
1092
1103
|
|
|
1093
1104
|
interface MenuGrandchild {
|
|
1094
1105
|
label: string;
|
|
@@ -1117,7 +1128,7 @@ interface SidebarProps {
|
|
|
1117
1128
|
className?: string;
|
|
1118
1129
|
showCollapseButton?: boolean;
|
|
1119
1130
|
}
|
|
1120
|
-
declare function Sidebar(props: SidebarProps):
|
|
1131
|
+
declare function Sidebar(props: SidebarProps): react.JSX.Element;
|
|
1121
1132
|
|
|
1122
1133
|
type DetailMode = "read" | "edit";
|
|
1123
1134
|
type DetailFieldType = "text" | "badge" | "tag" | "link" | "image" | "date" | "number" | "boolean";
|
|
@@ -1209,7 +1220,7 @@ interface DetailModalFrameProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
|
1209
1220
|
/** isDirty 상태 외부 노출 — 라우터 blocker 등에서 활용 */
|
|
1210
1221
|
onDirtyChange?: (isDirty: boolean) => void;
|
|
1211
1222
|
}
|
|
1212
|
-
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;
|
|
1213
1224
|
|
|
1214
1225
|
interface DetailPageFrameProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
1215
1226
|
data: T | undefined;
|
|
@@ -1226,9 +1237,9 @@ interface DetailPageFrameProps<T, S extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
|
1226
1237
|
onModeChange?: UseDetailControllerParams["onModeChange"];
|
|
1227
1238
|
className?: string;
|
|
1228
1239
|
}
|
|
1229
|
-
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;
|
|
1230
1241
|
|
|
1231
|
-
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;
|
|
1232
1243
|
|
|
1233
1244
|
declare function useDetailController(params?: UseDetailControllerParams): DetailController;
|
|
1234
1245
|
|
|
@@ -1310,7 +1321,7 @@ declare function useFilePreviewViewer<T extends string = string>(files: FilePrev
|
|
|
1310
1321
|
interface ArrowIconProps extends SVGProps<SVGSVGElement> {
|
|
1311
1322
|
direction?: "up" | "down";
|
|
1312
1323
|
}
|
|
1313
|
-
declare function ArrowIcon(props: ArrowIconProps):
|
|
1324
|
+
declare function ArrowIcon(props: ArrowIconProps): react.JSX.Element;
|
|
1314
1325
|
|
|
1315
1326
|
declare function cn(...inputs: Array<ClassValue>): string;
|
|
1316
1327
|
declare const buttonVariants: (props?: ({
|