@bcgov-sso/common-react-components 2.0.0 → 2.1.1

package/README.md

@@ -15,6 +15,8 @@ storybook, merge in a feature branch to the `main` branch.
 1. Merge your feature branch into `main`. This will automatically bump the package version based on the commits and generate a tag for the release.
 2. Create a new [release](https://docs.github.com/en/repositories/releasing-projects-on-github/managing-releases-in-a-repository) using the generated tag.
 
+This repository is granted access to publish via the [npm settings](https://docs.npmjs.com/trusted-publishers). To update see the package settings in NPM.
+
 ## Adding Components
 
 To add a component:

package/dist/index.cjs.js

@@ -24215,7 +24215,7 @@ const StyledTable = dt$1.table `
     overflow: hidden;
   }
 `;
-const Table = ({ variant = 'default', columns = [], data = [], readOnly = false, onRowSelect = (rowData) => { }, defaultPageSize = 5, enableGlobalSearch = true, globalSearchPlaceholder = 'Search all columns...', globalSearchStyle = {}, enablePagination = true, pageSizeOptions = [5, 10, 20, 30, 40, 50], noDataFoundText = 'No data found', }) => {
+const Table = ({ variant = 'default', columns = [], hiddenColumns = [], data = [], readOnly = false, onRowSelect = (rowData) => { }, defaultPageSize = 5, enableGlobalSearch = true, globalSearchPlaceholder = 'Search all columns...', globalSearchStyle = {}, enablePagination = true, pageSizeOptions = [5, 10, 20, 30, 40, 50], noDataFoundText = 'No data found', }) => {
     const [selectedRow, setSelectedRow] = React.useState();
     const [pagination, setPagination] = React.useState({
         pageIndex: 0,
@@ -24224,6 +24224,17 @@ const Table = ({ variant = 'default', columns = [], data = [], readOnly = false,
     const [globalFilter, setGlobalFilter] = React.useState('');
     const [columnFilters, setColumnFilters] = React.useState([]);
     const [filterState, setFilterState] = React.useState({});
+    const initialVisibility = React.useMemo(() => {
+        const visibility = {};
+        columns.forEach((col) => {
+            const key = col.accessorKey;
+            if (key) {
+                visibility[key] = !hiddenColumns.includes(key);
+            }
+        });
+        return visibility;
+    }, [columns, hiddenColumns]);
+    const [columnVisibility, setColumnVisibility] = React.useState(initialVisibility);
     const table = useReactTable({
         data,
         columns,
@@ -24241,7 +24252,9 @@ const Table = ({ variant = 'default', columns = [], data = [], readOnly = false,
             pagination,
             globalFilter,
             columnFilters,
+            columnVisibility,
         },
+        onColumnVisibilityChange: setColumnVisibility,
     });
     const onRowClick = (row) => {
         if (!readOnly) {
@@ -24270,7 +24283,7 @@ const Table = ({ variant = 'default', columns = [], data = [], readOnly = false,
                             ? Array.from(selected.values()).map((selection) => selection.value)
                             : selected?.value ?? '';
                         header.column?.setFilterValue(newFilter.toString());
-                    }, options: header.column.columnDef?.meta?.filterOptions || [], isMulti: header.column.columnDef?.meta?.multiSelect || false, placeholder: header.column.columnDef?.meta?.filterPlaceholder || 'Select...', isClearable: true })))))),
+                    }, options: header.column.columnDef?.meta?.filterOptions || [], isMulti: header.column.columnDef?.meta?.multiSelect || false, placeholder: header.column.columnDef?.meta?.filterPlaceholder || 'Select...', isClearable: true, defaultValue: header.column.columnDef?.meta?.defaultValue || null })))))),
         React.createElement(StyledTable, { variant: variant, readOnly: readOnly },
             React.createElement("thead", null, table.getHeaderGroups().map((headerGroup) => (React.createElement("tr", { key: headerGroup.id }, headerGroup.headers.map((header) => (React.createElement("th", { key: header.id },
                 React.createElement("div", { className: header.column.getCanSort() ? 'sortable' : '',