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

package/components/data/table/hooks/useCustomExpressionColumns.js

@@ -1,88 +1,67 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCustomExpressionColumns = useCustomExpressionColumns;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = require("react");
-var _customExpression = require("../../../../utils/custom-expression");
-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; }
-/**
- * Syncs parsed `customExpression` column renderers with the table column proxy:
- * signature dedupe, stale async-merge guard, revision bumps for memoized cells.
- */
-function useCustomExpressionColumns(_ref) {
-  var columnSource = _ref.columnSource,
-    listenerRef = _ref.listenerRef;
-  var mergeGenerationRef = (0, _react.useRef)(0);
-  var lastMergedSignatureRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)({}),
-    customColumns = _useState[0],
-    setCustomColumns = _useState[1];
-  var _useState2 = (0, _react.useState)(0),
-    customColumnsRevision = _useState2[0],
-    setCustomColumnsRevision = _useState2[1];
-  var customExpressionSignature = (0, _react.useMemo)(function () {
-    return (0, _customExpression.buildCustomExpressionSignature)(columnSource);
-  }, [columnSource]);
-  var mergeParsedCustomColumns = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var customExprKeys, sig, mergeGen, newColumns;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          customExprKeys = Object.keys(columnSource).filter(function (key) {
-            return columnSource[key].customExpression;
-          });
-          if (!(customExprKeys.length === 0)) {
-            _context.next = 4;
-            break;
-          }
-          lastMergedSignatureRef.current = null;
-          return _context.abrupt("return");
-        case 4:
-          sig = customExpressionSignature;
-          if (!(lastMergedSignatureRef.current === sig)) {
-            _context.next = 7;
-            break;
-          }
-          return _context.abrupt("return");
-        case 7:
-          mergeGen = ++mergeGenerationRef.current;
-          _context.next = 10;
-          return (0, _customExpression.buildCustomExpressionComponentsMap)({
-            columnSource: columnSource,
-            listener: listenerRef.current
-          });
-        case 10:
-          newColumns = _context.sent;
-          if (!(mergeGen !== mergeGenerationRef.current)) {
-            _context.next = 13;
-            break;
-          }
-          return _context.abrupt("return");
-        case 13:
-          lastMergedSignatureRef.current = sig;
-          setCustomColumns(function (prev) {
-            return _objectSpread(_objectSpread({}, prev), newColumns);
-          });
-          setCustomColumnsRevision(function (r) {
-            return r + 1;
-          });
-        case 16:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), [columnSource, customExpressionSignature, listenerRef]);
+var __defProp = Object.defineProperty;
+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;
+};
+import { useCallback, useMemo, useRef, useState } from "react";
+import {
+  buildCustomExpressionComponentsMap,
+  buildCustomExpressionSignature
+} from "../../../../utils/custom-expression";
+function useCustomExpressionColumns({
+  columnSource,
+  listenerRef
+}) {
+  const mergeGenerationRef = useRef(0);
+  const lastMergedSignatureRef = useRef(null);
+  const [customColumns, setCustomColumns] = useState({});
+  const [customColumnsRevision, setCustomColumnsRevision] = useState(0);
+  const customExpressionSignature = useMemo(
+    () => buildCustomExpressionSignature(columnSource),
+    [columnSource]
+  );
+  const mergeParsedCustomColumns = useCallback(async () => {
+    const customExprKeys = Object.keys(columnSource).filter(
+      (key) => columnSource[key].customExpression
+    );
+    if (customExprKeys.length === 0) {
+      lastMergedSignatureRef.current = null;
+      return;
+    }
+    const sig = customExpressionSignature;
+    if (lastMergedSignatureRef.current === sig) {
+      return;
+    }
+    const mergeGen = ++mergeGenerationRef.current;
+    const newColumns = await buildCustomExpressionComponentsMap({
+      columnSource,
+      listener: listenerRef.current
+    });
+    if (mergeGen !== mergeGenerationRef.current) {
+      return;
+    }
+    lastMergedSignatureRef.current = sig;
+    setCustomColumns((prev) => __spreadValues(__spreadValues({}, prev), newColumns));
+    setCustomColumnsRevision((r) => r + 1);
+  }, [columnSource, customExpressionSignature, listenerRef]);
   return {
-    customColumns: customColumns,
-    customColumnsRevision: customColumnsRevision,
-    customExpressionSignature: customExpressionSignature,
-    mergeParsedCustomColumns: mergeParsedCustomColumns
+    customColumns,
+    customColumnsRevision,
+    customExpressionSignature,
+    mergeParsedCustomColumns
   };
-}
+}
+export {
+  useCustomExpressionColumns
+};

package/components/data/table/hooks/useDynamicColumns.js

@@ -1,105 +1,72 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDynamicColumns = exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _dynamicColumns = require("../utils/dynamic-columns");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-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; }
-/**
- * Props for useDynamicColumns hook
- */
-
-/**
- * Return type for useDynamicColumns hook
- */
-
-/**
- * Check if children contain WmTableColumn (or columns inside WmTableGroup).
- * WmTableRowAction, WmTableAction, etc. do NOT make the table static.
- */
-var _hasTableColumnsInChildren = function hasTableColumnsInChildren(children) {
-  var found = false;
-  _react["default"].Children.forEach(children, function (child) {
-    if (!(child !== null && child !== void 0 && child.props)) return;
-    var name = child.props.name || "";
+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));
+import React, { useMemo } from "react";
+import { generateColumnsFromData, isValidDataForColumns } from "../utils/dynamic-columns";
+const hasTableColumnsInChildren = (children) => {
+  let found = false;
+  React.Children.forEach(children, (child) => {
+    if (!(child == null ? void 0 : child.props)) return;
+    const name = child.props.name || "";
     if (name.includes("wm_table_column") || name.includes("col_")) {
       found = true;
     } else if (name.includes("group")) {
-      if (_hasTableColumnsInChildren(child.props.children)) {
+      if (hasTableColumnsInChildren(child.props.children)) {
         found = true;
       }
     }
   });
   return found;
 };
-
-/**
- * Hook to generate dynamic table columns when no WmTableColumn children are provided
- *
- * This hook automatically detects when:
- * - No WmTableColumn children are provided (WmTableRowAction alone does not make table static)
- * - Dataset contains valid data
- *
- * When both conditions are met, it generates column definitions from the data,
- * similar to Angular's dynamic table behavior.
- *
- * @param dataset - Array of data objects
- * @param children - React children (WmTableColumn, WmTableRowAction, etc.)
- * @param listener - Component listener for event handling
- * @returns Object containing dynamicColumns and isDynamicTable flag
- */
-var useDynamicColumns = exports.useDynamicColumns = function useDynamicColumns(_ref) {
-  var dataset = _ref.dataset,
-    children = _ref.children,
-    listener = _ref.listener;
-  var _useMemo = (0, _react.useMemo)(function () {
-      // Check if WmTableColumn (or columns in groups) are present - only these make table static
-      var hasTableColumns = _hasTableColumnsInChildren(children);
-
-      // If WmTableColumn exists, don't generate dynamic columns
-      if (hasTableColumns) {
-        return {
-          dynamicColumns: [],
-          isDynamicTable: false
-        };
-      }
-
-      // Check if data is valid for column generation
-      if (!(0, _dynamicColumns.isValidDataForColumns)(dataset)) {
-        // For dynamic tables, return an empty state but mark as dynamic
-        // This prevents falling back to static columns when data is just loading
-        return {
-          dynamicColumns: [],
-          isDynamicTable: true // No WmTableColumn present, so dynamic
-        };
-      }
-
-      // Generate columns from data
-      var generatedColumns = (0, _dynamicColumns.generateColumnsFromData)(dataset);
-
-      // Set listener on all generated columns
-      var columnsWithListener = generatedColumns.map(function (col) {
-        return _objectSpread(_objectSpread({}, col), {}, {
-          listener: listener
-        });
-      });
+const useDynamicColumns = ({
+  dataset,
+  children,
+  listener
+}) => {
+  const { dynamicColumns, isDynamicTable } = useMemo(() => {
+    const hasTableColumns = hasTableColumnsInChildren(children);
+    if (hasTableColumns) {
       return {
-        dynamicColumns: columnsWithListener,
+        dynamicColumns: [],
+        isDynamicTable: false
+      };
+    }
+    if (!isValidDataForColumns(dataset)) {
+      return {
+        dynamicColumns: [],
         isDynamicTable: true
+        // No WmTableColumn present, so dynamic
       };
-    }, [dataset, children, listener]),
-    dynamicColumns = _useMemo.dynamicColumns,
-    isDynamicTable = _useMemo.isDynamicTable;
-  return {
-    dynamicColumns: dynamicColumns,
-    isDynamicTable: isDynamicTable
-  };
+    }
+    const generatedColumns = generateColumnsFromData(dataset);
+    const columnsWithListener = generatedColumns.map((col) => __spreadProps(__spreadValues({}, col), {
+      listener
+    }));
+    return {
+      dynamicColumns: columnsWithListener,
+      isDynamicTable: true
+    };
+  }, [dataset, children, listener]);
+  return { dynamicColumns, isDynamicTable };
+};
+var useDynamicColumns_default = useDynamicColumns;
+export {
+  useDynamicColumns_default as default,
+  useDynamicColumns
 };
-var _default = exports["default"] = useDynamicColumns;

package/components/data/table/hooks/useEditingState.js

@@ -1,47 +1,36 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEditingState = void 0;
-var _react = require("react");
-/**
- * Hook to manage editing state for table rows
- */
-var useEditingState = exports.useEditingState = function useEditingState() {
-  var _useState = (0, _react.useState)(null),
-    editingRowId = _useState[0],
-    setEditingRowId = _useState[1];
-  var _useState2 = (0, _react.useState)(false),
-    isAddingNewRow = _useState2[0],
-    setIsAddingNewRow = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    sessionKey = _useState3[0],
-    setSessionKey = _useState3[1];
-  var editingRowDataRef = (0, _react.useRef)({});
-  var newRowDataRef = (0, _react.useRef)({});
-  var incrementSessionKey = (0, _react.useCallback)(function () {
-    setSessionKey(function (prev) {
-      return prev + 1;
-    });
+import { useState, useRef, useCallback } from "react";
+const useEditingState = () => {
+  const [editingRowId, setEditingRowId] = useState(null);
+  const [isAddingNewRow, setIsAddingNewRow] = useState(false);
+  const [sessionKey, setSessionKey] = useState(0);
+  const editingRowDataRef = useRef({});
+  const newRowDataRef = useRef({});
+  const incrementSessionKey = useCallback(() => {
+    setSessionKey((prev) => prev + 1);
   }, []);
-  var resetEditingData = (0, _react.useCallback)(function () {
+  const resetEditingData = useCallback(() => {
     editingRowDataRef.current = {};
     newRowDataRef.current = {};
   }, []);
-  var isRowEditing = (0, _react.useCallback)(function (rowId) {
-    return editingRowId === rowId;
-  }, [editingRowId]);
+  const isRowEditing = useCallback(
+    (rowId) => {
+      return editingRowId === rowId;
+    },
+    [editingRowId]
+  );
   return {
-    editingRowId: editingRowId,
-    isAddingNewRow: isAddingNewRow,
-    sessionKey: sessionKey,
-    editingRowDataRef: editingRowDataRef,
-    newRowDataRef: newRowDataRef,
-    setEditingRowId: setEditingRowId,
-    setIsAddingNewRow: setIsAddingNewRow,
-    incrementSessionKey: incrementSessionKey,
-    resetEditingData: resetEditingData,
-    isRowEditing: isRowEditing
+    editingRowId,
+    isAddingNewRow,
+    sessionKey,
+    editingRowDataRef,
+    newRowDataRef,
+    setEditingRowId,
+    setIsAddingNewRow,
+    incrementSessionKey,
+    resetEditingData,
+    isRowEditing
   };
-};
+};
+export {
+  useEditingState
+};