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