@wavemaker-ai/react-runtime 1.0.0-next.27766

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

@@ -0,0 +1,187 @@
+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 } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import clsx from "clsx";
+import isEqual from "lodash-es/isEqual";
+import get from "lodash-es/get";
+import BaseField from "./base-field";
+import { WmComposite } from "../../../input/composite";
+import { useWidgetProxy } from "../../../../context/WidgetProvider";
+import { createFormFieldProxy } from "../../../../core/proxy-service";
+const DEFAULT_CLASS = "ng-pristine ng-invalid ng-touched";
+const DEFAULT_COMPOSITE_CLASS = "app-composite-widget caption-left clearfix form-group live-field";
+const DATASET_SYNC_KEYS = [
+  "dataset",
+  "datafield",
+  "displayfield",
+  "displaylabel",
+  "searchkey"
+];
+const WmFormField = memo(
+  (props) => {
+    var _a, _b, _c, _d;
+    const { show = true, deferload } = props;
+    const [proxyProps, setProxyProps] = useState(__spreadProps(__spreadValues({}, props), {
+      show: show == null ? void 0 : show.toString(),
+      deferload: deferload == null ? void 0 : deferload.toString(),
+      datavalue: props.defaultvalue
+    }));
+    const fieldProxyRef = useRef(null);
+    const formProxy = useWidgetProxy(`${props.formName}`);
+    const overriddenItemsRef = useRef({});
+    const fieldKey = props.formKey || props.name;
+    const defaultValueRegisteredRef = useRef(false);
+    const showfield = (_b = (_a = overriddenItemsRef == null ? void 0 : overriddenItemsRef.current) == null ? void 0 : _a.show) != null ? _b : show;
+    const formReady = (formProxy == null ? void 0 : formProxy.listener) !== void 0;
+    const reset = useCallback(
+      (value) => {
+        const field = fieldProxyRef.current;
+        if (field.readonly || field.disabled) return;
+        fieldProxyRef.current.datavalue = value != null ? value : "";
+        fieldProxyRef.current.value = value != null ? value : "";
+      },
+      [fieldKey]
+    );
+    const isNumber = useMemo(
+      () => props.type === "integer" || props.type === "number",
+      [props.type]
+    );
+    const onChangeHandler = useCallback(
+      (name, data) => {
+        Object.keys(data).forEach((key) => {
+          fieldProxyRef.current[key] = key === "datavalue" && isNumber && !Array.isArray(data[key]) ? Number(data[key]) : data[key];
+        });
+        setProxyProps((prev) => {
+          return __spreadValues(__spreadValues({}, prev), isNumber && data.datavalue !== void 0 && !Array.isArray(data.datavalue) ? __spreadProps(__spreadValues({}, data), { datavalue: Number(data.datavalue) }) : data);
+        });
+      },
+      [isNumber]
+    );
+    useEffect(() => {
+      if (!fieldKey || !formReady) return;
+      if (!formProxy.formWidgets) {
+        formProxy.formWidgets = {};
+        formProxy.formfields = {};
+      }
+      const mutableTarget = __spreadProps(__spreadValues({}, props), { reset, show, deferload });
+      const fieldProxy = createFormFieldProxy(
+        mutableTarget,
+        setProxyProps,
+        overriddenItemsRef,
+        formProxy
+      );
+      fieldProxyRef.current = fieldProxy;
+    }, [formReady]);
+    useEffect(() => {
+      if (!formReady || !fieldProxyRef.current) return;
+      if (defaultValueRegisteredRef.current) return;
+      defaultValueRegisteredRef.current = true;
+      fieldProxyRef.current.datavalue = props.defaultvalue;
+      fieldProxyRef.current.value = props.defaultvalue;
+      fieldProxyRef.current.defaultvalue = props.defaultvalue;
+    }, [props.defaultvalue]);
+    useEffect(() => {
+      var _a2;
+      const fieldProxy = fieldProxyRef.current;
+      if (!fieldProxy || !((_a2 = props.dataset) == null ? void 0 : _a2.length)) return;
+      DATASET_SYNC_KEYS.forEach((key) => {
+        const value = props[key];
+        if (value != null && fieldProxy[key] !== value) {
+          fieldProxy[key] = value;
+        }
+      });
+    }, [props.dataset, props.datafield, props.displayfield, props.displaylabel, props.searchkey]);
+    function renderFormFields() {
+      var _a2, _b2, _c2, _d2, _e, _f, _g;
+      if (props.formRef) {
+        const errors = (_a2 = props.formRef) == null ? void 0 : _a2.errors;
+        const formKey = (_b2 = props.formKey) != null ? _b2 : props.name;
+        const fieldError = formKey && errors ? get(errors, formKey) : void 0;
+        const invalid = Boolean(fieldError);
+        const invalidCls = invalid ? " text-danger " : "";
+        return /* @__PURE__ */ jsx(Fragment, { children: (_g = props == null ? void 0 : props.renderFormFields) == null ? void 0 : _g.call(props, __spreadProps(__spreadValues(__spreadValues({}, proxyProps), overriddenItemsRef.current), {
+          show: showfield,
+          disabled: (_d2 = (_c2 = overriddenItemsRef == null ? void 0 : overriddenItemsRef.current) == null ? void 0 : _c2.disabled) != null ? _d2 : props == null ? void 0 : props.disabled,
+          readonly: (_f = (_e = overriddenItemsRef == null ? void 0 : overriddenItemsRef.current) == null ? void 0 : _e.readonly) != null ? _f : props == null ? void 0 : props.readonly,
+          fieldError,
+          validators: props.validators,
+          asyncValidators: props.asyncValidators,
+          observe: props.observe,
+          invalid,
+          invalidCls,
+          iswidget: "false",
+          onChangeHandler
+        })) });
+      } else {
+        return null;
+      }
+    }
+    const isDynamicFormField = typeof props.className === "string" && props.className.includes("app-dynamic-form-field");
+    const itemsPerRowClass = !isDynamicFormField && ((_c = props.formRef) == null ? void 0 : _c.itemsPerRow) || "";
+    if (!fieldProxyRef.current) {
+      return null;
+    }
+    const isDeferLoad = deferload === true;
+    const showValue = ((_d = proxyProps == null ? void 0 : proxyProps.show) == null ? void 0 : _d.toString()) !== "false";
+    if ((!showValue || showfield) && isDeferLoad) {
+      return null;
+    }
+    const shouldHide = !showValue && !isDeferLoad;
+    if (shouldHide) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(props.className, itemsPerRowClass, DEFAULT_CLASS),
+        id: props.id,
+        style: __spreadValues(__spreadValues({}, props.conditionalstyle), props.styles),
+        "data-displayname": props.displayname,
+        "data-name": props.name,
+        "data-placeholder": props.placeholder,
+        name: props.name,
+        displayname: props.displayname,
+        placeholder: props.placeholder,
+        "data-role": props.role || "form-field",
+        children: /* @__PURE__ */ jsx(
+          WmComposite,
+          {
+            captionposition: props.captionposition || "left",
+            listener: {},
+            name: "",
+            className: DEFAULT_COMPOSITE_CLASS,
+            children: renderFormFields()
+          }
+        )
+      }
+    );
+  },
+  (prev, next) => {
+    return isEqual(prev, next);
+  }
+);
+WmFormField.displayName = "WmFormField";
+const WmFormFieldStandalone = BaseField(WmFormField);
+var form_field_default = BaseField(WmFormField);
+export {
+  WmFormFieldStandalone as WmFormField,
+  form_field_default as default
+};

package/components/data/form/form-field/props.d.ts

@@ -0,0 +1,215 @@
+import { BaseProps, Prettify } from "@wavemaker-ai/react-runtime/higherOrder/props";
+export interface FormFieldProps {
+    name: string;
+    /**
+     * Whether the field is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * Display name of the field.
+     */
+    displayname?: string;
+    /**
+     * Type of the field.
+     */
+    type?: string;
+    /**
+     * Widget type for the field.
+     */
+    widget?: string;
+    /**
+     * Text alignment within the field.
+     */
+    textalign?: string;
+    /**
+     * Placeholder text for the field.
+     */
+    placeholder?: string;
+    /**
+     * Title of the field.
+     */
+    title?: string;
+    /**
+     * Whether the field is required.
+     */
+    required?: boolean;
+    /**
+     * Current value of the field.
+     */
+    value?: string;
+    /**
+     * Mode of data entry.
+     */
+    dataentrymode?: string;
+    /**
+     * Debounce time for input changes.
+     */
+    debouncetime?: number;
+    /**
+     * Default value for the field.
+     */
+    defaultvalue?: string;
+    /**
+     * The underlying data field.
+     */
+    field?: string;
+    /**
+     * Filter expressions for the field.
+     */
+    filterexpressions?: string;
+    /**
+     * Generator for the field.
+     */
+    generator?: string;
+    /**
+     * Hint text for the field.
+     */
+    hint?: string;
+    /**
+     * Input type for the field.
+     */
+    inputtype?: string;
+    /**
+     * Whether this is a form field.
+     */
+    isformfield?: boolean;
+    /**
+     * Limit for field values.
+     */
+    limit?: number;
+    /**
+     * Type of lookup.
+     */
+    lookuptype?: string;
+    /**
+     * The field to use for lookups.
+     */
+    lookupfield?: string;
+    /**
+     * Match mode for filtering.
+     */
+    matchmode?: string;
+    /**
+     * Maximum default value.
+     */
+    maxdefaultvalue?: string;
+    /**
+     * Maximum placeholder text.
+     */
+    maxplaceholder?: string;
+    /**
+     * Whether to display on mobile devices.
+     */
+    mobileDisplay?: boolean;
+    /**
+     * Whether to use periodic updates.
+     */
+    period?: boolean;
+    /**
+     * Whether to display on PC.
+     */
+    pcDisplay?: boolean;
+    /**
+     * Whether this is a primary key field.
+     */
+    primaryKey?: boolean;
+    /**
+     * Name of the related entity.
+     */
+    relatedEntityName?: string;
+    /**
+     * Whether to display on tablet devices.
+     */
+    tabletDisplay?: boolean;
+    /**
+     * Validation message to display.
+     */
+    validationmessage?: string;
+    /**
+     * Widget to use in view mode.
+     */
+    viewmodewidget?: string;
+    /**
+     * The type of the widget.
+     */
+    widgettype?: string;
+    /**
+     * Property name to use for the data field.
+     */
+    datafield?: string;
+    /**
+     * Property name to use for the display field.
+     */
+    displayfield?: string;
+    /**
+     * Label for the display field.
+     */
+    displaylabel?: string;
+    /**
+     * The collection of data items for the field.
+     */
+    dataset?: any[];
+    /**
+     * Key to use for searching.
+     */
+    searchkey?: string;
+    /**
+     * Number of items to show per row.
+     */
+    itemsPerRow?: string;
+    /**
+     * Reference to the parent form.
+     */
+    formRef?: any;
+    /**
+     * Function to render the actual form fields.
+     */
+    renderFormFields?: (props: any) => React.ReactNode;
+    /**
+     * Unique ID for the field.
+     */
+    id?: string;
+    /**
+     * Position of the caption.
+     */
+    captionposition?: "left" | "right" | "top" | "floating";
+    /**
+     * The form key for this field.
+     */
+    formKey?: string;
+    /**
+     * Role of the field.
+     */
+    role?: string;
+    /**
+     * Status of when to update the field.
+     */
+    updateon?: string;
+    /**
+     * Function to update the widget's dataset.
+     */
+    updateFormWidgetDataset?: (dataset: any, displayField?: string) => void;
+    /**
+     * Function to set whether the dataset is bound.
+     */
+    setIsDataSetBound?: (isBound: boolean) => void;
+    validators?: [];
+    fieldName: string;
+    formName: string;
+    parentForm?: string;
+    destroy?: (names: string[]) => void;
+    asyncValidators?: any[];
+    setValidators?: (validators: any[]) => void;
+    setAsyncValidators?: (asyncValidators: any[]) => void;
+    observe?: any[];
+    observeOn?: any[];
+    reset?: () => void;
+    setValidationMessage?: (message: string) => void;
+    disabled?: boolean;
+}
+/**
+ * Combined props for the WmFormField component, including base WaveMaker props.
+ */
+export type WmFormFieldProps = Prettify<FormFieldProps & BaseProps>;
+export interface FieldDataSetProps extends Pick<FormFieldProps, "dataset" | "datafield" | "displayfield" | "displaylabel" | "searchkey"> {
+}

package/components/data/form/form-footer/index.d.ts

@@ -0,0 +1,6 @@
+import BaseProps from "@wavemaker-ai/react-runtime/higherOrder/props";
+export declare const WmFormFooter: {
+    (props: BaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default WmFormFooter;

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

@@ -0,0 +1,54 @@
+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 Box from "@mui/material/Box";
+import { removeInvalidAttributes } from "../../../../utils/attr";
+const DEFAULT_CLASS = "basic-btn-grp form-action panel-footer clearfix";
+const WmFormFooter = (props) => {
+  const _a = props, { className, children } = _a, rest = __objRest(_a, ["className", "children"]);
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      component: "div",
+      className: clsx(DEFAULT_CLASS, className)
+    }, removeInvalidAttributes(rest)), {
+      children
+    })
+  );
+};
+WmFormFooter.displayName = "WmFormFooter";
+var form_footer_default = WmFormFooter;
+export {
+  WmFormFooter,
+  form_footer_default as default
+};

package/components/data/form/form-header/index.d.ts

@@ -0,0 +1,12 @@
+import { WmFormProps } from "../props";
+type FormHeaderProps = Pick<WmFormProps, "title" | "subheading" | "iconclass" | "iconurl" | "prefabName" | "collapsible" | "expanded" | "headerActions" | "expandCollapsePanel" | "isViewMode">;
+declare const WmFormHeader: {
+    (props: FormHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * The WmFormHeader component displays the header of a form, including title, icon, and actions.
+ *
+ * @param props - {@link FormHeaderProps}
+ */
+export default WmFormHeader;

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

@@ -0,0 +1,73 @@
+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 clsx from "clsx";
+import { WmIcon } from "../../../basic/icon";
+import WmFormActions from "../form-action";
+import { WmButton } from "../../../form/button";
+const WmFormHeader = (props) => {
+  return /* @__PURE__ */ jsx("div", { className: "panel-heading", children: /* @__PURE__ */ jsxs("h3", { className: "panel-title", children: [
+    /* @__PURE__ */ jsx("div", { className: "pull-left", children: (props.iconclass || props.iconurl) && /* @__PURE__ */ jsx(
+      WmIcon,
+      {
+        name: "",
+        listener: {},
+        iconclass: props.iconclass || "",
+        iconurl: props.iconurl,
+        prefabName: props.prefabName
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "pull-left", children: [
+      /* @__PURE__ */ jsx("div", { className: "heading", children: props.title }),
+      /* @__PURE__ */ jsx("div", { className: "description", children: props.subheading })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "form-action panel-actions basic-btn-grp", children: [
+      (props == null ? void 0 : props.headerActions) && Object.keys(props.headerActions).map((actionName, index) => /* @__PURE__ */ jsx(
+        WmFormActions,
+        __spreadProps(__spreadValues({}, props.headerActions[actionName]), {
+          headeraction: true
+        }),
+        index
+      )),
+      props.collapsible && /* @__PURE__ */ jsx("div", { className: "form-action panel-actions basic-btn-grp", children: /* @__PURE__ */ jsx(
+        WmButton,
+        {
+          name: "",
+          listener: {},
+          type: "button",
+          className: clsx(
+            "app-icon wi panel-action",
+            props.expanded ? "wi-minus" : "wi-plus"
+          ),
+          hint: props.expanded ? "Collapse" : "Expand",
+          onClick: () => {
+            var _a;
+            (_a = props.expandCollapsePanel) == null ? void 0 : _a.call(props);
+          }
+        }
+      ) })
+    ] })
+  ] }) });
+};
+WmFormHeader.displayName = "WmFormHeader";
+var form_header_default = WmFormHeader;
+export {
+  form_header_default as default
+};

package/components/data/form/index.d.ts

@@ -0,0 +1,4 @@
+declare const WmFormStandalone: import("react").ComponentType<import("./base-form/props").default & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
+export { WmFormStandalone as WmForm };
+declare const _default: (FormProps: import("./base-form/props").default) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/components/data/form/index.js

@@ -0,0 +1,112 @@
+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 withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import { WmMessage } from "../../basic/message";
+import BaseForm from "./base-form";
+import WmFormHeader from "./form-header";
+import FormDynamicFieldsSection from "./form-dynamic-section";
+import { removeInvalidAttributes } from "../../../utils/attr";
+import withStandalone from "../../../higherOrder/withStandalone";
+import {
+  WmSkeleton,
+  SKELETON_REGISTRY,
+  useShouldShowSkeleton
+} from "../../common/wm-skeleton";
+const WmForm = (props) => {
+  var _a, _b, _c, _d;
+  if (useShouldShowSkeleton(props.loading, props.showSkeleton))
+    return /* @__PURE__ */ jsx(
+      WmSkeleton,
+      __spreadProps(__spreadValues({}, SKELETON_REGISTRY["WmForm"]), {
+        className: props.className,
+        styles: props.styles
+      })
+    );
+  const shouldHideHeader = props.isLayoutDialog || props.isInsideWizard;
+  const shouldInjectDynamicFields = Array.isArray(props.metadata) && props.metadata.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "form",
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, removeInvalidAttributes(props)), {
+      hidden: props.hidden || false,
+      name: props.name
+    }), {
+      defaultmode: props.defaultmode,
+      captionposition: props.captionposition,
+      captionalign: props.captionalign,
+      numberoffields: props.numberoffields
+    }), {
+      className: props.className,
+      id: props.id,
+      onSubmit: props.submit,
+      style: __spreadValues(__spreadValues({}, props.styles), props.conditionalstyle),
+      onReset: props.formreset,
+      ref: props.formElementRef,
+      noValidate: props.validationtype !== "html",
+      children: [
+        !shouldHideHeader && ((props == null ? void 0 : props.title) || (props == null ? void 0 : props.subheading) || (props == null ? void 0 : props.iconclass) || (props == null ? void 0 : props.iconurl) || (props == null ? void 0 : props.headerActions) && props.headerActions.length > 0 || (props == null ? void 0 : props.collapsible)) && /* @__PURE__ */ jsx(
+          WmFormHeader,
+          {
+            title: props.title,
+            subheading: props.subheading,
+            iconclass: props.iconclass,
+            iconurl: props.iconurl,
+            prefabName: props.prefabName,
+            collapsible: props.collapsible,
+            expanded: props.expanded,
+            headerActions: props.headerActions,
+            expandCollapsePanel: props.expandCollapsePanel,
+            isViewMode: props.isViewMode
+          }
+        ),
+        (props == null ? void 0 : props.showmessage) && (props == null ? void 0 : props.messagelayout) === "Inline" && /* @__PURE__ */ jsx(
+          WmMessage,
+          {
+            "aria-hidden": !((_a = props == null ? void 0 : props.statusMessage) == null ? void 0 : _a.caption),
+            "aria-label": ((_b = props == null ? void 0 : props.statusMessage) == null ? void 0 : _b.caption) || "",
+            caption: ((_c = props == null ? void 0 : props.statusMessage) == null ? void 0 : _c.caption) || "",
+            type: (_d = props == null ? void 0 : props.statusMessage) == null ? void 0 : _d.type,
+            open: props == null ? void 0 : props.showmessage,
+            close: props == null ? void 0 : props.clearMessage,
+            name: "",
+            listener: {}
+          }
+        ),
+        shouldInjectDynamicFields && /* @__PURE__ */ jsx(
+          FormDynamicFieldsSection,
+          {
+            formName: props.name,
+            metadata: props.metadata,
+            listener: props.listener
+          }
+        ),
+        props.children
+      ]
+    })
+  );
+};
+WmForm.displayName = "WmForm";
+const WmFormStandalone = withStandalone(BaseForm(WmForm));
+const WmFormWithBaseWrapper = withBaseWrapper(WmForm);
+var form_default = BaseForm(WmFormWithBaseWrapper);
+export {
+  WmFormStandalone as WmForm,
+  form_default as default
+};