@oneblink/apps-react 13.0.0-beta.3 → 13.0.0-beta.5

package/dist/form-elements/FormElementForm.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import OneBlinkFormElements from '../components/renderer/OneBlinkFormElements';
 import ElementDOMId from '../utils/elementDOMIds';
 function FormElementForm({ formId, element, readOnly, childrenReadOnly, readOnlyOverrideChildren, value, id, formElementValidation, displayValidationMessages, formElementConditionallyShown, onChange, onLookup, onUpdateFormElements, sectionState, }) {
-    const handleNestedChange = React.useCallback((nestedElement, { value: nestedElementValue, executedLookups: nestedExecutedLookups, sectionState, }, idPrefix) => {
+    const handleNestedChange = React.useCallback((nestedElement, { value: nestedElementValue, executedLookups: nestedExecutedLookups, sectionState, isDerivedChange, }, idPrefix) => {
         if (nestedElement.type === 'section') {
             // trigger onChange to update sectionState
             onChange({
@@ -33,9 +33,10 @@ function FormElementForm({ formId, element, readOnly, childrenReadOnly, readOnly
                 };
             },
             sectionState,
+            isDerivedChange,
         });
     }, [element, onChange]);
-    const handleLookup = React.useCallback((mergeLookupResults) => {
+    const handleLookup = React.useCallback((mergeLookupResults, options) => {
         onLookup((currentFormSubmission) => {
             var _a;
             let model = currentFormSubmission.submission[element.name];
@@ -74,7 +75,7 @@ function FormElementForm({ formId, element, readOnly, childrenReadOnly, readOnly
                 },
                 sectionState: currentFormSubmission.sectionState,
             };
-        });
+        }, options);
     }, [element.name, onLookup]);
     const validation = React.useMemo(() => {
         return !!formElementValidation &&

package/dist/form-elements/FormElementForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementForm.js","sourceRoot":"","sources":["../../src/form-elements/FormElementForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport OneBlinkFormElements from '../components/renderer/OneBlinkFormElements'\nimport {\n  ExecutedLookups,\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementValidation,\n  NestedFormElementValueChangeHandler,\n  SectionState,\n  UpdateFormElementsHandler,\n} from '../types/form'\nimport ElementDOMId from '../utils/elementDOMIds'\n\nexport type Props = {\n  formId: number\n  id: string\n  element: FormTypes.FormFormElement\n  /**\n   * Whether this nested form is locked for the current audience or inherited\n   * read-only state. Used as `readOnlyOverride` for synthetic children when\n   * `readOnlyOverrideChildren` is set. Nested fields do not inherit this\n   * value as a blanket lock so an `ALL_STEPS` child can stay editable.\n   */\n  readOnly: boolean\n  /**\n   * Lock to apply to nested fields (`OneBlinkFormElements.readOnly` /\n   * `parentReadOnly`). True when the whole form is read-only, a parent is\n   * read-only, or this element’s definition has `readOnly: true`. Does not\n   * include this nested form’s audience lock.\n   */\n  childrenReadOnly: boolean\n  /**\n   * When true, nested fields use this element’s `readOnly` (including\n   * audience lock) as `readOnlyOverride` instead of calculating their own.\n   * Used by Civica name records and Freshdesk dependent fields.\n   */\n  readOnlyOverrideChildren?: boolean\n  value: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  onChange: NestedFormElementValueChangeHandler<\n    SubmissionTypes.S3SubmissionData['submission']\n  >\n  onLookup: FormElementLookupHandler\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessages: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  onUpdateFormElements: UpdateFormElementsHandler\n  sectionState: SectionState\n}\n\nfunction FormElementForm({\n  formId,\n  element,\n  readOnly,\n  childrenReadOnly,\n  readOnlyOverrideChildren,\n  value,\n  id,\n  formElementValidation,\n  displayValidationMessages,\n  formElementConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  sectionState,\n}: Props) {\n  const handleNestedChange = React.useCallback(\n    (\n      nestedElement: FormTypes.FormElement,\n      {\n        value: nestedElementValue,\n        executedLookups: nestedExecutedLookups,\n        sectionState,\n      }: Parameters<NestedFormElementValueChangeHandler>[1],\n      idPrefix?: string,\n    ) => {\n      if (nestedElement.type === 'section') {\n        // trigger onChange to update sectionState\n        onChange(\n          {\n            ...nestedElement,\n            id: idPrefix ? `${idPrefix}${nestedElement.id}` : nestedElement.id,\n          },\n          { executedLookups: undefined, sectionState },\n        )\n      }\n      if (!('name' in nestedElement)) return\n      onChange(element, {\n        value: (existingValue) => ({\n          ...existingValue,\n          [nestedElement.name]:\n            typeof nestedElementValue === 'function'\n              ? nestedElementValue(\n                  existingValue ? existingValue[nestedElement.name] : undefined,\n                )\n              : nestedElementValue,\n        }),\n        executedLookups: (existingExecutedLookups) => {\n          if (\n            typeof existingExecutedLookups === 'boolean' ||\n            Array.isArray(existingExecutedLookups)\n          ) {\n            return {}\n          }\n          return {\n            ...existingExecutedLookups,\n            [nestedElement.name]:\n              typeof nestedExecutedLookups === 'function'\n                ? nestedExecutedLookups(\n                    existingExecutedLookups?.[\n                      nestedElement.name\n                    ] as ExecutedLookups,\n                  )\n                : nestedExecutedLookups,\n          }\n        },\n        sectionState,\n      })\n    },\n    [element, onChange],\n  )\n\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      onLookup((currentFormSubmission) => {\n        let model = currentFormSubmission.submission[\n          element.name\n        ] as SubmissionTypes.S3SubmissionData['submission']\n        let newExecutedLookups = currentFormSubmission.executedLookups?.[\n          element.name\n        ] as ExecutedLookups\n\n        const elements = currentFormSubmission.elements.map((formElement) => {\n          if (\n            formElement.type === 'form' &&\n            formElement.name === element.name &&\n            Array.isArray(formElement.elements)\n          ) {\n            const { elements, submission, executedLookups } =\n              mergeLookupResults({\n                elements: formElement.elements,\n                submission: model,\n                lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                executedLookups: newExecutedLookups,\n                sectionState: currentFormSubmission.sectionState,\n              })\n            model = submission\n            newExecutedLookups = executedLookups as ExecutedLookups\n            return {\n              ...formElement,\n              elements,\n            }\n          }\n          return formElement\n        })\n\n        const submission = {\n          ...currentFormSubmission.submission,\n          [element.name]: model,\n        }\n\n        return {\n          elements,\n          submission,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: {\n            ...currentFormSubmission.executedLookups,\n            [element.name]: newExecutedLookups,\n          },\n          sectionState: currentFormSubmission.sectionState,\n        }\n      })\n    },\n    [element.name, onLookup],\n  )\n\n  const validation = React.useMemo(() => {\n    return !!formElementValidation &&\n      typeof formElementValidation !== 'string' &&\n      formElementValidation.type === 'formElements'\n      ? formElementValidation.formElements\n      : undefined\n  }, [formElementValidation])\n\n  const formElementsConditionallyShown = React.useMemo(() => {\n    return formElementConditionallyShown &&\n      formElementConditionallyShown.type === 'formElements'\n      ? formElementConditionallyShown.formElements\n      : undefined\n  }, [formElementConditionallyShown])\n\n  const parentElement = React.useMemo(\n    () => ({\n      elements: Array.isArray(element.elements) ? element.elements : [],\n    }),\n    [element.elements],\n  )\n\n  const handleUpdateNestedFormElements =\n    React.useCallback<UpdateFormElementsHandler>(\n      (setter) => {\n        onUpdateFormElements((formElements) => {\n          return formElements.map((formElement) => {\n            if (\n              formElement.id === element.id &&\n              formElement.type === 'form' &&\n              Array.isArray(formElement.elements)\n            ) {\n              return {\n                ...formElement,\n                elements: setter(formElement.elements),\n              }\n            }\n            return formElement\n          })\n        })\n      },\n      [element.id, onUpdateFormElements],\n    )\n\n  const elementDOMId = React.useMemo(() => new ElementDOMId(id), [id])\n\n  return (\n    <OneBlinkFormElements\n      formId={formId}\n      formElementsValidation={validation}\n      displayValidationMessages={displayValidationMessages}\n      elements={parentElement.elements}\n      onChange={handleNestedChange}\n      onLookup={handleLookup}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n      model={value || {}}\n      parentElement={parentElement}\n      readOnly={childrenReadOnly}\n      readOnlyOverride={readOnlyOverrideChildren ? readOnly : undefined}\n      idPrefix={elementDOMId.subFormDOMIdPrefix}\n      onUpdateFormElements={handleUpdateNestedFormElements}\n      sectionState={sectionState}\n    />\n  )\n}\n\nexport default React.memo(FormElementForm)\n"]}
+{"version":3,"file":"FormElementForm.js","sourceRoot":"","sources":["../../src/form-elements/FormElementForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport OneBlinkFormElements from '../components/renderer/OneBlinkFormElements'\nimport {\n  ExecutedLookups,\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementValidation,\n  NestedFormElementValueChangeHandler,\n  SectionState,\n  UpdateFormElementsHandler,\n} from '../types/form'\nimport ElementDOMId from '../utils/elementDOMIds'\n\nexport type Props = {\n  formId: number\n  id: string\n  element: FormTypes.FormFormElement\n  /**\n   * Whether this nested form is locked. Used as `readOnlyOverride` for\n   * synthetic children when `readOnlyOverrideChildren` is set. Nested fields do\n   * not inherit this value as a blanket lock so a child included in\n   * `editableFormElementIds` can stay editable.\n   */\n  readOnly: boolean\n  /**\n   * Lock to apply to nested fields (`OneBlinkFormElements.readOnly` /\n   * `parentReadOnly`). True when the whole form is read-only, a parent is\n   * read-only, or this element’s definition has `readOnly: true`.\n   */\n  childrenReadOnly: boolean\n  /**\n   * When true, nested fields use this element’s `readOnly` as\n   * `readOnlyOverride` instead of calculating their own. Used by Civica name\n   * records and Freshdesk dependent fields.\n   */\n  readOnlyOverrideChildren?: boolean\n  value: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  onChange: NestedFormElementValueChangeHandler<\n    SubmissionTypes.S3SubmissionData['submission']\n  >\n  onLookup: FormElementLookupHandler\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessages: boolean\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  onUpdateFormElements: UpdateFormElementsHandler\n  sectionState: SectionState\n}\n\nfunction FormElementForm({\n  formId,\n  element,\n  readOnly,\n  childrenReadOnly,\n  readOnlyOverrideChildren,\n  value,\n  id,\n  formElementValidation,\n  displayValidationMessages,\n  formElementConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  sectionState,\n}: Props) {\n  const handleNestedChange = React.useCallback(\n    (\n      nestedElement: FormTypes.FormElement,\n      {\n        value: nestedElementValue,\n        executedLookups: nestedExecutedLookups,\n        sectionState,\n        isDerivedChange,\n      }: Parameters<NestedFormElementValueChangeHandler>[1],\n      idPrefix?: string,\n    ) => {\n      if (nestedElement.type === 'section') {\n        // trigger onChange to update sectionState\n        onChange(\n          {\n            ...nestedElement,\n            id: idPrefix ? `${idPrefix}${nestedElement.id}` : nestedElement.id,\n          },\n          { executedLookups: undefined, sectionState },\n        )\n      }\n      if (!('name' in nestedElement)) return\n      onChange(element, {\n        value: (existingValue) => ({\n          ...existingValue,\n          [nestedElement.name]:\n            typeof nestedElementValue === 'function'\n              ? nestedElementValue(\n                  existingValue ? existingValue[nestedElement.name] : undefined,\n                )\n              : nestedElementValue,\n        }),\n        executedLookups: (existingExecutedLookups) => {\n          if (\n            typeof existingExecutedLookups === 'boolean' ||\n            Array.isArray(existingExecutedLookups)\n          ) {\n            return {}\n          }\n          return {\n            ...existingExecutedLookups,\n            [nestedElement.name]:\n              typeof nestedExecutedLookups === 'function'\n                ? nestedExecutedLookups(\n                    existingExecutedLookups?.[\n                      nestedElement.name\n                    ] as ExecutedLookups,\n                  )\n                : nestedExecutedLookups,\n          }\n        },\n        sectionState,\n        isDerivedChange,\n      })\n    },\n    [element, onChange],\n  )\n\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults, options) => {\n      onLookup((currentFormSubmission) => {\n        let model = currentFormSubmission.submission[\n          element.name\n        ] as SubmissionTypes.S3SubmissionData['submission']\n        let newExecutedLookups = currentFormSubmission.executedLookups?.[\n          element.name\n        ] as ExecutedLookups\n\n        const elements = currentFormSubmission.elements.map((formElement) => {\n          if (\n            formElement.type === 'form' &&\n            formElement.name === element.name &&\n            Array.isArray(formElement.elements)\n          ) {\n            const { elements, submission, executedLookups } =\n              mergeLookupResults({\n                elements: formElement.elements,\n                submission: model,\n                lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                executedLookups: newExecutedLookups,\n                sectionState: currentFormSubmission.sectionState,\n              })\n            model = submission\n            newExecutedLookups = executedLookups as ExecutedLookups\n            return {\n              ...formElement,\n              elements,\n            }\n          }\n          return formElement\n        })\n\n        const submission = {\n          ...currentFormSubmission.submission,\n          [element.name]: model,\n        }\n\n        return {\n          elements,\n          submission,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: {\n            ...currentFormSubmission.executedLookups,\n            [element.name]: newExecutedLookups,\n          },\n          sectionState: currentFormSubmission.sectionState,\n        }\n      }, options)\n    },\n    [element.name, onLookup],\n  )\n\n  const validation = React.useMemo(() => {\n    return !!formElementValidation &&\n      typeof formElementValidation !== 'string' &&\n      formElementValidation.type === 'formElements'\n      ? formElementValidation.formElements\n      : undefined\n  }, [formElementValidation])\n\n  const formElementsConditionallyShown = React.useMemo(() => {\n    return formElementConditionallyShown &&\n      formElementConditionallyShown.type === 'formElements'\n      ? formElementConditionallyShown.formElements\n      : undefined\n  }, [formElementConditionallyShown])\n\n  const parentElement = React.useMemo(\n    () => ({\n      elements: Array.isArray(element.elements) ? element.elements : [],\n    }),\n    [element.elements],\n  )\n\n  const handleUpdateNestedFormElements =\n    React.useCallback<UpdateFormElementsHandler>(\n      (setter) => {\n        onUpdateFormElements((formElements) => {\n          return formElements.map((formElement) => {\n            if (\n              formElement.id === element.id &&\n              formElement.type === 'form' &&\n              Array.isArray(formElement.elements)\n            ) {\n              return {\n                ...formElement,\n                elements: setter(formElement.elements),\n              }\n            }\n            return formElement\n          })\n        })\n      },\n      [element.id, onUpdateFormElements],\n    )\n\n  const elementDOMId = React.useMemo(() => new ElementDOMId(id), [id])\n\n  return (\n    <OneBlinkFormElements\n      formId={formId}\n      formElementsValidation={validation}\n      displayValidationMessages={displayValidationMessages}\n      elements={parentElement.elements}\n      onChange={handleNestedChange}\n      onLookup={handleLookup}\n      formElementsConditionallyShown={formElementsConditionallyShown}\n      model={value || {}}\n      parentElement={parentElement}\n      readOnly={childrenReadOnly}\n      readOnlyOverride={readOnlyOverrideChildren ? readOnly : undefined}\n      idPrefix={elementDOMId.subFormDOMIdPrefix}\n      onUpdateFormElements={handleUpdateNestedFormElements}\n      sectionState={sectionState}\n    />\n  )\n}\n\nexport default React.memo(FormElementForm)\n"]}

package/dist/form-elements/FormElementLookupButton.js

@@ -25,12 +25,12 @@ function FormElementLookupButton({ id, element, readOnly, onChange, onLookup, va
     const { isAutoLookup, data } = useMemo(() => {
         return generateLookupButtonValue(element.elementDependencies, elements, formSubmissionModel);
     }, [element.elementDependencies, elements, formSubmissionModel]);
-    const handleLookup = useCallback((setter) => {
+    const handleLookup = useCallback((setter, options) => {
         onLookup((data) => {
             const dataAfterSetting = setter(data);
             dataAfterSetting.submission[element.name] = true;
             return dataAfterSetting;
-        });
+        }, options);
     }, [element.name, onLookup]);
     const stringifyData = useMemo(() => {
         if (!data) {
@@ -44,6 +44,7 @@ function FormElementLookupButton({ id, element, readOnly, onChange, onLookup, va
         }
         onChange(element, {
             value: false,
+            isDerivedChange: true,
         });
     }, [element, onChange, readOnly, stringifyData]);
     const value = useMemo(() => {

package/dist/form-elements/FormElementLookupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementLookupButton.js","sourceRoot":"","sources":["../../src/form-elements/FormElementLookupButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useCallback, useContext, useEffect, useMemo } from 'react'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport {\n  FormElementLookupHandler,\n  FormElementValueChangeHandler,\n  IsDirtyProps,\n} from '../types/form'\nimport { LookupNotificationContext } from '../hooks/useLookupNotification'\nimport LookupNotification from '../components/renderer/LookupNotification'\nimport useFormSubmissionModel from '../hooks/useFormSubmissionModelContext'\nimport { formElementsService } from '@oneblink/sdk-core'\nimport FormElementValidationMessage from '../components/renderer/FormElementValidationMessage'\n\ntype ValidationMessageProps = {\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n} & IsDirtyProps\n\ntype Props = {\n  id: string\n  element: FormTypes.LookupButtonFormElement\n  readOnly: boolean\n} & ValidationMessageProps\n\nfunction stringifyLookupButtonValue(v: unknown): string {\n  return JSON.stringify(v) as string\n}\n\nconst FormElementLookupButtonValidationMessage = memo(\n  function FormElementLookupButtonValidationMessageComponent({\n    validationMessage,\n    displayValidationMessage,\n    isDirty,\n  }: ValidationMessageProps) {\n    const { isLookingUp } = useContext(LookupNotificationContext)\n    const isDisplayingValidationMessage =\n      (isDirty || displayValidationMessage) &&\n      !!validationMessage &&\n      !isLookingUp\n\n    if (!isDisplayingValidationMessage) {\n      return null\n    }\n\n    return <FormElementValidationMessage message={validationMessage} />\n  },\n)\n\nfunction FormElementLookupButton({\n  id,\n  element,\n  readOnly,\n  onChange,\n  onLookup,\n  validationMessage,\n  ...validationMessageProps\n}: Props & {\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n}) {\n  const { formSubmissionModel, elements } = useFormSubmissionModel()\n  const { isAutoLookup, data } = useMemo(() => {\n    return generateLookupButtonValue(\n      element.elementDependencies,\n      elements,\n      formSubmissionModel,\n    )\n  }, [element.elementDependencies, elements, formSubmissionModel])\n\n  const handleLookup = useCallback<FormElementLookupHandler>(\n    (setter) => {\n      onLookup((data) => {\n        const dataAfterSetting = setter(data)\n        dataAfterSetting.submission[element.name] = true\n        return dataAfterSetting\n      })\n    },\n    [element.name, onLookup],\n  )\n\n  const stringifyData = useMemo(() => {\n    if (!data) {\n      return undefined\n    }\n    return stringifyLookupButtonValue(data)\n  }, [data])\n\n  useEffect(() => {\n    if (readOnly) {\n      return\n    }\n    onChange(element, {\n      value: false,\n    })\n  }, [element, onChange, readOnly, stringifyData])\n\n  const value = useMemo(() => {\n    // Want the value to be `true` if there is data or if there are\n    // no element dependencies i.e. the lookup can be run at any time.\n    if (!element.elementDependencies.length || data) {\n      return true\n    }\n    return undefined\n  }, [data, element.elementDependencies.length])\n\n  return (\n    <LookupNotification\n      autoLookupValue={isAutoLookup ? stringifyData : undefined}\n      element={element}\n      onLookup={handleLookup}\n      stringifyAutoLookupValue={stringifyLookupButtonValue}\n    >\n      <div className=\"cypress-lookup-button-element\">\n        <FormElementLabelContainer\n          className=\"ob-lookup-button\"\n          id={id}\n          element={element}\n          required={false}\n        >\n          <LookupButton\n            value={value}\n            validationMessage={validationMessage}\n            lookupButtonConfig={element.lookupButton}\n            overrideRequiredMessage={element.requiredMessage}\n          />\n          <FormElementLookupButtonValidationMessage\n            validationMessage={validationMessage}\n            {...validationMessageProps}\n          />\n        </FormElementLabelContainer>\n      </div>\n    </LookupNotification>\n  )\n}\n\nexport default memo(FormElementLookupButton)\n\nfunction generateLookupButtonValue(\n  elementDependencies: FormTypes.LookupButtonFormElement['elementDependencies'],\n  elements: FormTypes.FormElement[],\n  formSubmissionModel:\n    | SubmissionTypes.S3SubmissionData['submission']\n    | undefined,\n): {\n  isAutoLookup: boolean\n  data: SubmissionTypes.S3SubmissionData['submission'] | undefined\n} {\n  if (!formSubmissionModel) {\n    return {\n      isAutoLookup: false,\n      data: undefined,\n    }\n  }\n\n  // \"data\" should be `undefined` if there are no dependent elements with a value.\n  // If a least one dependent element has a value, we will enable to lookup to run.\n  return elementDependencies.reduce<{\n    isAutoLookup: boolean\n    data: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  }>(\n    (memo, elementDependency) => {\n      const formElement = formElementsService.findFormElement(\n        elements,\n        (formElement) => formElement.id === elementDependency.elementId,\n      )\n      if (!formElement || !('name' in formElement)) {\n        return memo\n      }\n\n      const formElementValue = formSubmissionModel[formElement.name]\n\n      switch (elementDependency.type) {\n        case 'FORM_FORM_ELEMENT': {\n          if (\n            formElement.type === 'form' &&\n            Array.isArray(formElement.elements)\n          ) {\n            const nestedLookupButtonValue = generateLookupButtonValue(\n              [elementDependency.elementDependency],\n              formElement.elements,\n              formElementValue as SubmissionTypes.S3SubmissionData['submission'],\n            )\n            return {\n              isAutoLookup:\n                memo.isAutoLookup && nestedLookupButtonValue.isAutoLookup,\n              data:\n                nestedLookupButtonValue.data !== undefined\n                  ? {\n                      ...memo.data,\n                      [formElement.name]: {\n                        ...(memo?.data?.[formElement.name] || {}),\n                        ...nestedLookupButtonValue.data,\n                      },\n                    }\n                  : memo.data,\n            }\n          }\n          break\n        }\n        case 'REPEATABLE_SET_FORM_ELEMENT': {\n          if (formElement.type === 'repeatableSet') {\n            const entries: {\n              isAutoLookup: boolean\n              data: Record<\n                number,\n                SubmissionTypes.S3SubmissionData['submission'] | undefined\n              >\n            } = {\n              isAutoLookup: memo.isAutoLookup,\n              data: {},\n            }\n            let hasAnEntry = false\n            const existingEntries =\n              (memo.data?.[formElement.name] as object[]) || undefined\n            if (Array.isArray(formElementValue)) {\n              for (const entry of formElementValue) {\n                const index = formElementValue.indexOf(entry)\n                const nestedLookupButtonValue = generateLookupButtonValue(\n                  [elementDependency.elementDependency],\n                  formElement.elements,\n                  entry as SubmissionTypes.S3SubmissionData['submission'],\n                )\n                entries.isAutoLookup =\n                  entries.isAutoLookup && nestedLookupButtonValue.isAutoLookup\n                if (nestedLookupButtonValue.data || existingEntries?.[index]) {\n                  entries.data[index] = {\n                    ...existingEntries?.[index],\n                    ...nestedLookupButtonValue.data,\n                  }\n                  hasAnEntry = true\n                } else {\n                  entries.data[index] = undefined\n                }\n              }\n            }\n\n            return {\n              isAutoLookup: memo.isAutoLookup && entries.isAutoLookup,\n              data: hasAnEntry\n                ? {\n                    ...memo.data,\n                    [formElement.name]: entries.data,\n                  }\n                : memo.data,\n            }\n          }\n          break\n        }\n        default: {\n          if (formElement && 'name' in formElement) {\n            let dependencyValue = formSubmissionModel[formElement.name]\n            // If the dependency is a compliance element, we need to get the value of the compliance element\n            // and not trigger the lookup if the notes or files are changing.\n            if (\n              formElement.type === 'compliance' &&\n              typeof dependencyValue === 'object' &&\n              dependencyValue !== null &&\n              'value' in dependencyValue\n            ) {\n              dependencyValue = dependencyValue.value\n            }\n            const isAutoLookupChecker = autoLookupElementMap[formElement.type]\n            const isFormElementAutoLookup =\n              typeof isAutoLookupChecker === 'function'\n                ? isAutoLookupChecker(formElement)\n                : isAutoLookupChecker\n            return {\n              isAutoLookup: memo.isAutoLookup && isFormElementAutoLookup,\n              data:\n                dependencyValue !== undefined && dependencyValue !== null\n                  ? {\n                      ...memo.data,\n                      [formElement.name]: dependencyValue,\n                    }\n                  : memo.data,\n            }\n          }\n          break\n        }\n      }\n\n      return memo\n    },\n    {\n      isAutoLookup: true,\n      data: undefined,\n    },\n  )\n}\n\n// Creating an object here so we get a Typescript error when adding a\n// new element type and forgetting to add to the array of allowed types\nconst autoLookupElementMap: Record<\n  Exclude<FormTypes.FormElement['type'], 'page'>,\n  boolean | ((element: FormTypes.FormElement) => boolean)\n> = {\n  text: false,\n  textarea: false,\n  number: false,\n  email: false,\n  telephone: false,\n  barcodeScanner: false,\n  radio: true,\n  checkboxes: false,\n  select: (formElement) => formElement.type === 'select' && !formElement.multi,\n  autocomplete: true,\n  boolean: true,\n  date: false,\n  datetime: false,\n  time: false,\n  heading: false,\n  html: false,\n  image: false,\n  infoPage: false,\n  camera: false,\n  repeatableSet: false,\n  draw: false,\n  calculation: false,\n  location: true,\n  files: true,\n  captcha: false,\n  form: false,\n  summary: false,\n  compliance: true,\n  geoscapeAddress: true,\n  pointAddress: true,\n  pointAddressV3: true,\n  googleAddress: false,\n  civicaStreetName: true,\n  civicaNameRecord: false,\n  section: false,\n  bsb: false,\n  abn: false,\n  freshdeskDependentField: false,\n  apiNSWLiquorLicence: true,\n  arcGISWebMap: true,\n  pointCadastralParcel: true,\n  lookupButton: false,\n}\n"]}
+{"version":3,"file":"FormElementLookupButton.js","sourceRoot":"","sources":["../../src/form-elements/FormElementLookupButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useCallback, useContext, useEffect, useMemo } from 'react'\nimport LookupButton from '../components/renderer/LookupButton'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport {\n  FormElementLookupHandler,\n  FormElementValueChangeHandler,\n  IsDirtyProps,\n} from '../types/form'\nimport { LookupNotificationContext } from '../hooks/useLookupNotification'\nimport LookupNotification from '../components/renderer/LookupNotification'\nimport useFormSubmissionModel from '../hooks/useFormSubmissionModelContext'\nimport { formElementsService } from '@oneblink/sdk-core'\nimport FormElementValidationMessage from '../components/renderer/FormElementValidationMessage'\n\ntype ValidationMessageProps = {\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n} & IsDirtyProps\n\ntype Props = {\n  id: string\n  element: FormTypes.LookupButtonFormElement\n  readOnly: boolean\n} & ValidationMessageProps\n\nfunction stringifyLookupButtonValue(v: unknown): string {\n  return JSON.stringify(v) as string\n}\n\nconst FormElementLookupButtonValidationMessage = memo(\n  function FormElementLookupButtonValidationMessageComponent({\n    validationMessage,\n    displayValidationMessage,\n    isDirty,\n  }: ValidationMessageProps) {\n    const { isLookingUp } = useContext(LookupNotificationContext)\n    const isDisplayingValidationMessage =\n      (isDirty || displayValidationMessage) &&\n      !!validationMessage &&\n      !isLookingUp\n\n    if (!isDisplayingValidationMessage) {\n      return null\n    }\n\n    return <FormElementValidationMessage message={validationMessage} />\n  },\n)\n\nfunction FormElementLookupButton({\n  id,\n  element,\n  readOnly,\n  onChange,\n  onLookup,\n  validationMessage,\n  ...validationMessageProps\n}: Props & {\n  onChange: FormElementValueChangeHandler\n  onLookup: FormElementLookupHandler\n}) {\n  const { formSubmissionModel, elements } = useFormSubmissionModel()\n  const { isAutoLookup, data } = useMemo(() => {\n    return generateLookupButtonValue(\n      element.elementDependencies,\n      elements,\n      formSubmissionModel,\n    )\n  }, [element.elementDependencies, elements, formSubmissionModel])\n\n  const handleLookup = useCallback<FormElementLookupHandler>(\n    (setter, options) => {\n      onLookup((data) => {\n        const dataAfterSetting = setter(data)\n        dataAfterSetting.submission[element.name] = true\n        return dataAfterSetting\n      }, options)\n    },\n    [element.name, onLookup],\n  )\n\n  const stringifyData = useMemo(() => {\n    if (!data) {\n      return undefined\n    }\n    return stringifyLookupButtonValue(data)\n  }, [data])\n\n  useEffect(() => {\n    if (readOnly) {\n      return\n    }\n    onChange(element, {\n      value: false,\n      isDerivedChange: true,\n    })\n  }, [element, onChange, readOnly, stringifyData])\n\n  const value = useMemo(() => {\n    // Want the value to be `true` if there is data or if there are\n    // no element dependencies i.e. the lookup can be run at any time.\n    if (!element.elementDependencies.length || data) {\n      return true\n    }\n    return undefined\n  }, [data, element.elementDependencies.length])\n\n  return (\n    <LookupNotification\n      autoLookupValue={isAutoLookup ? stringifyData : undefined}\n      element={element}\n      onLookup={handleLookup}\n      stringifyAutoLookupValue={stringifyLookupButtonValue}\n    >\n      <div className=\"cypress-lookup-button-element\">\n        <FormElementLabelContainer\n          className=\"ob-lookup-button\"\n          id={id}\n          element={element}\n          required={false}\n        >\n          <LookupButton\n            value={value}\n            validationMessage={validationMessage}\n            lookupButtonConfig={element.lookupButton}\n            overrideRequiredMessage={element.requiredMessage}\n          />\n          <FormElementLookupButtonValidationMessage\n            validationMessage={validationMessage}\n            {...validationMessageProps}\n          />\n        </FormElementLabelContainer>\n      </div>\n    </LookupNotification>\n  )\n}\n\nexport default memo(FormElementLookupButton)\n\nfunction generateLookupButtonValue(\n  elementDependencies: FormTypes.LookupButtonFormElement['elementDependencies'],\n  elements: FormTypes.FormElement[],\n  formSubmissionModel:\n    | SubmissionTypes.S3SubmissionData['submission']\n    | undefined,\n): {\n  isAutoLookup: boolean\n  data: SubmissionTypes.S3SubmissionData['submission'] | undefined\n} {\n  if (!formSubmissionModel) {\n    return {\n      isAutoLookup: false,\n      data: undefined,\n    }\n  }\n\n  // \"data\" should be `undefined` if there are no dependent elements with a value.\n  // If a least one dependent element has a value, we will enable to lookup to run.\n  return elementDependencies.reduce<{\n    isAutoLookup: boolean\n    data: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  }>(\n    (memo, elementDependency) => {\n      const formElement = formElementsService.findFormElement(\n        elements,\n        (formElement) => formElement.id === elementDependency.elementId,\n      )\n      if (!formElement || !('name' in formElement)) {\n        return memo\n      }\n\n      const formElementValue = formSubmissionModel[formElement.name]\n\n      switch (elementDependency.type) {\n        case 'FORM_FORM_ELEMENT': {\n          if (\n            formElement.type === 'form' &&\n            Array.isArray(formElement.elements)\n          ) {\n            const nestedLookupButtonValue = generateLookupButtonValue(\n              [elementDependency.elementDependency],\n              formElement.elements,\n              formElementValue as SubmissionTypes.S3SubmissionData['submission'],\n            )\n            return {\n              isAutoLookup:\n                memo.isAutoLookup && nestedLookupButtonValue.isAutoLookup,\n              data:\n                nestedLookupButtonValue.data !== undefined\n                  ? {\n                      ...memo.data,\n                      [formElement.name]: {\n                        ...(memo?.data?.[formElement.name] || {}),\n                        ...nestedLookupButtonValue.data,\n                      },\n                    }\n                  : memo.data,\n            }\n          }\n          break\n        }\n        case 'REPEATABLE_SET_FORM_ELEMENT': {\n          if (formElement.type === 'repeatableSet') {\n            const entries: {\n              isAutoLookup: boolean\n              data: Record<\n                number,\n                SubmissionTypes.S3SubmissionData['submission'] | undefined\n              >\n            } = {\n              isAutoLookup: memo.isAutoLookup,\n              data: {},\n            }\n            let hasAnEntry = false\n            const existingEntries =\n              (memo.data?.[formElement.name] as object[]) || undefined\n            if (Array.isArray(formElementValue)) {\n              for (const entry of formElementValue) {\n                const index = formElementValue.indexOf(entry)\n                const nestedLookupButtonValue = generateLookupButtonValue(\n                  [elementDependency.elementDependency],\n                  formElement.elements,\n                  entry as SubmissionTypes.S3SubmissionData['submission'],\n                )\n                entries.isAutoLookup =\n                  entries.isAutoLookup && nestedLookupButtonValue.isAutoLookup\n                if (nestedLookupButtonValue.data || existingEntries?.[index]) {\n                  entries.data[index] = {\n                    ...existingEntries?.[index],\n                    ...nestedLookupButtonValue.data,\n                  }\n                  hasAnEntry = true\n                } else {\n                  entries.data[index] = undefined\n                }\n              }\n            }\n\n            return {\n              isAutoLookup: memo.isAutoLookup && entries.isAutoLookup,\n              data: hasAnEntry\n                ? {\n                    ...memo.data,\n                    [formElement.name]: entries.data,\n                  }\n                : memo.data,\n            }\n          }\n          break\n        }\n        default: {\n          if (formElement && 'name' in formElement) {\n            let dependencyValue = formSubmissionModel[formElement.name]\n            // If the dependency is a compliance element, we need to get the value of the compliance element\n            // and not trigger the lookup if the notes or files are changing.\n            if (\n              formElement.type === 'compliance' &&\n              typeof dependencyValue === 'object' &&\n              dependencyValue !== null &&\n              'value' in dependencyValue\n            ) {\n              dependencyValue = dependencyValue.value\n            }\n            const isAutoLookupChecker = autoLookupElementMap[formElement.type]\n            const isFormElementAutoLookup =\n              typeof isAutoLookupChecker === 'function'\n                ? isAutoLookupChecker(formElement)\n                : isAutoLookupChecker\n            return {\n              isAutoLookup: memo.isAutoLookup && isFormElementAutoLookup,\n              data:\n                dependencyValue !== undefined && dependencyValue !== null\n                  ? {\n                      ...memo.data,\n                      [formElement.name]: dependencyValue,\n                    }\n                  : memo.data,\n            }\n          }\n          break\n        }\n      }\n\n      return memo\n    },\n    {\n      isAutoLookup: true,\n      data: undefined,\n    },\n  )\n}\n\n// Creating an object here so we get a Typescript error when adding a\n// new element type and forgetting to add to the array of allowed types\nconst autoLookupElementMap: Record<\n  Exclude<FormTypes.FormElement['type'], 'page'>,\n  boolean | ((element: FormTypes.FormElement) => boolean)\n> = {\n  text: false,\n  textarea: false,\n  number: false,\n  email: false,\n  telephone: false,\n  barcodeScanner: false,\n  radio: true,\n  checkboxes: false,\n  select: (formElement) => formElement.type === 'select' && !formElement.multi,\n  autocomplete: true,\n  boolean: true,\n  date: false,\n  datetime: false,\n  time: false,\n  heading: false,\n  html: false,\n  image: false,\n  infoPage: false,\n  camera: false,\n  repeatableSet: false,\n  draw: false,\n  calculation: false,\n  location: true,\n  files: true,\n  captcha: false,\n  form: false,\n  summary: false,\n  compliance: true,\n  geoscapeAddress: true,\n  pointAddress: true,\n  pointAddressV3: true,\n  googleAddress: false,\n  civicaStreetName: true,\n  civicaNameRecord: false,\n  section: false,\n  bsb: false,\n  abn: false,\n  freshdeskDependentField: false,\n  apiNSWLiquorLicence: true,\n  arcGISWebMap: true,\n  pointCadastralParcel: true,\n  lookupButton: false,\n}\n"]}

package/dist/form-elements/FormElementRepeatableSet.d.ts

@@ -7,15 +7,15 @@ type Props = {
     isEven: boolean;
     element: FormTypes.RepeatableSetElement;
     /**
-     * Whether this set’s own controls (add/remove entries) are locked.
-     * Includes audience lock, so an approver may be unable to add or remove
-     * entries even when a nested `ALL_STEPS` field is still editable.
+     * Whether this set’s own controls (add/remove entries) are locked. The set
+     * itself must be listed in `editableFormElementIds` to add or remove entries;
+     * a nested field being listed is not enough.
      */
     readOnly: boolean;
     /**
      * Lock to apply to fields inside each entry. True when the whole form is
      * read-only, a parent is read-only, or this element’s definition has
-     * `readOnly: true`. Does not include this set’s audience lock.
+     * `readOnly: true`.
      */
     childrenReadOnly: boolean;
     value: Array<SubmissionTypes.S3SubmissionData['submission']> | undefined;

package/dist/form-elements/FormElementRepeatableSet.js

@@ -130,7 +130,7 @@ function FormElementRepeatableSet({ formId, element, readOnly, childrenReadOnly,
         });
         setIsDirty();
     }, [onChange, setIsDirty]);
-    const handleNestedChange = React.useCallback((index, nestedElement, { value, executedLookups, sectionState, }, idPrefix) => {
+    const handleNestedChange = React.useCallback((index, nestedElement, { value, executedLookups, sectionState, isDerivedChange, }, idPrefix) => {
         if (nestedElement.type === 'section') {
             // trigger onChange to update sectionState
             onChange({
@@ -178,6 +178,7 @@ function FormElementRepeatableSet({ formId, element, readOnly, childrenReadOnly,
                 return newExecutedLookups;
             },
             sectionState,
+            isDerivedChange,
         });
     }, [element, onChange]);
     const { minSetEntries, maxSetEntries } = useFormElementRepeatableSetEntries(element);
@@ -219,14 +220,15 @@ export default React.memo(FormElementRepeatableSet);
 const RepeatableSetEntry = React.memo(function RepeatableSetEntry({ formId, id, index, isEven, entry, element, readOnly, childrenReadOnly, formElementsConditionallyShown, displayValidationMessages, formElementsValidation, onChange, onLookup, onAdd, onRemove, onUpdateFormElements, showAddButton, sectionState, }) {
     const [isConfirmingRemove, confirmRemove, cancelRemove] = useBooleanState(false);
     const elementDOMId = React.useMemo(() => new ElementDOMId(id), [id]);
-    const handleChange = React.useCallback((nestedElement, { value, executedLookups, sectionState }, idPrefix) => {
+    const handleChange = React.useCallback((nestedElement, { value, executedLookups, sectionState, isDerivedChange }, idPrefix) => {
         onChange(index, nestedElement, {
             value,
             executedLookups,
             sectionState,
+            isDerivedChange,
         }, idPrefix);
     }, [index, onChange]);
-    const handleLookup = React.useCallback((mergeLookupResults) => {
+    const handleLookup = React.useCallback((mergeLookupResults, options) => {
         onLookup((currentFormSubmission) => {
             var _a, _b;
             let newEntry = {};
@@ -286,7 +288,7 @@ const RepeatableSetEntry = React.memo(function RepeatableSetEntry({ formId, id,
                 submission,
                 executedLookups: updatedExecutedLookups,
             };
-        });
+        }, options);
     }, [element.name, index, onLookup]);
     const { validationClassName } = useValidationClass({
         formElementsValid: !formElementsValidation,

package/dist/form-elements/FormElementRepeatableSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementRepeatableSet.js","sourceRoot":"","sources":["../../src/form-elements/FormElementRepeatableSet.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport useBooleanState from '../hooks/useBooleanState'\nimport generateDefaultData, {\n  ENTRY_ID_PROPERTY_NAME,\n  generateNewRepeatableSetEntry,\n} from '../services/generate-default-data'\nimport OneBlinkFormElements from '../components/renderer/OneBlinkFormElements'\nimport Modal from '../components/renderer/Modal'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport useValidationClass from '../hooks/useValidationClass'\nimport {\n  ExecutedLookups,\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  NestedFormElementValueChangeHandler,\n  IsDirtyProps,\n  UpdateFormElementsHandler,\n  SectionState,\n} from '../types/form'\nimport useFormElementRepeatableSetEntries from '../hooks/useFormElementRepeatableSetEntries'\nimport useElementAriaDescribedby from '../hooks/useElementAriaDescribedby'\nimport MaterialIcon from '../components/MaterialIcon'\nimport ElementDOMId from '../utils/elementDOMIds'\nimport { Collapse } from '@mui/material'\nimport FormElementValidationMessage from '../components/renderer/FormElementValidationMessage'\n\ntype Props = {\n  formId: number\n  id: string\n  isEven: boolean\n  element: FormTypes.RepeatableSetElement\n  /**\n   * Whether this set’s own controls (add/remove entries) are locked.\n   * Includes audience lock, so an approver may be unable to add or remove\n   * entries even when a nested `ALL_STEPS` field is still editable.\n   */\n  readOnly: boolean\n  /**\n   * Lock to apply to fields inside each entry. True when the whole form is\n   * read-only, a parent is read-only, or this element’s definition has\n   * `readOnly: true`. Does not include this set’s audience lock.\n   */\n  childrenReadOnly: boolean\n  value: Array<SubmissionTypes.S3SubmissionData['submission']> | undefined\n  onChange: NestedFormElementValueChangeHandler<\n    SubmissionTypes.S3SubmissionData['submission'][]\n  >\n  onLookup: FormElementLookupHandler\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n  onUpdateFormElements: UpdateFormElementsHandler\n  sectionState: SectionState\n} & IsDirtyProps\n\nconst RepeatableSetIndexContext = React.createContext<number>(0)\n\nfunction RepeatableSetEntryProvider({\n  index,\n  isAnimated,\n  element,\n  idPrefix,\n  onRemove,\n  children,\n}: {\n  isAnimated: boolean\n  index: number\n  element: FormTypes.RepeatableSetElement\n  idPrefix?: string\n  onRemove: (\n    index: number,\n    element: FormTypes.RepeatableSetElement,\n    idPrefix?: string,\n  ) => void\n  children: (renderProps: { onRemove: () => void }) => React.ReactNode\n}) {\n  const [isExpanded, setIsExpanded] = React.useState(true)\n\n  const handleRemove = React.useCallback(() => {\n    if (isAnimated) {\n      setIsExpanded(false)\n    } else {\n      onRemove(index, element, idPrefix)\n    }\n  }, [index, isAnimated, onRemove, element, idPrefix])\n\n  const node = (\n    <RepeatableSetIndexContext.Provider value={index}>\n      {children({\n        onRemove: handleRemove,\n      })}\n    </RepeatableSetIndexContext.Provider>\n  )\n\n  if (!isAnimated) {\n    return node\n  }\n\n  return (\n    <Collapse\n      in={isExpanded}\n      appear\n      onExited={() => {\n        onRemove(index, element, idPrefix)\n      }}\n      classes={{\n        root: 'ob-repeatable-set__collapsible',\n        wrapper: 'ob-repeatable-set__collapsible-wrapper',\n        wrapperInner: 'ob-repeatable-set__collapsible-wrapper-inner',\n      }}\n    >\n      {node}\n    </Collapse>\n  )\n}\n\nexport function useRepeatableSetIndexText(text: string) {\n  const index = React.useContext(RepeatableSetIndexContext)\n  return React.useMemo(\n    () => text.replace('{INDEX}', (index + 1).toString()),\n    [index, text],\n  )\n}\n\nfunction FormElementRepeatableSet({\n  formId,\n  element,\n  readOnly,\n  childrenReadOnly,\n  value,\n  formElementValidation,\n  id,\n  isEven,\n  displayValidationMessage,\n  formElementConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  isDirty,\n  setIsDirty,\n  sectionState,\n}: Props) {\n  const entries = React.useMemo(\n    () => (Array.isArray(value) ? value : []),\n    [value],\n  )\n\n  const handleAddEntry = React.useCallback(\n    (index: number) => {\n      onChange(element, {\n        value: (existingEntries) => {\n          const newEntries = [...(existingEntries || [])]\n          const entry = generateDefaultData(\n            element.elements,\n            generateNewRepeatableSetEntry(),\n          )\n\n          newEntries.splice(index, 0, entry)\n          return newEntries\n        },\n        executedLookups: (existingExecutedLookups) => {\n          if (\n            existingExecutedLookups !== undefined &&\n            !Array.isArray(existingExecutedLookups)\n          ) {\n            return []\n          }\n\n          const newExistingExecutedLookups = [\n            ...((existingExecutedLookups as ExecutedLookups[]) ??\n              Array.from(Array(entries.length))),\n          ]\n          newExistingExecutedLookups.push({})\n          return newExistingExecutedLookups\n        },\n        sectionState: (currentSectionState) => {\n          return (\n            currentSectionState?.map((section) => {\n              const idPrefixPattern = new RegExp(\n                `(.+)?${element.name}_entry-(.+)_(.+)`,\n              )\n              const entryIdPrefixMatches = section.id.match(idPrefixPattern)\n\n              if (entryIdPrefixMatches) {\n                const startOfId = entryIdPrefixMatches[1]\n                const entryIndex = parseInt(entryIdPrefixMatches[2])\n                const restOfId = entryIdPrefixMatches[3]\n\n                if (entryIndex >= index) {\n                  const newEntryIndex = entryIndex + 1\n                  section.id = `${startOfId ? startOfId : ''}${element.name}_entry-${newEntryIndex}_${restOfId}`\n                }\n              }\n\n              return section\n            }, []) || []\n          )\n        },\n      })\n      setIsDirty()\n    },\n    [element, onChange, setIsDirty, entries.length],\n  )\n\n  const handleRemoveEntry = React.useCallback(\n    (\n      index: number,\n      element: FormTypes.RepeatableSetElement,\n      idPrefix?: string,\n    ) => {\n      const entryIdPrefix = idPrefix || ''\n\n      onChange(element, {\n        value: (existingEntries) => {\n          const newEntries = [...(existingEntries || [])]\n          newEntries.splice(index, 1)\n          return newEntries\n        },\n        executedLookups: (existingExecutedLookups) => {\n          if (!Array.isArray(existingExecutedLookups)) {\n            return []\n          }\n          const newExistingExecutedLookups = [...existingExecutedLookups]\n\n          newExistingExecutedLookups.splice(index, 1)\n          return newExistingExecutedLookups\n        },\n        sectionState: (currentSectionState) => {\n          return (\n            currentSectionState?.reduce(\n              (\n                state: {\n                  id: string\n                  state: 'COLLAPSED' | 'EXPANDED'\n                }[],\n                section,\n              ) => {\n                const idPrefixPattern = new RegExp(\n                  `(.+)?${element.name}_entry-(\\\\d+)`,\n                )\n                const entryIdPrefixMatches =\n                  entryIdPrefix.match(idPrefixPattern)\n                if (\n                  !section.id.startsWith(entryIdPrefix) &&\n                  entryIdPrefixMatches\n                ) {\n                  const parentElementPath =\n                    entryIdPrefixMatches[1] || `${element.name}_entry`\n                  // only update nested sections where the parent path matches the entry that was removed\n                  if (section.id.startsWith(parentElementPath)) {\n                    // Match pattern: {elementName}_entry-{index}_\n                    // also yields a prefix and suffix for any match found\n                    const idPrefixWithFullIdPattern = new RegExp(\n                      `(.+)?${element.name}_entry-(\\\\d+)_(.+)`,\n                    )\n                    const match = section.id.match(idPrefixWithFullIdPattern)\n\n                    if (match) {\n                      const oldEntryIndex = parseInt(match[2], 10)\n                      if (oldEntryIndex > index) {\n                        const prefix = match[1]\n                        const restOfId = match[3]\n                        const newEntryIndex = oldEntryIndex - 1\n                        section.id = `${prefix ? prefix : ''}${element.name}_entry-${newEntryIndex}_${restOfId}`\n                      }\n                    }\n                  }\n\n                  state.push(section)\n                }\n\n                return state\n              },\n              [],\n            ) || []\n          )\n        },\n      })\n      setIsDirty()\n    },\n    [onChange, setIsDirty],\n  )\n\n  const handleNestedChange = React.useCallback(\n    (\n      index: number,\n      nestedElement: FormTypes.FormElement,\n      {\n        value,\n        executedLookups,\n        sectionState,\n      }: Parameters<NestedFormElementValueChangeHandler>[1],\n      idPrefix?: string,\n    ) => {\n      if (nestedElement.type === 'section') {\n        // trigger onChange to update sectionState\n        onChange(\n          {\n            ...nestedElement,\n            id: idPrefix ? `${idPrefix}${nestedElement.id}` : nestedElement.id,\n          },\n          { executedLookups: undefined, sectionState },\n        )\n      }\n      if (!('name' in nestedElement)) {\n        return\n      }\n      onChange(element, {\n        value: (existingEntries) => {\n          const newEntries = (existingEntries || []).map((entry, i) => {\n            if (i === index) {\n              return {\n                ...entry,\n                [nestedElement.name]:\n                  typeof value === 'function'\n                    ? value(entry[nestedElement.name])\n                    : value,\n              }\n            } else {\n              return entry\n            }\n          })\n          return newEntries\n        },\n        executedLookups: (existingExecutedLookups) => {\n          const elementExecutedLookups = existingExecutedLookups ?? []\n          if (!Array.isArray(elementExecutedLookups)) {\n            return elementExecutedLookups\n          }\n          const newExecutedLookups = elementExecutedLookups.map(\n            (executedLookup, i) => {\n              if (i === index) {\n                const updatedExecutedLookups =\n                  typeof executedLookups === 'function'\n                    ? executedLookups(executedLookup?.[nestedElement.name])\n                    : executedLookups\n                return {\n                  ...executedLookup,\n                  [nestedElement.name]: updatedExecutedLookups,\n                }\n              }\n              return executedLookup\n            },\n          )\n          return newExecutedLookups\n        },\n        sectionState,\n      })\n    },\n    [element, onChange],\n  )\n\n  const { minSetEntries, maxSetEntries } =\n    useFormElementRepeatableSetEntries(element)\n\n  const repeatableSetValidation = React.useMemo(\n    () =>\n      !formElementValidation ||\n      typeof formElementValidation === 'string' ||\n      formElementValidation.type !== 'repeatableSet'\n        ? undefined\n        : formElementValidation,\n    [formElementValidation],\n  )\n\n  const repeatableSetEntriesConditionallyShown =\n    formElementConditionallyShown &&\n    formElementConditionallyShown.type === 'repeatableSet'\n      ? formElementConditionallyShown.entries\n      : {}\n\n  const { validationClassName } = useValidationClass({\n    formElementsValid: !repeatableSetValidation,\n    displayInvalidClassName: isDirty || displayValidationMessage,\n    validClassName: 'ob-repeatable-set-element__valid',\n    invalidClassName: 'ob-repeatable-set-element__invalid',\n  })\n\n  const ariaDescribedby = useElementAriaDescribedby(id, element)\n\n  const showAddButton = React.useMemo(\n    () => !maxSetEntries || entries.length < maxSetEntries,\n    [maxSetEntries, entries.length],\n  )\n\n  const repeatableSetContainerClass = React.useMemo(() => {\n    const prefix = 'ob-repeatable-set-container-layout__'\n    switch (element.layout) {\n      case 'MULTIPLE_ADD_BUTTONS':\n        return prefix + 'multiple-add-buttons'\n      default:\n        return 'single-add-button'\n    }\n  }, [element.layout])\n\n  return (\n    <div\n      className={clsx('cypress-repeatable-set-element', validationClassName)}\n      aria-labelledby={`${id}-label`}\n      aria-describedby={ariaDescribedby}\n      role=\"region\"\n    >\n      {/*  */}\n      <FormElementLabelContainer\n        className={clsx(\n          'ob-repeatable-set',\n          isEven ? 'even' : 'odd',\n          repeatableSetContainerClass,\n        )}\n        element={element}\n        id={id}\n        required={!!minSetEntries && minSetEntries > 0}\n        associateLabelWithInput={false}\n      >\n        {element.layout === 'MULTIPLE_ADD_BUTTONS' && showAddButton && (\n          <AddButton\n            onAdd={() => handleAddEntry(0)}\n            element={element}\n            readOnly={readOnly}\n            classes={['ob-button-repeatable-set-layout__multiple-add-buttons']}\n            id={id}\n          />\n        )}\n        {entries.map((entry, index) => {\n          return (\n            <RepeatableSetEntry\n              key={entry[ENTRY_ID_PROPERTY_NAME] as string}\n              formId={formId}\n              index={index}\n              id={id}\n              isEven={isEven}\n              entry={entry}\n              element={element}\n              readOnly={readOnly}\n              childrenReadOnly={childrenReadOnly}\n              showAddButton={\n                element.layout === 'MULTIPLE_ADD_BUTTONS' && showAddButton\n              }\n              onChange={handleNestedChange}\n              onLookup={onLookup}\n              onAdd={handleAddEntry}\n              onRemove={handleRemoveEntry}\n              formElementsConditionallyShown={\n                repeatableSetEntriesConditionallyShown[index.toString()]\n              }\n              formElementsValidation={\n                repeatableSetValidation &&\n                repeatableSetValidation.entries[index.toString()]\n              }\n              displayValidationMessages={displayValidationMessage}\n              onUpdateFormElements={onUpdateFormElements}\n              sectionState={sectionState}\n            />\n          )\n        })}\n        {(!element.layout || element.layout === 'SINGLE_ADD_BUTTON') &&\n          showAddButton && (\n            <AddButton\n              onAdd={() => handleAddEntry(entries.length)}\n              element={element}\n              readOnly={readOnly}\n              id={id}\n            />\n          )}\n        {(isDirty || displayValidationMessage) &&\n          !!repeatableSetValidation &&\n          !!repeatableSetValidation.set && (\n            <FormElementValidationMessage\n              message={repeatableSetValidation.set}\n            />\n          )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementRepeatableSet)\n\ntype RepeatableSetEntryProps = {\n  formId: number\n  id: string\n  index: number\n  isEven: boolean\n  entry: SubmissionTypes.S3SubmissionData['submission']\n  element: FormTypes.RepeatableSetElement\n  /**\n   * Whether this entry’s add/remove controls are locked. See\n   * `FormElementRepeatableSet` `readOnly`.\n   */\n  readOnly: boolean\n  /**\n   * Lock to apply to fields in this entry. See `FormElementRepeatableSet`\n   * `childrenReadOnly`.\n   */\n  childrenReadOnly: boolean\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  showAddButton: boolean\n  onChange: (\n    index: number,\n    formElement: FormTypes.FormElement,\n    {\n      value,\n      executedLookups,\n    }: Parameters<NestedFormElementValueChangeHandler>[1],\n    idPrefix?: string,\n  ) => void\n  onLookup: FormElementLookupHandler\n  onAdd: (index: number) => unknown\n  onRemove: (\n    index: number,\n    element: FormTypes.RepeatableSetElement,\n    idPrefix?: string,\n  ) => unknown\n  onUpdateFormElements: UpdateFormElementsHandler\n  sectionState: SectionState\n}\n\nconst RepeatableSetEntry = React.memo<RepeatableSetEntryProps>(\n  function RepeatableSetEntry({\n    formId,\n    id,\n    index,\n    isEven,\n    entry,\n    element,\n    readOnly,\n    childrenReadOnly,\n    formElementsConditionallyShown,\n    displayValidationMessages,\n    formElementsValidation,\n    onChange,\n    onLookup,\n    onAdd,\n    onRemove,\n    onUpdateFormElements,\n    showAddButton,\n    sectionState,\n  }: RepeatableSetEntryProps) {\n    const [isConfirmingRemove, confirmRemove, cancelRemove] =\n      useBooleanState(false)\n    const elementDOMId = React.useMemo(() => new ElementDOMId(id), [id])\n\n    const handleChange: NestedFormElementValueChangeHandler = React.useCallback(\n      (nestedElement, { value, executedLookups, sectionState }, idPrefix) => {\n        onChange(\n          index,\n          nestedElement,\n          {\n            value,\n            executedLookups,\n            sectionState,\n          },\n          idPrefix,\n        )\n      },\n      [index, onChange],\n    )\n\n    const handleLookup = React.useCallback<FormElementLookupHandler>(\n      (mergeLookupResults) => {\n        onLookup((currentFormSubmission) => {\n          let newEntry = {}\n          const entries = currentFormSubmission.submission[\n            element.name\n          ] as Array<SubmissionTypes.S3SubmissionData['submission']>\n          const repeatableSetExecutedLookups =\n            (currentFormSubmission.executedLookups?.[\n              element.name\n            ] as ExecutedLookups[]) ?? Array.from(Array(entries.length))\n          // if the repeatable set is prefilled or has minimum entries then executed lookups exists,\n          // but is an empty array\n          for (let i = 0; i < entries.length; i++) {\n            if (!repeatableSetExecutedLookups[index]) {\n              repeatableSetExecutedLookups[index] = {}\n            }\n          }\n          let newExecutedLookups: ExecutedLookups = {}\n          const elements = currentFormSubmission.elements.map((formElement) => {\n            if (\n              formElement.type === 'repeatableSet' &&\n              formElement.name === element.name\n            ) {\n              const { elements, submission, executedLookups } =\n                mergeLookupResults({\n                  elements: formElement.elements,\n                  submission: entries[index],\n                  lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                  executedLookups: repeatableSetExecutedLookups[index] ?? {},\n                  sectionState: currentFormSubmission.sectionState,\n                })\n              newEntry = submission\n              newExecutedLookups = executedLookups as ExecutedLookups\n              return {\n                ...formElement,\n                elements,\n              }\n            }\n            return formElement\n          })\n\n          const submission = {\n            ...currentFormSubmission.submission,\n            [element.name]: entries.map((entry, i) => {\n              if (i === index) {\n                return newEntry\n              }\n              return entry\n            }),\n          }\n\n          let updatedExecutedLookups = currentFormSubmission.executedLookups\n          if (Array.isArray(repeatableSetExecutedLookups)) {\n            updatedExecutedLookups = {\n              ...currentFormSubmission.executedLookups,\n              [element.name]: repeatableSetExecutedLookups.map((entry, i) => {\n                if (i == index) {\n                  return newExecutedLookups\n                }\n                return entry\n              }),\n            }\n          }\n\n          return {\n            elements,\n            submission,\n            executedLookups: updatedExecutedLookups,\n          }\n        })\n      },\n      [element.name, index, onLookup],\n    )\n\n    const { validationClassName } = useValidationClass({\n      formElementsValid: !formElementsValidation,\n      displayInvalidClassName: displayValidationMessages,\n      validClassName: 'ob-repeatable-set__valid',\n      invalidClassName: 'ob-repeatable-set__invalid',\n    })\n\n    const handleUpdateNestedFormElements =\n      React.useCallback<UpdateFormElementsHandler>(\n        (setter) => {\n          onUpdateFormElements((formElements) => {\n            return formElements.map((formElement) => {\n              if (\n                formElement.id === element.id &&\n                formElement.type === 'repeatableSet'\n              ) {\n                return {\n                  ...formElement,\n                  elements: setter(formElement.elements),\n                }\n              }\n              return formElement\n            })\n          })\n        },\n        [element.id, onUpdateFormElements],\n      )\n\n    const idPrefix = elementDOMId.repeatableSetEntryDOMIdPrefix(\n      index.toString(),\n    )\n\n    return (\n      <RepeatableSetEntryProvider\n        index={index}\n        element={element}\n        idPrefix={idPrefix}\n        onRemove={onRemove}\n        isAnimated={element.layout === 'MULTIPLE_ADD_BUTTONS'}\n      >\n        {({ onRemove }) => (\n          <>\n            <Modal\n              isOpen={isConfirmingRemove}\n              className=\"cypress-repeatable-set-prompt\"\n              titleClassName=\"cypress-repeatable-set-remove-entry-header\"\n              title={element.removeSetEntryLabel || 'Remove Entry'}\n              actions={\n                <>\n                  <button\n                    type=\"button\"\n                    className=\"button ob-button is-light cypress-cancel-repeatable-set\"\n                    onClick={cancelRemove}\n                  >\n                    Cancel\n                  </button>\n                  <button\n                    type=\"button\"\n                    className=\"button ob-button is-primary cypress-confirm-repeatable-set\"\n                    onClick={() => {\n                      cancelRemove()\n                      onRemove()\n                    }}\n                    autoFocus\n                  >\n                    Yes\n                  </button>\n                </>\n              }\n            >\n              Are you sure you want to remove this entry?\n            </Modal>\n\n            <div\n              className={clsx(\n                'ob-repeatable-set__container cypress-repeatable-set-container',\n                validationClassName,\n              )}\n            >\n              {(!element.layout || element.layout === 'SINGLE_ADD_BUTTON') && (\n                <RemoveButton\n                  onConfirmRemove={confirmRemove}\n                  element={element}\n                  readOnly={readOnly}\n                  className=\"ob-repeatable-set__button-remove-top\"\n                  index={index}\n                />\n              )}\n\n              <OneBlinkFormElements\n                formId={formId}\n                idPrefix={idPrefix}\n                isEven={isEven}\n                formElementsValidation={formElementsValidation}\n                displayValidationMessages={displayValidationMessages}\n                elements={element.elements}\n                onChange={handleChange}\n                onLookup={handleLookup}\n                model={entry}\n                parentElement={element}\n                readOnly={childrenReadOnly}\n                formElementsConditionallyShown={formElementsConditionallyShown}\n                onUpdateFormElements={handleUpdateNestedFormElements}\n                sectionState={sectionState}\n              />\n              {element.layout === 'MULTIPLE_ADD_BUTTONS' && (\n                <RemoveButton\n                  onConfirmRemove={confirmRemove}\n                  element={element}\n                  readOnly={readOnly}\n                  index={index}\n                  className=\"ob-repeatable-set__button-remove-bottom\"\n                />\n              )}\n            </div>\n            {showAddButton && (\n              <AddButton\n                onAdd={() => onAdd(index + 1)}\n                element={element}\n                readOnly={readOnly}\n                classes={[\n                  'ob-button-repeatable-set-layout__multiple-add-buttons',\n                ]}\n              />\n            )}\n          </>\n        )}\n      </RepeatableSetEntryProvider>\n    )\n  },\n)\n\nfunction AddButton({\n  id,\n  onAdd,\n  element,\n  readOnly,\n  classes,\n}: {\n  id?: string\n  onAdd: () => void\n  element: FormTypes.RepeatableSetElement\n  readOnly: boolean\n  isPrimary?: boolean\n  classes?: string[]\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        'button ob-button ob-button__add cypress-add-repeatable-set is-primary',\n        classes,\n      )}\n      onClick={onAdd}\n      disabled={readOnly}\n      aria-label={element.addSetEntryLabel ? undefined : 'Add Entry'}\n      id={id}\n    >\n      <span className=\"icon\">\n        <MaterialIcon>add</MaterialIcon>\n      </span>\n      {!!element.addSetEntryLabel && <span>{element.addSetEntryLabel}</span>}\n    </button>\n  )\n}\n\nfunction RemoveButton({\n  onConfirmRemove,\n  element,\n  readOnly,\n  className,\n  index,\n}: {\n  onConfirmRemove: () => void\n  element: FormTypes.RepeatableSetElement\n  readOnly: boolean\n  className?: string\n  index: number\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        'button ob-button ob-button_remove is-light cypress-remove-repeatable-set-entry',\n        className,\n      )}\n      onClick={onConfirmRemove}\n      disabled={readOnly}\n      aria-label={`${element.removeSetEntryLabel ?? 'Remove Entry'} ${index + 1}`}\n    >\n      <span className=\"icon\">\n        <MaterialIcon>delete_outline</MaterialIcon>\n      </span>\n      {!!element.removeSetEntryLabel && (\n        <span>{element.removeSetEntryLabel}</span>\n      )}\n    </button>\n  )\n}\n"]}
+{"version":3,"file":"FormElementRepeatableSet.js","sourceRoot":"","sources":["../../src/form-elements/FormElementRepeatableSet.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport useBooleanState from '../hooks/useBooleanState'\nimport generateDefaultData, {\n  ENTRY_ID_PROPERTY_NAME,\n  generateNewRepeatableSetEntry,\n} from '../services/generate-default-data'\nimport OneBlinkFormElements from '../components/renderer/OneBlinkFormElements'\nimport Modal from '../components/renderer/Modal'\nimport FormElementLabelContainer from '../components/renderer/FormElementLabelContainer'\nimport useValidationClass from '../hooks/useValidationClass'\nimport {\n  ExecutedLookups,\n  FormElementConditionallyShown,\n  FormElementLookupHandler,\n  FormElementsConditionallyShown,\n  FormElementsValidation,\n  FormElementValidation,\n  NestedFormElementValueChangeHandler,\n  IsDirtyProps,\n  UpdateFormElementsHandler,\n  SectionState,\n} from '../types/form'\nimport useFormElementRepeatableSetEntries from '../hooks/useFormElementRepeatableSetEntries'\nimport useElementAriaDescribedby from '../hooks/useElementAriaDescribedby'\nimport MaterialIcon from '../components/MaterialIcon'\nimport ElementDOMId from '../utils/elementDOMIds'\nimport { Collapse } from '@mui/material'\nimport FormElementValidationMessage from '../components/renderer/FormElementValidationMessage'\n\ntype Props = {\n  formId: number\n  id: string\n  isEven: boolean\n  element: FormTypes.RepeatableSetElement\n  /**\n   * Whether this set’s own controls (add/remove entries) are locked. The set\n   * itself must be listed in `editableFormElementIds` to add or remove entries;\n   * a nested field being listed is not enough.\n   */\n  readOnly: boolean\n  /**\n   * Lock to apply to fields inside each entry. True when the whole form is\n   * read-only, a parent is read-only, or this element’s definition has\n   * `readOnly: true`.\n   */\n  childrenReadOnly: boolean\n  value: Array<SubmissionTypes.S3SubmissionData['submission']> | undefined\n  onChange: NestedFormElementValueChangeHandler<\n    SubmissionTypes.S3SubmissionData['submission'][]\n  >\n  onLookup: FormElementLookupHandler\n  formElementConditionallyShown: FormElementConditionallyShown | undefined\n  formElementValidation: FormElementValidation | undefined\n  displayValidationMessage: boolean\n  onUpdateFormElements: UpdateFormElementsHandler\n  sectionState: SectionState\n} & IsDirtyProps\n\nconst RepeatableSetIndexContext = React.createContext<number>(0)\n\nfunction RepeatableSetEntryProvider({\n  index,\n  isAnimated,\n  element,\n  idPrefix,\n  onRemove,\n  children,\n}: {\n  isAnimated: boolean\n  index: number\n  element: FormTypes.RepeatableSetElement\n  idPrefix?: string\n  onRemove: (\n    index: number,\n    element: FormTypes.RepeatableSetElement,\n    idPrefix?: string,\n  ) => void\n  children: (renderProps: { onRemove: () => void }) => React.ReactNode\n}) {\n  const [isExpanded, setIsExpanded] = React.useState(true)\n\n  const handleRemove = React.useCallback(() => {\n    if (isAnimated) {\n      setIsExpanded(false)\n    } else {\n      onRemove(index, element, idPrefix)\n    }\n  }, [index, isAnimated, onRemove, element, idPrefix])\n\n  const node = (\n    <RepeatableSetIndexContext.Provider value={index}>\n      {children({\n        onRemove: handleRemove,\n      })}\n    </RepeatableSetIndexContext.Provider>\n  )\n\n  if (!isAnimated) {\n    return node\n  }\n\n  return (\n    <Collapse\n      in={isExpanded}\n      appear\n      onExited={() => {\n        onRemove(index, element, idPrefix)\n      }}\n      classes={{\n        root: 'ob-repeatable-set__collapsible',\n        wrapper: 'ob-repeatable-set__collapsible-wrapper',\n        wrapperInner: 'ob-repeatable-set__collapsible-wrapper-inner',\n      }}\n    >\n      {node}\n    </Collapse>\n  )\n}\n\nexport function useRepeatableSetIndexText(text: string) {\n  const index = React.useContext(RepeatableSetIndexContext)\n  return React.useMemo(\n    () => text.replace('{INDEX}', (index + 1).toString()),\n    [index, text],\n  )\n}\n\nfunction FormElementRepeatableSet({\n  formId,\n  element,\n  readOnly,\n  childrenReadOnly,\n  value,\n  formElementValidation,\n  id,\n  isEven,\n  displayValidationMessage,\n  formElementConditionallyShown,\n  onChange,\n  onLookup,\n  onUpdateFormElements,\n  isDirty,\n  setIsDirty,\n  sectionState,\n}: Props) {\n  const entries = React.useMemo(\n    () => (Array.isArray(value) ? value : []),\n    [value],\n  )\n\n  const handleAddEntry = React.useCallback(\n    (index: number) => {\n      onChange(element, {\n        value: (existingEntries) => {\n          const newEntries = [...(existingEntries || [])]\n          const entry = generateDefaultData(\n            element.elements,\n            generateNewRepeatableSetEntry(),\n          )\n\n          newEntries.splice(index, 0, entry)\n          return newEntries\n        },\n        executedLookups: (existingExecutedLookups) => {\n          if (\n            existingExecutedLookups !== undefined &&\n            !Array.isArray(existingExecutedLookups)\n          ) {\n            return []\n          }\n\n          const newExistingExecutedLookups = [\n            ...((existingExecutedLookups as ExecutedLookups[]) ??\n              Array.from(Array(entries.length))),\n          ]\n          newExistingExecutedLookups.push({})\n          return newExistingExecutedLookups\n        },\n        sectionState: (currentSectionState) => {\n          return (\n            currentSectionState?.map((section) => {\n              const idPrefixPattern = new RegExp(\n                `(.+)?${element.name}_entry-(.+)_(.+)`,\n              )\n              const entryIdPrefixMatches = section.id.match(idPrefixPattern)\n\n              if (entryIdPrefixMatches) {\n                const startOfId = entryIdPrefixMatches[1]\n                const entryIndex = parseInt(entryIdPrefixMatches[2])\n                const restOfId = entryIdPrefixMatches[3]\n\n                if (entryIndex >= index) {\n                  const newEntryIndex = entryIndex + 1\n                  section.id = `${startOfId ? startOfId : ''}${element.name}_entry-${newEntryIndex}_${restOfId}`\n                }\n              }\n\n              return section\n            }, []) || []\n          )\n        },\n      })\n      setIsDirty()\n    },\n    [element, onChange, setIsDirty, entries.length],\n  )\n\n  const handleRemoveEntry = React.useCallback(\n    (\n      index: number,\n      element: FormTypes.RepeatableSetElement,\n      idPrefix?: string,\n    ) => {\n      const entryIdPrefix = idPrefix || ''\n\n      onChange(element, {\n        value: (existingEntries) => {\n          const newEntries = [...(existingEntries || [])]\n          newEntries.splice(index, 1)\n          return newEntries\n        },\n        executedLookups: (existingExecutedLookups) => {\n          if (!Array.isArray(existingExecutedLookups)) {\n            return []\n          }\n          const newExistingExecutedLookups = [...existingExecutedLookups]\n\n          newExistingExecutedLookups.splice(index, 1)\n          return newExistingExecutedLookups\n        },\n        sectionState: (currentSectionState) => {\n          return (\n            currentSectionState?.reduce(\n              (\n                state: {\n                  id: string\n                  state: 'COLLAPSED' | 'EXPANDED'\n                }[],\n                section,\n              ) => {\n                const idPrefixPattern = new RegExp(\n                  `(.+)?${element.name}_entry-(\\\\d+)`,\n                )\n                const entryIdPrefixMatches =\n                  entryIdPrefix.match(idPrefixPattern)\n                if (\n                  !section.id.startsWith(entryIdPrefix) &&\n                  entryIdPrefixMatches\n                ) {\n                  const parentElementPath =\n                    entryIdPrefixMatches[1] || `${element.name}_entry`\n                  // only update nested sections where the parent path matches the entry that was removed\n                  if (section.id.startsWith(parentElementPath)) {\n                    // Match pattern: {elementName}_entry-{index}_\n                    // also yields a prefix and suffix for any match found\n                    const idPrefixWithFullIdPattern = new RegExp(\n                      `(.+)?${element.name}_entry-(\\\\d+)_(.+)`,\n                    )\n                    const match = section.id.match(idPrefixWithFullIdPattern)\n\n                    if (match) {\n                      const oldEntryIndex = parseInt(match[2], 10)\n                      if (oldEntryIndex > index) {\n                        const prefix = match[1]\n                        const restOfId = match[3]\n                        const newEntryIndex = oldEntryIndex - 1\n                        section.id = `${prefix ? prefix : ''}${element.name}_entry-${newEntryIndex}_${restOfId}`\n                      }\n                    }\n                  }\n\n                  state.push(section)\n                }\n\n                return state\n              },\n              [],\n            ) || []\n          )\n        },\n      })\n      setIsDirty()\n    },\n    [onChange, setIsDirty],\n  )\n\n  const handleNestedChange = React.useCallback(\n    (\n      index: number,\n      nestedElement: FormTypes.FormElement,\n      {\n        value,\n        executedLookups,\n        sectionState,\n        isDerivedChange,\n      }: Parameters<NestedFormElementValueChangeHandler>[1],\n      idPrefix?: string,\n    ) => {\n      if (nestedElement.type === 'section') {\n        // trigger onChange to update sectionState\n        onChange(\n          {\n            ...nestedElement,\n            id: idPrefix ? `${idPrefix}${nestedElement.id}` : nestedElement.id,\n          },\n          { executedLookups: undefined, sectionState },\n        )\n      }\n      if (!('name' in nestedElement)) {\n        return\n      }\n      onChange(element, {\n        value: (existingEntries) => {\n          const newEntries = (existingEntries || []).map((entry, i) => {\n            if (i === index) {\n              return {\n                ...entry,\n                [nestedElement.name]:\n                  typeof value === 'function'\n                    ? value(entry[nestedElement.name])\n                    : value,\n              }\n            } else {\n              return entry\n            }\n          })\n          return newEntries\n        },\n        executedLookups: (existingExecutedLookups) => {\n          const elementExecutedLookups = existingExecutedLookups ?? []\n          if (!Array.isArray(elementExecutedLookups)) {\n            return elementExecutedLookups\n          }\n          const newExecutedLookups = elementExecutedLookups.map(\n            (executedLookup, i) => {\n              if (i === index) {\n                const updatedExecutedLookups =\n                  typeof executedLookups === 'function'\n                    ? executedLookups(executedLookup?.[nestedElement.name])\n                    : executedLookups\n                return {\n                  ...executedLookup,\n                  [nestedElement.name]: updatedExecutedLookups,\n                }\n              }\n              return executedLookup\n            },\n          )\n          return newExecutedLookups\n        },\n        sectionState,\n        isDerivedChange,\n      })\n    },\n    [element, onChange],\n  )\n\n  const { minSetEntries, maxSetEntries } =\n    useFormElementRepeatableSetEntries(element)\n\n  const repeatableSetValidation = React.useMemo(\n    () =>\n      !formElementValidation ||\n      typeof formElementValidation === 'string' ||\n      formElementValidation.type !== 'repeatableSet'\n        ? undefined\n        : formElementValidation,\n    [formElementValidation],\n  )\n\n  const repeatableSetEntriesConditionallyShown =\n    formElementConditionallyShown &&\n    formElementConditionallyShown.type === 'repeatableSet'\n      ? formElementConditionallyShown.entries\n      : {}\n\n  const { validationClassName } = useValidationClass({\n    formElementsValid: !repeatableSetValidation,\n    displayInvalidClassName: isDirty || displayValidationMessage,\n    validClassName: 'ob-repeatable-set-element__valid',\n    invalidClassName: 'ob-repeatable-set-element__invalid',\n  })\n\n  const ariaDescribedby = useElementAriaDescribedby(id, element)\n\n  const showAddButton = React.useMemo(\n    () => !maxSetEntries || entries.length < maxSetEntries,\n    [maxSetEntries, entries.length],\n  )\n\n  const repeatableSetContainerClass = React.useMemo(() => {\n    const prefix = 'ob-repeatable-set-container-layout__'\n    switch (element.layout) {\n      case 'MULTIPLE_ADD_BUTTONS':\n        return prefix + 'multiple-add-buttons'\n      default:\n        return 'single-add-button'\n    }\n  }, [element.layout])\n\n  return (\n    <div\n      className={clsx('cypress-repeatable-set-element', validationClassName)}\n      aria-labelledby={`${id}-label`}\n      aria-describedby={ariaDescribedby}\n      role=\"region\"\n    >\n      {/*  */}\n      <FormElementLabelContainer\n        className={clsx(\n          'ob-repeatable-set',\n          isEven ? 'even' : 'odd',\n          repeatableSetContainerClass,\n        )}\n        element={element}\n        id={id}\n        required={!!minSetEntries && minSetEntries > 0}\n        associateLabelWithInput={false}\n      >\n        {element.layout === 'MULTIPLE_ADD_BUTTONS' && showAddButton && (\n          <AddButton\n            onAdd={() => handleAddEntry(0)}\n            element={element}\n            readOnly={readOnly}\n            classes={['ob-button-repeatable-set-layout__multiple-add-buttons']}\n            id={id}\n          />\n        )}\n        {entries.map((entry, index) => {\n          return (\n            <RepeatableSetEntry\n              key={entry[ENTRY_ID_PROPERTY_NAME] as string}\n              formId={formId}\n              index={index}\n              id={id}\n              isEven={isEven}\n              entry={entry}\n              element={element}\n              readOnly={readOnly}\n              childrenReadOnly={childrenReadOnly}\n              showAddButton={\n                element.layout === 'MULTIPLE_ADD_BUTTONS' && showAddButton\n              }\n              onChange={handleNestedChange}\n              onLookup={onLookup}\n              onAdd={handleAddEntry}\n              onRemove={handleRemoveEntry}\n              formElementsConditionallyShown={\n                repeatableSetEntriesConditionallyShown[index.toString()]\n              }\n              formElementsValidation={\n                repeatableSetValidation &&\n                repeatableSetValidation.entries[index.toString()]\n              }\n              displayValidationMessages={displayValidationMessage}\n              onUpdateFormElements={onUpdateFormElements}\n              sectionState={sectionState}\n            />\n          )\n        })}\n        {(!element.layout || element.layout === 'SINGLE_ADD_BUTTON') &&\n          showAddButton && (\n            <AddButton\n              onAdd={() => handleAddEntry(entries.length)}\n              element={element}\n              readOnly={readOnly}\n              id={id}\n            />\n          )}\n        {(isDirty || displayValidationMessage) &&\n          !!repeatableSetValidation &&\n          !!repeatableSetValidation.set && (\n            <FormElementValidationMessage\n              message={repeatableSetValidation.set}\n            />\n          )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementRepeatableSet)\n\ntype RepeatableSetEntryProps = {\n  formId: number\n  id: string\n  index: number\n  isEven: boolean\n  entry: SubmissionTypes.S3SubmissionData['submission']\n  element: FormTypes.RepeatableSetElement\n  /**\n   * Whether this entry’s add/remove controls are locked. See\n   * `FormElementRepeatableSet` `readOnly`.\n   */\n  readOnly: boolean\n  /**\n   * Lock to apply to fields in this entry. See `FormElementRepeatableSet`\n   * `childrenReadOnly`.\n   */\n  childrenReadOnly: boolean\n  formElementsConditionallyShown: FormElementsConditionallyShown | undefined\n  formElementsValidation: FormElementsValidation | undefined\n  displayValidationMessages: boolean\n  showAddButton: boolean\n  onChange: (\n    index: number,\n    formElement: FormTypes.FormElement,\n    {\n      value,\n      executedLookups,\n    }: Parameters<NestedFormElementValueChangeHandler>[1],\n    idPrefix?: string,\n  ) => void\n  onLookup: FormElementLookupHandler\n  onAdd: (index: number) => unknown\n  onRemove: (\n    index: number,\n    element: FormTypes.RepeatableSetElement,\n    idPrefix?: string,\n  ) => unknown\n  onUpdateFormElements: UpdateFormElementsHandler\n  sectionState: SectionState\n}\n\nconst RepeatableSetEntry = React.memo<RepeatableSetEntryProps>(\n  function RepeatableSetEntry({\n    formId,\n    id,\n    index,\n    isEven,\n    entry,\n    element,\n    readOnly,\n    childrenReadOnly,\n    formElementsConditionallyShown,\n    displayValidationMessages,\n    formElementsValidation,\n    onChange,\n    onLookup,\n    onAdd,\n    onRemove,\n    onUpdateFormElements,\n    showAddButton,\n    sectionState,\n  }: RepeatableSetEntryProps) {\n    const [isConfirmingRemove, confirmRemove, cancelRemove] =\n      useBooleanState(false)\n    const elementDOMId = React.useMemo(() => new ElementDOMId(id), [id])\n\n    const handleChange: NestedFormElementValueChangeHandler = React.useCallback(\n      (\n        nestedElement,\n        { value, executedLookups, sectionState, isDerivedChange },\n        idPrefix,\n      ) => {\n        onChange(\n          index,\n          nestedElement,\n          {\n            value,\n            executedLookups,\n            sectionState,\n            isDerivedChange,\n          },\n          idPrefix,\n        )\n      },\n      [index, onChange],\n    )\n\n    const handleLookup = React.useCallback<FormElementLookupHandler>(\n      (mergeLookupResults, options) => {\n        onLookup((currentFormSubmission) => {\n          let newEntry = {}\n          const entries = currentFormSubmission.submission[\n            element.name\n          ] as Array<SubmissionTypes.S3SubmissionData['submission']>\n          const repeatableSetExecutedLookups =\n            (currentFormSubmission.executedLookups?.[\n              element.name\n            ] as ExecutedLookups[]) ?? Array.from(Array(entries.length))\n          // if the repeatable set is prefilled or has minimum entries then executed lookups exists,\n          // but is an empty array\n          for (let i = 0; i < entries.length; i++) {\n            if (!repeatableSetExecutedLookups[index]) {\n              repeatableSetExecutedLookups[index] = {}\n            }\n          }\n          let newExecutedLookups: ExecutedLookups = {}\n          const elements = currentFormSubmission.elements.map((formElement) => {\n            if (\n              formElement.type === 'repeatableSet' &&\n              formElement.name === element.name\n            ) {\n              const { elements, submission, executedLookups } =\n                mergeLookupResults({\n                  elements: formElement.elements,\n                  submission: entries[index],\n                  lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                  executedLookups: repeatableSetExecutedLookups[index] ?? {},\n                  sectionState: currentFormSubmission.sectionState,\n                })\n              newEntry = submission\n              newExecutedLookups = executedLookups as ExecutedLookups\n              return {\n                ...formElement,\n                elements,\n              }\n            }\n            return formElement\n          })\n\n          const submission = {\n            ...currentFormSubmission.submission,\n            [element.name]: entries.map((entry, i) => {\n              if (i === index) {\n                return newEntry\n              }\n              return entry\n            }),\n          }\n\n          let updatedExecutedLookups = currentFormSubmission.executedLookups\n          if (Array.isArray(repeatableSetExecutedLookups)) {\n            updatedExecutedLookups = {\n              ...currentFormSubmission.executedLookups,\n              [element.name]: repeatableSetExecutedLookups.map((entry, i) => {\n                if (i == index) {\n                  return newExecutedLookups\n                }\n                return entry\n              }),\n            }\n          }\n\n          return {\n            elements,\n            submission,\n            executedLookups: updatedExecutedLookups,\n          }\n        }, options)\n      },\n      [element.name, index, onLookup],\n    )\n\n    const { validationClassName } = useValidationClass({\n      formElementsValid: !formElementsValidation,\n      displayInvalidClassName: displayValidationMessages,\n      validClassName: 'ob-repeatable-set__valid',\n      invalidClassName: 'ob-repeatable-set__invalid',\n    })\n\n    const handleUpdateNestedFormElements =\n      React.useCallback<UpdateFormElementsHandler>(\n        (setter) => {\n          onUpdateFormElements((formElements) => {\n            return formElements.map((formElement) => {\n              if (\n                formElement.id === element.id &&\n                formElement.type === 'repeatableSet'\n              ) {\n                return {\n                  ...formElement,\n                  elements: setter(formElement.elements),\n                }\n              }\n              return formElement\n            })\n          })\n        },\n        [element.id, onUpdateFormElements],\n      )\n\n    const idPrefix = elementDOMId.repeatableSetEntryDOMIdPrefix(\n      index.toString(),\n    )\n\n    return (\n      <RepeatableSetEntryProvider\n        index={index}\n        element={element}\n        idPrefix={idPrefix}\n        onRemove={onRemove}\n        isAnimated={element.layout === 'MULTIPLE_ADD_BUTTONS'}\n      >\n        {({ onRemove }) => (\n          <>\n            <Modal\n              isOpen={isConfirmingRemove}\n              className=\"cypress-repeatable-set-prompt\"\n              titleClassName=\"cypress-repeatable-set-remove-entry-header\"\n              title={element.removeSetEntryLabel || 'Remove Entry'}\n              actions={\n                <>\n                  <button\n                    type=\"button\"\n                    className=\"button ob-button is-light cypress-cancel-repeatable-set\"\n                    onClick={cancelRemove}\n                  >\n                    Cancel\n                  </button>\n                  <button\n                    type=\"button\"\n                    className=\"button ob-button is-primary cypress-confirm-repeatable-set\"\n                    onClick={() => {\n                      cancelRemove()\n                      onRemove()\n                    }}\n                    autoFocus\n                  >\n                    Yes\n                  </button>\n                </>\n              }\n            >\n              Are you sure you want to remove this entry?\n            </Modal>\n\n            <div\n              className={clsx(\n                'ob-repeatable-set__container cypress-repeatable-set-container',\n                validationClassName,\n              )}\n            >\n              {(!element.layout || element.layout === 'SINGLE_ADD_BUTTON') && (\n                <RemoveButton\n                  onConfirmRemove={confirmRemove}\n                  element={element}\n                  readOnly={readOnly}\n                  className=\"ob-repeatable-set__button-remove-top\"\n                  index={index}\n                />\n              )}\n\n              <OneBlinkFormElements\n                formId={formId}\n                idPrefix={idPrefix}\n                isEven={isEven}\n                formElementsValidation={formElementsValidation}\n                displayValidationMessages={displayValidationMessages}\n                elements={element.elements}\n                onChange={handleChange}\n                onLookup={handleLookup}\n                model={entry}\n                parentElement={element}\n                readOnly={childrenReadOnly}\n                formElementsConditionallyShown={formElementsConditionallyShown}\n                onUpdateFormElements={handleUpdateNestedFormElements}\n                sectionState={sectionState}\n              />\n              {element.layout === 'MULTIPLE_ADD_BUTTONS' && (\n                <RemoveButton\n                  onConfirmRemove={confirmRemove}\n                  element={element}\n                  readOnly={readOnly}\n                  index={index}\n                  className=\"ob-repeatable-set__button-remove-bottom\"\n                />\n              )}\n            </div>\n            {showAddButton && (\n              <AddButton\n                onAdd={() => onAdd(index + 1)}\n                element={element}\n                readOnly={readOnly}\n                classes={[\n                  'ob-button-repeatable-set-layout__multiple-add-buttons',\n                ]}\n              />\n            )}\n          </>\n        )}\n      </RepeatableSetEntryProvider>\n    )\n  },\n)\n\nfunction AddButton({\n  id,\n  onAdd,\n  element,\n  readOnly,\n  classes,\n}: {\n  id?: string\n  onAdd: () => void\n  element: FormTypes.RepeatableSetElement\n  readOnly: boolean\n  isPrimary?: boolean\n  classes?: string[]\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        'button ob-button ob-button__add cypress-add-repeatable-set is-primary',\n        classes,\n      )}\n      onClick={onAdd}\n      disabled={readOnly}\n      aria-label={element.addSetEntryLabel ? undefined : 'Add Entry'}\n      id={id}\n    >\n      <span className=\"icon\">\n        <MaterialIcon>add</MaterialIcon>\n      </span>\n      {!!element.addSetEntryLabel && <span>{element.addSetEntryLabel}</span>}\n    </button>\n  )\n}\n\nfunction RemoveButton({\n  onConfirmRemove,\n  element,\n  readOnly,\n  className,\n  index,\n}: {\n  onConfirmRemove: () => void\n  element: FormTypes.RepeatableSetElement\n  readOnly: boolean\n  className?: string\n  index: number\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        'button ob-button ob-button_remove is-light cypress-remove-repeatable-set-entry',\n        className,\n      )}\n      onClick={onConfirmRemove}\n      disabled={readOnly}\n      aria-label={`${element.removeSetEntryLabel ?? 'Remove Entry'} ${index + 1}`}\n    >\n      <span className=\"icon\">\n        <MaterialIcon>delete_outline</MaterialIcon>\n      </span>\n      {!!element.removeSetEntryLabel && (\n        <span>{element.removeSetEntryLabel}</span>\n      )}\n    </button>\n  )\n}\n"]}

package/dist/form-elements/FormElementSection.d.ts

@@ -5,9 +5,9 @@ import { SectionState } from '../types/form';
 declare function FormElementSection<T extends FormTypes._NestedElementsElement>({ element, childrenReadOnly, onLookup, displayValidationMessages, onUpdateFormElements, sectionHeaderId, sectionState, ...props }: Omit<Props<T>, 'elements' | 'readOnly'> & {
     element: FormTypes.SectionElement;
     /**
-     * Lock to apply to nested fields. True when the whole form is read-only
-     * or a parent is read-only. Does not include this section’s audience
-     * lock, so an `ALL_STEPS` child can stay editable.
+     * Lock to apply to nested fields. True when the whole form is read-only or a
+     * parent is read-only. A child included in `editableFormElementIds` can stay
+     * editable.
      */
     childrenReadOnly: boolean;
     sectionHeaderId: string;

package/dist/form-elements/FormElementSection.js

@@ -45,7 +45,7 @@ function FormElementSection({ element, childrenReadOnly, onLookup, displayValida
         validClassName: 'ob-section__valid',
         invalidClassName: 'ob-section__invalid',
     });
-    const handleLookup = React.useCallback((mergeLookupResults) => {
+    const handleLookup = React.useCallback((mergeLookupResults, options) => {
         onLookup((currentFormSubmission) => {
             let model = currentFormSubmission.submission;
             let newExecutedLookups = {};
@@ -74,7 +74,7 @@ function FormElementSection({ element, childrenReadOnly, onLookup, displayValida
                 executedLookups: newExecutedLookups,
                 sectionState: currentFormSubmission.sectionState,
             };
-        });
+        }, options);
     }, [element.id, onLookup]);
     const handleUpdateNestedFormElements = React.useCallback((setter) => {
         onUpdateFormElements((formElements) => {

package/dist/form-elements/FormElementSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementSection.js","sourceRoot":"","sources":["../../src/form-elements/FormElementSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { Collapse } from '@mui/material'\nimport Tooltip from '../components/renderer/Tooltip'\nimport { FormTypes } from '@oneblink/types'\nimport useBooleanState from '../hooks/useBooleanState'\nimport OneBlinkFormElements, {\n  Props,\n} from '../components/renderer/OneBlinkFormElements'\nimport { checkSectionValidity } from '../services/form-validation/validators'\nimport {\n  FormElementLookupHandler,\n  UpdateFormElementsHandler,\n  ExecutedLookups,\n  SectionState,\n} from '../types/form'\nimport {\n  HintBelowLabel,\n  HintTooltip,\n} from '../components/renderer/FormElementLabelContainer'\nimport useValidationClass from '../hooks/useValidationClass'\nimport MaterialIcon from '../components/MaterialIcon'\n\nfunction sectionStateToBoolean(state: 'COLLAPSED' | 'EXPANDED') {\n  if (state === 'COLLAPSED') {\n    return true\n  }\n  return false\n}\n\nfunction FormElementSection<T extends FormTypes._NestedElementsElement>({\n  element,\n  childrenReadOnly,\n  onLookup,\n  displayValidationMessages,\n  onUpdateFormElements,\n  sectionHeaderId,\n  sectionState = [],\n  ...props\n}: Omit<Props<T>, 'elements' | 'readOnly'> & {\n  element: FormTypes.SectionElement\n  /**\n   * Lock to apply to nested fields. True when the whole form is read-only\n   * or a parent is read-only. Does not include this section’s audience\n   * lock, so an `ALL_STEPS` child can stay editable.\n   */\n  childrenReadOnly: boolean\n  sectionHeaderId: string\n  sectionState?: SectionState\n}) {\n  const sectionStateEntry = sectionState.find(\n    (section) => section.id === `${props['idPrefix']}${element.id}`,\n  )\n  const isCollapsedFromState = sectionStateEntry?.state\n    ? sectionStateToBoolean(sectionStateEntry.state)\n    : element.isCollapsed\n\n  const [isCollapsed, , , toggle] = useBooleanState(isCollapsedFromState)\n\n  const handleToggle = React.useCallback(() => {\n    // trigger onChange to update the sectionState\n    props.onChange(\n      element,\n      {\n        executedLookups: undefined,\n        sectionState,\n      },\n      props['idPrefix'],\n    )\n    toggle()\n  }, [element, props, sectionState, toggle])\n\n  const [isDisplayingError, setIsDisplayingError] = React.useState(isCollapsed)\n  const headerRef = React.useRef<HTMLDivElement>(null)\n  const id = `${props['idPrefix']}${element.id}`\n\n  React.useEffect(() => {\n    if (isCollapsed && !isDisplayingError) {\n      setIsDisplayingError(true)\n    }\n  }, [isCollapsed, isDisplayingError])\n\n  const displayValidationMessage =\n    displayValidationMessages || isDisplayingError\n\n  const isValid = React.useMemo(\n    () => !checkSectionValidity(element, props.formElementsValidation),\n    [element, props.formElementsValidation],\n  )\n\n  const { validationClassName, valid } = useValidationClass({\n    formElementsValid: isValid,\n    displayInvalidClassName: displayValidationMessage,\n    validClassName: 'ob-section__valid',\n    invalidClassName: 'ob-section__invalid',\n  })\n\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults) => {\n      onLookup((currentFormSubmission) => {\n        let model = currentFormSubmission.submission\n        let newExecutedLookups: ExecutedLookups = {}\n        const elements = currentFormSubmission.elements.map((formElement) => {\n          if (formElement.type === 'section' && formElement.id === element.id) {\n            const { elements, submission, executedLookups } =\n              mergeLookupResults({\n                elements: formElement.elements,\n                submission: currentFormSubmission.submission,\n                lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                executedLookups: currentFormSubmission.executedLookups,\n                sectionState: currentFormSubmission.sectionState,\n              })\n            model = submission\n            newExecutedLookups = executedLookups\n            return {\n              ...formElement,\n              elements,\n            }\n          }\n          return formElement\n        })\n\n        return {\n          elements,\n          submission: model,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: newExecutedLookups,\n          sectionState: currentFormSubmission.sectionState,\n        }\n      })\n    },\n    [element.id, onLookup],\n  )\n\n  const handleUpdateNestedFormElements =\n    React.useCallback<UpdateFormElementsHandler>(\n      (setter) => {\n        onUpdateFormElements((formElements) => {\n          return formElements.map((formElement) => {\n            if (\n              formElement.id === element.id &&\n              formElement.type === 'section'\n            ) {\n              return {\n                ...formElement,\n                elements: setter(formElement.elements),\n              }\n            }\n            return formElement\n          })\n        })\n      },\n      [element.id, onUpdateFormElements],\n    )\n\n  const handleClickBottomCollapseButton = React.useCallback(() => {\n    handleToggle()\n    headerRef.current?.scrollIntoView({\n      behavior: 'smooth',\n      block: 'center',\n      inline: 'nearest',\n    })\n  }, [handleToggle])\n\n  return (\n    <div className={clsx('ob-section', validationClassName)}>\n      <div\n        className={clsx('ob-section__header cypress-section-header', {\n          'ob-section__header-filled': element.canCollapseFromBottom,\n        })}\n        onClick={handleToggle}\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            handleToggle()\n          }\n        }}\n        ref={headerRef}\n      >\n        <h3 className=\"ob-section__header-text title is-3\" id={sectionHeaderId}>\n          {element.label}\n          {element.hint &&\n            (element.hintPosition === 'TOOLTIP' || !element.hintPosition) && (\n              <HintTooltip hint={element.hint} inputId={id} />\n            )}\n        </h3>\n        <div className=\"ob-section__header-icon-container\">\n          {!valid && displayValidationMessage && (\n            <Tooltip title=\"Section has errors\">\n              <MaterialIcon className=\"has-text-danger cypress-section-invalid-icon section-invalid-icon fade-in\">\n                warning\n              </MaterialIcon>\n            </Tooltip>\n          )}\n          <MaterialIcon\n            className={clsx('ob-section__header-icon', {\n              'is-rotated': !isCollapsed,\n            })}\n          >\n            expand_more\n          </MaterialIcon>\n        </div>\n        {element.hint && element.hintPosition === 'BELOW_LABEL' && (\n          <div className=\"ob-section__hint-text-container\">\n            <HintBelowLabel hint={element.hint} inputId={id} />\n          </div>\n        )}\n      </div>\n      {!element.canCollapseFromBottom && <hr className=\"ob-section__divider\" />}\n      <Collapse\n        in={!isCollapsed}\n        classes={{\n          root: 'ob-section__content',\n          entered: 'ob-section__expanded',\n          hidden: 'ob-section__collapsed',\n        }}\n      >\n        <SectionElementsWrapper\n          element={element}\n          onCollapse={handleClickBottomCollapseButton}\n        >\n          <OneBlinkFormElements\n            {...props}\n            readOnly={childrenReadOnly}\n            displayValidationMessages={displayValidationMessage}\n            onLookup={handleLookup}\n            elements={element.elements}\n            onUpdateFormElements={handleUpdateNestedFormElements}\n            sectionState={sectionState}\n          />\n        </SectionElementsWrapper>\n      </Collapse>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementSection)\n\nconst SectionElementsWrapper = ({\n  children,\n  element,\n  onCollapse,\n}: {\n  children: React.ReactNode\n  element: FormTypes.SectionElement\n  onCollapse: () => void\n}) => {\n  return element.canCollapseFromBottom ? (\n    <div className=\"ob-section__collapsible-content-container\">\n      {children}\n\n      <button\n        type=\"button\"\n        className=\"button is-rounded is-light ob-section__bottom-collapse-button\"\n        onClick={onCollapse}\n      >\n        <span className=\"icon\">\n          <MaterialIcon>expand_less</MaterialIcon>\n        </span>\n        <span>Collapse</span>\n      </button>\n    </div>\n  ) : (\n    <>{children}</>\n  )\n}\n"]}
+{"version":3,"file":"FormElementSection.js","sourceRoot":"","sources":["../../src/form-elements/FormElementSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,OAAO,MAAM,gCAAgC,CAAA;AAEpD,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,oBAEN,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAA;AAO7E,OAAO,EACL,cAAc,EACd,WAAW,GACZ,MAAM,kDAAkD,CAAA;AACzD,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAC5D,OAAO,YAAY,MAAM,4BAA4B,CAAA;AAErD,SAAS,qBAAqB,CAAC,KAA+B;IAC5D,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAA;IACb,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,kBAAkB,CAA6C,EACtE,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,yBAAyB,EACzB,oBAAoB,EACpB,eAAe,EACf,YAAY,GAAG,EAAE,EACjB,GAAG,KAAK,EAWT;IACC,MAAM,iBAAiB,GAAG,YAAY,CAAC,IAAI,CACzC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,CAChE,CAAA;IACD,MAAM,oBAAoB,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK;QACnD,CAAC,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAChD,CAAC,CAAC,OAAO,CAAC,WAAW,CAAA;IAEvB,MAAM,CAAC,WAAW,EAAE,AAAD,EAAG,AAAD,EAAG,MAAM,CAAC,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAA;IAEvE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,8CAA8C;QAC9C,KAAK,CAAC,QAAQ,CACZ,OAAO,EACP;YACE,eAAe,EAAE,SAAS;YAC1B,YAAY;SACb,EACD,KAAK,CAAC,UAAU,CAAC,CAClB,CAAA;QACD,MAAM,EAAE,CAAA;IACV,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAA;IACpD,MAAM,EAAE,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,CAAA;IAE9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACtC,oBAAoB,CAAC,IAAI,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEpC,MAAM,wBAAwB,GAC5B,yBAAyB,IAAI,iBAAiB,CAAA;IAEhD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,oBAAoB,CAAC,OAAO,EAAE,KAAK,CAAC,sBAAsB,CAAC,EAClE,CAAC,OAAO,EAAE,KAAK,CAAC,sBAAsB,CAAC,CACxC,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAG,kBAAkB,CAAC;QACxD,iBAAiB,EAAE,OAAO;QAC1B,uBAAuB,EAAE,wBAAwB;QACjD,cAAc,EAAE,mBAAmB;QACnC,gBAAgB,EAAE,qBAAqB;KACxC,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,kBAAkB,EAAE,OAAO,EAAE,EAAE;QAC9B,QAAQ,CAAC,CAAC,qBAAqB,EAAE,EAAE;YACjC,IAAI,KAAK,GAAG,qBAAqB,CAAC,UAAU,CAAA;YAC5C,IAAI,kBAAkB,GAAoB,EAAE,CAAA;YAC5C,MAAM,QAAQ,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;gBAClE,IAAI,WAAW,CAAC,IAAI,KAAK,SAAS,IAAI,WAAW,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,EAAE,CAAC;oBACpE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,GAC7C,kBAAkB,CAAC;wBACjB,QAAQ,EAAE,WAAW,CAAC,QAAQ;wBAC9B,UAAU,EAAE,qBAAqB,CAAC,UAAU;wBAC5C,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;wBAC5D,eAAe,EAAE,qBAAqB,CAAC,eAAe;wBACtD,YAAY,EAAE,qBAAqB,CAAC,YAAY;qBACjD,CAAC,CAAA;oBACJ,KAAK,GAAG,UAAU,CAAA;oBAClB,kBAAkB,GAAG,eAAe,CAAA;oBACpC,OAAO;wBACL,GAAG,WAAW;wBACd,QAAQ;qBACT,CAAA;gBACH,CAAC;gBACD,OAAO,WAAW,CAAA;YACpB,CAAC,CAAC,CAAA;YAEF,OAAO;gBACL,QAAQ;gBACR,UAAU,EAAE,KAAK;gBACjB,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;gBAC5D,eAAe,EAAE,kBAAkB;gBACnC,YAAY,EAAE,qBAAqB,CAAC,YAAY;aACjD,CAAA;QACH,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,EACD,CAAC,OAAO,CAAC,EAAE,EAAE,QAAQ,CAAC,CACvB,CAAA;IAED,MAAM,8BAA8B,GAClC,KAAK,CAAC,WAAW,CACf,CAAC,MAAM,EAAE,EAAE;QACT,oBAAoB,CAAC,CAAC,YAAY,EAAE,EAAE;YACpC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;gBACtC,IACE,WAAW,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE;oBAC7B,WAAW,CAAC,IAAI,KAAK,SAAS,EAC9B,CAAC;oBACD,OAAO;wBACL,GAAG,WAAW;wBACd,QAAQ,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC;qBACvC,CAAA;gBACH,CAAC;gBACD,OAAO,WAAW,CAAA;YACpB,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,OAAO,CAAC,EAAE,EAAE,oBAAoB,CAAC,CACnC,CAAA;IAEH,MAAM,+BAA+B,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;;QAC7D,YAAY,EAAE,CAAA;QACd,MAAA,SAAS,CAAC,OAAO,0CAAE,cAAc,CAAC;YAChC,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,SAAS;SAClB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,mBAAmB,CAAC,aACrD,eACE,SAAS,EAAE,IAAI,CAAC,2CAA2C,EAAE;oBAC3D,2BAA2B,EAAE,OAAO,CAAC,qBAAqB;iBAC3D,CAAC,EACF,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,YAAY,EAAE,CAAA;oBAChB,CAAC;gBACH,CAAC,EACD,GAAG,EAAE,SAAS,aAEd,cAAI,SAAS,EAAC,oCAAoC,EAAC,EAAE,EAAE,eAAe,aACnE,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,IAAI;gCACX,CAAC,OAAO,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAC/D,KAAC,WAAW,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,GAAI,CACjD,IACA,EACL,eAAK,SAAS,EAAC,mCAAmC,aAC/C,CAAC,KAAK,IAAI,wBAAwB,IAAI,CACrC,KAAC,OAAO,IAAC,KAAK,EAAC,oBAAoB,YACjC,KAAC,YAAY,IAAC,SAAS,EAAC,2EAA2E,wBAEpF,GACP,CACX,EACD,KAAC,YAAY,IACX,SAAS,EAAE,IAAI,CAAC,yBAAyB,EAAE;oCACzC,YAAY,EAAE,CAAC,WAAW;iCAC3B,CAAC,4BAGW,IACX,EACL,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,YAAY,KAAK,aAAa,IAAI,CACzD,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,cAAc,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,GAAI,GAC/C,CACP,IACG,EACL,CAAC,OAAO,CAAC,qBAAqB,IAAI,aAAI,SAAS,EAAC,qBAAqB,GAAG,EACzE,KAAC,QAAQ,IACP,EAAE,EAAE,CAAC,WAAW,EAChB,OAAO,EAAE;oBACP,IAAI,EAAE,qBAAqB;oBAC3B,OAAO,EAAE,sBAAsB;oBAC/B,MAAM,EAAE,uBAAuB;iBAChC,YAED,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,+BAA+B,YAE3C,KAAC,oBAAoB,OACf,KAAK,EACT,QAAQ,EAAE,gBAAgB,EAC1B,yBAAyB,EAAE,wBAAwB,EACnD,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,oBAAoB,EAAE,8BAA8B,EACpD,YAAY,EAAE,YAAY,GAC1B,GACqB,GAChB,IACP,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;AAE7C,MAAM,sBAAsB,GAAG,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,UAAU,GAKX,EAAE,EAAE;IACH,OAAO,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC,CACrC,eAAK,SAAS,EAAC,2CAA2C,aACvD,QAAQ,EAET,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,UAAU,aAEnB,eAAM,SAAS,EAAC,MAAM,YACpB,KAAC,YAAY,8BAA2B,GACnC,EACP,sCAAqB,IACd,IACL,CACP,CAAC,CAAC,CAAC,CACF,4BAAG,QAAQ,GAAI,CAChB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport clsx from 'clsx'\nimport { Collapse } from '@mui/material'\nimport Tooltip from '../components/renderer/Tooltip'\nimport { FormTypes } from '@oneblink/types'\nimport useBooleanState from '../hooks/useBooleanState'\nimport OneBlinkFormElements, {\n  Props,\n} from '../components/renderer/OneBlinkFormElements'\nimport { checkSectionValidity } from '../services/form-validation/validators'\nimport {\n  FormElementLookupHandler,\n  UpdateFormElementsHandler,\n  ExecutedLookups,\n  SectionState,\n} from '../types/form'\nimport {\n  HintBelowLabel,\n  HintTooltip,\n} from '../components/renderer/FormElementLabelContainer'\nimport useValidationClass from '../hooks/useValidationClass'\nimport MaterialIcon from '../components/MaterialIcon'\n\nfunction sectionStateToBoolean(state: 'COLLAPSED' | 'EXPANDED') {\n  if (state === 'COLLAPSED') {\n    return true\n  }\n  return false\n}\n\nfunction FormElementSection<T extends FormTypes._NestedElementsElement>({\n  element,\n  childrenReadOnly,\n  onLookup,\n  displayValidationMessages,\n  onUpdateFormElements,\n  sectionHeaderId,\n  sectionState = [],\n  ...props\n}: Omit<Props<T>, 'elements' | 'readOnly'> & {\n  element: FormTypes.SectionElement\n  /**\n   * Lock to apply to nested fields. True when the whole form is read-only or a\n   * parent is read-only. A child included in `editableFormElementIds` can stay\n   * editable.\n   */\n  childrenReadOnly: boolean\n  sectionHeaderId: string\n  sectionState?: SectionState\n}) {\n  const sectionStateEntry = sectionState.find(\n    (section) => section.id === `${props['idPrefix']}${element.id}`,\n  )\n  const isCollapsedFromState = sectionStateEntry?.state\n    ? sectionStateToBoolean(sectionStateEntry.state)\n    : element.isCollapsed\n\n  const [isCollapsed, , , toggle] = useBooleanState(isCollapsedFromState)\n\n  const handleToggle = React.useCallback(() => {\n    // trigger onChange to update the sectionState\n    props.onChange(\n      element,\n      {\n        executedLookups: undefined,\n        sectionState,\n      },\n      props['idPrefix'],\n    )\n    toggle()\n  }, [element, props, sectionState, toggle])\n\n  const [isDisplayingError, setIsDisplayingError] = React.useState(isCollapsed)\n  const headerRef = React.useRef<HTMLDivElement>(null)\n  const id = `${props['idPrefix']}${element.id}`\n\n  React.useEffect(() => {\n    if (isCollapsed && !isDisplayingError) {\n      setIsDisplayingError(true)\n    }\n  }, [isCollapsed, isDisplayingError])\n\n  const displayValidationMessage =\n    displayValidationMessages || isDisplayingError\n\n  const isValid = React.useMemo(\n    () => !checkSectionValidity(element, props.formElementsValidation),\n    [element, props.formElementsValidation],\n  )\n\n  const { validationClassName, valid } = useValidationClass({\n    formElementsValid: isValid,\n    displayInvalidClassName: displayValidationMessage,\n    validClassName: 'ob-section__valid',\n    invalidClassName: 'ob-section__invalid',\n  })\n\n  const handleLookup = React.useCallback<FormElementLookupHandler>(\n    (mergeLookupResults, options) => {\n      onLookup((currentFormSubmission) => {\n        let model = currentFormSubmission.submission\n        let newExecutedLookups: ExecutedLookups = {}\n        const elements = currentFormSubmission.elements.map((formElement) => {\n          if (formElement.type === 'section' && formElement.id === element.id) {\n            const { elements, submission, executedLookups } =\n              mergeLookupResults({\n                elements: formElement.elements,\n                submission: currentFormSubmission.submission,\n                lastElementUpdated: currentFormSubmission.lastElementUpdated,\n                executedLookups: currentFormSubmission.executedLookups,\n                sectionState: currentFormSubmission.sectionState,\n              })\n            model = submission\n            newExecutedLookups = executedLookups\n            return {\n              ...formElement,\n              elements,\n            }\n          }\n          return formElement\n        })\n\n        return {\n          elements,\n          submission: model,\n          lastElementUpdated: currentFormSubmission.lastElementUpdated,\n          executedLookups: newExecutedLookups,\n          sectionState: currentFormSubmission.sectionState,\n        }\n      }, options)\n    },\n    [element.id, onLookup],\n  )\n\n  const handleUpdateNestedFormElements =\n    React.useCallback<UpdateFormElementsHandler>(\n      (setter) => {\n        onUpdateFormElements((formElements) => {\n          return formElements.map((formElement) => {\n            if (\n              formElement.id === element.id &&\n              formElement.type === 'section'\n            ) {\n              return {\n                ...formElement,\n                elements: setter(formElement.elements),\n              }\n            }\n            return formElement\n          })\n        })\n      },\n      [element.id, onUpdateFormElements],\n    )\n\n  const handleClickBottomCollapseButton = React.useCallback(() => {\n    handleToggle()\n    headerRef.current?.scrollIntoView({\n      behavior: 'smooth',\n      block: 'center',\n      inline: 'nearest',\n    })\n  }, [handleToggle])\n\n  return (\n    <div className={clsx('ob-section', validationClassName)}>\n      <div\n        className={clsx('ob-section__header cypress-section-header', {\n          'ob-section__header-filled': element.canCollapseFromBottom,\n        })}\n        onClick={handleToggle}\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            handleToggle()\n          }\n        }}\n        ref={headerRef}\n      >\n        <h3 className=\"ob-section__header-text title is-3\" id={sectionHeaderId}>\n          {element.label}\n          {element.hint &&\n            (element.hintPosition === 'TOOLTIP' || !element.hintPosition) && (\n              <HintTooltip hint={element.hint} inputId={id} />\n            )}\n        </h3>\n        <div className=\"ob-section__header-icon-container\">\n          {!valid && displayValidationMessage && (\n            <Tooltip title=\"Section has errors\">\n              <MaterialIcon className=\"has-text-danger cypress-section-invalid-icon section-invalid-icon fade-in\">\n                warning\n              </MaterialIcon>\n            </Tooltip>\n          )}\n          <MaterialIcon\n            className={clsx('ob-section__header-icon', {\n              'is-rotated': !isCollapsed,\n            })}\n          >\n            expand_more\n          </MaterialIcon>\n        </div>\n        {element.hint && element.hintPosition === 'BELOW_LABEL' && (\n          <div className=\"ob-section__hint-text-container\">\n            <HintBelowLabel hint={element.hint} inputId={id} />\n          </div>\n        )}\n      </div>\n      {!element.canCollapseFromBottom && <hr className=\"ob-section__divider\" />}\n      <Collapse\n        in={!isCollapsed}\n        classes={{\n          root: 'ob-section__content',\n          entered: 'ob-section__expanded',\n          hidden: 'ob-section__collapsed',\n        }}\n      >\n        <SectionElementsWrapper\n          element={element}\n          onCollapse={handleClickBottomCollapseButton}\n        >\n          <OneBlinkFormElements\n            {...props}\n            readOnly={childrenReadOnly}\n            displayValidationMessages={displayValidationMessage}\n            onLookup={handleLookup}\n            elements={element.elements}\n            onUpdateFormElements={handleUpdateNestedFormElements}\n            sectionState={sectionState}\n          />\n        </SectionElementsWrapper>\n      </Collapse>\n    </div>\n  )\n}\n\nexport default React.memo(FormElementSection)\n\nconst SectionElementsWrapper = ({\n  children,\n  element,\n  onCollapse,\n}: {\n  children: React.ReactNode\n  element: FormTypes.SectionElement\n  onCollapse: () => void\n}) => {\n  return element.canCollapseFromBottom ? (\n    <div className=\"ob-section__collapsible-content-container\">\n      {children}\n\n      <button\n        type=\"button\"\n        className=\"button is-rounded is-light ob-section__bottom-collapse-button\"\n        onClick={onCollapse}\n      >\n        <span className=\"icon\">\n          <MaterialIcon>expand_less</MaterialIcon>\n        </span>\n        <span>Collapse</span>\n      </button>\n    </div>\n  ) : (\n    <>{children}</>\n  )\n}\n"]}

package/dist/form-elements/FormElementSummary.js

@@ -140,11 +140,13 @@ function FormElementSummary({ element, onChange, value }) {
         if (summary.length) {
             onChange(element, {
                 value: summary,
+                isDerivedChange: true,
             });
         }
         else {
             onChange(element, {
                 value: undefined,
+                isDerivedChange: true,
             });
         }
     }, [