@teselagen/ui 0.7.1 → 0.7.2-beta.2

package/FormComponents/FormSeparator.d.ts

@@ -0,0 +1,3 @@
+export function FormSeparator({ label }?: {
+    label?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -3071,6 +3071,9 @@ const LoadingDots = /* @__PURE__ */ __name(() => {
   }, []);
   return /* @__PURE__ */ React$1.createElement("span", null, dots);
 }, "LoadingDots");
+const FormSeparator = /* @__PURE__ */ __name(({ label = "or" } = {}) => {
+  return /* @__PURE__ */ React$1.createElement("div", { className: "form-separator" }, /* @__PURE__ */ React$1.createElement("p", { style: { opacity: 0.8 } }, label));
+}, "FormSeparator");
 const AssignDefaultsModeContext = React$1.createContext({
   inAssignDefaultsMode: false,
   // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -31437,10 +31440,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 +31451,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 +31467,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 +31476,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 +31544,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 +31567,7 @@ const InfoHelper = /* @__PURE__ */ __name((_e) => {
     disabled,
     displayToSide,
     style
-  } = _f, rest = __objRest(_f, [
+  } = _h, rest = __objRest(_h, [
     "className",
     "content",
     "children",
@@ -32003,13 +32019,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 +32045,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 +32071,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 +32080,7 @@ const RenderBlueprintInput = /* @__PURE__ */ __name((_k) => {
     asyncValidating,
     rightElement,
     clickToEdit
-  } = _l, rest = __objRest(_l, [
+  } = _n, rest = __objRest(_n, [
     "input",
     // meta = {},
     "intent",
@@ -32153,14 +32169,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 +32213,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 +32240,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 +32253,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 +32262,7 @@ const RenderBlueprintTextarea = /* @__PURE__ */ __name((_s) => {
     inputClassName,
     clickToEdit,
     disabled
-  } = _t, rest = __objRest(_t, [
+  } = _v, rest = __objRest(_v, [
     "input",
     "onFieldSubmit",
     "onKeyDown",
@@ -32446,15 +32462,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 +32495,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 +32510,7 @@ const renderSelect = /* @__PURE__ */ __name((_y) => {
     hidePlaceHolder,
     minimal,
     disabled
-  } = _z, rest = __objRest(_z, [
+  } = _B, rest = __objRest(_B, [
     "input",
     "hideValue",
     "className",
@@ -32562,15 +32578,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 +32631,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 +32675,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 +52401,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 +52416,7 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     tableParams: _tableParams,
     anyTouched,
     blur
-  } = _H, ownProps = __objRest(_H, [
+  } = _J, ownProps = __objRest(_J, [
     "controlled_pageSize",
     "formName",
     "history",
@@ -52580,8 +52596,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 +68438,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 +68629,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 +72126,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",
@@ -72242,7 +72258,7 @@ const DynamicMenuItem = /* @__PURE__ */ __name(({
         labelElement: item.hotkey && /* @__PURE__ */ React$1.createElement(core.KeyCombo, { minimal: true, combo: item.hotkey }),
         text: item.text
       }),
-      item.submenu ? item.submenu.filter(ident).map((def2, index2) => /* @__PURE__ */ React$1.createElement(DynamicMenuItem, __spreadProps(__spreadValues({}, { def: def2, enhancers, context }), { key: index2 }))) : void 0
+      item.submenu ? item.submenu.filter(ident).map((def2, index2) => /* @__PURE__ */ React$1.createElement(DynamicMenuItem, __spreadValues({ key: index2 }, { def: def2, enhancers, context }))) : void 0
     );
   }
   if (item.disabled && typeof item.disabled === "string") {
@@ -72255,7 +72271,7 @@ const DynamicMenuItem = /* @__PURE__ */ __name(({
 }, "DynamicMenuItem");
 const createDynamicMenu = /* @__PURE__ */ __name((menuDef, enhancers, context) => {
   if (menuDef instanceof Array) {
-    return menuDef.map((def, index2) => /* @__PURE__ */ React$1.createElement(DynamicMenuItem, __spreadProps(__spreadValues({}, { def, enhancers, context }), { key: index2 })));
+    return menuDef.map((def, index2) => /* @__PURE__ */ React$1.createElement(DynamicMenuItem, __spreadValues({ key: index2 }, { def, enhancers, context })));
   } else {
     return /* @__PURE__ */ React$1.createElement(DynamicMenuItem, __spreadValues({}, { def: menuDef, enhancers, context }));
   }
@@ -72264,7 +72280,7 @@ const createDynamicBarMenu = /* @__PURE__ */ __name((topMenuDef, enhancers, cont
   return topMenuDef.map((topLevelItem) => {
     const def = __spreadValues({}, topLevelItem);
     if (def.submenu) {
-      def.submenu = def.submenu.map((subdef, index2) => /* @__PURE__ */ React$1.createElement(DynamicMenuItem, __spreadProps(__spreadValues({ def: subdef }, { enhancers, context }), { key: index2 })));
+      def.submenu = def.submenu.map((subdef, index2) => /* @__PURE__ */ React$1.createElement(DynamicMenuItem, __spreadValues({ key: index2, def: subdef }, { enhancers, context })));
     }
     return def;
   });
@@ -72341,8 +72357,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);
@@ -74754,6 +74770,7 @@ exports.EditableTextField = EditableTextField;
 exports.EnhancedMenuItem = EnhancedMenuItem;
 exports.FileUploadField = FileUploadField;
 exports.FillWindow = FillWindow;
+exports.FormSeparator = FormSeparator;
 exports.HotkeysDialog = HotkeysDialog;
 exports.InfoHelper = InfoHelper;
 exports.InputField = InputField;

package/index.d.ts

@@ -1,4 +1,5 @@
 export { LoadingDots } from './FormComponents/LoadingDots';
+export { FormSeparator } from './FormComponents/FormSeparator';
 export * from './AssignDefaultsModeContext';
 export * from './utils/tgFormValues';
 export * from './FormComponents';