@dnb/eufemia 10.62.3 → 10.63.0

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

@@ -1 +1 @@
-{"version":3,"file":"EditButton.js","names":["React","useCallback","useContext","Button","useTranslation","IterateItemContext","edit","EditButton","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 EditButton() {\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,UAAUA,CAAA,EAAG;EACnC,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"}
+{"version":3,"file":"EditButton.js","names":["React","useCallback","useContext","Button","useTranslation","IterateItemContext","edit","EditButton","iterateItemContext","switchContainerMode","editButton","IterateViewContainer","editHandler","createElement","variant","className","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 EditButton() {\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      className=\"dnb-push-container__edit-button\"\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,UAAUA,CAAA,EAAG;EACnC,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,SAAS,EAAC,iCAAiC;IAC3CC,IAAI,EAAEV,IAAK;IACXW,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAErBF,UACK,CAAC;AAEb"}

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

@@ -7,7 +7,6 @@ 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 ArrayItemArea from '../Array/ArrayItemArea';
 import IterateItemContext from '../IterateItemContext';
@@ -45,9 +44,9 @@ function ViewContainer(props) {
     ariaLabel: convertJsxToString(itemTitle),
     className: classnames('dnb-forms-section-view-block', className),
     toolbarVariant: toolbarVariant
-  }, restProps), React.createElement(Flex.Stack, null, itemTitle && React.createElement(Lead, {
+  }, restProps), itemTitle && React.createElement(Lead, {
     size: "basis"
-  }, itemTitle), children, hasToolbar ? null : (_toolbarElement = toolbarElement) !== null && _toolbarElement !== void 0 ? _toolbarElement : toolbarVariant !== 'custom' && (_Toolbar2 || (_Toolbar2 = React.createElement(Toolbar, null, React.createElement(EditButton, null), React.createElement(RemoveButton, null))))));
+  }, itemTitle), children, hasToolbar ? null : (_toolbarElement = toolbarElement) !== null && _toolbarElement !== void 0 ? _toolbarElement : toolbarVariant !== 'custom' && (_Toolbar2 || (_Toolbar2 = React.createElement(Toolbar, null, React.createElement(EditButton, null), React.createElement(RemoveButton, null)))));
 }
 ViewContainer.EditButton = EditButton;
 ViewContainer.RemoveButton = RemoveButton;

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

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Flex","Lead","ArrayItemArea","IterateItemContext","Toolbar","EditButton","RemoveButton","replaceItemNo","ViewContainer","props","_toolbarElement","_ref","children","className","title","toolbar","toolbarVariant","restProps","_objectWithoutProperties","_excluded","index","arrayValue","itemTitle","toolbarElement","length","_Toolbar","createElement","hasToolbar","Children","toArray","some","child","_extends","mode","ariaLabel","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'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\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  const itemTitle = useMemo(() => {\n    return replaceItemNo(title, index)\n  }, [index, title])\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={convertJsxToString(itemTitle)}\n      className={classnames('dnb-forms-section-view-block', className)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n        {children}\n        {hasToolbar\n          ? null\n          : toolbarElement ??\n            (toolbarVariant !== 'custom' && (\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;AACzC,SAASC,aAAa,QAAQ,WAAW;AAqBzC,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,GAAGzB,UAAU,CAACO,kBAAkB,CAAC;EAC5D,MAAMmB,SAAS,GAAGzB,OAAO,CAAC,MAAM;IAC9B,OAAOU,aAAa,CAACO,KAAK,EAAEM,KAAK,CAAC;EACpC,CAAC,EAAE,CAACA,KAAK,EAAEN,KAAK,CAAC,CAAC;EAElB,IAAIS,cAAc,GAAGR,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIK,UAAU,CAACG,MAAM,IAAI,CAAC,EAAE;IACjED,cAAc,GAAAE,QAAA,KAAAA,QAAA,GACZ9B,KAAA,CAAA+B,aAAA,CAACtB,OAAO,QACNT,KAAA,CAAA+B,aAAA,CAACrB,UAAU,MAAE,CACN,CAAC,CACX;EACH;EAEA,MAAMsB,UAAU,GACd,CAACJ,cAAc,IACf5B,KAAK,CAACiC,QAAQ,CAACC,OAAO,CAACjB,QAAQ,CAAC,CAACkB,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAK3B,OAAO;EACpC,CAAC,CAAC;EAEJ,OACET,KAAA,CAAA+B,aAAA,CAACxB,aAAa,EAAA8B,QAAA;IACZC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEnC,kBAAkB,CAACuB,SAAS,CAAE;IACzCT,SAAS,EAAEf,UAAU,CAAC,8BAA8B,EAAEe,SAAS,CAAE;IACjEG,cAAc,EAAEA;EAAe,GAC3BC,SAAS,GAEbtB,KAAA,CAAA+B,aAAA,CAAC1B,IAAI,CAACmC,KAAK,QACRb,SAAS,IAAI3B,KAAA,CAAA+B,aAAA,CAACzB,IAAI;IAACmC,IAAI,EAAC;EAAO,GAAEd,SAAgB,CAAC,EAClDV,QAAQ,EACRe,UAAU,GACP,IAAI,IAAAjB,eAAA,GACJa,cAAc,cAAAb,eAAA,cAAAA,eAAA,GACbM,cAAc,KAAK,QAAQ,KAAAqB,SAAA,KAAAA,SAAA,GAC1B1C,KAAA,CAAA+B,aAAA,CAACtB,OAAO,QACNT,KAAA,CAAA+B,aAAA,CAACrB,UAAU,MAAE,CAAC,EACdV,KAAA,CAAA+B,aAAA,CAACpB,YAAY,MAAE,CACR,CAAC,EAEN,CACC,CAAC;AAEpB;AAEAE,aAAa,CAACH,UAAU,GAAGA,UAAU;AACrCG,aAAa,CAACF,YAAY,GAAGA,YAAY;AAEzCE,aAAa,CAAC8B,qBAAqB,GAAG,IAAI;AAC1C,eAAe9B,aAAa"}
+{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Lead","ArrayItemArea","IterateItemContext","Toolbar","EditButton","RemoveButton","replaceItemNo","ViewContainer","props","_toolbarElement","_ref","children","className","title","toolbar","toolbarVariant","restProps","_objectWithoutProperties","_excluded","index","arrayValue","itemTitle","toolbarElement","length","_Toolbar","createElement","hasToolbar","Children","toArray","some","child","_extends","mode","ariaLabel","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 { 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'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\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  const itemTitle = useMemo(() => {\n    return replaceItemNo(title, index)\n  }, [index, title])\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={convertJsxToString(itemTitle)}\n      className={classnames('dnb-forms-section-view-block', className)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {hasToolbar\n        ? null\n        : toolbarElement ??\n          (toolbarVariant !== 'custom' && (\n            <Toolbar>\n              <EditButton />\n              <RemoveButton />\n            </Toolbar>\n          ))}\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;AAExE,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;AACzC,SAASC,aAAa,QAAQ,WAAW;AAqBzC,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,CAACM,kBAAkB,CAAC;EAC5D,MAAMmB,SAAS,GAAGxB,OAAO,CAAC,MAAM;IAC9B,OAAOS,aAAa,CAACO,KAAK,EAAEM,KAAK,CAAC;EACpC,CAAC,EAAE,CAACA,KAAK,EAAEN,KAAK,CAAC,CAAC;EAElB,IAAIS,cAAc,GAAGR,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIK,UAAU,CAACG,MAAM,IAAI,CAAC,EAAE;IACjED,cAAc,GAAAE,QAAA,KAAAA,QAAA,GACZ7B,KAAA,CAAA8B,aAAA,CAACtB,OAAO,QACNR,KAAA,CAAA8B,aAAA,CAACrB,UAAU,MAAE,CACN,CAAC,CACX;EACH;EAEA,MAAMsB,UAAU,GACd,CAACJ,cAAc,IACf3B,KAAK,CAACgC,QAAQ,CAACC,OAAO,CAACjB,QAAQ,CAAC,CAACkB,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAK3B,OAAO;EACpC,CAAC,CAAC;EAEJ,OACER,KAAA,CAAA8B,aAAA,CAACxB,aAAa,EAAA8B,QAAA;IACZC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAElC,kBAAkB,CAACsB,SAAS,CAAE;IACzCT,SAAS,EAAEd,UAAU,CAAC,8BAA8B,EAAEc,SAAS,CAAE;IACjEG,cAAc,EAAEA;EAAe,GAC3BC,SAAS,GAEZK,SAAS,IAAI1B,KAAA,CAAA8B,aAAA,CAACzB,IAAI;IAACkC,IAAI,EAAC;EAAO,GAAEb,SAAgB,CAAC,EAClDV,QAAQ,EACRe,UAAU,GACP,IAAI,IAAAjB,eAAA,GACJa,cAAc,cAAAb,eAAA,cAAAA,eAAA,GACbM,cAAc,KAAK,QAAQ,KAAAoB,SAAA,KAAAA,SAAA,GAC1BxC,KAAA,CAAA8B,aAAA,CAACtB,OAAO,QACNR,KAAA,CAAA8B,aAAA,CAACrB,UAAU,MAAE,CAAC,EACdT,KAAA,CAAA8B,aAAA,CAACpB,YAAY,MAAE,CACR,CAAC,EAEH,CAAC;AAEpB;AAEAE,aAAa,CAACH,UAAU,GAAGA,UAAU;AACrCG,aAAa,CAACF,YAAY,GAAGA,YAAY;AAEzCE,aAAa,CAAC6B,qBAAqB,GAAG,IAAI;AAC1C,eAAe7B,aAAa"}

package/es/extensions/forms/Iterate/Visibility/Visibility.d.ts

@@ -0,0 +1,7 @@
+import { Props } from '../../Form/Visibility/Visibility';
+export * from '../../Form/Visibility/Visibility';
+declare function IterateVisibility(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace IterateVisibility {
+    var _supportsSpacingProps: string;
+}
+export default IterateVisibility;

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import Visibility from '../../Form/Visibility/Visibility';
+export * from '../../Form/Visibility/Visibility';
+export default function IterateVisibility(props) {
+  return React.createElement(Visibility, _extends({
+    withinIterate: true
+  }, props));
+}
+IterateVisibility._supportsSpacingProps = 'children';
+//# sourceMappingURL=Visibility.js.map

package/es/extensions/forms/Iterate/Visibility/Visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Visibility.js","names":["React","Visibility","IterateVisibility","props","createElement","_extends","withinIterate","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Visibility/Visibility.tsx"],"sourcesContent":["import React from 'react'\nimport Visibility, { Props } from '../../Form/Visibility/Visibility'\nexport * from '../../Form/Visibility/Visibility'\n\nexport default function IterateVisibility(props: Props) {\n  return <Visibility withinIterate {...props} />\n}\n\nIterateVisibility._supportsSpacingProps = 'children'\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAiB,kCAAkC;AACpE,cAAc,kCAAkC;AAEhD,eAAe,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EACtD,OAAOH,KAAA,CAAAI,aAAA,CAACH,UAAU,EAAAI,QAAA;IAACC,aAAa;EAAA,GAAKH,KAAK,CAAG,CAAC;AAChD;AAEAD,iBAAiB,CAACK,qBAAqB,GAAG,UAAU"}

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

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

package/es/extensions/forms/Iterate/Visibility/index.js

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

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

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

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

@@ -1,3 +1,4 @@
 export { default as useItem } from './useItem';
 export { default as useSwitchContainerMode } from './useSwitchContainerMode';
 export { default as useArrayLimit } from './useArrayLimit';
+export { default as useItemPath } from './useItemPath';

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

@@ -1,4 +1,5 @@
 export { default as useItem } from './useItem';
 export { default as useSwitchContainerMode } from './useSwitchContainerMode';
 export { default as useArrayLimit } from './useArrayLimit';
+export { default as useItemPath } from './useItemPath';
 //# sourceMappingURL=index.js.map

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

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

package/es/extensions/forms/Iterate/hooks/useArrayLimit.d.ts

@@ -4,9 +4,7 @@ type SharedState = {
     limit?: number;
     total?: number;
 };
-export default function useArrayLimit({ path }: {
-    path: Path;
-}): {
+export default function useArrayLimit(path: Path): {
     setShowStatus: (show: boolean) => void;
     setLimitProps: (props: Omit<SharedState, 'show'>) => void;
     error: Error;

package/es/extensions/forms/Iterate/hooks/useArrayLimit.js

@@ -1,9 +1,7 @@
 import { useCallback } from 'react';
 import { useTranslation } from '../../hooks';
 import { useSharedState } from '../../../../shared/helpers/useSharedState';
-export default function useArrayLimit({
-  path
-}) {
+export default function useArrayLimit(path) {
   const sharedState = useSharedState(path + '-iterate-limit');
   const {
     set,

package/es/extensions/forms/Iterate/hooks/useArrayLimit.js.map

@@ -1 +1 @@
-{"version":3,"file":"useArrayLimit.js","names":["useCallback","useTranslation","useSharedState","useArrayLimit","path","sharedState","set","update","extend","data","limit","total","show","setLimitProps","props","setShowStatus","hasReachedLimit","itemsLimitReached","IteratePushContainer","error","Error","replace","String","undefined"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useArrayLimit.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { useTranslation } from '../../hooks'\nimport { Path } from '../../types'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\n\ntype SharedState = {\n  show?: boolean\n  limit?: number\n  total?: number\n}\n\nexport default function useArrayLimit({ path }: { path: Path }) {\n  const sharedState = useSharedState<SharedState>(path + '-iterate-limit')\n  const { set, update, extend, data } = sharedState || {}\n  const { limit, total, show } = data || {}\n\n  const setLimitProps = useCallback(\n    (props: Omit<SharedState, 'show'>) => {\n      if (props.total !== total) {\n        update(props)\n      } else {\n        set(props)\n      }\n    },\n    [set, total, update]\n  )\n\n  const setShowStatus = useCallback(\n    (show: boolean) => {\n      extend({ show })\n    },\n    [extend]\n  )\n\n  const hasReachedLimit = typeof limit === 'number' && total >= limit\n  const { itemsLimitReached } = useTranslation().IteratePushContainer\n  const error = show\n    ? new Error(itemsLimitReached.replace('{limit}', String(limit)))\n    : undefined\n\n  return { setShowStatus, setLimitProps, error, hasReachedLimit }\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,cAAc,QAAQ,aAAa;AAE5C,SAASC,cAAc,QAAQ,2CAA2C;AAQ1E,eAAe,SAASC,aAAaA,CAAC;EAAEC;AAAqB,CAAC,EAAE;EAC9D,MAAMC,WAAW,GAAGH,cAAc,CAAcE,IAAI,GAAG,gBAAgB,CAAC;EACxE,MAAM;IAAEE,GAAG;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGJ,WAAW,IAAI,CAAC,CAAC;EACvD,MAAM;IAAEK,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGH,IAAI,IAAI,CAAC,CAAC;EAEzC,MAAMI,aAAa,GAAGb,WAAW,CAC9Bc,KAAgC,IAAK;IACpC,IAAIA,KAAK,CAACH,KAAK,KAAKA,KAAK,EAAE;MACzBJ,MAAM,CAACO,KAAK,CAAC;IACf,CAAC,MAAM;MACLR,GAAG,CAACQ,KAAK,CAAC;IACZ;EACF,CAAC,EACD,CAACR,GAAG,EAAEK,KAAK,EAAEJ,MAAM,CACrB,CAAC;EAED,MAAMQ,aAAa,GAAGf,WAAW,CAC9BY,IAAa,IAAK;IACjBJ,MAAM,CAAC;MAAEI;IAAK,CAAC,CAAC;EAClB,CAAC,EACD,CAACJ,MAAM,CACT,CAAC;EAED,MAAMQ,eAAe,GAAG,OAAON,KAAK,KAAK,QAAQ,IAAIC,KAAK,IAAID,KAAK;EACnE,MAAM;IAAEO;EAAkB,CAAC,GAAGhB,cAAc,CAAC,CAAC,CAACiB,oBAAoB;EACnE,MAAMC,KAAK,GAAGP,IAAI,GACd,IAAIQ,KAAK,CAACH,iBAAiB,CAACI,OAAO,CAAC,SAAS,EAAEC,MAAM,CAACZ,KAAK,CAAC,CAAC,CAAC,GAC9Da,SAAS;EAEb,OAAO;IAAER,aAAa;IAAEF,aAAa;IAAEM,KAAK;IAAEH;EAAgB,CAAC;AACjE"}
+{"version":3,"file":"useArrayLimit.js","names":["useCallback","useTranslation","useSharedState","useArrayLimit","path","sharedState","set","update","extend","data","limit","total","show","setLimitProps","props","setShowStatus","hasReachedLimit","itemsLimitReached","IteratePushContainer","error","Error","replace","String","undefined"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useArrayLimit.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { useTranslation } from '../../hooks'\nimport { Path } from '../../types'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\n\ntype SharedState = {\n  show?: boolean\n  limit?: number\n  total?: number\n}\n\nexport default function useArrayLimit(path: Path) {\n  const sharedState = useSharedState<SharedState>(path + '-iterate-limit')\n  const { set, update, extend, data } = sharedState || {}\n  const { limit, total, show } = data || {}\n\n  const setLimitProps = useCallback(\n    (props: Omit<SharedState, 'show'>) => {\n      if (props.total !== total) {\n        update(props)\n      } else {\n        set(props)\n      }\n    },\n    [set, total, update]\n  )\n\n  const setShowStatus = useCallback(\n    (show: boolean) => {\n      extend({ show })\n    },\n    [extend]\n  )\n\n  const hasReachedLimit = typeof limit === 'number' && total >= limit\n  const { itemsLimitReached } = useTranslation().IteratePushContainer\n  const error = show\n    ? new Error(itemsLimitReached.replace('{limit}', String(limit)))\n    : undefined\n\n  return { setShowStatus, setLimitProps, error, hasReachedLimit }\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,cAAc,QAAQ,aAAa;AAE5C,SAASC,cAAc,QAAQ,2CAA2C;AAQ1E,eAAe,SAASC,aAAaA,CAACC,IAAU,EAAE;EAChD,MAAMC,WAAW,GAAGH,cAAc,CAAcE,IAAI,GAAG,gBAAgB,CAAC;EACxE,MAAM;IAAEE,GAAG;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGJ,WAAW,IAAI,CAAC,CAAC;EACvD,MAAM;IAAEK,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGH,IAAI,IAAI,CAAC,CAAC;EAEzC,MAAMI,aAAa,GAAGb,WAAW,CAC9Bc,KAAgC,IAAK;IACpC,IAAIA,KAAK,CAACH,KAAK,KAAKA,KAAK,EAAE;MACzBJ,MAAM,CAACO,KAAK,CAAC;IACf,CAAC,MAAM;MACLR,GAAG,CAACQ,KAAK,CAAC;IACZ;EACF,CAAC,EACD,CAACR,GAAG,EAAEK,KAAK,EAAEJ,MAAM,CACrB,CAAC;EAED,MAAMQ,aAAa,GAAGf,WAAW,CAC9BY,IAAa,IAAK;IACjBJ,MAAM,CAAC;MAAEI;IAAK,CAAC,CAAC;EAClB,CAAC,EACD,CAACJ,MAAM,CACT,CAAC;EAED,MAAMQ,eAAe,GAAG,OAAON,KAAK,KAAK,QAAQ,IAAIC,KAAK,IAAID,KAAK;EACnE,MAAM;IAAEO;EAAkB,CAAC,GAAGhB,cAAc,CAAC,CAAC,CAACiB,oBAAoB;EACnE,MAAMC,KAAK,GAAGP,IAAI,GACd,IAAIQ,KAAK,CAACH,iBAAiB,CAACI,OAAO,CAAC,SAAS,EAAEC,MAAM,CAACZ,KAAK,CAAC,CAAC,CAAC,GAC9Da,SAAS;EAEb,OAAO;IAAER,aAAa;IAAEF,aAAa;IAAEM,KAAK;IAAEH;EAAgB,CAAC;AACjE"}

package/es/extensions/forms/Iterate/hooks/useItemPath.d.ts

@@ -0,0 +1,4 @@
+import type { Path } from '../../types';
+export default function useItemPath(itemPath: Path): {
+    absolutePath: string;
+};

package/es/extensions/forms/Iterate/hooks/useItemPath.js

@@ -0,0 +1,16 @@
+"use client";
+
+import { useContext } from 'react';
+import IterateItemContext from '../IterateItemContext';
+import usePath from '../../hooks/usePath';
+export default function useItemPath(itemPath) {
+  const {
+    joinPath
+  } = usePath();
+  const iterateItemContext = useContext(IterateItemContext);
+  const absolutePath = itemPath && iterateItemContext && joinPath([iterateItemContext.path, String(iterateItemContext.index), itemPath]);
+  return {
+    absolutePath
+  };
+}
+//# sourceMappingURL=useItemPath.js.map

package/es/extensions/forms/Iterate/hooks/useItemPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemPath.js","names":["useContext","IterateItemContext","usePath","useItemPath","itemPath","joinPath","iterateItemContext","absolutePath","path","String","index"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useItemPath.ts"],"sourcesContent":["import { useContext } from 'react'\nimport IterateItemContext from '../IterateItemContext'\nimport usePath from '../../hooks/usePath'\nimport type { Path } from '../../types'\n\nexport default function useItemPath(itemPath: Path) {\n  const { joinPath } = usePath()\n  const iterateItemContext = useContext(IterateItemContext)\n\n  const absolutePath =\n    itemPath &&\n    iterateItemContext &&\n    joinPath([\n      iterateItemContext.path,\n      String(iterateItemContext.index),\n      itemPath,\n    ])\n\n  return { absolutePath }\n}\n"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,qBAAqB;AAGzC,eAAe,SAASC,WAAWA,CAACC,QAAc,EAAE;EAClD,MAAM;IAAEC;EAAS,CAAC,GAAGH,OAAO,CAAC,CAAC;EAC9B,MAAMI,kBAAkB,GAAGN,UAAU,CAACC,kBAAkB,CAAC;EAEzD,MAAMM,YAAY,GAChBH,QAAQ,IACRE,kBAAkB,IAClBD,QAAQ,CAAC,CACPC,kBAAkB,CAACE,IAAI,EACvBC,MAAM,CAACH,kBAAkB,CAACI,KAAK,CAAC,EAChCN,QAAQ,CACT,CAAC;EAEJ,OAAO;IAAEG;EAAa,CAAC;AACzB"}

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

@@ -7,9 +7,7 @@ import { Path } from '../../types';
  * 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;
-}): {
+export default function useSwitchContainerMode(path?: Path): {
     getNextContainerMode: () => ContainerMode | undefined;
     nextContainerModeRef: import("react").MutableRefObject<undefined>;
     setNextContainerMode: (mode: ContainerMode) => void;

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

@@ -7,9 +7,7 @@ const globalContainerModeRef = {
   current: undefined
 };
 const globalCache = {};
-export default function useSwitchContainerMode({
-  path
-} = {}) {
+export default function useSwitchContainerMode(path) {
   const nextContainerModeRef = useRef();
   const {
     hasError

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

@@ -1 +1 @@
-{"version":3,"file":"useSwitchContainerMode.js","names":["useCallback","useContext","useEffect","useRef","FieldBoundaryContext","IterateItemContext","globalContainerModeRef","current","undefined","globalCache","useSwitchContainerMode","path","nextContainerModeRef","hasError","iterateItemContext","id","hash","requestAnimationFrame","index","arrayValue","switchContainerMode","count","length","setNextContainerMode","mode","setContainerMode","fn","data","item","omitFocusManagement","setLastItemContainerMode","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":"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"}
+{"version":3,"file":"useSwitchContainerMode.js","names":["useCallback","useContext","useEffect","useRef","FieldBoundaryContext","IterateItemContext","globalContainerModeRef","current","undefined","globalCache","useSwitchContainerMode","path","nextContainerModeRef","hasError","iterateItemContext","id","hash","requestAnimationFrame","index","arrayValue","switchContainerMode","count","length","setNextContainerMode","mode","setContainerMode","fn","data","item","omitFocusManagement","setLastItemContainerMode","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(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":"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"}

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

@@ -8,6 +8,7 @@ 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 { default as Visibility } from './Visibility';
 export { default as ItemNo } from './ItemNo';
 export { useCount, count, Count } from './Count';
 export { default as useItem } from './hooks/useItem';

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

@@ -8,6 +8,7 @@ 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 { default as Visibility } from './Visibility';
 export { default as ItemNo } from './ItemNo';
 export { useCount, count, Count } from './Count';
 export { default as useItem } from './hooks/useItem';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PushButton","RemoveButton","default","Array","PushContainer","EditContainer","ViewContainer","AnimatedContainer","Toolbar","ItemNo","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 { default as ItemNo } from './ItemNo'\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,SAASN,OAAO,IAAIO,MAAM,QAAQ,UAAU;AAC5C,SAASC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,QAAQ,SAAS;AAChD,SAASV,OAAO,IAAIW,OAAO,QAAQ,iBAAiB;AACpD,SAASX,OAAO,IAAIY,kBAAkB,QAAQ,sBAAsB;AAOpE,OAAO,MAAMC,eAAe,GAAGf,UAAU;AAOzC,OAAO,MAAMgB,wBAAwB,GAAGf,YAAY"}
+{"version":3,"file":"index.js","names":["PushButton","RemoveButton","default","Array","PushContainer","EditContainer","ViewContainer","AnimatedContainer","Toolbar","Visibility","ItemNo","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 { default as Visibility } from './Visibility'\nexport { default as ItemNo } from './ItemNo'\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,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,MAAM,QAAQ,UAAU;AAC5C,SAASC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,QAAQ,SAAS;AAChD,SAASX,OAAO,IAAIY,OAAO,QAAQ,iBAAiB;AACpD,SAASZ,OAAO,IAAIa,kBAAkB,QAAQ,sBAAsB;AAOpE,OAAO,MAAMC,eAAe,GAAGhB,UAAU;AAOzC,OAAO,MAAMiB,wBAAwB,GAAGhB,YAAY"}

package/es/extensions/forms/Iterate/style/dnb-iterate.css

@@ -1,6 +1,22 @@
 .dnb-forms-iterate__element {
   outline: none;
 }
+.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small) {
+  --block-gap: var(--spacing-small);
+}
+.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium) {
+  --block-gap: var(--spacing-medium);
+}
+.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large) {
+  --block-gap: var(--spacing-large);
+}
 .dnb-forms-iterate > .dnb-forms-iterate__element:has(> .dnb-forms-section-block) {
   margin-top: 0;
+}
+.dnb-forms-iterate > .dnb-forms-iterate__element:has(> .dnb-forms-section-block) .dnb-forms-section-block__inner {
+  margin-bottom: var(--block-gap, var(--spacing-large));
+}
+.dnb-forms-iterate > .dnb-forms-iterate__element:has(> .dnb-forms-section-block):has(~ .dnb-forms-iterate__element) ~ .dnb-hr {
+  margin-top: 0;
+  margin-bottom: var(--block-gap);
 }

package/es/extensions/forms/Iterate/style/dnb-iterate.min.css

@@ -1 +1 @@
-.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}
+.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small){--block-gap:var(--spacing-small)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium){--block-gap:var(--spacing-medium)}.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large){--block-gap:var(--spacing-large)}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block) .dnb-forms-section-block__inner{margin-bottom:var(--block-gap,var(--spacing-large))}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block):has(~.dnb-forms-iterate__element)~.dnb-hr{margin-bottom:var(--block-gap);margin-top:0}

package/es/extensions/forms/Iterate/style/dnb-iterate.scss

@@ -2,11 +2,34 @@
 
 .dnb-forms-iterate {
   &__element {
-    outline: none; // for JavaSCript focus
+    outline: none; // Because of JavaScript focus management (tabIndex)
+  }
+
+  &:has(.dnb-forms-iterate__element.dnb-space__top--small) {
+    --block-gap: var(--spacing-small);
+  }
+  &:has(.dnb-forms-iterate__element.dnb-space__top--medium) {
+    --block-gap: var(--spacing-medium);
+  }
+  &:has(.dnb-forms-iterate__element.dnb-space__top--large) {
+    --block-gap: var(--spacing-large);
   }
 
   & > &__element:has(> .dnb-forms-section-block) {
-    // To make Animation not jump, we add "margin-bottom" in the inner element
+    // To make animation not jump,
+    // we reset the margin-top and ...
     margin-top: 0;
+    .dnb-forms-section-block__inner {
+      // ... add "margin-bottom" in the inner element (.dnb-forms-section-block__inner).
+      margin-bottom: var(--block-gap, var(--spacing-large));
+    }
+
+    // To align the divider to the above margin swap.
+    &:has(~ .dnb-forms-iterate__element) {
+      & ~ .dnb-hr {
+        margin-top: 0;
+        margin-bottom: var(--block-gap);
+      }
+    }
   }
 }

package/es/extensions/forms/Tools/GenerateSchema.js

@@ -15,15 +15,17 @@ export default function GenerateSchema(props) {
     children
   } = props || {};
   const {
-    fieldPropsRef,
-    valuePropsRef,
+    fieldInternalsRef,
+    valueInternalsRef,
     data,
     hasContext
   } = useContext(DataContext);
   const dataRef = useRef({});
   dataRef.current = data;
   const generate = useCallback(() => {
-    const schema = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const schema = Object.entries((fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : fieldInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const objectKey = path.substring(1);
         const pathList = objectKey.split('/');
@@ -83,7 +85,9 @@ export default function GenerateSchema(props) {
       properties: {},
       required: []
     });
-    const propsOfFields = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const propsOfFields = Object.entries((fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : fieldInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -95,7 +99,9 @@ export default function GenerateSchema(props) {
       }
       return acc;
     }, {});
-    const propsOfValues = Object.entries((valuePropsRef === null || valuePropsRef === void 0 ? void 0 : valuePropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const propsOfValues = Object.entries((valueInternalsRef === null || valueInternalsRef === void 0 ? void 0 : valueInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -116,7 +122,7 @@ export default function GenerateSchema(props) {
       propsOfFields,
       propsOfValues
     };
-  }, [fieldPropsRef, filterData, valuePropsRef]);
+  }, [fieldInternalsRef, filterData, valueInternalsRef]);
   if (hasContext) {
     if (log) {
       console.log(generate().schema);

package/es/extensions/forms/Tools/GenerateSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenerateSchema.js","names":["useCallback","useContext","useRef","pointer","DataContext","schemaParams","GenerateSchema","props","generateRef","filterData","log","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","schema","Object","entries","reduce","acc","path","startsWith","objectKey","substring","pathList","split","slashCount","length","type","valueType","propertyValue","prop","nestedPath","push","pathToSet","join","isLast","existingValue","has","get","pathValue","set","_objectSpread","required","at","properties","propsOfFields","undefined","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/GenerateSchema.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\nimport { JSONSchema } from '../types'\n\nexport type GenerateSchemaReturn = {\n  schema: JSONSchema\n  data: JsonObject\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type GenerateSchemaProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => GenerateSchemaReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = GenerateSchemaProps['generateRef']['current']\n\nexport const schemaParams = [\n  'minLength',\n  'maxLength',\n  'pattern',\n  'description',\n  'min',\n  'max',\n  'multipleOf',\n  'exclusiveMinimum',\n  'exclusiveMaximum',\n]\n\nexport default function GenerateSchema(props: GenerateSchemaProps) {\n  const { generateRef, filterData, log, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const schema = Object.entries(fieldPropsRef?.current || {}).reduce(\n      (acc, [path, props]) => {\n        if (path.startsWith('/')) {\n          const objectKey = path.substring(1)\n\n          const pathList = objectKey.split('/')\n          const slashCount = pathList.length\n\n          const type = props.valueType || 'string'\n          const propertyValue = {\n            type,\n          }\n\n          for (const prop of schemaParams) {\n            if (props[prop]) {\n              propertyValue[prop] = props[prop]\n            }\n          }\n\n          if (slashCount > 1) {\n            const nestedPath = ['']\n            for (const path of pathList) {\n              nestedPath.push(path)\n              const pathToSet = nestedPath.join('/properties/')\n              const isLast = nestedPath.length - 1 === pathList.length\n\n              const existingValue = pointer.has(acc, pathToSet)\n                ? pointer.get(acc, pathToSet)\n                : null\n\n              const pathValue = isLast ? propertyValue : existingValue\n\n              if (isLast) {\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              } else {\n                const pathValue = {\n                  type: 'object',\n                  ...existingValue,\n                }\n\n                // - Add required\n                const required = []\n                if (props.required) {\n                  required.push(pathList.at(-1))\n                }\n                if (existingValue?.required) {\n                  required.push(...existingValue.required)\n                }\n                if (required.length > 0) {\n                  pathValue.required = required\n                }\n\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              }\n            }\n          } else {\n            if (filterData?.[path] !== false) {\n              pointer.set(acc.properties, path, propertyValue)\n            }\n            if (props.required) {\n              acc.required.push(objectKey)\n            }\n          }\n        }\n\n        return acc\n      },\n      { type: 'object', properties: {}, required: [] }\n    )\n\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    if (schema.required.length === 0) {\n      delete schema.required\n    }\n\n    return {\n      schema,\n      data: dataRef.current,\n      propsOfFields,\n      propsOfValues,\n    } as GenerateSchemaReturn\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate().schema)\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}
+{"version":3,"file":"GenerateSchema.js","names":["useCallback","useContext","useRef","pointer","DataContext","schemaParams","GenerateSchema","props","generateRef","filterData","log","children","fieldInternalsRef","valueInternalsRef","data","hasContext","dataRef","current","generate","schema","Object","entries","reduce","acc","path","startsWith","objectKey","substring","pathList","split","slashCount","length","type","valueType","propertyValue","prop","nestedPath","push","pathToSet","join","isLast","existingValue","has","get","pathValue","set","_objectSpread","required","at","properties","propsOfFields","undefined","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/GenerateSchema.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\nimport { JSONSchema } from '../types'\n\nexport type GenerateSchemaReturn = {\n  schema: JSONSchema\n  data: JsonObject\n  propsOfFields: JsonObject\n  propsOfValues: JsonObject\n}\nexport type GenerateSchemaProps = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => GenerateSchemaReturn>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef = GenerateSchemaProps['generateRef']['current']\n\nexport const schemaParams = [\n  'minLength',\n  'maxLength',\n  'pattern',\n  'description',\n  'min',\n  'max',\n  'multipleOf',\n  'exclusiveMinimum',\n  'exclusiveMaximum',\n]\n\nexport default function GenerateSchema(props: GenerateSchemaProps) {\n  const { generateRef, filterData, log, children } = props || {}\n  const { fieldInternalsRef, valueInternalsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const schema = Object.entries(fieldInternalsRef?.current || {}).reduce(\n      (acc, [path, { props }]) => {\n        if (path.startsWith('/')) {\n          const objectKey = path.substring(1)\n\n          const pathList = objectKey.split('/')\n          const slashCount = pathList.length\n\n          const type = props.valueType || 'string'\n          const propertyValue = {\n            type,\n          }\n\n          for (const prop of schemaParams) {\n            if (props[prop]) {\n              propertyValue[prop] = props[prop]\n            }\n          }\n\n          if (slashCount > 1) {\n            const nestedPath = ['']\n            for (const path of pathList) {\n              nestedPath.push(path)\n              const pathToSet = nestedPath.join('/properties/')\n              const isLast = nestedPath.length - 1 === pathList.length\n\n              const existingValue = pointer.has(acc, pathToSet)\n                ? pointer.get(acc, pathToSet)\n                : null\n\n              const pathValue = isLast ? propertyValue : existingValue\n\n              if (isLast) {\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              } else {\n                const pathValue = {\n                  type: 'object',\n                  ...existingValue,\n                }\n\n                // - Add required\n                const required = []\n                if (props.required) {\n                  required.push(pathList.at(-1))\n                }\n                if (existingValue?.required) {\n                  required.push(...existingValue.required)\n                }\n                if (required.length > 0) {\n                  pathValue.required = required\n                }\n\n                if (filterData?.[pathToSet] !== false) {\n                  pointer.set(acc, pathToSet, pathValue)\n                }\n              }\n            }\n          } else {\n            if (filterData?.[path] !== false) {\n              pointer.set(acc.properties, path, propertyValue)\n            }\n            if (props.required) {\n              acc.required.push(objectKey)\n            }\n          }\n        }\n\n        return acc\n      },\n      { type: 'object', properties: {}, required: [] }\n    )\n\n    const propsOfFields = Object.entries(\n      fieldInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valueInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function'\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        pointer.set(acc, path, propertyValue)\n      }\n\n      return acc\n    }, {})\n\n    if (schema.required.length === 0) {\n      delete schema.required\n    }\n\n    return {\n      schema,\n      data: dataRef.current,\n      propsOfFields,\n      propsOfValues,\n    } as GenerateSchemaReturn\n  }, [fieldInternalsRef, filterData, valueInternalsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate().schema)\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}

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

@@ -11,15 +11,17 @@ export default function ListAllProps(props) {
     children
   } = props || {};
   const {
-    fieldPropsRef,
-    valuePropsRef,
+    fieldInternalsRef,
+    valueInternalsRef,
     data,
     hasContext
   } = useContext(DataContext);
   const dataRef = useRef({});
   dataRef.current = data;
   const generate = useCallback(() => {
-    const propsOfFields = Object.entries((fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : fieldPropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const propsOfFields = Object.entries((fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : fieldInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -33,7 +35,9 @@ export default function ListAllProps(props) {
       }
       return acc;
     }, {});
-    const propsOfValues = Object.entries((valuePropsRef === null || valuePropsRef === void 0 ? void 0 : valuePropsRef.current) || {}).reduce((acc, [path, props]) => {
+    const propsOfValues = Object.entries((valueInternalsRef === null || valueInternalsRef === void 0 ? void 0 : valueInternalsRef.current) || {}).reduce((acc, [path, {
+      props
+    }]) => {
       if (path.startsWith('/')) {
         const propertyValue = {};
         for (const prop in props) {
@@ -51,7 +55,7 @@ export default function ListAllProps(props) {
       propsOfFields,
       propsOfValues
     };
-  }, [fieldPropsRef, filterData, valuePropsRef]);
+  }, [fieldInternalsRef, filterData, valueInternalsRef]);
   if (hasContext) {
     if (log) {
       console.log(generate());

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

@@ -1 +1 @@
-{"version":3,"file":"ListAllProps.js","names":["isValidElement","useCallback","useContext","useRef","pointer","DataContext","ListAllProps","props","log","generateRef","filterData","children","fieldPropsRef","valuePropsRef","data","hasContext","dataRef","current","generate","propsOfFields","Object","entries","reduce","acc","path","startsWith","propertyValue","prop","undefined","set","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn<Data> = {\n  propsOfFields: Data\n  propsOfValues: Data\n}\nexport type ListAllPropsProps<Data> = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn<Data>>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef<Data extends JsonObject = JsonObject> =\n  ListAllPropsProps<Data>['generateRef']['current']\n\nexport default function ListAllProps<Data extends JsonObject = JsonObject>(\n  props: ListAllPropsProps<Data>\n) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldPropsRef, valuePropsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldPropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valuePropsRef?.current || {}\n    ).reduce((acc, [path, props]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn<Data>\n  }, [fieldPropsRef, filterData, valuePropsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACvE,OAAOC,OAAO,MAAsB,uBAAuB;AAC3D,OAAOC,WAAW,MAAsB,wBAAwB;AAehE,eAAe,SAASC,YAAYA,CAClCC,KAA8B,EAC9B;EACA,MAAM;IAAEC,GAAG;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAGJ,KAAK,IAAI,CAAC,CAAC;EAC9D,MAAM;IAAEK,aAAa;IAAEC,aAAa;IAAEC,IAAI;IAAEC;EAAW,CAAC,GACtDb,UAAU,CAACG,WAAW,CAAC;EAEzB,MAAMW,OAAO,GAAGb,MAAM,CAAa,CAAC,CAAC,CAAC;EACtCa,OAAO,CAACC,OAAO,GAAGH,IAAI;EAEtB,MAAMI,QAAQ,GAAGjB,WAAW,CAAC,MAAM;IACjC,MAAMkB,aAAa,GAAGC,MAAM,CAACC,OAAO,CAClC,CAAAT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEK,OAAO,KAAI,CAAC,CAC7B,CAAC,CAACK,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,IAAI,EAAEjB,KAAK,CAAC,KAAK;MAC/B,IAAIiB,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxB,MAAMC,aAAa,GAAG,CAAC,CAAC;QAExB,KAAK,MAAMC,IAAI,IAAIpB,KAAK,EAAE;UACxB,IACEA,KAAK,CAACoB,IAAI,CAAC,KAAKC,SAAS,IACzB,OAAOrB,KAAK,CAACoB,IAAI,CAAC,KAAK,UAAU,IACjC,CAAC3B,cAAc,CAACO,KAAK,CAACoB,IAAI,CAAC,CAAC,EAC5B;YACAD,aAAa,CAACC,IAAI,CAAC,GAAGpB,KAAK,CAACoB,IAAI,CAAC;UACnC;QACF;QAEA,IAAI,CAAAjB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGc,IAAI,CAAC,MAAK,KAAK,EAAE;UAChCpB,OAAO,CAACyB,GAAG,CAACN,GAAG,EAAEC,IAAI,EAAEE,aAAa,CAAC;QACvC;MACF;MAEA,OAAOH,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,MAAMO,aAAa,GAAGV,MAAM,CAACC,OAAO,CAClC,CAAAR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,OAAO,KAAI,CAAC,CAC7B,CAAC,CAACK,MAAM,CAAC,CAACC,GAAG,EAAE,CAACC,IAAI,EAAEjB,KAAK,CAAC,KAAK;MAC/B,IAAIiB,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;QACxB,MAAMC,aAAa,GAAG,CAAC,CAAC;QAExB,KAAK,MAAMC,IAAI,IAAIpB,KAAK,EAAE;UACxB,IACEA,KAAK,CAACoB,IAAI,CAAC,KAAKC,SAAS,IACzB,OAAOrB,KAAK,CAACoB,IAAI,CAAC,KAAK,UAAU,IACjC,CAAC3B,cAAc,CAACO,KAAK,CAACoB,IAAI,CAAC,CAAC,EAC5B;YACAD,aAAa,CAACC,IAAI,CAAC,GAAGpB,KAAK,CAACoB,IAAI,CAAC;UACnC;QACF;QAEA,IAAI,CAAAjB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGc,IAAI,CAAC,MAAK,KAAK,EAAE;UAChCpB,OAAO,CAACyB,GAAG,CAACN,GAAG,EAAEC,IAAI,EAAEE,aAAa,CAAC;QACvC;MACF;MAEA,OAAOH,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO;MAAEJ,aAAa;MAAEW;IAAc,CAAC;EACzC,CAAC,EAAE,CAAClB,aAAa,EAAEF,UAAU,EAAEG,aAAa,CAAC,CAAC;EAE9C,IAAIE,UAAU,EAAE;IACd,IAAIP,GAAG,EAAE;MACPuB,OAAO,CAACvB,GAAG,CAACU,QAAQ,CAAC,CAAC,CAAC;IACzB;IAEA,IAAIT,WAAW,EAAE;MACfA,WAAW,CAACQ,OAAO,GAAGC,QAAQ;IAChC;EACF;EAEA,OAAOP,QAAQ;AACjB"}
+{"version":3,"file":"ListAllProps.js","names":["isValidElement","useCallback","useContext","useRef","pointer","DataContext","ListAllProps","props","log","generateRef","filterData","children","fieldInternalsRef","valueInternalsRef","data","hasContext","dataRef","current","generate","propsOfFields","Object","entries","reduce","acc","path","startsWith","propertyValue","prop","undefined","set","propsOfValues","console"],"sources":["../../../../../src/extensions/forms/Tools/ListAllProps.tsx"],"sourcesContent":["import { isValidElement, useCallback, useContext, useRef } from 'react'\nimport pointer, { JsonObject } from '../utils/json-pointer'\nimport DataContext, { FilterData } from '../DataContext/Context'\n\nexport type ListAllPropsReturn<Data> = {\n  propsOfFields: Data\n  propsOfValues: Data\n}\nexport type ListAllPropsProps<Data> = {\n  log?: boolean\n  generateRef?: React.MutableRefObject<() => ListAllPropsReturn<Data>>\n  filterData?: FilterData\n  children: React.ReactNode\n}\nexport type GenerateRef<Data extends JsonObject = JsonObject> =\n  ListAllPropsProps<Data>['generateRef']['current']\n\nexport default function ListAllProps<Data extends JsonObject = JsonObject>(\n  props: ListAllPropsProps<Data>\n) {\n  const { log, generateRef, filterData, children } = props || {}\n  const { fieldInternalsRef, valueInternalsRef, data, hasContext } =\n    useContext(DataContext)\n\n  const dataRef = useRef<JsonObject>({})\n  dataRef.current = data\n\n  const generate = useCallback(() => {\n    const propsOfFields = Object.entries(\n      fieldInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    const propsOfValues = Object.entries(\n      valueInternalsRef?.current || {}\n    ).reduce((acc, [path, { props }]) => {\n      if (path.startsWith('/')) {\n        const propertyValue = {}\n\n        for (const prop in props) {\n          if (\n            props[prop] !== undefined &&\n            typeof props[prop] !== 'function' &&\n            !isValidElement(props[prop])\n          ) {\n            propertyValue[prop] = props[prop]\n          }\n        }\n\n        if (filterData?.[path] !== false) {\n          pointer.set(acc, path, propertyValue)\n        }\n      }\n\n      return acc\n    }, {})\n\n    return { propsOfFields, propsOfValues } as ListAllPropsReturn<Data>\n  }, [fieldInternalsRef, filterData, valueInternalsRef])\n\n  if (hasContext) {\n    if (log) {\n      console.log(generate())\n    }\n\n    if (generateRef) {\n      generateRef.current = generate\n    }\n  }\n\n  return children\n}\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Log.js","names":["React","useContext","DataContext","Section","FormLabel","Log","_ref","placeholder","label","data","logData","props","_objectWithoutProperties","_excluded","createElement","_extends","element","backgroundColor","style","maxWidth","innerSpace","bottom","Object","keys","length","JSON","stringify","replaceUndefinedValues","value","replaceWith","Array","isArray","map","item","_objectSpread","fromEntries","entries","k","v","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionAllProps } from '../../../components/Section'\nimport { FormLabel } from '../../../components'\n\nfunction Log({\n  placeholder,\n  label,\n  data: logData,\n  ...props\n}: Omit<SectionAllProps, 'data' | 'label'> & {\n  data?: unknown\n  label?: React.ReactNode\n  placeholder?: React.ReactNode\n}) {\n  const { data } = useContext(DataContext)\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      {label && (\n        <FormLabel bottom>\n          <b>{label}</b>\n        </FormLabel>\n      )}\n      <pre>\n        {placeholder && Object.keys((logData ?? data) || {}).length === 0\n          ? placeholder\n          : JSON.stringify(\n              replaceUndefinedValues(logData ?? data),\n              null,\n              2\n            )}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\n/**\n * Replaces undefined values in an object with a specified replacement value.\n * @param value - The value to check for undefined values.\n * @param replaceWith - The value to replace undefined values with. Default is null.\n * @returns The object with undefined values replaced.\n */\nfunction replaceUndefinedValues(\n  value: unknown,\n  replaceWith = 'undefined' as unknown\n): unknown {\n  if (typeof value === 'undefined') {\n    return replaceWith\n  } else if (Array.isArray(value)) {\n    return value.map((item) => replaceUndefinedValues(item, replaceWith))\n  } else if (value && typeof value === 'object' && value !== replaceWith) {\n    return {\n      ...value,\n      ...Object.fromEntries(\n        Object.entries(value).map(([k, v]) => [\n          k,\n          replaceUndefinedValues(v, replaceWith),\n        ])\n      ),\n    }\n  } else {\n    return value\n  }\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,OAAO,MAA2B,6BAA6B;AACtE,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,GAAGA,CAAAC,IAAA,EAST;EAAA,IATU;MACXC,WAAW;MACXC,KAAK;MACLC,IAAI,EAAEC;IAMR,CAAC,GAAAJ,IAAA;IALIK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAMR,MAAM;IAAEJ;EAAK,CAAC,GAAGR,UAAU,CAACC,WAAW,CAAC;EAExC,OACEF,KAAA,CAAAc,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNC,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNT,KAAK,GAERH,KAAK,IACJR,KAAA,CAAAc,aAAA,CAACV,SAAS;IAACiB,MAAM;EAAA,GACfrB,KAAA,CAAAc,aAAA,YAAIN,KAAS,CACJ,CACZ,EACDR,KAAA,CAAAc,aAAA,cACGP,WAAW,IAAIe,MAAM,CAACC,IAAI,CAAC,CAACb,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAID,IAAI,KAAK,CAAC,CAAC,CAAC,CAACe,MAAM,KAAK,CAAC,GAC7DjB,WAAW,GACXkB,IAAI,CAACC,SAAS,CACZC,sBAAsB,CAACjB,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAID,IAAI,CAAC,EACvC,IAAI,EACJ,CACF,CAAC,EACJ,GACE,CACE,CAAC;AAEd;AAQA,SAASkB,sBAAsBA,CAC7BC,KAAc,EACdC,WAAW,GAAG,WAAsB,EAC3B;EACT,IAAI,OAAOD,KAAK,KAAK,WAAW,EAAE;IAChC,OAAOC,WAAW;EACpB,CAAC,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IAC/B,OAAOA,KAAK,CAACI,GAAG,CAAEC,IAAI,IAAKN,sBAAsB,CAACM,IAAI,EAAEJ,WAAW,CAAC,CAAC;EACvE,CAAC,MAAM,IAAID,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAKC,WAAW,EAAE;IACtE,OAAAK,aAAA,CAAAA,aAAA,KACKN,KAAK,GACLN,MAAM,CAACa,WAAW,CACnBb,MAAM,CAACc,OAAO,CAACR,KAAK,CAAC,CAACI,GAAG,CAAC,CAAC,CAACK,CAAC,EAAEC,CAAC,CAAC,KAAK,CACpCD,CAAC,EACDV,sBAAsB,CAACW,CAAC,EAAET,WAAW,CAAC,CACvC,CACH,CAAC;EAEL,CAAC,MAAM;IACL,OAAOD,KAAK;EACd;AACF;AAEAvB,GAAG,CAACkC,qBAAqB,GAAG,IAAI;AAChC,eAAelC,GAAG"}
+{"version":3,"file":"Log.js","names":["React","useContext","DataContext","Section","FormLabel","Log","_ref","placeholder","label","data","logData","props","_objectWithoutProperties","_excluded","internalDataRef","current","createElement","_extends","element","backgroundColor","style","maxWidth","innerSpace","bottom","Object","keys","length","JSON","stringify","replaceUndefinedValues","value","replaceWith","Array","isArray","map","item","_objectSpread","fromEntries","entries","k","v","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/Tools/Log.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport DataContext from '../DataContext/Context'\nimport Section, { SectionAllProps } from '../../../components/Section'\nimport { FormLabel } from '../../../components'\n\nfunction Log({\n  placeholder,\n  label,\n  data: logData,\n  ...props\n}: Omit<SectionAllProps, 'data' | 'label'> & {\n  data?: unknown\n  label?: React.ReactNode\n  placeholder?: React.ReactNode\n}) {\n  const { internalDataRef } = useContext(DataContext)\n  const data = internalDataRef?.current\n\n  return (\n    <Section\n      element=\"output\"\n      backgroundColor=\"sand-yellow\"\n      style={{ maxWidth: '80vw' }}\n      innerSpace\n      {...props}\n    >\n      {label && (\n        <FormLabel bottom>\n          <b>{label}</b>\n        </FormLabel>\n      )}\n      <pre>\n        {placeholder && Object.keys((logData ?? data) || {}).length === 0\n          ? placeholder\n          : JSON.stringify(\n              replaceUndefinedValues(logData ?? data),\n              null,\n              2\n            )}\n        {' ' /* Ensure one line of spacing */}\n      </pre>\n    </Section>\n  )\n}\n\n/**\n * Replaces undefined values in an object with a specified replacement value.\n * @param value - The value to check for undefined values.\n * @param replaceWith - The value to replace undefined values with. Default is null.\n * @returns The object with undefined values replaced.\n */\nfunction replaceUndefinedValues(\n  value: unknown,\n  replaceWith = 'undefined' as unknown\n): unknown {\n  if (typeof value === 'undefined') {\n    return replaceWith\n  } else if (Array.isArray(value)) {\n    return value.map((item) => replaceUndefinedValues(item, replaceWith))\n  } else if (value && typeof value === 'object' && value !== replaceWith) {\n    return {\n      ...value,\n      ...Object.fromEntries(\n        Object.entries(value).map(([k, v]) => [\n          k,\n          replaceUndefinedValues(v, replaceWith),\n        ])\n      ),\n    }\n  } else {\n    return value\n  }\n}\n\nLog._supportsSpacingProps = true\nexport default Log\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAM,wBAAwB;AAChD,OAAOC,OAAO,MAA2B,6BAA6B;AACtE,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SAASC,GAAGA,CAAAC,IAAA,EAST;EAAA,IATU;MACXC,WAAW;MACXC,KAAK;MACLC,IAAI,EAAEC;IAMR,CAAC,GAAAJ,IAAA;IALIK,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAMR,MAAM;IAAEC;EAAgB,CAAC,GAAGb,UAAU,CAACC,WAAW,CAAC;EACnD,MAAMO,IAAI,GAAGK,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEC,OAAO;EAErC,OACEf,KAAA,CAAAgB,aAAA,CAACb,OAAO,EAAAc,QAAA;IACNC,OAAO,EAAC,QAAQ;IAChBC,eAAe,EAAC,aAAa;IAC7BC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAC5BC,UAAU;EAAA,GACNX,KAAK,GAERH,KAAK,IACJR,KAAA,CAAAgB,aAAA,CAACZ,SAAS;IAACmB,MAAM;EAAA,GACfvB,KAAA,CAAAgB,aAAA,YAAIR,KAAS,CACJ,CACZ,EACDR,KAAA,CAAAgB,aAAA,cACGT,WAAW,IAAIiB,MAAM,CAACC,IAAI,CAAC,CAACf,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAID,IAAI,KAAK,CAAC,CAAC,CAAC,CAACiB,MAAM,KAAK,CAAC,GAC7DnB,WAAW,GACXoB,IAAI,CAACC,SAAS,CACZC,sBAAsB,CAACnB,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAID,IAAI,CAAC,EACvC,IAAI,EACJ,CACF,CAAC,EACJ,GACE,CACE,CAAC;AAEd;AAQA,SAASoB,sBAAsBA,CAC7BC,KAAc,EACdC,WAAW,GAAG,WAAsB,EAC3B;EACT,IAAI,OAAOD,KAAK,KAAK,WAAW,EAAE;IAChC,OAAOC,WAAW;EACpB,CAAC,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IAC/B,OAAOA,KAAK,CAACI,GAAG,CAAEC,IAAI,IAAKN,sBAAsB,CAACM,IAAI,EAAEJ,WAAW,CAAC,CAAC;EACvE,CAAC,MAAM,IAAID,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAKC,WAAW,EAAE;IACtE,OAAAK,aAAA,CAAAA,aAAA,KACKN,KAAK,GACLN,MAAM,CAACa,WAAW,CACnBb,MAAM,CAACc,OAAO,CAACR,KAAK,CAAC,CAACI,GAAG,CAAC,CAAC,CAACK,CAAC,EAAEC,CAAC,CAAC,KAAK,CACpCD,CAAC,EACDV,sBAAsB,CAACW,CAAC,EAAET,WAAW,CAAC,CACvC,CACH,CAAC;EAEL,CAAC,MAAM;IACL,OAAOD,KAAK;EACd;AACF;AAEAzB,GAAG,CAACoC,qBAAqB,GAAG,IAAI;AAChC,eAAepC,GAAG"}