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

package/dist/components/select/hooks/useCustomSelectStyle.d.ts

@@ -0,0 +1,4 @@
+import { Styles } from 'react-select/src/styles';
+declare type sizeType = 'medium' | 'large';
+declare const useCustomSelectStyle: (size?: sizeType) => Partial<Styles>;
+export default useCustomSelectStyle;

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

@@ -0,0 +1,4 @@
+import { TSelect, TSelectAsync, TSelectCreatable } from './typings/select';
+export declare const Select: TSelect;
+export declare const SelectCreatable: TSelectCreatable;
+export declare const SelectAsync: TSelectAsync;

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

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

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { default as Select } from 'react-select';
+import { default as AsyncSelect } from 'react-select/async';
+import CreatableSelect from 'react-select/creatable';
+import { InputActionMeta } from 'react-select/src/types';
+export interface Props {
+    label?: string;
+    size?: 'medium' | 'large' | undefined;
+    inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    getRef?: (node: any) => any;
+}
+export declare type TSelectProps = React.ComponentProps<typeof Select & Props>;
+export declare type TAsyncSelectProps = React.ComponentProps<typeof AsyncSelect & Props>;
+export declare type TSelectPropsCreatable = React.ComponentProps<typeof CreatableSelect> & {
+    label?: string;
+    size?: 'medium' | 'large' | undefined;
+    inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    createOption?: (inputValue: string) => void;
+};
+export declare type TSelect = React.FunctionComponent<TSelectProps>;
+export declare type TSelectCreatable = React.FunctionComponent<TSelectPropsCreatable>;
+export declare type TSelectAsync = React.FunctionComponent<TAsyncSelectProps>;

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

@@ -0,0 +1 @@
+export declare const getRenderComponents: (size: string, isDisabled?: boolean | undefined, isSearchable?: boolean | undefined, menuIsOpen?: boolean | undefined) => {};

package/dist/components/stepBar/components/singleStep.d.ts

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

package/dist/components/stepBar/components/styledStepBarWrapper.d.ts

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

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

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

package/dist/components/stepBar/stepBar.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+import { TStepBar, UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface } from './types';
+export declare class UnstyledStepBar extends Component<UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface> {
+    render(): JSX.Element;
+}
+declare const StepBar: TStepBar;
+export default StepBar;

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface StepProps {
+    title: string;
+    type: 'standard' | 'current' | 'completed';
+    number: number;
+}
+interface Props {
+    stepList: Array<StepProps>;
+}
+export declare type TStepBar = React.FunctionComponent<Props>;
+export interface UnstyledStepBarPropsInterface extends Props {
+}
+export interface UnstyledStepBarStateInterface {
+}
+export {};

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

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

package/dist/components/table/components/ActionsCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Row } from 'react-table';
 import { RowActions, TableData } from '../types';
 interface Props<T extends TableData> {

package/dist/components/table/components/EmptyState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface EmptyTablePageProps {
     columnsCount: number;
     EmptyPage?: JSX.Element;

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

@@ -1,6 +1,7 @@
+import { Column, Row } from 'react-table';
 import useTableValues from './hooks/useTableValues';
 import Table from './Table';
 import { TableProps } from './Table';
 import tablePalette, { TablePalette } from './tablePalette';
 import { ManualPagination, OnSort, RowActions, TableData } from './types';
-export { Table, TableProps, TableData, tablePalette, useTableValues, TablePalette, RowActions, ManualPagination, OnSort, };
+export { Table, TableProps, TableData, tablePalette, useTableValues, TablePalette, RowActions, ManualPagination, OnSort, Row, Column, };

package/dist/components/table/{Table.d.ts → table.d.ts}

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Row, UseTableOptions } from 'react-table';
 import { EmptyTablePageProps } from './components/EmptyState';
 import { ManualPagination, OnSort, RowActions, TableData } from './types';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TabsProps {
     className?: string;
     tabs: TabsItem[];

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

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

package/dist/components/tabs/components/item/components/ActiveTag.d.ts

@@ -0,0 +1,6 @@
+import { TabsItem } from '../../../types';
+interface ActiveTagType {
+    active: TabsItem['active'];
+}
+declare const ActiveTag: import("styled-components").StyledComponent<"span", any, ActiveTagType, never>;
+export default ActiveTag;

package/dist/components/tabs/components/item/components/Tab.d.ts

@@ -0,0 +1,6 @@
+import { TabsItem } from '../../../types';
+interface TabTypes {
+    active: TabsItem['active'];
+}
+declare const Tab: import("styled-components").StyledComponent<"span", any, TabTypes, never>;
+export default Tab;

package/dist/components/tabs/components/tabsDropdown/TabsDropdown.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TabsItem } from '../../types';
+interface Props {
+    active: TabsItem['active'];
+    items: TabsItem[];
+}
+declare const TabsDropdown: ({ active, items }: Props) => JSX.Element;
+export default TabsDropdown;

package/dist/components/tabs/components/tabsDropdown/components/TabsDropdownTrigger.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TabsItem } from '../../../types';
+interface Props {
+    active: TabsItem['active'];
+}
+declare const TabsDropdownTrigger: ({ active }: Props) => JSX.Element;
+export default TabsDropdownTrigger;

package/dist/components/tabs/hooks/useResizedWidth.d.ts

@@ -0,0 +1,7 @@
+import { UseMeasureRef } from 'react-use/lib/useMeasure';
+interface ReturnType {
+    elementsWrapperRef: UseMeasureRef<HTMLDivElement>;
+    wrapperWidth: number;
+}
+declare const useResizedWidth: () => ReturnType;
+export default useResizedWidth;

package/dist/components/tabs/hooks/useTabItemsCount.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+import { TabsProps } from '../tabs';
+interface Params extends Required<Pick<TabsProps, 'distance' | 'lateralPadding' | 'scrollable'>> {
+    tabsLength: number;
+    wrapperWidth: number;
+    tabsRefs: RefObject<HTMLDivElement>[];
+}
+interface ReturnType {
+    visibleCount: number;
+}
+declare const useTabItemsCount: ({ scrollable, distance, tabsLength, wrapperWidth, tabsRefs, lateralPadding }: Params) => ReturnType;
+export default useTabItemsCount;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TabsItem } from './types';
+interface Props {
+    className?: string;
+    tabs: TabsItem[];
+    distance?: number;
+    lateralPadding?: number;
+    scrollable?: boolean;
+}
+declare const Tabs: ({ tabs, className, scrollable, distance, lateralPadding }: Props) => JSX.Element;
+export { Props as TabsProps };
+export default Tabs;

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

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

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

@@ -0,0 +1,5 @@
+export interface TabsItem {
+    text: string;
+    active?: boolean;
+    handleClick?: () => void;
+}

package/dist/components/tag/Tag.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TagProps } from './types';
 export declare const Tag: ({ leftIcon, rightIcon, tagStyle, text, type, className }: TagProps) => JSX.Element;

package/dist/components/tag/components/StyledTag.d.ts

@@ -0,0 +1,10 @@
+import { IconProps } from '../../../index';
+import { TagStyle, TagType } from '../types';
+export declare const StyledTag: import("styled-components").StyledComponent<"div", any, {
+    type: TagType;
+    tagStyle: TagStyle;
+}, never>;
+export declare const TagText: import("styled-components").StyledComponent<"div", any, {
+    leftIcon: IconProps | undefined;
+    rightIcon: IconProps | undefined;
+}, never>;

package/dist/components/tag/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TagParts } from './tagPalette';
 import { StyledTagProps } from './types';
 export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

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

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

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

package/dist/components/test/test.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export default class Test extends React.Component<{}, {}> {
+    static variabileStatica: string;
+    render(): JSX.Element;
+}

package/dist/components/textButton/TextButton.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface Props extends WrapperProps {
+    text: string;
+}
+declare const TextButton: ({ isDisabled, onClick, text, ...rest }: Props) => JSX.Element;
+interface WrapperProps {
+    color?: 'blue' | 'red' | 'green' | 'yellow' | 'white';
+    isDisabled?: boolean;
+    onClick: () => void;
+    className?: string;
+}
+export default TextButton;

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

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

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

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

package/dist/components/tip/shortcutTip.d.ts

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

package/dist/components/tip/tip.d.ts

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

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

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

package/dist/components/toast/ToastContainer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToastContainerProps } from './typings/toast';
 export declare const ToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {
     hideProgressBar: true;

package/dist/components/toast/components/toastContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledIconDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

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

package/dist/components/tooltips/components/message.d.ts

@@ -0,0 +1,12 @@
+import { TPlacement } from '../types';
+interface MessageInterface {
+    messageHeight: number;
+    messageWidth: number;
+    placement: TPlacement;
+    triggerDimension: {
+        width: number;
+        height: number;
+    };
+}
+export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MessageInterface, never>;
+export {};

package/dist/components/tooltips/components/styledTooltipWrapper.d.ts

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

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

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

package/dist/components/tooltips/tooltips.d.ts

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+import { UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface, TTooltip } from './types';
+export declare class UnstyledTooltip extends Component<UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface> {
+    constructor(props: UnstyledTooltipPropsInterface);
+    messageRef: React.RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLDivElement>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: UnstyledTooltipPropsInterface): void;
+    handleMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseEnter: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    updateStateDimensions: (width: number, height: number) => void;
+    render(): JSX.Element;
+}
+declare const Tooltip: TTooltip;
+export default Tooltip;

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

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

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare type TPlacement = 'top' | 'left' | 'right' | 'bottom';
+export declare type TTooltip = React.FunctionComponent<{
+    message?: string;
+    renderMessage?: () => JSX.Element;
+    placement: TPlacement;
+    isMessageVisible?: boolean;
+    isFullWidth?: boolean;
+}>;
+export interface UnstyledTooltipPropsInterface {
+    message?: string;
+    renderMessage?: () => JSX.Element;
+    placement: TPlacement;
+    isMessageVisible?: boolean;
+    isFullWidth?: boolean;
+}
+export interface UnstyledTooltipStateInterface {
+    show: boolean;
+    messageHeight?: number;
+    messageWidth?: number;
+    triggerDimension: {
+        width: number;
+        height: number;
+    };
+}

package/dist/index.d.ts

@@ -28,7 +28,7 @@ import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
-import { ManualPagination, OnSort, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
+import { Column, ManualPagination, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
 import { Tag, TagPalette, TagProps } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
@@ -38,4 +38,4 @@ import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, TablePalette, RowActions, ManualPagination, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, checkboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, };
+export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, checkboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, };

package/dist/styles/default-palette/base.d.ts

@@ -0,0 +1,18 @@
+export declare const black: {
+    8: string;
+    16: string;
+    48: string;
+    80: string;
+    100: string;
+};
+export declare const white: {
+    8: string;
+    16: string;
+    48: string;
+    80: string;
+    100: string;
+};
+export declare const base: {
+    transparent: string;
+    gradientBlue: string;
+};

package/dist/styles/default-palette/blue.d.ts

@@ -0,0 +1,12 @@
+export declare const blue: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/default-palette/cyan.d.ts

@@ -0,0 +1,12 @@
+export declare const cyan: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/default-palette/fucsia.d.ts

@@ -0,0 +1,12 @@
+export declare const fucsia: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/default-palette/green.d.ts

@@ -0,0 +1,12 @@
+export declare const green: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/default-palette/grey.d.ts

@@ -0,0 +1,12 @@
+export declare const grey: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};