freemium-ui 1.0.132 → 1.0.136

package/lib/index.cjs.js

@@ -18196,16 +18196,15 @@ var BoxedRadioGroup$1 = withDefaults(BoxedRadioGroup, defaultProps$6);
 BoxedRadio$1.Group = BoxedRadioGroup$1;
 
 const Table = (props) => {
-    const { columns = [], data = [], count = 0, offset = 0, limit = 0, next = false, previous = false, selectedRows = {}, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, filterComponent, } = props;
+    const { columns = [], data = [], count = 0, offset = 0, limit = 0, next = false, previous = false, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, initialState, state, filterComponent, } = props;
     const [showFilterPane, toggleFilterPane] = React__default.useState(showFilters);
     const [anchorEl, setAnchorEl] = React__default.useState(null);
     const tableInstance = reactTable.useTable({
         columns,
         data,
-        initialState: {
-            selectedRowIds: selectedRows,
-        },
-    }, reactTable.useRowSelect, (hooks) => {
+        initialState,
+        state,
+    }, reactTable.useRowSelect, reactTable.useColumnOrder, (hooks) => {
         hooks.visibleColumns.push((c) => showSelections
             ? [
                 {
@@ -18296,7 +18295,7 @@ const Table = (props) => {
                                             setAnchorEl(null);
                                         }, closeMenuCallback: () => setAnchorEl(null) }))))))));
                     })))),
-            showFilters && showFilterPane && (React__default.createElement(TableFilters, { className: "table-filters" }, filterComponent && React__default.createElement("div", null, filterComponent))))));
+            showFilters && showFilterPane && filterComponent && (React__default.createElement(TableFilters, { className: "table-filters" }, filterComponent)))));
 };
 const TableContainer = Ye.div `
   flex: 1;

package/lib/index.esm.js

@@ -8,7 +8,7 @@ import 'react-dates/initialize';
 import { DayPickerSingleDateController } from 'react-dates';
 import { END_DATE, START_DATE } from 'react-dates/constants';
 import { Tooltip as Tooltip$1 } from 'react-tippy';
-import { useTable, useRowSelect, useMountedLayoutEffect, useColumnOrder, useBlockLayout, useResizeColumns, useSortBy, usePagination } from 'react-table';
+import { useTable, useRowSelect, useColumnOrder, useMountedLayoutEffect, useBlockLayout, useResizeColumns, useSortBy, usePagination } from 'react-table';
 
 function stylis_min (W) {
   function M(d, c, e, h, a) {
@@ -18187,16 +18187,15 @@ var BoxedRadioGroup$1 = withDefaults(BoxedRadioGroup, defaultProps$6);
 BoxedRadio$1.Group = BoxedRadioGroup$1;
 
 const Table = (props) => {
-    const { columns = [], data = [], count = 0, offset = 0, limit = 0, next = false, previous = false, selectedRows = {}, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, filterComponent, } = props;
+    const { columns = [], data = [], count = 0, offset = 0, limit = 0, next = false, previous = false, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, initialState, state, filterComponent, } = props;
     const [showFilterPane, toggleFilterPane] = React__default.useState(showFilters);
     const [anchorEl, setAnchorEl] = React__default.useState(null);
     const tableInstance = useTable({
         columns,
         data,
-        initialState: {
-            selectedRowIds: selectedRows,
-        },
-    }, useRowSelect, (hooks) => {
+        initialState,
+        state,
+    }, useRowSelect, useColumnOrder, (hooks) => {
         hooks.visibleColumns.push((c) => showSelections
             ? [
                 {
@@ -18287,7 +18286,7 @@ const Table = (props) => {
                                             setAnchorEl(null);
                                         }, closeMenuCallback: () => setAnchorEl(null) }))))))));
                     })))),
-            showFilters && showFilterPane && (React__default.createElement(TableFilters, { className: "table-filters" }, filterComponent && React__default.createElement("div", null, filterComponent))))));
+            showFilters && showFilterPane && filterComponent && (React__default.createElement(TableFilters, { className: "table-filters" }, filterComponent)))));
 };
 const TableContainer = Ye.div `
   flex: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "1.0.132",
+  "version": "1.0.136",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",