@openg2p/registry-widgets 1.1.0-dev.8 → 1.1.0-dev.9

package/dist/components/SectionRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionRenderer.d.ts","sourceRoot":"","sources":["../../src/components/SectionRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAyC,MAAM,UAAU,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AA2ClD,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,aAAa,CAAC;IACvB,wBAAwB,CAAC,EAAE,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;IAC5E,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAGjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2GAA2G;IAC3G,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAErE,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,oGAAoG;IACpG,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,uGAAuG;IACvG,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,4FAA4F;IAC5F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,wGAAwG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,0HAA0H;IAC1H,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAI,wZAwB7B,oBAAoB,4CA68CtB,CAAC"}
+{"version":3,"file":"SectionRenderer.d.ts","sourceRoot":"","sources":["../../src/components/SectionRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAyC,MAAM,UAAU,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AA2ClD,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,aAAa,CAAC;IACvB,wBAAwB,CAAC,EAAE,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;IAC5E,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAClC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAGjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2GAA2G;IAC3G,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAErE,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,oGAAoG;IACpG,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,uGAAuG;IACvG,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,4FAA4F;IAC5F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,wGAAwG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,0HAA0H;IAC1H,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAI,wZAwB7B,oBAAoB,4CAm9CtB,CAAC"}

package/dist/components/SectionsContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionsContainer.d.ts","sourceRoot":"","sources":["../../src/components/SectionsContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOpE,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,QAAQ,GAAG,YAAY,CAAC;AAEnE,uHAAuH;AACvH,MAAM,WAAW,kBAAkB;IACjC,qEAAqE;IACrE,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7B,qEAAqE;IACrE,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,qFAAqF;IACrF,kBAAkB,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAClD;;;OAGG;IACD,iBAAiB,IAAI,cAAc,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,wGAAwG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAEpE,wHAAwH;IACxH,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE,0JAA0J;IAC1J,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACpD;AAoFD;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,yMAa/B,sBAAsB,4CAwSxB,CAAC"}
+{"version":3,"file":"SectionsContainer.d.ts","sourceRoot":"","sources":["../../src/components/SectionsContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOpE,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,QAAQ,GAAG,YAAY,CAAC;AAEnE,uHAAuH;AACvH,MAAM,WAAW,kBAAkB;IACjC,qEAAqE;IACrE,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7B,qEAAqE;IACrE,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,qFAAqF;IACrF,kBAAkB,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAClD;;;OAGG;IACD,iBAAiB,IAAI,cAAc,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,wGAAwG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAEpE,wHAAwH;IACxH,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE,0JAA0J;IAC1J,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACpD;AAoFD;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAAI,yMAa/B,sBAAsB,4CA4TxB,CAAC"}

package/dist/index.d.ts

@@ -1523,9 +1523,13 @@ declare const getWidgetValue: (values: Record<string, any>, dataPath: string | R
 declare const setWidgetValue: (currentValues: Record<string, any>, dataPath: string | Record<string, string> | undefined, widgetId: string, value: any) => Record<string, any>;
 
 /**
- * Validate value against validation rules
+ * Validate value against validation rules.
+ *
+ * @param skipRequired - When true, required-field checks are skipped (used by
+ *   per-section Save/Next buttons so the user can move between sections without
+ *   filling every mandatory field; only format/range checks still run).
  */
-declare const validateWidget: (value: any, validation: WidgetValidation | undefined, required?: boolean) => string[];
+declare const validateWidget: (value: any, validation: WidgetValidation | undefined, required?: boolean, skipRequired?: boolean) => string[];
 /**
  * Create Zod schema from validation config
  */

package/dist/index.esm.js

@@ -245,24 +245,27 @@ const getValidationPattern = (validationType) => {
 };
 
 /**
- * Validate value against validation rules
+ * Validate value against validation rules.
+ *
+ * @param skipRequired - When true, required-field checks are skipped (used by
+ *   per-section Save/Next buttons so the user can move between sections without
+ *   filling every mandatory field; only format/range checks still run).
  */
-const validateWidget = (value, validation, required = false) => {
+const validateWidget = (value, validation, required = false, skipRequired = false) => {
     const errors = [];
     if (!validation && !required) {
         return errors;
     }
-    // Check required
-    const isRequired = validation?.required ?? required;
+    // Check required (skipped when navigating between sections)
+    const isRequired = !skipRequired && (validation?.required ?? required);
     // For boolean, false is a valid value, so only check for null/undefined/empty string
     const isEmpty = value === null || value === undefined || value === '';
     if (isRequired && isEmpty) {
         errors.push('This field is required');
         return errors; // Return early if required field is empty
     }
-    // Skip other validations if value is empty and not required
-    // Note: For boolean, false is a valid value, so we only skip if truly empty
-    if (isEmpty && !isRequired) {
+    // Skip format/range validations if value is empty
+    if (isEmpty) {
         return errors;
     }
     if (!validation) {
@@ -3806,7 +3809,15 @@ const collectWidgets = (panels) => {
     });
     return widgets;
 };
-const sectionValidate = (section, currentSchemaData, dispatch) => {
+/**
+ * Validate all widgets in a section and dispatch errors to the store.
+ *
+ * @param skipRequired - When true, required-field checks (widget-required,
+ *   validation.required, document-required) are skipped. Use this for
+ *   per-section Save/Next navigation so the user can advance without filling
+ *   every mandatory field; only format/range errors are reported.
+ */
+const sectionValidate = (section, currentSchemaData, dispatch, skipRequired = false) => {
     const allWidgets = collectWidgets(section.panels);
     let isValid = true;
     for (const widget of allWidgets) {
@@ -3815,7 +3826,7 @@ const sectionValidate = (section, currentSchemaData, dispatch) => {
             continue;
         const widgetId = widget['widget-id'];
         const value = getWidgetValue(currentSchemaData, widget['widget-data-path'], widgetId);
-        const errors = validateWidget(value, widget['widget-data-validation'], widget['widget-required']);
+        const errors = validateWidget(value, widget['widget-data-validation'], widget['widget-required'], skipRequired);
         if (errors.length > 0) {
             isValid = false;
             dispatch(setTouched({ widgetId, touched: true }));
@@ -3826,10 +3837,10 @@ const sectionValidate = (section, currentSchemaData, dispatch) => {
             dispatch(setError({ widgetId, errors: [] }));
         }
     }
-    // Supporting Documents
+    // Supporting Documents — only check required when not skipping required validation
     section['section-supporting-documents']?.forEach((doc, index) => {
         const widgetId = `supporting-doc-${section['section-id']}-${index}`;
-        if (doc['document-required']) {
+        if (!skipRequired && doc['document-required']) {
             const file = getValueByPath(currentSchemaData, doc['document-data-path']);
             if (!file) {
                 isValid = false;
@@ -4464,7 +4475,7 @@ const SectionRenderer = ({ section, dataSourceRequestHandler: propDataSourceRequ
         const sectionWidgets = collectWidgets(originalSection.panels);
         const currentState = store.getState().widget;
         const currentSchemaData = currentState.values || {};
-        const isSectionValid = sectionValidate(originalSection, currentSchemaData, dispatch);
+        const isSectionValid = sectionValidate(originalSection, currentSchemaData, dispatch, true);
         if (!isSectionValid) {
             return;
         }
@@ -4530,7 +4541,7 @@ const SectionRenderer = ({ section, dataSourceRequestHandler: propDataSourceRequ
             const sectionWidgets = collectWidgets(originalSection.panels);
             const currentState = store.getState().widget;
             const currentSchemaData = currentState.values || {};
-            const isSectionValid = sectionValidate(originalSection, currentSchemaData, dispatch);
+            const isSectionValid = sectionValidate(originalSection, currentSchemaData, dispatch, true);
             if (!isSectionValid)
                 return;
             const oldSchemaData = schemaData || contextSchemaData;
@@ -5164,6 +5175,10 @@ const SectionsContainer = ({ sections, dataSourceRequestHandler: propDataSourceR
     // Stable ref for namespace so formHandle useMemo doesn't depend on the (possibly inline) function identity
     const namespaceRef = useRef(namespace);
     namespaceRef.current = namespace;
+    // Stable refs so formHandle closure can access current mode and accordion setter without stale captures
+    const modeRef = useRef(mode);
+    modeRef.current = mode;
+    const setExpandedSectionIndexRef = useRef(setExpandedSectionIndex);
     // Track dirty (unsaved changes) per section for form handle validation
     const sectionDirtyMapRef = useRef({});
     const handleSectionDirtyChange = useCallback((sectionId, isDirty) => {
@@ -5225,33 +5240,52 @@ const SectionsContainer = ({ sections, dataSourceRequestHandler: propDataSourceR
         };
         return {
             validate: async () => {
-                checkNoUnsavedChanges();
+                if (modeRef.current !== 'IntakeForm')
+                    checkNoUnsavedChanges();
                 const values = getValues();
                 let allValid = true;
+                let firstInvalidIndex = null;
                 for (let i = 0; i < safeSections.length; i++) {
                     const section = safeSections[i];
                     const ns = getNamespace(section, i);
                     const sectionToValidate = ns ? namespaceSectionConfig(section, ns) : section;
                     const valid = sectionValidate(sectionToValidate, values, dispatch);
-                    if (!valid)
+                    if (!valid) {
+                        if (firstInvalidIndex === null)
+                            firstInvalidIndex = i;
                         allValid = false;
+                    }
+                }
+                if (!allValid && modeRef.current === 'IntakeForm' && firstInvalidIndex !== null) {
+                    setExpandedSectionIndexRef.current(firstInvalidIndex);
                 }
                 return allValid;
             },
             getFormData: () => getValues(),
             validateAndGetData: async () => {
-                checkNoUnsavedChanges();
+                if (modeRef.current !== 'IntakeForm')
+                    checkNoUnsavedChanges();
                 const values = getValues();
                 const results = [];
+                let firstInvalidIndex = null;
                 for (let i = 0; i < safeSections.length; i++) {
                     const section = safeSections[i];
                     const ns = getNamespace(section, i);
                     const sectionToValidate = ns ? namespaceSectionConfig(section, ns) : section;
                     const valid = sectionValidate(sectionToValidate, values, dispatch);
                     if (!valid) {
-                        throw new Error('Validation failed');
+                        if (firstInvalidIndex === null)
+                            firstInvalidIndex = i;
                     }
-                    results.push(buildSectionChanges(section, values, ns));
+                    else {
+                        results.push(buildSectionChanges(section, values, ns));
+                    }
+                }
+                if (firstInvalidIndex !== null) {
+                    if (modeRef.current === 'IntakeForm') {
+                        setExpandedSectionIndexRef.current(firstInvalidIndex);
+                    }
+                    throw new Error('Validation failed. Please fix the errors and try again.');
                 }
                 return results;
             },