@dnb/eufemia 10.27.0 → 10.29.0

package/extensions/forms/Wizard/Container/useHandleLayoutEffect.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export default function useHandleLayoutEffect({ activeIndexRef, stepElementRef, }: {
+    activeIndexRef: any;
+    stepElementRef: any;
+}): {
+    setFocus: () => void;
+    scrollToTop: () => void;
+    isInteractionRef: import("react").MutableRefObject<boolean>;
+};

package/extensions/forms/Wizard/Container/useHandleLayoutEffect.js

@@ -0,0 +1,47 @@
+"use client";
+
+import { useCallback, useEffect, useRef } from 'react';
+import useStepAnimation from './useStepAnimation';
+export default function useHandleLayoutEffect(_ref) {
+  let {
+    activeIndexRef,
+    stepElementRef
+  } = _ref;
+  const isInteractionRef = useRef(false);
+  useEffect(() => {
+    const delay = process.env.NODE_ENV === 'test' ? 8 : 100;
+    const timeout = setTimeout(() => {
+      isInteractionRef.current = true;
+    }, delay);
+    return () => clearTimeout(timeout);
+  });
+  useStepAnimation({
+    activeIndexRef,
+    stepElementRef
+  });
+  const action = useCallback(fn => {
+    window.requestAnimationFrame(() => window.requestAnimationFrame(() => {
+      isInteractionRef.current && fn();
+    }));
+  }, []);
+  const setFocus = useCallback(() => {
+    action(() => {
+      var _stepElementRef$curre, _stepElementRef$curre2;
+      (_stepElementRef$curre = stepElementRef.current) === null || _stepElementRef$curre === void 0 ? void 0 : (_stepElementRef$curre2 = _stepElementRef$curre.focus) === null || _stepElementRef$curre2 === void 0 ? void 0 : _stepElementRef$curre2.call(_stepElementRef$curre, {
+        preventScroll: true
+      });
+    });
+  }, [action, stepElementRef]);
+  const scrollToTop = useCallback(() => {
+    action(() => {
+      var _stepElementRef$curre3, _stepElementRef$curre4;
+      (_stepElementRef$curre3 = stepElementRef.current) === null || _stepElementRef$curre3 === void 0 ? void 0 : (_stepElementRef$curre4 = _stepElementRef$curre3.scrollIntoView) === null || _stepElementRef$curre4 === void 0 ? void 0 : _stepElementRef$curre4.call(_stepElementRef$curre3);
+    });
+  }, [action, stepElementRef]);
+  return {
+    setFocus,
+    scrollToTop,
+    isInteractionRef
+  };
+}
+//# sourceMappingURL=useHandleLayoutEffect.js.map

package/extensions/forms/Wizard/Container/useHandleLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHandleLayoutEffect.js","names":["useCallback","useEffect","useRef","useStepAnimation","useHandleLayoutEffect","_ref","activeIndexRef","stepElementRef","isInteractionRef","delay","process","env","NODE_ENV","timeout","setTimeout","current","clearTimeout","action","fn","window","requestAnimationFrame","setFocus","_stepElementRef$curre","_stepElementRef$curre2","focus","call","preventScroll","scrollToTop","_stepElementRef$curre3","_stepElementRef$curre4","scrollIntoView"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/useHandleLayoutEffect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\nimport useStepAnimation from './useStepAnimation'\n\nexport default function useHandleLayoutEffect({\n  activeIndexRef,\n  stepElementRef,\n}) {\n  const isInteractionRef = useRef(false)\n\n  useEffect(() => {\n    // Ensure we delay the mounting before layout effect is handled\n    const delay = process.env.NODE_ENV === 'test' ? 8 : 100\n    const timeout = setTimeout(() => {\n      isInteractionRef.current = true\n    }, delay)\n    return () => clearTimeout(timeout)\n  })\n\n  useStepAnimation({ activeIndexRef, stepElementRef })\n\n  const action = useCallback((fn: () => void) => {\n    // Wait for the next render cycle\n    window.requestAnimationFrame(() =>\n      // Wait for the new stepElementRef to be set\n      window.requestAnimationFrame(() => {\n        isInteractionRef.current && fn()\n      })\n    )\n  }, [])\n\n  const setFocus = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.focus?.({\n        preventScroll: true,\n      })\n    })\n  }, [action, stepElementRef])\n\n  const scrollToTop = useCallback(() => {\n    action(() => {\n      stepElementRef.current?.scrollIntoView?.()\n    })\n  }, [action, stepElementRef])\n\n  return { setFocus, scrollToTop, isInteractionRef }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,eAAe,SAASC,qBAAqBA,CAAAC,IAAA,EAG1C;EAAA,IAH2C;IAC5CC,cAAc;IACdC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,gBAAgB,GAAGN,MAAM,CAAC,KAAK,CAAC;EAEtCD,SAAS,CAAC,MAAM;IAEd,MAAMQ,KAAK,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,CAAC,GAAG,GAAG;IACvD,MAAMC,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC/BN,gBAAgB,CAACO,OAAO,GAAG,IAAI;IACjC,CAAC,EAAEN,KAAK,CAAC;IACT,OAAO,MAAMO,YAAY,CAACH,OAAO,CAAC;EACpC,CAAC,CAAC;EAEFV,gBAAgB,CAAC;IAAEG,cAAc;IAAEC;EAAe,CAAC,CAAC;EAEpD,MAAMU,MAAM,GAAGjB,WAAW,CAAEkB,EAAc,IAAK;IAE7CC,MAAM,CAACC,qBAAqB,CAAC,MAE3BD,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjCZ,gBAAgB,CAACO,OAAO,IAAIG,EAAE,CAAC,CAAC;IAClC,CAAC,CACH,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,QAAQ,GAAGrB,WAAW,CAAC,MAAM;IACjCiB,MAAM,CAAC,MAAM;MAAA,IAAAK,qBAAA,EAAAC,sBAAA;MACX,CAAAD,qBAAA,GAAAf,cAAc,CAACQ,OAAO,cAAAO,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,KAAK,cAAAD,sBAAA,uBAA7BA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAAgC;QAC9BI,aAAa,EAAE;MACjB,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACT,MAAM,EAAEV,cAAc,CAAC,CAAC;EAE5B,MAAMoB,WAAW,GAAG3B,WAAW,CAAC,MAAM;IACpCiB,MAAM,CAAC,MAAM;MAAA,IAAAW,sBAAA,EAAAC,sBAAA;MACX,CAAAD,sBAAA,GAAArB,cAAc,CAACQ,OAAO,cAAAa,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,cAAc,cAAAD,sBAAA,uBAAtCA,sBAAA,CAAAJ,IAAA,CAAAG,sBAAyC,CAAC;IAC5C,CAAC,CAAC;EACJ,CAAC,EAAE,CAACX,MAAM,EAAEV,cAAc,CAAC,CAAC;EAE5B,OAAO;IAAEc,QAAQ;IAAEM,WAAW;IAAEnB;EAAiB,CAAC;AACpD"}

package/extensions/forms/Wizard/Container/useStepAnimation.d.ts

@@ -0,0 +1,4 @@
+export default function useStepAnimation({ activeIndexRef, stepElementRef, }: {
+    activeIndexRef: any;
+    stepElementRef: any;
+}): void;

package/extensions/forms/Wizard/Container/useStepAnimation.js

@@ -0,0 +1,30 @@
+"use client";
+
+import React, { useEffect, useRef } from 'react';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useStepAnimation(_ref) {
+  let {
+    activeIndexRef,
+    stepElementRef
+  } = _ref;
+  const activeIndex = activeIndexRef.current;
+  const indexRef = useRef(activeIndex);
+  useEffect(() => {
+    indexRef.current = activeIndex;
+  }, [activeIndex]);
+  useLayoutEffect(() => {
+    if (activeIndex === indexRef.current) {
+      return;
+    }
+    window.requestAnimationFrame(() => {
+      try {
+        const elements = stepElementRef.current.querySelectorAll('.dnb-forms-step > *, .dnb-forms-button-row > *');
+        elements.forEach((element, i) => {
+          element.style.setProperty('--element-index', String(i + 1));
+          element.classList.add('appear-fx');
+        });
+      } catch (error) {}
+    });
+  }, [activeIndex, stepElementRef]);
+}
+//# sourceMappingURL=useStepAnimation.js.map

package/extensions/forms/Wizard/Container/useStepAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStepAnimation.js","names":["React","useEffect","useRef","useLayoutEffect","window","useStepAnimation","_ref","activeIndexRef","stepElementRef","activeIndex","current","indexRef","requestAnimationFrame","elements","querySelectorAll","forEach","element","i","style","setProperty","String","classList","add","error"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/useStepAnimation.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useStepAnimation({\n  activeIndexRef,\n  stepElementRef,\n}) {\n  const activeIndex = activeIndexRef.current\n  const indexRef = useRef(activeIndex)\n\n  useEffect(() => {\n    indexRef.current = activeIndex\n  }, [activeIndex])\n\n  useLayoutEffect(() => {\n    // Use layout effect to compare the active step before we update the cached indexRef\n    // This way we don't have an animation on the first render, but only on a step change.\n    if (activeIndex === indexRef.current) {\n      return // stop here\n    }\n\n    // Wait until \"stepElementRef.current = currentElementRef.current\" is set\n    // So we actually get the correct elements when useStep is called,\n    // as it rerenders the children\n    window.requestAnimationFrame(() => {\n      try {\n        const elements: Array<HTMLElement> =\n          stepElementRef.current.querySelectorAll(\n            '.dnb-forms-step > *, .dnb-forms-button-row > *'\n          )\n        elements.forEach((element, i) => {\n          element.style.setProperty('--element-index', String(i + 1))\n          element.classList.add('appear-fx')\n        })\n      } catch (error) {\n        //\n      }\n    })\n  }, [activeIndex, stepElementRef])\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAGhD,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACC,SAAS,GAAGD,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASE,gBAAgBA,CAAAC,IAAA,EAGrC;EAAA,IAHsC;IACvCC,cAAc;IACdC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,WAAW,GAAGF,cAAc,CAACG,OAAO;EAC1C,MAAMC,QAAQ,GAAGT,MAAM,CAACO,WAAW,CAAC;EAEpCR,SAAS,CAAC,MAAM;IACdU,QAAQ,CAACD,OAAO,GAAGD,WAAW;EAChC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjBN,eAAe,CAAC,MAAM;IAGpB,IAAIM,WAAW,KAAKE,QAAQ,CAACD,OAAO,EAAE;MACpC;IACF;IAKAN,MAAM,CAACQ,qBAAqB,CAAC,MAAM;MACjC,IAAI;QACF,MAAMC,QAA4B,GAChCL,cAAc,CAACE,OAAO,CAACI,gBAAgB,CACrC,gDACF,CAAC;QACHD,QAAQ,CAACE,OAAO,CAAC,CAACC,OAAO,EAAEC,CAAC,KAAK;UAC/BD,OAAO,CAACE,KAAK,CAACC,WAAW,CAAC,iBAAiB,EAAEC,MAAM,CAACH,CAAC,GAAG,CAAC,CAAC,CAAC;UAC3DD,OAAO,CAACK,SAAS,CAACC,GAAG,CAAC,WAAW,CAAC;QACpC,CAAC,CAAC;MACJ,CAAC,CAAC,OAAOC,KAAK,EAAE,CAEhB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACd,WAAW,EAAED,cAAc,CAAC,CAAC;AACnC"}

package/extensions/forms/Wizard/Step/Step.js

@@ -3,11 +3,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "title", "index", "children"];
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useMemo, useRef } from 'react';
 import classnames from 'classnames';
 import WizardContext from '../Context/WizardContext';
 import Flex from '../../../../components/flex/Flex';
 import { convertJsxToString } from '../../../../shared/component-helper';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 function Step(props) {
   const {
       className,
@@ -23,6 +24,17 @@ function Step(props) {
   const ariaLabel = useMemo(() => {
     return convertJsxToString(title);
   }, [title]);
+  const currentElementRef = useRef();
+  useLayoutEffect(() => {
+    if (typeof stepElementRef !== 'undefined') {
+      if (currentElementRef.current) {
+        stepElementRef.current = currentElementRef.current;
+      }
+      return () => {
+        stepElementRef.current = null;
+      };
+    }
+  }, [stepElementRef]);
   if (activeIndex !== index) {
     return null;
   }
@@ -30,7 +42,7 @@ function Step(props) {
     className: classnames('dnb-forms-step', className),
     element: "section",
     "aria-label": ariaLabel,
-    innerRef: stepElementRef,
+    innerRef: currentElementRef,
     tabIndex: -1
   }, restProps), children);
 }

package/extensions/forms/Wizard/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["React","useContext","useMemo","classnames","WizardContext","Flex","convertJsxToString","Step","props","className","title","index","children","restProps","_objectWithoutProperties","_excluded","activeIndex","stepElementRef","ariaLabel","createElement","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n  }\n\nfunction Step(props: Props) {\n  const { className, title, index, children, ...restProps } = props\n  const { activeIndex, stepElementRef } = useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return convertJsxToString(title)\n  }, [title])\n\n  if (activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      element=\"section\"\n      aria-label={ariaLabel}\n      innerRef={stepElementRef}\n      tabIndex={-1}\n      {...restProps}\n    >\n      {children}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AAgBxE,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;MAAEC,SAAS;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAuB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACjE,MAAM;IAAEC,WAAW;IAAEC;EAAe,CAAC,GAAGhB,UAAU,CAACG,aAAa,CAAC,IAAI,CAAC,CAAC;EAEvE,MAAMc,SAAS,GAAGhB,OAAO,CAAC,MAAM;IAC9B,OAAOI,kBAAkB,CAACI,KAAK,CAAC;EAClC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAIM,WAAW,KAAKL,KAAK,EAAE;IAEzB,OAAO,IAAI;EACb;EAEA,OACEX,KAAA,CAAAmB,aAAA,CAACd,IAAI,CAACe,KAAK,EAAAC,QAAA;IACTZ,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS,CAAE;IACnDa,OAAO,EAAC,SAAS;IACjB,cAAYJ,SAAU;IACtBK,QAAQ,EAAEN,cAAe;IACzBO,QAAQ,EAAE,CAAC;EAAE,GACTX,SAAS,GAEZD,QACS,CAAC;AAEjB;AAEAL,IAAI,CAACkB,qBAAqB,GAAG,IAAI;AACjC,eAAelB,IAAI"}
+{"version":3,"file":"Step.js","names":["React","useContext","useMemo","useRef","classnames","WizardContext","Flex","convertJsxToString","useLayoutEffect","window","useEffect","Step","props","className","title","index","children","restProps","_objectWithoutProperties","_excluded","activeIndex","stepElementRef","ariaLabel","currentElementRef","current","createElement","Stack","_extends","element","innerRef","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    /**\n     * A title that will be displayed in the indicator.\n     */\n    title?: React.ReactNode\n\n    /**\n     * To determine if the step should be rendered.\n     * Used internally by the WizardContainer.\n     */\n    index?: number\n  }\n\nfunction Step(props: Props) {\n  const { className, title, index, children, ...restProps } = props\n  const { activeIndex, stepElementRef } = useContext(WizardContext) || {}\n\n  const ariaLabel = useMemo(() => {\n    return convertJsxToString(title)\n  }, [title])\n\n  const currentElementRef = useRef<HTMLElement>()\n  useLayoutEffect(() => {\n    if (typeof stepElementRef !== 'undefined') {\n      if (currentElementRef.current) {\n        stepElementRef.current = currentElementRef.current\n      }\n      return () => {\n        stepElementRef.current = null\n      }\n    }\n  }, [stepElementRef])\n\n  if (activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      element=\"section\"\n      aria-label={ariaLabel}\n      innerRef={currentElementRef}\n      tabIndex={-1}\n      {...restProps}\n    >\n      {children}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AAGxE,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGT,KAAK,CAACU,SAAS,GAAGV,KAAK,CAACQ,eAAe;AAgBzE,SAASG,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;MAAEC,SAAS;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAuB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACjE,MAAM;IAAEC,WAAW;IAAEC;EAAe,CAAC,GAAGpB,UAAU,CAACI,aAAa,CAAC,IAAI,CAAC,CAAC;EAEvE,MAAMiB,SAAS,GAAGpB,OAAO,CAAC,MAAM;IAC9B,OAAOK,kBAAkB,CAACO,KAAK,CAAC;EAClC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMS,iBAAiB,GAAGpB,MAAM,CAAc,CAAC;EAC/CK,eAAe,CAAC,MAAM;IACpB,IAAI,OAAOa,cAAc,KAAK,WAAW,EAAE;MACzC,IAAIE,iBAAiB,CAACC,OAAO,EAAE;QAC7BH,cAAc,CAACG,OAAO,GAAGD,iBAAiB,CAACC,OAAO;MACpD;MACA,OAAO,MAAM;QACXH,cAAc,CAACG,OAAO,GAAG,IAAI;MAC/B,CAAC;IACH;EACF,CAAC,EAAE,CAACH,cAAc,CAAC,CAAC;EAEpB,IAAID,WAAW,KAAKL,KAAK,EAAE;IAEzB,OAAO,IAAI;EACb;EAEA,OACEf,KAAA,CAAAyB,aAAA,CAACnB,IAAI,CAACoB,KAAK,EAAAC,QAAA;IACTd,SAAS,EAAET,UAAU,CAAC,gBAAgB,EAAES,SAAS,CAAE;IACnDe,OAAO,EAAC,SAAS;IACjB,cAAYN,SAAU;IACtBO,QAAQ,EAAEN,iBAAkB;IAC5BO,QAAQ,EAAE,CAAC;EAAE,GACTb,SAAS,GAEZD,QACS,CAAC;AAEjB;AAEAL,IAAI,CAACoB,qBAAqB,GAAG,IAAI;AACjC,eAAepB,IAAI"}

package/extensions/forms/Wizard/hooks/useStep.js

@@ -1,8 +1,9 @@
 "use client";
 
-import { useCallback, useContext, useEffect, useRef } from 'react';
+import React, { useCallback, useContext, useRef } from 'react';
 import WizardContext from '../Context/WizardContext';
 import { useSharedState } from '../../../../shared/helpers/useSharedState';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 export default function useStep() {
   let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   let {
@@ -17,7 +18,7 @@ export default function useStep() {
   }
   const sharedDataRef = useRef(null);
   sharedDataRef.current = useSharedState(id ? id + '-wizard' : undefined);
-  useEffect(() => {
+  useLayoutEffect(() => {
     sharedDataRef.current.extend({
       onStepChange
     });

package/extensions/forms/Wizard/hooks/useStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStep.js","names":["useCallback","useContext","useEffect","useRef","WizardContext","useSharedState","useStep","id","arguments","length","undefined","onStepChange","setFormError","context","sharedDataRef","current","extend","data"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useStep.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport WizardContext, {\n  OnStepChange,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport { Identifier } from '../../types'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\n\nexport default function useStep(\n  id: Identifier = null,\n  { onStepChange }: { onStepChange?: OnStepChange } = {}\n) {\n  const setFormError = useCallback(() => null, [])\n  const context = useContext(WizardContext) || { setFormError }\n\n  // In order to make it possible to add a \"onStepChange\" handler without an id,\n  // we at least check if there is one from the context.\n  if (onStepChange && !id && context.id) {\n    id = context.id\n  }\n\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<WizardContextState>>>(null)\n  sharedDataRef.current = useSharedState<WizardContextState>(\n    id ? id + '-wizard' : undefined\n  )\n\n  useEffect(() => {\n    sharedDataRef.current.extend({\n      onStepChange,\n    } as unknown as WizardContextState) // Internal type\n  }, [onStepChange])\n\n  const data = sharedDataRef.current.data\n  if (data && !data.setFormError) {\n    data.setFormError = setFormError\n  }\n\n  return data || context\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAClE,OAAOC,aAAa,MAGb,0BAA0B;AAEjC,SAASC,cAAc,QAAQ,2CAA2C;AAE1E,eAAe,SAASC,OAAOA,CAAA,EAG7B;EAAA,IAFAC,EAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,IACrB;IAAEG;EAA8C,CAAC,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEtD,MAAMI,YAAY,GAAGZ,WAAW,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;EAChD,MAAMa,OAAO,GAAGZ,UAAU,CAACG,aAAa,CAAC,IAAI;IAAEQ;EAAa,CAAC;EAI7D,IAAID,YAAY,IAAI,CAACJ,EAAE,IAAIM,OAAO,CAACN,EAAE,EAAE;IACrCA,EAAE,GAAGM,OAAO,CAACN,EAAE;EACjB;EAEA,MAAMO,aAAa,GACjBX,MAAM,CAAwD,IAAI,CAAC;EACrEW,aAAa,CAACC,OAAO,GAAGV,cAAc,CACpCE,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGG,SACxB,CAAC;EAEDR,SAAS,CAAC,MAAM;IACdY,aAAa,CAACC,OAAO,CAACC,MAAM,CAAC;MAC3BL;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMM,IAAI,GAAGH,aAAa,CAACC,OAAO,CAACE,IAAI;EACvC,IAAIA,IAAI,IAAI,CAACA,IAAI,CAACL,YAAY,EAAE;IAC9BK,IAAI,CAACL,YAAY,GAAGA,YAAY;EAClC;EAEA,OAAOK,IAAI,IAAIJ,OAAO;AACxB"}
+{"version":3,"file":"useStep.js","names":["React","useCallback","useContext","useRef","WizardContext","useSharedState","useLayoutEffect","window","useEffect","useStep","id","arguments","length","undefined","onStepChange","setFormError","context","sharedDataRef","current","extend","data"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useStep.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport WizardContext, {\n  OnStepChange,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport { Identifier } from '../../types'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useStep(\n  id: Identifier = null,\n  { onStepChange }: { onStepChange?: OnStepChange } = {}\n) {\n  const setFormError = useCallback(() => null, [])\n  const context = useContext(WizardContext) || { setFormError }\n\n  // In order to make it possible to add a \"onStepChange\" handler without an id,\n  // we at least check if there is one from the context.\n  if (onStepChange && !id && context.id) {\n    id = context.id\n  }\n\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<WizardContextState>>>(null)\n  sharedDataRef.current = useSharedState<WizardContextState>(\n    id ? id + '-wizard' : undefined\n  )\n\n  useLayoutEffect(() => {\n    sharedDataRef.current.extend({\n      onStepChange,\n    } as unknown as WizardContextState) // Internal type\n  }, [onStepChange])\n\n  const data = sharedDataRef.current.data\n  if (data && !data.setFormError) {\n    data.setFormError = setFormError\n  }\n\n  return data || context\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC9D,OAAOC,aAAa,MAGb,0BAA0B;AAEjC,SAASC,cAAc,QAAQ,2CAA2C;AAG1E,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGP,KAAK,CAACQ,SAAS,GAAGR,KAAK,CAACM,eAAe;AAEzE,eAAe,SAASG,OAAOA,CAAA,EAG7B;EAAA,IAFAC,EAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,IACrB;IAAEG;EAA8C,CAAC,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEtD,MAAMI,YAAY,GAAGd,WAAW,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;EAChD,MAAMe,OAAO,GAAGd,UAAU,CAACE,aAAa,CAAC,IAAI;IAAEW;EAAa,CAAC;EAI7D,IAAID,YAAY,IAAI,CAACJ,EAAE,IAAIM,OAAO,CAACN,EAAE,EAAE;IACrCA,EAAE,GAAGM,OAAO,CAACN,EAAE;EACjB;EAEA,MAAMO,aAAa,GACjBd,MAAM,CAAwD,IAAI,CAAC;EACrEc,aAAa,CAACC,OAAO,GAAGb,cAAc,CACpCK,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGG,SACxB,CAAC;EAEDP,eAAe,CAAC,MAAM;IACpBW,aAAa,CAACC,OAAO,CAACC,MAAM,CAAC;MAC3BL;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMM,IAAI,GAAGH,aAAa,CAACC,OAAO,CAACE,IAAI;EACvC,IAAIA,IAAI,IAAI,CAACA,IAAI,CAACL,YAAY,EAAE;IAC9BK,IAAI,CAACL,YAAY,GAAGA,YAAY;EAClC;EAEA,OAAOK,IAAI,IAAIJ,OAAO;AACxB"}

package/extensions/forms/Wizard/style/dnb-wizard-layout.css

@@ -19,10 +19,35 @@
 .dnb-forms-wizard-layout__contents {
   flex: 1;
 }
+.dnb-forms-wizard-layout__contents .dnb-forms-step {
+  outline: none;
+}
 .dnb-forms-wizard-layout__contents .dnb-card {
   --border-color: var(--color-pistachio);
   max-width: var(--forms-card-max-width);
 }
+.dnb-forms-wizard-layout__contents .dnb-forms-step > .appear-fx,
+.dnb-forms-wizard-layout__contents .dnb-forms-button-row > .appear-fx {
+  --appear-opacity: 0;
+  --appear-offset: -0.25rem;
+  opacity: var(--appear-opacity);
+  transform: translate3d(var(--appear-offset), 0, 0);
+  animation: appear 600ms var(--easing-default) forwards;
+  animation-delay: calc(var(--element-index, 0) * 30ms);
+}
+@keyframes appear {
+  0% {
+    opacity: var(--appear-opacity);
+    transform: translate3d(var(--appear-offset), 0, 0);
+  }
+  80% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
 @media screen and (min-width: 40em) {
   .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
@@ -42,6 +67,8 @@
   margin-right: 0;
 }
 
-.dnb-forms-step {
-  outline: none;
+@media screen and (min-width: 60em) {
+  .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
+    margin-left: 23rem;
+  }
 }

package/extensions/forms/Wizard/style/dnb-wizard-layout.min.css

@@ -1 +1 @@
-.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio);max-width:var(--forms-card-max-width)}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}.dnb-forms-step{outline:none}
+.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio);max-width:var(--forms-card-max-width)}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}

package/extensions/forms/Wizard/style/dnb-wizard-layout.scss

@@ -19,10 +19,40 @@
   &__contents {
     flex: 1;
 
+    .dnb-forms-step {
+      outline: none;
+    }
+
     .dnb-card {
       --border-color: var(--color-pistachio);
       max-width: var(--forms-card-max-width);
     }
+
+    .dnb-forms-step > .appear-fx,
+    .dnb-forms-button-row > .appear-fx {
+      --appear-opacity: 0;
+      --appear-offset: -0.25rem;
+
+      opacity: var(--appear-opacity);
+      transform: translate3d(var(--appear-offset), 0, 0);
+
+      animation: appear 600ms var(--easing-default) forwards;
+      animation-delay: calc(var(--element-index, 0) * 30ms);
+
+      @keyframes appear {
+        0% {
+          opacity: var(--appear-opacity);
+          transform: translate3d(var(--appear-offset), 0, 0);
+        }
+        80% {
+          opacity: 1;
+        }
+        100% {
+          opacity: 1;
+          transform: translate3d(0, 0, 0);
+        }
+      }
+    }
   }
 
   // FormStatus as part of the Form.Handler
@@ -50,6 +80,9 @@
   }
 }
 
-.dnb-forms-step {
-  outline: none;
+@include allAbove('medium') {
+  .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar)
+    .dnb-forms-status {
+    margin-left: 23rem;
+  }
 }

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

@@ -64,10 +64,16 @@ declare const _default: {
         FirstName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
         };
         LastName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
+        };
+        CompanyName: {
+            label: string;
+            errorRequired: string;
         };
         NationalIdentityNumber: {
             label: string;
@@ -89,6 +95,9 @@ declare const _default: {
             errorRequired: string;
             warningRequired: string;
         };
+        PostalCodeAndCity: {
+            label: string;
+        };
         PostalCode: {
             label: string;
             errorRequired: string;

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

@@ -53,12 +53,18 @@ export default {
       errorPattern: 'Invalid Email address. Enter a valid Email address.'
     },
     FirstName: {
-      label: 'First name',
-      errorRequired: 'You must enter a first name.'
+      label: 'Given name',
+      errorRequired: 'You must enter a given name (first name).',
+      errorPattern: 'Enter a given name (first name) using only letters and characters such as hyphens and spaces.'
     },
     LastName: {
       label: 'Surname',
-      errorRequired: 'You must enter a surname.'
+      errorRequired: 'You must enter a surname (last name).',
+      errorPattern: 'Enter a surname (last name) using only letters and characters such as hyphens and spaces.'
+    },
+    CompanyName: {
+      label: 'Company name',
+      errorRequired: 'You must enter a company name.'
     },
     NationalIdentityNumber: {
       label: 'National identity number (11 digits)',
@@ -80,6 +86,9 @@ export default {
       errorRequired: 'Mobile number must be filled in. If you don’t have a mobile number, you can enter another phone number.',
       warningRequired: 'You have not entered a mobile number. You can still use this number if it is correct.'
     },
+    PostalCodeAndCity: {
+      label: 'Postcode and city'
+    },
     PostalCode: {
       label: 'Postc.',
       errorRequired: 'You must enter a postcode.',

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","NationalIdentityNumber","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","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 cannot be shorter than {minLength} characters.',\n      errorMaxLength:\n        'The value cannot 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: 'First name',\n      errorRequired: 'You must enter a first name.',\n    },\n    LastName: {\n      label: 'Surname',\n      errorRequired: 'You must enter a surname.',\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    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,0DAA0D;MAC5DC,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;IACjB,CAAC;IACDmB,QAAQ,EAAE;MACRJ,KAAK,EAAE,SAAS;MAChBf,aAAa,EAAE;IACjB,CAAC;IACDoB,sBAAsB,EAAE;MACtBL,KAAK,EAAE,sCAAsC;MAC7Cf,aAAa,EACX;IACJ,CAAC;IACDqB,kBAAkB,EAAE;MAClBN,KAAK,EAAE,qBAAqB;MAC5Bf,aAAa,EAAE,wCAAwC;MACvDC,YAAY,EAAE;IAChB,CAAC;IACDqB,iBAAiB,EAAE;MACjBP,KAAK,EAAE,cAAc;MACrBf,aAAa,EACX,wEAAwE;MAC1EC,YAAY,EAAE;IAChB,CAAC;IACDsB,WAAW,EAAE;MACXR,KAAK,EAAE,eAAe;MACtBS,gBAAgB,EAAE,cAAc;MAChCxB,aAAa,EACX,yGAAyG;MAC3GyB,eAAe,EACb;IACJ,CAAC;IACDC,UAAU,EAAE;MACVX,KAAK,EAAE,QAAQ;MACff,aAAa,EAAE,4BAA4B;MAC3CC,YAAY,EAAE;IAChB,CAAC;IACD0B,IAAI,EAAE;MACJZ,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE,6BAA6B;MAC5CC,YAAY,EACV;IACJ,CAAC;IACD2B,aAAa,EAAE;MACbb,KAAK,EAAE,SAAS;MAChBc,WAAW,EAAE,gBAAgB;MAC7B7B,aAAa,EAAE;IACjB,CAAC;IACD8B,QAAQ,EAAE;MACRf,KAAK,EAAE,UAAU;MACjBgB,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","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 cannot be shorter than {minLength} characters.',\n      errorMaxLength:\n        'The value cannot 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,0DAA0D;MAC5DC,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

@@ -60,10 +60,16 @@ declare const _default: {
         FirstName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
         };
         LastName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
+        };
+        CompanyName: {
+            label: string;
+            errorRequired: string;
         };
         NationalIdentityNumber: {
             label: string;
@@ -80,6 +86,9 @@ declare const _default: {
             errorRequired: string;
             warningRequired: string;
         };
+        PostalCodeAndCity: {
+            label: string;
+        };
         PostalCode: {
             label: string;
             errorRequired: string;

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

@@ -55,10 +55,16 @@ declare const locales: {
         FirstName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
         };
         LastName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
+        };
+        CompanyName: {
+            label: string;
+            errorRequired: string;
         };
         NationalIdentityNumber: {
             label: string;
@@ -80,6 +86,9 @@ declare const locales: {
             errorRequired: string;
             warningRequired: string;
         };
+        PostalCodeAndCity: {
+            label: string;
+        };
         PostalCode: {
             label: string;
             errorRequired: string;
@@ -157,10 +166,16 @@ declare const locales: {
         FirstName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
         };
         LastName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
+        };
+        CompanyName: {
+            label: string;
+            errorRequired: string;
         };
         NationalIdentityNumber: {
             label: string;
@@ -182,6 +197,9 @@ declare const locales: {
             errorRequired: string;
             warningRequired: string;
         };
+        PostalCodeAndCity: {
+            label: string;
+        };
         PostalCode: {
             label: string;
             errorRequired: string;

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

@@ -64,10 +64,16 @@ declare const _default: {
         FirstName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
         };
         LastName: {
             label: string;
             errorRequired: string;
+            errorPattern: string;
+        };
+        CompanyName: {
+            label: string;
+            errorRequired: string;
         };
         NationalIdentityNumber: {
             label: string;
@@ -89,6 +95,9 @@ declare const _default: {
             errorRequired: string;
             warningRequired: string;
         };
+        PostalCodeAndCity: {
+            label: string;
+        };
         PostalCode: {
             label: string;
             errorRequired: string;

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

@@ -54,11 +54,17 @@ export default {
     },
     FirstName: {
       label: 'Fornavn',
-      errorRequired: 'Du må fylle inn fornavn.'
+      errorRequired: 'Du må fylle inn fornavn.',
+      errorPattern: 'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.'
     },
     LastName: {
       label: 'Etternavn',
-      errorRequired: 'Du må fylle inn etternavn.'
+      errorRequired: 'Du må fylle inn etternavn.',
+      errorPattern: 'Kun bokstaver og tegn som bindestrek og mellomrom er tillatt.'
+    },
+    CompanyName: {
+      label: 'Firmanavn',
+      errorRequired: 'Du må fylle inn firmanavn.'
     },
     NationalIdentityNumber: {
       label: 'Fødselsnummer (11 siffer)',
@@ -80,6 +86,9 @@ export default {
       errorRequired: 'Mobilnummer må fylles ut. Hvis du ikke har et mobilnummer, kan du oppgi et annet telefonnummer.',
       warningRequired: 'Du har ikke skrevet inn et mobilnummer. Du kan likevel bruke dette nummeret hvis det er riktig.'
     },
+    PostalCodeAndCity: {
+      label: 'Postnummer og sted'
+    },
     PostalCode: {
       label: 'Postnr.',
       errorRequired: 'Du må fylle inn et postnummer.',

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","NationalIdentityNumber","OrganizationNumber","BankAccountNumber","PhoneNumber","countryCodeLabel","warningRequired","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    },\n    LastName: {\n      label: 'Etternavn',\n      errorRequired: 'Du må fylle inn etternavn.',\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    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;IACjB,CAAC;IACDmB,QAAQ,EAAE;MACRJ,KAAK,EAAE,WAAW;MAClBf,aAAa,EAAE;IACjB,CAAC;IACDoB,sBAAsB,EAAE;MACtBL,KAAK,EAAE,2BAA2B;MAClCf,aAAa,EACX;IACJ,CAAC;IACDqB,kBAAkB,EAAE;MAClBN,KAAK,EAAE,qBAAqB;MAC5Bf,aAAa,EAAE,yCAAyC;MACxDC,YAAY,EAAE;IAChB,CAAC;IACDqB,iBAAiB,EAAE;MACjBP,KAAK,EAAE,WAAW;MAClBf,aAAa,EACX,8DAA8D;MAChEC,YAAY,EAAE;IAChB,CAAC;IACDsB,WAAW,EAAE;MACXR,KAAK,EAAE,aAAa;MACpBS,gBAAgB,EAAE,WAAW;MAC7BxB,aAAa,EACX,iGAAiG;MACnGyB,eAAe,EACb;IACJ,CAAC;IACDC,UAAU,EAAE;MACVX,KAAK,EAAE,SAAS;MAChBf,aAAa,EAAE,gCAAgC;MAC/CC,YAAY,EAAE;IAChB,CAAC;IACD0B,IAAI,EAAE;MACJZ,KAAK,EAAE,MAAM;MACbf,aAAa,EAAE,+BAA+B;MAC9CC,YAAY,EACV;IACJ,CAAC;IACD2B,aAAa,EAAE;MACbb,KAAK,EAAE,MAAM;MACbc,WAAW,EAAE,cAAc;MAC3B7B,aAAa,EAAE;IACjB,CAAC;IACD8B,QAAQ,EAAE;MACRf,KAAK,EAAE,SAAS;MAChBgB,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","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"}