@octoguide/mui-ui-toolkit 0.7.4 → 0.7.6

package/dist/index.d.mts

@@ -461,6 +461,37 @@ declare namespace Button {
     var displayName: string;
 }
 
+interface ConfirmDialogProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Dialog heading */
+    title: string;
+    /** Supporting text below the title */
+    description?: React.ReactNode;
+    /** Label for the confirm button — defaults to "Confirm" */
+    confirmLabel?: string;
+    /** Label for the cancel button — defaults to "Cancel" */
+    cancelLabel?: string;
+    /**
+     * Controls the confirm button colour.
+     * - `danger` → error (red)
+     * - `warning` → warning (amber)
+     */
+    severity?: 'warning' | 'danger';
+    /** Shows a loading spinner on the confirm button and disables both buttons */
+    loading?: boolean;
+    /** Callback fired when the user confirms */
+    onConfirm: () => void;
+    /** Callback fired when the user cancels or closes the dialog */
+    onClose: () => void;
+    /** High-contrast mode for use on dark backgrounds */
+    isOnDarkBg?: boolean;
+}
+declare function ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, severity, loading, onConfirm, onClose, isOnDarkBg, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace ConfirmDialog {
+    var displayName: string;
+}
+
 type ChipProps = ChipProps$1;
 /**
  * Chip component extending MUI Chip.
@@ -814,6 +845,45 @@ interface LogoLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElemen
 }
 declare const LogoLink: React.ForwardRefExoticComponent<LogoLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
+interface MultiSelectOption {
+    value: string;
+    label: string | React.ReactNode;
+}
+interface MultiSelectProps {
+    options: MultiSelectOption[];
+    onChange?: (selectedOptions: MultiSelectOption[]) => void;
+    placeholder: {
+        singular: string;
+        plural: string;
+    };
+    preSelectedOptions?: Array<{
+        value: string;
+        label?: string | React.ReactNode;
+    }>;
+    renderOption: (option: any, currentOptionIndex: number, handleSelectOption: (event: React.SyntheticEvent, option: any) => void, checked: boolean, inputId: string) => React.ReactNode;
+    label?: string;
+    inputId: string;
+    hasError?: boolean;
+    hasDescription?: boolean;
+    hasSelectAll?: boolean;
+    hasTooltip?: boolean;
+    required?: boolean;
+    selectButtonRef?: React.Ref<any>;
+    onBlur?: (e: React.FocusEvent<any>) => void;
+    onFocus?: (e: React.FocusEvent<any>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<any>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
+    onClick?: (e: React.MouseEvent<any>) => void;
+    onTouchStart?: (e: React.TouchEvent<any>) => void;
+    onTouchEnd?: (e: React.TouchEvent<any>) => void;
+    className?: string;
+    id?: string;
+}
+declare const MultiSelect: {
+    ({ options: initialOptions, placeholder, preSelectedOptions, renderOption, onChange, label, inputId, hasError, hasDescription, hasSelectAll, hasTooltip, required, selectButtonRef: providedRef, onBlur, onFocus, onClick, onKeyUp, onKeyDown, onTouchStart, onTouchEnd, ...restProps }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface PageSpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
     /** Loading message shown below the spinner */
     message?: string;
@@ -1016,4 +1086,4 @@ interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
 }
 declare const TypographyButton: React.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
 
-export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
+export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };

package/dist/index.d.ts

@@ -461,6 +461,37 @@ declare namespace Button {
     var displayName: string;
 }
 
+interface ConfirmDialogProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Dialog heading */
+    title: string;
+    /** Supporting text below the title */
+    description?: React.ReactNode;
+    /** Label for the confirm button — defaults to "Confirm" */
+    confirmLabel?: string;
+    /** Label for the cancel button — defaults to "Cancel" */
+    cancelLabel?: string;
+    /**
+     * Controls the confirm button colour.
+     * - `danger` → error (red)
+     * - `warning` → warning (amber)
+     */
+    severity?: 'warning' | 'danger';
+    /** Shows a loading spinner on the confirm button and disables both buttons */
+    loading?: boolean;
+    /** Callback fired when the user confirms */
+    onConfirm: () => void;
+    /** Callback fired when the user cancels or closes the dialog */
+    onClose: () => void;
+    /** High-contrast mode for use on dark backgrounds */
+    isOnDarkBg?: boolean;
+}
+declare function ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, severity, loading, onConfirm, onClose, isOnDarkBg, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace ConfirmDialog {
+    var displayName: string;
+}
+
 type ChipProps = ChipProps$1;
 /**
  * Chip component extending MUI Chip.
@@ -814,6 +845,45 @@ interface LogoLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElemen
 }
 declare const LogoLink: React.ForwardRefExoticComponent<LogoLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
+interface MultiSelectOption {
+    value: string;
+    label: string | React.ReactNode;
+}
+interface MultiSelectProps {
+    options: MultiSelectOption[];
+    onChange?: (selectedOptions: MultiSelectOption[]) => void;
+    placeholder: {
+        singular: string;
+        plural: string;
+    };
+    preSelectedOptions?: Array<{
+        value: string;
+        label?: string | React.ReactNode;
+    }>;
+    renderOption: (option: any, currentOptionIndex: number, handleSelectOption: (event: React.SyntheticEvent, option: any) => void, checked: boolean, inputId: string) => React.ReactNode;
+    label?: string;
+    inputId: string;
+    hasError?: boolean;
+    hasDescription?: boolean;
+    hasSelectAll?: boolean;
+    hasTooltip?: boolean;
+    required?: boolean;
+    selectButtonRef?: React.Ref<any>;
+    onBlur?: (e: React.FocusEvent<any>) => void;
+    onFocus?: (e: React.FocusEvent<any>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<any>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
+    onClick?: (e: React.MouseEvent<any>) => void;
+    onTouchStart?: (e: React.TouchEvent<any>) => void;
+    onTouchEnd?: (e: React.TouchEvent<any>) => void;
+    className?: string;
+    id?: string;
+}
+declare const MultiSelect: {
+    ({ options: initialOptions, placeholder, preSelectedOptions, renderOption, onChange, label, inputId, hasError, hasDescription, hasSelectAll, hasTooltip, required, selectButtonRef: providedRef, onBlur, onFocus, onClick, onKeyUp, onKeyDown, onTouchStart, onTouchEnd, ...restProps }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface PageSpinnerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
     /** Loading message shown below the spinner */
     message?: string;
@@ -1016,4 +1086,4 @@ interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
 }
 declare const TypographyButton: React.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
 
-export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
+export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };