@dnb/eufemia 10.47.0 → 10.48.0

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"RemoveButton.js","names":["React","useCallback","useContext","classnames","Button","IterateItemContext","useFieldProps","useTranslation","ArrayItemAreaContext","omitDataValueReadWriteProps","trash","RemoveButton","props","iterateItemContext","handleRemove","Error","className","restProps","_objectWithoutProperties","_excluded","children","text","buttonProps","translation","textContent","elementBlockContext","handleRemoveItem","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 ArrayItemAreaContext from '../Array/ArrayItemAreaContext'\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(ArrayItemAreaContext)\n  const { handleRemoveItem } = elementBlockContext || {}\n\n  const handleClick = useCallback(() => {\n    if (handleRemoveItem) {\n      handleRemoveItem?.()\n    } else {\n      handleRemove?.()\n    }\n  }, [handleRemove, handleRemoveItem])\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,oBAAoB,MAAM,+BAA+B;AAChE,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,IAAI,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,oBAAoB,CAAC;EAC5D,MAAM;IAAEkB;EAAiB,CAAC,GAAGD,mBAAmB,IAAI,CAAC,CAAC;EAEtD,MAAME,WAAW,GAAG1B,WAAW,CAAC,MAAM;IACpC,IAAIyB,gBAAgB,EAAE;MACpBA,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAG,CAAC;IACtB,CAAC,MAAM;MACLZ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,YAAY,EAAEY,gBAAgB,CAAC,CAAC;EAEpC,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/Toolbar/Toolbar.d.ts

@@ -1,6 +1,14 @@
+import React from 'react';
 import { SpaceAllProps } from '../../../../components/Space';
-export type Props = SpaceAllProps;
-declare function Toolbar(props: Props): import("react/jsx-runtime").JSX.Element;
+export type ToolbarParams = {
+    index: number;
+    items: Array<unknown>;
+    value: unknown;
+};
+export type Props = Omit<SpaceAllProps, 'children'> & {
+    children?: React.ReactNode | ((params: ToolbarParams) => React.ReactNode);
+};
+declare function Toolbar({ children, className, ...rest }?: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Toolbar {
     var _supportsSpacingProps: boolean;
 }

package/extensions/forms/Iterate/Toolbar/Toolbar.js

@@ -1,27 +1,72 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _Hr;
 const _excluded = ["children", "className"];
-import React from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import classnames from 'classnames';
 import { Hr } from '../../../../elements';
-import { Flex, Space } from '../../../../components';
-export default function Toolbar(props) {
-  const _ref = props || {},
-    {
+import { Flex, FormStatus, Space } from '../../../../components';
+import IterateItemContext from '../IterateItemContext';
+import ToolbarContext from './ToolbarContext';
+import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
+import { useTranslation } from '../../hooks';
+export default function Toolbar() {
+  let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let {
       children,
       className
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    index,
+    value,
+    arrayValue: items
+  } = useContext(IterateItemContext) || {};
+  const {
+    errorInContainer
+  } = useTranslation().IterateEditContainer;
+  const {
+    hasError,
+    hasVisibleError
+  } = useContext(FieldBoundaryContext) || {};
+  const [showError, setShowError] = useState(false);
+  useEffect(() => {
+    if (showError && !hasError) {
+      setShowError(false);
+    }
+  }, [hasError, showError]);
+  if (typeof children === 'function') {
+    var _children;
+    children = (_children = children) === null || _children === void 0 ? void 0 : _children({
+      index,
+      items,
+      value
+    });
+  }
+  if (React.Children.count(children) === 0) {
+    return React.createElement(React.Fragment, null);
+  }
   return React.createElement(Space, _extends({
     top: "medium",
     className: classnames('dnb-forms-iterate-toolbar', className)
   }, rest), _Hr || (_Hr = React.createElement(Hr, {
     space: 0
-  })), React.createElement(Flex.Horizontal, {
+  })), React.createElement(ToolbarContext.Provider, {
+    value: {
+      setShowError
+    }
+  }, React.createElement(Flex.Horizontal, {
     top: "x-small",
     gap: "large"
-  }, children));
+  }, children)), React.createElement(FormStatus, {
+    show: showError && hasVisibleError,
+    shellSpace: {
+      top: 'x-small'
+    },
+    no_animation: false
+  }, errorInContainer));
 }
 Toolbar._supportsSpacingProps = true;
 //# sourceMappingURL=Toolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","names":["React","classnames","Hr","Flex","Space","Toolbar","props","_ref","children","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","top","_Hr","space","Horizontal","gap","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Hr } from '../../../../elements'\nimport { Flex, Space } from '../../../../components'\nimport { SpaceAllProps } from '../../../../components/Space'\n\nexport type Props = SpaceAllProps\n\nexport default function Toolbar(props: Props) {\n  const { children, className, ...rest } = props || {}\n\n  return (\n    <Space\n      top=\"medium\"\n      className={classnames('dnb-forms-iterate-toolbar', className)}\n      {...rest}\n    >\n      <Hr space={0} />\n\n      <Flex.Horizontal top=\"x-small\" gap=\"large\">\n        {children}\n      </Flex.Horizontal>\n    </Space>\n  )\n}\n\nToolbar._supportsSpacingProps = true\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,EAAE,QAAQ,sBAAsB;AACzC,SAASC,IAAI,EAAEC,KAAK,QAAQ,wBAAwB;AAKpD,eAAe,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC5C,MAAAC,IAAA,GAAyCD,KAAK,IAAI,CAAC,CAAC;IAA9C;MAAEE,QAAQ;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAEpC,OACEZ,KAAA,CAAAa,aAAA,CAACT,KAAK,EAAAU,QAAA;IACJC,GAAG,EAAC,QAAQ;IACZN,SAAS,EAAER,UAAU,CAAC,2BAA2B,EAAEQ,SAAS;EAAE,GAC1DC,IAAI,GAAAM,GAAA,KAAAA,GAAA,GAERhB,KAAA,CAAAa,aAAA,CAACX,EAAE;IAACe,KAAK,EAAE;EAAE,CAAE,CAAC,GAEhBjB,KAAA,CAAAa,aAAA,CAACV,IAAI,CAACe,UAAU;IAACH,GAAG,EAAC,SAAS;IAACI,GAAG,EAAC;EAAO,GACvCX,QACc,CACZ,CAAC;AAEZ;AAEAH,OAAO,CAACe,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"Toolbar.js","names":["React","useContext","useEffect","useState","classnames","Hr","Flex","FormStatus","Space","IterateItemContext","ToolbarContext","FieldBoundaryContext","useTranslation","Toolbar","_ref","arguments","length","undefined","children","className","rest","_objectWithoutProperties","_excluded","index","value","arrayValue","items","errorInContainer","IterateEditContainer","hasError","hasVisibleError","showError","setShowError","_children","Children","count","createElement","Fragment","_extends","top","_Hr","space","Provider","Horizontal","gap","show","shellSpace","no_animation","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react'\nimport classnames from 'classnames'\nimport { Hr } from '../../../../elements'\nimport { Flex, FormStatus, Space } from '../../../../components'\nimport { SpaceAllProps } from '../../../../components/Space'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from './ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { useTranslation } from '../../hooks'\n\nexport type ToolbarParams = {\n  index: number\n  items: Array<unknown>\n  value: unknown\n}\nexport type Props = Omit<SpaceAllProps, 'children'> & {\n  children?: React.ReactNode | ((params: ToolbarParams) => React.ReactNode)\n}\n\nexport default function Toolbar({\n  children,\n  className,\n  ...rest\n}: Props = {}) {\n  const {\n    index,\n    value,\n    arrayValue: items,\n  } = useContext(IterateItemContext) || {}\n  const { errorInContainer } = useTranslation().IterateEditContainer\n  const { hasError, hasVisibleError } =\n    useContext(FieldBoundaryContext) || {}\n  const [showError, setShowError] = useState(false)\n\n  useEffect(() => {\n    if (showError && !hasError) {\n      setShowError(false)\n    }\n  }, [hasError, showError])\n\n  if (typeof children === 'function') {\n    children = children?.({ index, items, value })\n  }\n\n  if (React.Children.count(children) === 0) {\n    return <></>\n  }\n\n  return (\n    <Space\n      top=\"medium\"\n      className={classnames('dnb-forms-iterate-toolbar', className)}\n      {...rest}\n    >\n      <Hr space={0} />\n\n      <ToolbarContext.Provider value={{ setShowError }}>\n        <Flex.Horizontal top=\"x-small\" gap=\"large\">\n          {children}\n        </Flex.Horizontal>\n      </ToolbarContext.Provider>\n\n      <FormStatus\n        show={showError && hasVisibleError}\n        shellSpace={{ top: 'x-small' }}\n        no_animation={false}\n      >\n        {errorInContainer}\n      </FormStatus>\n    </Space>\n  )\n}\n\nToolbar._supportsSpacingProps = true\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,EAAE,QAAQ,sBAAsB;AACzC,SAASC,IAAI,EAAEC,UAAU,EAAEC,KAAK,QAAQ,wBAAwB;AAEhE,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,oBAAoB,MAAM,sDAAsD;AACvF,SAASC,cAAc,QAAQ,aAAa;AAW5C,eAAe,SAASC,OAAOA,CAAA,EAIhB;EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAJ,CAAC,CAAC;EAAA,IAJmB;MAC9BG,QAAQ;MACRC;IAEK,CAAC,GAAAL,IAAA;IADHM,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,MAAM;IACJC,KAAK;IACLC,KAAK;IACLC,UAAU,EAAEC;EACd,CAAC,GAAGzB,UAAU,CAACQ,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACxC,MAAM;IAAEkB;EAAiB,CAAC,GAAGf,cAAc,CAAC,CAAC,CAACgB,oBAAoB;EAClE,MAAM;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GACjC7B,UAAU,CAACU,oBAAoB,CAAC,IAAI,CAAC,CAAC;EACxC,MAAM,CAACoB,SAAS,EAAEC,YAAY,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EAEjDD,SAAS,CAAC,MAAM;IACd,IAAI6B,SAAS,IAAI,CAACF,QAAQ,EAAE;MAC1BG,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACH,QAAQ,EAAEE,SAAS,CAAC,CAAC;EAEzB,IAAI,OAAOb,QAAQ,KAAK,UAAU,EAAE;IAAA,IAAAe,SAAA;IAClCf,QAAQ,IAAAe,SAAA,GAAGf,QAAQ,cAAAe,SAAA,uBAARA,SAAA,CAAW;MAAEV,KAAK;MAAEG,KAAK;MAAEF;IAAM,CAAC,CAAC;EAChD;EAEA,IAAIxB,KAAK,CAACkC,QAAQ,CAACC,KAAK,CAACjB,QAAQ,CAAC,KAAK,CAAC,EAAE;IACxC,OAAOlB,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAAqC,QAAA,MAAI,CAAC;EACd;EAEA,OACErC,KAAA,CAAAoC,aAAA,CAAC5B,KAAK,EAAA8B,QAAA;IACJC,GAAG,EAAC,QAAQ;IACZpB,SAAS,EAAEf,UAAU,CAAC,2BAA2B,EAAEe,SAAS;EAAE,GAC1DC,IAAI,GAAAoB,GAAA,KAAAA,GAAA,GAERxC,KAAA,CAAAoC,aAAA,CAAC/B,EAAE;IAACoC,KAAK,EAAE;EAAE,CAAE,CAAC,GAEhBzC,KAAA,CAAAoC,aAAA,CAAC1B,cAAc,CAACgC,QAAQ;IAAClB,KAAK,EAAE;MAAEQ;IAAa;EAAE,GAC/ChC,KAAA,CAAAoC,aAAA,CAAC9B,IAAI,CAACqC,UAAU;IAACJ,GAAG,EAAC,SAAS;IAACK,GAAG,EAAC;EAAO,GACvC1B,QACc,CACM,CAAC,EAE1BlB,KAAA,CAAAoC,aAAA,CAAC7B,UAAU;IACTsC,IAAI,EAAEd,SAAS,IAAID,eAAgB;IACnCgB,UAAU,EAAE;MAAEP,GAAG,EAAE;IAAU,CAAE;IAC/BQ,YAAY,EAAE;EAAM,GAEnBpB,gBACS,CACP,CAAC;AAEZ;AAEAd,OAAO,CAACmC,qBAAqB,GAAG,IAAI"}

package/extensions/forms/Iterate/Toolbar/ToolbarContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ToolbarContextState {
+    setShowError?: (showError: boolean) => void;
+}
+declare const ToolbarContext: React.Context<ToolbarContextState>;
+export default ToolbarContext;

package/extensions/forms/Iterate/Toolbar/ToolbarContext.js

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

package/extensions/forms/Iterate/Toolbar/ToolbarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarContext.js","names":["React","ToolbarContext","createContext","undefined"],"sources":["../../../../../../src/extensions/forms/Iterate/Toolbar/ToolbarContext.ts"],"sourcesContent":["import React from 'react'\n\nexport interface ToolbarContextState {\n  setShowError?: (showError: boolean) => void\n}\n\nconst ToolbarContext = React.createContext<\n  ToolbarContextState | undefined\n>(undefined)\n\nexport default ToolbarContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,MAAMC,cAAc,GAAGD,KAAK,CAACE,aAAa,CAExCC,SAAS,CAAC;AAEZ,eAAeF,cAAc"}

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

@@ -0,0 +1 @@
+export default function ViewContainerEditButton(): import("react/jsx-runtime").JSX.Element;

package/{es/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js → extensions/forms/Iterate/ViewContainer/EditButton.js}

@@ -1,29 +1,26 @@
 "use client";
 
 import React, { useCallback, useContext } from 'react';
-import { Button, Flex } from '../../../../components';
-import RemoveButton from '../RemoveButton';
+import { Button } from '../../../../components';
 import useTranslation from '../../hooks/useTranslation';
 import IterateItemContext from '../IterateItemContext';
 import { edit } from '../../../../icons';
-export default function ViewToolbarTools() {
+export default function ViewContainerEditButton() {
   const iterateItemContext = useContext(IterateItemContext);
   const {
     switchContainerMode
   } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
-  const translation = useTranslation().IterateViewContainer;
+  const {
+    editButton
+  } = useTranslation().IterateViewContainer;
   const editHandler = useCallback(() => {
     switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
   }, [switchContainerMode]);
-  return React.createElement(Flex.Horizontal, {
-    gap: "large"
-  }, React.createElement(Button, {
+  return React.createElement(Button, {
     variant: "tertiary",
     icon: edit,
     icon_position: "left",
     on_click: editHandler
-  }, translation.editButton), React.createElement(RemoveButton, {
-    text: translation.removeButton
-  }));
+  }, editButton);
 }
-//# sourceMappingURL=ViewToolbarTools.js.map
+//# sourceMappingURL=EditButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditButton.js","names":["React","useCallback","useContext","Button","useTranslation","IterateItemContext","edit","ViewContainerEditButton","iterateItemContext","switchContainerMode","editButton","IterateViewContainer","editHandler","createElement","variant","icon","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/EditButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport { edit } from '../../../../icons'\n\nexport default function ViewContainerEditButton() {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { switchContainerMode } = iterateItemContext ?? {}\n  const { editButton } = useTranslation().IterateViewContainer\n\n  const editHandler = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      icon={edit}\n      icon_position=\"left\"\n      on_click={editHandler}\n    >\n      {editButton}\n    </Button>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SAASC,IAAI,QAAQ,mBAAmB;AAExC,eAAe,SAASC,uBAAuBA,CAAA,EAAG;EAChD,MAAMC,kBAAkB,GAAGN,UAAU,CAACG,kBAAkB,CAAC;EACzD,MAAM;IAAEI;EAAoB,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EACxD,MAAM;IAAEE;EAAW,CAAC,GAAGN,cAAc,CAAC,CAAC,CAACO,oBAAoB;EAE5D,MAAMC,WAAW,GAAGX,WAAW,CAAC,MAAM;IACpCQ,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACET,KAAA,CAAAa,aAAA,CAACV,MAAM;IACLW,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAET,IAAK;IACXU,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEL;EAAY,GAErBF,UACK,CAAC;AAEb"}

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

@@ -0,0 +1 @@
+export default function ViewContainerRemoveButton(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import RemoveButton from '../RemoveButton';
+import useTranslation from '../../hooks/useTranslation';
+export default function ViewContainerRemoveButton() {
+  const {
+    removeButton
+  } = useTranslation().IterateViewContainer;
+  return React.createElement(RemoveButton, {
+    text: removeButton
+  });
+}
+//# sourceMappingURL=RemoveButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveButton.js","names":["React","RemoveButton","useTranslation","ViewContainerRemoveButton","removeButton","IterateViewContainer","createElement","text"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/RemoveButton.tsx"],"sourcesContent":["import React from 'react'\nimport RemoveButton from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport default function ViewContainerRemoveButton() {\n  const { removeButton } = useTranslation().IterateViewContainer\n\n  return <RemoveButton text={removeButton} />\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,cAAc,MAAM,4BAA4B;AAEvD,eAAe,SAASC,yBAAyBA,CAAA,EAAG;EAClD,MAAM;IAAEC;EAAa,CAAC,GAAGF,cAAc,CAAC,CAAC,CAACG,oBAAoB;EAE9D,OAAOL,KAAA,CAAAM,aAAA,CAACL,YAAY;IAACM,IAAI,EAAEH;EAAa,CAAE,CAAC;AAC7C"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Props as FlexContainerProps } from '../../../../components/flex/Container';
-import { ElementSectionProps } from '../AnimatedContainer/ElementBlock';
+import { ArrayItemAreaProps } from '../Array/ArrayItemArea';
 export type Props = {
     /**
      * The title of the ViewContainer.
@@ -10,10 +10,16 @@ export type Props = {
      * An alternative toolbar to be shown in the ViewContainer.
      */
     toolbar?: React.ReactNode;
+    /**
+     * The variant of the toolbar.
+     */
+    toolbarVariant?: 'minimumOneItem';
 };
-export type AllProps = Props & FlexContainerProps & ElementSectionProps;
+export type AllProps = Props & FlexContainerProps & ArrayItemAreaProps;
 declare function ViewContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ViewContainer {
+    var EditButton: typeof import("./EditButton").default;
+    var RemoveButton: typeof import("./RemoveButton").default;
     var _supportsSpacingProps: boolean;
 }
 export default ViewContainer;

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

@@ -2,40 +2,55 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _Toolbar;
-const _excluded = ["children", "className", "title", "toolbar"];
+var _Toolbar, _Toolbar2;
+const _excluded = ["children", "className", "title", "toolbar", "toolbarVariant"];
 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 ArrayItemArea from '../Array/ArrayItemArea';
 import IterateItemContext from '../IterateItemContext';
 import Toolbar from '../Toolbar';
-import ViewToolbarTools from './ViewToolbarTools';
+import EditButton from './EditButton';
+import RemoveButton from './RemoveButton';
 function ViewContainer(props) {
+  var _toolbarElement;
   const _ref = props || {},
     {
       children,
       className,
       title,
-      toolbar
+      toolbar,
+      toolbarVariant
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  const iterateItemContext = useContext(IterateItemContext);
+  const {
+    index,
+    arrayValue
+  } = useContext(IterateItemContext);
   let itemTitle = title;
   let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle]);
   if (ariaLabel.includes('{itemNr}')) {
-    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', iterateItemContext.index + 1);
+    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', index + 1);
   }
-  return React.createElement(ElementBlock, _extends({
+  let toolbarElement = toolbar;
+  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {
+    toolbarElement = _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(EditButton, null)));
+  }
+  const hasToolbar = !toolbarElement && React.Children.toArray(children).some(child => {
+    return (child === null || child === void 0 ? void 0 : child['type']) === Toolbar;
+  });
+  return React.createElement(ArrayItemArea, _extends({
     mode: "view",
     ariaLabel: ariaLabel,
     className: classnames('dnb-forms-section-view-block', className)
   }, restProps), React.createElement(Flex.Stack, null, itemTitle && React.createElement(Lead, {
     size: "basis"
-  }, itemTitle), children, toolbar !== null && toolbar !== void 0 ? toolbar : _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(ViewToolbarTools, null)))));
+  }, itemTitle), children, hasToolbar ? null : (_toolbarElement = toolbarElement) !== null && _toolbarElement !== void 0 ? _toolbarElement : _Toolbar2 || (_Toolbar2 = React.createElement(Toolbar, null, React.createElement(EditButton, null), React.createElement(RemoveButton, null)))));
 }
+ViewContainer.EditButton = EditButton;
+ViewContainer.RemoveButton = RemoveButton;
 ViewContainer._supportsSpacingProps = true;
 export default ViewContainer;
 //# sourceMappingURL=ViewContainer.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Flex","Lead","ArrayItemArea","IterateItemContext","Toolbar","EditButton","RemoveButton","ViewContainer","props","_toolbarElement","_ref","children","className","title","toolbar","toolbarVariant","restProps","_objectWithoutProperties","_excluded","index","arrayValue","itemTitle","ariaLabel","includes","replace","toolbarElement","length","_Toolbar","createElement","hasToolbar","Children","toArray","some","child","_extends","mode","Stack","size","_Toolbar2","_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 ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport EditButton from './EditButton'\nimport RemoveButton from './RemoveButton'\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   * The variant of the toolbar.\n   */\n  toolbarVariant?: 'minimumOneItem'\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nfunction ViewContainer(props: AllProps) {\n  const {\n    children,\n    className,\n    title,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n  const { index, arrayValue } = useContext(IterateItemContext)\n\n  let itemTitle = title\n  let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])\n  if (ariaLabel.includes('{itemNr}')) {\n    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', index + 1)\n  }\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = (\n      <Toolbar>\n        <EditButton />\n      </Toolbar>\n    )\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <ArrayItemArea\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        {hasToolbar\n          ? null\n          : toolbarElement ?? (\n              <Toolbar>\n                <EditButton />\n                <RemoveButton />\n              </Toolbar>\n            )}\n      </Flex.Stack>\n    </ArrayItemArea>\n  )\n}\n\nViewContainer.EditButton = EditButton\nViewContainer.RemoveButton = RemoveButton\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,aAAa,MAA8B,wBAAwB;AAC1E,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AAmBzC,SAASC,aAAaA,CAACC,KAAe,EAAE;EAAA,IAAAC,eAAA;EACtC,MAAAC,IAAA,GAOIF,KAAK,IAAI,CAAC,CAAC;IAPT;MACJG,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC;IAEF,CAAC,GAAAL,IAAA;IADIM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGxB,UAAU,CAACO,kBAAkB,CAAC;EAE5D,IAAIkB,SAAS,GAAGR,KAAK;EACrB,IAAIS,SAAS,GAAGzB,OAAO,CAAC,MAAME,kBAAkB,CAACsB,SAAS,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACzE,IAAIC,SAAS,CAACC,QAAQ,CAAC,UAAU,CAAC,EAAE;IAClCF,SAAS,GAAGC,SAAS,GAAGA,SAAS,CAACE,OAAO,CAAC,UAAU,EAAEL,KAAK,GAAG,CAAC,CAAC;EAClE;EAEA,IAAIM,cAAc,GAAGX,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIK,UAAU,CAACM,MAAM,IAAI,CAAC,EAAE;IACjED,cAAc,GAAAE,QAAA,KAAAA,QAAA,GACZhC,KAAA,CAAAiC,aAAA,CAACxB,OAAO,QACNT,KAAA,CAAAiC,aAAA,CAACvB,UAAU,MAAE,CACN,CAAC,CACX;EACH;EAEA,MAAMwB,UAAU,GACd,CAACJ,cAAc,IACf9B,KAAK,CAACmC,QAAQ,CAACC,OAAO,CAACpB,QAAQ,CAAC,CAACqB,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAK7B,OAAO;EACpC,CAAC,CAAC;EAEJ,OACET,KAAA,CAAAiC,aAAA,CAAC1B,aAAa,EAAAgC,QAAA;IACZC,IAAI,EAAC,MAAM;IACXb,SAAS,EAAEA,SAAU;IACrBV,SAAS,EAAEd,UAAU,CAAC,8BAA8B,EAAEc,SAAS;EAAE,GAC7DI,SAAS,GAEbrB,KAAA,CAAAiC,aAAA,CAAC5B,IAAI,CAACoC,KAAK,QACRf,SAAS,IAAI1B,KAAA,CAAAiC,aAAA,CAAC3B,IAAI;IAACoC,IAAI,EAAC;EAAO,GAAEhB,SAAgB,CAAC,EAClDV,QAAQ,EACRkB,UAAU,GACP,IAAI,IAAApB,eAAA,GACJgB,cAAc,cAAAhB,eAAA,cAAAA,eAAA,GAAA6B,SAAA,KAAAA,SAAA,GACZ3C,KAAA,CAAAiC,aAAA,CAACxB,OAAO,QACNT,KAAA,CAAAiC,aAAA,CAACvB,UAAU,MAAE,CAAC,EACdV,KAAA,CAAAiC,aAAA,CAACtB,YAAY,MAAE,CACR,CAAC,CAEN,CACC,CAAC;AAEpB;AAEAC,aAAa,CAACF,UAAU,GAAGA,UAAU;AACrCE,aAAa,CAACD,YAAY,GAAGA,YAAY;AAEzCC,aAAa,CAACgC,qBAAqB,GAAG,IAAI;AAC1C,eAAehC,aAAa"}

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

@@ -14,6 +14,11 @@ export const ViewContainerProperties = {
     type: 'React.Node',
     status: 'optional'
   },
+  toolbarVariant: {
+    doc: 'Use variants to render the toolbar differently. Currently there is only the `minimumOneItem` variant. See the info section for more info.',
+    type: 'string',
+    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","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"}
+{"version":3,"file":"ViewContainerDocs.js","names":["ViewContainerProperties","title","doc","type","status","variant","toolbar","toolbarVariant","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  toolbarVariant: {\n    doc: 'Use variants to render the toolbar differently. Currently there is only the `minimumOneItem` variant. See the info section for more info.',\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;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDG,cAAc,EAAE;IACdL,GAAG,EAAE,2IAA2I;IAChJC,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,MAAMI,mBAAyC,GAAG,CAAC,CAAC"}

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

@@ -1,2 +1,4 @@
 export { default } from './ViewContainer';
 export * from './ViewContainer';
+export { default as EditButton } from './EditButton';
+export { default as RemoveButton } from './RemoveButton';

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

@@ -1,3 +1,5 @@
 export { default } from './ViewContainer';
 export * from './ViewContainer';
+export { default as EditButton } from './EditButton';
+export { default as RemoveButton } from './RemoveButton';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/index.ts"],"sourcesContent":["export { default } from './ViewContainer'\nexport * from './ViewContainer'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","EditButton","RemoveButton"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/index.ts"],"sourcesContent":["export { default } from './ViewContainer'\nexport * from './ViewContainer'\nexport { default as EditButton } from './EditButton'\nexport { default as RemoveButton } from './RemoveButton'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB"}

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

@@ -0,0 +1,2 @@
+export { default as useItem } from './useItem';
+export { default as useSwitchContainerMode } from './useSwitchContainerMode';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","useItem","useSwitchContainerMode"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/index.ts"],"sourcesContent":["export { default as useItem } from './useItem'\nexport { default as useSwitchContainerMode } from './useSwitchContainerMode'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,sBAAsB,QAAQ,0BAA0B"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ContainerMode } from '../Array';
+import { Path } from '../../types';
+/**
+ * This is a helper for the Iterate component.
+ * It is used to switch the container mode of the items inside the Iterate component.
+ * You can use the hook outside of the Iterate component, and it will communicate with the items inside the Iterate component.
+ * Therefore, it is imported and used in both e.g. the EditContainer and e.g. the PushButton.
+ */
+export default function useSwitchContainerMode({ path, }?: {
+    path?: Path;
+}): {
+    getNextContainerMode: () => ContainerMode | undefined;
+    nextContainerModeRef: import("react").MutableRefObject<undefined>;
+    setNextContainerMode: (mode: ContainerMode) => void;
+    setLastItemContainerMode: (mode: ContainerMode) => void;
+};

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

@@ -0,0 +1,87 @@
+"use client";
+
+import { useCallback, useContext, useEffect, useRef } from 'react';
+import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
+import IterateItemContext from '../IterateItemContext';
+const globalContainerModeRef = {
+  current: undefined
+};
+const globalCache = {};
+export default function useSwitchContainerMode() {
+  let {
+    path
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const nextContainerModeRef = useRef();
+  const {
+    hasError
+  } = useContext(FieldBoundaryContext) || {};
+  const iterateItemContext = useContext(IterateItemContext);
+  const id = iterateItemContext === null || iterateItemContext === void 0 ? void 0 : iterateItemContext.id;
+  const hash = (path || '') + 'useSwitchContainerMode';
+  useEffect(() => {
+    nextContainerModeRef.current = globalContainerModeRef.current;
+    requestAnimationFrame(() => {
+      if (nextContainerModeRef.current) {
+        globalContainerModeRef.current = undefined;
+      }
+    });
+  });
+  useEffect(() => {
+    if (hash && iterateItemContext) {
+      globalCache[hash] = globalCache[hash] || {};
+      const {
+        index,
+        arrayValue,
+        switchContainerMode
+      } = iterateItemContext;
+      globalCache[hash][id] = {
+        index,
+        hasError,
+        count: arrayValue === null || arrayValue === void 0 ? void 0 : arrayValue.length,
+        switchContainerMode
+      };
+    }
+    return () => {
+      if (id) {
+        globalCache[hash][id] = undefined;
+      }
+    };
+  }, [hasError, hash, id, iterateItemContext]);
+  const setNextContainerMode = useCallback(mode => {
+    globalContainerModeRef.current = mode;
+  }, []);
+  const setContainerMode = useCallback(fn => {
+    const data = globalCache[hash];
+    for (const id in data) {
+      const item = data[id];
+      const mode = item && (fn === null || fn === void 0 ? void 0 : fn(item));
+      if (mode) {
+        item.switchContainerMode(mode, {
+          omitFocusManagement: true
+        });
+      }
+    }
+  }, [hash]);
+  const setLastItemContainerMode = useCallback(mode => {
+    setContainerMode(_ref => {
+      let {
+        hasError,
+        index,
+        count
+      } = _ref;
+      if (!hasError && index === count - 2) {
+        return mode;
+      }
+    });
+  }, [setContainerMode]);
+  const getNextContainerMode = useCallback(() => {
+    return nextContainerModeRef.current;
+  }, []);
+  return {
+    getNextContainerMode,
+    nextContainerModeRef,
+    setNextContainerMode,
+    setLastItemContainerMode
+  };
+}
+//# sourceMappingURL=useSwitchContainerMode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSwitchContainerMode.js","names":["useCallback","useContext","useEffect","useRef","FieldBoundaryContext","IterateItemContext","globalContainerModeRef","current","undefined","globalCache","useSwitchContainerMode","path","arguments","length","nextContainerModeRef","hasError","iterateItemContext","id","hash","requestAnimationFrame","index","arrayValue","switchContainerMode","count","setNextContainerMode","mode","setContainerMode","fn","data","item","omitFocusManagement","setLastItemContainerMode","_ref","getNextContainerMode"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useSwitchContainerMode.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { ContainerMode } from '../Array'\nimport FieldBoundaryContext, {\n  FieldBoundaryContextState,\n} from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport { Path } from '../../types'\n\ntype GlobalCacheHash = string\ntype GlobalCacheId = string\ntype GlobalCache = {\n  index: IterateItemContextState['index']\n  hasError: FieldBoundaryContextState['hasError']\n  count: number\n  switchContainerMode: IterateItemContextState['switchContainerMode']\n}\ntype GlobalCacheItem = {\n  [string: GlobalCacheHash]: GlobalCache\n}\n\nconst globalContainerModeRef = { current: undefined }\nconst globalCache: Record<\n  GlobalCacheHash,\n  Record<GlobalCacheId, GlobalCache>\n> = {}\n\n/**\n * This is a helper for the Iterate component.\n * It is used to switch the container mode of the items inside the Iterate component.\n * You can use the hook outside of the Iterate component, and it will communicate with the items inside the Iterate component.\n * Therefore, it is imported and used in both e.g. the EditContainer and e.g. the PushButton.\n */\nexport default function useSwitchContainerMode({\n  path,\n}: { path?: Path } = {}) {\n  const nextContainerModeRef = useRef()\n  const { hasError } = useContext(FieldBoundaryContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n\n  const id = iterateItemContext?.id\n  const hash = (path || '') + 'useSwitchContainerMode'\n\n  useEffect(() => {\n    nextContainerModeRef.current = globalContainerModeRef.current\n    requestAnimationFrame(() => {\n      if (nextContainerModeRef.current) {\n        globalContainerModeRef.current = undefined\n      }\n    })\n  })\n\n  useEffect(() => {\n    if (hash && iterateItemContext) {\n      globalCache[hash] = globalCache[hash] || ({} as GlobalCacheItem)\n      const { index, arrayValue, switchContainerMode } = iterateItemContext\n      globalCache[hash][id] = {\n        index,\n        hasError,\n        count: arrayValue?.length,\n        switchContainerMode,\n      }\n    }\n\n    return () => {\n      if (id) {\n        globalCache[hash][id] = undefined\n      }\n    }\n  }, [hasError, hash, id, iterateItemContext])\n\n  const setNextContainerMode = useCallback((mode: ContainerMode) => {\n    globalContainerModeRef.current = mode\n  }, [])\n\n  const setContainerMode = useCallback(\n    (fn: ({ hasError, index, count }) => ContainerMode) => {\n      const data = globalCache[hash]\n      for (const id in data) {\n        const item = data[id]\n        const mode = item && fn?.(item)\n        if (mode) {\n          item.switchContainerMode(mode, { omitFocusManagement: true })\n        }\n      }\n    },\n    [hash]\n  )\n\n  const setLastItemContainerMode = useCallback(\n    (mode: ContainerMode) => {\n      setContainerMode(({ hasError, index, count }) => {\n        if (!hasError && index === count - 2) {\n          return mode\n        }\n      })\n    },\n    [setContainerMode]\n  )\n\n  const getNextContainerMode = useCallback(():\n    | ContainerMode\n    | undefined => {\n    return nextContainerModeRef.current\n  }, [])\n\n  return {\n    getNextContainerMode,\n    nextContainerModeRef,\n    setNextContainerMode,\n    setLastItemContainerMode,\n  }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAElE,OAAOC,oBAAoB,MAEpB,sDAAsD;AAC7D,OAAOC,kBAAkB,MAElB,uBAAuB;AAe9B,MAAMC,sBAAsB,GAAG;EAAEC,OAAO,EAAEC;AAAU,CAAC;AACrD,MAAMC,WAGL,GAAG,CAAC,CAAC;AAQN,eAAe,SAASC,sBAAsBA,CAAA,EAErB;EAAA,IAFsB;IAC7CC;EACe,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAJ,SAAA,GAAAI,SAAA,MAAG,CAAC,CAAC;EACrB,MAAME,oBAAoB,GAAGX,MAAM,CAAC,CAAC;EACrC,MAAM;IAAEY;EAAS,CAAC,GAAGd,UAAU,CAACG,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAC3D,MAAMY,kBAAkB,GAAGf,UAAU,CAACI,kBAAkB,CAAC;EAEzD,MAAMY,EAAE,GAAGD,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAEC,EAAE;EACjC,MAAMC,IAAI,GAAG,CAACP,IAAI,IAAI,EAAE,IAAI,wBAAwB;EAEpDT,SAAS,CAAC,MAAM;IACdY,oBAAoB,CAACP,OAAO,GAAGD,sBAAsB,CAACC,OAAO;IAC7DY,qBAAqB,CAAC,MAAM;MAC1B,IAAIL,oBAAoB,CAACP,OAAO,EAAE;QAChCD,sBAAsB,CAACC,OAAO,GAAGC,SAAS;MAC5C;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEFN,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,IAAIF,kBAAkB,EAAE;MAC9BP,WAAW,CAACS,IAAI,CAAC,GAAGT,WAAW,CAACS,IAAI,CAAC,IAAK,CAAC,CAAqB;MAChE,MAAM;QAAEE,KAAK;QAAEC,UAAU;QAAEC;MAAoB,CAAC,GAAGN,kBAAkB;MACrEP,WAAW,CAACS,IAAI,CAAC,CAACD,EAAE,CAAC,GAAG;QACtBG,KAAK;QACLL,QAAQ;QACRQ,KAAK,EAAEF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAER,MAAM;QACzBS;MACF,CAAC;IACH;IAEA,OAAO,MAAM;MACX,IAAIL,EAAE,EAAE;QACNR,WAAW,CAACS,IAAI,CAAC,CAACD,EAAE,CAAC,GAAGT,SAAS;MACnC;IACF,CAAC;EACH,CAAC,EAAE,CAACO,QAAQ,EAAEG,IAAI,EAAED,EAAE,EAAED,kBAAkB,CAAC,CAAC;EAE5C,MAAMQ,oBAAoB,GAAGxB,WAAW,CAAEyB,IAAmB,IAAK;IAChEnB,sBAAsB,CAACC,OAAO,GAAGkB,IAAI;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAG1B,WAAW,CACjC2B,EAAiD,IAAK;IACrD,MAAMC,IAAI,GAAGnB,WAAW,CAACS,IAAI,CAAC;IAC9B,KAAK,MAAMD,EAAE,IAAIW,IAAI,EAAE;MACrB,MAAMC,IAAI,GAAGD,IAAI,CAACX,EAAE,CAAC;MACrB,MAAMQ,IAAI,GAAGI,IAAI,KAAIF,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAGE,IAAI,CAAC;MAC/B,IAAIJ,IAAI,EAAE;QACRI,IAAI,CAACP,mBAAmB,CAACG,IAAI,EAAE;UAAEK,mBAAmB,EAAE;QAAK,CAAC,CAAC;MAC/D;IACF;EACF,CAAC,EACD,CAACZ,IAAI,CACP,CAAC;EAED,MAAMa,wBAAwB,GAAG/B,WAAW,CACzCyB,IAAmB,IAAK;IACvBC,gBAAgB,CAACM,IAAA,IAAgC;MAAA,IAA/B;QAAEjB,QAAQ;QAAEK,KAAK;QAAEG;MAAM,CAAC,GAAAS,IAAA;MAC1C,IAAI,CAACjB,QAAQ,IAAIK,KAAK,KAAKG,KAAK,GAAG,CAAC,EAAE;QACpC,OAAOE,IAAI;MACb;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACC,gBAAgB,CACnB,CAAC;EAED,MAAMO,oBAAoB,GAAGjC,WAAW,CAAC,MAExB;IACf,OAAOc,oBAAoB,CAACP,OAAO;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACL0B,oBAAoB;IACpBnB,oBAAoB;IACpBU,oBAAoB;IACpBO;EACF,CAAC;AACH"}

package/extensions/forms/Tools/Log.d.ts

@@ -0,0 +1,6 @@
+import { SectionProps } from '../../../components/Section';
+declare function Log(props: SectionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Log {
+    var _supportsSpacingProps: boolean;
+}
+export default Log;

package/extensions/forms/Tools/Log.js

@@ -0,0 +1,22 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useContext } from 'react';
+import DataContext from '../DataContext/Context';
+import Section from '../../../components/Section';
+function Log(props) {
+  const {
+    data
+  } = useContext(DataContext);
+  return React.createElement(Section, _extends({
+    element: "output",
+    backgroundColor: "sand-yellow",
+    style: {
+      maxWidth: '80vw'
+    },
+    innerSpace: true
+  }, props), React.createElement("pre", null, JSON.stringify(data), ' '));
+}
+Log._supportsSpacingProps = true;
+export default Log;
+//# sourceMappingURL=Log.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Log.js","names":["useContext","DataContext","Section","Log","props","data","React","createElement","_extends","element","backgroundColor","style","maxWidth","innerSpace","JSON","stringify","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionProps } from '../../../components/Section'\n\nfunction Log(props: SectionProps) {\n  const { data } = useContext(DataContext)\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      <pre>\n        {JSON.stringify(data)}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,OAAO,MAAwB,6BAA6B;AAEnE,SAASC,GAAGA,CAACC,KAAmB,EAAE;EAChC,MAAM;IAAEC;EAAK,CAAC,GAAGL,UAAU,CAACC,WAAW,CAAC;EAExC,OACEK,KAAA,CAAAC,aAAA,CAACL,OAAO,EAAAM,QAAA;IACNC,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNT,KAAK,GAETE,KAAA,CAAAC,aAAA,cACGO,IAAI,CAACC,SAAS,CAACV,IAAI,CAAC,EACpB,GACE,CACE,CAAC;AAEd;AAEAF,GAAG,CAACa,qBAAqB,GAAG,IAAI;AAChC,eAAeb,GAAG"}

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

@@ -1,2 +1,3 @@
 export { default as GenerateSchema } from './GenerateSchema';
 export { default as ListAllProps } from './ListAllProps';
+export { default as Log } from './Log';

package/extensions/forms/Tools/index.js

@@ -1,3 +1,4 @@
 export { default as GenerateSchema } from './GenerateSchema';
 export { default as ListAllProps } from './ListAllProps';
+export { default as Log } from './Log';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","GenerateSchema","ListAllProps"],"sources":["../../../../../src/extensions/forms/Tools/index.ts"],"sourcesContent":["export { default as GenerateSchema } from './GenerateSchema'\nexport { default as ListAllProps } from './ListAllProps'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,kBAAkB;AAC5D,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB"}
+{"version":3,"file":"index.js","names":["default","GenerateSchema","ListAllProps","Log"],"sources":["../../../../../src/extensions/forms/Tools/index.ts"],"sourcesContent":["export { default as GenerateSchema } from './GenerateSchema'\nexport { default as ListAllProps } from './ListAllProps'\nexport { default as Log } from './Log'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,kBAAkB;AAC5D,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB;AACxD,SAASF,OAAO,IAAIG,GAAG,QAAQ,OAAO"}