@aivenio/aquarium 1.13.0-rc1 → 1.13.0

package/dist/system.cjs

@@ -1661,6 +1661,7 @@ __export(system_exports, {
   calcTopPosition: () => calcTopPosition,
   calcTopRightPosition: () => calcTopRightPosition,
   cellProps: () => cellProps,
+  columnIsFieldColumn: () => columnIsFieldColumn,
   createComponent: () => createComponent,
   createMountPointElement: () => createMountPointElement,
   createSimpleComponent: () => createSimpleComponent,
@@ -1787,6 +1788,7 @@ __export(molecules_exports, {
   asPopoverButton: () => asPopoverButton,
   asTabItem: () => asTabItem,
   cellProps: () => cellProps,
+  columnIsFieldColumn: () => columnIsFieldColumn,
   createTabsComponent: () => createTabsComponent,
   toSortDirection: () => toSortDirection,
   usePagination: () => usePagination,
@@ -5100,6 +5102,7 @@ var Wrapper = import_react45.default.forwardRef(
       style = {},
       placement = "bottom-left",
       role,
+      focusable = true,
       isNonModal = false,
       autoFocus,
       containFocus,
@@ -5112,6 +5115,7 @@ var Wrapper = import_react45.default.forwardRef(
       "style",
       "placement",
       "role",
+      "focusable",
       "isNonModal",
       "autoFocus",
       "containFocus",
@@ -5135,7 +5139,7 @@ var Wrapper = import_react45.default.forwardRef(
     );
     return /* @__PURE__ */ import_react45.default.createElement("div", null, !isNonModal && /* @__PURE__ */ import_react45.default.createElement(Popover.Underlay, __spreadValues({}, underlayProps)), /* @__PURE__ */ import_react45.default.createElement(Popover.Panel, __spreadProps(__spreadValues({
       ref: popoverRef,
-      tabIndex: 0,
+      tabIndex: focusable ? 0 : -1,
       role: role != null ? role : "presentation"
     }, popoverProps), {
       id: id != null ? id : popoverProps.id,
@@ -5348,7 +5352,6 @@ var Container2 = ({ maxWidth = "xl", children }) => /* @__PURE__ */ import_react
 
 // src/molecules/DataList/DataList.tsx
 var import_react53 = __toESM(require("react"));
-var import_orderBy2 = __toESM(require("lodash/orderBy"));
 
 // src/molecules/Template/Template.tsx
 var import_react48 = __toESM(require("react"));
@@ -5609,29 +5612,49 @@ var cellProps = (column) => ({
   key: column.key || column.headerName,
   align: column.type === "number" || column.type === "action" ? "right" : "left"
 });
+var columnIsFieldColumn = (column) => Boolean(column && column.field);
 
 // src/utils/table/useTableSort.tsx
 var import_react52 = __toESM(require("react"));
 var useTableSort = () => {
   const [sort, setSort] = import_react52.default.useState();
-  const handleSortClick = (field) => {
-    if ((sort == null ? void 0 : sort.key) === field) {
+  const handleSortClick = (column) => {
+    if (sort && sort.column.headerName === column.headerName) {
       if (sort.direction === "ascending") {
-        setSort({ key: field, direction: "descending" });
+        setSort({ column, direction: "descending" });
       } else {
         setSort(void 0);
       }
     } else {
-      setSort({ key: field, direction: "ascending" });
+      setSort({ column, direction: "ascending" });
     }
   };
   return [sort, handleSortClick];
 };
 
+// src/utils/table/utils.ts
+var import_orderBy2 = __toESM(require("lodash/orderBy"));
+var sortRowsBy = (rows, sort) => {
+  if (!sort) {
+    return rows;
+  }
+  const sortFunction = sort.column.sort;
+  if (sortFunction) {
+    return [...rows].sort((a, b) => sortFunction(a, b, sort.direction));
+  } else if (columnIsFieldColumn(sort.column)) {
+    return (0, import_orderBy2.default)(rows, [sort.column.field], [toSortDirection(sort.direction)]);
+  }
+  return rows;
+};
+
 // src/molecules/DataList/DataList.tsx
-var DataList2 = ({ columns, rows, sticky }) => {
+var DataList2 = ({
+  columns,
+  rows,
+  sticky
+}) => {
   const [sort, updateSort] = useTableSort();
-  const sortedRows = (0, import_orderBy2.default)(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
+  const sortedRows = sortRowsBy(rows, sort);
   const templateColumns = columns.map((column) => {
     var _a;
     return (_a = column.width) != null ? _a : "auto";
@@ -5639,9 +5662,9 @@ var DataList2 = ({ columns, rows, sticky }) => {
   return /* @__PURE__ */ import_react53.default.createElement(Template, {
     columns: templateColumns
   }, columns.map(
-    (column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ import_react53.default.createElement(DataList.SortCell, __spreadValues({
-      direction: sort && sort.key === column.field ? sort.direction : "none",
-      onClick: () => updateSort(column.field),
+    (column) => columnIsFieldColumn(column) && column.sortable || column.sort ? /* @__PURE__ */ import_react53.default.createElement(DataList.SortCell, __spreadValues({
+      direction: sort && sort.column.headerName === column.headerName ? sort.direction : "none",
+      onClick: () => updateSort(column),
       sticky
     }, cellProps(column)), column.headerName) : /* @__PURE__ */ import_react53.default.createElement(DataList.HeadCell, __spreadProps(__spreadValues({}, cellProps(column)), {
       sticky
@@ -5656,14 +5679,13 @@ var DataList2 = ({ columns, rows, sticky }) => {
         dense: true
       }, column.status(row, index, sortedRows)))) : column.type === "action" ? /* @__PURE__ */ import_react53.default.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ import_react53.default.createElement(SecondaryButton, __spreadValues({
         dense: true
-      }, renameProperty("text", "children", column.action(row, index, sortedRows))))) : column.type === "custom" ? /* @__PURE__ */ import_react53.default.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows)) : column.type === "item" ? /* @__PURE__ */ import_react53.default.createElement(DataList.Cell, null, /* @__PURE__ */ import_react53.default.createElement(Item2, __spreadValues({}, column.item(row, index, sortedRows)))) : /* @__PURE__ */ import_react53.default.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])
+      }, renameProperty("text", "children", column.action(row, index, sortedRows))))) : column.type === "custom" ? /* @__PURE__ */ import_react53.default.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows)) : column.type === "item" ? /* @__PURE__ */ import_react53.default.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ import_react53.default.createElement(Item2, __spreadValues({}, column.item(row, index, sortedRows)))) : /* @__PURE__ */ import_react53.default.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])
     }))
   }));
 };
 
 // src/molecules/DataTable/DataTable.tsx
 var import_react56 = __toESM(require("react"));
-var import_orderBy3 = __toESM(require("lodash/orderBy"));
 
 // src/molecules/Table/Table.tsx
 var import_react55 = __toESM(require("react"));
@@ -5723,7 +5745,7 @@ var DataTable = (_a) => {
     "sticky"
   ]);
   const [sort, updateSort] = useTableSort();
-  const sortedRows = (0, import_orderBy3.default)(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
+  const sortedRows = sortRowsBy(rows, sort);
   return /* @__PURE__ */ import_react56.default.createElement(Table2, __spreadProps(__spreadValues({}, rest), {
     className: tw({
       "whitespace-nowrap": noWrap,
@@ -5733,9 +5755,9 @@ var DataTable = (_a) => {
   }), /* @__PURE__ */ import_react56.default.createElement(Table2.Head, {
     sticky
   }, columns.map(
-    (column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ import_react56.default.createElement(Table2.SortCell, __spreadValues({
-      direction: sort && sort.key === column.field ? sort.direction : "none",
-      onClick: () => updateSort(column.field),
+    (column) => columnIsFieldColumn(column) && column.sortable || column.sort ? /* @__PURE__ */ import_react56.default.createElement(Table2.SortCell, __spreadValues({
+      direction: sort && sort.column.headerName === column.headerName ? sort.direction : "none",
+      onClick: () => updateSort(column),
       style: { width: column.width },
       "aria-label": column.headerInvisible ? column.headerName : void 0
     }, cellProps(column)), !column.headerInvisible && column.headerName) : /* @__PURE__ */ import_react56.default.createElement(Table2.Cell, __spreadProps(__spreadValues({}, cellProps(column)), {
@@ -5761,7 +5783,7 @@ var DataTable = (_a) => {
 var import_react58 = __toESM(require("react"));
 var import_dialog = require("@react-aria/dialog");
 var import_overlays6 = require("@react-aria/overlays");
-var import_utils3 = require("@react-aria/utils");
+var import_utils5 = require("@react-aria/utils");
 var import_overlays7 = require("@react-stately/overlays");
 var import_omit6 = __toESM(require("lodash/omit"));
 
@@ -5909,15 +5931,17 @@ var DialogWrapper = ({
   secondaryAction
 }) => {
   const ref = import_react58.default.useRef(null);
-  const labelledBy = (0, import_utils3.useId)();
-  const describedBy = (0, import_utils3.useId)();
+  const labelledBy = (0, import_utils5.useId)();
+  const describedBy = (0, import_utils5.useId)();
   const { dialogProps } = (0, import_dialog.useDialog)(
     { "role": "alertdialog", "aria-labelledby": labelledBy, "aria-describedby": describedBy },
     ref
   );
-  return /* @__PURE__ */ import_react58.default.createElement("div", __spreadValues({
+  return /* @__PURE__ */ import_react58.default.createElement("div", __spreadProps(__spreadValues({
     ref
-  }, dialogProps), /* @__PURE__ */ import_react58.default.createElement(Modal.Header, null, /* @__PURE__ */ import_react58.default.createElement(Icon, {
+  }, dialogProps), {
+    className: tw("outline-none")
+  }), /* @__PURE__ */ import_react58.default.createElement(Modal.Header, null, /* @__PURE__ */ import_react58.default.createElement(Icon, {
     icon: DIALOG_ICONS_AND_COLORS[type].icon,
     color: DIALOG_ICONS_AND_COLORS[type].color,
     fontSize: 20
@@ -5972,7 +5996,7 @@ var import_react63 = __toESM(require("react"));
 var import_react62 = __toESM(require("react"));
 var import_interactions2 = require("@react-aria/interactions");
 var import_overlays8 = require("@react-aria/overlays");
-var import_utils4 = require("@react-aria/utils");
+var import_utils6 = require("@react-aria/utils");
 var import_overlays9 = require("@react-stately/overlays");
 
 // src/molecules/Popover/Dialog.tsx
@@ -6076,7 +6100,7 @@ var PopoverTriggerWrapper = (_a) => {
   const { pressProps } = (0, import_interactions2.usePress)(__spreadProps(__spreadValues({}, rest), { ref }));
   return import_react62.default.cloneElement(trigger, __spreadProps(__spreadValues({
     "ref": ref
-  }, (0, import_utils4.mergeProps)(pressProps, trigger.props)), {
+  }, (0, import_utils6.mergeProps)(pressProps, trigger.props)), {
     "aria-controls": (_a2 = rest["aria-controls"]) != null ? _a2 : pressProps["aria-controls"]
   }));
 };
@@ -6201,7 +6225,7 @@ var import_i18n = require("@react-aria/i18n");
 var import_interactions3 = require("@react-aria/interactions");
 var import_menu = require("@react-aria/menu");
 var import_separator = require("@react-aria/separator");
-var import_utils6 = require("@react-aria/utils");
+var import_utils8 = require("@react-aria/utils");
 var import_collections = require("@react-stately/collections");
 var import_menu2 = require("@react-stately/menu");
 var import_tree = require("@react-stately/tree");
@@ -6486,7 +6510,8 @@ var DropdownMenu3 = (_a) => {
   }, menuTriggerProps), /* @__PURE__ */ import_react67.default.createElement(TriggerWrapper, null, trigger.props.children)), state.isOpen && /* @__PURE__ */ import_react67.default.createElement(PopoverOverlay, {
     triggerRef,
     state,
-    placement
+    placement,
+    focusable: false
   }, /* @__PURE__ */ import_react67.default.createElement(MenuWrapper, __spreadValues({
     onAction,
     selectionMode,
@@ -6518,7 +6543,7 @@ var TriggerWrapper = (_a) => {
   if (!trigger || !import_react67.default.isValidElement(trigger)) {
     throw new Error("<DropdownMenu.Trigger> must have valid child");
   }
-  return import_react67.default.cloneElement(trigger, __spreadValues({ ref }, (0, import_utils6.mergeProps)(pressProps, props)));
+  return import_react67.default.cloneElement(trigger, __spreadValues({ ref }, (0, import_utils8.mergeProps)(pressProps, props)));
 };
 var isSectionNode = (item) => item.type === "section";
 var isItemNode = (item) => item.type === "item";
@@ -6882,7 +6907,7 @@ var ListItem = ({ name, icon, active = false }) => {
 var import_react77 = __toESM(require("react"));
 var import_dialog3 = require("@react-aria/dialog");
 var import_overlays10 = require("@react-aria/overlays");
-var import_utils9 = require("@react-aria/utils");
+var import_utils11 = require("@react-aria/utils");
 var import_overlays11 = require("@react-stately/overlays");
 var import_castArray = __toESM(require("lodash/castArray"));
 var import_omit9 = __toESM(require("lodash/omit"));
@@ -7203,8 +7228,8 @@ var Modal2 = (props) => {
 var ModalWrapper = import_react77.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { title, subtitle, headerImage, primaryAction, secondaryActions, children, onClose } = _b, props = __objRest(_b, ["title", "subtitle", "headerImage", "primaryAction", "secondaryActions", "children", "onClose"]);
-    const labelledBy = (0, import_utils9.useId)();
-    const describedBy = (0, import_utils9.useId)();
+    const labelledBy = (0, import_utils11.useId)();
+    const describedBy = (0, import_utils11.useId)();
     const { dialogProps } = (0, import_dialog3.useDialog)(
       { "role": "dialog", "aria-labelledby": labelledBy, "aria-describedby": describedBy },
       ref
@@ -9398,6 +9423,7 @@ var system_default = __spreadProps(__spreadValues({}, molecules_exports), {
   calcTopPosition,
   calcTopRightPosition,
   cellProps,
+  columnIsFieldColumn,
   createComponent,
   createMountPointElement,
   createSimpleComponent,

package/dist/system.mjs

@@ -1646,6 +1646,7 @@ __export(molecules_exports, {
   asPopoverButton: () => asPopoverButton,
   asTabItem: () => asTabItem,
   cellProps: () => cellProps,
+  columnIsFieldColumn: () => columnIsFieldColumn,
   createTabsComponent: () => createTabsComponent,
   toSortDirection: () => toSortDirection,
   usePagination: () => usePagination,
@@ -4962,6 +4963,7 @@ var Wrapper = React40.forwardRef(
       style = {},
       placement = "bottom-left",
       role,
+      focusable = true,
       isNonModal = false,
       autoFocus,
       containFocus,
@@ -4974,6 +4976,7 @@ var Wrapper = React40.forwardRef(
       "style",
       "placement",
       "role",
+      "focusable",
       "isNonModal",
       "autoFocus",
       "containFocus",
@@ -4997,7 +5000,7 @@ var Wrapper = React40.forwardRef(
     );
     return /* @__PURE__ */ React40.createElement("div", null, !isNonModal && /* @__PURE__ */ React40.createElement(Popover.Underlay, __spreadValues({}, underlayProps)), /* @__PURE__ */ React40.createElement(Popover.Panel, __spreadProps(__spreadValues({
       ref: popoverRef,
-      tabIndex: 0,
+      tabIndex: focusable ? 0 : -1,
       role: role != null ? role : "presentation"
     }, popoverProps), {
       id: id != null ? id : popoverProps.id,
@@ -5210,7 +5213,6 @@ var Container2 = ({ maxWidth = "xl", children }) => /* @__PURE__ */ React42.crea
 
 // src/molecules/DataList/DataList.tsx
 import React48 from "react";
-import orderBy2 from "lodash/orderBy";
 
 // src/molecules/Template/Template.tsx
 import React43 from "react";
@@ -5471,29 +5473,49 @@ var cellProps = (column) => ({
   key: column.key || column.headerName,
   align: column.type === "number" || column.type === "action" ? "right" : "left"
 });
+var columnIsFieldColumn = (column) => Boolean(column && column.field);
 
 // src/utils/table/useTableSort.tsx
 import React47 from "react";
 var useTableSort = () => {
   const [sort, setSort] = React47.useState();
-  const handleSortClick = (field) => {
-    if ((sort == null ? void 0 : sort.key) === field) {
+  const handleSortClick = (column) => {
+    if (sort && sort.column.headerName === column.headerName) {
       if (sort.direction === "ascending") {
-        setSort({ key: field, direction: "descending" });
+        setSort({ column, direction: "descending" });
       } else {
         setSort(void 0);
       }
     } else {
-      setSort({ key: field, direction: "ascending" });
+      setSort({ column, direction: "ascending" });
     }
   };
   return [sort, handleSortClick];
 };
 
+// src/utils/table/utils.ts
+import orderBy2 from "lodash/orderBy";
+var sortRowsBy = (rows, sort) => {
+  if (!sort) {
+    return rows;
+  }
+  const sortFunction = sort.column.sort;
+  if (sortFunction) {
+    return [...rows].sort((a, b) => sortFunction(a, b, sort.direction));
+  } else if (columnIsFieldColumn(sort.column)) {
+    return orderBy2(rows, [sort.column.field], [toSortDirection(sort.direction)]);
+  }
+  return rows;
+};
+
 // src/molecules/DataList/DataList.tsx
-var DataList2 = ({ columns, rows, sticky }) => {
+var DataList2 = ({
+  columns,
+  rows,
+  sticky
+}) => {
   const [sort, updateSort] = useTableSort();
-  const sortedRows = orderBy2(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
+  const sortedRows = sortRowsBy(rows, sort);
   const templateColumns = columns.map((column) => {
     var _a;
     return (_a = column.width) != null ? _a : "auto";
@@ -5501,9 +5523,9 @@ var DataList2 = ({ columns, rows, sticky }) => {
   return /* @__PURE__ */ React48.createElement(Template, {
     columns: templateColumns
   }, columns.map(
-    (column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ React48.createElement(DataList.SortCell, __spreadValues({
-      direction: sort && sort.key === column.field ? sort.direction : "none",
-      onClick: () => updateSort(column.field),
+    (column) => columnIsFieldColumn(column) && column.sortable || column.sort ? /* @__PURE__ */ React48.createElement(DataList.SortCell, __spreadValues({
+      direction: sort && sort.column.headerName === column.headerName ? sort.direction : "none",
+      onClick: () => updateSort(column),
       sticky
     }, cellProps(column)), column.headerName) : /* @__PURE__ */ React48.createElement(DataList.HeadCell, __spreadProps(__spreadValues({}, cellProps(column)), {
       sticky
@@ -5518,14 +5540,13 @@ var DataList2 = ({ columns, rows, sticky }) => {
         dense: true
       }, column.status(row, index, sortedRows)))) : column.type === "action" ? /* @__PURE__ */ React48.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React48.createElement(SecondaryButton, __spreadValues({
         dense: true
-      }, renameProperty("text", "children", column.action(row, index, sortedRows))))) : column.type === "custom" ? /* @__PURE__ */ React48.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows)) : column.type === "item" ? /* @__PURE__ */ React48.createElement(DataList.Cell, null, /* @__PURE__ */ React48.createElement(Item2, __spreadValues({}, column.item(row, index, sortedRows)))) : /* @__PURE__ */ React48.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])
+      }, renameProperty("text", "children", column.action(row, index, sortedRows))))) : column.type === "custom" ? /* @__PURE__ */ React48.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows)) : column.type === "item" ? /* @__PURE__ */ React48.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React48.createElement(Item2, __spreadValues({}, column.item(row, index, sortedRows)))) : /* @__PURE__ */ React48.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])
     }))
   }));
 };
 
 // src/molecules/DataTable/DataTable.tsx
 import React51 from "react";
-import orderBy3 from "lodash/orderBy";
 
 // src/molecules/Table/Table.tsx
 import React50 from "react";
@@ -5585,7 +5606,7 @@ var DataTable = (_a) => {
     "sticky"
   ]);
   const [sort, updateSort] = useTableSort();
-  const sortedRows = orderBy3(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
+  const sortedRows = sortRowsBy(rows, sort);
   return /* @__PURE__ */ React51.createElement(Table2, __spreadProps(__spreadValues({}, rest), {
     className: tw({
       "whitespace-nowrap": noWrap,
@@ -5595,9 +5616,9 @@ var DataTable = (_a) => {
   }), /* @__PURE__ */ React51.createElement(Table2.Head, {
     sticky
   }, columns.map(
-    (column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ React51.createElement(Table2.SortCell, __spreadValues({
-      direction: sort && sort.key === column.field ? sort.direction : "none",
-      onClick: () => updateSort(column.field),
+    (column) => columnIsFieldColumn(column) && column.sortable || column.sort ? /* @__PURE__ */ React51.createElement(Table2.SortCell, __spreadValues({
+      direction: sort && sort.column.headerName === column.headerName ? sort.direction : "none",
+      onClick: () => updateSort(column),
       style: { width: column.width },
       "aria-label": column.headerInvisible ? column.headerName : void 0
     }, cellProps(column)), !column.headerInvisible && column.headerName) : /* @__PURE__ */ React51.createElement(Table2.Cell, __spreadProps(__spreadValues({}, cellProps(column)), {
@@ -5777,9 +5798,11 @@ var DialogWrapper = ({
     { "role": "alertdialog", "aria-labelledby": labelledBy, "aria-describedby": describedBy },
     ref
   );
-  return /* @__PURE__ */ React53.createElement("div", __spreadValues({
+  return /* @__PURE__ */ React53.createElement("div", __spreadProps(__spreadValues({
     ref
-  }, dialogProps), /* @__PURE__ */ React53.createElement(Modal.Header, null, /* @__PURE__ */ React53.createElement(Icon, {
+  }, dialogProps), {
+    className: tw("outline-none")
+  }), /* @__PURE__ */ React53.createElement(Modal.Header, null, /* @__PURE__ */ React53.createElement(Icon, {
     icon: DIALOG_ICONS_AND_COLORS[type].icon,
     color: DIALOG_ICONS_AND_COLORS[type].color,
     fontSize: 20
@@ -6348,7 +6371,8 @@ var DropdownMenu3 = (_a) => {
   }, menuTriggerProps), /* @__PURE__ */ React61.createElement(TriggerWrapper, null, trigger.props.children)), state.isOpen && /* @__PURE__ */ React61.createElement(PopoverOverlay, {
     triggerRef,
     state,
-    placement
+    placement,
+    focusable: false
   }, /* @__PURE__ */ React61.createElement(MenuWrapper, __spreadValues({
     onAction,
     selectionMode,
@@ -9260,6 +9284,7 @@ export {
   calcTopPosition,
   calcTopRightPosition,
   cellProps,
+  columnIsFieldColumn,
   createComponent,
   createMountPointElement,
   createSimpleComponent,