freemium-ui 1.0.133 → 1.0.137

package/lib/index.cjs.js

@@ -18196,14 +18196,14 @@ 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, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, initialState, 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,
-    }, reactTable.useRowSelect, (hooks) => {
+    }, reactTable.useRowSelect, reactTable.useColumnOrder, (hooks) => {
         hooks.visibleColumns.push((c) => showSelections
             ? [
                 {
@@ -18230,8 +18230,16 @@ const Table = (props) => {
             ]
             : [...c]);
     });
-    const { getTableProps, getTableBodyProps, headerGroups, rows, state: { selectedRowIds }, prepareRow, getToggleAllRowsSelectedProps, } = tableInstance;
+    const { getTableProps, getTableBodyProps, headerGroups, rows, state: { selectedRowIds }, prepareRow, setColumnOrder, getToggleAllRowsSelectedProps, } = tableInstance;
+    React__default.useEffect(() => {
+        console.log('useEffect');
+    }, []);
+    reactTable.useMountedLayoutEffect(() => {
+        console.log('initialState?.columnOrder', initialState?.columnOrder);
+        setColumnOrder(initialState?.columnOrder);
+    }, [initialState?.columnOrder]);
     reactTable.useMountedLayoutEffect(() => {
+        console.log('selectedRowIds', selectedRowIds);
         onRowSelect && onRowSelect(selectedRowIds);
     }, [onRowSelect, selectedRowIds]);
     return (React__default.createElement(TableContainer, { className: "fui-table" },
@@ -18294,7 +18302,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,14 +18187,14 @@ 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, showPagination = true, showSelectAllInTable = false, showActions = true, showSelections = true, showFilters = true, showOptions = true, rowMenuOptions = () => [], onRowSelect, onRowClick, onPrevious, onSelectAll, onNext, onMenuOptionSelect, headerComponent, initialState, 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,
-    }, useRowSelect, (hooks) => {
+    }, useRowSelect, useColumnOrder, (hooks) => {
         hooks.visibleColumns.push((c) => showSelections
             ? [
                 {
@@ -18221,8 +18221,16 @@ const Table = (props) => {
             ]
             : [...c]);
     });
-    const { getTableProps, getTableBodyProps, headerGroups, rows, state: { selectedRowIds }, prepareRow, getToggleAllRowsSelectedProps, } = tableInstance;
+    const { getTableProps, getTableBodyProps, headerGroups, rows, state: { selectedRowIds }, prepareRow, setColumnOrder, getToggleAllRowsSelectedProps, } = tableInstance;
+    React__default.useEffect(() => {
+        console.log('useEffect');
+    }, []);
+    useMountedLayoutEffect(() => {
+        console.log('initialState?.columnOrder', initialState?.columnOrder);
+        setColumnOrder(initialState?.columnOrder);
+    }, [initialState?.columnOrder]);
     useMountedLayoutEffect(() => {
+        console.log('selectedRowIds', selectedRowIds);
         onRowSelect && onRowSelect(selectedRowIds);
     }, [onRowSelect, selectedRowIds]);
     return (React__default.createElement(TableContainer, { className: "fui-table" },
@@ -18285,7 +18293,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.133",
+  "version": "1.0.137",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",