@teselagen/ui 0.7.1 → 0.7.2-beta.1

package/TgSuggest/index.d.ts

@@ -1,2 +1,19 @@
 export default TgSuggest;
-declare function TgSuggest(props: any): import("react/jsx-runtime").JSX.Element;
+declare function TgSuggest({ disabled, inputProps: _inputProps, intent, isLoading, isSimpleSearch, multi, noResultsText, notCreateable, onBlur, onChange, optionRenderer, options, placeholder, popoverProps: _popoverProps, value, ...rest }: {
+    [x: string]: any;
+    disabled: any;
+    inputProps: any;
+    intent: any;
+    isLoading: any;
+    isSimpleSearch: any;
+    multi: any;
+    noResultsText: any;
+    notCreateable: any;
+    onBlur: any;
+    onChange: any;
+    optionRenderer: any;
+    options: any;
+    placeholder: any;
+    popoverProps: any;
+    value: any;
+}): import("react/jsx-runtime").JSX.Element;

package/index.cjs.js

@@ -31437,10 +31437,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,
@@ -31448,14 +31448,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",
@@ -31465,7 +31464,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
@@ -31475,42 +31473,66 @@ const TgSuggest = /* @__PURE__ */ __name((props) => {
     "value"
   ]);
   const inputRef = React$1.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 = React$1.useCallback(
+    (item) => {
+      inputRef.current && inputRef.current.blur();
+      return onChange == null ? void 0 : onChange(item);
+    },
+    [onChange]
+  );
+  const _itemListPredicate = React$1.useCallback(
+    (queryString2, item) => {
+      return itemListPredicate(queryString2, item, isSimpleSearch);
+    },
+    [isSimpleSearch]
+  );
+  const popoverProps = React$1.useMemo(
+    () => __spreadValues({
+      minimal: true,
+      className: classNames("tg-select", {
+        "tg-single-select": !multi
+      }),
+      wrapperTagName: "div",
+      usePortal: false,
+      canEscapeKeyClose: true
+    }, _popoverProps),
+    [multi, _popoverProps]
+  );
+  const onKeyDown = React$1.useCallback((e2) => {
+    const { which } = e2;
+    if (which === core.Keys.ENTER) {
+      e2.preventDefault();
+      e2.stopPropagation();
+    }
+    if (which === core.Keys.ESCAPE || which === core.Keys.TAB) {
+      if (inputRef.current != null) {
+        inputRef.current.blur();
+      }
+      e2.preventDefault();
+      e2.stopPropagation();
+    }
+  }, []);
+  const inputProps = React$1.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$1.createElement(
     select.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 === core.Keys.ENTER) {
-          e2.preventDefault();
-          e2.stopPropagation();
-        }
-        if (which === core.Keys.ESCAPE || which === core.Keys.TAB) {
-          if (inputRef.current != null) {
-            inputRef.current.blur();
-          }
-          e2.preventDefault();
-          e2.stopPropagation();
-        }
-      },
+      popoverProps,
+      onKeyDown,
       onItemSelect: handleItemSelect,
       noResults: null,
       resetOnSelect: false,
@@ -31519,23 +31541,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,
@@ -31551,7 +31564,7 @@ const InfoHelper = /* @__PURE__ */ __name((_e) => {
     disabled,
     displayToSide,
     style
-  } = _f, rest = __objRest(_f, [
+  } = _h, rest = __objRest(_h, [
     "className",
     "content",
     "children",
@@ -32003,13 +32016,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",
@@ -32029,13 +32042,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",
@@ -32055,8 +32068,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,
@@ -32064,7 +32077,7 @@ const RenderBlueprintInput = /* @__PURE__ */ __name((_k) => {
     asyncValidating,
     rightElement,
     clickToEdit
-  } = _l, rest = __objRest(_l, [
+  } = _n, rest = __objRest(_n, [
     "input",
     // meta = {},
     "intent",
@@ -32153,14 +32166,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",
@@ -32197,14 +32210,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",
@@ -32224,8 +32237,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$1.createElement(
     Uploader,
     __spreadProps(__spreadValues({
@@ -32237,8 +32250,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,
@@ -32246,7 +32259,7 @@ const RenderBlueprintTextarea = /* @__PURE__ */ __name((_s) => {
     inputClassName,
     clickToEdit,
     disabled
-  } = _t, rest = __objRest(_t, [
+  } = _v, rest = __objRest(_v, [
     "input",
     "onFieldSubmit",
     "onKeyDown",
@@ -32446,15 +32459,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",
@@ -32479,12 +32492,12 @@ const renderSuggest = /* @__PURE__ */ __name((_u) => {
   });
   return /* @__PURE__ */ React$1.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,
@@ -32494,7 +32507,7 @@ const renderSelect = /* @__PURE__ */ __name((_y) => {
     hidePlaceHolder,
     minimal,
     disabled
-  } = _z, rest = __objRest(_z, [
+  } = _B, rest = __objRest(_B, [
     "input",
     "hideValue",
     "className",
@@ -32562,15 +32575,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",
@@ -32615,12 +32628,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"
@@ -32659,8 +32672,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$1.createElement(
     core.Popover,
     {
@@ -52385,8 +52398,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,
@@ -52400,7 +52413,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     tableParams: _tableParams,
     anyTouched,
     blur
-  } = _H, ownProps = __objRest(_H, [
+  } = _J, ownProps = __objRest(_J, [
     "controlled_pageSize",
     "formName",
     "history",
@@ -52580,8 +52593,8 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
   props = __spreadValues(__spreadValues({}, props), tableParams);
   const queryParams = React$1.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,
@@ -68422,14 +68435,14 @@ function BlueprintError({ error }) {
   return /* @__PURE__ */ React$1.createElement("div", { className: classNames(core.Classes.FORM_GROUP, core.Classes.INTENT_DANGER) }, /* @__PURE__ */ React$1.createElement("div", { className: classNames(core.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",
@@ -68613,8 +68626,8 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
     [controlled_pageSize, defaultsToUse, pageSize, history == null ? void 0 : history.location]
   );
   const queryParams = React$1.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,
@@ -72110,14 +72123,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",
@@ -72341,8 +72354,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$1.createElement(core.MenuItem, __spreadValues({}, rest));
   if (tooltip) {
     out = /* @__PURE__ */ React$1.createElement(core.Tooltip, { content: tooltip }, out);