@dnb/eufemia 10.62.3 → 10.63.0

package/cjs/extensions/forms/Tools/ListAllProps.js

@@ -17,16 +17,18 @@ function ListAllProps(props) {
     children
   } = props || {};
   const {
-    fieldPropsRef,
-    valuePropsRef,
+    fieldInternalsRef,
+    valueInternalsRef,
     data,
     hasContext
   } = (0, _react.useContext)(_Context.default);
   const dataRef = (0, _react.useRef)({});
   dataRef.current = data;
   const generate = (0, _react.useCallback)(() => {
-    const propsOfFields = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, _ref) => {
-      let [path, props] = _ref;
+    const propsOfFields = Object.entries((fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : fieldInternalsRef.current) || {}).reduce((acc, _ref) => {
+      let [path, {
+        props
+      }] = _ref;
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -40,8 +42,10 @@ function ListAllProps(props) {
       }
       return acc;
     }, {});
-    const propsOfValues = Object.entries((valuePropsRef === null || valuePropsRef === void 0 ? void 0 : valuePropsRef.current) || {}).reduce((acc, _ref2) => {
-      let [path, props] = _ref2;
+    const propsOfValues = Object.entries((valueInternalsRef === null || valueInternalsRef === void 0 ? void 0 : valueInternalsRef.current) || {}).reduce((acc, _ref2) => {
+      let [path, {
+        props
+      }] = _ref2;
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -59,7 +63,7 @@ function ListAllProps(props) {
       propsOfFields,
       propsOfValues
     };
-  }, [fieldPropsRef, filterData, valuePropsRef]);
+  }, [fieldInternalsRef, filterData, valueInternalsRef]);
   if (hasContext) {
     if (log) {
       console.log(generate());

package/cjs/extensions/forms/Tools/ListAllProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListAllProps.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","obj","__esModule","default","ListAllProps","props","log","generateRef","filterData","children","fieldPropsRef","valuePropsRef","data","hasContext","useContext","DataContext","dataRef","useRef","current","generate","useCallback","propsOfFields","Object","entries","reduce","acc","_ref","path","startsWith","propertyValue","prop","undefined","isValidElement","pointer","set","propsOfValues","_ref2","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn<Data> = {\n  propsOfFields: Data\n  propsOfValues: Data\n}\nexport type ListAllPropsProps<Data> = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn<Data>>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef<Data extends JsonObject = JsonObject> =\n  ListAllPropsProps<Data>['generateRef']['current']\n\nexport default function ListAllProps<Data extends JsonObject = JsonObject>(\n  props: ListAllPropsProps<Data>\n) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn<Data>\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}
+{"version":3,"file":"ListAllProps.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","obj","__esModule","default","ListAllProps","props","log","generateRef","filterData","children","fieldInternalsRef","valueInternalsRef","data","hasContext","useContext","DataContext","dataRef","useRef","current","generate","useCallback","propsOfFields","Object","entries","reduce","acc","_ref","path","startsWith","propertyValue","prop","undefined","isValidElement","pointer","set","propsOfValues","_ref2","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn<Data> = {\n  propsOfFields: Data\n  propsOfValues: Data\n}\nexport type ListAllPropsProps<Data> = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn<Data>>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef<Data extends JsonObject = JsonObject> =\n  ListAllPropsProps<Data>['generateRef']['current']\n\nexport default function ListAllProps<Data extends JsonObject = JsonObject>(\n  props: ListAllPropsProps<Data>\n) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldInternalsRef, valueInternalsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valueInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn<Data>\n  }, [fieldInternalsRef, filterData, valueInternalsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Tools/Log.js

@@ -29,8 +29,9 @@ function Log(_ref) {
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const {
-    data
+    internalDataRef
   } = (0, _react.useContext)(_Context.default);
+  const data = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
   return _react.default.createElement(_Section.default, _extends({
     element: "output",
     backgroundColor: "sand-yellow",

package/cjs/extensions/forms/Tools/Log.js.map

@@ -1 +1 @@
-{"version":3,"file":"Log.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_Section","_components","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_extends","assign","bind","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Log","_ref","placeholder","label","data","logData","props","useContext","DataContext","createElement","element","backgroundColor","style","maxWidth","innerSpace","FormLabel","bottom","JSON","stringify","replaceUndefinedValues","replaceWith","Array","isArray","map","item","fromEntries","entries","_ref2","k","v","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionAllProps } from '../../../components/Section'\nimport { FormLabel } from '../../../components'\n\nfunction Log({\n  placeholder,\n  label,\n  data: logData,\n  ...props\n}: Omit<SectionAllProps, 'data' | 'label'> & {\n  data?: unknown\n  label?: React.ReactNode\n  placeholder?: React.ReactNode\n}) {\n  const { data } = useContext(DataContext)\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      {label && (\n        <FormLabel bottom>\n          <b>{label}</b>\n        </FormLabel>\n      )}\n      <pre>\n        {placeholder && Object.keys((logData ?? data) || {}).length === 0\n          ? placeholder\n          : JSON.stringify(\n              replaceUndefinedValues(logData ?? data),\n              null,\n              2\n            )}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\n/**\n * Replaces undefined values in an object with a specified replacement value.\n * @param value - The value to check for undefined values.\n * @param replaceWith - The value to replace undefined values with. Default is null.\n * @returns The object with undefined values replaced.\n */\nfunction replaceUndefinedValues(\n  value: unknown,\n  replaceWith = 'undefined' as unknown\n): unknown {\n  if (typeof value === 'undefined') {\n    return replaceWith\n  } else if (Array.isArray(value)) {\n    return value.map((item) => replaceUndefinedValues(item, replaceWith))\n  } else if (value && typeof value === 'object' && value !== replaceWith) {\n    return {\n      ...value,\n      ...Object.fromEntries(\n        Object.entries(value).map(([k, v]) => [\n          k,\n          replaceUndefinedValues(v, replaceWith),\n        ])\n      ),\n    }\n  } else {\n    return value\n  }\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":"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"}
+{"version":3,"file":"Log.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_Section","_components","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_extends","assign","bind","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Log","_ref","placeholder","label","data","logData","props","internalDataRef","useContext","DataContext","current","createElement","element","backgroundColor","style","maxWidth","innerSpace","FormLabel","bottom","JSON","stringify","replaceUndefinedValues","replaceWith","Array","isArray","map","item","fromEntries","entries","_ref2","k","v","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionAllProps } from '../../../components/Section'\nimport { FormLabel } from '../../../components'\n\nfunction Log({\n  placeholder,\n  label,\n  data: logData,\n  ...props\n}: Omit<SectionAllProps, 'data' | 'label'> & {\n  data?: unknown\n  label?: React.ReactNode\n  placeholder?: React.ReactNode\n}) {\n  const { internalDataRef } = useContext(DataContext)\n  const data = internalDataRef?.current\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      {label && (\n        <FormLabel bottom>\n          <b>{label}</b>\n        </FormLabel>\n      )}\n      <pre>\n        {placeholder && Object.keys((logData ?? data) || {}).length === 0\n          ? placeholder\n          : JSON.stringify(\n              replaceUndefinedValues(logData ?? data),\n              null,\n              2\n            )}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\n/**\n * Replaces undefined values in an object with a specified replacement value.\n * @param value - The value to check for undefined values.\n * @param replaceWith - The value to replace undefined values with. Default is null.\n * @returns The object with undefined values replaced.\n */\nfunction replaceUndefinedValues(\n  value: unknown,\n  replaceWith = 'undefined' as unknown\n): unknown {\n  if (typeof value === 'undefined') {\n    return replaceWith\n  } else if (Array.isArray(value)) {\n    return value.map((item) => replaceUndefinedValues(item, replaceWith))\n  } else if (value && typeof value === 'object' && value !== replaceWith) {\n    return {\n      ...value,\n      ...Object.fromEntries(\n        Object.entries(value).map(([k, v]) => [\n          k,\n          replaceUndefinedValues(v, replaceWith),\n        ])\n      ),\n    }\n  } else {\n    return value\n  }\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":"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"}

package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.js

@@ -21,7 +21,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ArraySelection(props) {
   const {
-    fieldPropsRef
+    fieldInternalsRef
   } = (0, _react.useContext)(_Context.default) || {};
   const _useValueProps = (0, _hooks.useValueProps)(props),
     {
@@ -36,8 +36,8 @@ function ArraySelection(props) {
   const list = (0, _react.useMemo)(() => {
     let valueToUse = value;
     if (path) {
-      var _fieldPropsRef$curren, _data$map;
-      const data = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path + '/arraySelectionData'];
+      var _fieldInternalsRef$cu, _fieldInternalsRef$cu2, _data$map;
+      const data = fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu[path + '/arraySelectionData']) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : _fieldInternalsRef$cu2.props;
       valueToUse = (data === null || data === void 0 ? void 0 : (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, _ref => {
         let {
           title
@@ -54,7 +54,7 @@ function ArraySelection(props) {
       variant: variant,
       listType: listType
     });
-  }, [fieldPropsRef, path, value, variant, listType]);
+  }, [value, path, format, variant, listType, fieldInternalsRef]);
   return _react.default.createElement(_ValueBlock.default, _extends({
     className: (0, _classnames.default)('dnb-forms-value-array-selection', className)
   }, rest), list);

package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArraySelection.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_hooks","_ValueBlock","_componentHelper","_Context","_listFormat","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ArraySelection","props","fieldPropsRef","useContext","Context","_useValueProps","useValueProps","path","value","format","className","variant","listType","rest","list","useMemo","valueToUse","_fieldPropsRef$curren","_data$map","data","current","map","_ref","title","convertJsxToString","undefined","createElement","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport Context from '../../DataContext/Context'\nimport ListFormat, {\n  ListFormatProps,\n} from '../../../../components/list-format'\n\nexport type Props = ValueProps<Array<number | string>> & ListFormatProps\n\nfunction ArraySelection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    let valueToUse = value\n\n    if (path) {\n      const data = fieldPropsRef?.current?.[\n        path + '/arraySelectionData'\n      ] as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      valueToUse =\n        data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    if (typeof valueToUse === 'undefined') {\n      return undefined\n    }\n\n    return (\n      <ListFormat\n        value={valueToUse}\n        format={format}\n        variant={variant}\n        listType={listType}\n      />\n    )\n  }, [fieldPropsRef, path, value, variant, listType])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {list}\n    </ValueBlock>\n  )\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}
+{"version":3,"file":"ArraySelection.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_hooks","_ValueBlock","_componentHelper","_Context","_listFormat","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ArraySelection","props","fieldInternalsRef","useContext","Context","_useValueProps","useValueProps","path","value","format","className","variant","listType","rest","list","useMemo","valueToUse","_fieldInternalsRef$cu","_fieldInternalsRef$cu2","_data$map","data","current","map","_ref","title","convertJsxToString","undefined","createElement","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport ValueBlock from '../../ValueBlock'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport Context from '../../DataContext/Context'\nimport ListFormat, {\n  ListFormatProps,\n} from '../../../../components/list-format'\n\nexport type Props = ValueProps<Array<number | string>> & ListFormatProps\n\nfunction ArraySelection(props: Props) {\n  const { fieldInternalsRef } = useContext(Context) || {}\n  const {\n    path,\n    value,\n    format,\n    className,\n    variant = 'text',\n    listType,\n    ...rest\n  } = useValueProps(props)\n\n  const list = useMemo(() => {\n    let valueToUse = value\n\n    if (path) {\n      const data = fieldInternalsRef?.current?.[\n        path + '/arraySelectionData'\n      ]?.props as unknown as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n\n      valueToUse =\n        data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    if (typeof valueToUse === 'undefined') {\n      return undefined\n    }\n\n    return (\n      <ListFormat\n        value={valueToUse}\n        format={format}\n        variant={variant}\n        listType={listType}\n      />\n    )\n  }, [value, path, format, variant, listType, fieldInternalsRef])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {list}\n    </ValueBlock>\n  )\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}

package/cjs/extensions/forms/Value/Selection/Selection.js

@@ -20,7 +20,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function Selection(props) {
   const {
-    fieldPropsRef
+    fieldInternalsRef
   } = (0, _react.useContext)(_Context.default) || {};
   const _useValueProps = (0, _hooks.useValueProps)(props),
     {
@@ -33,21 +33,21 @@ function Selection(props) {
     getValueByPath
   } = (0, _useDataValue.default)();
   const valueToDisplay = (0, _react.useMemo)(() => {
-    var _fieldPropsRef$curren;
-    const fieldProp = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path];
+    var _fieldInternalsRef$cu, _fieldInternalsRef$cu2;
+    const fieldProp = fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu[path]) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : _fieldInternalsRef$cu2.props;
     if (path || dataPath) {
       var _getValueByPath, _getValueByPath$map, _list, _list$find, _list$find$call, _list$find$call$props;
       let list = (_getValueByPath = getValueByPath(dataPath)) === null || _getValueByPath === void 0 ? void 0 : (_getValueByPath$map = _getValueByPath.map) === null || _getValueByPath$map === void 0 ? void 0 : _getValueByPath$map.call(_getValueByPath, props => ({
         props
       }));
       if (!list) {
-        list = fieldProp === null || fieldProp === void 0 ? void 0 : fieldProp['children'];
+        list = fieldProp === null || fieldProp === void 0 ? void 0 : fieldProp.children;
       }
       const title = (_list = list) === null || _list === void 0 ? void 0 : (_list$find = _list.find) === null || _list$find === void 0 ? void 0 : (_list$find$call = _list$find.call(_list, child => child.props.value === value)) === null || _list$find$call === void 0 ? void 0 : (_list$find$call$props = _list$find$call.props) === null || _list$find$call$props === void 0 ? void 0 : _list$find$call$props.title;
       return title ? (0, _componentHelper.convertJsxToString)(title) : value;
     }
     return value;
-  }, [dataPath, fieldPropsRef, getValueByPath, path, value]);
+  }, [dataPath, fieldInternalsRef, getValueByPath, path, value]);
   return _react.default.createElement(_String.default, _extends({
     value: valueToDisplay,
     path: path

package/cjs/extensions/forms/Value/Selection/Selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","names":["_react","_interopRequireWildcard","require","_String","_interopRequireDefault","_hooks","_useDataValue","_Context","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Selection","props","fieldPropsRef","useContext","Context","_useValueProps","useValueProps","path","dataPath","value","rest","getValueByPath","useDataValue","valueToDisplay","useMemo","_fieldPropsRef$curren","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","title","find","child","convertJsxToString","createElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/Selection/Selection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport StringValue from '../String'\nimport { Path, ValueProps } from '../../types'\nimport { useValueProps } from '../../hooks'\nimport useDataValue from '../../hooks/useDataValue'\nimport Context from '../../DataContext/Context'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Data } from '../../Field/Selection'\n\nexport type Props = ValueProps<string> & {\n  dataPath?: Path\n}\n\nfunction Selection(props: Props) {\n  const { fieldPropsRef } = useContext(Context) || {}\n  const { path, dataPath, value, ...rest } = useValueProps(props)\n  const { getValueByPath } = useDataValue()\n\n  const valueToDisplay = useMemo<string | undefined>(() => {\n    const fieldProp = fieldPropsRef?.current?.[path]\n\n    if (path || dataPath) {\n      let list = getValueByPath(dataPath)?.map?.((props) => ({ props }))\n\n      if (!list) {\n        list = fieldProp?.['children'] as Array<\n          Omit<JSX.Element, 'props'> & { props: Data[number] }\n        >\n      }\n\n      const title = list?.find?.((child) => child.props.value === value)\n        ?.props?.title\n\n      return title ? convertJsxToString(title) : value\n    }\n\n    return value\n  }, [dataPath, fieldPropsRef, getValueByPath, path, value])\n\n  return <StringValue value={valueToDisplay} path={path} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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"}
+{"version":3,"file":"Selection.js","names":["_react","_interopRequireWildcard","require","_String","_interopRequireDefault","_hooks","_useDataValue","_Context","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Selection","props","fieldInternalsRef","useContext","Context","_useValueProps","useValueProps","path","dataPath","value","rest","getValueByPath","useDataValue","valueToDisplay","useMemo","_fieldInternalsRef$cu","_fieldInternalsRef$cu2","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","children","title","find","child","convertJsxToString","createElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/Selection/Selection.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport StringValue from '../String'\nimport { Path, ValueProps } from '../../types'\nimport { useValueProps } from '../../hooks'\nimport useDataValue from '../../hooks/useDataValue'\nimport Context from '../../DataContext/Context'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Data } from '../../Field/Selection'\n\nexport type Props = ValueProps<string> & {\n  dataPath?: Path\n}\n\nfunction Selection(props: Props) {\n  const { fieldInternalsRef } = useContext(Context) || {}\n  const { path, dataPath, value, ...rest } = useValueProps(props)\n  const { getValueByPath } = useDataValue()\n\n  const valueToDisplay = useMemo<string | undefined>(() => {\n    const fieldProp = fieldInternalsRef?.current?.[path]?.props\n\n    if (path || dataPath) {\n      let list = getValueByPath(dataPath)?.map?.((props) => ({ props }))\n\n      if (!list) {\n        list = fieldProp?.children as Array<\n          Omit<JSX.Element, 'props'> & { props: Data[number] }\n        >\n      }\n\n      const title = list?.find?.((child) => child.props.value === value)\n        ?.props?.title\n\n      return title ? convertJsxToString(title) : value\n    }\n\n    return value\n  }, [dataPath, fieldInternalsRef, getValueByPath, path, value])\n\n  return <StringValue value={valueToDisplay} path={path} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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"}

package/cjs/extensions/forms/ValueBlock/ValueBlock.js

@@ -16,6 +16,8 @@ var _Context = _interopRequireDefault(require("../DataContext/Context"));
 var _utils = require("../../../components/flex/utils");
 var _IterateItemContext = _interopRequireDefault(require("../Iterate/IterateItemContext"));
 var _componentHelper = require("../../../shared/component-helper");
+var _VisibilityContext = _interopRequireDefault(require("../Form/Visibility/VisibilityContext"));
+var _Visibility = _interopRequireDefault(require("../Form/Visibility/Visibility"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -37,6 +39,8 @@ function ValueBlock(props) {
   const {
     className,
     label: labelProp,
+    path,
+    itemPath,
     labelSrOnly,
     transformLabel = label => label,
     inline,
@@ -58,7 +62,7 @@ function ValueBlock(props) {
     return transformLabel(label, transformLabelParameters);
   }, [inline, iterateIndex, labelProp, transformLabel]);
   const ref = (0, _react.useRef)(null);
-  useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label);
+  useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label, path, itemPath);
   const hide = prerenderFieldProps || (children === undefined || children === null || children === false) && !showEmpty && !placeholder;
   if (hide) {
     return _react.default.createElement(_react.default.Fragment, null);
@@ -82,13 +86,13 @@ function ValueBlock(props) {
         })
       }, _react.default.createElement(Item, null, _react.default.createElement(_elements.Dt, {
         className: 'dnb-forms-value-block__label' + (!label || labelSrOnly ? " dnb-sr-only" : "")
-      }, label && _react.default.createElement("strong", null, label)), _react.default.createElement(_elements.Dd, {
+      }, _react.default.createElement(VisibilityWrapper, null, label && _react.default.createElement("strong", null, label))), _react.default.createElement(_elements.Dd, {
         className: (0, _classnames.default)(compositionClass, summaryListContext.layout !== 'grid' && !summaryListContext.isNested && maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
-      }, children ? _react.default.createElement("span", {
+      }, _react.default.createElement(VisibilityWrapper, null, children ? _react.default.createElement("span", {
         className: defaultClass
       }, children) : _react.default.createElement("span", {
         className: "dnb-forms-value-block__placeholder"
-      }, placeholder))));
+      }, placeholder)))));
     }
   } else {
     content = _react.default.createElement(_elements.Span, _extends({
@@ -109,17 +113,21 @@ function ValueBlock(props) {
     value: props
   }, content);
 }
-function useNotInSummaryList(ref, label) {
+function useNotInSummaryList(ref, label, path, itemPath) {
   (0, _react.useEffect)(() => {
     if (ref !== null && ref !== void 0 && ref.current) {
       try {
         const sibling = ref.current.previousElementSibling;
         if (sibling !== null && sibling !== void 0 && sibling.classList.contains('dnb-forms-value-block') && !ref.current.closest('.dnb-forms-summary-list')) {
-          _helpers.warn.apply(_helpers.warn, ['Value components as siblings should be wrapped inside a Value.SummaryList!', label].filter(Boolean));
+          _helpers.warn.apply(_helpers.warn, ['Value components as siblings should be wrapped inside a Value.SummaryList:', {
+            label,
+            path,
+            itemPath
+          }].filter(Boolean));
         }
       } catch (error) {}
     }
-  }, [label, ref]);
+  }, [itemPath, label, path, ref]);
 }
 ValueBlock._supportsSpacingProps = true;
 var _default = ValueBlock;
@@ -127,4 +135,14 @@ exports.default = _default;
 const transformLabelParameters = {
   convertJsxToString: _componentHelper.convertJsxToString
 };
+function VisibilityWrapper(_ref) {
+  let {
+    children
+  } = _ref;
+  const visibilityContext = (0, _react.useContext)(_VisibilityContext.default);
+  if (visibilityContext) {
+    return _react.default.createElement(_Visibility.default, visibilityContext.props, children);
+  }
+  return children;
+}
 //# sourceMappingURL=ValueBlock.js.map

package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_helpers","_elements","_components","_SummaryListContext","_ValueBlockContext","_Context","_utils","_IterateItemContext","_componentHelper","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ValueBlock","props","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","prerenderFieldProps","DataContext","index","iterateIndex","IterateElementContext","className","label","labelProp","labelSrOnly","transformLabel","inline","maxWidth","composition","placeholder","showEmpty","children","gap","useMemo","convertJsxToString","replace","transformLabelParameters","ref","useRef","useNotInSummaryList","hide","createElement","Fragment","content","compositionClass","defaultClass","Item","isNested","Dl","layout","_span","Provider","Dt","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","srOnly","useEffect","current","sibling","previousElementSibling","classList","contains","closest","warn","Boolean","error","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateElementContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { prerenderFieldProps } = useContext(DataContext) || {}\n  const { index: iterateIndex } = useContext(IterateElementContext) || {}\n\n  const {\n    className,\n    label: labelProp,\n    labelSrOnly,\n    transformLabel = (label: Props['label']) => label,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n\n    let label = labelProp\n\n    if (iterateIndex !== undefined) {\n      label = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    return transformLabel(label, transformLabelParameters)\n  }, [inline, iterateIndex, labelProp, transformLabel])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  const hide =\n    prerenderFieldProps ||\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder)\n\n  if (hide) {\n    return <></>\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`\n  )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt\n              className={classnames(\n                'dnb-forms-value-block__label',\n                (!label || labelSrOnly) && 'dnb-sr-only'\n              )}\n            >\n              {label && <strong>{label}</strong>}\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              {children ? (\n                <span className={defaultClass}>{children}</span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n            srOnly={labelSrOnly}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList!',\n              label,\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props['transformLabel']>[1]\n"],"mappings":"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"}
+{"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_helpers","_elements","_components","_SummaryListContext","_ValueBlockContext","_Context","_utils","_IterateItemContext","_componentHelper","_VisibilityContext","_Visibility","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ValueBlock","props","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","prerenderFieldProps","DataContext","index","iterateIndex","IterateItemContext","className","label","labelProp","path","itemPath","labelSrOnly","transformLabel","inline","maxWidth","composition","placeholder","showEmpty","children","gap","useMemo","convertJsxToString","replace","transformLabelParameters","ref","useRef","useNotInSummaryList","hide","createElement","Fragment","content","compositionClass","defaultClass","Item","isNested","Dl","layout","_span","Provider","Dt","VisibilityWrapper","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","srOnly","useEffect","current","sibling","previousElementSibling","classList","contains","closest","warn","Boolean","error","_supportsSpacingProps","_default","exports","_ref","visibilityContext","VisibilityContext"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { Path, ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateItemContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\nimport VisibilityContext from '../Form/Visibility/VisibilityContext'\nimport Visibility from '../Form/Visibility/Visibility'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { prerenderFieldProps } = useContext(DataContext) || {}\n  const { index: iterateIndex } = useContext(IterateItemContext) || {}\n\n  const {\n    className,\n    label: labelProp,\n    path,\n    itemPath,\n    labelSrOnly,\n    transformLabel = (label: Props['label']) => label,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n\n    let label = labelProp\n\n    if (iterateIndex !== undefined) {\n      label = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    return transformLabel(label, transformLabelParameters)\n  }, [inline, iterateIndex, labelProp, transformLabel])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(\n    valueBlockContext?.composition ? null : ref,\n    label,\n    path,\n    itemPath\n  )\n\n  const hide =\n    prerenderFieldProps ||\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder)\n\n  if (hide) {\n    return <></>\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`\n  )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt\n              className={classnames(\n                'dnb-forms-value-block__label',\n                (!label || labelSrOnly) && 'dnb-sr-only'\n              )}\n            >\n              <VisibilityWrapper>\n                {label && <strong>{label}</strong>}\n              </VisibilityWrapper>\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              <VisibilityWrapper>\n                {children ? (\n                  <span className={defaultClass}>{children}</span>\n                ) : (\n                  <span className=\"dnb-forms-value-block__placeholder\">\n                    {placeholder}\n                  </span>\n                )}\n              </VisibilityWrapper>\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n            srOnly={labelSrOnly}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode,\n  path?: Path,\n  itemPath?: Path\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList:',\n              { label, path, itemPath },\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [itemPath, label, path, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props['transformLabel']>[1]\n\nfunction VisibilityWrapper({ children }) {\n  const visibilityContext = useContext(VisibilityContext)\n\n  if (visibilityContext) {\n    return <Visibility {...visibilityContext.props}>{children}</Visibility>\n  }\n\n  return children\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.css

@@ -4,10 +4,15 @@
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
   margin: 0;
 }
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty,
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty {
+  display: none;
+}
 .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd {
   margin-bottom: var(--spacing-medium);
+  transition: margin-bottom 300ms var(--easing-default);
 }
-.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type {
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:has(~ .dnb-dt:empty ~ .dnb-dd:empty) {
   margin-bottom: 0;
 }
 

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.min.css

@@ -1 +1 @@
-.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.scss

@@ -1,16 +1,28 @@
 @import '../../../../style/core/utilities.scss';
 
-.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) {
-  & .dnb-dt,
-  & > .dnb-dd > .dnb-dl,
-  &:not([class*='dnb-space']) > .dnb-dd > .dnb-dl {
-    margin: 0;
-  }
+.dnb-forms-summary-list.dnb-dl {
+  &:not(.dnb-dl__layout--horizontal) {
+    & .dnb-dt,
+    & > .dnb-dd > .dnb-dl,
+    &:not([class*='dnb-space']) > .dnb-dd > .dnb-dl {
+      margin: 0;
+    }
 
-  &:not(.dnb-dl__layout--grid) > .dnb-dd {
-    margin-bottom: var(--spacing-medium);
-    &:last-of-type {
-      margin-bottom: 0;
+    .dnb-dt:empty,
+    .dnb-dd:empty {
+      display: none;
+    }
+
+    &:not(.dnb-dl__layout--grid) > .dnb-dd {
+      margin-bottom: var(--spacing-medium);
+
+      // Add support for using animated Form.Visibility in a SummaryList (VisibilityWrapper).
+      transition: margin-bottom 300ms var(--easing-default);
+
+      &:last-of-type,
+      &:has(~ .dnb-dt:empty ~ .dnb-dd:empty) {
+        margin-bottom: 0;
+      }
     }
   }
 }

package/cjs/extensions/forms/Wizard/Container/WizardContainer.js

@@ -64,6 +64,7 @@ function WizardContainer(props) {
   const activeIndexRef = (0, _react.useRef)(initialActiveIndex);
   const totalStepsRef = (0, _react.useRef)(NaN);
   const errorOnStepRef = (0, _react.useRef)({});
+  const elementRef = (0, _react.useRef)();
   const stepElementRef = (0, _react.useRef)();
   const preventNextStepRef = (0, _react.useRef)(false);
   const stepsRef = (0, _react.useRef)({});
@@ -110,6 +111,7 @@ function WizardContainer(props) {
     scrollToTop,
     isInteractionRef
   } = (0, _useHandleLayoutEffect.default)({
+    elementRef,
     stepElementRef
   });
   const executeLayoutAnimationRef = (0, _react.useRef)();
@@ -255,7 +257,8 @@ function WizardContainer(props) {
   return _react.default.createElement(_WizardContext.default.Provider, {
     value: providerValue
   }, _react.default.createElement(_components.Space, _extends({
-    className: (0, _classnames.default)(`dnb-forms-wizard-layout dnb-forms-wizard-layout--${variant}`, className)
+    className: (0, _classnames.default)(`dnb-forms-wizard-layout dnb-forms-wizard-layout--${variant}`, className),
+    innerRef: elementRef
   }, rest), _react.default.createElement(DisplaySteps, {
     mode: mode,
     variant: variant,
@@ -401,13 +404,13 @@ function PrerenderFieldPropsProvider(_ref9) {
   } = _ref9;
   const {
     data,
-    setFieldProps,
+    setFieldInternals,
     updateDataValue
   } = (0, _react.useContext)(_Context.default);
   return _react.default.createElement(_Context.default.Provider, {
     value: _objectSpread(_objectSpread({}, _Context.defaultContextState), {}, {
       data,
-      setFieldProps,
+      setFieldInternals,
       updateDataValue,
       prerenderFieldProps: true,
       hasContext: true