@fattureincloud/fic-design-system 0.7.45 → 0.7.47

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 declare 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 declare type Legend = {
+    text: string | number;
+    color?: paletteColor;
+};
+export declare 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/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 declare 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 declare type onChangeTableSettings = (key: keyof PreSettedTableSettings, valueChange: Pick<PreSettedTableSettings, 'orderColumns' | 'dimensionRow' | 'notVisibleColumns'>) => void;
 export interface PreSettedTableSettings {

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { Body, Caption, Headline, Title1, Title2, Title3, Title4, Title5, Title6
 import { Accordion } from './components/accordions';
 import { Avatar } from './components/avatar';
 import { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps } from './components/buttons';
+import { Chart, ChartProps } from './components/chart';
 import { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType } from './components/circularProgressBar';
 import { ClosableCard, ClosableCardPalette, ClosableCardProps } from './components/closableCard';
 import { Drawer } from './components/drawer';
@@ -17,7 +18,6 @@ import { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './c
 import { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
 import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
 import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
-import { Graphic } from './components/graphic';
 import { GroupedList, GroupType, ItemType } from './components/groupedList';
 import { Icon, iconColors, IconPalette, IconProps } from './components/icon';
 import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
@@ -53,4 +53,4 @@ export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 export { bwColor } from './styles/types';
 export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
-export { NewTable, Table, CircularProgressBar, CircularProgressBarProps, circularProgressBarPalette, CircularProgressBarType, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, TableProps, TableData, VerticalTab, VerticalTabSelector, VerticalTabSelectorStatus, VerticalTabSelectorPalette, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, 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, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, EditableInput, MonthlyTab, MonthlyTabPalette, Graphic, ClosableCard, ClosableCardProps, ClosableCardPalette, };
+export { NewTable, Table, CircularProgressBar, CircularProgressBarProps, circularProgressBarPalette, CircularProgressBarType, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, TableProps, TableData, VerticalTab, VerticalTabSelector, VerticalTabSelectorStatus, VerticalTabSelectorPalette, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, 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, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, EditableInput, MonthlyTab, MonthlyTabPalette, Chart, ChartProps, ClosableCard, ClosableCardProps, ClosableCardPalette, };