@fattureincloud/fic-design-system 0.7.40 → 0.7.41

package/dist/components/monthlyTab/MonthlyTab.d.ts

@@ -0,0 +1,3 @@
+import { MonthlyTabProps } from './types';
+declare const MonthlyTrend: ({ data, selected, selectedChange, onSelectionChange, monthText, }: MonthlyTabProps) => JSX.Element;
+export default MonthlyTrend;

package/dist/components/monthlyTab/components/month/Month.d.ts

@@ -0,0 +1,10 @@
+interface MonthProps {
+    monthNumber: number;
+    percentage: number;
+    selected: boolean;
+    documents: number;
+    amount: number;
+    monthText: string;
+}
+declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText }: MonthProps) => JSX.Element;
+export default Month;

package/dist/components/monthlyTab/components/month/styled.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    selected: boolean;
+}, never>;
+export declare const Header: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {
+    selected: boolean;
+}, never>;
+export declare const PercentageLevel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    percentage: number;
+    selected?: boolean | undefined;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Expenses: 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 Amount: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,3 @@
+export { default as MonthlyTab } from './MonthlyTab';
+export { MonthlyTabProps, MonthlyTabPalette, MonthData, MonthAmountData } from './types';
+export { default as monthlyTabPalette } from './monthlyTabPalette';

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

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

package/dist/components/monthlyTab/monthlyTabPalette.d.ts

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

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

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

package/dist/components/monthlyTab/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 MonthSelectionArea: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@viselect/react/dist/SelectionArea").SelectionAreaProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectAllButton: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const TutorialText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { paletteColor } from '../../styles/types';
+export declare type MonthAmountData = {
+    month: number;
+    monthName: string;
+} & MonthDocumentAmount;
+declare type MonthDocumentAmount = {
+    documents: number;
+    amount: number;
+};
+export declare type MonthData = {
+    months: MonthDocumentAmount[];
+};
+export interface MonthlyTabProps {
+    data: MonthData;
+    selected: Set<string>;
+    selectedChange: React.Dispatch<React.SetStateAction<Set<string>>>;
+    onSelectionChange: (monthsData: MonthAmountData[]) => void;
+    monthText?: string;
+}
+export declare type MonthlyTabPalette = {
+    standard: {
+        borderBottom: paletteColor;
+        headerColor: paletteColor;
+    };
+    selected: {
+        borderBottom: paletteColor;
+        headerColor: paletteColor;
+    };
+    border: paletteColor;
+    fill: paletteColor;
+    amountColor: paletteColor;
+    monthColor: paletteColor;
+    expenseColor: paletteColor;
+};
+export {};

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

@@ -0,0 +1,4 @@
+export declare const toPercentages: (numbers: number[]) => number[];
+export declare const extractIds: (els: Element[]) => string[];
+export declare const getMonthName: (monthNumber: number) => string;
+export declare const formatCurrency: Intl.NumberFormat;

package/dist/index.d.ts

@@ -23,6 +23,8 @@ import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag'
 import { Modal, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
 import { ModalBody } from './components/modals/modalStyled';
+import { MonthlyTab } from './components/monthlyTab';
+import { MonthlyTabPalette } from './components/monthlyTab/types';
 import { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions } from './components/newTable';
 import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/oldTable';
 import { PageEmptySet } from './components/pageEmptySet';
@@ -32,8 +34,8 @@ import { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
 import { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
-import { VerticalTab } from './components/verticalTab';
 import { VerticalTabSelector, VerticalTabSelectorPalette, VerticalTabSelectorStatus } from './components/verticalTab/components/VerticalTabSelector';
+import VerticalTab from './components/verticalTab/VerticalTab';
 import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
@@ -49,4 +51,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, 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, };
+export { NewTable, Table, 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, };