@connectif/ui-components 0.0.1 → 0.0.2

package/dist/components/chip/ChipList.d.ts

@@ -10,5 +10,5 @@ export type ChipListProps = React.PropsWithChildren<{
  * Shows a list of chips, in a horizontal layout.
  * If chips doesn't fit in the available space, they will be overflow to multiline.
  */
-declare const ChipList: ({ chips }: ChipListProps) => JSX.Element;
+declare const ChipList: ({ chips }: ChipListProps) => import("react/jsx-runtime").JSX.Element;
 export default ChipList;

package/dist/components/chip/MenuChip.d.ts

@@ -37,20 +37,20 @@ declare const MenuChip: React.ForwardRefExoticComponent<Omit<ChipProps, "childre
     /**
      * Whether the menu is opened or not.
      */
-    isOpen?: boolean | undefined;
+    isOpen?: boolean;
     /**
      * To remove the icon on menu chip.
      * @default false
      */
-    removeIcon?: boolean | undefined;
+    removeIcon?: boolean;
     /**
      * To show menu on the top of de chip.
      * @default bottom
      */
-    placement?: "bottom" | "top" | undefined;
+    placement?: "top" | "bottom";
     /**
      * Called when the menuChip is closed by Escape key, Tab key or click outside.
      */
-    onClose?: ((reason: 'backdropClick' | 'escapeKeyDown' | 'tabKeyDown') => void) | undefined;
+    onClose?: (reason: "backdropClick" | "escapeKeyDown" | "tabKeyDown") => void;
 } & React.RefAttributes<HTMLDivElement>>;
 export default MenuChip;

package/dist/components/dialog/ConfirmationDialog.d.ts

@@ -50,5 +50,5 @@ export type ConfirmationDialogProps = Pick<DialogProps, 'title' | 'open' | 'chil
 /**
  * A dialog component to make a confirmation.
  */
-declare const ConfirmationDialog: ({ onCancel, onAccept, acceptText, cancelText, acceptButtonDisabled, acceptButtonDisabledTooltipText, variant, children, footerChildren, buttonsLeftChildren, displayBorders, hideCancelButton, ...rest }: ConfirmationDialogProps) => JSX.Element;
+declare const ConfirmationDialog: ({ onCancel, onAccept, acceptText, cancelText, acceptButtonDisabled, acceptButtonDisabledTooltipText, variant, children, footerChildren, buttonsLeftChildren, displayBorders, hideCancelButton, ...rest }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmationDialog;

package/dist/components/dialog/Dialog.d.ts

@@ -12,5 +12,5 @@ export type DialogProps = Pick<MuiDialogProps, 'open' | 'sx' | 'children' | 'Tra
     closeable?: boolean;
     onClose: () => void;
 };
-declare const Dialog: ({ title, sx, open, children, size, noPadding, noPaddingTitle, fullScreen, wrapChildren, closeable, onClose, ...rest }: DialogProps) => JSX.Element;
+declare const Dialog: ({ title, sx, open, children, size, noPadding, noPaddingTitle, fullScreen, wrapChildren, closeable, onClose, ...rest }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export default Dialog;

package/dist/components/divider/Divider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DividerProps as MuiDividerProps } from '@mui/material';
 export type DividerProps = Pick<MuiDividerProps, 'orientation' | 'flexItem' | 'sx'> & {
     /**
@@ -14,5 +13,5 @@ export type DividerProps = Pick<MuiDividerProps, 'orientation' | 'flexItem' | 's
 /**
  * A divider component to show a thin line to divide sections, paragraphs or anything.
  */
-declare const Divider: ({ sx, variant, color, ...rest }: DividerProps) => JSX.Element;
+declare const Divider: ({ sx, variant, color, ...rest }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export default Divider;

package/dist/components/drawer/Drawer.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
 export type DrawerProps = Omit<MuiDrawerProps, 'anchor'>;
 /**
  * Navigation drawers (or "sidebars") provide access to destinations and app functionality, such as switching accounts.
  * They can either be permanently on-screen or controlled by a navigation menu icon.
  */
-declare const Drawer: ({ ...props }: DrawerProps) => JSX.Element;
+declare const Drawer: ({ ...props }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 export default Drawer;

package/dist/components/drawer/InputDrawer.d.ts

@@ -37,5 +37,5 @@ export type InputDrawerProps = {
 /**
  * Custom Drawer with an icon, tittle and subtitle.
  */
-declare const InputDrawer: ({ open, close, onClose, title, children, buttons, cancelButtonText }: InputDrawerProps) => JSX.Element;
+declare const InputDrawer: ({ open, close, onClose, title, children, buttons, cancelButtonText }: InputDrawerProps) => import("react/jsx-runtime").JSX.Element;
 export default InputDrawer;

package/dist/components/formatter/CompactNumberFormatter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type CompactNumberFormatterProps = {
     /**
      * Number to format
@@ -9,5 +8,5 @@ export type CompactNumberFormatterProps = {
  * Formats a number to a shorten format like 1.5K or 4.5M.
  * It will use locale from the context.
  */
-declare const CompactNumberFormatter: ({ value }: CompactNumberFormatterProps) => JSX.Element;
+declare const CompactNumberFormatter: ({ value }: CompactNumberFormatterProps) => import("react/jsx-runtime").JSX.Element;
 export default CompactNumberFormatter;

package/dist/components/formatter/CurrencyFormatter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type CurrencyFormatterProps = {
     /**
      * Amount to format
@@ -17,5 +16,5 @@ export type CurrencyFormatterProps = {
  * Component to format any currency amount.
  * It will use locale and currency from the context.
  */
-declare const CurrencyFormatter: ({ value, notation, currency }: CurrencyFormatterProps) => JSX.Element;
+declare const CurrencyFormatter: ({ value, notation, currency }: CurrencyFormatterProps) => import("react/jsx-runtime").JSX.Element;
 export default CurrencyFormatter;

package/dist/components/formatter/DateFormatter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateTimeFormat } from '../../utils';
 export type DateFormatterProps = {
     /**
@@ -14,5 +13,5 @@ export type DateFormatterProps = {
  * Component to format any date to the given format.
  * It will use locale and timezone from the context.
  */
-declare const DateFormatter: ({ date, format }: DateFormatterProps) => JSX.Element;
+declare const DateFormatter: ({ date, format }: DateFormatterProps) => import("react/jsx-runtime").JSX.Element;
 export default DateFormatter;

package/dist/components/formatter/NumberFormatter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type NumberFormatterProps = {
     /**
      * Number to format
@@ -13,5 +12,5 @@ export type NumberFormatterProps = {
  * Component to format any number.
  * It will use locale from the context.
  */
-declare const NumberFormatter: ({ value, fractionSize }: NumberFormatterProps) => JSX.Element;
+declare const NumberFormatter: ({ value, fractionSize }: NumberFormatterProps) => import("react/jsx-runtime").JSX.Element;
 export default NumberFormatter;

package/dist/components/formatter/PercentageFormatter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type PercentageFormatterProps = {
     /**
      * Value to format
@@ -13,5 +12,5 @@ export type PercentageFormatterProps = {
  * Component to format any currency amount.
  * It will use locale and currency from the context.
  */
-declare const PercentageFormatter: ({ value, fractionSize }: PercentageFormatterProps) => JSX.Element;
+declare const PercentageFormatter: ({ value, fractionSize }: PercentageFormatterProps) => import("react/jsx-runtime").JSX.Element;
 export default PercentageFormatter;

package/dist/components/header/Header.d.ts

@@ -29,5 +29,5 @@ export type HeaderProps = React.PropsWithChildren<{
  * automatically looks like elevated (the same than `isElevated={true}`).
  * If title gets truncated (with ellipsis), a Tooltip will be shown (using TextEllipsisTooltip component)
  */
-declare const Header: ({ title, subtitle, iconId, isElevated, actions, children }: HeaderProps) => JSX.Element;
+declare const Header: ({ title, subtitle, iconId, isElevated, actions, children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/header/HeaderSubtitle.d.ts

@@ -9,5 +9,5 @@ export type HeaderSubtitleProps = {
  * The subtitle for a Header component. It automatically handles show a tooltip if the subtitle
  * gets clipped with ellipsis
  */
-declare const HeaderSubtitle: ({ text }: HeaderSubtitleProps) => JSX.Element;
+declare const HeaderSubtitle: ({ text }: HeaderSubtitleProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderSubtitle;

package/dist/components/header/HeaderTitle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type HeaderTitleProps = {
     /**
      * The title to display.
@@ -9,5 +8,5 @@ export type HeaderTitleProps = {
  * The title for a Header component. It automatically handles show a tooltip if the title
  * gets clipped with ellipsis
  */
-declare const HeaderTitle: ({ text }: HeaderTitleProps) => JSX.Element;
+declare const HeaderTitle: ({ text }: HeaderTitleProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderTitle;

package/dist/components/icon/Icon.d.ts

@@ -38,10 +38,10 @@ declare const Icon: React.ForwardRefExoticComponent<Pick<SvgIconProps, "sx"> & {
     /**
      * The size of the icon to display.
      */
-    size?: "M" | "L" | "XXS" | "XS" | "S" | "XL" | "XXL" | undefined;
+    size?: "XXS" | "XS" | "S" | "M" | "L" | "XL" | "XXL";
     /**
      * Classes of this icon
      */
-    className?: string | undefined;
+    className?: string;
 } & React.RefAttributes<SVGSVGElement>>;
 export default Icon;

package/dist/components/icon/StackedIcons.d.ts

@@ -9,5 +9,5 @@ export type StackedIconsProps = {
 /**
  * Stack 2 or 3 icons together one over the other and slightly moved to the right.
  */
-declare const StackedIcons: ({ children }: StackedIconsProps) => JSX.Element;
+declare const StackedIcons: ({ children }: StackedIconsProps) => import("react/jsx-runtime").JSX.Element;
 export default StackedIcons;

package/dist/components/input/Autocomplete.d.ts

@@ -114,5 +114,9 @@ export type AutocompleteProps<T extends string, Multiple extends boolean | undef
      */
     ref?: React.Ref<HTMLInputElement>;
 };
-declare const _default: <T extends string, Multiple extends boolean | undefined = undefined, Value = AutocompleteValue<T, Multiple>>({ variant, value, multiple, textFieldProps, options, disabled, mode, isCaseSensitive, isDiacriticSensitive, onChange, renderLabel, isLoading, onSearch, loadingText, noOptionsText, allowFreeText, addNewValueText, closeOnSelect, maxValueLength, maxValues, maxValuesText, limitValueTags, onClose, onOpen, disableClear }: AutocompleteProps<T, Multiple, Value, AutocompleteOption<T>>, ref: React.Ref<HTMLInputElement>) => JSX.Element;
+/**
+ * Powered TextField with the ability to select from a predefined list of options, allowing to select one or multiple values.
+ */
+declare const Autocomplete: <T extends string, Multiple extends boolean | undefined = undefined, Value = AutocompleteValue<T, Multiple>>({ variant, value, multiple, textFieldProps, options, disabled, mode, isCaseSensitive, isDiacriticSensitive, onChange, renderLabel, isLoading, onSearch, loadingText, noOptionsText, allowFreeText, addNewValueText, closeOnSelect, maxValueLength, maxValues, maxValuesText, limitValueTags, onClose, onOpen, disableClear }: AutocompleteProps<T, Multiple, Value>, ref: React.Ref<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof Autocomplete;
 export default _default;

package/dist/components/input/CalendarDay.d.ts

@@ -13,5 +13,5 @@ export type CalendarDayProps = React.PropsWithChildren<{
     };
     allowKeyboardNavigation?: boolean;
 }>;
-declare const CalendarDay: ({ children, disabled, onClick, backgroundHighlight, foregroundHighlight, allowKeyboardNavigation }: CalendarDayProps) => JSX.Element;
+declare const CalendarDay: ({ children, disabled, onClick, backgroundHighlight, foregroundHighlight, allowKeyboardNavigation }: CalendarDayProps) => import("react/jsx-runtime").JSX.Element;
 export default CalendarDay;

package/dist/components/input/CalendarMonth.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SimpleDate } from '../../models/SimpleDate';
 type Selection = {
     startDate: SimpleDate;
@@ -15,5 +14,5 @@ export type CalendarMonthProps = {
     onSelect?: (day: number) => void;
     allowKeyboardNavigation?: boolean;
 };
-declare const CalendarMonth: ({ minDate, maxDate, year, month, selections, intersectionColor, onSelect, allowKeyboardNavigation }: CalendarMonthProps) => JSX.Element;
+declare const CalendarMonth: ({ minDate, maxDate, year, month, selections, intersectionColor, onSelect, allowKeyboardNavigation }: CalendarMonthProps) => import("react/jsx-runtime").JSX.Element;
 export default CalendarMonth;

package/dist/components/input/CalendarScrollPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SimpleDate } from '../../models/SimpleDate';
 type Selection = {
     startDate: SimpleDate;
@@ -13,5 +12,5 @@ export type CalendarScrollPickerProps = {
     focusedDate: SimpleDate | null;
     onSelect?: (date: SimpleDate) => void;
 };
-declare const CalendarScrollPicker: ({ minDate, maxDate, selections, intersectionColor, focusedDate, onSelect }: CalendarScrollPickerProps) => JSX.Element;
+declare const CalendarScrollPicker: ({ minDate, maxDate, selections, intersectionColor, focusedDate, onSelect }: CalendarScrollPickerProps) => import("react/jsx-runtime").JSX.Element;
 export default CalendarScrollPicker;

package/dist/components/input/CategorizedPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps } from '@mui/material';
 export type BaseOption = {
     id: string;
@@ -18,5 +17,5 @@ export type CategorizedPickerProps<T> = {
     dataTestId?: string;
     onChange: (value: T) => void;
 };
-declare const CategorizedPicker: <T extends BaseOption>({ value, options, categories, placeholder, disabled, sx, dataTestId, onChange }: CategorizedPickerProps<T>) => JSX.Element;
+declare const CategorizedPicker: <T extends BaseOption>({ value, options, categories, placeholder, disabled, sx, dataTestId, onChange }: CategorizedPickerProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CategorizedPicker;

package/dist/components/input/Checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps as MuiCheckboxProps } from '@mui/material/Checkbox';
 export type CheckboxProps = Pick<MuiCheckboxProps, 'checked' | 'tabIndex' | 'indeterminate'> & {
     /**
@@ -35,5 +34,5 @@ export type CheckboxProps = Pick<MuiCheckboxProps, 'checked' | 'tabIndex' | 'ind
  * If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.
  * If you have a single option, avoid using a checkbox and use an on/off switch instead.
  */
-declare const Checkbox: ({ label, disabled, labelPlacement, checked, indeterminate, inputClass, onChange, tabIndex }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ label, disabled, labelPlacement, checked, indeterminate, inputClass, onChange, tabIndex }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/components/input/CodeEditor.d.ts

@@ -25,5 +25,11 @@ export type CodeEditorProps<T extends LanguageId> = ReactCodeMirrorProps & {
         config?: Parameters<typeof linter>[1];
     };
 };
-declare const _default: <T extends LanguageId>({ extensions, placeholder, language, languageOptions, lintGutterConfig, linterOptions, ...rest }: CodeEditorProps<T>, ref: React.Ref<ReactCodeMirrorRef>) => JSX.Element;
+/**
+ * This is a code editor that allows users to write code in multiple languages with a user-friendly interface.
+ * The following languages are supported: html.
+ * The functionality of the editor can be extended through plugins and customizations.
+ */
+declare const CodeEditor: <T extends LanguageId>({ extensions, placeholder, language, languageOptions, lintGutterConfig, linterOptions, ...rest }: CodeEditorProps<T>, ref: React.Ref<ReactCodeMirrorRef>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof CodeEditor;
 export default _default;

package/dist/components/input/CodeEditorPopup.d.ts

@@ -14,5 +14,5 @@ export type CodeEditorPopupProps = Pick<CodeEditorProps<'html'>, 'value' | 'onCh
         hasErrors: boolean;
     };
 };
-declare const CodeEditorPopup: ({ value, open, readonly, codeEditorSubtitle, messageNode, linterFunction, onCopyToClipboard, onChange, onAccept, onCancel }: CodeEditorPopupProps) => JSX.Element;
+declare const CodeEditorPopup: ({ value, open, readonly, codeEditorSubtitle, messageNode, linterFunction, onCopyToClipboard, onChange, onAccept, onCancel }: CodeEditorPopupProps) => import("react/jsx-runtime").JSX.Element;
 export default CodeEditorPopup;

package/dist/components/input/DateIntervalPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateInterval } from '../../models/DateInterval';
 import { ComparisonInterval } from '../../models/ComparisonInterval';
 export type DateIntervalValues = {
@@ -80,5 +79,5 @@ export type DateIntervalPickerProps = {
 /**
  * Date interval picker component, which allows to select an interval between two Dates.
  */
-declare const DateIntervalPicker: ({ interval, startDate, endDate, color, maxSelectableDays, disabled, allowCompare, comparisonInterval, comparisonStartDate, comparisonEndDate, comparisonColor, intersectionColor, minDate, maxDate, allowedIntervals, onChange }: DateIntervalPickerProps) => JSX.Element;
+declare const DateIntervalPicker: ({ interval, startDate, endDate, color, maxSelectableDays, disabled, allowCompare, comparisonInterval, comparisonStartDate, comparisonEndDate, comparisonColor, intersectionColor, minDate, maxDate, allowedIntervals, onChange }: DateIntervalPickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DateIntervalPicker;

package/dist/components/input/DateIntervalPickerInputs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type FocusableInputDate = 'startDate' | 'endDate' | 'comparisonStartDate' | 'comparisonEndDate';
 export type DateIntervalPickerInputsProps = {
     startDate: string;
@@ -14,5 +13,5 @@ export type DateIntervalPickerInputsProps = {
     onFocus: (focusableInput: FocusableInputDate) => void;
     onBlur: (focusableInput: FocusableInputDate, value: string) => void;
 };
-declare const DateIntervalPickerInputs: ({ startDate, endDate, comparisonStartDate, comparisonEndDate, placeholder, highlightedInput, color, comparisonColor, isComparing, onChange, onFocus, onBlur }: DateIntervalPickerInputsProps) => JSX.Element;
+declare const DateIntervalPickerInputs: ({ startDate, endDate, comparisonStartDate, comparisonEndDate, placeholder, highlightedInput, color, comparisonColor, isComparing, onChange, onFocus, onBlur }: DateIntervalPickerInputsProps) => import("react/jsx-runtime").JSX.Element;
 export default DateIntervalPickerInputs;

package/dist/components/input/DateIntervalPickerList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComparisonInterval } from '../../models/ComparisonInterval';
 import { DateInterval } from '../../models/DateInterval';
 export declare const dateIntervals: {
@@ -31,5 +30,5 @@ export type DateIntervalPickerListProps = {
     onChangeIsComparing: (isComparing: boolean) => void;
     allowedIntervals?: DateInterval[];
 };
-declare const DateIntervalPickerList: ({ mainInterval, comparisonInterval, allowCompare, isComparing, maxSelectableDays, onSelectMain, onSelectComparison, onChangeIsComparing, allowedIntervals }: DateIntervalPickerListProps) => JSX.Element;
+declare const DateIntervalPickerList: ({ mainInterval, comparisonInterval, allowCompare, isComparing, maxSelectableDays, onSelectMain, onSelectComparison, onChangeIsComparing, allowedIntervals }: DateIntervalPickerListProps) => import("react/jsx-runtime").JSX.Element;
 export default DateIntervalPickerList;

package/dist/components/input/DateIntervalPickerPopover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateInterval } from '../../models/DateInterval';
 import { ComparisonInterval } from '../../models/ComparisonInterval';
 export type DateIntervalPickerPopoverProps = {
@@ -28,5 +27,5 @@ export type DateIntervalPickerPopoverProps = {
     }) => void;
     onCancel: () => void;
 };
-declare const DateIntervalPickerPopover: ({ interval, startDate, endDate, color, maxSelectableDays, allowCompare, comparisonInterval, comparisonStartDate, comparisonEndDate, comparisonColor, intersectionColor, anchorEl, minDate, maxDate, allowedIntervals, onApply, onCancel }: DateIntervalPickerPopoverProps) => JSX.Element;
+declare const DateIntervalPickerPopover: ({ interval, startDate, endDate, color, maxSelectableDays, allowCompare, comparisonInterval, comparisonStartDate, comparisonEndDate, comparisonColor, intersectionColor, anchorEl, minDate, maxDate, allowedIntervals, onApply, onCancel }: DateIntervalPickerPopoverProps) => import("react/jsx-runtime").JSX.Element;
 export default DateIntervalPickerPopover;

package/dist/components/input/DatePicker.d.ts

@@ -30,30 +30,30 @@ export type DatePickerProps = Omit<TextFieldProps, 'value' | 'onChange' | 'type'
  * An input component which uses a vitamined TextField with a popover to allow user
  * to pick a Date (without time component)
  */
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<TextFieldProps, "onBlur" | "onChange" | "onKeyDown" | "onScroll" | "type" | "value" | "maxLength"> & {
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onBlur" | "onChange" | "onKeyDown" | "onScroll" | "value" | "maxLength"> & {
     /**
      * The value handled by this DatePicker
      */
-    value?: Date | null | undefined;
+    value?: Date | null;
     /**
      * Called on every change
      */
-    onChange?: ((date: Date | null) => void) | undefined;
+    onChange?: (date: Date | null) => void;
     /**
      * Called when inner TextField emit blur event
      */
-    onBlur?: TextFieldProps['onBlur'];
+    onBlur?: TextFieldProps["onBlur"];
     /**
      * Called when inner TextField emit keyDown event
      */
-    onKeyDown?: TextFieldProps['onKeyDown'];
+    onKeyDown?: TextFieldProps["onKeyDown"];
     /**
      * The minimum date available for selection
      */
-    minDate?: Date | null | undefined;
+    minDate?: Date | null;
     /**
      * The maximum date available for selection
      */
-    maxDate?: Date | null | undefined;
+    maxDate?: Date | null;
 } & React.RefAttributes<HTMLInputElement>>;
 export default DatePicker;

package/dist/components/input/DatePickerPopover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from '../popover/Popover';
 export type DatePickerPopoverProps = Pick<PopoverProps, 'anchorEl' | 'onClose'> & {
     value?: Date | null;
@@ -6,5 +5,5 @@ export type DatePickerPopoverProps = Pick<PopoverProps, 'anchorEl' | 'onClose'>
     minDate?: Date | null;
     maxDate?: Date | null;
 };
-declare const DatePickerPopover: ({ value, onSelect, minDate, maxDate, ...rest }: DatePickerPopoverProps) => JSX.Element;
+declare const DatePickerPopover: ({ value, onSelect, minDate, maxDate, ...rest }: DatePickerPopoverProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePickerPopover;

package/dist/components/input/DatePickerStatic.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export type DatePickerStaticProps = {
     value?: Date | null;
     onSelect: (date: Date | null) => void;
     minDate?: Date | null;
     maxDate?: Date | null;
 };
-declare const DatePickerStatic: ({ value, onSelect, minDate, maxDate }: DatePickerStaticProps) => JSX.Element;
+declare const DatePickerStatic: ({ value, onSelect, minDate, maxDate }: DatePickerStaticProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePickerStatic;

package/dist/components/input/DaysOfWeekPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type DaysOfWeek = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
 export type DaysOfWeekPickerProps = {
     /**
@@ -7,5 +6,5 @@ export type DaysOfWeekPickerProps = {
     value: DaysOfWeek[];
     onChange: (newValue: DaysOfWeek[]) => void;
 };
-declare const DaysOfWeekPicker: ({ value, onChange }: DaysOfWeekPickerProps) => JSX.Element;
+declare const DaysOfWeekPicker: ({ value, onChange }: DaysOfWeekPickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DaysOfWeekPicker;

package/dist/components/input/DaysOfWeekRow.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const DaysOfWeekRow: () => JSX.Element;
+declare const DaysOfWeekRow: () => import("react/jsx-runtime").JSX.Element;
 export default DaysOfWeekRow;

package/dist/components/input/DebouncedTextField.d.ts

@@ -13,6 +13,6 @@ declare const DebouncedTextField: React.ForwardRefExoticComponent<TextFieldProps
     /**
      * The time in ms that the debounce takes to trigger.
      */
-    debounce?: number | undefined;
+    debounce?: number;
 } & React.RefAttributes<HTMLInputElement>>;
 export default DebouncedTextField;

package/dist/components/input/InputHelperText.d.ts

@@ -18,12 +18,12 @@ declare const InputHelperText: React.ForwardRefExoticComponent<{
     /**
      * The severity of this text
      */
-    severity?: "error" | "info" | undefined;
+    severity?: "info" | "error";
     /**
      * Styles to custom main Box component
      */
-    sx?: SxProps | undefined;
+    sx?: SxProps;
 } & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default InputHelperText;

package/dist/components/input/InputLabel.d.ts

@@ -28,20 +28,20 @@ declare const InputLabel: React.ForwardRefExoticComponent<{
      * The `for` native attribute. Set here the `id` of the related
      * form field associated to this label.
      */
-    htmlFor?: string | undefined;
+    htmlFor?: string;
     /**
      * Styles to custom &lt;label&gt; component
      */
-    sx?: SxProps | undefined;
+    sx?: SxProps;
     /**
      * The severity of this label
      */
-    severity?: "error" | "info" | undefined;
+    severity?: "info" | "error";
     /**
      * Show an info icon with the text as tooltip
      */
-    infoText?: string | undefined;
+    infoText?: string;
 } & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
 export default InputLabel;

package/dist/components/input/ItemSelector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectPopoverProps } from './SelectPopover';
 export type ItemSelectorItem = {
     id: string;
@@ -23,5 +22,5 @@ export type ItemSelectorProps<T extends ItemSelectorItem> = {
     onClose?: () => void;
     onLoadMore?: (searchText: string) => void;
 } & Pick<SelectPopoverProps, 'applyButtonText' | 'emptyListPlaceholder' | 'hasMore' | 'isLoading' | 'isLoadingSubtitle2' | 'maxSelectedItems' | 'onSearch' | 'requiredSelectedItemsToApply' | 'disableApplyWithoutChanges' | 'popoverWidth'>;
-declare const ItemSelector: <T extends ItemSelectorItem>({ items, selectedItems, maxSelectedItems, variant, placeholder, disabled, helperText, isError, limitItemChips, itemChipWidth, isLoading, isLoadingSubtitle2, hasMore, applyButtonText, emptyListPlaceholder, requiredSelectedItemsToApply, disableApplyWithoutChanges, popoverWidth, renderChipLabel, renderItem, onChange, onLoadMore, onSearch, onClose }: ItemSelectorProps<T>) => JSX.Element;
+declare const ItemSelector: <T extends ItemSelectorItem>({ items, selectedItems, maxSelectedItems, variant, placeholder, disabled, helperText, isError, limitItemChips, itemChipWidth, isLoading, isLoadingSubtitle2, hasMore, applyButtonText, emptyListPlaceholder, requiredSelectedItemsToApply, disableApplyWithoutChanges, popoverWidth, renderChipLabel, renderItem, onChange, onLoadMore, onSearch, onClose }: ItemSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ItemSelector;

package/dist/components/input/NumberField.d.ts

@@ -56,51 +56,51 @@ export type NumberFieldProps = Omit<TextFieldProps, 'value' | 'onChange' | 'mult
  * The exposed `ref` property is the refference to the native &lt;input&gt; element,
  * typed as React.Ref&lt;HTMLInputElement&gt;
  */
-declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "defaultValue" | "onChange" | "onScroll" | "type" | "value" | "multiline"> & {
+declare const NumberField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onChange" | "onScroll" | "defaultValue" | "value" | "multiline"> & {
     /**
      * The numeric value of this input.
      */
-    value?: number | null | undefined;
+    value?: number | null;
     /**
      * The numerical set to which the field belongs.
      * * @default integer
      */
-    type?: "decimal" | "integer" | undefined;
+    type?: "integer" | "decimal";
     /**
      * Called when value is changed internally (both with user typing or
      * by using arrowUp/arrowDown keyboard keys)
      */
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement>, value: number | null) => void) | undefined;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: number | null) => void;
     /**
      * number of decimal places to which the number is rounded (only for the "decimal" type)
      * @default 0
      */
-    fractionDigits?: number | undefined;
+    fractionDigits?: number;
     /**
      * Maximum value allowed
      */
-    maxValue?: number | undefined;
+    maxValue?: number;
     /**
      * Minimum value allowed
      */
-    minValue?: number | undefined;
+    minValue?: number;
     /**
      * Number to be added or removed to the value on every arrowUp/arrowDown when input has focus
      * @default 1
      */
-    step?: number | undefined;
+    step?: number;
     /**
      * If true, the stepper buttons will be shown
      * @default false
      */
-    withStepperButtons?: boolean | undefined;
+    withStepperButtons?: boolean;
     /**
      * Tooltip for the increase stepper button when it is disabled
      */
-    stepUpDisabledTooltip?: string | undefined;
+    stepUpDisabledTooltip?: string;
     /**
      * Tooltip for the decrease stepper button when it is disabled
      */
-    stepDownDisabledTooltip?: string | undefined;
+    stepDownDisabledTooltip?: string;
 } & React.RefAttributes<HTMLInputElement>>;
 export default NumberField;

package/dist/components/input/PhoneField.d.ts

@@ -25,19 +25,19 @@ export type PhoneFieldProps = Omit<TextFieldProps, 'multiline' | 'onChange' | 'r
  * The exposed `ref` property is the refference to the native &lt;input&gt; element,
  * typed as React.Ref&lt;HTMLInputElement&gt;
  */
-declare const PhoneField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "defaultValue" | "onChange" | "onScroll" | "type" | "rows" | "multiline"> & {
+declare const PhoneField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "type" | "onChange" | "onScroll" | "defaultValue" | "rows" | "multiline"> & {
     /**
      * Called when the value changes
      */
-    onChange?: ((value: string) => void) | undefined;
+    onChange?: (value: string) => void;
     /**
      * Country code to be used by default if this field is firstly rendered with an empty value.
      * It must be a code of 1, 2, 3 or 4 digits available in PhoneUtils.ts file.
      */
-    defaultCountryCode?: string | undefined;
+    defaultCountryCode?: string;
     /**
      * Country code select props
      */
-    codeSelectProps?: SelectProps<string, false>['sx'];
+    codeSelectProps?: SelectProps<string, false>["sx"];
 } & React.RefAttributes<HTMLInputElement>>;
 export default PhoneField;

package/dist/components/input/Select.d.ts

@@ -85,5 +85,11 @@ export type SelectProps<T extends string | number | undefined, Multiple extends
     onOpen?: () => void;
 };
 export declare const BootstrapInput: import("@emotion/styled").StyledComponent<import("@mui/material/InputBase").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-declare const _default: <T extends string | number | undefined = string | number | undefined, Multiple extends boolean | undefined = undefined, Value = SelectValue<T, Multiple>>({ variant, placeholder, children, onChange, onClose, options, multiple, value, virtualized, virtualizedProps, className, paperClassName, size, sx, renderValue, menuZIndex, menuColors, menuMaxHeight, dataTest, open, onOpen, ...rest }: SelectProps<T, Multiple, Value>, ref: React.Ref<HTMLSelectElement>) => JSX.Element;
+/**
+ * Show a Select component, wich can be used to pick a single option or multiple options.
+ * If `multiple=true`, then value and onChange parameter are an array of values.
+ * The Select component value type can be restricted to any type that extends `string | number | undefined`.
+ */
+declare const Select: <T extends string | number | undefined = string | number | undefined, Multiple extends boolean | undefined = undefined, Value = SelectValue<T, Multiple>>({ variant, placeholder, children, onChange, onClose, options, multiple, value, virtualized, virtualizedProps, className, paperClassName, size, sx, renderValue, menuZIndex, menuColors, menuMaxHeight, dataTest, open, onOpen, ...rest }: SelectProps<T, Multiple, Value>, ref: React.Ref<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof Select;
 export default _default;

package/dist/components/input/SelectPopover.d.ts

@@ -103,5 +103,5 @@ export type SelectPopoverProps = Pick<PopoverProps, 'anchorEl'> & {
 /**
  * SelectPopover is a components that renders a complex selector with DataDisplayItems and is multiselectable, infinite scroll and search input.
  */
-declare const SelectPopover: ({ onApply, onCancel, onLoadMore, onSearch, debounce, multiple, hasMore, isLoading, isLoadingSubtitle2, requiredSelectedItemsToApply, searchPlaceholder, items, anchorEl, itemsColorStyles, selectedItemsIds, popoverWidth, disableRestoreFocus, applyButtonText, maxSelectedItems, keepCurrentSelectionOnSearch, emptyListPlaceholder, disableApplyWithoutChanges }: SelectPopoverProps) => JSX.Element;
+declare const SelectPopover: ({ onApply, onCancel, onLoadMore, onSearch, debounce, multiple, hasMore, isLoading, isLoadingSubtitle2, requiredSelectedItemsToApply, searchPlaceholder, items, anchorEl, itemsColorStyles, selectedItemsIds, popoverWidth, disableRestoreFocus, applyButtonText, maxSelectedItems, keepCurrentSelectionOnSearch, emptyListPlaceholder, disableApplyWithoutChanges }: SelectPopoverProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectPopover;