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

package/utils/attr.js

@@ -1,20 +1,175 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeInvalidAttributes = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var INTERNAL_ATTRIBUTES = new Set(["clearSearch", "conditionalclass", "conditionalstyle", "dataset", "destroy", "eventCallback", "formfield", "forwardedRef", "inbound", "iswidget", "listener", "onHeaderclick", "onHeaderClick", "onLoad", "onDestroy", "onNavHeightChange", "onRender", "outbound", "prefab", "ref", "showindevice", "styles", "viewParent"]);
-var SAFE_ATTRIBUTES = new Set(["accessKey", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "capture", "cellPadding", "cellSpacing", "charSet", "className", "cols", "colSpan", "content", "contentEditable", "controls", "coords", "crossOrigin", "dateTime", "default", "defaultChecked", "defaultValue", "dir", "disabled", "download", "draggable", "encType", "form", "height", "hidden", "hint", "href", "hrefLang", "htmlFor", "id", "inputMode", "label", "lang", "list", "max", "maxLength", "media", "method", "min", "minLength", "multiple", "name", "noValidate", "pattern", "placeholder", "readOnly", "rel", "required", "role", "rows", "rowSpan", "selected", "slot", "spellCheck", "src", "step", "style", "tabIndex", "target", "title", "translate", "type", "value", "width"]);
-var VALID_DOM_EVENT_HANDLERS = new Set(["onAbort", "onAnimationEnd", "onAnimationIteration", "onAnimationStart", "onAuxClick", "onBeforeInput", "onBlur", "onCanPlay", "onCanPlayThrough", "onChange", "onClick", "onCompositionEnd", "onCompositionStart", "onCompositionUpdate", "onContextMenu", "onCopy", "onCut", "onDoubleClick", "onDrag", "onDragEnd", "onDragEnter", "onDragExit", "onDragLeave", "onDragOver", "onDragStart", "onDrop", "onDurationChange", "onEmptied", "onEncrypted", "onEnded", "onError", "onFocus", "onGotPointerCapture", "onInput", "onInvalid", "onKeyDown", "onKeyPress", "onKeyUp", "onLoad", "onLoadedData", "onLoadedMetadata", "onLoadStart", "onLostPointerCapture", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp", "onPaste", "onPause", "onPlay", "onPlaying", "onPointerCancel", "onPointerDown", "onPointerEnter", "onPointerLeave", "onPointerMove", "onPointerOut", "onPointerOver", "onPointerUp", "onProgress", "onRateChange", "onReset", "onScroll", "onSeeked", "onSeeking", "onSelect", "onStalled", "onSubmit", "onSuspend", "onTimeUpdate", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onTransitionEnd", "onVolumeChange", "onWaiting", "onWheel"]);
-
-// Maps lowercase HTML attribute names to their React camelCase equivalents.
-// Lowercase attributes that appear here are normalized on the way out; those
-// NOT in this map but still all-lowercase are passed through as-is (custom /
-// data-like attributes handled elsewhere).
-var LOWERCASE_TO_REACT_ATTR = {
+const INTERNAL_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "clearSearch",
+  "conditionalclass",
+  "conditionalstyle",
+  "dataset",
+  "destroy",
+  "formfield",
+  "inbound",
+  "iswidget",
+  "onRender",
+  "outbound",
+  "prefab",
+  "ref",
+  "showindevice",
+  "styles",
+  "viewParent",
+  "onLeftPanelAnimationChange"
+]);
+const SAFE_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "accessKey",
+  "autoCapitalize",
+  "autoComplete",
+  "autoCorrect",
+  "autoFocus",
+  "capture",
+  "cellPadding",
+  "cellSpacing",
+  "charSet",
+  "className",
+  "cols",
+  "colSpan",
+  "content",
+  "contentEditable",
+  "controls",
+  "coords",
+  "crossOrigin",
+  "dateTime",
+  "default",
+  "defaultChecked",
+  "defaultValue",
+  "dir",
+  "disabled",
+  "download",
+  "draggable",
+  "encType",
+  "form",
+  "height",
+  "hidden",
+  "hint",
+  "href",
+  "hrefLang",
+  "htmlFor",
+  "id",
+  "inputMode",
+  "label",
+  "lang",
+  "list",
+  "max",
+  "maxLength",
+  "media",
+  "method",
+  "min",
+  "minLength",
+  "multiple",
+  "name",
+  "noValidate",
+  "pattern",
+  "placeholder",
+  "readOnly",
+  "rel",
+  "required",
+  "role",
+  "rows",
+  "rowSpan",
+  "selected",
+  "slot",
+  "spellCheck",
+  "src",
+  "step",
+  "style",
+  "tabIndex",
+  "target",
+  "title",
+  "translate",
+  "type",
+  "value",
+  "width"
+]);
+const VALID_DOM_EVENT_HANDLERS = /* @__PURE__ */ new Set([
+  "onAbort",
+  "onAnimationEnd",
+  "onAnimationIteration",
+  "onAnimationStart",
+  "onAuxClick",
+  "onBeforeInput",
+  "onBlur",
+  "onCanPlay",
+  "onCanPlayThrough",
+  "onChange",
+  "onClick",
+  "onCompositionEnd",
+  "onCompositionStart",
+  "onCompositionUpdate",
+  "onContextMenu",
+  "onCopy",
+  "onCut",
+  "onDoubleClick",
+  "onDrag",
+  "onDragEnd",
+  "onDragEnter",
+  "onDragExit",
+  "onDragLeave",
+  "onDragOver",
+  "onDragStart",
+  "onDrop",
+  "onDurationChange",
+  "onEmptied",
+  "onEncrypted",
+  "onEnded",
+  "onError",
+  "onFocus",
+  "onGotPointerCapture",
+  "onInput",
+  "onInvalid",
+  "onKeyDown",
+  "onKeyPress",
+  "onKeyUp",
+  "onLoad",
+  "onLoadedData",
+  "onLoadedMetadata",
+  "onLoadStart",
+  "onLostPointerCapture",
+  "onMouseDown",
+  "onMouseEnter",
+  "onMouseLeave",
+  "onMouseMove",
+  "onMouseOut",
+  "onMouseOver",
+  "onMouseUp",
+  "onPaste",
+  "onPause",
+  "onPlay",
+  "onPlaying",
+  "onPointerCancel",
+  "onPointerDown",
+  "onPointerEnter",
+  "onPointerLeave",
+  "onPointerMove",
+  "onPointerOut",
+  "onPointerOver",
+  "onPointerUp",
+  "onProgress",
+  "onRateChange",
+  "onReset",
+  "onScroll",
+  "onSeeked",
+  "onSeeking",
+  "onSelect",
+  "onStalled",
+  "onSubmit",
+  "onSuspend",
+  "onTimeUpdate",
+  "onTouchCancel",
+  "onTouchEnd",
+  "onTouchMove",
+  "onTouchStart",
+  "onTransitionEnd",
+  "onVolumeChange",
+  "onWaiting",
+  "onWheel"
+]);
+const LOWERCASE_TO_REACT_ATTR = {
   autocomplete: "autoComplete",
   autocapitalize: "autoCapitalize",
   autocorrect: "autoCorrect",
@@ -39,39 +194,33 @@ var LOWERCASE_TO_REACT_ATTR = {
   spellcheck: "spellCheck",
   tabindex: "tabIndex"
 };
-var isLowercaseAttribute = function isLowercaseAttribute(key) {
-  return key === key.toLowerCase();
-};
-var isSafeAttributeName = function isSafeAttributeName(key) {
-  return SAFE_ATTRIBUTES.has(key) || key.startsWith("aria-") || key.startsWith("data-") || isLowercaseAttribute(key) || VALID_DOM_EVENT_HANDLERS.has(key);
-};
-var isObjectLikeString = function isObjectLikeString(value) {
-  var trimmed = value.trim();
+const isLowercaseAttribute = (key) => key === key.toLowerCase();
+const isSafeAttributeName = (key) => SAFE_ATTRIBUTES.has(key) || key.startsWith("aria-") || key.startsWith("data-") || isLowercaseAttribute(key) || VALID_DOM_EVENT_HANDLERS.has(key);
+const isObjectLikeString = (value) => {
+  const trimmed = value.trim();
   if (/^\[object\s*,?\s*object\]$/i.test(trimmed)) {
     return true;
   }
   if (trimmed.startsWith("{") && trimmed.endsWith("}") || trimmed.startsWith("[") && trimmed.endsWith("]")) {
     try {
-      var parsed = JSON.parse(trimmed);
-      return (0, _typeof2["default"])(parsed) === "object" && parsed !== null;
+      const parsed = JSON.parse(trimmed);
+      return typeof parsed === "object" && parsed !== null;
     } catch (e) {
       return false;
     }
   }
   return false;
 };
-var shouldStringifyBooleanAttribute = function shouldStringifyBooleanAttribute(key, value) {
-  return typeof value === "boolean" && isLowercaseAttribute(key) && !SAFE_ATTRIBUTES.has(key) && !key.startsWith("aria-") && !key.startsWith("data-");
-};
-var removeInvalidAttributes = exports.removeInvalidAttributes = function removeInvalidAttributes(attributes, explicitRemoveAttributes) {
-  var filteredAttributes = {};
-  Object.keys(attributes).forEach(function (key) {
-    var _LOWERCASE_TO_REACT_A;
-    if (explicitRemoveAttributes !== null && explicitRemoveAttributes !== void 0 && explicitRemoveAttributes.includes(key) || INTERNAL_ATTRIBUTES.has(key) || !isSafeAttributeName(key)) {
+const shouldStringifyBooleanAttribute = (key, value) => typeof value === "boolean" && isLowercaseAttribute(key) && !SAFE_ATTRIBUTES.has(key) && !key.startsWith("aria-") && !key.startsWith("data-");
+const removeInvalidAttributes = (attributes, explicitRemoveAttributes) => {
+  const filteredAttributes = {};
+  Object.keys(attributes).forEach((key) => {
+    var _a;
+    if ((explicitRemoveAttributes == null ? void 0 : explicitRemoveAttributes.includes(key)) || INTERNAL_ATTRIBUTES.has(key) || !isSafeAttributeName(key)) {
       return;
     }
-    var value = attributes[key];
-    if (Array.isArray(value) || (0, _typeof2["default"])(value) === "object" && value !== null) {
+    const value = attributes[key];
+    if (Array.isArray(value) || typeof value === "object" && value !== null) {
       return;
     }
     if (typeof value === "function" && !VALID_DOM_EVENT_HANDLERS.has(key)) {
@@ -83,10 +232,11 @@ var removeInvalidAttributes = exports.removeInvalidAttributes = function removeI
     if (typeof value === "string" && isObjectLikeString(value)) {
       return;
     }
-    // Normalize lowercase HTML attribute names to their React camelCase form
-    // to prevent "Invalid DOM property" warnings (e.g. autocomplete → autoComplete).
-    var normalizedKey = (_LOWERCASE_TO_REACT_A = LOWERCASE_TO_REACT_ATTR[key]) !== null && _LOWERCASE_TO_REACT_A !== void 0 ? _LOWERCASE_TO_REACT_A : key;
+    const normalizedKey = (_a = LOWERCASE_TO_REACT_ATTR[key]) != null ? _a : key;
     filteredAttributes[normalizedKey] = shouldStringifyBooleanAttribute(normalizedKey, value) ? value.toString() : value;
   });
   return filteredAttributes;
-};
+};
+export {
+  removeInvalidAttributes
+};

package/utils/custom-expression/index.js

@@ -1,161 +1,68 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildCustomExpressionComponentsMap = buildCustomExpressionComponentsMap;
-exports.buildCustomExpressionSignature = buildCustomExpressionSignature;
-exports.compileCustomExpressionMarkup = compileCustomExpressionMarkup;
-exports.normalizeTransformedMarkupRowBinding = normalizeTransformedMarkupRowBinding;
-Object.defineProperty(exports, "parseCustomExpressionToJsx", {
-  enumerable: true,
-  get: function get() {
-    return _parser.parseCustomExpressionToJsx;
-  }
-});
-Object.defineProperty(exports, "transformMarkup", {
-  enumerable: true,
-  get: function get() {
-    return _transpiler.transformMarkup;
-  }
-});
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _transpiler = require("@wavemaker-ai/react-codegen/transpiler");
-var _parser = require("./parser");
-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; } /** Re-export for callers that need the same WaveMaker transpiler the table uses. */
-/** Column-like objects that expose WaveMaker `customExpression` markup per field key. */
-
-/**
- * WaveMaker transpiler often emits `(row) => …`. Normalize arrow params so the row cell
- * binding stays consistent with compiled JSX.
- */
+import { transformMarkup } from "@wavemaker-ai/react-codegen/transpiler";
+import { parseCustomExpressionToJsx } from "./parser";
+import { parseCustomExpressionToJsx as parseCustomExpressionToJsx2 } from "./parser";
 function normalizeTransformedMarkupRowBinding(transformedMarkup) {
-  transformedMarkup.markup = transformedMarkup.markup.replace(/\(([^)]*)\)\s*=>/g, function (_match, params) {
-    var cleaned = params.split(",").map(function (p) {
-      return p.trim();
-    }).filter(function (p) {
-      return p !== "row";
-    }).join(", ");
-    return "(".concat(cleaned, ") =>");
-  });
+  transformedMarkup.markup = transformedMarkup.markup.replace(
+    /\(([^)]*)\)\s*=>/g,
+    (_match, params) => {
+      const cleaned = params.split(",").map((p) => p.trim()).filter((p) => p !== "row").join(", ");
+      return `(${cleaned}) =>`;
+    }
+  );
   return transformedMarkup;
 }
-
-/**
- * Pass column custom-expression markup and get a row renderer for `customColumns` /
- * `customExpressionColumns` state. Uses codegen `transformMarkup` unless overridden.
- */
-function compileCustomExpressionMarkup(_x, _x2) {
-  return _compileCustomExpressionMarkup.apply(this, arguments);
-}
-/**
- * Stable fingerprint of all custom markup strings (sorted keys) — use for memo deps / merge dedupe.
- */
-function _compileCustomExpressionMarkup() {
-  _compileCustomExpressionMarkup = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(markup, options) {
-    var _options$parse, _options$transformMar;
-    var parse, tm, transformedMarkup;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          parse = (_options$parse = options.parse) !== null && _options$parse !== void 0 ? _options$parse : _parser.parseCustomExpressionToJsx;
-          tm = (_options$transformMar = options.transformMarkup) !== null && _options$transformMar !== void 0 ? _options$transformMar : _transpiler.transformMarkup;
-          transformedMarkup = normalizeTransformedMarkupRowBinding(tm(markup));
-          return _context.abrupt("return", parse(transformedMarkup, options.listener));
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _compileCustomExpressionMarkup.apply(this, arguments);
+async function compileCustomExpressionMarkup(markup, options) {
+  var _a, _b;
+  const parse = (_a = options.parse) != null ? _a : parseCustomExpressionToJsx;
+  const tm = (_b = options.transformMarkup) != null ? _b : transformMarkup;
+  const transformedMarkup = normalizeTransformedMarkupRowBinding(tm(markup));
+  return parse(transformedMarkup, options.listener);
 }
 function buildCustomExpressionSignature(columnSource) {
   try {
-    return Object.keys(columnSource).filter(function (key) {
-      var _columnSource$key;
-      return (_columnSource$key = columnSource[key]) === null || _columnSource$key === void 0 ? void 0 : _columnSource$key.customExpression;
-    }).map(function (key) {
-      return "".concat(key, "\0").concat(String(columnSource[key].customExpression));
-    }).sort().join("\x1F");
-  } catch (_unused) {
+    return Object.keys(columnSource).filter((key) => {
+      var _a;
+      return (_a = columnSource[key]) == null ? void 0 : _a.customExpression;
+    }).map((key) => `${key}\0${String(columnSource[key].customExpression)}`).sort().join("");
+  } catch (e) {
     return "";
   }
 }
-/**
- * Parses every column on `columnSource` that defines `customExpression` into render callables.
- * Store the result in table `customColumns` (or any map of column id → row renderer).
- */
-function buildCustomExpressionComponentsMap(_x3) {
-  return _buildCustomExpressionComponentsMap.apply(this, arguments);
+async function buildCustomExpressionComponentsMap(options) {
+  const {
+    columnSource,
+    transformMarkup: transformMarkupOpt,
+    listener,
+    parseCustomExpressionToJsx: parseFn = parseCustomExpressionToJsx
+  } = options;
+  const tm = transformMarkupOpt != null ? transformMarkupOpt : transformMarkup;
+  const keys = Object.keys(columnSource).filter((key) => columnSource[key].customExpression);
+  if (keys.length === 0) {
+    return {};
+  }
+  const results = await Promise.all(
+    keys.map(async (key) => {
+      const transformedMarkup = normalizeTransformedMarkupRowBinding(
+        tm(columnSource[key].customExpression, {
+          appUrl: "",
+          insideTableColumn: true
+        })
+      );
+      const component = await parseFn(transformedMarkup, listener);
+      return { key, component };
+    })
+  );
+  const out = {};
+  for (const { key, component } of results) {
+    out[key] = component;
+  }
+  return out;
 }
-function _buildCustomExpressionComponentsMap() {
-  _buildCustomExpressionComponentsMap = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(options) {
-    var columnSource, transformMarkupOpt, listener, _options$parseCustomE, parseFn, tm, keys, results, out, _iterator, _step, _step$value, key, component;
-    return _regenerator["default"].wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          columnSource = options.columnSource, transformMarkupOpt = options.transformMarkup, listener = options.listener, _options$parseCustomE = options.parseCustomExpressionToJsx, parseFn = _options$parseCustomE === void 0 ? _parser.parseCustomExpressionToJsx : _options$parseCustomE;
-          tm = transformMarkupOpt !== null && transformMarkupOpt !== void 0 ? transformMarkupOpt : _transpiler.transformMarkup;
-          keys = Object.keys(columnSource).filter(function (key) {
-            return columnSource[key].customExpression;
-          });
-          if (!(keys.length === 0)) {
-            _context3.next = 5;
-            break;
-          }
-          return _context3.abrupt("return", {});
-        case 5:
-          _context3.next = 7;
-          return Promise.all(keys.map(/*#__PURE__*/function () {
-            var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(key) {
-              var transformedMarkup, component;
-              return _regenerator["default"].wrap(function _callee2$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
-                  case 0:
-                    transformedMarkup = normalizeTransformedMarkupRowBinding(tm(columnSource[key].customExpression));
-                    _context2.next = 3;
-                    return parseFn(transformedMarkup, listener);
-                  case 3:
-                    component = _context2.sent;
-                    return _context2.abrupt("return", {
-                      key: key,
-                      component: component
-                    });
-                  case 5:
-                  case "end":
-                    return _context2.stop();
-                }
-              }, _callee2);
-            }));
-            return function (_x4) {
-              return _ref.apply(this, arguments);
-            };
-          }()));
-        case 7:
-          results = _context3.sent;
-          out = {};
-          _iterator = _createForOfIteratorHelper(results);
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              _step$value = _step.value, key = _step$value.key, component = _step$value.component;
-              out[key] = component;
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-          return _context3.abrupt("return", out);
-        case 12:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return _buildCustomExpressionComponentsMap.apply(this, arguments);
-}
+export {
+  buildCustomExpressionComponentsMap,
+  buildCustomExpressionSignature,
+  compileCustomExpressionMarkup,
+  normalizeTransformedMarkupRowBinding,
+  parseCustomExpressionToJsx2 as parseCustomExpressionToJsx,
+  transformMarkup
+};