@fattureincloud/fic-design-system 0.7.37-tmp-react-18 → 0.7.40

package/dist/components/pageEmptySet/pageEmptySet.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from '../icon';
 interface Props {
     icon?: IconProps;
@@ -9,5 +10,5 @@ interface Props {
         action: () => void;
     };
 }
-export declare const PageEmptySet: ({ action, icon, text, title }: Props) => JSX.Element;
+export declare const PageEmptySet: ({ action, icon, text, title }: Props) => React.JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import { Meta } from '@storybook/react';
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { PageEmptySet } from './index';
-export declare const Normal: () => JSX.Element;
+export declare const Normal: () => React.JSX.Element;
 declare const PageEmptySetStories: Meta<ComponentProps<typeof PageEmptySet>>;
 export default PageEmptySetStories;

package/dist/components/pagination/Pagination.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PaginationProps } from './types';
 /**
  * Component Props:
@@ -11,5 +12,5 @@ import { PaginationProps } from './types';
  * @param {string} nextText Define next label text
  * @param {number} totalPages Define number of pages
  */
-declare const Pagination: (props: PaginationProps) => JSX.Element;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element;
 export default Pagination;

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

@@ -1,6 +1,6 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { PaginationProps } from './types';
-export declare const Template: StoryFn<PaginationProps>;
-export declare const Normal: StoryFn<PaginationProps>;
+export declare const Template: Story<PaginationProps>;
+export declare const Normal: Story<PaginationProps>;
 declare const PaginationStories: Meta<PaginationProps>;
 export default PaginationStories;

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

@@ -6,7 +6,7 @@ export declare enum PaginationType {
     YELLOW = "yellow",
     GREEN = "green"
 }
-export type PaginationProps = {
+export declare type PaginationProps = {
     pageSize: number;
     listSize: number;
     changePageAction: (pageNumber: number) => void;
@@ -17,9 +17,9 @@ export type PaginationProps = {
     nextText: string;
     totalPages?: number;
 };
-type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
-type PaginationButtonsStatus = 'normal' | 'disabled';
-export type PaginationPalette = {
+declare type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
+declare type PaginationButtonsStatus = 'normal' | 'disabled';
+export declare type PaginationPalette = {
     numbers: {
         [k in PaginationNumbersStatus]: {
             backgroundColor: paletteColor;

package/dist/components/progressbar/progressbar.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { ProgressBarProps } from './types';
 /**
  * Component Props:
  * @param {ProgressBarType} color Used to set the colors of the component
  * @param {number} percentage Numeric value used to set the progress bar percentage value
  */
-declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: (props: ProgressBarProps) => React.JSX.Element;
 export default ProgressBar;

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

@@ -1,10 +1,10 @@
-import { Meta, StoryFn } from '@storybook/react';
-import { ComponentProps } from 'react';
+import { Meta, Story } from '@storybook/react';
+import React, { ComponentProps } from 'react';
 import { ProgressBar } from '.';
 import { ProgressBarProps } from './';
-export declare const Template: StoryFn<ProgressBarProps>;
-export declare const Editable: () => JSX.Element;
-export declare const Autocomplete: () => JSX.Element;
-export declare const AllColors: () => JSX.Element;
+export declare const Template: Story<ProgressBarProps>;
+export declare const Editable: () => React.JSX.Element;
+export declare const Autocomplete: () => React.JSX.Element;
+export declare const AllColors: () => React.JSX.Element;
 declare const ProgressBarStories: Meta<ComponentProps<typeof ProgressBar>>;
 export default ProgressBarStories;

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

@@ -10,7 +10,7 @@ export interface ProgressBarProps {
     color?: ProgressBarType;
     percentage: number;
 }
-export type ProgressBarPalette = {
+export declare type ProgressBarPalette = {
     [key in ProgressBarType]: {
         backgroundColor: paletteColor;
     };

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { SegmentButtonProps } from './types';
-export declare const Standard: StoryFn<SegmentButtonProps>;
+export declare const Standard: Story<SegmentButtonProps>;
 declare const SegmentButtonStories: Meta<SegmentButtonProps>;
 export default SegmentButtonStories;

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

@@ -1,4 +1,4 @@
-type Props = {
+declare type Props = {
     active: boolean;
 };
 export declare const SegmentButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,6 @@
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
-export type SegmentButtonPalette = {
+export declare type SegmentButtonPalette = {
     selected: {
         background: paletteColor;
         border: paletteColor;
@@ -14,12 +14,12 @@ export type SegmentButtonPalette = {
         secondary: paletteColor;
     };
 };
-export type Segment = {
+export declare type Segment = {
     counter?: number;
     icon?: IconProps;
     text?: string;
 };
-export type SegmentButtonProps = {
+export declare type SegmentButtonProps = {
     onChange?: (i: number, s: Segment) => void;
     preselected?: number;
     segments: Segment[];

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

@@ -5,5 +5,5 @@ interface Props {
     status: stepStatusType;
 }
 declare const StepItem: ({ text, number, status }: Props) => JSX.Element;
-export type StepItemWrapperProps = Pick<Props, 'status'>;
+export declare type StepItemWrapperProps = Pick<Props, 'status'>;
 export default StepItem;

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

@@ -1,5 +1,6 @@
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { StepperProps } from './Stepper';
-export declare const WithKnobs: () => JSX.Element;
+export declare const WithKnobs: () => React.JSX.Element;
 declare const StepperStories: Meta<StepperProps>;
 export default StepperStories;

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

@@ -5,7 +5,7 @@ export interface ItemStatusStyles {
     circleBackground: paletteColor;
     circleTextColor: paletteColor;
 }
-type ItemPalette = {
+declare type ItemPalette = {
     [k in stepStatusType]: ItemStatusStyles;
 };
 export interface StepperPalette {

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

@@ -1 +1 @@
-export type stepStatusType = 'completed' | 'active' | 'normal';
+export declare type stepStatusType = 'completed' | 'active' | 'normal';

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

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-export type switchColors = 'blue' | 'green';
+export declare type switchColors = 'blue' | 'green';
 export interface SwitchProps {
     checked: boolean;
     onChange: InputHTMLAttributes<HTMLInputElement>['onChange'];

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Row } from 'react-table';
+import { RowActions, TableData } from '../types';
+interface Props<T extends TableData> {
+    row: Row<T>;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+}
+declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
+export default ActionsCell;

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

@@ -0,0 +1,6 @@
+interface Props {
+    isSorted: boolean;
+    isSortedDesc?: boolean;
+}
+declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
+export default SortIndicator;

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

@@ -0,0 +1,14 @@
+import { Row, UseTableInstanceProps } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    rows: Row<T>[];
+    prepareRow: UseTableInstanceProps<T>['prepareRow'];
+    selectedRowsIds: string[];
+    isLoading: boolean;
+}
+declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
+export interface TableBodyTrProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export default TableBody;

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

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

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

@@ -0,0 +1,7 @@
+import { HeaderGroup } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    headerGroups: HeaderGroup<T>[];
+}
+declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
+export default TableHeader;

package/dist/components/table/components/tableBody/TableBodyLoader.d.ts

@@ -0,0 +1,7 @@
+import { ColumnInstance } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    allColumns: ColumnInstance<T>[];
+}
+declare const TableBodyLoader: <T extends TableData>({ allColumns }: Props<T>) => JSX.Element;
+export default TableBodyLoader;

package/dist/components/table/components/tableBody/styled.d.ts

@@ -0,0 +1,3 @@
+import { TableBodyTrStyles } from '../../utils';
+import { TableBodyTrProps } from '../TableBody';
+export declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;

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

@@ -6,7 +6,7 @@ export interface TabsProps {
     distance?: number;
     lateralPadding?: number;
 }
-export type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
+export declare type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
 export interface TabsItem {
     text: string | JSX.Element;
     active?: boolean;

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

@@ -1,6 +1,7 @@
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { TabsProps } from './common/types';
-export declare const WithDropdown: () => JSX.Element;
-export declare const Scrollable: () => JSX.Element;
+export declare const WithDropdown: () => React.JSX.Element;
+export declare const Scrollable: () => React.JSX.Element;
 declare const TabsStories: Meta<TabsProps>;
 export default TabsStories;

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

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

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

@@ -1,6 +1,7 @@
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { TagProps } from './types';
-export declare const Normal: () => JSX.Element;
-export declare const WithKnobs: () => JSX.Element;
+export declare const Normal: () => React.JSX.Element;
+export declare const WithKnobs: () => React.JSX.Element;
 declare const TagStories: Meta<TagProps>;
 export default TagStories;

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

@@ -1,11 +1,11 @@
 import { paletteColor } from '../../styles/types';
-export type tagTypes = 'standard' | 'error' | 'info' | 'warning' | 'success';
-export type tagStyles = 'soft' | 'full' | 'text';
-export type tagParts = 'color' | 'backgroundColor';
-export type TagParts = {
+export declare type tagTypes = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export declare type tagStyles = 'soft' | 'full' | 'text';
+export declare type tagParts = 'color' | 'backgroundColor';
+export declare type TagParts = {
     [key in tagParts]: paletteColor;
 };
-export type TagPalette = {
+export declare type TagPalette = {
     [key in tagStyles]: {
         [key in tagTypes]: TagParts;
     };

package/dist/components/themeProvider/themeProvider.d.ts

@@ -4,5 +4,5 @@ import { Theme } from '../../styles/theme';
 interface Props extends Omit<ThemeProviderProps<Theme>, 'children'> {
     children: React.ReactNode | React.ReactNode[];
 }
-declare const ThemeProvider: ({ children, theme }: Props) => JSX.Element;
+declare const ThemeProvider: ({ children, theme }: Props) => React.JSX.Element;
 export default ThemeProvider;

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

@@ -1,6 +1,6 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ShortcutTipProps, TipProps } from './types';
-export declare const Normal: StoryFn<TipProps>;
-export declare const Shortcut: StoryFn<ShortcutTipProps>;
+export declare const Normal: Story<TipProps>;
+export declare const Shortcut: Story<ShortcutTipProps>;
 declare const TipStories: Meta<TipProps>;
 export default TipStories;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactChild } from 'react';
 import { paletteColor } from '../..';
 import { IconProps } from '../icon';
 export declare enum TipType {
@@ -18,10 +18,10 @@ export interface TipProps {
     leftIcon?: IconProps;
     onClose?: () => void;
     renderCloseIcon?: () => JSX.Element;
-    text: ReactNode;
+    text: ReactChild;
     type?: TipType;
 }
-export type TipPalette = {
+export declare type TipPalette = {
     [key in TipType]: {
         color: paletteColor;
         backgroundColor: paletteColor;

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

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 import { ToastContainerProps } from './types';
-export declare const ToastContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-toastify").ToastContainerProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+export declare const ToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {
     hideProgressBar: true;
     newestOnTop: true;
     closeOnClick: false;
     draggable: false;
     rtl: false;
-    icon: false;
-} & ToastContainerProps, "draggable" | "icon" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;
+} & ToastContainerProps, "draggable" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
-import { ToastContainerProps, ToastProps } from './types';
-export declare const WithKnobs: StoryFn<ToastProps>;
-declare const ToastStories: Meta<ToastContainerProps>;
+import { Meta, Story } from '@storybook/react';
+import { ToastProps } from './types';
+export declare const WithKnobs: Story<ToastProps>;
+declare const ToastStories: Meta<ToastProps>;
 export default ToastStories;

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

@@ -2,7 +2,7 @@ import { paletteColor } from 'index';
 import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../icon';
-export type ToastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export declare type ToastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
 export declare enum ToastType {
     STANDARD = "standard",
     ERROR = "error",
@@ -43,11 +43,11 @@ export interface ToastInterface {
 export interface ToastContainerProps {
     position: ToastPosition;
 }
-export type ToastColor = {
+export declare type ToastColor = {
     title: paletteColor;
     content: paletteColor;
     background: paletteColor;
 };
-export type ToastPalette = {
+export declare type ToastPalette = {
     [k in ToastType]: ToastColor;
 };

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

@@ -2,6 +2,8 @@ import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../../icon';
 export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export declare const typeMap: Record<toastType, toastLibraryType>;
 export interface ToastProps {
     type?: toastType;
     content?: ReactNode;

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

@@ -1,5 +1,6 @@
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { TooltipProps } from './Tooltip';
-export declare const Top: () => JSX.Element;
+export declare const Top: () => React.JSX.Element;
 declare const TooltipStories: Meta<TooltipProps>;
 export default TooltipStories;

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

@@ -1,6 +1,6 @@
 import { colorsPalette } from '../../common/types/colorsPalette';
-export type tooltipTypes = 'dark' | 'light';
-export type TooltipPalette = {
+export declare type tooltipTypes = 'dark' | 'light';
+export declare type TooltipPalette = {
     [key in tooltipTypes]: colorsPalette;
 };
 declare const tooltipPalette: TooltipPalette;

package/dist/components/verticalTab/VerticalTab.d.ts

@@ -0,0 +1,3 @@
+import { VerticalTabProps } from './types';
+declare const VerticalTab: ({ width, renderLeftContent, renderRightContent, }: VerticalTabProps) => JSX.Element;
+export default VerticalTab;

package/dist/components/verticalTab/components/VerticalTabSelector/VerticalTabSelector.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent } from 'react';
+import { IconProps } from '../../../icon';
+import { VerticalTabSelectorStatus } from './types';
+export interface VerticalTabSelectorProps {
+    leftIcon?: IconProps;
+    text: string;
+    counter?: number;
+    active?: boolean;
+    status: VerticalTabSelectorStatus;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+declare const VerticalTabSelector: ({ leftIcon, text, status, counter, active, onClick, }: VerticalTabSelectorProps) => JSX.Element;
+export default VerticalTabSelector;

package/dist/components/verticalTab/components/VerticalTabSelector/index.d.ts

@@ -0,0 +1,5 @@
+export { default as verticalTabSelectorPalette } from './verticalTabSelectorPalette';
+import { VerticalTabSelectorStatus } from './types';
+import VerticalTabSelector from './VerticalTabSelector';
+export { VerticalTabSelector, VerticalTabSelectorStatus };
+export { VerticalTabSelectorPalette } from './types';

package/dist/components/verticalTab/components/VerticalTabSelector/styled.d.ts

@@ -0,0 +1,11 @@
+import { DefaultTheme } from 'styled-components';
+import { VerticalTabSelectorProps } from './VerticalTabSelector';
+export declare const VerticalTabSelectorWrapper: import("styled-components").StyledComponent<"button", DefaultTheme, {
+    active: VerticalTabSelectorProps['active'];
+    status: VerticalTabSelectorProps['status'];
+}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StatusContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    status: VerticalTabSelectorProps['status'];
+}, never>;

package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts

@@ -0,0 +1,37 @@
+import { paletteColor } from '../../../../styles/types';
+export declare enum VerticalTabSelectorStatus {
+    DEFAULT = "default",
+    COMPLETED = "completed",
+    EDIT = "edit",
+    WARNING = "warning"
+}
+export declare type VerticalTabSelectorPalette = {
+    default: {
+        active: {
+            color: paletteColor;
+            backgroundColor: paletteColor;
+            hoverBackground: paletteColor;
+            activeButtonBackground: paletteColor;
+        };
+        inactive: {
+            color: paletteColor;
+            backgroundColor: paletteColor;
+            hoverBackground: paletteColor;
+            activeButtonBackground: paletteColor;
+        };
+    };
+    warning: {
+        active: {
+            color: paletteColor;
+            backgroundColor: paletteColor;
+            hoverBackground: paletteColor;
+            activeButtonBackground: paletteColor;
+        };
+        inactive: {
+            color: paletteColor;
+            backgroundColor: paletteColor;
+            hoverBackground: paletteColor;
+            activeButtonBackground: paletteColor;
+        };
+    };
+};

package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelector.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { VerticalTabSelectorProps } from './VerticalTabSelector';
+export declare const Template: Story<VerticalTabSelectorProps>;
+declare const VerticalTabSelectorStories: Meta<VerticalTabSelectorProps>;
+export default VerticalTabSelectorStories;

package/dist/components/verticalTab/components/VerticalTabSelector/verticalTabSelectorPalette.d.ts

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

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

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

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

@@ -0,0 +1,6 @@
+import { VerticalTabProps } from './types';
+export declare const VerticalTabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width: VerticalTabProps['width'];
+}, never>;
+export declare const VerticalTabSelectorsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalTabContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,5 @@
+export interface VerticalTabProps {
+    width?: string | number;
+    renderLeftContent: () => JSX.Element | JSX.Element[];
+    renderRightContent: () => JSX.Element | JSX.Element[];
+}

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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { VerticalTabProps } from './types';
+export declare const Template: Story<VerticalTabProps>;
+export declare const WithVerticalTabSelectors: () => JSX.Element;
+export declare const WithVerticalTabSelectorsEdit: () => JSX.Element;
+declare const VerticalTabStories: Meta<VerticalTabProps>;
+export default VerticalTabStories;