@osdk/react-components 0.27.0 → 0.28.0-main-1aeba37ae6a5cc24c73b7c01e10acba6b6078d87

package/build/cjs/{chunk-LYDFGXDQ.cjs → chunk-6TPEW5OW.cjs}

@@ -4,14 +4,15 @@ var chunkPOHAXPLQ_cjs = require('./chunk-POHAXPLQ.cjs');
 var chunk3S52UDZM_cjs = require('./chunk-3S52UDZM.cjs');
 var chunkE5OKIBYJ_cjs = require('./chunk-E5OKIBYJ.cjs');
 var chunkNE7GRF7G_cjs = require('./chunk-NE7GRF7G.cjs');
+var chunkZMAWPOG5_cjs = require('./chunk-ZMAWPOG5.cjs');
 var chunkC6IPNPMZ_cjs = require('./chunk-C6IPNPMZ.cjs');
 var chunkDWNKXV5E_cjs = require('./chunk-DWNKXV5E.cjs');
 var chunkHNBSGCSZ_cjs = require('./chunk-HNBSGCSZ.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
 var chunkMD4KDE44_cjs = require('./chunk-MD4KDE44.cjs');
-var chunkFO5CHXTP_cjs = require('./chunk-FO5CHXTP.cjs');
+var chunkKS2TDPR6_cjs = require('./chunk-KS2TDPR6.cjs');
 var reactTable = require('@tanstack/react-table');
-var React14 = require('react');
+var React16 = require('react');
 var react = require('@osdk/react');
 var classNames9 = require('classnames');
 var icons = require('@blueprintjs/icons');
@@ -28,7 +29,7 @@ var reactDom = require('react-dom');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React14__default = /*#__PURE__*/_interopDefault(React14);
+var React16__default = /*#__PURE__*/_interopDefault(React16);
 var classNames9__default = /*#__PURE__*/_interopDefault(classNames9);
 
 // src/object-table/LoadingCell.module.css
@@ -39,19 +40,19 @@ var TableCell_default = {};
 
 // src/object-table/LoadingCell.tsx
 function LoadingCellContent() {
-  return /* @__PURE__ */ React14__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+  return /* @__PURE__ */ React16__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
     className: classNames9__default.default(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
   });
 }
 function LoadingCell({
   width
 }) {
-  return /* @__PURE__ */ React14__default.default.createElement("td", {
+  return /* @__PURE__ */ React16__default.default.createElement("td", {
     className: TableCell_default.osdkTableCell,
     style: {
       width
     }
-  }, /* @__PURE__ */ React14__default.default.createElement(LoadingCellContent, null));
+  }, /* @__PURE__ */ React16__default.default.createElement(LoadingCellContent, null));
 }
 
 // src/object-table/components/AsyncValueCell.tsx
@@ -64,28 +65,76 @@ function AsyncValueCell({
     return "Error";
   }
   if (data != null) {
-    return /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, data);
+    return /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, data);
   }
   if (isLoading) {
-    return /* @__PURE__ */ React14__default.default.createElement(LoadingCellContent, null);
+    return /* @__PURE__ */ React16__default.default.createElement(LoadingCellContent, null);
   }
   return "No value";
 }
 
+// src/object-table/utils/markingValue.ts
+function toMarkingIdArray(value) {
+  if (value == null) {
+    return [];
+  }
+  if (typeof value === "string") {
+    return [value];
+  }
+  if (Array.isArray(value)) {
+    const ids = value.filter((v) => typeof v === "string");
+    return Array.from(new Set(ids));
+  }
+  return [];
+}
+
+// src/object-table/components/CbacMarkingCell.tsx
+function CbacMarkingCell({
+  value
+}) {
+  const markingIds = toMarkingIdArray(value);
+  if (markingIds.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React16__default.default.createElement(chunkZMAWPOG5_cjs.CbacBanner, {
+    markingIds
+  });
+}
+
+// src/object-table/components/MandatoryMarkingCell.module.css
+var MandatoryMarkingCell_default = {};
+
+// src/object-table/components/MandatoryMarkingCell.tsx
+function MandatoryMarkingCell({
+  value
+}) {
+  const markingIds = toMarkingIdArray(value);
+  if (markingIds.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React16__default.default.createElement("span", {
+    className: MandatoryMarkingCell_default.container
+  }, markingIds.map((id) => /* @__PURE__ */ React16__default.default.createElement(chunkZMAWPOG5_cjs.CbacBanner, {
+    key: id,
+    markingIds: [id],
+    className: MandatoryMarkingCell_default.pill
+  })));
+}
+
 // src/object-table/EditableCell.module.css
 var EditableCell_default = {};
-var PortalTrackerContext = /* @__PURE__ */ React14.createContext(void 0);
+var PortalTrackerContext = /* @__PURE__ */ React16.createContext(void 0);
 function PortalTrackerProvider({
   children
 }) {
-  const portalsRef = React14.useRef(/* @__PURE__ */ new Set());
-  const register = React14.useCallback((element) => {
+  const portalsRef = React16.useRef(/* @__PURE__ */ new Set());
+  const register = React16.useCallback((element) => {
     portalsRef.current.add(element);
     return () => {
       portalsRef.current.delete(element);
     };
   }, []);
-  const containsElement = React14.useCallback((node) => {
+  const containsElement = React16.useCallback((node) => {
     for (const portal of portalsRef.current) {
       if (portal.contains(node)) {
         return true;
@@ -93,21 +142,21 @@ function PortalTrackerProvider({
     }
     return false;
   }, []);
-  const value = React14.useRef({
+  const value = React16.useRef({
     register,
     containsElement
   });
-  return /* @__PURE__ */ React14__default.default.createElement(PortalTrackerContext.Provider, {
+  return /* @__PURE__ */ React16__default.default.createElement(PortalTrackerContext.Provider, {
     value: value.current
   }, children);
 }
 function usePortalTracker() {
-  return React14.useContext(PortalTrackerContext);
+  return React16.useContext(PortalTrackerContext);
 }
 function useRegisterPortal() {
-  const tracker = React14.useContext(PortalTrackerContext);
-  const cleanupRef = React14.useRef(null);
-  return React14.useCallback((element) => {
+  const tracker = React16.useContext(PortalTrackerContext);
+  const cleanupRef = React16.useRef(null);
+  return React16.useCallback((element) => {
     cleanupRef.current?.();
     cleanupRef.current = null;
     if (element && tracker) {
@@ -145,50 +194,50 @@ function DatePickerCellFieldInner({
   dataType
 }) {
   const portalRef = useRegisterPortal();
-  const dateValue = React14.useMemo(() => parseDateValue(inputValue), [inputValue]);
+  const dateValue = React16.useMemo(() => parseDateValue(inputValue), [inputValue]);
   const showTime = fieldComponentProps?.showTime ?? dataType === "timestamp";
-  const handleChange = React14.useCallback((newValue) => {
+  const handleChange = React16.useCallback((newValue) => {
     if (newValue == null) {
       onChange(null);
       return;
     }
     onChange(showTime ? newValue.toISOString() : chunkNE7GRF7G_cjs.formatDateForInput(newValue));
   }, [onChange, showTime]);
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(EditableCell_default.osdkEditableCellDatePicker, {
       [EditableCell_default.error]: hasValidationError,
       [EditableCell_default.osdkEditedInput]: isEdited
     })
-  }, /* @__PURE__ */ React14__default.default.createElement(chunkE5OKIBYJ_cjs.DatePicker, _extends({}, fieldComponentProps, {
+  }, /* @__PURE__ */ React16__default.default.createElement(chunkE5OKIBYJ_cjs.DatePicker, _extends({}, fieldComponentProps, {
     showTime,
     value: dateValue,
     onChange: handleChange,
     portalRef,
     modal: false
-  })), hasValidationError && /* @__PURE__ */ React14__default.default.createElement("span", {
+  })), hasValidationError && /* @__PURE__ */ React16__default.default.createElement("span", {
     className: EditableCell_default.errorIconWrapper
-  }, /* @__PURE__ */ React14__default.default.createElement(icons.Error, {
+  }, /* @__PURE__ */ React16__default.default.createElement(icons.Error, {
     className: EditableCell_default.errorIcon
   })));
 }
-var DatePickerCellField = /* @__PURE__ */ React14__default.default.memo(DatePickerCellFieldInner);
+var DatePickerCellField = /* @__PURE__ */ React16__default.default.memo(DatePickerCellFieldInner);
 function ReadonlyDisplayCellInner({
   inputValue,
   hasValidationError,
   isEdited
 }) {
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(EditableCell_default.osdkEditableCell, {
       [EditableCell_default.error]: hasValidationError,
       [EditableCell_default.osdkEditedInput]: isEdited
     })
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(EditableCell_default.osdkEditableInput, EditableCell_default.readonlyDisplayCell)
-  }, inputValue), hasValidationError && /* @__PURE__ */ React14__default.default.createElement(icons.Error, {
+  }, inputValue), hasValidationError && /* @__PURE__ */ React16__default.default.createElement(icons.Error, {
     className: EditableCell_default.errorIcon
   }));
 }
-var ReadonlyDisplayCell = /* @__PURE__ */ React14__default.default.memo(ReadonlyDisplayCellInner);
+var ReadonlyDisplayCell = /* @__PURE__ */ React16__default.default.memo(ReadonlyDisplayCellInner);
 
 // src/object-table/components/DropdownCellField.tsx
 function _extends2() {
@@ -214,25 +263,25 @@ function DropdownCellFieldInner({
     itemToStringLabel
   } = fieldComponentProps;
   if (!isRowFocused) {
-    return /* @__PURE__ */ React14__default.default.createElement(ReadonlyDisplayCell, {
+    return /* @__PURE__ */ React16__default.default.createElement(ReadonlyDisplayCell, {
       inputValue: itemToStringLabel ? itemToStringLabel(value) : inputValue,
       hasValidationError,
       isEdited
     });
   }
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(EditableCell_default.osdkEditableCellDropdown, {
       [EditableCell_default.error]: hasValidationError,
       [EditableCell_default.osdkEditedInput]: isEdited
     })
-  }, /* @__PURE__ */ React14__default.default.createElement(chunk3S52UDZM_cjs.DropdownField, _extends2({}, fieldComponentProps, {
+  }, /* @__PURE__ */ React16__default.default.createElement(chunk3S52UDZM_cjs.DropdownField, _extends2({}, fieldComponentProps, {
     portalRef,
     value,
     onChange,
     modal: false
   })));
 }
-var DropdownCellField = /* @__PURE__ */ React14__default.default.memo(DropdownCellFieldInner);
+var DropdownCellField = /* @__PURE__ */ React16__default.default.memo(DropdownCellFieldInner);
 function TextInputCellFieldInner({
   inputType,
   inputValue,
@@ -242,12 +291,12 @@ function TextInputCellFieldInner({
   onBlur,
   onKeyDown
 }) {
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(EditableCell_default.osdkEditableCell, {
       [EditableCell_default.error]: hasValidationError,
       [EditableCell_default.osdkEditedInput]: isEdited
     })
-  }, /* @__PURE__ */ React14__default.default.createElement(input.Input, {
+  }, /* @__PURE__ */ React16__default.default.createElement(input.Input, {
     type: inputType,
     value: inputValue,
     className: EditableCell_default.osdkEditableInput,
@@ -255,11 +304,11 @@ function TextInputCellFieldInner({
     onBlur,
     onKeyDown,
     "aria-invalid": hasValidationError
-  }), hasValidationError && /* @__PURE__ */ React14__default.default.createElement(icons.Error, {
+  }), hasValidationError && /* @__PURE__ */ React16__default.default.createElement(icons.Error, {
     className: EditableCell_default.errorIcon
   }));
 }
-var TextInputCellField = /* @__PURE__ */ React14__default.default.memo(TextInputCellFieldInner);
+var TextInputCellField = /* @__PURE__ */ React16__default.default.memo(TextInputCellFieldInner);
 
 // src/object-table/utils/editableUtils.ts
 function isColumnDeclaredEditable(editable) {
@@ -318,10 +367,10 @@ function EditableCellInner({
   rowCellEdits,
   isRowFocused = false
 }) {
-  const [inputValue, setInputValue] = React14.useState(valueToString(currentValue));
-  const isCancelled = React14.useRef(false);
-  const validationAbortControllerRef = React14.useRef(null);
-  const abortValidation = React14.useCallback(() => {
+  const [inputValue, setInputValue] = React16.useState(valueToString(currentValue));
+  const isCancelled = React16.useRef(false);
+  const validationAbortControllerRef = React16.useRef(null);
+  const abortValidation = React16.useCallback(() => {
     if (validationAbortControllerRef.current) {
       validationAbortControllerRef.current.abort();
       validationAbortControllerRef.current = null;
@@ -329,15 +378,15 @@ function EditableCellInner({
   }, []);
   const hasValidationError = validationError != null;
   const isEdited = !cellValuesEqual(currentValue, initialValue);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     setInputValue(valueToString(currentValue));
   }, [currentValue]);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     return () => {
       abortValidation();
     };
   }, [abortValidation]);
-  const runValidation = React14.useCallback((parsedValue) => {
+  const runValidation = React16.useCallback((parsedValue) => {
     if (!validateEdit) {
       return;
     }
@@ -363,7 +412,7 @@ function EditableCellInner({
       }
     });
   }, [validateEdit, onCellValidationError, clearCellValidationError, cellId]);
-  const commitEdit = React14.useCallback((newValue) => {
+  const commitEdit = React16.useCallback((newValue) => {
     abortValidation();
     onCellEdit(cellId, {
       rowId,
@@ -374,7 +423,7 @@ function EditableCellInner({
     });
     runValidation(newValue);
   }, [abortValidation, onCellEdit, cellId, rowId, columnId, initialValue, originalRowData, runValidation]);
-  const handleBlur = React14.useCallback(() => {
+  const handleBlur = React16.useCallback(() => {
     if (isCancelled.current) {
       isCancelled.current = false;
       return;
@@ -385,11 +434,11 @@ function EditableCellInner({
     const parsedValue = parseValueByType(inputValue, dataType);
     commitEdit(parsedValue);
   }, [inputValue, currentValue, dataType, commitEdit]);
-  const handleInputChange = React14.useCallback((value) => {
+  const handleInputChange = React16.useCallback((value) => {
     abortValidation();
     setInputValue(value);
   }, [abortValidation]);
-  const handleKeyDown = React14.useCallback((e) => {
+  const handleKeyDown = React16.useCallback((e) => {
     if (e.key === "Enter") {
       e.currentTarget.blur();
     }
@@ -399,17 +448,17 @@ function EditableCellInner({
       e.currentTarget.blur();
     }
   }, [currentValue]);
-  const handleCommit = React14.useCallback((newValue) => {
+  const handleCommit = React16.useCallback((newValue) => {
     if (cellValuesEqual(newValue, currentValue)) return;
     commitEdit(newValue);
   }, [commitEdit, currentValue]);
   const inputType = dataType && NUMBER_TYPES.includes(dataType) ? "number" : "text";
-  const dropdownFieldProps = React14.useMemo(() => editFieldConfig?.fieldComponent === "DROPDOWN" ? editFieldConfig.getFieldComponentProps(originalRowData, rowCellEdits) : void 0, [editFieldConfig, originalRowData, rowCellEdits]);
-  const datePickerFieldProps = React14.useMemo(() => editFieldConfig?.fieldComponent === "DATE_PICKER" ? editFieldConfig.getFieldComponentProps(originalRowData, rowCellEdits) : void 0, [editFieldConfig, originalRowData, rowCellEdits]);
+  const dropdownFieldProps = React16.useMemo(() => editFieldConfig?.fieldComponent === "DROPDOWN" ? editFieldConfig.getFieldComponentProps(originalRowData, rowCellEdits) : void 0, [editFieldConfig, originalRowData, rowCellEdits]);
+  const datePickerFieldProps = React16.useMemo(() => editFieldConfig?.fieldComponent === "DATE_PICKER" ? editFieldConfig.getFieldComponentProps(originalRowData, rowCellEdits) : void 0, [editFieldConfig, originalRowData, rowCellEdits]);
   const renderFieldInput = () => {
     switch (editFieldConfig?.fieldComponent) {
       case "DROPDOWN":
-        return /* @__PURE__ */ React14__default.default.createElement(DropdownCellField, {
+        return /* @__PURE__ */ React16__default.default.createElement(DropdownCellField, {
           fieldComponentProps: dropdownFieldProps,
           isRowFocused,
           inputValue,
@@ -419,7 +468,7 @@ function EditableCellInner({
           onChange: handleCommit
         });
       case "DATE_PICKER":
-        return /* @__PURE__ */ React14__default.default.createElement(DatePickerCellField, {
+        return /* @__PURE__ */ React16__default.default.createElement(DatePickerCellField, {
           fieldComponentProps: datePickerFieldProps,
           inputValue,
           hasValidationError,
@@ -428,7 +477,7 @@ function EditableCellInner({
         });
       default:
         if (dataType != null && DATE_TYPES.includes(dataType)) {
-          return /* @__PURE__ */ React14__default.default.createElement(DatePickerCellField, {
+          return /* @__PURE__ */ React16__default.default.createElement(DatePickerCellField, {
             inputValue,
             hasValidationError,
             isEdited,
@@ -436,7 +485,7 @@ function EditableCellInner({
             dataType
           });
         }
-        return /* @__PURE__ */ React14__default.default.createElement(TextInputCellField, {
+        return /* @__PURE__ */ React16__default.default.createElement(TextInputCellField, {
           inputType,
           inputValue,
           hasValidationError,
@@ -447,23 +496,23 @@ function EditableCellInner({
         });
     }
   };
-  return /* @__PURE__ */ React14__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Provider, null, /* @__PURE__ */ React14__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Root, {
+  return /* @__PURE__ */ React16__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Provider, null, /* @__PURE__ */ React16__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Root, {
     disabled: !hasValidationError
-  }, /* @__PURE__ */ React14__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Trigger, {
+  }, /* @__PURE__ */ React16__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Trigger, {
     className: EditableCell_default.osdkEditableCellTrigger,
-    render: /* @__PURE__ */ React14__default.default.createElement("span", {
+    render: /* @__PURE__ */ React16__default.default.createElement("span", {
       className: EditableCell_default.osdkTooltipTriggerWrapper
     })
-  }, renderFieldInput()), /* @__PURE__ */ React14__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Portal, null, /* @__PURE__ */ React14__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Positioner, {
+  }, renderFieldInput()), /* @__PURE__ */ React16__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Portal, null, /* @__PURE__ */ React16__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Positioner, {
     sideOffset: 4,
     side: "bottom"
-  }, /* @__PURE__ */ React14__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Popup, null, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Popup, null, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: EditableCell_default.validationError
-  }, /* @__PURE__ */ React14__default.default.createElement(icons.Error, {
+  }, /* @__PURE__ */ React16__default.default.createElement(icons.Error, {
     className: EditableCell_default.errorIcon
-  }), validationError), /* @__PURE__ */ React14__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Arrow, null))))));
+  }), validationError), /* @__PURE__ */ React16__default.default.createElement(chunkHNBSGCSZ_cjs.Tooltip.Arrow, null))))));
 }
-var EditableCell = /* @__PURE__ */ React14__default.default.memo(EditableCellInner);
+var EditableCell = /* @__PURE__ */ React16__default.default.memo(EditableCellInner);
 
 // src/object-table/utils/AsyncCellData.ts
 var isAsyncCellData = (value) => {
@@ -514,17 +563,27 @@ function renderDefaultCell(cellContext) {
   const cellValue = cellContext.getValue();
   const asyncCellData = isAsyncCellData(cellValue) ? cellValue : void 0;
   if (columnMeta?.isAsyncColumn && asyncCellData) {
-    return /* @__PURE__ */ React14__default.default.createElement(AsyncValueCell, asyncCellData);
+    return /* @__PURE__ */ React16__default.default.createElement(AsyncValueCell, asyncCellData);
+  }
+  if (columnMeta?.markingType === "CBAC") {
+    return /* @__PURE__ */ React16__default.default.createElement(CbacMarkingCell, {
+      value: cellValue
+    });
+  }
+  if (columnMeta?.markingType === "MANDATORY") {
+    return /* @__PURE__ */ React16__default.default.createElement(MandatoryMarkingCell, {
+      value: cellValue
+    });
   }
   const rowData = cellContext.row.original;
   const isEditable = isCellEditable(columnMeta?.editable, rowData);
   if (!meta?.onCellEdit || !shouldShowEditableCell(isEditable, meta?.onCellEdit, meta?.isInEditMode)) {
     if (meta?.isInEditMode) {
-      return /* @__PURE__ */ React14__default.default.createElement("span", {
+      return /* @__PURE__ */ React16__default.default.createElement("span", {
         className: EditableCell_default.nonEditableCellInEditMode
       }, toDisplayValue(cellValue));
     }
-    return /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, toDisplayValue(cellValue));
+    return /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, toDisplayValue(cellValue));
   }
   const rowId = cellContext.row.id;
   const columnId = cellContext.column.id;
@@ -538,7 +597,7 @@ function renderDefaultCell(cellContext) {
   const validationError = meta.validationErrors?.get(cellId);
   const isRowFocused = meta.focusedRowId === rowId;
   const rowCellEdits = filterCellEditsToRow(cellEdits, rowId);
-  return /* @__PURE__ */ React14__default.default.createElement(EditableCell, {
+  return /* @__PURE__ */ React16__default.default.createElement(EditableCell, {
     initialValue: cellValue,
     currentValue,
     cellId,
@@ -564,7 +623,7 @@ function useColumnDefs(objectType, columnDefinitions) {
     loading,
     error
   } = react.useOsdkMetadata(objectType);
-  const columns = React14.useMemo(() => {
+  const columns = React16.useMemo(() => {
     const objectProperties = metadata?.properties;
     if (columnDefinitions) {
       return getColumnsFromColumnDefinitions(columnDefinitions, objectProperties);
@@ -597,6 +656,7 @@ function getColumnsFromColumnDefinitions(columnDefinitions, objectProperties) {
     const propertyMetadata = locator.type === "property" ? objectProperties?.[locator.id] : void 0;
     const colKey = locator.id;
     const dataType = propertyMetadata?.type && typeof propertyMetadata.type === "string" ? propertyMetadata.type : void 0;
+    const markingType = propertyMetadata?.typeMetadata?.type === "marking" ? propertyMetadata.typeMetadata.markingType : void 0;
     const colDef = {
       id: colKey,
       accessorKey: colKey,
@@ -608,6 +668,7 @@ function getColumnsFromColumnDefinitions(columnDefinitions, objectProperties) {
         editable,
         editFieldConfig,
         dataType,
+        markingType,
         validateEdit
       },
       size: width,
@@ -665,11 +726,11 @@ var useColumnPinning = ({
   hasSelectionColumn,
   onColumnsPinnedChanged
 }) => {
-  const [columnPinning, setColumnPinning] = React14.useState({
+  const [columnPinning, setColumnPinning] = React16.useState({
     left: [],
     right: []
   });
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     const defaultState = getColumnPinningStateFromColumnDefs(columnDefinitions);
     const selectionCol = hasSelectionColumn ? [SELECTION_COLUMN_ID] : [];
     setColumnPinning({
@@ -677,7 +738,7 @@ var useColumnPinning = ({
       right: [...defaultState.right ?? []]
     });
   }, [columnDefinitions, hasSelectionColumn]);
-  const onColumnPinningChange = React14.useCallback((updater) => {
+  const onColumnPinningChange = React16.useCallback((updater) => {
     setColumnPinning((prev) => {
       const newPinning = typeof updater === "function" ? updater(prev) : updater;
       if (onColumnsPinnedChanged) {
@@ -734,8 +795,8 @@ function convertColumnPinningStateToArray(pinningState) {
 var useColumnResize = ({
   onColumnResize
 }) => {
-  const [columnSizing, setColumnSizing] = React14.useState({});
-  const onColumnSizingChange = React14.useCallback((updater) => {
+  const [columnSizing, setColumnSizing] = React16.useState({});
+  const onColumnSizingChange = React16.useCallback((updater) => {
     setColumnSizing((prev) => {
       const newState = typeof updater === "function" ? updater(prev) : updater;
       if (onColumnResize) {
@@ -762,15 +823,15 @@ var useColumnVisibility = ({
   allColumns,
   onColumnVisibilityChanged
 }) => {
-  const [columnVisibility, setColumnVisibility] = React14.useState(() => getColumnVisibilityState(allColumns));
-  const [columnOrder, setColumnOrder] = React14.useState(() => getColumnOrder(allColumns));
-  React14.useEffect(() => {
+  const [columnVisibility, setColumnVisibility] = React16.useState(() => getColumnVisibilityState(allColumns));
+  const [columnOrder, setColumnOrder] = React16.useState(() => getColumnOrder(allColumns));
+  React16.useEffect(() => {
     setColumnVisibility(getColumnVisibilityState(allColumns));
   }, [allColumns]);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     setColumnOrder(getColumnOrder(allColumns));
   }, [allColumns]);
-  const onColumnVisibilityChange = React14.useCallback((updaterOrValue) => {
+  const onColumnVisibilityChange = React16.useCallback((updaterOrValue) => {
     setColumnVisibility((prev) => {
       const newState = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
       if (onColumnVisibilityChanged) {
@@ -783,7 +844,7 @@ var useColumnVisibility = ({
       return newState;
     });
   }, [onColumnVisibilityChanged]);
-  const onColumnOrderChange = React14.useCallback((updaterOrValue) => {
+  const onColumnOrderChange = React16.useCallback((updaterOrValue) => {
     setColumnOrder((prev) => {
       const newState = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
       return newState;
@@ -816,17 +877,17 @@ function useEditableTable({
   onCellValueChanged,
   onSubmitEdits
 }) {
-  const [isActive, setActive] = React14.useState(editMode === "always");
-  const [cellEdits, setCellEdits] = React14.useState({});
-  const [validationErrors, setValidationErrors] = React14.useState(/* @__PURE__ */ new Map());
-  const clearCellValidationError = React14.useCallback((cellId) => {
+  const [isActive, setActive] = React16.useState(editMode === "always");
+  const [cellEdits, setCellEdits] = React16.useState({});
+  const [validationErrors, setValidationErrors] = React16.useState(/* @__PURE__ */ new Map());
+  const clearCellValidationError = React16.useCallback((cellId) => {
     setValidationErrors((prev) => {
       const newErrors = new Map(prev);
       newErrors.delete(cellId);
       return newErrors;
     });
   }, []);
-  const handleCellEdit = React14.useCallback((cellId, info) => {
+  const handleCellEdit = React16.useCallback((cellId, info) => {
     if (cellValuesEqual(info.newValue, info.oldValue)) {
       setCellEdits((prev) => {
         const {
@@ -843,15 +904,15 @@ function useEditableTable({
     }
     onCellValueChanged?.(info);
   }, [onCellValueChanged]);
-  const clearEdits = React14.useCallback(() => {
+  const clearEdits = React16.useCallback(() => {
     setCellEdits({});
     setValidationErrors(/* @__PURE__ */ new Map());
   }, []);
-  const handleSubmitEdits = React14.useCallback(async () => {
+  const handleSubmitEdits = React16.useCallback(async () => {
     const edits = Object.values(cellEdits);
     return onSubmitEdits ? onSubmitEdits(edits) : false;
   }, [cellEdits, onSubmitEdits]);
-  const onCellValidationError = React14.useCallback((cellId, error) => {
+  const onCellValidationError = React16.useCallback((cellId, error) => {
     setValidationErrors((prev) => {
       const newErrors = new Map(prev);
       newErrors.set(cellId, error);
@@ -908,15 +969,15 @@ function useFunctionColumnsData({
   pageSize = DEFAULT_PAGE_SIZE
 }) {
   const client = react.useOsdkClient();
-  const prevDataRef = React14.useRef({});
+  const prevDataRef = React16.useRef({});
   const stableObjects = useStableObjects(objects);
-  const functionColDefs = React14.useMemo(() => extractFunctionLocators(columnDefinitions), [columnDefinitions]);
-  const pagedObjectSets = React14.useMemo(() => {
+  const functionColDefs = React16.useMemo(() => extractFunctionLocators(columnDefinitions), [columnDefinitions]);
+  const pagedObjectSets = React16.useMemo(() => {
     if (!stableObjects?.length) return [];
     return buildPagedObjectSets(client, objectOrInterfaceType, stableObjects, pageSize);
   }, [client, objectOrInterfaceType, stableObjects, pageSize]);
   const disabled = pagedObjectSets.length === 0 || functionColDefs.length === 0;
-  const queryGrid = React14.useMemo(() => {
+  const queryGrid = React16.useMemo(() => {
     if (pagedObjectSets.length === 0 || functionColDefs.length === 0) {
       return EMPTY_QUERY_GRID;
     }
@@ -927,8 +988,8 @@ function useFunctionColumnsData({
     enabled: !disabled,
     maxConcurrent: DEFAULT_MAX_CONCURRENT_REQUESTS
   });
-  const mergedResults = React14.useMemo(() => mergePagedResults(results, queryGrid.numColumns), [results, queryGrid.numColumns]);
-  const data = React14.useMemo(() => {
+  const mergedResults = React16.useMemo(() => mergePagedResults(results, queryGrid.numColumns), [results, queryGrid.numColumns]);
+  const data = React16.useMemo(() => {
     const columnData = buildFunctionColumnData(mergedResults, functionColDefs, stableObjects, disabled, prevDataRef.current);
     prevDataRef.current = columnData;
     return columnData;
@@ -1023,7 +1084,7 @@ function resolveCell(result, objectKey, getValue, prevData) {
   };
 }
 var useStableObjects = (objects) => {
-  return React14.useMemo(() => objects, [
+  return React16.useMemo(() => objects, [
     // eslint-disable-next-line react-hooks/exhaustive-deps
     JSON.stringify((objects ?? []).map((item) => ({
       $apiName: item.$apiName,
@@ -1039,7 +1100,7 @@ var useStableObjects = (objects) => {
 
 // src/object-table/hooks/useObjectTableData.ts
 function useObjectTableData(objectOrInterfaceType, columnDefinitions, filter, sorting, objectSet, objectSetOptions, dedupeIntervalMs = DEFAULT_OBJECT_TABLE_DEDUPE_INTERVAL_MS, pageSize = DEFAULT_PAGE_SIZE, streamUpdates) {
-  const orderBy = React14.useMemo(() => {
+  const orderBy = React16.useMemo(() => {
     if (!sorting || sorting.length === 0) {
       return void 0;
     }
@@ -1048,7 +1109,7 @@ function useObjectTableData(objectOrInterfaceType, columnDefinitions, filter, so
       return acc;
     }, {});
   }, [sorting]);
-  const withProperties = React14.useMemo(() => {
+  const withProperties = React16.useMemo(() => {
     if (!columnDefinitions) {
       return;
     }
@@ -1093,7 +1154,7 @@ function useObjectTableData(objectOrInterfaceType, columnDefinitions, filter, so
     columnDefinitions,
     pageSize
   });
-  const mergedData = React14.useMemo(() => {
+  const mergedData = React16.useMemo(() => {
     if (!baseResult.data) return baseResult.data;
     return baseResult.data.map((obj) => {
       const objKey = String(obj.$primaryKey);
@@ -1200,9 +1261,9 @@ function useObjectTableSnapshot({
   orderBy
 }) {
   const client = react.useOsdkClient();
-  const functionLocators = React14.useMemo(() => extractFunctionLocators(columnDefinitions), [columnDefinitions]);
-  const customColumnIds = React14.useMemo(() => new Set(columnDefinitions?.filter((definition) => definition.locator.type === "custom").map((definition) => String(definition.locator.id)) ?? []), [columnDefinitions]);
-  const getSnapshot = React14.useCallback(async (options) => {
+  const functionLocators = React16.useMemo(() => extractFunctionLocators(columnDefinitions), [columnDefinitions]);
+  const customColumnIds = React16.useMemo(() => new Set(columnDefinitions?.filter((definition) => definition.locator.type === "custom").map((definition) => String(definition.locator.id)) ?? []), [columnDefinitions]);
+  const getSnapshot = React16.useCallback(async (options) => {
     const rowLimit = options?.rowLimit ?? DEFAULT_SNAPSHOT_ROW_LIMIT;
     const rowLimitExceededError = `Error in getSnapshot: total row count exceeds row limit of ${rowLimit}.`;
     if (totalCount != null) {
@@ -1248,7 +1309,7 @@ function useObjectTableSnapshot({
       totalCount
     };
   }, [table, objectSet, objectOrInterfaceType, functionLocators, customColumnIds, client, pageSize, totalCount, orderBy]);
-  return React14.useMemo(() => ({
+  return React16.useMemo(() => ({
     getSnapshot
   }), [getSnapshot]);
 }
@@ -1269,12 +1330,12 @@ function useRowSelection({
   onRowSelectionChanged,
   data
 }) {
-  const [internalRowSelection, setInternalRowSelection] = React14.useState({});
-  const [internalIsAllSelected, setInternalIsAllSelected] = React14.useState(false);
-  const [lastSelectedRowIndex, setLastSelectedRowIndex] = React14.useState(null);
+  const [internalRowSelection, setInternalRowSelection] = React16.useState({});
+  const [internalIsAllSelected, setInternalIsAllSelected] = React16.useState(false);
+  const [lastSelectedRowIndex, setLastSelectedRowIndex] = React16.useState(null);
   const isControlled = selectedRows !== void 0;
   const enableRowSelection = selectionMode !== "none";
-  const rowSelectionState = React14.useMemo(() => {
+  const rowSelectionState = React16.useMemo(() => {
     if (!enableRowSelection) return {};
     if (isControlled) {
       const selectedRowIds = isAllSelectedProp ? (data ?? []).map((item) => item.$primaryKey) : selectedRows;
@@ -1285,11 +1346,11 @@ function useRowSelection({
     }
     return internalRowSelection;
   }, [enableRowSelection, isControlled, selectedRows, isAllSelectedProp, internalIsAllSelected, internalRowSelection, data]);
-  const selectedCount = React14.useMemo(() => Object.values(rowSelectionState).filter(Boolean).length, [rowSelectionState]);
+  const selectedCount = React16.useMemo(() => Object.values(rowSelectionState).filter(Boolean).length, [rowSelectionState]);
   const totalCount = data?.length ?? 0;
   const isAllSelected = deriveIsAllSelected(isControlled, isAllSelectedProp, internalIsAllSelected, selectedCount, totalCount);
   const hasSelection = isAllSelected || selectedCount > 0;
-  const lastFiredAllSelectedIdsRef = React14.useRef(null);
+  const lastFiredAllSelectedIdsRef = React16.useRef(null);
   const fireSelectionCallbacks = chunk3S52UDZM_cjs.useEventCallback((ids, isSelectAll) => {
     onRowSelection?.(ids, isSelectAll);
     if (onRowSelectionChanged) {
@@ -1302,7 +1363,7 @@ function useRowSelection({
       });
     }
   });
-  const onToggleAll = React14.useCallback(() => {
+  const onToggleAll = React16.useCallback(() => {
     if (!enableRowSelection || !data) return;
     const newIsAllSelected = !hasSelection;
     const newSelectedRows = newIsAllSelected ? data.map((item) => item.$primaryKey) : [];
@@ -1313,7 +1374,7 @@ function useRowSelection({
     lastFiredAllSelectedIdsRef.current = newIsAllSelected ? JSON.stringify(newSelectedRows) : null;
     fireSelectionCallbacks(newSelectedRows, newIsAllSelected);
   }, [enableRowSelection, data, hasSelection, isControlled, fireSelectionCallbacks]);
-  const onToggleRow = React14.useCallback((rowId, rowIndex, isShiftClick = false) => {
+  const onToggleRow = React16.useCallback((rowId, rowIndex, isShiftClick = false) => {
     if (!enableRowSelection || !data) return;
     let newSelectedRows;
     if (selectionMode === "single") {
@@ -1354,7 +1415,7 @@ function useRowSelection({
     lastFiredAllSelectedIdsRef.current = null;
     fireSelectionCallbacks(newSelectedRows, false);
   }, [enableRowSelection, data, selectionMode, isControlled, fireSelectionCallbacks, rowSelectionState, lastSelectedRowIndex]);
-  React14.useEffect(function syncSelectAllOnDataChange() {
+  React16.useEffect(function syncSelectAllOnDataChange() {
     if (isControlled || !internalIsAllSelected || !data) {
       if (!internalIsAllSelected) {
         lastFiredAllSelectedIdsRef.current = null;
@@ -1459,7 +1520,7 @@ function SelectionHeaderCell({
   onToggleAll
 }) {
   const checkboxLabel = hasSelection ? "Deselect all rows" : "Select all rows";
-  return /* @__PURE__ */ React14__default.default.createElement(chunkPOHAXPLQ_cjs.Checkbox, {
+  return /* @__PURE__ */ React16__default.default.createElement(chunkPOHAXPLQ_cjs.Checkbox, {
     indeterminate: hasSelection && !isAllSelected,
     checked: isAllSelected,
     onCheckedChange: onToggleAll,
@@ -1470,21 +1531,21 @@ function SelectionCell({
   row,
   onToggleRow
 }) {
-  const handleClick = React14.useCallback((event) => {
+  const handleClick = React16.useCallback((event) => {
     event.stopPropagation();
     const isShiftClick = event.shiftKey;
     onToggleRow(row.id, row.index, isShiftClick);
   }, [onToggleRow, row.id, row.index]);
-  const handleKeyDown = React14.useCallback((event) => {
+  const handleKeyDown = React16.useCallback((event) => {
     if (event.key === "Enter") {
       const isShiftClick = event.shiftKey;
       onToggleRow(row.id, row.index, isShiftClick);
     }
   }, [onToggleRow, row.id, row.index]);
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     onClick: handleClick,
     onKeyDown: handleKeyDown
-  }, /* @__PURE__ */ React14__default.default.createElement(chunkPOHAXPLQ_cjs.Checkbox, {
+  }, /* @__PURE__ */ React16__default.default.createElement(chunkPOHAXPLQ_cjs.Checkbox, {
     checked: row.getIsSelected(),
     "aria-label": `Select row ${row.index + 1}`
   }));
@@ -1498,26 +1559,26 @@ var useSelectionColumn = ({
   onToggleAll,
   onToggleRow
 }) => {
-  const isAllSelectedRef = React14.useRef(isAllSelected);
+  const isAllSelectedRef = React16.useRef(isAllSelected);
   isAllSelectedRef.current = isAllSelected;
-  const hasSelectionRef = React14.useRef(hasSelection);
+  const hasSelectionRef = React16.useRef(hasSelection);
   hasSelectionRef.current = hasSelection;
-  const onToggleAllRef = React14.useRef(onToggleAll);
+  const onToggleAllRef = React16.useRef(onToggleAll);
   onToggleAllRef.current = onToggleAll;
-  const onToggleRowRef = React14.useRef(onToggleRow);
+  const onToggleRowRef = React16.useRef(onToggleRow);
   onToggleRowRef.current = onToggleRow;
-  const selectionColumn = React14.useMemo(() => {
+  const selectionColumn = React16.useMemo(() => {
     if (selectionMode === "none") return null;
     const colDef = {
       id: SELECTION_COLUMN_ID,
-      header: () => selectionMode === "multiple" ? /* @__PURE__ */ React14__default.default.createElement(SelectionHeaderCell, {
+      header: () => selectionMode === "multiple" ? /* @__PURE__ */ React16__default.default.createElement(SelectionHeaderCell, {
         isAllSelected: isAllSelectedRef.current,
         hasSelection: hasSelectionRef.current,
         onToggleAll: onToggleAllRef.current
       }) : null,
       cell: ({
         row
-      }) => /* @__PURE__ */ React14__default.default.createElement(SelectionCell, {
+      }) => /* @__PURE__ */ React16__default.default.createElement(SelectionCell, {
         row,
         onToggleRow: onToggleRowRef.current
       }),
@@ -1537,17 +1598,17 @@ var useTableSorting = ({
   defaultOrderBy,
   onOrderByChanged
 }) => {
-  const [internalSorting, setInternalSorting] = React14.useState(() => defaultOrderBy ? convertOrderByToSortingState(defaultOrderBy) : []);
+  const [internalSorting, setInternalSorting] = React16.useState(() => defaultOrderBy ? convertOrderByToSortingState(defaultOrderBy) : []);
   const isControlled = orderBy !== void 0;
-  const sortingState = React14.useMemo(() => orderBy ? convertOrderByToSortingState(orderBy) : internalSorting, [orderBy, internalSorting]);
-  const orderByState = React14.useMemo(() => {
+  const sortingState = React16.useMemo(() => orderBy ? convertOrderByToSortingState(orderBy) : internalSorting, [orderBy, internalSorting]);
+  const orderByState = React16.useMemo(() => {
     const currentOrderBy = orderBy ? orderBy : convertSortingStateToOrderBy(internalSorting);
     return Object.fromEntries(currentOrderBy.map(({
       property,
       direction
     }) => [property, direction]));
   }, [orderBy, internalSorting]);
-  const onSortingChange = React14.useCallback((updater) => {
+  const onSortingChange = React16.useCallback((updater) => {
     const newSorting = typeof updater === "function" ? updater(sortingState) : updater;
     if (!isControlled) {
       setInternalSorting(newSorting);
@@ -1587,13 +1648,13 @@ function useFocusedRow({
   getRowById
 }) {
   const isControlled = focusedRowId !== void 0;
-  const [internalFocusedRowId, setInternalFocusedRowId] = React14.useState(null);
+  const [internalFocusedRowId, setInternalFocusedRowId] = React16.useState(null);
   const effectiveId = isControlled ? focusedRowId ?? null : internalFocusedRowId;
   const fireChanged = chunk3S52UDZM_cjs.useEventCallback((id) => {
     const row = id != null ? getRowById(id) : null;
     onFocusedRowChanged?.(row);
   });
-  const setFocusedRowId = React14.useCallback((id) => {
+  const setFocusedRowId = React16.useCallback((id) => {
     if (effectiveId === id) return;
     if (!isControlled) {
       setInternalFocusedRowId(id);
@@ -1618,17 +1679,17 @@ function LoadingRow({
   rowHeight = DEFAULT_ROW_HEIGHT,
   columnWidth = DEFAULT_COLUMN_WIDTH
 }) {
-  return /* @__PURE__ */ React14__default.default.createElement("tr", {
+  return /* @__PURE__ */ React16__default.default.createElement("tr", {
     className: TableRow_default.osdkTableRow,
     style: {
       height: `${rowHeight}px`,
       transform: `translateY(${translateY}px)`
     }
-  }, /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, Array.from({
+  }, /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, Array.from({
     length: columnCount
   }).map((_, index) => {
     const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React14__default.default.createElement(LoadingCell, {
+    return /* @__PURE__ */ React16__default.default.createElement(LoadingCell, {
       key: `loading-cell-${index}`,
       width
     });
@@ -1671,27 +1732,27 @@ function DraggableListItem({
     transform: utilities.CSS.Transform.toString(transform),
     transition
   };
-  const handleRemove = React14.useCallback(() => {
+  const handleRemove = React16.useCallback(() => {
     onRemove?.(item.id);
   }, [item.id, onRemove]);
   const RemoveIcon = removeIconVariant === "trash" ? icons.Trash : icons.SmallCross;
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     ref: setNodeRef,
     style,
     className: DraggableList_default.draggableItem,
     "data-dragging": isDragging
-  }, /* @__PURE__ */ React14__default.default.createElement("div", _extends3({
+  }, /* @__PURE__ */ React16__default.default.createElement("div", _extends3({
     className: DraggableList_default.dragHandle,
     "aria-label": `Reorder ${item.label}`
-  }, attributes, listeners), /* @__PURE__ */ React14__default.default.createElement(icons.DragHandleVertical, {
+  }, attributes, listeners), /* @__PURE__ */ React16__default.default.createElement(icons.DragHandleVertical, {
     className: DraggableList_default.icon
-  })), /* @__PURE__ */ React14__default.default.createElement("div", {
+  })), /* @__PURE__ */ React16__default.default.createElement("div", {
     className: DraggableList_default.itemContent
-  }, renderContent ? renderContent(item) : item.label), onRemove && /* @__PURE__ */ React14__default.default.createElement(button.Button, {
+  }, renderContent ? renderContent(item) : item.label), onRemove && /* @__PURE__ */ React16__default.default.createElement(button.Button, {
     className: DraggableList_default.removeButton,
     onClick: handleRemove,
     "aria-label": `Remove ${item.label}`
-  }, /* @__PURE__ */ React14__default.default.createElement(RemoveIcon, {
+  }, /* @__PURE__ */ React16__default.default.createElement(RemoveIcon, {
     className: DraggableList_default.icon
   })));
 }
@@ -1704,7 +1765,7 @@ function DraggableList({
   emptyMessage,
   className
 }) {
-  const itemIds = React14.useMemo(() => items.map((item) => item.id), [items]);
+  const itemIds = React16.useMemo(() => items.map((item) => item.id), [items]);
   const sensors = core.useSensors(core.useSensor(core.PointerSensor, {
     activationConstraint: {
       distance: 5
@@ -1712,7 +1773,7 @@ function DraggableList({
   }), core.useSensor(core.KeyboardSensor, {
     coordinateGetter: sortable.sortableKeyboardCoordinates
   }));
-  const handleDragEnd = React14.useCallback((event) => {
+  const handleDragEnd = React16.useCallback((event) => {
     const {
       active,
       over
@@ -1723,31 +1784,31 @@ function DraggableList({
       onReorder(oldIndex, newIndex);
     }
   }, [items, onReorder]);
-  const containerRef = React14.useRef(null);
+  const containerRef = React16.useRef(null);
   useKeyboardEvents(containerRef);
   const DndContext = core.DndContext;
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     ref: containerRef,
     className: classNames9__default.default(DraggableList_default.draggableListContainer, className)
-  }, /* @__PURE__ */ React14__default.default.createElement(DndContext, {
+  }, /* @__PURE__ */ React16__default.default.createElement(DndContext, {
     sensors,
     collisionDetection: core.closestCenter,
     onDragEnd: handleDragEnd
-  }, /* @__PURE__ */ React14__default.default.createElement(sortable.SortableContext, {
+  }, /* @__PURE__ */ React16__default.default.createElement(sortable.SortableContext, {
     items: itemIds,
     strategy: sortable.verticalListSortingStrategy
-  }, items.map((item) => /* @__PURE__ */ React14__default.default.createElement(DraggableListItem, {
+  }, items.map((item) => /* @__PURE__ */ React16__default.default.createElement(DraggableListItem, {
     key: item.id,
     item,
     onRemove,
     removeIconVariant,
     renderContent
-  })))), items.length === 0 && emptyMessage && /* @__PURE__ */ React14__default.default.createElement("div", {
+  })))), items.length === 0 && emptyMessage && /* @__PURE__ */ React16__default.default.createElement("div", {
     className: DraggableList_default.emptyState
   }, emptyMessage));
 }
 var useKeyboardEvents = (containerRef) => {
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     const el = containerRef.current;
     if (el == null) {
       return;
@@ -1785,9 +1846,9 @@ function ColumnConfigDialog({
   onApply,
   isValidConfig
 }) {
-  const [visibleColumns, setVisibleColumns] = React14.useState([]);
-  const [searchQuery, setSearchQuery] = React14.useState("");
-  const allColumns = React14.useMemo(() => {
+  const [visibleColumns, setVisibleColumns] = React16.useState([]);
+  const [searchQuery, setSearchQuery] = React16.useState("");
+  const allColumns = React16.useMemo(() => {
     return columnOptions.map((opt) => {
       const isVisible = currentVisibility ? currentVisibility[opt.id] : false;
       return {
@@ -1797,7 +1858,7 @@ function ColumnConfigDialog({
       };
     });
   }, [columnOptions, currentVisibility]);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     if (isOpen) {
       const visibleCols = allColumns.filter((col) => col.isVisible);
       if (!!currentColumnOrder?.length) {
@@ -1813,19 +1874,19 @@ function ColumnConfigDialog({
       setSearchQuery("");
     }
   }, [isOpen, allColumns, currentColumnOrder]);
-  const handleApply = React14.useCallback(() => {
+  const handleApply = React16.useCallback(() => {
     onApply(getColumnConfig(allColumns, visibleColumns));
     onClose();
   }, [allColumns, visibleColumns, onApply, onClose]);
   const isValid = isValidConfig ? isValidConfig(getColumnConfig(allColumns, visibleColumns)) : true;
   const isApplyDisabled = visibleColumns.length === 0 || !isValid;
-  const handleReorderColumns = React14.useCallback((fromIndex, toIndex) => {
+  const handleReorderColumns = React16.useCallback((fromIndex, toIndex) => {
     setVisibleColumns((items) => sortable.arrayMove(items, fromIndex, toIndex));
   }, []);
-  const handleRemoveColumn = React14.useCallback((columnId) => {
+  const handleRemoveColumn = React16.useCallback((columnId) => {
     setVisibleColumns((prev) => prev.filter((col) => col.id !== columnId));
   }, []);
-  const handleToggleColumn = React14.useCallback((column) => {
+  const handleToggleColumn = React16.useCallback((column) => {
     setVisibleColumns((prev) => {
       const isCurrentlyVisible = prev.some((col) => col.id === column.id);
       if (isCurrentlyVisible) {
@@ -1835,10 +1896,10 @@ function ColumnConfigDialog({
       }
     });
   }, []);
-  const handleSearchChange = React14.useCallback((event) => {
+  const handleSearchChange = React16.useCallback((event) => {
     setSearchQuery(event.target.value);
   }, []);
-  const handleSelectAll = React14.useCallback((columns) => {
+  const handleSelectAll = React16.useCallback((columns) => {
     setVisibleColumns((prev) => {
       const allSelected = columns.every((col) => prev.some((v) => v.id === col.id));
       if (allSelected) {
@@ -1849,33 +1910,33 @@ function ColumnConfigDialog({
       }
     });
   }, []);
-  const filteredAvailableColumns = React14.useMemo(() => {
+  const filteredAvailableColumns = React16.useMemo(() => {
     const query = searchQuery.toLowerCase().trim();
     if (!query) {
       return allColumns;
     }
     return allColumns.filter((col) => (col.label?.toLowerCase().includes(query) ?? false) || col.id.toLowerCase().includes(query));
   }, [allColumns, searchQuery]);
-  const footer = React14.useMemo(() => /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, /* @__PURE__ */ React14__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  const footer = React16.useMemo(() => /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, /* @__PURE__ */ React16__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     onClick: onClose
-  }, "Cancel"), /* @__PURE__ */ React14__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  }, "Cancel"), /* @__PURE__ */ React16__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     variant: "primary",
     onClick: handleApply,
     disabled: isApplyDisabled
   }, "Apply")), [onClose, handleApply, isApplyDisabled]);
-  return /* @__PURE__ */ React14__default.default.createElement(chunkC6IPNPMZ_cjs.Dialog, {
+  return /* @__PURE__ */ React16__default.default.createElement(chunkC6IPNPMZ_cjs.Dialog, {
     isOpen,
     onOpenChange: onClose,
     title: DialogTitle,
     footer,
     className: ColumnConfigDialog_default.columnConfigDialog
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.dialogLayout
-  }, /* @__PURE__ */ React14__default.default.createElement(VisibleColumnsList, {
+  }, /* @__PURE__ */ React16__default.default.createElement(VisibleColumnsList, {
     columns: visibleColumns,
     onReorder: handleReorderColumns,
     onRemove: handleRemoveColumn
-  }), /* @__PURE__ */ React14__default.default.createElement(AvailableColumnsList, {
+  }), /* @__PURE__ */ React16__default.default.createElement(AvailableColumnsList, {
     visibleColumns,
     searchQuery,
     onSearchChange: handleSearchChange,
@@ -1884,9 +1945,9 @@ function ColumnConfigDialog({
     filteredColumns: filteredAvailableColumns
   })));
 }
-var DialogTitle = /* @__PURE__ */ React14__default.default.createElement("div", {
+var DialogTitle = /* @__PURE__ */ React16__default.default.createElement("div", {
   className: ColumnConfigDialog_default.title
-}, /* @__PURE__ */ React14__default.default.createElement(icons.Cog, null), "Configure Table Columns");
+}, /* @__PURE__ */ React16__default.default.createElement(icons.Cog, null), "Configure Table Columns");
 var getColumnConfig = (allColumns, visibleColumns) => {
   const hiddenColumns = allColumns.filter((col) => !visibleColumns.some((v) => v.id === col.id));
   return [...visibleColumns.map((col) => ({
@@ -1902,17 +1963,17 @@ function VisibleColumnsList({
   onReorder,
   onRemove
 }) {
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.visibleColumnsContainer
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionHeader
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionTitle
-  }, /* @__PURE__ */ React14__default.default.createElement("span", null, "Visible Columns"), /* @__PURE__ */ React14__default.default.createElement("span", {
+  }, /* @__PURE__ */ React16__default.default.createElement("span", null, "Visible Columns"), /* @__PURE__ */ React16__default.default.createElement("span", {
     className: ColumnConfigDialog_default.countTag
-  }, columns.length)), /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, columns.length)), /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.sectionHint
-  }, "Drag to reorder")), /* @__PURE__ */ React14__default.default.createElement(DraggableList, {
+  }, "Drag to reorder")), /* @__PURE__ */ React16__default.default.createElement(DraggableList, {
     items: columns,
     onReorder,
     onRemove,
@@ -1933,42 +1994,42 @@ function AvailableColumnsList({
   const totalCount = filteredColumns.length;
   const allFilteredSelected = filteredColumns.every((col) => visibleColumns.some((v) => v.id === col.id));
   const someFilteredSelected = filteredColumns.some((col) => visibleColumns.some((v) => v.id === col.id));
-  const handleSelectAllClick = React14.useCallback(() => {
+  const handleSelectAllClick = React16.useCallback(() => {
     onSelectAll(filteredColumns);
   }, [filteredColumns, onSelectAll]);
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.availableColumnsContainer
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(ColumnConfigDialog_default.sectionHeader, ColumnConfigDialog_default.sectionTitle)
-  }, "Add or Remove Columns"), /* @__PURE__ */ React14__default.default.createElement(chunkPOHAXPLQ_cjs.SearchBar, {
+  }, "Add or Remove Columns"), /* @__PURE__ */ React16__default.default.createElement(chunkPOHAXPLQ_cjs.SearchBar, {
     value: searchQuery,
     onChange: onSearchChange,
     placeholder: "Search...",
     "aria-label": "Search available columns",
     className: ColumnConfigDialog_default.searchContainer
-  }), /* @__PURE__ */ React14__default.default.createElement(collapsible.Collapsible.Root, {
+  }), /* @__PURE__ */ React16__default.default.createElement(collapsible.Collapsible.Root, {
     defaultOpen: true,
     className: ColumnConfigDialog_default.propertiesList
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.categoryHeader
-  }, /* @__PURE__ */ React14__default.default.createElement("label", {
+  }, /* @__PURE__ */ React16__default.default.createElement("label", {
     className: ColumnConfigDialog_default.selectAllLabel
-  }, /* @__PURE__ */ React14__default.default.createElement(chunkPOHAXPLQ_cjs.Checkbox, {
+  }, /* @__PURE__ */ React16__default.default.createElement(chunkPOHAXPLQ_cjs.Checkbox, {
     checked: allFilteredSelected,
     indeterminate: someFilteredSelected && !allFilteredSelected,
     onCheckedChange: handleSelectAllClick,
     className: ColumnConfigDialog_default.checkbox
-  }), "All Columns"), /* @__PURE__ */ React14__default.default.createElement(collapsible.Collapsible.Trigger, {
+  }), "All Columns"), /* @__PURE__ */ React16__default.default.createElement(collapsible.Collapsible.Trigger, {
     className: ColumnConfigDialog_default.categoryTrigger
-  }, /* @__PURE__ */ React14__default.default.createElement("span", {
+  }, /* @__PURE__ */ React16__default.default.createElement("span", {
     className: ColumnConfigDialog_default.categoryCount
-  }, selectedCount, "/", totalCount), /* @__PURE__ */ React14__default.default.createElement(icons.CaretDown, {
+  }, selectedCount, "/", totalCount), /* @__PURE__ */ React16__default.default.createElement(icons.CaretDown, {
     className: ColumnConfigDialog_default.caretIcon
-  }))), /* @__PURE__ */ React14__default.default.createElement(collapsible.Collapsible.Panel, {
+  }))), /* @__PURE__ */ React16__default.default.createElement(collapsible.Collapsible.Panel, {
     className: ColumnConfigDialog_default.propertyList
-  }, filteredColumns.length === 0 ? /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, filteredColumns.length === 0 ? /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.emptyState
-  }, "No matching columns found") : filteredColumns.map((column) => /* @__PURE__ */ React14__default.default.createElement(PropertyItem, {
+  }, "No matching columns found") : filteredColumns.map((column) => /* @__PURE__ */ React16__default.default.createElement(PropertyItem, {
     key: column.id,
     column,
     isSelected: visibleColumns.some((v) => v.id === column.id),
@@ -1981,20 +2042,20 @@ function PropertyItem({
   onToggle,
   showInfoIcon = false
 }) {
-  const handleClick = React14.useCallback(() => {
+  const handleClick = React16.useCallback(() => {
     onToggle(column);
   }, [onToggle, column]);
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: ColumnConfigDialog_default.propertyItem
-  }, /* @__PURE__ */ React14__default.default.createElement("label", {
+  }, /* @__PURE__ */ React16__default.default.createElement("label", {
     className: ColumnConfigDialog_default.propertyLabel
-  }, /* @__PURE__ */ React14__default.default.createElement(chunkPOHAXPLQ_cjs.Checkbox, {
+  }, /* @__PURE__ */ React16__default.default.createElement(chunkPOHAXPLQ_cjs.Checkbox, {
     checked: isSelected,
     onCheckedChange: handleClick,
     className: ColumnConfigDialog_default.checkbox
-  }), /* @__PURE__ */ React14__default.default.createElement("span", {
+  }), /* @__PURE__ */ React16__default.default.createElement("span", {
     className: ColumnConfigDialog_default.propertyName
-  }, column.label)), showInfoIcon && /* @__PURE__ */ React14__default.default.createElement(icons.SmallInfoSign, {
+  }, column.label)), showInfoIcon && /* @__PURE__ */ React16__default.default.createElement(icons.SmallInfoSign, {
     className: ColumnConfigDialog_default.infoIcon
   }));
 }
@@ -2007,8 +2068,8 @@ function SortableItemsList({
   onRemove,
   className
 }) {
-  const renderContent = React14.useCallback((item) => item.content, []);
-  return /* @__PURE__ */ React14__default.default.createElement(DraggableList, {
+  const renderContent = React16.useCallback((item) => item.content, []);
+  return /* @__PURE__ */ React16__default.default.createElement(DraggableList, {
     items,
     onReorder,
     onRemove,
@@ -2026,8 +2087,8 @@ function MultiColumnSortDialog({
   currentSorting,
   columnOptions
 }) {
-  const [selectedSortColumns, setSelectedSortColumns] = React14.useState([]);
-  React14.useEffect(() => {
+  const [selectedSortColumns, setSelectedSortColumns] = React16.useState([]);
+  React16.useEffect(() => {
     if (isOpen) {
       const selectedColumns = [];
       for (const sort of currentSorting) {
@@ -2042,25 +2103,25 @@ function MultiColumnSortDialog({
       setSelectedSortColumns(selectedColumns);
     }
   }, [isOpen, currentSorting, columnOptions]);
-  const handleAddColumn = React14.useCallback((column) => {
+  const handleAddColumn = React16.useCallback((column) => {
     setSelectedSortColumns((prev) => [...prev, {
       ...column,
       direction: "asc"
     }]);
   }, []);
-  const handleRemoveSortColumn = React14.useCallback((id) => {
+  const handleRemoveSortColumn = React16.useCallback((id) => {
     setSelectedSortColumns((prev) => prev.filter((item) => item.id !== id));
   }, []);
-  const handleReorderSortColumns = React14.useCallback((fromIndex, toIndex) => {
+  const handleReorderSortColumns = React16.useCallback((fromIndex, toIndex) => {
     setSelectedSortColumns((items) => sortable.arrayMove(items, fromIndex, toIndex));
   }, []);
-  const handleToggleSortDirection = React14.useCallback((id) => {
+  const handleToggleSortDirection = React16.useCallback((id) => {
     setSelectedSortColumns((prev) => prev.map((item) => item.id === id ? {
       ...item,
       direction: item.direction === "asc" ? "desc" : "asc"
     } : item));
   }, []);
-  const handleApply = React14.useCallback(() => {
+  const handleApply = React16.useCallback(() => {
     const sortingState = selectedSortColumns.map((col) => ({
       id: col.id,
       desc: col.direction === "desc"
@@ -2068,71 +2129,71 @@ function MultiColumnSortDialog({
     onApply(sortingState);
     onClose();
   }, [selectedSortColumns, onApply, onClose]);
-  const availableColumns = React14.useMemo(() => columnOptions.filter((col) => col.canSort && !selectedSortColumns.some((selected) => selected.id === col.id)), [columnOptions, selectedSortColumns]);
-  const searchableMenuItems = React14.useMemo(() => availableColumns.map((col) => ({
+  const availableColumns = React16.useMemo(() => columnOptions.filter((col) => col.canSort && !selectedSortColumns.some((selected) => selected.id === col.id)), [columnOptions, selectedSortColumns]);
+  const searchableMenuItems = React16.useMemo(() => availableColumns.map((col) => ({
     key: col.id,
     label: col.name
   })), [availableColumns]);
-  const handleMenuItemSelected = React14.useCallback((key) => {
+  const handleMenuItemSelected = React16.useCallback((key) => {
     const column = availableColumns.find((col) => col.id === key);
     if (column) {
       handleAddColumn(column);
     }
   }, [availableColumns, handleAddColumn]);
-  const sortableItems = React14.useMemo(() => {
+  const sortableItems = React16.useMemo(() => {
     return selectedSortColumns.map((item) => ({
       id: item.id,
       label: item.name,
-      content: /* @__PURE__ */ React14__default.default.createElement("div", {
+      content: /* @__PURE__ */ React16__default.default.createElement("div", {
         className: MultiColumnSortDialog_default.sortColumnItem
-      }, /* @__PURE__ */ React14__default.default.createElement("span", {
+      }, /* @__PURE__ */ React16__default.default.createElement("span", {
         className: classNames9__default.default(MultiColumnSortDialog_default.sortColumnName, MultiColumnSortDialog_default.truncate)
-      }, item.name), /* @__PURE__ */ React14__default.default.createElement(button.Button, {
+      }, item.name), /* @__PURE__ */ React16__default.default.createElement(button.Button, {
         className: MultiColumnSortDialog_default.sortDirectionButton,
         onClick: () => handleToggleSortDirection(item.id),
         "aria-label": `Toggle sort direction for ${item.name}`
-      }, item.direction === "asc" ? /* @__PURE__ */ React14__default.default.createElement(icons.SortAlphabetical, {
+      }, item.direction === "asc" ? /* @__PURE__ */ React16__default.default.createElement(icons.SortAlphabetical, {
         className: MultiColumnSortDialog_default.sortIcon
-      }) : /* @__PURE__ */ React14__default.default.createElement(icons.SortAlphabeticalDesc, {
+      }) : /* @__PURE__ */ React16__default.default.createElement(icons.SortAlphabeticalDesc, {
         className: MultiColumnSortDialog_default.sortIcon
       })))
     }));
   }, [selectedSortColumns, handleToggleSortDirection]);
-  const footer = React14.useMemo(() => /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, /* @__PURE__ */ React14__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  const footer = React16.useMemo(() => /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, /* @__PURE__ */ React16__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     onClick: onClose
-  }, "Cancel"), /* @__PURE__ */ React14__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  }, "Cancel"), /* @__PURE__ */ React16__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     variant: "primary",
     onClick: handleApply
   }, "Apply")), [handleApply, onClose]);
-  return /* @__PURE__ */ React14__default.default.createElement(chunkC6IPNPMZ_cjs.Dialog, {
+  return /* @__PURE__ */ React16__default.default.createElement(chunkC6IPNPMZ_cjs.Dialog, {
     isOpen,
     onOpenChange: onClose,
     title: DialogTitle2,
     footer
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: MultiColumnSortDialog_default.sortColumnsList
-  }, /* @__PURE__ */ React14__default.default.createElement(SortableItemsList, {
+  }, /* @__PURE__ */ React16__default.default.createElement(SortableItemsList, {
     items: sortableItems,
     onReorder: handleReorderSortColumns,
     onRemove: handleRemoveSortColumn,
     className: MultiColumnSortDialog_default.sortableList
-  }), /* @__PURE__ */ React14__default.default.createElement(chunkPOHAXPLQ_cjs.SearchableMenu, {
+  }), /* @__PURE__ */ React16__default.default.createElement(chunkPOHAXPLQ_cjs.SearchableMenu, {
     items: searchableMenuItems,
     onItemSelected: handleMenuItemSelected,
-    trigger: /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, /* @__PURE__ */ React14__default.default.createElement(icons.Add, {
+    trigger: /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, /* @__PURE__ */ React16__default.default.createElement(icons.Add, {
       className: MultiColumnSortDialog_default.addIcon
-    }), /* @__PURE__ */ React14__default.default.createElement("span", {
+    }), /* @__PURE__ */ React16__default.default.createElement("span", {
       className: MultiColumnSortDialog_default.addColumnText
-    }, "Add Column to Sort"), /* @__PURE__ */ React14__default.default.createElement(icons.CaretDown, null)),
+    }, "Add Column to Sort"), /* @__PURE__ */ React16__default.default.createElement(icons.CaretDown, null)),
     triggerClassName: MultiColumnSortDialog_default.addColumnButton,
     disabled: availableColumns.length === 0,
     searchPlaceholder: "Search columns",
     emptyMessage: "No matching columns"
   })));
 }
-var DialogTitle2 = /* @__PURE__ */ React14__default.default.createElement("div", {
+var DialogTitle2 = /* @__PURE__ */ React16__default.default.createElement("div", {
   className: MultiColumnSortDialog_default.title
-}, /* @__PURE__ */ React14__default.default.createElement(icons.Cog, null), "Sort on Multiple Columns");
+}, /* @__PURE__ */ React16__default.default.createElement(icons.Cog, null), "Sort on Multiple Columns");
 
 // src/object-table/TableHeader.module.css
 var TableHeader_default = {};
@@ -2144,7 +2205,7 @@ var TableHeaderContent_default = {};
 function TableHeaderContent({
   header
 }) {
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableHeaderContent_default.osdkHeaderContent
   }, reactTable.flexRender(header.column.columnDef.header, header.getContext()));
 }
@@ -2159,13 +2220,13 @@ function HeaderMenuItem({
   label,
   active = false
 }) {
-  return /* @__PURE__ */ React14__default.default.createElement(menu.Menu.Item, {
+  return /* @__PURE__ */ React16__default.default.createElement(menu.Menu.Item, {
     closeOnClick: true,
     className: classNames9__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
     onClick
-  }, /* @__PURE__ */ React14__default.default.createElement(Icon, {
+  }, /* @__PURE__ */ React16__default.default.createElement(Icon, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }), /* @__PURE__ */ React14__default.default.createElement("span", null, label));
+  }), /* @__PURE__ */ React16__default.default.createElement("span", null, label));
 }
 function TableHeaderWithPopover({
   header,
@@ -2190,8 +2251,8 @@ function TableHeaderWithPopover({
     setSorting
   } = table;
   const currentSorting = table.getState().sorting;
-  const [isOpen, setIsOpen] = React14.useState(false);
-  const handlePinLeft = React14.useCallback(() => {
+  const [isOpen, setIsOpen] = React16.useState(false);
+  const handlePinLeft = React16.useCallback(() => {
     setColumnPinning((prev) => {
       return {
         left: [...prev.left || [], header.column.id],
@@ -2199,7 +2260,7 @@ function TableHeaderWithPopover({
       };
     });
   }, [header.column.id, setColumnPinning]);
-  const handleUnpin = React14.useCallback(() => {
+  const handleUnpin = React16.useCallback(() => {
     setColumnPinning((prev) => {
       return {
         left: prev.left?.filter((id) => id !== header.column.id) || [],
@@ -2207,42 +2268,42 @@ function TableHeaderWithPopover({
       };
     });
   }, [header.column.id, setColumnPinning]);
-  const handleSortAscending = React14.useCallback(() => {
+  const handleSortAscending = React16.useCallback(() => {
     header.column.toggleSorting(false);
     setSorting?.([{
       id: header.column.id,
       desc: false
     }]);
   }, [header.column, setSorting]);
-  const handleSortDescending = React14.useCallback(() => {
+  const handleSortDescending = React16.useCallback(() => {
     header.column.toggleSorting(true);
     setSorting?.([{
       id: header.column.id,
       desc: true
     }]);
   }, [header.column, setSorting]);
-  const handleClearAllSorts = React14.useCallback(() => {
+  const handleClearAllSorts = React16.useCallback(() => {
     header.column.clearSorting();
     setSorting?.([]);
   }, [header.column, setSorting]);
-  const handleResetSize = React14.useCallback(() => {
+  const handleResetSize = React16.useCallback(() => {
     header.column.resetSize();
     if (onResetSize) {
       onResetSize();
     }
   }, [header.column, onResetSize]);
-  const handleInteraction = React14.useCallback((e) => {
+  const handleInteraction = React16.useCallback((e) => {
     e.preventDefault();
     setIsOpen((prev) => !prev);
   }, []);
-  const handleHeaderClick = React14.useCallback(() => {
+  const handleHeaderClick = React16.useCallback(() => {
     onColumnHeaderClick?.(header.column.id);
   }, [header.column.id, onColumnHeaderClick]);
-  const handleOpenColumnConfig = React14.useCallback(() => {
+  const handleOpenColumnConfig = React16.useCallback(() => {
     onOpenColumnConfig?.();
     setIsOpen(false);
   }, [onOpenColumnConfig]);
-  const handleOpenMultiSort = React14.useCallback(() => {
+  const handleOpenMultiSort = React16.useCallback(() => {
     onOpenMultiSort?.();
     setIsOpen(false);
   }, [onOpenMultiSort]);
@@ -2250,73 +2311,73 @@ function TableHeaderWithPopover({
   const isSortable = header.column.getCanSort();
   const sortIndex = currentSorting?.findIndex((s) => s.id === header.column.id) ?? -1;
   const hasAnyMenuItems = showPinningItems || showSortingItems && isSortable || showResizeItem || showConfigItem;
-  return /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, /* @__PURE__ */ React14__default.default.createElement(menu.Menu.Root, {
+  return /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, /* @__PURE__ */ React16__default.default.createElement(menu.Menu.Root, {
     open: isOpen,
     onOpenChange: setIsOpen,
     modal: false
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
     onContextMenu: handleInteraction
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft, onColumnHeaderClick && TableHeaderWithPopover_default.osdkHeaderContentLeftClickable),
     onClick: onColumnHeaderClick ? handleHeaderClick : void 0
-  }, isColumnPinned && /* @__PURE__ */ React14__default.default.createElement(icons.Pin, {
+  }, isColumnPinned && /* @__PURE__ */ React16__default.default.createElement(icons.Pin, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }), /* @__PURE__ */ React14__default.default.createElement(TableHeaderContent, {
+  }), /* @__PURE__ */ React16__default.default.createElement(TableHeaderContent, {
     header
-  })), /* @__PURE__ */ React14__default.default.createElement("div", {
+  })), /* @__PURE__ */ React16__default.default.createElement("div", {
     className: classNames9__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
-  }, isSorted && /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, isSorted && /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableHeaderWithPopover_default.osdkCenterContainer
-  }, isSorted === "asc" ? /* @__PURE__ */ React14__default.default.createElement(icons.SortAlphabetical, {
+  }, isSorted === "asc" ? /* @__PURE__ */ React16__default.default.createElement(icons.SortAlphabetical, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }) : /* @__PURE__ */ React14__default.default.createElement(icons.SortAlphabeticalDesc, {
+  }) : /* @__PURE__ */ React16__default.default.createElement(icons.SortAlphabeticalDesc, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }), currentSorting.length > 1 && sortIndex >= 0 && /* @__PURE__ */ React14__default.default.createElement("span", {
+  }), currentSorting.length > 1 && sortIndex >= 0 && /* @__PURE__ */ React16__default.default.createElement("span", {
     className: TableHeaderWithPopover_default.sortIndex
-  }, sortIndex + 1)), hasAnyMenuItems && /* @__PURE__ */ React14__default.default.createElement(menu.Menu.Trigger, {
+  }, sortIndex + 1)), hasAnyMenuItems && /* @__PURE__ */ React16__default.default.createElement(menu.Menu.Trigger, {
     "aria-label": `Open header menu for column with id=${header.column.id}`,
     className: classNames9__default.default(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
-  }, /* @__PURE__ */ React14__default.default.createElement(icons.ChevronDown, {
+  }, /* @__PURE__ */ React16__default.default.createElement(icons.ChevronDown, {
     className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }))), /* @__PURE__ */ React14__default.default.createElement(menu.Menu.Portal, {
+  }))), /* @__PURE__ */ React16__default.default.createElement(menu.Menu.Portal, {
     container: portalContainer
-  }, /* @__PURE__ */ React14__default.default.createElement(menu.Menu.Positioner, {
+  }, /* @__PURE__ */ React16__default.default.createElement(menu.Menu.Positioner, {
     sideOffset: 4
-  }, /* @__PURE__ */ React14__default.default.createElement(menu.Menu.Popup, {
+  }, /* @__PURE__ */ React16__default.default.createElement(menu.Menu.Popup, {
     className: TableHeaderWithPopover_default.osdkHeaderPopup
-  }, showPinningItems && !isColumnPinned && /* @__PURE__ */ React14__default.default.createElement(HeaderMenuItem, {
+  }, showPinningItems && !isColumnPinned && /* @__PURE__ */ React16__default.default.createElement(HeaderMenuItem, {
     onClick: handlePinLeft,
     icon: icons.Pin,
     label: "Pin column"
-  }), showPinningItems && isColumnPinned && /* @__PURE__ */ React14__default.default.createElement(HeaderMenuItem, {
+  }), showPinningItems && isColumnPinned && /* @__PURE__ */ React16__default.default.createElement(HeaderMenuItem, {
     onClick: handleUnpin,
     icon: icons.Unpin,
     label: "Unpin Column",
     active: true
-  }), showSortingItems && isSortable && /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, /* @__PURE__ */ React14__default.default.createElement(HeaderMenuItem, {
+  }), showSortingItems && isSortable && /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, /* @__PURE__ */ React16__default.default.createElement(HeaderMenuItem, {
     onClick: handleSortAscending,
     icon: icons.SortAlphabetical,
     label: "Sort ascending",
     active: isSorted === "asc"
-  }), /* @__PURE__ */ React14__default.default.createElement(HeaderMenuItem, {
+  }), /* @__PURE__ */ React16__default.default.createElement(HeaderMenuItem, {
     onClick: handleSortDescending,
     icon: icons.SortAlphabeticalDesc,
     label: "Sort descending",
     active: isSorted === "desc"
-  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React14__default.default.createElement(HeaderMenuItem, {
+  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React16__default.default.createElement(HeaderMenuItem, {
     onClick: handleOpenMultiSort,
     icon: icons.Sort,
     label: "Sort on multiple columns"
-  })), showSortingItems && !!currentSorting?.length && /* @__PURE__ */ React14__default.default.createElement(HeaderMenuItem, {
+  })), showSortingItems && !!currentSorting?.length && /* @__PURE__ */ React16__default.default.createElement(HeaderMenuItem, {
     onClick: handleClearAllSorts,
     icon: icons.Remove,
     label: "Clear all sorts"
-  }), showResizeItem && /* @__PURE__ */ React14__default.default.createElement(HeaderMenuItem, {
+  }), showResizeItem && /* @__PURE__ */ React16__default.default.createElement(HeaderMenuItem, {
     onClick: handleResetSize,
     icon: icons.VerticalDistribution,
     label: "Reset Column Size"
-  }), showConfigItem && /* @__PURE__ */ React14__default.default.createElement(HeaderMenuItem, {
+  }), showConfigItem && /* @__PURE__ */ React16__default.default.createElement(HeaderMenuItem, {
     onClick: handleOpenColumnConfig,
     icon: icons.Settings,
     label: "Configure Columns"
@@ -2371,25 +2432,25 @@ function TableHeader({
   const currentVisibility = table.getState().columnVisibility;
   const currentColumnOrder = table.getState().columnOrder;
   const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;
-  const [configDialogOpen, setConfigDialogOpen] = React14.useState(false);
-  const [multiSortDialogOpen, setMultiSortDialogOpen] = React14.useState(false);
-  const handleOpenColumnConfig = React14.useCallback(() => {
+  const [configDialogOpen, setConfigDialogOpen] = React16.useState(false);
+  const [multiSortDialogOpen, setMultiSortDialogOpen] = React16.useState(false);
+  const handleOpenColumnConfig = React16.useCallback(() => {
     setConfigDialogOpen(true);
   }, []);
-  const handleCloseColumnConfig = React14.useCallback(() => {
+  const handleCloseColumnConfig = React16.useCallback(() => {
     setConfigDialogOpen(false);
   }, []);
-  const handleOpenMultiSort = React14.useCallback(() => {
+  const handleOpenMultiSort = React16.useCallback(() => {
     setMultiSortDialogOpen(true);
   }, []);
-  const handleCloseMultiSort = React14.useCallback(() => {
+  const handleCloseMultiSort = React16.useCallback(() => {
     setMultiSortDialogOpen(false);
   }, []);
-  const handleApplyMultiSort = React14.useCallback((sortColumns) => {
+  const handleApplyMultiSort = React16.useCallback((sortColumns) => {
     setMultiSortDialogOpen(false);
     setSorting?.(sortColumns);
   }, [setSorting]);
-  const handleApplyColumnConfig = React14.useCallback((updates) => {
+  const handleApplyColumnConfig = React16.useCallback((updates) => {
     const newVisibilityState = {};
     for (const update of updates) {
       newVisibilityState[update.columnId] = update.isVisible;
@@ -2397,7 +2458,7 @@ function TableHeader({
     setColumnOrder(updates.map((col) => col.columnId));
     setColumnVisibility(newVisibilityState);
   }, [setColumnOrder, setColumnVisibility]);
-  const columnOptions = React14.useMemo(() => {
+  const columnOptions = React16.useMemo(() => {
     const allHeaders = table.getHeaderGroups().flatMap((headerGroup) => headerGroup.headers);
     return table.getAllColumns().filter((column) => column.id !== SELECTION_COLUMN_ID).map((column) => {
       return {
@@ -2407,10 +2468,10 @@ function TableHeader({
       };
     });
   }, [table]);
-  return /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, /* @__PURE__ */ React14__default.default.createElement("thead", {
+  return /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, /* @__PURE__ */ React16__default.default.createElement("thead", {
     className: TableHeader_default.osdkTableHeader,
     "data-resizing": isResizing
-  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React14__default.default.createElement("tr", {
+  }, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React16__default.default.createElement("tr", {
     key: headerGroup.id,
     className: TableHeader_default.osdkTableHeaderRow
   }, headerGroup.headers.map((header) => {
@@ -2419,16 +2480,16 @@ function TableHeader({
     } = getColumnPinningStyles(header.column);
     const isColumnPinned = header.column.getIsPinned();
     const isSelectColumn = header.id === SELECTION_COLUMN_ID;
-    return /* @__PURE__ */ React14__default.default.createElement("th", {
+    return /* @__PURE__ */ React16__default.default.createElement("th", {
       key: header.id,
       "data-pinned": header.column.getIsPinned(),
       className: classNames9__default.default(TableHeader_default.osdkTableHeaderCell, {
         [TableHeader_default.osdkTableSelectionHeaderCell]: isSelectColumn
       }),
       style: columnStyles
-    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React14__default.default.createElement(TableHeaderContent, {
+    }, header.isPlaceholder ? null : isSelectColumn ? /* @__PURE__ */ React16__default.default.createElement(TableHeaderContent, {
       header
-    }) : /* @__PURE__ */ React14__default.default.createElement(TableHeaderWithPopover, {
+    }) : /* @__PURE__ */ React16__default.default.createElement(TableHeaderWithPopover, {
       table,
       header,
       isColumnPinned,
@@ -2437,20 +2498,20 @@ function TableHeader({
       onOpenColumnConfig: handleOpenColumnConfig,
       onOpenMultiSort: handleOpenMultiSort,
       onColumnHeaderClick
-    }), header.column.getCanResize() && headerMenuFeatureFlags?.showResizeItem !== false && /* @__PURE__ */ React14__default.default.createElement("div", {
+    }), header.column.getCanResize() && headerMenuFeatureFlags?.showResizeItem !== false && /* @__PURE__ */ React16__default.default.createElement("div", {
       className: TableHeader_default.osdkTableHeaderResizer,
       onDoubleClick: () => header.column.resetSize(),
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler()
     }));
-  })))), !!columnOptions?.length && /* @__PURE__ */ React14__default.default.createElement(ColumnConfigDialog, {
+  })))), !!columnOptions?.length && /* @__PURE__ */ React16__default.default.createElement(ColumnConfigDialog, {
     isOpen: configDialogOpen,
     onClose: handleCloseColumnConfig,
     columnOptions,
     currentVisibility,
     currentColumnOrder,
     onApply: handleApplyColumnConfig
-  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React14__default.default.createElement(MultiColumnSortDialog, {
+  }), columnOptions?.some((col) => col.canSort) && /* @__PURE__ */ React16__default.default.createElement(MultiColumnSortDialog, {
     isOpen: multiSortDialogOpen,
     onClose: handleCloseMultiSort,
     columnOptions,
@@ -2469,13 +2530,13 @@ function LoadingStateTable({
 }) {
   const enableRowSelection = table.options.enableRowSelection;
   const minHeaderCount = enableRowSelection ? 1 : 0;
-  const headers = React14.useMemo(() => headerGroups.length > 0 ? headerGroups[0].headers : [], [headerGroups]);
+  const headers = React16.useMemo(() => headerGroups.length > 0 ? headerGroups[0].headers : [], [headerGroups]);
   const hasHeadersLoaded = headers.length > minHeaderCount;
-  const headerRef = React14.useRef(null);
-  const bodyRef = React14.useRef(null);
-  const [loadingRowCount, setLoadingRowCount] = React14.useState(MIN_LOADING_ROWS);
-  const [loadingColumnCount, setLoadingColumnCount] = React14.useState(headers.length);
-  React14.useEffect(() => {
+  const headerRef = React16.useRef(null);
+  const bodyRef = React16.useRef(null);
+  const [loadingRowCount, setLoadingRowCount] = React16.useState(MIN_LOADING_ROWS);
+  const [loadingColumnCount, setLoadingColumnCount] = React16.useState(headers.length);
+  React16.useEffect(() => {
     if (hasHeadersLoaded) {
       setLoadingColumnCount(headers.length);
     } else {
@@ -2488,7 +2549,7 @@ function LoadingStateTable({
       }
     }
   }, [columnWidth, hasHeadersLoaded, headers, tableContainerRef]);
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     if (tableContainerRef.current) {
       const containerHeight = tableContainerRef.current.clientHeight;
       const availableHeight = containerHeight - rowHeight;
@@ -2498,32 +2559,32 @@ function LoadingStateTable({
       }
     }
   }, [tableContainerRef, rowHeight]);
-  return /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, hasHeadersLoaded ? /* @__PURE__ */ React14__default.default.createElement(TableHeader, {
+  return /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, hasHeadersLoaded ? /* @__PURE__ */ React16__default.default.createElement(TableHeader, {
     table
-  }) : /* @__PURE__ */ React14__default.default.createElement("thead", {
+  }) : /* @__PURE__ */ React16__default.default.createElement("thead", {
     className: TableHeader_default.osdkTableHeader,
     ref: headerRef
-  }, /* @__PURE__ */ React14__default.default.createElement("tr", {
+  }, /* @__PURE__ */ React16__default.default.createElement("tr", {
     className: TableHeader_default.osdkTableHeaderRow
   }, Array.from({
     length: loadingColumnCount
   }).map((_, index) => {
     const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React14__default.default.createElement("th", {
+    return /* @__PURE__ */ React16__default.default.createElement("th", {
       key: `loading-header-${index}`,
       className: TableHeader_default.osdkTableHeaderCell,
       style: {
         width
       }
-    }, /* @__PURE__ */ React14__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
+    }, /* @__PURE__ */ React16__default.default.createElement(chunk7LXS66DW_cjs.SkeletonBar, {
       className: classNames9__default.default(TableHeader_default.osdkLoadingHeaderCell, LoadingCell_default.osdkCellSkeleton)
     }));
-  }))), /* @__PURE__ */ React14__default.default.createElement("tbody", {
+  }))), /* @__PURE__ */ React16__default.default.createElement("tbody", {
     className: TableBody_default.osdkTableBody,
     ref: bodyRef
   }, Array.from({
     length: loadingRowCount
-  }).map((_, index) => /* @__PURE__ */ React14__default.default.createElement(LoadingRow, {
+  }).map((_, index) => /* @__PURE__ */ React16__default.default.createElement(LoadingRow, {
     key: `skeleton-${index}`,
     columnCount: loadingColumnCount,
     headers,
@@ -2540,9 +2601,9 @@ var NonIdealState_default = {};
 function NonIdealState({
   message
 }) {
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: NonIdealState_default.container
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: NonIdealState_default.message
   }, message));
 }
@@ -2560,8 +2621,8 @@ function CellContextMenu({
   onClose,
   renderContent
 }) {
-  const ref = React14.useRef(null);
-  React14.useEffect(() => {
+  const ref = React16.useRef(null);
+  React16.useEffect(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         onClose();
@@ -2572,7 +2633,7 @@ function CellContextMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  return /* @__PURE__ */ reactDom.createPortal(/* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ reactDom.createPortal(/* @__PURE__ */ React16__default.default.createElement("div", {
     ref,
     className: CellContextMenu_default.osdkCellContextMenu,
     style: {
@@ -2585,9 +2646,9 @@ function CellContextMenu({
 var useCellContextMenu = ({
   tdRef
 }) => {
-  const [popoverPosition, setPopoverPosition] = React14.useState(null);
-  const [isContextMenuOpen, setIsContextMenuOpen] = React14.useState(false);
-  const handleOpenContextMenu = React14.useCallback((event) => {
+  const [popoverPosition, setPopoverPosition] = React16.useState(null);
+  const [isContextMenuOpen, setIsContextMenuOpen] = React16.useState(false);
+  const handleOpenContextMenu = React16.useCallback((event) => {
     event.preventDefault();
     event.stopPropagation();
     if (tdRef.current) {
@@ -2601,7 +2662,7 @@ var useCellContextMenu = ({
       setIsContextMenuOpen(true);
     }
   }, [tdRef]);
-  const handleCloseContextMenu = React14.useCallback(() => {
+  const handleCloseContextMenu = React16.useCallback(() => {
     setIsContextMenuOpen(false);
     setPopoverPosition(null);
   }, []);
@@ -2618,7 +2679,7 @@ function TableCell({
   cell,
   renderCellContextMenu
 }) {
-  const tdRef = React14.useRef(null);
+  const tdRef = React16.useRef(null);
   const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;
   const {
     isContextMenuOpen,
@@ -2635,16 +2696,16 @@ function TableCell({
   const tableMeta = cell.getContext().table.options.meta;
   const columnMeta = cell.column.columnDef.meta;
   const isEditable = shouldShowEditableCell(isCellEditable(columnMeta?.editable, cell.row.original), tableMeta?.onCellEdit, tableMeta?.isInEditMode);
-  return /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, /* @__PURE__ */ React14__default.default.createElement("td", {
+  return /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, /* @__PURE__ */ React16__default.default.createElement("td", {
     ref: tdRef,
     "data-pinned": cell.column.getIsPinned(),
     "data-editable": isEditable ? "true" : void 0,
     className: TableCell_default.osdkTableCell,
     style: columnStyles,
     onContextMenu: handleOpenContextMenu
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableCell_default.osdkTableCellContent
-  }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()))), shouldRenderContextMenu && /* @__PURE__ */ React14__default.default.createElement(CellContextMenu, {
+  }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()))), shouldRenderContextMenu && /* @__PURE__ */ React16__default.default.createElement(CellContextMenu, {
     cell,
     position: popoverPosition,
     onClose: handleCloseContextMenu,
@@ -2672,21 +2733,21 @@ function TableRow({
   isInEditMode,
   getRowAttributes
 }) {
-  const handleClickCapture = React14.useCallback(() => {
+  const handleClickCapture = React16.useCallback(() => {
     setFocusedRowId?.(row.id);
   }, [row.id, setFocusedRowId]);
-  const handleClick = React14.useCallback(() => {
+  const handleClick = React16.useCallback(() => {
     if (!isInEditMode) {
       onRowClick?.(row.original);
     }
   }, [isInEditMode, onRowClick, row.original]);
-  const customRowAttributes = React14.useMemo(() => {
+  const customRowAttributes = React16.useMemo(() => {
     if (!getRowAttributes) {
       return;
     }
     return Object.fromEntries(Object.entries(getRowAttributes(row.original)).filter((entry) => entry[1] != null));
   }, [getRowAttributes, row.original]);
-  return /* @__PURE__ */ React14__default.default.createElement("tr", _extends4({}, customRowAttributes, {
+  return /* @__PURE__ */ React16__default.default.createElement("tr", _extends4({}, customRowAttributes, {
     "data-selected": row.getIsSelected(),
     "data-focused": isFocused,
     "data-row-parity": virtualRow.index % 2 === 0 ? "even" : "odd",
@@ -2697,7 +2758,7 @@ function TableRow({
     },
     onClickCapture: handleClickCapture,
     onClick: handleClick
-  }), row.getVisibleCells().map((cell) => /* @__PURE__ */ React14__default.default.createElement(TableCell, {
+  }), row.getVisibleCells().map((cell) => /* @__PURE__ */ React16__default.default.createElement(TableCell, {
     key: cell.id,
     cell,
     renderCellContextMenu
@@ -2724,20 +2785,20 @@ function TableBody({
     getScrollElement: () => tableContainerRef.current,
     overscan: VIRTUALIZER_OVERSCAN
   });
-  React14.useLayoutEffect(() => {
+  React16.useLayoutEffect(() => {
     rowVirtualizer.measure();
   }, [rowVirtualizer, rows.length]);
   const totalSize = rowVirtualizer.getTotalSize();
   const bodyHeight = isLoadingMore ? totalSize + rowHeight : totalSize;
   const headers = headerGroups[0]?.headers ?? [];
-  return /* @__PURE__ */ React14__default.default.createElement("tbody", {
+  return /* @__PURE__ */ React16__default.default.createElement("tbody", {
     className: TableBody_default.osdkTableBody,
     style: {
       height: `${bodyHeight}px`
     }
   }, rowVirtualizer.getVirtualItems().map((virtualRow) => {
     const row = rows[virtualRow.index];
-    return /* @__PURE__ */ React14__default.default.createElement(TableRow, {
+    return /* @__PURE__ */ React16__default.default.createElement(TableRow, {
       key: row.id,
       row,
       virtualRow,
@@ -2748,7 +2809,7 @@ function TableBody({
       isInEditMode,
       getRowAttributes
     });
-  }), isLoadingMore && /* @__PURE__ */ React14__default.default.createElement(LoadingRow, {
+  }), isLoadingMore && /* @__PURE__ */ React16__default.default.createElement(LoadingRow, {
     headers,
     translateY: totalSize,
     rowHeight,
@@ -2773,10 +2834,10 @@ function TableEditContainer({
   } = editableConfig;
   const hasEdits = Object.keys(cellEdits ?? {}).length > 0;
   const hasValidationError = (validationErrors?.size ?? 0) > 0;
-  const [isSubmitting, setIsSubmitting] = React14.useState(false);
+  const [isSubmitting, setIsSubmitting] = React16.useState(false);
   const isInEditMode = editModeState.isActive;
   const canToggleEditMode = editModeState.type === "manual";
-  const handleSubmitEdits = React14.useCallback(async () => {
+  const handleSubmitEdits = React16.useCallback(async () => {
     setIsSubmitting(true);
     try {
       const success = await onSubmitEdits?.();
@@ -2790,40 +2851,40 @@ function TableEditContainer({
       setIsSubmitting(false);
     }
   }, [editModeState, onSubmitEdits, clearEdits]);
-  const handleCancelEdits = React14.useCallback(() => {
+  const handleCancelEdits = React16.useCallback(() => {
     clearEdits?.();
     if (editModeState?.type === "manual") {
       editModeState.setActive(false);
     }
   }, [clearEdits, editModeState]);
-  const handleEnterEditMode = React14.useCallback(() => {
+  const handleEnterEditMode = React16.useCallback(() => {
     if (editModeState?.type === "manual") {
       editModeState.setActive(true);
     }
   }, [editModeState]);
-  return /* @__PURE__ */ React14__default.default.createElement("div", {
+  return /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableEditContainer_default.tableEditContainer
-  }, hasEdits || hasValidationError ? /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, hasEdits || hasValidationError ? /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableEditContainer_default.editsInfoContainer
-  }, hasEdits && /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, hasEdits && /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableEditContainer_default.modificationCount
-  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`), hasEdits && hasValidationError && /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`), hasEdits && hasValidationError && /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableEditContainer_default.divider
-  }), hasValidationError && /* @__PURE__ */ React14__default.default.createElement("div", {
+  }), hasValidationError && /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableEditContainer_default.validationError
-  }, /* @__PURE__ */ React14__default.default.createElement(icons.Error, {
+  }, /* @__PURE__ */ React16__default.default.createElement(icons.Error, {
     className: TableEditContainer_default.errorIcon
-  }), "Validation error")) : isInEditMode && !hasFocusedRow && /* @__PURE__ */ React14__default.default.createElement("div", {
+  }), "Validation error")) : isInEditMode && !hasFocusedRow && /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableEditContainer_default.placeholder
-  }, "Select a row to edit data\u2026"), /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, "Select a row to edit data\u2026"), /* @__PURE__ */ React16__default.default.createElement("div", {
     className: TableEditContainer_default.editButtons
-  }, !isInEditMode && canToggleEditMode && /* @__PURE__ */ React14__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  }, !isInEditMode && canToggleEditMode && /* @__PURE__ */ React16__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     variant: "primary",
     onClick: handleEnterEditMode
-  }, "Edit Table"), isInEditMode && canToggleEditMode && /* @__PURE__ */ React14__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  }, "Edit Table"), isInEditMode && canToggleEditMode && /* @__PURE__ */ React16__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     variant: "secondary",
     onClick: handleCancelEdits
-  }, "Cancel"), isInEditMode && !!onSubmitEdits && /* @__PURE__ */ React14__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
+  }, "Cancel"), isInEditMode && !!onSubmitEdits && /* @__PURE__ */ React16__default.default.createElement(chunkMD4KDE44_cjs.ActionButton, {
     variant: "primary",
     onClick: handleSubmitEdits,
     disabled: !hasEdits || isSubmitting || hasValidationError
@@ -2832,7 +2893,7 @@ function TableEditContainer({
 
 // src/object-table/Table.tsx
 function BaseTable(props) {
-  return /* @__PURE__ */ React14__default.default.createElement(PortalTrackerProvider, null, /* @__PURE__ */ React14__default.default.createElement(BaseTableInner, props));
+  return /* @__PURE__ */ React16__default.default.createElement(PortalTrackerProvider, null, /* @__PURE__ */ React16__default.default.createElement(BaseTableInner, props));
 }
 function BaseTableInner({
   table,
@@ -2852,10 +2913,10 @@ function BaseTableInner({
   focusedRowId: focusedRowIdProp,
   onFocusedRowChanged
 }) {
-  const tableContainerRef = React14.useRef(null);
-  const objectTablePortalRef = React14.useRef(null);
-  const [isLoadingMore, setIsLoadingMore] = React14.useState(false);
-  const getRowById = React14.useCallback((id) => {
+  const tableContainerRef = React16.useRef(null);
+  const objectTablePortalRef = React16.useRef(null);
+  const [isLoadingMore, setIsLoadingMore] = React16.useState(false);
+  const getRowById = React16.useCallback((id) => {
     try {
       return table.getRow(id, true)?.original ?? null;
     } catch {
@@ -2874,13 +2935,13 @@ function BaseTableInner({
   if (table.options.meta) {
     table.options.meta.focusedRowId = focusedRowId;
   }
-  const fetchingRef = React14.useRef(false);
-  React14.useEffect(() => {
+  const fetchingRef = React16.useRef(false);
+  React16.useEffect(() => {
     if (!isLoading || fetchNextPage == null) {
       setIsLoadingMore(false);
     }
   }, [isLoading, fetchNextPage]);
-  const fetchMoreOnEndReached = React14.useCallback(async (containerRefElement) => {
+  const fetchMoreOnEndReached = React16.useCallback(async (containerRefElement) => {
     if (containerRefElement && !fetchingRef.current && !isLoadingMore) {
       const {
         scrollHeight,
@@ -2898,14 +2959,14 @@ function BaseTableInner({
       }
     }
   }, [fetchNextPage, isLoading, isLoadingMore]);
-  const handleScroll = React14.useCallback(async (e) => {
+  const handleScroll = React16.useCallback(async (e) => {
     await fetchMoreOnEndReached(e.currentTarget);
   }, [fetchMoreOnEndReached]);
   const rows = table.getRowModel().rows;
   const headerGroups = table.getHeaderGroups();
   const hasData = rows.length > 0;
   const hasEditableColumns = table.getAllColumns().some((column) => isColumnDeclaredEditable(column.columnDef.meta?.editable));
-  React14.useEffect(() => {
+  React16.useEffect(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (tableContainerRef.current && !tableContainerRef.current.contains(target) && !portalTracker?.containsElement(target)) {
@@ -2917,25 +2978,25 @@ function BaseTableInner({
       document.removeEventListener("pointerdown", handleClickOutside);
     };
   }, [portalTracker, setFocusedRowId]);
-  return /* @__PURE__ */ React14__default.default.createElement(chunkDWNKXV5E_cjs.PortalContainerProvider, {
+  return /* @__PURE__ */ React16__default.default.createElement(chunkDWNKXV5E_cjs.PortalContainerProvider, {
     container: objectTablePortalRef
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     ref: objectTablePortalRef,
     className: classNames9__default.default(Table_default.osdkTableWrapper, className)
-  }, /* @__PURE__ */ React14__default.default.createElement("div", {
+  }, /* @__PURE__ */ React16__default.default.createElement("div", {
     ref: tableContainerRef,
     className: Table_default.osdkTableContainer,
     onScroll: handleScroll
-  }, /* @__PURE__ */ React14__default.default.createElement("table", null, isLoading && !hasData ? /* @__PURE__ */ React14__default.default.createElement(LoadingStateTable, {
+  }, /* @__PURE__ */ React16__default.default.createElement("table", null, isLoading && !hasData ? /* @__PURE__ */ React16__default.default.createElement(LoadingStateTable, {
     table,
     headerGroups,
     rowHeight,
     tableContainerRef
-  }) : /* @__PURE__ */ React14__default.default.createElement(React14__default.default.Fragment, null, /* @__PURE__ */ React14__default.default.createElement(TableHeader, {
+  }) : /* @__PURE__ */ React16__default.default.createElement(React16__default.default.Fragment, null, /* @__PURE__ */ React16__default.default.createElement(TableHeader, {
     table,
     headerMenuFeatureFlags,
     onColumnHeaderClick
-  }), /* @__PURE__ */ React14__default.default.createElement(TableBody, {
+  }), /* @__PURE__ */ React16__default.default.createElement(TableBody, {
     rows,
     tableContainerRef,
     onRowClick,
@@ -2947,11 +3008,11 @@ function BaseTableInner({
     setFocusedRowId,
     isInEditMode: editableConfig?.editModeState.isActive,
     getRowAttributes
-  }))), !hasData && error == null && (renderEmptyState != null ? renderEmptyState() : /* @__PURE__ */ React14__default.default.createElement(NonIdealState, {
+  }))), !hasData && error == null && (renderEmptyState != null ? renderEmptyState() : /* @__PURE__ */ React16__default.default.createElement(NonIdealState, {
     message: "No Data"
-  })), error != null && /* @__PURE__ */ React14__default.default.createElement(NonIdealState, {
+  })), error != null && /* @__PURE__ */ React16__default.default.createElement(NonIdealState, {
     message: `Error Loading Data: ${error.message}`
-  })), showEditFooter && hasEditableColumns && editableConfig && /* @__PURE__ */ React14__default.default.createElement(TableEditContainer, {
+  })), showEditFooter && hasEditableColumns && editableConfig && /* @__PURE__ */ React16__default.default.createElement(TableEditContainer, {
     editableConfig,
     hasFocusedRow: focusedRowId != null
   })));
@@ -3037,7 +3098,7 @@ function ObjectTable({
     columns,
     loading: isColumnsLoading
   } = useColumnDefs(objectType, columnDefinitions);
-  const handleRowSelectionChanged = React14.useCallback((change) => {
+  const handleRowSelectionChanged = React16.useCallback((change) => {
     if (!onRowSelectionChanged) return;
     onRowSelectionChanged({
       selectedRows: change.selectedRows,
@@ -3084,7 +3145,7 @@ function ObjectTable({
     hasSelectionColumn: enableRowSelection,
     onColumnsPinnedChanged
   });
-  const allColumns = React14.useMemo(() => {
+  const allColumns = React16.useMemo(() => {
     return selectionColumn ? [selectionColumn, ...columns] : columns;
   }, [selectionColumn, columns]);
   const editableConfig = useEditableTable({
@@ -3139,21 +3200,21 @@ function ObjectTable({
     totalCount,
     orderBy: orderByState
   });
-  React14.useImperativeHandle(tableRef, () => ({
+  React16.useImperativeHandle(tableRef, () => ({
     getSnapshot
   }), [getSnapshot]);
-  const onRenderCellContextMenu = React14.useCallback((row, cell) => {
+  const onRenderCellContextMenu = React16.useCallback((row, cell) => {
     return renderCellContextMenu?.(row, cell.getValue());
   }, [renderCellContextMenu]);
-  const handleColumnHeaderClick = React14.useMemo(() => onColumnHeaderClick ? (columnId) => onColumnHeaderClick(columnId) : void 0, [onColumnHeaderClick]);
+  const handleColumnHeaderClick = React16.useMemo(() => onColumnHeaderClick ? (columnId) => onColumnHeaderClick(columnId) : void 0, [onColumnHeaderClick]);
   const isTableLoading = isLoading || isColumnsLoading;
-  const headerMenuFeatureFlags = React14.useMemo(() => ({
+  const headerMenuFeatureFlags = React16.useMemo(() => ({
     showSortingItems: enableOrdering,
     showPinningItems: enableColumnPinning,
     showResizeItem: enableColumnResizing,
     showConfigItem: enableColumnConfig
   }), [enableOrdering, enableColumnPinning, enableColumnResizing, enableColumnConfig]);
-  return /* @__PURE__ */ React14__default.default.createElement(BaseTable, {
+  return /* @__PURE__ */ React16__default.default.createElement(BaseTable, {
     table,
     isLoading: isTableLoading,
     fetchNextPage: fetchMore,
@@ -3174,7 +3235,7 @@ function ObjectTable({
 }
 
 // src/public/experimental/object-table.ts
-var ObjectTable2 = chunkFO5CHXTP_cjs.withOsdkMetrics(ObjectTable, "ObjectTable");
+var ObjectTable2 = chunkKS2TDPR6_cjs.withOsdkMetrics(ObjectTable, "ObjectTable");
 
 exports.BaseTable = BaseTable;
 exports.ColumnConfigDialog = ColumnConfigDialog;
@@ -3182,5 +3243,5 @@ exports.LoadingCell = LoadingCell;
 exports.LoadingCellContent = LoadingCellContent;
 exports.MultiColumnSortDialog = MultiColumnSortDialog;
 exports.ObjectTable = ObjectTable2;
-//# sourceMappingURL=chunk-LYDFGXDQ.cjs.map
-//# sourceMappingURL=chunk-LYDFGXDQ.cjs.map
+//# sourceMappingURL=chunk-6TPEW5OW.cjs.map
+//# sourceMappingURL=chunk-6TPEW5OW.cjs.map