@dnb/eufemia 10.32.0 → 10.34.0

package/es/extensions/forms/FieldBlock/style/dnb-field-block.scss

@@ -50,7 +50,6 @@ fieldset.dnb-forms-field-block {
 
   &--width {
     &-stretch {
-      width: 100%;
       flex-grow: 1;
     }
     @include allAbove(x-small) {
@@ -124,7 +123,11 @@ fieldset.dnb-forms-field-block {
         column-gap: var(--spacing-small);
 
         @include allAbove(x-small) {
-          align-items: flex-end;
+          align-items: flex-end; // To support fields with labels of different size
+
+          &[class*='align-center'] {
+            align-items: center; // To support fields without labels, but different heights
+          }
         }
         @include allBelow(x-small) {
           row-gap: var(--spacing-x-small);

package/es/extensions/forms/Form/FieldProps/FieldProps.d.ts

@@ -1,15 +1,29 @@
 import React from 'react';
 import { Props as DataContextProps } from '../../DataContext/Provider';
-import { UseFieldProps } from '../../types';
 import { FormStatusProps } from '../../../../components/FormStatus';
 import { ContextProps } from '../../../../shared/Context';
-export type FieldPropsProps = UseFieldProps & {
+import type { FieldProps, Path } from '../../types';
+export type FieldPropsProps = FieldProps & {
     children: React.ReactNode;
+    /**
+     * Locale to use for all nested Eufemia components
+     */
+    locale?: DataContextProps<unknown>['locale'];
+    /**
+     * Provide your own translations. Use the same format as defined in the translation files
+     */
+    translations?: DataContextProps<unknown>['translations'];
+    /** For internal use only */
+    overwriteProps?: {
+        [key: Path]: FieldProps;
+    };
+    /** For internal use only */
+    deep?: boolean;
+    /** For internal use only */
     formElement?: ContextProps['formElement'];
+    /** For internal use only */
     FormStatus?: {
         globalStatus: FormStatusProps;
     };
-    locale?: DataContextProps<unknown>['locale'];
-    translations?: DataContextProps<unknown>['translations'];
 };
-export default function FieldProps(props: FieldPropsProps): import("react/jsx-runtime").JSX.Element;
+export default function FieldPropsProvider(props: FieldPropsProps): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/Form/FieldProps/FieldProps.js

@@ -1,33 +1,37 @@
 "use client";
 
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "formElement", "FormStatus"],
-  _excluded2 = ["locale", "translations"];
-import React, { useContext, useRef } from 'react';
+const _excluded = ["children", "formElement", "FormStatus", "overwriteProps", "deep"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useCallback, useContext, useMemo, useRef } from 'react';
 import DataContext from '../../DataContext/Context';
-import { assignPropsWithContext } from '../../../../shared/component-helper';
+import { assignPropsWithContext, extendDeep } from '../../../../shared/component-helper';
 import FieldPropsContext from './FieldPropsContext';
 import SharedProvider from '../../../../shared/Provider';
-export default function FieldProps(props) {
+export default function FieldPropsProvider(props) {
+  var _dataContextRef$curre, _dataContextRef$curre2, _dataContextRef$curre3, _dataContextRef$curre4, _dataContextRef$curre5;
   const {
       children,
       formElement,
-      FormStatus
+      FormStatus,
+      overwriteProps,
+      deep
     } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    restProps = _objectWithoutProperties(props, _excluded);
   const nestedContext = useContext(FieldPropsContext);
   const dataContextRef = useRef();
   dataContextRef.current = useContext(DataContext);
   const sharedProviderProps = {};
-  const _ref = Object.assign((nestedContext === null || nestedContext === void 0 ? void 0 : nestedContext.inheritedContext) || {}, rest),
-    {
-      locale,
-      translations
-    } = _ref,
-    restOfRest = _objectWithoutProperties(_ref, _excluded2);
-  if (typeof restOfRest.disabled === 'boolean') {
+  const locale = (_dataContextRef$curre = (_dataContextRef$curre2 = dataContextRef.current) === null || _dataContextRef$curre2 === void 0 ? void 0 : (_dataContextRef$curre3 = _dataContextRef$curre2.props) === null || _dataContextRef$curre3 === void 0 ? void 0 : _dataContextRef$curre3.locale) !== null && _dataContextRef$curre !== void 0 ? _dataContextRef$curre : restProps === null || restProps === void 0 ? void 0 : restProps.locale;
+  const translations = extendDeep({}, restProps === null || restProps === void 0 ? void 0 : restProps.translations, (_dataContextRef$curre4 = dataContextRef.current) === null || _dataContextRef$curre4 === void 0 ? void 0 : (_dataContextRef$curre5 = _dataContextRef$curre4.props) === null || _dataContextRef$curre5 === void 0 ? void 0 : _dataContextRef$curre5.translations);
+  const nestedFieldProps = useMemo(() => {
+    return Object.assign((nestedContext === null || nestedContext === void 0 ? void 0 : nestedContext.inheritedProps) || {}, restProps);
+  }, [nestedContext === null || nestedContext === void 0 ? void 0 : nestedContext.inheritedProps, restProps]);
+  if (typeof nestedFieldProps.disabled === 'boolean') {
     sharedProviderProps.formElement = {
-      disabled: restOfRest.disabled
+      disabled: nestedFieldProps.disabled
     };
   }
   if (formElement) {
@@ -39,25 +43,42 @@ export default function FieldProps(props) {
   if (locale) {
     sharedProviderProps.locale = locale;
   }
-  if (translations) {
-    sharedProviderProps.translations = wrapFormsTranslations(translations);
+  const formTranslations = useMemo(() => {
+    if (translations) {
+      return transformTranslations(translations);
+    }
+  }, [translations]);
+  if (formTranslations) {
+    sharedProviderProps.translations = formTranslations;
   }
-  function extend(fieldProps) {
+  const extend = useCallback(fieldProps => {
+    var _fieldProps$path, _fieldProps$path$spli, _nestedContext$inheri;
     const {
-      required
+      required: requiredByContext
     } = dataContextRef.current;
-    return nestedContext.extend(assignPropsWithContext(fieldProps, {
-      required
-    }, restOfRest));
-  }
+    const key = fieldProps === null || fieldProps === void 0 ? void 0 : (_fieldProps$path = fieldProps.path) === null || _fieldProps$path === void 0 ? void 0 : (_fieldProps$path$spli = _fieldProps$path.split('/')) === null || _fieldProps$path$spli === void 0 ? void 0 : _fieldProps$path$spli.pop();
+    const overwrite = overwriteProps === null || overwriteProps === void 0 ? void 0 : overwriteProps[key];
+    if (overwrite && fieldProps !== null && fieldProps !== void 0 && fieldProps.schema) {
+      Object.keys(fieldProps.schema).forEach(key => {
+        if (overwrite !== null && overwrite !== void 0 && overwrite[key]) {
+          fieldProps.schema[key] = overwrite[key];
+        }
+      });
+    }
+    const value = assignPropsWithContext(overwrite ? _objectSpread(_objectSpread({}, fieldProps), overwrite) : fieldProps, {
+      required: requiredByContext !== null && requiredByContext !== void 0 ? requiredByContext : nestedContext === null || nestedContext === void 0 ? void 0 : (_nestedContext$inheri = nestedContext.inheritedContext) === null || _nestedContext$inheri === void 0 ? void 0 : _nestedContext$inheri.required
+    }, nestedFieldProps);
+    return deep ? nestedContext.extend(value) : value;
+  }, [deep, nestedContext, overwriteProps, nestedFieldProps]);
   return React.createElement(FieldPropsContext.Provider, {
     value: {
       extend,
-      inheritedContext: rest
+      inheritedProps: restProps,
+      inheritedContext: nestedFieldProps
     }
   }, React.createElement(SharedProvider, sharedProviderProps, children));
 }
-function wrapFormsTranslations(translations) {
+function transformTranslations(translations) {
   const result = {};
   const trObj = translations;
   for (const locale in trObj) {

package/es/extensions/forms/Form/FieldProps/FieldProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldProps.js","names":["React","useContext","useRef","DataContext","assignPropsWithContext","FieldPropsContext","SharedProvider","FieldProps","props","children","formElement","FormStatus","rest","_objectWithoutProperties","_excluded","nestedContext","dataContextRef","current","sharedProviderProps","_ref","Object","assign","inheritedContext","locale","translations","restOfRest","_excluded2","disabled","wrapFormsTranslations","extend","fieldProps","required","createElement","Provider","value","result","trObj","newObj","Forms","key","newKeyObj","subKey"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldProps.tsx"],"sourcesContent":["import React, { useContext, useRef } from 'react'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport { Props as DataContextProps } from '../../DataContext/Provider'\nimport { UseFieldProps } from '../../types'\nimport { FormStatusProps } from '../../../../components/FormStatus'\nimport { assignPropsWithContext } from '../../../../shared/component-helper'\nimport FieldPropsContext from './FieldPropsContext'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\n\nexport type FieldPropsProps = UseFieldProps & {\n  children: React.ReactNode\n  formElement?: ContextProps['formElement']\n  FormStatus?: { globalStatus: FormStatusProps }\n  locale?: DataContextProps<unknown>['locale']\n  translations?: DataContextProps<unknown>['translations']\n}\n\nexport default function FieldProps(props: FieldPropsProps) {\n  const { children, formElement, FormStatus, ...rest } = props\n\n  const nestedContext = useContext(FieldPropsContext)\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const sharedProviderProps: ContextProps = {}\n\n  // Extract props to be used in the shared global context\n  const { locale, translations, ...restOfRest } = Object.assign(\n    nestedContext?.inheritedContext || {},\n    rest\n  ) as ContextProps & {\n    disabled?: boolean\n  }\n  if (typeof restOfRest.disabled === 'boolean') {\n    sharedProviderProps.formElement = { disabled: restOfRest.disabled }\n  }\n  if (formElement) {\n    sharedProviderProps.formElement = formElement\n  }\n  if (FormStatus) {\n    sharedProviderProps.FormStatus = FormStatus\n  }\n  if (locale) {\n    sharedProviderProps.locale = locale\n  }\n  if (translations) {\n    sharedProviderProps.translations = wrapFormsTranslations(translations)\n  }\n\n  function extend<T>(fieldProps: T) {\n    // Extract props from data context to be used in fields\n    const { required } = dataContextRef.current\n\n    return nestedContext.extend(\n      assignPropsWithContext(fieldProps, { required }, restOfRest)\n    ) as T\n  }\n\n  return (\n    <FieldPropsContext.Provider value={{ extend, inheritedContext: rest }}>\n      <SharedProvider {...sharedProviderProps}>{children}</SharedProvider>\n    </FieldPropsContext.Provider>\n  )\n}\n\nfunction wrapFormsTranslations(\n  translations: ContextProps['translations']\n) {\n  const result = {}\n  const trObj = translations as Record<\n    ContextProps['locale'],\n    Record<string, Record<string, string>>\n  >\n\n  for (const locale in trObj) {\n    const newObj: Record<\n      'Forms',\n      Record<string, Record<string, string>>\n    > = {\n      Forms: {},\n    }\n\n    for (const key in trObj[locale]) {\n      const newKeyObj: Record<string, string> = {}\n\n      for (const subKey in trObj[locale][key]) {\n        newKeyObj[subKey] = trObj[locale][key][subKey]\n      }\n\n      newObj.Forms[key] = newKeyObj\n    }\n\n    result[locale] = newObj\n  }\n\n  return result\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,OAAOC,WAAW,MAAwB,2BAA2B;AAIrE,SAASC,sBAAsB,QAAQ,qCAAqC;AAC5E,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,cAAc,MAAM,6BAA6B;AAWxD,eAAe,SAASC,UAAUA,CAACC,KAAsB,EAAE;EACzD,MAAM;MAAEC,QAAQ;MAAEC,WAAW;MAAEC;IAAoB,CAAC,GAAGH,KAAK;IAAdI,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EAE5D,MAAMC,aAAa,GAAGd,UAAU,CAACI,iBAAiB,CAAC;EACnD,MAAMW,cAAc,GAAGd,MAAM,CAAe,CAAC;EAC7Cc,cAAc,CAACC,OAAO,GAAGhB,UAAU,CAAeE,WAAW,CAAC;EAE9D,MAAMe,mBAAiC,GAAG,CAAC,CAAC;EAG5C,MAAAC,IAAA,GAAgDC,MAAM,CAACC,MAAM,CAC3D,CAAAN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEO,gBAAgB,KAAI,CAAC,CAAC,EACrCV,IACF,CAAC;IAHK;MAAEW,MAAM;MAAEC;IAA4B,CAAC,GAAAL,IAAA;IAAZM,UAAU,GAAAZ,wBAAA,CAAAM,IAAA,EAAAO,UAAA;EAM3C,IAAI,OAAOD,UAAU,CAACE,QAAQ,KAAK,SAAS,EAAE;IAC5CT,mBAAmB,CAACR,WAAW,GAAG;MAAEiB,QAAQ,EAAEF,UAAU,CAACE;IAAS,CAAC;EACrE;EACA,IAAIjB,WAAW,EAAE;IACfQ,mBAAmB,CAACR,WAAW,GAAGA,WAAW;EAC/C;EACA,IAAIC,UAAU,EAAE;IACdO,mBAAmB,CAACP,UAAU,GAAGA,UAAU;EAC7C;EACA,IAAIY,MAAM,EAAE;IACVL,mBAAmB,CAACK,MAAM,GAAGA,MAAM;EACrC;EACA,IAAIC,YAAY,EAAE;IAChBN,mBAAmB,CAACM,YAAY,GAAGI,qBAAqB,CAACJ,YAAY,CAAC;EACxE;EAEA,SAASK,MAAMA,CAAIC,UAAa,EAAE;IAEhC,MAAM;MAAEC;IAAS,CAAC,GAAGf,cAAc,CAACC,OAAO;IAE3C,OAAOF,aAAa,CAACc,MAAM,CACzBzB,sBAAsB,CAAC0B,UAAU,EAAE;MAAEC;IAAS,CAAC,EAAEN,UAAU,CAC7D,CAAC;EACH;EAEA,OACEzB,KAAA,CAAAgC,aAAA,CAAC3B,iBAAiB,CAAC4B,QAAQ;IAACC,KAAK,EAAE;MAAEL,MAAM;MAAEP,gBAAgB,EAAEV;IAAK;EAAE,GACpEZ,KAAA,CAAAgC,aAAA,CAAC1B,cAAc,EAAKY,mBAAmB,EAAGT,QAAyB,CACzC,CAAC;AAEjC;AAEA,SAASmB,qBAAqBA,CAC5BJ,YAA0C,EAC1C;EACA,MAAMW,MAAM,GAAG,CAAC,CAAC;EACjB,MAAMC,KAAK,GAAGZ,YAGb;EAED,KAAK,MAAMD,MAAM,IAAIa,KAAK,EAAE;IAC1B,MAAMC,MAGL,GAAG;MACFC,KAAK,EAAE,CAAC;IACV,CAAC;IAED,KAAK,MAAMC,GAAG,IAAIH,KAAK,CAACb,MAAM,CAAC,EAAE;MAC/B,MAAMiB,SAAiC,GAAG,CAAC,CAAC;MAE5C,KAAK,MAAMC,MAAM,IAAIL,KAAK,CAACb,MAAM,CAAC,CAACgB,GAAG,CAAC,EAAE;QACvCC,SAAS,CAACC,MAAM,CAAC,GAAGL,KAAK,CAACb,MAAM,CAAC,CAACgB,GAAG,CAAC,CAACE,MAAM,CAAC;MAChD;MAEAJ,MAAM,CAACC,KAAK,CAACC,GAAG,CAAC,GAAGC,SAAS;IAC/B;IAEAL,MAAM,CAACZ,MAAM,CAAC,GAAGc,MAAM;EACzB;EAEA,OAAOF,MAAM;AACf"}
+{"version":3,"file":"FieldProps.js","names":["React","useCallback","useContext","useMemo","useRef","DataContext","assignPropsWithContext","extendDeep","FieldPropsContext","SharedProvider","FieldPropsProvider","props","_dataContextRef$curre","_dataContextRef$curre2","_dataContextRef$curre3","_dataContextRef$curre4","_dataContextRef$curre5","children","formElement","FormStatus","overwriteProps","deep","restProps","_objectWithoutProperties","_excluded","nestedContext","dataContextRef","current","sharedProviderProps","locale","translations","nestedFieldProps","Object","assign","inheritedProps","disabled","formTranslations","transformTranslations","extend","fieldProps","_fieldProps$path","_fieldProps$path$spli","_nestedContext$inheri","required","requiredByContext","key","path","split","pop","overwrite","schema","keys","forEach","value","_objectSpread","inheritedContext","createElement","Provider","result","trObj","newObj","Forms","newKeyObj","subKey"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldProps.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport { Props as DataContextProps } from '../../DataContext/Provider'\nimport { FormStatusProps } from '../../../../components/FormStatus'\nimport {\n  assignPropsWithContext,\n  extendDeep,\n} from '../../../../shared/component-helper'\nimport FieldPropsContext from './FieldPropsContext'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\nimport type { FieldProps, Path, UseFieldProps } from '../../types'\n\nexport type FieldPropsProps = FieldProps & {\n  children: React.ReactNode\n\n  /**\n   * Locale to use for all nested Eufemia components\n   */\n  locale?: DataContextProps<unknown>['locale']\n\n  /**\n   * Provide your own translations. Use the same format as defined in the translation files\n   */\n  translations?: DataContextProps<unknown>['translations']\n\n  /** For internal use only */\n  overwriteProps?: {\n    [key: Path]: FieldProps\n  }\n\n  /** For internal use only */\n  deep?: boolean\n\n  /** For internal use only */\n  formElement?: ContextProps['formElement']\n\n  /** For internal use only */\n  FormStatus?: { globalStatus: FormStatusProps }\n}\n\nexport default function FieldPropsProvider(props: FieldPropsProps) {\n  const {\n    children,\n    formElement,\n    FormStatus,\n    overwriteProps,\n    deep,\n    ...restProps\n  } = props\n\n  const nestedContext = useContext(FieldPropsContext)\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const sharedProviderProps: ContextProps = {}\n\n  /**\n   * Always use data context as the last source for localization\n   */\n  const locale = dataContextRef.current?.props?.locale ?? restProps?.locale\n  const translations = extendDeep(\n    {},\n    restProps?.translations,\n    dataContextRef.current?.props?.translations\n  ) as ContextProps\n\n  const nestedFieldProps = useMemo(() => {\n    return Object.assign(\n      nestedContext?.inheritedProps || {},\n      restProps\n    ) as UseFieldProps\n  }, [nestedContext?.inheritedProps, restProps])\n\n  if (typeof nestedFieldProps.disabled === 'boolean') {\n    sharedProviderProps.formElement = {\n      disabled: nestedFieldProps.disabled,\n    }\n  }\n  if (formElement) {\n    sharedProviderProps.formElement = formElement\n  }\n  if (FormStatus) {\n    sharedProviderProps.FormStatus = FormStatus\n  }\n  if (locale) {\n    sharedProviderProps.locale = locale\n  }\n  const formTranslations = useMemo(() => {\n    if (translations) {\n      return transformTranslations(translations)\n    }\n  }, [translations])\n  if (formTranslations) {\n    sharedProviderProps.translations = formTranslations\n  }\n\n  const extend = useCallback(\n    <T extends FieldProps>(fieldProps: T) => {\n      // Extract props from data context to be used in fields\n      const { required: requiredByContext } = dataContextRef.current\n\n      // Extract props from overwriteProps to be used in fields\n      const key = fieldProps?.path?.split('/')?.pop()\n      const overwrite = overwriteProps?.[key]\n\n      // Overwrite given schema props\n      if (overwrite && fieldProps?.schema) {\n        Object.keys(fieldProps.schema).forEach((key) => {\n          if (overwrite?.[key]) {\n            fieldProps.schema[key] = overwrite[key]\n          }\n        })\n      }\n\n      const value = assignPropsWithContext(\n        overwrite ? { ...fieldProps, ...overwrite } : fieldProps,\n        {\n          required:\n            requiredByContext ?? nestedContext?.inheritedContext?.required,\n        },\n        nestedFieldProps as Record<string, unknown>\n      )\n\n      return (deep ? nestedContext.extend(value) : value) as T\n    },\n    [deep, nestedContext, overwriteProps, nestedFieldProps]\n  )\n\n  return (\n    <FieldPropsContext.Provider\n      value={{\n        extend,\n        inheritedProps: restProps,\n        inheritedContext: nestedFieldProps,\n      }}\n    >\n      <SharedProvider {...sharedProviderProps}>{children}</SharedProvider>\n    </FieldPropsContext.Provider>\n  )\n}\n\n/**\n * Transform translations into { 'nb-NO': { Forms: { ... } } }\n */\nfunction transformTranslations(\n  translations: ContextProps['translations']\n) {\n  const result = {}\n  const trObj = translations as Record<\n    ContextProps['locale'],\n    Record<string, Record<string, string>>\n  >\n\n  for (const locale in trObj) {\n    const newObj: Record<\n      'Forms',\n      Record<string, Record<string, string>>\n    > = {\n      Forms: {},\n    }\n\n    for (const key in trObj[locale]) {\n      const newKeyObj: Record<string, string> = {}\n\n      for (const subKey in trObj[locale][key]) {\n        newKeyObj[subKey] = trObj[locale][key][subKey]\n      }\n\n      newObj.Forms[key] = newKeyObj\n    }\n\n    result[locale] = newObj\n  }\n\n  return result\n}\n"],"mappings":"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"}

package/es/extensions/forms/Form/FieldProps/FieldPropsContext.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { UseFieldProps } from '../../types';
 export type FieldPropsContextProps = {
     extend: <T = UseFieldProps>(props: T) => T;
+    inheritedProps?: UseFieldProps;
     inheritedContext?: UseFieldProps;
 };
 declare const FieldPropsContext: React.Context<FieldPropsContextProps>;

package/es/extensions/forms/Form/FieldProps/FieldPropsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPropsContext.js","names":["React","extend","props","FieldPropsContext","createContext"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldPropsContext.ts"],"sourcesContent":["import React from 'react'\nimport { UseFieldProps } from '../../types'\n\nexport type FieldPropsContextProps = {\n  extend: <T = UseFieldProps>(props: T) => T\n  inheritedContext?: UseFieldProps\n}\n\nconst extend: FieldPropsContextProps['extend'] = (props) => props\nconst FieldPropsContext = React.createContext<FieldPropsContextProps>({\n  extend,\n})\n\nexport default FieldPropsContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAQzB,MAAMC,MAAwC,GAAIC,KAAK,IAAKA,KAAK;AACjE,MAAMC,iBAAiB,GAAGH,KAAK,CAACI,aAAa,CAAyB;EACpEH;AACF,CAAC,CAAC;AAEF,eAAeE,iBAAiB"}
+{"version":3,"file":"FieldPropsContext.js","names":["React","extend","props","FieldPropsContext","createContext"],"sources":["../../../../../../src/extensions/forms/Form/FieldProps/FieldPropsContext.ts"],"sourcesContent":["import React from 'react'\nimport { UseFieldProps } from '../../types'\n\nexport type FieldPropsContextProps = {\n  extend: <T = UseFieldProps>(props: T) => T\n  inheritedProps?: UseFieldProps\n  inheritedContext?: UseFieldProps\n}\n\nconst extend: FieldPropsContextProps['extend'] = (props) => props\nconst FieldPropsContext = React.createContext<FieldPropsContextProps>({\n  extend,\n})\n\nexport default FieldPropsContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,MAAMC,MAAwC,GAAIC,KAAK,IAAKA,KAAK;AACjE,MAAMC,iBAAiB,GAAGH,KAAK,CAACI,aAAa,CAAyB;EACpEH;AACF,CAAC,CAAC;AAEF,eAAeE,iBAAiB"}

package/es/extensions/forms/Form/MainHeading/MainHeading.js

@@ -18,6 +18,7 @@ function MainHeading(_ref) {
   return React.createElement(Heading, _extends({
     className: classnames('dnb-forms-main-heading', className),
     level: level || 2,
+    skip_correction: true,
     size: "large"
   }, rest), children);
 }

package/es/extensions/forms/Form/MainHeading/MainHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainHeading.js","names":["React","classnames","Heading","MainHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/MainHeading/MainHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction MainHeading({ level, ...props }: Props) {\n  const { className, children, ...rest } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-main-heading', className)}\n      level={level || 2}\n      size=\"large\"\n      {...rest}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nMainHeading._supportsSpacingProps = true\nMainHeading._isHeadingElement = true\n\nexport default MainHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACpC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,wBAAwB,EAAEQ,SAAS,CAAE;IAC3DJ,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,IAAI,EAAC;EAAO,GACRJ,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,WAAW,CAACa,qBAAqB,GAAG,IAAI;AACxCb,WAAW,CAACc,iBAAiB,GAAG,IAAI;AAEpC,eAAed,WAAW"}
+{"version":3,"file":"MainHeading.js","names":["React","classnames","Heading","MainHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","skip_correction","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/MainHeading/MainHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction MainHeading({ level, ...props }: Props) {\n  const { className, children, ...rest } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-main-heading', className)}\n      level={level || 2}\n      skip_correction\n      size=\"large\"\n      {...rest}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nMainHeading._supportsSpacingProps = true\nMainHeading._isHeadingElement = true\n\nexport default MainHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,WAAWA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACpC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,wBAAwB,EAAEQ,SAAS,CAAE;IAC3DJ,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,eAAe;IACfC,IAAI,EAAC;EAAO,GACRL,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,WAAW,CAACc,qBAAqB,GAAG,IAAI;AACxCd,WAAW,CAACe,iBAAiB,GAAG,IAAI;AAEpC,eAAef,WAAW"}

package/es/extensions/forms/Form/Section/Section.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { SectionContextState } from './SectionContext';
+import type { Props as DataContextProps } from '../../DataContext/Provider';
+import type { FieldSectionProps, Path, FieldProps } from '../../types';
+export type OverwritePropsDefaults = {
+    [key: Path]: (FieldProps & FieldSectionProps) | OverwritePropsDefaults;
+};
+export type SectionProps<overwriteProps = OverwritePropsDefaults> = {
+    /**
+     * Path to the section.
+     * When defined, fields inside the section will get this path as a prefix of their own path.
+     */
+    path?: Path;
+    /**
+     * Overwrite field props for the section.
+     */
+    overwriteProps?: overwriteProps | OverwritePropsDefaults;
+    /**
+     * Makes all fields inside it required.
+     */
+    required?: boolean;
+    /**
+     * Only for internal use and undocumented for now.
+     * Prioritize error techniques for the section.
+     * Can be `fieldSchema`, `sectionSchema` or `contextSchema.
+     */
+    errorPrioritization?: SectionContextState['errorPrioritization'];
+} & Pick<DataContextProps<unknown>, 'data' | 'defaultData' | 'onChange' | 'translations'>;
+export type LocalProps = SectionProps & {
+    children: React.ReactNode;
+};
+declare function SectionComponent(props: LocalProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SectionComponent {
+    var _supportsSpacingProps: string;
+}
+export default SectionComponent;

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

@@ -0,0 +1,63 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React, { useCallback, useContext, useMemo } from 'react';
+import SectionContext from './SectionContext';
+import DataContext from '../../DataContext/Context';
+import Provider from '../../DataContext/Provider/Provider';
+import FieldPropsProvider from '../FieldProps';
+function SectionComponent(props) {
+  var _nestedProps$overwrit;
+  const {
+    path,
+    overwriteProps,
+    translations,
+    required,
+    data,
+    defaultData,
+    onChange,
+    errorPrioritization = ['contextSchema'],
+    children
+  } = props;
+  if (path && !path.startsWith('/')) {
+    throw new Error(`path="${path}" must start with a slash`);
+  }
+  const {
+    hasContext,
+    addOnChangeHandler
+  } = useContext(DataContext);
+  const {
+    path: nestedPath,
+    props: nestedProps
+  } = useContext(SectionContext) || {};
+  const handleChange = useCallback((...args) => onChange === null || onChange === void 0 ? void 0 : onChange(...args), [onChange]);
+  addOnChangeHandler === null || addOnChangeHandler === void 0 ? void 0 : addOnChangeHandler(handleChange);
+  const identifier = useMemo(() => {
+    return `${nestedPath && nestedPath !== '/' ? nestedPath : ''}${path || ''}`;
+  }, [path, nestedPath]);
+  const fieldProps = required ? {
+    required: true
+  } : undefined;
+  if (!hasContext) {
+    return React.createElement(Provider, {
+      data: data,
+      defaultData: defaultData
+    }, React.createElement(SectionComponent, props));
+  }
+  return React.createElement(SectionContext.Provider, {
+    value: {
+      path: identifier,
+      errorPrioritization,
+      props
+    }
+  }, React.createElement(FieldPropsProvider, _extends({
+    overwriteProps: _objectSpread(_objectSpread({}, overwriteProps), nestedProps === null || nestedProps === void 0 ? void 0 : (_nestedProps$overwrit = nestedProps.overwriteProps) === null || _nestedProps$overwrit === void 0 ? void 0 : _nestedProps$overwrit[path.substring(1)]),
+    translations: translations
+  }, fieldProps), children));
+}
+SectionComponent._supportsSpacingProps = 'children';
+export default SectionComponent;
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":["React","useCallback","useContext","useMemo","SectionContext","DataContext","Provider","FieldPropsProvider","SectionComponent","props","_nestedProps$overwrit","path","overwriteProps","translations","required","data","defaultData","onChange","errorPrioritization","children","startsWith","Error","hasContext","addOnChangeHandler","nestedPath","nestedProps","handleChange","args","identifier","fieldProps","undefined","createElement","value","_extends","_objectSpread","substring","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Section/Section.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport SectionContext, { SectionContextState } from './SectionContext'\nimport DataContext from '../../DataContext/Context'\nimport Provider from '../../DataContext/Provider/Provider'\nimport FieldPropsProvider from '../FieldProps'\n\nimport type { Props as DataContextProps } from '../../DataContext/Provider'\nimport type {\n  FieldSectionProps,\n  Path,\n  FieldProps,\n  OnChange,\n} from '../../types'\n\nexport type OverwritePropsDefaults = {\n  [key: Path]: (FieldProps & FieldSectionProps) | OverwritePropsDefaults\n}\nexport type SectionProps<overwriteProps = OverwritePropsDefaults> = {\n  /**\n   * Path to the section.\n   * When defined, fields inside the section will get this path as a prefix of their own path.\n   */\n  path?: Path\n\n  /**\n   * Overwrite field props for the section.\n   */\n  overwriteProps?: overwriteProps | OverwritePropsDefaults\n\n  /**\n   * Makes all fields inside it required.\n   */\n  required?: boolean\n\n  /**\n   * Only for internal use and undocumented for now.\n   * Prioritize error techniques for the section.\n   * Can be `fieldSchema`, `sectionSchema` or `contextSchema.\n   */\n  errorPrioritization?: SectionContextState['errorPrioritization']\n} & Pick<\n  DataContextProps<unknown>,\n  'data' | 'defaultData' | 'onChange' | 'translations'\n>\n\nexport type LocalProps = SectionProps & {\n  children: React.ReactNode\n}\n\nfunction SectionComponent(props: LocalProps) {\n  const {\n    path,\n    overwriteProps,\n    translations,\n    required,\n    data,\n    defaultData,\n    onChange,\n    errorPrioritization = ['contextSchema'],\n    children,\n  } = props\n\n  if (path && !path.startsWith('/')) {\n    throw new Error(`path=\"${path}\" must start with a slash`)\n  }\n\n  const { hasContext, addOnChangeHandler } = useContext(DataContext)\n\n  const { path: nestedPath, props: nestedProps } =\n    useContext(SectionContext) || {}\n\n  const handleChange = useCallback<OnChange<unknown>>(\n    (...args) => onChange?.(...args),\n    [onChange]\n  )\n  addOnChangeHandler?.(handleChange)\n\n  const identifier = useMemo(() => {\n    return `${nestedPath && nestedPath !== '/' ? nestedPath : ''}${\n      path || ''\n    }`\n  }, [path, nestedPath])\n  const fieldProps = required ? { required: true } : undefined\n\n  if (!hasContext) {\n    return (\n      <Provider data={data} defaultData={defaultData}>\n        <SectionComponent {...props} />\n      </Provider>\n    )\n  }\n\n  return (\n    <SectionContext.Provider\n      value={{\n        path: identifier,\n        errorPrioritization,\n        props,\n      }}\n    >\n      <FieldPropsProvider\n        overwriteProps={{\n          ...overwriteProps,\n          ...(nestedProps?.overwriteProps?.[\n            path.substring(1)\n          ] as OverwritePropsDefaults),\n        }}\n        translations={translations}\n        {...fieldProps}\n      >\n        {children}\n      </FieldPropsProvider>\n    </SectionContext.Provider>\n  )\n}\n\nSectionComponent._supportsSpacingProps = 'children'\nexport default SectionComponent\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC/D,OAAOC,cAAc,MAA+B,kBAAkB;AACtE,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,QAAQ,MAAM,qCAAqC;AAC1D,OAAOC,kBAAkB,MAAM,eAAe;AA6C9C,SAASC,gBAAgBA,CAACC,KAAiB,EAAE;EAAA,IAAAC,qBAAA;EAC3C,MAAM;IACJC,IAAI;IACJC,cAAc;IACdC,YAAY;IACZC,QAAQ;IACRC,IAAI;IACJC,WAAW;IACXC,QAAQ;IACRC,mBAAmB,GAAG,CAAC,eAAe,CAAC;IACvCC;EACF,CAAC,GAAGV,KAAK;EAET,IAAIE,IAAI,IAAI,CAACA,IAAI,CAACS,UAAU,CAAC,GAAG,CAAC,EAAE;IACjC,MAAM,IAAIC,KAAK,CAAE,SAAQV,IAAK,2BAA0B,CAAC;EAC3D;EAEA,MAAM;IAAEW,UAAU;IAAEC;EAAmB,CAAC,GAAGrB,UAAU,CAACG,WAAW,CAAC;EAElE,MAAM;IAAEM,IAAI,EAAEa,UAAU;IAAEf,KAAK,EAAEgB;EAAY,CAAC,GAC5CvB,UAAU,CAACE,cAAc,CAAC,IAAI,CAAC,CAAC;EAElC,MAAMsB,YAAY,GAAGzB,WAAW,CAC9B,CAAC,GAAG0B,IAAI,KAAKV,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,GAAGU,IAAI,CAAC,EAChC,CAACV,QAAQ,CACX,CAAC;EACDM,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGG,YAAY,CAAC;EAElC,MAAME,UAAU,GAAGzB,OAAO,CAAC,MAAM;IAC/B,OAAQ,GAAEqB,UAAU,IAAIA,UAAU,KAAK,GAAG,GAAGA,UAAU,GAAG,EAAG,GAC3Db,IAAI,IAAI,EACT,EAAC;EACJ,CAAC,EAAE,CAACA,IAAI,EAAEa,UAAU,CAAC,CAAC;EACtB,MAAMK,UAAU,GAAGf,QAAQ,GAAG;IAAEA,QAAQ,EAAE;EAAK,CAAC,GAAGgB,SAAS;EAE5D,IAAI,CAACR,UAAU,EAAE;IACf,OACEtB,KAAA,CAAA+B,aAAA,CAACzB,QAAQ;MAACS,IAAI,EAAEA,IAAK;MAACC,WAAW,EAAEA;IAAY,GAC7ChB,KAAA,CAAA+B,aAAA,CAACvB,gBAAgB,EAAKC,KAAQ,CACtB,CAAC;EAEf;EAEA,OACET,KAAA,CAAA+B,aAAA,CAAC3B,cAAc,CAACE,QAAQ;IACtB0B,KAAK,EAAE;MACLrB,IAAI,EAAEiB,UAAU;MAChBV,mBAAmB;MACnBT;IACF;EAAE,GAEFT,KAAA,CAAA+B,aAAA,CAACxB,kBAAkB,EAAA0B,QAAA;IACjBrB,cAAc,EAAAsB,aAAA,CAAAA,aAAA,KACTtB,cAAc,GACba,WAAW,aAAXA,WAAW,wBAAAf,qBAAA,GAAXe,WAAW,CAAEb,cAAc,cAAAF,qBAAA,uBAA3BA,qBAAA,CACFC,IAAI,CAACwB,SAAS,CAAC,CAAC,CAAC,CAClB,CACD;IACFtB,YAAY,EAAEA;EAAa,GACvBgB,UAAU,GAEbV,QACiB,CACG,CAAC;AAE9B;AAEAX,gBAAgB,CAAC4B,qBAAqB,GAAG,UAAU;AACnD,eAAe5B,gBAAgB"}

package/es/extensions/forms/Form/Section/SectionContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { OnChange, Path } from '../../types';
+import { SectionProps } from '.';
+export interface SectionContextState {
+    path?: Path;
+    props?: SectionProps;
+    errorPrioritization?: Array<'fieldSchema' | 'sectionSchema' | 'contextSchema'>;
+    handleChange?: OnChange<unknown>;
+}
+declare const SectionContext: React.Context<SectionContextState>;
+export default SectionContext;

package/es/extensions/forms/Form/Section/SectionContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const SectionContext = React.createContext(undefined);
+export default SectionContext;
+//# sourceMappingURL=SectionContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContext.js","names":["React","SectionContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Form/Section/SectionContext.tsx"],"sourcesContent":["import React from 'react'\nimport { OnChange, Path } from '../../types'\nimport { SectionProps } from '.'\n\nexport interface SectionContextState {\n  path?: Path\n  props?: SectionProps\n  errorPrioritization?: Array<\n    'fieldSchema' | 'sectionSchema' | 'contextSchema'\n  >\n  handleChange?: OnChange<unknown>\n}\n\nconst SectionContext = React.createContext<\n  SectionContextState | undefined\n>(undefined)\n\nexport default SectionContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAazB,MAAMC,cAAc,GAAGD,KAAK,CAACE,aAAa,CAExCC,SAAS,CAAC;AAEZ,eAAeF,cAAc"}

package/es/extensions/forms/Form/Section/SectionDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../../../shared/types';
+export declare const SectionProperties: PropertiesTableProps;
+export declare const SectionEvents: PropertiesTableProps;

package/es/extensions/forms/Form/Section/SectionDocs.js

@@ -0,0 +1,45 @@
+export const SectionProperties = {
+  path: {
+    doc: 'A path (JSON Pointer) to the array to iterate over.',
+    type: 'string',
+    status: 'optional'
+  },
+  overwriteProps: {
+    doc: 'Overwrite field props for the section.',
+    type: 'object',
+    status: 'optional'
+  },
+  translation: {
+    doc: "Provide a translation for the section (e.g. `{'nb-NO': { MySection: { MyField: { label: 'Custom' }}}}`).",
+    type: 'object',
+    status: 'optional'
+  },
+  required: {
+    doc: 'Makes all fields inside it required.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  defaultData: {
+    doc: 'Provide default data to the section fields and values, in case the data context (Form.Handler) is not available.',
+    type: 'object',
+    status: 'optional'
+  },
+  data: {
+    doc: 'Provide data to the section fields and values, in case the data context (Form.Handler) is not available.',
+    type: 'object',
+    status: 'optional'
+  },
+  children: {
+    doc: 'All the fields and values inside the section.',
+    type: 'React.Node',
+    status: 'optional'
+  }
+};
+export const SectionEvents = {
+  onChange: {
+    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=SectionDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDocs.js","names":["SectionProperties","path","doc","type","status","overwriteProps","translation","required","defaultData","data","children","SectionEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Form/Section/SectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SectionProperties: PropertiesTableProps = {\n  path: {\n    doc: 'A path (JSON Pointer) to the array to iterate over.',\n    type: 'string',\n    status: 'optional',\n  },\n  overwriteProps: {\n    doc: 'Overwrite field props for the section.',\n    type: 'object',\n    status: 'optional',\n  },\n  translation: {\n    doc: \"Provide a translation for the section (e.g. `{'nb-NO': { MySection: { MyField: { label: 'Custom' }}}}`).\",\n    type: 'object',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Makes all fields inside it required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  defaultData: {\n    doc: 'Provide default data to the section fields and values, in case the data context (Form.Handler) is not available.',\n    type: 'object',\n    status: 'optional',\n  },\n  data: {\n    doc: 'Provide data to the section fields and values, in case the data context (Form.Handler) is not available.',\n    type: 'object',\n    status: 'optional',\n  },\n  children: {\n    doc: 'All the fields and values inside the section.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n}\n\nexport const SectionEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAuC,GAAG;EACrDC,IAAI,EAAE;IACJC,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,wCAAwC;IAC7CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMO,aAAmC,GAAG;EACjDC,QAAQ,EAAE;IACRV,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Form/Section/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Section';
+export * from './Section';

package/es/extensions/forms/Form/Section/index.js

@@ -0,0 +1,3 @@
+export { default } from './Section';
+export * from './Section';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/extensions/forms/Form/Section/index.ts"],"sourcesContent":["export { default } from './Section'\nexport * from './Section'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW;AACnC,cAAc,WAAW"}

package/es/extensions/forms/Form/SubHeading/SubHeading.js

@@ -18,6 +18,7 @@ function SubHeading(_ref) {
   return React.createElement(Heading, _extends({
     className: classnames('dnb-forms-sub-heading', className),
     level: level || 3,
+    skip_correction: true,
     size: "medium"
   }, rest), children);
 }

package/es/extensions/forms/Form/SubHeading/SubHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeading.js","names":["React","classnames","Heading","SubHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/SubHeading/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction SubHeading({ level, ...props }: Props) {\n  const { className, children, ...rest } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-sub-heading', className)}\n      level={level || 3}\n      size=\"medium\"\n      {...rest}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nSubHeading._supportsSpacingProps = true\nSubHeading._isHeadingElement = true\n\nexport default SubHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACnC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,uBAAuB,EAAEQ,SAAS,CAAE;IAC1DJ,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,IAAI,EAAC;EAAQ,GACTJ,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,UAAU,CAACa,qBAAqB,GAAG,IAAI;AACvCb,UAAU,CAACc,iBAAiB,GAAG,IAAI;AAEnC,eAAed,UAAU"}
+{"version":3,"file":"SubHeading.js","names":["React","classnames","Heading","SubHeading","_ref","level","props","_objectWithoutProperties","_excluded","className","children","rest","_excluded2","createElement","_extends","skip_correction","size","_supportsSpacingProps","_isHeadingElement"],"sources":["../../../../../../src/extensions/forms/Form/SubHeading/SubHeading.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Heading from '../../../../components/heading/Heading'\nimport type { HeadingLevel } from '../../../../components/heading/Heading'\nimport type { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  level?: HeadingLevel\n  children?: React.ReactNode\n} & Omit<React.HTMLProps<HTMLElement>, 'size'>\n\nfunction SubHeading({ level, ...props }: Props) {\n  const { className, children, ...rest } = props\n  return (\n    <Heading\n      className={classnames('dnb-forms-sub-heading', className)}\n      level={level || 3}\n      skip_correction\n      size=\"medium\"\n      {...rest}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nSubHeading._supportsSpacingProps = true\nSubHeading._isHeadingElement = true\n\nexport default SubHeading\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,wCAAwC;AAS5D,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;MAAEC;IAAuB,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACnC,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAJ,wBAAA,CAAKD,KAAK,EAAAM,UAAA;EAC9C,OACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNL,SAAS,EAAER,UAAU,CAAC,uBAAuB,EAAEQ,SAAS,CAAE;IAC1DJ,KAAK,EAAEA,KAAK,IAAI,CAAE;IAClBU,eAAe;IACfC,IAAI,EAAC;EAAQ,GACTL,IAAI,GAEPD,QACM,CAAC;AAEd;AAEAP,UAAU,CAACc,qBAAqB,GAAG,IAAI;AACvCd,UAAU,CAACe,iBAAiB,GAAG,IAAI;AAEnC,eAAef,UAAU"}

package/es/extensions/forms/Form/Visibility/Visibility.js

@@ -3,12 +3,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "visibleWhen", "visibleWhenNot", "inferData", "filterData", "animate", "keepInDOM", "fieldPropsWhenHidden", "children"];
-import React, { useContext } from 'react';
+import React, { useCallback, useContext } from 'react';
 import pointer from 'json-pointer';
 import { warn } from '../../../../shared/helpers';
 import useMountEffect from '../../../../shared/helpers/useMountEffect';
 import HeightAnimation from '../../../../components/HeightAnimation';
 import DataContext from '../../DataContext/Context';
+import SectionContext from '../Section/SectionContext';
 import FieldProps from '../FieldProps';
 function Visibility(_ref) {
   let {
@@ -32,6 +33,11 @@ function Visibility(_ref) {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const dataContext = useContext(DataContext);
+  const sectionContext = useContext(SectionContext);
+  const sectionPath = sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.path;
+  const composePath = useCallback(path => {
+    return `${sectionPath && sectionPath !== '/' ? sectionPath : ''}${path}`;
+  }, [sectionPath]);
   useMountEffect(() => {
     if (fieldPropsWhenHidden && !keepInDOM) {
       warn('Using "fieldPropsWhenHidden" requires "keepInDOM" to be true.');
@@ -47,10 +53,10 @@ function Visibility(_ref) {
       if (visibleWhenNot) {
         visibleWhen = visibleWhenNot;
       }
-      const hasPath = pointer.has(data, visibleWhen.path);
+      const hasPath = pointer.has(data, composePath(visibleWhen.path));
       if (hasPath) {
         var _visibleWhen, _visibleWhen2;
-        const value = pointer.get(data, visibleWhen.path);
+        const value = pointer.get(data, composePath(visibleWhen.path));
         const withValue = (_visibleWhen = visibleWhen) === null || _visibleWhen === void 0 ? void 0 : _visibleWhen['withValue'];
         const result = withValue && (withValue === null || withValue === void 0 ? void 0 : withValue(value)) === false || Object.prototype.hasOwnProperty.call(visibleWhen, 'hasValue') && ((_visibleWhen2 = visibleWhen) === null || _visibleWhen2 === void 0 ? void 0 : _visibleWhen2['hasValue']) !== value;
         if (visibleWhenNot) {
@@ -64,10 +70,10 @@ function Visibility(_ref) {
         return;
       }
     }
-    if (pathDefined && !pointer.has(data, pathDefined)) {
+    if (pathDefined && !pointer.has(data, composePath(pathDefined))) {
       return;
     }
-    if (pathUndefined && pointer.has(data, pathUndefined)) {
+    if (pathUndefined && pointer.has(data, composePath(pathUndefined))) {
       return;
     }
     const getValue = path => {
@@ -75,22 +81,22 @@ function Visibility(_ref) {
         return pointer.get(data, path);
       }
     };
-    if (pathTrue && getValue(pathTrue) !== true) {
+    if (pathTrue && getValue(composePath(pathTrue)) !== true) {
       return;
     }
-    if (pathFalse && getValue(pathFalse) !== false) {
+    if (pathFalse && getValue(composePath(pathFalse)) !== false) {
       return;
     }
-    if (pathTruthy && Boolean(getValue(pathTruthy)) === false) {
+    if (pathTruthy && Boolean(getValue(composePath(pathTruthy))) === false) {
       return;
     }
-    if (pathFalsy && Boolean(getValue(pathFalsy)) === true) {
+    if (pathFalsy && Boolean(getValue(composePath(pathFalsy))) === true) {
       return;
     }
     if (inferData && !inferData(data)) {
       return;
     }
-    if (pathValue && getValue(pathValue) !== whenValue) {
+    if (pathValue && getValue(composePath(pathValue)) !== whenValue) {
       return;
     }
     return true;