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

package/components/container/index.js

@@ -1,178 +1,242 @@
-"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.WmContainer = 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 _clsx2 = require("clsx");
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _layoutsizeUtil = require("@wavemaker-ai/react-runtime/utils/layoutsize-util");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
-var _excluded = ["listener"],
-  _excluded2 = ["className", "styles", "children", "renderPartial", "onLoad", "id", "direction", "wrap", "alignment", "gap", "columngap", "clipcontent", "position", "zindex", "name", "onClick", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "onMouseOver", "onMouseOut", "onDoubleClick", "onKeydown", "onKeyup", "onKeypress", "animation", "show", "conditionalstyle", "conditionalclass", "showindevice", "eventCallback", "forwardedRef", "viewParent", "hint", "arialabel", "tabindex", "iswidget", "deferload", "datavalue", "prefab", "inbound", "outbound", "formfield", "updateon", "dataset", "prefabName", "content", "overflow", "display", "layoutClassName"];
-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 DEFAULT_CLASS = "app-container";
-var WmContainer = exports.WmContainer = function WmContainer(props) {
-  var _listener$Widgets;
-  var listener = props.listener,
-    restPartialProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var className = restPartialProps.className,
-    styles = restPartialProps.styles,
-    children = restPartialProps.children,
-    renderPartial = restPartialProps.renderPartial,
-    onLoad = restPartialProps.onLoad,
-    id = restPartialProps.id,
-    _restPartialProps$dir = restPartialProps.direction,
-    direction = _restPartialProps$dir === void 0 ? "" : _restPartialProps$dir,
-    wrap = restPartialProps.wrap,
-    _restPartialProps$ali = restPartialProps.alignment,
-    alignment = _restPartialProps$ali === void 0 ? "" : _restPartialProps$ali,
-    gap = restPartialProps.gap,
-    columngap = restPartialProps.columngap,
-    clipcontent = restPartialProps.clipcontent,
-    position = restPartialProps.position,
-    zindex = restPartialProps.zindex,
-    name = restPartialProps.name,
-    onClick = restPartialProps.onClick,
-    onBlur = restPartialProps.onBlur,
-    onFocus = restPartialProps.onFocus,
-    onMouseEnter = restPartialProps.onMouseEnter,
-    onMouseLeave = restPartialProps.onMouseLeave,
-    onMouseOver = restPartialProps.onMouseOver,
-    onMouseOut = restPartialProps.onMouseOut,
-    onDoubleClick = restPartialProps.onDoubleClick,
-    onKeydown = restPartialProps.onKeydown,
-    onKeyup = restPartialProps.onKeyup,
-    onKeypress = restPartialProps.onKeypress,
-    animation = restPartialProps.animation,
-    show = restPartialProps.show,
-    conditionalstyle = restPartialProps.conditionalstyle,
-    conditionalclass = restPartialProps.conditionalclass,
-    showindevice = restPartialProps.showindevice,
-    eventCallback = restPartialProps.eventCallback,
-    forwardedRef = restPartialProps.forwardedRef,
-    viewParent = restPartialProps.viewParent,
-    hint = restPartialProps.hint,
-    arialabel = restPartialProps.arialabel,
-    tabindex = restPartialProps.tabindex,
-    iswidget = restPartialProps.iswidget,
-    deferload = restPartialProps.deferload,
-    datavalue = restPartialProps.datavalue,
-    prefab = restPartialProps.prefab,
-    inbound = restPartialProps.inbound,
-    outbound = restPartialProps.outbound,
-    formfield = restPartialProps.formfield,
-    updateon = restPartialProps.updateon,
-    dataset = restPartialProps.dataset,
-    prefabName = restPartialProps.prefabName,
-    content = restPartialProps.content,
-    overflow = restPartialProps.overflow,
-    display = restPartialProps.display,
-    layoutClassName = restPartialProps.layoutClassName,
-    rest = (0, _objectWithoutProperties2["default"])(restPartialProps, _excluded2);
-  var isLoaded = (0, _react.useRef)(false);
-  var widget_instance = listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[name];
-  var containerRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var _listener$Widgets2;
-    // expose nativeElement property to proxy
-    if (containerRef.current && props !== null && props !== void 0 && props.name && listener !== null && listener !== void 0 && (_listener$Widgets2 = listener.Widgets) !== null && _listener$Widgets2 !== void 0 && _listener$Widgets2[props.name]) {
+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 { useEffect, useRef, useMemo, useCallback } from "react";
+import { clsx } from "clsx";
+import { withBaseWrapper } from "../../higherOrder/withBaseWrapper";
+import { layoutSizeUtil } from "../../utils/layoutsize-util";
+import { removeInvalidAttributes } from "../../utils/attr";
+import { normalizeBackgroundImage } from "../../utils/style-utils";
+const DEFAULT_CLASS = "app-container";
+const WmContainer = (props) => {
+  var _c;
+  const _a = props, { listener } = _a, restPartialProps = __objRest(_a, ["listener"]);
+  const _b = restPartialProps, {
+    className,
+    styles,
+    children,
+    renderPartial,
+    onLoad,
+    id,
+    direction = "",
+    wrap,
+    alignment = "",
+    gap,
+    columngap,
+    clipcontent,
+    position,
+    zindex,
+    name,
+    onClick,
+    onBlur,
+    onFocus,
+    onMouseEnter,
+    onMouseLeave,
+    onMouseOver,
+    onMouseOut,
+    onDoubleClick,
+    onKeydown,
+    onKeyup,
+    onKeypress,
+    animation,
+    show,
+    conditionalstyle,
+    conditionalclass,
+    showindevice,
+    eventCallback,
+    forwardedRef,
+    viewParent,
+    hint,
+    arialabel,
+    tabindex,
+    iswidget,
+    deferload,
+    datavalue,
+    prefab,
+    inbound,
+    outbound,
+    formfield,
+    updateon,
+    dataset,
+    prefabName,
+    content,
+    overflow,
+    display,
+    layoutClassName
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "styles",
+    "children",
+    "renderPartial",
+    "onLoad",
+    "id",
+    "direction",
+    "wrap",
+    "alignment",
+    "gap",
+    "columngap",
+    "clipcontent",
+    "position",
+    "zindex",
+    "name",
+    "onClick",
+    "onBlur",
+    "onFocus",
+    "onMouseEnter",
+    "onMouseLeave",
+    "onMouseOver",
+    "onMouseOut",
+    "onDoubleClick",
+    "onKeydown",
+    "onKeyup",
+    "onKeypress",
+    "animation",
+    "show",
+    "conditionalstyle",
+    "conditionalclass",
+    "showindevice",
+    "eventCallback",
+    "forwardedRef",
+    "viewParent",
+    "hint",
+    "arialabel",
+    "tabindex",
+    "iswidget",
+    "deferload",
+    "datavalue",
+    "prefab",
+    "inbound",
+    "outbound",
+    "formfield",
+    "updateon",
+    "dataset",
+    "prefabName",
+    "content",
+    "overflow",
+    "display",
+    "layoutClassName"
+  ]);
+  const isLoaded = useRef(false);
+  const widget_instance = (_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name];
+  const containerRef = useRef(null);
+  const containerStyles = useMemo(() => {
+    if (!(styles == null ? void 0 : styles.backgroundImage)) {
+      return styles;
+    }
+    return __spreadProps(__spreadValues({}, styles), {
+      backgroundImage: normalizeBackgroundImage(styles.backgroundImage)
+    });
+  }, [styles]);
+  useEffect(() => {
+    var _a2;
+    if (containerRef.current && (props == null ? void 0 : props.name) && ((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[props.name])) {
       listener.Widgets[props.name].nativeElement = containerRef.current;
     }
     if (containerRef.current && (props.layoutWidth || props.layoutHeight)) {
-      (0, _layoutsizeUtil.layoutSizeUtil)(containerRef.current, props.layoutWidth, props.layoutHeight);
+      layoutSizeUtil(containerRef.current, props.layoutWidth, props.layoutHeight);
     }
   }, [containerRef.current]);
   function handleClick(event) {
-    onClick === null || onClick === void 0 || onClick(event, widget_instance);
+    onClick == null ? void 0 : onClick(event, widget_instance);
   }
   function handleOnBlur(event) {
-    onBlur === null || onBlur === void 0 || onBlur(event, widget_instance);
+    onBlur == null ? void 0 : onBlur(event, widget_instance);
   }
   function handleOnFocus(event) {
-    onFocus === null || onFocus === void 0 || onFocus(event, widget_instance);
+    onFocus == null ? void 0 : onFocus(event, widget_instance);
   }
   function handleMouseEnter(event) {
-    onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event, widget_instance);
+    onMouseEnter == null ? void 0 : onMouseEnter(event, widget_instance);
   }
   function handleMouseLeave(event) {
-    onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event, widget_instance);
+    onMouseLeave == null ? void 0 : onMouseLeave(event, widget_instance);
   }
   function handleMouseOver(event) {
-    onMouseOver === null || onMouseOver === void 0 || onMouseOver(event, widget_instance);
+    onMouseOver == null ? void 0 : onMouseOver(event, widget_instance);
   }
   function handleMouseOut(event) {
-    onMouseOut === null || onMouseOut === void 0 || onMouseOut(event, widget_instance);
+    onMouseOut == null ? void 0 : onMouseOut(event, widget_instance);
   }
   function handleDoubleClick(event) {
-    onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(event, widget_instance);
+    onDoubleClick == null ? void 0 : onDoubleClick(event, widget_instance);
   }
   function handleKeyDown(event) {
-    onKeydown === null || onKeydown === void 0 || onKeydown(event, widget_instance);
+    onKeydown == null ? void 0 : onKeydown(event, widget_instance);
   }
   function handleKeyUp(event) {
-    onKeyup === null || onKeyup === void 0 || onKeyup(event, widget_instance);
+    onKeyup == null ? void 0 : onKeyup(event, widget_instance);
   }
-  var domEvents = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, onBlur && {
-    onBlur: handleOnBlur
-  }), onFocus && {
-    onFocus: handleOnFocus
-  }), onMouseEnter && {
-    onMouseEnter: handleMouseEnter
-  }), onMouseLeave && {
-    onMouseLeave: handleMouseLeave
-  }), onDoubleClick && {
-    onDoubleClick: handleDoubleClick
-  }), onKeydown && {
-    onKeyDown: handleKeyDown
-  }), onKeyup && {
-    onKeyUp: handleKeyUp
-  }), onClick && {
-    onClick: handleClick
-  }), onMouseOver && {
-    onMouseOver: handleMouseOver
-  }), onMouseOut && {
-    onMouseOut: handleMouseOut
-  });
-  (0, _react.useEffect)(function () {
-    if (onLoad && !isLoaded.current) {
-      onLoad === null || onLoad === void 0 || onLoad(props);
-      isLoaded.current = true;
+  const domEvents = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, onBlur && { onBlur: handleOnBlur }), onFocus && { onFocus: handleOnFocus }), onMouseEnter && { onMouseEnter: handleMouseEnter }), onMouseLeave && { onMouseLeave: handleMouseLeave }), onDoubleClick && { onDoubleClick: handleDoubleClick }), onKeydown && { onKeyDown: handleKeyDown }), onKeyup && { onKeyUp: handleKeyUp }), onClick && { onClick: handleClick }), onMouseOver && { onMouseOver: handleMouseOver }), onMouseOut && { onMouseOut: handleMouseOut });
+  const handleOnLoad = useCallback(
+    (widget, partialName) => {
+      if (viewParent && viewParent.Widgets && !isLoaded.current) {
+        viewParent.Widgets[props.name || partialName] = widget || props;
+        isLoaded.current = true;
+        onLoad == null ? void 0 : onLoad(widget || props);
+      }
+    },
+    [onLoad, props.name]
+  );
+  useEffect(() => {
+    if (!content && onLoad && !isLoaded.current) {
+      handleOnLoad(widget_instance || props);
     }
-  }, [onLoad]);
-  var classNames = (className === null || className === void 0 ? void 0 : className.split(" ")) || [];
-  return __jsx("div", (0, _extends2["default"])({
-    className: (0, _clsx2.clsx)((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, className || "", Boolean(className)), DEFAULT_CLASS, !["form-elements", "dynamic-form-container"].some(function (cls) {
-      return classNames === null || classNames === void 0 ? void 0 : classNames.includes(cls);
-    })), layoutClassName),
-    "data-widget-id": props["data-widget-id"],
-    id: id,
-    hidden: props.hidden
-  }, (0, _attr.removeInvalidAttributes)(rest), domEvents, {
-    name: name,
-    style: _objectSpread(_objectSpread({}, styles), conditionalstyle),
-    ref: containerRef
-  }), renderPartial ? renderPartial(restPartialProps, onLoad) : children);
+  }, []);
+  const classNames = (className == null ? void 0 : className.split(" ")) || [];
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+      className: clsx(
+        {
+          [className || ""]: Boolean(className),
+          [DEFAULT_CLASS]: !["form-elements", "dynamic-form-container"].some(
+            (cls) => classNames == null ? void 0 : classNames.includes(cls)
+          )
+        },
+        layoutClassName
+      ),
+      "data-widget-id": props["data-widget-id"],
+      id,
+      hidden: props.hidden
+    }, removeInvalidAttributes(rest)), domEvents), { name }), {
+      style: __spreadValues(__spreadValues({}, containerStyles), conditionalstyle),
+      ref: containerRef,
+      children: renderPartial ? renderPartial(restPartialProps, handleOnLoad) : children
+    })
+  );
 };
 WmContainer.displayName = "WmContainer";
-
-/**
- * The WmContainer component is a flexible layout container with support for
- * flexbox alignment, direction, wrap, gap, and custom positioning.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/containers-container--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/containers-container--docs)
- *
- * @param props - {@link WmContainerProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmContainer);
+var container_default = withBaseWrapper(WmContainer);
+export {
+  WmContainer,
+  container_default as default
+};

package/components/container/layout-grid/grid-column/index.js

@@ -1,45 +1,70 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmGridcolumn = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _material = require("@mui/material");
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _excluded = ["columnwidth", "className", "children", "styles", "containerProps", "horizontalalign"];
-var __jsx = _react["default"].createElement;
-var DEFAULT_CLASS = "app-grid-column";
-var WmGridcolumn = exports.WmGridcolumn = function WmGridcolumn(props) {
-  var columnwidth = props.columnwidth,
-    className = props.className,
-    children = props.children,
-    styles = props.styles,
-    containerProps = props.containerProps,
-    _props$horizontalalig = props.horizontalalign,
-    horizontalalign = _props$horizontalalig === void 0 ? "right" : _props$horizontalalig,
-    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return __jsx(_material.Container, (0, _extends2["default"])({
-    disableGutters: true,
-    maxWidth: false,
-    style: styles,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, className, columnwidth && "col-sm-".concat(columnwidth))
-  }, otherProps), children);
+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 clsx from "clsx";
+import { Container } from "@mui/material";
+import { withBaseWrapper } from "../../../../higherOrder/withBaseWrapper";
+const DEFAULT_CLASS = "app-grid-column";
+const WmGridcolumn = (props) => {
+  const _a = props, {
+    columnwidth,
+    className,
+    children,
+    styles,
+    containerProps,
+    horizontalalign = "right"
+  } = _a, otherProps = __objRest(_a, [
+    "columnwidth",
+    "className",
+    "children",
+    "styles",
+    "containerProps",
+    "horizontalalign"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Container,
+    __spreadProps(__spreadValues({
+      disableGutters: true,
+      maxWidth: false,
+      style: styles,
+      className: clsx(DEFAULT_CLASS, className, columnwidth && `col-sm-${columnwidth}`)
+    }, otherProps), {
+      children
+    })
+  );
 };
 WmGridcolumn.displayName = "WmGridcolumn";
-
-/**
- * The WmGridColumn component is a grid column for WmLayoutGrid with
- * optional column width and alignment.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-gridcolumn--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-gridcolumn--docs#tab-overview)
- *
- * @param props - {@link WmGridColumnProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmGridcolumn);
+var grid_column_default = withBaseWrapper(WmGridcolumn);
+export {
+  WmGridcolumn,
+  grid_column_default as default
+};

package/components/container/layout-grid/grid-column/props.js

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

package/components/container/layout-grid/grid-row/index.js

@@ -1,31 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmGridrow = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _material = require("@mui/material");
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var __jsx = _react["default"].createElement;
-var DEFAULT_CLASS = "app-grid-row clearfix";
-var WmGridrow = exports.WmGridrow = function WmGridrow(props) {
-  return __jsx(_material.Container, {
-    style: props.styles,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className)
-  }, props.children);
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Container } from "@mui/material";
+import { withBaseWrapper } from "../../../../higherOrder/withBaseWrapper";
+const DEFAULT_CLASS = "app-grid-row clearfix";
+const WmGridrow = (props) => {
+  return /* @__PURE__ */ jsx(Container, { style: props.styles, className: clsx(DEFAULT_CLASS, props.className), children: props.children });
 };
 WmGridrow.displayName = "WmGridrow";
-
-/**
- * The WmGridRow component is a grid row container for WmLayoutGrid.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-gridrow--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-gridrow--docs#tab-overview)
- *
- * @param props - {@link WmGridRowProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmGridrow);
+var grid_row_default = withBaseWrapper(WmGridrow);
+export {
+  WmGridrow,
+  grid_row_default as default
+};

package/components/container/layout-grid/grid-row/props.js

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