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

package/components/data/table/table-action/index.js

@@ -1,94 +1,116 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmTableAction = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _excluded = ["widgetType", "displayName", "iconclass", "action", "position", "shortcutkey", "listener", "children", "variant", "color", "onClick"];
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var WmTableActionComponent = exports.WmTableAction = function WmTableActionComponent(_ref) {
-  var widgetType = _ref.widgetType,
-    displayName = _ref.displayName,
-    iconclass = _ref.iconclass,
-    action = _ref.action,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? "footer" : _ref$position,
-    shortcutkey = _ref.shortcutkey,
-    listener = _ref.listener,
-    children = _ref.children,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "primary" : _ref$color,
-    onClick = _ref.onClick,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var handleClick = function handleClick(event) {
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import Button from "@mui/material/Button";
+import withBaseWrapper from "../../../../higherOrder/withBaseWrapper";
+const WmTableActionComponent = (_a) => {
+  var _b = _a, {
+    widgetType,
+    displayName,
+    iconclass,
+    action,
+    position = "footer",
+    shortcutkey,
+    listener,
+    children,
+    variant = "contained",
+    color = "primary",
+    onClick
+  } = _b, props = __objRest(_b, [
+    "widgetType",
+    "displayName",
+    "iconclass",
+    "action",
+    "position",
+    "shortcutkey",
+    "listener",
+    "children",
+    "variant",
+    "color",
+    "onClick"
+  ]);
+  const handleClick = (event) => {
     event.preventDefault();
     event.stopPropagation();
     if (onClick) {
       onClick(event);
     }
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = (event) => {
     if (shortcutkey) {
-      var key = event.key.toLowerCase();
-      var shortcut = shortcutkey.toLowerCase();
+      const key = event.key.toLowerCase();
+      const shortcut = shortcutkey.toLowerCase();
       if (key === shortcut || shortcut.includes("ctrl") && event.ctrlKey && key === shortcut.replace("ctrl+", "") || shortcut.includes("alt") && event.altKey && key === shortcut.replace("alt+", "") || shortcut.includes("shift") && event.shiftKey && key === shortcut.replace("shift+", "")) {
         event.preventDefault();
         handleClick(event);
       }
     }
   };
-  var renderIcon = function renderIcon() {
+  const renderIcon = () => {
     if (iconclass) {
-      return __jsx("i", {
-        className: "app-icon ".concat(iconclass)
-      });
+      return /* @__PURE__ */ jsx("i", { className: `app-icon ${iconclass}` });
     }
     return null;
   };
-  return __jsx(_Button["default"], {
-    variant: variant,
-    color: color,
-    className: "wm-table-action ".concat(props.className || ""),
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    title: props.title || displayName || "",
-    disabled: props.disabled,
-    tabIndex: props.tabindex,
-    startIcon: renderIcon(),
-    sx: _objectSpread(_objectSpread({}, props.styles), {}, {
-      display: props.show === "false" ? "none" : undefined,
-      "& .MuiButton-startIcon": {
-        marginRight: displayName ? 1 : 0
-      },
-      "&.Mui-disabled": {
-        pointerEvents: "auto !important",
-        cursor: "not-allowed !important",
-        color: "var(--wm-btn-color) !important"
-      }
-    })
-  }, __jsx("span", {
-    className: "btn-caption"
-  }, displayName));
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant,
+      color,
+      className: `wm-table-action ${props.className || ""}`,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      title: props.title || displayName || "",
+      disabled: props.disabled,
+      tabIndex: props.tabindex,
+      startIcon: renderIcon(),
+      sx: __spreadProps(__spreadValues({}, props.styles), {
+        display: props.show === "false" ? "none" : void 0,
+        "& .MuiButton-startIcon": {
+          marginRight: displayName ? 1 : 0
+        },
+        "&.Mui-disabled": {
+          pointerEvents: "auto !important",
+          cursor: "not-allowed !important",
+          color: "var(--wm-btn-color) !important"
+        }
+      }),
+      children: /* @__PURE__ */ jsx("span", { className: "btn-caption", children: displayName })
+    }
+  );
 };
 WmTableActionComponent.displayName = "WmTableAction";
-/**
- * The WmTableAction component defines a custom action for the WmTable.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-table--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-table--docs#tab-overview)
- *
- * @param props - {@link WmTableActionProps}
- */
-// export const WmTableAction = withBaseWrapper(WmTableActionComponent as any);
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmTableActionComponent);
+var table_action_default = withBaseWrapper(WmTableActionComponent);
+export {
+  WmTableActionComponent as WmTableAction,
+  table_action_default as default
+};

package/components/data/table/table-column/index.js

@@ -1,44 +1,50 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmTableColumn = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _withBaseWrapper = _interopRequireDefault(require("../../../../higherOrder/withBaseWrapper"));
-var _excluded = ["binding", "caption", "widgetType", "pcdisplay", "mobiledisplay", "tabletdisplay", "index", "headerindex", "children", "listener"];
-var __jsx = _react["default"].createElement;
-var WmTableColumnComponent = exports.WmTableColumn = function WmTableColumnComponent(_ref) {
-  var binding = _ref.binding,
-    caption = _ref.caption,
-    widgetType = _ref.widgetType,
-    _ref$pcdisplay = _ref.pcdisplay,
-    pcdisplay = _ref$pcdisplay === void 0 ? "true" : _ref$pcdisplay,
-    _ref$mobiledisplay = _ref.mobiledisplay,
-    mobiledisplay = _ref$mobiledisplay === void 0 ? "true" : _ref$mobiledisplay,
-    _ref$tabletdisplay = _ref.tabletdisplay,
-    tabletdisplay = _ref$tabletdisplay === void 0 ? "true" : _ref$tabletdisplay,
-    index = _ref.index,
-    headerindex = _ref.headerindex,
-    children = _ref.children,
-    listener = _ref.listener,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return __jsx(_material.TableCell, {
-    className: "wm-table-column ".concat(props.className || "")
-  }, children);
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { TableCell } from "@mui/material";
+import withBaseWrapper from "../../../../higherOrder/withBaseWrapper";
+const WmTableColumnComponent = (_a) => {
+  var _b = _a, {
+    binding,
+    caption,
+    widgetType,
+    pcdisplay = "true",
+    mobiledisplay = "true",
+    tabletdisplay = "true",
+    index,
+    headerindex,
+    children,
+    listener
+  } = _b, props = __objRest(_b, [
+    "binding",
+    "caption",
+    "widgetType",
+    "pcdisplay",
+    "mobiledisplay",
+    "tabletdisplay",
+    "index",
+    "headerindex",
+    "children",
+    "listener"
+  ]);
+  return /* @__PURE__ */ jsx(TableCell, { className: `wm-table-column ${props.className || ""}`, children });
 };
 WmTableColumnComponent.displayName = "WmTableColumn";
-/**
- * The WmTableColumn component defines a column in the WmTable.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-table--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-table--docs#tab-overview)
- *
- * @param props - {@link WmTableColumnProps}
- */
-// export const WmTableColumn = withBaseWrapper(WmTableColumnComponent);
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmTableColumnComponent);
+var table_column_default = withBaseWrapper(WmTableColumnComponent);
+export {
+  WmTableColumnComponent as WmTableColumn,
+  table_column_default as default
+};

package/components/data/table/table-group/index.js

@@ -1,26 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var __jsx = _react["default"].createElement;
-/**
- * WmTableGroup component for grouping table columns under a common header.
- * Supports nested groups to create multi-level headers.
- *
- * @example
- * <WmTableGroup name="personalInfo" caption="Personal Information">
- *   <WmTableColumn binding="firstName" caption="First Name" />
- *   <WmTableColumn binding="lastName" caption="Last Name" />
- * </WmTableGroup>
- */
-function WmTableGroup(_ref) {
-  var children = _ref.children;
-  // This component is just a marker component for defining table structure
-  // The actual rendering logic is handled by the table header component
-  return __jsx(_react["default"].Fragment, null, children);
+import { Fragment, jsx } from "react/jsx-runtime";
+function WmTableGroup({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
 }
-var _default = exports["default"] = WmTableGroup;
+var table_group_default = WmTableGroup;
+export {
+  table_group_default as default
+};

package/components/data/table/table-row/index.js

@@ -1,58 +1,66 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmTableRow = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _withBaseWrapper = _interopRequireDefault(require("../../../../higherOrder/withBaseWrapper"));
-var _excluded = ["displayName", "widgetType", "expandicon", "collapseicon", "expandtitle", "collapsetitle", "position", "closeothers", "onBeforerowexpand", "onRowexpand", "onBeforerowcollapse", "onRowcollapse", "show", "disabled", "columnwidth", "content", "listener", "children", "renderPartial"];
-var WmTableRowComponent = exports.WmTableRow = function WmTableRowComponent(_ref) {
-  var displayName = _ref.displayName,
-    _ref$widgetType = _ref.widgetType,
-    widgetType = _ref$widgetType === void 0 ? "button" : _ref$widgetType,
-    _ref$expandicon = _ref.expandicon,
-    expandicon = _ref$expandicon === void 0 ? "wi wi-expand-more" : _ref$expandicon,
-    _ref$collapseicon = _ref.collapseicon,
-    collapseicon = _ref$collapseicon === void 0 ? "wi wi-chevron-right" : _ref$collapseicon,
-    expandtitle = _ref.expandtitle,
-    collapsetitle = _ref.collapsetitle,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? "0" : _ref$position,
-    _ref$closeothers = _ref.closeothers,
-    closeothers = _ref$closeothers === void 0 ? false : _ref$closeothers,
-    onBeforerowexpand = _ref.onBeforerowexpand,
-    onRowexpand = _ref.onRowexpand,
-    onBeforerowcollapse = _ref.onBeforerowcollapse,
-    onRowcollapse = _ref.onRowcollapse,
-    _ref$show = _ref.show,
-    show = _ref$show === void 0 ? true : _ref$show,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$columnwidth = _ref.columnwidth,
-    columnwidth = _ref$columnwidth === void 0 ? "50px" : _ref$columnwidth,
-    content = _ref.content,
-    listener = _ref.listener,
-    children = _ref.children,
-    renderPartial = _ref.renderPartial,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  // This is a configuration component that defines row expansion behavior.
-  // It doesn't render anything directly - the table parses its props
-  // and uses them to render expansion controls and expanded content.
-  // The renderPartial function receives props (including rowData) and an onLoad callback.
-  // The renderPartial prop or children will be rendered when a row is expanded.
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import withBaseWrapper from "../../../../higherOrder/withBaseWrapper";
+const WmTableRowComponent = (_a) => {
+  var _b = _a, {
+    displayName,
+    widgetType = "button",
+    expandicon = "wi wi-expand-more",
+    collapseicon = "wi wi-chevron-right",
+    expandtitle,
+    collapsetitle,
+    position = "0",
+    closeothers = false,
+    onBeforerowexpand,
+    onRowexpand,
+    onBeforerowcollapse,
+    onRowcollapse,
+    show = true,
+    disabled = false,
+    columnwidth = "50px",
+    content,
+    listener,
+    children,
+    renderPartial
+  } = _b, props = __objRest(_b, [
+    "displayName",
+    "widgetType",
+    "expandicon",
+    "collapseicon",
+    "expandtitle",
+    "collapsetitle",
+    "position",
+    "closeothers",
+    "onBeforerowexpand",
+    "onRowexpand",
+    "onBeforerowcollapse",
+    "onRowcollapse",
+    "show",
+    "disabled",
+    "columnwidth",
+    "content",
+    "listener",
+    "children",
+    "renderPartial"
+  ]);
   return null;
 };
 WmTableRowComponent.displayName = "WmTableRow";
-/**
- * The WmTableRow component defines row expansion behavior for the WmTable.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-table--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-table--docs#tab-overview)
- *
- * @param props - {@link WmTableRowProps}
- */
-// export const WmTableRow = withBaseWrapper(WmTableRowComponent as any);
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmTableRowComponent);
+var table_row_default = withBaseWrapper(WmTableRowComponent);
+export {
+  WmTableRowComponent as WmTableRow,
+  table_row_default as default
+};

package/components/data/table/table-row-action/index.js

@@ -1,53 +1,79 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmTableRowAction = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _anchor = require("@wavemaker-ai/react-runtime/components/basic/anchor");
-var _button = require("@wavemaker-ai/react-runtime/components/form/button");
-var _excluded = ["displayName", "title", "iconclass", "action", "row", "rowIndex", "listener", "children", "onClick", "widgettype", "show"];
-var __jsx = _react["default"].createElement;
-var WmTableRowActionComponent = function WmTableRowActionComponent(_ref) {
-  var displayName = _ref.displayName,
-    title = _ref.title,
-    iconclass = _ref.iconclass,
-    action = _ref.action,
-    row = _ref.row,
-    rowIndex = _ref.rowIndex,
-    listener = _ref.listener,
-    children = _ref.children,
-    onClick = _ref.onClick,
-    widgettype = _ref.widgettype,
-    _ref$show = _ref.show,
-    show = _ref$show === void 0 ? true : _ref$show,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  // Track if mousedown already triggered the action to prevent double-firing
-  var actionTriggeredRef = _react["default"].useRef(false);
-
-  // Use onMouseDown to trigger action BEFORE blur event fires
-  // This prevents the click from being lost when input has focus
-  var handleMouseDown = function handleMouseDown(event) {
-    event === null || event === void 0 || event.preventDefault();
-    event === null || event === void 0 || event.stopPropagation();
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { WmAnchor } from "../../../basic/anchor";
+import { WmButton } from "../../../form/button";
+const WmTableRowActionComponent = (_a) => {
+  var _b = _a, {
+    displayName,
+    title,
+    iconclass,
+    action,
+    row,
+    rowIndex,
+    listener,
+    children,
+    onClick,
+    widgettype,
+    show = true
+  } = _b, props = __objRest(_b, [
+    "displayName",
+    "title",
+    "iconclass",
+    "action",
+    "row",
+    "rowIndex",
+    "listener",
+    "children",
+    "onClick",
+    "widgettype",
+    "show"
+  ]);
+  const actionTriggeredRef = React.useRef(false);
+  const handleMouseDown = (event) => {
+    event == null ? void 0 : event.preventDefault();
+    event == null ? void 0 : event.stopPropagation();
     if (onClick && !actionTriggeredRef.current) {
       actionTriggeredRef.current = true;
       onClick(event, {}, row);
-      // Reset the flag after a short delay to allow subsequent clicks
-      setTimeout(function () {
+      setTimeout(() => {
         actionTriggeredRef.current = false;
       }, 100);
     }
   };
-  var handleClick = function handleClick(event, widget, newVal, oldVal) {
-    event === null || event === void 0 || event.preventDefault();
-    event === null || event === void 0 || event.stopPropagation();
-
-    // Only trigger if mousedown didn't already trigger (fallback for edge cases)
+  const handleClick = (event, widget, newVal, oldVal) => {
+    event == null ? void 0 : event.preventDefault();
+    event == null ? void 0 : event.stopPropagation();
     if (onClick && !actionTriggeredRef.current) {
       onClick(event, {}, row);
     }
@@ -56,40 +82,39 @@ var WmTableRowActionComponent = function WmTableRowActionComponent(_ref) {
     return null;
   }
   if (widgettype === "anchor") {
-    return __jsx(_anchor.WmAnchor, (0, _extends2["default"])({}, props, {
-      hint: displayName,
-      caption: displayName,
-      name: props.name || displayName,
-      listener: listener,
-      onClick: handleClick,
-      iconclass: iconclass,
-      show: show.toString(),
-      className: "wm-table-row-action ".concat(props.className || "")
-    }));
+    return /* @__PURE__ */ jsx(
+      WmAnchor,
+      __spreadProps(__spreadValues({}, props), {
+        hint: displayName,
+        caption: displayName,
+        name: props.name || displayName,
+        listener,
+        onClick: handleClick,
+        iconclass,
+        show: show.toString(),
+        className: `wm-table-row-action ${props.className || ""}`
+      })
+    );
   }
-  return __jsx(_button.WmButton, {
-    className: "wm-table-row-action ".concat(props.className || ""),
-    onClick: handleClick
-    // @ts-ignore
-    ,
-    onMouseDown: handleMouseDown,
-    title: title,
-    styles: props.styles,
-    name: props.name,
-    listener: listener,
-    iconclass: iconclass
-  }, displayName);
+  return /* @__PURE__ */ jsx(
+    WmButton,
+    {
+      className: `wm-table-row-action ${props.className || ""}`,
+      onClick: handleClick,
+      onMouseDown: handleMouseDown,
+      title,
+      styles: props.styles,
+      name: props.name,
+      listener,
+      iconclass,
+      children: displayName
+    }
+  );
 };
 WmTableRowActionComponent.displayName = "WmTableRowAction";
-
-/**
- * The WmTableRowAction component defines an action for a specific row in the WmTable.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-table--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-table--docs#tab-overview)
- *
- * @param props - {@link WmTableRowActionProps}
- */
-var WmTableRowAction = exports.WmTableRowAction = WmTableRowActionComponent;
-var _default = exports["default"] = WmTableRowAction;
+const WmTableRowAction = WmTableRowActionComponent;
+var table_row_action_default = WmTableRowAction;
+export {
+  WmTableRowAction,
+  table_row_action_default as default
+};