@fattureincloud/fic-design-system 0.4.29 → 0.4.31

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## v0.4.31 - 11/10/2022
+
+### 🚀 Added
+
+- exports:
+  • ButtonPalette,
+  • DropdownItemType,
+  • iconColors,
+  • tagTypes,
+  • BadgePalette,
+  • BannerPalette,
+  • ChipPalette,
+  • FloatingBadgePalette,
+  • LabelPalette,
+  • PaginationPalette,
+  • ProgressBarPalette,
+  • bwColor,
+  • IconButtonPalette
+
+## v0.4.30 - 29/09/2022
+
+### 🚀 Added
+
+- Tabs badge
+- Table actionsHeader
+
+### 🐛 Bug Fix
+
+- Table text selection restored
+
 ## v0.4.29 - 14/09/2022
 
 ### 💥 Breaking

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

@@ -1,4 +1,4 @@
 import Dropdown from './dropdown';
 import dropdownPalette, { DropdownPalette } from './dropdownPalette';
-import { closeDropdownType, DropdownItemProps, renderContentType } from './types';
-export { Dropdown, closeDropdownType, renderContentType, dropdownPalette, DropdownPalette, DropdownItemProps };
+import { closeDropdownType, DropdownItemProps, DropdownItemType, renderContentType } from './types';
+export { Dropdown, closeDropdownType, renderContentType, dropdownPalette, DropdownPalette, DropdownItemProps, DropdownItemType, };

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

@@ -1,4 +1,4 @@
 import { IconBackground, IconBackgroundPalette, iconBackgroundPalette } from './components/iconBackground';
 import Icon, { IconProps } from './Icon';
-import iconPalette, { IconPalette } from './iconPalette';
-export { Icon, IconProps, IconPalette, iconPalette, IconBackground, iconBackgroundPalette, IconBackgroundPalette };
+import iconPalette, { iconColors, IconPalette } from './iconPalette';
+export { Icon, IconProps, IconPalette, iconPalette, IconBackground, iconBackgroundPalette, IconBackgroundPalette, iconColors, };

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

@@ -21,6 +21,7 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
     isLoading?: boolean;
     actions?: RowActions<T>;
     renderActions?: () => JSX.Element;
+    actionsHeader?: string | JSX.Element;
     bodyHeight?: number | string;
     headerHeight?: number | string;
     rowHeight?: number | string;
@@ -46,10 +47,11 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
  * @param {boolean} isLoading Apply loading style to all cells
  * @param {object} actions Configuration to render actions column
  * @param {function} renderActions Used to customize actions column
+ * @param {string | JSX.Element} actionsHeader Used to customize actions header
  * @param {number|string} bodyHeight Set tbody height, default 300px
  * @param {number|string} headerHeight Set thead and th height, default 40px
  * @param {number|string} rowHeight Set row height, default 40px
  * @param {boolean} disableArrowNavigation Used to turn off Up/Down row selection and Enter click
  */
-declare const Table: <T extends TableData>({ actions, bodyHeight, columns, data, EmptyPage, Footer, globalFilter: externalGlobalFilter, headerHeight, hideHeader, isLoading, manualPagination, noPagination, onRowClick, onScroll, onSelectionChange, onSort, preSelectAllRows, renderActions, rowHeight, selectableRows, sortable, withCheckbox, pageSize, disableArrowNavigation, }: TableProps<T>) => JSX.Element;
+declare const Table: <T extends TableData>({ actions, bodyHeight, columns, data, EmptyPage, Footer, globalFilter: externalGlobalFilter, headerHeight, hideHeader, isLoading, manualPagination, noPagination, onRowClick, onScroll, onSelectionChange, onSort, preSelectAllRows, renderActions, actionsHeader, rowHeight, selectableRows, sortable, withCheckbox, pageSize, disableArrowNavigation, }: TableProps<T>) => JSX.Element;
 export default Table;

package/dist/components/table/hooks/useTableHooks.d.ts

@@ -1,6 +1,6 @@
 import { PluginHook } from 'react-table';
 import { TableProps } from '../Table';
 import { TableData } from '../types';
-declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows'>;
-declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, }: Props<T>) => PluginHook<T>[];
+declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows' | 'actionsHeader'>;
+declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, actionsHeader, }: Props<T>) => PluginHook<T>[];
 export default useTableHooks;

package/dist/components/tabs/common/Item.d.ts

@@ -3,5 +3,5 @@ import { TabsItem } from './types';
 interface Props extends TabsItem {
     tabRef?: () => RefObject<HTMLDivElement>;
 }
-declare const Item: ({ active, handleClick, tabRef, text, tooltip }: Props) => JSX.Element;
+declare const Item: ({ active, handleClick, tabRef, text, tooltip, badge }: Props) => JSX.Element;
 export default Item;

package/dist/components/tabs/common/types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { WithBadgeProps } from '../../floatingBadge/types';
 import { TooltipProps } from '../../tooltip';
 export interface TabsProps {
     className?: string;
@@ -6,9 +7,11 @@ export interface TabsProps {
     distance?: number;
     lateralPadding?: number;
 }
+export declare type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
 export interface TabsItem {
     text: string | JSX.Element;
     active?: boolean;
     handleClick?: () => void;
     tooltip?: TooltipProps;
+    badge?: TabsBadgeProps;
 }

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

@@ -1,4 +1,4 @@
 import { Tag } from './Tag';
-import tagPalette, { TagPalette } from './tagPalette';
+import tagPalette, { TagPalette, tagTypes } from './tagPalette';
 import { TagProps } from './types';
-export { Tag, TagProps, tagPalette, TagPalette };
+export { Tag, TagProps, tagPalette, TagPalette, tagTypes };

package/dist/index.d.ts

@@ -1,13 +1,9 @@
 import Spinner from './common/components/Spinner';
 import { Accordion } from './components/accordions';
 import { Avatar } from './components/avatar';
-export { Banner, BannerProps, BannerType } from './components/banner';
-export { Badge, BadgeProps, BadgeType } from './components/badge';
-import { Button, ButtonProps, IconButton, IconButtonProps } from './components/buttons';
-export { Chip, ChipType } from './components/chip';
+import { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps } from './components/buttons';
 import { Drawer } from './components/drawer';
-import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette, renderContentType } from './components/dropdown';
-export { NotificationBadge, WithBadge, FloatingBadgeType } from './components/floatingBadge';
+import { closeDropdownType, Dropdown, DropdownItemProps, DropdownItemType, DropdownPalette, renderContentType } from './components/dropdown';
 import { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
 import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
 import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
@@ -18,26 +14,32 @@ import { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/for
 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 { GroupedList, GroupType, ItemType } from './components/groupedList';
-import { Icon, IconPalette, IconProps } from './components/icon';
+import { Icon, iconColors, IconPalette, IconProps } from './components/icon';
 import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
 import { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
-export { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, SidebarBadgeConfigType, SidebarBadgeConfigProps, } from './components/layout';
 import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
 import { Modal, ModalSearchable } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
 import { ModalBody } from './components/modals/modalStyled';
 import { PageEmptySet } from './components/pageEmptySet';
-export { Pagination, PaginationType } from './components/pagination';
-export { ProgressBar, ProgressBarType } from './components/progressbar';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
-import { Tag, TagPalette, TagProps } from './components/tag';
+import { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
-export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
 import { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
 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, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, 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, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, 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, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
+export { Badge, BadgeProps, BadgeType, BadgePalette } from './components/badge';
+export { Banner, BannerProps, BannerType, BannerPalette } from './components/banner';
+export { Chip, ChipType, ChipPalette, ChipProps } from './components/chip';
+export { FloatingBadgePalette, FloatingBadgeType, NotificationBadge, WithBadge } from './components/floatingBadge';
+export { LabelPalette } from './components/form/label';
+export { CustomSidebarItemProps, SidebarBadgeConfigProps, SidebarBadgeConfigType, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, } from './components/layout';
+export { Pagination, PaginationPalette, PaginationType } from './components/pagination';
+export { ProgressBar, ProgressBarPalette, ProgressBarProps, ProgressBarType } from './components/progressbar';
+export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
+export { bwColor } from './styles/types';
+export { autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, Table, 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, 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, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };