@tsed/react-formio 1.9.9 → 1.10.3

package/dist/index.modern.js

@@ -1719,9 +1719,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,
     filterId,
     setFilterId
@@ -1775,14 +1775,16 @@ function Table(props) {
         colSpan: colspan
       }, cell.getCellProps()), cell.render("Cell"));
     }));
-  })) : null), isLoading ? React.createElement(Loader, null) : null, !data.length ? React.createElement(EmptyData, null) : null, !isLoading && data.length && !disablePagination ? React.createElement(Pagination$1, Object.assign({}, tableInstance, {
+  })) : null), isLoading ? React.createElement(Loader, null) : null, !data.length ? React.createElement(EmptyData, null) : null, !isLoading && data.length && !disablePagination ? React.createElement("div", {
+    className: "overflow-hidden"
+  }, React.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) {
@@ -21901,6 +21903,36 @@ function SubmissionsTable(_ref) {
   }));
 }
 
+function SliderColumnFilter({
+  column: {
+    filterValue,
+    setFilter,
+    preFilteredRows,
+    id
+  }
+}) {
+  const [min, max] = React.useMemo(() => {
+    let min = preFilteredRows.length ? preFilteredRows[0].values[id] : 0;
+    let max = preFilteredRows.length ? preFilteredRows[0].values[id] : 0;
+    preFilteredRows.forEach(row => {
+      min = Math.min(row.values[id], min);
+      max = Math.max(row.values[id], max);
+    });
+    return [min, max];
+  }, [id, preFilteredRows]);
+  return React.createElement(React.Fragment, null, React.createElement("input", {
+    type: 'range',
+    min: min,
+    max: max,
+    value: filterValue || min,
+    onChange: e => {
+      setFilter(parseInt(e.target.value, 10));
+    }
+  }), React.createElement("button", {
+    onClick: () => setFilter(undefined)
+  }, "Off"));
+}
+
 function ButtonTab({
   icon,
   back,
@@ -21992,5 +22024,5 @@ Loader.propTypes = {
   className: PropTypes.string
 };
 
-export { ACTION, ACTIONS, ACTION_INFO, AUTH, ActionsTable, Alert, ButtonTab, Card, Form, FormAccess, FormAction, FormBuilder, FormControl, FormEdit, FormEditCTAs, FormParameters, FormSettings, FormsTable, InputTags, InputText, Loader, Modal, Pagination, ReactComponent, RemoveModal, Select, SubmissionsTable, Table, Tabs, actionInfoReducer, actionReducer, actionsReducer, authReducer, checkRoleFormAccess, clearActionError, clearFormError, clearSubmissionError, createInitialState$7 as createInitialState, defaultDisplayChoices, defaultFormioReducer, deleteAction, deleteForm, deleteSubmission, failAction, failActionInfo, failActions, failForm, failForms, failSubmission, failSubmissions, failUser, formAccessUser, formReducer, formsReducer, getAccess, getAction, getActionInfo, getActionUrl, getActions, getForm, getFormUrl, getForms, getProjectAccess, getSubmission, getSubmissionUrl, getSubmissions, hasRole, hasRoles, iconClass, initAuth, isAuthorized, logout, logoutUser, oneOfIsActive, projectAccessUser, receiveAction, receiveActionInfo, receiveActions, receiveForm, receiveForms, receiveSubmission, receiveSubmissions, receiveUser, refreshForms, refreshSubmissions, requestAction, requestActionInfo, requestActions, requestForm, requestForms, requestSubmission, requestSubmissions, requestUser, resetAction, resetActionInfo, resetActions, resetForm, resetForms, resetSubmission, resetSubmissions, saveAction, saveForm, saveSubmission, selectAction, selectActionInfo, selectActions, selectAuth, selectAvailableActions, selectError, selectForm, selectForms, selectFormsParameters, selectIsActive, selectIsAuthenticated, selectRoles, selectRoot, selectSubmission, selectSubmissions, selectSubmissionsParameters, selectUser, sendAction, sendForm, sendSubmission, setUser, submissionAccessUser, submissionReducer, submissionsReducer, useModal, useTooltip, userForms, userRoles };
+export { ACTION, ACTIONS, ACTION_INFO, AUTH, ActionsTable, Alert, ButtonTab, Card, Cell, DefaultArrowSort, DefaultCellHeader, DefaultCellOperations, DefaultColumnFilter, DefaultOperationButton, Form, FormAccess, FormAction, FormBuilder, FormControl, FormEdit, FormEditCTAs, FormParameters, FormSettings, FormsTable, InputTags, InputText, Loader, Modal, Pagination, ReactComponent, RemoveModal, Select, SelectColumnFilter, SliderColumnFilter, SubmissionsTable, Table, Tabs, actionInfoReducer, actionReducer, actionsReducer, authReducer, checkRoleFormAccess, clearActionError, clearFormError, clearSubmissionError, createInitialState$7 as createInitialState, defaultDisplayChoices, defaultFormioReducer, deleteAction, deleteForm, deleteSubmission, failAction, failActionInfo, failActions, failForm, failForms, failSubmission, failSubmissions, failUser, formAccessUser, formReducer, formsReducer, getAccess, getAction, getActionInfo, getActionUrl, getActions, getForm, getFormUrl, getForms, getProjectAccess, getSubmission, getSubmissionUrl, getSubmissions, hasRole, hasRoles, iconClass, initAuth, isAuthorized, logout, logoutUser, oneOfIsActive, projectAccessUser, receiveAction, receiveActionInfo, receiveActions, receiveForm, receiveForms, receiveSubmission, receiveSubmissions, receiveUser, refreshForms, refreshSubmissions, requestAction, requestActionInfo, requestActions, requestForm, requestForms, requestSubmission, requestSubmissions, requestUser, resetAction, resetActionInfo, resetActions, resetForm, resetForms, resetSubmission, resetSubmissions, saveAction, saveForm, saveSubmission, selectAction, selectActionInfo, selectActions, selectAuth, selectAvailableActions, selectError, selectForm, selectForms, selectFormsParameters, selectIsActive, selectIsAuthenticated, selectRoles, selectRoot, selectSubmission, selectSubmissions, selectSubmissionsParameters, selectUser, sendAction, sendForm, sendSubmission, setUser, submissionAccessUser, submissionReducer, submissionsReducer, useModal, useOperations, useTooltip, userForms, userRoles };
 //# sourceMappingURL=index.modern.js.map