@wavemaker-ai/react-runtime 1.0.0-rc.647499 → 1.0.0-rc.647565

package/components/data/card/index.js

@@ -1,135 +1,142 @@
-"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.WmCard = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _material = require("@mui/material");
-var _image = _interopRequireDefault(require("next/image"));
-var _menu = require("@wavemaker-ai/react-runtime/components/navigation/menu");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _cardContent = _interopRequireWildcard(require("./card-content"));
-var _cardActions = _interopRequireWildcard(require("./card-actions"));
-var _cardFooter = _interopRequireWildcard(require("./card-footer"));
-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; } // Import the card sub-components to check their types
-var WmCard = exports.WmCard = function WmCard(props) {
-  var name = props.name,
-    title = props.title,
-    subheading = props.subheading,
-    iconclass = props.iconclass,
-    iconurl = props.iconurl,
-    actions = props.actions,
-    picturesource = props.picturesource,
-    picturetitle = props.picturetitle,
-    _props$imageheight = props.imageheight,
-    imageheight = _props$imageheight === void 0 ? "200px" : _props$imageheight,
-    itemaction = props.itemaction,
-    itemchildren = props.itemchildren,
-    itemicon = props.itemicon,
-    itemlabel = props.itemlabel,
-    itemlink = props.itemlink,
-    userrole = props.userrole,
-    isactive = props.isactive,
-    _props$autoclose = props.autoclose,
-    autoclose = _props$autoclose === void 0 ? "always" : _props$autoclose,
-    children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? "" : _props$className,
-    onClick = props.onClick,
-    onDblclick = props.onDblclick,
-    onMouseover = props.onMouseover,
-    onMouseout = props.onMouseout,
-    onMouseenter = props.onMouseenter,
-    onMouseleave = props.onMouseleave,
-    animation = props.animation,
-    height = props.height,
-    width = props.width,
-    cardItem = props.cardItem,
-    listener = props.listener;
-  var cardRef = (0, _react.useRef)(null);
-
-  // Compute if header should be shown
-  var showHeader = (0, _react.useMemo)(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));
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo, useRef, useEffect } from "react";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import { Card, CardHeader, CardMedia, Avatar, Typography, Box } from "@mui/material";
+import Image from "next/image";
+import { WmMenu } from "../../navigation/menu";
+import clsx from "clsx";
+import WmCardContentWithWrapper, { WmCardContent } from "./card-content";
+import WmCardActionsWithWrapper, { WmCardActions } from "./card-actions";
+import WmCardFooterWithWrapper, { WmCardFooter } from "./card-footer";
+const WmCard = (props) => {
+  const {
+    name,
+    title,
+    subheading,
+    iconclass,
+    iconurl,
+    actions,
+    picturesource,
+    picturetitle,
+    imageheight = "200px",
+    itemaction,
+    itemchildren,
+    itemicon,
+    itemlabel,
+    itemlink,
+    userrole,
+    isactive,
+    autoclose = "always",
+    children,
+    className = "",
+    onClick,
+    onDblclick,
+    onMouseover,
+    onMouseout,
+    onMouseenter,
+    onMouseleave,
+    animation,
+    height,
+    width,
+    cardItem,
+    listener
+  } = props;
+  const cardRef = useRef(null);
+  const showHeader = useMemo(() => {
     return !!(title || subheading || iconclass || iconurl || actions);
   }, [title, subheading, iconclass, iconurl, actions]);
-
-  // Handle keyboard events
-  var handleKeyDown = (0, _react.useCallback)(function (event) {
+  const handleKeyDown = useCallback((event) => {
+    var _a;
     if (event.key === "Enter") {
-      var _cardRef$current;
       event.preventDefault();
-      (_cardRef$current = cardRef.current) === null || _cardRef$current === void 0 || _cardRef$current.click();
+      (_a = cardRef.current) == null ? void 0 : _a.click();
     }
   }, []);
-
-  // Event handlers
-  var handleClick = (0, _react.useCallback)(function (event) {
-    // adds this to update the url when the card is clicked
-    onClick === null || onClick === void 0 || onClick(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
-  }, [onClick, listener, name]);
-  var handleDoubleClick = (0, _react.useCallback)(function (event) {
-    onDblclick === null || onDblclick === void 0 || onDblclick(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
-  }, [onDblclick, props]);
-  var handleMouseOver = (0, _react.useCallback)(function (event) {
-    onMouseover === null || onMouseover === void 0 || onMouseover(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
-  }, [onMouseover, props]);
-  var handleMouseOut = (0, _react.useCallback)(function (event) {
-    onMouseout === null || onMouseout === void 0 || onMouseout(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
-  }, [onMouseout, props]);
-  var handleMouseEnter = (0, _react.useCallback)(function (event) {
-    onMouseenter === null || onMouseenter === void 0 || onMouseenter(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
-  }, [onMouseenter, props]);
-  var handleMouseLeave = (0, _react.useCallback)(function (event) {
-    onMouseleave === null || onMouseleave === void 0 || onMouseleave(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
-  }, [onMouseleave, props]);
-
-  // Set tabindex on mount
-  (0, _react.useEffect)(function () {
+  const handleClick = useCallback(
+    (event) => {
+      onClick == null ? void 0 : onClick(event, listener == null ? void 0 : listener.Widgets[name], cardItem, listener);
+    },
+    [onClick, listener, name]
+  );
+  const handleDoubleClick = useCallback(
+    (event) => {
+      onDblclick == null ? void 0 : onDblclick(event, listener == null ? void 0 : listener.Widgets[name], cardItem, listener);
+    },
+    [onDblclick, props]
+  );
+  const handleMouseOver = useCallback(
+    (event) => {
+      onMouseover == null ? void 0 : onMouseover(event, listener == null ? void 0 : listener.Widgets[name], cardItem, listener);
+    },
+    [onMouseover, props]
+  );
+  const handleMouseOut = useCallback(
+    (event) => {
+      onMouseout == null ? void 0 : onMouseout(event, listener == null ? void 0 : listener.Widgets[name], cardItem, listener);
+    },
+    [onMouseout, props]
+  );
+  const handleMouseEnter = useCallback(
+    (event) => {
+      onMouseenter == null ? void 0 : onMouseenter(event, listener == null ? void 0 : listener.Widgets[name], cardItem, listener);
+    },
+    [onMouseenter, props]
+  );
+  const handleMouseLeave = useCallback(
+    (event) => {
+      onMouseleave == null ? void 0 : onMouseleave(event, listener == null ? void 0 : listener.Widgets[name], cardItem, listener);
+    },
+    [onMouseleave, props]
+  );
+  useEffect(() => {
     if (cardRef.current) {
       cardRef.current.setAttribute("tabindex", "0");
     }
   }, []);
-
-  // Parse actions data for menu items
-  var menuItems = (0, _react.useMemo)(function () {
+  const menuItems = useMemo(() => {
     if (!actions) return [];
     try {
       if (actions.startsWith("[") || actions.startsWith("{")) {
         return JSON.parse(actions);
       }
-      return actions.split(",").map(function (action, index) {
-        return {
-          id: index,
-          label: action.trim(),
-          action: itemaction,
-          icon: itemicon,
-          link: itemlink,
-          children: itemchildren
-        };
-      });
+      return actions.split(",").map((action, index) => ({
+        id: index,
+        label: action.trim(),
+        action: itemaction,
+        icon: itemicon,
+        link: itemlink,
+        children: itemchildren
+      }));
     } catch (error) {
       console.warn("Failed to parse actions data:", error);
       return [];
     }
   }, [actions, itemaction, itemicon, itemlink, itemchildren]);
-
-  // Helper function to check if a child is a specific component type
-  var isComponentType = function isComponentType(child, ComponentType) {
-    return /*#__PURE__*/_react["default"].isValidElement(child) && child.type === ComponentType;
+  const isComponentType = (child, ComponentType) => {
+    return React.isValidElement(child) && child.type === ComponentType;
   };
-
-  // Custom card props for MUI Card
-  var cardProps = {
+  const cardProps = {
     ref: cardRef,
-    className: (0, _clsx["default"])("app-card card app-panel", className, animation ? "animated ".concat(animation) : ""),
+    className: clsx("app-card card app-panel", className, animation ? `animated ${animation}` : ""),
     onKeyDown: handleKeyDown,
     onClick: handleClick,
     onDoubleClick: handleDoubleClick,
@@ -138,110 +145,96 @@ var WmCard = exports.WmCard = function WmCard(props) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     style: {
-      width: width,
-      height: height
+      width,
+      height
     }
   };
-
-  // Render avatar for header
-  var renderAvatar = function renderAvatar() {
+  const renderAvatar = () => {
     if (iconclass && !iconurl) {
-      return __jsx(_material.Avatar, {
-        className: "app-card-avatar"
-      }, __jsx("i", {
-        className: "app-icon ".concat(iconclass)
-      }));
+      return /* @__PURE__ */ jsx(Avatar, { className: "app-card-avatar", children: /* @__PURE__ */ jsx("i", { className: `app-icon ${iconclass}` }) });
     }
     if (iconurl) {
-      return __jsx(_material.Avatar, {
-        className: "app-card-avatar"
-      }, __jsx(_image["default"], {
-        src: iconurl,
-        alt: "",
-        width: 40,
-        height: 40,
-        className: "wm-card-avatar-img"
-      }));
+      return /* @__PURE__ */ jsx(Avatar, { className: "app-card-avatar", children: /* @__PURE__ */ jsx(Image, { src: iconurl, alt: "", width: 40, height: 40, className: "wm-card-avatar-img" }) });
     }
     return null;
   };
-
-  // Render action menu
-  var renderActionMenu = function renderActionMenu() {
+  const renderActionMenu = () => {
     if (!actions) return null;
-    return __jsx(_menu.WmMenu, {
-      listener: {},
-      type: "anchor",
-      iconclass: "wm-sl-l sl-more-menu-vertical",
-      menuposition: "down,left",
-      hint: "Actions",
-      caption: "",
-      dataset: menuItems,
-      autoclose: autoclose,
-      itemlabel: itemlabel,
-      itemicon: itemicon,
-      itemlink: itemlink,
-      itemaction: itemaction,
-      itemchildren: itemchildren,
-      userrole: userrole,
-      isactive: isactive,
-      className: "panel-action"
-    });
+    return /* @__PURE__ */ jsx(
+      WmMenu,
+      {
+        listener: {},
+        type: "anchor",
+        iconclass: "wm-sl-l sl-more-menu-vertical",
+        menuposition: "down,left",
+        hint: "Actions",
+        caption: "",
+        dataset: menuItems,
+        autoclose,
+        itemlabel,
+        itemicon,
+        itemlink,
+        itemaction,
+        itemchildren,
+        userrole,
+        isactive,
+        className: "panel-action"
+      }
+    );
   };
-  var cardHeaderProps = _objectSpread(_objectSpread({
+  const cardHeaderProps = __spreadValues(__spreadValues({
     className: "app-card-header panel-heading",
     avatar: renderAvatar(),
     action: renderActionMenu()
   }, title && {
-    title: __jsx(_material.Typography, {
-      variant: "h4",
-      className: "card-heading"
-    }, title)
+    title: /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "card-heading", children: title })
   }), subheading && {
-    subheader: __jsx(_material.Typography, {
-      variant: "h5",
-      className: "card-subheading text-muted"
-    }, subheading)
+    subheader: /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "card-subheading text-muted", children: subheading })
   });
-  return __jsx(_material.Card, cardProps, showHeader && __jsx(_material.CardHeader, cardHeaderProps), picturesource && __jsx(_material.CardMedia, {
-    component: "div",
-    className: (0, _clsx["default"])("app-card-image", "wm-card-media-root"),
-    style: {
-      maxHeight: imageheight
-    }
-  }, __jsx(_image["default"], {
-    src: picturesource,
-    alt: picturetitle || "",
-    width: 0,
-    height: 0,
-    sizes: "100vw",
-    className: (0, _clsx["default"])("card-image", "wm-card-media-img")
-  })), _react["default"].Children.map(children, function (child) {
-    if (isComponentType(child, _cardContent.WmCardContent) || isComponentType(child, _cardContent["default"])) {
-      return child;
-    }
-    return null;
-  }), _react["default"].Children.map(children, function (child) {
-    if (isComponentType(child, _cardActions.WmCardActions) || isComponentType(child, _cardActions["default"])) {
-      return child;
-    }
-    return null;
-  }), __jsx(_material.Box, null, _react["default"].Children.map(children, function (child) {
-    if (isComponentType(child, _cardFooter.WmCardFooter) || isComponentType(child, _cardFooter["default"])) {
-      return child;
-    }
-    return null;
-  })));
+  return /* @__PURE__ */ jsxs(Card, __spreadProps(__spreadValues({}, cardProps), { children: [
+    showHeader && /* @__PURE__ */ jsx(CardHeader, __spreadValues({}, cardHeaderProps)),
+    picturesource && /* @__PURE__ */ jsx(
+      CardMedia,
+      {
+        component: "div",
+        className: clsx("app-card-image", "wm-card-media-root"),
+        style: { maxHeight: imageheight },
+        children: /* @__PURE__ */ jsx(
+          Image,
+          {
+            src: picturesource,
+            alt: picturetitle || "",
+            width: 0,
+            height: 0,
+            sizes: "100vw",
+            className: clsx("card-image", "wm-card-media-img")
+          }
+        )
+      }
+    ),
+    React.Children.map(children, (child) => {
+      if (isComponentType(child, WmCardContent) || isComponentType(child, WmCardContentWithWrapper)) {
+        return child;
+      }
+      return null;
+    }),
+    React.Children.map(children, (child) => {
+      if (isComponentType(child, WmCardActions) || isComponentType(child, WmCardActionsWithWrapper)) {
+        return child;
+      }
+      return null;
+    }),
+    /* @__PURE__ */ jsx(Box, { children: React.Children.map(children, (child) => {
+      if (isComponentType(child, WmCardFooter) || isComponentType(child, WmCardFooterWithWrapper)) {
+        return child;
+      }
+      return null;
+    }) })
+  ] }));
 };
 WmCard.displayName = "WmCard";
-
-/**
- * The WmCard component is used to create a card-based layout for displaying content.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-card--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-card--docs)
- *
- * @param props - {@link WmCardProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(/*#__PURE__*/_react["default"].memo(WmCard));
+var card_default = withBaseWrapper(React.memo(WmCard));
+export {
+  WmCard,
+  card_default as default
+};

package/components/data/card/props.js

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

package/components/data/form/base-form/constant.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.REGEX = void 0;
-var REGEX = exports.REGEX = {
+const REGEX = {
   SNAKE_CASE: /[A-Z]/g,
   ANDROID: /Android/i,
   IPHONE: /iPhone/i,
@@ -36,4 +30,7 @@ var REGEX = exports.REGEX = {
   JSON_DATE_FORMAT: /\d{4}-[0-1]\d-[0-3]\d(T[0-2]\d:[0-5]\d:[0-5]\d.\d{1,3}Z$)?/,
   DATA_URL: /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*)\s*$/i,
   ISO_DATE_FORMAT: /(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(\.\d+)?([+-]\d{2}:?\d{2}|Z)$/
-};
+};
+export {
+  REGEX
+};

package/components/data/form/base-form/hooks/index.js

@@ -1,77 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FORM_TYPE_CONFIGS", {
-  enumerable: true,
-  get: function get() {
-    return _props.FORM_TYPE_CONFIGS;
-  }
-});
-Object.defineProperty(exports, "FormType", {
-  enumerable: true,
-  get: function get() {
-    return _props.FormType;
-  }
-});
-Object.defineProperty(exports, "detectFormType", {
-  enumerable: true,
-  get: function get() {
-    return _props.detectFormType;
-  }
-});
-Object.defineProperty(exports, "getFormTypeConfig", {
-  enumerable: true,
-  get: function get() {
-    return _props.getFormTypeConfig;
-  }
-});
-Object.defineProperty(exports, "isChildFormType", {
-  enumerable: true,
-  get: function get() {
-    return _props.isChildFormType;
-  }
-});
-Object.defineProperty(exports, "useFormDataSync", {
-  enumerable: true,
-  get: function get() {
-    return _useFormDataSync.useFormDataSync;
-  }
-});
-Object.defineProperty(exports, "useFormOperations", {
-  enumerable: true,
-  get: function get() {
-    return _useFormOperations.useFormOperations;
-  }
-});
-Object.defineProperty(exports, "useFormSubmission", {
-  enumerable: true,
-  get: function get() {
-    return _useFormSubmission.useFormSubmission;
-  }
-});
-Object.defineProperty(exports, "useFormValidation", {
-  enumerable: true,
-  get: function get() {
-    return _useFormValidation.useFormValidation;
-  }
-});
-Object.defineProperty(exports, "useParentFormRelationship", {
-  enumerable: true,
-  get: function get() {
-    return _useParentFormRelationship.useParentFormRelationship;
-  }
-});
-Object.defineProperty(exports, "usesPrefixedFields", {
-  enumerable: true,
-  get: function get() {
-    return _props.usesPrefixedFields;
-  }
-});
-var _useFormDataSync = require("./useFormDataSync");
-var _useParentFormRelationship = require("./useParentFormRelationship");
-var _useFormValidation = require("./useFormValidation");
-var _useFormOperations = require("./useFormOperations");
-var _useFormSubmission = require("./useFormSubmission");
-var _props = require("../props");
+import { useFormDataSync } from "./useFormDataSync";
+import { useParentFormRelationship } from "./useParentFormRelationship";
+import { useFormValidation } from "./useFormValidation";
+import { useFormOperations } from "./useFormOperations";
+import { useFormSubmission } from "./useFormSubmission";
+import {
+  FormType,
+  FORM_TYPE_CONFIGS,
+  getFormTypeConfig,
+  detectFormType,
+  isChildFormType,
+  usesPrefixedFields
+} from "../props";
+export {
+  FORM_TYPE_CONFIGS,
+  FormType,
+  detectFormType,
+  getFormTypeConfig,
+  isChildFormType,
+  useFormDataSync,
+  useFormOperations,
+  useFormSubmission,
+  useFormValidation,
+  useParentFormRelationship,
+  usesPrefixedFields
+};