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

package/components/navigation/popover/index.js

@@ -1,86 +1,75 @@
-"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.WmPopover = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _debounce = _interopRequireDefault(require("lodash-es/debounce"));
-var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _anchor = require("@wavemaker-ai/react-runtime/components/basic/anchor");
-var _props = require("./props");
-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 WmPopover = exports.WmPopover = function WmPopover(Props) {
-  var _props$popoverheight, _props$popoverwidth, _props$tabindex;
-  var props = _objectSpread(_objectSpread({}, _props.DEFAULT_PROPS), Props);
-  var _useState = (0, _react.useState)(null),
-    anchorEl = _useState[0],
-    setAnchorEl = _useState[1];
-  var _useState2 = (0, _react.useState)(props.popoverplacement || "bottom"),
-    placement = _useState2[0],
-    setPlacement = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    isDialogOpen = _useState3[0],
-    setIsDialogOpen = _useState3[1];
-  var anchorRef = (0, _react.useRef)(null);
-  var popoverContentRef = (0, _react.useRef)(null);
-  var loadedRef = (0, _react.useRef)(false);
-  var _useState4 = (0, _react.useState)(false),
-    open = _useState4[0],
-    setOpen = _useState4[1];
-  var isOpen = Boolean(anchorEl);
-
-  // Exposeable methods
-  var openPopover = (0, _react.useCallback)(function () {
-    var _props$onShow;
+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));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect, useMemo, Suspense, useCallback } from "react";
+import clsx from "clsx";
+import debounce from "lodash-es/debounce";
+import Popover from "@mui/material/Popover";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import { WmAnchor } from "../../basic/anchor";
+import { DEFAULT_PROPS } from "./props";
+const WmPopover = (Props) => {
+  var _a, _b, _c;
+  const props = __spreadValues(__spreadValues({}, DEFAULT_PROPS), Props);
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [placement, setPlacement] = useState(props.popoverplacement || "bottom");
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const anchorRef = useRef(null);
+  const popoverContentRef = useRef(null);
+  const loadedRef = useRef(false);
+  const [open, setOpen] = useState(false);
+  const isOpen = Boolean(anchorEl);
+  const openPopover = useCallback(() => {
+    var _a2;
     if (!anchorRef.current) {
       return;
     }
     calculatePlacement();
     setAnchorEl(anchorRef.current);
     setIsDialogOpen(true);
-    props === null || props === void 0 || (_props$onShow = props.onShow) === null || _props$onShow === void 0 || _props$onShow.call(props, {}, _objectSpread({
-      isOpen: true
-    }, props));
+    (_a2 = props == null ? void 0 : props.onShow) == null ? void 0 : _a2.call(props, {}, __spreadValues({ isOpen: true }, props));
   }, []);
-  var closePopover = (0, _react.useCallback)(function () {
-    var _props$onHide;
+  const closePopover = useCallback(() => {
+    var _a2;
     if (!isOpen) {
       return;
     }
     setAnchorEl(null);
     setIsDialogOpen(false);
-    props === null || props === void 0 || (_props$onHide = props.onHide) === null || _props$onHide === void 0 || _props$onHide.call(props, {}, _objectSpread({
-      isOpen: false
-    }, props));
+    (_a2 = props == null ? void 0 : props.onHide) == null ? void 0 : _a2.call(props, {}, __spreadValues({ isOpen: false }, props));
   }, [isOpen]);
-  var togglePopover = (0, _react.useCallback)(function () {
+  const togglePopover = useCallback(() => {
     if (isOpen) {
       closePopover();
     } else {
       openPopover();
     }
   }, [isOpen, openPopover, closePopover]);
-
-  // Register methods on listener
-  (0, _react.useEffect)(function () {
-    var _ref = props,
-      listener = _ref.listener,
-      name = _ref.name;
-    if (listener !== null && listener !== void 0 && listener.onChange && name) {
+  useEffect(() => {
+    const { listener, name } = props;
+    if ((listener == null ? void 0 : listener.onChange) && name) {
       listener.onChange(name, {
         open: openPopover,
         close: closePopover,
         toggle: togglePopover,
-        isOpen: isOpen
+        isOpen
       });
     }
   }, []);
@@ -90,45 +79,44 @@ var WmPopover = exports.WmPopover = function WmPopover(Props) {
       props.onLoad(widget);
     }
   }
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!isOpen || props.content) {
       return;
     }
-    handleLoad(_objectSpread({
-      isOpen: isOpen
-    }, props));
+    handleLoad(__spreadValues({ isOpen }, props));
   }, [isOpen]);
-  var calculatePlacement = function calculatePlacement() {
+  const calculatePlacement = () => {
     if (!anchorRef.current) return;
-    var rect = anchorRef.current.getBoundingClientRect();
-    var viewHeight = window.innerHeight;
-    var viewWidth = window.innerWidth;
-    var height = parseInt(props.popoverheight);
-    var width = parseInt(props.popoverwidth);
-    if (props.popoverplacement === "top" && rect.top < height) setPlacement("bottom");else if (props.popoverplacement === "bottom" && viewHeight - rect.bottom < height) setPlacement("top");else if (props.popoverplacement === "left" && rect.left < width) setPlacement("right");else if (props.popoverplacement === "right" && viewWidth - rect.right < width) setPlacement("left");else setPlacement(props.popoverplacement || "bottom");
+    const rect = anchorRef.current.getBoundingClientRect();
+    const viewHeight = window.innerHeight;
+    const viewWidth = window.innerWidth;
+    const height = parseInt(props.popoverheight);
+    const width = parseInt(props.popoverwidth);
+    if (props.popoverplacement === "top" && rect.top < height) setPlacement("bottom");
+    else if (props.popoverplacement === "bottom" && viewHeight - rect.bottom < height)
+      setPlacement("top");
+    else if (props.popoverplacement === "left" && rect.left < width) setPlacement("right");
+    else if (props.popoverplacement === "right" && viewWidth - rect.right < width)
+      setPlacement("left");
+    else setPlacement(props.popoverplacement || "bottom");
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!isOpen || props.autoclose === "disabled") return;
-    var handleOutsideClick = function handleOutsideClick(event) {
-      var _anchorRef$current, _popoverContentRef$cu;
-      var target = event.target;
-      var isInsideAnchor = (_anchorRef$current = anchorRef.current) === null || _anchorRef$current === void 0 ? void 0 : _anchorRef$current.contains(target);
-      var isInsidePopover = (_popoverContentRef$cu = popoverContentRef.current) === null || _popoverContentRef$cu === void 0 ? void 0 : _popoverContentRef$cu.contains(target);
+    const handleOutsideClick = (event) => {
+      var _a2, _b2, _c2;
+      const target = event.target;
+      const isInsideAnchor = (_a2 = anchorRef.current) == null ? void 0 : _a2.contains(target);
+      const isInsidePopover = (_b2 = popoverContentRef.current) == null ? void 0 : _b2.contains(target);
       if (!isInsideAnchor && !isInsidePopover) {
-        var _props$onHide2;
         setAnchorEl(null);
         setIsDialogOpen(false);
-        props === null || props === void 0 || (_props$onHide2 = props.onHide) === null || _props$onHide2 === void 0 || _props$onHide2.call(props, event, _objectSpread({
-          isOpen: false
-        }, props));
+        (_c2 = props == null ? void 0 : props.onHide) == null ? void 0 : _c2.call(props, event, __spreadValues({ isOpen: false }, props));
       }
     };
     document.addEventListener("mousedown", handleOutsideClick);
-    return function () {
-      return document.removeEventListener("mousedown", handleOutsideClick);
-    };
+    return () => document.removeEventListener("mousedown", handleOutsideClick);
   }, [isOpen, props.autoclose]);
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = (event) => {
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
       setAnchorEl(anchorRef.current);
@@ -136,175 +124,174 @@ var WmPopover = exports.WmPopover = function WmPopover(Props) {
       setAnchorEl(null);
     }
   };
-  var handleClick = function handleClick(event) {
+  const handleClick = (event) => {
+    var _a2, _b2;
     event.preventDefault();
     event.stopPropagation();
-    var widget = _objectSpread({
-      isOpen: isOpen
-    }, props);
+    const widget = __spreadValues({ isOpen }, props);
     delete widget.listener;
     if (!isOpen) {
       loadedRef.current = false;
     }
     if (anchorEl) {
       if (isDialogOpen) {
-        var _props$onHide3;
         setIsDialogOpen(false);
         setAnchorEl(null);
-        props === null || props === void 0 || (_props$onHide3 = props.onHide) === null || _props$onHide3 === void 0 || _props$onHide3.call(props, event.nativeEvent, widget);
+        (_a2 = props == null ? void 0 : props.onHide) == null ? void 0 : _a2.call(props, event.nativeEvent, widget);
         return;
       }
-      (0, _debounce["default"])(function () {
-        var _props$onHide4;
+      debounce(() => {
+        var _a3;
         setAnchorEl(null);
-        props === null || props === void 0 || (_props$onHide4 = props.onHide) === null || _props$onHide4 === void 0 || _props$onHide4.call(props, event.nativeEvent, widget);
+        (_a3 = props == null ? void 0 : props.onHide) == null ? void 0 : _a3.call(props, event.nativeEvent, widget);
       }, 500);
     } else {
-      var _props$onShow2;
       if (open) {
         setOpen(false);
         return;
       }
       calculatePlacement();
       setAnchorEl(event.currentTarget);
-      props === null || props === void 0 || (_props$onShow2 = props.onShow) === null || _props$onShow2 === void 0 || _props$onShow2.call(props, event.nativeEvent, widget);
+      (_b2 = props == null ? void 0 : props.onShow) == null ? void 0 : _b2.call(props, event.nativeEvent, widget);
       setIsDialogOpen(true);
     }
   };
-  var anchorOrigin = {
+  const anchorOrigin = {
     vertical: placement === "top" ? "top" : placement === "bottom" ? "bottom" : "center",
     horizontal: placement === "left" ? "left" : placement === "right" ? "right" : "center"
   };
-  var transformOrigin = {
+  const transformOrigin = {
     vertical: placement === "top" ? "bottom" : placement === "bottom" ? "top" : "center",
     horizontal: placement === "left" ? "right" : placement === "right" ? "left" : "center"
   };
   function handleClose(event, reason) {
-    var _props$onHide7;
+    var _a2, _b2, _c2;
     if (props.autoclose === "disabled") {
       return;
-    }
-    // Always: close when user clicks anywhere on the page
-    else if (props.autoclose === "always") {
-      var _props$onHide5;
+    } else if (props.autoclose === "always") {
       setAnchorEl(null);
-      props === null || props === void 0 || (_props$onHide5 = props.onHide) === null || _props$onHide5 === void 0 || _props$onHide5.call(props, event.nativeEvent, _objectSpread({}, props));
+      (_a2 = props == null ? void 0 : props.onHide) == null ? void 0 : _a2.call(props, event.nativeEvent, __spreadValues({}, props));
       return;
-    }
-
-    // Outside Click: close when user clicks outside the popover content
-    else if (props.autoclose === "outsideClick") {
+    } else if (props.autoclose === "outsideClick") {
       if (reason === "backdropClick") {
-        var _props$onHide6;
         setAnchorEl(null);
-        props === null || props === void 0 || (_props$onHide6 = props.onHide) === null || _props$onHide6 === void 0 || _props$onHide6.call(props, event.nativeEvent, _objectSpread({}, props));
+        (_b2 = props == null ? void 0 : props.onHide) == null ? void 0 : _b2.call(props, event.nativeEvent, __spreadValues({}, props));
       }
       return;
     }
-
-    // Default behavior for any other autoclose value
     setAnchorEl(null);
-    props === null || props === void 0 || (_props$onHide7 = props.onHide) === null || _props$onHide7 === void 0 || _props$onHide7.call(props, event.nativeEvent, _objectSpread({}, props));
+    (_c2 = props == null ? void 0 : props.onHide) == null ? void 0 : _c2.call(props, event.nativeEvent, __spreadValues({}, props));
   }
-  var arrowStyles = (0, _react.useMemo)(function () {
+  const arrowStyles = useMemo(() => {
     if (!anchorRef.current) return {};
-    return _objectSpread(_objectSpread(_objectSpread({}, placement === "top" && {
+    return __spreadProps(__spreadValues(__spreadValues({}, placement === "top" && {
       left: "calc(50% - 10px)"
     }), placement === "bottom" && {
       left: "calc(50% - 10px)"
-    }), {}, {
+    }), {
       marginLeft: "-4px"
     });
   }, [placement, props.popoverplacement, calculatePlacement]);
-  var popoverHeight = props !== null && props !== void 0 && (_props$popoverheight = props.popoverheight) !== null && _props$popoverheight !== void 0 && _props$popoverheight.includes("px") ? props === null || props === void 0 ? void 0 : props.popoverheight : "".concat(props === null || props === void 0 ? void 0 : props.popoverheight, "px");
-  var popoverWidth = props !== null && props !== void 0 && (_props$popoverwidth = props.popoverwidth) !== null && _props$popoverwidth !== void 0 && _props$popoverwidth.includes("px") ? props === null || props === void 0 ? void 0 : props.popoverwidth : "".concat(props === null || props === void 0 ? void 0 : props.popoverwidth, "px");
-  return __jsx(_react["default"].Fragment, null, __jsx("div", {
-    className: (0, _clsx["default"])({
-      "disable-popover": props.disabled,
-      "app-popover-wrapper": true
-    }),
-    style: props.styles,
-    hidden: props.hidden,
-    name: props.name
-  }, __jsx(_anchor.WmAnchor, {
-    hint: props.hint || props.name,
-    ref: anchorRef,
-    tabindex: (_props$tabindex = props.tabindex) !== null && _props$tabindex !== void 0 ? _props$tabindex : 0,
-    className: (0, _clsx["default"])(props.className, {
-      "disable-popover": props.disabled
-    }),
-    styles: props.styles
-    // @ts-ignore
-    ,
-    onClick: function onClick(event) {
-      return handleClick(event);
-    },
-    onMouseEnter: function onMouseEnter(event) {
-      if (props.interaction === "hover" || props.interaction === "default") {
-        handleClick(event);
-      }
-    },
-    "aria-expanded": isOpen,
-    "aria-haspopup": "true",
-    arialabel: props.arialabel,
-    caption: props.caption,
-    iconclass: props.iconclass,
-    iconheight: props.iconheight,
-    iconmargin: props.iconmargin,
-    iconposition: props.iconposition,
-    iconurl: props.iconurl,
-    iconwidth: props.iconwidth,
-    badgevalue: props.badgevalue,
-    encodeurl: props.encodeurl,
-    shortcutkey: props.shortcutkey,
-    name: props.name
-  })), __jsx(_Popover["default"], {
-    hidden: props.hidden,
-    open: isOpen,
-    anchorEl: anchorEl,
-    onClose: handleClose,
-    anchorOrigin: anchorOrigin,
-    transformOrigin: transformOrigin,
-    transitionDuration: {
-      enter: 0,
-      exit: 0
-    },
-    disableScrollLock: true,
-    disableAutoFocus: true,
-    disableEnforceFocus: true,
-    disableRestoreFocus: true,
-    slotProps: {
-      paper: {
-        ref: popoverContentRef,
-        style: {
-          height: popoverHeight,
-          width: popoverWidth,
-          pointerEvents: props.autoclose === "disabled" ? "none" : "auto"
+  const popoverHeight = ((_a = props == null ? void 0 : props.popoverheight) == null ? void 0 : _a.includes("px")) ? props == null ? void 0 : props.popoverheight : `${props == null ? void 0 : props.popoverheight}px`;
+  const popoverWidth = ((_b = props == null ? void 0 : props.popoverwidth) == null ? void 0 : _b.includes("px")) ? props == null ? void 0 : props.popoverwidth : `${props == null ? void 0 : props.popoverwidth}px`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      __spreadProps(__spreadValues({
+        className: clsx({
+          "disable-popover": props.disabled,
+          "app-popover-wrapper": true
+        }),
+        style: props.styles,
+        hidden: props.hidden
+      }, { name: props.name }), {
+        children: /* @__PURE__ */ jsx(
+          WmAnchor,
+          {
+            hint: props.hint || props.name,
+            ref: anchorRef,
+            tabindex: (_c = props.tabindex) != null ? _c : 0,
+            className: clsx(props.className, {
+              "disable-popover": props.disabled
+            }),
+            styles: props.styles,
+            onClick: (event) => handleClick(event),
+            onMouseEnter: (event) => {
+              if (props.interaction === "hover" || props.interaction === "default") {
+                handleClick(event);
+              }
+            },
+            "aria-expanded": isOpen,
+            "aria-haspopup": "true",
+            arialabel: props.arialabel,
+            caption: props.caption,
+            iconclass: props.iconclass,
+            iconheight: props.iconheight,
+            iconmargin: props.iconmargin,
+            iconposition: props.iconposition,
+            iconurl: props.iconurl,
+            iconwidth: props.iconwidth,
+            badgevalue: props.badgevalue,
+            encodeurl: props.encodeurl,
+            shortcutkey: props.shortcutkey,
+            name: props.name
+          }
+        )
+      })
+    ),
+    /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        hidden: props.hidden,
+        open: isOpen,
+        anchorEl,
+        onClose: handleClose,
+        anchorOrigin,
+        transformOrigin,
+        transitionDuration: {
+          enter: 0,
+          exit: 0
+        },
+        disableScrollLock: true,
+        disableAutoFocus: true,
+        disableEnforceFocus: true,
+        disableRestoreFocus: true,
+        slotProps: {
+          paper: {
+            ref: popoverContentRef,
+            style: {
+              height: popoverHeight,
+              width: popoverWidth,
+              pointerEvents: props.autoclose === "disabled" ? "none" : "auto"
+            },
+            className: clsx(
+              placement,
+              props.className,
+              "app-popover in popover",
+              props.contentanimation && `animated ${props.contentanimation}`,
+              `popover-${placement}`,
+              `bs-popover-${placement}`,
+              "bs3 popover-logout-popover"
+            )
+          }
         },
-        className: (0, _clsx["default"])(placement, "app-popover in popover", props.contentanimation && "animated ".concat(props.contentanimation), "popover-".concat(placement), "bs-popover-".concat(placement), "bs3 popover-logout-popover")
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx("popover-arrow arrow", props.popoverarrow === false && "hidden"),
+              style: arrowStyles
+            }
+          ),
+          props.title && /* @__PURE__ */ jsx("div", { className: "popover-title popover-header", children: props.title }),
+          /* @__PURE__ */ jsx("div", { className: "popover-content popover-body", children: props.render && props.content ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: props.render(props, () => handleLoad(__spreadValues({}, props))) }) : props.children })
+        ]
       }
-    }
-  }, __jsx("div", {
-    className: (0, _clsx["default"])("popover-arrow arrow", props.popoverarrow === false && "hidden"),
-    style: arrowStyles
-  }), props.title && __jsx("div", {
-    className: "popover-title popover-header"
-  }, props.title), __jsx("div", {
-    className: "popover-content popover-body"
-  }, props.render && props.content ? __jsx(_react.Suspense, {
-    fallback: null
-  }, props.render(props, function () {
-    return handleLoad(_objectSpread({}, props));
-  })) : props.children)));
+    )
+  ] });
+};
+var popover_default = withBaseWrapper(WmPopover);
+export {
+  WmPopover,
+  popover_default as default
 };
-
-/**
- * The WmPopover component displays content in a floating overlay triggered by click or hover.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/navigation-popover--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/navigation-popover--docs)
- *
- * @param props - {@link WmPopoverProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmPopover);

package/components/navigation/popover/props.js

@@ -1,13 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_PROPS = void 0;
-var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+const DEFAULT_PROPS = {
   contentsource: "partial",
   interaction: "click",
   popoverplacement: "bottom",
   popoverarrow: true,
   autoclose: "outsideClick"
-};
+};
+export {
+  DEFAULT_PROPS
+};

package/components/page/content/index.js

@@ -1,35 +1,13 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var __jsx = _react["default"].createElement;
-var DEFAULT_CLASS = "app-content clearfix";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const DEFAULT_CLASS = "app-content clearfix";
 function WmContent(props) {
-  var styles = props.styles,
-    children = props.children,
-    className = props.className;
-  return __jsx("main", {
-    style: styles,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, className)
-  }, __jsx("div", {
-    className: "app-content-row"
-  }, children));
+  const { styles, children, className } = props;
+  return /* @__PURE__ */ jsx("main", { style: styles, className: clsx(DEFAULT_CLASS, className), children: /* @__PURE__ */ jsx("div", { className: "app-content-row", children }) });
 }
 WmContent.displayName = "WmContent";
-
-/**
- * The WmContent component is the main content area container for page layout.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/page-content--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/page-content--docs#tab-overview)
- *
- * @param props - {@link WmContentProps}
- */
-var _default = exports["default"] = WmContent;
+var content_default = WmContent;
+export {
+  content_default as default
+};

package/components/page/content/props.js

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