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

package/components/data/form/dynamic-fields/utils.js

@@ -1,20 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateFieldValue = exports.transformSingleField = exports.transformAPIResponse = exports.sortFields = exports.hasFormErrors = exports.getFormData = exports.getFieldByName = exports.filterFieldsByWidget = exports.createDefaultField = void 0;
-exports.updateMetadata = updateMetadata;
-exports.validateForm = exports.validateField = void 0;
-var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _isString = _interopRequireDefault(require("lodash-es/isString"));
-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; }
-// Widget type mapping from API types to component types
-var API_TYPE_TO_WIDGET_MAP = {
+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 isString from "lodash-es/isString";
+const API_TYPE_TO_WIDGET_MAP = {
   text: "text",
   string: "text",
   email: "text",
@@ -23,7 +27,7 @@ var API_TYPE_TO_WIDGET_MAP = {
   number: "number",
   integer: "number",
   decimal: "number",
-  "float": "number",
+  float: "number",
   currency: "currency",
   select: "select",
   dropdown: "select",
@@ -32,7 +36,7 @@ var API_TYPE_TO_WIDGET_MAP = {
   radioset: "radioset",
   checkbox: "checkbox",
   checkboxset: "checkboxset",
-  "switch": "switch",
+  switch: "switch",
   toggle: "switch",
   slider: "slider",
   range: "slider",
@@ -47,226 +51,163 @@ var API_TYPE_TO_WIDGET_MAP = {
   tags: "chips",
   calendar: "calendar"
 };
-
-/**
- * Transform API response fields to FormFieldMetadata
- */
-var transformAPIResponse = exports.transformAPIResponse = function transformAPIResponse(apiFields) {
-  return apiFields.map(function (field) {
-    return transformSingleField(field);
-  });
+const transformAPIResponse = (apiFields) => {
+  return apiFields.map((field) => transformSingleField(field));
 };
-
-/**
- * Transform a single API field to FormFieldMetadata
- */
-var transformSingleField = exports.transformSingleField = function transformSingleField(apiField) {
-  var widget = API_TYPE_TO_WIDGET_MAP[apiField.type.toLowerCase()] || "text";
-  var formField = {
+const transformSingleField = (apiField) => {
+  const widget = API_TYPE_TO_WIDGET_MAP[apiField.type.toLowerCase()] || "text";
+  const formField = {
     name: apiField.name,
-    widget: widget,
+    widget,
     label: apiField.label || apiField.name,
     placeholder: apiField.placeholder,
     required: apiField.required || false,
     datavalue: apiField.value || apiField.defaultvalue,
     defaultvalue: apiField.defaultvalue
   };
-
-  // Handle validation properties
   if (apiField.validation) {
-    var validation = apiField.validation;
+    const { validation } = apiField;
     if (validation.maxLength) formField.maxchars = validation.maxLength;
     if (validation.minLength) formField.minchars = validation.minLength;
     if (validation.min) formField.minvalue = validation.min;
     if (validation.max) formField.maxvalue = validation.max;
     if (validation.pattern) formField.regexp = validation.pattern;
   }
-
-  // Handle select/choice fields
   if (widget === "select" || widget === "radioset" || widget === "checkboxset") {
     if (apiField.options) {
-      formField.dataset = apiField.options.map(function (option) {
-        return _objectSpread(_objectSpread({}, option), {}, {
-          key: option.value,
-          value: option.label
-        });
-      });
+      formField.dataset = apiField.options.map((option) => __spreadProps(__spreadValues({}, option), {
+        key: option.value,
+        value: option.label
+      }));
       formField.datafield = "key";
       formField.displayfield = "value";
     }
   }
-
-  // Copy any additional properties
-  Object.keys(apiField).forEach(function (key) {
+  Object.keys(apiField).forEach((key) => {
     if (!formField.hasOwnProperty(key) && key !== "type" && key !== "validation" && key !== "options") {
       formField[key] = apiField[key];
     }
   });
   return formField;
 };
-
-/**
- * Validate a form field value
- */
-var validateField = exports.validateField = function validateField(field, value) {
-  // Required field validation
-  if (field.required && (value === null || value === undefined || value === "")) {
-    return "".concat(field.label || field.name, " is required");
+const validateField = (field, value) => {
+  if (field.required && (value === null || value === void 0 || value === "")) {
+    return `${field.label || field.name} is required`;
   }
-
-  // Skip other validations if value is empty and field is not required
-  if (value === null || value === undefined || value === "") {
+  if (value === null || value === void 0 || value === "") {
     return null;
   }
-
-  // String length validation
   if (typeof value === "string") {
     if (field.maxchars && value.length > field.maxchars) {
-      return "".concat(field.label || field.name, " must not exceed ").concat(field.maxchars, " characters");
+      return `${field.label || field.name} must not exceed ${field.maxchars} characters`;
     }
     if (field.minchars && value.length < field.minchars) {
-      return "".concat(field.label || field.name, " must be at least ").concat(field.minchars, " characters");
+      return `${field.label || field.name} must be at least ${field.minchars} characters`;
     }
   }
-
-  // Number validation
   if (field.widget === "number" && typeof value === "number") {
-    if (field.minvalue !== undefined && value < field.minvalue) {
-      return "".concat(field.label || field.name, " must be at least ").concat(field.minvalue);
+    if (field.minvalue !== void 0 && value < field.minvalue) {
+      return `${field.label || field.name} must be at least ${field.minvalue}`;
     }
-    if (field.maxvalue !== undefined && value > field.maxvalue) {
-      return "".concat(field.label || field.name, " must not exceed ").concat(field.maxvalue);
+    if (field.maxvalue !== void 0 && value > field.maxvalue) {
+      return `${field.label || field.name} must not exceed ${field.maxvalue}`;
     }
   }
-
-  // Regex validation
   if (field.regexp && typeof value === "string") {
-    var regex = new RegExp(field.regexp);
+    const regex = new RegExp(field.regexp);
     if (!regex.test(value)) {
-      return field.regexpmessage || "".concat(field.label || field.name, " format is invalid");
+      return field.regexpmessage || `${field.label || field.name} format is invalid`;
     }
   }
   return null;
 };
-
-/**
- * Validate all fields in a form
- */
-var validateForm = exports.validateForm = function validateForm(fields, formData) {
-  var errors = {};
-  fields.forEach(function (field) {
-    var error = validateField(field, formData[field.name]);
+const validateForm = (fields, formData) => {
+  const errors = {};
+  fields.forEach((field) => {
+    const error = validateField(field, formData[field.name]);
     if (error) {
       errors[field.name] = error;
     }
   });
   return errors;
 };
-
-/**
- * Get form data values from fields
- */
-var getFormData = exports.getFormData = function getFormData(fields) {
-  var data = {};
-  fields.forEach(function (field) {
+const getFormData = (fields) => {
+  const data = {};
+  fields.forEach((field) => {
     data[field.name] = field.datavalue || field.defaultvalue || "";
   });
   return data;
 };
-
-/**
- * Update a field's value in the fields array
- */
-var updateFieldValue = exports.updateFieldValue = function updateFieldValue(fields, fieldName, value) {
-  return fields.map(function (field) {
-    return field.name === fieldName ? _objectSpread(_objectSpread({}, field), {}, {
-      datavalue: value
-    }) : field;
-  });
+const updateFieldValue = (fields, fieldName, value) => {
+  return fields.map((field) => field.name === fieldName ? __spreadProps(__spreadValues({}, field), { datavalue: value }) : field);
 };
-
-/**
- * Get field by name
- */
-var getFieldByName = exports.getFieldByName = function getFieldByName(fields, fieldName) {
-  return fields.find(function (field) {
-    return field.name === fieldName;
-  });
+const getFieldByName = (fields, fieldName) => {
+  return fields.find((field) => field.name === fieldName);
 };
-
-/**
- * Check if form has any validation errors
- */
-var hasFormErrors = exports.hasFormErrors = function hasFormErrors(fields, formData) {
-  var errors = validateForm(fields, formData);
+const hasFormErrors = (fields, formData) => {
+  const errors = validateForm(fields, formData);
   return Object.keys(errors).length > 0;
 };
-
-/**
- * Create default field metadata
- */
-var createDefaultField = exports.createDefaultField = function createDefaultField(name) {
-  var widget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "text";
-  return {
-    name: name,
-    widget: widget,
-    label: name.charAt(0).toUpperCase() + name.slice(1),
-    required: false,
-    datavalue: ""
-  };
-};
-
-/**
- * Sort fields by a given property
- */
-var sortFields = exports.sortFields = function sortFields(fields) {
-  var sortBy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "name";
-  return (0, _toConsumableArray2["default"])(fields).sort(function (a, b) {
-    var aVal = a[sortBy];
-    var bVal = b[sortBy];
+const createDefaultField = (name, widget = "text") => ({
+  name,
+  widget,
+  label: name.charAt(0).toUpperCase() + name.slice(1),
+  required: false,
+  datavalue: ""
+});
+const sortFields = (fields, sortBy = "name") => {
+  return [...fields].sort((a, b) => {
+    const aVal = a[sortBy];
+    const bVal = b[sortBy];
     if (typeof aVal === "string" && typeof bVal === "string") {
       return aVal.localeCompare(bVal);
     }
     return String(aVal).localeCompare(String(bVal));
   });
 };
-
-/**
- * Filter fields by widget type
- */
-var filterFieldsByWidget = exports.filterFieldsByWidget = function filterFieldsByWidget(fields, widgetTypes) {
-  return fields.filter(function (field) {
-    return widgetTypes.includes(field.widget);
-  });
+const filterFieldsByWidget = (fields, widgetTypes) => {
+  return fields.filter((field) => widgetTypes.includes(field.widget));
 };
-function evalExpression(str) {
-  var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function evalExpression(str, context = {}) {
   try {
-    var argNames = Object.keys(context);
-    var argValues = Object.values(context);
-
-    // eslint-disable-next-line no-new-func
-    var fn = (0, _construct2["default"])(Function, argNames.concat(["return (".concat(str, ");")]));
-    return fn.apply(void 0, argValues);
+    const argNames = Object.keys(context);
+    const argValues = Object.values(context);
+    const fn = new Function(...argNames, `return (${str});`);
+    return fn(...argValues);
   } catch (error) {
     console.error("Expression failed:", error);
-    return null; // or fallback
+    return null;
   }
 }
 function convertStringExpToJsx(expression, listener) {
   if (!expression) return null;
   if (typeof expression !== "string") return expression;
   return evalExpression(expression.replace("bind:", "listener."), {
-    listener: listener // whatever your listener object is
+    listener
+    // whatever your listener object is
   });
 }
 function updateMetadata(metadata, listener) {
-  return metadata.map(function (field) {
-    Object.keys(field).forEach(function (key) {
-      if ((0, _isString["default"])(field[key]) && field[key].startsWith("bind:")) {
+  return metadata.map((field) => {
+    Object.keys(field).forEach((key) => {
+      if (isString(field[key]) && field[key].startsWith("bind:")) {
         field[key] = convertStringExpToJsx(field[key], listener);
       }
     });
     return field;
   });
-}
+}
+export {
+  createDefaultField,
+  filterFieldsByWidget,
+  getFieldByName,
+  getFormData,
+  hasFormErrors,
+  sortFields,
+  transformAPIResponse,
+  transformSingleField,
+  updateFieldValue,
+  updateMetadata,
+  validateField,
+  validateForm
+};

package/components/data/form/form-action/index.js

@@ -1,94 +1,116 @@
-"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.WmFormAction = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _button = require("@wavemaker-ai/react-runtime/components/form/button");
-var _anchor = require("@wavemaker-ai/react-runtime/components/basic/anchor");
-var _formContext = require("@wavemaker-ai/react-runtime/components/data/form/form-context");
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _withStandalone = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withStandalone"));
-var _excluded = ["position", "btnClass", "updateMode", "displayName", "headeraction", "showViewMode"];
-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;
-var WmFormActions = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var _props$show;
-  var _props$position = props.position,
-    position = _props$position === void 0 ? "footer" : _props$position,
-    btnClass = props.btnClass,
-    updateMode = props.updateMode,
-    displayName = props.displayName,
-    _props$headeraction = props.headeraction,
-    headeraction = _props$headeraction === void 0 ? false : _props$headeraction,
-    showViewMode = props.showViewMode,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var isheaderaction = position === "header" && !headeraction;
-
-  // Get formRef from context
-  var formRef = (0, _formContext.useFormContext)();
-  var handleClick = (0, _react.useCallback)(function (event) {
-    var _props$onClick;
-    if (props.standalone) {
-      if (props.type === "submit") {
-        var _formRef$submit;
-        formRef === null || formRef === void 0 || (_formRef$submit = formRef.submit) === null || _formRef$submit === void 0 || _formRef$submit.call(formRef, event);
-      } else if (props.type === "reset") {
-        var _formRef$formreset;
-        formRef === null || formRef === void 0 || (_formRef$formreset = formRef.formreset) === null || _formRef$formreset === void 0 || _formRef$formreset.call(formRef);
-      }
+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]);
     }
-    (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, event);
-  }, [formRef, props.onClick, props.type]);
-
-  // register header action
-  (0, _react.useEffect)(function () {
+  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 { useEffect, memo, useCallback } from "react";
+import { WmButton } from "../../../form/button";
+import { WmAnchor } from "../../../basic/anchor";
+import { useFormContext } from "../form-context";
+import withBaseWrapper from "../../../../higherOrder/withBaseWrapper";
+import withStandalone from "../../../../higherOrder/withStandalone";
+const WmFormActions = memo((props) => {
+  var _b;
+  const _a = props, {
+    position = "footer",
+    btnClass,
+    updateMode,
+    displayName,
+    headeraction = false,
+    showViewMode
+  } = _a, rest = __objRest(_a, [
+    "position",
+    "btnClass",
+    "updateMode",
+    "displayName",
+    "headeraction",
+    "showViewMode"
+  ]);
+  const isheaderaction = position === "header" && !headeraction;
+  const formRef = useFormContext();
+  const handleClick = useCallback(
+    (event) => {
+      var _a2, _b2, _c;
+      if (props.standalone) {
+        if (props.type === "submit") {
+          (_a2 = formRef == null ? void 0 : formRef.submit) == null ? void 0 : _a2.call(formRef, event);
+        } else if (props.type === "reset") {
+          (_b2 = formRef == null ? void 0 : formRef.formreset) == null ? void 0 : _b2.call(formRef);
+        }
+      }
+      (_c = props.onClick) == null ? void 0 : _c.call(props, event);
+    },
+    [formRef, props.onClick, props.type]
+  );
+  useEffect(() => {
     if (formRef && position.includes("header") && formRef.registerHeaderAction) {
       formRef.registerHeaderAction(props.name, props);
     }
   }, [formRef, props]);
-
-  // check for view mode and update mode
-  if (formRef !== null && formRef !== void 0 && formRef.isViewMode && updateMode || !(formRef !== null && formRef !== void 0 && formRef.isViewMode) && !updateMode) return null;else if (isheaderaction) return null;
+  if ((formRef == null ? void 0 : formRef.isViewMode) && updateMode || !(formRef == null ? void 0 : formRef.isViewMode) && !updateMode) return null;
+  else if (isheaderaction) return null;
   if (props.widgettype === "anchor") {
-    return __jsx(_anchor.WmAnchor, (0, _extends2["default"])({}, rest, {
-      hint: displayName,
-      caption: displayName,
-      className: (0, _clsx["default"])(btnClass, rest.className)
-    }));
+    return /* @__PURE__ */ jsx(
+      WmAnchor,
+      __spreadProps(__spreadValues({}, rest), {
+        hint: displayName,
+        caption: displayName,
+        className: clsx(btnClass, rest.className)
+      })
+    );
   }
-  return __jsx(_button.WmButton, {
-    className: (0, _clsx["default"])(btnClass, rest.className),
-    caption: displayName,
-    iconclass: props.iconclass,
-    type: props.type,
-    disabled: props.disabled,
-    onClick: handleClick,
-    name: props.name,
-    show: (_props$show = props.show) === null || _props$show === void 0 ? void 0 : _props$show.toString(),
-    showindevice: props.showindevice,
-    styles: props.styles,
-    animation: props.animation,
-    listener: props.listener,
-    hint: props.displayName,
-    hidden: props.hidden
-  });
+  return /* @__PURE__ */ jsx(
+    WmButton,
+    {
+      className: clsx(btnClass, rest.className),
+      caption: displayName,
+      iconclass: props.iconclass,
+      type: props.type,
+      disabled: props.disabled,
+      onClick: handleClick,
+      name: props.name,
+      show: (_b = props.show) == null ? void 0 : _b.toString(),
+      showindevice: props.showindevice,
+      styles: props.styles,
+      animation: props.animation,
+      listener: props.listener,
+      hint: props.displayName,
+      hidden: props.hidden
+    }
+  );
 });
 WmFormActions.displayName = "WmFormActions";
-var WmFormActionsStandalone = exports.WmFormAction = (0, _withStandalone["default"])(WmFormActions);
-/**
- * The WmFormActions component is a container for form action buttons (Submit, Cancel, etc.).
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/data-form--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/data-form--docs#tab-overview)
- *
- * @param props - {@link WmFormActionsProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmFormActions);
+const WmFormActionsStandalone = withStandalone(WmFormActions);
+var form_action_default = withBaseWrapper(WmFormActions);
+export {
+  WmFormActionsStandalone as WmFormAction,
+  form_action_default as default
+};

package/components/data/form/form-body/index.js

@@ -1,28 +1,54 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormBody = FormBody;
-exports["default"] = exports.WmFormBody = 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 _attr = require("@wavemaker-ai/react-runtime/utils/attr");
-var _excluded = ["children", "className", "styles"];
-var __jsx = _react["default"].createElement;
-var DEFAULT_CLASS = "panel-body form-body";
+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 { removeInvalidAttributes } from "../../../../utils/attr";
+const DEFAULT_CLASS = "panel-body form-body";
 function FormBody(props) {
-  var children = props.children,
-    className = props.className,
-    styles = props.styles,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return __jsx("div", (0, _extends2["default"])({
-    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
-    style: styles
-  }, (0, _attr.removeInvalidAttributes)(rest)), children);
+  const _a = props, { children, className, styles } = _a, rest = __objRest(_a, ["children", "className", "styles"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      className: clsx(DEFAULT_CLASS, className),
+      style: styles
+    }, removeInvalidAttributes(rest)), {
+      children
+    })
+  );
 }
-var FormBodyStandalone = exports.WmFormBody = FormBody;
-var _default = exports["default"] = FormBody;
+const FormBodyStandalone = FormBody;
+var form_body_default = FormBody;
+export {
+  FormBody,
+  FormBodyStandalone as WmFormBody,
+  form_body_default as default
+};