@tsed/react-formio 1.9.9 → 1.10.3

package/dist/components/index.d.ts

@@ -19,6 +19,6 @@ export * from "./pagination/pagination.component";
 export * from "./react-component/reactComponent.component";
 export * from "./select/select.component";
 export * from "./submissions-table/submissionsTable.component";
-export * from "./table/table.component";
+export * from "./table";
 export * from "./tabs/tabs.component";
 export * from "./loader/loader.component";

package/dist/components/table/components/defaultCellHeader.component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HeaderGroup } from "react-table";
-export interface DefaultCellHeaderProps<Data extends Record<string, unknown> = {}> extends Record<string, unknown> {
+export interface DefaultCellHeaderProps<Data extends object = any> extends Record<string, unknown> {
     column: HeaderGroup<Data>;
 }
 export declare function DefaultCellHeader<Data extends Record<string, unknown> = {}>({ column }: DefaultCellHeaderProps): JSX.Element;

package/dist/components/table/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./utils/useOperations.hook";
+export * from "./components/cell.component";
+export * from "./components/defaultArrowSort.component";
+export * from "./components/defaultCellHeader.component";
+export * from "./components/defaultCellHeader.component";
+export * from "./components/defaultCellOperations.component";
+export * from "./components/defaultOperationButton.component";
+export * from "./filters/defaultColumnFilter.component";
+export * from "./filters/selectColumnFilter.component";
+export * from "./filters/sliderColumnFilter.component";
+export * from "./table.component";

package/dist/components/table/table.component.d.ts

@@ -2,7 +2,7 @@ import React, { PropsWithChildren } from "react";
 import { CellProps, FilterProps, Renderer, TableOptions } from "react-table";
 import { OnClickOperation, Operation, QueryOptions } from "../../interfaces";
 import { DefaultCellHeaderProps } from "./components/defaultCellHeader.component";
-export interface TableProps<Data extends Record<string, unknown> = {}> extends TableOptions<Data>, Partial<QueryOptions> {
+export interface TableProps<Data extends object = any> extends TableOptions<Data>, Partial<QueryOptions> {
     className?: string;
     /**
      * Call the listener when a filter / pagination  / sort change.
@@ -60,10 +60,13 @@ export interface TableProps<Data extends Record<string, unknown> = {}> extends T
      * Disable pagination
      */
     disablePagination?: boolean;
+    manualPagination?: boolean;
+    manualSortBy?: boolean;
+    manualFilters?: boolean;
     /**
      * Configuration operation for each line.
      */
     operations?: Operation[];
     i18n?: (f: string) => string;
 }
-export declare function Table<Data extends Record<string, unknown>>(props: PropsWithChildren<TableProps<Data>>): JSX.Element;
+export declare function Table<Data extends object = any>(props: PropsWithChildren<TableProps<Data>>): JSX.Element;

package/dist/index.js

@@ -2272,9 +2272,9 @@ function Table(props) {
       pageSize: controlledPageSize || 10,
       sortBy: controlledSortBy || []
     }),
-    manualPagination: true,
-    manualSortBy: true,
-    manualFilters: true,
+    manualPagination: props.manualPagination === undefined ? true : props.manualPagination,
+    manualSortBy: props.manualSortBy === undefined ? true : props.manualPagination,
+    manualFilters: props.manualFilters === undefined ? true : props.manualFilters,
     disableFilters: disableFilters,
     filterId: filterId,
     setFilterId: setFilterId
@@ -2330,14 +2330,16 @@ function Table(props) {
         colSpan: colspan
       }, cell.getCellProps()), cell.render("Cell"));
     }));
-  })) : null), isLoading ? React__default['default'].createElement(Loader, null) : null, !data.length ? React__default['default'].createElement(EmptyData, null) : null, !isLoading && data.length && !disablePagination ? React__default['default'].createElement(Pagination$1, Object.assign({}, tableInstance, {
+  })) : null), isLoading ? React__default['default'].createElement(Loader, null) : null, !data.length ? React__default['default'].createElement(EmptyData, null) : null, !isLoading && data.length && !disablePagination ? React__default['default'].createElement("div", {
+    className: "overflow-hidden"
+  }, React__default['default'].createElement(Pagination$1, Object.assign({}, tableInstance, {
     className: "text-sm",
     pageIndex: pageIndex,
     pageSize: pageSize,
     pageSizes: pageSizes,
     setPageSize: setPageSize,
     i18n: i18n
-  })) : null, children);
+  }))) : null, children);
 }
 
 function ActionsTable(_ref) {
@@ -22789,6 +22791,40 @@ function SubmissionsTable(_ref) {
   }));
 }
 
+function SliderColumnFilter(_ref) {
+  var _ref$column = _ref.column,
+      filterValue = _ref$column.filterValue,
+      setFilter = _ref$column.setFilter,
+      preFilteredRows = _ref$column.preFilteredRows,
+      id = _ref$column.id;
+
+  var _React$useMemo = React__default['default'].useMemo(function () {
+    var min = preFilteredRows.length ? preFilteredRows[0].values[id] : 0;
+    var max = preFilteredRows.length ? preFilteredRows[0].values[id] : 0;
+    preFilteredRows.forEach(function (row) {
+      min = Math.min(row.values[id], min);
+      max = Math.max(row.values[id], max);
+    });
+    return [min, max];
+  }, [id, preFilteredRows]),
+      min = _React$useMemo[0],
+      max = _React$useMemo[1];
+
+  return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement("input", {
+    type: 'range',
+    min: min,
+    max: max,
+    value: filterValue || min,
+    onChange: function onChange(e) {
+      setFilter(parseInt(e.target.value, 10));
+    }
+  }), React__default['default'].createElement("button", {
+    onClick: function onClick() {
+      return setFilter(undefined);
+    }
+  }, "Off"));
+}
+
 function ButtonTab(_ref) {
   var icon = _ref.icon,
       back = _ref.back,
@@ -22943,6 +22979,12 @@ exports.ActionsTable = ActionsTable;
 exports.Alert = Alert;
 exports.ButtonTab = ButtonTab;
 exports.Card = Card;
+exports.Cell = Cell;
+exports.DefaultArrowSort = DefaultArrowSort;
+exports.DefaultCellHeader = DefaultCellHeader;
+exports.DefaultCellOperations = DefaultCellOperations;
+exports.DefaultColumnFilter = DefaultColumnFilter;
+exports.DefaultOperationButton = DefaultOperationButton;
 exports.Form = Form;
 exports.FormAccess = FormAccess;
 exports.FormAction = FormAction;
@@ -22961,6 +23003,8 @@ exports.Pagination = Pagination;
 exports.ReactComponent = ReactComponent;
 exports.RemoveModal = RemoveModal;
 exports.Select = Select;
+exports.SelectColumnFilter = SelectColumnFilter;
+exports.SliderColumnFilter = SliderColumnFilter;
 exports.SubmissionsTable = SubmissionsTable;
 exports.Table = Table;
 exports.Tabs = Tabs;
@@ -23063,6 +23107,7 @@ exports.submissionAccessUser = submissionAccessUser;
 exports.submissionReducer = submissionReducer;
 exports.submissionsReducer = submissionsReducer;
 exports.useModal = useModal;
+exports.useOperations = useOperations;
 exports.useTooltip = useTooltip;
 exports.userForms = userForms;
 exports.userRoles = userRoles;