@wavemaker-ai/react-runtime 1.0.0-rc.330 → 1.0.0-rc.334

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

@@ -47,7 +47,7 @@ const WmTabpane = (props) => {
       listener.onChange(tabsContainerName, { activeTab: widgetInstance });
     }
     if (isActive) {
-      if (!loadedRef.current) {
+      if (!loadedRef.current && !renderPartial) {
         (_c = props == null ? void 0 : props.onLoad) == null ? void 0 : _c.call(props, null, widgetInstance);
         loadedRef.current = true;
       }
@@ -95,7 +95,7 @@ const WmTabpane = (props) => {
       return;
     }
     updatePaneHeader(name, headerProps);
-  }, [name, headerProps, updatePaneHeader]);
+  }, [name, updatePaneHeader]);
   return /* @__PURE__ */ jsx(
     Tabs.Panel,
     __spreadProps(__spreadValues(__spreadValues({

package/components/container/wizard/index.d.ts

@@ -38,6 +38,7 @@ declare const WmWizardStandalone: React.ComponentType<{
     padding?: string;
     margin?: string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
@@ -130,6 +131,7 @@ declare const _default: React.ComponentType<{
     padding?: string;
     margin?: string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/container/wizard/index.js

@@ -147,6 +147,10 @@ const WmWizardComponent = memo(
     );
     const currentStep = useMemo(() => steps.find((step) => step.active) || null, [steps]);
     const visibleSteps = useMemo(() => steps.filter((step) => step.show), [steps]);
+    const visibleStepsRef = useRef(visibleSteps);
+    visibleStepsRef.current = visibleSteps;
+    const stepsRef = useRef(steps);
+    stepsRef.current = steps;
     const currentStepIndex = useMemo(() => {
       if (!currentStep) return -1;
       return visibleSteps.findIndex((step) => step.name === currentStep.name);
@@ -284,27 +288,34 @@ const WmWizardComponent = memo(
       () => stepstyle === "justified" ? "justified" : "auto",
       [stepstyle]
     );
+    const activateStep = useCallback(
+      (step) => {
+        if (!step.show || step.disabled) return;
+        setSteps(
+          (prevSteps) => prevSteps.map((s) => {
+            const stepIndex = prevSteps.findIndex((ps) => ps.name === s.name);
+            const targetIndex = prevSteps.findIndex((ps) => ps.name === step.name);
+            return __spreadProps(__spreadValues({}, s), {
+              active: s.name === step.name,
+              isDone: type === "dynamic" ? stepIndex < targetIndex : stepIndex < targetIndex,
+              done: type === "dynamic" ? stepIndex < targetIndex : stepIndex < targetIndex || s.name === step.name && targetIndex > 0,
+              disabled: false,
+              // Ensure enableNext and isValid are preserved when activating a step
+              enableNext: s.name === step.name ? true : s.enableNext,
+              isValid: s.name === step.name ? true : s.isValid
+            });
+          })
+        );
+      },
+      [type]
+    );
     const onStepHeaderClick = useCallback(
       (event, step) => {
-        if ((step.done || step.isDone || nonLinear && type === "dynamic") && step.show && !step.disabled) {
-          setSteps(
-            (prevSteps) => prevSteps.map((s) => {
-              const stepIndex = prevSteps.findIndex((ps) => ps.name === s.name);
-              const targetIndex = prevSteps.findIndex((ps) => ps.name === step.name);
-              return __spreadProps(__spreadValues({}, s), {
-                active: s.name === step.name,
-                isDone: type === "dynamic" ? stepIndex < targetIndex : stepIndex < targetIndex,
-                done: type === "dynamic" ? stepIndex < targetIndex : stepIndex < targetIndex || s.name === step.name && targetIndex > 0,
-                disabled: false,
-                // Ensure enableNext and isValid are preserved when activating a step
-                enableNext: s.name === step.name ? true : s.enableNext,
-                isValid: s.name === step.name ? true : s.isValid
-              });
-            })
-          );
+        if (step.done || step.isDone || nonLinear && type === "dynamic") {
+          activateStep(step);
         }
       },
-      [nonLinear, type]
+      [nonLinear, type, activateStep]
     );
     const handleStepClick = useCallback(
       (index) => {
@@ -334,62 +345,64 @@ const WmWizardComponent = memo(
     const next = useCallback(
       async (eventName = "next") => {
         var _a, _b;
+        const currentVisibleSteps = visibleStepsRef.current;
         const fromIndex = navIndexRef.current >= 0 ? navIndexRef.current : currentStepIndex;
-        const fromStep = getStepByIndex(fromIndex, visibleSteps);
+        const fromStep = getStepByIndex(fromIndex, currentVisibleSteps);
         if (!fromStep) return;
-        const nextStep = getNextValidStep(fromIndex + 1, visibleSteps);
+        const nextStep = getNextValidStep(fromIndex + 1, currentVisibleSteps);
         if (!nextStep) return;
-        const nextIndex = visibleSteps.findIndex((s) => s.name === nextStep.name);
+        const nextIndex = currentVisibleSteps.findIndex((s) => s.name === nextStep.name);
         if (eventName === "skip") {
           const response = (_a = fromStep.onSkip) == null ? void 0 : _a.call(fromStep, fromStep, fromStep, fromIndex);
           if (response !== void 0) {
             await handleNavigation(
               response,
-              () => extendNextFn(fromStep, fromIndex, visibleSteps, setSteps)
+              () => extendNextFn(fromStep, fromIndex, currentVisibleSteps, setSteps)
             );
           } else {
-            extendNextFn(fromStep, fromIndex, visibleSteps, setSteps);
+            extendNextFn(fromStep, fromIndex, currentVisibleSteps, setSteps);
           }
         } else if (fromStep.isValid && eventName === "next") {
           const response = (_b = fromStep.onNext) == null ? void 0 : _b.call(fromStep, fromStep, fromStep, fromIndex);
           if (response !== void 0) {
             await handleNavigation(
               response,
-              () => extendNextFn(fromStep, fromIndex, visibleSteps, setSteps)
+              () => extendNextFn(fromStep, fromIndex, currentVisibleSteps, setSteps)
             );
           } else {
-            extendNextFn(fromStep, fromIndex, visibleSteps, setSteps);
+            extendNextFn(fromStep, fromIndex, currentVisibleSteps, setSteps);
           }
         } else if (enablenext && !fromStep.isValid) {
           console.warn("Cannot proceed: current step is invalid");
         } else {
-          extendNextFn(fromStep, fromIndex, visibleSteps, setSteps);
+          extendNextFn(fromStep, fromIndex, currentVisibleSteps, setSteps);
         }
         navIndexRef.current = nextIndex;
         setFormReady(false);
       },
-      [currentStepIndex, visibleSteps, enablenext]
+      [currentStepIndex, enablenext]
     );
     const prev = useCallback(async () => {
       var _a;
+      const currentVisibleSteps = visibleStepsRef.current;
       const fromIndex = navIndexRef.current >= 0 ? navIndexRef.current : currentStepIndex;
-      const fromStep = getStepByIndex(fromIndex, visibleSteps);
+      const fromStep = getStepByIndex(fromIndex, currentVisibleSteps);
       if (!fromStep) return;
-      const targetStep = getPrevValidStep(fromIndex - 1, visibleSteps);
+      const targetStep = getPrevValidStep(fromIndex - 1, currentVisibleSteps);
       if (!targetStep) return;
-      const prevIndex = visibleSteps.findIndex((s) => s.name === targetStep.name);
+      const prevIndex = currentVisibleSteps.findIndex((s) => s.name === targetStep.name);
       const response = (_a = fromStep.onPrev) == null ? void 0 : _a.call(fromStep, fromStep, fromStep, fromIndex);
       if (response !== void 0) {
         await handleNavigation(
           response,
-          () => extendPrevFn(fromStep, fromIndex, visibleSteps, setSteps)
+          () => extendPrevFn(fromStep, fromIndex, currentVisibleSteps, setSteps)
         );
       } else {
-        extendPrevFn(fromStep, fromIndex, visibleSteps, setSteps);
+        extendPrevFn(fromStep, fromIndex, currentVisibleSteps, setSteps);
       }
       navIndexRef.current = prevIndex;
       setFormReady(false);
-    }, [currentStepIndex, visibleSteps]);
+    }, [currentStepIndex]);
     const registerStep = useCallback((stepData) => {
       setSteps((prevSteps) => {
         const existingIndex = prevSteps.findIndex((step) => step.name === stepData.name);
@@ -426,31 +439,33 @@ const WmWizardComponent = memo(
     }, [onCancel, steps]);
     const gotoStep = useCallback(
       (step) => {
+        const currentSteps = stepsRef.current;
+        const currentVisibleSteps = visibleStepsRef.current;
         let gotoStepIndex;
         let targetStep = null;
         if (typeof step === "string") {
-          gotoStepIndex = steps.map((s) => s.name).indexOf(step);
+          gotoStepIndex = currentSteps.map((s) => s.name).indexOf(step);
           if (gotoStepIndex === -1) {
             console.error(`Could not find step '${step}'`);
             return;
           }
-          targetStep = steps[gotoStepIndex];
+          targetStep = currentSteps[gotoStepIndex];
         } else if (typeof step === "number" && step >= 0) {
           gotoStepIndex = step;
-          targetStep = getStepByIndex(step, visibleSteps);
+          targetStep = getStepByIndex(step, currentVisibleSteps);
         } else {
           console.error("Invalid step name or index provided");
           return;
         }
         if (targetStep == null ? void 0 : targetStep.show) {
-          const visIndex = visibleSteps.findIndex((s) => s.name === (targetStep == null ? void 0 : targetStep.name));
+          const visIndex = currentVisibleSteps.findIndex((s) => s.name === (targetStep == null ? void 0 : targetStep.name));
           if (visIndex >= 0) navIndexRef.current = visIndex;
-          onStepHeaderClick({}, targetStep);
+          activateStep(targetStep);
         } else {
           console.error("The gotoStep function cannot navigate to hidden steps");
         }
       },
-      [steps, visibleSteps, onStepHeaderClick]
+      [activateStep]
     );
     const setDefaultStep = useCallback(
       (step) => {
@@ -547,7 +562,8 @@ const WmWizardComponent = memo(
       currentStepIndex,
       isFirstStep,
       isLastStep,
-      visibleSteps
+      visibleSteps,
+      gotoStep
     ]);
     useEffect(() => {
       updateListener();
@@ -754,7 +770,7 @@ const WmWizardComponent = memo(
                 className: clsx("app-wizard-step-container", {
                   active: step.active
                 }),
-                hidden: !step.active,
+                hidden: !step.active || step.show === false || step.show === "false",
                 name: step.name,
                 children: isInsideOuterForm ? (
                   // Inside outer form - use div, fields/forms pass through to outer form context

package/components/container/wizard/wizard-step/index.d.ts

@@ -19,6 +19,7 @@ declare const _default: import("react").ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/data/card/card-actions/index.d.ts

@@ -23,6 +23,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/data/card/card-content/index.d.ts

@@ -23,6 +23,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -23,6 +23,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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

@@ -46,6 +46,7 @@ declare const _default: React.ComponentType<{
     width?: number | string;
     height?: number | string;
     className?: string;
+    class?: string;
     conditionalstyle?: React.CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

package/components/data/form/base-form/hooks/useFormOperations.d.ts

@@ -10,4 +10,4 @@ import { UseFormOperationsOptions, UseFormOperationsReturn } from "../props";
  * - Save and new / Save and view actions
  * - View mode state management
  */
-export declare function useFormOperations({ formName, formfields, formRef, formReff, formType, fullDataPath, parentFormDataContext, clearFormData, resetFormData, trigger, submit, formProxy, widgetFormType, debouncedFilter, }: UseFormOperationsOptions): UseFormOperationsReturn;
+export declare function useFormOperations({ formName, formfields, formRef, formReff, formType, fullDataPath, parentFormDataContext, clearFormData, resetFormData, trigger, submit, formProxy, widgetFormType, debouncedFilter, onReset, }: UseFormOperationsOptions): UseFormOperationsReturn;

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({
@@ -15,32 +16,26 @@ function useFormOperations({
   submit,
   formProxy,
   widgetFormType,
-  debouncedFilter
+  debouncedFilter,
+  onReset
 }) {
   const hasPrefixedFields = usesPrefixedFields(formType);
   const [showViewMode, setShowViewMode] = useState(false);
   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`] = "";
       }
     });
@@ -59,6 +54,7 @@ function useFormOperations({
         return (_a = childForm == null ? void 0 : childForm.formreset) == null ? void 0 : _a.call(childForm);
       });
     }
+    onReset == null ? void 0 : onReset();
   }, [
     formName,
     formfields,
@@ -68,7 +64,8 @@ function useFormOperations({
     fullDataPath,
     parentFormDataContext,
     formRef,
-    formReff
+    formReff,
+    onReset
   ]);
   const create = useCallback(() => {
     formreset();

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
@@ -324,7 +325,7 @@ const BaseForm = (WrappedComponent) => {
         e == null ? void 0 : e.preventDefault();
         e == null ? void 0 : e.stopPropagation();
         const transformedData = transformRangeFilterData(data);
-        return livefilterFn(transformedData, false, formfieldsRef.current);
+        return livefilterFn(transformedData, false, formProxy == null ? void 0 : formProxy.formfields);
       }),
       [handleSubmit, livefilterFn]
     );
@@ -333,7 +334,7 @@ const BaseForm = (WrappedComponent) => {
       debouncedFn();
     }, [filter]);
     const {
-      formreset: formresetFn,
+      formreset,
       create,
       edit,
       setFormData,
@@ -355,13 +356,14 @@ const BaseForm = (WrappedComponent) => {
       submit,
       formProxy: formProxy || {},
       widgetFormType: props["form-type"],
-      debouncedFilter
+      debouncedFilter,
+      onReset: props.onReset
     });
     const clearFilter = useMemo(
       () => handleSubmit((data, e) => {
         e == null ? void 0 : e.preventDefault();
         e == null ? void 0 : e.stopPropagation();
-        formresetFn();
+        formreset();
         const transformedData = transformRangeFilterData(data);
         livefilterFn(transformedData, true, formfieldsRef.current);
       }),
@@ -378,9 +380,8 @@ const BaseForm = (WrappedComponent) => {
         return;
       }
       setShowViewMode(true);
-      formresetFn();
-    }, [setShowViewMode, props.cancel, formresetFn]);
-    const getFieldValue = useCallback((fieldName) => watch(fieldName), [watch]);
+      formreset();
+    }, [setShowViewMode, props.cancel, formreset]);
     const highlightInvalidFields = useCallback(async () => {
       await validateFieldsOnSubmit();
     }, [validateFieldsOnSubmit]);
@@ -447,23 +448,20 @@ const BaseForm = (WrappedComponent) => {
         var _a2;
         if (!formName || !formRef.current) return;
         (_a2 = props == null ? void 0 : props.destroy) == null ? void 0 : _a2.call(props, formName);
-        formresetFn();
+        formreset();
       };
     }, []);
     useEffect(() => {
       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 +530,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);
@@ -558,7 +555,7 @@ const BaseForm = (WrappedComponent) => {
       }
       const formId = formIdRef.current;
       parentFormRef.current[formId] = {
-        formreset: formresetFn,
+        formreset,
         validateFieldsOnSubmit
       };
       return () => {
@@ -566,7 +563,7 @@ const BaseForm = (WrappedComponent) => {
           delete parentFormRef.current[formId];
         }
       };
-    }, [parentFormRef, formresetFn, validateFieldsOnSubmit]);
+    }, [parentFormRef, formreset, validateFieldsOnSubmit]);
     const computedFormdata = widgetFormData || childFormData || formdata;
     const ref = useMemo(
       () => ({
@@ -588,7 +585,8 @@ const BaseForm = (WrappedComponent) => {
         showViewMode,
         formdata: computedFormdata,
         submit,
-        formreset: formresetFn
+        formreset,
+        setValue
       }),
       [
         updateFormData,
@@ -608,13 +606,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/props.d.ts

@@ -252,6 +252,7 @@ export interface UseFormOperationsOptions {
     widgetFormType?: string;
     autoupdate?: string;
     debouncedFilter?: () => void;
+    onReset?: () => void;
 }
 export interface UseFormOperationsReturn {
     formreset: () => Promise<void>;

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/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;
@@ -22,6 +22,7 @@ declare const WmFormActionsStandalone: import("react").ComponentType<{
     margin?: string;
     width?: number | string;
     height?: number | string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
@@ -75,7 +76,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;
@@ -98,6 +99,7 @@ declare const _default: import("react").ComponentType<{
     margin?: string;
     width?: number | string;
     height?: number | string;
+    class?: string;
     conditionalstyle?: import("react").CSSProperties;
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];

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;