@fattureincloud/fic-design-system 0.4.6-expenses.1 → 0.4.7

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

@@ -1,14 +0,0 @@
-import { Component } from 'react';
-import { DropdownImplProps } from './types';
-import DropdownItem from './components/Item';
-import DropdownTitle from './components/Title';
-import DropdownSeparator from './components/Separator';
-import { UserListItem } from './components/UserListItem';
-export declare class DropdownV2 extends Component<DropdownImplProps, {}> {
-    static Item: typeof DropdownItem;
-    static Title: typeof DropdownTitle;
-    static Separator: typeof DropdownSeparator;
-    static UserListItem: typeof UserListItem;
-    render(): JSX.Element;
-}
-export default DropdownV2;

package/dist/components/dropdownV2/dropdown.stories.d.ts

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

package/dist/components/dropdownV2/index.d.ts

@@ -1,3 +0,0 @@
-import { Dropdown } from './types';
-declare const DropdownV2: Dropdown;
-export { DropdownV2 };

package/dist/components/dropdownV2/types.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { IconName, TypePropType } from '../common/Icon/typings';
-import { AvatarAllowedSizes } from '../avatar/types';
-export declare type TitleProps = {
-    text: string;
-};
-export declare type contentOption = {
-    id: number;
-    text: string;
-    icon?: IconName;
-};
-export declare type DropdownImplProps = {
-    className?: string;
-    title?: string;
-    renderTrigger?: () => void;
-    content?: contentOption[];
-    onSelectOption?: (id: number | string) => void;
-    renderContent?: (closeDropdown: () => void) => JSX.Element;
-    alignRight?: boolean;
-    fullWidth?: boolean;
-};
-export interface ItemProps {
-    text: string;
-    id?: number;
-    className?: string;
-    iconName?: IconName;
-    iconType?: TypePropType;
-    iconSwapOpacity?: boolean;
-    active?: boolean;
-    shortcut?: string;
-    onSelected?: (id: number | undefined) => void;
-    children?: React.ReactChild;
-}
-export interface UserListItemProps {
-    img?: string;
-    placeholder?: string;
-    avatarSize?: AvatarAllowedSizes;
-    noText?: string;
-    text?: string;
-    renderText?: JSX.Element;
-    onClick?: () => void;
-}
-export interface Dropdown {
-    Container: React.FC<DropdownImplProps>;
-    Item: React.FC<ItemProps>;
-    Separator: React.FC;
-    UserListItem: React.FC<UserListItemProps>;
-    Title: React.FC<TitleProps>;
-}

package/dist/components/groupRadioButton/typings/groupRadioButton.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare type TRadioButtonGroup = React.FC<{
-    options: Array<{
-        key: number;
-        label: string;
-    }>;
-    value: number;
-    onClick: (option: {
-        key: number;
-        label: string;
-    }) => void;
-    isDisabled?: boolean;
-    renderOption?: (props: {
-        isDisabled?: boolean;
-        isChecked: boolean;
-        label: string;
-    }) => JSX.Element;
-    optionsSpacing?: number;
-    style?: React.CSSProperties;
-    inline?: boolean;
-}>;

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

@@ -1,3 +0,0 @@
-/**
- * TODO: Probably dead code
- */

package/dist/components/groupedList/components/StyledGroupedList.d.ts

@@ -1,17 +0,0 @@
-import { ItemsType } from '../types';
-declare type TMasterElement = {
-    noResults?: boolean;
-};
-declare type TSingleElement = {
-    active?: boolean;
-    isDefault?: boolean;
-    onClick: (elem: ItemsType) => void;
-};
-export declare const StyledGroupedListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MasterElement: import("styled-components").StyledComponent<"div", any, TMasterElement, never>;
-export declare const IconStyled: import("styled-components").StyledComponent<import("../../common/Icon/typings").IconType, any, {}, never>;
-export declare const SingleElement: import("styled-components").StyledComponent<"div", any, TSingleElement, never>;
-export declare const LeftSingleElement: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RightSingleElement: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NoResults: import("styled-components").StyledComponent<"span", any, {}, never>;
-export {};

package/dist/components/iconDropdown/iconDropdown.d.ts

@@ -1,9 +0,0 @@
-import React, { Component } from 'react';
-declare type Props = {
-    icon: string;
-    children: React.ReactNode;
-};
-declare class IconDropdown extends Component<Props, {}> {
-    render(): JSX.Element;
-}
-export default IconDropdown;

package/dist/components/iconDropdown/index.d.ts

@@ -1,2 +0,0 @@
-import IconDropdown from './iconDropdown';
-export { IconDropdown };

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

@@ -1,295 +0,0 @@
-export declare const colorSetter: (type: "standard" | "error" | "info" | "warning" | "success" | undefined, palette: {
-    colors: {
-        base: {
-            transparent: string;
-            gradientBlue: string;
-        };
-        black: {
-            8: string;
-            16: string;
-            48: string;
-            80: string;
-            100: string;
-        };
-        white: {
-            8: string;
-            16: string;
-            48: string;
-            80: string;
-            100: string;
-        };
-        grey: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        blue: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        indigo: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        yellow: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        orange: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        red: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        green: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        fucsia: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        pink: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        cyan: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-        primary: {
-            900: string;
-            800: string;
-            700: string;
-            600: string;
-            500: string;
-            400: string;
-            300: string;
-            200: string;
-            100: string;
-            50: string;
-        };
-    };
-    form: {
-        field: {
-            label: string;
-            validationMessage: string;
-            description: string;
-        };
-    };
-    button: {
-        primary: {
-            blue: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-            red: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-            green: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-            white: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-            yellow: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-        };
-        secondary: {
-            blue: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-            red: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-            green: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-            yellow: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-            white: {
-                normal: string;
-                hover: string;
-                active: string;
-                disabled: string;
-                text: string;
-                textHover: string;
-            };
-        };
-    };
-    iconButton: {
-        primary: {
-            blue: {
-                icon: string;
-                iconHover: string;
-            };
-            red: {
-                icon: string;
-                iconHover: string;
-            };
-            green: {
-                icon: string;
-                iconHover: string;
-            };
-            yellow: {
-                icon: string;
-                iconHover: string;
-            };
-        };
-        secondary: {
-            blue: {
-                icon: string;
-                iconHover: string;
-            };
-            red: {
-                icon: string;
-                iconHover: string;
-            };
-            green: {
-                icon: string;
-                iconHover: string;
-            };
-            yellow: {
-                icon: string;
-                iconHover: string;
-            };
-        };
-    };
-    text: {
-        gray: string;
-    };
-    link: {
-        normal: string;
-        hover: string;
-        gray: string;
-    };
-    defaultButton: string;
-}) => import("styled-components").FlattenSimpleInterpolation;
-export declare const spacingSetter: (size?: "medium" | "large" | undefined) => import("styled-components").FlattenSimpleInterpolation;

package/dist/components/inputText/components/icons.d.ts

@@ -1,8 +0,0 @@
-import { EInputSize } from '../typings/enums';
-interface IconProps {
-    size?: EInputSize;
-    hasAction: boolean;
-}
-export declare const IconLeft: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
-export declare const IconRight: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
-export {};

package/dist/components/inputText/components/inputContainer.d.ts

@@ -1 +0,0 @@
-export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inputText/components/messages.d.ts

@@ -1,2 +0,0 @@
-export declare const ErrorMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export declare const DescriptionMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inputText/components/wrapperTextArea.d.ts

@@ -1 +0,0 @@
-export declare const WrapperTextArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inputText/icons.d.ts

@@ -1,9 +0,0 @@
-import { IconProps } from '../icon';
-export declare const LefIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
-    isDisabled?: boolean | undefined;
-}, "primary" | "secondary">;
-export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
-    isDisabled?: boolean | undefined;
-} & {
-    isValid?: boolean | undefined;
-}, "primary" | "secondary">;

package/dist/components/inputText/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { InputTextPropsInterface } from './typings/inputText';
-export declare const InputText: (props: InputTextPropsInterface) => JSX.Element;

package/dist/components/inputText/inputText.stories.d.ts

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

package/dist/components/inputText/inputTextStyledWrapper.d.ts

@@ -1,2 +0,0 @@
-import { InputTextStylingPropsInterface } from './typings/inputText';
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputTextStylingPropsInterface, never>;

package/dist/components/inputText/sideText.d.ts

@@ -1,6 +0,0 @@
-export declare const LeftText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    size?: "small" | "large" | "medium" | undefined;
-}, never>;
-export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    size?: "small" | "large" | "medium" | undefined;
-}, never>;

package/dist/components/inputText/typings/enums.d.ts

@@ -1,17 +0,0 @@
-export declare enum EInputSize {
-    medium = "medium",
-    large = "large"
-}
-export declare enum EInputTags {
-    textarea = "textarea",
-    input = "input"
-}
-export declare enum EInputTypes {
-    password = "password",
-    text = "text",
-    number = "number"
-}
-export declare enum EInputErrorTypes {
-    generic = "generic",
-    wordcount = "wordcount"
-}

package/dist/components/inputText/typings/inputText.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../icon';
-import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
-export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
-export interface InputTextStateInterface {
-}
-export interface InputTextStylingPropsInterface {
-    size?: EInputSize;
-    isDisabled?: boolean;
-    inputWidth?: string;
-    error?: {
-        id: EInputErrorTypes;
-        message: string;
-    };
-    rightInputIcon?: IconProps;
-    leftInputIcon?: IconProps;
-}
-export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
-    tag?: EInputTags;
-    inputType?: EInputTypes;
-    value?: number | string;
-    inputPlaceholder?: string;
-    autoFocus?: boolean;
-    label?: string;
-    textAreaWordCount?: {
-        max: number;
-        current: number;
-    };
-    name?: string;
-    rows?: number;
-    className?: string;
-    description?: {
-        message: string;
-    };
-    onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
-    onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
-    onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
-    onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
-    onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
-    rightIconOnClick?: () => void;
-    leftIconOnClick?: () => void;
-}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { MergedInputElements } from './typings/inputText';
-/**
- *
- * @param textInput
- * It checks if the type of input is HTMLTextAreaElement or not
- */
-export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;

package/dist/components/modals/components/HeaderSearch.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare type PropTypes = {
-    handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
-    value: string;
-    placeholder: string;
-};
-export declare const HeaderSearch: (props: PropTypes) => JSX.Element;
-export {};

package/dist/components/modals/modalStyledWrapper.d.ts

@@ -1,2 +0,0 @@
-import { ModalPropsInterface } from './types';
-export declare const ModalStyledWrapper: import("styled-components").StyledComponent<"div", any, ModalPropsInterface, never>;

package/dist/components/navigationDropdown/index.d.ts

@@ -1,2 +0,0 @@
-import NavigationDropdown from './navigationDropdown';
-export { NavigationDropdown };

package/dist/components/navigationDropdown/navigationDropdown.d.ts

@@ -1,9 +0,0 @@
-import React, { Component } from 'react';
-declare type Props = {
-    title: string | number;
-    children: React.ReactNode;
-};
-declare class NavigationDropdown extends Component<Props, {}> {
-    render(): JSX.Element;
-}
-export default NavigationDropdown;

package/dist/components/select/custom-select-style.d.ts

@@ -1,2 +0,0 @@
-import { Styles } from 'react-select/src/styles';
-export declare const customStyles: (size: "medium" | "large" | undefined, themeContext: any) => Partial<Styles>;