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

package/components/container/wizard/wizard-step/index.js

@@ -1,124 +1,144 @@
-"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.WmWizardstep = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _WizardContext = require("../WizardContext");
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
-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 WmWizardstep = exports.WmWizardstep = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var name = props.name,
-    _props$title = props.title,
-    title = _props$title === void 0 ? "Step Title" : _props$title,
-    subtitle = props.subtitle,
-    _props$iconclass = props.iconclass,
-    iconclass = _props$iconclass === void 0 ? "wi wi-person" : _props$iconclass,
-    _props$doneiconclass = props.doneiconclass,
-    doneiconclass = _props$doneiconclass === void 0 ? "wi wi-done" : _props$doneiconclass,
-    _props$enableskip = props.enableskip,
-    enableskip = _props$enableskip === void 0 ? false : _props$enableskip,
-    _props$disablenext = props.disablenext,
-    disablenext = _props$disablenext === void 0 ? false : _props$disablenext,
-    _props$disabledone = props.disabledone,
-    disabledone = _props$disabledone === void 0 ? false : _props$disabledone,
-    _props$disablepreviou = props.disableprevious,
-    disableprevious = _props$disablepreviou === void 0 ? false : _props$disablepreviou,
-    _props$show = props.show,
-    show = _props$show === void 0 ? true : _props$show,
-    content = props.content,
-    children = props.children,
-    dynamicStepIndex = props.dynamicStepIndex,
-    _props$isdynamic = props.isdynamic,
-    isdynamic = _props$isdynamic === void 0 ? false : _props$isdynamic,
-    onLoad = props.onLoad,
-    onNext = props.onNext,
-    onPrev = props.onPrev,
-    onSkip = props.onSkip,
-    render = props.render;
-  var context = (0, _WizardContext.useWizardContext)();
-  var _useState = (0, _react.useState)(false),
-    isRegistered = _useState[0],
-    setIsRegistered = _useState[1];
-  var renderRef = (0, _react.useRef)(render);
-  (0, _react.useEffect)(function () {
-    renderRef.current = render;
-  }, [render]);
-  var stepData = (0, _react.useMemo)(function () {
-    return {
-      name: name || "wizardstep_".concat(Date.now()),
-      title: title,
-      subtitle: subtitle,
-      iconclass: iconclass,
-      doneiconclass: doneiconclass,
-      show: show,
-      enableskip: enableskip,
-      enableNext: !disablenext,
-      enablePrev: !disableprevious,
-      enableDone: !disabledone,
-      isDone: false,
-      render: render ? function () {
-        var _renderRef$current;
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        return (_renderRef$current = renderRef.current) === null || _renderRef$current === void 0 ? void 0 : _renderRef$current.call.apply(_renderRef$current, [renderRef].concat(args));
-      } : undefined,
-      done: false,
-      active: false,
-      disabled: false,
-      isValid: true,
-      isInitialized: false,
-      content: content,
-      dynamicStepIndex: dynamicStepIndex,
-      isdynamic: isdynamic,
-      onLoad: onLoad,
-      onNext: onNext,
-      onPrev: onPrev,
-      onSkip: onSkip,
-      children: children
-    };
-  }, [name, title, subtitle, iconclass, doneiconclass, show, enableskip, disablenext, disableprevious, disabledone, content, children, dynamicStepIndex, isdynamic, onLoad, onNext, onPrev, onSkip]);
-  (0, _react.useEffect)(function () {
-    if (!isRegistered) {
-      context.registerStep(stepData);
-      setIsRegistered(true);
-    }
-  }, [context, stepData, isdynamic, isRegistered]);
-  (0, _react.useEffect)(function () {
-    if (isRegistered && name) {
-      context.updateStep(name, {
-        content: content || children,
+import { Fragment, jsx } from "react/jsx-runtime";
+import { memo, useState, useEffect, useMemo, useRef } from "react";
+import { useWizardContext } from "../WizardContext";
+import {
+  withBaseWrapper
+} from "../../../../higherOrder/withBaseWrapper";
+import isEqual from "lodash-es/isEqual";
+const WmWizardstep = memo(
+  (props) => {
+    const {
+      name,
+      title = "Step Title",
+      subtitle,
+      iconclass = "wi wi-person",
+      doneiconclass = "wi wi-done",
+      enableskip = false,
+      disablenext = false,
+      disabledone = false,
+      disableprevious = false,
+      show = true,
+      content,
+      children,
+      dynamicStepIndex,
+      isdynamic = false,
+      onLoad,
+      onNext,
+      onPrev,
+      onSkip,
+      render
+    } = props;
+    const context = useWizardContext();
+    const [isRegistered, setIsRegistered] = useState(false);
+    const renderRef = useRef(render);
+    useEffect(() => {
+      renderRef.current = render;
+    }, [render]);
+    const stepData = useMemo(
+      () => ({
+        name: name || `wizardstep_${Date.now()}`,
+        title,
+        subtitle,
+        iconclass,
+        doneiconclass,
+        show,
+        enableskip,
         enableNext: !disablenext,
         enablePrev: !disableprevious,
         enableDone: !disabledone,
-        title: title,
-        enableskip: enableskip,
-        show: show
-      });
-    }
-  }, [name, title, enableskip, show, disablenext, disableprevious, disabledone, content]);
-  return __jsx(_react["default"].Fragment, null);
-}, function (prev, next) {
-  var keys = ["name", "title", "subtitle", "iconclass", "doneiconclass", "show", "enableskip", "disablenext", "disableprevious", "disabledone", "content", "dynamicStepIndex", "isdynamic", "onLoad", "onNext", "onPrev", "onSkip", "render"];
-  return keys.every(function (key) {
-    return (0, _isEqual["default"])(prev[String(key)], next[String(key)]);
-  });
-});
+        isDone: false,
+        render: render ? (...args) => {
+          var _a;
+          return (_a = renderRef.current) == null ? void 0 : _a.call(renderRef, ...args);
+        } : void 0,
+        done: false,
+        active: false,
+        disabled: false,
+        isValid: true,
+        isInitialized: false,
+        content,
+        dynamicStepIndex,
+        isdynamic,
+        onLoad,
+        onNext,
+        onPrev,
+        onSkip,
+        children
+      }),
+      [
+        name,
+        title,
+        subtitle,
+        iconclass,
+        doneiconclass,
+        show,
+        enableskip,
+        disablenext,
+        disableprevious,
+        disabledone,
+        content,
+        children,
+        dynamicStepIndex,
+        isdynamic,
+        onLoad,
+        onNext,
+        onPrev,
+        onSkip
+      ]
+    );
+    useEffect(() => {
+      if (!isRegistered) {
+        context.registerStep(stepData);
+        setIsRegistered(true);
+      }
+    }, [context, stepData, isdynamic, isRegistered]);
+    useEffect(() => {
+      if (isRegistered && name) {
+        context.updateStep(name, {
+          content: content || children,
+          enableNext: !disablenext,
+          enablePrev: !disableprevious,
+          enableDone: !disabledone,
+          title,
+          enableskip,
+          show
+        });
+      }
+    }, [name, title, enableskip, show, disablenext, disableprevious, disabledone, content]);
+    return /* @__PURE__ */ jsx(Fragment, {});
+  },
+  (prev, next) => {
+    const keys = [
+      "name",
+      "title",
+      "subtitle",
+      "iconclass",
+      "doneiconclass",
+      "show",
+      "enableskip",
+      "disablenext",
+      "disableprevious",
+      "disabledone",
+      "content",
+      "dynamicStepIndex",
+      "isdynamic",
+      "onLoad",
+      "onNext",
+      "onPrev",
+      "onSkip",
+      "render"
+    ];
+    return keys.every(
+      (key) => isEqual(
+        prev[String(key)],
+        next[String(key)]
+      )
+    );
+  }
+);
 WmWizardstep.displayName = "WmWizardstep";
-
-/**
- * The WmWizardstep component represents a single step within WmWizard.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-wizard--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-wizard--docs#tab-overview)
- *
- * @param props - {@link WmWizardStepProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmWizardstep);
+var wizard_step_default = withBaseWrapper(WmWizardstep);
+export {
+  WmWizardstep,
+  wizard_step_default as default
+};

package/components/data/card/card-actions/index.js

@@ -1,32 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmCardActions = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _material = require("@mui/material");
-var __jsx = _react["default"].createElement;
-var WmCardActions = exports.WmCardActions = function WmCardActions(props) {
-  var children = props.children,
-    className = props.className,
-    styles = props.styles;
-  return __jsx(_material.CardActions, {
-    className: (0, _clsx["default"])("app-card-actions", className),
-    style: styles
-  }, children);
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import clsx from "clsx";
+import withBaseWrapper from "../../../../higherOrder/withBaseWrapper";
+import { CardActions } from "@mui/material";
+const WmCardActions = (props) => {
+  const { children, className, styles } = props;
+  return /* @__PURE__ */ jsx(CardActions, { className: clsx("app-card-actions", className), style: styles, children });
+};
+var card_actions_default = withBaseWrapper(React.memo(WmCardActions));
+export {
+  WmCardActions,
+  card_actions_default as default
 };
-
-/**
- * The WmCardActions component is a container for card actions.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-card--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-card--docs#tab-overview)
- *
- * @param props - {@link WmCardCommonProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(/*#__PURE__*/_react["default"].memo(WmCardActions));

package/components/data/card/card-content/index.js

@@ -1,38 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmCardContent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _material = require("@mui/material");
-var __jsx = _react["default"].createElement;
-var WmCardContent = exports.WmCardContent = function WmCardContent(props) {
-  var content = props.content,
-    children = props.children,
-    className = props.className,
-    styles = props.styles;
-  return __jsx(_material.CardContent, {
-    className: (0, _clsx["default"])("app-card-content", "card-body", "card-block", "wm-card-content-root", className)
-  }, content && __jsx("div", {
-    dangerouslySetInnerHTML: {
-      __html: content
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import clsx from "clsx";
+import withBaseWrapper from "../../../../higherOrder/withBaseWrapper";
+import { Box, CardContent } from "@mui/material";
+const WmCardContent = (props) => {
+  const { content, children, className, styles } = props;
+  return /* @__PURE__ */ jsxs(
+    CardContent,
+    {
+      className: clsx(
+        "app-card-content",
+        "card-body",
+        "card-block",
+        "wm-card-content-root",
+        className
+      ),
+      children: [
+        content && /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: content } }),
+        /* @__PURE__ */ jsx(Box, { style: styles, children: props.renderPartial ? props.renderPartial(props, props.onLoad) : children })
+      ]
     }
-  }), __jsx(_material.Box, {
-    style: styles
-  }, props.renderPartial ? props.renderPartial(props, props.onLoad) : children));
+  );
+};
+var card_content_default = withBaseWrapper(React.memo(WmCardContent));
+export {
+  WmCardContent,
+  card_content_default as default
 };
-
-/**
- * The WmCardContent component is a container for card content.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-card--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-card--docs#tab-overview)
- *
- * @param props - {@link WmCardCommonProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(/*#__PURE__*/_react["default"].memo(WmCardContent));

package/components/data/card/card-footer/index.js

@@ -1,32 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmCardFooter = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _material = require("@mui/material");
-var __jsx = _react["default"].createElement;
-var WmCardFooter = exports.WmCardFooter = function WmCardFooter(props) {
-  var children = props.children,
-    className = props.className,
-    styles = props.styles;
-  return __jsx(_material.Box, {
-    className: (0, _clsx["default"])("app-card-footer", "text-muted", "card-footer", className),
-    style: styles
-  }, children);
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import clsx from "clsx";
+import withBaseWrapper from "../../../../higherOrder/withBaseWrapper";
+import { Box } from "@mui/material";
+const WmCardFooter = (props) => {
+  const { children, className, styles } = props;
+  return /* @__PURE__ */ jsx(Box, { className: clsx("app-card-footer", "text-muted", "card-footer", className), style: styles, children });
+};
+var card_footer_default = withBaseWrapper(React.memo(WmCardFooter));
+export {
+  WmCardFooter,
+  card_footer_default as default
 };
-
-/**
- * The WmCardFooter component is a container for card footer content.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-card--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-card--docs#tab-overview)
- *
- * @param props - {@link WmCardCommonProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(/*#__PURE__*/_react["default"].memo(WmCardFooter));