@teselagen/ui 0.10.2 → 0.10.3

package/index.es.js

@@ -55,7 +55,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React from "react";
 import React__default, { useState, useEffect, forwardRef as forwardRef$2, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useCallback, createElement, Component, useLayoutEffect, createContext as createContext$1, memo, useContext, isValidElement, PureComponent } from "react";
-import { Icon, Classes, Button, Intent, MenuItem, Keys, Tag, Popover, Tooltip, Spinner, Checkbox, Switch, Position, FormGroup, InputGroup, TextArea, EditableText, NumericInput, RadioGroup, Menu, Toaster, MenuDivider, useHotkeys, ContextMenu, Callout, Dialog, Card, Tabs, Tab, Colors, HTMLSelect, Overlay, KeyCombo, ProgressBar } from "@blueprintjs/core";
+import { Classes, Icon, Button, Intent, MenuItem, Keys, Tag, Popover, Tooltip, Spinner, Checkbox, Switch, Position, FormGroup, InputGroup, TextArea, EditableText, NumericInput, RadioGroup, Menu, Toaster, MenuDivider, ContextMenu, KeyCombo, useHotkeys, Callout, Dialog, Card, Tabs, Tab, Colors, HTMLSelect, Overlay, ProgressBar } from "@blueprintjs/core";
 import { formValueSelector, initialize, change, Field, reduxForm, SubmissionError, destroy, touch, FormName, Fields } from "redux-form";
 import require$$2$1, { unstable_batchedUpdates, createPortal, flushSync } from "react-dom";
 import { connect, useDispatch, useSelector, useStore } from "react-redux";
@@ -3055,26 +3055,6 @@ const LoadingDots = /* @__PURE__ */ __name(() => {
 const FormSeparator = /* @__PURE__ */ __name(({ label = "or" } = {}) => {
   return /* @__PURE__ */ React__default.createElement("div", { className: "form-separator" }, /* @__PURE__ */ React__default.createElement("p", { style: { opacity: 0.8 } }, label));
 }, "FormSeparator");
-const AssignDefaultsModeContext = React__default.createContext({
-  inAssignDefaultsMode: false,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  setAssignDefaultsMode: /* @__PURE__ */ __name(() => {
-  }, "setAssignDefaultsMode")
-});
-const workflowDefaultParamsObj = {
-  taskNumber: void 0,
-  workflowDefinitionName: void 0,
-  workflowDefinitionId: void 0,
-  workflowRunName: void 0,
-  workflowRunId: void 0,
-  toolName: void 0,
-  workflowToolTitle: void 0,
-  workflowToolDefinitionId: void 0,
-  workflowTaskCode: void 0
-};
-const WorkflowDefaultParamsContext = React__default.createContext(
-  workflowDefaultParamsObj
-);
 var commonjsGlobal$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -3105,6 +3085,111 @@ function getAugmentedNamespace(n2) {
   return a2;
 }
 __name(getAugmentedNamespace, "getAugmentedNamespace");
+var classnames = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var hasRequiredClassnames;
+function requireClassnames() {
+  if (hasRequiredClassnames) return classnames.exports;
+  hasRequiredClassnames = 1;
+  (function(module2) {
+    (function() {
+      var hasOwn2 = {}.hasOwnProperty;
+      function classNames2() {
+        var classes = "";
+        for (var i2 = 0; i2 < arguments.length; i2++) {
+          var arg = arguments[i2];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      __name(classNames2, "classNames");
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames2.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn2.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      __name(parseValue, "parseValue");
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      __name(appendClass, "appendClass");
+      if (module2.exports) {
+        classNames2.default = classNames2;
+        module2.exports = classNames2;
+      } else {
+        window.classNames = classNames2;
+      }
+    })();
+  })(classnames);
+  return classnames.exports;
+}
+__name(requireClassnames, "requireClassnames");
+var classnamesExports = requireClassnames();
+const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+function DividerWithText({ text: text2, className, style }) {
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: classNames(
+        Classes.DIVIDER,
+        "tg-blueprint-divider",
+        { "tg-blueprint-divider-with-text": !!text2 },
+        className
+      ),
+      style
+    },
+    text2 && /* @__PURE__ */ React__default.createElement("span", { className: "tg-blueprint-divider-text" }, text2)
+  );
+}
+__name(DividerWithText, "DividerWithText");
+const AssignDefaultsModeContext = React__default.createContext({
+  inAssignDefaultsMode: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setAssignDefaultsMode: /* @__PURE__ */ __name(() => {
+  }, "setAssignDefaultsMode")
+});
+const workflowDefaultParamsObj = {
+  taskNumber: void 0,
+  workflowDefinitionName: void 0,
+  workflowDefinitionId: void 0,
+  workflowRunName: void 0,
+  workflowRunId: void 0,
+  toolName: void 0,
+  workflowToolTitle: void 0,
+  workflowToolDefinitionId: void 0,
+  workflowTaskCode: void 0
+};
+const WorkflowDefaultParamsContext = React__default.createContext(
+  workflowDefaultParamsObj
+);
 var propTypes$1 = { exports: {} };
 var ReactPropTypesSecret_1;
 var hasRequiredReactPropTypesSecret;
@@ -4570,75 +4655,6 @@ __name(reducer$1, "reducer$1");
 function noop$5() {
 }
 __name(noop$5, "noop$5");
-var classnames = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var hasRequiredClassnames;
-function requireClassnames() {
-  if (hasRequiredClassnames) return classnames.exports;
-  hasRequiredClassnames = 1;
-  (function(module2) {
-    (function() {
-      var hasOwn2 = {}.hasOwnProperty;
-      function classNames2() {
-        var classes = "";
-        for (var i2 = 0; i2 < arguments.length; i2++) {
-          var arg = arguments[i2];
-          if (arg) {
-            classes = appendClass(classes, parseValue(arg));
-          }
-        }
-        return classes;
-      }
-      __name(classNames2, "classNames");
-      function parseValue(arg) {
-        if (typeof arg === "string" || typeof arg === "number") {
-          return arg;
-        }
-        if (typeof arg !== "object") {
-          return "";
-        }
-        if (Array.isArray(arg)) {
-          return classNames2.apply(null, arg);
-        }
-        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-          return arg.toString();
-        }
-        var classes = "";
-        for (var key in arg) {
-          if (hasOwn2.call(arg, key) && arg[key]) {
-            classes = appendClass(classes, key);
-          }
-        }
-        return classes;
-      }
-      __name(parseValue, "parseValue");
-      function appendClass(value, newClass) {
-        if (!newClass) {
-          return value;
-        }
-        if (value) {
-          return value + " " + newClass;
-        }
-        return value + newClass;
-      }
-      __name(appendClass, "appendClass");
-      if (module2.exports) {
-        classNames2.default = classNames2;
-        module2.exports = classNames2;
-      } else {
-        window.classNames = classNames2;
-      }
-    })();
-  })(classnames);
-  return classnames.exports;
-}
-__name(requireClassnames, "requireClassnames");
-var classnamesExports = requireClassnames();
-const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
 let nanoid = /* @__PURE__ */ __name((size = 21) => crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {
   byte &= 63;
   if (byte < 36) {
@@ -19427,10 +19443,10 @@ function tableQueryParamsToHasuraClauses({
     const uniqueFieldsByPath = {};
     const searchTerms = searchTerm.split(",");
     schema.fields.forEach((field) => {
-      const { type: type2, path: path2, searchDisabled } = field;
+      const { type: type2, path: path2, searchDisabled, isHidden } = field;
       if (uniqueFieldsByPath[path2]) return;
       uniqueFieldsByPath[path2] = true;
-      if (searchDisabled || field.filterDisabled || type2 === "color") return;
+      if (searchDisabled || field.filterDisabled || type2 === "color" || isHidden) return;
       searchTerms.forEach((term) => {
         const filterValue = term.trim();
         if (type2 === "string" || type2 === "lookup") {
@@ -34462,6 +34478,7 @@ const DisplayOptions = /* @__PURE__ */ __name(({
   compact,
   extraCompact,
   disabled,
+  doNotSearchHiddenColumns,
   hideDisplayOptionsIcon,
   resetDefaultVisibility = noop$4,
   updateColumnVisibility = noop$4,
@@ -34492,7 +34509,7 @@ const DisplayOptions = /* @__PURE__ */ __name(({
   });
   let numVisible = 0;
   const getFieldCheckbox = /* @__PURE__ */ __name((field, i2) => {
-    const { displayName, isHidden, isForcedHidden, path: path2 } = field;
+    const { displayName, isHidden, isForcedHidden, path: path2, subFrag } = field;
     if (isForcedHidden) return;
     if (!isHidden) numVisible++;
     return /* @__PURE__ */ React__default.createElement(
@@ -34509,7 +34526,15 @@ const DisplayOptions = /* @__PURE__ */ __name(({
           updateColumnVisibility({ shouldShow: isHidden, path: path2 });
         }, "onChange"),
         checked: !isHidden,
-        label: displayName
+        label: /* @__PURE__ */ React__default.createElement("span", { style: { display: "flex", marginTop: -17 } }, displayName, subFrag && /* @__PURE__ */ React__default.createElement(
+          InfoHelper,
+          {
+            icon: "warning-sign",
+            intent: "warning",
+            style: { marginLeft: 5 }
+          },
+          "Viewing this column may cause the table to load slower"
+        ))
       }
     );
   }, "getFieldCheckbox");
@@ -34558,7 +34583,7 @@ const DisplayOptions = /* @__PURE__ */ __name(({
     {
       isOpen,
       onClose: /* @__PURE__ */ __name(() => setIsOpen(false), "onClose"),
-      content: /* @__PURE__ */ React__default.createElement(Menu, null, /* @__PURE__ */ React__default.createElement("div", { style: { padding: 10, paddingLeft: 20, paddingRight: 20 } }, /* @__PURE__ */ React__default.createElement("h5", { style: { marginBottom: 10 } }, "Display Density:"), /* @__PURE__ */ React__default.createElement("div", { className: Classes.SELECT + " tg-table-display-density" }, /* @__PURE__ */ React__default.createElement(
+      content: /* @__PURE__ */ React__default.createElement(Menu, null, /* @__PURE__ */ React__default.createElement("div", { style: { padding: 10, paddingLeft: 20, paddingRight: 20 } }, /* @__PURE__ */ React__default.createElement("h5", { style: { marginBottom: 10, fontWeight: "bold" } }, "Display Density:"), /* @__PURE__ */ React__default.createElement("div", { className: Classes.SELECT + " tg-table-display-density" }, /* @__PURE__ */ React__default.createElement(
         "select",
         {
           onChange: changeTableDensity,
@@ -34574,7 +34599,19 @@ const DisplayOptions = /* @__PURE__ */ __name(({
           },
           "Compact"
         )
-      )), /* @__PURE__ */ React__default.createElement("h5", { style: { marginBottom: 10, marginTop: 10 } }, "Displayed Columns:"), /* @__PURE__ */ React__default.createElement("div", { style: { maxHeight: 260, overflowY: "auto", padding: 2 } }, mainFields.map(getFieldCheckbox)), /* @__PURE__ */ React__default.createElement("div", null, fieldGroupMenu), hasOptionForForcedHidden && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 15 } }, /* @__PURE__ */ React__default.createElement(
+      )), /* @__PURE__ */ React__default.createElement(
+        "h5",
+        {
+          style: {
+            fontWeight: "bold",
+            marginBottom: 10,
+            marginTop: 10,
+            display: "flex"
+          }
+        },
+        "Displayed Columns:  ",
+        doNotSearchHiddenColumns && /* @__PURE__ */ React__default.createElement(InfoHelper, null, "Note: Hidden columns will NOT be used when searching the datatable")
+      ), /* @__PURE__ */ React__default.createElement("div", { style: { maxHeight: 260, overflowY: "auto", padding: 2 } }, mainFields.map(getFieldCheckbox)), /* @__PURE__ */ React__default.createElement("div", null, fieldGroupMenu), hasOptionForForcedHidden && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 15 } }, /* @__PURE__ */ React__default.createElement(
         Switch,
         {
           label: "Show Empty Columns",
@@ -34595,9 +34632,10 @@ const DisplayOptions = /* @__PURE__ */ __name(({
           {
             onClick: resetDefaultVisibility,
             title: "Display Options",
+            icon: "reset",
             minimal: true
           },
-          "Reset"
+          "Reset Column Visibilites"
         )
       )))
     },
@@ -51341,6 +51379,273 @@ const RenderCell = /* @__PURE__ */ __name(({
     }
   ));
 }, "RenderCell");
+function MenuItemLink({ text: text2, onClick, icon, navTo, active: active2, disabled }) {
+  if (disabled) {
+    return /* @__PURE__ */ React__default.createElement("li", { className: Classes.POPOVER_DISMISS }, /* @__PURE__ */ React__default.createElement(MenuItem, { icon, disabled: true, text: text2 }));
+  }
+  const handleLinkClick = /* @__PURE__ */ __name((e) => {
+    e.target.closest(`.${Classes.POPOVER_DISMISS}`).click();
+  }, "handleLinkClick");
+  return /* @__PURE__ */ React__default.createElement("li", { className: Classes.POPOVER_DISMISS, onClick }, /* @__PURE__ */ React__default.createElement(
+    Link,
+    {
+      onClick: handleLinkClick,
+      to: navTo,
+      className: classNames(Classes.MENU_ITEM, {
+        [Classes.ACTIVE]: active2,
+        [Classes.INTENT_PRIMARY]: active2
+      })
+    },
+    icon && /* @__PURE__ */ React__default.createElement(Icon, { icon }),
+    /* @__PURE__ */ React__default.createElement("div", { className: "bp3-text-overflow-ellipsis bp3-fill" }, text2)
+  ));
+}
+__name(MenuItemLink, "MenuItemLink");
+const EnhancedMenuItem = compose(
+  lifecycle({
+    componentDidMount: /* @__PURE__ */ __name(function() {
+      const { didMount = noop$4, className } = this.props;
+      didMount({ className });
+    }, "componentDidMount"),
+    componentWillUnmount: /* @__PURE__ */ __name(function() {
+      const { willUnmount = noop$4, className } = this.props;
+      willUnmount({ className });
+    }, "componentWillUnmount")
+  }),
+  branch(({ navTo }) => navTo, withRouter)
+)(function(_I) {
+  var _J = _I, {
+    navTo,
+    context: context2,
+    staticContext,
+    didMount,
+    willUnmount
+  } = _J, props = __objRest(_J, [
+    "navTo",
+    "context",
+    "staticContext",
+    "didMount",
+    "willUnmount"
+  ]);
+  let MenuItemComp = MenuItem;
+  if (navTo) {
+    MenuItemComp = MenuItemLink;
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    MenuItemComp,
+    __spreadProps(__spreadValues(__spreadValues({
+      popoverProps: {
+        autoFocus: false
+      }
+    }, navTo && { navTo }), props), {
+      onClick: props.onClick ? (...args) => {
+        return props.onClick(...args, context2);
+      } : void 0
+    })
+  );
+});
+function fnu(...args) {
+  return args.find((v2) => v2 !== void 0);
+}
+__name(fnu, "fnu");
+const tickMenuEnhancer = /* @__PURE__ */ __name((def) => {
+  const out = __spreadValues({}, def);
+  if (out.checked !== void 0) {
+    out.icon = out.checked ? "small-tick" : "blank";
+  }
+  return out;
+}, "tickMenuEnhancer");
+const commandMenuEnhancer = /* @__PURE__ */ __name((commands, config = {}) => (def, context2) => {
+  const cmdId = typeof def === "string" ? def : def.cmd;
+  let item = typeof def === "string" ? { cmd: def } : __spreadValues({}, def);
+  const useTicks = fnu(item.useTicks, config.useTicks);
+  delete item.useTicks;
+  if (cmdId && commands[cmdId] && def.divider === void 0) {
+    const command = commands[cmdId];
+    const { isActive, isDisabled, isHidden } = command;
+    const toggles = isActive !== void 0;
+    item.hidden = fnu(item.hidden, isHidden);
+    item.disabled = fnu(item.disabled, isDisabled);
+    item.key = item.key || cmdId;
+    item.submenu = item.submenu || command.submenu;
+    item.component = item.component || command.component;
+    if (toggles) {
+      if (useTicks) {
+        item.text = item.text || command.shortName || command.name;
+        item.checked = item.checked || isActive;
+      } else {
+        item.text = item.text || (isActive ? command.name : command.inactiveName || command.name);
+        item.icon = item.icon || (isActive ? command.icon : command.inactiveIcon || command.icon);
+      }
+    } else {
+      item.text = item.text || command.name;
+      item.icon = item.icon || command.icon;
+    }
+    item.hotkey = item.hotkey || command.hotkey;
+    if (!item.onClick) {
+      item.onClick = (event) => command.execute({
+        event,
+        context: context2,
+        menuItem: item,
+        viaMenu: true
+      });
+    }
+  } else if (cmdId && !commands[cmdId]) {
+    item.text = item.text || startCase(cmdId);
+    item.disabled = true;
+  }
+  if (config.omitIcons) {
+    item.icon = void 0;
+  }
+  if (config.forceIconAlignment !== false) {
+    item.icon = item.icon || "blank";
+  }
+  if (useTicks) {
+    item = tickMenuEnhancer(item);
+  }
+  return item;
+}, "commandMenuEnhancer");
+const ident = /* @__PURE__ */ __name((x2) => x2, "ident");
+const dividerShorthandEnhancer = /* @__PURE__ */ __name((def) => typeof def === "string" && def.startsWith("--") ? { divider: def.substr(2) } : def, "dividerShorthandEnhancer");
+const unwantedAttrs = [
+  "isSimpleText",
+  "justText",
+  "submenu",
+  "component",
+  "hotkey",
+  "changingProps",
+  "showInSearchMenu",
+  "hideFromMenuSearch"
+];
+const DynamicMenuItem = /* @__PURE__ */ __name(({
+  def,
+  enhancers = [ident],
+  context: context2,
+  doNotEnhanceTopLevelItem
+}) => {
+  if (React__default.isValidElement(def)) return def;
+  const item = [
+    dividerShorthandEnhancer,
+    ...doNotEnhanceTopLevelItem ? [ident] : enhancers
+  ].reduce((v2, f2) => f2(v2, context2), def);
+  let out;
+  if (item.divider !== void 0) {
+    out = /* @__PURE__ */ React__default.createElement(
+      MenuDivider,
+      __spreadValues({}, item.divider ? { title: item.divider, className: item.className } : {})
+    );
+  } else {
+    const ItemComponent = item.component || EnhancedMenuItem;
+    out = /* @__PURE__ */ React__default.createElement(
+      ItemComponent,
+      __spreadProps(__spreadValues({}, omit(item, unwantedAttrs)), {
+        context: context2,
+        icon: item.icon || item.iconName,
+        labelElement: item.hotkey && /* @__PURE__ */ React__default.createElement(KeyCombo, { minimal: true, combo: item.hotkey }),
+        text: item.text
+      }),
+      item.submenu ? item.submenu.filter(ident).map((def2, index2) => /* @__PURE__ */ React__default.createElement(DynamicMenuItem, __spreadValues({ key: index2 }, { def: def2, enhancers, context: context2 }))) : void 0
+    );
+  }
+  if (item.disabled && typeof item.disabled === "string") {
+    item.tooltip = item.disabled;
+  }
+  if (item.tooltip) {
+    out = /* @__PURE__ */ React__default.createElement(Tooltip, { content: item.tooltip }, out);
+  }
+  return item.hidden ? null : out;
+}, "DynamicMenuItem");
+const createDynamicMenu = /* @__PURE__ */ __name((menuDef, enhancers, context2) => {
+  if (menuDef instanceof Array) {
+    return menuDef.map((def, index2) => /* @__PURE__ */ React__default.createElement(DynamicMenuItem, __spreadValues({ key: index2 }, { def, enhancers, context: context2 })));
+  } else {
+    return /* @__PURE__ */ React__default.createElement(DynamicMenuItem, __spreadValues({}, { def: menuDef, enhancers, context: context2 }));
+  }
+}, "createDynamicMenu");
+const createDynamicBarMenu = /* @__PURE__ */ __name((topMenuDef, enhancers, context2) => {
+  return topMenuDef.map((topLevelItem) => {
+    const def = __spreadValues({}, topLevelItem);
+    if (def.submenu) {
+      def.submenu = def.submenu.map((subdef, index2) => /* @__PURE__ */ React__default.createElement(DynamicMenuItem, __spreadValues({ key: index2, def: subdef }, { enhancers, context: context2 })));
+    }
+    return def;
+  });
+}, "createDynamicBarMenu");
+const createCommandMenu = /* @__PURE__ */ __name((menuDef, commands, config, context2) => {
+  return createDynamicMenu(
+    menuDef,
+    [commandMenuEnhancer(commands, config)],
+    context2
+  );
+}, "createCommandMenu");
+const createCommandBarMenu = /* @__PURE__ */ __name((menuDef, commands, config, context2) => {
+  return createDynamicBarMenu(
+    menuDef,
+    [commandMenuEnhancer(commands, config)],
+    context2
+  );
+}, "createCommandBarMenu");
+function showCommandContextMenu(menuDef, commands, config, event, onClose, context2) {
+  return showContextMenu(
+    menuDef,
+    [commandMenuEnhancer(commands, config)],
+    event,
+    onClose,
+    context2
+  );
+}
+__name(showCommandContextMenu, "showCommandContextMenu");
+const createMenu = createDynamicMenu;
+function showContextMenu(menuDef, enhancers, event, onClose, context2, menuComp = Menu) {
+  menuDef = filterMenuForCorrectness(menuDef);
+  if (!menuDef) return;
+  const MenuComponent = menuComp;
+  event.persist && event.persist();
+  ContextMenu.show(
+    /* @__PURE__ */ React__default.createElement(MenuComponent, null, createDynamicMenu(menuDef, enhancers, context2)),
+    { left: event.clientX, top: event.clientY },
+    onClose
+  );
+  event.stopPropagation && event.stopPropagation();
+  event.preventDefault && event.preventDefault();
+}
+__name(showContextMenu, "showContextMenu");
+function filterMenuForCorrectness(menuDef) {
+  return menuDef && menuDef.length && menuDef.filter(ident);
+}
+__name(filterMenuForCorrectness, "filterMenuForCorrectness");
+function getStringFromReactComponent(comp) {
+  var _a;
+  if (!comp) return "";
+  if (isString$1(comp) || isNumber$1(comp)) return comp;
+  if ((_a = comp.props) == null ? void 0 : _a.text) {
+    return getStringFromReactComponent(comp.props.text);
+  }
+  const { children } = comp.props || {};
+  if (!children) return "";
+  if (isArray$2(children))
+    return flatMap(children, getStringFromReactComponent).join("");
+  if (isString$1(children)) return children;
+  if (children.props) {
+    return getStringFromReactComponent(children.props);
+  }
+}
+__name(getStringFromReactComponent, "getStringFromReactComponent");
+function doesSearchValMatchText(searchVal, justText) {
+  return fuzzysearch(
+    searchVal ? searchVal.toLowerCase() : "",
+    justText ? justText.toLowerCase() : ""
+  );
+}
+__name(doesSearchValMatchText, "doesSearchValMatchText");
+const MenuItemWithTooltip = /* @__PURE__ */ __name((_K) => {
+  var _L = _K, { tooltip } = _L, rest = __objRest(_L, ["tooltip"]);
+  let out = /* @__PURE__ */ React__default.createElement(MenuItem, __spreadValues({}, rest));
+  if (tooltip) {
+    out = /* @__PURE__ */ React__default.createElement(Tooltip, { content: tooltip }, out);
+  }
+  return out;
+}, "MenuItemWithTooltip");
 dayjs.extend(localizedFormat);
 const RenderColumnHeader = /* @__PURE__ */ __name(({
   recordIdToIsVisibleMap,
@@ -51352,8 +51657,13 @@ const RenderColumnHeader = /* @__PURE__ */ __name(({
   entities,
   extraCompact,
   filters,
+  resetDefaultVisibility,
+  onlyOneVisibleColumn,
   formName,
   isCellEditable,
+  updateColumnVisibility,
+  schema,
+  withDisplayOptions,
   isLocalCall,
   order: order2,
   removeSingleFilter,
@@ -51449,6 +51759,55 @@ const RenderColumnHeader = /* @__PURE__ */ __name(({
           <strong>${columnTitle}:</strong> <br>
           ${description} ${isUnique ? "<br>Must be unique" : ""}</div>`
     }), {
+      onContextMenu: /* @__PURE__ */ __name((e) => {
+        if (!withDisplayOptions) {
+          return;
+        }
+        e.preventDefault();
+        e.persist();
+        showContextMenu(
+          [
+            {
+              text: "Hide Column",
+              disabled: onlyOneVisibleColumn,
+              icon: "eye-off",
+              onClick: /* @__PURE__ */ __name(() => {
+                updateColumnVisibility({
+                  shouldShow: false,
+                  path: path2
+                });
+              }, "onClick")
+            },
+            {
+              text: "Hide Other Columns",
+              icon: "eye-off",
+              onClick: /* @__PURE__ */ __name(() => {
+                updateColumnVisibility({
+                  shouldShow: false,
+                  paths: schema.fields.map((c2) => c2.path).filter(Boolean).filter((p2) => p2 !== path2)
+                });
+              }, "onClick")
+            },
+            {
+              text: "Reset Column Visibilities",
+              icon: "reset",
+              onClick: /* @__PURE__ */ __name(() => {
+                resetDefaultVisibility();
+              }, "onClick")
+            },
+            {
+              text: "Table Display Options",
+              icon: "cog",
+              onClick: /* @__PURE__ */ __name(() => {
+                var _a, _b;
+                (_b = (_a = e.target.closest(".data-table-container")) == null ? void 0 : _a.querySelector(".tg-table-display-options")) == null ? void 0 : _b.click();
+              }, "onClick")
+            }
+          ],
+          void 0,
+          e
+        );
+      }, "onContextMenu"),
       "data-test": columnTitleTextified,
       "data-path": path2,
       "data-copy-text": columnTitleTextified,
@@ -51620,6 +51979,7 @@ const useColumns = /* @__PURE__ */ __name(({
   addFilters,
   cellRenderer,
   columns,
+  resetDefaultVisibility,
   currentParams,
   compact,
   editingCell,
@@ -51654,6 +52014,7 @@ const useColumns = /* @__PURE__ */ __name(({
   selectedCells,
   setExpandedEntityIdMap,
   setNewParams,
+  updateColumnVisibility,
   setOrder = noop$4,
   setSelectedCells,
   shouldShowSubComponent,
@@ -51667,7 +52028,8 @@ const useColumns = /* @__PURE__ */ __name(({
   withFilter: _withFilter,
   withSort = true,
   recordIdToIsVisibleMap,
-  setRecordIdToIsVisibleMap
+  setRecordIdToIsVisibleMap,
+  withDisplayOptions
 }) => {
   const dispatch = useDispatch();
   const change$1 = useCallback(
@@ -52085,15 +52447,20 @@ const useColumns = /* @__PURE__ */ __name(({
   const tableColumns = columns.map((column) => {
     const tableColumn = __spreadProps(__spreadValues({}, column), {
       Header: RenderColumnHeader({
+        onlyOneVisibleColumn: columns.length === 1,
         recordIdToIsVisibleMap,
         setRecordIdToIsVisibleMap,
         column,
+        withDisplayOptions,
         isLocalCall,
         filters,
         currentParams,
         order: order2,
+        resetDefaultVisibility,
         setOrder,
         withSort,
+        schema,
+        updateColumnVisibility,
         formName,
         extraCompact,
         withFilter,
@@ -56286,11 +56653,12 @@ const itemSizeEstimators = {
   normal: /* @__PURE__ */ __name(() => 33.34, "normal"),
   comfortable: /* @__PURE__ */ __name(() => 41.34, "comfortable")
 };
-const DataTable = /* @__PURE__ */ __name((_I) => {
-  var _J = _I, {
+const DataTable = /* @__PURE__ */ __name((_M) => {
+  var _N = _M, {
     controlled_pageSize,
     formName = "tgDataTable",
     history,
+    doNotSearchHiddenColumns,
     isSimple,
     isLocalCall = true,
     isTableParamsConnected,
@@ -56301,10 +56669,11 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     tableParams: _tableParams,
     anyTouched,
     blur
-  } = _J, ownProps = __objRest(_J, [
+  } = _N, ownProps = __objRest(_N, [
     "controlled_pageSize",
     "formName",
     "history",
+    "doNotSearchHiddenColumns",
     "isSimple",
     "isLocalCall",
     "isTableParamsConnected",
@@ -56618,7 +56987,8 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     withSelectAll,
     withSort,
     withTitle = !isSimple,
-    noExcessiveCheck
+    noExcessiveCheck,
+    isEntityCountLoading
   } = props;
   const _entities = useMemo(
     () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
@@ -56642,7 +57012,25 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     entities,
     formName
   ]);
-  const [tableConfig, setTableConfig] = useState({ fieldOptions: [] });
+  const [tableConfig, _setTableConfig] = useState({ fieldOptions: [] });
+  const setTableConfig = useCallback(
+    (newConfig) => {
+      _setTableConfig((prev) => {
+        let newConfigVal = newConfig;
+        if (typeof newConfig === "function") {
+          newConfigVal = newConfig(prev);
+        }
+        if (!isEqual(prev.fieldOptions, newConfigVal.fieldOptions)) {
+          change$1(
+            "reduxFormReadOnlyFieldOptions",
+            newConfigVal.fieldOptions || []
+          );
+        }
+        return newConfigVal;
+      });
+    },
+    [change$1]
+  );
   useEffect(() => {
     if (withDisplayOptions) {
       let newTableConfig = {};
@@ -56759,6 +57147,7 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     convertedSchema,
     currentParams,
     entities,
+    setTableConfig,
     history,
     isInfinite,
     isOpenable,
@@ -56864,6 +57253,7 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     (_a = currentUser == null ? void 0 : currentUser.user) == null ? void 0 : _a.id,
     deleteTableConfiguration,
     formName,
+    setTableConfig,
     schema.fields,
     syncDisplayOptionsToDb,
     tableConfig,
@@ -58500,13 +58890,23 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
       _selectedAndTotalMessage += `/ `;
     }
     if (showCount) {
-      _selectedAndTotalMessage += `${entityCount || 0} Total`;
+      if (isEntityCountLoading && entityCount < 1) {
+        _selectedAndTotalMessage += `Loading...`;
+      } else {
+        _selectedAndTotalMessage += `${entityCount || 0} Total`;
+      }
     }
     if (_selectedAndTotalMessage) {
       _selectedAndTotalMessage = /* @__PURE__ */ React__default.createElement("div", null, _selectedAndTotalMessage);
     }
     return _selectedAndTotalMessage;
-  }, [entityCount, selectedRowCount, showCount, showNumSelected]);
+  }, [
+    entityCount,
+    selectedRowCount,
+    showCount,
+    showNumSelected,
+    isEntityCountLoading
+  ]);
   const shouldShowPaging = !isInfinite && withPaging && (hidePageSizeWhenPossible ? entityCount > pageSize : true);
   const SubComponentToUse = useMemo(() => {
     if (SubComponent) {
@@ -58578,6 +58978,8 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     columns,
     currentParams,
     compact,
+    withDisplayOptions,
+    resetDefaultVisibility,
     editingCellSelectAll,
     entities,
     expandedEntityIdMap,
@@ -58615,6 +59017,7 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     startCellEdit,
     SubComponent,
     tableRef,
+    updateColumnVisibility,
     updateEntitiesHelper,
     updateValidation,
     withCheckboxes,
@@ -58652,7 +59055,7 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
         expanded: expandedRows,
         showPagination: false,
         sortable: false,
-        loading: isLoading || disabled,
+        loading: disabled,
         defaultResized: resized,
         onResizedChange: /* @__PURE__ */ __name((newResized = []) => {
           const resizedToUse = newResized.map((column) => {
@@ -58670,7 +59073,7 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
         ThComponent: ThComponent2,
         getTrGroupProps: getTableRowProps,
         getTdProps: getTableCellProps,
-        NoDataComponent: /* @__PURE__ */ __name(({ children: children2 }) => isLoading ? null : /* @__PURE__ */ React__default.createElement("div", { className: "rt-noData" }, noRowsFoundMessage || children2), "NoDataComponent"),
+        NoDataComponent: /* @__PURE__ */ __name(({ children: children2 }) => isLoading ? /* @__PURE__ */ React__default.createElement("div", { className: "rt-noData" }, "Loading...") : /* @__PURE__ */ React__default.createElement("div", { className: "rt-noData" }, noRowsFoundMessage || children2), "NoDataComponent"),
         LoadingComponent: /* @__PURE__ */ __name(({ loadingText, loading }) => /* @__PURE__ */ React__default.createElement(
           DisabledLoadingComponent,
           {
@@ -59017,6 +59420,7 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
           /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", flexWrap: "wrap" } }, additionalFooterButtons, !noFullscreenButton && toggleFullscreenButton, withDisplayOptions && /* @__PURE__ */ React__default.createElement(
             DisplayOptions,
             {
+              doNotSearchHiddenColumns,
               compact,
               extraCompact,
               disabled,
@@ -71810,8 +72214,8 @@ function AdvancedOptions({
   ), isOpen && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 10 } }, content2 || children));
 }
 __name(AdvancedOptions, "AdvancedOptions");
-const TgHTMLSelect = /* @__PURE__ */ __name((_K) => {
-  var _L = _K, { disabled } = _L, rest = __objRest(_L, ["disabled"]);
+const TgHTMLSelect = /* @__PURE__ */ __name((_O) => {
+  var _P = _O, { disabled } = _P, rest = __objRest(_P, ["disabled"]);
   if (disabled) {
     const opt = rest.options.find((o2) => o2.value === rest.value);
     return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames("bp3-html-select", rest.className) }), opt.label);
@@ -71847,14 +72251,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(_M) {
-  var _N = _M, {
+function DropdownButton(_Q) {
+  var _R = _Q, {
     disabled,
     menu,
     noRightIcon,
     popoverProps,
     className
-  } = _N, rest = __objRest(_N, [
+  } = _R, rest = __objRest(_R, [
     "disabled",
     "menu",
     "noRightIcon",
@@ -71972,7 +72376,34 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
     }, _defaults),
     [_defaults, controlled_pageSize]
   );
-  const convertedSchema = useMemo(() => convertSchema(schema), [schema]);
+  const formValueStateSelector = /* @__PURE__ */ __name((state) => formValueSelector(formName)(
+    state,
+    "reduxFormQueryParams",
+    "reduxFormSelectedEntityIdMap",
+    "reduxFormReadOnlyFieldOptions"
+  ), "formValueStateSelector");
+  const {
+    reduxFormQueryParams: _reduxFormQueryParams = {},
+    reduxFormSelectedEntityIdMap: _reduxFormSelectedEntityIdMap = {},
+    reduxFormReadOnlyFieldOptions
+  } = useSelector(formValueStateSelector);
+  const convertedSchema = useMemo(() => {
+    const pathToHiddenMap = {};
+    reduxFormReadOnlyFieldOptions == null ? void 0 : reduxFormReadOnlyFieldOptions.forEach(({ path: path2, isHidden }) => {
+      if (path2) pathToHiddenMap[path2] = isHidden;
+    });
+    const s2 = convertSchema(schema);
+    s2.fields = s2.fields.map((f2) => {
+      const isHidden = pathToHiddenMap[f2.path];
+      if (pathToHiddenMap[f2.path] !== void 0) {
+        return __spreadProps(__spreadValues({}, f2), {
+          isHidden
+        });
+      }
+      return f2;
+    });
+    return s2;
+  }, [schema, reduxFormReadOnlyFieldOptions]);
   if (isLocalCall) {
     if (!noForm && (!formName || formName === "tgDataTable")) {
       console.error(
@@ -71991,15 +72422,6 @@ const useTableParams = /* @__PURE__ */ __name((props) => {
       );
     }
   }
-  const formValueStateSelector = /* @__PURE__ */ __name((state) => formValueSelector(formName)(
-    state,
-    "reduxFormQueryParams",
-    "reduxFormSelectedEntityIdMap"
-  ), "formValueStateSelector");
-  const {
-    reduxFormQueryParams: _reduxFormQueryParams = {},
-    reduxFormSelectedEntityIdMap: _reduxFormSelectedEntityIdMap = {}
-  } = useSelector(formValueStateSelector);
   const reduxFormQueryParams = useDeepEqualMemo(_reduxFormQueryParams);
   const reduxFormSelectedEntityIdMap = useDeepEqualMemo(
     _reduxFormSelectedEntityIdMap
@@ -72156,6 +72578,7 @@ function CollapsibleCard({
   className,
   style,
   children,
+  helperText: helperText2,
   initialClosed = false,
   toggle,
   isOpen
@@ -72189,7 +72612,7 @@ function CollapsibleCard({
         }
       },
       title
-    ), /* @__PURE__ */ React__default.createElement("div", null, open2 && openTitleElements)), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
+    ), helperText2 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(InfoHelper, { children: helperText2 }), "  "), open2 && /* @__PURE__ */ React__default.createElement("div", null, " ", openTitleElements)), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
       Button,
       {
         icon: open2 ? "minimize" : "maximize",
@@ -75454,273 +75877,6 @@ const _ResizableDraggableDialog = class _ResizableDraggableDialog extends React_
 };
 __name(_ResizableDraggableDialog, "ResizableDraggableDialog");
 let ResizableDraggableDialog = _ResizableDraggableDialog;
-function MenuItemLink({ text: text2, onClick, icon, navTo, active: active2, disabled }) {
-  if (disabled) {
-    return /* @__PURE__ */ React__default.createElement("li", { className: Classes.POPOVER_DISMISS }, /* @__PURE__ */ React__default.createElement(MenuItem, { icon, disabled: true, text: text2 }));
-  }
-  const handleLinkClick = /* @__PURE__ */ __name((e) => {
-    e.target.closest(`.${Classes.POPOVER_DISMISS}`).click();
-  }, "handleLinkClick");
-  return /* @__PURE__ */ React__default.createElement("li", { className: Classes.POPOVER_DISMISS, onClick }, /* @__PURE__ */ React__default.createElement(
-    Link,
-    {
-      onClick: handleLinkClick,
-      to: navTo,
-      className: classNames(Classes.MENU_ITEM, {
-        [Classes.ACTIVE]: active2,
-        [Classes.INTENT_PRIMARY]: active2
-      })
-    },
-    icon && /* @__PURE__ */ React__default.createElement(Icon, { icon }),
-    /* @__PURE__ */ React__default.createElement("div", { className: "bp3-text-overflow-ellipsis bp3-fill" }, text2)
-  ));
-}
-__name(MenuItemLink, "MenuItemLink");
-const EnhancedMenuItem = compose(
-  lifecycle({
-    componentDidMount: /* @__PURE__ */ __name(function() {
-      const { didMount = noop$4, className } = this.props;
-      didMount({ className });
-    }, "componentDidMount"),
-    componentWillUnmount: /* @__PURE__ */ __name(function() {
-      const { willUnmount = noop$4, className } = this.props;
-      willUnmount({ className });
-    }, "componentWillUnmount")
-  }),
-  branch(({ navTo }) => navTo, withRouter)
-)(function(_O) {
-  var _P = _O, {
-    navTo,
-    context: context2,
-    staticContext,
-    didMount,
-    willUnmount
-  } = _P, props = __objRest(_P, [
-    "navTo",
-    "context",
-    "staticContext",
-    "didMount",
-    "willUnmount"
-  ]);
-  let MenuItemComp = MenuItem;
-  if (navTo) {
-    MenuItemComp = MenuItemLink;
-  }
-  return /* @__PURE__ */ React__default.createElement(
-    MenuItemComp,
-    __spreadProps(__spreadValues(__spreadValues({
-      popoverProps: {
-        autoFocus: false
-      }
-    }, navTo && { navTo }), props), {
-      onClick: props.onClick ? (...args) => {
-        return props.onClick(...args, context2);
-      } : void 0
-    })
-  );
-});
-function fnu(...args) {
-  return args.find((v2) => v2 !== void 0);
-}
-__name(fnu, "fnu");
-const tickMenuEnhancer = /* @__PURE__ */ __name((def) => {
-  const out = __spreadValues({}, def);
-  if (out.checked !== void 0) {
-    out.icon = out.checked ? "small-tick" : "blank";
-  }
-  return out;
-}, "tickMenuEnhancer");
-const commandMenuEnhancer = /* @__PURE__ */ __name((commands, config = {}) => (def, context2) => {
-  const cmdId = typeof def === "string" ? def : def.cmd;
-  let item = typeof def === "string" ? { cmd: def } : __spreadValues({}, def);
-  const useTicks = fnu(item.useTicks, config.useTicks);
-  delete item.useTicks;
-  if (cmdId && commands[cmdId] && def.divider === void 0) {
-    const command = commands[cmdId];
-    const { isActive, isDisabled, isHidden } = command;
-    const toggles = isActive !== void 0;
-    item.hidden = fnu(item.hidden, isHidden);
-    item.disabled = fnu(item.disabled, isDisabled);
-    item.key = item.key || cmdId;
-    item.submenu = item.submenu || command.submenu;
-    item.component = item.component || command.component;
-    if (toggles) {
-      if (useTicks) {
-        item.text = item.text || command.shortName || command.name;
-        item.checked = item.checked || isActive;
-      } else {
-        item.text = item.text || (isActive ? command.name : command.inactiveName || command.name);
-        item.icon = item.icon || (isActive ? command.icon : command.inactiveIcon || command.icon);
-      }
-    } else {
-      item.text = item.text || command.name;
-      item.icon = item.icon || command.icon;
-    }
-    item.hotkey = item.hotkey || command.hotkey;
-    if (!item.onClick) {
-      item.onClick = (event) => command.execute({
-        event,
-        context: context2,
-        menuItem: item,
-        viaMenu: true
-      });
-    }
-  } else if (cmdId && !commands[cmdId]) {
-    item.text = item.text || startCase(cmdId);
-    item.disabled = true;
-  }
-  if (config.omitIcons) {
-    item.icon = void 0;
-  }
-  if (config.forceIconAlignment !== false) {
-    item.icon = item.icon || "blank";
-  }
-  if (useTicks) {
-    item = tickMenuEnhancer(item);
-  }
-  return item;
-}, "commandMenuEnhancer");
-const ident = /* @__PURE__ */ __name((x2) => x2, "ident");
-const dividerShorthandEnhancer = /* @__PURE__ */ __name((def) => typeof def === "string" && def.startsWith("--") ? { divider: def.substr(2) } : def, "dividerShorthandEnhancer");
-const unwantedAttrs = [
-  "isSimpleText",
-  "justText",
-  "submenu",
-  "component",
-  "hotkey",
-  "changingProps",
-  "showInSearchMenu",
-  "hideFromMenuSearch"
-];
-const DynamicMenuItem = /* @__PURE__ */ __name(({
-  def,
-  enhancers = [ident],
-  context: context2,
-  doNotEnhanceTopLevelItem
-}) => {
-  if (React__default.isValidElement(def)) return def;
-  const item = [
-    dividerShorthandEnhancer,
-    ...doNotEnhanceTopLevelItem ? [ident] : enhancers
-  ].reduce((v2, f2) => f2(v2, context2), def);
-  let out;
-  if (item.divider !== void 0) {
-    out = /* @__PURE__ */ React__default.createElement(
-      MenuDivider,
-      __spreadValues({}, item.divider ? { title: item.divider, className: item.className } : {})
-    );
-  } else {
-    const ItemComponent = item.component || EnhancedMenuItem;
-    out = /* @__PURE__ */ React__default.createElement(
-      ItemComponent,
-      __spreadProps(__spreadValues({}, omit(item, unwantedAttrs)), {
-        context: context2,
-        icon: item.icon || item.iconName,
-        labelElement: item.hotkey && /* @__PURE__ */ React__default.createElement(KeyCombo, { minimal: true, combo: item.hotkey }),
-        text: item.text
-      }),
-      item.submenu ? item.submenu.filter(ident).map((def2, index2) => /* @__PURE__ */ React__default.createElement(DynamicMenuItem, __spreadValues({ key: index2 }, { def: def2, enhancers, context: context2 }))) : void 0
-    );
-  }
-  if (item.disabled && typeof item.disabled === "string") {
-    item.tooltip = item.disabled;
-  }
-  if (item.tooltip) {
-    out = /* @__PURE__ */ React__default.createElement(Tooltip, { content: item.tooltip }, out);
-  }
-  return item.hidden ? null : out;
-}, "DynamicMenuItem");
-const createDynamicMenu = /* @__PURE__ */ __name((menuDef, enhancers, context2) => {
-  if (menuDef instanceof Array) {
-    return menuDef.map((def, index2) => /* @__PURE__ */ React__default.createElement(DynamicMenuItem, __spreadValues({ key: index2 }, { def, enhancers, context: context2 })));
-  } else {
-    return /* @__PURE__ */ React__default.createElement(DynamicMenuItem, __spreadValues({}, { def: menuDef, enhancers, context: context2 }));
-  }
-}, "createDynamicMenu");
-const createDynamicBarMenu = /* @__PURE__ */ __name((topMenuDef, enhancers, context2) => {
-  return topMenuDef.map((topLevelItem) => {
-    const def = __spreadValues({}, topLevelItem);
-    if (def.submenu) {
-      def.submenu = def.submenu.map((subdef, index2) => /* @__PURE__ */ React__default.createElement(DynamicMenuItem, __spreadValues({ key: index2, def: subdef }, { enhancers, context: context2 })));
-    }
-    return def;
-  });
-}, "createDynamicBarMenu");
-const createCommandMenu = /* @__PURE__ */ __name((menuDef, commands, config, context2) => {
-  return createDynamicMenu(
-    menuDef,
-    [commandMenuEnhancer(commands, config)],
-    context2
-  );
-}, "createCommandMenu");
-const createCommandBarMenu = /* @__PURE__ */ __name((menuDef, commands, config, context2) => {
-  return createDynamicBarMenu(
-    menuDef,
-    [commandMenuEnhancer(commands, config)],
-    context2
-  );
-}, "createCommandBarMenu");
-function showCommandContextMenu(menuDef, commands, config, event, onClose, context2) {
-  return showContextMenu(
-    menuDef,
-    [commandMenuEnhancer(commands, config)],
-    event,
-    onClose,
-    context2
-  );
-}
-__name(showCommandContextMenu, "showCommandContextMenu");
-const createMenu = createDynamicMenu;
-function showContextMenu(menuDef, enhancers, event, onClose, context2, menuComp = Menu) {
-  menuDef = filterMenuForCorrectness(menuDef);
-  if (!menuDef) return;
-  const MenuComponent = menuComp;
-  event.persist && event.persist();
-  ContextMenu.show(
-    /* @__PURE__ */ React__default.createElement(MenuComponent, null, createDynamicMenu(menuDef, enhancers, context2)),
-    { left: event.clientX, top: event.clientY },
-    onClose
-  );
-  event.stopPropagation && event.stopPropagation();
-  event.preventDefault && event.preventDefault();
-}
-__name(showContextMenu, "showContextMenu");
-function filterMenuForCorrectness(menuDef) {
-  return menuDef && menuDef.length && menuDef.filter(ident);
-}
-__name(filterMenuForCorrectness, "filterMenuForCorrectness");
-function getStringFromReactComponent(comp) {
-  var _a;
-  if (!comp) return "";
-  if (isString$1(comp) || isNumber$1(comp)) return comp;
-  if ((_a = comp.props) == null ? void 0 : _a.text) {
-    return getStringFromReactComponent(comp.props.text);
-  }
-  const { children } = comp.props || {};
-  if (!children) return "";
-  if (isArray$2(children))
-    return flatMap(children, getStringFromReactComponent).join("");
-  if (isString$1(children)) return children;
-  if (children.props) {
-    return getStringFromReactComponent(children.props);
-  }
-}
-__name(getStringFromReactComponent, "getStringFromReactComponent");
-function doesSearchValMatchText(searchVal, justText) {
-  return fuzzysearch(
-    searchVal ? searchVal.toLowerCase() : "",
-    justText ? justText.toLowerCase() : ""
-  );
-}
-__name(doesSearchValMatchText, "doesSearchValMatchText");
-const MenuItemWithTooltip = /* @__PURE__ */ __name((_Q) => {
-  var _R = _Q, { tooltip } = _R, rest = __objRest(_R, ["tooltip"]);
-  let out = /* @__PURE__ */ React__default.createElement(MenuItem, __spreadValues({}, rest));
-  if (tooltip) {
-    out = /* @__PURE__ */ React__default.createElement(Tooltip, { content: tooltip }, out);
-  }
-  return out;
-}, "MenuItemWithTooltip");
 function comboToLabel(def, useSymbols = true) {
   const combo = typeof def === "string" ? def : def.combo;
   if (useSymbols) {
@@ -78148,6 +78304,7 @@ export {
   DateInputField,
   DateRangeInputField,
   DialogFooter,
+  DividerWithText,
   DropdownButton,
   DynamicMenuItem,
   EditableTextField,