@fattureincloud/fic-design-system 1.0.0 → 1.0.3

package/dist/components/chart/Chart.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ChartProps } from './types';
+declare const Chart: ({ data, showIndicators, graphicSettingsContent, periodContent, renderYearDropdownContent, yearDropdownButtonText, renderEmptyFilters, }: ChartProps) => ReactElement;
+export default Chart;

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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Chart, ChartProps } from './index';
+export declare const Template: Story<ChartProps>;
+export declare const EmptyFilters: Story<ChartProps>;
+declare const ChartStories: Meta<ComponentProps<typeof Chart>>;
+export default ChartStories;

package/dist/components/chart/components/ChartButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IconProps } from '../../icon';
+interface GraphButtonProps {
+    text?: string;
+    icon?: IconProps;
+}
+declare const ChartButton: ({ text, icon }: GraphButtonProps) => JSX.Element;
+export default ChartButton;

package/dist/components/chart/components/ChartIndicators.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { DropdownItemProps, renderContentType } from '../../dropdown';
+import { Legend, LegendItem } from '../types';
+interface ChartIndicatorsProps {
+    legend: Legend[];
+    setToggleLegendItem: (elem: LegendItem) => void;
+    toggleLegendItem: LegendItem;
+    graphicSettingsContent?: DropdownItemProps[];
+    periodContent?: DropdownItemProps[];
+    renderYearDropdownContent?: renderContentType;
+    yearDropdownButtonText?: string;
+}
+declare const ChartIndicators: ({ legend, setToggleLegendItem, toggleLegendItem, graphicSettingsContent, renderYearDropdownContent, yearDropdownButtonText, periodContent, }: ChartIndicatorsProps) => ReactElement;
+export default ChartIndicators;

package/dist/components/chart/components/ChartLegend.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Legend, LegendItem } from '../types';
+interface ChartLegendProps {
+    legend: Legend[];
+    setToggleLegendItem: (elem: LegendItem) => void;
+    toggleLegendItem: LegendItem;
+}
+declare const ChartLegend: ({ legend, setToggleLegendItem, toggleLegendItem }: ChartLegendProps) => JSX.Element;
+export default ChartLegend;

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

@@ -0,0 +1,2 @@
+export { default as Chart } from './Chart';
+export { ChartProps, Legend, ChartData, LegendItem } from './types';

package/dist/components/chart/stories/data.d.ts

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

package/dist/components/chart/stories/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const DropdownText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownParagraph: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ChartTooltip: import("styled-components").StyledComponent<({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, icon, renderButton, }: import("../tooltip").TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,52 @@
+import { OrdinalColorScaleConfig } from '@nivo/colors/dist/types/scales/ordinalColorScale';
+import { DatumValue } from '@nivo/line';
+import { Serie } from '@nivo/line';
+import { ReactElement } from 'react';
+import { paletteColor } from '../../styles/types';
+import { DropdownItemProps, renderContentType } from '../dropdown';
+export type OrdinalColorScale = OrdinalColorScaleConfig & {
+    color: string;
+};
+export interface ChartData extends Serie {
+    prevTooltipLabel?: string;
+    afterTooltipLabel?: string;
+    color?: paletteColor;
+}
+export interface ChartProps {
+    data: ChartData[];
+    showIndicators: boolean;
+    graphicSettingsContent?: DropdownItemProps[];
+    periodContent?: DropdownItemProps[];
+    yearContent?: DropdownItemProps[];
+    renderYearDropdownContent?: renderContentType;
+    yearDropdownButtonText?: string;
+    renderEmptyFilters?: () => ReactElement;
+}
+export type Legend = {
+    text: string | number;
+    color?: paletteColor;
+};
+export type LegendItem = {
+    [index: number]: boolean;
+};
+export interface Point {
+    point: {
+        id: string;
+        index: number;
+        serieId: string | number;
+        serieColor: string;
+        x: number;
+        y: number;
+        color: string;
+        borderColor: string;
+        data: {
+            x: DatumValue;
+            xFormatted: string | number;
+            y: DatumValue;
+            yFormatted: string | number;
+            yStacked?: number;
+            prevTooltipLabel?: string | number;
+            afterTooltipLabel?: string | number;
+        };
+    };
+}

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

@@ -0,0 +1,6 @@
+import { DropdownItemProps } from '../dropdown';
+import { ChartData, Legend, LegendItem } from './types';
+export declare const getLegendValues: (data: ChartData[]) => Legend[];
+export declare const getInitialLegendValues: (data: ChartData[]) => LegendItem;
+export declare const getDropdownLabel: (content: DropdownItemProps[]) => string;
+export declare const getDisabledLegendItem: (elemIndex: number, toggleLegendItem: LegendItem) => boolean;

package/dist/components/closableCard/ClosableCard.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ClosableCardProps } from './types';
+declare const ClosableCard: ({ title, subtitle, renderSubtitleElement, onClose, className, }: ClosableCardProps) => ReactElement;
+export default ClosableCard;

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

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { ClosableCard, ClosableCardProps } from './index';
+export declare const Template: Story<ClosableCardProps>;
+declare const ClosableCardStories: Meta<ComponentProps<typeof ClosableCard>>;
+export default ClosableCardStories;

package/dist/components/closableCard/closableCardPalette.d.ts

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

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

@@ -0,0 +1,3 @@
+export { ClosableCardProps, ClosableCardPalette } from './types';
+export { default as ClosableCard } from './ClosableCard';
+export { default as closableCardPalette } from './closableCardPalette';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const CloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { paletteColor } from '../../styles/types';
+export interface ClosableCardProps {
+    title: string;
+    subtitle?: string;
+    renderSubtitleElement?: () => ReactElement;
+    onClose?: () => void;
+    className?: string;
+}
+export type ClosableCardPalette = {
+    background: paletteColor;
+    border: paletteColor;
+};

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

@@ -42,6 +42,7 @@ export interface DropdownItemProps {
     isDisabled?: boolean;
     type?: DropdownItemType;
     onMouseEnter?: () => void;
+    label?: string;
 }
 export interface UserListItemProps {
     img?: string;

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

@@ -10,5 +10,6 @@ export declare const FirstTime: () => React.JSX.Element;
 export declare const WithTips: () => React.JSX.Element;
 export declare const _ConfirmationModal: () => React.JSX.Element;
 export declare const StepModalExample: () => React.JSX.Element;
+export declare const StepModalFullScreen: () => React.JSX.Element;
 declare const ModalStories: Meta<ModalPropsInterface>;
 export default ModalStories;

package/dist/components/modals/stepModal/components/styled.d.ts

@@ -7,5 +7,6 @@ export type BodyProps = {
     minHeight?: number;
     withoutFooter?: boolean;
     withoutHeader?: boolean;
+    isFullscreen?: boolean;
 };
 export declare const StyledBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../types").ModalPropsInterface & MappedHeight & BodyProps, keyof MappedHeight>;

package/dist/components/newTable/Table.d.ts

@@ -30,5 +30,5 @@ import { TableProps } from './types';
  * @param {number} rowIdHighlight id of the row that will be highlighted
  * @param {string | number} actionColumnWidth used to determine the width of the action column
  */
-declare const Table: <T>({ data, columns, isSelectable, toggles, onTogglesChange, headerSize, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, actionColumnWidth, disableScrollX, }: TableProps<T>) => JSX.Element;
+declare const Table: <T>({ data, columns, isSelectable, toggles, onTogglesChange, headerSize, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, actionColumnWidth, disableScrollX, resetPageIndex, }: TableProps<T>) => JSX.Element;
 export default Table;

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

@@ -53,6 +53,7 @@ export interface TableProps<T> {
     onChangeTableSettings?: onChangeTableSettings;
     actionColumnWidth?: string | number;
     disableScrollX?: boolean;
+    resetPageIndex?: boolean;
 }
 export type onChangeTableSettings = (key: keyof PreSettedTableSettings, valueChange: Pick<PreSettedTableSettings, 'orderColumns' | 'dimensionRow' | 'notVisibleColumns'>) => void;
 export interface PreSettedTableSettings {

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

@@ -1,5 +1,6 @@
 import { BasePlacement } from '@popperjs/core';
 import { MouseEventHandler, ReactNode } from 'react';
+import { IconProps } from '../icon';
 import { MessageProps } from './components/Message';
 export declare const defaultTooltipProps: TooltipProps;
 export interface TooltipProps extends MessageProps {
@@ -14,6 +15,8 @@ export interface TooltipProps extends MessageProps {
     showAfterSeconds?: number;
     callbackAfterTimeout?: () => void;
     onOpen?: (isOpen: boolean) => void;
+    icon?: IconProps;
+    renderButton?: () => JSX.Element;
 }
-declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, icon, renderButton, }: TooltipProps) => JSX.Element;
 export default Tooltip;

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

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

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

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

package/dist/index.d.ts

@@ -5,9 +5,11 @@ export { Avatar } from './components/avatar';
 export { Badge, BadgeProps, BadgeType, BadgePalette } from './components/badge';
 export { Banner, BannerProps, BannerType, BannerPalette } from './components/banner';
 export { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps, } from './components/buttons';
-export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
+export { Card, CardColor, CardElevation, CardPalette, cardPalette, CardProps, CardType } from './components/card';
+export { Chart, ChartProps } from './components/chart';
 export { Chip, ChipType, ChipPalette, ChipProps } from './components/chip';
 export { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType, } from './components/circularProgressBar';
+export { ClosableCard, ClosableCardPalette, ClosableCardProps } from './components/closableCard';
 export { Drawer } from './components/drawer';
 export { closeDropdownType, Dropdown, DropdownItemProps, DropdownItemType, DropdownPalette, renderContentType, } from './components/dropdown';
 export { EditableInput } from './components/editableInput';