@dnb/eufemia 10.34.1 → 10.36.0

package/cjs/extensions/forms/Form/Visibility/Visibility.js

@@ -1,22 +1,17 @@
 "use strict";
-"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../../../shared/helpers");
 var _useMountEffect = _interopRequireDefault(require("../../../../shared/helpers/useMountEffect"));
 var _HeightAnimation = _interopRequireDefault(require("../../../../components/HeightAnimation"));
-var _Context = _interopRequireDefault(require("../../DataContext/Context"));
-var _SectionContext = _interopRequireDefault(require("../Section/SectionContext"));
 var _FieldProps = _interopRequireDefault(require("../FieldProps"));
+var _useVisibility = _interopRequireDefault(require("./useVisibility"));
 const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "visibleWhen", "visibleWhenNot", "inferData", "filterData", "animate", "keepInDOM", "fieldPropsWhenHidden", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -41,76 +36,29 @@ function Visibility(_ref) {
       children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const dataContext = (0, _react.useContext)(_Context.default);
-  const sectionContext = (0, _react.useContext)(_SectionContext.default);
-  const sectionPath = sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.path;
-  const composePath = (0, _react.useCallback)(path => {
-    return `${sectionPath && sectionPath !== '/' ? sectionPath : ''}${path}`;
-  }, [sectionPath]);
   (0, _useMountEffect.default)(() => {
     if (fieldPropsWhenHidden && !keepInDOM) {
       (0, _helpers.warn)('Using "fieldPropsWhenHidden" requires "keepInDOM" to be true.');
     }
   });
-  const check = () => {
-    var _dataContext$filterDa;
-    if (visible === false) {
-      return;
-    }
-    const data = filterData && ((_dataContext$filterDa = dataContext.filterDataHandler) === null || _dataContext$filterDa === void 0 ? void 0 : _dataContext$filterDa.call(dataContext, dataContext.data, filterData)) || dataContext.data;
-    if (visibleWhen || visibleWhenNot) {
-      if (visibleWhenNot) {
-        visibleWhen = visibleWhenNot;
-      }
-      const hasPath = _jsonPointer.default.has(data, composePath(visibleWhen.path));
-      if (hasPath) {
-        var _visibleWhen, _visibleWhen2;
-        const value = _jsonPointer.default.get(data, composePath(visibleWhen.path));
-        const withValue = (_visibleWhen = visibleWhen) === null || _visibleWhen === void 0 ? void 0 : _visibleWhen['withValue'];
-        const result = withValue && (withValue === null || withValue === void 0 ? void 0 : withValue(value)) === false || Object.prototype.hasOwnProperty.call(visibleWhen, 'hasValue') && ((_visibleWhen2 = visibleWhen) === null || _visibleWhen2 === void 0 ? void 0 : _visibleWhen2['hasValue']) !== value;
-        if (visibleWhenNot) {
-          if (!result) {
-            return;
-          }
-        } else if (result) {
-          return;
-        }
-      } else {
-        return;
-      }
-    }
-    if (pathDefined && !_jsonPointer.default.has(data, composePath(pathDefined))) {
-      return;
-    }
-    if (pathUndefined && _jsonPointer.default.has(data, composePath(pathUndefined))) {
-      return;
-    }
-    const getValue = path => {
-      if (_jsonPointer.default.has(data, path)) {
-        return _jsonPointer.default.get(data, path);
-      }
-    };
-    if (pathTrue && getValue(composePath(pathTrue)) !== true) {
-      return;
-    }
-    if (pathFalse && getValue(composePath(pathFalse)) !== false) {
-      return;
-    }
-    if (pathTruthy && Boolean(getValue(composePath(pathTruthy))) === false) {
-      return;
-    }
-    if (pathFalsy && Boolean(getValue(composePath(pathFalsy))) === true) {
-      return;
-    }
-    if (inferData && !inferData(data)) {
-      return;
-    }
-    if (pathValue && getValue(composePath(pathValue)) !== whenValue) {
-      return;
-    }
-    return true;
-  };
-  const open = Boolean(check());
+  const {
+    check
+  } = (0, _useVisibility.default)({
+    visible,
+    pathDefined,
+    pathUndefined,
+    pathTruthy,
+    pathFalsy,
+    pathTrue,
+    pathFalse,
+    pathValue,
+    whenValue,
+    visibleWhen,
+    visibleWhenNot,
+    inferData,
+    filterData
+  });
+  const open = check();
   if (animate) {
     const props = !open ? fieldPropsWhenHidden : null;
     return _react.default.createElement(_HeightAnimation.default, _extends({

package/cjs/extensions/forms/Form/Visibility/Visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"Visibility.js","names":["_react","_interopRequireWildcard","require","_jsonPointer","_interopRequireDefault","_helpers","_useMountEffect","_HeightAnimation","_Context","_SectionContext","_FieldProps","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","fieldPropsWhenHidden","children","rest","dataContext","useContext","DataContext","sectionContext","SectionContext","sectionPath","path","composePath","useCallback","useMountEffect","warn","check","_dataContext$filterDa","data","filterDataHandler","hasPath","pointer","_visibleWhen","_visibleWhen2","value","withValue","result","getValue","Boolean","open","props","createElement","className","hidden","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes, useCallback, useContext } from 'react'\nimport pointer from 'json-pointer'\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport DataContext, { FilterData } from '../../DataContext/Context'\nimport SectionContext from '../Section/SectionContext'\nimport FieldProps from '../FieldProps'\nimport type { Path, UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\n\ntype VisibleWhen =\n  | {\n      path: string\n      hasValue: unknown\n    }\n  | {\n      path: string\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  const dataContext = useContext(DataContext)\n  const sectionContext = useContext(SectionContext)\n\n  const sectionPath = sectionContext?.path\n  const composePath = useCallback(\n    (path: Path) => {\n      return `${\n        sectionPath && sectionPath !== '/' ? sectionPath : ''\n      }${path}`\n    },\n    [sectionPath]\n  )\n\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const check = () => {\n    if (visible === false) {\n      return\n    }\n\n    const data =\n      (filterData &&\n        dataContext.filterDataHandler?.(dataContext.data, filterData)) ||\n      dataContext.data\n\n    if (visibleWhen || visibleWhenNot) {\n      if (visibleWhenNot) {\n        visibleWhen = visibleWhenNot\n      }\n      const hasPath = pointer.has(data, composePath(visibleWhen.path))\n      if (hasPath) {\n        const value = pointer.get(data, composePath(visibleWhen.path))\n\n        const withValue = visibleWhen?.['withValue']\n        const result =\n          (withValue && withValue?.(value) === false) ||\n          (Object.prototype.hasOwnProperty.call(visibleWhen, 'hasValue') &&\n            visibleWhen?.['hasValue'] !== value)\n\n        if (visibleWhenNot) {\n          if (!result) {\n            return\n          }\n        } else if (result) {\n          return\n        }\n      } else {\n        return\n      }\n    }\n\n    if (pathDefined && !pointer.has(data, composePath(pathDefined))) {\n      return\n    }\n    if (pathUndefined && pointer.has(data, composePath(pathUndefined))) {\n      return\n    }\n\n    const getValue = (path: Path) => {\n      if (pointer.has(data, path)) {\n        return pointer.get(data, path)\n      }\n    }\n\n    if (pathTrue && getValue(composePath(pathTrue)) !== true) {\n      return\n    }\n    if (pathFalse && getValue(composePath(pathFalse)) !== false) {\n      return\n    }\n    if (\n      pathTruthy &&\n      Boolean(getValue(composePath(pathTruthy))) === false\n    ) {\n      return\n    }\n    if (pathFalsy && Boolean(getValue(composePath(pathFalsy))) === true) {\n      return\n    }\n    if (inferData && !inferData(data)) {\n      return\n    }\n\n    // Deprecated can be removed in v11\n    if (pathValue && getValue(composePath(pathValue)) !== whenValue) {\n      return\n    }\n\n    return true\n  }\n\n  const open = Boolean(check())\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        {...rest}\n      >\n        <FieldProps {...props}>{children}</FieldProps>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProps {...props}>{children}</FieldProps>\n      </span>\n    )\n  }\n\n  return <>{open ? children : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}
+{"version":3,"file":"Visibility.js","names":["_react","_interopRequireDefault","require","_helpers","_useMountEffect","_HeightAnimation","_FieldProps","_useVisibility","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Visibility","_ref","visible","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","visibleWhen","visibleWhenNot","inferData","filterData","animate","keepInDOM","fieldPropsWhenHidden","children","rest","useMountEffect","warn","check","useVisibility","open","props","createElement","Boolean","className","hidden","Fragment","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/Visibility.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react'\n\nimport { warn } from '../../../../shared/helpers'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport HeightAnimation, {\n  HeightAnimationProps,\n} from '../../../../components/HeightAnimation'\nimport FieldProps from '../FieldProps'\nimport useVisibility from './useVisibility'\n\nimport type { UseFieldProps } from '../../types'\nimport type { DataAttributes } from '../../hooks/useFieldProps'\nimport { FilterData } from '../../DataContext'\n\nexport type VisibleWhen =\n  | {\n      path: string\n      hasValue: unknown\n    }\n  | {\n      path: string\n      withValue: (value: unknown) => boolean\n    }\n\nexport type Props = {\n  visible?: boolean\n  /** Given data context path must be defined to show children */\n  pathDefined?: string\n  /** Given data context path must be undefined to show children */\n  pathUndefined?: string\n  /** Given data context path must be truthy to show children */\n  pathTruthy?: string\n  /** Given data context path must be falsy to show children */\n  pathFalsy?: string\n  /** Given data context path must be true to show children */\n  pathTrue?: string\n  /** Given data context path must be false to show children */\n  pathFalse?: string\n  /** Provide a `path` and a `hasValue` property with the excepted value in order to show children. You can alternatively provide a `withValue` function that returns a boolean. The first parameter is the value of the path. */\n  visibleWhen?: VisibleWhen\n  /** Same as `visibleWhen`, but with inverted logic. */\n  visibleWhenNot?: VisibleWhen\n  /** Infer visibility calling given derivative function with the whole data set. Should return true/false for visibility.   */\n  inferData?: (data: unknown) => boolean\n  /** Filter data based on provided criteria. The first parameter is the path, the second is the value, and the third is the props, and the fourth is the internal. Return false to filter out the data. */\n  filterData?: FilterData\n  /** Animate the visibility change */\n  animate?: boolean\n  /** Keep the content in the DOM, even if it's not visible */\n  keepInDOM?: boolean\n  /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */\n  fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes\n  element?: HeightAnimationProps['element']\n  children: React.ReactNode\n\n  /** @deprecated Use `visibleWhen` instead */\n  pathValue?: string\n  /** @deprecated Use `visibleWhen` instead */\n  whenValue?: unknown\n}\n\nfunction Visibility({\n  visible,\n  pathDefined,\n  pathUndefined,\n  pathTruthy,\n  pathFalsy,\n  pathTrue,\n  pathFalse,\n  pathValue,\n  whenValue,\n  visibleWhen,\n  visibleWhenNot,\n  inferData,\n  filterData,\n  animate,\n  keepInDOM,\n  fieldPropsWhenHidden,\n  children,\n  ...rest\n}: Props) {\n  useMountEffect(() => {\n    if (fieldPropsWhenHidden && !keepInDOM) {\n      warn('Using \"fieldPropsWhenHidden\" requires \"keepInDOM\" to be true.')\n    }\n  })\n\n  const { check } = useVisibility({\n    visible,\n    pathDefined,\n    pathUndefined,\n    pathTruthy,\n    pathFalsy,\n    pathTrue,\n    pathFalse,\n    pathValue,\n    whenValue,\n    visibleWhen,\n    visibleWhenNot,\n    inferData,\n    filterData,\n  })\n  const open = check()\n\n  if (animate) {\n    const props = !open ? fieldPropsWhenHidden : null\n\n    return (\n      <HeightAnimation\n        open={open}\n        keepInDOM={Boolean(keepInDOM)}\n        className=\"dnb-forms-visibility\"\n        {...rest}\n      >\n        <FieldProps {...props}>{children}</FieldProps>\n      </HeightAnimation>\n    )\n  }\n\n  if (keepInDOM) {\n    const props = !open ? fieldPropsWhenHidden : null\n    return (\n      <span className=\"dnb-forms-visibility\" hidden={!open}>\n        <FieldProps {...props}>{children}</FieldProps>\n      </span>\n    )\n  }\n\n  return <>{open ? children : null}</>\n}\n\nVisibility._supportsSpacingProps = 'children'\nexport default Visibility\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Visibility/useVisibility.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './Visibility';
+export type { Props };
+export default function useVisibility(props?: Partial<Props>): {
+    check: ({ visible, visibleWhen, visibleWhenNot, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, inferData, filterData, }?: Partial<Props>) => boolean;
+};

package/cjs/extensions/forms/Form/Visibility/useVisibility.js

@@ -0,0 +1,101 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVisibility;
+var _react = require("react");
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _Context = _interopRequireDefault(require("../../DataContext/Context"));
+var _SectionContext = _interopRequireDefault(require("../Section/SectionContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useVisibility(props) {
+  const {
+    filterDataHandler,
+    data: originalData
+  } = (0, _react.useContext)(_Context.default);
+  const sectionContext = (0, _react.useContext)(_SectionContext.default);
+  const sectionPath = sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.path;
+  const composePath = (0, _react.useCallback)(path => {
+    return `${sectionPath && sectionPath !== '/' ? sectionPath : ''}${path}`;
+  }, [sectionPath]);
+  const propsRef = (0, _react.useRef)(props);
+  propsRef.current = props;
+  const check = (0, _react.useCallback)(function () {
+    let {
+      visible,
+      visibleWhen,
+      visibleWhenNot,
+      pathDefined,
+      pathUndefined,
+      pathTruthy,
+      pathFalsy,
+      pathTrue,
+      pathFalse,
+      pathValue,
+      whenValue,
+      inferData,
+      filterData
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : propsRef.current;
+    if (visible === false) {
+      return false;
+    }
+    const data = filterData && (filterDataHandler === null || filterDataHandler === void 0 ? void 0 : filterDataHandler(originalData, filterData)) || originalData;
+    if (visibleWhen || visibleWhenNot) {
+      if (visibleWhenNot) {
+        visibleWhen = visibleWhenNot;
+      }
+      const hasPath = _jsonPointer.default.has(data, composePath(visibleWhen.path));
+      if (hasPath) {
+        var _visibleWhen, _visibleWhen2;
+        const value = _jsonPointer.default.get(data, composePath(visibleWhen.path));
+        const withValue = (_visibleWhen = visibleWhen) === null || _visibleWhen === void 0 ? void 0 : _visibleWhen['withValue'];
+        const result = withValue && (withValue === null || withValue === void 0 ? void 0 : withValue(value)) === false || Object.prototype.hasOwnProperty.call(visibleWhen, 'hasValue') && ((_visibleWhen2 = visibleWhen) === null || _visibleWhen2 === void 0 ? void 0 : _visibleWhen2['hasValue']) !== value;
+        if (visibleWhenNot) {
+          if (!result) {
+            return false;
+          }
+        } else if (result) {
+          return false;
+        }
+      } else {
+        return false;
+      }
+    }
+    if (pathDefined && !_jsonPointer.default.has(data, composePath(pathDefined))) {
+      return false;
+    }
+    if (pathUndefined && _jsonPointer.default.has(data, composePath(pathUndefined))) {
+      return false;
+    }
+    const getValue = path => {
+      if (_jsonPointer.default.has(data, path)) {
+        return _jsonPointer.default.get(data, path);
+      }
+    };
+    if (pathTrue && getValue(composePath(pathTrue)) !== true) {
+      return false;
+    }
+    if (pathFalse && getValue(composePath(pathFalse)) !== false) {
+      return false;
+    }
+    if (pathTruthy && Boolean(getValue(composePath(pathTruthy))) === false) {
+      return false;
+    }
+    if (pathFalsy && Boolean(getValue(composePath(pathFalsy))) === true) {
+      return false;
+    }
+    if (inferData && !inferData(data)) {
+      return false;
+    }
+    if (pathValue && getValue(composePath(pathValue)) !== whenValue) {
+      return false;
+    }
+    return true;
+  }, [composePath, filterDataHandler, originalData]);
+  return {
+    check
+  };
+}
+//# sourceMappingURL=useVisibility.js.map

package/cjs/extensions/forms/Form/Visibility/useVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibility.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_SectionContext","obj","__esModule","default","useVisibility","props","filterDataHandler","data","originalData","useContext","DataContext","sectionContext","SectionContext","sectionPath","path","composePath","useCallback","propsRef","useRef","current","check","visible","visibleWhen","visibleWhenNot","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","filterData","arguments","length","undefined","hasPath","pointer","has","_visibleWhen","_visibleWhen2","value","get","withValue","result","Object","prototype","hasOwnProperty","call","getValue","Boolean"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/useVisibility.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport SectionContext from '../Section/SectionContext'\nimport { Path } from '../../types'\nimport { Props } from './Visibility'\n\nexport type { Props }\n\nexport default function useVisibility(props?: Partial<Props>) {\n  const { filterDataHandler, data: originalData } = useContext(DataContext)\n  const sectionContext = useContext(SectionContext)\n\n  const sectionPath = sectionContext?.path\n  const composePath = useCallback(\n    (path: Path) => {\n      return `${\n        sectionPath && sectionPath !== '/' ? sectionPath : ''\n      }${path}`\n    },\n    [sectionPath]\n  )\n\n  // Forward props to the \"check\" method with ref to avoid infinite loop\n  const propsRef = useRef(props)\n  propsRef.current = props\n\n  const check = useCallback(\n    (\n      {\n        visible,\n        visibleWhen,\n        visibleWhenNot,\n        pathDefined,\n        pathUndefined,\n        pathTruthy,\n        pathFalsy,\n        pathTrue,\n        pathFalse,\n        pathValue,\n        whenValue,\n        inferData,\n        filterData,\n      }: Partial<Props> = propsRef.current\n    ) => {\n      if (visible === false) {\n        return false\n      }\n\n      const data =\n        (filterData && filterDataHandler?.(originalData, filterData)) ||\n        originalData\n\n      if (visibleWhen || visibleWhenNot) {\n        if (visibleWhenNot) {\n          visibleWhen = visibleWhenNot\n        }\n        const hasPath = pointer.has(data, composePath(visibleWhen.path))\n        if (hasPath) {\n          const value = pointer.get(data, composePath(visibleWhen.path))\n\n          const withValue = visibleWhen?.['withValue']\n          const result =\n            (withValue && withValue?.(value) === false) ||\n            (Object.prototype.hasOwnProperty.call(\n              visibleWhen,\n              'hasValue'\n            ) &&\n              visibleWhen?.['hasValue'] !== value)\n\n          if (visibleWhenNot) {\n            if (!result) {\n              return false\n            }\n          } else if (result) {\n            return false\n          }\n        } else {\n          return false\n        }\n      }\n\n      if (pathDefined && !pointer.has(data, composePath(pathDefined))) {\n        return false\n      }\n      if (pathUndefined && pointer.has(data, composePath(pathUndefined))) {\n        return false\n      }\n\n      const getValue = (path: Path) => {\n        if (pointer.has(data, path)) {\n          return pointer.get(data, path)\n        }\n      }\n\n      if (pathTrue && getValue(composePath(pathTrue)) !== true) {\n        return false\n      }\n      if (pathFalse && getValue(composePath(pathFalse)) !== false) {\n        return false\n      }\n      if (\n        pathTruthy &&\n        Boolean(getValue(composePath(pathTruthy))) === false\n      ) {\n        return false\n      }\n      if (\n        pathFalsy &&\n        Boolean(getValue(composePath(pathFalsy))) === true\n      ) {\n        return false\n      }\n      if (inferData && !inferData(data)) {\n        return false\n      }\n\n      // Deprecated can be removed in v11\n      if (pathValue && getValue(composePath(pathValue)) !== whenValue) {\n        return false\n      }\n\n      return true\n    },\n    [composePath, filterDataHandler, originalData]\n  )\n\n  return { check }\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js

@@ -24,11 +24,11 @@ function ElementBlock(props) {
   contextRef.current = (0, _react.useContext)(_IterateElementContext.default) || {};
   const {
     hasError,
-    hasErrorAndShowIt
+    hasSubmitError
   } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
   contextRef.current.hasError = hasError;
-  contextRef.current.hasErrorAndShowIt = hasErrorAndShowIt;
-  if (hasErrorAndShowIt) {
+  contextRef.current.hasSubmitError = hasSubmitError;
+  if (hasSubmitError) {
     contextRef.current.containerMode = 'edit';
   }
   const {
@@ -72,10 +72,10 @@ function ElementBlock(props) {
     }
   }, [containerMode, isNew, mode, open, openDelay, setOpenState]);
   const handleAnimationEnd = (0, _react.useCallback)(state => {
-    if (contextRef.current.hasErrorAndShowIt) {
-      switchContainerMode('edit');
+    if (contextRef.current.hasSubmitError) {
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
     }
-    const preventFocusOnErrorOpening = !contextRef.current.hasErrorAndShowIt;
+    const preventFocusOnErrorOpening = !contextRef.current.hasSubmitError;
     if (preventFocusOnErrorOpening) {
       if (state === 'opened') {
         var _contextRef$current, _contextRef$current$e, _contextRef$current$e2, _contextRef$current$e3;
@@ -112,13 +112,13 @@ function ElementBlock(props) {
       handleRemoveBlock
     }
   }, _react.default.createElement(_components.HeightAnimation, {
-    className: (0, _classnames.default)('dnb-forms-iterate-block', className, variant && `dnb-forms-iterate-block--variant-${variant}`, isNew && 'dnb-forms-iterate-block--new', contextRef.current.hasErrorAndShowIt && 'dnb-forms-iterate-block--error'),
+    className: (0, _classnames.default)('dnb-forms-section-block', className, variant && `dnb-forms-section-block--variant-${variant}`, isNew && 'dnb-forms-section-block--new', contextRef.current.hasSubmitError && 'dnb-forms-section-block--error'),
     open: openRef.current,
     onAnimationEnd: handleAnimationEnd,
     duration: 450,
     keepInDOM: true
   }, _react.default.createElement(_components.Flex.Stack, _extends({
-    className: "dnb-forms-iterate-block__inner"
+    className: "dnb-forms-section-block__inner"
   }, restProps, {
     element: "section",
     "aria-label": ariaLabel

package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_ElementBlockContext","_FieldBoundaryContext","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ElementBlock","props","forceUpdate","useReducer","contextRef","useRef","current","useContext","IterateElementContext","hasError","hasErrorAndShowIt","FieldBoundaryContext","containerMode","handleRemove","switchContainerMode","isNew","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","restProps","openRef","isRemoving","setOpenState","useCallback","useEffect","setTimeout","handleAnimationEnd","state","preventFocusOnErrorOpening","_contextRef$current","_contextRef$current$e","_contextRef$current$e2","_contextRef$current$e3","elementRef","focus","window","requestAnimationFrame","_document$activeEleme","document","activeElement","closest","_contextRef$current2","elements","containerRef","querySelectorAll","e","_contextRef$current3","_contextRef$current3$","fulfillRemove","handleRemoveBlock","keepItems","createElement","Provider","value","HeightAnimation","classnames","duration","keepInDOM","Flex","Stack","element","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport ElementBlockContext from './ElementBlockContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from '../Array/types'\n\nexport type ElementSectionProps = {\n  /**\n   * Defines the variant of the ViewContainer or EditContainer. Can be `outline`.\n   * Defaults to `outline`.\n   */\n  variant?: 'outline' | 'basic'\n}\n\nexport type Props = {\n  mode: ContainerMode\n  open?: boolean | undefined\n  ariaLabel?: string\n  openDelay?: number\n} & ElementSectionProps\n\nfunction ElementBlock(props: Props & FlexContainerProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const contextRef = useRef<\n    IterateElementContextState & {\n      hasError?: boolean\n      hasErrorAndShowIt?: boolean\n    }\n  >()\n  contextRef.current = useContext(IterateElementContext) || {}\n\n  const { hasError, hasErrorAndShowIt } =\n    useContext(FieldBoundaryContext) || {}\n  contextRef.current.hasError = hasError\n  contextRef.current.hasErrorAndShowIt = hasErrorAndShowIt\n\n  // - Set the container mode to \"edit\" if we have an error\n  if (hasErrorAndShowIt) {\n    contextRef.current.containerMode = 'edit'\n  }\n\n  const { handleRemove, switchContainerMode, containerMode, isNew } =\n    contextRef.current\n\n  const {\n    mode,\n    open,\n    ariaLabel,\n    onAnimationEnd,\n    className,\n    children,\n    openDelay = 100,\n    variant = 'outline',\n    ...restProps\n  } = props\n\n  const openRef = useRef(open ?? (containerMode === mode && !isNew))\n  const isRemoving = useRef(false)\n\n  const setOpenState = useCallback((open: boolean) => {\n    openRef.current = open\n    forceUpdate()\n  }, [])\n\n  useEffect(() => {\n    if (!isRemoving.current) {\n      // - Set the open state, if it's controlled\n      if (typeof open !== 'undefined') {\n        setOpenState(open)\n      } else {\n        // - Open the block with animation, if it's in the right mode\n        if (openRef.current !== (containerMode === mode)) {\n          if (isNew) {\n            setTimeout(() => {\n              setOpenState(containerMode === mode)\n            }, openDelay) // in order to apply the animation\n          } else {\n            setOpenState(containerMode === mode)\n          }\n        }\n      }\n    }\n  }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n  // - Remove the block with animation, if it's in the right mode\n  const handleAnimationEnd = useCallback(\n    (state) => {\n      // - Keep the block open if we have an error\n      if (contextRef.current.hasErrorAndShowIt) {\n        switchContainerMode('edit')\n      }\n\n      const preventFocusOnErrorOpening =\n        !contextRef.current.hasErrorAndShowIt\n      if (preventFocusOnErrorOpening) {\n        if (state === 'opened') {\n          contextRef.current?.elementRef?.current?.focus?.()\n        } else {\n          // Wait until the element is removed, then check if we can set focus\n          window.requestAnimationFrame(() => {\n            // try to focus on the second last element\n            try {\n              if (\n                // But not when we focus is already inside our element\n                !document.activeElement?.closest(\n                  '.dnb-forms-iterate__element'\n                )\n              ) {\n                const elements =\n                  contextRef.current?.containerRef.current.querySelectorAll<HTMLDivElement>(\n                    '.dnb-forms-iterate__element'\n                  )\n                elements[elements.length - 1].focus()\n              }\n            } catch (e) {\n              /**/\n            }\n          })\n        }\n      }\n\n      if (!openRef.current && isRemoving.current) {\n        isRemoving.current = false\n        contextRef.current?.fulfillRemove?.()\n      }\n\n      onAnimationEnd?.(state)\n    },\n    [onAnimationEnd, switchContainerMode]\n  )\n  const handleRemoveBlock = useCallback(() => {\n    isRemoving.current = true\n    handleRemove?.({ keepItems: true })\n    setOpenState(false)\n  }, [handleRemove, setOpenState])\n\n  return (\n    <ElementBlockContext.Provider value={{ handleRemoveBlock }}>\n      <HeightAnimation\n        className={classnames(\n          'dnb-forms-iterate-block',\n          variant && `dnb-forms-iterate-block--variant-${variant}`,\n          isNew && 'dnb-forms-iterate-block--new',\n          contextRef.current.hasErrorAndShowIt &&\n            'dnb-forms-iterate-block--error',\n          className\n        )}\n        open={openRef.current}\n        onAnimationEnd={handleAnimationEnd}\n        duration={450}\n        keepInDOM // Ensure fields get mounted so they will sync with the data context\n      >\n        <Flex.Stack\n          className=\"dnb-forms-iterate-block__inner\"\n          {...restProps}\n          element=\"section\"\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Flex.Stack>\n      </HeightAnimation>\n    </ElementBlockContext.Provider>\n  )\n}\n\nElementBlock._supportsSpacingProps = true\nexport default ElementBlock\n"],"mappings":"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"}
+{"version":3,"file":"ElementBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_ElementBlockContext","_FieldBoundaryContext","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ElementBlock","props","forceUpdate","useReducer","contextRef","useRef","current","useContext","IterateElementContext","hasError","hasSubmitError","FieldBoundaryContext","containerMode","handleRemove","switchContainerMode","isNew","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","restProps","openRef","isRemoving","setOpenState","useCallback","useEffect","setTimeout","handleAnimationEnd","state","preventFocusOnErrorOpening","_contextRef$current","_contextRef$current$e","_contextRef$current$e2","_contextRef$current$e3","elementRef","focus","window","requestAnimationFrame","_document$activeEleme","document","activeElement","closest","_contextRef$current2","elements","containerRef","querySelectorAll","e","_contextRef$current3","_contextRef$current3$","fulfillRemove","handleRemoveBlock","keepItems","createElement","Provider","value","HeightAnimation","classnames","duration","keepInDOM","Flex","Stack","element","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport ElementBlockContext from './ElementBlockContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from '../Array/types'\n\nexport type ElementSectionProps = {\n  /**\n   * Defines the variant of the ViewContainer or EditContainer. Can be `outline`.\n   * Defaults to `outline`.\n   */\n  variant?: 'outline' | 'basic'\n}\n\nexport type Props = {\n  mode: ContainerMode\n  open?: boolean | undefined\n  ariaLabel?: string\n  openDelay?: number\n} & ElementSectionProps\n\nfunction ElementBlock(props: Props & FlexContainerProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const contextRef = useRef<\n    IterateElementContextState & {\n      hasError?: boolean\n      hasSubmitError?: boolean\n    }\n  >()\n  contextRef.current = useContext(IterateElementContext) || {}\n\n  const { hasError, hasSubmitError } =\n    useContext(FieldBoundaryContext) || {}\n  contextRef.current.hasError = hasError\n  contextRef.current.hasSubmitError = hasSubmitError\n\n  // - Set the container mode to \"edit\" if we have an error\n  if (hasSubmitError) {\n    contextRef.current.containerMode = 'edit'\n  }\n\n  const { handleRemove, switchContainerMode, containerMode, isNew } =\n    contextRef.current\n\n  const {\n    mode,\n    open,\n    ariaLabel,\n    onAnimationEnd,\n    className,\n    children,\n    openDelay = 100,\n    variant = 'outline',\n    ...restProps\n  } = props\n\n  const openRef = useRef(open ?? (containerMode === mode && !isNew))\n  const isRemoving = useRef(false)\n\n  const setOpenState = useCallback((open: boolean) => {\n    openRef.current = open\n    forceUpdate()\n  }, [])\n\n  useEffect(() => {\n    if (!isRemoving.current) {\n      // - Set the open state, if it's controlled\n      if (typeof open !== 'undefined') {\n        setOpenState(open)\n      } else {\n        // - Open the block with animation, if it's in the right mode\n        if (openRef.current !== (containerMode === mode)) {\n          if (isNew) {\n            setTimeout(() => {\n              setOpenState(containerMode === mode)\n            }, openDelay) // in order to apply the animation\n          } else {\n            setOpenState(containerMode === mode)\n          }\n        }\n      }\n    }\n  }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n  // - Remove the block with animation, if it's in the right mode\n  const handleAnimationEnd = useCallback(\n    (state) => {\n      // - Keep the block open if we have an error\n      if (contextRef.current.hasSubmitError) {\n        switchContainerMode?.('edit')\n      }\n\n      const preventFocusOnErrorOpening = !contextRef.current.hasSubmitError\n      if (preventFocusOnErrorOpening) {\n        if (state === 'opened') {\n          contextRef.current?.elementRef?.current?.focus?.()\n        } else {\n          // Wait until the element is removed, then check if we can set focus\n          window.requestAnimationFrame(() => {\n            // try to focus on the second last element\n            try {\n              if (\n                // But not when we focus is already inside our element\n                !document.activeElement?.closest(\n                  '.dnb-forms-iterate__element'\n                )\n              ) {\n                const elements =\n                  contextRef.current?.containerRef.current.querySelectorAll<HTMLDivElement>(\n                    '.dnb-forms-iterate__element'\n                  )\n                elements[elements.length - 1].focus()\n              }\n            } catch (e) {\n              /**/\n            }\n          })\n        }\n      }\n\n      if (!openRef.current && isRemoving.current) {\n        isRemoving.current = false\n        contextRef.current?.fulfillRemove?.()\n      }\n\n      onAnimationEnd?.(state)\n    },\n    [onAnimationEnd, switchContainerMode]\n  )\n  const handleRemoveBlock = useCallback(() => {\n    isRemoving.current = true\n    handleRemove?.({ keepItems: true })\n    setOpenState(false)\n  }, [handleRemove, setOpenState])\n\n  return (\n    <ElementBlockContext.Provider value={{ handleRemoveBlock }}>\n      <HeightAnimation\n        className={classnames(\n          'dnb-forms-section-block',\n          variant && `dnb-forms-section-block--variant-${variant}`,\n          isNew && 'dnb-forms-section-block--new',\n          contextRef.current.hasSubmitError &&\n            'dnb-forms-section-block--error',\n          className\n        )}\n        open={openRef.current}\n        onAnimationEnd={handleAnimationEnd}\n        duration={450}\n        keepInDOM // Ensure fields get mounted so they will sync with the data context\n      >\n        <Flex.Stack\n          className=\"dnb-forms-section-block__inner\"\n          {...restProps}\n          element=\"section\"\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Flex.Stack>\n      </HeightAnimation>\n    </ElementBlockContext.Provider>\n  )\n}\n\nElementBlock._supportsSpacingProps = true\nexport default ElementBlock\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/Array/Array.js

@@ -165,7 +165,7 @@ function ArrayComponent(props) {
     }
   }, [arrayValue, elementData, onChange]);
   const flexProps = _objectSpread(_objectSpread(_objectSpread({
-    className: (0, _classnames.default)('dnb-forms-iterate', props === null || props === void 0 ? void 0 : props.className)
+    className: (0, _classnames.default)("dnb-forms-iterate dnb-forms-section", props === null || props === void 0 ? void 0 : props.className)
   }, (0, _Container.pickFlexContainerProps)(props)), (0, _utils.pickSpacingProps)(props)), {}, {
     innerRef: containerRef
   });

package/cjs/extensions/forms/Iterate/Array/Array.js.map

@@ -1 +1 @@
-{"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_hooks","_componentHelper","_components","_utils","_Container","_IterateElementContext","_SummaryListContext","_ValueBlockContext","_FieldBoundaryProvider","_structuredClone","_useDataValue","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArrayComponent","props","_props$value","salt","forceUpdate","useReducer","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","getValue","useDataValue","preparedProps","useMemo","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","newValue","l","index","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","useFieldProps","idsRef","useRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","useEffect","current","elementData","_ref","map","_valueCountRef$curren","id","makeUniqueId","hasNewItems","isNew","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","structuredClone","pointer","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","classnames","pickFlexContainerProps","pickSpacingProps","innerRef","WrapperElement","Fragment","Flex","Stack","createElement","elementProps","elementRef","createRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","Item","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\nimport useDataValue from '../../hooks/useDataValue'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n\n  const { getValue } = useDataValue()\n  const preparedProps = useMemo(() => {\n    const {\n      path,\n      countPath,\n      countPathLimit = Infinity,\n      countPathTransform,\n    } = props\n\n    if (countPath) {\n      const arrayValue = getValue(path)\n      let countValue = parseFloat(getValue(countPath))\n      if (!(countValue >= 0)) {\n        countValue = 0\n      }\n      if (countValue > countPathLimit) {\n        countValue = countPathLimit\n      }\n      if (arrayValue?.length !== countValue) {\n        const newValue = []\n        for (let i = 0, l = countValue; i < l; i++) {\n          const value = arrayValue?.[i]\n          newValue.push(countPathTransform?.({ value, index: i }))\n        }\n\n        return {\n          ...props,\n          value: newValue,\n        }\n      }\n    }\n\n    return props\n  }, [getValue, props])\n\n  const {\n    path,\n    value: arrayValue,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    handleChange,\n    onChange,\n    children,\n  } = useFieldProps<Value, Props>(preparedProps)\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n  const valueWhileClosingRef = useRef<Array<unknown>>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const elementData = useMemo(() => {\n    return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n      (value, index) => {\n        const id = idsRef.current[index] || makeUniqueId()\n\n        const hasNewItems =\n          arrayValue.length > valueCountRef.current?.length\n\n        if (!idsRef.current[index]) {\n          isNewRef.current[id] = hasNewItems\n          idsRef.current.push(id)\n        }\n\n        const isNew = isNewRef.current[id] || false\n        if (!modesRef.current[id]) {\n          modesRef.current[id] = isNew ? 'edit' : 'view'\n        }\n\n        return {\n          id,\n          path,\n          value,\n          index,\n          arrayValue,\n          containerRef,\n          isNew,\n          containerMode: modesRef.current[id],\n          switchContainerMode: (mode: ContainerMode) => {\n            modesRef.current[id] = mode\n            delete isNewRef.current?.[id]\n            forceUpdate()\n          },\n          handleChange: (path: Path, value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n\n            // Make sure we have a new object reference,\n            // else two new objects will be the same\n            newArrayValue[index] = { ...newArrayValue[index] }\n\n            pointer.set(newArrayValue, path, value)\n            handleChange(newArrayValue)\n          },\n          handlePush: (element: unknown) => {\n            hadPushRef.current = true\n            handleChange([...(arrayValue ?? []), element])\n          },\n          handleRemove: ({ keepItems = false } = {}) => {\n            if (keepItems) {\n              // Add a backup as the array value while animating\n              valueWhileClosingRef.current = arrayValue\n            }\n\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue.splice(index, 1)\n            handleChange(newArrayValue)\n          },\n\n          // - Called after animation end\n          fulfillRemove: () => {\n            valueWhileClosingRef.current = null\n            delete modesRef.current?.[id]\n            delete isNewRef.current?.[id]\n            const findIndex = idsRef.current.indexOf(id)\n            idsRef.current.splice(findIndex, 1)\n            forceUpdate()\n          },\n\n          // - Called when cancel button press\n          restoreOriginalValue: (value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          },\n        } as IterateElementContextState\n      }\n    )\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, path, handleChange])\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = elementData?.[elementData.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, elementData, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames('dnb-forms-iterate', props?.className),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n  return (\n    <WrapperElement {...(omitFlex ? null : flexProps)}>\n      {arrayValue === emptyValue || props?.value?.length === 0\n        ? placeholder\n        : elementData.map((elementProps) => {\n            const { id, value, index } = elementProps\n            const elementRef = (innerRefs.current[id] =\n              innerRefs.current[id] || createRef<HTMLDivElement>())\n\n            const renderChildren = (elementChild: ElementChild) => {\n              return typeof elementChild === 'function'\n                ? elementChild(value, index)\n                : elementChild\n            }\n\n            const contextValue = {\n              ...elementProps,\n              elementRef,\n            }\n\n            const content = Array.isArray(children)\n              ? children.map((child) => renderChildren(child))\n              : renderChildren(children)\n\n            if (omitFlex) {\n              return (\n                <IterateElementContext.Provider\n                  key={`element-${id}`}\n                  value={contextValue}\n                >\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateElementContext.Provider>\n              )\n            }\n\n            return (\n              <Flex.Item\n                className=\"dnb-forms-iterate__element\"\n                tabIndex={-1}\n                innerRef={elementRef}\n                key={`element-${id}`}\n              >\n                <IterateElementContext.Provider value={contextValue}>\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateElementContext.Provider>\n              </Flex.Item>\n            )\n          })}\n    </WrapperElement>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
+{"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_hooks","_componentHelper","_components","_utils","_Container","_IterateElementContext","_SummaryListContext","_ValueBlockContext","_FieldBoundaryProvider","_structuredClone","_useDataValue","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArrayComponent","props","_props$value","salt","forceUpdate","useReducer","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","getValue","useDataValue","preparedProps","useMemo","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","newValue","l","index","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","useFieldProps","idsRef","useRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","useEffect","current","elementData","_ref","map","_valueCountRef$curren","id","makeUniqueId","hasNewItems","isNew","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","structuredClone","pointer","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","classnames","pickFlexContainerProps","pickSpacingProps","innerRef","WrapperElement","Fragment","Flex","Stack","createElement","elementProps","elementRef","createRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","Item","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\nimport useDataValue from '../../hooks/useDataValue'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n\n  const { getValue } = useDataValue()\n  const preparedProps = useMemo(() => {\n    const {\n      path,\n      countPath,\n      countPathLimit = Infinity,\n      countPathTransform,\n    } = props\n\n    if (countPath) {\n      const arrayValue = getValue(path)\n      let countValue = parseFloat(getValue(countPath))\n      if (!(countValue >= 0)) {\n        countValue = 0\n      }\n      if (countValue > countPathLimit) {\n        countValue = countPathLimit\n      }\n      if (arrayValue?.length !== countValue) {\n        const newValue = []\n        for (let i = 0, l = countValue; i < l; i++) {\n          const value = arrayValue?.[i]\n          newValue.push(countPathTransform?.({ value, index: i }))\n        }\n\n        return {\n          ...props,\n          value: newValue,\n        }\n      }\n    }\n\n    return props\n  }, [getValue, props])\n\n  const {\n    path,\n    value: arrayValue,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    handleChange,\n    onChange,\n    children,\n  } = useFieldProps<Value, Props>(preparedProps)\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n  const valueWhileClosingRef = useRef<Array<unknown>>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const elementData = useMemo(() => {\n    return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n      (value, index) => {\n        const id = idsRef.current[index] || makeUniqueId()\n\n        const hasNewItems =\n          arrayValue.length > valueCountRef.current?.length\n\n        if (!idsRef.current[index]) {\n          isNewRef.current[id] = hasNewItems\n          idsRef.current.push(id)\n        }\n\n        const isNew = isNewRef.current[id] || false\n        if (!modesRef.current[id]) {\n          modesRef.current[id] = isNew ? 'edit' : 'view'\n        }\n\n        return {\n          id,\n          path,\n          value,\n          index,\n          arrayValue,\n          containerRef,\n          isNew,\n          containerMode: modesRef.current[id],\n          switchContainerMode: (mode: ContainerMode) => {\n            modesRef.current[id] = mode\n            delete isNewRef.current?.[id]\n            forceUpdate()\n          },\n          handleChange: (path: Path, value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n\n            // Make sure we have a new object reference,\n            // else two new objects will be the same\n            newArrayValue[index] = { ...newArrayValue[index] }\n\n            pointer.set(newArrayValue, path, value)\n            handleChange(newArrayValue)\n          },\n          handlePush: (element: unknown) => {\n            hadPushRef.current = true\n            handleChange([...(arrayValue ?? []), element])\n          },\n          handleRemove: ({ keepItems = false } = {}) => {\n            if (keepItems) {\n              // Add a backup as the array value while animating\n              valueWhileClosingRef.current = arrayValue\n            }\n\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue.splice(index, 1)\n            handleChange(newArrayValue)\n          },\n\n          // - Called after animation end\n          fulfillRemove: () => {\n            valueWhileClosingRef.current = null\n            delete modesRef.current?.[id]\n            delete isNewRef.current?.[id]\n            const findIndex = idsRef.current.indexOf(id)\n            idsRef.current.splice(findIndex, 1)\n            forceUpdate()\n          },\n\n          // - Called when cancel button press\n          restoreOriginalValue: (value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          },\n        } as IterateElementContextState\n      }\n    )\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, path, handleChange])\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = elementData?.[elementData.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, elementData, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames(\n      'dnb-forms-iterate',\n      'dnb-forms-section',\n      props?.className\n    ),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n  return (\n    <WrapperElement {...(omitFlex ? null : flexProps)}>\n      {arrayValue === emptyValue || props?.value?.length === 0\n        ? placeholder\n        : elementData.map((elementProps) => {\n            const { id, value, index } = elementProps\n            const elementRef = (innerRefs.current[id] =\n              innerRefs.current[id] || createRef<HTMLDivElement>())\n\n            const renderChildren = (elementChild: ElementChild) => {\n              return typeof elementChild === 'function'\n                ? elementChild(value, index)\n                : elementChild\n            }\n\n            const contextValue = {\n              ...elementProps,\n              elementRef,\n            }\n\n            const content = Array.isArray(children)\n              ? children.map((child) => renderChildren(child))\n              : renderChildren(children)\n\n            if (omitFlex) {\n              return (\n                <IterateElementContext.Provider\n                  key={`element-${id}`}\n                  value={contextValue}\n                >\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateElementContext.Provider>\n              )\n            }\n\n            return (\n              <Flex.Item\n                className=\"dnb-forms-iterate__element\"\n                tabIndex={-1}\n                innerRef={elementRef}\n                key={`element-${id}`}\n              >\n                <IterateElementContext.Provider value={contextValue}>\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateElementContext.Provider>\n              </Flex.Item>\n            )\n          })}\n    </WrapperElement>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js

@@ -52,7 +52,7 @@ function EditContainerWithoutToolbar(props) {
   const ariaLabel = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(blockTitle), [blockTitle]);
   return _react.default.createElement(_ElementBlock.default, _extends({
     mode: "edit",
-    className: (0, _classnames.default)('dnb-forms-iterate-edit-block', className),
+    className: (0, _classnames.default)('dnb-forms-section-edit-block', className),
     ariaLabel: ariaLabel
   }, restProps), blockTitle && _react.default.createElement(_elements.Lead, {
     size: "basis"

package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateElementContext","_EditToolbarTools","_ElementBlock","_Toolbar2","_excluded","_Toolbar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_extends","assign","bind","arguments","apply","EditContainer","props","createElement","EditContainerWithoutToolbar","toolbar","iterateElementContext","useContext","IterateElementContext","containerMode","isNew","_ref","children","className","title","titleWhenNew","restProps","wasNewRef","useRef","useEffect","current","blockTitle","ariaLabel","useMemo","convertJsxToString","mode","classnames","Lead","size","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateElementContext from '../IterateElementContext'\nimport EditToolbarTools from './EditToolbarTools'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\n\nexport type Props = {\n  /**\n   * The title of the EditContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The title for a new item show within the EditContainer.\n   */\n  titleWhenNew?: React.ReactNode\n\n  /**\n   * If the EditContainer is open or not.\n   * Used internally.\n   */\n  open?: boolean\n\n  /**\n   * The toolbar to be shown in the EditContainer.\n   * Used internally.\n   */\n  toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nexport default function EditContainer(props: AllProps) {\n  return (\n    <EditContainerWithoutToolbar\n      toolbar={\n        <Toolbar>\n          <EditToolbarTools />\n        </Toolbar>\n      }\n      {...props}\n    />\n  )\n}\n\nexport function EditContainerWithoutToolbar(\n  props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { containerMode, isNew } = iterateElementContext ?? {}\n\n  const {\n    children,\n    className,\n    title,\n    titleWhenNew,\n    toolbar,\n    ...restProps\n  } = props || {}\n\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  const blockTitle =\n    wasNewRef.current && titleWhenNew ? titleWhenNew : title\n  const ariaLabel = useMemo(\n    () => convertJsxToString(blockTitle),\n    [blockTitle]\n  )\n\n  return (\n    <ElementBlock\n      mode=\"edit\"\n      className={classnames('dnb-forms-iterate-edit-block', className)}\n      ariaLabel={ariaLabel}\n      {...restProps}\n    >\n      {blockTitle && <Lead size=\"basis\">{blockTitle}</Lead>}\n      {children}\n      {toolbar}\n    </ElementBlock>\n  )\n}\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateElementContext","_EditToolbarTools","_ElementBlock","_Toolbar2","_excluded","_Toolbar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","i","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","propertyIsEnumerable","sourceKeys","keys","_extends","assign","bind","arguments","apply","EditContainer","props","createElement","EditContainerWithoutToolbar","toolbar","iterateElementContext","useContext","IterateElementContext","containerMode","isNew","_ref","children","className","title","titleWhenNew","restProps","wasNewRef","useRef","useEffect","current","blockTitle","ariaLabel","useMemo","convertJsxToString","mode","classnames","Lead","size","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateElementContext from '../IterateElementContext'\nimport EditToolbarTools from './EditToolbarTools'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\n\nexport type Props = {\n  /**\n   * The title of the EditContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The title for a new item show within the EditContainer.\n   */\n  titleWhenNew?: React.ReactNode\n\n  /**\n   * If the EditContainer is open or not.\n   * Used internally.\n   */\n  open?: boolean\n\n  /**\n   * The toolbar to be shown in the EditContainer.\n   * Used internally.\n   */\n  toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nexport default function EditContainer(props: AllProps) {\n  return (\n    <EditContainerWithoutToolbar\n      toolbar={\n        <Toolbar>\n          <EditToolbarTools />\n        </Toolbar>\n      }\n      {...props}\n    />\n  )\n}\n\nexport function EditContainerWithoutToolbar(\n  props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { containerMode, isNew } = iterateElementContext ?? {}\n\n  const {\n    children,\n    className,\n    title,\n    titleWhenNew,\n    toolbar,\n    ...restProps\n  } = props || {}\n\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  const blockTitle =\n    wasNewRef.current && titleWhenNew ? titleWhenNew : title\n  const ariaLabel = useMemo(\n    () => convertJsxToString(blockTitle),\n    [blockTitle]\n  )\n\n  return (\n    <ElementBlock\n      mode=\"edit\"\n      className={classnames('dnb-forms-section-edit-block', className)}\n      ariaLabel={ariaLabel}\n      {...restProps}\n    >\n      {blockTitle && <Lead size=\"basis\">{blockTitle}</Lead>}\n      {children}\n      {toolbar}\n    </ElementBlock>\n  )\n}\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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"}