@teselagen/ui 0.7.1 → 0.7.2-beta.1

package/index.es.js

@@ -31419,10 +31419,10 @@ const itemRenderer = /* @__PURE__ */ __name((i = "", { index: index2, handleClic
   },
   i
 ), "itemRenderer");
-const TgSuggest = /* @__PURE__ */ __name((props) => {
-  const _a = props, {
+const TgSuggest = /* @__PURE__ */ __name((_e) => {
+  var _f = _e, {
     disabled,
-    inputProps,
+    inputProps: _inputProps,
     intent,
     isLoading,
     isSimpleSearch,
@@ -31430,14 +31430,13 @@ const TgSuggest = /* @__PURE__ */ __name((props) => {
     noResultsText,
     notCreateable,
     onBlur,
-    onChange: onChange = /* @__PURE__ */ __name(() => {
-    }, "onChange"),
+    onChange,
     optionRenderer,
-    options: options = [],
+    options: options,
     placeholder,
-    popoverProps,
-    value = void 0
-  } = _a, rest = __objRest(_a, [
+    popoverProps: _popoverProps,
+    value
+  } = _f, rest = __objRest(_f, [
     "disabled",
     "inputProps",
     "intent",
@@ -31447,7 +31446,6 @@ const TgSuggest = /* @__PURE__ */ __name((props) => {
     "noResultsText",
     "notCreateable",
     "onBlur",
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     "onChange",
     "optionRenderer",
     //pull this one out here so it doesn't get passsed along
@@ -31457,42 +31455,66 @@ const TgSuggest = /* @__PURE__ */ __name((props) => {
     "value"
   ]);
   const inputRef = useRef(null);
-  const handleItemSelect = /* @__PURE__ */ __name((item) => {
-    inputRef.current && inputRef.current.blur();
-    return onChange(item);
-  }, "handleItemSelect");
-  const _itemListPredicate = /* @__PURE__ */ __name((queryString2, item) => {
-    return itemListPredicate(queryString2, item, isSimpleSearch);
-  }, "_itemListPredicate");
+  const handleItemSelect = useCallback(
+    (item) => {
+      inputRef.current && inputRef.current.blur();
+      return onChange == null ? void 0 : onChange(item);
+    },
+    [onChange]
+  );
+  const _itemListPredicate = useCallback(
+    (queryString2, item) => {
+      return itemListPredicate(queryString2, item, isSimpleSearch);
+    },
+    [isSimpleSearch]
+  );
+  const popoverProps = useMemo(
+    () => __spreadValues({
+      minimal: true,
+      className: classNames("tg-select", {
+        "tg-single-select": !multi
+      }),
+      wrapperTagName: "div",
+      usePortal: false,
+      canEscapeKeyClose: true
+    }, _popoverProps),
+    [multi, _popoverProps]
+  );
+  const onKeyDown = useCallback((e2) => {
+    const { which } = e2;
+    if (which === Keys.ENTER) {
+      e2.preventDefault();
+      e2.stopPropagation();
+    }
+    if (which === Keys.ESCAPE || which === Keys.TAB) {
+      if (inputRef.current != null) {
+        inputRef.current.blur();
+      }
+      e2.preventDefault();
+      e2.stopPropagation();
+    }
+  }, []);
+  const inputProps = useMemo(
+    () => __spreadValues({
+      inputRef: (n2) => {
+        if (n2)
+          inputRef.current = n2;
+      },
+      placeholder: placeholder || "Type here...",
+      disabled,
+      // tg: adding isLoading will cause the input to be blurred when using generic select asReactSelect (don't do it),
+      intent
+    }, _inputProps),
+    [disabled, _inputProps, intent, placeholder]
+  );
   return /* @__PURE__ */ React__default.createElement(
     Suggest,
     __spreadValues({
       closeOnSelect: true,
-      items: options || [],
+      items: options,
       query: value,
-      popoverProps: __spreadValues({
-        minimal: true,
-        className: classNames("tg-select", {
-          "tg-single-select": !multi
-        }),
-        wrapperTagName: "div",
-        usePortal: false,
-        canEscapeKeyClose: true
-      }, popoverProps),
-      onKeyDown: (e2) => {
-        const { which } = e2;
-        if (which === Keys.ENTER) {
-          e2.preventDefault();
-          e2.stopPropagation();
-        }
-        if (which === Keys.ESCAPE || which === Keys.TAB) {
-          if (inputRef.current != null) {
-            inputRef.current.blur();
-          }
-          e2.preventDefault();
-          e2.stopPropagation();
-        }
-      },
+      popoverProps,
+      onKeyDown,
       onItemSelect: handleItemSelect,
       noResults: null,
       resetOnSelect: false,
@@ -31501,23 +31523,14 @@ const TgSuggest = /* @__PURE__ */ __name((props) => {
       itemListPredicate: _itemListPredicate,
       selectedItem: value,
       inputValueRenderer: (item) => item,
-      inputProps: __spreadValues({
-        inputRef: (n2) => {
-          if (n2)
-            inputRef.current = n2;
-        },
-        placeholder: placeholder || "Type here...",
-        disabled,
-        // tg: adding isLoading will cause the input to be blurred when using generic select asReactSelect (don't do it),
-        intent
-      }, inputProps),
+      inputProps,
       isSimpleSearch,
       onChange
     }, rest)
   );
 }, "TgSuggest");
-const InfoHelper = /* @__PURE__ */ __name((_e) => {
-  var _f = _e, {
+const InfoHelper = /* @__PURE__ */ __name((_g) => {
+  var _h = _g, {
     className,
     content: content2,
     children,
@@ -31533,7 +31546,7 @@ const InfoHelper = /* @__PURE__ */ __name((_e) => {
     disabled,
     displayToSide,
     style
-  } = _f, rest = __objRest(_f, [
+  } = _h, rest = __objRest(_h, [
     "className",
     "content",
     "children",
@@ -31985,13 +31998,13 @@ const AbstractInput = /* @__PURE__ */ __name(({
     rightEl
   );
 }, "AbstractInput");
-const renderBlueprintDateInput = /* @__PURE__ */ __name((_g) => {
-  var _h = _g, {
+const renderBlueprintDateInput = /* @__PURE__ */ __name((_i) => {
+  var _j = _i, {
     input,
     intent,
     onFieldSubmit,
     inputProps
-  } = _h, rest = __objRest(_h, [
+  } = _j, rest = __objRest(_j, [
     "input",
     "intent",
     "onFieldSubmit",
@@ -32011,13 +32024,13 @@ const renderBlueprintDateInput = /* @__PURE__ */ __name((_g) => {
     })
   );
 }, "renderBlueprintDateInput");
-const renderBlueprintDateRangeInput = /* @__PURE__ */ __name((_i) => {
-  var _j = _i, {
+const renderBlueprintDateRangeInput = /* @__PURE__ */ __name((_k) => {
+  var _l = _k, {
     input,
     intent,
     onFieldSubmit,
     inputProps
-  } = _j, rest = __objRest(_j, [
+  } = _l, rest = __objRest(_l, [
     "input",
     "intent",
     "onFieldSubmit",
@@ -32037,8 +32050,8 @@ const renderBlueprintDateRangeInput = /* @__PURE__ */ __name((_i) => {
     })
   );
 }, "renderBlueprintDateRangeInput");
-const RenderBlueprintInput = /* @__PURE__ */ __name((_k) => {
-  var _l = _k, {
+const RenderBlueprintInput = /* @__PURE__ */ __name((_m) => {
+  var _n = _m, {
     input,
     intent: intent,
     onFieldSubmit,
@@ -32046,7 +32059,7 @@ const RenderBlueprintInput = /* @__PURE__ */ __name((_k) => {
     asyncValidating,
     rightElement,
     clickToEdit
-  } = _l, rest = __objRest(_l, [
+  } = _n, rest = __objRest(_n, [
     "input",
     // meta = {},
     "intent",
@@ -32135,14 +32148,14 @@ const RenderBlueprintInput = /* @__PURE__ */ __name((_k) => {
     )));
   return inner;
 }, "RenderBlueprintInput");
-const renderBlueprintCheckbox = /* @__PURE__ */ __name((_m) => {
-  var _n = _m, {
+const renderBlueprintCheckbox = /* @__PURE__ */ __name((_o) => {
+  var _p = _o, {
     input,
     label,
     tooltipInfo,
     beforeOnChange,
     onFieldSubmit
-  } = _n, rest = __objRest(_n, [
+  } = _p, rest = __objRest(_p, [
     "input",
     "label",
     "tooltipInfo",
@@ -32179,14 +32192,14 @@ const getCheckboxOrSwitchOnChange = /* @__PURE__ */ __name(({
     onFieldSubmit(v2);
   });
 }, "getCheckboxOrSwitchOnChange");
-const renderBlueprintSwitch = /* @__PURE__ */ __name((_o) => {
-  var _p = _o, {
+const renderBlueprintSwitch = /* @__PURE__ */ __name((_q) => {
+  var _r = _q, {
     input,
     label,
     tooltipInfo,
     onFieldSubmit,
     beforeOnChange
-  } = _p, rest = __objRest(_p, [
+  } = _r, rest = __objRest(_r, [
     "input",
     "label",
     "tooltipInfo",
@@ -32206,8 +32219,8 @@ const renderBlueprintSwitch = /* @__PURE__ */ __name((_o) => {
     })
   );
 }, "renderBlueprintSwitch");
-const renderFileUpload = /* @__PURE__ */ __name((_q) => {
-  var _r = _q, { input, onFieldSubmit } = _r, rest = __objRest(_r, ["input", "onFieldSubmit"]);
+const renderFileUpload = /* @__PURE__ */ __name((_s) => {
+  var _t = _s, { input, onFieldSubmit } = _t, rest = __objRest(_t, ["input", "onFieldSubmit"]);
   return /* @__PURE__ */ React__default.createElement(
     Uploader,
     __spreadProps(__spreadValues({
@@ -32219,8 +32232,8 @@ const renderFileUpload = /* @__PURE__ */ __name((_q) => {
     })
   );
 }, "renderFileUpload");
-const RenderBlueprintTextarea = /* @__PURE__ */ __name((_s) => {
-  var _t = _s, {
+const RenderBlueprintTextarea = /* @__PURE__ */ __name((_u) => {
+  var _v = _u, {
     input,
     onFieldSubmit,
     onKeyDown,
@@ -32228,7 +32241,7 @@ const RenderBlueprintTextarea = /* @__PURE__ */ __name((_s) => {
     inputClassName,
     clickToEdit,
     disabled
-  } = _t, rest = __objRest(_t, [
+  } = _v, rest = __objRest(_v, [
     "input",
     "onFieldSubmit",
     "onKeyDown",
@@ -32428,15 +32441,15 @@ const renderReactSelect = /* @__PURE__ */ __name((props) => {
 const renderSuggest_old = /* @__PURE__ */ __name((props) => {
   return renderReactSelect(__spreadProps(__spreadValues({}, props), { asSuggest: true }));
 }, "renderSuggest_old");
-const renderSuggest = /* @__PURE__ */ __name((_u) => {
-  var _v = _u, {
+const renderSuggest = /* @__PURE__ */ __name((_w) => {
+  var _x = _w, {
     async,
     input: { value, onChange },
     hideValue,
     intent,
     options,
     onFieldSubmit
-  } = _v, rest = __objRest(_v, [
+  } = _x, rest = __objRest(_x, [
     "async",
     "input",
     "hideValue",
@@ -32461,12 +32474,12 @@ const renderSuggest = /* @__PURE__ */ __name((_u) => {
   });
   return /* @__PURE__ */ React__default.createElement(TgSuggest, __spreadValues({}, propsToUse));
 }, "renderSuggest");
-const BPSelect = /* @__PURE__ */ __name((_w) => {
-  var _x = _w, { value, onChange } = _x, rest = __objRest(_x, ["value", "onChange"]);
+const BPSelect = /* @__PURE__ */ __name((_y) => {
+  var _z = _y, { value, onChange } = _z, rest = __objRest(_z, ["value", "onChange"]);
   return renderSelect(__spreadProps(__spreadValues({}, rest), { input: { onChange, value } }));
 }, "BPSelect");
-const renderSelect = /* @__PURE__ */ __name((_y) => {
-  var _z = _y, {
+const renderSelect = /* @__PURE__ */ __name((_A) => {
+  var _B = _A, {
     input: { value, onChange },
     hideValue,
     className,
@@ -32476,7 +32489,7 @@ const renderSelect = /* @__PURE__ */ __name((_y) => {
     hidePlaceHolder,
     minimal,
     disabled
-  } = _z, rest = __objRest(_z, [
+  } = _B, rest = __objRest(_B, [
     "input",
     "hideValue",
     "className",
@@ -32544,15 +32557,15 @@ const renderSelect = /* @__PURE__ */ __name((_y) => {
     )
   );
 }, "renderSelect");
-const renderBlueprintNumericInput = /* @__PURE__ */ __name((_A) => {
-  var _B = _A, {
+const renderBlueprintNumericInput = /* @__PURE__ */ __name((_C) => {
+  var _D = _C, {
     input,
     hideValue,
     intent,
     inputClassName,
     onFieldSubmit,
     onAnyNumberChange
-  } = _B, rest = __objRest(_B, [
+  } = _D, rest = __objRest(_D, [
     "input",
     "hideValue",
     "intent",
@@ -32597,12 +32610,12 @@ const renderBlueprintNumericInput = /* @__PURE__ */ __name((_A) => {
     })
   );
 }, "renderBlueprintNumericInput");
-const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_C) => {
-  var _D = _C, {
+const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_E) => {
+  var _F = _E, {
     input,
     options,
     onFieldSubmit
-  } = _D, rest = __objRest(_D, [
+  } = _F, rest = __objRest(_F, [
     "input",
     "options",
     "onFieldSubmit"
@@ -32641,8 +32654,8 @@ const renderBlueprintRadioGroup = /* @__PURE__ */ __name((_C) => {
     })
   );
 }, "renderBlueprintRadioGroup");
-const RenderReactColorPicker = /* @__PURE__ */ __name((_E) => {
-  var _F = _E, { input, onFieldSubmit } = _F, rest = __objRest(_F, ["input", "onFieldSubmit"]);
+const RenderReactColorPicker = /* @__PURE__ */ __name((_G) => {
+  var _H = _G, { input, onFieldSubmit } = _H, rest = __objRest(_H, ["input", "onFieldSubmit"]);
   return /* @__PURE__ */ React__default.createElement(
     Popover,
     {
@@ -52367,8 +52380,8 @@ const itemSizeEstimators = {
   normal: () => 33.34,
   comfortable: () => 41.34
 };
-const DataTable = /* @__PURE__ */ __name((_G) => {
-  var _H = _G, {
+const DataTable = /* @__PURE__ */ __name((_I) => {
+  var _J = _I, {
     controlled_pageSize,
     formName = "tgDataTable",
     history,
@@ -52382,7 +52395,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     tableParams: _tableParams,
     anyTouched,
     blur
-  } = _H, ownProps = __objRest(_H, [
+  } = _J, ownProps = __objRest(_J, [
     "controlled_pageSize",
     "formName",
     "history",
@@ -52562,8 +52575,8 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
   props = __spreadValues(__spreadValues({}, props), tableParams);
   const queryParams = useMemo(() => {
     if (!isTableParamsConnected) {
-      const additionalFilterToUse = typeof props.additionalFilter === "function" ? props.additionalFilter.bind(void 0, ownProps) : () => props.additionalFilter;
-      const additionalOrFilterToUse = typeof props.additionalOrFilter === "function" ? props.additionalOrFilter.bind(void 0, ownProps) : () => props.additionalOrFilter;
+      const additionalFilterToUse = typeof props.additionalFilter === "function" ? props.additionalFilter : () => props.additionalFilter;
+      const additionalOrFilterToUse = typeof props.additionalOrFilter === "function" ? props.additionalOrFilter : () => props.additionalOrFilter;
       return getQueryParams({
         doNotCoercePageSize,
         currentParams,
@@ -68404,14 +68417,14 @@ function BlueprintError({ error }) {
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(Classes.FORM_GROUP, Classes.INTENT_DANGER) }, /* @__PURE__ */ React__default.createElement("div", { className: classNames(Classes.FORM_HELPER_TEXT, "preserve-newline") }, error));
 }
 __name(BlueprintError, "BlueprintError");
-function DropdownButton(_I) {
-  var _J = _I, {
+function DropdownButton(_K) {
+  var _L = _K, {
     disabled,
     menu,
     noRightIcon,
     popoverProps,
     className
-  } = _J, rest = __objRest(_J, [
+  } = _L, rest = __objRest(_L, [
     "disabled",
     "menu",
     "noRightIcon",
@@ -68595,8 +68608,8 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
     [controlled_pageSize, defaultsToUse, pageSize, history == null ? void 0 : history.location]
   );
   const queryParams = useMemo(() => {
-    const additionalFilterToUse = typeof additionalFilter === "function" ? additionalFilter.bind(void 0, passingProps) : () => additionalFilter;
-    const additionalOrFilterToUse = typeof additionalOrFilter === "function" ? additionalOrFilter.bind(void 0, passingProps) : () => additionalOrFilter;
+    const additionalFilterToUse = typeof additionalFilter === "function" ? additionalFilter : () => additionalFilter;
+    const additionalOrFilterToUse = typeof additionalOrFilter === "function" ? additionalOrFilter : () => additionalOrFilter;
     return getQueryParams({
       doNotCoercePageSize,
       currentParams,
@@ -72092,14 +72105,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   branch(({ navTo }) => navTo, withRouter)
-)(function(_K) {
-  var _L = _K, {
+)(function(_M) {
+  var _N = _M, {
     navTo,
     context,
     staticContext,
     didMount,
     willUnmount
-  } = _L, props = __objRest(_L, [
+  } = _N, props = __objRest(_N, [
     "navTo",
     "context",
     "staticContext",
@@ -72323,8 +72336,8 @@ function doesSearchValMatchText(searchVal, justText) {
   );
 }
 __name(doesSearchValMatchText, "doesSearchValMatchText");
-const MenuItemWithTooltip = /* @__PURE__ */ __name((_M) => {
-  var _N = _M, { tooltip } = _N, rest = __objRest(_N, ["tooltip"]);
+const MenuItemWithTooltip = /* @__PURE__ */ __name((_O) => {
+  var _P = _O, { tooltip } = _P, rest = __objRest(_P, ["tooltip"]);
   let out = /* @__PURE__ */ React__default.createElement(MenuItem, __spreadValues({}, rest));
   if (tooltip) {
     out = /* @__PURE__ */ React__default.createElement(Tooltip, { content: tooltip }, out);

package/package.json

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

package/src/DataTable/EditabelCell.js

@@ -1,13 +1,13 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 
 export const EditableCell = ({
-  value,
-  setValue,
   cancelEdit,
   dataTest,
   finishEdit,
-  isNumeric
+  isNumeric,
+  initialValue
 }) => {
+  const [value, setValue] = useState(initialValue);
   const inputRef = useRef(null);
 
   useEffect(() => {

package/src/DataTable/index.js

@@ -338,12 +338,12 @@ const DataTable = ({
     if (!isTableParamsConnected) {
       const additionalFilterToUse =
         typeof props.additionalFilter === "function"
-          ? props.additionalFilter.bind(this, ownProps)
+          ? props.additionalFilter
           : () => props.additionalFilter;
 
       const additionalOrFilterToUse =
         typeof props.additionalOrFilter === "function"
-          ? props.additionalOrFilter.bind(this, ownProps)
+          ? props.additionalOrFilter
           : () => props.additionalOrFilter;
 
       return getQueryParams({

package/src/DataTable/utils/useTableParams.js

@@ -352,7 +352,6 @@ export default function useTableParams(
     reduxFormSearchInput,
     onlyShowRowsWErrors,
     reduxFormCellValidation,
-    reduxFormEntities,
     reduxFormSelectedCells,
     reduxFormSelectedEntityIdMap,
     reduxFormQueryParams,

package/src/DataTable/utils/withTableParams.js

@@ -168,12 +168,12 @@ export const useTableParams = props => {
   const queryParams = useMemo(() => {
     const additionalFilterToUse =
       typeof additionalFilter === "function"
-        ? additionalFilter.bind(this, passingProps)
+        ? additionalFilter
         : () => additionalFilter;
 
     const additionalOrFilterToUse =
       typeof additionalOrFilter === "function"
-        ? additionalOrFilter.bind(this, passingProps)
+        ? additionalOrFilter
         : () => additionalOrFilter;
 
     return getQueryParams({