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

package/components/dialogs/login-dialog/props.js

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

package/components/dialogs/page-dialog/index.js

@@ -1,33 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmPageDialog = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _withDialogWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/dialogs/withDialogWrapper"));
-var _dialogs = require("@wavemaker-ai/react-runtime/components/dialogs");
-var _dialogContent = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-content");
-var _dialogHeader = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-header");
-var _dialogBody = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-body");
-var _button = require("@wavemaker-ai/react-runtime/components/form/button");
-var _dialogActions = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-actions");
-var _partialContainer = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/partial-container"));
-var __jsx = _react["default"].createElement;
-var DEFAULT_CLASS = "app-dialog modal-dialog app-page-dialog dialog-view";
-var WmPageDialog = function WmPageDialog(props) {
-  var _props$showactions = props.showactions,
-    showactions = _props$showactions === void 0 ? true : _props$showactions,
-    _props$iconclass = props.iconclass,
-    iconclass = _props$iconclass === void 0 ? "wi wi-file" : _props$iconclass,
-    _props$title = props.title,
-    title = _props$title === void 0 ? "Page Content" : _props$title,
-    _props$oktext = props.oktext,
-    oktext = _props$oktext === void 0 ? "OK" : _props$oktext;
-  var handleOk = function handleOk(event) {
+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, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import BaseDialog from "../withDialogWrapper";
+import { WmDialog } from "..";
+import { WmDialogContent } from "../dialog-content";
+import { WmDialogHeader } from "../dialog-header";
+import { WmDialogBody } from "../dialog-body";
+import { WmButton } from "../../form/button";
+import { WmDialogFooter } from "../dialog-actions";
+import WmPartialContainer from "../../page/partial-container";
+const DEFAULT_CLASS = "app-dialog modal-dialog app-page-dialog dialog-view";
+const WmPageDialog = (props) => {
+  const {
+    showactions = true,
+    iconclass = "wi wi-file",
+    title = "Page Content",
+    oktext = "OK"
+  } = props;
+  const handleOk = (event) => {
     if (props.onOk) {
       props.onOk(event);
     }
@@ -35,7 +41,7 @@ var WmPageDialog = function WmPageDialog(props) {
       props.close(event);
     }
   };
-  var handleClose = function handleClose(event) {
+  const handleClose = (event) => {
     if (props.onClose) {
       props.onClose(event);
     }
@@ -46,60 +52,63 @@ var WmPageDialog = function WmPageDialog(props) {
   if (!props.isopen) {
     return null;
   }
-  return __jsx(_dialogs.WmDialog, {
-    open: props.isopen || false,
-    onClose: handleClose,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className),
-    closable: props.closable,
-    sheet: props.sheet,
-    "data-role": "page-dialog",
-    "aria-labelledby": "page-dialog-".concat(props.title),
-    "aria-describedby": "page-dialog-".concat(props.title, "-description"),
-    role: "dialog",
-    name: props.name || "",
-    listener: {}
-  }, __jsx(_dialogContent.WmDialogContent, {
-    name: "",
-    listener: {}
-  }, __jsx(_dialogHeader.WmDialogHeader, {
-    titleid: "page-dialog-".concat(props.title),
-    heading: title,
-    iconclass: iconclass,
-    onClose: handleClose,
-    closable: props.closable,
-    name: "",
-    listener: {}
-  }), __jsx(_dialogBody.WmDialogBody, {
-    name: "",
-    listener: {}
-  }, props.content && /* WmPartialContainer accepts content/prefabName at runtime but its BaseProps type doesn't include them */
-  __jsx(_partialContainer["default"], {
-    listener: {},
-    name: "",
-    content: props.content,
-    prefab: props.prefab,
-    prefabName: props.prefabName
-  })), showactions && __jsx(_dialogActions.WmDialogFooter, {
-    name: "",
-    listener: {}
-  }, __jsx(_button.WmButton, {
-    "aria-label": oktext,
-    caption: oktext,
-    onClick: props.onOkClick || handleOk,
-    className: "btn-primary ok-action",
-    listener: {},
-    name: "page-dialog-ok-button"
-  }))));
+  return /* @__PURE__ */ jsx(
+    WmDialog,
+    {
+      open: props.isopen || false,
+      onClose: handleClose,
+      className: clsx(DEFAULT_CLASS, props.className),
+      closable: props.closable,
+      sheet: props.sheet,
+      "data-role": "page-dialog",
+      "aria-labelledby": `page-dialog-${props.title}`,
+      "aria-describedby": `page-dialog-${props.title}-description`,
+      role: "dialog",
+      name: props.name || "",
+      listener: {},
+      children: /* @__PURE__ */ jsxs(WmDialogContent, { name: "", listener: {}, children: [
+        /* @__PURE__ */ jsx(
+          WmDialogHeader,
+          {
+            titleid: `page-dialog-${props.title}`,
+            heading: title,
+            iconclass,
+            onClose: handleClose,
+            closable: props.closable,
+            name: "",
+            listener: {}
+          }
+        ),
+        /* @__PURE__ */ jsx(WmDialogBody, { name: "", listener: {}, children: props.content && /* @__PURE__ */ jsx(
+          WmPartialContainer,
+          __spreadValues({
+            listener: {},
+            name: ""
+          }, {
+            content: props.content,
+            prefab: props.prefab,
+            prefabName: props.prefabName
+          })
+        ) }),
+        showactions && /* @__PURE__ */ jsx(WmDialogFooter, { name: "", listener: {}, children: /* @__PURE__ */ jsx(
+          WmButton,
+          {
+            "aria-label": oktext,
+            caption: oktext,
+            onClick: props.onOkClick || handleOk,
+            className: "btn-primary ok-action",
+            listener: {},
+            name: "page-dialog-ok-button"
+          }
+        ) })
+      ] })
+    }
+  );
 };
 WmPageDialog.displayName = "WmPageDialog";
-var WmPageDialogStandalone = exports.WmPageDialog = (0, _withDialogWrapper["default"])(WmPageDialog);
-/**
- * The WmPageDialog component renders a WaveMaker partial page inside a dialog.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/dialogs-page-dialog--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/dialogs-page-dialog--docs)
- *
- * @param props - {@link WmPageDialogProps}
- */
-var _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper["default"])(WmPageDialog));
+const WmPageDialogStandalone = BaseDialog(WmPageDialog);
+var page_dialog_default = BaseDialog(withBaseWrapper(WmPageDialog));
+export {
+  WmPageDialogStandalone as WmPageDialog,
+  page_dialog_default as default
+};

package/components/dialogs/page-dialog/props.js

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

package/components/dialogs/props.js

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

package/components/dialogs/withDialogWrapper.js

@@ -1,104 +1,120 @@
-"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _dialog = _interopRequireDefault(require("@wavemaker-ai/react-runtime/core/dialog.service"));
-var _excluded = ["isopen", "onClose", "onOk", "onOpened", "name", "listener", "appLocale"];
-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; }
-/**
- * Props accepted by the BaseDialog HOC wrapper.
- */
-
-/**
- * Higher-Order Component that wraps a dialog component, providing common dialog state
- * management, DialogService registration, and prop injection.
- *
- * @param Component - The dialog component to wrap.
- * @returns A wrapped component that preserves the original props while adding dialog-specific ones.
- */
-var BaseDialog = function BaseDialog(Component) {
-  var WrappedComponent = function WrappedComponent(props) {
-    var _props$isopen = props.isopen,
-      isopen = _props$isopen === void 0 ? false : _props$isopen,
-      onClose = props.onClose,
-      onOk = props.onOk,
-      onOpened = props.onOpened,
-      name = props.name,
-      listener = props.listener,
-      appLocale = props.appLocale,
-      restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-    var _useState = (0, _react.useState)(!!isopen),
-      dialogOpen = _useState[0],
-      setDialogOpen = _useState[1];
-    var appLocaleMessages = (0, _react.useMemo)(function () {
-      var _ref;
-      return (_ref = appLocale !== null && appLocale !== void 0 ? appLocale : listener === null || listener === void 0 ? void 0 : listener.appLocale) !== null && _ref !== void 0 ? _ref : {};
-    }, [appLocale, listener === null || listener === void 0 ? void 0 : listener.appLocale]);
-    var dialogInstanceRef = (0, _react.useRef)(null);
-    var isDialogOpenRef = (0, _react.useRef)(!!isopen);
-    (0, _react.useEffect)(function () {
+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 } from "react/jsx-runtime";
+import { useCallback, useState, useEffect, useMemo, useRef } from "react";
+import DialogService from "../../core/dialog.service";
+const BaseDialog = (Component) => {
+  const WrappedComponent = (props) => {
+    const _a = props, {
+      isopen = false,
+      onClose,
+      onOk,
+      onOpened,
+      name,
+      listener,
+      appLocale
+    } = _a, restProps = __objRest(_a, [
+      "isopen",
+      "onClose",
+      "onOk",
+      "onOpened",
+      "name",
+      "listener",
+      "appLocale"
+    ]);
+    const [dialogOpen, setDialogOpen] = useState(!!isopen);
+    const appLocaleMessages = useMemo(
+      () => {
+        var _a2;
+        return (_a2 = appLocale != null ? appLocale : listener == null ? void 0 : listener.appLocale) != null ? _a2 : {};
+      },
+      [appLocale, listener == null ? void 0 : listener.appLocale]
+    );
+    const dialogInstanceRef = useRef(null);
+    const isDialogOpenRef = useRef(!!isopen);
+    useEffect(() => {
       setDialogOpen(!!isopen);
       isDialogOpenRef.current = !!isopen;
     }, [isopen]);
-    var handleTransitionEntered = (0, _react.useCallback)(function () {
+    const handleTransitionEntered = useCallback(() => {
       if (onOpened) {
         onOpened();
       }
     }, [onOpened]);
-    var handleOpen = (0, _react.useCallback)(function () {
+    const handleOpen = useCallback(() => {
       setDialogOpen(true);
       isDialogOpenRef.current = true;
     }, []);
-    var handleClose = (0, _react.useCallback)(function (event) {
-      if (isDialogOpenRef.current) {
+    const handleClose = useCallback(
+      (event) => {
+        if (isDialogOpenRef.current) {
+          setDialogOpen(false);
+          isDialogOpenRef.current = false;
+          onClose && onClose(event);
+        }
+      },
+      [onClose]
+    );
+    const handleOk = useCallback(
+      (event) => {
         setDialogOpen(false);
         isDialogOpenRef.current = false;
-        onClose && onClose(event);
-      }
-    }, [onClose]);
-    var handleOk = (0, _react.useCallback)(function (event) {
-      setDialogOpen(false);
-      isDialogOpenRef.current = false;
-      onOk && onOk(event);
-    }, [onOk]);
-
-    // Register/unregister dialog with DialogService
-    (0, _react.useEffect)(function () {
+        onOk && onOk(event);
+      },
+      [onOk]
+    );
+    useEffect(() => {
       if (name) {
-        var dialogInstance = {
+        const dialogInstance = {
           open: handleOpen,
           close: handleClose,
           isOpen: dialogOpen,
           component: Component
         };
         dialogInstanceRef.current = dialogInstance;
-        _dialog["default"].registerDialog(name, dialogInstance);
-        return function () {
-          _dialog["default"].unregisterDialog(name);
+        DialogService.registerDialog(name, dialogInstance);
+        return () => {
+          DialogService.unregisterDialog(name);
         };
       }
     }, [name, handleOpen, handleClose]);
-
-    // Update dialog state in the service when dialogOpen changes
-    (0, _react.useEffect)(function () {
+    useEffect(() => {
       if (name && dialogInstanceRef.current) {
         dialogInstanceRef.current.isOpen = dialogOpen;
       }
     }, [dialogOpen, name]);
-    var updatedProps = (0, _react.useMemo)(function () {
-      return _objectSpread(_objectSpread({}, restProps), {}, {
-        listener: listener,
+    const updatedProps = useMemo(
+      () => __spreadProps(__spreadValues({}, restProps), {
+        listener,
         isopen: dialogOpen,
         onOpen: handleOpen,
         open: handleOpen,
@@ -110,15 +126,26 @@ var BaseDialog = function BaseDialog(Component) {
         onOkClick: handleOk,
         onTransitionEntered: handleTransitionEntered,
         dialogLocale: {
-          LABEL_CLOSE: (appLocaleMessages === null || appLocaleMessages === void 0 ? void 0 : appLocaleMessages.LABEL_CLOSE) || "Close"
+          LABEL_CLOSE: (appLocaleMessages == null ? void 0 : appLocaleMessages.LABEL_CLOSE) || "Close"
         }
-      });
-    }, [restProps, listener, dialogOpen, handleOpen, handleClose, handleOk, appLocaleMessages, handleTransitionEntered]);
-    return __jsx(Component, (0, _extends2["default"])({}, updatedProps, {
-      name: name
-    }));
+      }),
+      [
+        restProps,
+        listener,
+        dialogOpen,
+        handleOpen,
+        handleClose,
+        handleOk,
+        appLocaleMessages,
+        handleTransitionEntered
+      ]
+    );
+    return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, updatedProps), { name }));
   };
-  WrappedComponent.displayName = "BaseDialog(".concat(Component.displayName || Component.name || "Component", ")");
+  WrappedComponent.displayName = `BaseDialog(${Component.displayName || Component.name || "Component"})`;
   return WrappedComponent;
 };
-var _default = exports["default"] = BaseDialog;
+var withDialogWrapper_default = BaseDialog;
+export {
+  withDialogWrapper_default as default
+};