@herca/r-kit 0.0.51 → 0.0.54
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/clients.cjs +251 -11
- package/dist/clients.cjs.map +1 -1
- package/dist/clients.d.cts +66 -15
- package/dist/clients.d.ts +66 -15
- package/dist/clients.js +246 -11
- package/dist/clients.js.map +1 -1
- package/package.json +1 -1
package/dist/clients.d.cts
CHANGED
|
@@ -12,8 +12,8 @@ import { d as TextVariant, a as ButtonProps } from './button-DEGM0SCk.cjs';
|
|
|
12
12
|
import { DragHandleProps } from '@tiptap/extension-drag-handle-react';
|
|
13
13
|
import { Editor } from '@tiptap/core';
|
|
14
14
|
|
|
15
|
-
type SizeType$
|
|
16
|
-
type ColorType$
|
|
15
|
+
type SizeType$2 = 'sm' | 'md' | 'lg';
|
|
16
|
+
type ColorType$2 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'orange' | 'purple' | 'gray';
|
|
17
17
|
type IconType = 'check' | 'minus';
|
|
18
18
|
interface CheckboxProps {
|
|
19
19
|
id?: string;
|
|
@@ -22,8 +22,8 @@ interface CheckboxProps {
|
|
|
22
22
|
defaultChecked?: boolean;
|
|
23
23
|
disabled?: boolean;
|
|
24
24
|
required?: boolean;
|
|
25
|
-
size?: SizeType$
|
|
26
|
-
color?: ColorType$
|
|
25
|
+
size?: SizeType$2;
|
|
26
|
+
color?: ColorType$2;
|
|
27
27
|
icon?: IconType;
|
|
28
28
|
onCheckedChange?: (checked: boolean) => void;
|
|
29
29
|
className?: string;
|
|
@@ -35,8 +35,8 @@ interface CheckboxGroupProps {
|
|
|
35
35
|
disabled?: boolean;
|
|
36
36
|
required?: boolean;
|
|
37
37
|
name?: string;
|
|
38
|
-
size?: SizeType$
|
|
39
|
-
color?: ColorType$
|
|
38
|
+
size?: SizeType$2;
|
|
39
|
+
color?: ColorType$2;
|
|
40
40
|
icon?: IconType;
|
|
41
41
|
className?: string;
|
|
42
42
|
children?: React.ReactNode;
|
|
@@ -46,8 +46,8 @@ interface CheckboxGroupContextValue {
|
|
|
46
46
|
onValueChange?: (value: string[]) => void;
|
|
47
47
|
disabled?: boolean;
|
|
48
48
|
name?: string;
|
|
49
|
-
size?: SizeType$
|
|
50
|
-
color?: ColorType$
|
|
49
|
+
size?: SizeType$2;
|
|
50
|
+
color?: ColorType$2;
|
|
51
51
|
icon?: 'check' | 'minus';
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -490,6 +490,7 @@ type TablePaginationProps = {
|
|
|
490
490
|
numberOnClick?: (page: number) => void;
|
|
491
491
|
nextOnClick?: () => void;
|
|
492
492
|
prevOnClick?: () => void;
|
|
493
|
+
setNumberLink?: (url?: string, item?: number) => string;
|
|
493
494
|
wrapperClassName?: string;
|
|
494
495
|
dropdownTriggerClassName?: string;
|
|
495
496
|
dropdownContentClassName?: string;
|
|
@@ -503,7 +504,7 @@ declare function TableRow({ children, isLast, isHeader, className, }: TableRowPr
|
|
|
503
504
|
declare function TableCellHead({ children, value, className, onClick, }: TableCellHeadProps): react_jsx_runtime.JSX.Element;
|
|
504
505
|
declare function TableCell({ value, onClick, className, children, variant: variantText, textClassName, ...props }: TableCellProps): react_jsx_runtime.JSX.Element;
|
|
505
506
|
declare function TableFooter({ children, colSpan, className, }: TableFooterProps): react_jsx_runtime.JSX.Element;
|
|
506
|
-
declare function TablePagination({ perPages, currentPage, totalPage, selectedPerpage, defaultPerpage, onChangePerpage, showNumber, showController, numberOnClick, nextOnClick, prevOnClick, wrapperClassName, dropdownContentClassName, dropdownTriggerClassName, dropdownItemClassName, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
|
|
507
|
+
declare function TablePagination({ perPages, currentPage, totalPage, selectedPerpage, defaultPerpage, onChangePerpage, showNumber, showController, numberOnClick, nextOnClick, prevOnClick, wrapperClassName, setNumberLink, dropdownContentClassName, dropdownTriggerClassName, dropdownItemClassName, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
|
|
507
508
|
|
|
508
509
|
declare function generatePages(current: number, total: number): (number | "...")[];
|
|
509
510
|
|
|
@@ -767,8 +768,8 @@ interface TextareaProps extends react.ComponentProps<'textarea'> {
|
|
|
767
768
|
}
|
|
768
769
|
declare function Textarea({ label, hint, description, errorMessages, className, required, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
769
770
|
|
|
770
|
-
type SizeType = 'sm' | 'md' | 'lg';
|
|
771
|
-
type ColorType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'orange' | 'purple' | 'gray';
|
|
771
|
+
type SizeType$1 = 'sm' | 'md' | 'lg';
|
|
772
|
+
type ColorType$1 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'orange' | 'purple' | 'gray';
|
|
772
773
|
interface SwitchProps {
|
|
773
774
|
id?: string;
|
|
774
775
|
checked?: boolean;
|
|
@@ -777,8 +778,8 @@ interface SwitchProps {
|
|
|
777
778
|
disabled?: boolean;
|
|
778
779
|
required?: boolean;
|
|
779
780
|
name?: string;
|
|
780
|
-
size?: SizeType;
|
|
781
|
-
color?: ColorType;
|
|
781
|
+
size?: SizeType$1;
|
|
782
|
+
color?: ColorType$1;
|
|
782
783
|
className?: string;
|
|
783
784
|
}
|
|
784
785
|
|
|
@@ -908,6 +909,7 @@ type BaseSelectProps<Extra extends object = object> = {
|
|
|
908
909
|
triggerClassName?: string;
|
|
909
910
|
required?: boolean;
|
|
910
911
|
isSelectOpen?: boolean;
|
|
912
|
+
searchOptions?: string;
|
|
911
913
|
onSearchOptions?: (value: string) => void;
|
|
912
914
|
onOptionsChange?: (value: SelectOption<Extra>[]) => void;
|
|
913
915
|
onOpenChange?: (value: boolean) => void;
|
|
@@ -925,7 +927,7 @@ type SelectPropsWithDefaultBehavior<Extra extends object = EmptyObject> = {
|
|
|
925
927
|
};
|
|
926
928
|
type SelectProps<Extra extends object = object> = BaseSelectProps<Extra> & (SelectPropsWithCustomRender<Extra> | SelectPropsWithDefaultBehavior<Extra>);
|
|
927
929
|
|
|
928
|
-
declare function Select<Extra extends object = object>({ options, value, onChange, isMulti, placeholder, isSearchable, isClearable, isDisabled, renderOption, renderValue, className, label, description, hint, errorMessages, isLoadingMore, onLoadMore, treshold, trigger, triggerClassName, renderOptions, onSearchOptions, onOptionsChange, required, isSelectOpen, onOpenChange, searchPlaceholder, }: SelectProps<Extra>): react_jsx_runtime.JSX.Element;
|
|
930
|
+
declare function Select<Extra extends object = object>({ options, value, onChange, isMulti, placeholder, isSearchable, isClearable, isDisabled, renderOption, renderValue, className, label, description, hint, errorMessages, isLoadingMore, onLoadMore, treshold, trigger, triggerClassName, renderOptions, onSearchOptions, onOptionsChange, required, isSelectOpen, onOpenChange, searchOptions, searchPlaceholder, }: SelectProps<Extra>): react_jsx_runtime.JSX.Element;
|
|
929
931
|
|
|
930
932
|
interface TabsProps {
|
|
931
933
|
defaultValue?: string;
|
|
@@ -1066,4 +1068,53 @@ interface AttachmentField {
|
|
|
1066
1068
|
|
|
1067
1069
|
declare function TextEditor({ ui, field, toolbar, editor: editorProps, onDownload, }: TextEditorProps): react_jsx_runtime.JSX.Element | null;
|
|
1068
1070
|
|
|
1069
|
-
|
|
1071
|
+
type SizeType = 'sm' | 'md' | 'lg';
|
|
1072
|
+
type ColorType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'orange' | 'purple' | 'gray';
|
|
1073
|
+
interface RadioProps {
|
|
1074
|
+
id?: string;
|
|
1075
|
+
name?: string;
|
|
1076
|
+
value: string;
|
|
1077
|
+
checked?: boolean;
|
|
1078
|
+
disabled?: boolean;
|
|
1079
|
+
required?: boolean;
|
|
1080
|
+
size?: SizeType;
|
|
1081
|
+
color?: ColorType;
|
|
1082
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1083
|
+
className?: string;
|
|
1084
|
+
}
|
|
1085
|
+
interface RadioGroupProps {
|
|
1086
|
+
value?: string;
|
|
1087
|
+
defaultValue?: string;
|
|
1088
|
+
onValueChange?: (value: string) => void;
|
|
1089
|
+
disabled?: boolean;
|
|
1090
|
+
required?: boolean;
|
|
1091
|
+
name?: string;
|
|
1092
|
+
size?: SizeType;
|
|
1093
|
+
color?: ColorType;
|
|
1094
|
+
className?: string;
|
|
1095
|
+
children: React.ReactNode;
|
|
1096
|
+
}
|
|
1097
|
+
|
|
1098
|
+
declare const RadioGroup: react__default.FC<RadioGroupProps & {
|
|
1099
|
+
label?: string;
|
|
1100
|
+
hint?: string;
|
|
1101
|
+
description?: string;
|
|
1102
|
+
errorMessages?: string | string[];
|
|
1103
|
+
direction?: 'horizontal' | 'vertical';
|
|
1104
|
+
}>;
|
|
1105
|
+
declare const BaseRadio: react__default.FC<RadioProps>;
|
|
1106
|
+
declare const Radio: react__default.FC<RadioProps & {
|
|
1107
|
+
label?: string;
|
|
1108
|
+
description?: string;
|
|
1109
|
+
}>;
|
|
1110
|
+
|
|
1111
|
+
declare const RadioVariants: (props?: ({
|
|
1112
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1113
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
|
|
1114
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1115
|
+
declare const RadioIndicatorVariants: (props?: ({
|
|
1116
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1117
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
|
|
1118
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1119
|
+
|
|
1120
|
+
export { type AttachmentField, BaseCheckbox, type BaseOption, BaseRadio, BaseSwitch, ButtonDropdown, type ButtonDropdownProps, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, type ButtonIconProps, ButtonNavigator, Calendar, type CalendarBaseProps, type CalendarDay, type CalendarDayConfig, type CalendarDayItemProps, type CalendarEvent, type CalendarGridProps, type CalendarOverrideProps, type CalendarProps, type CalendarRangeOverrideProps, type CalendarState, type CalendarStyleConfig, type CalendarTypes, Checkbox, CheckboxGroup, type CheckboxGroupContextValue, type CheckboxGroupProps, CheckboxIndicatorVariants, type CheckboxProps, CheckboxVariants, Chip, type ChipArrayProps, ChipContext, type ChipContextValue, ChipGroup, type ChipOptionProps, type ChipProps, type ChipSelectedProps, type ChipValue, type ChipVariants, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorPickerButtonProps, type ColorType$2 as ColorType, type ColorVariantType, Counter, type CounterControllerProps, type CounterProps, type DateFormat, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, type DateRangeProps, type DotConfig, Dropdown, DropdownContent, DropdownItem, type DropdownState, DropdownTrigger, type FileItem, FormDescription, type FormDescriptionProps, FormErrorMessage, type FormErrorMessageProps, FormErrorMessages, type FormErrorMessagesProps, FormField, type FormFieldProps, FormHint, type FormHintProps, FormLabel, type FormLabelProps, type FormSizeType, type GetCalendarDaysProps, type HeadingLevel, type IconType, type ImageForm, Input, InputFile, type InputFileProps, type InputFileRef, InputOTP, type InputOTPProps, type InputProps, type InputVariantProps, ItemDropdown, type ListItemType, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, ModalPreviewAttachment, ModalTitle, type PlayerProps, PreviewItem, type PreviewItemProps, Radio, RadioGroup, RadioIndicatorVariants, RadioVariants, Select, type SelectOption, type SelectProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarContext, type SidebarContextProps, SidebarFooter, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuGroup, SidebarMenuItem, SidebarProvider, SidebarTrigger, type SizeType$2 as SizeType, Switch, SwitchThumbVariants, SwitchVariants, Table, type TableAction, TableBody, type TableBodyProps, TableCell, TableCellHead, type TableCellHeadProps, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableRootProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextAlignValue, TextEditor, type TextEditorProps, Textarea, type TextareaProps, ToastProvider, type ToolbarButtonProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadConfig, type UploadStatus, type UploadedFile, chipVariants, formatDateLocal, formatDateToString, generatePages, getCalendarDays, getFormatConfig, getWeekEventSegments, handleDecrement, handleIncrement, handleInputChange, handleKeyDown, inputVariants, isSameDate, isToday, monthsFull, monthsShort, normalize, parseLocalDate, parseMonthName, toDateOnly, useCopy, useIsMobile, useSidebar, useToast };
|
package/dist/clients.d.ts
CHANGED
|
@@ -12,8 +12,8 @@ import { d as TextVariant, a as ButtonProps } from './button-DEGM0SCk.js';
|
|
|
12
12
|
import { DragHandleProps } from '@tiptap/extension-drag-handle-react';
|
|
13
13
|
import { Editor } from '@tiptap/core';
|
|
14
14
|
|
|
15
|
-
type SizeType$
|
|
16
|
-
type ColorType$
|
|
15
|
+
type SizeType$2 = 'sm' | 'md' | 'lg';
|
|
16
|
+
type ColorType$2 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'orange' | 'purple' | 'gray';
|
|
17
17
|
type IconType = 'check' | 'minus';
|
|
18
18
|
interface CheckboxProps {
|
|
19
19
|
id?: string;
|
|
@@ -22,8 +22,8 @@ interface CheckboxProps {
|
|
|
22
22
|
defaultChecked?: boolean;
|
|
23
23
|
disabled?: boolean;
|
|
24
24
|
required?: boolean;
|
|
25
|
-
size?: SizeType$
|
|
26
|
-
color?: ColorType$
|
|
25
|
+
size?: SizeType$2;
|
|
26
|
+
color?: ColorType$2;
|
|
27
27
|
icon?: IconType;
|
|
28
28
|
onCheckedChange?: (checked: boolean) => void;
|
|
29
29
|
className?: string;
|
|
@@ -35,8 +35,8 @@ interface CheckboxGroupProps {
|
|
|
35
35
|
disabled?: boolean;
|
|
36
36
|
required?: boolean;
|
|
37
37
|
name?: string;
|
|
38
|
-
size?: SizeType$
|
|
39
|
-
color?: ColorType$
|
|
38
|
+
size?: SizeType$2;
|
|
39
|
+
color?: ColorType$2;
|
|
40
40
|
icon?: IconType;
|
|
41
41
|
className?: string;
|
|
42
42
|
children?: React.ReactNode;
|
|
@@ -46,8 +46,8 @@ interface CheckboxGroupContextValue {
|
|
|
46
46
|
onValueChange?: (value: string[]) => void;
|
|
47
47
|
disabled?: boolean;
|
|
48
48
|
name?: string;
|
|
49
|
-
size?: SizeType$
|
|
50
|
-
color?: ColorType$
|
|
49
|
+
size?: SizeType$2;
|
|
50
|
+
color?: ColorType$2;
|
|
51
51
|
icon?: 'check' | 'minus';
|
|
52
52
|
}
|
|
53
53
|
|
|
@@ -490,6 +490,7 @@ type TablePaginationProps = {
|
|
|
490
490
|
numberOnClick?: (page: number) => void;
|
|
491
491
|
nextOnClick?: () => void;
|
|
492
492
|
prevOnClick?: () => void;
|
|
493
|
+
setNumberLink?: (url?: string, item?: number) => string;
|
|
493
494
|
wrapperClassName?: string;
|
|
494
495
|
dropdownTriggerClassName?: string;
|
|
495
496
|
dropdownContentClassName?: string;
|
|
@@ -503,7 +504,7 @@ declare function TableRow({ children, isLast, isHeader, className, }: TableRowPr
|
|
|
503
504
|
declare function TableCellHead({ children, value, className, onClick, }: TableCellHeadProps): react_jsx_runtime.JSX.Element;
|
|
504
505
|
declare function TableCell({ value, onClick, className, children, variant: variantText, textClassName, ...props }: TableCellProps): react_jsx_runtime.JSX.Element;
|
|
505
506
|
declare function TableFooter({ children, colSpan, className, }: TableFooterProps): react_jsx_runtime.JSX.Element;
|
|
506
|
-
declare function TablePagination({ perPages, currentPage, totalPage, selectedPerpage, defaultPerpage, onChangePerpage, showNumber, showController, numberOnClick, nextOnClick, prevOnClick, wrapperClassName, dropdownContentClassName, dropdownTriggerClassName, dropdownItemClassName, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
|
|
507
|
+
declare function TablePagination({ perPages, currentPage, totalPage, selectedPerpage, defaultPerpage, onChangePerpage, showNumber, showController, numberOnClick, nextOnClick, prevOnClick, wrapperClassName, setNumberLink, dropdownContentClassName, dropdownTriggerClassName, dropdownItemClassName, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
|
|
507
508
|
|
|
508
509
|
declare function generatePages(current: number, total: number): (number | "...")[];
|
|
509
510
|
|
|
@@ -767,8 +768,8 @@ interface TextareaProps extends react.ComponentProps<'textarea'> {
|
|
|
767
768
|
}
|
|
768
769
|
declare function Textarea({ label, hint, description, errorMessages, className, required, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
769
770
|
|
|
770
|
-
type SizeType = 'sm' | 'md' | 'lg';
|
|
771
|
-
type ColorType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'orange' | 'purple' | 'gray';
|
|
771
|
+
type SizeType$1 = 'sm' | 'md' | 'lg';
|
|
772
|
+
type ColorType$1 = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'orange' | 'purple' | 'gray';
|
|
772
773
|
interface SwitchProps {
|
|
773
774
|
id?: string;
|
|
774
775
|
checked?: boolean;
|
|
@@ -777,8 +778,8 @@ interface SwitchProps {
|
|
|
777
778
|
disabled?: boolean;
|
|
778
779
|
required?: boolean;
|
|
779
780
|
name?: string;
|
|
780
|
-
size?: SizeType;
|
|
781
|
-
color?: ColorType;
|
|
781
|
+
size?: SizeType$1;
|
|
782
|
+
color?: ColorType$1;
|
|
782
783
|
className?: string;
|
|
783
784
|
}
|
|
784
785
|
|
|
@@ -908,6 +909,7 @@ type BaseSelectProps<Extra extends object = object> = {
|
|
|
908
909
|
triggerClassName?: string;
|
|
909
910
|
required?: boolean;
|
|
910
911
|
isSelectOpen?: boolean;
|
|
912
|
+
searchOptions?: string;
|
|
911
913
|
onSearchOptions?: (value: string) => void;
|
|
912
914
|
onOptionsChange?: (value: SelectOption<Extra>[]) => void;
|
|
913
915
|
onOpenChange?: (value: boolean) => void;
|
|
@@ -925,7 +927,7 @@ type SelectPropsWithDefaultBehavior<Extra extends object = EmptyObject> = {
|
|
|
925
927
|
};
|
|
926
928
|
type SelectProps<Extra extends object = object> = BaseSelectProps<Extra> & (SelectPropsWithCustomRender<Extra> | SelectPropsWithDefaultBehavior<Extra>);
|
|
927
929
|
|
|
928
|
-
declare function Select<Extra extends object = object>({ options, value, onChange, isMulti, placeholder, isSearchable, isClearable, isDisabled, renderOption, renderValue, className, label, description, hint, errorMessages, isLoadingMore, onLoadMore, treshold, trigger, triggerClassName, renderOptions, onSearchOptions, onOptionsChange, required, isSelectOpen, onOpenChange, searchPlaceholder, }: SelectProps<Extra>): react_jsx_runtime.JSX.Element;
|
|
930
|
+
declare function Select<Extra extends object = object>({ options, value, onChange, isMulti, placeholder, isSearchable, isClearable, isDisabled, renderOption, renderValue, className, label, description, hint, errorMessages, isLoadingMore, onLoadMore, treshold, trigger, triggerClassName, renderOptions, onSearchOptions, onOptionsChange, required, isSelectOpen, onOpenChange, searchOptions, searchPlaceholder, }: SelectProps<Extra>): react_jsx_runtime.JSX.Element;
|
|
929
931
|
|
|
930
932
|
interface TabsProps {
|
|
931
933
|
defaultValue?: string;
|
|
@@ -1066,4 +1068,53 @@ interface AttachmentField {
|
|
|
1066
1068
|
|
|
1067
1069
|
declare function TextEditor({ ui, field, toolbar, editor: editorProps, onDownload, }: TextEditorProps): react_jsx_runtime.JSX.Element | null;
|
|
1068
1070
|
|
|
1069
|
-
|
|
1071
|
+
type SizeType = 'sm' | 'md' | 'lg';
|
|
1072
|
+
type ColorType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'orange' | 'purple' | 'gray';
|
|
1073
|
+
interface RadioProps {
|
|
1074
|
+
id?: string;
|
|
1075
|
+
name?: string;
|
|
1076
|
+
value: string;
|
|
1077
|
+
checked?: boolean;
|
|
1078
|
+
disabled?: boolean;
|
|
1079
|
+
required?: boolean;
|
|
1080
|
+
size?: SizeType;
|
|
1081
|
+
color?: ColorType;
|
|
1082
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
1083
|
+
className?: string;
|
|
1084
|
+
}
|
|
1085
|
+
interface RadioGroupProps {
|
|
1086
|
+
value?: string;
|
|
1087
|
+
defaultValue?: string;
|
|
1088
|
+
onValueChange?: (value: string) => void;
|
|
1089
|
+
disabled?: boolean;
|
|
1090
|
+
required?: boolean;
|
|
1091
|
+
name?: string;
|
|
1092
|
+
size?: SizeType;
|
|
1093
|
+
color?: ColorType;
|
|
1094
|
+
className?: string;
|
|
1095
|
+
children: React.ReactNode;
|
|
1096
|
+
}
|
|
1097
|
+
|
|
1098
|
+
declare const RadioGroup: react__default.FC<RadioGroupProps & {
|
|
1099
|
+
label?: string;
|
|
1100
|
+
hint?: string;
|
|
1101
|
+
description?: string;
|
|
1102
|
+
errorMessages?: string | string[];
|
|
1103
|
+
direction?: 'horizontal' | 'vertical';
|
|
1104
|
+
}>;
|
|
1105
|
+
declare const BaseRadio: react__default.FC<RadioProps>;
|
|
1106
|
+
declare const Radio: react__default.FC<RadioProps & {
|
|
1107
|
+
label?: string;
|
|
1108
|
+
description?: string;
|
|
1109
|
+
}>;
|
|
1110
|
+
|
|
1111
|
+
declare const RadioVariants: (props?: ({
|
|
1112
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1113
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
|
|
1114
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1115
|
+
declare const RadioIndicatorVariants: (props?: ({
|
|
1116
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
1117
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "orange" | "purple" | "gray" | null | undefined;
|
|
1118
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1119
|
+
|
|
1120
|
+
export { type AttachmentField, BaseCheckbox, type BaseOption, BaseRadio, BaseSwitch, ButtonDropdown, type ButtonDropdownProps, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, type ButtonIconProps, ButtonNavigator, Calendar, type CalendarBaseProps, type CalendarDay, type CalendarDayConfig, type CalendarDayItemProps, type CalendarEvent, type CalendarGridProps, type CalendarOverrideProps, type CalendarProps, type CalendarRangeOverrideProps, type CalendarState, type CalendarStyleConfig, type CalendarTypes, Checkbox, CheckboxGroup, type CheckboxGroupContextValue, type CheckboxGroupProps, CheckboxIndicatorVariants, type CheckboxProps, CheckboxVariants, Chip, type ChipArrayProps, ChipContext, type ChipContextValue, ChipGroup, type ChipOptionProps, type ChipProps, type ChipSelectedProps, type ChipValue, type ChipVariants, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorPickerButtonProps, type ColorType$2 as ColorType, type ColorVariantType, Counter, type CounterControllerProps, type CounterProps, type DateFormat, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, type DateRangeProps, type DotConfig, Dropdown, DropdownContent, DropdownItem, type DropdownState, DropdownTrigger, type FileItem, FormDescription, type FormDescriptionProps, FormErrorMessage, type FormErrorMessageProps, FormErrorMessages, type FormErrorMessagesProps, FormField, type FormFieldProps, FormHint, type FormHintProps, FormLabel, type FormLabelProps, type FormSizeType, type GetCalendarDaysProps, type HeadingLevel, type IconType, type ImageForm, Input, InputFile, type InputFileProps, type InputFileRef, InputOTP, type InputOTPProps, type InputProps, type InputVariantProps, ItemDropdown, type ListItemType, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, ModalPreviewAttachment, ModalTitle, type PlayerProps, PreviewItem, type PreviewItemProps, Radio, RadioGroup, RadioIndicatorVariants, RadioVariants, Select, type SelectOption, type SelectProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarContext, type SidebarContextProps, SidebarFooter, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuGroup, SidebarMenuItem, SidebarProvider, SidebarTrigger, type SizeType$2 as SizeType, Switch, SwitchThumbVariants, SwitchVariants, Table, type TableAction, TableBody, type TableBodyProps, TableCell, TableCellHead, type TableCellHeadProps, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableRootProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextAlignValue, TextEditor, type TextEditorProps, Textarea, type TextareaProps, ToastProvider, type ToolbarButtonProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadConfig, type UploadStatus, type UploadedFile, chipVariants, formatDateLocal, formatDateToString, generatePages, getCalendarDays, getFormatConfig, getWeekEventSegments, handleDecrement, handleIncrement, handleInputChange, handleKeyDown, inputVariants, isSameDate, isToday, monthsFull, monthsShort, normalize, parseLocalDate, parseMonthName, toDateOnly, useCopy, useIsMobile, useSidebar, useToast };
|
package/dist/clients.js
CHANGED
|
@@ -11979,10 +11979,10 @@ var InputFile = forwardRef2(
|
|
|
11979
11979
|
/* @__PURE__ */ jsxs71(
|
|
11980
11980
|
"label",
|
|
11981
11981
|
{
|
|
11982
|
-
onDragEnter: variant === "large" ? handleDragEnter : void 0,
|
|
11983
|
-
onDragLeave: variant === "large" ? handleDragLeave : void 0,
|
|
11984
|
-
onDragOver: variant === "large" ? handleDragOver : void 0,
|
|
11985
|
-
onDrop: variant === "large" ? handleDrop : void 0,
|
|
11982
|
+
onDragEnter: variant === "large" || variant === "medium" ? handleDragEnter : void 0,
|
|
11983
|
+
onDragLeave: variant === "large" || variant === "medium" ? handleDragLeave : void 0,
|
|
11984
|
+
onDragOver: variant === "large" || variant === "medium" ? handleDragOver : void 0,
|
|
11985
|
+
onDrop: variant === "large" || variant === "medium" ? handleDrop : void 0,
|
|
11986
11986
|
className: cn(
|
|
11987
11987
|
inputFileVariants({ variant }),
|
|
11988
11988
|
"group relative flex items-center gap-2 rounded-lg border px-3 py-2 transition-all",
|
|
@@ -11993,7 +11993,7 @@ var InputFile = forwardRef2(
|
|
|
11993
11993
|
variant === "large" && internalErrorMessage !== void 0 && "border-danger-500",
|
|
11994
11994
|
//prettier-ignore
|
|
11995
11995
|
variant === "large" && "flex-col items-center p-5!",
|
|
11996
|
-
variant === "large" && isDragging && "border-primary-500 bg-primary-50",
|
|
11996
|
+
(variant === "large" || variant === "medium") && isDragging && "border-primary-500 bg-primary-50",
|
|
11997
11997
|
//prettier-ignore
|
|
11998
11998
|
disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
|
|
11999
11999
|
),
|
|
@@ -12021,7 +12021,7 @@ var InputFile = forwardRef2(
|
|
|
12021
12021
|
Text,
|
|
12022
12022
|
{
|
|
12023
12023
|
as: "p",
|
|
12024
|
-
value: variant === "large" && !isDragging && !hint ? `Klik atau drag & drop file disini` : hint,
|
|
12024
|
+
value: (variant === "large" || variant === "medium") && !isDragging && !hint ? `Klik atau drag & drop file disini` : hint,
|
|
12025
12025
|
className: "text-gray-600!"
|
|
12026
12026
|
}
|
|
12027
12027
|
)
|
|
@@ -12686,6 +12686,7 @@ function TablePagination({
|
|
|
12686
12686
|
nextOnClick,
|
|
12687
12687
|
prevOnClick,
|
|
12688
12688
|
wrapperClassName,
|
|
12689
|
+
setNumberLink,
|
|
12689
12690
|
dropdownContentClassName,
|
|
12690
12691
|
dropdownTriggerClassName,
|
|
12691
12692
|
dropdownItemClassName
|
|
@@ -12801,11 +12802,15 @@ function TablePagination({
|
|
|
12801
12802
|
}
|
|
12802
12803
|
const active = currentPage === item;
|
|
12803
12804
|
return /* @__PURE__ */ jsx379(
|
|
12804
|
-
"
|
|
12805
|
+
"a",
|
|
12805
12806
|
{
|
|
12806
|
-
|
|
12807
|
+
href: setNumberLink !== void 0 ? setNumberLink?.(`?page=${item}`, item) : `?page=${item}`,
|
|
12808
|
+
onClick: (e) => {
|
|
12809
|
+
e.preventDefault();
|
|
12810
|
+
numberOnClick?.(item);
|
|
12811
|
+
},
|
|
12807
12812
|
className: clsx5(
|
|
12808
|
-
"size-9 cursor-pointer rounded-lg",
|
|
12813
|
+
"grid size-9 cursor-pointer place-items-center rounded-lg",
|
|
12809
12814
|
active ? "bg-primary-1000 hover:bg-primary-1000 *:text-white" : "hover:bg-primary-50 *:text-gray-700"
|
|
12810
12815
|
),
|
|
12811
12816
|
children: /* @__PURE__ */ jsx379(
|
|
@@ -15286,6 +15291,7 @@ function Select({
|
|
|
15286
15291
|
required,
|
|
15287
15292
|
isSelectOpen,
|
|
15288
15293
|
onOpenChange,
|
|
15294
|
+
searchOptions,
|
|
15289
15295
|
searchPlaceholder = "Search..."
|
|
15290
15296
|
}) {
|
|
15291
15297
|
const [isOpen, setIsOpen] = useState14(false);
|
|
@@ -15420,6 +15426,11 @@ function Select({
|
|
|
15420
15426
|
useEffect10(() => {
|
|
15421
15427
|
onOpenChange?.(isOpen);
|
|
15422
15428
|
}, [isOpen]);
|
|
15429
|
+
useEffect10(() => {
|
|
15430
|
+
if (searchOptions !== void 0) {
|
|
15431
|
+
setSearchTerm(searchOptions);
|
|
15432
|
+
}
|
|
15433
|
+
}, [searchOptions]);
|
|
15423
15434
|
const getDisplayValue = () => {
|
|
15424
15435
|
const isEmpty = value == null || isMulti && asArray(value).length === 0;
|
|
15425
15436
|
if (isEmpty) {
|
|
@@ -34451,7 +34462,7 @@ function TableGroup({
|
|
|
34451
34462
|
{
|
|
34452
34463
|
title: "Delete Row",
|
|
34453
34464
|
icon: "table-delete-row",
|
|
34454
|
-
onClick: () => editor.chain().focus().
|
|
34465
|
+
onClick: () => editor.chain().focus().deleteRow().run(),
|
|
34455
34466
|
requiresTable: false,
|
|
34456
34467
|
disabled
|
|
34457
34468
|
}
|
|
@@ -34467,7 +34478,7 @@ function TableGroup({
|
|
|
34467
34478
|
{
|
|
34468
34479
|
title: "Delete Column",
|
|
34469
34480
|
icon: "table-delete-column",
|
|
34470
|
-
onClick: () => editor.chain().focus().
|
|
34481
|
+
onClick: () => editor.chain().focus().deleteColumn().run(),
|
|
34471
34482
|
requiresTable: false,
|
|
34472
34483
|
disabled
|
|
34473
34484
|
}
|
|
@@ -34781,8 +34792,228 @@ function TextEditor({
|
|
|
34781
34792
|
}
|
|
34782
34793
|
);
|
|
34783
34794
|
}
|
|
34795
|
+
|
|
34796
|
+
// src/components/radio/radio.tsx
|
|
34797
|
+
import React368, { createContext as createContext7, useContext as useContext7, useId as useId5 } from "react";
|
|
34798
|
+
|
|
34799
|
+
// src/components/radio/radio-variants.ts
|
|
34800
|
+
import { cva as cva13 } from "class-variance-authority";
|
|
34801
|
+
var RadioVariants = cva13(
|
|
34802
|
+
"flex items-center justify-center rounded-full border transition-all focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:outline-none",
|
|
34803
|
+
{
|
|
34804
|
+
variants: {
|
|
34805
|
+
size: {
|
|
34806
|
+
sm: "h-4 w-4",
|
|
34807
|
+
md: "h-5 w-5",
|
|
34808
|
+
lg: "h-6 w-6"
|
|
34809
|
+
},
|
|
34810
|
+
color: {
|
|
34811
|
+
primary: "border-primary-1000 focus-visible:ring-primary-900",
|
|
34812
|
+
secondary: "border-gray-600 focus-visible:ring-gray-500",
|
|
34813
|
+
success: "border-success-500 focus-visible:ring-success-400",
|
|
34814
|
+
danger: "border-danger-500 focus-visible:ring-danger-400",
|
|
34815
|
+
warning: "border-warning-500 focus-visible:ring-warning-400",
|
|
34816
|
+
info: "border-info-500 focus-visible:ring-info-400",
|
|
34817
|
+
orange: "border-orange-500 focus-visible:ring-orange-400",
|
|
34818
|
+
purple: "border-purple-500 focus-visible:ring-purple-400",
|
|
34819
|
+
gray: "border-gray-600 focus-visible:ring-gray-500"
|
|
34820
|
+
}
|
|
34821
|
+
},
|
|
34822
|
+
defaultVariants: {
|
|
34823
|
+
size: "md",
|
|
34824
|
+
color: "primary"
|
|
34825
|
+
}
|
|
34826
|
+
}
|
|
34827
|
+
);
|
|
34828
|
+
var RadioIndicatorVariants = cva13("rounded-full transition-all", {
|
|
34829
|
+
variants: {
|
|
34830
|
+
size: {
|
|
34831
|
+
sm: "h-2 w-2",
|
|
34832
|
+
md: "h-2.5 w-2.5",
|
|
34833
|
+
lg: "h-3 w-3"
|
|
34834
|
+
},
|
|
34835
|
+
color: {
|
|
34836
|
+
primary: "bg-primary-1000",
|
|
34837
|
+
secondary: "bg-gray-600",
|
|
34838
|
+
success: "bg-success-500",
|
|
34839
|
+
danger: "bg-danger-500",
|
|
34840
|
+
warning: "bg-warning-500",
|
|
34841
|
+
info: "bg-info-500",
|
|
34842
|
+
orange: "bg-orange-500",
|
|
34843
|
+
purple: "bg-purple-500",
|
|
34844
|
+
gray: "bg-gray-600"
|
|
34845
|
+
}
|
|
34846
|
+
},
|
|
34847
|
+
defaultVariants: {
|
|
34848
|
+
size: "md",
|
|
34849
|
+
color: "primary"
|
|
34850
|
+
}
|
|
34851
|
+
});
|
|
34852
|
+
|
|
34853
|
+
// src/components/radio/radio.tsx
|
|
34854
|
+
import { jsx as jsx412, jsxs as jsxs97 } from "react/jsx-runtime";
|
|
34855
|
+
var RadioGroupContext = createContext7(
|
|
34856
|
+
void 0
|
|
34857
|
+
);
|
|
34858
|
+
var RadioGroup = ({
|
|
34859
|
+
value,
|
|
34860
|
+
defaultValue,
|
|
34861
|
+
onValueChange,
|
|
34862
|
+
disabled = false,
|
|
34863
|
+
required = false,
|
|
34864
|
+
name,
|
|
34865
|
+
size = "md",
|
|
34866
|
+
color = "primary",
|
|
34867
|
+
className,
|
|
34868
|
+
label,
|
|
34869
|
+
hint,
|
|
34870
|
+
description,
|
|
34871
|
+
errorMessages,
|
|
34872
|
+
direction = "vertical",
|
|
34873
|
+
children
|
|
34874
|
+
}) => {
|
|
34875
|
+
const [internalValue, setInternalValue] = React368.useState(
|
|
34876
|
+
defaultValue ?? value ?? ""
|
|
34877
|
+
);
|
|
34878
|
+
const currentValue = value !== void 0 ? value : internalValue;
|
|
34879
|
+
const handleValueChange = (newValue) => {
|
|
34880
|
+
if (value === void 0) {
|
|
34881
|
+
setInternalValue(newValue);
|
|
34882
|
+
}
|
|
34883
|
+
onValueChange?.(newValue);
|
|
34884
|
+
};
|
|
34885
|
+
return /* @__PURE__ */ jsx412(
|
|
34886
|
+
RadioGroupContext.Provider,
|
|
34887
|
+
{
|
|
34888
|
+
value: {
|
|
34889
|
+
value: currentValue,
|
|
34890
|
+
onValueChange: handleValueChange,
|
|
34891
|
+
disabled,
|
|
34892
|
+
name,
|
|
34893
|
+
size,
|
|
34894
|
+
color
|
|
34895
|
+
},
|
|
34896
|
+
children: /* @__PURE__ */ jsx412(
|
|
34897
|
+
FormField,
|
|
34898
|
+
{
|
|
34899
|
+
label,
|
|
34900
|
+
hint,
|
|
34901
|
+
description,
|
|
34902
|
+
errorMessages,
|
|
34903
|
+
className,
|
|
34904
|
+
required,
|
|
34905
|
+
size,
|
|
34906
|
+
children: /* @__PURE__ */ jsx412(
|
|
34907
|
+
"div",
|
|
34908
|
+
{
|
|
34909
|
+
role: "radiogroup",
|
|
34910
|
+
"aria-required": required,
|
|
34911
|
+
className: cn(
|
|
34912
|
+
"flex gap-4",
|
|
34913
|
+
direction === "vertical" ? "flex-col" : "flex-row flex-wrap"
|
|
34914
|
+
),
|
|
34915
|
+
children
|
|
34916
|
+
}
|
|
34917
|
+
)
|
|
34918
|
+
}
|
|
34919
|
+
)
|
|
34920
|
+
}
|
|
34921
|
+
);
|
|
34922
|
+
};
|
|
34923
|
+
var BaseRadio = ({
|
|
34924
|
+
id: providedId,
|
|
34925
|
+
value,
|
|
34926
|
+
checked,
|
|
34927
|
+
disabled: disabledProp = false,
|
|
34928
|
+
required = false,
|
|
34929
|
+
size: sizeProp,
|
|
34930
|
+
color: colorProp,
|
|
34931
|
+
onCheckedChange,
|
|
34932
|
+
className
|
|
34933
|
+
}) => {
|
|
34934
|
+
const generatedId = useId5();
|
|
34935
|
+
const id = providedId ?? generatedId;
|
|
34936
|
+
const context = useContext7(RadioGroupContext);
|
|
34937
|
+
const isChecked = context ? context.value === value : checked ?? false;
|
|
34938
|
+
const disabled = disabledProp ?? context?.disabled ?? false;
|
|
34939
|
+
const name = context?.name;
|
|
34940
|
+
const size = sizeProp ?? context?.size ?? "md";
|
|
34941
|
+
const color = colorProp ?? context?.color ?? "primary";
|
|
34942
|
+
const handleChange = () => {
|
|
34943
|
+
if (disabled) return;
|
|
34944
|
+
if (context) {
|
|
34945
|
+
context.onValueChange?.(value);
|
|
34946
|
+
} else {
|
|
34947
|
+
onCheckedChange?.(!isChecked);
|
|
34948
|
+
}
|
|
34949
|
+
};
|
|
34950
|
+
return /* @__PURE__ */ jsxs97(
|
|
34951
|
+
"button",
|
|
34952
|
+
{
|
|
34953
|
+
type: "button",
|
|
34954
|
+
role: "radio",
|
|
34955
|
+
id,
|
|
34956
|
+
"aria-checked": isChecked,
|
|
34957
|
+
"aria-required": required,
|
|
34958
|
+
disabled,
|
|
34959
|
+
onClick: handleChange,
|
|
34960
|
+
className: cn(
|
|
34961
|
+
RadioVariants({ size, color }),
|
|
34962
|
+
!isChecked && "border-gray-300",
|
|
34963
|
+
disabled && "cursor-not-allowed opacity-50",
|
|
34964
|
+
!disabled && "hover:border-opacity-80 cursor-pointer",
|
|
34965
|
+
"bg-white",
|
|
34966
|
+
className
|
|
34967
|
+
),
|
|
34968
|
+
children: [
|
|
34969
|
+
Boolean(name) && /* @__PURE__ */ jsx412(
|
|
34970
|
+
"input",
|
|
34971
|
+
{
|
|
34972
|
+
type: "radio",
|
|
34973
|
+
name,
|
|
34974
|
+
value,
|
|
34975
|
+
checked: isChecked,
|
|
34976
|
+
onChange: () => {
|
|
34977
|
+
},
|
|
34978
|
+
className: "sr-only",
|
|
34979
|
+
disabled,
|
|
34980
|
+
required
|
|
34981
|
+
}
|
|
34982
|
+
),
|
|
34983
|
+
/* @__PURE__ */ jsx412(
|
|
34984
|
+
"span",
|
|
34985
|
+
{
|
|
34986
|
+
className: cn(
|
|
34987
|
+
RadioIndicatorVariants({ size, color }),
|
|
34988
|
+
isChecked ? "scale-100" : "scale-0 bg-transparent"
|
|
34989
|
+
)
|
|
34990
|
+
}
|
|
34991
|
+
)
|
|
34992
|
+
]
|
|
34993
|
+
}
|
|
34994
|
+
);
|
|
34995
|
+
};
|
|
34996
|
+
var Radio = ({ label, description, className, size: sizeProp, ...props }) => {
|
|
34997
|
+
const generatedId = useId5();
|
|
34998
|
+
const id = props?.id ?? generatedId;
|
|
34999
|
+
const context = useContext7(RadioGroupContext);
|
|
35000
|
+
const size = sizeProp ?? context?.size ?? "md";
|
|
35001
|
+
const labelSizeClasses = {
|
|
35002
|
+
sm: "text-xs",
|
|
35003
|
+
md: "text-sm",
|
|
35004
|
+
lg: "text-base"
|
|
35005
|
+
};
|
|
35006
|
+
return /* @__PURE__ */ jsxs97("div", { className: cn("inline-flex items-center gap-2", className), children: [
|
|
35007
|
+
/* @__PURE__ */ jsx412(BaseRadio, { ...props, id, size }),
|
|
35008
|
+
/* @__PURE__ */ jsxs97("div", { className: "flex flex-col", children: [
|
|
35009
|
+
Boolean(label) && /* @__PURE__ */ jsx412(FormLabel, { htmlFor: id, className: labelSizeClasses[size], children: label }),
|
|
35010
|
+
Boolean(description) && /* @__PURE__ */ jsx412(FormDescription, { children: description })
|
|
35011
|
+
] })
|
|
35012
|
+
] });
|
|
35013
|
+
};
|
|
34784
35014
|
export {
|
|
34785
35015
|
BaseCheckbox,
|
|
35016
|
+
BaseRadio,
|
|
34786
35017
|
BaseSwitch,
|
|
34787
35018
|
ButtonDropdown,
|
|
34788
35019
|
ButtonGroup,
|
|
@@ -34823,6 +35054,10 @@ export {
|
|
|
34823
35054
|
ModalPreviewAttachment,
|
|
34824
35055
|
ModalTitle,
|
|
34825
35056
|
PreviewItem,
|
|
35057
|
+
Radio,
|
|
35058
|
+
RadioGroup,
|
|
35059
|
+
RadioIndicatorVariants,
|
|
35060
|
+
RadioVariants,
|
|
34826
35061
|
Select,
|
|
34827
35062
|
Sheet,
|
|
34828
35063
|
SheetClose,
|