@fattureincloud/fic-design-system 0.4.29 → 0.4.30

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # Changelog
2
2
 
3
+ ## v0.4.30 - 29/09/2022
4
+
5
+ ### 🚀 Added
6
+
7
+ - Tabs badge
8
+ - Table actionsHeader
9
+
10
+ ### 🐛 Bug Fix
11
+
12
+ - Table text selection restored
13
+
3
14
  ## v0.4.29 - 14/09/2022
4
15
 
5
16
  ### 💥 Breaking
@@ -21,6 +21,7 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
21
21
  isLoading?: boolean;
22
22
  actions?: RowActions<T>;
23
23
  renderActions?: () => JSX.Element;
24
+ actionsHeader?: string | JSX.Element;
24
25
  bodyHeight?: number | string;
25
26
  headerHeight?: number | string;
26
27
  rowHeight?: number | string;
@@ -46,10 +47,11 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
46
47
  * @param {boolean} isLoading Apply loading style to all cells
47
48
  * @param {object} actions Configuration to render actions column
48
49
  * @param {function} renderActions Used to customize actions column
50
+ * @param {string | JSX.Element} actionsHeader Used to customize actions header
49
51
  * @param {number|string} bodyHeight Set tbody height, default 300px
50
52
  * @param {number|string} headerHeight Set thead and th height, default 40px
51
53
  * @param {number|string} rowHeight Set row height, default 40px
52
54
  * @param {boolean} disableArrowNavigation Used to turn off Up/Down row selection and Enter click
53
55
  */
54
- 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;
56
+ 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;
55
57
  export default Table;
@@ -1,6 +1,6 @@
1
1
  import { PluginHook } from 'react-table';
2
2
  import { TableProps } from '../Table';
3
3
  import { TableData } from '../types';
4
- declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows'>;
5
- declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, }: Props<T>) => PluginHook<T>[];
4
+ declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows' | 'actionsHeader'>;
5
+ declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, actionsHeader, }: Props<T>) => PluginHook<T>[];
6
6
  export default useTableHooks;
@@ -3,5 +3,5 @@ import { TabsItem } from './types';
3
3
  interface Props extends TabsItem {
4
4
  tabRef?: () => RefObject<HTMLDivElement>;
5
5
  }
6
- declare const Item: ({ active, handleClick, tabRef, text, tooltip }: Props) => JSX.Element;
6
+ declare const Item: ({ active, handleClick, tabRef, text, tooltip, badge }: Props) => JSX.Element;
7
7
  export default Item;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { WithBadgeProps } from '../../floatingBadge/types';
2
3
  import { TooltipProps } from '../../tooltip';
3
4
  export interface TabsProps {
4
5
  className?: string;
@@ -6,9 +7,11 @@ export interface TabsProps {
6
7
  distance?: number;
7
8
  lateralPadding?: number;
8
9
  }
10
+ export declare type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
9
11
  export interface TabsItem {
10
12
  text: string | JSX.Element;
11
13
  active?: boolean;
12
14
  handleClick?: () => void;
13
15
  tooltip?: TooltipProps;
16
+ badge?: TabsBadgeProps;
14
17
  }