@dnb/eufemia 10.32.0 → 10.34.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_GenerateSchema","_interopRequireDefault","require","_ListAllProps","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Tools/index.ts"],"sourcesContent":["export { default as GenerateSchema } from './GenerateSchema'\nexport { default as ListAllProps } from './ListAllProps'\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAwD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/cjs/extensions/forms/Value/Boolean/Boolean.d.ts

@@ -1,5 +1,9 @@
+import React from 'react';
 import { ValueProps } from '../../types';
-export type Props = ValueProps<boolean>;
+export type Props = ValueProps<boolean> & {
+    trueText?: React.ReactNode;
+    falseText?: React.ReactNode;
+};
 declare function BooleanComponent(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace BooleanComponent {
     var _supportsSpacingProps: boolean;

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

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _ValueBlock = _interopRequireDefault(require("../../ValueBlock"));
 var _hooks = require("../../hooks");
 var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
-const _excluded = ["value", "className"];
+const _excluded = ["value", "className", "trueText", "falseText"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -19,12 +19,14 @@ function BooleanComponent(props) {
   const _useValueProps = (0, _hooks.useValueProps)(props),
     {
       value,
-      className
+      className,
+      trueText,
+      falseText
     } = _useValueProps,
     rest = _objectWithoutProperties(_useValueProps, _excluded);
   return _react.default.createElement(_ValueBlock.default, _extends({
     className: (0, _classnames.default)('dnb-forms-value-boolean', className)
-  }, rest), value === true || value === false ? value === true ? translations.yes : translations.no : null);
+  }, rest), value === true || value === false ? value === true ? trueText !== null && trueText !== void 0 ? trueText : translations.yes : falseText !== null && falseText !== void 0 ? falseText : translations.no : null);
 }
 BooleanComponent._supportsSpacingProps = true;
 var _default = BooleanComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","names":["_react","_interopRequireDefault","require","_classnames","_ValueBlock","_hooks","_useTranslation","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BooleanComponent","props","translations","useTranslation","BooleanField","_useValueProps","useValueProps","value","className","rest","createElement","classnames","yes","no","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/Boolean/Boolean.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ValueBlock from '../../ValueBlock'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = ValueProps<boolean>\n\nfunction BooleanComponent(props: Props) {\n  const translations = useTranslation().BooleanField\n  const { value, className, ...rest } = useValueProps(props)\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-boolean', className)}\n      {...rest}\n    >\n      {value === true || value === false\n        ? value === true\n          ? translations.yes\n          : translations.no\n        : null}\n    </ValueBlock>\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAuD,MAAAK,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAIvD,SAASmB,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,YAAY,GAAG,IAAAC,uBAAc,EAAC,CAAC,CAACC,YAAY;EAClD,MAAAC,cAAA,GAAsC,IAAAC,oBAAa,EAACL,KAAK,CAAC;IAApD;MAAEM,KAAK;MAAEC;IAAmB,CAAC,GAAAH,cAAA;IAANI,IAAI,GAAAlB,wBAAA,CAAAc,cAAA,EAAAhC,SAAA;EAEjC,OACEP,MAAA,CAAAU,OAAA,CAAAkC,aAAA,CAACxC,WAAA,CAAAM,OAAU,EAAAC,QAAA;IACT+B,SAAS,EAAE,IAAAG,mBAAU,EAAC,yBAAyB,EAAEH,SAAS;EAAE,GACxDC,IAAI,GAEPF,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,GAC9BA,KAAK,KAAK,IAAI,GACZL,YAAY,CAACU,GAAG,GAChBV,YAAY,CAACW,EAAE,GACjB,IACM,CAAC;AAEjB;AAEAb,gBAAgB,CAACc,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC9Bf,gBAAgB;AAAAgB,OAAA,CAAAxC,OAAA,GAAAuC,QAAA"}
+{"version":3,"file":"Boolean.js","names":["_react","_interopRequireDefault","require","_classnames","_ValueBlock","_hooks","_useTranslation","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BooleanComponent","props","translations","useTranslation","BooleanField","_useValueProps","useValueProps","value","className","trueText","falseText","rest","createElement","classnames","yes","no","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/Boolean/Boolean.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ValueBlock from '../../ValueBlock'\nimport { useValueProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = ValueProps<boolean> & {\n  trueText?: React.ReactNode\n  falseText?: React.ReactNode\n}\n\nfunction BooleanComponent(props: Props) {\n  const translations = useTranslation().BooleanField\n  const { value, className, trueText, falseText, ...rest } =\n    useValueProps(props)\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-boolean', className)}\n      {...rest}\n    >\n      {value === true || value === false\n        ? value === true\n          ? trueText ?? translations.yes\n          : falseText ?? translations.no\n        : null}\n    </ValueBlock>\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":"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"}

package/cjs/extensions/forms/Value/Boolean/BooleanDocs.d.ts

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

package/cjs/extensions/forms/Value/Boolean/BooleanDocs.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BooleanProperties = void 0;
+const BooleanProperties = {
+  trueText: {
+    doc: 'The text to use when the value is true.',
+    type: 'string',
+    status: 'optional'
+  },
+  falseText: {
+    doc: 'The text to use when the value is false.',
+    type: 'string',
+    status: 'optional'
+  }
+};
+exports.BooleanProperties = BooleanProperties;
+//# sourceMappingURL=BooleanDocs.js.map

package/cjs/extensions/forms/Value/Boolean/BooleanDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanDocs.js","names":["BooleanProperties","trueText","doc","type","status","falseText","exports"],"sources":["../../../../../../src/extensions/forms/Value/Boolean/BooleanDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const BooleanProperties: PropertiesTableProps = {\n  trueText: {\n    doc: 'The text to use when the value is true.',\n    type: 'string',\n    status: 'optional',\n  },\n  falseText: {\n    doc: 'The text to use when the value is false.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,iBAAuC,GAAG;EACrDC,QAAQ,EAAE;IACRC,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,0CAA0C;IAC/CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,iBAAA,GAAAA,iBAAA"}

package/cjs/extensions/forms/Value/Number/Number.d.ts

@@ -1,7 +1,11 @@
 import { ValueProps } from '../../types';
 import { NumberFormatProps } from '../../../../components/NumberFormat';
 import { IncludeCamelCase } from '../../../../shared/helpers/withCamelCaseProps';
-export type Props = ValueProps<number> & IncludeCamelCase<NumberFormatProps>;
+export type Props = Omit<ValueProps<number>, 'defaultValue'> & IncludeCamelCase<NumberFormatProps> & Partial<{
+    defaultValue?: number | string;
+    minimum?: number;
+    maximum?: number;
+}>;
 declare function NumberValue(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace NumberValue {
     var _supportsSpacingProps: boolean;

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

@@ -11,7 +11,7 @@ var _useValueProps2 = _interopRequireDefault(require("../../hooks/useValueProps"
 var _utils = require("../../../../components/flex/utils");
 var _NumberFormat = _interopRequireDefault(require("../../../../components/NumberFormat"));
 var _withCamelCaseProps = require("../../../../shared/helpers/withCamelCaseProps");
-const _excluded = ["value", "className"];
+const _excluded = ["value", "minimum", "maximum", "inline", "showEmpty", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -19,16 +19,29 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function NumberValue(props) {
   const _useValueProps = (0, _useValueProps2.default)(props),
     {
-      value,
+      value: valueProp,
+      minimum = Number.MIN_SAFE_INTEGER,
+      maximum = Number.MAX_SAFE_INTEGER,
+      inline,
+      showEmpty,
       className
     } = _useValueProps,
     rest = _objectWithoutProperties(_useValueProps, _excluded);
   const numberFormatProps = (0, _withCamelCaseProps.convertCamelCaseProps)((0, _utils.omitSpacingProps)(rest));
+  let value = valueProp;
+  if (value < minimum) {
+    value = minimum;
+  }
+  if (value > maximum) {
+    value = maximum;
+  }
   return _react.default.createElement(_ValueBlock.default, _extends({
-    className: (0, _classnames.default)('dnb-forms-value-number', className)
-  }, rest), value && _react.default.createElement(_NumberFormat.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-value-number', className),
+    inline: inline,
+    showEmpty: showEmpty
+  }, rest), typeof value !== 'undefined' || showEmpty ? _react.default.createElement(_NumberFormat.default, _extends({
     value: value
-  }, numberFormatProps)));
+  }, numberFormatProps)) : null);
 }
 NumberValue._supportsSpacingProps = true;
 var _default = NumberValue;

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

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["_react","_interopRequireDefault","require","_classnames","_ValueBlock","_useValueProps2","_utils","_NumberFormat","_withCamelCaseProps","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","NumberValue","props","_useValueProps","useValueProps","value","className","rest","numberFormatProps","convertCamelCaseProps","omitSpacingProps","createElement","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/Number/Number.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ValueBlock from '../../ValueBlock'\nimport useValueProps from '../../hooks/useValueProps'\nimport { ValueProps } from '../../types'\nimport { omitSpacingProps } from '../../../../components/flex/utils'\nimport NumberFormat, {\n  NumberFormatProps,\n} from '../../../../components/NumberFormat'\nimport {\n  IncludeCamelCase,\n  convertCamelCaseProps,\n} from '../../../../shared/helpers/withCamelCaseProps'\n\nexport type Props = ValueProps<number> &\n  IncludeCamelCase<NumberFormatProps>\n\nfunction NumberValue(props: Props) {\n  const { value, className, ...rest } = useValueProps(props)\n  const numberFormatProps = convertCamelCaseProps(omitSpacingProps(rest))\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-number', className)}\n      {...rest}\n    >\n      {value && <NumberFormat value={value} {...numberFormatProps} />}\n    </ValueBlock>\n  )\n}\n\nNumberValue._supportsSpacingProps = true\nexport default NumberValue\n"],"mappings":"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"}
+{"version":3,"file":"Number.js","names":["_react","_interopRequireDefault","require","_classnames","_ValueBlock","_useValueProps2","_utils","_NumberFormat","_withCamelCaseProps","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","NumberValue","props","_useValueProps","useValueProps","value","valueProp","minimum","Number","MIN_SAFE_INTEGER","maximum","MAX_SAFE_INTEGER","inline","showEmpty","className","rest","numberFormatProps","convertCamelCaseProps","omitSpacingProps","createElement","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Value/Number/Number.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ValueBlock from '../../ValueBlock'\nimport useValueProps from '../../hooks/useValueProps'\nimport { ValueProps } from '../../types'\nimport { omitSpacingProps } from '../../../../components/flex/utils'\nimport NumberFormat, {\n  NumberFormatProps,\n} from '../../../../components/NumberFormat'\nimport {\n  IncludeCamelCase,\n  convertCamelCaseProps,\n} from '../../../../shared/helpers/withCamelCaseProps'\n\nexport type Props = Omit<ValueProps<number>, 'defaultValue'> &\n  IncludeCamelCase<NumberFormatProps> &\n  Partial<{\n    defaultValue?: number | string\n    minimum?: number\n    maximum?: number\n  }>\n\nfunction NumberValue(props: Props) {\n  const {\n    value: valueProp,\n    minimum = Number.MIN_SAFE_INTEGER,\n    maximum = Number.MAX_SAFE_INTEGER,\n    inline,\n    showEmpty,\n    className,\n    ...rest\n  } = useValueProps(props)\n  const numberFormatProps = convertCamelCaseProps(omitSpacingProps(rest))\n\n  let value = valueProp\n  if (value < minimum) {\n    value = minimum\n  }\n  if (value > maximum) {\n    value = maximum\n  }\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-number', className)}\n      inline={inline}\n      showEmpty={showEmpty}\n      {...rest}\n    >\n      {typeof value !== 'undefined' || showEmpty ? (\n        <NumberFormat value={value} {...numberFormatProps} />\n      ) : null}\n    </ValueBlock>\n  )\n}\n\nNumberValue._supportsSpacingProps = true\nexport default NumberValue\n"],"mappings":"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"}

package/cjs/extensions/forms/Value/Number/NumberDocs.d.ts

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

package/cjs/extensions/forms/Value/Number/NumberDocs.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NumberProperties = void 0;
+const NumberProperties = {
+  minimum: {
+    doc: 'Defines the minimum value of the rendered number. Defaults to `Number.MIN_SAFE_INTEGER`.',
+    type: 'number',
+    status: 'optional'
+  },
+  maximum: {
+    doc: 'Defines the maximum value of the rendered number. Defaults to `Number.MAX_SAFE_INTEGER`.',
+    type: 'number',
+    status: 'optional'
+  }
+};
+exports.NumberProperties = NumberProperties;
+//# sourceMappingURL=NumberDocs.js.map

package/cjs/extensions/forms/Value/Number/NumberDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberDocs.js","names":["NumberProperties","minimum","doc","type","status","maximum","exports"],"sources":["../../../../../../src/extensions/forms/Value/Number/NumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const NumberProperties: PropertiesTableProps = {\n  minimum: {\n    doc: 'Defines the minimum value of the rendered number. Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Defines the maximum value of the rendered number. Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAG;EACpDC,OAAO,EAAE;IACPC,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,gBAAA,GAAAA,gBAAA"}

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

@@ -6,7 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.ValueProperties = void 0;
 const ValueProperties = {
   value: {
-    doc: 'Source data value for the input.',
+    doc: 'Value for the value component. Will take precedence over the path value given in the data context.',
+    type: '{valueType}',
+    status: 'optional'
+  },
+  defaultValue: {
+    doc: 'Default value for the value component. Will not take precedence over the path value given in the data context.',
     type: '{valueType}',
     status: 'optional'
   },

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

@@ -1 +1 @@
-{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","label","showEmpty","placeholder","path","inline","maxWidth","transformIn","exports"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const ValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Source data value for the input.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Field label to show above the data value.',\n    type: 'string',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Shows the value even if it is empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'Use `auto` for no max-width (use browser default), `small`, `medium` or `large` for predefined standard max widths. Defaults to `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the value component.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,SAAS,EAAE;IACTJ,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,MAAM,EAAE;IACNP,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAQ,OAAA,CAAAZ,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","showEmpty","placeholder","path","inline","maxWidth","transformIn","exports"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const ValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for the value component. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default value for the value component. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Field label to show above the data value.',\n    type: 'string',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Shows the value even if it is empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'Use `auto` for no max-width (use browser default), `small`, `medium` or `large` for predefined standard max widths. Defaults to `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the value component.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,gHAAgH;IACrHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,MAAM,EAAE;IACNR,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,QAAQ,EAAE;IACRT,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAS,OAAA,CAAAb,eAAA,GAAAA,eAAA"}

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

@@ -14,6 +14,8 @@ var _SummaryListContext = _interopRequireDefault(require("../Value/SummaryList/S
 var _ValueBlockContext = _interopRequireDefault(require("./ValueBlockContext"));
 var _Context = _interopRequireDefault(require("../DataContext/Context"));
 var _utils = require("../../../components/flex/utils");
+var _IterateElementContext = _interopRequireDefault(require("../Iterate/IterateElementContext"));
+var _componentHelper = require("../../../shared/component-helper");
 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; }
@@ -27,6 +29,10 @@ function ValueBlock(props) {
   const summaryListContext = (0, _react.useContext)(_SummaryListContext.default);
   const valueBlockContext = (0, _react.useContext)(_ValueBlockContext.default);
   const dataContext = (0, _react.useContext)(_Context.default);
+  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
+  const {
+    index: iterateIndex
+  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
   const {
     className,
     label: labelProp,
@@ -38,7 +44,15 @@ function ValueBlock(props) {
     composition,
     gap = 'xx-small'
   } = props;
-  const label = inline ? null : labelProp;
+  const label = (0, _react.useMemo)(() => {
+    if (inline) {
+      return null;
+    }
+    if (iterateIndex !== undefined) {
+      return (0, _componentHelper.convertJsxToString)(labelProp).replace('{itemNr}', String(iterateIndex + 1));
+    }
+    return labelProp;
+  }, [inline, iterateIndex, labelProp]);
   const ref = (0, _react.useRef)(null);
   useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label);
   if ((children === undefined || children === null || children === false) && !showEmpty && !placeholder || dataContext !== null && dataContext !== void 0 && dataContext.prerenderFieldProps) {

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","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","dataContext","DataContext","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","ref","useRef","useNotInSummaryList","prerenderFieldProps","content","compositionClass","Element","isNested","Dl","layout","Item","Fragment","_span","createElement","Provider","Dt","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","useEffect","current","sibling","previousElementSibling","classList","contains","closest","warn","Boolean","error","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, { Fragment, useContext, useEffect, useRef } 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'\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 dataContext = useContext(DataContext)\n\n  const {\n    className,\n    label: labelProp,\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 = inline ? null : labelProp\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  if (\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder) ||\n    dataContext?.prerenderFieldProps\n  ) {\n    return null\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\n  if (summaryListContext) {\n    const Element = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = (\n        <span\n          className={classnames(\n            'dnb-forms-value-block__content',\n            gap && `dnb-forms-value-block__content--gap-${gap}`\n          )}\n        >\n          {children}\n        </span>\n      ) ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <Element>\n          <SummaryListContext.Provider\n            value={{ ...summaryListContext, isNested: true }}\n          >\n            {label && (\n              <Dt className=\"dnb-forms-value-block__label\">\n                <strong>{label}</strong>\n              </Dt>\n            )}\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\n                  className={classnames(\n                    'dnb-forms-value-block__content',\n                    gap && `dnb-forms-value-block__content--gap-${gap}`\n                  )}\n                >\n                  {children}\n                </span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </SummaryListContext.Provider>\n        </Element>\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          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span\n            className={classnames(\n              'dnb-forms-value-block__content',\n              gap && `dnb-forms-value-block__content--gap-${gap}`\n            )}\n          >\n            {children}\n          </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"],"mappings":"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"}
+{"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_helpers","_elements","_components","_SummaryListContext","_ValueBlockContext","_Context","_utils","_IterateElementContext","_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","dataContext","DataContext","iterateElementContext","IterateElementContext","index","iterateIndex","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","useMemo","convertJsxToString","replace","ref","useRef","useNotInSummaryList","prerenderFieldProps","content","compositionClass","Element","isNested","Dl","layout","Item","Fragment","_span","createElement","Provider","Dt","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","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/IterateElementContext'\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 dataContext = useContext(DataContext)\n  const iterateElementContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateElementContext ?? {}\n\n  const {\n    className,\n    label: labelProp,\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    if (iterateIndex !== undefined) {\n      return convertJsxToString(labelProp).replace(\n        '{itemNr}',\n        String(iterateIndex + 1)\n      )\n    }\n    return labelProp\n  }, [inline, iterateIndex, labelProp])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n  if (\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder) ||\n    dataContext?.prerenderFieldProps\n  ) {\n    return null\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\n  if (summaryListContext) {\n    const Element = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = (\n        <span\n          className={classnames(\n            'dnb-forms-value-block__content',\n            gap && `dnb-forms-value-block__content--gap-${gap}`\n          )}\n        >\n          {children}\n        </span>\n      ) ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <Element>\n          <SummaryListContext.Provider\n            value={{ ...summaryListContext, isNested: true }}\n          >\n            {label && (\n              <Dt className=\"dnb-forms-value-block__label\">\n                <strong>{label}</strong>\n              </Dt>\n            )}\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\n                  className={classnames(\n                    'dnb-forms-value-block__content',\n                    gap && `dnb-forms-value-block__content--gap-${gap}`\n                  )}\n                >\n                  {children}\n                </span>\n              ) : (\n                <span className=\"dnb-forms-value-block__placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </Dd>\n          </SummaryListContext.Provider>\n        </Element>\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          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span\n            className={classnames(\n              'dnb-forms-value-block__content',\n              gap && `dnb-forms-value-block__content--gap-${gap}`\n            )}\n          >\n            {children}\n          </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"],"mappings":"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"}

package/cjs/extensions/forms/Wizard/Buttons/Buttons.js

@@ -22,8 +22,9 @@ function Buttons(props) {
   } = props;
   const {
     activeIndex,
-    totalSteps
+    titlesRef
   } = (0, _react.useContext)(_Context.default) || {};
+  const totalSteps = Object.keys((titlesRef === null || titlesRef === void 0 ? void 0 : titlesRef.current) || {}).length || 0;
   const showPreviousButton = activeIndex > 0;
   const showNextButton = activeIndex < totalSteps - 1;
   if (!showPreviousButton && !showNextButton) {

package/cjs/extensions/forms/Wizard/Buttons/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_ButtonRow","_NextButton2","_PreviousButton2","_Context","_PreviousButton","_NextButton","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","Buttons","props","className","activeIndex","totalSteps","useContext","WizardContext","showPreviousButton","showNextButton","createElement","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const { activeIndex, totalSteps } = useContext(WizardContext) || {}\n  const showPreviousButton = activeIndex > 0\n  const showNextButton = activeIndex < totalSteps - 1\n\n  if (!showPreviousButton && !showNextButton) {\n    return null\n  }\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,gBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,QAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAsC,IAAAO,eAAA,EAAAC,WAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAU,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAMtC,SAASI,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAM;IAAEE,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAa,CAAC,IAAI,CAAC,CAAC;EACnE,MAAMC,kBAAkB,GAAGJ,WAAW,GAAG,CAAC;EAC1C,MAAMK,cAAc,GAAGL,WAAW,GAAGC,UAAU,GAAG,CAAC;EAEnD,IAAI,CAACG,kBAAkB,IAAI,CAACC,cAAc,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,OACElD,MAAA,CAAAa,OAAA,CAAAsC,aAAA,CAAC9C,UAAA,CAAAQ,OAAS,EAAAoB,QAAA;IACRW,SAAS,EAAE,IAAAQ,mBAAU,EAAC,mBAAmB,EAAER,SAAS;EAAE,GAClDD,KAAK,GAERM,kBAAkB,KAAAxC,eAAA,KAAAA,eAAA,GAAIT,MAAA,CAAAa,OAAA,CAAAsC,aAAA,CAAC5C,gBAAA,CAAAM,OAAc,MAAE,CAAC,IACxCqC,cAAc,KAAAxC,WAAA,KAAAA,WAAA,GAAIV,MAAA,CAAAa,OAAA,CAAAsC,aAAA,CAAC7C,YAAA,CAAAO,OAAU,MAAE,CAAC,EACxB,CAAC;AAEhB;AAEA6B,OAAO,CAACW,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACrBZ,OAAO;AAAAa,OAAA,CAAA1C,OAAA,GAAAyC,QAAA"}
+{"version":3,"file":"Buttons.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_ButtonRow","_NextButton2","_PreviousButton2","_Context","_PreviousButton","_NextButton","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","Buttons","props","className","activeIndex","titlesRef","useContext","WizardContext","totalSteps","keys","current","showPreviousButton","showNextButton","createElement","classnames","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const { activeIndex, titlesRef } = useContext(WizardContext) || {}\n\n  const totalSteps = Object.keys(titlesRef?.current || {}).length || 0\n  const showPreviousButton = activeIndex > 0\n  const showNextButton = activeIndex < totalSteps - 1\n\n  if (!showPreviousButton && !showNextButton) {\n    return null\n  }\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,gBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,QAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAsC,IAAAO,eAAA,EAAAC,WAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAd,wBAAAU,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAMtC,SAASI,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAM;IAAEE,WAAW;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAa,CAAC,IAAI,CAAC,CAAC;EAElE,MAAMC,UAAU,GAAGzB,MAAM,CAAC0B,IAAI,CAAC,CAAAJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEK,OAAO,KAAI,CAAC,CAAC,CAAC,CAACZ,MAAM,IAAI,CAAC;EACpE,MAAMa,kBAAkB,GAAGP,WAAW,GAAG,CAAC;EAC1C,MAAMQ,cAAc,GAAGR,WAAW,GAAGI,UAAU,GAAG,CAAC;EAEnD,IAAI,CAACG,kBAAkB,IAAI,CAACC,cAAc,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,OACErD,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAACjD,UAAA,CAAAQ,OAAS,EAAAoB,QAAA;IACRW,SAAS,EAAE,IAAAW,mBAAU,EAAC,mBAAmB,EAAEX,SAAS;EAAE,GAClDD,KAAK,GAERS,kBAAkB,KAAA3C,eAAA,KAAAA,eAAA,GAAIT,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAAC/C,gBAAA,CAAAM,OAAc,MAAE,CAAC,IACxCwC,cAAc,KAAA3C,WAAA,KAAAA,WAAA,GAAIV,MAAA,CAAAa,OAAA,CAAAyC,aAAA,CAAChD,YAAA,CAAAO,OAAU,MAAE,CAAC,EACxB,CAAC;AAEhB;AAEA6B,OAAO,CAACc,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACrBf,OAAO;AAAAgB,OAAA,CAAA7C,OAAA,GAAA4C,QAAA"}