@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

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

@@ -1,65 +1,49 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useParentFormData = exports.useIsViewMode = exports.useFormRef = exports.useFormContext = exports["default"] = exports.ParentFormDataContext = exports.FormProvider = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var FormContext = /*#__PURE__*/(0, _react.createContext)(null);
-
-/**
- * ParentFormDataContext provides instance-specific form data to child forms.
- *
- * This solves the problem where multiple instances of the same form exist inside
- * a list (e.g., DeptEmpContactForm2 at index 0, 1, 2). The shared Widgets proxy
- * (Widgets["DeptEmpContactForm2"].formdata) is contaminated across instances.
- *
- * With this context, each form instance provides its own formdata, and child forms
- * consume from the nearest parent provider - naturally scoping to the correct instance.
- *
- * Additionally, this context provides the ROOT parent form name and current data path
- * so that deeply nested forms can emit data updates directly to the root form using
- * the full data path (e.g., "employeeDetailses[0].emergencyContact").
- */
-/** Data for registering a child form field in the parent's widget context */
-
-/**
- * Origin of the last data update - used to prevent circular sync.
- * - 'external': Data came from props, widget assignment, or API
- * - 'child': Data came from a child form's onChildDataChange
- */
-
-var ParentFormDataContext = exports.ParentFormDataContext = /*#__PURE__*/(0, _react.createContext)(null);
-var useParentFormData = exports.useParentFormData = function useParentFormData() {
-  return (0, _react.useContext)(ParentFormDataContext);
+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 FormProvider = exports.FormProvider = function FormProvider(_ref) {
-  var value = _ref.value,
-    isViewMode = _ref.isViewMode,
-    children = _ref.children;
-  return __jsx(FormContext.Provider, {
-    value: _objectSpread(_objectSpread({}, value), {}, {
-      isViewMode: isViewMode
-    })
-  }, children);
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } 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 });
 };
-var useFormContext = exports.useFormContext = function useFormContext() {
-  var context = (0, _react.useContext)(FormContext);
+const useFormContext = () => {
+  const context = useContext(FormContext);
   return context;
 };
-var useIsViewMode = exports.useIsViewMode = function useIsViewMode() {
-  var context = useFormContext();
-  return context === null || context === void 0 ? void 0 : context.isViewMode;
+const useIsViewMode = () => {
+  const context = useFormContext();
+  return context == null ? void 0 : context.isViewMode;
 };
-var useFormRef = exports.useFormRef = function useFormRef() {
-  var _useContext$ref, _useContext;
-  return (_useContext$ref = (_useContext = (0, _react.useContext)(FormContext)) === null || _useContext === void 0 ? void 0 : _useContext.ref) !== null && _useContext$ref !== void 0 ? _useContext$ref : null;
+const useFormRef = () => {
+  var _a, _b;
+  return (_b = (_a = useContext(FormContext)) == null ? void 0 : _a.ref) != null ? _b : null;
+};
+var form_context_default = FormContext;
+export {
+  FormProvider,
+  ParentFormDataContext,
+  form_context_default as default,
+  useFormContext,
+  useFormRef,
+  useIsViewMode,
+  useParentFormData
 };
-var _default = exports["default"] = FormContext;

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

@@ -1,56 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useValidationRules = exports.useHTMLValidationProps = exports.useFormRegistration = exports.useExternalDataSync = exports.useDefaultValueSync = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = require("react");
-var _validationContrustor = require("../validation-contrustor");
-// Custom hooks for better separation of concerns
-var useFormRegistration = exports.useFormRegistration = function useFormRegistration(name, fieldProxy, contextFormRef) {
-  var hasRegisteredRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(function () {
-    if (contextFormRef !== null && contextFormRef !== void 0 && contextFormRef.registerFormWidget && fieldProxy && !hasRegisteredRef.current) {
+import { useRef, useEffect, useMemo } from "react";
+import { createValidationRules } from "../validation-contrustor";
+const useFormRegistration = (name, fieldProxy, contextFormRef) => {
+  const hasRegisteredRef = useRef(false);
+  useEffect(() => {
+    if ((contextFormRef == null ? void 0 : contextFormRef.registerFormWidget) && fieldProxy && !hasRegisteredRef.current) {
       contextFormRef.registerFormWidget(name, fieldProxy);
       hasRegisteredRef.current = true;
     }
   }, [fieldProxy, name, contextFormRef]);
 };
-var useExternalDataSync = exports.useExternalDataSync = function useExternalDataSync(datavalue, fieldRef) {
-  (0, _react.useEffect)(function () {
-    if (fieldRef.current && datavalue !== undefined) {
-      var currentValue = fieldRef.current.value;
+const useExternalDataSync = (datavalue, fieldRef) => {
+  useEffect(() => {
+    if (fieldRef.current && datavalue !== void 0) {
+      const currentValue = fieldRef.current.value;
       if (currentValue !== datavalue) {
         fieldRef.current.onChange(datavalue);
       }
     }
   }, [datavalue]);
 };
-var useDefaultValueSync = exports.useDefaultValueSync = function useDefaultValueSync(defaultvalue, datavalue, fieldRef) {
-  var hasInitializedRef = (0, _react.useRef)(false);
-  var prevDefaultValueRef = (0, _react.useRef)(defaultvalue);
-  (0, _react.useEffect)(function () {
+const useDefaultValueSync = (defaultvalue, datavalue, fieldRef) => {
+  const hasInitializedRef = useRef(false);
+  const prevDefaultValueRef = useRef(defaultvalue);
+  useEffect(() => {
     if (!fieldRef.current) return;
-
-    // Initial sync: only when datavalue is undefined and we haven't initialized yet
-    if (!hasInitializedRef.current && defaultvalue !== undefined && datavalue === undefined) {
-      var currentValue = fieldRef.current.value;
-      if (currentValue === undefined || currentValue === null || currentValue === "") {
+    if (!hasInitializedRef.current && defaultvalue !== void 0 && datavalue === void 0) {
+      const currentValue = fieldRef.current.value;
+      if (currentValue === void 0 || currentValue === null || currentValue === "") {
         fieldRef.current.onChange(defaultvalue);
         hasInitializedRef.current = true;
       }
       prevDefaultValueRef.current = defaultvalue;
       return;
     }
-
-    // Dynamic defaultvalue sync: when defaultvalue prop changes (e.g. conditional default from toggle)
-    // React Hook Form's Controller uses defaultValue only at registration; we must sync on prop change
     if (prevDefaultValueRef.current !== defaultvalue) {
-      var _currentValue = fieldRef.current.value;
-      // Only update if current value matches previous default - user hasn't typed something different
-      var valueWasFromDefault = _currentValue === prevDefaultValueRef.current || prevDefaultValueRef.current === "" && (_currentValue === undefined || _currentValue === null || _currentValue === "");
+      const currentValue = fieldRef.current.value;
+      const valueWasFromDefault = currentValue === prevDefaultValueRef.current || prevDefaultValueRef.current === "" && (currentValue === void 0 || currentValue === null || currentValue === "");
       if (valueWasFromDefault) {
         fieldRef.current.onChange(defaultvalue);
       }
@@ -58,16 +43,12 @@ var useDefaultValueSync = exports.useDefaultValueSync = function useDefaultValue
     }
   }, [defaultvalue, datavalue]);
 };
-var useValidationRules = exports.useValidationRules = function useValidationRules(validationType, validators, asyncValidators, required, maxchars, regexp, validationmessage, minvalue, maxvalue, form, customValidationMsg) {
+const useValidationRules = (validationType, validators, asyncValidators, required, maxchars, regexp, validationmessage, minvalue, maxvalue, form, customValidationMsg) => {
   if (validationType === "none") {
     return {};
   }
-  var combinedValidators = [].concat((0, _toConsumableArray2["default"])(validators || []), (0, _toConsumableArray2["default"])(asyncValidators || []));
-  var hasValidatorType = function hasValidatorType(type) {
-    return validators === null || validators === void 0 ? void 0 : validators.some(function (v) {
-      return typeof v !== "function" && v.type === type;
-    });
-  };
+  const combinedValidators = [...validators || [], ...asyncValidators || []];
+  const hasValidatorType = (type) => validators == null ? void 0 : validators.some((v) => typeof v !== "function" && v.type === type);
   if (required && !hasValidatorType("required")) {
     combinedValidators.push({
       type: "required",
@@ -75,27 +56,27 @@ var useValidationRules = exports.useValidationRules = function useValidationRule
       errorMessage: validationmessage || "This field is required"
     });
   }
-  if (maxchars !== undefined) {
+  if (maxchars !== void 0) {
     combinedValidators.push({
       type: "maxchars",
       validator: maxchars,
-      errorMessage: validationmessage || "Maximum length is ".concat(maxchars, " characters.")
+      errorMessage: validationmessage || `Maximum length is ${maxchars} characters.`
     });
   }
-  var normalizedMin = minvalue !== undefined && minvalue !== null && minvalue !== "" ? Number(minvalue) : undefined;
-  var normalizedMax = maxvalue !== undefined && maxvalue !== null && maxvalue !== "" ? Number(maxvalue) : undefined;
-  if (normalizedMin !== undefined && !Number.isNaN(normalizedMin)) {
+  const normalizedMin = minvalue !== void 0 && minvalue !== null && minvalue !== "" ? Number(minvalue) : void 0;
+  const normalizedMax = maxvalue !== void 0 && maxvalue !== null && maxvalue !== "" ? Number(maxvalue) : void 0;
+  if (normalizedMin !== void 0 && !Number.isNaN(normalizedMin)) {
     combinedValidators.push({
       type: "minvalue",
       validator: normalizedMin,
-      errorMessage: validationmessage || "Value must be greater than or equal to ".concat(normalizedMin, ".")
+      errorMessage: validationmessage || `Value must be greater than or equal to ${normalizedMin}.`
     });
   }
-  if (normalizedMax !== undefined && !Number.isNaN(normalizedMax)) {
+  if (normalizedMax !== void 0 && !Number.isNaN(normalizedMax)) {
     combinedValidators.push({
       type: "maxvalue",
       validator: normalizedMax,
-      errorMessage: validationmessage || "Value must be less than or equal to ".concat(normalizedMax, ".")
+      errorMessage: validationmessage || `Value must be less than or equal to ${normalizedMax}.`
     });
   }
   if (regexp) {
@@ -106,18 +87,16 @@ var useValidationRules = exports.useValidationRules = function useValidationRule
     });
   }
   if (customValidationMsg) {
-    combinedValidators.push(function () {
-      return customValidationMsg;
-    });
+    combinedValidators.push((() => customValidationMsg));
   }
-  return (0, _validationContrustor.createValidationRules)(combinedValidators, form);
+  return createValidationRules(combinedValidators, form);
 };
-var useHTMLValidationProps = exports.useHTMLValidationProps = function useHTMLValidationProps(validationType, required, maxchars, regexp) {
-  return (0, _react.useMemo)(function () {
+const useHTMLValidationProps = (validationType, required, maxchars, regexp) => {
+  return useMemo(() => {
     if (validationType !== "html") {
       return {};
     }
-    var htmlProps = {};
+    const htmlProps = {};
     if (required) {
       htmlProps.required = true;
     }
@@ -129,4 +108,11 @@ var useHTMLValidationProps = exports.useHTMLValidationProps = function useHTMLVa
     }
     return htmlProps;
   }, [validationType, required, maxchars, regexp]);
-};
+};
+export {
+  useDefaultValueSync,
+  useExternalDataSync,
+  useFormRegistration,
+  useHTMLValidationProps,
+  useValidationRules
+};

package/components/data/form/form-controller/props.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VALIDATOR = void 0;
-var VALIDATOR = exports.VALIDATOR = {
+const VALIDATOR = {
   REQUIRED: "required",
   MAXCHARS: "maxchars",
   MINVALUE: "minvalue",
@@ -16,4 +10,7 @@ var VALIDATOR = exports.VALIDATOR = {
   MAXTIME: "maxtime",
   EXCLUDEDATES: "excludedates",
   EXCLUDEDAYS: "excludedays"
-};
+};
+export {
+  VALIDATOR
+};

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

@@ -1,30 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractDynamicValidationProps = extractDynamicValidationProps;
-exports.shouldShowErrorMessage = exports.processFieldValue = exports.getErrorState = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-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; }
+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));
 function resolveValue(value) {
-  if (value === null || value === undefined) return undefined;
+  if (value === null || value === void 0) return void 0;
   if (typeof value === "function") {
     try {
-      var resolved = value();
-      return resolved === null ? undefined : resolved;
+      const resolved = value();
+      return resolved === null ? void 0 : resolved;
     } catch (error) {
       console.warn("Error resolving function value:", error);
-      return undefined;
+      return void 0;
     }
   }
-  return value === null ? undefined : value;
+  return value === null ? void 0 : value;
 }
 function extractDynamicValidationProps(validators, rules) {
-  var result = {
+  const result = {
     required: rules.required,
     maxchars: rules.maxchars,
     regexp: rules.regexp,
@@ -37,8 +44,8 @@ function extractDynamicValidationProps(validators, rules) {
     mindate: rules.mindate,
     maxdate: rules.maxdate
   };
-  if (!(validators !== null && validators !== void 0 && validators.length)) return result;
-  validators.forEach(function (validator) {
+  if (!(validators == null ? void 0 : validators.length)) return result;
+  validators.forEach((validator) => {
     if (typeof validator === "function") return;
     switch (validator.type) {
       case "required":
@@ -48,7 +55,9 @@ function extractDynamicValidationProps(validators, rules) {
         result.maxchars = resolveValue(validator.validator);
         break;
       case "regexp":
-        result.regexp = resolveValue(validator.validator);
+        result.regexp = resolveValue(
+          validator.validator
+        );
         break;
       case "minvalue":
         result.minvalue = resolveValue(validator.validator);
@@ -60,76 +69,72 @@ function extractDynamicValidationProps(validators, rules) {
         result.excludedays = resolveValue(validator.validator);
         break;
       case "excludedates":
-        // Extract excludedates from validators
-        result.excludedates = resolveValue(validator.validator);
+        result.excludedates = resolveValue(
+          validator.validator
+        );
         break;
       case "mintime":
-        // Extract mintime from validators
         result.mintime = resolveValue(validator.validator);
         break;
       case "maxtime":
-        // Extract maxtime from validators
         result.maxtime = resolveValue(validator.validator);
         break;
       case "mindate":
-        // Extract mindate from validators
         result.mindate = resolveValue(validator.validator);
         break;
       case "maxdate":
-        // Extract maxdate from validators
         result.maxdate = resolveValue(validator.validator);
         break;
     }
   });
-
-  // Convert excludedays from array to string format if it's an array (for widgets that expect string)
-  if (result.excludedays !== undefined && Array.isArray(result.excludedays)) {
+  if (result.excludedays !== void 0 && Array.isArray(result.excludedays)) {
     result.excludedays = result.excludedays.join(",");
   }
   return result;
 }
-
-// Utility functions
-var processFieldValue = exports.processFieldValue = function processFieldValue(fieldValue, type, datafield) {
-  // If fieldValue is an object and datafield is specified, extract the value
-  if (fieldValue && (0, _typeof2["default"])(fieldValue) === "object" && !Array.isArray(fieldValue) && datafield) {
+const processFieldValue = (fieldValue, type, datafield) => {
+  if (fieldValue && typeof fieldValue === "object" && !Array.isArray(fieldValue) && datafield) {
     fieldValue = datafield === "All Fields" ? fieldValue : fieldValue[datafield];
   }
   if (type === "number") {
-    return fieldValue === "" || fieldValue === null || fieldValue === undefined ? "" : fieldValue;
+    return fieldValue === "" || fieldValue === null || fieldValue === void 0 ? "" : fieldValue;
   }
   return fieldValue;
 };
-var getErrorState = exports.getErrorState = function getErrorState(fieldState, validationType, touched) {
+const getErrorState = (fieldState, validationType, touched) => {
   switch (validationType) {
     case "default":
       return {
         error: touched && !!fieldState.error,
-        errorMessage: touched && fieldState.error ? fieldState.error.message : undefined,
-        fieldState: fieldState
+        errorMessage: touched && fieldState.error ? fieldState.error.message : void 0,
+        fieldState
       };
     case "html":
       return {
         error: touched && !!fieldState.error,
-        errorMessage: touched && fieldState.error ? fieldState.error.message : undefined,
-        fieldState: fieldState
+        errorMessage: touched && fieldState.error ? fieldState.error.message : void 0,
+        fieldState
       };
     case "none":
       return {
         error: false,
-        errorMessage: undefined,
-        fieldState: _objectSpread(_objectSpread({}, fieldState), {}, {
-          error: undefined
-        })
+        errorMessage: void 0,
+        fieldState: __spreadProps(__spreadValues({}, fieldState), { error: void 0 })
       };
     default:
       return {
         error: false,
-        errorMessage: undefined,
-        fieldState: undefined
+        errorMessage: void 0,
+        fieldState: void 0
       };
   }
 };
-var shouldShowErrorMessage = exports.shouldShowErrorMessage = function shouldShowErrorMessage(validationType, fieldState, touched) {
+const shouldShowErrorMessage = (validationType, fieldState, touched) => {
   return validationType !== "none" && (validationType === "default" && fieldState.error || validationType === "html" && fieldState.error);
-};
+};
+export {
+  extractDynamicValidationProps,
+  getErrorState,
+  processFieldValue,
+  shouldShowErrorMessage
+};