@fattureincloud/fic-design-system 0.3.19 → 0.3.20

package/dist/components/buttons/button/styled.d.ts

@@ -7,5 +7,5 @@ export declare const Text: import("styled-components").StyledComponent<"div", im
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isLoading: boolean | undefined;
 }, never>;
-export declare const HrefWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, ButtonStyles & WrapperProps, "text" | "height" | "cursor" | "border" | "normal" | "active" | "hover" | "textHover">;
-export declare const OnClickWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ButtonStyles & WrapperProps, "text" | "height" | "cursor" | "border" | "normal" | "active" | "hover" | "textHover">;
+export declare const HrefWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, ButtonStyles & WrapperProps, "text" | "height" | "cursor" | "border" | "normal" | "hover" | "active" | "textHover">;
+export declare const OnClickWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ButtonStyles & WrapperProps, "text" | "height" | "cursor" | "border" | "normal" | "hover" | "active" | "textHover">;

package/dist/components/dropdown/components/Item.d.ts

@@ -5,5 +5,5 @@ declare const Item: ({ active, className, icon, onClick, shortcut, text, isDisab
 export interface StyledItemProps extends Pick<DropdownItemProps, 'fullWidth' | 'maxWidth' | 'active' | 'isDisabled' | 'type'> {
     hasAction: boolean;
 }
-export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, "color" | "cursor" | "opacity" | "background" | "hoverBackground">;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, "color" | "opacity" | "background" | "hoverBackground" | "cursor">;
 export default Item;

package/dist/components/form/inputHelper/InputHelper.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { ReactChild } from 'react';
 import { IconProps } from '../../icon';
 import { inputHelperStatus } from './types';
 export interface InputHelperProps extends WrapperProps {
-    message: string;
+    message: ReactChild;
     icon?: IconProps;
 }
 declare const InputHelper: ({ status, message, icon }: InputHelperProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SelectProps } from './types';
+export declare const Select: (props: SelectProps<import("react-select").Props<import("./components/Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>) => JSX.Element;
+export declare const CreatableSelect: (props: SelectProps<import("react-select/creatable").Props<import("./components/Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>) => JSX.Element;
+export declare const AsyncSelect: (props: SelectProps<import("react-select/async").Props<import("./components/Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>) => JSX.Element;
+export declare const AsyncCreatableSelect: (props: SelectProps<import("react-select/async-creatable").Props<import("./components/Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>>) => JSX.Element;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { BoxedInputWrapperProps } from '../common/styles';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+import { SelectProps } from './Select';
+export interface SelectInputPartsProps extends CommonFormTypes, LabelProps {
+    children?: ReactNode;
+}
+declare const SelectInputParts: (props: SelectInputPartsProps) => JSX.Element;
+export declare type SelectWrapperProps = Pick<SelectProps<ReactSelectProps>, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export default SelectInputParts;

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

@@ -0,0 +1,12 @@
+import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { BoxedInputWrapperProps } from '../common/styles';
+import { SelectProps } from './types';
+export declare type SelectWrapperProps = Pick<SelectProps<ReactSelectProps>, 'isDisabled' | 'status' | 'inputSize'>;
+export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Pick<BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background"> & Pick<SelectProps<ReactSelectProps<{
+    label: string;
+    value: string;
+}, false, import("react-select").GroupTypeBase<{
+    label: string;
+    value: string;
+}>>>, "isDisabled" | "status" | "inputSize">, "borderColor" | "normalFocused" | "color" | "background">;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ClearIndicator: ({ isDisabled, clearValue }: import("react-select").IndicatorProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default ClearIndicator;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Control: ({ innerProps: { onMouseDown }, children }: import("react-select").ControlProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").ControlProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default Control;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DropdownIndicator: ({ selectProps }: import("react-select").IndicatorProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").IndicatorProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default DropdownIndicator;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { DropdownItemProps } from '../../../dropdown';
+export interface SelectActionsType extends DropdownItemProps {
+    closeOnClick?: boolean;
+}
+interface Props {
+    actions: SelectActionsType[];
+    triggerClose: () => void;
+}
+declare const FooterActions: ({ actions, triggerClose }: Props) => JSX.Element;
+export default FooterActions;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MenuList: (props: import("react-select").MenuListComponentProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").MenuListComponentProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default MenuList;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { OptionTypeBase } from 'react-select/src/types';
+import { IconProps } from '../../../icon';
+import { OptionProps } from './types';
+export interface OptionType extends OptionTypeBase {
+    icon?: IconProps;
+    label: string;
+    value: string;
+}
+interface Props extends Omit<OptionProps, 'data'> {
+    data: OptionType;
+}
+declare const Option: ({ innerProps: { onClick }, data: { label, icon } }: Props) => JSX.Element;
+export default Option;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Placeholder: ({ children }: import("react-select").PlaceholderProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").PlaceholderProps<import("./Option").OptionType, boolean, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default Placeholder;

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { SelectProps } from '../types';
+declare type SelectComponents = Required<Required<SelectProps>['components']>;
+export declare type OptionProps = ComponentProps<SelectComponents['Option']>;
+export declare type PlaceholderProps = ComponentProps<SelectComponents['Placeholder']>;
+export declare type ControlProps = ComponentProps<SelectComponents['Control']>;
+export declare type MenuListProps = ComponentProps<SelectComponents['MenuList']>;
+export declare type DropdownIndicatorProps = ComponentProps<NonNullable<SelectComponents['DropdownIndicator']>>;
+export declare type ClearIndicatorProps = ComponentProps<NonNullable<SelectComponents['ClearIndicator']>>;
+export {};

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

@@ -0,0 +1,2 @@
+import { SelectProps } from './types';
+export declare const customComponents: SelectProps['components'];

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

@@ -0,0 +1,13 @@
+import { statusType } from '../../common/types';
+interface Props {
+    status: statusType;
+    isDisabled?: boolean;
+}
+declare const useSelectThemeStyles: ({ status, isDisabled }: Props) => Partial<import("react-select").Styles<{
+    label: string;
+    value: string;
+}, false, import("react-select").GroupTypeBase<{
+    label: string;
+    value: string;
+}>>> | undefined;
+export default useSelectThemeStyles;

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

@@ -0,0 +1,5 @@
+import { SelectActionsType } from './components/FooterActions';
+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, };

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, NormalSelectProps } from './types';
+export declare const NormalSelectOriginal: React.FC<NormalSelectProps>;
+export declare const CreatableSelectOriginal: React.FC<CreatableSelectProps>;
+export declare const AsyncSelectOriginal: React.FC<AsyncSelectProps>;
+export declare const AsyncCreatableSelectOriginal: React.FC<AsyncCreatableSelectProps>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,16 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { statusType } from '../common/types';
+export interface SelectParts extends colorsPalette {
+    borderColor: paletteColor;
+    iconColor: paletteColor;
+}
+declare type StatusesPalette = {
+    [key in statusType]: SelectParts;
+};
+export interface SelectPalette extends StatusesPalette {
+    normalFocused: SelectParts;
+    disabled: SelectParts;
+}
+declare const selectPalette: SelectPalette;
+export default selectPalette;

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

@@ -0,0 +1,12 @@
+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 { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+import { OptionType } from './components/Option';
+export declare type NormalSelectProps = SelectProps;
+export declare type CreatableSelectProps = SelectProps<CreatableProps<OptionType, boolean>>;
+export declare type AsyncSelectProps = SelectProps<AsyncProps<OptionType, boolean>>;
+export declare type AsyncCreatableSelectProps = SelectProps<AsyncCreatableProps<OptionType, boolean>>;
+export declare type SelectProps<T = ReactSelectProps<OptionType, boolean>> = CommonFormTypes & LabelProps & T;

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

@@ -0,0 +1,7 @@
+import { DefaultTheme } from 'styled-components';
+import { SelectWrapperProps } from './SelectWrapper';
+interface GetSelectParams extends SelectWrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getSelectStyles: ({ theme, isDisabled, status }: GetSelectParams) => Pick<import("../common/styles").BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background">;
+export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface CharCounterProps extends CharCounterOptions {
+    length: number;
+}
+export interface CharCounterOptions {
+    maxLength?: number;
+}
+declare const CharCounter: ({ length, maxLength }: CharCounterProps) => JSX.Element;
+export default CharCounter;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 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, }: TextAreaElementProps) => JSX.Element;
-export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'isDisabled' | 'status' | 'initialHeight'>;
+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'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

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

@@ -1,7 +1,10 @@
 import { Dispatch, SetStateAction, TextareaHTMLAttributes } from 'react';
 import { CommonFormTypes } from '../common/types';
-export interface TextAreaElementProps extends CommonFormTypes, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
+import { CharCounterOptions } from './components/CharCounter';
+export interface TextAreaElementProps extends CommonFormTypes, CharCounterOptions, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
     initialHeight?: string;
-    value?: number | string | null;
-    setValue?: Dispatch<SetStateAction<string>>;
+    value?: string | null;
+    setValue?: Dispatch<SetStateAction<string | undefined>>;
+    showCounter?: boolean;
+    isResizable?: boolean;
 }

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

@@ -6,4 +6,5 @@ export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
     isDisabled?: boolean;
 }
 declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
+export declare type StyledIconProps = IconProps;
 export default Icon;

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

@@ -1,7 +1,7 @@
 import { DefaultTheme } from 'styled-components';
-import { IconProps } from './Icon';
+import { StyledIconProps } from './Icon';
 import { IconColorPalette } from './iconPalette';
-interface GetIconStylesParams extends Pick<IconProps, 'color'> {
+interface GetIconStylesParams extends Pick<StyledIconProps, 'color'> {
     theme: DefaultTheme;
 }
 export declare const getIconStyles: ({ theme, color }: GetIconStylesParams) => IconColorPalette;

package/dist/components/tabs/common/Item.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import { RefObject } from 'react';
 import { TabsItem } from './types';
 interface Props extends TabsItem {
-    tabRef?: React.RefObject<HTMLDivElement>;
+    tabRef?: () => RefObject<HTMLDivElement>;
 }
 declare const Item: ({ active, handleClick, tabRef, text }: Props) => JSX.Element;
 export default Item;

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette } from
 import { WithBadge } from './components/floatingBadge';
 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 } from './components/form/select';
 import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
 import { GroupedList } from './components/groupedList';
 import { RadioButtonGroup } from './components/groupRadioButton';
@@ -25,7 +26,6 @@ import { PageEmptySet } from './components/pageEmptySet';
 import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
-import { Select, SelectAsync, SelectCreatable } from './components/select';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Table } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
@@ -37,4 +37,4 @@ import { Toast } 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, SelectCreatable, SelectAsync, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ConfirmationModal, TextButton, 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, SelectPalette, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ConfirmationModal, TextButton, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };