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

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. 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      }: 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":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,eAAe,MAAM,0BAA0B,CAAA;AACtD,OAAO,mBAAmB,EAAE,EAC1B,sBAAsB,EACtB,6BAA6B,GAC9B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,oBAAoB,MAAM,6CAA6C,CAAA;AAC9E,OAAO,KAAK,MAAM,8BAA8B,CAAA;AAChD,OAAO,yBAAyB,MAAM,kDAAkD,CAAA;AACxF,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAa5D,OAAO,kCAAkC,MAAM,6CAA6C,CAAA;AAC5F,OAAO,yBAAyB,MAAM,oCAAoC,CAAA;AAC1E,OAAO,YAAY,MAAM,4BAA4B,CAAA;AACrD,OAAO,YAAY,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,4BAA4B,MAAM,qDAAqD,CAAA;AA+B9F,MAAM,yBAAyB,GAAG,KAAK,CAAC,aAAa,CAAS,CAAC,CAAC,CAAA;AAEhE,SAAS,0BAA0B,CAAC,EAClC,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GAYT;IACC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,UAAU,EAAE,CAAC;YACf,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpD,MAAM,IAAI,GAAG,CACX,KAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC7C,QAAQ,CAAC;YACR,QAAQ,EAAE,YAAY;SACvB,CAAC,GACiC,CACtC,CAAA;IAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,UAAU,EACd,MAAM,QACN,QAAQ,EAAE,GAAG,EAAE;YACb,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;QACpC,CAAC,EACD,OAAO,EAAE;YACP,IAAI,EAAE,gCAAgC;YACtC,OAAO,EAAE,wCAAwC;YACjD,YAAY,EAAE,8CAA8C;SAC7D,YAEA,IAAI,GACI,CACZ,CAAA;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,IAAY;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACzD,OAAO,KAAK,CAAC,OAAO,CAClB,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,EACrD,CAAC,KAAK,EAAE,IAAI,CAAC,CACd,CAAA;AACH,CAAC;AAED,SAAS,wBAAwB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,KAAK,EACL,qBAAqB,EACrB,EAAE,EACF,MAAM,EACN,wBAAwB,EACxB,6BAA6B,EAC7B,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACpB,OAAO,EACP,UAAU,EACV,YAAY,GACN;IACN,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EACzC,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,KAAa,EAAE,EAAE;QAChB,QAAQ,CAAC,OAAO,EAAE;YAChB,KAAK,EAAE,CAAC,eAAe,EAAE,EAAE;gBACzB,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAA;gBAC/C,MAAM,KAAK,GAAG,mBAAmB,CAC/B,OAAO,CAAC,QAAQ,EAChB,6BAA6B,EAAE,CAChC,CAAA;gBAED,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;gBAClC,OAAO,UAAU,CAAA;YACnB,CAAC;YACD,eAAe,EAAE,CAAC,uBAAuB,EAAE,EAAE;;gBAC3C,IACE,uBAAuB,KAAK,SAAS;oBACrC,CAAC,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,EACvC,CAAC;oBACD,OAAO,EAAE,CAAA;gBACX,CAAC;gBAED,MAAM,0BAA0B,GAAG;oBACjC,GAAG,CAAC,MAAC,uBAA6C,mCAChD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;iBACrC,CAAA;gBACD,0BAA0B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gBACnC,OAAO,0BAA0B,CAAA;YACnC,CAAC;YACD,YAAY,EAAE,CAAC,mBAAmB,EAAE,EAAE;gBACpC,OAAO,CACL,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;oBACnC,MAAM,eAAe,GAAG,IAAI,MAAM,CAChC,QAAQ,OAAO,CAAC,IAAI,kBAAkB,CACvC,CAAA;oBACD,MAAM,oBAAoB,GAAG,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;oBAE9D,IAAI,oBAAoB,EAAE,CAAC;wBACzB,MAAM,SAAS,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;wBACzC,MAAM,UAAU,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;wBACpD,MAAM,QAAQ,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;wBAExC,IAAI,UAAU,IAAI,KAAK,EAAE,CAAC;4BACxB,MAAM,aAAa,GAAG,UAAU,GAAG,CAAC,CAAA;4BACpC,OAAO,CAAC,EAAE,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,UAAU,aAAa,IAAI,QAAQ,EAAE,CAAA;wBAChG,CAAC;oBACH,CAAC;oBAED,OAAO,OAAO,CAAA;gBAChB,CAAC,EAAE,EAAE,CAAC,KAAI,EAAE,CACb,CAAA;YACH,CAAC;SACF,CAAC,CAAA;QACF,UAAU,EAAE,CAAA;IACd,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,CAChD,CAAA;IAED,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CACE,KAAa,EACb,OAAuC,EACvC,QAAiB,EACjB,EAAE;QACF,MAAM,aAAa,GAAG,QAAQ,IAAI,EAAE,CAAA;QAEpC,QAAQ,CAAC,OAAO,EAAE;YAChB,KAAK,EAAE,CAAC,eAAe,EAAE,EAAE;gBACzB,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,CAAA;gBAC/C,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAC3B,OAAO,UAAU,CAAA;YACnB,CAAC;YACD,eAAe,EAAE,CAAC,uBAAuB,EAAE,EAAE;gBAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAAE,CAAC;oBAC5C,OAAO,EAAE,CAAA;gBACX,CAAC;gBACD,MAAM,0BAA0B,GAAG,CAAC,GAAG,uBAAuB,CAAC,CAAA;gBAE/D,0BAA0B,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAC3C,OAAO,0BAA0B,CAAA;YACnC,CAAC;YACD,YAAY,EAAE,CAAC,mBAAmB,EAAE,EAAE;gBACpC,OAAO,CACL,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,CACzB,CACE,KAGG,EACH,OAAO,EACP,EAAE;oBACF,MAAM,eAAe,GAAG,IAAI,MAAM,CAChC,QAAQ,OAAO,CAAC,IAAI,eAAe,CACpC,CAAA;oBACD,MAAM,oBAAoB,GACxB,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;oBACtC,IACE,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC;wBACrC,oBAAoB,EACpB,CAAC;wBACD,MAAM,iBAAiB,GACrB,oBAAoB,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,QAAQ,CAAA;wBACpD,uFAAuF;wBACvF,IAAI,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,CAAC;4BAC7C,8CAA8C;4BAC9C,sDAAsD;4BACtD,MAAM,yBAAyB,GAAG,IAAI,MAAM,CAC1C,QAAQ,OAAO,CAAC,IAAI,oBAAoB,CACzC,CAAA;4BACD,MAAM,KAAK,GAAG,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAA;4BAEzD,IAAI,KAAK,EAAE,CAAC;gCACV,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;gCAC5C,IAAI,aAAa,GAAG,KAAK,EAAE,CAAC;oCAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;oCACvB,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;oCACzB,MAAM,aAAa,GAAG,aAAa,GAAG,CAAC,CAAA;oCACvC,OAAO,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,UAAU,aAAa,IAAI,QAAQ,EAAE,CAAA;gCAC1F,CAAC;4BACH,CAAC;wBACH,CAAC;wBAED,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;oBACrB,CAAC;oBAED,OAAO,KAAK,CAAA;gBACd,CAAC,EACD,EAAE,CACH,KAAI,EAAE,CACR,CAAA;YACH,CAAC;SACF,CAAC,CAAA;QACF,UAAU,EAAE,CAAA;IACd,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CACE,KAAa,EACb,aAAoC,EACpC,EACE,KAAK,EACL,eAAe,EACf,YAAY,EACZ,eAAe,GACoC,EACrD,QAAiB,EACjB,EAAE;QACF,IAAI,aAAa,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACrC,0CAA0C;YAC1C,QAAQ,CACN;gBACE,GAAG,aAAa;gBAChB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE;aACnE,EACD,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAE,CAC7C,CAAA;QACH,CAAC;QACD,IAAI,CAAC,CAAC,MAAM,IAAI,aAAa,CAAC,EAAE,CAAC;YAC/B,OAAM;QACR,CAAC;QACD,QAAQ,CAAC,OAAO,EAAE;YAChB,KAAK,EAAE,CAAC,eAAe,EAAE,EAAE;gBACzB,MAAM,UAAU,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;oBAC1D,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;wBAChB,OAAO;4BACL,GAAG,KAAK;4BACR,CAAC,aAAa,CAAC,IAAI,CAAC,EAClB,OAAO,KAAK,KAAK,UAAU;gCACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gCAClC,CAAC,CAAC,KAAK;yBACZ,CAAA;oBACH,CAAC;yBAAM,CAAC;wBACN,OAAO,KAAK,CAAA;oBACd,CAAC;gBACH,CAAC,CAAC,CAAA;gBACF,OAAO,UAAU,CAAA;YACnB,CAAC;YACD,eAAe,EAAE,CAAC,uBAAuB,EAAE,EAAE;gBAC3C,MAAM,sBAAsB,GAAG,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,EAAE,CAAA;gBAC5D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC;oBAC3C,OAAO,sBAAsB,CAAA;gBAC/B,CAAC;gBACD,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,GAAG,CACnD,CAAC,cAAc,EAAE,CAAC,EAAE,EAAE;oBACpB,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;wBAChB,MAAM,sBAAsB,GAC1B,OAAO,eAAe,KAAK,UAAU;4BACnC,CAAC,CAAC,eAAe,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,aAAa,CAAC,IAAI,CAAC,CAAC;4BACvD,CAAC,CAAC,eAAe,CAAA;wBACrB,OAAO;4BACL,GAAG,cAAc;4BACjB,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,sBAAsB;yBAC7C,CAAA;oBACH,CAAC;oBACD,OAAO,cAAc,CAAA;gBACvB,CAAC,CACF,CAAA;gBACD,OAAO,kBAAkB,CAAA;YAC3B,CAAC;YACD,YAAY;YACZ,eAAe;SAChB,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACpB,CAAA;IAED,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GACpC,kCAAkC,CAAC,OAAO,CAAC,CAAA;IAE7C,MAAM,uBAAuB,GAAG,KAAK,CAAC,OAAO,CAC3C,GAAG,EAAE,CACH,CAAC,qBAAqB;QACtB,OAAO,qBAAqB,KAAK,QAAQ;QACzC,qBAAqB,CAAC,IAAI,KAAK,eAAe;QAC5C,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,qBAAqB,EAC3B,CAAC,qBAAqB,CAAC,CACxB,CAAA;IAED,MAAM,sCAAsC,GAC1C,6BAA6B;QAC7B,6BAA6B,CAAC,IAAI,KAAK,eAAe;QACpD,CAAC,CAAC,6BAA6B,CAAC,OAAO;QACvC,CAAC,CAAC,EAAE,CAAA;IAER,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,CAAC;QACjD,iBAAiB,EAAE,CAAC,uBAAuB;QAC3C,uBAAuB,EAAE,OAAO,IAAI,wBAAwB;QAC5D,cAAc,EAAE,kCAAkC;QAClD,gBAAgB,EAAE,oCAAoC;KACvD,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,yBAAyB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;IAE9D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,aAAa,IAAI,OAAO,CAAC,MAAM,GAAG,aAAa,EACtD,CAAC,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,CAChC,CAAA;IAED,MAAM,2BAA2B,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrD,MAAM,MAAM,GAAG,sCAAsC,CAAA;QACrD,QAAQ,OAAO,CAAC,MAAM,EAAE,CAAC;YACvB,KAAK,sBAAsB;gBACzB,OAAO,MAAM,GAAG,sBAAsB,CAAA;YACxC;gBACE,OAAO,mBAAmB,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,cACE,SAAS,EAAE,IAAI,CAAC,gCAAgC,EAAE,mBAAmB,CAAC,qBACrD,GAAG,EAAE,QAAQ,sBACZ,eAAe,EACjC,IAAI,EAAC,QAAQ,YAGb,MAAC,yBAAyB,IACxB,SAAS,EAAE,IAAI,CACb,mBAAmB,EACnB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACvB,2BAA2B,CAC5B,EACD,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,CAAC,aAAa,IAAI,aAAa,GAAG,CAAC,EAC9C,uBAAuB,EAAE,KAAK,aAE7B,OAAO,CAAC,MAAM,KAAK,sBAAsB,IAAI,aAAa,IAAI,CAC7D,KAAC,SAAS,IACR,KAAK,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,uDAAuD,CAAC,EAClE,EAAE,EAAE,EAAE,GACN,CACH,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAC5B,OAAO,CACL,KAAC,kBAAkB,IAEjB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EACX,OAAO,CAAC,MAAM,KAAK,sBAAsB,IAAI,aAAa,EAE5D,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,iBAAiB,EAC3B,8BAA8B,EAC5B,sCAAsC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAE1D,sBAAsB,EACpB,uBAAuB;4BACvB,uBAAuB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAEnD,yBAAyB,EAAE,wBAAwB,EACnD,oBAAoB,EAAE,oBAAoB,EAC1C,YAAY,EAAE,YAAY,IAzBrB,KAAK,CAAC,sBAAsB,CAAW,CA0B5C,CACH,CAAA;gBACH,CAAC,CAAC,EACD,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,mBAAmB,CAAC;oBAC1D,aAAa,IAAI,CACf,KAAC,SAAS,IACR,KAAK,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,EAC3C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,GACN,CACH,EACF,CAAC,OAAO,IAAI,wBAAwB,CAAC;oBACpC,CAAC,CAAC,uBAAuB;oBACzB,CAAC,CAAC,uBAAuB,CAAC,GAAG,IAAI,CAC/B,KAAC,4BAA4B,IAC3B,OAAO,EAAE,uBAAuB,CAAC,GAAG,GACpC,CACH,IACuB,GACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAA;AA2CnD,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CACnC,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,EAAE,EACF,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,8BAA8B,EAC9B,yBAAyB,EACzB,sBAAsB,EACtB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,YAAY,GACY;IACxB,MAAM,CAAC,kBAAkB,EAAE,aAAa,EAAE,YAAY,CAAC,GACrD,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEpE,MAAM,YAAY,GAAwC,KAAK,CAAC,WAAW,CACzE,CACE,aAAa,EACb,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAE,EACzD,QAAQ,EACR,EAAE;QACF,QAAQ,CACN,KAAK,EACL,aAAa,EACb;YACE,KAAK;YACL,eAAe;YACf,YAAY;YACZ,eAAe;SAChB,EACD,QAAQ,CACT,CAAA;IACH,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAA;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,kBAAkB,EAAE,OAAO,EAAE,EAAE;QAC9B,QAAQ,CAAC,CAAC,qBAAqB,EAAE,EAAE;;YACjC,IAAI,QAAQ,GAAG,EAAE,CAAA;YACjB,MAAM,OAAO,GAAG,qBAAqB,CAAC,UAAU,CAC9C,OAAO,CAAC,IAAI,CAC4C,CAAA;YAC1D,MAAM,4BAA4B,GAChC,MAAC,MAAA,qBAAqB,CAAC,eAAe,0CACpC,OAAO,CAAC,IAAI,CACS,mCAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;YAC9D,0FAA0F;YAC1F,wBAAwB;YACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACxC,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,EAAE,CAAC;oBACzC,4BAA4B,CAAC,KAAK,CAAC,GAAG,EAAE,CAAA;gBAC1C,CAAC;YACH,CAAC;YACD,IAAI,kBAAkB,GAAoB,EAAE,CAAA;YAC5C,MAAM,QAAQ,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;;gBAClE,IACE,WAAW,CAAC,IAAI,KAAK,eAAe;oBACpC,WAAW,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,EACjC,CAAC;oBACD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,GAC7C,kBAAkB,CAAC;wBACjB,QAAQ,EAAE,WAAW,CAAC,QAAQ;wBAC9B,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC;wBAC1B,kBAAkB,EAAE,qBAAqB,CAAC,kBAAkB;wBAC5D,eAAe,EAAE,MAAA,4BAA4B,CAAC,KAAK,CAAC,mCAAI,EAAE;wBAC1D,YAAY,EAAE,qBAAqB,CAAC,YAAY;qBACjD,CAAC,CAAA;oBACJ,QAAQ,GAAG,UAAU,CAAA;oBACrB,kBAAkB,GAAG,eAAkC,CAAA;oBACvD,OAAO;wBACL,GAAG,WAAW;wBACd,QAAQ;qBACT,CAAA;gBACH,CAAC;gBACD,OAAO,WAAW,CAAA;YACpB,CAAC,CAAC,CAAA;YAEF,MAAM,UAAU,GAAG;gBACjB,GAAG,qBAAqB,CAAC,UAAU;gBACnC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;oBACvC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC;wBAChB,OAAO,QAAQ,CAAA;oBACjB,CAAC;oBACD,OAAO,KAAK,CAAA;gBACd,CAAC,CAAC;aACH,CAAA;YAED,IAAI,sBAAsB,GAAG,qBAAqB,CAAC,eAAe,CAAA;YAClE,IAAI,KAAK,CAAC,OAAO,CAAC,4BAA4B,CAAC,EAAE,CAAC;gBAChD,sBAAsB,GAAG;oBACvB,GAAG,qBAAqB,CAAC,eAAe;oBACxC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,4BAA4B,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;wBAC5D,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;4BACf,OAAO,kBAAkB,CAAA;wBAC3B,CAAC;wBACD,OAAO,KAAK,CAAA;oBACd,CAAC,CAAC;iBACH,CAAA;YACH,CAAC;YAED,OAAO;gBACL,QAAQ;gBACR,UAAU;gBACV,eAAe,EAAE,sBAAsB;aACxC,CAAA;QACH,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,EACD,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAChC,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,CAAC;QACjD,iBAAiB,EAAE,CAAC,sBAAsB;QAC1C,uBAAuB,EAAE,yBAAyB;QAClD,cAAc,EAAE,0BAA0B;QAC1C,gBAAgB,EAAE,4BAA4B;KAC/C,CAAC,CAAA;IAEF,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,eAAe,EACpC,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,QAAQ,GAAG,YAAY,CAAC,6BAA6B,CACzD,KAAK,CAAC,QAAQ,EAAE,CACjB,CAAA;IAED,OAAO,CACL,KAAC,0BAA0B,IACzB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,OAAO,CAAC,MAAM,KAAK,sBAAsB,YAEpD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACjB,8BACE,KAAC,KAAK,IACJ,MAAM,EAAE,kBAAkB,EAC1B,SAAS,EAAC,+BAA+B,EACzC,cAAc,EAAC,4CAA4C,EAC3D,KAAK,EAAE,OAAO,CAAC,mBAAmB,IAAI,cAAc,EACpD,OAAO,EACL,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,YAAY,uBAGd,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAE,GAAG,EAAE;oCACZ,YAAY,EAAE,CAAA;oCACd,QAAQ,EAAE,CAAA;gCACZ,CAAC,EACD,SAAS,0BAGF,IACR,4DAIC,EAER,eACE,SAAS,EAAE,IAAI,CACb,+DAA+D,EAC/D,mBAAmB,CACpB,aAEA,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,mBAAmB,CAAC,IAAI,CAC9D,KAAC,YAAY,IACX,eAAe,EAAE,aAAa,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,GACZ,CACH,EAED,KAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,OAAO,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,8BAA8B,EAAE,8BAA8B,EAC9D,oBAAoB,EAAE,8BAA8B,EACpD,YAAY,EAAE,YAAY,GAC1B,EACD,OAAO,CAAC,MAAM,KAAK,sBAAsB,IAAI,CAC5C,KAAC,YAAY,IACX,eAAe,EAAE,aAAa,EAC9B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,yCAAyC,GACnD,CACH,IACG,EACL,aAAa,IAAI,CAChB,KAAC,SAAS,IACR,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE;wBACP,uDAAuD;qBACxD,GACD,CACH,IACA,CACJ,GAC0B,CAC9B,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,SAAS,CAAC,EACjB,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,GAQR;IACC,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAI,CACb,uEAAuE,EACvE,OAAO,CACR,EACD,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,QAAQ,gBACN,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC9D,EAAE,EAAE,EAAE,aAEN,eAAM,SAAS,EAAC,MAAM,YACpB,KAAC,YAAY,sBAAmB,GAC3B,EACN,CAAC,CAAC,OAAO,CAAC,gBAAgB,IAAI,yBAAO,OAAO,CAAC,gBAAgB,GAAQ,IAC/D,CACV,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,GAON;;IACC,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAI,CACb,gFAAgF,EAChF,SAAS,CACV,EACD,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,QAAQ,gBACN,GAAG,MAAA,OAAO,CAAC,mBAAmB,mCAAI,cAAc,IAAI,KAAK,GAAG,CAAC,EAAE,aAE3E,eAAM,SAAS,EAAC,MAAM,YACpB,KAAC,YAAY,iCAA8B,GACtC,EACN,CAAC,CAAC,OAAO,CAAC,mBAAmB,IAAI,CAChC,yBAAO,OAAO,CAAC,mBAAmB,GAAQ,CAC3C,IACM,CACV,CAAA;AACH,CAAC","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.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 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) => {\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":"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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 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,
             });
         }
     }, [

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementSummary.js","sourceRoot":"","sources":["../../src/form-elements/FormElementSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { localisationService } from '../apps'\n\nimport { useFormSubmissionModelParent } from '../hooks/useFormSubmissionModelContext'\nimport useFlattenElements from '../hooks/useFlattenElementsContext'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { FormElementValueChangeHandler } from '../types/form'\ntype Props = {\n  element: FormTypes.SummaryElement\n  onChange: FormElementValueChangeHandler\n  value: unknown\n}\n\nconst arraysAreEqual = (a: unknown[], b: unknown[]) => {\n  if (!Array.isArray(a) || !Array.isArray(b)) {\n    if (a !== b) return false\n    return true\n  }\n  if (a.length !== b.length) return false\n\n  for (let i = 0; i < a.length; i++) {\n    if (Array.isArray(a[i]) && Array.isArray(b[i])) {\n      const areEqual = arraysAreEqual(a[i] as unknown[], b[i] as unknown[])\n      if (!areEqual) return false\n      continue\n    }\n    if (a[i] !== b[i]) return false\n  }\n  return true\n}\nfunction FormElementSummary({ element, onChange, value }: Props) {\n  const { formSubmissionModel } = useFormSubmissionModelParent()\n  const flattenedElements = useFlattenElements()\n\n  const reducer = React.useCallback(\n    (\n      partialSummary: FormElementSummaryResults,\n      formElement: FormTypes.FormElement,\n      submission: SubmissionTypes.S3SubmissionData['submission'],\n    ) => {\n      if (!('name' in formElement)) return partialSummary\n      if (\n        formElement.type !== 'repeatableSet' &&\n        formElement.type !== 'form' &&\n        !element.elementIds.some((elementId) => elementId === formElement.id)\n      ) {\n        return partialSummary\n      }\n\n      const formElementValue = submission[formElement.name]\n      if (!formElementValue && formElementValue !== 0) {\n        return partialSummary\n      }\n\n      switch (formElement.type) {\n        case 'repeatableSet': {\n          if (!Array.isArray(formElementValue)) return partialSummary\n          // If we found a repeatable set, look through child elements\n          // to find the summary elements. Need to start a new array for\n          // this structure and look at each entry in the repeatable set\n          for (const entry of formElementValue) {\n            const repeatableSetSummaryValues = formElement.elements.reduce(\n              (\n                partialSummary: FormElementSummaryResults,\n                formElement: FormTypes.FormElement,\n              ) =>\n                // eslint-disable-next-line react-hooks/immutability\n                reducer(\n                  partialSummary,\n                  formElement,\n                  // Pleasing TypeScript\n                  entry instanceof Object ? entry : {},\n                ),\n              [],\n            )\n            if (repeatableSetSummaryValues.length) {\n              partialSummary.push(repeatableSetSummaryValues)\n            }\n          }\n          break\n        }\n        case 'form': {\n          const formSummaryValues = (formElement.elements || []).reduce(\n            (\n              partialSummary: FormElementSummaryResults,\n              formElement: FormTypes.FormElement,\n            ) =>\n              reducer(\n                partialSummary,\n                formElement,\n                // @ts-expect-error Pleasing TypeScript\n                formElementValue instanceof Object ? formElementValue : {},\n              ),\n            [],\n          )\n          if (formSummaryValues.length) {\n            partialSummary.push(formSummaryValues)\n          }\n\n          break\n        }\n        case 'select':\n        case 'autocomplete':\n        case 'radio':\n        case 'checkboxes': {\n          const optionValues = []\n          if (Array.isArray(formElementValue)) {\n            optionValues.push(...formElementValue)\n          } else {\n            optionValues.push(formElementValue)\n          }\n          if (Array.isArray(formElement.options)) {\n            partialSummary.push(\n              ...optionValues.reduce((optionLabels, optionValue) => {\n                const option = formElement.options?.find(\n                  ({ value }: FormTypes.ChoiceElementOption) =>\n                    optionValue === value,\n                )\n                if (option) {\n                  optionLabels.push(option.label)\n                }\n                return optionLabels\n              }, []),\n            )\n          }\n          break\n        }\n        case 'date': {\n          const date = localisationService.generateDate({\n            daysOffset: undefined,\n            value: formElementValue as string,\n          })\n          if (date) {\n            partialSummary.push(localisationService.formatDate(date))\n          }\n          break\n        }\n        case 'datetime': {\n          if (typeof formElementValue !== 'string') return partialSummary\n          partialSummary.push(\n            localisationService.formatDatetime(new Date(formElementValue)),\n          )\n          break\n        }\n        case 'time': {\n          if (typeof formElementValue !== 'string') return partialSummary\n          partialSummary.push(\n            localisationService.formatTime(new Date(formElementValue)),\n          )\n          break\n        }\n        default: {\n          // Pleasing TypeScript WHILE COVERING ALL BASES\n          if (\n            typeof formElementValue !== 'string' &&\n            typeof formElementValue !== 'object' &&\n            typeof formElementValue !== 'number' &&\n            typeof formElementValue !== 'function' &&\n            typeof formElementValue !== 'boolean'\n          ) {\n            return partialSummary\n          }\n\n          partialSummary.push(formElementValue.toString())\n        }\n      }\n      return partialSummary\n    },\n    [element.elementIds],\n  )\n\n  // MODEL LISTENER\n  React.useEffect(() => {\n    const summary = flattenedElements.reduce<FormElementSummaryResults>(\n      (partialSummary, formElement) => {\n        return reducer(partialSummary, formElement, formSubmissionModel)\n      },\n\n      [],\n    )\n\n    if (value === undefined) {\n      if (!summary.length) return\n    }\n    if (arraysAreEqual(value as FormElementSummaryResults, summary)) {\n      return\n    }\n    if (summary.length) {\n      onChange(element, {\n        value: summary,\n      })\n    } else {\n      onChange(element, {\n        value: undefined,\n      })\n    }\n  }, [\n    element,\n    flattenedElements,\n    formSubmissionModel,\n    onChange,\n    reducer,\n    value,\n  ])\n\n  return (\n    <div className=\"ob-form__element ob-summary cypress-summary-result \">\n      {!!value && Array.isArray(value) && (\n        <SummaryResult results={value}></SummaryResult>\n      )}\n    </div>\n  )\n}\n\ntype FormElementSummaryResults = Array<string | FormElementSummaryResults>\ntype FormElementSummaryResultProps = {\n  results: FormElementSummaryResults\n}\n\nconst SummaryResult = React.memo<FormElementSummaryResultProps>(\n  function SummaryResult({ results }) {\n    return (\n      <>\n        {results.map((result, i) => {\n          return (\n            <div\n              key={`${result.toString()}-${i}`}\n              className=\"ob-summary__result-container\"\n            >\n              {typeof result === 'string' ? (\n                <p className=\"ob-summary__result has-line-breaks cypress-summary-result-text\">\n                  {result}\n                </p>\n              ) : (\n                <SummaryResult results={result}></SummaryResult>\n              )}\n            </div>\n          )\n        })}\n      </>\n    )\n  },\n)\n\nexport default React.memo(FormElementSummary)\n"]}
+{"version":3,"file":"FormElementSummary.js","sourceRoot":"","sources":["../../src/form-elements/FormElementSummary.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { localisationService } from '../apps'\n\nimport { useFormSubmissionModelParent } from '../hooks/useFormSubmissionModelContext'\nimport useFlattenElements from '../hooks/useFlattenElementsContext'\nimport { FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { FormElementValueChangeHandler } from '../types/form'\ntype Props = {\n  element: FormTypes.SummaryElement\n  onChange: FormElementValueChangeHandler\n  value: unknown\n}\n\nconst arraysAreEqual = (a: unknown[], b: unknown[]) => {\n  if (!Array.isArray(a) || !Array.isArray(b)) {\n    if (a !== b) return false\n    return true\n  }\n  if (a.length !== b.length) return false\n\n  for (let i = 0; i < a.length; i++) {\n    if (Array.isArray(a[i]) && Array.isArray(b[i])) {\n      const areEqual = arraysAreEqual(a[i] as unknown[], b[i] as unknown[])\n      if (!areEqual) return false\n      continue\n    }\n    if (a[i] !== b[i]) return false\n  }\n  return true\n}\nfunction FormElementSummary({ element, onChange, value }: Props) {\n  const { formSubmissionModel } = useFormSubmissionModelParent()\n  const flattenedElements = useFlattenElements()\n\n  const reducer = React.useCallback(\n    (\n      partialSummary: FormElementSummaryResults,\n      formElement: FormTypes.FormElement,\n      submission: SubmissionTypes.S3SubmissionData['submission'],\n    ) => {\n      if (!('name' in formElement)) return partialSummary\n      if (\n        formElement.type !== 'repeatableSet' &&\n        formElement.type !== 'form' &&\n        !element.elementIds.some((elementId) => elementId === formElement.id)\n      ) {\n        return partialSummary\n      }\n\n      const formElementValue = submission[formElement.name]\n      if (!formElementValue && formElementValue !== 0) {\n        return partialSummary\n      }\n\n      switch (formElement.type) {\n        case 'repeatableSet': {\n          if (!Array.isArray(formElementValue)) return partialSummary\n          // If we found a repeatable set, look through child elements\n          // to find the summary elements. Need to start a new array for\n          // this structure and look at each entry in the repeatable set\n          for (const entry of formElementValue) {\n            const repeatableSetSummaryValues = formElement.elements.reduce(\n              (\n                partialSummary: FormElementSummaryResults,\n                formElement: FormTypes.FormElement,\n              ) =>\n                // eslint-disable-next-line react-hooks/immutability\n                reducer(\n                  partialSummary,\n                  formElement,\n                  // Pleasing TypeScript\n                  entry instanceof Object ? entry : {},\n                ),\n              [],\n            )\n            if (repeatableSetSummaryValues.length) {\n              partialSummary.push(repeatableSetSummaryValues)\n            }\n          }\n          break\n        }\n        case 'form': {\n          const formSummaryValues = (formElement.elements || []).reduce(\n            (\n              partialSummary: FormElementSummaryResults,\n              formElement: FormTypes.FormElement,\n            ) =>\n              reducer(\n                partialSummary,\n                formElement,\n                // @ts-expect-error Pleasing TypeScript\n                formElementValue instanceof Object ? formElementValue : {},\n              ),\n            [],\n          )\n          if (formSummaryValues.length) {\n            partialSummary.push(formSummaryValues)\n          }\n\n          break\n        }\n        case 'select':\n        case 'autocomplete':\n        case 'radio':\n        case 'checkboxes': {\n          const optionValues = []\n          if (Array.isArray(formElementValue)) {\n            optionValues.push(...formElementValue)\n          } else {\n            optionValues.push(formElementValue)\n          }\n          if (Array.isArray(formElement.options)) {\n            partialSummary.push(\n              ...optionValues.reduce((optionLabels, optionValue) => {\n                const option = formElement.options?.find(\n                  ({ value }: FormTypes.ChoiceElementOption) =>\n                    optionValue === value,\n                )\n                if (option) {\n                  optionLabels.push(option.label)\n                }\n                return optionLabels\n              }, []),\n            )\n          }\n          break\n        }\n        case 'date': {\n          const date = localisationService.generateDate({\n            daysOffset: undefined,\n            value: formElementValue as string,\n          })\n          if (date) {\n            partialSummary.push(localisationService.formatDate(date))\n          }\n          break\n        }\n        case 'datetime': {\n          if (typeof formElementValue !== 'string') return partialSummary\n          partialSummary.push(\n            localisationService.formatDatetime(new Date(formElementValue)),\n          )\n          break\n        }\n        case 'time': {\n          if (typeof formElementValue !== 'string') return partialSummary\n          partialSummary.push(\n            localisationService.formatTime(new Date(formElementValue)),\n          )\n          break\n        }\n        default: {\n          // Pleasing TypeScript WHILE COVERING ALL BASES\n          if (\n            typeof formElementValue !== 'string' &&\n            typeof formElementValue !== 'object' &&\n            typeof formElementValue !== 'number' &&\n            typeof formElementValue !== 'function' &&\n            typeof formElementValue !== 'boolean'\n          ) {\n            return partialSummary\n          }\n\n          partialSummary.push(formElementValue.toString())\n        }\n      }\n      return partialSummary\n    },\n    [element.elementIds],\n  )\n\n  // MODEL LISTENER\n  React.useEffect(() => {\n    const summary = flattenedElements.reduce<FormElementSummaryResults>(\n      (partialSummary, formElement) => {\n        return reducer(partialSummary, formElement, formSubmissionModel)\n      },\n\n      [],\n    )\n\n    if (value === undefined) {\n      if (!summary.length) return\n    }\n    if (arraysAreEqual(value as FormElementSummaryResults, summary)) {\n      return\n    }\n    if (summary.length) {\n      onChange(element, {\n        value: summary,\n        isDerivedChange: true,\n      })\n    } else {\n      onChange(element, {\n        value: undefined,\n        isDerivedChange: true,\n      })\n    }\n  }, [\n    element,\n    flattenedElements,\n    formSubmissionModel,\n    onChange,\n    reducer,\n    value,\n  ])\n\n  return (\n    <div className=\"ob-form__element ob-summary cypress-summary-result \">\n      {!!value && Array.isArray(value) && (\n        <SummaryResult results={value}></SummaryResult>\n      )}\n    </div>\n  )\n}\n\ntype FormElementSummaryResults = Array<string | FormElementSummaryResults>\ntype FormElementSummaryResultProps = {\n  results: FormElementSummaryResults\n}\n\nconst SummaryResult = React.memo<FormElementSummaryResultProps>(\n  function SummaryResult({ results }) {\n    return (\n      <>\n        {results.map((result, i) => {\n          return (\n            <div\n              key={`${result.toString()}-${i}`}\n              className=\"ob-summary__result-container\"\n            >\n              {typeof result === 'string' ? (\n                <p className=\"ob-summary__result has-line-breaks cypress-summary-result-text\">\n                  {result}\n                </p>\n              ) : (\n                <SummaryResult results={result}></SummaryResult>\n              )}\n            </div>\n          )\n        })}\n      </>\n    )\n  },\n)\n\nexport default React.memo(FormElementSummary)\n"]}

package/dist/hooks/useFormElementOptions.js

@@ -63,6 +63,7 @@ export default function useFormElementOptions({ element, value, onChange, condit
             !filteredOptions.some((option) => value === option.value)) {
             onChange(element, {
                 value: undefined,
+                isDerivedChange: true,
             });
             return;
         }
@@ -72,6 +73,7 @@ export default function useFormElementOptions({ element, value, onChange, condit
                 const newValueArray = newValue.length ? newValue : undefined;
                 onChange(element, {
                     value: newValueArray,
+                    isDerivedChange: true,
                 });
             }
         }

package/dist/hooks/useFormElementOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormElementOptions.js","sourceRoot":"","sources":["../../src/hooks/useFormElementOptions.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport {\n  FormElementValueChangeHandler,\n  FormElementConditionallyShownElement,\n  UpdateFormElementsHandler,\n} from '../types/form'\nimport { useLoadDynamicOptionsEffect } from './useDynamicOptionsLoaderState'\nimport useFormSubmissionModel from './useFormSubmissionModelContext'\nimport processInjectableOption from '../services/injectableOptions'\nimport useTaskContext from './useTaskContext'\nimport useUserProfileForInjectables from './useUserProfileForInjectables'\n\nexport default function useFormElementOptions<T>({\n  element,\n  value,\n  onChange,\n  conditionallyShownOptionsElement,\n  onFilter,\n  onUpdateFormElements,\n}: {\n  element: FormTypes.FormElementWithOptions\n  value: unknown | undefined\n  onChange: FormElementValueChangeHandler<T>\n  conditionallyShownOptionsElement:\n    | FormElementConditionallyShownElement\n    | undefined\n  onFilter?: (choiceElementOption: FormTypes.ChoiceElementOption) => boolean\n  onUpdateFormElements: UpdateFormElementsHandler\n}) {\n  const taskContext = useTaskContext()\n  const userProfileForInjectables = useUserProfileForInjectables()\n\n  const { formSubmissionModel, elements, parent } = useFormSubmissionModel()\n  const conditionallyShownOptions = conditionallyShownOptionsElement?.options\n  //options that are shown due to conditional logic\n  const shownOptions = React.useMemo<FormTypes.ChoiceElementOption[]>(() => {\n    if (!element.options) {\n      return []\n    }\n    if (!conditionallyShownOptions && !onFilter) {\n      return element.options\n    }\n    return element.options.filter((option) => {\n      return (\n        !conditionallyShownOptions ||\n        conditionallyShownOptions.some(({ id }) => id === option.id)\n      )\n    })\n  }, [conditionallyShownOptions, element.options, onFilter])\n\n  //\n  const withInjectedOptions = React.useMemo(() => {\n    return shownOptions.reduce<FormTypes.ChoiceElementOption[]>(\n      (memo, option) => {\n        const newOptions = processInjectableOption({\n          option,\n          submission: formSubmissionModel,\n          formElements: elements,\n          contextSubmission: parent?.formSubmissionModel || {},\n          contextElements: parent?.elements || [],\n          taskContext,\n          userProfile: userProfileForInjectables,\n        })\n        memo.push(...newOptions)\n\n        return memo\n      },\n      [],\n    )\n  }, [\n    elements,\n    formSubmissionModel,\n    parent,\n    shownOptions,\n    taskContext,\n    userProfileForInjectables,\n  ])\n\n  //options that are shown based on conditional logic, attributes, and user input\n  const filteredOptions = React.useMemo<FormTypes.ChoiceElementOption[]>(() => {\n    const reducedOptions = withInjectedOptions.filter(\n      (option) => !onFilter || (onFilter(option) && !option.displayAlways),\n    )\n    if (element.type === 'autocomplete') {\n      const alwaysShownOptions = withInjectedOptions.filter(\n        (option) => option.displayAlways,\n      )\n      reducedOptions.push(...alwaysShownOptions)\n    }\n    return reducedOptions\n  }, [withInjectedOptions, element.type, onFilter])\n\n  React.useEffect(() => {\n    if (\n      !element.options ||\n      conditionallyShownOptionsElement?.dependencyIsLoading\n    ) {\n      return\n    }\n\n    if (\n      typeof value === 'string' &&\n      !filteredOptions.some((option) => value === option.value)\n    ) {\n      onChange(element, {\n        value: undefined,\n      })\n      return\n    }\n\n    if (Array.isArray(value)) {\n      const newValue = value.filter((selectedValue) =>\n        filteredOptions.some((option) => selectedValue === option.value),\n      )\n      if (newValue.length !== value.length) {\n        const newValueArray = newValue.length ? newValue : undefined\n        onChange(element, {\n          value: newValueArray as T | undefined,\n        })\n      }\n    }\n  }, [\n    element,\n    onChange,\n    value,\n    conditionallyShownOptionsElement?.dependencyIsLoading,\n    filteredOptions,\n  ])\n\n  useLoadDynamicOptionsEffect(element, onUpdateFormElements)\n\n  return filteredOptions\n}\n"]}
+{"version":3,"file":"useFormElementOptions.js","sourceRoot":"","sources":["../../src/hooks/useFormElementOptions.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormTypes } from '@oneblink/types'\nimport * as React from 'react'\nimport {\n  FormElementValueChangeHandler,\n  FormElementConditionallyShownElement,\n  UpdateFormElementsHandler,\n} from '../types/form'\nimport { useLoadDynamicOptionsEffect } from './useDynamicOptionsLoaderState'\nimport useFormSubmissionModel from './useFormSubmissionModelContext'\nimport processInjectableOption from '../services/injectableOptions'\nimport useTaskContext from './useTaskContext'\nimport useUserProfileForInjectables from './useUserProfileForInjectables'\n\nexport default function useFormElementOptions<T>({\n  element,\n  value,\n  onChange,\n  conditionallyShownOptionsElement,\n  onFilter,\n  onUpdateFormElements,\n}: {\n  element: FormTypes.FormElementWithOptions\n  value: unknown | undefined\n  onChange: FormElementValueChangeHandler<T>\n  conditionallyShownOptionsElement:\n    | FormElementConditionallyShownElement\n    | undefined\n  onFilter?: (choiceElementOption: FormTypes.ChoiceElementOption) => boolean\n  onUpdateFormElements: UpdateFormElementsHandler\n}) {\n  const taskContext = useTaskContext()\n  const userProfileForInjectables = useUserProfileForInjectables()\n\n  const { formSubmissionModel, elements, parent } = useFormSubmissionModel()\n  const conditionallyShownOptions = conditionallyShownOptionsElement?.options\n  //options that are shown due to conditional logic\n  const shownOptions = React.useMemo<FormTypes.ChoiceElementOption[]>(() => {\n    if (!element.options) {\n      return []\n    }\n    if (!conditionallyShownOptions && !onFilter) {\n      return element.options\n    }\n    return element.options.filter((option) => {\n      return (\n        !conditionallyShownOptions ||\n        conditionallyShownOptions.some(({ id }) => id === option.id)\n      )\n    })\n  }, [conditionallyShownOptions, element.options, onFilter])\n\n  //\n  const withInjectedOptions = React.useMemo(() => {\n    return shownOptions.reduce<FormTypes.ChoiceElementOption[]>(\n      (memo, option) => {\n        const newOptions = processInjectableOption({\n          option,\n          submission: formSubmissionModel,\n          formElements: elements,\n          contextSubmission: parent?.formSubmissionModel || {},\n          contextElements: parent?.elements || [],\n          taskContext,\n          userProfile: userProfileForInjectables,\n        })\n        memo.push(...newOptions)\n\n        return memo\n      },\n      [],\n    )\n  }, [\n    elements,\n    formSubmissionModel,\n    parent,\n    shownOptions,\n    taskContext,\n    userProfileForInjectables,\n  ])\n\n  //options that are shown based on conditional logic, attributes, and user input\n  const filteredOptions = React.useMemo<FormTypes.ChoiceElementOption[]>(() => {\n    const reducedOptions = withInjectedOptions.filter(\n      (option) => !onFilter || (onFilter(option) && !option.displayAlways),\n    )\n    if (element.type === 'autocomplete') {\n      const alwaysShownOptions = withInjectedOptions.filter(\n        (option) => option.displayAlways,\n      )\n      reducedOptions.push(...alwaysShownOptions)\n    }\n    return reducedOptions\n  }, [withInjectedOptions, element.type, onFilter])\n\n  React.useEffect(() => {\n    if (\n      !element.options ||\n      conditionallyShownOptionsElement?.dependencyIsLoading\n    ) {\n      return\n    }\n\n    if (\n      typeof value === 'string' &&\n      !filteredOptions.some((option) => value === option.value)\n    ) {\n      onChange(element, {\n        value: undefined,\n        isDerivedChange: true,\n      })\n      return\n    }\n\n    if (Array.isArray(value)) {\n      const newValue = value.filter((selectedValue) =>\n        filteredOptions.some((option) => selectedValue === option.value),\n      )\n      if (newValue.length !== value.length) {\n        const newValueArray = newValue.length ? newValue : undefined\n        onChange(element, {\n          value: newValueArray as T | undefined,\n          isDerivedChange: true,\n        })\n      }\n    }\n  }, [\n    element,\n    onChange,\n    value,\n    conditionallyShownOptionsElement?.dependencyIsLoading,\n    filteredOptions,\n  ])\n\n  useLoadDynamicOptionsEffect(element, onUpdateFormElements)\n\n  return filteredOptions\n}\n"]}

package/dist/hooks/useFormIsDirty.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+export declare function useMarkFormDirty(): () => void;
+export declare function FormMarkDirtyContextProvider({ markDirty, children, }: {
+    markDirty: () => void;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Optional context that lets a host (for example Approvals) read whether a
+ * rendered form has unsaved user edits. Derived writes (`isDerivedChange`) do
+ * not set this.
+ *
+ * Wrap both the form and the host action so they share one registry. Each form
+ * registers under its `formId`, so multiple forms under the same provider (for
+ * example an approval form in a dialog) keep independent flags. If nothing is
+ * registered for a form, {@link useFormIsDirty} is `false`.
+ *
+ * @param props
+ * @returns
+ * @group Components
+ */
+export declare function FormIsDirtyContextProvider({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Whether the form with `formId` has unsaved user edits. Safe to call without a
+ * provider: returns `false`.
+ *
+ * @param formId
+ * The id of the form whose dirty flag to read.
+ * @returns
+ * @group Hooks
+ */
+export declare function useFormIsDirty(formId: number): boolean;
+/**
+ * Registers this form’s unsaved-changes flag with the nearest
+ * {@link FormIsDirtyContextProvider}. Used internally by `OneBlinkFormBase`.
+ */
+export declare function useRegisterFormIsDirty(formId: number, isDirty: boolean): void;

package/dist/hooks/useFormIsDirty.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+const emptyDirtyByFormId = new Map();
+const FormIsDirtyContext = React.createContext(emptyDirtyByFormId);
+// Kept separate from the value so registering does not re-render the form
+// every time the flag changes.
+const RegisterFormIsDirtyContext = React.createContext(undefined);
+const FormMarkDirtyContext = React.createContext(() => { });
+export function useMarkFormDirty() {
+    return React.useContext(FormMarkDirtyContext);
+}
+export function FormMarkDirtyContextProvider({ markDirty, children, }) {
+    return (_jsx(FormMarkDirtyContext.Provider, { value: markDirty, children: children }));
+}
+/**
+ * Optional context that lets a host (for example Approvals) read whether a
+ * rendered form has unsaved user edits. Derived writes (`isDerivedChange`) do
+ * not set this.
+ *
+ * Wrap both the form and the host action so they share one registry. Each form
+ * registers under its `formId`, so multiple forms under the same provider (for
+ * example an approval form in a dialog) keep independent flags. If nothing is
+ * registered for a form, {@link useFormIsDirty} is `false`.
+ *
+ * @param props
+ * @returns
+ * @group Components
+ */
+export function FormIsDirtyContextProvider({ children, }) {
+    // Must be state, not a ref. Hosts reading this are siblings of the form, so
+    // they only re-render if the context value itself changes.
+    const [isDirtyByFormId, setIsDirtyByFormId] = React.useState(() => new Map());
+    const register = React.useCallback((formId, isDirty) => {
+        setIsDirtyByFormId((current) => {
+            if (current.get(formId) === isDirty) {
+                return current;
+            }
+            const next = new Map(current);
+            next.set(formId, isDirty);
+            return next;
+        });
+        return () => {
+            setIsDirtyByFormId((current) => {
+                if (!current.has(formId)) {
+                    return current;
+                }
+                const next = new Map(current);
+                next.delete(formId);
+                return next;
+            });
+        };
+    }, []);
+    return (_jsx(RegisterFormIsDirtyContext.Provider, { value: register, children: _jsx(FormIsDirtyContext.Provider, { value: isDirtyByFormId, children: children }) }));
+}
+/**
+ * Whether the form with `formId` has unsaved user edits. Safe to call without a
+ * provider: returns `false`.
+ *
+ * @param formId
+ * The id of the form whose dirty flag to read.
+ * @returns
+ * @group Hooks
+ */
+export function useFormIsDirty(formId) {
+    var _a;
+    return (_a = React.useContext(FormIsDirtyContext).get(formId)) !== null && _a !== void 0 ? _a : false;
+}
+/**
+ * Registers this form’s unsaved-changes flag with the nearest
+ * {@link FormIsDirtyContextProvider}. Used internally by `OneBlinkFormBase`.
+ */
+export function useRegisterFormIsDirty(formId, isDirty) {
+    const register = React.useContext(RegisterFormIsDirtyContext);
+    React.useLayoutEffect(() => {
+        return register === null || register === void 0 ? void 0 : register(formId, isDirty);
+    }, [register, formId, isDirty]);
+}
+//# sourceMappingURL=useFormIsDirty.js.map