@dnb/eufemia 10.44.0 → 10.46.0

package/extensions/forms/Form/Isolation/Isolation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","pointer","extendDeep","Context","Provider","SectionContext","IsolationCommitButton","clearedData","structuredClone","IsolationProvider","props","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","data","defaultData","forceUpdate","internalDataRef","localDataRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","onPathChangeHandler","value","current","set","replace","removeSectionPath","has","get","localData","obj","mountedData","additionalArgs","_props$path","outerData","isolatedData","providerProps","_objectSpread","undefined","isolate","createElement","Consumer","dataContext","handleSubmit","CommitButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { Context, Provider } from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (isolatedData: Data, handlerData: Data) => Data\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'filterSubmitData'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    data,\n    defaultData,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const outerContext = useContext(Context)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      const obj = {} as Data\n      pointer.set(obj, pathSection, localData)\n      localData = obj\n    }\n\n    internalDataRef.current = extendDeep(\n      {},\n      dataOuter,\n      localData || {},\n      localDataRef.current\n    ) as Data\n  }, [data, defaultData, dataOuter, pathSection])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (mountedData: Data, additionalArgs) => {\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData) as Data\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      // Commit the internal data to the nested context data\n      handlePathChangeOuter?.(\n        path,\n        extendDeep({}, outerData, isolatedData)\n      )\n\n      return await onCommitProp?.(\n        removeSectionPath(isolatedData),\n        additionalArgs\n      )\n    },\n    [\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const onClear = useCallback(() => {\n    localDataRef.current = clearedData\n    internalDataRef.current = clearedData as Data\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    data: internalDataRef.current,\n    defaultData: undefined,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <Context.Consumer>\n        {(dataContext) => {\n          if (commitHandleRef) {\n            commitHandleRef.current = dataContext?.handleSubmit\n          }\n\n          return children\n        }}\n      </Context.Consumer>\n    </Provider>\n  )\n}\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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"}
+{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","pointer","extendDeep","useDataValue","Context","Provider","SectionContext","IsolationCommitButton","clearedData","structuredClone","IsolationProvider","props","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","data","defaultData","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","removeSectionPath","has","get","getMountedData","_dataContextRef$curre","mounterData","mountedFieldPathsRef","forEach","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","providerProps","_objectSpread","undefined","isolate","createElement","Consumer","dataContext","handleSubmit","CommitButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport useDataValue from '../../hooks/useDataValue'\nimport { Context, ContextState, Provider } from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (isolatedData: Data, handlerData: Data) => Data\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    data,\n    defaultData,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(Context)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    dataContextRef.current?.mountedFieldPathsRef.current.forEach(\n      (path) => {\n        if (pointer.has(data, path)) {\n          pointer.set(mounterData, path, pointer.get(data, path))\n        }\n      }\n    )\n    return mounterData\n  }, [])\n\n  useEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  }, [getMountedData])\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || dataOuter || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData) as Data\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      // Commit the internal data to the nested context data\n      handlePathChangeOuter?.(\n        path,\n        extendDeep({}, outerData, isolatedData)\n      )\n\n      return await onCommitProp?.(\n        removeSectionPath(isolatedData),\n        additionalArgs\n      )\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const onClear = useCallback(() => {\n    localDataRef.current = clearedData\n    internalDataRef.current = clearedData as Data\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    data: internalDataRef.current,\n    defaultData: undefined,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <Context.Consumer>\n        {(dataContext) => {\n          dataContextRef.current = dataContext\n\n          if (commitHandleRef) {\n            commitHandleRef.current = dataContext?.handleSubmit\n          }\n\n          return children\n        }}\n      </Context.Consumer>\n    </Provider>\n  )\n}\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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"}

package/extensions/forms/Form/Isolation/IsolationDocs.js

@@ -23,7 +23,6 @@ export const IsolationProperties = _objectSpread(_objectSpread({
   asyncSubmitTimeout: undefined,
   scrollTopOnSubmit: undefined,
   sessionStorageId: undefined,
-  filterSubmitData: undefined,
   globalStatusId: undefined
 });
 export const IsolationEvents = _objectSpread(_objectSpread({

package/extensions/forms/Form/Isolation/IsolationDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationDocs.js","names":["ProviderEvents","ProviderProperties","IsolationProperties","_objectSpread","path","doc","type","status","transformOnCommit","commitHandleRef","minimumAsyncBehaviorTime","undefined","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","filterSubmitData","globalStatusId","IsolationEvents","onCommit","onSubmit","onSubmitRequest","onSubmitComplete"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport {\n  ProviderEvents,\n  ProviderProperties,\n} from '../../DataContext/Provider/ProviderDocs'\n\nexport const IsolationProperties: PropertiesTableProps = {\n  path: {\n    doc: 'JSON Pointer to define the object key for all the generated nested field data.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformOnCommit: {\n    doc: 'Transform the data before it gets committed to the form. The first parameter is the isolated data object. The second parameter is the outer context data object (Form.Handler).',\n    type: 'function',\n    status: 'optional',\n  },\n  commitHandleRef: {\n    doc: 'Provide a ref to a function that can be called from any location to commit the data to the form.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  ...ProviderProperties,\n  minimumAsyncBehaviorTime: undefined,\n  asyncSubmitTimeout: undefined,\n  scrollTopOnSubmit: undefined,\n  sessionStorageId: undefined,\n  filterSubmitData: undefined,\n  globalStatusId: undefined,\n}\n\nexport const IsolationEvents: PropertiesTableProps = {\n  onCommit: {\n    doc: 'Will be called on a nested form context commit – if validation has passed. The first parameter is the committed data object. The second parameter is an object containing a method to clear the internal data `{ clearData }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  ...ProviderEvents,\n  onSubmit: undefined,\n  onSubmitRequest: undefined,\n  onSubmitComplete: undefined,\n}\n"],"mappings":";;;AACA,SACEA,cAAc,EACdC,kBAAkB,QACb,yCAAyC;AAEhD,OAAO,MAAMC,mBAAyC,GAAAC,aAAA,CAAAA,aAAA;EACpDC,IAAI,EAAE;IACJC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV;AAAC,GACEN,kBAAkB;EACrBS,wBAAwB,EAAEC,SAAS;EACnCC,kBAAkB,EAAED,SAAS;EAC7BE,iBAAiB,EAAEF,SAAS;EAC5BG,gBAAgB,EAAEH,SAAS;EAC3BI,gBAAgB,EAAEJ,SAAS;EAC3BK,cAAc,EAAEL;AAAS,EAC1B;AAED,OAAO,MAAMM,eAAqC,GAAAd,aAAA,CAAAA,aAAA;EAChDe,QAAQ,EAAE;IACRb,GAAG,EAAE,gOAAgO;IACrOC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AAAC,GACEP,cAAc;EACjBmB,QAAQ,EAAER,SAAS;EACnBS,eAAe,EAAET,SAAS;EAC1BU,gBAAgB,EAAEV;AAAS,EAC5B"}
+{"version":3,"file":"IsolationDocs.js","names":["ProviderEvents","ProviderProperties","IsolationProperties","_objectSpread","path","doc","type","status","transformOnCommit","commitHandleRef","minimumAsyncBehaviorTime","undefined","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","globalStatusId","IsolationEvents","onCommit","onSubmit","onSubmitRequest","onSubmitComplete"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport {\n  ProviderEvents,\n  ProviderProperties,\n} from '../../DataContext/Provider/ProviderDocs'\n\nexport const IsolationProperties: PropertiesTableProps = {\n  path: {\n    doc: 'JSON Pointer to define the object key for all the generated nested field data.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformOnCommit: {\n    doc: 'Transform the data before it gets committed to the form. The first parameter is the isolated data object. The second parameter is the outer context data object (Form.Handler).',\n    type: 'function',\n    status: 'optional',\n  },\n  commitHandleRef: {\n    doc: 'Provide a ref to a function that can be called from any location to commit the data to the form.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  ...ProviderProperties,\n  minimumAsyncBehaviorTime: undefined,\n  asyncSubmitTimeout: undefined,\n  scrollTopOnSubmit: undefined,\n  sessionStorageId: undefined,\n  globalStatusId: undefined,\n}\n\nexport const IsolationEvents: PropertiesTableProps = {\n  onCommit: {\n    doc: 'Will be called on a nested form context commit – if validation has passed. The first parameter is the committed data object. The second parameter is an object containing a method to clear the internal data `{ clearData }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  ...ProviderEvents,\n  onSubmit: undefined,\n  onSubmitRequest: undefined,\n  onSubmitComplete: undefined,\n}\n"],"mappings":";;;AACA,SACEA,cAAc,EACdC,kBAAkB,QACb,yCAAyC;AAEhD,OAAO,MAAMC,mBAAyC,GAAAC,aAAA,CAAAA,aAAA;EACpDC,IAAI,EAAE;IACJC,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV;AAAC,GACEN,kBAAkB;EACrBS,wBAAwB,EAAEC,SAAS;EACnCC,kBAAkB,EAAED,SAAS;EAC7BE,iBAAiB,EAAEF,SAAS;EAC5BG,gBAAgB,EAAEH,SAAS;EAC3BI,cAAc,EAAEJ;AAAS,EAC1B;AAED,OAAO,MAAMK,eAAqC,GAAAb,aAAA,CAAAA,aAAA;EAChDc,QAAQ,EAAE;IACRZ,GAAG,EAAE,gOAAgO;IACrOC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AAAC,GACEP,cAAc;EACjBkB,QAAQ,EAAEP,SAAS;EACnBQ,eAAe,EAAER,SAAS;EAC1BS,gBAAgB,EAAET;AAAS,EAC5B"}

package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js

@@ -18,27 +18,35 @@ export default function EditToolbarTools() {
   } = useContext(SectionContainerContext) || {};
   const {
     hasVisibleError,
-    hasSubmitError
+    hasSubmitError,
+    hasError,
+    setShowBoundaryErrors
   } = useContext(FieldBoundaryContext) || {};
   const translation = useTranslation().SectionEditContainer;
   const [showError, setShowError] = useState(false);
   const cancelHandler = useCallback(() => {
     if (hasSubmitError) {
       setShowError(true);
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
     } else {
       setShowError(false);
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
       restoreOriginalData();
       switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
     }
-  }, [hasSubmitError, restoreOriginalData, switchContainerMode]);
+  }, [hasSubmitError, restoreOriginalData, setShowBoundaryErrors, switchContainerMode]);
   const doneHandler = useCallback(() => {
-    if (hasVisibleError) {
-      setShowError(true);
+    if (hasError) {
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
+      if (hasVisibleError) {
+        setShowError(true);
+      }
     } else {
       setShowError(false);
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
       switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
     }
-  }, [hasVisibleError, switchContainerMode]);
+  }, [hasVisibleError, hasError, setShowBoundaryErrors, switchContainerMode]);
   return React.createElement(React.Fragment, null, React.createElement(FormStatus, {
     show: showError && hasVisibleError,
     no_animation: false

package/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditToolbarTools.js","names":["React","useCallback","useContext","useState","Button","Flex","FormStatus","useTranslation","SectionContainerContext","FieldBoundaryContext","check","close","useContainerDataStore","useEditContainerToolbar","EditToolbarTools","restoreOriginalData","switchContainerMode","hasVisibleError","hasSubmitError","translation","SectionEditContainer","showError","setShowError","cancelHandler","doneHandler","createElement","Fragment","show","no_animation","errorInSection","Horizontal","gap","variant","icon","icon_position","on_click","doneButton","cancelButton"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react'\nimport { Button, Flex, FormStatus } from '../../../../../components'\nimport useTranslation from '../../../hooks/useTranslation'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { check, close } from '../../../../../icons'\nimport useContainerDataStore from './useContainerDataStore'\nimport useEditContainerToolbar from './useEditContainerToolbar'\n\nexport default function EditToolbarTools() {\n  useEditContainerToolbar()\n  const { restoreOriginalData } = useContainerDataStore()\n\n  const { switchContainerMode } = useContext(SectionContainerContext) || {}\n  const { hasVisibleError, hasSubmitError } =\n    useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().SectionEditContainer\n\n  const [showError, setShowError] = useState(false)\n\n  const cancelHandler = useCallback(() => {\n    if (hasSubmitError) {\n      setShowError(true)\n    } else {\n      setShowError(false)\n      restoreOriginalData()\n      switchContainerMode?.('view')\n    }\n  }, [hasSubmitError, restoreOriginalData, switchContainerMode])\n  const doneHandler = useCallback(() => {\n    if (hasVisibleError) {\n      setShowError(true)\n    } else {\n      setShowError(false)\n      switchContainerMode?.('view')\n    }\n  }, [hasVisibleError, switchContainerMode])\n\n  return (\n    <>\n      <FormStatus show={showError && hasVisibleError} no_animation={false}>\n        {translation.errorInSection}\n      </FormStatus>\n      <Flex.Horizontal gap=\"large\">\n        <Button\n          variant=\"tertiary\"\n          icon={check}\n          icon_position=\"left\"\n          on_click={doneHandler}\n        >\n          {translation.doneButton}\n        </Button>\n\n        <Button\n          variant=\"tertiary\"\n          icon={close}\n          icon_position=\"left\"\n          on_click={cancelHandler}\n        >\n          {translation.cancelButton}\n        </Button>\n      </Flex.Horizontal>\n    </>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAChE,SAASC,MAAM,EAAEC,IAAI,EAAEC,UAAU,QAAQ,2BAA2B;AACpE,OAAOC,cAAc,MAAM,+BAA+B;AAC1D,OAAOC,uBAAuB,MAAM,uCAAuC;AAC3E,OAAOC,oBAAoB,MAAM,yDAAyD;AAC1F,SAASC,KAAK,EAAEC,KAAK,QAAQ,sBAAsB;AACnD,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,uBAAuB,MAAM,2BAA2B;AAE/D,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EACzCD,uBAAuB,CAAC,CAAC;EACzB,MAAM;IAAEE;EAAoB,CAAC,GAAGH,qBAAqB,CAAC,CAAC;EAEvD,MAAM;IAAEI;EAAoB,CAAC,GAAGd,UAAU,CAACM,uBAAuB,CAAC,IAAI,CAAC,CAAC;EACzE,MAAM;IAAES,eAAe;IAAEC;EAAe,CAAC,GACvChB,UAAU,CAACO,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAExC,MAAMU,WAAW,GAAGZ,cAAc,CAAC,CAAC,CAACa,oBAAoB;EAEzD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMoB,aAAa,GAAGtB,WAAW,CAAC,MAAM;IACtC,IAAIiB,cAAc,EAAE;MAClBI,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;MACnBP,mBAAmB,CAAC,CAAC;MACrBC,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EAAE,CAACE,cAAc,EAAEH,mBAAmB,EAAEC,mBAAmB,CAAC,CAAC;EAC9D,MAAMQ,WAAW,GAAGvB,WAAW,CAAC,MAAM;IACpC,IAAIgB,eAAe,EAAE;MACnBK,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;MACnBN,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EAAE,CAACC,eAAe,EAAED,mBAAmB,CAAC,CAAC;EAE1C,OACEhB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACE1B,KAAA,CAAAyB,aAAA,CAACnB,UAAU;IAACqB,IAAI,EAAEN,SAAS,IAAIJ,eAAgB;IAACW,YAAY,EAAE;EAAM,GACjET,WAAW,CAACU,cACH,CAAC,EACb7B,KAAA,CAAAyB,aAAA,CAACpB,IAAI,CAACyB,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1B/B,KAAA,CAAAyB,aAAA,CAACrB,MAAM;IACL4B,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEvB,KAAM;IACZwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEX;EAAY,GAErBL,WAAW,CAACiB,UACP,CAAC,EAETpC,KAAA,CAAAyB,aAAA,CAACrB,MAAM;IACL4B,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEtB,KAAM;IACZuB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEZ;EAAc,GAEvBJ,WAAW,CAACkB,YACP,CACO,CACjB,CAAC;AAEP"}
+{"version":3,"file":"EditToolbarTools.js","names":["React","useCallback","useContext","useState","Button","Flex","FormStatus","useTranslation","SectionContainerContext","FieldBoundaryContext","check","close","useContainerDataStore","useEditContainerToolbar","EditToolbarTools","restoreOriginalData","switchContainerMode","hasVisibleError","hasSubmitError","hasError","setShowBoundaryErrors","translation","SectionEditContainer","showError","setShowError","cancelHandler","doneHandler","createElement","Fragment","show","no_animation","errorInSection","Horizontal","gap","variant","icon","icon_position","on_click","doneButton","cancelButton"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react'\nimport { Button, Flex, FormStatus } from '../../../../../components'\nimport useTranslation from '../../../hooks/useTranslation'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { check, close } from '../../../../../icons'\nimport useContainerDataStore from './useContainerDataStore'\nimport useEditContainerToolbar from './useEditContainerToolbar'\n\nexport default function EditToolbarTools() {\n  useEditContainerToolbar()\n  const { restoreOriginalData } = useContainerDataStore()\n\n  const { switchContainerMode } = useContext(SectionContainerContext) || {}\n  const {\n    hasVisibleError,\n    hasSubmitError,\n    hasError,\n    setShowBoundaryErrors,\n  } = useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().SectionEditContainer\n\n  const [showError, setShowError] = useState(false)\n\n  const cancelHandler = useCallback(() => {\n    if (hasSubmitError) {\n      setShowError(true)\n      setShowBoundaryErrors?.(true)\n    } else {\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      restoreOriginalData()\n      switchContainerMode?.('view')\n    }\n  }, [\n    hasSubmitError,\n    restoreOriginalData,\n    setShowBoundaryErrors,\n    switchContainerMode,\n  ])\n  const doneHandler = useCallback(() => {\n    if (hasError) {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      switchContainerMode?.('view')\n    }\n  }, [\n    hasVisibleError,\n    hasError,\n    setShowBoundaryErrors,\n    switchContainerMode,\n  ])\n\n  return (\n    <>\n      <FormStatus show={showError && hasVisibleError} no_animation={false}>\n        {translation.errorInSection}\n      </FormStatus>\n      <Flex.Horizontal gap=\"large\">\n        <Button\n          variant=\"tertiary\"\n          icon={check}\n          icon_position=\"left\"\n          on_click={doneHandler}\n        >\n          {translation.doneButton}\n        </Button>\n\n        <Button\n          variant=\"tertiary\"\n          icon={close}\n          icon_position=\"left\"\n          on_click={cancelHandler}\n        >\n          {translation.cancelButton}\n        </Button>\n      </Flex.Horizontal>\n    </>\n  )\n}\n"],"mappings":"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"}

package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js

@@ -1,26 +1,24 @@
 "use client";
 
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { useCallback, useContext, useEffect, useRef } from 'react';
 import { extendDeep } from '../../../../../shared/component-helper';
 import DataContext from '../../../DataContext/Context';
+import SectionContext from '../SectionContext';
 import SectionContainerContext from '../containers/SectionContainerContext';
 import useDataValue from '../../../hooks/useDataValue';
-import { usePath } from '../../../hooks';
 export default function useContainerDataStore() {
   const valueBackupRef = useRef();
   const {
-    makePath
-  } = usePath();
-  const {
-    getData
+    getData,
+    moveValueToPath
   } = useDataValue();
   const {
     data: dataFromContext,
     setData
   } = useContext(DataContext);
+  const {
+    path
+  } = useContext(SectionContext) || {};
   const {
     containerMode
   } = useContext(SectionContainerContext) || {};
@@ -33,12 +31,13 @@ export default function useContainerDataStore() {
     if (containerMode === 'view') {
       valueBackupRef.current = null;
     }
-  }, [containerMode, getData, makePath]);
+  }, [containerMode, getData]);
   const restoreOriginalData = useCallback(() => {
     if (valueBackupRef.current) {
-      setData === null || setData === void 0 ? void 0 : setData(extendDeep(_objectSpread({}, dataFromContext), valueBackupRef.current));
+      const data = extendDeep({}, dataFromContext, moveValueToPath(path, valueBackupRef.current));
+      setData === null || setData === void 0 ? void 0 : setData(data);
     }
-  }, [dataFromContext, setData]);
+  }, [dataFromContext, moveValueToPath, path, setData]);
   return {
     restoreOriginalData
   };

package/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContainerDataStore.js","names":["useCallback","useContext","useEffect","useRef","extendDeep","DataContext","SectionContainerContext","useDataValue","usePath","useContainerDataStore","valueBackupRef","makePath","getData","data","dataFromContext","setData","containerMode","current","includeCurrentPath","restoreOriginalData","_objectSpread"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/useContainerDataStore.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { extendDeep } from '../../../../../shared/component-helper'\nimport DataContext from '../../../DataContext/Context'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport useDataValue from '../../../hooks/useDataValue'\nimport { usePath } from '../../../hooks'\n\nexport default function useContainerDataStore() {\n  const valueBackupRef = useRef<unknown>()\n\n  const { makePath } = usePath()\n  const { getData } = useDataValue()\n  const { data: dataFromContext, setData } = useContext(DataContext)\n  // const { path } = useContext(SectionContext) || {}\n  const { containerMode } = useContext(SectionContainerContext) || {}\n\n  useEffect(() => {\n    // console.log('path', path)\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = getData('/', {\n        includeCurrentPath: true,\n      })\n      // console.log('dataFromContext', dataFromContext)\n      // console.log('valueBackupRef.current', valueBackupRef.current)\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [containerMode, getData, makePath])\n\n  const restoreOriginalData = useCallback(() => {\n    if (valueBackupRef.current) {\n      setData?.(extendDeep({ ...dataFromContext }, valueBackupRef.current))\n    }\n  }, [dataFromContext, setData])\n\n  return {\n    restoreOriginalData,\n  }\n}\n"],"mappings":";;;;;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAClE,SAASC,UAAU,QAAQ,wCAAwC;AACnE,OAAOC,WAAW,MAAM,8BAA8B;AACtD,OAAOC,uBAAuB,MAAM,uCAAuC;AAC3E,OAAOC,YAAY,MAAM,6BAA6B;AACtD,SAASC,OAAO,QAAQ,gBAAgB;AAExC,eAAe,SAASC,qBAAqBA,CAAA,EAAG;EAC9C,MAAMC,cAAc,GAAGP,MAAM,CAAU,CAAC;EAExC,MAAM;IAAEQ;EAAS,CAAC,GAAGH,OAAO,CAAC,CAAC;EAC9B,MAAM;IAAEI;EAAQ,CAAC,GAAGL,YAAY,CAAC,CAAC;EAClC,MAAM;IAAEM,IAAI,EAAEC,eAAe;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACI,WAAW,CAAC;EAElE,MAAM;IAAEW;EAAc,CAAC,GAAGf,UAAU,CAACK,uBAAuB,CAAC,IAAI,CAAC,CAAC;EAEnEJ,SAAS,CAAC,MAAM;IAEd,IAAIc,aAAa,KAAK,MAAM,IAAI,CAACN,cAAc,CAACO,OAAO,EAAE;MACvDP,cAAc,CAACO,OAAO,GAAGL,OAAO,CAAC,GAAG,EAAE;QACpCM,kBAAkB,EAAE;MACtB,CAAC,CAAC;IAGJ;IACA,IAAIF,aAAa,KAAK,MAAM,EAAE;MAC5BN,cAAc,CAACO,OAAO,GAAG,IAAI;IAC/B;EACF,CAAC,EAAE,CAACD,aAAa,EAAEJ,OAAO,EAAED,QAAQ,CAAC,CAAC;EAEtC,MAAMQ,mBAAmB,GAAGnB,WAAW,CAAC,MAAM;IAC5C,IAAIU,cAAc,CAACO,OAAO,EAAE;MAC1BF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGX,UAAU,CAAAgB,aAAA,KAAMN,eAAe,GAAIJ,cAAc,CAACO,OAAO,CAAC,CAAC;IACvE;EACF,CAAC,EAAE,CAACH,eAAe,EAAEC,OAAO,CAAC,CAAC;EAE9B,OAAO;IACLI;EACF,CAAC;AACH"}
+{"version":3,"file":"useContainerDataStore.js","names":["useCallback","useContext","useEffect","useRef","extendDeep","DataContext","SectionContext","SectionContainerContext","useDataValue","useContainerDataStore","valueBackupRef","getData","moveValueToPath","data","dataFromContext","setData","path","containerMode","current","includeCurrentPath","restoreOriginalData"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/useContainerDataStore.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { extendDeep } from '../../../../../shared/component-helper'\nimport DataContext from '../../../DataContext/Context'\nimport SectionContext from '../SectionContext'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport useDataValue from '../../../hooks/useDataValue'\n\nexport default function useContainerDataStore() {\n  const valueBackupRef = useRef<unknown>()\n\n  const { getData, moveValueToPath } = useDataValue()\n  const { data: dataFromContext, setData } = useContext(DataContext)\n  const { path } = useContext(SectionContext) || {}\n  const { containerMode } = useContext(SectionContainerContext) || {}\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = getData('/', {\n        includeCurrentPath: true,\n      })\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [containerMode, getData])\n\n  const restoreOriginalData = useCallback(() => {\n    if (valueBackupRef.current) {\n      const data = extendDeep(\n        {},\n        dataFromContext,\n        moveValueToPath(path, valueBackupRef.current)\n      )\n      setData?.(data)\n    }\n  }, [dataFromContext, moveValueToPath, path, setData])\n\n  return {\n    restoreOriginalData,\n  }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAClE,SAASC,UAAU,QAAQ,wCAAwC;AACnE,OAAOC,WAAW,MAAM,8BAA8B;AACtD,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,uBAAuB,MAAM,uCAAuC;AAC3E,OAAOC,YAAY,MAAM,6BAA6B;AAEtD,eAAe,SAASC,qBAAqBA,CAAA,EAAG;EAC9C,MAAMC,cAAc,GAAGP,MAAM,CAAU,CAAC;EAExC,MAAM;IAAEQ,OAAO;IAAEC;EAAgB,CAAC,GAAGJ,YAAY,CAAC,CAAC;EACnD,MAAM;IAAEK,IAAI,EAAEC,eAAe;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACI,WAAW,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGf,UAAU,CAACK,cAAc,CAAC,IAAI,CAAC,CAAC;EACjD,MAAM;IAAEW;EAAc,CAAC,GAAGhB,UAAU,CAACM,uBAAuB,CAAC,IAAI,CAAC,CAAC;EAEnEL,SAAS,CAAC,MAAM;IACd,IAAIe,aAAa,KAAK,MAAM,IAAI,CAACP,cAAc,CAACQ,OAAO,EAAE;MACvDR,cAAc,CAACQ,OAAO,GAAGP,OAAO,CAAC,GAAG,EAAE;QACpCQ,kBAAkB,EAAE;MACtB,CAAC,CAAC;IACJ;IACA,IAAIF,aAAa,KAAK,MAAM,EAAE;MAC5BP,cAAc,CAACQ,OAAO,GAAG,IAAI;IAC/B;EACF,CAAC,EAAE,CAACD,aAAa,EAAEN,OAAO,CAAC,CAAC;EAE5B,MAAMS,mBAAmB,GAAGpB,WAAW,CAAC,MAAM;IAC5C,IAAIU,cAAc,CAACQ,OAAO,EAAE;MAC1B,MAAML,IAAI,GAAGT,UAAU,CACrB,CAAC,CAAC,EACFU,eAAe,EACfF,eAAe,CAACI,IAAI,EAAEN,cAAc,CAACQ,OAAO,CAC9C,CAAC;MACDH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGF,IAAI,CAAC;IACjB;EACF,CAAC,EAAE,CAACC,eAAe,EAAEF,eAAe,EAAEI,IAAI,EAAED,OAAO,CAAC,CAAC;EAErD,OAAO;IACLK;EACF,CAAC;AACH"}

package/extensions/forms/Form/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["React","useCallback","useContext","useMemo","SectionContext","DataContext","Provider","FieldPropsProvider","SectionContainerProvider","ViewContainer","EditContainer","SectionComponent","props","_path$startsWith","_nestedProps$overwrit","path","overwriteProps","translations","required","data","defaultData","containerMode","onChange","errorPrioritization","children","startsWith","call","Error","hasContext","addOnChangeHandler","nestedPath","nestedProps","handleChange","_len","arguments","length","args","Array","_key","identifier","fieldProps","undefined","createElement","value","_extends","_objectSpread","substring","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Section/Section.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport SectionContext, { SectionContextState } from './SectionContext'\nimport DataContext from '../../DataContext/Context'\nimport Provider from '../../DataContext/Provider/Provider'\nimport FieldPropsProvider from '../FieldProps'\nimport SectionContainerProvider from './containers/SectionContainerProvider'\nimport ViewContainer from './ViewContainer'\nimport EditContainer from './EditContainer'\n\nimport type { Props as DataContextProps } from '../../DataContext/Provider'\nimport type { ContainerMode } from './containers/SectionContainer'\nimport type {\n  FieldBlockProps,\n  Path,\n  FieldProps,\n  OnChange,\n} from '../../types'\n\nexport type OverwritePropsDefaults = {\n  [key: Path]: (FieldProps & FieldBlockProps) | OverwritePropsDefaults\n}\nexport type SectionProps<overwriteProps = OverwritePropsDefaults> = {\n  /**\n   * Path to the section.\n   * When defined, fields inside the section will get this path as a prefix of their own path.\n   */\n  path?: Path\n\n  /**\n   * Overwrite field props for the section.\n   */\n  overwriteProps?: overwriteProps | OverwritePropsDefaults\n\n  /**\n   * Makes all fields inside it required.\n   */\n  required?: boolean\n\n  /**\n   * Defines the container mode. Can be `view` or `edit`.\n   * Defaults to `view`.\n   */\n  containerMode?: ContainerMode\n\n  /**\n   * Only for internal use and undocumented for now.\n   * Prioritize error techniques for the section.\n   * Can be `fieldSchema`, `sectionSchema` or `contextSchema.\n   */\n  errorPrioritization?: SectionContextState['errorPrioritization']\n} & Pick<\n  DataContextProps<unknown>,\n  'data' | 'defaultData' | 'onChange' | 'translations'\n>\n\nexport type LocalProps = SectionProps & {\n  children: React.ReactNode\n}\n\nfunction SectionComponent(props: LocalProps) {\n  const {\n    path,\n    overwriteProps,\n    translations,\n    required,\n    data,\n    defaultData,\n    containerMode = 'view',\n    onChange,\n    errorPrioritization = ['contextSchema'],\n    children,\n  } = props\n\n  if (path && !path.startsWith?.('/')) {\n    throw new Error(`path=\"${path}\" must start with a slash`)\n  }\n\n  const { hasContext, addOnChangeHandler } = useContext(DataContext)\n\n  const { path: nestedPath, props: nestedProps } =\n    useContext(SectionContext) || {}\n\n  const handleChange = useCallback<OnChange<unknown>>(\n    (...args) => onChange?.(...args),\n    [onChange]\n  )\n  addOnChangeHandler?.(handleChange)\n\n  const identifier = useMemo(() => {\n    return `${nestedPath && nestedPath !== '/' ? nestedPath : ''}${\n      path || ''\n    }`\n  }, [path, nestedPath])\n  const fieldProps = required ? { required: true } : undefined\n\n  if (!hasContext) {\n    return (\n      <Provider data={data} defaultData={defaultData}>\n        <SectionComponent {...props} />\n      </Provider>\n    )\n  }\n\n  return (\n    <SectionContext.Provider\n      value={{\n        path: identifier,\n        errorPrioritization,\n        props,\n      }}\n    >\n      <SectionContainerProvider containerMode={containerMode}>\n        <FieldPropsProvider\n          overwriteProps={{\n            ...overwriteProps,\n            ...(nestedProps?.overwriteProps?.[\n              path.substring(1)\n            ] as OverwritePropsDefaults),\n          }}\n          translations={translations}\n          {...fieldProps}\n        >\n          {children}\n        </FieldPropsProvider>\n      </SectionContainerProvider>\n    </SectionContext.Provider>\n  )\n}\n\nSectionComponent.ViewContainer = ViewContainer\nSectionComponent.EditContainer = EditContainer\n\nSectionComponent._supportsSpacingProps = undefined\nexport default SectionComponent\n"],"mappings":"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"}
+{"version":3,"file":"Section.js","names":["React","useCallback","useContext","useMemo","SectionContext","DataContext","Provider","FieldPropsProvider","SectionContainerProvider","ViewContainer","EditContainer","SectionComponent","props","_path$startsWith","_nestedProps$overwrit","path","overwriteProps","translations","required","data","defaultData","containerMode","onChange","errorPrioritization","children","startsWith","call","Error","hasContext","addOnChangeHandler","nestedPath","nestedProps","handleChange","_len","arguments","length","args","Array","_key","identifier","fieldProps","undefined","createElement","value","_extends","_objectSpread","substring","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Section/Section.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport SectionContext, { SectionContextState } from './SectionContext'\nimport DataContext from '../../DataContext/Context'\nimport Provider from '../../DataContext/Provider/Provider'\nimport FieldPropsProvider from '../FieldProps'\nimport SectionContainerProvider from './containers/SectionContainerProvider'\nimport ViewContainer from './ViewContainer'\nimport EditContainer from './EditContainer'\n\nimport type { Props as DataContextProps } from '../../DataContext/Provider'\nimport type { ContainerMode } from './containers/SectionContainer'\nimport type {\n  FieldBlockProps,\n  Path,\n  FieldProps,\n  OnChange,\n} from '../../types'\n\nexport type OverwritePropsDefaults = {\n  [key: Path]: (FieldProps & FieldBlockProps) | OverwritePropsDefaults\n}\nexport type SectionProps<overwriteProps = OverwritePropsDefaults> = {\n  /**\n   * Path to the section.\n   * When defined, fields inside the section will get this path as a prefix of their own path.\n   */\n  path?: Path\n\n  /**\n   * Overwrite field props for the section.\n   */\n  overwriteProps?: overwriteProps | OverwritePropsDefaults\n\n  /**\n   * Makes all fields inside it required.\n   */\n  required?: boolean\n\n  /**\n   * Defines the container mode. Can be `view` or `edit`.\n   * Defaults to `view`.\n   */\n  containerMode?: ContainerMode\n\n  /**\n   * Only for internal use and undocumented for now.\n   * Prioritize error techniques for the section.\n   * Can be `fieldSchema`, `sectionSchema` or `contextSchema.\n   */\n  errorPrioritization?: SectionContextState['errorPrioritization']\n} & Pick<\n  DataContextProps<unknown>,\n  'data' | 'defaultData' | 'onChange' | 'translations'\n>\n\nexport type LocalProps = SectionProps & {\n  children: React.ReactNode\n}\n\nfunction SectionComponent(props: LocalProps) {\n  const {\n    path,\n    overwriteProps,\n    translations,\n    required,\n    data,\n    defaultData,\n    containerMode = 'view',\n    onChange,\n    errorPrioritization = ['contextSchema'],\n    children,\n  } = props\n\n  if (path && !path.startsWith?.('/')) {\n    throw new Error(`path=\"${path}\" must start with a slash`)\n  }\n\n  const { hasContext, addOnChangeHandler } = useContext(DataContext)\n\n  const { path: nestedPath, props: nestedProps } =\n    useContext(SectionContext) || {}\n\n  const handleChange = useCallback<OnChange>(\n    (...args) => onChange?.(...args),\n    [onChange]\n  )\n  addOnChangeHandler?.(handleChange)\n\n  const identifier = useMemo(() => {\n    return `${nestedPath && nestedPath !== '/' ? nestedPath : ''}${\n      path || ''\n    }`\n  }, [path, nestedPath])\n  const fieldProps = required ? { required: true } : undefined\n\n  if (!hasContext) {\n    return (\n      <Provider data={data} defaultData={defaultData}>\n        <SectionComponent {...props} />\n      </Provider>\n    )\n  }\n\n  return (\n    <SectionContext.Provider\n      value={{\n        path: identifier,\n        errorPrioritization,\n        props,\n      }}\n    >\n      <SectionContainerProvider containerMode={containerMode}>\n        <FieldPropsProvider\n          overwriteProps={{\n            ...overwriteProps,\n            ...(nestedProps?.overwriteProps?.[\n              path.substring(1)\n            ] as OverwritePropsDefaults),\n          }}\n          translations={translations}\n          {...fieldProps}\n        >\n          {children}\n        </FieldPropsProvider>\n      </SectionContainerProvider>\n    </SectionContext.Provider>\n  )\n}\n\nSectionComponent.ViewContainer = ViewContainer\nSectionComponent.EditContainer = EditContainer\n\nSectionComponent._supportsSpacingProps = undefined\nexport default SectionComponent\n"],"mappings":"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"}

package/extensions/forms/Form/data-context/useData.js

@@ -12,19 +12,21 @@ export default function useData() {
   const sharedAttachmentsRef = useRef(null);
   const [, forceUpdate] = useReducer(() => ({}), {});
   sharedDataRef.current = useSharedState(id, initialData, forceUpdate);
+  sharedAttachmentsRef.current = useSharedState(id + '-attachments', {
+    rerenderUseDataHook: forceUpdate
+  });
   const context = useContext(DataContext);
   if (!id) {
-    if (context !== null && context !== void 0 && context.data) {
-      sharedDataRef.current.data = context.data;
-    } else if (!(context !== null && context !== void 0 && context.hasContext)) {
+    if (!(context !== null && context !== void 0 && context.hasContext)) {
       throw new Error('useData needs to run inside DataContext (Form.Handler) or have a valid id');
     }
+    if (context) {
+      sharedDataRef.current.data = context.data;
+      sharedAttachmentsRef.current.data.filterDataHandler = context.filterDataHandler;
+    }
   }
   const updateDataValue = context === null || context === void 0 ? void 0 : context.updateDataValue;
   const setData = context === null || context === void 0 ? void 0 : context.setData;
-  sharedAttachmentsRef.current = useSharedState(id + '-attachments', {
-    rerenderUseDataHook: forceUpdate
-  });
   const setHandler = useCallback(newData => {
     if (id) {
       sharedDataRef.current.update(newData);
@@ -74,6 +76,6 @@ export default function useData() {
     set: setHandler,
     getValue,
     filterData
-  }), [data, filterData, getValue, setHandler, updateHandler]);
+  }), [data, getValue, setHandler, updateHandler, filterData]);
 }
 //# sourceMappingURL=useData.js.map

package/extensions/forms/Form/data-context/useData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useData.js","names":["useCallback","useContext","useMemo","useReducer","useRef","pointer","useSharedState","useMountEffect","DataContext","useData","id","arguments","length","undefined","initialData","sharedDataRef","sharedAttachmentsRef","forceUpdate","current","context","data","hasContext","Error","updateDataValue","setData","rerenderUseDataHook","setHandler","newData","update","updateHandler","path","value","existingData","existingValue","has","get","newValue","set","extend","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","getValue","hadInitialData"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Context'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  value: ((value: PathType<Data, P>) => unknown) | unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n  path: P\n) => PathType<Data, P>\n\nexport type UseDataReturnFilterData<Data> = (\n  filterDataHandler: FilterData,\n  data?: Data\n) => Partial<Data>\n\ntype UseDataReturn<Data> = {\n  data: Data\n  set: (newData: Data) => void\n  update: UseDataReturnUpdate<Data>\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n  id: SharedStateId = undefined,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  // If no id is provided, use the context data\n  const context = useContext(DataContext)\n  if (!id) {\n    if (context?.data) {\n      sharedDataRef.current.data = context.data\n    } else if (!context?.hasContext) {\n      throw new Error(\n        'useData needs to run inside DataContext (Form.Handler) or have a valid id'\n      )\n    }\n  }\n  const updateDataValue = context?.updateDataValue\n  const setData = context?.setData\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  const setHandler = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedDataRef.current.update(newData)\n      } else {\n        setData?.(newData)\n      }\n    },\n    [id, setData]\n  )\n\n  const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n    (path, value = undefined) => {\n      const existingData = sharedDataRef.current.data || ({} as Data)\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // get new value\n      const newValue =\n        typeof value === 'function' ? value(existingValue) : value\n\n      if (newValue !== existingValue) {\n        // update existing data\n        pointer.set(existingData, path, newValue)\n\n        // update provider\n        if (id) {\n          sharedDataRef.current.extend(existingData)\n        } else {\n          updateDataValue(path, newValue)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter, data = sharedDataRef.current.data) => {\n      if (id) {\n        return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n          data,\n          filter\n        )\n      }\n\n      return context?.filterDataHandler(data, filter)\n    },\n    [context, id]\n  )\n\n  const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n    if (pointer.has(sharedDataRef.current.data, path)) {\n      return pointer.get(sharedDataRef.current.data, path)\n    }\n\n    return undefined\n  }, [])\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  const { data } = sharedDataRef.current\n\n  return useMemo(\n    () => ({\n      data,\n      update: updateHandler,\n      set: setHandler,\n      getValue,\n      filterData,\n    }),\n    [data, filterData, getValue, setHandler, updateHandler]\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"useData.js","names":["useCallback","useContext","useMemo","useReducer","useRef","pointer","useSharedState","useMountEffect","DataContext","useData","id","arguments","length","undefined","initialData","sharedDataRef","sharedAttachmentsRef","forceUpdate","current","rerenderUseDataHook","context","hasContext","Error","data","filterDataHandler","updateDataValue","setData","setHandler","newData","update","updateHandler","path","value","existingData","existingValue","has","get","newValue","set","extend","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","call","getValue","hadInitialData"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Context'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  value: ((value: PathType<Data, P>) => unknown) | unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n  path: P\n) => PathType<Data, P>\n\nexport type UseDataReturnFilterData<Data> = (\n  filterDataHandler: FilterData,\n  data?: Data\n) => Partial<Data>\n\ntype UseDataReturn<Data> = {\n  data: Data\n  set: (newData: Data) => void\n  update: UseDataReturnUpdate<Data>\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n  id: SharedStateId = undefined,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  // If no id is provided, use the context data\n  const context = useContext(DataContext)\n  if (!id) {\n    if (!context?.hasContext) {\n      throw new Error(\n        'useData needs to run inside DataContext (Form.Handler) or have a valid id'\n      )\n    }\n\n    if (context) {\n      sharedDataRef.current.data = context.data\n      sharedAttachmentsRef.current.data.filterDataHandler =\n        context.filterDataHandler\n    }\n  }\n\n  const updateDataValue = context?.updateDataValue\n  const setData = context?.setData\n\n  const setHandler = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedDataRef.current.update(newData)\n      } else {\n        setData?.(newData)\n      }\n    },\n    [id, setData]\n  )\n\n  const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n    (path, value = undefined) => {\n      const existingData = sharedDataRef.current.data || ({} as Data)\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // get new value\n      const newValue =\n        typeof value === 'function' ? value(existingValue) : value\n\n      if (newValue !== existingValue) {\n        // update existing data\n        pointer.set(existingData, path, newValue)\n\n        // update provider\n        if (id) {\n          sharedDataRef.current.extend(existingData)\n        } else {\n          updateDataValue(path, newValue)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter, data = sharedDataRef.current.data) => {\n      if (id) {\n        return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n          data,\n          filter\n        )\n      }\n\n      return context?.filterDataHandler(data, filter)\n    },\n    [context, id]\n  )\n\n  const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n    if (pointer.has(sharedDataRef.current.data, path)) {\n      return pointer.get(sharedDataRef.current.data, path)\n    }\n\n    return undefined\n  }, [])\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  const { data } = sharedDataRef.current\n\n  return useMemo(\n    () => ({\n      data,\n      update: updateHandler,\n      set: setHandler,\n      getValue,\n      filterData,\n    }),\n    [data, getValue, setHandler, updateHandler, filterData]\n  )\n}\n"],"mappings":"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"}

package/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.js

@@ -2,13 +2,13 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
-import IterateElementContext from '../IterateElementContext';
+import IterateItemContext from '../IterateItemContext';
 import { EditContainerWithoutToolbar } from '../EditContainer';
 function AnimatedContainer(props) {
-  const iterateElementContext = useContext(IterateElementContext);
+  const iterateItemContext = useContext(IterateItemContext);
   const {
     isNew
-  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
   return React.createElement(EditContainerWithoutToolbar, _extends({
     open: !isNew ? true : undefined
   }, props));

package/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedContainer.js","names":["React","useContext","IterateElementContext","EditContainerWithoutToolbar","AnimatedContainer","props","iterateElementContext","isNew","createElement","_extends","open","undefined","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport IterateElementContext from '../IterateElementContext'\nimport { EditContainerWithoutToolbar, AllProps } from '../EditContainer'\n\nfunction AnimatedContainer(props: AllProps) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { isNew } = iterateElementContext ?? {}\n\n  return (\n    <EditContainerWithoutToolbar\n      open={!isNew ? true : undefined}\n      {...props}\n    />\n  )\n}\n\nAnimatedContainer._supportsSpacingProps = true\nexport default AnimatedContainer\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,2BAA2B,QAAkB,kBAAkB;AAExE,SAASC,iBAAiBA,CAACC,KAAe,EAAE;EAC1C,MAAMC,qBAAqB,GAAGL,UAAU,CAACC,qBAAqB,CAAC;EAC/D,MAAM;IAAEK;EAAM,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE7C,OACEN,KAAA,CAAAQ,aAAA,CAACL,2BAA2B,EAAAM,QAAA;IAC1BC,IAAI,EAAE,CAACH,KAAK,GAAG,IAAI,GAAGI;EAAU,GAC5BN,KAAK,CACV,CAAC;AAEN;AAEAD,iBAAiB,CAACQ,qBAAqB,GAAG,IAAI;AAC9C,eAAeR,iBAAiB"}
+{"version":3,"file":"AnimatedContainer.js","names":["React","useContext","IterateItemContext","EditContainerWithoutToolbar","AnimatedContainer","props","iterateItemContext","isNew","createElement","_extends","open","undefined","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/AnimatedContainer/AnimatedContainer.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport IterateItemContext from '../IterateItemContext'\nimport { EditContainerWithoutToolbar, AllProps } from '../EditContainer'\n\nfunction AnimatedContainer(props: AllProps) {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { isNew } = iterateItemContext ?? {}\n\n  return (\n    <EditContainerWithoutToolbar\n      open={!isNew ? true : undefined}\n      {...props}\n    />\n  )\n}\n\nAnimatedContainer._supportsSpacingProps = true\nexport default AnimatedContainer\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SAASC,2BAA2B,QAAkB,kBAAkB;AAExE,SAASC,iBAAiBA,CAACC,KAAe,EAAE;EAC1C,MAAMC,kBAAkB,GAAGL,UAAU,CAACC,kBAAkB,CAAC;EACzD,MAAM;IAAEK;EAAM,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAE1C,OACEN,KAAA,CAAAQ,aAAA,CAACL,2BAA2B,EAAAM,QAAA;IAC1BC,IAAI,EAAE,CAACH,KAAK,GAAG,IAAI,GAAGI;EAAU,GAC5BN,KAAK,CACV,CAAC;AAEN;AAEAD,iBAAiB,CAACQ,qBAAqB,GAAG,IAAI;AAC9C,eAAeR,iBAAiB"}

package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js

@@ -6,13 +6,13 @@ const _excluded = ["mode", "open", "ariaLabel", "onAnimationEnd", "className", "
 import React, { useCallback, useContext, useEffect, useReducer, useRef } from 'react';
 import classnames from 'classnames';
 import { Flex, HeightAnimation } from '../../../../components';
-import IterateElementContext from '../IterateElementContext';
+import IterateItemContext from '../IterateItemContext';
 import ElementBlockContext from './ElementBlockContext';
 import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
 function ElementBlock(props) {
   const [, forceUpdate] = useReducer(() => ({}), {});
   const contextRef = useRef();
-  contextRef.current = useContext(IterateElementContext) || {};
+  contextRef.current = useContext(IterateItemContext) || {};
   const {
     hasError,
     hasSubmitError

package/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementBlock.js","names":["React","useCallback","useContext","useEffect","useReducer","useRef","classnames","Flex","HeightAnimation","IterateElementContext","ElementBlockContext","FieldBoundaryContext","ElementBlock","props","forceUpdate","contextRef","current","hasError","hasSubmitError","containerMode","handleRemove","switchContainerMode","isNew","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","restProps","_objectWithoutProperties","_excluded","openRef","isRemoving","setOpenState","setTimeout","handleAnimationEnd","state","preventFocusOnErrorOpening","_contextRef$current","_contextRef$current$e","_contextRef$current$e2","_contextRef$current$e3","elementRef","focus","call","window","requestAnimationFrame","_document$activeEleme","document","activeElement","closest","_contextRef$current2","elements","containerRef","querySelectorAll","length","e","_contextRef$current3","_contextRef$current3$","fulfillRemove","handleRemoveBlock","keepItems","createElement","Provider","value","duration","keepInDOM","Stack","_extends","element","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport ElementBlockContext from './ElementBlockContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from '../Array/types'\n\nexport type ElementSectionProps = {\n  /**\n   * Defines the variant of the ViewContainer or EditContainer. Can be `outline`.\n   * Defaults to `outline`.\n   */\n  variant?: 'outline' | 'basic'\n}\n\nexport type Props = {\n  mode: ContainerMode\n  open?: boolean | undefined\n  ariaLabel?: string\n  openDelay?: number\n} & ElementSectionProps\n\nfunction ElementBlock(props: Props & FlexContainerProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const contextRef = useRef<\n    IterateElementContextState & {\n      hasError?: boolean\n      hasSubmitError?: boolean\n    }\n  >()\n  contextRef.current = useContext(IterateElementContext) || {}\n\n  const { hasError, hasSubmitError } =\n    useContext(FieldBoundaryContext) || {}\n  contextRef.current.hasError = hasError\n  contextRef.current.hasSubmitError = hasSubmitError\n\n  // - Set the container mode to \"edit\" if we have an error\n  if (hasSubmitError) {\n    contextRef.current.containerMode = 'edit'\n  }\n\n  const { handleRemove, switchContainerMode, containerMode, isNew } =\n    contextRef.current\n\n  const {\n    mode,\n    open,\n    ariaLabel,\n    onAnimationEnd,\n    className,\n    children,\n    openDelay = 100,\n    variant = 'outline',\n    ...restProps\n  } = props\n\n  const openRef = useRef(open ?? (containerMode === mode && !isNew))\n  const isRemoving = useRef(false)\n\n  const setOpenState = useCallback((open: boolean) => {\n    openRef.current = open\n    forceUpdate()\n  }, [])\n\n  useEffect(() => {\n    if (!isRemoving.current) {\n      // - Set the open state, if it's controlled\n      if (typeof open !== 'undefined') {\n        setOpenState(open)\n      } else {\n        // - Open the block with animation, if it's in the right mode\n        if (openRef.current !== (containerMode === mode)) {\n          if (isNew) {\n            setTimeout(() => {\n              setOpenState(containerMode === mode)\n            }, openDelay) // in order to apply the animation\n          } else {\n            setOpenState(containerMode === mode)\n          }\n        }\n      }\n    }\n  }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n  // - Remove the block with animation, if it's in the right mode\n  const handleAnimationEnd = useCallback(\n    (state) => {\n      // - Keep the block open if we have an error\n      if (contextRef.current.hasSubmitError) {\n        switchContainerMode?.('edit')\n      }\n\n      const preventFocusOnErrorOpening = !contextRef.current.hasSubmitError\n      if (preventFocusOnErrorOpening) {\n        if (state === 'opened') {\n          contextRef.current?.elementRef?.current?.focus?.()\n        } else {\n          // Wait until the element is removed, then check if we can set focus\n          window.requestAnimationFrame(() => {\n            // try to focus on the second last element\n            try {\n              if (\n                // But not when we focus is already inside our element\n                !document.activeElement?.closest(\n                  '.dnb-forms-iterate__element'\n                )\n              ) {\n                const elements =\n                  contextRef.current?.containerRef.current.querySelectorAll<HTMLDivElement>(\n                    '.dnb-forms-iterate__element'\n                  )\n                elements[elements.length - 1].focus()\n              }\n            } catch (e) {\n              /**/\n            }\n          })\n        }\n      }\n\n      if (!openRef.current && isRemoving.current) {\n        isRemoving.current = false\n        contextRef.current?.fulfillRemove?.()\n      }\n\n      onAnimationEnd?.(state)\n    },\n    [onAnimationEnd, switchContainerMode]\n  )\n  const handleRemoveBlock = useCallback(() => {\n    isRemoving.current = true\n    handleRemove?.({ keepItems: true })\n    setOpenState(false)\n  }, [handleRemove, setOpenState])\n\n  return (\n    <ElementBlockContext.Provider value={{ handleRemoveBlock }}>\n      <HeightAnimation\n        className={classnames(\n          'dnb-forms-section-block',\n          variant && `dnb-forms-section-block--variant-${variant}`,\n          isNew && 'dnb-forms-section-block--new',\n          contextRef.current.hasSubmitError &&\n            'dnb-forms-section-block--error',\n          className\n        )}\n        open={openRef.current}\n        onAnimationEnd={handleAnimationEnd}\n        duration={450}\n        keepInDOM // Ensure fields get mounted so they will sync with the data context\n      >\n        <Flex.Stack\n          className=\"dnb-forms-section-block__inner\"\n          {...restProps}\n          element=\"section\"\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Flex.Stack>\n      </HeightAnimation>\n    </ElementBlockContext.Provider>\n  )\n}\n\nElementBlock._supportsSpacingProps = true\nexport default ElementBlock\n"],"mappings":"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"}
+{"version":3,"file":"ElementBlock.js","names":["React","useCallback","useContext","useEffect","useReducer","useRef","classnames","Flex","HeightAnimation","IterateItemContext","ElementBlockContext","FieldBoundaryContext","ElementBlock","props","forceUpdate","contextRef","current","hasError","hasSubmitError","containerMode","handleRemove","switchContainerMode","isNew","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","restProps","_objectWithoutProperties","_excluded","openRef","isRemoving","setOpenState","setTimeout","handleAnimationEnd","state","preventFocusOnErrorOpening","_contextRef$current","_contextRef$current$e","_contextRef$current$e2","_contextRef$current$e3","elementRef","focus","call","window","requestAnimationFrame","_document$activeEleme","document","activeElement","closest","_contextRef$current2","elements","containerRef","querySelectorAll","length","e","_contextRef$current3","_contextRef$current3$","fulfillRemove","handleRemoveBlock","keepItems","createElement","Provider","value","duration","keepInDOM","Stack","_extends","element","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport ElementBlockContext from './ElementBlockContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from '../Array/types'\n\nexport type ElementSectionProps = {\n  /**\n   * Defines the variant of the ViewContainer or EditContainer. Can be `outline`.\n   * Defaults to `outline`.\n   */\n  variant?: 'outline' | 'basic'\n}\n\nexport type Props = {\n  mode: ContainerMode\n  open?: boolean | undefined\n  ariaLabel?: string\n  openDelay?: number\n} & ElementSectionProps\n\nfunction ElementBlock(props: Props & FlexContainerProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const contextRef = useRef<\n    IterateItemContextState & {\n      hasError?: boolean\n      hasSubmitError?: boolean\n    }\n  >()\n  contextRef.current = useContext(IterateItemContext) || {}\n\n  const { hasError, hasSubmitError } =\n    useContext(FieldBoundaryContext) || {}\n  contextRef.current.hasError = hasError\n  contextRef.current.hasSubmitError = hasSubmitError\n\n  // - Set the container mode to \"edit\" if we have an error\n  if (hasSubmitError) {\n    contextRef.current.containerMode = 'edit'\n  }\n\n  const { handleRemove, switchContainerMode, containerMode, isNew } =\n    contextRef.current\n\n  const {\n    mode,\n    open,\n    ariaLabel,\n    onAnimationEnd,\n    className,\n    children,\n    openDelay = 100,\n    variant = 'outline',\n    ...restProps\n  } = props\n\n  const openRef = useRef(open ?? (containerMode === mode && !isNew))\n  const isRemoving = useRef(false)\n\n  const setOpenState = useCallback((open: boolean) => {\n    openRef.current = open\n    forceUpdate()\n  }, [])\n\n  useEffect(() => {\n    if (!isRemoving.current) {\n      // - Set the open state, if it's controlled\n      if (typeof open !== 'undefined') {\n        setOpenState(open)\n      } else {\n        // - Open the block with animation, if it's in the right mode\n        if (openRef.current !== (containerMode === mode)) {\n          if (isNew) {\n            setTimeout(() => {\n              setOpenState(containerMode === mode)\n            }, openDelay) // in order to apply the animation\n          } else {\n            setOpenState(containerMode === mode)\n          }\n        }\n      }\n    }\n  }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n  // - Remove the block with animation, if it's in the right mode\n  const handleAnimationEnd = useCallback(\n    (state) => {\n      // - Keep the block open if we have an error\n      if (contextRef.current.hasSubmitError) {\n        switchContainerMode?.('edit')\n      }\n\n      const preventFocusOnErrorOpening = !contextRef.current.hasSubmitError\n      if (preventFocusOnErrorOpening) {\n        if (state === 'opened') {\n          contextRef.current?.elementRef?.current?.focus?.()\n        } else {\n          // Wait until the element is removed, then check if we can set focus\n          window.requestAnimationFrame(() => {\n            // try to focus on the second last element\n            try {\n              if (\n                // But not when we focus is already inside our element\n                !document.activeElement?.closest(\n                  '.dnb-forms-iterate__element'\n                )\n              ) {\n                const elements =\n                  contextRef.current?.containerRef.current.querySelectorAll<HTMLDivElement>(\n                    '.dnb-forms-iterate__element'\n                  )\n                elements[elements.length - 1].focus()\n              }\n            } catch (e) {\n              /**/\n            }\n          })\n        }\n      }\n\n      if (!openRef.current && isRemoving.current) {\n        isRemoving.current = false\n        contextRef.current?.fulfillRemove?.()\n      }\n\n      onAnimationEnd?.(state)\n    },\n    [onAnimationEnd, switchContainerMode]\n  )\n  const handleRemoveBlock = useCallback(() => {\n    isRemoving.current = true\n    handleRemove?.({ keepItems: true })\n    setOpenState(false)\n  }, [handleRemove, setOpenState])\n\n  return (\n    <ElementBlockContext.Provider value={{ handleRemoveBlock }}>\n      <HeightAnimation\n        className={classnames(\n          'dnb-forms-section-block',\n          variant && `dnb-forms-section-block--variant-${variant}`,\n          isNew && 'dnb-forms-section-block--new',\n          contextRef.current.hasSubmitError &&\n            'dnb-forms-section-block--error',\n          className\n        )}\n        open={openRef.current}\n        onAnimationEnd={handleAnimationEnd}\n        duration={450}\n        keepInDOM // Ensure fields get mounted so they will sync with the data context\n      >\n        <Flex.Stack\n          className=\"dnb-forms-section-block__inner\"\n          {...restProps}\n          element=\"section\"\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Flex.Stack>\n      </HeightAnimation>\n    </ElementBlockContext.Provider>\n  )\n}\n\nElementBlock._supportsSpacingProps = true\nexport default ElementBlock\n"],"mappings":"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"}

package/extensions/forms/Iterate/Array/Array.js

@@ -11,12 +11,12 @@ import { makeUniqueId } from '../../../../shared/component-helper';
 import { Flex } from '../../../../components';
 import { pickSpacingProps } from '../../../../components/flex/utils';
 import { pickFlexContainerProps } from '../../../../components/flex/Container';
-import IterateElementContext from '../IterateElementContext';
+import IterateItemContext from '../IterateItemContext';
 import SummaryListContext from '../../Value/SummaryList/SummaryListContext';
 import ValueBlockContext from '../../ValueBlock/ValueBlockContext';
 import FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider';
-import structuredClone from '@ungap/structured-clone';
 import useDataValue from '../../hooks/useDataValue';
+import structuredClone from '@ungap/structured-clone';
 function ArrayComponent(props) {
   var _props$value;
   const [salt, forceUpdate] = useReducer(() => ({}), {});
@@ -91,7 +91,9 @@ function ArrayComponent(props) {
       }
       const isNew = isNewRef.current[id] || false;
       if (!modesRef.current[id]) {
-        modesRef.current[id] = isNew ? 'edit' : 'view';
+        var _value$__containerMod;
+        modesRef.current[id] = (_value$__containerMod = value === null || value === void 0 ? void 0 : value['__containerMode']) !== null && _value$__containerMod !== void 0 ? _value$__containerMod : isNew ? 'edit' : 'view';
+        value === null || value === void 0 ? true : delete value['__containerMode'];
       }
       return {
         id,
@@ -175,7 +177,7 @@ function ArrayComponent(props) {
     });
     const content = Array.isArray(children) ? children.map(child => renderChildren(child)) : renderChildren(children);
     if (omitFlex) {
-      return React.createElement(IterateElementContext.Provider, {
+      return React.createElement(IterateItemContext.Provider, {
         key: `element-${id}`,
         value: contextValue
       }, React.createElement(FieldBoundaryProvider, null, content));
@@ -185,7 +187,7 @@ function ArrayComponent(props) {
       tabIndex: -1,
       innerRef: elementRef,
       key: `element-${id}`
-    }, React.createElement(IterateElementContext.Provider, {
+    }, React.createElement(IterateItemContext.Provider, {
       value: contextValue
     }, React.createElement(FieldBoundaryProvider, null, content)));
   }));