@natoora-libs/core 0.2.7 → 0.2.9-dev-doug-1

package/dist/components/index.d.cts

@@ -5,7 +5,7 @@ import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as Heade
 export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-CZe649rr.cjs';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
-import { SxProps, Theme, MenuProps, Typography } from '@mui/material';
+import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -102,7 +102,7 @@ interface IExtendedButton {
     copy: string;
     disabled?: boolean;
     href?: string;
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     subcopy?: string;
     tooltip?: string;
     component?: React.ElementType;
@@ -120,11 +120,11 @@ interface IFilledButton {
     isLoading?: boolean;
     disabled?: boolean;
     href?: string;
-    onClick?: () => void;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     type?: 'button' | 'submit';
     variant?: 'contained' | 'outlined' | 'text';
 }
-declare const _default$i: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
+declare const _default$i: React__default.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
 
 interface FilledButtonLgProps {
     classes?: any;
@@ -172,13 +172,13 @@ interface OutlinedButtonProps {
     disabled?: any;
     href?: any;
     isLoading?: any;
-    onClick?: any;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     startIcon?: any;
     style?: any;
     subcopy?: any;
     type?: any;
 }
-declare const _default$f: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$f: React__default.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface AButtonProps {
     classes?: any;
@@ -199,7 +199,7 @@ interface IRoundButton {
     isContrast?: boolean;
     isTableButton?: boolean;
     noStrokes?: boolean;
-    onClick?: (event: any) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     size?: 'small' | 'medium' | 'large' | 'double';
     tooltip?: string;
     variant?: 'default' | 'defaultPrimary' | 'defaultError' | 'filled' | 'primary' | 'secondary';
@@ -847,89 +847,29 @@ type Option = {
     disabled?: boolean;
 };
 interface SmartSelectProps {
-    /**
-     * The current selected value of the select input. It can be a string, number, or null.
-     * If null, it indicates that no value is selected.
-     */
     value?: string | number | null;
-    /**
-     * The default option that is displayed when no value is selected.
-     * This is an object with a value and a label. If null, no default option is shown.
-     */
     defaultOption?: Option;
-    /**
-     * An array of available options to display in the select dropdown.
-     * Each option is an object with `value` and `label` properties.
-     */
     options?: Option[];
-    /**
-     * A function to refetch data if there are no options available in the dropdown.
-     * It can be called when the dropdown is opened and the list of options is empty.
-     */
     refetch?: () => void;
-    /**
-     * A boolean indicating whether the component is fetching data.
-     * If true, the loading spinner will be shown in the dropdown.
-     */
     isFetching?: boolean;
-    /**
-     * Callback function called when an option is selected from the dropdown.
-     * The selected option is passed as an argument to this function.
-     */
     onChange: (selectedOption: Option) => void;
-    /**
-     * A label for the select input. It will be displayed above the select dropdown.
-     */
     inputLabel?: string;
-    /**
-     * Style variant to choose.
-     */
-    variant?: 'standard' | 'outlined' | 'filled';
-    /**
-     * Size to choose.
-     */
-    size?: 'medium' | 'small';
-    /**
-     * A boolean indicating validation error.
-     * It allows use of error styling when validation is required.
-     */
+    variant?: SelectProps['variant'];
+    size?: SelectProps['size'];
     error?: boolean;
-    /**
-     * Helper text that is displayed below the select input.
-     * It can be used to provide additional information or instructions to the user.
-     */
     helperText?: string;
-    /**
-     * A boolean indicating whether the select input is disabled.
-     * If true, the input will be disabled, and users will not be able to interact with it.
-     */
     disabled?: boolean;
-    /**
-     * A boolean indicating whether the select should include a blank option.
-     */
     allowBlankOption?: boolean;
-    /**
-     * The `data-testid` attribute used for testing purposes.
-     * It is helpful to uniquely identify the component in automated tests.
-     */
     'data-testid'?: string;
-    /**
-     * A message to display when there are no options available in the dropdown.
-     * It will be shown when `isFetching` is false and `options` is empty.
-     * The default message is 'No options'.
-     */
     emptyMessage?: string;
-    /**
-     * Manage the MenuProps
-     */
     menuProps?: Partial<MenuProps>;
 }
 declare const SmartSelect: React.ForwardRefExoticComponent<SmartSelectProps & React.RefAttributes<unknown>>;
 
 type SmartMultipleSelectProps = {
     inputLabel?: string;
-    variant?: 'standard' | 'filled' | 'outlined';
-    size?: 'small' | 'medium';
+    variant?: SelectProps['variant'];
+    size?: SelectProps['size'];
     values?: Option[];
     defaultValues?: Option[];
     onOpen?: () => void;
@@ -940,6 +880,7 @@ type SmartMultipleSelectProps = {
     disabled?: boolean;
     emptyMessage?: string;
     helperText?: string;
+    menuProps?: Partial<MenuProps>;
 };
 declare const SmartMultipleSelect: FC<SmartMultipleSelectProps>;
 

package/dist/components/index.d.ts

@@ -5,7 +5,7 @@ import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as Heade
 export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-CZe649rr.js';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
-import { SxProps, Theme, MenuProps, Typography } from '@mui/material';
+import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -102,7 +102,7 @@ interface IExtendedButton {
     copy: string;
     disabled?: boolean;
     href?: string;
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     subcopy?: string;
     tooltip?: string;
     component?: React.ElementType;
@@ -120,11 +120,11 @@ interface IFilledButton {
     isLoading?: boolean;
     disabled?: boolean;
     href?: string;
-    onClick?: () => void;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     type?: 'button' | 'submit';
     variant?: 'contained' | 'outlined' | 'text';
 }
-declare const _default$i: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
+declare const _default$i: React__default.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
 
 interface FilledButtonLgProps {
     classes?: any;
@@ -172,13 +172,13 @@ interface OutlinedButtonProps {
     disabled?: any;
     href?: any;
     isLoading?: any;
-    onClick?: any;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     startIcon?: any;
     style?: any;
     subcopy?: any;
     type?: any;
 }
-declare const _default$f: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$f: React__default.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface AButtonProps {
     classes?: any;
@@ -199,7 +199,7 @@ interface IRoundButton {
     isContrast?: boolean;
     isTableButton?: boolean;
     noStrokes?: boolean;
-    onClick?: (event: any) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     size?: 'small' | 'medium' | 'large' | 'double';
     tooltip?: string;
     variant?: 'default' | 'defaultPrimary' | 'defaultError' | 'filled' | 'primary' | 'secondary';
@@ -847,89 +847,29 @@ type Option = {
     disabled?: boolean;
 };
 interface SmartSelectProps {
-    /**
-     * The current selected value of the select input. It can be a string, number, or null.
-     * If null, it indicates that no value is selected.
-     */
     value?: string | number | null;
-    /**
-     * The default option that is displayed when no value is selected.
-     * This is an object with a value and a label. If null, no default option is shown.
-     */
     defaultOption?: Option;
-    /**
-     * An array of available options to display in the select dropdown.
-     * Each option is an object with `value` and `label` properties.
-     */
     options?: Option[];
-    /**
-     * A function to refetch data if there are no options available in the dropdown.
-     * It can be called when the dropdown is opened and the list of options is empty.
-     */
     refetch?: () => void;
-    /**
-     * A boolean indicating whether the component is fetching data.
-     * If true, the loading spinner will be shown in the dropdown.
-     */
     isFetching?: boolean;
-    /**
-     * Callback function called when an option is selected from the dropdown.
-     * The selected option is passed as an argument to this function.
-     */
     onChange: (selectedOption: Option) => void;
-    /**
-     * A label for the select input. It will be displayed above the select dropdown.
-     */
     inputLabel?: string;
-    /**
-     * Style variant to choose.
-     */
-    variant?: 'standard' | 'outlined' | 'filled';
-    /**
-     * Size to choose.
-     */
-    size?: 'medium' | 'small';
-    /**
-     * A boolean indicating validation error.
-     * It allows use of error styling when validation is required.
-     */
+    variant?: SelectProps['variant'];
+    size?: SelectProps['size'];
     error?: boolean;
-    /**
-     * Helper text that is displayed below the select input.
-     * It can be used to provide additional information or instructions to the user.
-     */
     helperText?: string;
-    /**
-     * A boolean indicating whether the select input is disabled.
-     * If true, the input will be disabled, and users will not be able to interact with it.
-     */
     disabled?: boolean;
-    /**
-     * A boolean indicating whether the select should include a blank option.
-     */
     allowBlankOption?: boolean;
-    /**
-     * The `data-testid` attribute used for testing purposes.
-     * It is helpful to uniquely identify the component in automated tests.
-     */
     'data-testid'?: string;
-    /**
-     * A message to display when there are no options available in the dropdown.
-     * It will be shown when `isFetching` is false and `options` is empty.
-     * The default message is 'No options'.
-     */
     emptyMessage?: string;
-    /**
-     * Manage the MenuProps
-     */
     menuProps?: Partial<MenuProps>;
 }
 declare const SmartSelect: React.ForwardRefExoticComponent<SmartSelectProps & React.RefAttributes<unknown>>;
 
 type SmartMultipleSelectProps = {
     inputLabel?: string;
-    variant?: 'standard' | 'filled' | 'outlined';
-    size?: 'small' | 'medium';
+    variant?: SelectProps['variant'];
+    size?: SelectProps['size'];
     values?: Option[];
     defaultValues?: Option[];
     onOpen?: () => void;
@@ -940,6 +880,7 @@ type SmartMultipleSelectProps = {
     disabled?: boolean;
     emptyMessage?: string;
     helperText?: string;
+    menuProps?: Partial<MenuProps>;
 };
 declare const SmartMultipleSelect: FC<SmartMultipleSelectProps>;