@dnb/eufemia 10.34.1 → 10.35.0

package/extensions/forms/Iterate/EditContainer/EditToolbarTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditToolbarTools.js","names":["React","useCallback","useContext","useEffect","useRef","Button","Flex","useTranslation","IterateElementContext","check","close","RemoveButton","FieldBoundaryContext","EditToolbarTools","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","index","isNew","hasErrorAndShowIt","translation","Iterate","valueBackupRef","wasNew","useWasNew","current","cancelHandler","doneHandler","createElement","Horizontal","gap","variant","icon","icon_position","on_click","disabled","done","_RemoveButton","cancel","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { check, close } from '../../../../icons'\nimport RemoveButton from '../RemoveButton'\nimport { ContainerMode } from '../Array/types'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function EditToolbarTools() {\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    arrayValue,\n    index,\n    isNew,\n  } = useContext(IterateElementContext) || {}\n  const { hasErrorAndShowIt } = useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().Iterate\n  const valueBackupRef = useRef<unknown>()\n  const wasNew = useWasNew({ isNew, containerMode })\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const cancelHandler = useCallback(() => {\n    if (valueBackupRef.current) {\n      restoreOriginalValue?.(valueBackupRef.current)\n    }\n    switchContainerMode?.('view')\n  }, [restoreOriginalValue, switchContainerMode])\n  const doneHandler = useCallback(() => {\n    switchContainerMode?.('view')\n  }, [switchContainerMode])\n\n  return (\n    <Flex.Horizontal gap=\"large\">\n      <Button\n        variant=\"tertiary\"\n        icon={check}\n        icon_position=\"left\"\n        on_click={doneHandler}\n        disabled={hasErrorAndShowIt}\n      >\n        {translation.done}\n      </Button>\n\n      {wasNew ? (\n        <RemoveButton />\n      ) : (\n        <Button\n          variant=\"tertiary\"\n          icon={close}\n          icon_position=\"left\"\n          on_click={cancelHandler}\n        >\n          {translation.cancel}\n        </Button>\n      )}\n    </Flex.Horizontal>\n  )\n}\n\nexport function useWasNew({\n  isNew,\n  containerMode,\n}: {\n  isNew: boolean\n  containerMode: ContainerMode\n}) {\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  return wasNewRef.current\n}\n"],"mappings":"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"}
+{"version":3,"file":"EditToolbarTools.js","names":["React","useCallback","useContext","useEffect","useRef","useState","Button","Flex","FormStatus","useTranslation","IterateElementContext","check","close","RemoveButton","FieldBoundaryContext","EditToolbarTools","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","index","isNew","hasVisibleError","translation","Section","valueBackupRef","wasNew","useWasNew","showError","setShowError","current","cancelHandler","doneHandler","createElement","Fragment","show","no_animation","errorInSection","Horizontal","gap","variant","icon","icon_position","on_click","done","_RemoveButton","cancel","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { Button, Flex, FormStatus } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { check, close } from '../../../../icons'\nimport RemoveButton from '../RemoveButton'\nimport { ContainerMode } from '../Array/types'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function EditToolbarTools() {\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    arrayValue,\n    index,\n    isNew,\n  } = useContext(IterateElementContext) || {}\n  const { hasVisibleError } = useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().Section\n  const valueBackupRef = useRef<unknown>()\n  const wasNew = useWasNew({ isNew, containerMode })\n  const [showError, setShowError] = useState(false)\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const cancelHandler = useCallback(() => {\n    if (valueBackupRef.current) {\n      restoreOriginalValue?.(valueBackupRef.current)\n    }\n    setShowError(false)\n    switchContainerMode?.('view')\n  }, [restoreOriginalValue, 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.done}\n        </Button>\n\n        {wasNew ? (\n          <RemoveButton />\n        ) : (\n          <Button\n            variant=\"tertiary\"\n            icon={close}\n            icon_position=\"left\"\n            on_click={cancelHandler}\n          >\n            {translation.cancel}\n          </Button>\n        )}\n      </Flex.Horizontal>\n    </>\n  )\n}\n\nexport function useWasNew({\n  isNew,\n  containerMode,\n}: {\n  isNew: boolean\n  containerMode: ContainerMode\n}) {\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  return wasNewRef.current\n}\n"],"mappings":"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"}

package/extensions/forms/Iterate/RemoveButton/RemoveButton.js

@@ -28,7 +28,7 @@ function RemoveButton(props) {
     text
   } = useFieldProps(restProps);
   const buttonProps = omitDataValueReadWriteProps(restProps);
-  const translation = useTranslation().Iterate;
+  const translation = useTranslation().Section;
   const textContent = text || children || translation.remove;
   const elementBlockContext = useContext(ElementBlockContext);
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"RemoveButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useFieldProps","useTranslation","ElementBlockContext","omitDataValueReadWriteProps","trash","RemoveButton","props","iterateElementContext","handleRemove","Error","className","restProps","_objectWithoutProperties","_excluded","children","text","buttonProps","translation","Iterate","textContent","remove","elementBlockContext","handleRemoveBlock","handleClick","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { handleRemove } = iterateElementContext ?? {}\n\n  if (!iterateElementContext) {\n    throw new Error('RemoveButton must be inside an Iterate.Array')\n  }\n\n  const { className, ...restProps } = props\n  const { children, text } = useFieldProps(restProps)\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const translation = useTranslation().Iterate\n  const textContent = text || children || translation.remove\n\n  const elementBlockContext = useContext(ElementBlockContext)\n  const { handleRemoveBlock } = elementBlockContext ?? {}\n\n  const handleClick = useCallback(() => {\n    if (handleRemoveBlock) {\n      handleRemoveBlock()\n    } else {\n      handleRemove()\n    }\n  }, [handleRemove, handleRemoveBlock])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-iterate-remove-element-button',\n        className\n      )}\n      variant={textContent ? 'tertiary' : 'secondary'}\n      icon={trash}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {textContent}\n    </Button>\n  )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,aAAa,EAAEC,cAAc,QAAQ,aAAa;AAC3D,OAAOC,mBAAmB,MAAM,0CAA0C;AAC1E,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,KAAK,QAAQ,mBAAmB;AAKzC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,qBAAqB,GAAGX,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAES;EAAa,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAEpD,IAAI,CAACA,qBAAqB,EAAE;IAC1B,MAAM,IAAIE,KAAK,CAAC,8CAA8C,CAAC;EACjE;EAEA,MAAM;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGf,aAAa,CAACW,SAAS,CAAC;EACnD,MAAMK,WAAW,GAAGb,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAMM,WAAW,GAAGhB,cAAc,CAAC,CAAC,CAACiB,OAAO;EAC5C,MAAMC,WAAW,GAAGJ,IAAI,IAAID,QAAQ,IAAIG,WAAW,CAACG,MAAM;EAE1D,MAAMC,mBAAmB,GAAGzB,UAAU,CAACM,mBAAmB,CAAC;EAC3D,MAAM;IAAEoB;EAAkB,CAAC,GAAGD,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAI,CAAC,CAAC;EAEvD,MAAME,WAAW,GAAG5B,WAAW,CAAC,MAAM;IACpC,IAAI2B,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,CAAC;IACrB,CAAC,MAAM;MACLd,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEc,iBAAiB,CAAC,CAAC;EAErC,OACE5B,KAAA,CAAA8B,aAAA,CAAC1B,MAAM,EAAA2B,QAAA;IACLf,SAAS,EAAEb,UAAU,CACnB,yCAAyC,EACzCa,SACF,CAAE;IACFgB,OAAO,EAAEP,WAAW,GAAG,UAAU,GAAG,WAAY;IAChDQ,IAAI,EAAEvB,KAAM;IACZwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAClBP,WAAW,GAEdG,WACK,CAAC;AAEb;AAEAd,YAAY,CAACyB,qBAAqB,GAAG,IAAI;AACzC,eAAezB,YAAY"}
+{"version":3,"file":"RemoveButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useFieldProps","useTranslation","ElementBlockContext","omitDataValueReadWriteProps","trash","RemoveButton","props","iterateElementContext","handleRemove","Error","className","restProps","_objectWithoutProperties","_excluded","children","text","buttonProps","translation","Section","textContent","remove","elementBlockContext","handleRemoveBlock","handleClick","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { handleRemove } = iterateElementContext ?? {}\n\n  if (!iterateElementContext) {\n    throw new Error('RemoveButton must be inside an Iterate.Array')\n  }\n\n  const { className, ...restProps } = props\n  const { children, text } = useFieldProps(restProps)\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const translation = useTranslation().Section\n  const textContent = text || children || translation.remove\n\n  const elementBlockContext = useContext(ElementBlockContext)\n  const { handleRemoveBlock } = elementBlockContext ?? {}\n\n  const handleClick = useCallback(() => {\n    if (handleRemoveBlock) {\n      handleRemoveBlock()\n    } else {\n      handleRemove()\n    }\n  }, [handleRemove, handleRemoveBlock])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-iterate-remove-element-button',\n        className\n      )}\n      variant={textContent ? 'tertiary' : 'secondary'}\n      icon={trash}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {textContent}\n    </Button>\n  )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,aAAa,EAAEC,cAAc,QAAQ,aAAa;AAC3D,OAAOC,mBAAmB,MAAM,0CAA0C;AAC1E,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,KAAK,QAAQ,mBAAmB;AAKzC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,qBAAqB,GAAGX,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAES;EAAa,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAEpD,IAAI,CAACA,qBAAqB,EAAE;IAC1B,MAAM,IAAIE,KAAK,CAAC,8CAA8C,CAAC;EACjE;EAEA,MAAM;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGf,aAAa,CAACW,SAAS,CAAC;EACnD,MAAMK,WAAW,GAAGb,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAMM,WAAW,GAAGhB,cAAc,CAAC,CAAC,CAACiB,OAAO;EAC5C,MAAMC,WAAW,GAAGJ,IAAI,IAAID,QAAQ,IAAIG,WAAW,CAACG,MAAM;EAE1D,MAAMC,mBAAmB,GAAGzB,UAAU,CAACM,mBAAmB,CAAC;EAC3D,MAAM;IAAEoB;EAAkB,CAAC,GAAGD,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAI,CAAC,CAAC;EAEvD,MAAME,WAAW,GAAG5B,WAAW,CAAC,MAAM;IACpC,IAAI2B,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,CAAC;IACrB,CAAC,MAAM;MACLd,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEc,iBAAiB,CAAC,CAAC;EAErC,OACE5B,KAAA,CAAA8B,aAAA,CAAC1B,MAAM,EAAA2B,QAAA;IACLf,SAAS,EAAEb,UAAU,CACnB,yCAAyC,EACzCa,SACF,CAAE;IACFgB,OAAO,EAAEP,WAAW,GAAG,UAAU,GAAG,WAAY;IAChDQ,IAAI,EAAEvB,KAAM;IACZwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAClBP,WAAW,GAEdG,WACK,CAAC;AAEb;AAEAd,YAAY,CAACyB,qBAAqB,GAAG,IAAI;AACzC,eAAezB,YAAY"}

package/extensions/forms/Iterate/ViewContainer/ViewContainer.js

@@ -22,7 +22,7 @@ function ViewContainer(props) {
   return React.createElement(ElementBlock, _extends({
     mode: "view",
     ariaLabel: ariaLabel,
-    className: classnames('dnb-forms-iterate-view-block', className)
+    className: classnames('dnb-forms-section-view-block', className)
   }, restProps), React.createElement(Flex.Stack, null, title && React.createElement(Lead, {
     size: "basis"
   }, title), children, _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(ViewToolbarTools, null)))));

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

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","names":["React","useMemo","classnames","convertJsxToString","Flex","Lead","ElementBlock","Toolbar","ViewToolbarTools","ViewContainer","props","_ref","children","className","title","restProps","_objectWithoutProperties","_excluded","ariaLabel","createElement","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nfunction ViewContainer(props: AllProps) {\n  const { children, className, title, ...restProps } = props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n\n  return (\n    <ElementBlock\n      mode=\"view\"\n      ariaLabel={ariaLabel}\n      className={classnames('dnb-forms-iterate-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {title && <Lead size=\"basis\">{title}</Lead>}\n        {children}\n        <Toolbar>\n          <ViewToolbarTools />\n        </Toolbar>\n      </Flex.Stack>\n    </ElementBlock>\n  )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAAqDD,KAAK,IAAI,CAAC,CAAC;IAA1D;MAAEE,QAAQ;MAAEC,SAAS;MAAEC;IAAoB,CAAC,GAAAH,IAAA;IAAXI,SAAS,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAChD,MAAMC,SAAS,GAAGjB,OAAO,CAAC,MAAME,kBAAkB,CAACW,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEnE,OACEd,KAAA,CAAAmB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXC,IAAI,EAAC,MAAM;IACXH,SAAS,EAAEA,SAAU;IACrBL,SAAS,EAAEX,UAAU,CAAC,8BAA8B,EAAEW,SAAS;EAAE,GAC7DE,SAAS,GAEbf,KAAA,CAAAmB,aAAA,CAACf,IAAI,CAACkB,KAAK,QACRR,KAAK,IAAId,KAAA,CAAAmB,aAAA,CAACd,IAAI;IAACkB,IAAI,EAAC;EAAO,GAAET,KAAY,CAAC,EAC1CF,QAAQ,EAAAY,QAAA,KAAAA,QAAA,GACTxB,KAAA,CAAAmB,aAAA,CAACZ,OAAO,QACNP,KAAA,CAAAmB,aAAA,CAACX,gBAAgB,MAAE,CACZ,CAAC,CACA,CACA,CAAC;AAEnB;AAEAC,aAAa,CAACgB,qBAAqB,GAAG,IAAI;AAC1C,eAAehB,aAAa"}
+{"version":3,"file":"ViewContainer.js","names":["React","useMemo","classnames","convertJsxToString","Flex","Lead","ElementBlock","Toolbar","ViewToolbarTools","ViewContainer","props","_ref","children","className","title","restProps","_objectWithoutProperties","_excluded","ariaLabel","createElement","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nfunction ViewContainer(props: AllProps) {\n  const { children, className, title, ...restProps } = props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n\n  return (\n    <ElementBlock\n      mode=\"view\"\n      ariaLabel={ariaLabel}\n      className={classnames('dnb-forms-section-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {title && <Lead size=\"basis\">{title}</Lead>}\n        {children}\n        <Toolbar>\n          <ViewToolbarTools />\n        </Toolbar>\n      </Flex.Stack>\n    </ElementBlock>\n  )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAAqDD,KAAK,IAAI,CAAC,CAAC;IAA1D;MAAEE,QAAQ;MAAEC,SAAS;MAAEC;IAAoB,CAAC,GAAAH,IAAA;IAAXI,SAAS,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAChD,MAAMC,SAAS,GAAGjB,OAAO,CAAC,MAAME,kBAAkB,CAACW,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEnE,OACEd,KAAA,CAAAmB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXC,IAAI,EAAC,MAAM;IACXH,SAAS,EAAEA,SAAU;IACrBL,SAAS,EAAEX,UAAU,CAAC,8BAA8B,EAAEW,SAAS;EAAE,GAC7DE,SAAS,GAEbf,KAAA,CAAAmB,aAAA,CAACf,IAAI,CAACkB,KAAK,QACRR,KAAK,IAAId,KAAA,CAAAmB,aAAA,CAACd,IAAI;IAACkB,IAAI,EAAC;EAAO,GAAET,KAAY,CAAC,EAC1CF,QAAQ,EAAAY,QAAA,KAAAA,QAAA,GACTxB,KAAA,CAAAmB,aAAA,CAACZ,OAAO,QACNP,KAAA,CAAAmB,aAAA,CAACX,gBAAgB,MAAE,CACZ,CAAC,CACA,CACA,CAAC;AAEnB;AAEAC,aAAa,CAACgB,qBAAqB,GAAG,IAAI;AAC1C,eAAehB,aAAa"}

package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js

@@ -11,7 +11,7 @@ export default function ViewToolbarTools() {
   const {
     switchContainerMode
   } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
-  const translation = useTranslation().Iterate;
+  const translation = useTranslation().Section;
   const editHandler = useCallback(() => {
     switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
   }, [switchContainerMode]);

package/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewToolbarTools.js","names":["React","useCallback","useContext","Button","Flex","RemoveButton","useTranslation","IterateElementContext","edit","ViewToolbarTools","iterateElementContext","switchContainerMode","translation","Iterate","editHandler","createElement","Horizontal","gap","variant","icon","icon_position","on_click","text","remove"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport RemoveButton from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { edit } from '../../../../icons'\n\nexport default function ViewToolbarTools() {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { switchContainerMode } = iterateElementContext ?? {}\n\n  const translation = useTranslation().Iterate\n\n  const editHandler = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  return (\n    <Flex.Horizontal gap=\"large\">\n      <Button\n        variant=\"tertiary\"\n        icon={edit}\n        icon_position=\"left\"\n        on_click={editHandler}\n      >\n        {translation.edit}\n      </Button>\n\n      <RemoveButton text={translation.remove} />\n    </Flex.Horizontal>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,MAAM,EAAEC,IAAI,QAAQ,wBAAwB;AACrD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,IAAI,QAAQ,mBAAmB;AAExC,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EACzC,MAAMC,qBAAqB,GAAGR,UAAU,CAACK,qBAAqB,CAAC;EAC/D,MAAM;IAAEI;EAAoB,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE3D,MAAME,WAAW,GAAGN,cAAc,CAAC,CAAC,CAACO,OAAO;EAE5C,MAAMC,WAAW,GAAGb,WAAW,CAAC,MAAM;IACpCU,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACEX,KAAA,CAAAe,aAAA,CAACX,IAAI,CAACY,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1BjB,KAAA,CAAAe,aAAA,CAACZ,MAAM;IACLe,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEX,IAAK;IACXY,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEP;EAAY,GAErBF,WAAW,CAACJ,IACP,CAAC,EAETR,KAAA,CAAAe,aAAA,CAACV,YAAY;IAACiB,IAAI,EAAEV,WAAW,CAACW;EAAO,CAAE,CAC1B,CAAC;AAEtB"}
+{"version":3,"file":"ViewToolbarTools.js","names":["React","useCallback","useContext","Button","Flex","RemoveButton","useTranslation","IterateElementContext","edit","ViewToolbarTools","iterateElementContext","switchContainerMode","translation","Section","editHandler","createElement","Horizontal","gap","variant","icon","icon_position","on_click","text","remove"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport RemoveButton from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { edit } from '../../../../icons'\n\nexport default function ViewToolbarTools() {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { switchContainerMode } = iterateElementContext ?? {}\n\n  const translation = useTranslation().Section\n\n  const editHandler = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  return (\n    <Flex.Horizontal gap=\"large\">\n      <Button\n        variant=\"tertiary\"\n        icon={edit}\n        icon_position=\"left\"\n        on_click={editHandler}\n      >\n        {translation.edit}\n      </Button>\n\n      <RemoveButton text={translation.remove} />\n    </Flex.Horizontal>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,MAAM,EAAEC,IAAI,QAAQ,wBAAwB;AACrD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,IAAI,QAAQ,mBAAmB;AAExC,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EACzC,MAAMC,qBAAqB,GAAGR,UAAU,CAACK,qBAAqB,CAAC;EAC/D,MAAM;IAAEI;EAAoB,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE3D,MAAME,WAAW,GAAGN,cAAc,CAAC,CAAC,CAACO,OAAO;EAE5C,MAAMC,WAAW,GAAGb,WAAW,CAAC,MAAM;IACpCU,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACEX,KAAA,CAAAe,aAAA,CAACX,IAAI,CAACY,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1BjB,KAAA,CAAAe,aAAA,CAACZ,MAAM;IACLe,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEX,IAAK;IACXY,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEP;EAAY,GAErBF,WAAW,CAACJ,IACP,CAAC,EAETR,KAAA,CAAAe,aAAA,CAACV,YAAY;IAACiB,IAAI,EAAEV,WAAW,CAACW;EAAO,CAAE,CAC1B,CAAC;AAEtB"}

package/extensions/forms/Iterate/style/dnb-iterate.css

@@ -0,0 +1,6 @@
+.dnb-forms-iterate__element {
+  outline: none;
+}
+.dnb-forms-iterate > .dnb-forms-iterate__element:has(.dnb-forms-iterate-block) {
+  margin-top: 0;
+}

package/extensions/forms/Iterate/style/dnb-iterate.min.css

@@ -0,0 +1 @@
+.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(.dnb-forms-iterate-block){margin-top:0}

package/extensions/forms/Iterate/style/dnb-iterate.scss

@@ -0,0 +1,12 @@
+// More styles are in "dnb-form-section.scss"
+
+.dnb-forms-iterate {
+  &__element {
+    outline: none; // for JavaSCript focus
+  }
+
+  & > &__element:has(> &-block) {
+    // To make Animation not jump, we add "margin-bottom" in the inner element
+    margin-top: 0;
+  }
+}

package/extensions/forms/constants/locales/en-GB.d.ts

@@ -16,11 +16,12 @@ declare const _default: {
         Form: {
             errorSummaryTitle: string;
         };
-        Iterate: {
+        Section: {
             remove: string;
             done: string;
             cancel: string;
             edit: string;
+            errorInSection: string;
         };
         /**
          * Base fields

package/extensions/forms/constants/locales/en-GB.js

@@ -13,11 +13,12 @@ export default {
     Form: {
       errorSummaryTitle: 'Please correct the following errors'
     },
-    Iterate: {
+    Section: {
       remove: 'Remove',
       done: 'Done',
       cancel: 'Cancel',
-      edit: 'Edit'
+      edit: 'Edit',
+      errorInSection: 'Please correct the errors above'
     },
     Field: {
       stateSummary: 'Summary:',

package/extensions/forms/constants/locales/en-GB.js.map

@@ -1 +1 @@
-{"version":3,"file":"en-GB.js","names":["SubmitButton","text","sendText","Step","next","previous","edit","summaryTitle","Form","errorSummaryTitle","Iterate","remove","done","cancel","Field","stateSummary","errorSummary","errorRequired","errorPattern","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide"],"sources":["../../../../../../src/extensions/forms/constants/locales/en-GB.ts"],"sourcesContent":["export default {\n  'en-GB': {\n    /**\n     * General\n     */\n    SubmitButton: {\n      text: 'Send',\n      sendText: 'Send',\n    },\n    Step: {\n      next: 'Next',\n      previous: 'Back',\n      edit: 'Edit',\n      summaryTitle: 'Summary',\n    },\n    Form: {\n      errorSummaryTitle: 'Please correct the following errors',\n    },\n    Iterate: {\n      remove: 'Remove',\n      done: 'Done',\n      cancel: 'Cancel',\n      edit: 'Edit',\n    },\n\n    /**\n     * Base fields\n     */\n    Field: {\n      stateSummary: 'Summary:',\n      errorSummary: 'Please correct the following errors:',\n      errorRequired: 'This field is required.',\n      errorPattern: 'The value is invalid.',\n    },\n    StringField: {\n      errorMinLength:\n        'The value can not be shorter than {minLength} characters.',\n      errorMaxLength:\n        'The value can not be longer than {maxLength} characters.',\n    },\n    NumberField: {\n      errorMinimum: 'The value must be at least {minimum}.',\n      errorMaximum: 'The value must be a maximum of {maximum}.',\n      errorExclusiveMinimum:\n        'The value must be greater than {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'The value must be less than {exclusiveMaximum}.',\n      errorMultipleOf: 'The value must be a multiple of {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Yes',\n      no: 'No',\n    },\n\n    /**\n     * Feature fields\n     */\n    Date: {\n      label: 'Date',\n      errorRequired: 'You must provide a valid date.',\n    },\n    Expiry: {\n      label: 'Expiry date',\n    },\n    Email: {\n      label: 'Email address',\n      errorRequired: 'You must enter a Email address.',\n      errorPattern: 'Invalid Email address. Enter a valid Email address.',\n    },\n    FirstName: {\n      label: 'Given name',\n      errorRequired: 'You must enter a given name (first name).',\n      errorPattern:\n        'Enter a given name (first name) using only letters and characters such as hyphens and spaces.',\n    },\n    LastName: {\n      label: 'Surname',\n      errorRequired: 'You must enter a surname (last name).',\n      errorPattern:\n        'Enter a surname (last name) using only letters and characters such as hyphens and spaces.',\n    },\n    CompanyName: {\n      label: 'Company name',\n      errorRequired: 'You must enter a company name.',\n    },\n    NationalIdentityNumber: {\n      label: 'National identity number (11 digits)',\n      errorRequired:\n        'Invalid national identity number. Enter a valid 11-digit number.',\n    },\n    OrganizationNumber: {\n      label: 'Organisation number',\n      errorRequired: 'You must enter an organisation number.',\n      errorPattern: 'This is not a valid organisation number.',\n    },\n    BankAccountNumber: {\n      label: 'Bank account',\n      errorRequired:\n        'Enter a valid account number. Account number is mandatory to fill out.',\n      errorPattern: 'This is not a valid bank account number.',\n    },\n    PhoneNumber: {\n      label: 'Mobile number',\n      countryCodeLabel: 'Country code',\n      errorRequired:\n        'Mobile number must be filled in. If you don’t have a mobile number, you can enter another phone number.',\n      warningRequired:\n        'You have not entered a mobile number. You can still use this number if it is correct.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postcode and city',\n    },\n    PostalCode: {\n      label: 'Postc.',\n      errorRequired: 'You must enter a postcode.',\n      errorPattern: 'This is not a valid postcode (four-digits).',\n    },\n    City: {\n      label: 'City',\n      errorRequired: 'You must enter a city name.',\n      errorPattern:\n        'City names can only contain letters and valid characters such as hyphens and spaces.',\n    },\n    SelectCountry: {\n      label: 'Country',\n      placeholder: 'Select country',\n      errorRequired: 'You must select a country from the list.',\n    },\n    Password: {\n      label: 'Password',\n      ariaLabelShow: 'Show password',\n      ariaLabelHide: 'Hide password',\n    },\n  },\n}\n"],"mappings":"AAAA,eAAe;EACb,OAAO,EAAE;IAIPA,YAAY,EAAE;MACZC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE,MAAM;MAChBC,IAAI,EAAE,MAAM;MACZC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAE;MACPC,MAAM,EAAE,QAAQ;MAChBC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,QAAQ;MAChBP,IAAI,EAAE;IACR,CAAC;IAKDQ,KAAK,EAAE;MACLC,YAAY,EAAE,UAAU;MACxBC,YAAY,EAAE,sCAAsC;MACpDC,aAAa,EAAE,yBAAyB;MACxCC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EACZ,2DAA2D;MAC7DC,cAAc,EACZ;IACJ,CAAC;IACDC,WAAW,EAAE;MACXC,YAAY,EAAE,uCAAuC;MACrDC,YAAY,EAAE,2CAA2C;MACzDC,qBAAqB,EACnB,oDAAoD;MACtDC,qBAAqB,EACnB,iDAAiD;MACnDC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,GAAG,EAAE,KAAK;MACVC,EAAE,EAAE;IACN,CAAC;IAKDC,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE;IACjB,CAAC;IACDgB,MAAM,EAAE;MACND,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLF,KAAK,EAAE,eAAe;MACtBf,aAAa,EAAE,iCAAiC;MAChDC,YAAY,EAAE;IAChB,CAAC;IACDiB,SAAS,EAAE;MACTH,KAAK,EAAE,YAAY;MACnBf,aAAa,EAAE,2CAA2C;MAC1DC,YAAY,EACV;IACJ,CAAC;IACDkB,QAAQ,EAAE;MACRJ,KAAK,EAAE,SAAS;MAChBf,aAAa,EAAE,uCAAuC;MACtDC,YAAY,EACV;IACJ,CAAC;IACDmB,WAAW,EAAE;MACXL,KAAK,EAAE,cAAc;MACrBf,aAAa,EAAE;IACjB,CAAC;IACDqB,sBAAsB,EAAE;MACtBN,KAAK,EAAE,sCAAsC;MAC7Cf,aAAa,EACX;IACJ,CAAC;IACDsB,kBAAkB,EAAE;MAClBP,KAAK,EAAE,qBAAqB;MAC5Bf,aAAa,EAAE,wCAAwC;MACvDC,YAAY,EAAE;IAChB,CAAC;IACDsB,iBAAiB,EAAE;MACjBR,KAAK,EAAE,cAAc;MACrBf,aAAa,EACX,wEAAwE;MAC1EC,YAAY,EAAE;IAChB,CAAC;IACDuB,WAAW,EAAE;MACXT,KAAK,EAAE,eAAe;MACtBU,gBAAgB,EAAE,cAAc;MAChCzB,aAAa,EACX,yGAAyG;MAC3G0B,eAAe,EACb;IACJ,CAAC;IACDC,iBAAiB,EAAE;MACjBZ,KAAK,EAAE;IACT,CAAC;IACDa,UAAU,EAAE;MACVb,KAAK,EAAE,QAAQ;MACff,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EAAE;IAChB,CAAC;IACD4B,IAAI,EAAE;MACJd,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE,6BAA6B;MAC5CC,YAAY,EACV;IACJ,CAAC;IACD6B,aAAa,EAAE;MACbf,KAAK,EAAE,SAAS;MAChBgB,WAAW,EAAE,gBAAgB;MAC7B/B,aAAa,EAAE;IACjB,CAAC;IACDgC,QAAQ,EAAE;MACRjB,KAAK,EAAE,UAAU;MACjBkB,aAAa,EAAE,eAAe;MAC9BC,aAAa,EAAE;IACjB;EACF;AACF,CAAC"}
+{"version":3,"file":"en-GB.js","names":["SubmitButton","text","sendText","Step","next","previous","edit","summaryTitle","Form","errorSummaryTitle","Section","remove","done","cancel","errorInSection","Field","stateSummary","errorSummary","errorRequired","errorPattern","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide"],"sources":["../../../../../../src/extensions/forms/constants/locales/en-GB.ts"],"sourcesContent":["export default {\n  'en-GB': {\n    /**\n     * General\n     */\n    SubmitButton: {\n      text: 'Send',\n      sendText: 'Send',\n    },\n    Step: {\n      next: 'Next',\n      previous: 'Back',\n      edit: 'Edit',\n      summaryTitle: 'Summary',\n    },\n    Form: {\n      errorSummaryTitle: 'Please correct the following errors',\n    },\n    Section: {\n      remove: 'Remove',\n      done: 'Done',\n      cancel: 'Cancel',\n      edit: 'Edit',\n      errorInSection: 'Please correct the errors above',\n    },\n\n    /**\n     * Base fields\n     */\n    Field: {\n      stateSummary: 'Summary:',\n      errorSummary: 'Please correct the following errors:',\n      errorRequired: 'This field is required.',\n      errorPattern: 'The value is invalid.',\n    },\n    StringField: {\n      errorMinLength:\n        'The value can not be shorter than {minLength} characters.',\n      errorMaxLength:\n        'The value can not be longer than {maxLength} characters.',\n    },\n    NumberField: {\n      errorMinimum: 'The value must be at least {minimum}.',\n      errorMaximum: 'The value must be a maximum of {maximum}.',\n      errorExclusiveMinimum:\n        'The value must be greater than {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'The value must be less than {exclusiveMaximum}.',\n      errorMultipleOf: 'The value must be a multiple of {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Yes',\n      no: 'No',\n    },\n\n    /**\n     * Feature fields\n     */\n    Date: {\n      label: 'Date',\n      errorRequired: 'You must provide a valid date.',\n    },\n    Expiry: {\n      label: 'Expiry date',\n    },\n    Email: {\n      label: 'Email address',\n      errorRequired: 'You must enter a Email address.',\n      errorPattern: 'Invalid Email address. Enter a valid Email address.',\n    },\n    FirstName: {\n      label: 'Given name',\n      errorRequired: 'You must enter a given name (first name).',\n      errorPattern:\n        'Enter a given name (first name) using only letters and characters such as hyphens and spaces.',\n    },\n    LastName: {\n      label: 'Surname',\n      errorRequired: 'You must enter a surname (last name).',\n      errorPattern:\n        'Enter a surname (last name) using only letters and characters such as hyphens and spaces.',\n    },\n    CompanyName: {\n      label: 'Company name',\n      errorRequired: 'You must enter a company name.',\n    },\n    NationalIdentityNumber: {\n      label: 'National identity number (11 digits)',\n      errorRequired:\n        'Invalid national identity number. Enter a valid 11-digit number.',\n    },\n    OrganizationNumber: {\n      label: 'Organisation number',\n      errorRequired: 'You must enter an organisation number.',\n      errorPattern: 'This is not a valid organisation number.',\n    },\n    BankAccountNumber: {\n      label: 'Bank account',\n      errorRequired:\n        'Enter a valid account number. Account number is mandatory to fill out.',\n      errorPattern: 'This is not a valid bank account number.',\n    },\n    PhoneNumber: {\n      label: 'Mobile number',\n      countryCodeLabel: 'Country code',\n      errorRequired:\n        'Mobile number must be filled in. If you don’t have a mobile number, you can enter another phone number.',\n      warningRequired:\n        'You have not entered a mobile number. You can still use this number if it is correct.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postcode and city',\n    },\n    PostalCode: {\n      label: 'Postc.',\n      errorRequired: 'You must enter a postcode.',\n      errorPattern: 'This is not a valid postcode (four-digits).',\n    },\n    City: {\n      label: 'City',\n      errorRequired: 'You must enter a city name.',\n      errorPattern:\n        'City names can only contain letters and valid characters such as hyphens and spaces.',\n    },\n    SelectCountry: {\n      label: 'Country',\n      placeholder: 'Select country',\n      errorRequired: 'You must select a country from the list.',\n    },\n    Password: {\n      label: 'Password',\n      ariaLabelShow: 'Show password',\n      ariaLabelHide: 'Hide password',\n    },\n  },\n}\n"],"mappings":"AAAA,eAAe;EACb,OAAO,EAAE;IAIPA,YAAY,EAAE;MACZC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE,MAAM;MAChBC,IAAI,EAAE,MAAM;MACZC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAE;MACPC,MAAM,EAAE,QAAQ;MAChBC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,QAAQ;MAChBP,IAAI,EAAE,MAAM;MACZQ,cAAc,EAAE;IAClB,CAAC;IAKDC,KAAK,EAAE;MACLC,YAAY,EAAE,UAAU;MACxBC,YAAY,EAAE,sCAAsC;MACpDC,aAAa,EAAE,yBAAyB;MACxCC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EACZ,2DAA2D;MAC7DC,cAAc,EACZ;IACJ,CAAC;IACDC,WAAW,EAAE;MACXC,YAAY,EAAE,uCAAuC;MACrDC,YAAY,EAAE,2CAA2C;MACzDC,qBAAqB,EACnB,oDAAoD;MACtDC,qBAAqB,EACnB,iDAAiD;MACnDC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,GAAG,EAAE,KAAK;MACVC,EAAE,EAAE;IACN,CAAC;IAKDC,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE;IACjB,CAAC;IACDgB,MAAM,EAAE;MACND,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLF,KAAK,EAAE,eAAe;MACtBf,aAAa,EAAE,iCAAiC;MAChDC,YAAY,EAAE;IAChB,CAAC;IACDiB,SAAS,EAAE;MACTH,KAAK,EAAE,YAAY;MACnBf,aAAa,EAAE,2CAA2C;MAC1DC,YAAY,EACV;IACJ,CAAC;IACDkB,QAAQ,EAAE;MACRJ,KAAK,EAAE,SAAS;MAChBf,aAAa,EAAE,uCAAuC;MACtDC,YAAY,EACV;IACJ,CAAC;IACDmB,WAAW,EAAE;MACXL,KAAK,EAAE,cAAc;MACrBf,aAAa,EAAE;IACjB,CAAC;IACDqB,sBAAsB,EAAE;MACtBN,KAAK,EAAE,sCAAsC;MAC7Cf,aAAa,EACX;IACJ,CAAC;IACDsB,kBAAkB,EAAE;MAClBP,KAAK,EAAE,qBAAqB;MAC5Bf,aAAa,EAAE,wCAAwC;MACvDC,YAAY,EAAE;IAChB,CAAC;IACDsB,iBAAiB,EAAE;MACjBR,KAAK,EAAE,cAAc;MACrBf,aAAa,EACX,wEAAwE;MAC1EC,YAAY,EAAE;IAChB,CAAC;IACDuB,WAAW,EAAE;MACXT,KAAK,EAAE,eAAe;MACtBU,gBAAgB,EAAE,cAAc;MAChCzB,aAAa,EACX,yGAAyG;MAC3G0B,eAAe,EACb;IACJ,CAAC;IACDC,iBAAiB,EAAE;MACjBZ,KAAK,EAAE;IACT,CAAC;IACDa,UAAU,EAAE;MACVb,KAAK,EAAE,QAAQ;MACff,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EAAE;IAChB,CAAC;IACD4B,IAAI,EAAE;MACJd,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE,6BAA6B;MAC5CC,YAAY,EACV;IACJ,CAAC;IACD6B,aAAa,EAAE;MACbf,KAAK,EAAE,SAAS;MAChBgB,WAAW,EAAE,gBAAgB;MAC7B/B,aAAa,EAAE;IACjB,CAAC;IACDgC,QAAQ,EAAE;MACRjB,KAAK,EAAE,UAAU;MACjBkB,aAAa,EAAE,eAAe;MAC9BC,aAAa,EAAE;IACjB;EACF;AACF,CAAC"}

package/extensions/forms/constants/locales/en-US.d.ts

@@ -18,11 +18,12 @@ declare const _default: {
         Form: {
             errorSummaryTitle: string;
         };
-        Iterate: {
+        Section: {
             remove: string;
             done: string;
             cancel: string;
             edit: string;
+            errorInSection: string;
         };
         Field: {
             stateSummary: string;

package/extensions/forms/constants/locales/index.d.ts

@@ -13,11 +13,12 @@ declare const locales: {
         Form: {
             errorSummaryTitle: string;
         };
-        Iterate: {
+        Section: {
             remove: string;
             done: string;
             cancel: string;
             edit: string;
+            errorInSection: string;
         };
         Field: {
             stateSummary: string;
@@ -124,11 +125,12 @@ declare const locales: {
         Form: {
             errorSummaryTitle: string;
         };
-        Iterate: {
+        Section: {
             remove: string;
             done: string;
             cancel: string;
             edit: string;
+            errorInSection: string;
         };
         Field: {
             stateSummary: string;

package/extensions/forms/constants/locales/nb-NO.d.ts

@@ -16,11 +16,12 @@ declare const _default: {
         Form: {
             errorSummaryTitle: string;
         };
-        Iterate: {
+        Section: {
             remove: string;
             done: string;
             cancel: string;
             edit: string;
+            errorInSection: string;
         };
         /**
          * Base fields

package/extensions/forms/constants/locales/nb-NO.js

@@ -13,11 +13,12 @@ export default {
     Form: {
       errorSummaryTitle: 'Feil som må rettes'
     },
-    Iterate: {
+    Section: {
       remove: 'Fjern',
       done: 'Ferdig',
       cancel: 'Avbryt',
-      edit: 'Endre'
+      edit: 'Endre',
+      errorInSection: 'Feilene ovenfor må rettes'
     },
     Field: {
       stateSummary: 'Oppsummering:',

package/extensions/forms/constants/locales/nb-NO.js.map

@@ -1 +1 @@
-{"version":3,"file":"nb-NO.js","names":["SubmitButton","text","sendText","Step","next","previous","edit","summaryTitle","Form","errorSummaryTitle","Iterate","remove","done","cancel","Field","stateSummary","errorSummary","errorRequired","errorPattern","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide"],"sources":["../../../../../../src/extensions/forms/constants/locales/nb-NO.ts"],"sourcesContent":["export default {\n  'nb-NO': {\n    /**\n     * General\n     */\n    SubmitButton: {\n      text: 'Send',\n      sendText: 'Send inn',\n    },\n    Step: {\n      next: 'Neste',\n      previous: 'Tilbake',\n      edit: 'Endre',\n      summaryTitle: 'Oppsummering',\n    },\n    Form: {\n      errorSummaryTitle: 'Feil som må rettes',\n    },\n    Iterate: {\n      remove: 'Fjern',\n      done: 'Ferdig',\n      cancel: 'Avbryt',\n      edit: 'Endre',\n    },\n\n    /**\n     * Base fields\n     */\n    Field: {\n      stateSummary: 'Oppsummering:',\n      errorSummary: 'Feil som må rettes:',\n      errorRequired: 'Dette feltet må fylles ut.',\n      errorPattern: 'Verdien er ugyldig.',\n    },\n    StringField: {\n      errorMinLength:\n        'Verdien kan ikke være kortere enn {minLength} tegn.',\n      errorMaxLength: 'Verdien kan ikke være lengre enn {maxLength} tegn.',\n    },\n    NumberField: {\n      errorMinimum: 'Verdien må være minst {minimum}.',\n      errorMaximum: 'Verdien må være maksimalt {maximum}.',\n      errorExclusiveMinimum:\n        'Verdien må være større enn {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'Verdien må være mindre enn {exclusiveMaximum}.',\n      errorMultipleOf: 'Verdien må være et multiplum av {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Ja',\n      no: 'Nei',\n    },\n\n    /**\n     * Feature fields\n     */\n    Date: {\n      label: 'Dato',\n      errorRequired: 'Du må angi en gyldig dato.',\n    },\n    Expiry: {\n      label: 'Utløpsdato',\n    },\n    Email: {\n      label: 'E-postadresse',\n      errorRequired: 'Du må fylle inn en e-postadresse.',\n      errorPattern: 'Ugyldig e-postadresse. Skriv inn en e-postadresse.',\n    },\n    FirstName: {\n      label: 'Fornavn',\n      errorRequired: 'Du må fylle inn fornavn.',\n      errorPattern:\n        'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n    },\n    LastName: {\n      label: 'Etternavn',\n      errorRequired: 'Du må fylle inn etternavn.',\n      errorPattern:\n        'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n    },\n    CompanyName: {\n      label: 'Firmanavn',\n      errorRequired: 'Du må fylle inn firmanavn.',\n    },\n    NationalIdentityNumber: {\n      label: 'Fødselsnummer (11 siffer)',\n      errorRequired:\n        'Ugyldig fødselsnummer. Skriv inn et gyldig fødselsnummer med 11 siffer.',\n    },\n    OrganizationNumber: {\n      label: 'Organisasjonsnummer',\n      errorRequired: 'Du må fylle inn et organisasjonsnummer.',\n      errorPattern: 'Dette er ikke et gyldig organisasjonsnummer.',\n    },\n    BankAccountNumber: {\n      label: 'Bankkonto',\n      errorRequired:\n        'Skriv inn et gyldig kontonummer. Kontonummeret må fylles ut.',\n      errorPattern: 'Dette er ikke et gyldig kontonummer.',\n    },\n    PhoneNumber: {\n      label: 'Mobilnummer',\n      countryCodeLabel: 'Landskode',\n      errorRequired:\n        'Mobilnummer må fylles ut. Hvis du ikke har et mobilnummer, kan du oppgi et annet telefonnummer.',\n      warningRequired:\n        'Du har ikke skrevet inn et mobilnummer. Du kan likevel bruke dette nummeret hvis det er riktig.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postnummer og sted',\n    },\n    PostalCode: {\n      label: 'Postnr.',\n      errorRequired: 'Du må fylle inn et postnummer.',\n      errorPattern: 'Dette er ikke et gyldig postnummer (fire siffer).',\n    },\n    City: {\n      label: 'Sted',\n      errorRequired: 'Du må fylle inn et stedsnavn.',\n      errorPattern:\n        'Stedsnavn kan kun inneholde bokstaver og gyldige tegn som bindestrek og mellomrom.',\n    },\n    SelectCountry: {\n      label: 'Land',\n      placeholder: 'Velg et land',\n      errorRequired: 'Du må velge et land fra listen.',\n    },\n    Password: {\n      label: 'Passord',\n      ariaLabelShow: 'Vis passord',\n      ariaLabelHide: 'Skjul passord',\n    },\n  },\n}\n"],"mappings":"AAAA,eAAe;EACb,OAAO,EAAE;IAIPA,YAAY,EAAE;MACZC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAE,SAAS;MACnBC,IAAI,EAAE,OAAO;MACbC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAE;MACPC,MAAM,EAAE,OAAO;MACfC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,QAAQ;MAChBP,IAAI,EAAE;IACR,CAAC;IAKDQ,KAAK,EAAE;MACLC,YAAY,EAAE,eAAe;MAC7BC,YAAY,EAAE,qBAAqB;MACnCC,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EACZ,qDAAqD;MACvDC,cAAc,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACXC,YAAY,EAAE,kCAAkC;MAChDC,YAAY,EAAE,sCAAsC;MACpDC,qBAAqB,EACnB,gDAAgD;MAClDC,qBAAqB,EACnB,gDAAgD;MAClDC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,GAAG,EAAE,IAAI;MACTC,EAAE,EAAE;IACN,CAAC;IAKDC,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE;IACjB,CAAC;IACDgB,MAAM,EAAE;MACND,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLF,KAAK,EAAE,eAAe;MACtBf,aAAa,EAAE,mCAAmC;MAClDC,YAAY,EAAE;IAChB,CAAC;IACDiB,SAAS,EAAE;MACTH,KAAK,EAAE,SAAS;MAChBf,aAAa,EAAE,0BAA0B;MACzCC,YAAY,EACV;IACJ,CAAC;IACDkB,QAAQ,EAAE;MACRJ,KAAK,EAAE,WAAW;MAClBf,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EACV;IACJ,CAAC;IACDmB,WAAW,EAAE;MACXL,KAAK,EAAE,WAAW;MAClBf,aAAa,EAAE;IACjB,CAAC;IACDqB,sBAAsB,EAAE;MACtBN,KAAK,EAAE,2BAA2B;MAClCf,aAAa,EACX;IACJ,CAAC;IACDsB,kBAAkB,EAAE;MAClBP,KAAK,EAAE,qBAAqB;MAC5Bf,aAAa,EAAE,yCAAyC;MACxDC,YAAY,EAAE;IAChB,CAAC;IACDsB,iBAAiB,EAAE;MACjBR,KAAK,EAAE,WAAW;MAClBf,aAAa,EACX,8DAA8D;MAChEC,YAAY,EAAE;IAChB,CAAC;IACDuB,WAAW,EAAE;MACXT,KAAK,EAAE,aAAa;MACpBU,gBAAgB,EAAE,WAAW;MAC7BzB,aAAa,EACX,iGAAiG;MACnG0B,eAAe,EACb;IACJ,CAAC;IACDC,iBAAiB,EAAE;MACjBZ,KAAK,EAAE;IACT,CAAC;IACDa,UAAU,EAAE;MACVb,KAAK,EAAE,SAAS;MAChBf,aAAa,EAAE,gCAAgC;MAC/CC,YAAY,EAAE;IAChB,CAAC;IACD4B,IAAI,EAAE;MACJd,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE,+BAA+B;MAC9CC,YAAY,EACV;IACJ,CAAC;IACD6B,aAAa,EAAE;MACbf,KAAK,EAAE,MAAM;MACbgB,WAAW,EAAE,cAAc;MAC3B/B,aAAa,EAAE;IACjB,CAAC;IACDgC,QAAQ,EAAE;MACRjB,KAAK,EAAE,SAAS;MAChBkB,aAAa,EAAE,aAAa;MAC5BC,aAAa,EAAE;IACjB;EACF;AACF,CAAC"}
+{"version":3,"file":"nb-NO.js","names":["SubmitButton","text","sendText","Step","next","previous","edit","summaryTitle","Form","errorSummaryTitle","Section","remove","done","cancel","errorInSection","Field","stateSummary","errorSummary","errorRequired","errorPattern","StringField","errorMinLength","errorMaxLength","NumberField","errorMinimum","errorMaximum","errorExclusiveMinimum","errorExclusiveMaximum","errorMultipleOf","BooleanField","yes","no","Date","label","Expiry","Email","FirstName","LastName","CompanyName","NationalIdentityNumber","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","PostalCodeAndCity","PostalCode","City","SelectCountry","placeholder","Password","ariaLabelShow","ariaLabelHide"],"sources":["../../../../../../src/extensions/forms/constants/locales/nb-NO.ts"],"sourcesContent":["export default {\n  'nb-NO': {\n    /**\n     * General\n     */\n    SubmitButton: {\n      text: 'Send',\n      sendText: 'Send inn',\n    },\n    Step: {\n      next: 'Neste',\n      previous: 'Tilbake',\n      edit: 'Endre',\n      summaryTitle: 'Oppsummering',\n    },\n    Form: {\n      errorSummaryTitle: 'Feil som må rettes',\n    },\n    Section: {\n      remove: 'Fjern',\n      done: 'Ferdig',\n      cancel: 'Avbryt',\n      edit: 'Endre',\n      errorInSection: 'Feilene ovenfor må rettes',\n    },\n\n    /**\n     * Base fields\n     */\n    Field: {\n      stateSummary: 'Oppsummering:',\n      errorSummary: 'Feil som må rettes:',\n      errorRequired: 'Dette feltet må fylles ut.',\n      errorPattern: 'Verdien er ugyldig.',\n    },\n    StringField: {\n      errorMinLength:\n        'Verdien kan ikke være kortere enn {minLength} tegn.',\n      errorMaxLength: 'Verdien kan ikke være lengre enn {maxLength} tegn.',\n    },\n    NumberField: {\n      errorMinimum: 'Verdien må være minst {minimum}.',\n      errorMaximum: 'Verdien må være maksimalt {maximum}.',\n      errorExclusiveMinimum:\n        'Verdien må være større enn {exclusiveMinimum}.',\n      errorExclusiveMaximum:\n        'Verdien må være mindre enn {exclusiveMaximum}.',\n      errorMultipleOf: 'Verdien må være et multiplum av {multipleOf}.',\n    },\n    BooleanField: {\n      yes: 'Ja',\n      no: 'Nei',\n    },\n\n    /**\n     * Feature fields\n     */\n    Date: {\n      label: 'Dato',\n      errorRequired: 'Du må angi en gyldig dato.',\n    },\n    Expiry: {\n      label: 'Utløpsdato',\n    },\n    Email: {\n      label: 'E-postadresse',\n      errorRequired: 'Du må fylle inn en e-postadresse.',\n      errorPattern: 'Ugyldig e-postadresse. Skriv inn en e-postadresse.',\n    },\n    FirstName: {\n      label: 'Fornavn',\n      errorRequired: 'Du må fylle inn fornavn.',\n      errorPattern:\n        'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n    },\n    LastName: {\n      label: 'Etternavn',\n      errorRequired: 'Du må fylle inn etternavn.',\n      errorPattern:\n        'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.',\n    },\n    CompanyName: {\n      label: 'Firmanavn',\n      errorRequired: 'Du må fylle inn firmanavn.',\n    },\n    NationalIdentityNumber: {\n      label: 'Fødselsnummer (11 siffer)',\n      errorRequired:\n        'Ugyldig fødselsnummer. Skriv inn et gyldig fødselsnummer med 11 siffer.',\n    },\n    OrganizationNumber: {\n      label: 'Organisasjonsnummer',\n      errorRequired: 'Du må fylle inn et organisasjonsnummer.',\n      errorPattern: 'Dette er ikke et gyldig organisasjonsnummer.',\n    },\n    BankAccountNumber: {\n      label: 'Bankkonto',\n      errorRequired:\n        'Skriv inn et gyldig kontonummer. Kontonummeret må fylles ut.',\n      errorPattern: 'Dette er ikke et gyldig kontonummer.',\n    },\n    PhoneNumber: {\n      label: 'Mobilnummer',\n      countryCodeLabel: 'Landskode',\n      errorRequired:\n        'Mobilnummer må fylles ut. Hvis du ikke har et mobilnummer, kan du oppgi et annet telefonnummer.',\n      warningRequired:\n        'Du har ikke skrevet inn et mobilnummer. Du kan likevel bruke dette nummeret hvis det er riktig.',\n    },\n    PostalCodeAndCity: {\n      label: 'Postnummer og sted',\n    },\n    PostalCode: {\n      label: 'Postnr.',\n      errorRequired: 'Du må fylle inn et postnummer.',\n      errorPattern: 'Dette er ikke et gyldig postnummer (fire siffer).',\n    },\n    City: {\n      label: 'Sted',\n      errorRequired: 'Du må fylle inn et stedsnavn.',\n      errorPattern:\n        'Stedsnavn kan kun inneholde bokstaver og gyldige tegn som bindestrek og mellomrom.',\n    },\n    SelectCountry: {\n      label: 'Land',\n      placeholder: 'Velg et land',\n      errorRequired: 'Du må velge et land fra listen.',\n    },\n    Password: {\n      label: 'Passord',\n      ariaLabelShow: 'Vis passord',\n      ariaLabelHide: 'Skjul passord',\n    },\n  },\n}\n"],"mappings":"AAAA,eAAe;EACb,OAAO,EAAE;IAIPA,YAAY,EAAE;MACZC,IAAI,EAAE,MAAM;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAE,SAAS;MACnBC,IAAI,EAAE,OAAO;MACbC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAE;MACPC,MAAM,EAAE,OAAO;MACfC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,QAAQ;MAChBP,IAAI,EAAE,OAAO;MACbQ,cAAc,EAAE;IAClB,CAAC;IAKDC,KAAK,EAAE;MACLC,YAAY,EAAE,eAAe;MAC7BC,YAAY,EAAE,qBAAqB;MACnCC,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EACZ,qDAAqD;MACvDC,cAAc,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACXC,YAAY,EAAE,kCAAkC;MAChDC,YAAY,EAAE,sCAAsC;MACpDC,qBAAqB,EACnB,gDAAgD;MAClDC,qBAAqB,EACnB,gDAAgD;MAClDC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,GAAG,EAAE,IAAI;MACTC,EAAE,EAAE;IACN,CAAC;IAKDC,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE;IACjB,CAAC;IACDgB,MAAM,EAAE;MACND,KAAK,EAAE;IACT,CAAC;IACDE,KAAK,EAAE;MACLF,KAAK,EAAE,eAAe;MACtBf,aAAa,EAAE,mCAAmC;MAClDC,YAAY,EAAE;IAChB,CAAC;IACDiB,SAAS,EAAE;MACTH,KAAK,EAAE,SAAS;MAChBf,aAAa,EAAE,0BAA0B;MACzCC,YAAY,EACV;IACJ,CAAC;IACDkB,QAAQ,EAAE;MACRJ,KAAK,EAAE,WAAW;MAClBf,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EACV;IACJ,CAAC;IACDmB,WAAW,EAAE;MACXL,KAAK,EAAE,WAAW;MAClBf,aAAa,EAAE;IACjB,CAAC;IACDqB,sBAAsB,EAAE;MACtBN,KAAK,EAAE,2BAA2B;MAClCf,aAAa,EACX;IACJ,CAAC;IACDsB,kBAAkB,EAAE;MAClBP,KAAK,EAAE,qBAAqB;MAC5Bf,aAAa,EAAE,yCAAyC;MACxDC,YAAY,EAAE;IAChB,CAAC;IACDsB,iBAAiB,EAAE;MACjBR,KAAK,EAAE,WAAW;MAClBf,aAAa,EACX,8DAA8D;MAChEC,YAAY,EAAE;IAChB,CAAC;IACDuB,WAAW,EAAE;MACXT,KAAK,EAAE,aAAa;MACpBU,gBAAgB,EAAE,WAAW;MAC7BzB,aAAa,EACX,iGAAiG;MACnG0B,eAAe,EACb;IACJ,CAAC;IACDC,iBAAiB,EAAE;MACjBZ,KAAK,EAAE;IACT,CAAC;IACDa,UAAU,EAAE;MACVb,KAAK,EAAE,SAAS;MAChBf,aAAa,EAAE,gCAAgC;MAC/CC,YAAY,EAAE;IAChB,CAAC;IACD4B,IAAI,EAAE;MACJd,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE,+BAA+B;MAC9CC,YAAY,EACV;IACJ,CAAC;IACD6B,aAAa,EAAE;MACbf,KAAK,EAAE,MAAM;MACbgB,WAAW,EAAE,cAAc;MAC3B/B,aAAa,EAAE;IACjB,CAAC;IACDgC,QAAQ,EAAE;MACRjB,KAAK,EAAE,SAAS;MAChBkB,aAAa,EAAE,aAAa;MAC5BC,aAAa,EAAE;IACjB;EACF;AACF,CAAC"}

package/extensions/forms/hooks/useDataValue.d.ts

@@ -5,5 +5,9 @@ export type Props<Value> = {
 };
 export default function useDataValue<Value>({ path: pathProp, value, }?: Props<Value>): {
     getValue: (source: Path | Value) => any;
+    getValueByPath: (path: Path) => any;
+    getData: (path: Path, options?: {
+        includeCurrentPath?: boolean;
+    }) => any;
     value: Value;
 };

package/extensions/forms/hooks/useDataValue.js

@@ -14,20 +14,45 @@ export default function useDataValue() {
   const {
     makePath
   } = usePath();
+  const getValueByPath = useCallback(path => {
+    if (isPath(path)) {
+      var _dataContextRef$curre2;
+      const selector = makePath(path);
+      if (selector === '/') {
+        var _dataContextRef$curre;
+        return (_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : _dataContextRef$curre.data;
+      }
+      return pointer.has((_dataContextRef$curre2 = dataContextRef.current) === null || _dataContextRef$curre2 === void 0 ? void 0 : _dataContextRef$curre2.data, selector) ? pointer.get(dataContextRef.current.data, selector) : undefined;
+    }
+  }, [makePath]);
+  const getData = useCallback((path, options) => {
+    if (isPath(path)) {
+      const value = getValueByPath(path);
+      if (options !== null && options !== void 0 && options.includeCurrentPath && path !== '/') {
+        const data = {};
+        pointer.set(data, path, value);
+        return data;
+      }
+      return value;
+    }
+  }, [getValueByPath]);
   const getValue = useCallback(source => {
-    if (typeof source === 'string') {
-      var _dataContextRef$curre;
-      const path = makePath(source);
-      return pointer.has((_dataContextRef$curre = dataContextRef.current) === null || _dataContextRef$curre === void 0 ? void 0 : _dataContextRef$curre.data, path) ? pointer.get(dataContextRef.current.data, path) : undefined;
+    if (typeof source === 'string' && isPath(source)) {
+      return getValueByPath(source);
     }
     return source;
-  }, [makePath]);
+  }, [getValueByPath]);
   if (pathProp) {
     value = getValue(pathProp);
   }
   return {
     getValue,
+    getValueByPath,
+    getData,
     value
   };
 }
+function isPath(path) {
+  return typeof path === 'string' && path.startsWith('/');
+}
 //# sourceMappingURL=useDataValue.js.map

package/extensions/forms/hooks/useDataValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["useCallback","useContext","useRef","pointer","DataContext","usePath","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","current","makePath","getValue","source","_dataContextRef$curre","has","data","get"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport { Path } from '../types'\nimport DataContext, { ContextState } from '../DataContext/Context'\nimport usePath from './usePath'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  value?: Value\n}\n\nexport default function useDataValue<Value>({\n  path: pathProp,\n  value,\n}: Props<Value> = {}) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const { makePath } = usePath()\n\n  const getValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string') {\n        const path = makePath(source)\n        return pointer.has(dataContextRef.current?.data, path)\n          ? pointer.get(dataContextRef.current.data, path)\n          : undefined\n      }\n\n      return source\n    },\n    [makePath]\n  )\n\n  if (pathProp) {\n    value = getValue(pathProp)\n  }\n\n  return { getValue, value }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACvD,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,WAAW,MAAwB,wBAAwB;AAClE,OAAOC,OAAO,MAAM,WAAW;AAO/B,eAAe,SAASC,YAAYA,CAAA,EAGd;EAAA,IAHsB;IAC1CC,IAAI,EAAEC,QAAQ;IACdC;EACY,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAClB,MAAMG,cAAc,GAAGX,MAAM,CAAe,CAAC;EAC7CW,cAAc,CAACC,OAAO,GAAGb,UAAU,CAAeG,WAAW,CAAC;EAE9D,MAAM;IAAEW;EAAS,CAAC,GAAGV,OAAO,CAAC,CAAC;EAE9B,MAAMW,QAAQ,GAAGhB,WAAW,CACzBiB,MAAoB,IAAK;IACxB,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;MAAA,IAAAC,qBAAA;MAC9B,MAAMX,IAAI,GAAGQ,QAAQ,CAACE,MAAM,CAAC;MAC7B,OAAOd,OAAO,CAACgB,GAAG,EAAAD,qBAAA,GAACL,cAAc,CAACC,OAAO,cAAAI,qBAAA,uBAAtBA,qBAAA,CAAwBE,IAAI,EAAEb,IAAI,CAAC,GAClDJ,OAAO,CAACkB,GAAG,CAACR,cAAc,CAACC,OAAO,CAACM,IAAI,EAAEb,IAAI,CAAC,GAC9CK,SAAS;IACf;IAEA,OAAOK,MAAM;EACf,CAAC,EACD,CAACF,QAAQ,CACX,CAAC;EAED,IAAIP,QAAQ,EAAE;IACZC,KAAK,GAAGO,QAAQ,CAACR,QAAQ,CAAC;EAC5B;EAEA,OAAO;IAAEQ,QAAQ;IAAEP;EAAM,CAAC;AAC5B"}
+{"version":3,"file":"useDataValue.js","names":["useCallback","useContext","useRef","pointer","DataContext","usePath","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","current","makePath","getValueByPath","isPath","_dataContextRef$curre2","selector","_dataContextRef$curre","data","has","get","getData","options","includeCurrentPath","set","getValue","source","startsWith"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport { Path } from '../types'\nimport DataContext, { ContextState } from '../DataContext/Context'\nimport usePath from './usePath'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  value?: Value\n}\n\nexport default function useDataValue<Value>({\n  path: pathProp,\n  value,\n}: Props<Value> = {}) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const { makePath } = usePath()\n\n  const getValueByPath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        const selector = makePath(path)\n        if (selector === '/') {\n          return dataContextRef.current?.data\n        }\n        return pointer.has(dataContextRef.current?.data, selector)\n          ? pointer.get(dataContextRef.current.data, selector)\n          : undefined\n      }\n    },\n    [makePath]\n  )\n\n  const getData = useCallback(\n    (path: Path, options?: { includeCurrentPath?: boolean }) => {\n      if (isPath(path)) {\n        const value = getValueByPath(path)\n\n        if (options?.includeCurrentPath && path !== '/') {\n          const data = {}\n          pointer.set(data, path, value)\n          return data\n        }\n\n        return value\n      }\n    },\n    [getValueByPath]\n  )\n\n  const getValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string' && isPath(source)) {\n        return getValueByPath(source)\n      }\n\n      return source\n    },\n    [getValueByPath]\n  )\n\n  if (pathProp) {\n    value = getValue(pathProp)\n  }\n\n  return { getValue, getValueByPath, getData, value }\n}\n\nfunction isPath(path: Path | unknown) {\n  return typeof path === 'string' && path.startsWith('/')\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACvD,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,WAAW,MAAwB,wBAAwB;AAClE,OAAOC,OAAO,MAAM,WAAW;AAO/B,eAAe,SAASC,YAAYA,CAAA,EAGd;EAAA,IAHsB;IAC1CC,IAAI,EAAEC,QAAQ;IACdC;EACY,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAClB,MAAMG,cAAc,GAAGX,MAAM,CAAe,CAAC;EAC7CW,cAAc,CAACC,OAAO,GAAGb,UAAU,CAAeG,WAAW,CAAC;EAE9D,MAAM;IAAEW;EAAS,CAAC,GAAGV,OAAO,CAAC,CAAC;EAE9B,MAAMW,cAAc,GAAGhB,WAAW,CAC/BO,IAAU,IAAK;IACd,IAAIU,MAAM,CAACV,IAAI,CAAC,EAAE;MAAA,IAAAW,sBAAA;MAChB,MAAMC,QAAQ,GAAGJ,QAAQ,CAACR,IAAI,CAAC;MAC/B,IAAIY,QAAQ,KAAK,GAAG,EAAE;QAAA,IAAAC,qBAAA;QACpB,QAAAA,qBAAA,GAAOP,cAAc,CAACC,OAAO,cAAAM,qBAAA,uBAAtBA,qBAAA,CAAwBC,IAAI;MACrC;MACA,OAAOlB,OAAO,CAACmB,GAAG,EAAAJ,sBAAA,GAACL,cAAc,CAACC,OAAO,cAAAI,sBAAA,uBAAtBA,sBAAA,CAAwBG,IAAI,EAAEF,QAAQ,CAAC,GACtDhB,OAAO,CAACoB,GAAG,CAACV,cAAc,CAACC,OAAO,CAACO,IAAI,EAAEF,QAAQ,CAAC,GAClDP,SAAS;IACf;EACF,CAAC,EACD,CAACG,QAAQ,CACX,CAAC;EAED,MAAMS,OAAO,GAAGxB,WAAW,CACzB,CAACO,IAAU,EAAEkB,OAA0C,KAAK;IAC1D,IAAIR,MAAM,CAACV,IAAI,CAAC,EAAE;MAChB,MAAME,KAAK,GAAGO,cAAc,CAACT,IAAI,CAAC;MAElC,IAAIkB,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEC,kBAAkB,IAAInB,IAAI,KAAK,GAAG,EAAE;QAC/C,MAAMc,IAAI,GAAG,CAAC,CAAC;QACflB,OAAO,CAACwB,GAAG,CAACN,IAAI,EAAEd,IAAI,EAAEE,KAAK,CAAC;QAC9B,OAAOY,IAAI;MACb;MAEA,OAAOZ,KAAK;IACd;EACF,CAAC,EACD,CAACO,cAAc,CACjB,CAAC;EAED,MAAMY,QAAQ,GAAG5B,WAAW,CACzB6B,MAAoB,IAAK;IACxB,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAIZ,MAAM,CAACY,MAAM,CAAC,EAAE;MAChD,OAAOb,cAAc,CAACa,MAAM,CAAC;IAC/B;IAEA,OAAOA,MAAM;EACf,CAAC,EACD,CAACb,cAAc,CACjB,CAAC;EAED,IAAIR,QAAQ,EAAE;IACZC,KAAK,GAAGmB,QAAQ,CAACpB,QAAQ,CAAC;EAC5B;EAEA,OAAO;IAAEoB,QAAQ;IAAEZ,cAAc;IAAEQ,OAAO;IAAEf;EAAM,CAAC;AACrD;AAEA,SAASQ,MAAMA,CAACV,IAAoB,EAAE;EACpC,OAAO,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACuB,UAAU,CAAC,GAAG,CAAC;AACzD"}

package/extensions/forms/hooks/useFieldProps.js

@@ -105,6 +105,7 @@ export default function useFieldProps(localeProps) {
     setFieldState: setFieldStateDataContext,
     setFieldError: setFieldErrorDataContext,
     setFieldProps: setPropsDataContext,
+    setHasVisibleError: setHasVisibleErrorDataContext,
     errors: dataContextErrors,
     contextErrorMessages
   } = dataContext !== null && dataContext !== void 0 ? dataContext : {};
@@ -186,6 +187,12 @@ export default function useFieldProps(localeProps) {
     onBlurValidatorRef.current = onBlurValidator;
   }, [onBlurValidator]);
   const schemaValidatorRef = useRef(schema ? (_dataContext$ajvInsta = dataContext.ajvInstance) === null || _dataContext$ajvInsta === void 0 ? void 0 : _dataContext$ajvInsta.compile(schema) : undefined);
+  const errorMessagesRef = useRef(null);
+  errorMessagesRef.current = useMemo(() => {
+    return _objectSpread({
+      required: translation.Field.errorRequired
+    }, errorMessages);
+  }, [errorMessages, translation.Field.errorRequired]);
   const asyncBehaviorIsEnabled = useMemo(() => {
     return isAsync(onChange) || isAsync(onChangeContext);
   }, [onChangeContext, onChange]);
@@ -255,11 +262,15 @@ export default function useFieldProps(localeProps) {
   const showError = useCallback(() => {
     showErrorRef.current = true;
     showFieldErrorFieldBlock === null || showFieldErrorFieldBlock === void 0 ? void 0 : showFieldErrorFieldBlock(identifier, true);
-  }, [showFieldErrorFieldBlock, identifier]);
+    if (localErrorRef.current) {
+      setHasVisibleErrorDataContext === null || setHasVisibleErrorDataContext === void 0 ? void 0 : setHasVisibleErrorDataContext(identifier, true);
+    }
+  }, [showFieldErrorFieldBlock, identifier, setHasVisibleErrorDataContext]);
   const hideError = useCallback(() => {
     showErrorRef.current = false;
     showFieldErrorFieldBlock === null || showFieldErrorFieldBlock === void 0 ? void 0 : showFieldErrorFieldBlock(identifier, false);
-  }, [showFieldErrorFieldBlock, identifier]);
+    setHasVisibleErrorDataContext === null || setHasVisibleErrorDataContext === void 0 ? void 0 : setHasVisibleErrorDataContext(identifier, false);
+  }, [setHasVisibleErrorDataContext, identifier, showFieldErrorFieldBlock]);
   const prepareError = useCallback(error => {
     if (error instanceof FormError) {
       var _error$messageValues;
@@ -298,12 +309,6 @@ export default function useFieldProps(localeProps) {
     var _ref4;
     return Boolean((_ref4 = errorProp !== null && errorProp !== void 0 ? errorProp : localErrorRef.current) !== null && _ref4 !== void 0 ? _ref4 : contextErrorRef.current);
   }, [errorProp]);
-  const errorMessagesRef = useRef(null);
-  errorMessagesRef.current = useMemo(() => {
-    return _objectSpread({
-      required: translation.Field.errorRequired
-    }, errorMessages);
-  }, [errorMessages, translation.Field.errorRequired]);
   const stateId = useId();
   const persistErrorState = useCallback(function (method) {
     let errorArg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
@@ -570,7 +575,7 @@ export default function useFieldProps(localeProps) {
       }
     }
     forceUpdate();
-  }, [asyncBehaviorIsEnabled, hasPath, identifier, hasError, yieldAsyncProcess, onChangeContext, defineAsyncProcess, setEventResult, handlePathChangeDataContext]);
+  }, [asyncBehaviorIsEnabled, hasPath, yieldAsyncProcess, identifier, onChangeContext, defineAsyncProcess, hasError, setEventResult, handlePathChangeDataContext]);
   const updateValue = useCallback(async newValue => {
     if (newValue === valueRef.current) {
       return;