@fattureincloud/fic-design-system 0.4.1 → 0.4.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## v0.4.2 - 19/01/2022
+
+### 🐛 Bug Fix
+
+- Fix Dropdown content appearance animation in Safari (animation removed)
+- Fix absent Select typings
+- Fix Select Option multiline appearance
+
+### 💅 Enhancement
+
+- Change all occurrences of `isDisabled` prop to `disabled` for "form" components
+
 ## v0.4.1 - 14/01/2022
 
 ### 🐛 Bug Fix

package/dist/components/form/checkbox/components/Input.d.ts

@@ -1,7 +1,7 @@
 import { checkboxStatus, CheckboxStyles } from '../types';
 export interface CheckboxInputProps {
     value: checkboxStatus;
-    isDisabled?: boolean;
+    disabled?: boolean;
     large?: boolean;
     hasError: boolean;
 }

package/dist/components/form/checkbox/components/Label.d.ts

@@ -1,7 +1,7 @@
 import { MappedLabelProps } from '../types';
 export interface CheckboxLabelProps {
     large?: boolean;
-    isDisabled?: boolean;
+    disabled?: boolean;
     hasError: boolean;
 }
 declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, keyof MappedLabelProps>;

package/dist/components/form/checkbox/utils.d.ts

@@ -6,11 +6,11 @@ import { checkboxStatus, CheckboxStyles } from './types';
 interface InputMapParams extends CheckboxInputProps {
     theme: DefaultTheme;
 }
-export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
+export declare const getInputStyle: ({ theme, value, disabled, large, hasError }: InputMapParams) => CheckboxStyles;
 interface LabelMapProps extends CheckboxLabelProps {
     theme: DefaultTheme;
 }
-export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
+export declare const getLabelStyle: ({ disabled, large, theme, hasError }: LabelMapProps) => {
     fontSize: string;
     cursor: string;
     opacity: number;

package/dist/components/form/common/types.d.ts

@@ -7,7 +7,7 @@ export declare const statusesArray: string[];
 export declare type statusType = typeof statusesArray[number];
 export interface CommonFormTypes {
     inputSize?: inputSizeType;
-    isDisabled?: boolean;
+    disabled?: boolean;
     helper?: InputHelperProps;
     status?: statusType;
 }

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -1,6 +1,6 @@
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { InputElementProps } from '../types';
-declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
-export declare type InputTextWrapperProps = Pick<InputElementProps, 'isDisabled' | 'status'>;
+declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status'>;
 export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default InputElement;

package/dist/components/form/inputText/components/utils.d.ts

@@ -3,5 +3,5 @@ import { InputTextStyles, InputTextWrapperProps } from './InputElement';
 interface GetInputTextParams extends InputTextWrapperProps {
     theme: DefaultTheme;
 }
-export declare const getInputTextStyles: ({ theme, isDisabled, status }: GetInputTextParams) => InputTextStyles;
+export declare const getInputTextStyles: ({ theme, disabled, status }: GetInputTextParams) => InputTextStyles;
 export {};

package/dist/components/form/label/Label.d.ts

@@ -1,9 +1,9 @@
 export interface LabelProps extends WrapperProps {
     label?: string;
 }
-declare const Label: ({ label, isDisabled, required }: LabelProps) => JSX.Element | null;
+declare const Label: ({ label, disabled, required }: LabelProps) => JSX.Element | null;
 interface WrapperProps {
-    isDisabled?: boolean;
+    disabled?: boolean;
     required?: boolean;
 }
 export default Label;

package/dist/components/form/select/Select.d.ts

@@ -1,6 +1,6 @@
 import { OptionType } from './components/Option';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
-export declare const Select: <IsMulti extends boolean = false>(props: SelectProps<IsMulti, import("react-select").Props<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>>) => JSX.Element;
-export declare const CreatableSelect: <IsMulti extends boolean = false>(props: CreatableSelectProps<IsMulti>) => JSX.Element;
-export declare const AsyncSelect: <IsMulti extends boolean = false>(props: AsyncSelectProps<IsMulti>) => JSX.Element;
-export declare const AsyncCreatableSelect: <IsMulti extends boolean = false>(props: AsyncCreatableSelectProps<IsMulti>) => JSX.Element;
+export declare const Select: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: SelectProps<O, IsMulti, import("react-select").Props<O, IsMulti, import("react-select").GroupTypeBase<O>>>) => JSX.Element;
+export declare const CreatableSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: CreatableSelectProps<O, IsMulti>) => JSX.Element;
+export declare const AsyncSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: AsyncSelectProps<O, IsMulti>) => JSX.Element;
+export declare const AsyncCreatableSelect: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: AsyncCreatableSelectProps<O, IsMulti>) => JSX.Element;

package/dist/components/form/select/SelectWrapper.d.ts

@@ -1,5 +1,5 @@
 import { BoxedInputWrapperProps } from '../common/styles';
 import { SelectProps } from './types';
-export declare type SelectWrapperProps = Pick<SelectProps, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize'>;
 export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "normalFocused">;

package/dist/components/form/select/components/ClearIndicator.d.ts

@@ -1,4 +1,4 @@
 import { IndicatorProps } from 'react-select/src/components/indicators';
 import { OptionType } from './Option';
-declare const ClearIndicator: <IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>) => JSX.Element;
+declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
 export default ClearIndicator;

package/dist/components/form/select/components/Control.d.ts

@@ -1,4 +1,4 @@
 import { ControlProps } from 'react-select';
 import { OptionType } from './Option';
-declare const Control: <IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>) => JSX.Element;
+declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
 export default Control;

package/dist/components/form/select/components/DropdownIndicator.d.ts

@@ -1,4 +1,4 @@
 import { IndicatorProps } from 'react-select';
 import { OptionType } from './Option';
-declare const DropdownIndicator: <IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>) => JSX.Element;
+declare const DropdownIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
 export default DropdownIndicator;

package/dist/components/form/select/components/MenuList.d.ts

@@ -1,4 +1,4 @@
 import { MenuListComponentProps } from 'react-select/src/components/Menu';
 import { OptionType } from './Option';
-declare const MenuList: <IsMulti extends boolean = false>(props: MenuListComponentProps<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>) => JSX.Element;
+declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
 export default MenuList;

package/dist/components/form/select/components/Option.d.ts

@@ -4,10 +4,10 @@ import { IconProps } from '../../../icon';
 export interface OptionType extends OptionTypeBase {
     icon?: IconProps;
     label: string;
-    value: string;
+    value: any;
 }
-interface Props<IsMulti extends boolean = false> extends Omit<OptionProps<OptionType, IsMulti>, 'data'> {
+interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> extends Omit<OptionProps<O, IsMulti>, 'data'> {
     data: OptionType;
 }
-declare const Option: <IsMulti extends boolean = false>({ innerProps: { onClick }, data: { label, icon }, }: Props<IsMulti>) => JSX.Element;
+declare const Option: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onClick }, data: { label, icon }, }: Props<O, IsMulti>) => JSX.Element;
 export default Option;

package/dist/components/form/select/components/Placeholder.d.ts

@@ -1,4 +1,4 @@
 import { PlaceholderProps } from 'react-select';
 import { OptionType } from './Option';
-declare const Placeholder: <IsMulti extends boolean = false>({ children, }: PlaceholderProps<OptionType, IsMulti, import("react-select").GroupTypeBase<OptionType>>) => JSX.Element;
+declare const Placeholder: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, }: PlaceholderProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
 export default Placeholder;

package/dist/components/form/select/components.d.ts

@@ -1,2 +1,3 @@
+import { OptionType } from './components/Option';
 import { SelectProps } from './types';
-export declare const getCustomComponents: <IsMulti extends boolean = false>() => Partial<import("react-select/src/components").SelectComponents<import("./components/Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>> | undefined;
+export declare const getCustomComponents: <O extends OptionType = OptionType, IsMulti extends boolean = false>() => Partial<import("react-select/src/components").SelectComponents<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;

package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts

@@ -1,8 +1,9 @@
 import { statusType } from '../../common/types';
+import { OptionType } from '../components/Option';
 import { SelectProps } from '../types';
 interface Props {
     status: statusType;
-    isDisabled?: boolean;
+    disabled?: boolean;
 }
-declare const useSelectThemeStyles: <IsMulti extends boolean = false>({ status, isDisabled, }: Props) => Partial<import("react-select").Styles<import("../components/Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("../components/Option").OptionType>>> | undefined;
+declare const useSelectThemeStyles: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ status, disabled, }: Props) => Partial<import("react-select").Styles<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;
 export default useSelectThemeStyles;

package/dist/components/form/select/hooks/useSelectValue.d.ts

@@ -1,11 +1,11 @@
 import { Dispatch, SetStateAction } from 'react';
 import { ValueType } from 'react-select';
 import { OptionType } from '../components/Option';
-declare type valueType<IsMulti extends boolean = false> = ValueType<OptionType, IsMulti>;
-declare type ReturnType<IsMulti extends boolean = false> = [
-    valueType<IsMulti> | undefined,
-    Dispatch<SetStateAction<valueType<IsMulti> | undefined>>
+declare type valueType<O extends OptionType = OptionType, IsMulti extends boolean = false> = ValueType<O, IsMulti>;
+declare type ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> = [
+    valueType<O, IsMulti> | undefined,
+    Dispatch<SetStateAction<valueType<O, IsMulti> | undefined>>
 ];
-export declare const useSelectValue: (initialValue?: valueType) => ReturnType<false>;
-export declare const useSelectMultiValues: (initialValue: valueType<true>) => ReturnType<true>;
+export declare const useSelectValue: <O extends OptionType = OptionType>(initialValue?: O | null) => ReturnType<O, false>;
+export declare const useSelectMultiValues: <O extends OptionType = OptionType>(initialValue: import("react-select").OptionsType<O>) => ReturnType<O, true>;
 export {};

package/dist/components/form/select/index.d.ts

@@ -1,6 +1,8 @@
 import { SelectActionsType } from './components/FooterActions';
+import { OptionType } from './components/Option';
 import { useSelectMultiValues, useSelectValue } from './hooks/useSelectValue';
 import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
 import selectPalette, { SelectPalette } from './selectPalette';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
-export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, };
+declare type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
+export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, };

package/dist/components/form/select/select.stories.d.ts

@@ -1,6 +1,7 @@
 import { Meta, Story } from '@storybook/react';
+import { OptionType } from './components/Option';
 import { SelectProps } from './types';
 export declare const Single: Story<SelectProps>;
-export declare const Multi: Story<SelectProps<true>>;
+export declare const Multi: Story<SelectProps<OptionType, true>>;
 declare const SelectStories: Meta<SelectProps>;
 export default SelectStories;

package/dist/components/form/select/types.d.ts

@@ -1,11 +1,11 @@
 import { Props as AsyncProps } from 'react-select/src/Async';
 import { Props as AsyncCreatableProps } from 'react-select/src/AsyncCreatable';
 import { Props as CreatableProps } from 'react-select/src/Creatable';
-import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { NamedProps, Props as ReactSelectProps } from 'react-select/src/Select';
 import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { OptionType } from './components/Option';
-export declare type SelectProps<isMulti extends boolean = false, T = ReactSelectProps<OptionType, isMulti>> = CommonFormTypes & LabelProps & T;
-export declare type CreatableSelectProps<isMulti extends boolean = false> = SelectProps<isMulti, CreatableProps<OptionType, isMulti>>;
-export declare type AsyncSelectProps<isMulti extends boolean = false> = SelectProps<isMulti, AsyncProps<OptionType, isMulti>>;
-export declare type AsyncCreatableSelectProps<isMulti extends boolean = false> = SelectProps<isMulti, AsyncCreatableProps<OptionType, isMulti>>;
+export declare type SelectProps<O extends OptionType = OptionType, isMulti extends boolean = false, T = ReactSelectProps<O, isMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, isMulti>;
+export declare type CreatableSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, CreatableProps<O, isMulti>>;
+export declare type AsyncSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, AsyncProps<O, isMulti>>;
+export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, AsyncCreatableProps<O, isMulti>>;

package/dist/components/form/select/utils.d.ts

@@ -3,5 +3,5 @@ import { SelectStyles, SelectWrapperProps } from './SelectWrapper';
 interface GetSelectParams extends SelectWrapperProps {
     theme: DefaultTheme;
 }
-export declare const getSelectStyles: ({ theme, isDisabled, status }: GetSelectParams) => SelectStyles;
+export declare const getSelectStyles: ({ theme, disabled, status }: GetSelectParams) => SelectStyles;
 export {};

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,6 +1,6 @@
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
-declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, }: TextAreaElementProps) => JSX.Element;
-export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'isDisabled' | 'status' | 'initialHeight' | 'isResizable'>;
+declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, }: TextAreaElementProps) => JSX.Element;
+export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

package/dist/components/form/textArea/components/utils.d.ts

@@ -3,5 +3,5 @@ import { TextAreaStyles, TextAreaWrapperProps } from './TextAreaElement';
 interface GetTextAreaParams extends TextAreaWrapperProps {
     theme: DefaultTheme;
 }
-export declare const getTextAreaStyles: ({ theme, isDisabled, status }: GetTextAreaParams) => TextAreaStyles;
+export declare const getTextAreaStyles: ({ theme, disabled, status }: GetTextAreaParams) => TextAreaStyles;
 export {};

package/dist/index.d.ts

@@ -10,7 +10,7 @@ import { WithBadge } from './components/floatingBadge';
 import { Checkbox, CheckboxPalette, CheckboxProps, useCheckboxValue } from './components/form/checkbox';
 import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
 import { InputText, InputTextPalette, InputTextProps } from './components/form/inputText';
-import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, Select, SelectPalette, SelectProps, useSelectMultiValues, useSelectValue } from './components/form/select';
+import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, useSelectMultiValues, useSelectValue } from './components/form/select';
 import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
 import { GroupedList } from './components/groupedList';
 import { RadioButtonGroup } from './components/groupRadioButton';
@@ -36,4 +36,4 @@ import { Toast, ToastProps } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };
+export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };