@dnb/eufemia 10.44.0 → 10.45.0

package/extensions/forms/Iterate/PushContainer/PushContainerDocs.js

@@ -0,0 +1,34 @@
+export const PushContainerProperties = {
+  path: {
+    doc: 'The path to the array to add the new item to.',
+    type: 'string',
+    status: 'required'
+  },
+  title: {
+    doc: 'The title of the container.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  openButton: {
+    doc: 'The button to open container.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  showOpenButtonWhen: {
+    doc: 'Define when the "open button" should be shown. Should be a function that returns a boolean.',
+    type: 'function',
+    status: 'optional'
+  },
+  children: {
+    doc: 'The container contents.',
+    type: 'React.Node',
+    status: 'required'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+export const PushContainerEvents = {};
+//# sourceMappingURL=PushContainerDocs.js.map

package/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PushContainerDocs.js","names":["PushContainerProperties","path","doc","type","status","title","openButton","showOpenButtonWhen","children","PushContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PushContainerProperties: PropertiesTableProps = {\n  path: {\n    doc: 'The path to the array to add the new item to.',\n    type: 'string',\n    status: 'required',\n  },\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  openButton: {\n    doc: 'The button to open container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  showOpenButtonWhen: {\n    doc: 'Define when the \"open button\" should be shown. Should be a function that returns a boolean.',\n    type: 'function',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The container contents.',\n    type: 'React.Node',\n    status: 'required',\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\nexport const PushContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDG,kBAAkB,EAAE;IAClBL,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,YAAY;IAClBC,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;AAED,OAAO,MAAMK,mBAAyC,GAAG,CAAC,CAAC"}

package/extensions/forms/Iterate/PushContainer/index.d.ts

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

package/extensions/forms/Iterate/PushContainer/index.js

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

package/extensions/forms/Iterate/PushContainer/index.js.map

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

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

@@ -6,17 +6,17 @@ const _excluded = ["className"];
 import React, { useCallback, useContext } from 'react';
 import classnames from 'classnames';
 import { Button } from '../../../../components';
-import IterateElementContext from '../IterateElementContext';
+import IterateItemContext from '../IterateItemContext';
 import { useFieldProps, useTranslation } from '../../hooks';
 import ElementBlockContext from '../AnimatedContainer/ElementBlockContext';
 import { omitDataValueReadWriteProps } from '../../types';
 import { trash } from '../../../../icons';
 function RemoveButton(props) {
-  const iterateElementContext = useContext(IterateElementContext);
+  const iterateItemContext = useContext(IterateItemContext);
   const {
     handleRemove
-  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
-  if (!iterateElementContext) {
+  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
+  if (!iterateItemContext) {
     throw new Error('RemoveButton must be inside an Iterate.Array');
   }
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"RemoveButton.js","names":["React","useCallback","useContext","classnames","Button","IterateElementContext","useFieldProps","useTranslation","ElementBlockContext","omitDataValueReadWriteProps","trash","RemoveButton","props","iterateElementContext","handleRemove","Error","className","restProps","_objectWithoutProperties","_excluded","children","text","buttonProps","translation","textContent","elementBlockContext","handleRemoveBlock","handleClick","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { handleRemove } = iterateElementContext ?? {}\n\n  if (!iterateElementContext) {\n    throw new Error('RemoveButton must be inside an Iterate.Array')\n  }\n\n  const { className, ...restProps } = props\n  const { children, text } = useFieldProps(restProps)\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const translation = useTranslation().RemoveButton\n  const textContent = text || children || translation.text\n\n  const elementBlockContext = useContext(ElementBlockContext)\n  const { handleRemoveBlock } = elementBlockContext ?? {}\n\n  const handleClick = useCallback(() => {\n    if (handleRemoveBlock) {\n      handleRemoveBlock()\n    } else {\n      handleRemove()\n    }\n  }, [handleRemove, handleRemoveBlock])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-iterate-remove-element-button',\n        className\n      )}\n      variant={textContent ? 'tertiary' : 'secondary'}\n      icon={trash}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {textContent}\n    </Button>\n  )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,qBAAqB,MAAM,0BAA0B;AAC5D,SAASC,aAAa,EAAEC,cAAc,QAAQ,aAAa;AAC3D,OAAOC,mBAAmB,MAAM,0CAA0C;AAC1E,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,KAAK,QAAQ,mBAAmB;AAKzC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,qBAAqB,GAAGX,UAAU,CAACG,qBAAqB,CAAC;EAC/D,MAAM;IAAES;EAAa,CAAC,GAAGD,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAEpD,IAAI,CAACA,qBAAqB,EAAE;IAC1B,MAAM,IAAIE,KAAK,CAAC,8CAA8C,CAAC;EACjE;EAEA,MAAM;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGf,aAAa,CAACW,SAAS,CAAC;EACnD,MAAMK,WAAW,GAAGb,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAMM,WAAW,GAAGhB,cAAc,CAAC,CAAC,CAACI,YAAY;EACjD,MAAMa,WAAW,GAAGH,IAAI,IAAID,QAAQ,IAAIG,WAAW,CAACF,IAAI;EAExD,MAAMI,mBAAmB,GAAGvB,UAAU,CAACM,mBAAmB,CAAC;EAC3D,MAAM;IAAEkB;EAAkB,CAAC,GAAGD,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAI,CAAC,CAAC;EAEvD,MAAME,WAAW,GAAG1B,WAAW,CAAC,MAAM;IACpC,IAAIyB,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,CAAC;IACrB,CAAC,MAAM;MACLZ,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEY,iBAAiB,CAAC,CAAC;EAErC,OACE1B,KAAA,CAAA4B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IACLb,SAAS,EAAEb,UAAU,CACnB,yCAAyC,EACzCa,SACF,CAAE;IACFc,OAAO,EAAEN,WAAW,GAAG,UAAU,GAAG,WAAY;IAChDO,IAAI,EAAErB,KAAM;IACZsB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAClBL,WAAW,GAEdE,WACK,CAAC;AAEb;AAEAb,YAAY,CAACuB,qBAAqB,GAAG,IAAI;AACzC,eAAevB,YAAY"}
+{"version":3,"file":"RemoveButton.js","names":["React","useCallback","useContext","classnames","Button","IterateItemContext","useFieldProps","useTranslation","ElementBlockContext","omitDataValueReadWriteProps","trash","RemoveButton","props","iterateItemContext","handleRemove","Error","className","restProps","_objectWithoutProperties","_excluded","children","text","buttonProps","translation","textContent","elementBlockContext","handleRemoveBlock","handleClick","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateItemContext from '../IterateItemContext'\nimport { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { handleRemove } = iterateItemContext ?? {}\n\n  if (!iterateItemContext) {\n    throw new Error('RemoveButton must be inside an Iterate.Array')\n  }\n\n  const { className, ...restProps } = props\n  const { children, text } = useFieldProps(restProps)\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const translation = useTranslation().RemoveButton\n  const textContent = text || children || translation.text\n\n  const elementBlockContext = useContext(ElementBlockContext)\n  const { handleRemoveBlock } = elementBlockContext ?? {}\n\n  const handleClick = useCallback(() => {\n    if (handleRemoveBlock) {\n      handleRemoveBlock()\n    } else {\n      handleRemove()\n    }\n  }, [handleRemove, handleRemoveBlock])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-iterate-remove-element-button',\n        className\n      )}\n      variant={textContent ? 'tertiary' : 'secondary'}\n      icon={trash}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {textContent}\n    </Button>\n  )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SAASC,aAAa,EAAEC,cAAc,QAAQ,aAAa;AAC3D,OAAOC,mBAAmB,MAAM,0CAA0C;AAC1E,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,KAAK,QAAQ,mBAAmB;AAKzC,SAASC,YAAYA,CAACC,KAAY,EAAE;EAClC,MAAMC,kBAAkB,GAAGX,UAAU,CAACG,kBAAkB,CAAC;EACzD,MAAM;IAAES;EAAa,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAEjD,IAAI,CAACA,kBAAkB,EAAE;IACvB,MAAM,IAAIE,KAAK,CAAC,8CAA8C,CAAC;EACjE;EAEA,MAAM;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAK,CAAC,GAAGf,aAAa,CAACW,SAAS,CAAC;EACnD,MAAMK,WAAW,GAAGb,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAMM,WAAW,GAAGhB,cAAc,CAAC,CAAC,CAACI,YAAY;EACjD,MAAMa,WAAW,GAAGH,IAAI,IAAID,QAAQ,IAAIG,WAAW,CAACF,IAAI;EAExD,MAAMI,mBAAmB,GAAGvB,UAAU,CAACM,mBAAmB,CAAC;EAC3D,MAAM;IAAEkB;EAAkB,CAAC,GAAGD,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAI,CAAC,CAAC;EAEvD,MAAME,WAAW,GAAG1B,WAAW,CAAC,MAAM;IACpC,IAAIyB,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,CAAC;IACrB,CAAC,MAAM;MACLZ,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEY,iBAAiB,CAAC,CAAC;EAErC,OACE1B,KAAA,CAAA4B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IACLb,SAAS,EAAEb,UAAU,CACnB,yCAAyC,EACzCa,SACF,CAAE;IACFc,OAAO,EAAEN,WAAW,GAAG,UAAU,GAAG,WAAY;IAChDO,IAAI,EAAErB,KAAM;IACZsB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAClBL,WAAW,GAEdE,WACK,CAAC;AAEb;AAEAb,YAAY,CAACuB,qBAAqB,GAAG,IAAI;AACzC,eAAevB,YAAY"}

package/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts

@@ -6,6 +6,10 @@ export type Props = {
      * The title of the ViewContainer.
      */
     title?: React.ReactNode;
+    /**
+     * An alternative toolbar to be shown in the ViewContainer.
+     */
+    toolbar?: React.ReactNode;
 };
 export type AllProps = Props & FlexContainerProps & ElementSectionProps;
 declare function ViewContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,16 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _Toolbar;
-const _excluded = ["children", "className", "title"];
-import React, { useMemo } from 'react';
+const _excluded = ["children", "className", "title", "toolbar"];
+import React, { useContext, useMemo } from 'react';
 import classnames from 'classnames';
 import { convertJsxToString } from '../../../../shared/component-helper';
 import { Flex } from '../../../../components';
 import { Lead } from '../../../../elements';
 import ElementBlock from '../AnimatedContainer/ElementBlock';
+import IterateItemContext from '../IterateItemContext';
 import Toolbar from '../Toolbar';
 import ViewToolbarTools from './ViewToolbarTools';
 function ViewContainer(props) {
@@ -15,17 +18,23 @@ function ViewContainer(props) {
     {
       children,
       className,
-      title
+      title,
+      toolbar
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  const ariaLabel = useMemo(() => convertJsxToString(title), [title]);
+  const iterateItemContext = useContext(IterateItemContext);
+  let itemTitle = title;
+  let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle]);
+  if (ariaLabel.includes('{itemNr}')) {
+    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', iterateItemContext.index + 1);
+  }
   return React.createElement(ElementBlock, _extends({
     mode: "view",
     ariaLabel: ariaLabel,
     className: classnames('dnb-forms-section-view-block', className)
-  }, restProps), React.createElement(Flex.Stack, null, title && React.createElement(Lead, {
+  }, restProps), React.createElement(Flex.Stack, null, itemTitle && React.createElement(Lead, {
     size: "basis"
-  }, title), children, _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(ViewToolbarTools, null)))));
+  }, itemTitle), children, toolbar !== null && toolbar !== void 0 ? toolbar : _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(ViewToolbarTools, null)))));
 }
 ViewContainer._supportsSpacingProps = true;
 export default ViewContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","names":["React","useMemo","classnames","convertJsxToString","Flex","Lead","ElementBlock","Toolbar","ViewToolbarTools","ViewContainer","props","_ref","children","className","title","restProps","_objectWithoutProperties","_excluded","ariaLabel","createElement","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nfunction ViewContainer(props: AllProps) {\n  const { children, className, title, ...restProps } = props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n\n  return (\n    <ElementBlock\n      mode=\"view\"\n      ariaLabel={ariaLabel}\n      className={classnames('dnb-forms-section-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {title && <Lead size=\"basis\">{title}</Lead>}\n        {children}\n        <Toolbar>\n          <ViewToolbarTools />\n        </Toolbar>\n      </Flex.Stack>\n    </ElementBlock>\n  )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,gBAAgB,MAAM,oBAAoB;AAWjD,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAAqDD,KAAK,IAAI,CAAC,CAAC;IAA1D;MAAEE,QAAQ;MAAEC,SAAS;MAAEC;IAAoB,CAAC,GAAAH,IAAA;IAAXI,SAAS,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAChD,MAAMC,SAAS,GAAGjB,OAAO,CAAC,MAAME,kBAAkB,CAACW,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEnE,OACEd,KAAA,CAAAmB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXC,IAAI,EAAC,MAAM;IACXH,SAAS,EAAEA,SAAU;IACrBL,SAAS,EAAEX,UAAU,CAAC,8BAA8B,EAAEW,SAAS;EAAE,GAC7DE,SAAS,GAEbf,KAAA,CAAAmB,aAAA,CAACf,IAAI,CAACkB,KAAK,QACRR,KAAK,IAAId,KAAA,CAAAmB,aAAA,CAACd,IAAI;IAACkB,IAAI,EAAC;EAAO,GAAET,KAAY,CAAC,EAC1CF,QAAQ,EAAAY,QAAA,KAAAA,QAAA,GACTxB,KAAA,CAAAmB,aAAA,CAACZ,OAAO,QACNP,KAAA,CAAAmB,aAAA,CAACX,gBAAgB,MAAE,CACZ,CAAC,CACA,CACA,CAAC;AAEnB;AAEAC,aAAa,CAACgB,qBAAqB,GAAG,IAAI;AAC1C,eAAehB,aAAa"}
+{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Flex","Lead","ElementBlock","IterateItemContext","Toolbar","ViewToolbarTools","ViewContainer","props","_ref","children","className","title","toolbar","restProps","_objectWithoutProperties","_excluded","iterateItemContext","itemTitle","ariaLabel","includes","replace","index","createElement","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nfunction ViewContainer(props: AllProps) {\n  const { children, className, title, toolbar, ...restProps } = props || {}\n  const iterateItemContext = useContext(IterateItemContext)\n\n  let itemTitle = title\n  let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])\n  if (ariaLabel.includes('{itemNr}')) {\n    itemTitle = ariaLabel = ariaLabel.replace(\n      '{itemNr}',\n      iterateItemContext.index + 1\n    )\n  }\n\n  return (\n    <ElementBlock\n      mode=\"view\"\n      ariaLabel={ariaLabel}\n      className={classnames('dnb-forms-section-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n        {children}\n        {toolbar ?? (\n          <Toolbar>\n            <ViewToolbarTools />\n          </Toolbar>\n        )}\n      </Flex.Stack>\n    </ElementBlock>\n  )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,wBAAwB;AAE7C,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,gBAAgB,MAAM,oBAAoB;AAejD,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAA8DD,KAAK,IAAI,CAAC,CAAC;IAAnE;MAAEE,QAAQ;MAAEC,SAAS;MAAEC,KAAK;MAAEC;IAAsB,CAAC,GAAAJ,IAAA;IAAXK,SAAS,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACzD,MAAMC,kBAAkB,GAAGpB,UAAU,CAACO,kBAAkB,CAAC;EAEzD,IAAIc,SAAS,GAAGN,KAAK;EACrB,IAAIO,SAAS,GAAGrB,OAAO,CAAC,MAAME,kBAAkB,CAACkB,SAAS,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACzE,IAAIC,SAAS,CAACC,QAAQ,CAAC,UAAU,CAAC,EAAE;IAClCF,SAAS,GAAGC,SAAS,GAAGA,SAAS,CAACE,OAAO,CACvC,UAAU,EACVJ,kBAAkB,CAACK,KAAK,GAAG,CAC7B,CAAC;EACH;EAEA,OACE1B,KAAA,CAAA2B,aAAA,CAACpB,YAAY,EAAAqB,QAAA;IACXC,IAAI,EAAC,MAAM;IACXN,SAAS,EAAEA,SAAU;IACrBR,SAAS,EAAEZ,UAAU,CAAC,8BAA8B,EAAEY,SAAS;EAAE,GAC7DG,SAAS,GAEblB,KAAA,CAAA2B,aAAA,CAACtB,IAAI,CAACyB,KAAK,QACRR,SAAS,IAAItB,KAAA,CAAA2B,aAAA,CAACrB,IAAI;IAACyB,IAAI,EAAC;EAAO,GAAET,SAAgB,CAAC,EAClDR,QAAQ,EACRG,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAAe,QAAA,KAAAA,QAAA,GACNhC,KAAA,CAAA2B,aAAA,CAAClB,OAAO,QACNT,KAAA,CAAA2B,aAAA,CAACjB,gBAAgB,MAAE,CACZ,CAAC,CAEF,CACA,CAAC;AAEnB;AAEAC,aAAa,CAACsB,qBAAqB,GAAG,IAAI;AAC1C,eAAetB,aAAa"}

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

@@ -9,6 +9,11 @@ export const ViewContainerProperties = {
     type: 'string',
     status: 'optional'
   },
+  toolbar: {
+    doc: 'An alternative toolbar to be shown in the container.',
+    type: 'React.Node',
+    status: 'optional'
+  },
   '[FlexVertical](/uilib/layout/flex/container/)': {
     doc: 'All Flex.Vertical properties.',
     type: 'Various',

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

@@ -1 +1 @@
-{"version":3,"file":"ViewContainerDocs.js","names":["ViewContainerProperties","title","doc","type","status","variant","ViewContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ViewContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ViewContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAME,mBAAyC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"ViewContainerDocs.js","names":["ViewContainerProperties","title","doc","type","status","variant","toolbar","ViewContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ViewContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  toolbar: {\n    doc: 'An alternative toolbar to be shown in the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ViewContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMG,mBAAyC,GAAG,CAAC,CAAC"}

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

@@ -4,13 +4,13 @@ import React, { useCallback, useContext } from 'react';
 import { Button, Flex } from '../../../../components';
 import RemoveButton from '../RemoveButton';
 import useTranslation from '../../hooks/useTranslation';
-import IterateElementContext from '../IterateElementContext';
+import IterateItemContext from '../IterateItemContext';
 import { edit } from '../../../../icons';
 export default function ViewToolbarTools() {
-  const iterateElementContext = useContext(IterateElementContext);
+  const iterateItemContext = useContext(IterateItemContext);
   const {
     switchContainerMode
-  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
   const translation = useTranslation().IterateViewContainer;
   const editHandler = useCallback(() => {
     switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');

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

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

package/extensions/forms/Iterate/hooks/useItem.d.ts

@@ -0,0 +1 @@
+export default function useItem(): import("../IterateItemContext").IterateItemContextState;

package/extensions/forms/Iterate/hooks/useItem.js

@@ -0,0 +1,9 @@
+"use client";
+
+import { useContext } from 'react';
+import IterateItemContext from '../IterateItemContext';
+export default function useItem() {
+  const item = useContext(IterateItemContext);
+  return item;
+}
+//# sourceMappingURL=useItem.js.map

package/extensions/forms/Iterate/hooks/useItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItem.js","names":["useContext","IterateItemContext","useItem","item"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useItem.ts"],"sourcesContent":["import { useContext } from 'react'\nimport IterateItemContext from '../IterateItemContext'\n\nexport default function useItem() {\n  const item = useContext(IterateItemContext)\n  return item\n}\n"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,kBAAkB,MAAM,uBAAuB;AAEtD,eAAe,SAASC,OAAOA,CAAA,EAAG;EAChC,MAAMC,IAAI,GAAGH,UAAU,CAACC,kBAAkB,CAAC;EAC3C,OAAOE,IAAI;AACb"}

package/extensions/forms/Iterate/index.d.ts

@@ -2,13 +2,15 @@ import PushButton from './PushButton';
 import RemoveButton from './RemoveButton';
 export { default as Array } from './Array';
 export { default as PushButton } from './PushButton';
+export { default as PushContainer } from './PushContainer';
 export { default as RemoveButton } from './RemoveButton';
 export { default as EditContainer } from './EditContainer';
 export { default as ViewContainer } from './ViewContainer';
 export { default as AnimatedContainer } from './AnimatedContainer';
 export { default as Toolbar } from './Toolbar';
 export { useCount, count, Count } from './Count';
-export { default as IterateElementContext } from './IterateElementContext';
+export { default as useItem } from './hooks/useItem';
+export { default as IterateItemContext } from './IterateItemContext';
 /**
  * Deprecated and will be removed in v11
  *

package/extensions/forms/Iterate/index.js

@@ -2,13 +2,15 @@ import PushButton from './PushButton';
 import RemoveButton from './RemoveButton';
 export { default as Array } from './Array';
 export { default as PushButton } from './PushButton';
+export { default as PushContainer } from './PushContainer';
 export { default as RemoveButton } from './RemoveButton';
 export { default as EditContainer } from './EditContainer';
 export { default as ViewContainer } from './ViewContainer';
 export { default as AnimatedContainer } from './AnimatedContainer';
 export { default as Toolbar } from './Toolbar';
 export { useCount, count, Count } from './Count';
-export { default as IterateElementContext } from './IterateElementContext';
+export { default as useItem } from './hooks/useItem';
+export { default as IterateItemContext } from './IterateItemContext';
 export const ArrayPushButton = PushButton;
 export const ArrayRemoveElementButton = RemoveButton;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PushButton","RemoveButton","default","Array","EditContainer","ViewContainer","AnimatedContainer","Toolbar","useCount","count","Count","IterateElementContext","ArrayPushButton","ArrayRemoveElementButton"],"sources":["../../../../../src/extensions/forms/Iterate/index.ts"],"sourcesContent":["import PushButton from './PushButton'\nimport RemoveButton from './RemoveButton'\n\nexport { default as Array } from './Array'\nexport { default as PushButton } from './PushButton'\nexport { default as RemoveButton } from './RemoveButton'\nexport { default as EditContainer } from './EditContainer'\nexport { default as ViewContainer } from './ViewContainer'\nexport { default as AnimatedContainer } from './AnimatedContainer'\nexport { default as Toolbar } from './Toolbar'\nexport { useCount, count, Count } from './Count'\nexport { default as IterateElementContext } from './IterateElementContext'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"PushButton\" instead\n */\nexport const ArrayPushButton = PushButton\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"RemoveButton\" instead\n */\nexport const ArrayRemoveElementButton = RemoveButton\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,OAAO,IAAIC,KAAK,QAAQ,SAAS;AAC1C,SAASD,OAAO,IAAIF,UAAU,QAAQ,cAAc;AACpD,SAASE,OAAO,IAAID,YAAY,QAAQ,gBAAgB;AACxD,SAASC,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,aAAa,QAAQ,iBAAiB;AAC1D,SAASH,OAAO,IAAII,iBAAiB,QAAQ,qBAAqB;AAClE,SAASJ,OAAO,IAAIK,OAAO,QAAQ,WAAW;AAC9C,SAASC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,QAAQ,SAAS;AAChD,SAASR,OAAO,IAAIS,qBAAqB,QAAQ,yBAAyB;AAO1E,OAAO,MAAMC,eAAe,GAAGZ,UAAU;AAOzC,OAAO,MAAMa,wBAAwB,GAAGZ,YAAY"}
+{"version":3,"file":"index.js","names":["PushButton","RemoveButton","default","Array","PushContainer","EditContainer","ViewContainer","AnimatedContainer","Toolbar","useCount","count","Count","useItem","IterateItemContext","ArrayPushButton","ArrayRemoveElementButton"],"sources":["../../../../../src/extensions/forms/Iterate/index.ts"],"sourcesContent":["import PushButton from './PushButton'\nimport RemoveButton from './RemoveButton'\n\nexport { default as Array } from './Array'\nexport { default as PushButton } from './PushButton'\nexport { default as PushContainer } from './PushContainer'\nexport { default as RemoveButton } from './RemoveButton'\nexport { default as EditContainer } from './EditContainer'\nexport { default as ViewContainer } from './ViewContainer'\nexport { default as AnimatedContainer } from './AnimatedContainer'\nexport { default as Toolbar } from './Toolbar'\nexport { useCount, count, Count } from './Count'\nexport { default as useItem } from './hooks/useItem'\nexport { default as IterateItemContext } from './IterateItemContext'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"PushButton\" instead\n */\nexport const ArrayPushButton = PushButton\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"RemoveButton\" instead\n */\nexport const ArrayRemoveElementButton = RemoveButton\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,OAAO,IAAIC,KAAK,QAAQ,SAAS;AAC1C,SAASD,OAAO,IAAIF,UAAU,QAAQ,cAAc;AACpD,SAASE,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAID,YAAY,QAAQ,gBAAgB;AACxD,SAASC,OAAO,IAAIG,aAAa,QAAQ,iBAAiB;AAC1D,SAASH,OAAO,IAAII,aAAa,QAAQ,iBAAiB;AAC1D,SAASJ,OAAO,IAAIK,iBAAiB,QAAQ,qBAAqB;AAClE,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,QAAQ,SAAS;AAChD,SAAST,OAAO,IAAIU,OAAO,QAAQ,iBAAiB;AACpD,SAASV,OAAO,IAAIW,kBAAkB,QAAQ,sBAAsB;AAOpE,OAAO,MAAMC,eAAe,GAAGd,UAAU;AAOzC,OAAO,MAAMe,wBAAwB,GAAGd,YAAY"}

package/extensions/forms/Value/ArraySelection/ArraySelection.d.ts

@@ -0,0 +1,19 @@
+import { ValueProps } from '../../types';
+import { InternalLocale } from '../../../../shared/Context';
+export type Props = ValueProps<Array<number | string>> & {
+    /**
+     * Formatting options for the value.
+     * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat
+     */
+    format?: Intl.ListFormatOptions;
+};
+declare function ArraySelection(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArraySelection {
+    var _supportsSpacingProps: boolean;
+}
+export declare function listFormat(value: Array<number | string>, { locale, format, separator, }: {
+    locale?: InternalLocale;
+    format?: Intl.ListFormatOptions;
+    separator?: string;
+}): string;
+export default ArraySelection;

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

@@ -0,0 +1,70 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["path", "value", "format", "className"];
+import React, { useContext, useMemo } from 'react';
+import classnames from 'classnames';
+import { useValueProps } from '../../hooks';
+import ValueBlock from '../../ValueBlock';
+import { LOCALE } from '../../../../shared/defaults';
+import { convertJsxToString } from '../../../../shared/component-helper';
+import SharedContext from '../../../../shared/Context';
+import Context from '../../DataContext/Context';
+function ArraySelection(props) {
+  const {
+    locale
+  } = useContext(SharedContext);
+  const {
+    fieldPropsRef
+  } = useContext(Context) || {};
+  const _useValueProps = useValueProps(props),
+    {
+      path,
+      value,
+      format,
+      className
+    } = _useValueProps,
+    rest = _objectWithoutProperties(_useValueProps, _excluded);
+  const list = useMemo(() => {
+    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'];
+      return (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
+        } = _ref;
+        return convertJsxToString(title);
+      })) || value;
+    }
+    return value;
+  }, [fieldPropsRef, path, value]);
+  return React.createElement(ValueBlock, _extends({
+    className: classnames('dnb-forms-value-array-selection', className)
+  }, rest), listFormat(list, {
+    locale,
+    format
+  }));
+}
+export function listFormat(value, _ref2) {
+  let {
+    locale = LOCALE,
+    format = {
+      style: 'long',
+      type: 'conjunction'
+    },
+    separator = ', '
+  } = _ref2;
+  if (!Array.isArray(value)) {
+    return value;
+  }
+  try {
+    const formatter = new Intl.ListFormat(locale, format);
+    return formatter.format(value.map(v => String(v)));
+  } catch (error) {
+    return value.join(separator);
+  }
+}
+ArraySelection._supportsSpacingProps = true;
+export default ArraySelection;
+//# sourceMappingURL=ArraySelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArraySelection.js","names":["React","useContext","useMemo","classnames","useValueProps","ValueBlock","LOCALE","convertJsxToString","SharedContext","Context","ArraySelection","props","locale","fieldPropsRef","_useValueProps","path","value","format","className","rest","_objectWithoutProperties","_excluded","list","_fieldPropsRef$curren","_data$map","data","current","map","call","_ref","title","createElement","_extends","listFormat","_ref2","style","type","separator","Array","isArray","formatter","Intl","ListFormat","v","String","error","join","_supportsSpacingProps"],"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 { LOCALE } from '../../../../shared/defaults'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport SharedContext, { InternalLocale } from '../../../../shared/Context'\nimport Context from '../../DataContext/Context'\n\nexport type Props = ValueProps<Array<number | string>> & {\n  /**\n   * Formatting options for the value.\n   * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat\n   */\n  format?: Intl.ListFormatOptions\n}\n\nfunction ArraySelection(props: Props) {\n  const { locale } = useContext(SharedContext)\n  const { fieldPropsRef } = useContext(Context) || {}\n  const { path, value, format, className, ...rest } = useValueProps(props)\n\n  const list = useMemo(() => {\n    if (path) {\n      const data = fieldPropsRef?.current?.[\n        path + '/arraySelectionData'\n      ] as Array<{\n        value: string\n        title: string | React.ReactNode\n      }>\n      return data?.map?.(({ title }) => convertJsxToString(title)) || value\n    }\n\n    return value\n  }, [fieldPropsRef, path, value])\n\n  return (\n    <ValueBlock\n      className={classnames('dnb-forms-value-array-selection', className)}\n      {...rest}\n    >\n      {listFormat(list, { locale, format })}\n    </ValueBlock>\n  )\n}\n\nexport function listFormat(\n  value: Array<number | string>,\n  {\n    locale = LOCALE,\n    format = {\n      style: 'long',\n      type: 'conjunction',\n    },\n    separator = ', ',\n  }: {\n    locale?: InternalLocale\n    format?: Intl.ListFormatOptions\n    separator?: string\n  }\n) {\n  if (!Array.isArray(value)) {\n    return value\n  }\n  try {\n    const formatter = new Intl.ListFormat(locale, format)\n    return formatter.format(value.map((v) => String(v)))\n  } catch (error) {\n    return value.join(separator)\n  }\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,aAAa;AAE3C,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,OAAOC,aAAa,MAA0B,4BAA4B;AAC1E,OAAOC,OAAO,MAAM,2BAA2B;AAU/C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAM;IAAEC;EAAO,CAAC,GAAGX,UAAU,CAACO,aAAa,CAAC;EAC5C,MAAM;IAAEK;EAAc,CAAC,GAAGZ,UAAU,CAACQ,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAAoDV,aAAa,CAACO,KAAK,CAAC;IAAlE;MAAEI,IAAI;MAAEC,KAAK;MAAEC,MAAM;MAAEC;IAAmB,CAAC,GAAAJ,cAAA;IAANK,IAAI,GAAAC,wBAAA,CAAAN,cAAA,EAAAO,SAAA;EAE/C,MAAMC,IAAI,GAAGpB,OAAO,CAAC,MAAM;IACzB,IAAIa,IAAI,EAAE;MAAA,IAAAQ,qBAAA,EAAAC,SAAA;MACR,MAAMC,IAAI,GAAGZ,aAAa,aAAbA,aAAa,wBAAAU,qBAAA,GAAbV,aAAa,CAAEa,OAAO,cAAAH,qBAAA,uBAAtBA,qBAAA,CACXR,IAAI,GAAG,qBAAqB,CAI5B;MACF,OAAO,CAAAU,IAAI,aAAJA,IAAI,wBAAAD,SAAA,GAAJC,IAAI,CAAEE,GAAG,cAAAH,SAAA,uBAATA,SAAA,CAAAI,IAAA,CAAAH,IAAI,EAAQI,IAAA;QAAA,IAAC;UAAEC;QAAM,CAAC,GAAAD,IAAA;QAAA,OAAKtB,kBAAkB,CAACuB,KAAK,CAAC;MAAA,EAAC,KAAId,KAAK;IACvE;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACH,aAAa,EAAEE,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEhC,OACEhB,KAAA,CAAA+B,aAAA,CAAC1B,UAAU,EAAA2B,QAAA;IACTd,SAAS,EAAEf,UAAU,CAAC,iCAAiC,EAAEe,SAAS;EAAE,GAChEC,IAAI,GAEPc,UAAU,CAACX,IAAI,EAAE;IAAEV,MAAM;IAAEK;EAAO,CAAC,CAC1B,CAAC;AAEjB;AAEA,OAAO,SAASgB,UAAUA,CACxBjB,KAA6B,EAAAkB,KAAA,EAa7B;EAAA,IAZA;IACEtB,MAAM,GAAGN,MAAM;IACfW,MAAM,GAAG;MACPkB,KAAK,EAAE,MAAM;MACbC,IAAI,EAAE;IACR,CAAC;IACDC,SAAS,GAAG;EAKd,CAAC,GAAAH,KAAA;EAED,IAAI,CAACI,KAAK,CAACC,OAAO,CAACvB,KAAK,CAAC,EAAE;IACzB,OAAOA,KAAK;EACd;EACA,IAAI;IACF,MAAMwB,SAAS,GAAG,IAAIC,IAAI,CAACC,UAAU,CAAC9B,MAAM,EAAEK,MAAM,CAAC;IACrD,OAAOuB,SAAS,CAACvB,MAAM,CAACD,KAAK,CAACW,GAAG,CAAEgB,CAAC,IAAKC,MAAM,CAACD,CAAC,CAAC,CAAC,CAAC;EACtD,CAAC,CAAC,OAAOE,KAAK,EAAE;IACd,OAAO7B,KAAK,CAAC8B,IAAI,CAACT,SAAS,CAAC;EAC9B;AACF;AAEA3B,cAAc,CAACqC,qBAAqB,GAAG,IAAI;AAC3C,eAAerC,cAAc"}

package/extensions/forms/Value/ArraySelection/ArraySelectionDocs.d.ts

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

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

@@ -0,0 +1,8 @@
+export const ArraySelectionProperties = {
+  format: {
+    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',
+    type: 'Intl.ListFormatOptions',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ArraySelectionDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArraySelectionDocs.js","names":["ArraySelectionProperties","format","doc","type","status"],"sources":["../../../../../../src/extensions/forms/Value/ArraySelection/ArraySelectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ArraySelectionProperties: PropertiesTableProps = {\n  format: {\n    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',\n    type: 'Intl.ListFormatOptions',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,wBAA8C,GAAG;EAC5DC,MAAM,EAAE;IACNC,GAAG,EAAE,yLAAyL;IAC9LC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Value/ArraySelection/index.d.ts

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

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

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

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

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

package/extensions/forms/Value/Selection/Selection.d.ts

@@ -0,0 +1,9 @@
+import { Path, ValueProps } from '../../types';
+export type Props = ValueProps<string> & {
+    dataPath?: Path;
+};
+declare function Selection(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Selection {
+    var _supportsSpacingProps: boolean;
+}
+export default Selection;

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

@@ -0,0 +1,48 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["path", "dataPath", "value"];
+import React, { useContext, useMemo } from 'react';
+import StringValue from '../String';
+import { useValueProps } from '../../hooks';
+import useDataValue from '../../hooks/useDataValue';
+import Context from '../../DataContext/Context';
+import { convertJsxToString } from '../../../../shared/component-helper';
+function Selection(props) {
+  const {
+    fieldPropsRef
+  } = useContext(Context) || {};
+  const _useValueProps = useValueProps(props),
+    {
+      path,
+      dataPath,
+      value
+    } = _useValueProps,
+    rest = _objectWithoutProperties(_useValueProps, _excluded);
+  const {
+    getValueByPath
+  } = useDataValue();
+  const valueToDisplay = 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];
+    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'];
+      }
+      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 ? convertJsxToString(title) : value;
+    }
+    return value;
+  }, [dataPath, fieldPropsRef, getValueByPath, path, value]);
+  return React.createElement(StringValue, _extends({
+    value: valueToDisplay
+  }, rest));
+}
+Selection._supportsSpacingProps = true;
+export default Selection;
+//# sourceMappingURL=Selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Selection.js","names":["React","useContext","useMemo","StringValue","useValueProps","useDataValue","Context","convertJsxToString","Selection","props","fieldPropsRef","_useValueProps","path","dataPath","value","rest","_objectWithoutProperties","_excluded","getValueByPath","valueToDisplay","_fieldPropsRef$curren","fieldProp","current","_getValueByPath","_getValueByPath$map","_list","_list$find","_list$find$call","_list$find$call$props","list","map","call","title","find","child","createElement","_extends","_supportsSpacingProps"],"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} {...rest} />\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,WAAW,MAAM,WAAW;AAEnC,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,OAAO,MAAM,2BAA2B;AAC/C,SAASC,kBAAkB,QAAQ,qCAAqC;AAOxE,SAASC,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC;EAAc,CAAC,GAAGT,UAAU,CAACK,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAAK,cAAA,GAA2CP,aAAa,CAACK,KAAK,CAAC;IAAzD;MAAEG,IAAI;MAAEC,QAAQ;MAAEC;IAAe,CAAC,GAAAH,cAAA;IAANI,IAAI,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;EACtC,MAAM;IAAEC;EAAe,CAAC,GAAGb,YAAY,CAAC,CAAC;EAEzC,MAAMc,cAAc,GAAGjB,OAAO,CAAqB,MAAM;IAAA,IAAAkB,qBAAA;IACvD,MAAMC,SAAS,GAAGX,aAAa,aAAbA,aAAa,wBAAAU,qBAAA,GAAbV,aAAa,CAAEY,OAAO,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAyBR,IAAI,CAAC;IAEhD,IAAIA,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAAU,eAAA,EAAAC,mBAAA,EAAAC,KAAA,EAAAC,UAAA,EAAAC,eAAA,EAAAC,qBAAA;MACpB,IAAIC,IAAI,IAAAN,eAAA,GAAGL,cAAc,CAACL,QAAQ,CAAC,cAAAU,eAAA,wBAAAC,mBAAA,GAAxBD,eAAA,CAA0BO,GAAG,cAAAN,mBAAA,uBAA7BA,mBAAA,CAAAO,IAAA,CAAAR,eAAA,EAAiCd,KAAK,KAAM;QAAEA;MAAM,CAAC,CAAC,CAAC;MAElE,IAAI,CAACoB,IAAI,EAAE;QACTA,IAAI,GAAGR,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,UAAU,CAE5B;MACH;MAEA,MAAMW,KAAK,IAAAP,KAAA,GAAGI,IAAI,cAAAJ,KAAA,wBAAAC,UAAA,GAAJD,KAAA,CAAMQ,IAAI,cAAAP,UAAA,wBAAAC,eAAA,GAAVD,UAAA,CAAAK,IAAA,CAAAN,KAAA,EAAcS,KAAK,IAAKA,KAAK,CAACzB,KAAK,CAACK,KAAK,KAAKA,KAAK,CAAC,cAAAa,eAAA,wBAAAC,qBAAA,GAApDD,eAAA,CACVlB,KAAK,cAAAmB,qBAAA,uBADKA,qBAAA,CACHI,KAAK;MAEhB,OAAOA,KAAK,GAAGzB,kBAAkB,CAACyB,KAAK,CAAC,GAAGlB,KAAK;IAClD;IAEA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACD,QAAQ,EAAEH,aAAa,EAAEQ,cAAc,EAAEN,IAAI,EAAEE,KAAK,CAAC,CAAC;EAE1D,OAAOd,KAAA,CAAAmC,aAAA,CAAChC,WAAW,EAAAiC,QAAA;IAACtB,KAAK,EAAEK;EAAe,GAAKJ,IAAI,CAAG,CAAC;AACzD;AAEAP,SAAS,CAAC6B,qBAAqB,GAAG,IAAI;AACtC,eAAe7B,SAAS"}

package/extensions/forms/Value/Selection/SelectionDocs.d.ts

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

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

@@ -0,0 +1,8 @@
+export const SelectionProperties = {
+  dataPath: {
+    doc: 'The path to the context data (Form.Handler). The object needs to have a `value` and a `title` property. The generated options will be placed above given JSX based children.',
+    type: 'string',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=SelectionDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionDocs.js","names":["SelectionProperties","dataPath","doc","type","status"],"sources":["../../../../../../src/extensions/forms/Value/Selection/SelectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SelectionProperties: PropertiesTableProps = {\n  dataPath: {\n    doc: 'The path to the context data (Form.Handler). The object needs to have a `value` and a `title` property. The generated options will be placed above given JSX based children.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,QAAQ,EAAE;IACRC,GAAG,EAAE,8KAA8K;IACnLC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Value/Selection/index.d.ts

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

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

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

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

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

package/extensions/forms/Value/ValueDocs.js

@@ -10,10 +10,15 @@ export const ValueProperties = {
     status: 'optional'
   },
   label: {
-    doc: 'Field label to show above the data value.',
+    doc: 'Field label to show above the displayed value.',
     type: 'string',
     status: 'optional'
   },
+  inheritLabel: {
+    doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',
+    type: 'boolean',
+    status: 'optional'
+  },
   showEmpty: {
     doc: 'Shows the value even if it is empty.',
     type: 'boolean',

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

@@ -1 +1 @@
-{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","showEmpty","placeholder","path","inline","maxWidth","transformIn"],"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":"AAEA,OAAO,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"}
+{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","inheritLabel","showEmpty","placeholder","path","inline","maxWidth","transformIn"],"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 displayed value.',\n    type: 'string',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',\n    type: 'boolean',\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":"AAEA,OAAO,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,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,SAAS,EAAE;IACTN,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,WAAW,EAAE;IACXP,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,WAAW,EAAE;IACXX,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"}

package/extensions/forms/Value/index.d.ts

@@ -12,3 +12,5 @@ export { default as BankAccountNumber } from './BankAccountNumber';
 export { default as OrganizationNumber } from './OrganizationNumber';
 export { default as SummaryList } from './SummaryList';
 export { default as Composition } from './Composition';
+export { default as ArraySelection } from './ArraySelection';
+export { default as Selection } from './Selection';