@wavemaker/react-runtime 11.15.3-rc.647481 → 11.15.4-rc.250

package/components/basic/richtexteditor/index.js

@@ -1,29 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
-var _joditReact = _interopRequireDefault(require("jodit-react"));
 var _dompurify = _interopRequireDefault(require("dompurify"));
 var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
 var lodash = _interopRequireWildcard(require("lodash-es"));
 var _withFormController = _interopRequireDefault(require("@wavemaker/react-runtime/components/data/form/form-controller/withFormController"));
 var _util = require("@wavemaker/react-runtime/core/util");
-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;
 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 EditorContainer = (0, _styles.styled)(_material.Box)(function (_ref) {
-  var theme = _ref.theme,
-    height = _ref.height;
+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" != (0, _typeof2["default"])(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 JoditEditor = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require("jodit-react"));
+  });
+});
+var EditorPlaceholder = function EditorPlaceholder(_ref) {
+  var content = _ref.content,
+    placeholder = _ref.placeholder,
+    width = _ref.width,
+    height = _ref.height,
+    disabled = _ref.disabled,
+    readonly = _ref.readonly;
+  return __jsx("textarea", {
+    value: content,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readonly,
+    style: {
+      minHeight: height || "100px",
+      width: width,
+      border: "1px solid",
+      borderRadius: 4,
+      padding: 8,
+      font: "inherit",
+      resize: "vertical",
+      boxSizing: "border-box"
+    }
+  });
+};
+var EditorContainer = (0, _styles.styled)(_material.Box)(function (_ref2) {
+  var theme = _ref2.theme,
+    height = _ref2.height;
   return {
     "& .jodit-workplace": {
       height: height ? "".concat(height, " !important") : "auto"
@@ -78,8 +106,8 @@ var EditorContainer = (0, _styles.styled)(_material.Box)(function (_ref) {
     }
   };
 });
-var PreviewContainer = (0, _styles.styled)(_material.Box)(function (_ref2) {
-  var theme = _ref2.theme;
+var PreviewContainer = (0, _styles.styled)(_material.Box)(function (_ref3) {
+  var theme = _ref3.theme;
   return {
     marginTop: theme.spacing(2),
     padding: theme.spacing(2),
@@ -415,12 +443,28 @@ var WmRichTextEditorBase = function WmRichTextEditorBase(props) {
       height: styles === null || styles === void 0 ? void 0 : styles.height,
       "aria-readonly": readonly,
       hidden: props.hidden
-    }, __jsx(_joditReact["default"], {
+    }, typeof window !== "undefined" ? __jsx(_react["default"].Suspense, {
+      fallback: __jsx(EditorPlaceholder, {
+        content: content || "",
+        placeholder: placeholder,
+        width: width,
+        height: height,
+        disabled: disabled,
+        readonly: readonly
+      })
+    }, __jsx(JoditEditor, {
       ref: editorRef,
       value: content === null || content === void 0 ? void 0 : content.toString(),
       config: editorConfig,
       onBlur: handleEditorBlur,
       onChange: debouncedHandleOnChange
+    })) : __jsx(EditorPlaceholder, {
+      content: content || "",
+      placeholder: placeholder,
+      width: width,
+      height: height,
+      disabled: disabled,
+      readonly: readonly
     }), __jsx(HiddenInput, {
       ref: hiddenInputRef,
       className: "model-holder",

package/components/chart/index.js

@@ -240,10 +240,7 @@ var WmChart = function WmChart(props) {
     if (xaxislabel) {
       return "".concat(xaxislabel).concat(xunits ? " (".concat(xunits, ")") : "");
     }
-    if (xaxisdatakey) {
-      return "".concat((0, _utils.prettifyLabels)(xaxisdatakey)).concat(xunits ? " (".concat(xunits, ")") : "");
-    }
-    return "x caption";
+    return "";
   }, [type, xaxislabel, xaxisdatakey, xunits, yaxislabel, yaxisdatakey, yunits]);
 
   // BUG FIX 3: YAxis caption updating properly
@@ -260,13 +257,7 @@ var WmChart = function WmChart(props) {
     if (yaxislabel) {
       return "".concat(yaxislabel).concat(yunits ? " (".concat(yunits, ")") : "");
     }
-    if (yaxisdatakey) {
-      var keys = yaxisdatakey.split(",").map(function (key) {
-        return (0, _utils.prettifyLabels)(key.trim());
-      });
-      return "".concat(keys.join(" ")).concat(yunits ? " (".concat(yunits, ")") : "");
-    }
-    return "y caption";
+    return "";
   }, [type, yaxislabel, yaxisdatakey, yunits, xaxislabel, xaxisdatakey, xunits]);
   var isGroupByEnabled = (0, _react.useCallback)(function () {
     return !!(groupby && groupby !== _utils.NONE);

package/components/common/AppSpinner.js

@@ -20,7 +20,10 @@ var AppSpinner = exports.AppSpinner = function AppSpinner(_ref) {
   }
   return __jsx(_material.Box, {
     className: (0, _clsx["default"])("app-spinner", classname),
-    "aria-label": arialabel
+    "aria-label": arialabel,
+    style: {
+      zIndex: 100
+    }
   }, __jsx(_material.Box, {
     className: "spinner-message"
   }, __jsx("i", {

package/components/container/panel/components/panel-content/index.js

@@ -0,0 +1,18 @@
+"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;
+var WmPanelContent = function WmPanelContent(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return __jsx("div", {
+    className: className
+  }, children);
+};
+WmPanelContent.displayName = "WmPanelContent";
+var _default = exports["default"] = WmPanelContent;

package/components/container/wizard/index.js

@@ -794,7 +794,7 @@ var WmWizard = /*#__PURE__*/(0, _react.memo)(function (props) {
     alternativeLabel: alternativeLabel,
     nonLinear: nonLinear,
     connector: connector,
-    className: (0, _clsx["default"])("app-wizard-steps", computedStepClass, classValue, stepstyle === "justified" ? "nav-justified" : "")
+    className: (0, _clsx["default"])("app-wizard-steps", computedStepClass, stepstyle === "justified" ? "nav-justified" : "")
   }, steps.map(function (step, index) {
     // Calculate the visible index by counting only visible steps before this one
     var visibleIndex = steps.slice(0, index).filter(function (s) {