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

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

@@ -1,16 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createColumnsProxy = createColumnsProxy;
-exports.keyMap = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-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 keyMap = exports.keyMap = {
+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));
+const keyMap = {
   caption: "header",
   name: "accessorKey",
   columnSize: "size",
@@ -22,51 +29,34 @@ var keyMap = exports.keyMap = {
   "col-class": "meta.className",
   style: "meta"
 };
-
-// Types for summary row data
-
-// Interface for aggregate methods
-
-// Interface for enhanced column with aggregate and summary methods
-
-// Function to create aggregate methods for a column
-
 function createColumnsProxy(wmTableColumns, applyOverride, setColumnsVersion, setSummaryRowDef) {
-  var proxy = {};
-  wmTableColumns.forEach(function (col, idx) {
-    var key = col.field;
+  const proxy = {};
+  wmTableColumns.forEach((col, idx) => {
+    const key = col.field;
     if (key) {
-      // Get column's show property (default to true if not specified)
-      var columnShow = col.show !== undefined ? col.show : true;
-
-      // Create setSummaryRowData method
-      var setSummaryRowData = function setSummaryRowData(data) {
-        var newData = Array.isArray(data) ? data : [data];
+      const columnShow = col.show !== void 0 ? col.show : true;
+      const setSummaryRowData = (data) => {
+        const newData = Array.isArray(data) ? data : [data];
         invokeSummaryRowData(key, newData, setSummaryRowDef, columnShow);
       };
-
-      // Create the proxy for this column
       proxy[key] = new Proxy(col, {
-        get: function get(target, prop) {
-          // Return setSummaryRowData method
+        get(target, prop) {
           if (prop === "setSummaryRowData") {
             return setSummaryRowData;
           }
           return target[prop];
         },
-        set: function set(target, prop, value) {
+        set(target, prop, value) {
           if (target[prop] !== value) {
-            var mapped = keyMap[prop];
+            let mapped = keyMap[prop];
             if (mapped && mapped.includes(".")) {
               mapped = mapped.split(".")[1];
             }
-            var finalKey = mapped || prop;
+            const finalKey = mapped || prop;
             applyOverride(key, finalKey, value);
             target[prop] = value;
             if (setColumnsVersion) {
-              setColumnsVersion(function (v) {
-                return v + 1;
-              });
+              setColumnsVersion((v) => v + 1);
             }
           }
           return true;
@@ -76,42 +66,34 @@ function createColumnsProxy(wmTableColumns, applyOverride, setColumnsVersion, se
   });
   return proxy;
 }
-
-// Helper function to invoke summary row data with Promise handling
 function invokeSummaryRowData(columnKey, data, setSummaryRowDef, show) {
   if (!setSummaryRowDef) return;
-  data.forEach(function (item, index) {
-    // Handle Promise values directly
+  data.forEach((item, index) => {
     if (item instanceof Promise) {
-      item.then(function (resolvedValue) {
+      item.then((resolvedValue) => {
         setSummaryRowDef(columnKey, resolvedValue, index, true, show);
-      })["catch"](function (error) {
-        console.error("Error resolving summary row data for column ".concat(columnKey, ":"), error);
+      }).catch((error) => {
+        console.error(`Error resolving summary row data for column ${columnKey}:`, error);
         setSummaryRowDef(columnKey, "", index, true, show);
       });
-    }
-    // Handle objects with Promise values
-    else if (item && (0, _typeof2["default"])(item) === "object" && "value" in item) {
-      var itemObj = item;
+    } else if (item && typeof item === "object" && "value" in item) {
+      const itemObj = item;
       if (itemObj.value instanceof Promise) {
-        itemObj.value.then(function (resolvedValue) {
-          setSummaryRowDef(columnKey, _objectSpread(_objectSpread({}, itemObj), {}, {
-            value: resolvedValue
-          }), index, true, show);
-        })["catch"](function (error) {
-          console.error("Error resolving summary row data for column ".concat(columnKey, ":"), error);
-          setSummaryRowDef(columnKey, _objectSpread(_objectSpread({}, itemObj), {}, {
-            value: ""
-          }), index, true, show);
+        itemObj.value.then((resolvedValue) => {
+          setSummaryRowDef(columnKey, __spreadProps(__spreadValues({}, itemObj), { value: resolvedValue }), index, true, show);
+        }).catch((error) => {
+          console.error(`Error resolving summary row data for column ${columnKey}:`, error);
+          setSummaryRowDef(columnKey, __spreadProps(__spreadValues({}, itemObj), { value: "" }), index, true, show);
         });
       } else {
-        // Object with non-Promise value
         setSummaryRowDef(columnKey, item, index, false, show);
       }
-    }
-    // Handle regular values (string, number, etc.)
-    else {
+    } else {
       setSummaryRowDef(columnKey, item, index, false, show);
     }
   });
-}
+}
+export {
+  createColumnsProxy,
+  keyMap
+};

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

@@ -1,91 +1,62 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isDataColumn = exports.hasExplicitWidth = exports.distributeColumnWidths = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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; }
-/**
- * Column types that should not participate in equal width distribution
- * These columns have specific functional purposes and should use their default/fixed sizes
- */
-var NON_DATA_COLUMN_IDS = ["radioSelect", "multiSelect", "rowIndex", "actions"];
-
-/**
- * Determines if a column is a data column that should participate in equal width distribution
- */
-var isDataColumn = exports.isDataColumn = function isDataColumn(column) {
+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));
+const NON_DATA_COLUMN_IDS = ["radioSelect", "multiSelect", "rowIndex", "actions"];
+const isDataColumn = (column) => {
   return !NON_DATA_COLUMN_IDS.includes(column.id || "");
 };
-
-/**
- * Determines if a column has an explicit width defined
- */
-var hasExplicitWidth = exports.hasExplicitWidth = function hasExplicitWidth(column) {
+const hasExplicitWidth = (column) => {
   return typeof column.size === "number" && column.size > 0;
 };
-
-/**
- * Calculates equal width distribution for data columns without explicit widths.
- *
- * This function implements the logic to ensure that:
- * 1. Non-data columns (S.No, Actions, MultiSelect, RadioSelect) take only minimum necessary width
- * 2. Data columns without explicit widths automatically share remaining space equally
- * 3. Data columns with explicit widths (via column.width or column.styles.width) maintain their specified size
- *
- * @param columns - Array of column definitions
- * @param tableWidth - Total available table width (default: 1200px for calculations)
- * @returns Modified column definitions with auto-sized data columns
- */
-var distributeColumnWidths = exports.distributeColumnWidths = function distributeColumnWidths(columns) {
-  var tableWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1200;
-  // Calculate total width used by non-data columns and data columns with explicit widths
-  var usedWidth = 0;
-  var dataColumnsNeedingWidth = 0;
-  columns.forEach(function (column) {
+const distributeColumnWidths = (columns, tableWidth = 1200) => {
+  let usedWidth = 0;
+  let dataColumnsNeedingWidth = 0;
+  columns.forEach((column) => {
     if (!isDataColumn(column)) {
-      // Non-data column - use its default size
-      var size = column.size || getDefaultColumnSize(column.id || "");
+      const size = column.size || getDefaultColumnSize(column.id || "");
       usedWidth += size;
     } else if (hasExplicitWidth(column)) {
-      // Data column with explicit width
       usedWidth += column.size;
     } else {
-      // Data column needing auto-sizing
       dataColumnsNeedingWidth++;
     }
   });
-
-  // Calculate width for auto-sized data columns
-  var autoColumnWidth = 150; // Default fallback width
+  let autoColumnWidth = 150;
   if (dataColumnsNeedingWidth > 0) {
-    var remainingWidth = Math.max(tableWidth - usedWidth, dataColumnsNeedingWidth * 100);
+    const remainingWidth = Math.max(tableWidth - usedWidth, dataColumnsNeedingWidth * 100);
     autoColumnWidth = Math.floor(remainingWidth / dataColumnsNeedingWidth);
-    // Ensure minimum width
     autoColumnWidth = Math.max(autoColumnWidth, 100);
   }
-
-  // Apply calculated widths to columns
-  return columns.map(function (column) {
+  return columns.map((column) => {
     if (isDataColumn(column) && !hasExplicitWidth(column)) {
-      return _objectSpread(_objectSpread({}, column), {}, {
+      return __spreadProps(__spreadValues({}, column), {
         size: autoColumnWidth,
         minSize: 100,
         // Ensure reasonable minimum for data columns
-        enableResizing: true // Allow resizing for auto-sized columns
+        enableResizing: true
+        // Allow resizing for auto-sized columns
       });
     }
     return column;
   });
 };
-
-/**
- * Get default size for non-data columns
- */
-var getDefaultColumnSize = function getDefaultColumnSize(columnId) {
+const getDefaultColumnSize = (columnId) => {
   switch (columnId) {
     case "radioSelect":
     case "multiSelect":
@@ -95,4 +66,9 @@ var getDefaultColumnSize = function getDefaultColumnSize(columnId) {
     default:
       return 150;
   }
-};
+};
+export {
+  distributeColumnWidths,
+  hasExplicitWidth,
+  isDataColumn
+};

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

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UNSUPPORTED_STATE_PERSISTENCE_TYPES = exports.TABLE_MESSAGES = exports.TABLE_DATA_STATES = exports.TABLE_CSS_CLASSES = exports.INTERACTIVE_TAG_NAMES = exports.INTERACTIVE_ROLES = exports.INTERACTIVE_DATA_ROLES = exports.INTERACTIVE_CLASSES = exports.DYNAMIC_COLUMNS_CONFIG = void 0;
-// CSS Class Names Constants
-var TABLE_CSS_CLASSES = exports.TABLE_CSS_CLASSES = {
+const TABLE_CSS_CLASSES = {
   tableRow: "app-datagrid-row",
   headerCell: "app-datagrid-header-cell",
   groupHeaderCell: "app-datagrid-group-header-cell",
@@ -23,17 +16,13 @@ var TABLE_CSS_CLASSES = exports.TABLE_CSS_CLASSES = {
   gridRowExpansionClass: "table-row-expansion",
   expandedRowClass: "expanded"
 };
-
-// Data States Constants
-var TABLE_DATA_STATES = exports.TABLE_DATA_STATES = {
+const TABLE_DATA_STATES = {
   loading: "Loading...",
   ready: "",
   error: "An error occurred in loading the data.",
   nodata: "No data found."
 };
-
-// Table Messages Constants
-var TABLE_MESSAGES = exports.TABLE_MESSAGES = {
+const TABLE_MESSAGES = {
   // Delete dialog messages
   deleteConfirmTitle: "Delete Record",
   deleteConfirmMessage: "Are you sure you want to delete this record?",
@@ -53,32 +42,95 @@ var TABLE_MESSAGES = exports.TABLE_MESSAGES = {
   radioSelectAriaLabel: "Select row",
   multiSelectAriaLabel: "Select all rows"
 };
-
-/**
- * Interactive element classes and attributes that should prevent row selection
- */
-var INTERACTIVE_CLASSES = exports.INTERACTIVE_CLASSES = [
-// MUI base components
-"MuiInputBase", "MuiSelect", "MuiButton", "MuiCheckbox", "MuiRadio", "MuiSlider", "MuiSwitch", "MuiTextField", "MuiAutocomplete", "MuiChip", "MuiRating", "MuiToggleButton",
-// Date/time pickers
-"MuiPickersDay", "MuiDatePicker", "MuiTimePicker", "MuiDateTimePicker", "MuiCalendarPicker", "MuiClockPicker",
-// Color picker
-"MuiColorPicker",
-// Form controls
-"MuiFormControl", "MuiFormGroup", "MuiFormControlLabel",
-// WaveMaker specific widgets
-"app-text", "app-textarea", "app-checkbox", "app-slider", "app-currency", "app-switch", "app-select", "app-checkboxset", "app-radioset", "app-date", "app-time", "app-timestamp", "app-rating", "app-datetime", "app-search", "app-chips", "app-colorpicker", "app-calendar", "app-editor"];
-var INTERACTIVE_ROLES = exports.INTERACTIVE_ROLES = ["button", "textbox", "combobox", "listbox"];
-var INTERACTIVE_DATA_ROLES = exports.INTERACTIVE_DATA_ROLES = ["input", "select", "date", "time", "color", "editor", "checkbox", "radio", "slider", "chips", "rating"];
-var INTERACTIVE_TAG_NAMES = exports.INTERACTIVE_TAG_NAMES = ["INPUT", "BUTTON", "SELECT", "TEXTAREA", "A", "LABEL"];
-
-// Dynamic Columns Constants
-var DYNAMIC_COLUMNS_CONFIG = exports.DYNAMIC_COLUMNS_CONFIG = {
+const INTERACTIVE_CLASSES = [
+  // MUI base components
+  "MuiInputBase",
+  "MuiSelect",
+  "MuiButton",
+  "MuiCheckbox",
+  "MuiRadio",
+  "MuiSlider",
+  "MuiSwitch",
+  "MuiTextField",
+  "MuiAutocomplete",
+  "MuiChip",
+  "MuiRating",
+  "MuiToggleButton",
+  // Date/time pickers
+  "MuiPickersDay",
+  "MuiDatePicker",
+  "MuiTimePicker",
+  "MuiDateTimePicker",
+  "MuiCalendarPicker",
+  "MuiClockPicker",
+  // Color picker
+  "MuiColorPicker",
+  // Form controls
+  "MuiFormControl",
+  "MuiFormGroup",
+  "MuiFormControlLabel",
+  // WaveMaker specific widgets
+  "app-text",
+  "app-textarea",
+  "app-checkbox",
+  "app-slider",
+  "app-currency",
+  "app-switch",
+  "app-select",
+  "app-checkboxset",
+  "app-radioset",
+  "app-date",
+  "app-time",
+  "app-timestamp",
+  "app-rating",
+  "app-datetime",
+  "app-search",
+  "app-chips",
+  "app-colorpicker",
+  "app-calendar",
+  "app-editor"
+];
+const INTERACTIVE_ROLES = ["button", "textbox", "combobox", "listbox"];
+const INTERACTIVE_DATA_ROLES = [
+  "input",
+  "select",
+  "date",
+  "time",
+  "color",
+  "editor",
+  "checkbox",
+  "radio",
+  "slider",
+  "chips",
+  "rating"
+];
+const INTERACTIVE_TAG_NAMES = [
+  "INPUT",
+  "BUTTON",
+  "SELECT",
+  "TEXTAREA",
+  "A",
+  "LABEL"
+];
+const DYNAMIC_COLUMNS_CONFIG = {
   maxColumns: 10,
   // Maximum number of columns to generate from data (matching Angular behavior)
-  sampleSize: 3 // Number of rows to sample for column detection
+  sampleSize: 3
+  // Number of rows to sample for column detection
+};
+const UNSUPPORTED_STATE_PERSISTENCE_TYPES = [
+  "Scroll",
+  "On-Demand",
+  "Inline"
+];
+export {
+  DYNAMIC_COLUMNS_CONFIG,
+  INTERACTIVE_CLASSES,
+  INTERACTIVE_DATA_ROLES,
+  INTERACTIVE_ROLES,
+  INTERACTIVE_TAG_NAMES,
+  TABLE_CSS_CLASSES,
+  TABLE_DATA_STATES,
+  TABLE_MESSAGES,
+  UNSUPPORTED_STATE_PERSISTENCE_TYPES
 };
-
-// Navigation types that don't support state persistence
-// These navigation types accumulate data and don't maintain traditional pagination state
-var UNSUPPORTED_STATE_PERSISTENCE_TYPES = exports.UNSUPPORTED_STATE_PERSISTENCE_TYPES = ["Scroll", "On-Demand", "Inline"];