@teselagen/ui 0.5.23-beta.16 → 0.5.23-beta.17

package/index.es.js

@@ -56,7 +56,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import * as React$2 from "react";
+import * as React$1 from "react";
 import React__default, { useState, useEffect, forwardRef, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useCallback, createElement, Component, useLayoutEffect, createContext, memo, useContext, isValidElement, PureComponent, createPortal as createPortal$1 } from "react";
 import { Icon, Classes, Button, Intent, Keys, MenuItem, Tag, Popover, Tooltip, Spinner, InputGroup, Checkbox, Switch, TextArea, EditableText, NumericInput, RadioGroup, Position, FormGroup, Menu, Toaster, MenuDivider, useHotkeys, ContextMenu, Callout, Dialog, Card, Tabs, Tab, Colors, Overlay, KeyCombo, ProgressBar } from "@blueprintjs/core";
 import { formValueSelector, initialize, change, Field, reduxForm, SubmissionError, destroy, touch, FormName, Fields } from "redux-form";
@@ -29146,19 +29146,19 @@ function dequal(foo, bar) {
 }
 __name(dequal, "dequal");
 function useDeepCompareMemoize(value) {
-  var ref2 = React$2.useRef(value);
-  var signalRef = React$2.useRef(0);
+  var ref2 = React$1.useRef(value);
+  var signalRef = React$1.useRef(0);
   if (!dequal(value, ref2.current)) {
     ref2.current = value;
     signalRef.current += 1;
   }
-  return React$2.useMemo(function() {
+  return React$1.useMemo(function() {
     return ref2.current;
   }, [signalRef.current]);
 }
 __name(useDeepCompareMemoize, "useDeepCompareMemoize");
 function useDeepCompareEffect(callback, dependencies) {
-  return React$2.useEffect(callback, useDeepCompareMemoize(dependencies));
+  return React$1.useEffect(callback, useDeepCompareMemoize(dependencies));
 }
 __name(useDeepCompareEffect, "useDeepCompareEffect");
 function fuzzysearch(needle, haystack) {
@@ -64447,7 +64447,6 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
       );
     }
   }
-  const _tableConfig = getTableConfigFromStorage(formName);
   const {
     reduxFormQueryParams: _reduxFormQueryParams = {},
     reduxFormSearchInput: _reduxFormSearchInput = "",
@@ -64481,6 +64480,7 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
   );
   const currentParams = useDeepEqualMemo(_currentParams);
   const defaultsToUse = useMemo(() => {
+    const _tableConfig = getTableConfigFromStorage(formName);
     const userSetPageSize = (_tableConfig == null ? void 0 : _tableConfig.userSetPageSize) && parseInt(_tableConfig.userSetPageSize, 10);
     let _defaultsToUse = defaults2;
     if (!syncDisplayOptionsToDb && userSetPageSize) {
@@ -64488,7 +64488,7 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
       _defaultsToUse.pageSize = userSetPageSize;
     }
     return _defaultsToUse;
-  }, [_tableConfig == null ? void 0 : _tableConfig.userSetPageSize, defaults2, syncDisplayOptionsToDb]);
+  }, [defaults2, formName, syncDisplayOptionsToDb]);
   const passingProps = useMemo(
     () => __spreadProps(__spreadValues({
       formName: "tgDataTable"
@@ -64604,7 +64604,7 @@ const withTableParams = /* @__PURE__ */ __name((topLevelOptions) => compose(
   branch(({ noRouter }) => !noRouter, withRouter),
   (Comp) => (props) => {
     const tableParams = useTableParams(__spreadValues(__spreadValues({}, topLevelOptions), props));
-    return /* @__PURE__ */ React.createElement(Comp, __spreadValues(__spreadValues({}, props), tableParams));
+    return /* @__PURE__ */ React__default.createElement(Comp, __spreadValues(__spreadValues({}, props), tableParams));
   }
 ), "withTableParams");
 function showAppSpinner() {
@@ -65233,7 +65233,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
   value: true
 });
 DraggableCore$2.default = void 0;
-var React$1 = _interopRequireWildcard$1(React__default);
+var React = _interopRequireWildcard$1(React__default);
 var _propTypes = _interopRequireDefault$2(requirePropTypes());
 var _reactDom$1 = _interopRequireDefault$2(require$$2$1);
 var _domFns = domFns;
@@ -65651,7 +65651,7 @@ var DraggableCore$1 = /* @__PURE__ */ function(_React$Component) {
   }, {
     key: "render",
     value: /* @__PURE__ */ __name(function render3() {
-      return /* @__PURE__ */ React$1.cloneElement(React$1.Children.only(this.props.children), {
+      return /* @__PURE__ */ React.cloneElement(React.Children.only(this.props.children), {
         // Note: mouseMove handler is attached to document so it will still function
         // when the user drags quickly and leaves the bounds of the element.
         onMouseDown: this.onMouseDown,
@@ -65664,7 +65664,7 @@ var DraggableCore$1 = /* @__PURE__ */ function(_React$Component) {
     }, "render")
   }]);
   return DraggableCore2;
-}(React$1.Component);
+}(React.Component);
 DraggableCore$2.default = DraggableCore$1;
 _defineProperty(DraggableCore$1, "displayName", "DraggableCore");
 _defineProperty(DraggableCore$1, "propTypes", {
@@ -66531,10 +66531,10 @@ var Resizer = (
     }
     __name(Resizer2, "Resizer");
     Resizer2.prototype.render = function() {
-      return React$2.createElement("div", { className: this.props.className || "", style: __assign$2(__assign$2({ position: "absolute", userSelect: "none" }, styles[this.props.direction]), this.props.replaceStyles || {}), onMouseDown: this.onMouseDown, onTouchStart: this.onTouchStart }, this.props.children);
+      return React$1.createElement("div", { className: this.props.className || "", style: __assign$2(__assign$2({ position: "absolute", userSelect: "none" }, styles[this.props.direction]), this.props.replaceStyles || {}), onMouseDown: this.onMouseDown, onTouchStart: this.onTouchStart }, this.props.children);
     };
     return Resizer2;
-  }(React$2.PureComponent)
+  }(React$1.PureComponent)
 );
 var src = { exports: {} };
 function memoize(fn4, options) {
@@ -67307,11 +67307,11 @@ var Resizable = (
       }
       var resizers = Object.keys(enable).map(function(dir) {
         if (enable[dir] !== false) {
-          return React$2.createElement(Resizer, { key: dir, direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null);
+          return React$1.createElement(Resizer, { key: dir, direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null);
         }
         return null;
       });
-      return React$2.createElement("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers);
+      return React$1.createElement("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers);
     };
     Resizable2.prototype.render = function() {
       var _this = this;
@@ -67327,10 +67327,10 @@ var Resizable = (
         style.flexBasis = this.state.flexBasis;
       }
       var Wrapper = this.props.as || "div";
-      return React$2.createElement(
+      return React$1.createElement(
         Wrapper,
         __assign$1({ ref: this.ref, style, className: this.props.className }, extendsProps),
-        this.state.isResizing && React$2.createElement("div", { style: this.state.backgroundStyle }),
+        this.state.isResizing && React$1.createElement("div", { style: this.state.backgroundStyle }),
         this.props.children,
         this.renderResizer()
       );
@@ -67363,7 +67363,7 @@ var Resizable = (
       snapGap: 0
     };
     return Resizable2;
-  }(React$2.PureComponent)
+  }(React$1.PureComponent)
 );
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.5.23-beta.16",
+  "version": "0.5.23-beta.17",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/DataTable/utils/withTableParams.js

@@ -1,3 +1,4 @@
+import React, { useMemo } from "react";
 import { change as _change, formValueSelector } from "redux-form";
 import { useDispatch, useSelector } from "react-redux";
 import convertSchema from "./convertSchema";
@@ -10,7 +11,6 @@ import {
 } from "./queryParams";
 import { withRouter } from "react-router-dom";
 import getTableConfigFromStorage from "./getTableConfigFromStorage";
-import { useMemo } from "react";
 import { useDeepEqualMemo } from "./useDeepEqualMemo";
 import { branch, compose } from "recompose";
 
@@ -97,8 +97,6 @@ export const useTableParams = props => {
     }
   }
 
-  const _tableConfig = getTableConfigFromStorage(formName);
-
   const {
     reduxFormQueryParams: _reduxFormQueryParams = {},
     reduxFormSearchInput: _reduxFormSearchInput = "",
@@ -148,6 +146,7 @@ export const useTableParams = props => {
   const currentParams = useDeepEqualMemo(_currentParams);
 
   const defaultsToUse = useMemo(() => {
+    const _tableConfig = getTableConfigFromStorage(formName);
     const userSetPageSize =
       _tableConfig?.userSetPageSize &&
       parseInt(_tableConfig.userSetPageSize, 10);
@@ -158,7 +157,7 @@ export const useTableParams = props => {
     }
 
     return _defaultsToUse;
-  }, [_tableConfig?.userSetPageSize, defaults, syncDisplayOptionsToDb]);
+  }, [defaults, formName, syncDisplayOptionsToDb]);
 
   const passingProps = useMemo(
     () => ({