@fattureincloud/fic-design-system 0.4.8 → 0.4.9-expenses.1.1

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

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

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { IconName, TypePropType } from '../common/Icon/typings';
+import { AvatarAllowedSizes } from '../avatar/types';
+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?: React.ReactNode;
+    alignRight?: boolean;
+    fullWidth?: boolean;
+};
+export declare type TitleProps = {
+    text: string;
+};
+export declare type UnstyledDropdownState = {
+    isOpen: 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;
+}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DropdownImplProps } from './types';
+declare const DropdownImpl: (props: DropdownImplProps) => JSX.Element;
+export default DropdownImpl;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ItemProps } from '../types';
+declare const Item: (props: ItemProps) => JSX.Element;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    isLabel?: boolean | undefined;
+}, never>;
+export default Item;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Separator: () => JSX.Element;
+export default Separator;

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TitleProps } from '../types';
+declare const Title: (props: TitleProps) => JSX.Element;
+export default Title;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { UserListItemProps } from '../types';
+export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
+export declare const UserListWrapper: import("styled-components").StyledComponent<"div", any, {
+    clickable: boolean;
+}, never>;

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

@@ -0,0 +1,14 @@
+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

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

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

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

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

@@ -0,0 +1,49 @@
+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/floatingBadge/floatingBadge.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { WithBadgeProps } from './types';
 export declare const Normal: () => JSX.Element;

package/dist/components/form/fileUploader/fileUploaderPalette.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { paletteColor } from '../../../styles/types';
 import { IconProps } from '../../icon';
 import { statuses } from './types';

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -1,4 +1,4 @@
 import { IconProps } from '../../../icon';
 import { statuses } from '../types';
-declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
+declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null | undefined;
 export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -1,3 +1,3 @@
-import { statuses } from '../types';
-declare const useTexts: (status: statuses, customTexts?: any) => any;
+import { CustomTexts, FileUploaderTexts, statuses } from '../types';
+declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
 export default useTexts;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LabelProps extends WrapperProps {
     label?: string | JSX.Element;
 }

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

@@ -0,0 +1,21 @@
+/// <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

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

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

@@ -0,0 +1,17 @@
+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/groupedList/components/groupElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonComponentsProps, GroupType } from '../types';
 interface GroupElementType extends GroupType, CommonComponentsProps {
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonComponentsProps, ItemType } from '../types';
 interface ItemElementType extends ItemType, CommonComponentsProps {
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupType } from '../types';
 interface Props {
     title: GroupType['title'];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupedListProps } from './types';
 declare const GroupedList: (props: GroupedListProps) => JSX.Element;
 export default GroupedList;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { GroupedListProps } from './types';
 export declare const Simple: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { IconProps } from './Icon';
 export declare const Normal: () => JSX.Element;

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

@@ -0,0 +1,9 @@
+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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InlineMessagesProps, StyledContentProps } from '../types';
 export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InlineMessagesProps } from './types';
 declare const InlineMessage: (props: InlineMessagesProps) => JSX.Element;
 export default InlineMessage;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { InlineMessagesProps } from './types';
 export declare const Colors: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '../icon';
 export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
 export interface InlineMessagesProps {

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

@@ -0,0 +1,295 @@
+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

@@ -0,0 +1,8 @@
+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

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

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

@@ -0,0 +1,2 @@
+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

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

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

@@ -0,0 +1,9 @@
+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

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

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

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

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,6 @@
+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>;