@wavemaker-ai/react-runtime 1.0.0-rc.309 → 1.0.0-rc.314

package/components/data/table/utils/renderDisplayCell.js

@@ -1,183 +1,141 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderDisplayCell = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _button = require("@wavemaker-ai/react-runtime/components/form/button");
-var _index = require("@wavemaker-ai/react-runtime/components/input/default/checkbox/index");
-var _label = require("@wavemaker-ai/react-runtime/components/basic/label");
-var _index2 = require("./index");
-var _anchor = require("@wavemaker-ai/react-runtime/components/basic/anchor");
-var _icon = require("@wavemaker-ai/react-runtime/components/basic/icon");
-var _picture = require("@wavemaker-ai/react-runtime/components/basic/picture");
-var _lodashEs = require("lodash-es");
-var _hooks = require("../hooks");
-var __jsx = _react["default"].createElement;
-/**
- * Extracts common props from column configuration
- */
-var extractCellProps = function extractCellProps(column, rowData) {
-  var fieldName = (0, _lodashEs.toString)((0, _lodashEs.get)(column, "field", ""));
-  var value = (0, _lodashEs.get)(rowData, fieldName, "");
-
-  // Extract props from column children if it's a React element
-  var childProps = /*#__PURE__*/_react["default"].isValidElement(column.children) ? (0, _lodashEs.get)(column.children, "props", {}) : {};
-  return {
-    fieldName: fieldName,
-    value: value,
-    caption: (0, _lodashEs.get)(childProps, "caption", value),
-    className: (0, _lodashEs.get)(childProps, "className", ""),
-    iconclass: (0, _lodashEs.get)(childProps, "iconclass", ""),
-    onClick: (0, _lodashEs.get)(childProps, "onClick", _lodashEs.noop)
-  };
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-
-/**
- * Creates common props for all widget components
- */
-var createBaseProps = function createBaseProps(fieldName, suffix, className, listener) {
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx } from "react/jsx-runtime";
+import React from "react";
+import { WmButton } from "../../../form/button";
+import { WmCheckbox } from "../../../input/default/checkbox/index";
+import { WmLabel } from "../../../basic/label";
+import { getWidgetMappingForType } from "./widgetMapping";
+import { WmAnchor } from "../../../basic/anchor";
+import { WmIcon } from "../../../basic/icon";
+import { WmPicture } from "../../../basic/picture";
+import { get, toString, isUndefined, noop } from "lodash-es";
+import {
+  getCellValue as getCellStateValue,
+  setCellValue as setCellStateValue
+} from "../hooks/useCellState";
+const extractCellProps = (column, rowData) => {
+  const fieldName = toString(get(column, "field", ""));
+  const value = get(rowData, fieldName, "");
+  const childProps = React.isValidElement(column.children) ? get(column.children, "props", {}) : {};
   return {
-    name: "".concat(fieldName, "_").concat(suffix),
-    className: className,
-    listener: listener
+    fieldName,
+    value,
+    caption: get(childProps, "caption", value),
+    className: get(childProps, "className", ""),
+    iconclass: get(childProps, "iconclass", ""),
+    onClick: get(childProps, "onClick", noop)
   };
 };
-
-/**
- * Widget renderer factory functions
- */
-var widgetRenderers = {
-  WmButton: function WmButton(_ref) {
-    var column = _ref.column,
-      rowData = _ref.rowData,
-      listener = _ref.listener;
-    var _extractCellProps = extractCellProps(column, rowData),
-      fieldName = _extractCellProps.fieldName,
-      caption = _extractCellProps.caption,
-      className = _extractCellProps.className,
-      iconclass = _extractCellProps.iconclass,
-      _onClick = _extractCellProps.onClick;
-    var value = rowData[fieldName] || caption;
-    return __jsx(_button.WmButton, (0, _extends2["default"])({}, createBaseProps(fieldName, "button", className, listener), {
-      iconclass: iconclass,
-      caption: value || "Button",
-      onClick: function onClick(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        _onClick(rowData);
-      }
-    }));
+const createBaseProps = (fieldName, suffix, className, listener) => ({
+  name: `${fieldName}_${suffix}`,
+  className,
+  listener
+});
+const widgetRenderers = {
+  WmButton: ({ column, rowData, listener }) => {
+    const { fieldName, caption, className, iconclass, onClick } = extractCellProps(column, rowData);
+    const value = rowData[fieldName] || caption;
+    return /* @__PURE__ */ jsx(
+      WmButton,
+      __spreadProps(__spreadValues({}, createBaseProps(fieldName, "button", className, listener)), {
+        iconclass,
+        caption: value || "Button",
+        onClick: (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          onClick(rowData);
+        }
+      })
+    );
   },
-  WmCheckbox: function WmCheckbox(_ref2) {
-    var column = _ref2.column,
-      rowData = _ref2.rowData,
-      listener = _ref2.listener,
-      cellState = _ref2.cellState;
-    var _extractCellProps2 = extractCellProps(column, rowData),
-      fieldName = _extractCellProps2.fieldName,
-      value = _extractCellProps2.value,
-      className = _extractCellProps2.className;
-    var rowId = rowData._wmTableRowId || String(rowData.id) || "";
-
-    // Use cell state manager if available, otherwise use the value from data
-    var checkboxValue = cellState ? (0, _hooks.getCellValue)(cellState, rowId, fieldName, !!value) : !!value;
-    return __jsx(_index.WmCheckbox, (0, _extends2["default"])({}, createBaseProps(fieldName, "checkbox", className, listener), {
-      datavalue: checkboxValue,
-      onChange: function onChange(event, widget, newValue) {
-        if (cellState) {
-          (0, _hooks.setCellValue)(cellState, rowId, fieldName, newValue);
+  WmCheckbox: ({ column, rowData, listener, cellState }) => {
+    const { fieldName, value, className } = extractCellProps(column, rowData);
+    const rowId = rowData._wmTableRowId || String(rowData.id) || "";
+    const checkboxValue = cellState ? getCellStateValue(cellState, rowId, fieldName, !!value) : !!value;
+    return /* @__PURE__ */ jsx(
+      WmCheckbox,
+      __spreadProps(__spreadValues({}, createBaseProps(fieldName, "checkbox", className, listener)), {
+        datavalue: checkboxValue,
+        onChange: (event, widget, newValue) => {
+          if (cellState) {
+            setCellStateValue(cellState, rowId, fieldName, newValue);
+          }
         }
-      }
-    }));
+      })
+    );
   },
-  WmAnchor: function WmAnchor(_ref3) {
-    var column = _ref3.column,
-      rowData = _ref3.rowData,
-      listener = _ref3.listener;
-    var _extractCellProps3 = extractCellProps(column, rowData),
-      fieldName = _extractCellProps3.fieldName,
-      className = _extractCellProps3.className,
-      caption = _extractCellProps3.caption;
-    var href = (0, _lodashEs.get)(rowData, column.field);
-    return __jsx(_anchor.WmAnchor, (0, _extends2["default"])({}, createBaseProps(fieldName, "anchor", className, listener), {
-      hyperlink: href || "",
-      caption: caption || href
-    }));
+  WmAnchor: ({ column, rowData, listener }) => {
+    const { fieldName, className, caption } = extractCellProps(column, rowData);
+    const href = get(rowData, column.field);
+    return /* @__PURE__ */ jsx(
+      WmAnchor,
+      __spreadProps(__spreadValues({}, createBaseProps(fieldName, "anchor", className, listener)), {
+        hyperlink: href || "",
+        caption: caption || href
+      })
+    );
   },
-  WmIcon: function WmIcon(_ref4) {
-    var column = _ref4.column,
-      rowData = _ref4.rowData,
-      listener = _ref4.listener;
-    var _extractCellProps4 = extractCellProps(column, rowData),
-      fieldName = _extractCellProps4.fieldName,
-      value = _extractCellProps4.value,
-      className = _extractCellProps4.className;
-    return __jsx(_icon.WmIcon, (0, _extends2["default"])({}, createBaseProps(fieldName, "icon", className, listener), {
-      iconclass: !(0, _lodashEs.isUndefined)(value) ? (0, _lodashEs.toString)(value) : "",
-      caption: !(0, _lodashEs.isUndefined)(value) ? (0, _lodashEs.toString)(value) : "Icon"
-    }));
+  WmIcon: ({ column, rowData, listener }) => {
+    const { fieldName, value, className } = extractCellProps(column, rowData);
+    return /* @__PURE__ */ jsx(
+      WmIcon,
+      __spreadProps(__spreadValues({}, createBaseProps(fieldName, "icon", className, listener)), {
+        iconclass: !isUndefined(value) ? toString(value) : "",
+        caption: !isUndefined(value) ? toString(value) : "Icon"
+      })
+    );
   },
-  WmPicture: function WmPicture(_ref5) {
-    var column = _ref5.column,
-      rowData = _ref5.rowData,
-      listener = _ref5.listener;
-    var _extractCellProps5 = extractCellProps(column, rowData),
-      fieldName = _extractCellProps5.fieldName,
-      value = _extractCellProps5.value,
-      caption = _extractCellProps5.caption,
-      className = _extractCellProps5.className;
-    return __jsx(_picture.WmPicture, (0, _extends2["default"])({}, createBaseProps(fieldName, "picture", className, listener), {
-      picturesource: !(0, _lodashEs.isUndefined)(value) ? (0, _lodashEs.toString)(value) : "",
-      alttext: caption || "Image alt text not provided"
-    }));
+  WmPicture: ({ column, rowData, listener }) => {
+    const { fieldName, value, caption, className } = extractCellProps(column, rowData);
+    return /* @__PURE__ */ jsx(
+      WmPicture,
+      __spreadProps(__spreadValues({}, createBaseProps(fieldName, "picture", className, listener)), {
+        picturesource: !isUndefined(value) ? toString(value) : "",
+        alttext: caption || "Image alt text not provided"
+      })
+    );
   },
-  WmLabel: function WmLabel(_ref6) {
-    var column = _ref6.column,
-      rowData = _ref6.rowData,
-      listener = _ref6.listener;
-    var _extractCellProps6 = extractCellProps(column, rowData),
-      fieldName = _extractCellProps6.fieldName,
-      value = _extractCellProps6.value,
-      className = _extractCellProps6.className;
-    return __jsx(_label.WmLabel, (0, _extends2["default"])({}, createBaseProps(fieldName, "label", className, listener), {
-      caption: !(0, _lodashEs.isUndefined)(value) ? (0, _lodashEs.toString)(value) : "Label",
-      type: "p"
-    }));
+  WmLabel: ({ column, rowData, listener }) => {
+    const { fieldName, value, className } = extractCellProps(column, rowData);
+    return /* @__PURE__ */ jsx(
+      WmLabel,
+      __spreadProps(__spreadValues({}, createBaseProps(fieldName, "label", className, listener)), {
+        caption: !isUndefined(value) ? toString(value) : "Label",
+        type: "p"
+      })
+    );
   },
   // Special renderer for dynamic columns - renders raw text like Angular
-  "dynamic-text": function dynamicText(_ref7) {
-    var column = _ref7.column,
-      rowData = _ref7.rowData;
-    var fieldName = (0, _lodashEs.toString)((0, _lodashEs.get)(column, "field", ""));
-    var value = (0, _lodashEs.get)(rowData, fieldName, "");
-
-    // Return raw text content directly (no WmLabel wrapper)
-    return __jsx(_react["default"].Fragment, null, !(0, _lodashEs.isUndefined)(value) ? (0, _lodashEs.toString)(value) : "");
+  "dynamic-text": ({ column, rowData }) => {
+    const fieldName = toString(get(column, "field", ""));
+    const value = get(rowData, fieldName, "");
+    return /* @__PURE__ */ jsx(Fragment, { children: !isUndefined(value) ? toString(value) : "" });
   }
 };
-
-/**
- * Renders a table cell based on the widget-type property of the column
- * @param column - The column configuration
- * @param rowData - The row data object
- * @param listener - Optional event listener
- * @param cellState - Optional cell state manager
- * @returns React element for the cell content
- */
-var renderDisplayCell = exports.renderDisplayCell = function renderDisplayCell(column, rowData, listener, cellState) {
-  var widgetType = (0, _lodashEs.get)(column, "widgetType", "label");
-  var mappedWidgetType = column.field ? (0, _index2.getWidgetMappingForType)(widgetType) : "dynamic-text";
-
-  // Get the appropriate renderer, defaulting to WmLabel
-  var renderer = (0, _lodashEs.get)(widgetRenderers, mappedWidgetType) || widgetRenderers.WmLabel;
-  return renderer({
-    column: column,
-    rowData: rowData,
-    listener: listener,
-    cellState: cellState
-  });
-};
+const renderDisplayCell = (column, rowData, listener, cellState) => {
+  const widgetType = get(column, "widgetType", "label");
+  const mappedWidgetType = column.field ? getWidgetMappingForType(widgetType) : "dynamic-text";
+  const renderer = get(widgetRenderers, mappedWidgetType) || widgetRenderers.WmLabel;
+  return renderer({ column, rowData, listener, cellState });
+};
+export {
+  renderDisplayCell
+};

package/components/data/table/utils/script-page-size-broadcast.js

@@ -1,45 +1,33 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.broadcastScriptPageSize = broadcastScriptPageSize;
-exports.subscribeToScriptPageSizeBroadcast = subscribeToScriptPageSizeBroadcast;
-/**
- * When script calls selectPageSize on one tab's table, the widget name is shared
- * so only the last-mounted table receives the call. This broadcasts the value
- * to all tables with the same name so the first/active tab also gets the update.
- */
-
-var listenersByTableName = new Map();
+const listenersByTableName = /* @__PURE__ */ new Map();
 function subscribeToScriptPageSizeBroadcast(name, storageKey, onUpdate) {
-  var key = name;
+  const key = name;
   if (!listenersByTableName.has(key)) {
-    listenersByTableName.set(key, new Set());
+    listenersByTableName.set(key, /* @__PURE__ */ new Set());
   }
-  var entry = {
-    storageKey: storageKey,
-    cb: function cb(value, callerStorageKey) {
+  const entry = {
+    storageKey,
+    cb: (value, callerStorageKey) => {
       if (callerStorageKey !== storageKey) {
         onUpdate(value);
       }
     }
   };
-  var listeners = listenersByTableName.get(name);
+  const listeners = listenersByTableName.get(name);
   if (listeners) {
     listeners.add(entry);
   }
-  return function () {
-    var _listenersByTableName;
-    (_listenersByTableName = listenersByTableName.get(key)) === null || _listenersByTableName === void 0 || _listenersByTableName["delete"](entry);
+  return () => {
+    var _a;
+    (_a = listenersByTableName.get(key)) == null ? void 0 : _a.delete(entry);
   };
 }
 function broadcastScriptPageSize(name, callerStorageKey, value) {
-  var entries = listenersByTableName.get(name);
+  const entries = listenersByTableName.get(name);
   if (entries) {
-    entries.forEach(function (_ref) {
-      var cb = _ref.cb;
-      return cb(value, callerStorageKey);
-    });
+    entries.forEach(({ cb }) => cb(value, callerStorageKey));
   }
-}
+}
+export {
+  broadcastScriptPageSize,
+  subscribeToScriptPageSizeBroadcast
+};

package/components/data/table/utils/selectionUtils.js

@@ -1,88 +1,44 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.selectionStateHelpers = exports.rowExistsInDataset = exports.isInteractiveElement = exports.hasInteractiveClass = exports.hasInteractiveAttributes = exports.getRowIdsFromDataset = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _hooks = require("../hooks");
-var _constants = require("./constants");
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/**
- * Check if an element has any of the interactive classes
- */
-var hasInteractiveClass = exports.hasInteractiveClass = function hasInteractiveClass(element) {
+import { getSelectedRowIds, setSelectedRowIds } from "../hooks/useCellState";
+import {
+  INTERACTIVE_CLASSES,
+  INTERACTIVE_ROLES,
+  INTERACTIVE_DATA_ROLES,
+  INTERACTIVE_TAG_NAMES
+} from "./constants";
+const hasInteractiveClass = (element) => {
   if (!element.className || typeof element.className !== "string") return false;
-  var className = element.className;
-  var _iterator = _createForOfIteratorHelper(_constants.INTERACTIVE_CLASSES),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var interactiveClass = _step.value;
-      if (className.includes(interactiveClass)) {
-        return true;
-      }
+  const className = element.className;
+  for (const interactiveClass of INTERACTIVE_CLASSES) {
+    if (className.includes(interactiveClass)) {
+      return true;
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
   return false;
 };
-
-/**
- * Check if an element has interactive attributes
- */
-var hasInteractiveAttributes = exports.hasInteractiveAttributes = function hasInteractiveAttributes(element) {
-  // Check contenteditable
+const hasInteractiveAttributes = (element) => {
   if (element.getAttribute("contenteditable") === "true") {
     return true;
   }
-
-  // Check role attribute
-  var role = element.getAttribute("role");
-  if (role && _constants.INTERACTIVE_ROLES.includes(role)) {
+  const role = element.getAttribute("role");
+  if (role && INTERACTIVE_ROLES.includes(role)) {
     return true;
   }
-
-  // Check data-role attribute
-  var dataRole = element.getAttribute("data-role");
+  const dataRole = element.getAttribute("data-role");
   if (dataRole) {
-    var _iterator2 = _createForOfIteratorHelper(_constants.INTERACTIVE_DATA_ROLES),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var interactiveRole = _step2.value;
-        if (dataRole.includes(interactiveRole)) {
-          return true;
-        }
+    for (const interactiveRole of INTERACTIVE_DATA_ROLES) {
+      if (dataRole.includes(interactiveRole)) {
+        return true;
       }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
     }
   }
   return false;
 };
-
-/**
- * Check if element or its ancestors are interactive
- */
-var isInteractiveElement = exports.isInteractiveElement = function isInteractiveElement(event) {
-  var target = event.target;
-
-  // Check if it's a standard interactive HTML element
-  if (_constants.INTERACTIVE_TAG_NAMES.includes(target.tagName)) {
+const isInteractiveElement = (event) => {
+  const target = event.target;
+  if (INTERACTIVE_TAG_NAMES.includes(target.tagName)) {
     return true;
   }
-
-  // Check element and its ancestors
-  var element = target;
+  let element = target;
   while (element) {
     if (hasInteractiveClass(element) || hasInteractiveAttributes(element)) {
       return true;
@@ -91,58 +47,40 @@ var isInteractiveElement = exports.isInteractiveElement = function isInteractive
   }
   return false;
 };
-
-/**
- * Get row IDs from dataset
- */
-var getRowIdsFromDataset = exports.getRowIdsFromDataset = function getRowIdsFromDataset(dataset) {
-  return dataset.map(function (row) {
-    return row._wmTableRowId || String(row.id);
-  });
+const getRowIdsFromDataset = (dataset) => {
+  return dataset.map((row) => row._wmTableRowId || String(row.id));
 };
-
-/**
- * Check if a row exists in dataset
- */
-var rowExistsInDataset = exports.rowExistsInDataset = function rowExistsInDataset(rowId, dataset) {
-  return dataset.some(function (row) {
-    return row._wmTableRowId === rowId || String(row.id) === rowId;
-  });
+const rowExistsInDataset = (rowId, dataset) => {
+  return dataset.some((row) => row._wmTableRowId === rowId || String(row.id) === rowId);
 };
-
-/**
- * Unified selection state management functions
- * Uses a single selectedRowIds array for both radio and multiselect modes:
- * - Radio select: array contains at most 1 item (replaces on new selection)
- * - Multiselect: array can contain multiple items (add/remove on selection)
- */
-var selectionStateHelpers = exports.selectionStateHelpers = {
+const selectionStateHelpers = {
   // Get current selection (works for both modes)
-  getSelection: function getSelection(cellState) {
-    return (0, _hooks.getSelectedRowIds)(cellState);
+  getSelection: (cellState) => {
+    return getSelectedRowIds(cellState);
   },
   // Set selection - replaces entire selection (for radio select)
-  setSelection: function setSelection(cellState, rowId) {
-    (0, _hooks.setSelectedRowIds)(cellState, [rowId]);
+  setSelection: (cellState, rowId) => {
+    setSelectedRowIds(cellState, [rowId]);
   },
   // Add to selection (for multiselect)
-  addToSelection: function addToSelection(cellState, rowId) {
-    var current = (0, _hooks.getSelectedRowIds)(cellState);
+  addToSelection: (cellState, rowId) => {
+    const current = getSelectedRowIds(cellState);
     if (!current.includes(rowId)) {
-      (0, _hooks.setSelectedRowIds)(cellState, [].concat((0, _toConsumableArray2["default"])(current), [rowId]));
+      setSelectedRowIds(cellState, [...current, rowId]);
     }
   },
   // Remove from selection (for multiselect)
-  removeFromSelection: function removeFromSelection(cellState, rowId) {
-    var current = (0, _hooks.getSelectedRowIds)(cellState);
-    (0, _hooks.setSelectedRowIds)(cellState, current.filter(function (id) {
-      return id !== rowId;
-    }));
+  removeFromSelection: (cellState, rowId) => {
+    const current = getSelectedRowIds(cellState);
+    setSelectedRowIds(
+      cellState,
+      current.filter((id) => id !== rowId)
+    );
   },
   // Toggle selection (for multiselect - adds if not present, removes if present)
-  toggleSelection: function toggleSelection(cellState, rowId) {
-    var current = (0, _hooks.getSelectedRowIds)(cellState);
-    var isSelected = current.includes(rowId);
+  toggleSelection: (cellState, rowId) => {
+    const current = getSelectedRowIds(cellState);
+    const isSelected = current.includes(rowId);
     if (isSelected) {
       selectionStateHelpers.removeFromSelection(cellState, rowId);
     } else {
@@ -151,15 +89,23 @@ var selectionStateHelpers = exports.selectionStateHelpers = {
     return !isSelected;
   },
   // Set all selections (for select all in multiselect)
-  setAllSelection: function setAllSelection(cellState, rowIds) {
-    (0, _hooks.setSelectedRowIds)(cellState, rowIds);
+  setAllSelection: (cellState, rowIds) => {
+    setSelectedRowIds(cellState, rowIds);
   },
   // Clear all selections
-  clearSelection: function clearSelection(cellState) {
-    (0, _hooks.setSelectedRowIds)(cellState, []);
+  clearSelection: (cellState) => {
+    setSelectedRowIds(cellState, []);
   },
   // Check if a row is selected
-  isRowSelected: function isRowSelected(cellState, rowId) {
-    return (0, _hooks.getSelectedRowIds)(cellState).includes(rowId);
+  isRowSelected: (cellState, rowId) => {
+    return getSelectedRowIds(cellState).includes(rowId);
   }
-};
+};
+export {
+  getRowIdsFromDataset,
+  hasInteractiveAttributes,
+  hasInteractiveClass,
+  isInteractiveElement,
+  rowExistsInDataset,
+  selectionStateHelpers
+};