@fattureincloud/fic-design-system 0.4.6-expenses.1 → 0.4.7

package/CHANGELOG.md

@@ -1,10 +1,11 @@
 # Changelog
 
-## Next release
+## v0.4.7 - 22/02/2022
 
 ### 🚀 Added
 
 - Add new FileUploader component
+- Add new Table component
 
 ### 🐛 Bug Fix
 

package/dist/components/form/checkbox/index.d.ts

@@ -1,4 +1,5 @@
 import Checkbox, { CheckboxProps } from './Checkbox';
 import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
 import useCheckboxValue from './hooks/useCheckboxValue';
-export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };
+import { checkboxStatus } from './types';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette, checkboxStatus };

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -1,4 +1,4 @@
 import { IconProps } from '../../../icon';
 import { statuses } from '../types';
-declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null | undefined;
+declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
 export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -1,3 +1,3 @@
-import { CustomTexts, FileUploaderTexts, statuses } from '../types';
-declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
+import { statuses } from '../types';
+declare const useTexts: (status: statuses, customTexts?: any) => any;
 export default useTexts;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Row, UseTableOptions } from 'react-table';
+import { EmptyTablePageProps } from './components/EmptyState';
+import { ManualPagination, OnSort, RowActions, TableData } from './types';
+export interface TableProps<T extends TableData> extends UseTableOptions<T> {
+    sortable?: boolean;
+    hideHeader?: boolean;
+    EmptyPage?: EmptyTablePageProps['EmptyPage'];
+    Footer?: JSX.Element;
+    noPagination?: boolean;
+    manualPagination?: ManualPagination;
+    withCheckbox?: boolean;
+    onSelectionChange?: (rows: Array<Row<T>>) => void;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+    onSort?: OnSort<T>;
+    globalFilter?: string;
+}
+declare const Table: <T extends TableData>({ columns, data, EmptyPage, Footer, onSelectionChange, actions, renderActions, sortable, hideHeader, noPagination, manualPagination, withCheckbox, onSort, globalFilter: externalGlobalFilter, }: TableProps<T>) => JSX.Element;
+export default Table;

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

@@ -0,0 +1,7 @@
+import { UsePaginationInstanceProps } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> extends Omit<UsePaginationInstanceProps<T>, 'page' | 'pageOptions' | 'setPageSize'> {
+    pageIndex: number;
+}
+declare const Pagination: <T extends TableData>({ canPreviousPage, nextPage, previousPage, canNextPage, gotoPage, pageCount, pageIndex, }: Props<T>) => JSX.Element;
+export default Pagination;

package/dist/components/table/components/customizationModal/customizationsModal.d.ts

@@ -1,9 +1,10 @@
 import { Component } from 'react';
+import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
 import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
 export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
     constructor(props: CustomizationsModalPropsInterface);
     propertiesDisplayHandler: (id: string) => void;
-    onDragEnd: (result: any, provided: any) => void;
+    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
     resetProperties: () => void;
     render(): JSX.Element;
 }

package/dist/components/table/components/customizationModal/utils.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
-import { DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
+import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
 import { TControlledProperties } from '../../typings/main';
-export declare const getItemStyle: (snapshot: any, draggableStyle?: DraggingStyle | NotDraggingStyle) => React.CSSProperties;
+export declare const getItemStyle: (snapshot: DraggableStateSnapshot, draggableStyle?: DraggingStyle | NotDraggingStyle | undefined) => React.CSSProperties;
 export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
 export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];

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

@@ -1,2 +1,6 @@
-import { Table } from './table';
-export { Table };
+import useTableValues from './hooks/useTableValues';
+import Table from './Table';
+import { TableProps } from './Table';
+import tablePalette, { TablePalette } from './tablePalette';
+import { ManualPagination, OnSort, RowActions, TableData } from './types';
+export { Table, TableProps, TableData, tablePalette, useTableValues, TablePalette, RowActions, ManualPagination, OnSort, };

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

@@ -1,9 +1,6 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-import { TablePropsInterface } from './typings/main';
-export declare const WithKnobs: () => JSX.Element;
-export declare const ScrollableHeader: () => JSX.Element;
-export declare const EmptySet: () => JSX.Element;
-export declare const LoadingStatus: () => JSX.Element;
-declare const TableStories: Meta<TablePropsInterface>;
+import { Meta, Story } from '@storybook/react';
+import { DataType } from './stories/components/types';
+import { TableProps } from './Table';
+export declare const Template: Story<TableProps<DataType>>;
+declare const TableStories: Meta<TableProps<DataType>>;
 export default TableStories;

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { Chip } from './components/chips';
 import { Drawer } from './components/drawer';
 import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette, renderContentType } from './components/dropdown';
 import { WithBadge } from './components/floatingBadge';
-import { Checkbox, CheckboxPalette, CheckboxProps, useCheckboxValue } from './components/form/checkbox';
+import { Checkbox, CheckboxPalette, CheckboxProps, checkboxStatus, useCheckboxValue } from './components/form/checkbox';
 import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
 import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
 import { InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
@@ -28,7 +28,7 @@ import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
-import { Table } from './components/table';
+import { ManualPagination, OnSort, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
 import { Tag, TagPalette, TagProps } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
@@ -38,4 +38,4 @@ import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, };
+export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, TablePalette, RowActions, ManualPagination, 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, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, };