@sustaina/shared-ui 1.51.1 → 1.52.0

package/dist/index.d.mts

@@ -1290,6 +1290,8 @@ type RichTextProps<T = DefaultMentionItem$1> = {
     onImageDialogUploadError?: (error: unknown) => void;
     acceptImageMimeTypes?: string;
     allowImageUrlInsert?: boolean;
+    /** Maximum number of characters allowed in the editor */
+    maxLength?: number;
     /** Array of mention items that will be suggested */
     mentions?: T[];
     /** Configuration for mapping mention item fields. If not provided, assumes default structure {id, name, fieldName} */
@@ -1300,7 +1302,7 @@ type RichTextProps<T = DefaultMentionItem$1> = {
     plainTextMentions?: boolean;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
 
-declare function RichTextInner<T = DefaultMentionItem$1>({ value, defaultValue, onChange, onHtmlChange, onTextChange, placeholder, readOnly, disabled, editorClassName, toolbarClassName, autoFocus, onImageUpload, onImageUploadError, onImageDialogUpload, onImageDialogUploadError, acceptImageMimeTypes, allowImageUrlInsert, mentions, mentionConfig, mentionTrigger, plainTextMentions, className, id, ...rest }: RichTextProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function RichTextInner<T = DefaultMentionItem$1>({ value, defaultValue, onChange, onHtmlChange, onTextChange, placeholder, readOnly, disabled, editorClassName, toolbarClassName, autoFocus, onImageUpload, onImageUploadError, onImageDialogUpload, onImageDialogUploadError, acceptImageMimeTypes, allowImageUrlInsert, maxLength, mentions, mentionConfig, mentionTrigger, plainTextMentions, className, id, ...rest }: RichTextProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare const RichText: <T = DefaultMentionItem$1>(props: RichTextProps<T> & {
     ref?: React.Ref<HTMLDivElement>;
 }) => ReturnType<typeof RichTextInner>;
@@ -1593,15 +1595,25 @@ declare function SidebarLayout({ sidebar, children, layoutProps, sidebarProps, i
 
 interface TimePickerProps {
     id?: string;
-    value?: string;
-    /** Callback with ISO time format output (HH:mm:ss.000Z) */
-    onChange?: (isoTime: string) => void;
+    value?: Date | string | null;
+    /** Callback with Date object */
+    onChange?: (date?: Date) => void;
+    /** Callback with string value (HH:mm format by default) */
+    onValueChange?: (value?: string) => void;
     disabled?: boolean;
     className?: string;
+    buttonClassName?: string;
+    wrapperClassName?: string;
     placeholder?: string;
     use24Hour?: boolean;
     iconPosition?: "start" | "end" | "none";
     icon?: React$1.ReactNode;
+    allowClear?: boolean;
+    clearAriaLabel?: string;
+    displayFormatter?: (date: Date, use24Hour: boolean) => string;
+    valueFormatter?: (date: Date) => string;
+    valueParser?: (value: string) => Date | undefined;
+    invalid?: boolean;
 }
 declare const TimePicker: React$1.ForwardRefExoticComponent<TimePickerProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -1807,6 +1819,8 @@ type ComboboxProps<TData extends OptionData> = React$1.AriaAttributes & Omit<Vir
     virtual?: boolean;
     isLoading?: boolean;
     loadingContent?: React$1.ReactNode;
+    popoverProps?: Omit<React$1.ComponentProps<typeof Popover>, "open" | "onOpenChange">;
+    popoverContentProps?: Omit<React$1.ComponentProps<typeof PopoverContent>, "children">;
 };
 declare const Combobox: <TData extends OptionData>(props: ComboboxProps<TData> & React$1.RefAttributes<HTMLButtonElement>) => React$1.ReactElement | null;
 
@@ -1864,6 +1878,8 @@ type InputMentionProps<T = DefaultMentionItem> = {
     disabled?: boolean;
     editorClassName?: string;
     autoFocus?: boolean;
+    /** Maximum number of characters allowed in the editor */
+    maxLength?: number;
     /** Array of mention items that will be suggested */
     mentions?: T[];
     /** Configuration for mapping mention item fields. If not provided, assumes default structure {id, name, fieldName} */
@@ -1874,7 +1890,7 @@ type InputMentionProps<T = DefaultMentionItem> = {
     plainTextMentions?: boolean;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
 
-declare function InputMentionInner<T = DefaultMentionItem>({ value, onChange, placeholder, readOnly, disabled, editorClassName, autoFocus, mentions, mentionConfig, mentionTrigger, plainTextMentions, className, id, ...rest }: InputMentionProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function InputMentionInner<T = DefaultMentionItem>({ value, onChange, placeholder, readOnly, disabled, editorClassName, autoFocus, maxLength, mentions, mentionConfig, mentionTrigger, plainTextMentions, className, id, ...rest }: InputMentionProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare const InputMention: <T = DefaultMentionItem>(props: InputMentionProps<T> & {
     ref?: React.Ref<HTMLDivElement>;
 }) => ReturnType<typeof InputMentionInner>;

package/dist/index.d.ts

@@ -1290,6 +1290,8 @@ type RichTextProps<T = DefaultMentionItem$1> = {
     onImageDialogUploadError?: (error: unknown) => void;
     acceptImageMimeTypes?: string;
     allowImageUrlInsert?: boolean;
+    /** Maximum number of characters allowed in the editor */
+    maxLength?: number;
     /** Array of mention items that will be suggested */
     mentions?: T[];
     /** Configuration for mapping mention item fields. If not provided, assumes default structure {id, name, fieldName} */
@@ -1300,7 +1302,7 @@ type RichTextProps<T = DefaultMentionItem$1> = {
     plainTextMentions?: boolean;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
 
-declare function RichTextInner<T = DefaultMentionItem$1>({ value, defaultValue, onChange, onHtmlChange, onTextChange, placeholder, readOnly, disabled, editorClassName, toolbarClassName, autoFocus, onImageUpload, onImageUploadError, onImageDialogUpload, onImageDialogUploadError, acceptImageMimeTypes, allowImageUrlInsert, mentions, mentionConfig, mentionTrigger, plainTextMentions, className, id, ...rest }: RichTextProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function RichTextInner<T = DefaultMentionItem$1>({ value, defaultValue, onChange, onHtmlChange, onTextChange, placeholder, readOnly, disabled, editorClassName, toolbarClassName, autoFocus, onImageUpload, onImageUploadError, onImageDialogUpload, onImageDialogUploadError, acceptImageMimeTypes, allowImageUrlInsert, maxLength, mentions, mentionConfig, mentionTrigger, plainTextMentions, className, id, ...rest }: RichTextProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare const RichText: <T = DefaultMentionItem$1>(props: RichTextProps<T> & {
     ref?: React.Ref<HTMLDivElement>;
 }) => ReturnType<typeof RichTextInner>;
@@ -1593,15 +1595,25 @@ declare function SidebarLayout({ sidebar, children, layoutProps, sidebarProps, i
 
 interface TimePickerProps {
     id?: string;
-    value?: string;
-    /** Callback with ISO time format output (HH:mm:ss.000Z) */
-    onChange?: (isoTime: string) => void;
+    value?: Date | string | null;
+    /** Callback with Date object */
+    onChange?: (date?: Date) => void;
+    /** Callback with string value (HH:mm format by default) */
+    onValueChange?: (value?: string) => void;
     disabled?: boolean;
     className?: string;
+    buttonClassName?: string;
+    wrapperClassName?: string;
     placeholder?: string;
     use24Hour?: boolean;
     iconPosition?: "start" | "end" | "none";
     icon?: React$1.ReactNode;
+    allowClear?: boolean;
+    clearAriaLabel?: string;
+    displayFormatter?: (date: Date, use24Hour: boolean) => string;
+    valueFormatter?: (date: Date) => string;
+    valueParser?: (value: string) => Date | undefined;
+    invalid?: boolean;
 }
 declare const TimePicker: React$1.ForwardRefExoticComponent<TimePickerProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -1807,6 +1819,8 @@ type ComboboxProps<TData extends OptionData> = React$1.AriaAttributes & Omit<Vir
     virtual?: boolean;
     isLoading?: boolean;
     loadingContent?: React$1.ReactNode;
+    popoverProps?: Omit<React$1.ComponentProps<typeof Popover>, "open" | "onOpenChange">;
+    popoverContentProps?: Omit<React$1.ComponentProps<typeof PopoverContent>, "children">;
 };
 declare const Combobox: <TData extends OptionData>(props: ComboboxProps<TData> & React$1.RefAttributes<HTMLButtonElement>) => React$1.ReactElement | null;
 
@@ -1864,6 +1878,8 @@ type InputMentionProps<T = DefaultMentionItem> = {
     disabled?: boolean;
     editorClassName?: string;
     autoFocus?: boolean;
+    /** Maximum number of characters allowed in the editor */
+    maxLength?: number;
     /** Array of mention items that will be suggested */
     mentions?: T[];
     /** Configuration for mapping mention item fields. If not provided, assumes default structure {id, name, fieldName} */
@@ -1874,7 +1890,7 @@ type InputMentionProps<T = DefaultMentionItem> = {
     plainTextMentions?: boolean;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
 
-declare function InputMentionInner<T = DefaultMentionItem>({ value, onChange, placeholder, readOnly, disabled, editorClassName, autoFocus, mentions, mentionConfig, mentionTrigger, plainTextMentions, className, id, ...rest }: InputMentionProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function InputMentionInner<T = DefaultMentionItem>({ value, onChange, placeholder, readOnly, disabled, editorClassName, autoFocus, maxLength, mentions, mentionConfig, mentionTrigger, plainTextMentions, className, id, ...rest }: InputMentionProps<T>, ref: React.Ref<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare const InputMention: <T = DefaultMentionItem>(props: InputMentionProps<T> & {
     ref?: React.Ref<HTMLDivElement>;
 }) => ReturnType<typeof InputMentionInner>;