@fattureincloud/fic-design-system 0.7.37 → 0.7.41

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/shortcutTip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ShortcutTipProps } from './types';
 /**
  * Component Props:

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TipProps } from './types';
 /**
  * Component Props:

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToastType } from '../types';
 export declare const StyledToast: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 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/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;

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,6 +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 { 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';
@@ -47,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, 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, };