@sustaina/shared-ui 1.13.2 → 1.15.0

package/dist/index.d.mts

@@ -8,6 +8,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { Header, RowData as RowData$1, Column as Column$1, Table as Table$1, ColumnDef, ColumnFiltersState, OnChangeFn, FilterFnOption, SortingState, ColumnOrderState, VisibilityState, ColumnPinningState, GroupingState, GroupingOptions, ColumnResizeMode, RowSelectionState, Row, ExpandedState, Cell, HeaderGroup, HeaderContext } from '@tanstack/react-table';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { DialogContentProps as DialogContentProps$1 } from '@radix-ui/react-dialog';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -20,7 +21,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { Area, CropperProps } from 'react-easy-crop';
+import { CropperProps, Area } from 'react-easy-crop';
 import { ClassValue } from 'clsx';
 
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
@@ -100,6 +101,7 @@ interface AdvanceSearchProps {
     iconColor?: string;
     onSearch?: (param: Params) => void;
     onClear?: () => void;
+    shortDateFormat?: string;
 }
 
 declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
@@ -1108,7 +1110,7 @@ interface CropperModalBaseProps {
     open?: boolean;
     onOpenChange: (open: boolean) => void;
     onCancel?: () => void;
-    onError?: (e: unknown) => void;
+    onError?: (e: CropperModalError | unknown) => void;
     imageSrc?: string | null;
     isSVG?: boolean;
     cropSize?: {
@@ -1120,11 +1122,12 @@ interface CropperModalBaseProps {
      * @description an original image dimension is 1000x1000px, if cropSize is 500x500px, the output image will be exactly 500x500px
      */
     outputExactCropSize?: boolean;
+    targetFileSizeKB?: number;
     title?: string;
     props?: {
         dialogTitleContainer?: React.ComponentProps<"div">;
         dialogTitle?: React.ComponentProps<typeof SheetPrimitive.Title>;
-        dialogContent?: DialogContentProps;
+        dialogContent?: DialogContentProps$1;
         cropper?: CropperProps;
         cropperContainer?: React.ComponentProps<"div">;
     };
@@ -1138,7 +1141,18 @@ interface CropperModalNormalProps extends CropperModalBaseProps {
     generateBlobUrlOutput: undefined | false;
 }
 type CropperModalProps = CropperModalWithBlobUrlOutputProps | CropperModalNormalProps;
-declare const CropperModal: ({ open, onOpenChange, imageSrc, isSVG, onConfirm, onCancel, onError, cropSize, outputExactCropSize, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
+type CropperModalErrorType = "ERROR_GENERATE_BLOB" | "ERROR_CREATE_CANVAS" | "ERROR_INVALID_SVG" | "ERROR_COMPRESSION" | "ERROR_SVG_EXCEED_SIZE";
+declare class CropperModalError extends Error {
+    readonly error: CropperModalErrorType;
+    constructor(errorType: CropperModalErrorType, message: string);
+}
+declare const ErrorGeneratingBlob: CropperModalError;
+declare const ErrorCreateCanvas: CropperModalError;
+declare const ErrorInvalidSVG: CropperModalError;
+declare const ErrorCompression: CropperModalError;
+declare const ErrorSVGExceedSize: CropperModalError;
+
+declare const CropperModal: ({ open, onOpenChange, imageSrc, isSVG, onConfirm, onCancel, onError, cropSize, outputExactCropSize, targetFileSizeKB, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
 
 declare function isDefined(value: any): boolean;
 declare function isEmptyObject(value: any): boolean;
@@ -1159,6 +1173,21 @@ declare function stripNullishObject<T extends Record<string, any>>(value: Partia
     [k: string]: any;
 };
 
+/**
+ * Formats an ISO date string according to a specified format.
+ *
+ * @param isoDateString The input ISO 8601 date string (e.g., '2025-09-22T08:47:15.627Z') or javascript Date object
+ * @param format The format string (e.g., 'd/m/Y H:i:s')
+ * - d / DD: Day (01-31)
+ * - m / MM: Month (01-12)
+ * - Y / YYYY: Full Year (e.g., 2025)
+ * - H: Hour (00-23)
+ * - i: Minute (00-59)
+ * - s: Second (00-59)
+ * @returns A formatted date string.
+ */
+declare function formatISODate(isoDate: string | Date, format?: string): string;
+
 /**
  * Utility function to intelligently combine class names using `clsx`
  * and resolve Tailwind CSS class conflicts using `tailwind-merge`.
@@ -1237,4 +1266,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-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 };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, 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, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, 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, Spinner, type SpinnerProps, 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, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, spinnerVariants, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { Header, RowData as RowData$1, Column as Column$1, Table as Table$1, ColumnDef, ColumnFiltersState, OnChangeFn, FilterFnOption, SortingState, ColumnOrderState, VisibilityState, ColumnPinningState, GroupingState, GroupingOptions, ColumnResizeMode, RowSelectionState, Row, ExpandedState, Cell, HeaderGroup, HeaderContext } from '@tanstack/react-table';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { DialogContentProps as DialogContentProps$1 } from '@radix-ui/react-dialog';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -20,7 +21,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { Area, CropperProps } from 'react-easy-crop';
+import { CropperProps, Area } from 'react-easy-crop';
 import { ClassValue } from 'clsx';
 
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
@@ -100,6 +101,7 @@ interface AdvanceSearchProps {
     iconColor?: string;
     onSearch?: (param: Params) => void;
     onClear?: () => void;
+    shortDateFormat?: string;
 }
 
 declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
@@ -1108,7 +1110,7 @@ interface CropperModalBaseProps {
     open?: boolean;
     onOpenChange: (open: boolean) => void;
     onCancel?: () => void;
-    onError?: (e: unknown) => void;
+    onError?: (e: CropperModalError | unknown) => void;
     imageSrc?: string | null;
     isSVG?: boolean;
     cropSize?: {
@@ -1120,11 +1122,12 @@ interface CropperModalBaseProps {
      * @description an original image dimension is 1000x1000px, if cropSize is 500x500px, the output image will be exactly 500x500px
      */
     outputExactCropSize?: boolean;
+    targetFileSizeKB?: number;
     title?: string;
     props?: {
         dialogTitleContainer?: React.ComponentProps<"div">;
         dialogTitle?: React.ComponentProps<typeof SheetPrimitive.Title>;
-        dialogContent?: DialogContentProps;
+        dialogContent?: DialogContentProps$1;
         cropper?: CropperProps;
         cropperContainer?: React.ComponentProps<"div">;
     };
@@ -1138,7 +1141,18 @@ interface CropperModalNormalProps extends CropperModalBaseProps {
     generateBlobUrlOutput: undefined | false;
 }
 type CropperModalProps = CropperModalWithBlobUrlOutputProps | CropperModalNormalProps;
-declare const CropperModal: ({ open, onOpenChange, imageSrc, isSVG, onConfirm, onCancel, onError, cropSize, outputExactCropSize, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
+type CropperModalErrorType = "ERROR_GENERATE_BLOB" | "ERROR_CREATE_CANVAS" | "ERROR_INVALID_SVG" | "ERROR_COMPRESSION" | "ERROR_SVG_EXCEED_SIZE";
+declare class CropperModalError extends Error {
+    readonly error: CropperModalErrorType;
+    constructor(errorType: CropperModalErrorType, message: string);
+}
+declare const ErrorGeneratingBlob: CropperModalError;
+declare const ErrorCreateCanvas: CropperModalError;
+declare const ErrorInvalidSVG: CropperModalError;
+declare const ErrorCompression: CropperModalError;
+declare const ErrorSVGExceedSize: CropperModalError;
+
+declare const CropperModal: ({ open, onOpenChange, imageSrc, isSVG, onConfirm, onCancel, onError, cropSize, outputExactCropSize, targetFileSizeKB, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
 
 declare function isDefined(value: any): boolean;
 declare function isEmptyObject(value: any): boolean;
@@ -1159,6 +1173,21 @@ declare function stripNullishObject<T extends Record<string, any>>(value: Partia
     [k: string]: any;
 };
 
+/**
+ * Formats an ISO date string according to a specified format.
+ *
+ * @param isoDateString The input ISO 8601 date string (e.g., '2025-09-22T08:47:15.627Z') or javascript Date object
+ * @param format The format string (e.g., 'd/m/Y H:i:s')
+ * - d / DD: Day (01-31)
+ * - m / MM: Month (01-12)
+ * - Y / YYYY: Full Year (e.g., 2025)
+ * - H: Hour (00-23)
+ * - i: Minute (00-59)
+ * - s: Second (00-59)
+ * @returns A formatted date string.
+ */
+declare function formatISODate(isoDate: string | Date, format?: string): string;
+
 /**
  * Utility function to intelligently combine class names using `clsx`
  * and resolve Tailwind CSS class conflicts using `tailwind-merge`.
@@ -1237,4 +1266,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-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 };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, 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, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, 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, Spinner, type SpinnerProps, 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, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, spinnerVariants, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };

package/dist/index.js

@@ -214,6 +214,45 @@ function stripNullishObject(value) {
     return {};
   }
 }
+
+// src/utils/date.ts
+var pad = (num) => String(num).padStart(2, "0");
+function formatISODate(isoDate, format5 = "d/m/Y H:i") {
+  const date = new Date(isoDate);
+  if (isNaN(date.getTime())) {
+    return "Invalid Date";
+  }
+  const parts = {
+    d: pad(date.getDate()),
+    m: pad(date.getMonth() + 1),
+    Y: String(date.getFullYear()),
+    H: pad(date.getHours()),
+    i: pad(date.getMinutes()),
+    s: pad(date.getSeconds())
+  };
+  const tokenMap = {
+    // Day
+    d: "d",
+    DD: "d",
+    // Month
+    m: "m",
+    MM: "m",
+    // Year
+    Y: "Y",
+    // 'Y' and 'YYYY' will both map to the 4-digit year
+    YYYY: "Y",
+    // Hour
+    H: "H",
+    // Minute
+    i: "i",
+    // Second
+    s: "s"
+  };
+  return format5.replace(/YYYY|Y|MM|m|DD|d|H|i|s/g, (match) => {
+    const partKey = tokenMap[match];
+    return partKey ? parts[partKey] : match;
+  });
+}
 function cn(...args) {
   return tailwindMerge.twMerge(clsx2.clsx(args));
 }
@@ -1806,7 +1845,7 @@ var DatePicker2 = ({
   value,
   onChange,
   onValueChange,
-  placeholder: placeholder3 = "DD/MM/YYYY",
+  placeholder: placeholder2 = "DD/MM/YYYY",
   allowClear = true,
   displayFormatter,
   valueFormatter,
@@ -1835,7 +1874,7 @@ var DatePicker2 = ({
     const parsed = parser(value);
     return parsed && dateFns.isValid(parsed) ? parsed : void 0;
   }, [parser, value]);
-  const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder3;
+  const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder2;
   const buttonAriaLabel = ariaLabel ?? (parsedValue ? `Change date, current selection ${labelFormatter(parsedValue)}` : "Open date picker");
   const shouldShowClear = allowClear && !disabled && !!parsedValue;
   const handleClose = React4__namespace.default.useCallback(() => setOpen(false), []);
@@ -1909,8 +1948,15 @@ var DatePicker2 = ({
     )
   ] }) });
 };
-var placeholder = "DD/MM/YYYY";
-var ConditionDateInput = ({ row, control, onClear }) => {
+
+// src/components/advanceSearch/components/constants/index.ts
+var fallbackShortDateFormat = "DD/MM/YYYY";
+var ConditionDateInput = ({
+  row,
+  control,
+  onClear,
+  shortDateFormat = fallbackShortDateFormat
+}) => {
   const isBetween = row.operator === "between";
   const buildAriaLabel = (isEnd) => {
     if (isEnd) return "Select end date";
@@ -1942,10 +1988,11 @@ var ConditionDateInput = ({ row, control, onClear }) => {
               ...field,
               value: field.value || void 0,
               onValueChange: handleValueChange,
-              placeholder,
+              placeholder: shortDateFormat,
               ariaLabel: buildAriaLabel(options?.isEnd),
               clearAriaLabel: buildClearLabel(options?.isEnd),
               invalid: Boolean(fieldState.error),
+              displayFormatter: (d) => formatISODate(d, shortDateFormat),
               wrapperClassName: "min-w-0"
             }
           ) }),
@@ -2229,7 +2276,7 @@ var MonthPicker2 = ({
   value,
   onChange,
   onValueChange,
-  placeholder: placeholder3 = "MM/YYYY",
+  placeholder: placeholder2 = "MM/YYYY",
   allowClear = true,
   displayFormatter,
   valueFormatter,
@@ -2261,7 +2308,7 @@ var MonthPicker2 = ({
     }
     return void 0;
   }, [parser, value]);
-  const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder3;
+  const buttonLabel = parsedValue ? labelFormatter(parsedValue) : placeholder2;
   const buttonAriaLabel = ariaLabel ?? (parsedValue ? `Change month, current selection ${labelFormatter(parsedValue)}` : "Open month picker");
   const shouldShowClear = allowClear && !disabled && !!parsedValue;
   const handleClose = React4__namespace.default.useCallback(() => setOpen(false), []);
@@ -2336,7 +2383,7 @@ var MonthPicker2 = ({
     )
   ] }) });
 };
-var placeholder2 = "MM/YYYY";
+var placeholder = "MM/YYYY";
 var ConditionMonthInput = ({ row, control, onClear }) => {
   const isBetween = row.operator === "between";
   const buildAriaLabel = (isEnd) => {
@@ -2370,7 +2417,7 @@ var ConditionMonthInput = ({ row, control, onClear }) => {
               ...field,
               value,
               onValueChange: handleValueChange,
-              placeholder: placeholder2,
+              placeholder,
               ariaLabel: buildAriaLabel(options?.isEnd),
               clearAriaLabel: buildClearLabel(options?.isEnd),
               displayFormatter: (month) => dateFns.format(month, "MM/yyyy"),
@@ -2482,7 +2529,7 @@ var LookupSelect = ({
   onChange,
   onClear,
   error,
-  placeholder: placeholder3,
+  placeholder: placeholder2,
   maxTags = 10,
   fetchSuggestions,
   suggestionDebounce = 250,
@@ -2656,7 +2703,7 @@ var LookupSelect = ({
       window.removeEventListener("scroll", handleReposition, true);
     };
   }, [dropdownPortalElement, isDropdownOpen, updateDropdownPosition]);
-  const resolvedPlaceholder = placeholder3 ?? "Select";
+  const resolvedPlaceholder = placeholder2 ?? "Select";
   const showDropdown = isDropdownOpen && !fetchError;
   const dropdownContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2 text-sm text-inherit", children: loadingMessage }) : suggestions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center px-3 py-4 text-sm text-inherit text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx(not_found_default, { className: "w-full max-w-[80px] h-auto" }),
@@ -2849,7 +2896,13 @@ var ConditionJSONInput = ({
     }
   }
 );
-var ConditionValue = ({ row, fields, onClearValue, dropdownPortalId }) => {
+var ConditionValue = ({
+  row,
+  fields,
+  onClearValue,
+  dropdownPortalId,
+  shortDateFormat
+}) => {
   const { control } = reactHookForm.useFormContext();
   const fieldSchema = fields.find((f) => f.name === row.fieldName);
   const fieldType = fieldSchema?.type ?? "text";
@@ -2858,7 +2911,15 @@ var ConditionValue = ({ row, fields, onClearValue, dropdownPortalId }) => {
       return /* @__PURE__ */ jsxRuntime.jsx(ConditionNumberInput, { row, control, onClear: onClearValue });
     case "date":
     case "datetime":
-      return /* @__PURE__ */ jsxRuntime.jsx(ConditionDateInput, { row, control, onClear: onClearValue });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ConditionDateInput,
+        {
+          row,
+          control,
+          onClear: onClearValue,
+          shortDateFormat
+        }
+      );
     case "datemonth":
       return /* @__PURE__ */ jsxRuntime.jsx(ConditionMonthInput, { row, control, onClear: onClearValue });
     case "dropdown":
@@ -2937,7 +2998,8 @@ var AdvanceSearchRow = ({
   onRemove,
   onClearValue,
   disableAdd,
-  dropdownPortalId
+  dropdownPortalId,
+  shortDateFormat
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3 rounded-lg bg-white md:grid-cols-[minmax(150px,0.85fr)_minmax(140px,0.75fr)_minmax(260px,1fr)_auto] md:items-start", children: [
     /* @__PURE__ */ jsxRuntime.jsx(FieldSelect, { row, fieldOptions, onChangeField }),
@@ -2956,7 +3018,8 @@ var AdvanceSearchRow = ({
         row,
         fields,
         onClearValue,
-        dropdownPortalId
+        dropdownPortalId,
+        shortDateFormat
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full", children: /* @__PURE__ */ jsxRuntime.jsx(AddRemoveButtons, { isFirst, onAdd, onRemove, disableAdd }) })
@@ -3378,7 +3441,8 @@ var AdvanceSearch = ({
   iconColor = "#ffffff",
   limitRows = 4,
   onSearch,
-  onClear
+  onClear,
+  shortDateFormat
 }) => {
   const fieldsData = React4.useMemo(() => {
     if (fields.length === 0) throw new Error("fields cannot be an empty array");
@@ -3508,6 +3572,7 @@ var AdvanceSearch = ({
           AdvanceSearchRow,
           {
             row,
+            shortDateFormat,
             isFirst: idx === 0,
             fields: fieldsData,
             fieldOptions,
@@ -6331,8 +6396,8 @@ function parseSerializedEditorState(raw) {
     return void 0;
   }
 }
-function Placeholder({ placeholder: placeholder3 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: theme.placeholder, children: placeholder3 });
+function Placeholder({ placeholder: placeholder2 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: theme.placeholder, children: placeholder2 });
 }
 var initialToolbarState = {
   isBold: false,
@@ -7233,7 +7298,7 @@ var RichText = React4.forwardRef(function RichText2({
   defaultValue,
   onChange,
   onHtmlChange,
-  placeholder: placeholder3,
+  placeholder: placeholder2,
   readOnly,
   disabled,
   editorClassName,
@@ -7321,7 +7386,7 @@ var RichText = React4.forwardRef(function RichText2({
                   )
                 }
               ),
-              placeholder: /* @__PURE__ */ jsxRuntime.jsx(Placeholder, { placeholder: placeholder3 || "" }),
+              placeholder: /* @__PURE__ */ jsxRuntime.jsx(Placeholder, { placeholder: placeholder2 || "" }),
               ErrorBoundary: LexicalErrorBoundary.LexicalErrorBoundary
             }
           ),
@@ -8175,6 +8240,31 @@ function SidebarLayout({
   ] }) });
 }
 
+// src/components/cropperModal/type.ts
+var CropperModalError = class extends Error {
+  constructor(errorType, message) {
+    super(message);
+    this.error = errorType;
+  }
+};
+var ErrorGeneratingBlob = new CropperModalError(
+  "ERROR_GENERATE_BLOB",
+  "failed to generate a valid Blob"
+);
+var ErrorCreateCanvas = new CropperModalError("ERROR_CREATE_CANVAS", "Failed to create canvas");
+var ErrorInvalidSVG = new CropperModalError(
+  "ERROR_INVALID_SVG",
+  "The file is not a valid SVG document root"
+);
+var ErrorCompression = new CropperModalError(
+  "ERROR_COMPRESSION",
+  "Compression failed to generate a valid Blob"
+);
+var ErrorSVGExceedSize = new CropperModalError(
+  "ERROR_SVG_EXCEED_SIZE",
+  "The SVG file is too large"
+);
+
 // src/components/cropperModal/helper.ts
 var createImage = (url) => new Promise((resolve, reject) => {
   const image = new Image();
@@ -8183,12 +8273,38 @@ var createImage = (url) => new Promise((resolve, reject) => {
   image.setAttribute("crossOrigin", "anonymous");
   image.src = url;
 });
-async function getCroppedImg(imageSrc, pixelCrop, desiredDimension) {
+function toBlobPromise(canvas, quality) {
+  return new Promise((resolve) => {
+    canvas.toBlob((blob) => resolve(blob), "image/jpeg", quality);
+  });
+}
+async function resizeImage(canvas, targetSizeKB) {
+  const targetSizeBytes = targetSizeKB * 1024;
+  let quality = 1;
+  const qualityStep = 0.05;
+  let compressedBlob = null;
+  let currentSize = Infinity;
+  while (currentSize > targetSizeBytes && quality > 0) {
+    compressedBlob = await toBlobPromise(canvas, quality);
+    if (compressedBlob === null) {
+      throw ErrorCompression;
+    }
+    currentSize = compressedBlob.size;
+    if (currentSize > targetSizeBytes) {
+      quality = Math.max(0, quality - qualityStep);
+    }
+  }
+  if (compressedBlob && currentSize <= targetSizeBytes) {
+    return URL.createObjectURL(compressedBlob);
+  }
+  throw ErrorCompression;
+}
+async function getCroppedImg(imageSrc, pixelCrop, desiredDimension, targetSizeKB = Infinity) {
   const image = await createImage(imageSrc);
   const canvas = document.createElement("canvas");
   const ctx = canvas.getContext("2d");
   if (!ctx) {
-    throw new Error("can not create canvas");
+    throw ErrorCreateCanvas;
   }
   canvas.width = image.width;
   canvas.height = image.height;
@@ -8196,7 +8312,7 @@ async function getCroppedImg(imageSrc, pixelCrop, desiredDimension) {
   const croppedCanvas = document.createElement("canvas");
   const croppedCtx = croppedCanvas.getContext("2d");
   if (!croppedCtx) {
-    throw new Error("can not create canvas");
+    throw ErrorCreateCanvas;
   }
   croppedCanvas.width = desiredDimension?.width ?? pixelCrop.width;
   croppedCanvas.height = desiredDimension?.height ?? pixelCrop.height;
@@ -8211,17 +8327,9 @@ async function getCroppedImg(imageSrc, pixelCrop, desiredDimension) {
     desiredDimension?.width ?? pixelCrop.width,
     desiredDimension?.height ?? pixelCrop.height
   );
-  return new Promise((resolve, reject) => {
-    croppedCanvas.toBlob((file) => {
-      if (file) {
-        resolve(URL.createObjectURL(file));
-      } else {
-        reject("croppedCanvas gave null object");
-      }
-    }, "image/png");
-  });
+  return resizeImage(croppedCanvas, targetSizeKB);
 }
-async function getCroppedSVG(imageSrc, pixelCrop, desiredDimension) {
+async function getCroppedSVG(imageSrc, pixelCrop, desiredDimension, targetSizeKB = Infinity) {
   let svgString;
   const parts = imageSrc.split(",");
   const meta = parts[0];
@@ -8235,7 +8343,7 @@ async function getCroppedSVG(imageSrc, pixelCrop, desiredDimension) {
   const svgDoc = parser.parseFromString(svgString, "image/svg+xml");
   const svgElement = svgDoc.documentElement;
   if (svgElement.tagName.toLowerCase() !== "svg") {
-    throw new Error("The file is not a valid SVG document root.");
+    throw ErrorInvalidSVG;
   }
   const newViewBox = `${pixelCrop.x} ${pixelCrop.y} ${pixelCrop.width} ${pixelCrop.height}`;
   svgElement.setAttribute("viewBox", newViewBox);
@@ -8246,6 +8354,10 @@ async function getCroppedSVG(imageSrc, pixelCrop, desiredDimension) {
   const serializer = new XMLSerializer();
   const croppedSvgString = serializer.serializeToString(svgElement);
   const blob = new Blob([croppedSvgString], { type: "image/svg+xml" });
+  const targetSizeBytes = targetSizeKB * 1024;
+  if (blob.size > targetSizeBytes) {
+    throw ErrorSVGExceedSize;
+  }
   return URL.createObjectURL(blob);
 }
 var CropperModal = ({
@@ -8258,6 +8370,7 @@ var CropperModal = ({
   onError,
   cropSize,
   outputExactCropSize,
+  targetFileSizeKB,
   generateBlobUrlOutput,
   title,
   props
@@ -8294,7 +8407,7 @@ var CropperModal = ({
     setIsLoading(true);
     try {
       const desiredDimension = outputExactCropSize ? cropSize : void 0;
-      const croppedImage = isSVG ? await getCroppedSVG(imageSrc, croppedAreaPixels, desiredDimension) : await getCroppedImg(imageSrc, croppedAreaPixels, desiredDimension);
+      const croppedImage = isSVG ? await getCroppedSVG(imageSrc, croppedAreaPixels, desiredDimension, targetFileSizeKB) : await getCroppedImg(imageSrc, croppedAreaPixels, desiredDimension, targetFileSizeKB);
       onConfirm({ crop, croppedAreaPixels, croppedImageBlobUrl: croppedImage });
     } catch (e) {
       if (onError) {
@@ -8382,6 +8495,7 @@ exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent2;
 exports.CollapsibleTrigger = CollapsibleTrigger2;
 exports.CropperModal = CropperModal;
+exports.CropperModalError = CropperModalError;
 exports.DIALOG_ALERT_I18N_NAMESPACE = DIALOG_ALERT_I18N_NAMESPACE;
 exports.DataTable = DataTable_default;
 exports.DatePicker = DatePicker2;
@@ -8393,6 +8507,11 @@ exports.DialogDescription = DialogDescription;
 exports.DialogFooter = DialogFooter;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
+exports.ErrorCompression = ErrorCompression;
+exports.ErrorCreateCanvas = ErrorCreateCanvas;
+exports.ErrorGeneratingBlob = ErrorGeneratingBlob;
+exports.ErrorInvalidSVG = ErrorInvalidSVG;
+exports.ErrorSVGExceedSize = ErrorSVGExceedSize;
 exports.Form = Form;
 exports.FormControl = FormControl;
 exports.FormDescription = FormDescription;
@@ -8466,6 +8585,7 @@ exports.SidebarRail = SidebarRail;
 exports.SidebarSeparator = SidebarSeparator;
 exports.SidebarTrigger = SidebarTrigger;
 exports.Skeleton = Skeleton;
+exports.Spinner = Spinner;
 exports.SuiCalendarIcon = calendar_default;
 exports.SuiCheckIcon = check_default;
 exports.SuiDotsVerticalIcon = dots_vertical_default;
@@ -8488,12 +8608,14 @@ exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.compareAlphanumeric = compareAlphanumeric;
 exports.debounce = debounce;
+exports.formatISODate = formatISODate;
 exports.getDialogAlertControls = getDialogAlertControls;
 exports.getDialogTemplates = getDialogTemplates;
 exports.inputVariants = inputVariants;
 exports.isDefined = isDefined;
 exports.isEmptyObject = isEmptyObject;
 exports.selectValueToBoolean = selectValueToBoolean;
+exports.spinnerVariants = spinnerVariants;
 exports.stripNullishObject = stripNullishObject;
 exports.throttle = throttle;
 exports.useFormField = useFormField;