@popmenu/table 0.53.0 → 0.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js CHANGED
@@ -3308,14 +3308,16 @@ var defaultTableProps = {
3308
3308
  searchable: false,
3309
3309
  };
3310
3310
  var Table = function (props) {
3311
- var data = props.data, columns = props.columns, loading = props.loading, searchable = props.searchable, sortable = props.sortable, externalFilterState = props.filterState, externalGlobalFilterState = props.globalFilterState, externalPaginationState = props.paginationState, externalVisibilityState = props.visibilityState, pageCount = props.pageCount, GlobalFilterProps = props.GlobalFilterProps, Empty = props.Empty;
3311
+ var data = props.data, columns = props.columns, loading = props.loading, searchable = props.searchable, sortable = props.sortable, externalFilterState = props.filterState, externalGlobalFilterState = props.globalFilterState, externalPaginationState = props.paginationState, externalSortingState = props.sortingState, externalVisibilityState = props.visibilityState, pageCount = props.pageCount, GlobalFilterProps = props.GlobalFilterProps, Empty = props.Empty;
3312
3312
  var classes = useStyles$6(props);
3313
3313
  var rootRef = React.useRef(null);
3314
3314
  // Prepare Empty State
3315
3315
  var isEmpty = data.length === 0;
3316
3316
  var isEmptyComponentValid = Empty && React.isValidElement(React.createElement(Empty));
3317
3317
  // Prepare Sorting
3318
- var _a = React.useState([]), sorting = _a[0], setSorting = _a[1];
3318
+ var _a = externalSortingState || [], sorting = _a[0], setSorting = _a[1];
3319
+ var isControlledColumnSort = Boolean(externalSortingState);
3320
+ var controlledColumnSortOptions = { onSortingChange: setSorting, manualSorting: true };
3319
3321
  // Prepare Global Filtering
3320
3322
  var _b = externalGlobalFilterState || [], globalFilter = _b[0], setGlobalFilter = _b[1];
3321
3323
  var isControlledGlobalFilter = Boolean(externalGlobalFilterState);
@@ -3332,7 +3334,7 @@ var Table = function (props) {
3332
3334
  var columnVisibility = (externalVisibilityState || [])[0];
3333
3335
  var isControlledColumnVisibility = Boolean(externalVisibilityState);
3334
3336
  // Init table instance
3335
- var table = reactTable.useReactTable(__assign$3(__assign$3(__assign$3({ data: data, columns: columns, state: __assign$3(__assign$3(__assign$3(__assign$3({ sorting: sorting }, (isControlledPagination && { pagination: pagination })), (isControlledGlobalFilter && { globalFilter: globalFilter })), (isControlledColumnFilters && { columnFilters: columnFilters })), (isControlledColumnVisibility && { columnVisibility: columnVisibility })), enableSorting: sortable, globalFilterFn: coercedValueIncludesString, onSortingChange: setSorting, getCoreRowModel: reactTable.getCoreRowModel(), getSortedRowModel: reactTable.getSortedRowModel(), getFilteredRowModel: reactTable.getFilteredRowModel(), getPaginationRowModel: reactTable.getPaginationRowModel() }, (isControlledPagination && controlledPaginationOptions)), (isControlledGlobalFilter && controlledGlobalFilterOptions)), (isControlledColumnFilters && controlledColumnFiltersOptions)));
3337
+ var table = reactTable.useReactTable(__assign$3(__assign$3(__assign$3(__assign$3({ data: data, columns: columns, state: __assign$3(__assign$3(__assign$3(__assign$3(__assign$3({}, (isControlledPagination && { pagination: pagination })), (isControlledGlobalFilter && { globalFilter: globalFilter })), (isControlledColumnFilters && { columnFilters: columnFilters })), (isControlledColumnVisibility && { columnVisibility: columnVisibility })), (isControlledColumnSort && { sorting: sorting })), enableSorting: sortable, globalFilterFn: coercedValueIncludesString, getCoreRowModel: reactTable.getCoreRowModel(), getSortedRowModel: reactTable.getSortedRowModel(), getFilteredRowModel: reactTable.getFilteredRowModel(), getPaginationRowModel: reactTable.getPaginationRowModel() }, (isControlledPagination && controlledPaginationOptions)), (isControlledGlobalFilter && controlledGlobalFilterOptions)), (isControlledColumnFilters && controlledColumnFiltersOptions)), (isControlledColumnSort && controlledColumnSortOptions)));
3336
3338
  var _f = useColumnFilters(table), selectedColumnFilters = _f.selectedColumnFilters, hasColumnFilters = _f.hasColumnFilters, deselectColumnFilter = _f.deselectColumnFilter, formatSelectedFilterText = _f.formatSelectedFilterText, resetColumnFilters = _f.resetColumnFilters;
3337
3339
  var handlePagination = function (_e, pageNumber) {
3338
3340
  var pageIndex = pageNumber - 1;