ab-ui-library 1.6.0 → 1.6.1

package/components/AdvancedTable/ColumnSettings.d.ts

@@ -2,6 +2,7 @@ import type { Table } from '@tanstack/react-table';
 interface ColumnSettingsProps<T> {
     table: Table<T>;
     tooltipText?: string;
+    hiddenColumns?: string[];
 }
-export declare function ColumnSettings<T>({ table, tooltipText }: ColumnSettingsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ColumnSettings<T>({ table, tooltipText, hiddenColumns }: ColumnSettingsProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/AdvancedTable/ColumnSettings.js

@@ -54,10 +54,12 @@ import '../Collapse/CollapseItem/CollapseItem.js';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../SVGIcons/IconChevronDown.js';
 
-var hiddenColumnSettings = ['select', 'actions'];
+var defaultHiddenColumnSettings = ['select', 'actions'];
 function ColumnSettings(_ref) {
   var table = _ref.table,
-    tooltipText = _ref.tooltipText;
+    tooltipText = _ref.tooltipText,
+    _ref$hiddenColumns = _ref.hiddenColumns,
+    hiddenColumns = _ref$hiddenColumns === void 0 ? [] : _ref$hiddenColumns;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     ref = _useState2[0],
@@ -79,6 +81,7 @@ function ColumnSettings(_ref) {
       });
     }
   };
+  var hiddenColumnSettings = defaultHiddenColumnSettings.concat(hiddenColumns);
   return /*#__PURE__*/React.createElement("div", {
     ref: setRef
   }, /*#__PURE__*/React.createElement(Button, {

package/components/AdvancedTable/Table.d.ts

@@ -1,3 +1,3 @@
 import type { TTableProps } from './types';
 import 'react-loading-skeleton/dist/skeleton.css';
-export declare function Table<TData>({ data, columns, isLoading, hasError, isActionsVisible, totalCount, emptyTitle, emptySubTitle, emptyIllustration, withSelect, withBorder, defaultPageIndex, defaultPageSize, renderHeader, renderFooter, onSortChange, onRowClick, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData>({ data, columns, isLoading, hasError, isActionsVisible, totalCount, emptyTitle, emptySubTitle, emptyIllustration, withSelect, withBorder, defaultPageIndex, defaultPageSize, defaultHiddenColumns, renderHeader, renderFooter, onSortChange, onRowClick, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): import("react/jsx-runtime").JSX.Element;

package/components/AdvancedTable/Table.js

@@ -67,6 +67,7 @@ function Table(_ref) {
     withBorder = _ref$withBorder === void 0 ? true : _ref$withBorder,
     defaultPageIndex = _ref.defaultPageIndex,
     defaultPageSize = _ref.defaultPageSize,
+    defaultHiddenColumns = _ref.defaultHiddenColumns,
     renderHeader = _ref.renderHeader,
     renderFooter = _ref.renderFooter,
     onSortChange = _ref.onSortChange,
@@ -81,6 +82,7 @@ function Table(_ref) {
       totalCount: totalCount,
       defaultPageIndex: defaultPageIndex,
       defaultPageSize: defaultPageSize,
+      defaultHiddenColumns: defaultHiddenColumns,
       onSortChange: onSortChange,
       onRowSelection: onRowSelection,
       onColumnSizing: onColumnSizing,

package/components/AdvancedTable/types.d.ts

@@ -21,6 +21,7 @@ export type TTableProps<TData> = {
     customHeader?: ReactNode;
     defaultPageIndex?: number;
     defaultPageSize?: number;
+    defaultHiddenColumns?: string[];
     renderHeader?: (table: TTable<TData>) => ReactNode;
     renderFooter?: (table: Table<TData>) => ReactNode;
     onRowClick?: (row: Row<TData>) => void;

package/components/AdvancedTable/useTable.d.ts

@@ -1,6 +1,6 @@
 import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
 import type { Column, TTableProps } from './types';
-export declare function useTable<TData>({ withSelect, columns, data, totalCount, defaultPageSize, defaultPageIndex, onSortChange, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): {
+export declare function useTable<TData>({ withSelect, columns, data, totalCount, defaultPageSize, defaultPageIndex, defaultHiddenColumns, onSortChange, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): {
     table: import("@tanstack/react-table").Table<TData>;
     activeHeader: import("@tanstack/react-table").Header<TData, unknown> | null | undefined;
     sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];

package/components/AdvancedTable/useTable.js

@@ -42,6 +42,8 @@ function useTable(_ref) {
     defaultPageSize = _ref$defaultPageSize === void 0 ? 10 : _ref$defaultPageSize,
     _ref$defaultPageIndex = _ref.defaultPageIndex,
     defaultPageIndex = _ref$defaultPageIndex === void 0 ? 0 : _ref$defaultPageIndex,
+    _ref$defaultHiddenCol = _ref.defaultHiddenColumns,
+    defaultHiddenColumns = _ref$defaultHiddenCol === void 0 ? [] : _ref$defaultHiddenCol,
     onSortChange = _ref.onSortChange,
     onRowSelection = _ref.onRowSelection,
     onColumnSizing = _ref.onColumnSizing,
@@ -147,6 +149,10 @@ function useTable(_ref) {
     setPagination(newPagination);
     onPaginationChange === null || onPaginationChange === void 0 || onPaginationChange(newPagination);
   };
+  var hiddenColumns = defaultHiddenColumns === null || defaultHiddenColumns === void 0 ? void 0 : defaultHiddenColumns.reduce(function (acc, key) {
+    acc[key] = false;
+    return acc;
+  }, {});
   var table = useReactTable({
     data: data,
     columns: reorderedColumns,
@@ -157,6 +163,7 @@ function useTable(_ref) {
       columnOrder: columnOrder,
       columnSizing: columnSizing,
       rowSelection: rowSelection,
+      columnVisibility: hiddenColumns,
       columnPinning: {
         left: ['select'],
         right: ['actions']

package/components/SideNavigation/SideNavigation.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import type { JSX } from 'react';
 import type { TSideNavigationPropTypes } from './types';
 export declare const SideNavigation: (props: TSideNavigationPropTypes) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",

package/stories/SideNavigation.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { TSideNavigationPropTypes } from '../components/SideNavigation/types';
 declare const _default: {
     title: string;
-    component: (props: TSideNavigationPropTypes) => JSX.Element;
+    component: (props: TSideNavigationPropTypes) => React.JSX.Element;
     argTypes: {};
 };
 export default _default;