@sustaina/shared-ui 1.12.0 → 1.13.1
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.d.mts +70 -7
- package/dist/index.d.ts +70 -7
- package/dist/index.js +534 -48
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +530 -49
- package/dist/index.mjs.map +1 -1
- package/package.json +6 -4
package/dist/index.d.mts
CHANGED
|
@@ -38,7 +38,6 @@ interface FieldSchemaBase<T extends FieldType> {
|
|
|
38
38
|
type: T;
|
|
39
39
|
label?: string;
|
|
40
40
|
multiTableSearch?: boolean;
|
|
41
|
-
jsonPath?: string[];
|
|
42
41
|
}
|
|
43
42
|
interface DropdownFieldSchema extends FieldSchemaBase<"dropdown"> {
|
|
44
43
|
options: Option[];
|
|
@@ -58,7 +57,15 @@ interface LookupFieldSchema extends FieldSchemaBase<"lookup"> {
|
|
|
58
57
|
loadingMessage?: string;
|
|
59
58
|
}
|
|
60
59
|
type UUIDFieldSchema = FieldSchemaBase<"uuid">;
|
|
61
|
-
|
|
60
|
+
interface JSONFieldSchema extends FieldSchemaBase<"json"> {
|
|
61
|
+
jsonPath?: string[];
|
|
62
|
+
maxTags?: number;
|
|
63
|
+
fetchSuggestions?: (query: string) => Promise<Option[]>;
|
|
64
|
+
suggestionDebounce?: number;
|
|
65
|
+
placeholder?: string;
|
|
66
|
+
noOptionsMessage?: string;
|
|
67
|
+
loadingMessage?: string;
|
|
68
|
+
}
|
|
62
69
|
type FieldSchema = DropdownFieldSchema | TextFieldSchema | NumberFieldSchema | DateFieldSchema | DateTimeFieldSchema | DateMonthFieldSchema | CheckboxFieldSchema | LookupFieldSchema | UUIDFieldSchema | JSONFieldSchema;
|
|
63
70
|
type OperatorValue = "contains" | "equals" | "beginsWith" | "endsWith" | "notEquals" | "notBeginsWith" | "notEndsWith" | "notContains" | "gt" | "gte" | "lt" | "lte" | "on" | "after" | "before" | "between" | "is" | "isNot" | "containsAny" | "containsOnly" | "containsAll";
|
|
64
71
|
type RowState = {
|
|
@@ -66,7 +73,7 @@ type RowState = {
|
|
|
66
73
|
fieldName: string;
|
|
67
74
|
fieldType: FieldType;
|
|
68
75
|
operator: Exclude<OperatorValue, "between">;
|
|
69
|
-
value: string;
|
|
76
|
+
value: string | any[];
|
|
70
77
|
value2?: undefined;
|
|
71
78
|
multiTableSearch?: boolean;
|
|
72
79
|
jsonPath?: string[];
|
|
@@ -427,7 +434,7 @@ declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"d
|
|
|
427
434
|
declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
428
435
|
declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
429
436
|
|
|
430
|
-
type DialogVariant = "default" | "success" | "error" | "warning";
|
|
437
|
+
type DialogVariant = "default" | "success" | "error" | "warning" | "confirm" | "confirm-green";
|
|
431
438
|
interface DialogAlertProps {
|
|
432
439
|
open: boolean;
|
|
433
440
|
onOpenChange: (state: boolean) => void;
|
|
@@ -440,11 +447,66 @@ interface DialogAlertProps {
|
|
|
440
447
|
onCancel?: () => void;
|
|
441
448
|
showCancel?: boolean;
|
|
442
449
|
align?: "start" | "center" | "end";
|
|
443
|
-
outlet?:
|
|
450
|
+
outlet?: React.ReactNode | null;
|
|
444
451
|
persistent?: boolean;
|
|
445
452
|
}
|
|
453
|
+
type TemplateKeys = "success.saved" | "success.deleted" | "success.removed" | "error.api_db_error" | "error.permission_denied" | "error.session_expired" | "error.user_not_found" | "error.data_not_found" | "error.data_restrict_editing" | "error.network_timeout_error" | "error.queue_full" | "error.invalid_data_format" | "error.data_linked_to_system_data" | "error.pending_workflow_conflict" | "error.invalid_incomplete_data" | "error.client_side_error" | "error.system_limitation" | "error.timeout" | "error.duplicate_data" | "error.something_went_wrong" | "confirm.delete" | "confirm.inactive" | "confirm.active" | "confirm.leave_page" | "confirm.remove" | "confirm.logout";
|
|
454
|
+
type DialogAlertTemplates = Record<TemplateKeys, Omit<DialogAlertProps, "open" | "onOpenChange">>;
|
|
455
|
+
interface DialogAlertI18nResource {
|
|
456
|
+
[lang: string]: {
|
|
457
|
+
[namespace: string]: {
|
|
458
|
+
[key: string]: any;
|
|
459
|
+
};
|
|
460
|
+
};
|
|
461
|
+
}
|
|
462
|
+
|
|
446
463
|
declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet, persistent }: DialogAlertProps): react_jsx_runtime.JSX.Element;
|
|
447
464
|
|
|
465
|
+
type GetTemplatesPayload = {
|
|
466
|
+
setOpen?: (data: boolean) => void;
|
|
467
|
+
};
|
|
468
|
+
type GetTemplatesFunc = (payload: GetTemplatesPayload) => DialogAlertTemplates;
|
|
469
|
+
declare const getDialogTemplates: GetTemplatesFunc;
|
|
470
|
+
|
|
471
|
+
type OpenDialogAlert = Omit<DialogAlertProps, "open" | "onOpenChange">;
|
|
472
|
+
interface DialogAlertProviderProps extends React.PropsWithChildren {
|
|
473
|
+
/**
|
|
474
|
+
* @description i18n resource for dialogAlert to use
|
|
475
|
+
* @example
|
|
476
|
+
* ```
|
|
477
|
+
* {
|
|
478
|
+
* en: {
|
|
479
|
+
* dialog_alert: {
|
|
480
|
+
* close: "Close",
|
|
481
|
+
* cancel: "Cancel",
|
|
482
|
+
* "success.saved": {
|
|
483
|
+
title: "Successfully",
|
|
484
|
+
description: "Data has been successfully saved"
|
|
485
|
+
},
|
|
486
|
+
* ....
|
|
487
|
+
* }
|
|
488
|
+
* }
|
|
489
|
+
* }
|
|
490
|
+
* ```
|
|
491
|
+
*/
|
|
492
|
+
i18nResource?: DialogAlertI18nResource;
|
|
493
|
+
/**
|
|
494
|
+
* @description specify language to use
|
|
495
|
+
*/
|
|
496
|
+
i18nLang?: string;
|
|
497
|
+
}
|
|
498
|
+
declare const DialogAlertProvider: ({ children, i18nResource, i18nLang }: DialogAlertProviderProps) => react_jsx_runtime.JSX.Element;
|
|
499
|
+
declare const getDialogAlertControls: () => {
|
|
500
|
+
openDialogAlert: (payload?: {
|
|
501
|
+
template?: TemplateKeys;
|
|
502
|
+
props?: OpenDialogAlert;
|
|
503
|
+
}) => void;
|
|
504
|
+
closeDialogAlert: () => void;
|
|
505
|
+
openErrorDialogAlert: (error: unknown) => void;
|
|
506
|
+
};
|
|
507
|
+
|
|
508
|
+
declare const DIALOG_ALERT_I18N_NAMESPACE = "dialog_alert";
|
|
509
|
+
|
|
448
510
|
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
|
|
449
511
|
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
|
|
450
512
|
declare const useFormField: () => {
|
|
@@ -1045,6 +1107,7 @@ interface CropperModalBaseProps {
|
|
|
1045
1107
|
onCancel?: () => void;
|
|
1046
1108
|
onError?: (e: unknown) => void;
|
|
1047
1109
|
imageSrc?: string | null;
|
|
1110
|
+
isSVG?: boolean;
|
|
1048
1111
|
cropSize?: {
|
|
1049
1112
|
width: number;
|
|
1050
1113
|
height: number;
|
|
@@ -1072,7 +1135,7 @@ interface CropperModalNormalProps extends CropperModalBaseProps {
|
|
|
1072
1135
|
generateBlobUrlOutput: undefined | false;
|
|
1073
1136
|
}
|
|
1074
1137
|
type CropperModalProps = CropperModalWithBlobUrlOutputProps | CropperModalNormalProps;
|
|
1075
|
-
declare const CropperModal: ({ open, onOpenChange, imageSrc, onConfirm, onCancel, onError, cropSize, outputExactCropSize, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
|
|
1138
|
+
declare const CropperModal: ({ open, onOpenChange, imageSrc, isSVG, onConfirm, onCancel, onError, cropSize, outputExactCropSize, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
|
|
1076
1139
|
|
|
1077
1140
|
declare function isDefined(value: any): boolean;
|
|
1078
1141
|
declare function isEmptyObject(value: any): boolean;
|
|
@@ -1171,4 +1234,4 @@ type UseTruncatedOptions<T> = {
|
|
|
1171
1234
|
type UseTruncatedResult = boolean;
|
|
1172
1235
|
declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
|
|
1173
1236
|
|
|
1174
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, type CropperModalProps, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };
|
|
1237
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, type CropperModalProps, DIALOG_ALERT_I18N_NAMESPACE, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };
|
package/dist/index.d.ts
CHANGED
|
@@ -38,7 +38,6 @@ interface FieldSchemaBase<T extends FieldType> {
|
|
|
38
38
|
type: T;
|
|
39
39
|
label?: string;
|
|
40
40
|
multiTableSearch?: boolean;
|
|
41
|
-
jsonPath?: string[];
|
|
42
41
|
}
|
|
43
42
|
interface DropdownFieldSchema extends FieldSchemaBase<"dropdown"> {
|
|
44
43
|
options: Option[];
|
|
@@ -58,7 +57,15 @@ interface LookupFieldSchema extends FieldSchemaBase<"lookup"> {
|
|
|
58
57
|
loadingMessage?: string;
|
|
59
58
|
}
|
|
60
59
|
type UUIDFieldSchema = FieldSchemaBase<"uuid">;
|
|
61
|
-
|
|
60
|
+
interface JSONFieldSchema extends FieldSchemaBase<"json"> {
|
|
61
|
+
jsonPath?: string[];
|
|
62
|
+
maxTags?: number;
|
|
63
|
+
fetchSuggestions?: (query: string) => Promise<Option[]>;
|
|
64
|
+
suggestionDebounce?: number;
|
|
65
|
+
placeholder?: string;
|
|
66
|
+
noOptionsMessage?: string;
|
|
67
|
+
loadingMessage?: string;
|
|
68
|
+
}
|
|
62
69
|
type FieldSchema = DropdownFieldSchema | TextFieldSchema | NumberFieldSchema | DateFieldSchema | DateTimeFieldSchema | DateMonthFieldSchema | CheckboxFieldSchema | LookupFieldSchema | UUIDFieldSchema | JSONFieldSchema;
|
|
63
70
|
type OperatorValue = "contains" | "equals" | "beginsWith" | "endsWith" | "notEquals" | "notBeginsWith" | "notEndsWith" | "notContains" | "gt" | "gte" | "lt" | "lte" | "on" | "after" | "before" | "between" | "is" | "isNot" | "containsAny" | "containsOnly" | "containsAll";
|
|
64
71
|
type RowState = {
|
|
@@ -66,7 +73,7 @@ type RowState = {
|
|
|
66
73
|
fieldName: string;
|
|
67
74
|
fieldType: FieldType;
|
|
68
75
|
operator: Exclude<OperatorValue, "between">;
|
|
69
|
-
value: string;
|
|
76
|
+
value: string | any[];
|
|
70
77
|
value2?: undefined;
|
|
71
78
|
multiTableSearch?: boolean;
|
|
72
79
|
jsonPath?: string[];
|
|
@@ -427,7 +434,7 @@ declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"d
|
|
|
427
434
|
declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
428
435
|
declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
429
436
|
|
|
430
|
-
type DialogVariant = "default" | "success" | "error" | "warning";
|
|
437
|
+
type DialogVariant = "default" | "success" | "error" | "warning" | "confirm" | "confirm-green";
|
|
431
438
|
interface DialogAlertProps {
|
|
432
439
|
open: boolean;
|
|
433
440
|
onOpenChange: (state: boolean) => void;
|
|
@@ -440,11 +447,66 @@ interface DialogAlertProps {
|
|
|
440
447
|
onCancel?: () => void;
|
|
441
448
|
showCancel?: boolean;
|
|
442
449
|
align?: "start" | "center" | "end";
|
|
443
|
-
outlet?:
|
|
450
|
+
outlet?: React.ReactNode | null;
|
|
444
451
|
persistent?: boolean;
|
|
445
452
|
}
|
|
453
|
+
type TemplateKeys = "success.saved" | "success.deleted" | "success.removed" | "error.api_db_error" | "error.permission_denied" | "error.session_expired" | "error.user_not_found" | "error.data_not_found" | "error.data_restrict_editing" | "error.network_timeout_error" | "error.queue_full" | "error.invalid_data_format" | "error.data_linked_to_system_data" | "error.pending_workflow_conflict" | "error.invalid_incomplete_data" | "error.client_side_error" | "error.system_limitation" | "error.timeout" | "error.duplicate_data" | "error.something_went_wrong" | "confirm.delete" | "confirm.inactive" | "confirm.active" | "confirm.leave_page" | "confirm.remove" | "confirm.logout";
|
|
454
|
+
type DialogAlertTemplates = Record<TemplateKeys, Omit<DialogAlertProps, "open" | "onOpenChange">>;
|
|
455
|
+
interface DialogAlertI18nResource {
|
|
456
|
+
[lang: string]: {
|
|
457
|
+
[namespace: string]: {
|
|
458
|
+
[key: string]: any;
|
|
459
|
+
};
|
|
460
|
+
};
|
|
461
|
+
}
|
|
462
|
+
|
|
446
463
|
declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet, persistent }: DialogAlertProps): react_jsx_runtime.JSX.Element;
|
|
447
464
|
|
|
465
|
+
type GetTemplatesPayload = {
|
|
466
|
+
setOpen?: (data: boolean) => void;
|
|
467
|
+
};
|
|
468
|
+
type GetTemplatesFunc = (payload: GetTemplatesPayload) => DialogAlertTemplates;
|
|
469
|
+
declare const getDialogTemplates: GetTemplatesFunc;
|
|
470
|
+
|
|
471
|
+
type OpenDialogAlert = Omit<DialogAlertProps, "open" | "onOpenChange">;
|
|
472
|
+
interface DialogAlertProviderProps extends React.PropsWithChildren {
|
|
473
|
+
/**
|
|
474
|
+
* @description i18n resource for dialogAlert to use
|
|
475
|
+
* @example
|
|
476
|
+
* ```
|
|
477
|
+
* {
|
|
478
|
+
* en: {
|
|
479
|
+
* dialog_alert: {
|
|
480
|
+
* close: "Close",
|
|
481
|
+
* cancel: "Cancel",
|
|
482
|
+
* "success.saved": {
|
|
483
|
+
title: "Successfully",
|
|
484
|
+
description: "Data has been successfully saved"
|
|
485
|
+
},
|
|
486
|
+
* ....
|
|
487
|
+
* }
|
|
488
|
+
* }
|
|
489
|
+
* }
|
|
490
|
+
* ```
|
|
491
|
+
*/
|
|
492
|
+
i18nResource?: DialogAlertI18nResource;
|
|
493
|
+
/**
|
|
494
|
+
* @description specify language to use
|
|
495
|
+
*/
|
|
496
|
+
i18nLang?: string;
|
|
497
|
+
}
|
|
498
|
+
declare const DialogAlertProvider: ({ children, i18nResource, i18nLang }: DialogAlertProviderProps) => react_jsx_runtime.JSX.Element;
|
|
499
|
+
declare const getDialogAlertControls: () => {
|
|
500
|
+
openDialogAlert: (payload?: {
|
|
501
|
+
template?: TemplateKeys;
|
|
502
|
+
props?: OpenDialogAlert;
|
|
503
|
+
}) => void;
|
|
504
|
+
closeDialogAlert: () => void;
|
|
505
|
+
openErrorDialogAlert: (error: unknown) => void;
|
|
506
|
+
};
|
|
507
|
+
|
|
508
|
+
declare const DIALOG_ALERT_I18N_NAMESPACE = "dialog_alert";
|
|
509
|
+
|
|
448
510
|
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
|
|
449
511
|
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
|
|
450
512
|
declare const useFormField: () => {
|
|
@@ -1045,6 +1107,7 @@ interface CropperModalBaseProps {
|
|
|
1045
1107
|
onCancel?: () => void;
|
|
1046
1108
|
onError?: (e: unknown) => void;
|
|
1047
1109
|
imageSrc?: string | null;
|
|
1110
|
+
isSVG?: boolean;
|
|
1048
1111
|
cropSize?: {
|
|
1049
1112
|
width: number;
|
|
1050
1113
|
height: number;
|
|
@@ -1072,7 +1135,7 @@ interface CropperModalNormalProps extends CropperModalBaseProps {
|
|
|
1072
1135
|
generateBlobUrlOutput: undefined | false;
|
|
1073
1136
|
}
|
|
1074
1137
|
type CropperModalProps = CropperModalWithBlobUrlOutputProps | CropperModalNormalProps;
|
|
1075
|
-
declare const CropperModal: ({ open, onOpenChange, imageSrc, onConfirm, onCancel, onError, cropSize, outputExactCropSize, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
|
|
1138
|
+
declare const CropperModal: ({ open, onOpenChange, imageSrc, isSVG, onConfirm, onCancel, onError, cropSize, outputExactCropSize, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
|
|
1076
1139
|
|
|
1077
1140
|
declare function isDefined(value: any): boolean;
|
|
1078
1141
|
declare function isEmptyObject(value: any): boolean;
|
|
@@ -1171,4 +1234,4 @@ type UseTruncatedOptions<T> = {
|
|
|
1171
1234
|
type UseTruncatedResult = boolean;
|
|
1172
1235
|
declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
|
|
1173
1236
|
|
|
1174
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, type CropperModalProps, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };
|
|
1237
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, type CropperModalProps, DIALOG_ALERT_I18N_NAMESPACE, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };
|