@wavemaker-ai/react-runtime 1.0.0-rc.647655 → 1.0.0-rc.647684

package/components/container/accordion/accordion-pane/index.js

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { WmAppIcon } from "../../../common/WmAppIcon";
@@ -61,12 +64,13 @@ const WmAccordionPane = memo((Props) => {
   }, [props.onLoad]);
   return /* @__PURE__ */ jsxs(
     Accordion.Root,
-    {
+    __spreadProps(__spreadValues({
       tabIndex: props.tabindex,
       className: clsx(DEFAULT_CLASS, props.className, props.layoutClassName),
       name: props.name,
       show: (_a = props.show) != null ? _a : true,
-      hidden: (_b = props.hidden) != null ? _b : false,
+      hidden: (_b = props.hidden) != null ? _b : false
+    }, props.direction ? { direction: props.direction } : {}), {
       children: [
         /* @__PURE__ */ jsx(
           AccordionSummary,
@@ -111,7 +115,7 @@ const WmAccordionPane = memo((Props) => {
           return (_a2 = props.onLoad) == null ? void 0 : _a2.call(props, props);
         }) : props.children }) })
       ]
-    }
+    })
   );
 });
 WmAccordionPane.displayName = "WmAccordionPane";

package/components/container/accordion/accordion-pane/props.d.ts

@@ -81,6 +81,7 @@ export interface AccordionPanePropsBase {
      * Utility layout classes from Studio Auto Layout (merged on the pane root).
      */
     layoutClassName?: string;
+    direction?: string;
 }
 /**
  * Combined props for the WmAccordionPane component, including base WaveMaker props.

package/components/container/index.js

@@ -34,7 +34,8 @@ import {
   useEffect,
   useRef,
   useMemo,
-  useCallback
+  useCallback,
+  useState
 } from "react";
 import { clsx } from "clsx";
 import { withBaseWrapper } from "../../higherOrder/withBaseWrapper";
@@ -43,7 +44,7 @@ import { removeInvalidAttributes } from "../../utils/attr";
 import { normalizeBackgroundImage } from "../../utils/style-utils";
 const DEFAULT_CLASS = "app-container";
 const WmContainer = (props) => {
-  var _c;
+  var _c, _d, _e;
   const _a = props, { listener } = _a, restPartialProps = __objRest(_a, ["listener"]);
   const _b = restPartialProps, {
     className,
@@ -153,6 +154,9 @@ const WmContainer = (props) => {
   const isLoaded = useRef(false);
   const widget_instance = (_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name];
   const containerRef = useRef(null);
+  const [partialHostKey, setPartialHostKey] = useState(void 0);
+  const hostWidgetState = partialHostKey ? (_d = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _d[partialHostKey] : void 0;
+  const hostShouldHide = ((_e = hostWidgetState == null ? void 0 : hostWidgetState.show) == null ? void 0 : _e.toString()) === "false";
   const containerStyles = useMemo(() => {
     if (!(styles == null ? void 0 : styles.backgroundImage)) {
       return styles;
@@ -205,6 +209,9 @@ const WmContainer = (props) => {
         viewParent.Widgets[props.name || partialName] = widget || props;
         isLoaded.current = true;
         onLoad == null ? void 0 : onLoad(widget || props);
+        if (!props.name && partialName) {
+          setPartialHostKey(partialName);
+        }
       }
     },
     [onLoad, props.name]
@@ -217,7 +224,7 @@ const WmContainer = (props) => {
   const classNames = (className == null ? void 0 : className.split(" ")) || [];
   return /* @__PURE__ */ jsx(
     "div",
-    __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
       className: clsx(
         {
           [className || ""]: Boolean(className),
@@ -229,10 +236,11 @@ const WmContainer = (props) => {
       ),
       "data-widget-id": props["data-widget-id"],
       id,
-      hidden: props.hidden
+      hidden: props.hidden || hostShouldHide
     }, removeInvalidAttributes(rest)), domEvents), { name }), {
       style: __spreadValues(__spreadValues({}, containerStyles), conditionalstyle),
-      ref: containerRef,
+      ref: containerRef
+    }), direction ? { direction } : {}), {
       children: renderPartial ? renderPartial(restPartialProps, handleOnLoad) : children
     })
   );

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

@@ -43,6 +43,7 @@ const WmLayoutgrid = (props) => {
       style: styles,
       className: clsx(DEFAULT_CLASS, "wm-layout-grid-root", className)
     }, removeInvalidAttributes(restProps)), {
+      maxWidth: false,
       children
     })
   );

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

@@ -46,7 +46,6 @@ function WmLinearLayout(props) {
   } = props;
   const computedStyles = useMemo(() => {
     const flexStyles = __spreadProps(__spreadValues({}, styles), {
-      display: "flex",
       flexDirection: direction
     });
     if (direction === "row" || direction === "row-reverse") {

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

@@ -1,8 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, IconButton } from "@mui/material";
 import DOMPurify from "dompurify";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import ExpandLessIcon from "@mui/icons-material/ExpandLess";
 import FullscreenIcon from "@mui/icons-material/Fullscreen";
 import FullscreenExitIcon from "@mui/icons-material/FullscreenExit";
 import CloseIcon from "@mui/icons-material/Close";
@@ -137,7 +135,7 @@ const PanelHeader = ({
           title: `${(_b = (_a = listener == null ? void 0 : listener.appLocale) == null ? void 0 : _a.LABEL_COLLAPSE) != null ? _b : "Collapse"}/${(_d = (_c = listener == null ? void 0 : listener.appLocale) == null ? void 0 : _c.LABEL_EXPAND) != null ? _d : "Expand"}`,
           onClick: onToggleExpand,
           "aria-expanded": isExpanded,
-          children: isExpanded ? /* @__PURE__ */ jsx(ExpandLessIcon, { className: "wi-minus" }) : /* @__PURE__ */ jsx(ExpandMoreIcon, { className: "wi-plus" })
+          children: /* @__PURE__ */ jsx(Box, { component: "i", className: isExpanded ? "wi-minus" : "wi-plus" })
         }
       ),
       enablefullscreen && /* @__PURE__ */ jsx(

package/components/container/tabs/tab-pane/index.d.ts

@@ -39,6 +39,7 @@ declare const _default: React.ComponentType<{
     onHeaderClick?: (event: React.SyntheticEvent, props: WmTabPaneProps, paneIndex: number) => void;
     renderPartial?: (props: WmTabPaneProps, onLoad?: (widget?: WmTabPaneProps) => void) => React.ReactNode;
     layoutClassName?: string;
+    direction?: string;
     standalone?: boolean;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;

package/components/container/tabs/tab-pane/index.js

@@ -98,7 +98,7 @@ const WmTabpane = (props) => {
   }, [name, headerProps, updatePaneHeader]);
   return /* @__PURE__ */ jsx(
     Tabs.Panel,
-    __spreadProps(__spreadValues({
+    __spreadProps(__spreadValues(__spreadValues({
       value: index,
       keepMounted: true,
       className: clsx("tab-pane", "wm-tab-pane-root", layoutClassName, {
@@ -113,7 +113,7 @@ const WmTabpane = (props) => {
       style: props == null ? void 0 : props.styles,
       "data-pane-name": name,
       title: props == null ? void 0 : props.title
-    }, { name }), {
+    }, { name }), props.direction ? { direction: props.direction } : {}), {
       children: /* @__PURE__ */ jsx("div", { className: "tab-body", "data-widget-id": props["data-widget-id"], children: renderPartial ? renderPartial(
         props,
         () => {

package/components/container/tabs/tab-pane/props.d.ts

@@ -78,6 +78,7 @@ export interface TabPanePropsBase {
      * Utility layout classes from Studio Auto Layout (merged on the outer tab-pane wrapper).
      */
     layoutClassName?: string;
+    direction?: string;
 }
 /**
  * Combined props for the WmTabPane component, including base WaveMaker props.

package/components/container/wizard/index.js

@@ -97,6 +97,7 @@ const WmWizardComponent = memo(
     const formRefs = useRef({});
     const stepContainerRefs = useRef({});
     const navIndexRef = useRef(-1);
+    const loadedStepNameRef = useRef(null);
     const [formReady, setFormReady] = useState(false);
     const parentFormContext = useParentFormData();
     const isInsideOuterForm = !!parentFormContext && Object.keys(parentFormContext).length > 0;
@@ -469,12 +470,6 @@ const WmWizardComponent = memo(
               });
             })
           );
-          setTimeout(() => {
-            if (step.onLoad) {
-              const stepIndex = visibleSteps.findIndex((s) => s.name === step.name);
-              step.onLoad(step, stepIndex);
-            }
-          }, 100);
         } else {
           const nextValidStep = getNextValidStep(0, visibleSteps);
           if (nextValidStep) {
@@ -583,10 +578,16 @@ const WmWizardComponent = memo(
       visibleSteps
     ]);
     useEffect(() => {
-      if (currentStep == null ? void 0 : currentStep.onLoad) {
-        currentStep == null ? void 0 : currentStep.onLoad(currentStep, currentStepIndex);
-      }
-    }, [currentStep == null ? void 0 : currentStep.onLoad]);
+      if (!(currentStep == null ? void 0 : currentStep.onLoad) || loadedStepNameRef.current === currentStep.name) return;
+      const step = currentStep;
+      const timer = setTimeout(() => {
+        var _a;
+        if (loadedStepNameRef.current === step.name) return;
+        loadedStepNameRef.current = step.name;
+        (_a = step.onLoad) == null ? void 0 : _a.call(step, step, currentStepIndex);
+      }, 100);
+      return () => clearTimeout(timer);
+    }, [currentStep == null ? void 0 : currentStep.name, currentStep == null ? void 0 : currentStep.onLoad, currentStepIndex]);
     useEffect(() => {
       if (type === "dynamic" && dataset.length > 0 && steps.length === 0) {
         const dynamicSteps = createDynamicSteps(dataset);

package/components/container/wizard/utils.js

@@ -44,6 +44,7 @@ const getStepByIndex = (index, visibleSteps) => {
 };
 const updateStepFocus = () => {
   setTimeout(() => {
+    if (typeof document === "undefined") return;
     const currentStepElement = document.querySelector(
       ".MuiStepButton-root[aria-current='step']"
     );

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

@@ -1,4 +1,5 @@
 import { useState, useCallback } from "react";
+import { getFormFieldEntries } from "../../../../../core/proxy-service";
 import { cleanNullValues } from "../utils";
 import { usesPrefixedFields } from "../props";
 function useFormOperations({
@@ -22,25 +23,18 @@ function useFormOperations({
   const formreset = useCallback(async () => {
     const cleanedData = {};
     const formNamePrefix = `${formName}.`;
-    Object.keys(formfields).forEach((key) => {
-      var _a, _b;
-      if (formfields[key].formName !== formName) return;
+    getFormFieldEntries(formfields).forEach(({ key, field }) => {
+      if (field.formName !== formName) return;
       if (key.endsWith("_formWidget")) return;
-      let fieldKey = key;
-      if (hasPrefixedFields) {
-        if (key.startsWith(formNamePrefix)) {
-          fieldKey = key.substring(formNamePrefix.length);
-        } else {
-          return;
-        }
-      }
-      if (formfields[key].readonly || formfields[key].readOnly || formfields[key].disabled) {
-        cleanedData[fieldKey] = formfields[key].defaultvalue || formfields[key].value;
+      if (hasPrefixedFields && !key.startsWith(formNamePrefix)) return;
+      const fieldKey = hasPrefixedFields ? key.slice(formNamePrefix.length) : key;
+      if (field.readonly || field.readOnly || field.disabled) {
+        cleanedData[fieldKey] = field.defaultvalue || field.value;
       } else {
         cleanedData[fieldKey] = "";
+        field.datavalue = "";
       }
-      const isRange = ((_a = formfields[key]) == null ? void 0 : _a.isRange) === true || ((_b = formfields[key]) == null ? void 0 : _b.isRange) === "true";
-      if (widgetFormType === "live-filter" && isRange) {
+      if (widgetFormType === "live-filter" && (field.isRange === true || field.isRange === "true")) {
         cleanedData[`${fieldKey}_maxWidget`] = "";
       }
     });

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

@@ -50,6 +50,7 @@ import {
   usesPrefixedFields
 } from "./hooks";
 import { useWidgetProxy } from "../../../../context/WidgetProvider";
+import { getFormFieldList } from "../../../../core/proxy-service";
 import {
   useAppNotificationAction,
   useNotifyApp
@@ -357,6 +358,11 @@ const BaseForm = (WrappedComponent) => {
       widgetFormType: props["form-type"],
       debouncedFilter
     });
+    const formreset = useCallback(async () => {
+      var _a2;
+      await formresetFn();
+      (_a2 = props.onReset) == null ? void 0 : _a2.call(props);
+    }, [formresetFn, props.onReset]);
     const clearFilter = useMemo(
       () => handleSubmit((data, e) => {
         e == null ? void 0 : e.preventDefault();
@@ -380,7 +386,6 @@ const BaseForm = (WrappedComponent) => {
       setShowViewMode(true);
       formresetFn();
     }, [setShowViewMode, props.cancel, formresetFn]);
-    const getFieldValue = useCallback((fieldName) => watch(fieldName), [watch]);
     const highlightInvalidFields = useCallback(async () => {
       await validateFieldsOnSubmit();
     }, [validateFieldsOnSubmit]);
@@ -454,16 +459,13 @@ const BaseForm = (WrappedComponent) => {
       const registerFn = parentFormDataContext == null ? void 0 : parentFormDataContext.registerChildField;
       if (!registerFn || !formName) return;
       const widgetFormFields = getWidgetFormFields(listener, formName);
-      const formFieldsToRegister = widgetFormFields || formfields;
-      Object.entries(formFieldsToRegister).forEach(([key, widget]) => {
-        if (key.includes("formWidget")) return;
-        const typedWidget = widget;
-        const formKey = (typedWidget == null ? void 0 : typedWidget.formKey) || (typedWidget == null ? void 0 : typedWidget.fieldName) || key;
-        const fieldName = (typedWidget == null ? void 0 : typedWidget.fieldName) || key;
+      getFormFieldList(widgetFormFields || formfields).forEach((field) => {
+        const fieldName = (field == null ? void 0 : field.fieldName) || (field == null ? void 0 : field.name);
+        if (!fieldName) return;
         registerFn({
           childFormName: formName,
-          widget,
-          formKey,
+          widget: field,
+          formKey: (field == null ? void 0 : field.formKey) || fieldName,
           fieldName
         });
       });
@@ -532,8 +534,7 @@ const BaseForm = (WrappedComponent) => {
     useEffect(() => {
       if (!props.onDataSourceChange || !formName) return;
       if (onDataSourceChangeFiredRef.current) return;
-      const Widgets = (formProxy == null ? void 0 : formProxy.formfields) || {};
-      const currentFields = Object.keys(Widgets).filter((key) => !key.includes("formWidget") && Widgets[key]).map((key) => Widgets[key]);
+      const currentFields = getFormFieldList(formProxy == null ? void 0 : formProxy.formfields);
       if (currentFields.length > 0) {
         onDataSourceChangeFiredRef.current = true;
         props.onDataSourceChange(currentFields);
@@ -588,7 +589,8 @@ const BaseForm = (WrappedComponent) => {
         showViewMode,
         formdata: computedFormdata,
         submit,
-        formreset: formresetFn
+        formreset,
+        setValue
       }),
       [
         updateFormData,
@@ -608,13 +610,14 @@ const BaseForm = (WrappedComponent) => {
         showViewMode,
         computedFormdata,
         submit,
-        formresetFn
+        formreset,
+        setValue
       ]
     );
     const conditionalProps = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, props.target && { target: props.target }), props.method && { method: props.method }), props.encType && { encType: props.encType }), props.action && { action: props.action });
     const formProps = __spreadProps(__spreadValues(__spreadValues({}, props), conditionalProps), {
       submit,
-      formreset: formresetFn,
+      formreset,
       formfields,
       formWidgets: formfields,
       headerActions,

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

@@ -29,6 +29,7 @@ import {
   some
 } from "lodash-es";
 import { REGEX } from "./constant";
+import { defineFieldAlias } from "../../../../core/proxy-service";
 let userAgent = "";
 if (typeof window !== "undefined") {
   userAgent = window.navigator.userAgent;
@@ -272,10 +273,10 @@ const registerChildFieldInWidget = (listener, formName, data) => {
   const parentFormContext = listener.Widgets[formName];
   parentFormContext.formfields = parentFormContext.formfields || {};
   parentFormContext.formWidgets = parentFormContext.formWidgets || {};
-  parentFormContext.formfields[formKey] = widget;
-  parentFormContext.formWidgets[fieldName] = widget;
-  parentFormContext.formfields[`${fieldName}_formWidget`] = widget;
-  parentFormContext.formWidgets[`${fieldName}_formWidget`] = widget;
+  const { formfields, formWidgets } = parentFormContext;
+  formfields[formKey] = widget;
+  formWidgets[fieldName] = widget;
+  defineFieldAlias(`${fieldName}_formWidget`, widget, formfields, formWidgets);
 };
 export {
   cleanNullValues,

package/components/data/form/dynamic-fields/WmxDynamicFormField.d.ts

@@ -0,0 +1,11 @@
+import { FormFieldMetadata } from "./props";
+export type WmxFormFieldProps = Record<string, unknown> & {
+    class?: string;
+    className?: string;
+};
+type WmxDynamicFormFieldProps = {
+    field: FormFieldMetadata;
+    fieldProps: WmxFormFieldProps;
+};
+export declare const WmxDynamicFormField: ({ field, fieldProps }: WmxDynamicFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,77 @@
+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, useMemo, useState } from "react";
+import WmText from "../../../input/text";
+import withFormController from "../form-controller/withFormController";
+import { loadWmxComponent, getWmxComponentName } from "../../../../utils/wmx.utils";
+const WmxDynamicFormField = ({ field, fieldProps }) => {
+  var _b;
+  const componentName = getWmxComponentName(String((field == null ? void 0 : field.widget) || ""));
+  const _a = fieldProps, { class: className } = _a, restProps = __objRest(_a, ["class"]);
+  const resolvedClassName = className || fieldProps.className;
+  const [RawComponent, setRawComponent] = useState(null);
+  useEffect(() => {
+    if (!componentName) return;
+    let isActive = true;
+    loadWmxComponent(componentName).then((component) => {
+      if (isActive) {
+        setRawComponent(component);
+      }
+    }).catch((e) => {
+      console.error(e);
+    });
+    return () => {
+      isActive = false;
+    };
+  }, [componentName]);
+  const EnhancedWmxComponent = useMemo(() => {
+    if (!RawComponent) return null;
+    return withFormController(RawComponent);
+  }, [RawComponent]);
+  if (!EnhancedWmxComponent) {
+    return /* @__PURE__ */ jsx(WmText, __spreadProps(__spreadValues({ name: field == null ? void 0 : field.name }, restProps), { className: resolvedClassName }));
+  }
+  const dataset = (_b = field == null ? void 0 : field.dataset) != null ? _b : fieldProps == null ? void 0 : fieldProps.dataset;
+  return /* @__PURE__ */ jsx(
+    EnhancedWmxComponent,
+    __spreadProps(__spreadValues({
+      componentname: componentName
+    }, restProps), {
+      className: resolvedClassName,
+      dataset
+    })
+  );
+};
+export {
+  WmxDynamicFormField
+};

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

@@ -42,7 +42,12 @@ import WmLabel from "../../../basic/label";
 import WmFormField from "../form-field";
 import { updateMetadata } from "./utils";
 import { COMPONENT_MAP } from "./constant";
+import { WmxDynamicFormField } from "./WmxDynamicFormField";
 const DEFAULT_FIELD_CLASS = "app-dynamic-form-field";
+const isWmxComponent = (field) => {
+  var _a;
+  return (_a = field == null ? void 0 : field.widget) == null ? void 0 : _a.includes("wmx-");
+};
 function DynamicForm(props) {
   const {
     metadata,
@@ -74,7 +79,6 @@ function DynamicForm(props) {
     return Math.floor(12 / columns);
   };
   const renderFormField = (field) => {
-    const ComponentToRender = COMPONENT_MAP[field.widget] || WmText;
     const fieldProps = __spreadValues(__spreadProps(__spreadValues({}, field), {
       className: field.class,
       listener,
@@ -84,8 +88,15 @@ function DynamicForm(props) {
       onChangeHandler: formContext.onChangeHandler
     });
     const _a = fieldProps, { class: className } = _a, restProps = __objRest(_a, ["class"]);
+    if (isWmxComponent(field)) {
+      return handleWmxFormFieldRendering(field, fieldProps);
+    }
+    const ComponentToRender = COMPONENT_MAP[field.widget] || WmText;
     return /* @__PURE__ */ jsx(ComponentToRender, __spreadProps(__spreadValues({}, restProps), { className: className || fieldProps.className }));
   };
+  const handleWmxFormFieldRendering = (field, fieldProps) => {
+    return /* @__PURE__ */ jsx(WmxDynamicFormField, { field, fieldProps });
+  };
   const renderFormFieldWithWrapper = (field) => {
     const columnWidth = getColumnWidth(field.columnwidth);
     return /* @__PURE__ */ jsx(

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

@@ -1,5 +1,5 @@
 declare const WmFormActionsStandalone: import("react").ComponentType<{
-    onClick: ((event: any) => void) & ((event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void);
+    onClick: ((event: any, widget?: any) => void) & ((event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void);
     formKey: string;
     name: string;
     displayName: string;
@@ -75,7 +75,7 @@ export { WmFormActionsStandalone as WmFormAction };
  * @param props - {@link WmFormActionsProps}
  */
 declare const _default: import("react").ComponentType<{
-    onClick: ((event: any) => void) & ((event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void);
+    onClick: ((event: any, widget?: any) => void) & ((event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void);
     formKey: string;
     name: string;
     displayName: string;

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

@@ -59,7 +59,7 @@ const WmFormActions = memo((props) => {
   const isheaderaction = position === "header" && !headeraction;
   const formRef = useFormContext();
   const handleClick = useCallback(
-    (event) => {
+    (event, widget) => {
       var _a2, _b2, _c;
       if (props.standalone) {
         if (type === "submit") {
@@ -68,7 +68,7 @@ const WmFormActions = memo((props) => {
           (_b2 = formRef == null ? void 0 : formRef.formreset) == null ? void 0 : _b2.call(formRef);
         }
       }
-      (_c = props.onClick) == null ? void 0 : _c.call(props, event);
+      (_c = props.onClick) == null ? void 0 : _c.call(props, event, widget);
     },
     [formRef, props.onClick, type]
   );

package/components/data/form/form-context.d.ts

@@ -1,27 +1,26 @@
 import React from "react";
+import type { UseFormSetValue } from "react-hook-form";
 export interface FormContextValue {
-    updateFormData?: (data: any) => void;
     control?: any;
     watch?: any;
-    registerFormField?: (formKey: string, fieldName: string, fieldInstance: any) => void;
-    registerFormWidget?: (widgetName: string, widgetInstance: any) => void;
-    registerHeaderAction?: (actionName: string, action: any) => void;
-    onChangeHandler?: (fieldName: string, value: any) => void;
-    getFieldValue?: (fieldName: string) => any;
     trigger?: any;
     errors?: any;
-    name?: string;
+    setValue?: UseFormSetValue<any>;
+    submitCount?: number;
+    submit?: (e?: any) => Promise<boolean | undefined>;
+    formreset?: () => Promise<void>;
+    updateFormData?: (data: any) => void;
+    onChangeHandler?: (fieldName: string, value: any) => void;
+    registerFormWidget?: (widgetName: string, widgetInstance: any) => void;
+    registerHeaderAction?: (actionName: string, action: any) => void;
     captionposition?: string;
     captionCls?: string;
     widgetCls?: string;
-    validationtype?: string;
+    itemsPerRow?: string;
     isViewMode?: boolean;
-    resetField?: (fieldName: string) => void;
-    submitCount?: number;
+    name?: string;
+    validationtype?: string;
     ref?: any;
-    itemsPerRow?: string;
-    submit?: (e?: any) => Promise<boolean | undefined>;
-    formreset?: () => Promise<void>;
 }
 declare const FormContext: React.Context<FormContextValue>;
 /**

package/components/data/form/form-context.js

@@ -18,17 +18,15 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 const FormContext = createContext(null);
 const ParentFormDataContext = createContext(null);
 const useParentFormData = () => useContext(ParentFormDataContext);
 const FormProvider = ({ value, isViewMode, children }) => {
-  return /* @__PURE__ */ jsx(FormContext.Provider, { value: __spreadProps(__spreadValues({}, value), { isViewMode }), children });
-};
-const useFormContext = () => {
-  const context = useContext(FormContext);
-  return context;
+  const contextValue = useMemo(() => __spreadProps(__spreadValues({}, value), { isViewMode }), [value, isViewMode]);
+  return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children });
 };
+const useFormContext = () => useContext(FormContext);
 const useIsViewMode = () => {
   const context = useFormContext();
   return context == null ? void 0 : context.isViewMode;