@mmb-digital/design-system-web 0.1.19 → 0.1.21

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { MessageDescriptor } from 'react-intl';
 import { PrimitiveType } from 'intl-messageformat';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { FieldValues, Control, FieldPath } from 'react-hook-form';
-import { Options, Props, PropsValue, SingleValue as SingleValue$1 } from 'react-select';
+import { Options, Props, SelectComponentsConfig, PropsValue, SingleValue as SingleValue$1, GroupBase } from 'react-select';
 
 declare enum ButtonStyle {
     PRIMARY = "primary",
@@ -182,6 +182,7 @@ declare enum IconSystemType {
     chevronUp = "chevronUp",
     close = "close",
     minus = "minus",
+    pin = "pin",
     plus = "plus",
     search = "search"
 }
@@ -299,7 +300,7 @@ interface CalculatorResultBodyItem {
     left: {
         element: ReactElement | string;
         tooltip?: {
-            floatingElement: TooltipFloatingElement;
+            floatingElement?: TooltipFloatingElement | undefined;
         } | undefined;
     };
     right: {
@@ -525,41 +526,6 @@ interface RadioButtonsHorizontalProps {
 
 declare const RadioButtonsHorizontal: React.FC<RadioButtonsHorizontalProps>;
 
-type SelectProps<T extends FieldValues> = SelectBaseProps & {
-    control: Control<T, any>;
-    defaultValue?: Options<SelectOption> | null;
-    name: FieldPath<T>;
-};
-type SelectBaseProps = Props<SelectOption, false> & {
-    readonly isError?: boolean;
-    readonly options: Options<SelectOption>;
-    readonly value?: PropsValue<SelectOption>;
-};
-interface SelectOption {
-    readonly icon?: ReactNode | string;
-    readonly label: string;
-    readonly value?: string;
-}
-type SingleValue = SingleValue$1<SelectOption>;
-
-declare const SelectBase: FC<SelectBaseProps>;
-
-declare const Select: <T extends FieldValues>(props: SelectProps<T>) => React.JSX.Element;
-
-interface ToggleProps {
-    defaultValue?: boolean;
-    disabled?: boolean;
-    id: string | undefined;
-    label?: ReactNode | string;
-    name: string;
-    onChange?: (value: boolean) => void;
-}
-
-/**
- * Currently not compatible with react-hook-form
- */
-declare const Toggle: FC<ToggleProps>;
-
 interface InputBaseProps extends RefAttributes<HTMLInputElement> {
     button?: ReactNode;
     colorInput?: string | undefined;
@@ -654,7 +620,64 @@ interface TrailingTextInputProps extends InputProps, FieldWrapperValues {
 
 declare const TrailingTextInput: FC<TrailingTextInputProps>;
 
+type SelectProps<T extends FieldValues> = SelectBaseProps & {
+    control: Control<T, any>;
+    defaultValue?: Options<SelectOption> | null;
+    name: FieldPath<T>;
+};
+declare enum SelectType {
+    ASYNC_CREATABLE_SELECT = "AsyncCreatableSelect",
+    ASYNC_SELECT = "AsyncSelect",
+    CREATABLE_SELECT = "CreatableSelect",
+    REACT_SELECT = "ReactSelect"
+}
+type Group = GroupBase<SelectOption>;
+type SelectBaseProps = Props<SelectOption, false> & {
+    readonly customComponents?: SelectComponentsConfig<SelectOption, false, Group>;
+    readonly isError?: boolean;
+    readonly options?: Options<SelectOption>;
+    readonly type?: SelectType;
+    readonly value?: PropsValue<SelectOption>;
+};
+type SelectFieldProps<T extends FieldValues> = FieldWrapperValues & SelectProps<T>;
+interface SelectOption {
+    readonly icon?: ReactNode | string;
+    readonly label: string;
+    readonly value?: string;
+}
+type SingleValue = SingleValue$1<SelectOption>;
+
+declare const SelectBase: FC<SelectBaseProps>;
+
+declare const SelectField: <T extends FieldValues>(props: SelectFieldProps<T>) => React.JSX.Element;
+
+declare const Select: <T extends FieldValues>(props: SelectProps<T>) => React.JSX.Element;
+
+interface AsyncSelectProps extends SelectBaseProps {
+    control: Control;
+    defaultPlaceholder?: string;
+    name: string;
+    optionIcon?: IconSystemProps;
+}
+
+declare const AsyncSelect: React.FC<AsyncSelectProps>;
+
+interface ToggleProps {
+    defaultValue?: boolean;
+    disabled?: boolean;
+    id: string | undefined;
+    label?: ReactNode | string;
+    name: string;
+    onChange?: (value: boolean) => void;
+}
+
+/**
+ * Currently not compatible with react-hook-form
+ */
+declare const Toggle: FC<ToggleProps>;
+
 interface TextAreaProps extends RefAttributes<HTMLTextAreaElement>, FieldWrapperValues {
+    disabled?: boolean;
     hasError?: boolean;
     onBlur?: ((event: FocusEvent<HTMLTextAreaElement>) => Promise<boolean | void>) | undefined;
     onChange?: ((event: ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
@@ -1256,4 +1279,4 @@ declare const theme: {
     };
 };
 
-export { Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, ColorScheme, type ColorSchemeObject, DatePicker, type DatePickerProps, EmailInput, type EmailInputProps, FieldWrapper, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, GapSize, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputSize, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MediaType, Modal, type ModalOnClose, type ModalProps, PhoneInput, type PhoneInputProps, Radio, type RadioBaseWithLabelProps, RadioButton, type RadioButtonLabel, type RadioButtonProps, RadioButtonsHorizontal, type RadioButtonsHorizontalItem, type RadioButtonsHorizontalLabel, type RadioButtonsHorizontalProps, type RadioLabel, RadioPosition, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectBase, type SelectOption, type SelectProps, type SingleValue, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, type StackProps, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsItem, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, type TooltipParentElement, type TooltipParentElementProps, TooltipPlacement, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, getColor, theme, useColorScheme, useCreateTooltipFloatingElement, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable };
+export { AsyncSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, ColorScheme, type ColorSchemeObject, DatePicker, type DatePickerProps, EmailInput, type EmailInputProps, FieldWrapper, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, GapSize, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputSize, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MediaType, Modal, type ModalOnClose, type ModalProps, PhoneInput, type PhoneInputProps, Radio, type RadioBaseWithLabelProps, RadioButton, type RadioButtonLabel, type RadioButtonProps, RadioButtonsHorizontal, type RadioButtonsHorizontalItem, type RadioButtonsHorizontalLabel, type RadioButtonsHorizontalProps, type RadioLabel, RadioPosition, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectBase, SelectField, type SelectOption, type SelectProps, type SingleValue, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, type StackProps, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsItem, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, type TooltipParentElement, type TooltipParentElementProps, TooltipPlacement, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, getColor, theme, useColorScheme, useCreateTooltipFloatingElement, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable };