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

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

@@ -1,40 +1,55 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmLayoutgrid = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-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 _attr = require("@wavemaker-ai/react-runtime/utils/attr");
-var _excluded = ["styles", "className", "children"];
-var __jsx = _react["default"].createElement;
-var DEFAULT_CLASS = "app-grid-layout clearfix";
-var WmLayoutgrid = exports.WmLayoutgrid = function WmLayoutgrid(props) {
-  var styles = props.styles,
-    className = props.className,
-    children = props.children,
-    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return __jsx(_material.Container, (0, _extends2["default"])({
-    style: styles,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, "wm-layout-grid-root", className)
-  }, (0, _attr.removeInvalidAttributes)(restProps)), 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";
+import { removeInvalidAttributes } from "../../../utils/attr";
+const DEFAULT_CLASS = "app-grid-layout clearfix";
+const WmLayoutgrid = (props) => {
+  const _a = props, { styles, className, children } = _a, restProps = __objRest(_a, ["styles", "className", "children"]);
+  return /* @__PURE__ */ jsx(
+    Container,
+    __spreadProps(__spreadValues({
+      style: styles,
+      className: clsx(DEFAULT_CLASS, "wm-layout-grid-root", className)
+    }, removeInvalidAttributes(restProps)), {
+      children
+    })
+  );
 };
 WmLayoutgrid.displayName = "WmLayoutgrid";
-
-/**
- * The WmLayoutGrid component is a container that uses MUI Grid layout
- * for responsive child arrangement.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-layoutgrid--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-layoutgrid--docs#tab-overview)
- *
- * @param props - {@link WmLayoutGridProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmLayoutgrid);
+var layout_grid_default = withBaseWrapper(WmLayoutgrid);
+export {
+  WmLayoutgrid,
+  layout_grid_default as default
+};

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

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

package/components/container/linear-layout/index.js

@@ -1,52 +1,54 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-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-linear-layout clearfix";
-var hAlignValues = {
+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 { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+const DEFAULT_CLASS = "app-linear-layout clearfix";
+const hAlignValues = {
   left: "flex-start",
   right: "flex-end",
   center: "center"
 };
-var vAlignValues = {
+const vAlignValues = {
   top: "flex-start",
   bottom: "flex-end",
   center: "center"
 };
 function WmLinearLayout(props) {
-  var styles = props.styles,
-    className = props.className,
-    children = props.children,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? "row" : _props$direction,
-    _props$horizontalalig = props.horizontalalign,
-    horizontalalign = _props$horizontalalig === void 0 ? "left" : _props$horizontalalig,
-    _props$verticalalign = props.verticalalign,
-    verticalalign = _props$verticalalign === void 0 ? "top" : _props$verticalalign,
-    spacing = props.spacing,
-    id = props.id,
-    name = props.name;
-
-  // Calculate flex styles based on direction and alignment
-  var computedStyles = (0, _react.useMemo)(function () {
-    var flexStyles = _objectSpread(_objectSpread({}, styles), {}, {
+  const {
+    styles,
+    className,
+    children,
+    direction = "row",
+    horizontalalign = "left",
+    verticalalign = "top",
+    spacing,
+    id,
+    name
+  } = props;
+  const computedStyles = useMemo(() => {
+    const flexStyles = __spreadProps(__spreadValues({}, styles), {
       display: "flex",
       flexDirection: direction
     });
-
-    // Apply alignment based on direction
     if (direction === "row" || direction === "row-reverse") {
       flexStyles.justifyContent = hAlignValues[horizontalalign];
       flexStyles.alignItems = vAlignValues[verticalalign];
@@ -56,28 +58,22 @@ function WmLinearLayout(props) {
     }
     return flexStyles;
   }, [styles, direction, horizontalalign, verticalalign]);
-
-  // Generate spacing class
-  var spacingClass = spacing ? "app-linear-layout-spacing-".concat(spacing) : "";
-  var directionClass = "app-linear-layout-direction-".concat(direction);
-  return __jsx("div", {
-    style: computedStyles,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, directionClass, spacingClass, className),
-    "data-widget-id": props["data-widget-id"],
-    id: id,
-    name: name
-  }, children);
+  const spacingClass = spacing ? `app-linear-layout-spacing-${spacing}` : "";
+  const directionClass = `app-linear-layout-direction-${direction}`;
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      style: computedStyles,
+      className: clsx(DEFAULT_CLASS, directionClass, spacingClass, className),
+      "data-widget-id": props["data-widget-id"],
+      id
+    }, { name }), {
+      children
+    })
+  );
 }
 WmLinearLayout.displayName = "WmLinearLayout";
-
-/**
- * The WmLinearLayout component arranges children in a flex row or column
- * with configurable alignment and spacing.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-linearlayout--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-linearlayout--docs#tab-overview)
- *
- * @param props - {@link WmLinearLayoutProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmLinearLayout);
+var linear_layout_default = withBaseWrapper(WmLinearLayout);
+export {
+  linear_layout_default as default
+};

package/components/container/linear-layout/linear-layout-item/index.js

@@ -1,54 +1,50 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-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-linear-layout-item clearfix";
+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 { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../../higherOrder/withBaseWrapper";
+const DEFAULT_CLASS = "app-linear-layout-item clearfix";
 function WmLinearLayoutItem(props) {
-  var styles = props.styles,
-    className = props.className,
-    children = props.children,
-    flexgrow = props.flexgrow,
-    id = props.id,
-    name = props.name;
-
-  // Calculate flex styles
-  var computedStyles = (0, _react.useMemo)(function () {
-    var flexStyles = _objectSpread({}, styles);
-    if (flexgrow !== undefined) {
+  const { styles, className, children, flexgrow, id, name } = props;
+  const computedStyles = useMemo(() => {
+    const flexStyles = __spreadValues({}, styles);
+    if (flexgrow !== void 0) {
       flexStyles.flexGrow = flexgrow;
     }
     return flexStyles;
   }, [styles, flexgrow]);
-  return __jsx("div", {
-    style: computedStyles,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
-    "data-widget-id": props["data-widget-id"],
-    id: id,
-    name: name
-  }, children);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      style: computedStyles,
+      className: clsx(DEFAULT_CLASS, className),
+      "data-widget-id": props["data-widget-id"],
+      id
+    }, { name }), {
+      children
+    })
+  );
 }
 WmLinearLayoutItem.displayName = "WmLinearLayoutItem";
-
-/**
- * The WmLinearLayoutItem component is a flex child for WmLinearLayout
- * with optional flex-grow control.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-linearlayoutitem--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-linearlayoutitem--docs#tab-overview)
- *
- * @param props - {@link WmLinearLayoutItemProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmLinearLayoutItem);
+var linear_layout_item_default = withBaseWrapper(WmLinearLayoutItem);
+export {
+  linear_layout_item_default as default
+};

package/components/container/linear-layout/linear-layout-item/props.js

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

package/components/container/linear-layout/props.js

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

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

@@ -1,18 +1,9 @@
-"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);
+import { jsx } from "react/jsx-runtime";
+const WmPanelContent = ({ children, className }) => {
+  return /* @__PURE__ */ jsx("div", { className, children });
 };
 WmPanelContent.displayName = "WmPanelContent";
-var _default = exports["default"] = WmPanelContent;
+var panel_content_default = WmPanelContent;
+export {
+  panel_content_default as default
+};