@wavemaker-ai/react-runtime 1.0.0-rc.647499 → 1.0.0-rc.647565

package/components/basic/video/index.js

@@ -1,108 +1,162 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmVideo = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _resourceUrl = require("@wavemaker-ai/react-runtime/utils/resource-url");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
-var _excluded = ["subtitlelang", "videoposter", "className", "controls", "muted", "loop", "autoplay", "videopreload", "tabindex", "hint", "arialabel", "styles", "name", "mp4format", "webmformat", "oggformat", "subtitlesource", "videosupportmessage", "prefabName"];
-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); }
-var __jsx = _react["default"].createElement;
-var DEFAULT_CLASS = "app-video";
-var WmVideo = exports.WmVideo = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var _props$subtitlelang = props.subtitlelang,
-    subtitlelang = _props$subtitlelang === void 0 ? "en" : _props$subtitlelang,
-    _props$videoposter = props.videoposter,
-    videoposter = _props$videoposter === void 0 ? "resources/images/imagelists/default-image.png" : _props$videoposter,
-    className = props.className,
-    controls = props.controls,
-    muted = props.muted,
-    loop = props.loop,
-    autoplay = props.autoplay,
-    videopreload = props.videopreload,
-    tabindex = props.tabindex,
-    hint = props.hint,
-    arialabel = props.arialabel,
-    styles = props.styles,
-    name = props.name,
-    mp4format = props.mp4format,
-    webmformat = props.webmformat,
-    oggformat = props.oggformat,
-    subtitlesource = props.subtitlesource,
-    videosupportmessage = props.videosupportmessage,
-    prefabName = props.prefabName,
-    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var computedPoster = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(videoposter, prefabName);
-  }, [videoposter, prefabName]);
-  var computedMp4 = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(mp4format || "", prefabName);
-  }, [mp4format, prefabName]);
-  var computedWebm = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(webmformat || "", prefabName);
-  }, [webmformat, prefabName]);
-  var computedOgg = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(oggformat || "", prefabName);
-  }, [oggformat, prefabName]);
-  var computedSubtitles = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(subtitlesource || "", prefabName);
-  }, [subtitlesource, prefabName]);
-  return __jsx(_Box["default"], (0, _extends2["default"])({
-    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
-    title: hint,
-    "aria-label": arialabel,
-    style: styles
-  }, (0, _attr.removeInvalidAttributes)(restProps)), __jsx("video", {
-    className: "wm-video-media",
-    controls: controls,
-    poster: computedPoster,
-    muted: muted,
-    loop: loop,
-    autoPlay: autoplay,
-    preload: videopreload,
-    tabIndex: tabindex,
-    name: name
-  }, computedMp4 && __jsx("source", {
-    src: computedMp4,
-    type: "video/mp4"
-  }), computedWebm && __jsx("source", {
-    src: computedWebm,
-    type: "video/webm"
-  }), computedOgg && __jsx("source", {
-    src: computedOgg,
-    type: "video/ogg"
-  }), computedSubtitles && __jsx("track", {
-    kind: "subtitles",
-    label: subtitlelang,
-    srcLang: subtitlelang,
-    src: computedSubtitles,
-    "default": true
-  }), videosupportmessage || "Your browser does not support the video tag."));
-}, function (prev, current) {
-  var keys = ["mp4format", "webmformat", "oggformat", "subtitlelang", "subtitlesource", "poster", "hint"];
-  return keys.every(function (key) {
-    return prev[key] === current[key];
-  });
-});
+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, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import clsx from "clsx";
+import Box from "@mui/material/Box";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { prefixPrefabResourceUrl } from "../../../utils/resource-url";
+import { removeInvalidAttributes } from "../../../utils/attr";
+const DEFAULT_CLASS = "app-video";
+const WmVideo = memo(
+  (props) => {
+    const _a = props, {
+      subtitlelang = "en",
+      videoposter = "resources/images/imagelists/default-image.png",
+      className,
+      controls,
+      muted,
+      loop,
+      autoplay,
+      videopreload,
+      tabindex,
+      hint,
+      arialabel,
+      styles,
+      name,
+      mp4format,
+      webmformat,
+      oggformat,
+      subtitlesource,
+      videosupportmessage,
+      prefabName
+    } = _a, restProps = __objRest(_a, [
+      "subtitlelang",
+      "videoposter",
+      "className",
+      "controls",
+      "muted",
+      "loop",
+      "autoplay",
+      "videopreload",
+      "tabindex",
+      "hint",
+      "arialabel",
+      "styles",
+      "name",
+      "mp4format",
+      "webmformat",
+      "oggformat",
+      "subtitlesource",
+      "videosupportmessage",
+      "prefabName"
+    ]);
+    const computedPoster = useMemo(
+      () => prefixPrefabResourceUrl(videoposter, prefabName),
+      [videoposter, prefabName]
+    );
+    const computedMp4 = useMemo(
+      () => prefixPrefabResourceUrl(mp4format || "", prefabName),
+      [mp4format, prefabName]
+    );
+    const computedWebm = useMemo(
+      () => prefixPrefabResourceUrl(webmformat || "", prefabName),
+      [webmformat, prefabName]
+    );
+    const computedOgg = useMemo(
+      () => prefixPrefabResourceUrl(oggformat || "", prefabName),
+      [oggformat, prefabName]
+    );
+    const computedSubtitles = useMemo(
+      () => prefixPrefabResourceUrl(subtitlesource || "", prefabName),
+      [subtitlesource, prefabName]
+    );
+    return /* @__PURE__ */ jsx(
+      Box,
+      __spreadProps(__spreadValues({
+        className: clsx(DEFAULT_CLASS, className),
+        title: hint,
+        "aria-label": arialabel,
+        style: styles
+      }, removeInvalidAttributes(restProps)), {
+        children: /* @__PURE__ */ jsxs(
+          "video",
+          __spreadProps(__spreadValues({
+            className: "wm-video-media",
+            controls,
+            poster: computedPoster,
+            muted,
+            loop,
+            autoPlay: autoplay,
+            preload: videopreload,
+            tabIndex: tabindex
+          }, { name }), {
+            children: [
+              computedMp4 && /* @__PURE__ */ jsx("source", { src: computedMp4, type: "video/mp4" }),
+              computedWebm && /* @__PURE__ */ jsx("source", { src: computedWebm, type: "video/webm" }),
+              computedOgg && /* @__PURE__ */ jsx("source", { src: computedOgg, type: "video/ogg" }),
+              computedSubtitles && /* @__PURE__ */ jsx(
+                "track",
+                {
+                  kind: "subtitles",
+                  label: subtitlelang,
+                  srcLang: subtitlelang,
+                  src: computedSubtitles,
+                  default: true
+                }
+              ),
+              videosupportmessage || "Your browser does not support the video tag."
+            ]
+          })
+        )
+      })
+    );
+  },
+  (prev, current) => {
+    const keys = [
+      "mp4format",
+      "webmformat",
+      "oggformat",
+      "subtitlelang",
+      "subtitlesource",
+      "poster",
+      "hint"
+    ];
+    return keys.every((key) => prev[key] === current[key]);
+  }
+);
 WmVideo.displayName = "WmVideo";
-
-/**
- * The WmVideo component is used to play video files in various formats (MP4, WebM, OGG).
- * It supports subtitles, posters, and various playback controls.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/basic-video--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/basic-video--docs)
- *
- * @param props - {@link WmVideoProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmVideo);
+var video_default = withBaseWrapper(WmVideo);
+export {
+  WmVideo,
+  video_default as default
+};

package/components/basic/video/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/chart/index.js

@@ -1,58 +1,50 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmChart = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
-var _isArray = _interopRequireDefault(require("lodash-es/isArray"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _src = require("./src");
-var _props = require("./props");
-var __jsx = _react["default"].createElement;
-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; }
-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 WmChart = exports.WmChart = /*#__PURE__*/_react["default"].memo(function (Props) {
-  var props = _objectSpread(_objectSpread({}, _props.DEFAULT_PROPS), Props);
-  // @ts-ignore
-  return __jsx(_src.WmChart, props);
-}, function (prev, next) {
-  var _iterator = _createForOfIteratorHelper(_props.CHART_RENDER_PROPS),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var key = _step.value;
-      var prevVal = prev[key];
-      var nextVal = next[key];
+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 { jsx } from "react/jsx-runtime";
+import React from "react";
+import isEqual from "lodash-es/isEqual";
+import isArray from "lodash-es/isArray";
+import { withBaseWrapper } from "../../higherOrder/withBaseWrapper";
+import { WmChart as WmChartCore } from "./src";
+import { DEFAULT_PROPS, CHART_RENDER_PROPS } from "./props";
+const WmChart = React.memo(
+  (Props) => {
+    const props = __spreadValues(__spreadValues({}, DEFAULT_PROPS), Props);
+    return /* @__PURE__ */ jsx(WmChartCore, __spreadValues({}, props));
+  },
+  (prev, next) => {
+    for (const key of CHART_RENDER_PROPS) {
+      const prevVal = prev[key];
+      const nextVal = next[key];
       if (key === "dataset") {
-        if (prevVal === nextVal) continue; // Same reference - skip comparison
-        if ((0, _isArray["default"])(prevVal) && (0, _isArray["default"])(nextVal) && prevVal.length !== nextVal.length) return false;
+        if (prevVal === nextVal) continue;
+        if (isArray(prevVal) && isArray(nextVal) && prevVal.length !== nextVal.length) return false;
         if (prevVal !== nextVal) return false;
       } else if (key === "styles") {
-        // styles is an object - use deep compare (parent passes inline {} each render)
-        if (!(0, _isEqual["default"])(prevVal, nextVal)) return false;
+        if (!isEqual(prevVal, nextVal)) return false;
       } else if (prevVal !== nextVal) {
         return false;
       }
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
+    return true;
   }
-  return true;
-});
-
-/**
- * The WmChart component renders various chart types including Column, Bar, Line, Area,
- * Pie, Donut, Bubble, and Cumulative Line charts using D3 + NVD3 via @wavemaker/react-charts.
- *
- * @param props - {@link WmChartProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmChart);
+);
+var chart_default = withBaseWrapper(WmChart);
+export {
+  WmChart,
+  chart_default as default
+};

package/components/chart/props.js

@@ -1,36 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_PROPS = exports.CHART_RENDER_PROPS = void 0;
-// Internal chart data types
-
-/** Chart type options */
-
-/** Legend position options */
-
-/** Legend display type */
-
-/** Bubble chart shape options */
-
-/** Line interpolation type */
-
-/** Bar/Column chart view type */
-
-/** Show values position for labels */
-
-/** Label display format for pie/donut */
-
-/** Chart dataset - array of objects or object with labels/values arrays */
-
-/** Selected chart item passed to onSelect callback */
-
-/** Chart widget props - extends BaseProps (id, name, prefabName come from BaseProps) */
-
-/** Combined props for WmChart - includes BaseProps (id, name, prefabName, className, etc.) */
-
-var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+const DEFAULT_PROPS = {
   type: "Column",
   aggregation: "none",
   xaxislabeldistance: 12,
@@ -58,9 +26,12 @@ var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
   datasource: null,
   height: "210px",
   shape: "circle",
-  onSelect: function onSelect() {},
-  onTransform: function onTransform() {},
-  onBeforerender: function onBeforerender() {},
+  onSelect: () => {
+  },
+  onTransform: () => {
+  },
+  onBeforerender: () => {
+  },
   xdomain: "Default",
   ydomain: "Default",
   labelthreshold: 0.01,
@@ -78,4 +49,27 @@ var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
   show: true,
   hidden: false
 };
-var CHART_RENDER_PROPS = exports.CHART_RENDER_PROPS = ["dataset", "datasource", "type", "xaxisdatakey", "yaxisdatakey", "groupby", "orderby", "aggregation", "aggregationcolumn", "customcolors", "theme", "showlegend", "showlabels", "donutratio", "styles", "show", "hidden", "className"];
+const CHART_RENDER_PROPS = [
+  "dataset",
+  "datasource",
+  "type",
+  "xaxisdatakey",
+  "yaxisdatakey",
+  "groupby",
+  "orderby",
+  "aggregation",
+  "aggregationcolumn",
+  "customcolors",
+  "theme",
+  "showlegend",
+  "showlabels",
+  "donutratio",
+  "styles",
+  "show",
+  "hidden",
+  "className"
+];
+export {
+  CHART_RENDER_PROPS,
+  DEFAULT_PROPS
+};