@dnb/eufemia 10.34.1 → 10.36.0

package/cjs/extensions/forms/Form/Section/EditContainer/EditContainer.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _componentHelper = require("../../../../../shared/component-helper");
+var _components = require("../../../../../components");
+var _elements = require("../../../../../elements");
+var _FieldBoundaryProvider = _interopRequireDefault(require("../../../DataContext/FieldBoundary/FieldBoundaryProvider"));
+var _EditToolbarTools = _interopRequireDefault(require("./EditToolbarTools"));
+var _SectionContainer = _interopRequireDefault(require("../containers/SectionContainer"));
+var _Toolbar2 = _interopRequireDefault(require("../containers/Toolbar"));
+var _Toolbar;
+const _excluded = ["children", "className", "title"];
+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; }
+function EditContainer(props) {
+  const _ref = props || {},
+    {
+      children,
+      className,
+      title
+    } = _ref,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  const ariaLabel = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(title), [title]);
+  return _react.default.createElement(_FieldBoundaryProvider.default, null, _react.default.createElement(_SectionContainer.default, _extends({
+    mode: "edit",
+    ariaLabel: ariaLabel,
+    className: (0, _classnames.default)('dnb-forms-section-edit-block', className)
+  }, restProps), _react.default.createElement(_components.Flex.Stack, null, title && _react.default.createElement(_elements.Lead, {
+    size: "basis"
+  }, title), children, _Toolbar || (_Toolbar = _react.default.createElement(_Toolbar2.default, null, _react.default.createElement(_EditToolbarTools.default, null))))));
+}
+EditContainer._supportsSpacingProps = true;
+var _default = EditContainer;
+exports.default = _default;
+//# sourceMappingURL=EditContainer.js.map

package/cjs/extensions/forms/Form/Section/EditContainer/EditContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_elements","_FieldBoundaryProvider","_EditToolbarTools","_SectionContainer","_Toolbar2","_Toolbar","_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","EditContainer","props","_ref","children","className","title","restProps","ariaLabel","useMemo","convertJsxToString","createElement","mode","classnames","Flex","Stack","Lead","size","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../../shared/component-helper'\nimport { Flex } from '../../../../../components'\nimport { Props as FlexContainerProps } from '../../../../../components/flex/Container'\nimport { Lead } from '../../../../../elements'\nimport FieldBoundaryProvider from '../../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport EditToolbarTools from './EditToolbarTools'\nimport SectionContainer, {\n  SectionContainerProps,\n} from '../containers/SectionContainer'\nimport Toolbar from '../containers/Toolbar'\n\nexport type Props = {\n  title?: React.ReactNode\n}\n\nexport type AllProps = Props & SectionContainerProps & FlexContainerProps\n\nfunction EditContainer(props: AllProps) {\n  const { children, className, title, ...restProps } = props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n\n  return (\n    <FieldBoundaryProvider>\n      <SectionContainer\n        mode=\"edit\"\n        ariaLabel={ariaLabel}\n        className={classnames('dnb-forms-section-edit-block', className)}\n        {...restProps}\n      >\n        <Flex.Stack>\n          {title && <Lead size=\"basis\">{title}</Lead>}\n          {children}\n          <Toolbar>\n            <EditToolbarTools />\n          </Toolbar>\n        </Flex.Stack>\n      </SectionContainer>\n    </FieldBoundaryProvider>\n  )\n}\n\nEditContainer._supportsSpacingProps = true\nexport default EditContainer\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Section/EditContainer/EditContainerDocs.d.ts

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

package/cjs/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditContainerProperties = exports.EditContainerEvents = void 0;
+const EditContainerProperties = {
+  title: {
+    doc: 'The title of the container.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  variant: {
+    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[FlexVertical](/uilib/layout/flex/container/)': {
+    doc: 'All Flex.Vertical properties.',
+    type: 'Various',
+    status: 'optional'
+  }
+};
+exports.EditContainerProperties = EditContainerProperties;
+const EditContainerEvents = {};
+exports.EditContainerEvents = EditContainerEvents;
+//# sourceMappingURL=EditContainerDocs.js.map

package/cjs/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","variant","exports","EditContainerEvents"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,uBAAA,GAAAA,uBAAA;AAEM,MAAMO,mBAAyC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.d.ts

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

package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js

@@ -0,0 +1,67 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = EditToolbarTools;
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("../../../../../components");
+var _useTranslation = _interopRequireDefault(require("../../../hooks/useTranslation"));
+var _SectionContainerContext = _interopRequireDefault(require("../containers/SectionContainerContext"));
+var _FieldBoundaryContext = _interopRequireDefault(require("../../../DataContext/FieldBoundary/FieldBoundaryContext"));
+var _icons = require("../../../../../icons");
+var _useContainerDataStore = _interopRequireDefault(require("./useContainerDataStore"));
+var _useEditContainerToolbar = _interopRequireDefault(require("./useEditContainerToolbar"));
+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 EditToolbarTools() {
+  (0, _useEditContainerToolbar.default)();
+  const {
+    restoreOriginalData
+  } = (0, _useContainerDataStore.default)();
+  const {
+    switchContainerMode
+  } = (0, _react.useContext)(_SectionContainerContext.default) || {};
+  const {
+    hasVisibleError,
+    hasSubmitError
+  } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
+  const translation = (0, _useTranslation.default)().Section;
+  const [showError, setShowError] = (0, _react.useState)(false);
+  const cancelHandler = (0, _react.useCallback)(() => {
+    if (hasSubmitError) {
+      setShowError(true);
+    } else {
+      setShowError(false);
+      restoreOriginalData();
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+    }
+  }, [hasSubmitError, restoreOriginalData, switchContainerMode]);
+  const doneHandler = (0, _react.useCallback)(() => {
+    if (hasVisibleError) {
+      setShowError(true);
+    } else {
+      setShowError(false);
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+    }
+  }, [hasVisibleError, switchContainerMode]);
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_components.FormStatus, {
+    show: showError && hasVisibleError,
+    no_animation: false
+  }, translation.errorInSection), _react.default.createElement(_components.Flex.Horizontal, {
+    gap: "large"
+  }, _react.default.createElement(_components.Button, {
+    variant: "tertiary",
+    icon: _icons.check,
+    icon_position: "left",
+    on_click: doneHandler
+  }, translation.done), _react.default.createElement(_components.Button, {
+    variant: "tertiary",
+    icon: _icons.close,
+    icon_position: "left",
+    on_click: cancelHandler
+  }, translation.cancel)));
+}
+//# sourceMappingURL=EditToolbarTools.js.map

package/cjs/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_SectionContainerContext","_FieldBoundaryContext","_icons","_useContainerDataStore","_useEditContainerToolbar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditToolbarTools","useEditContainerToolbar","restoreOriginalData","useContainerDataStore","switchContainerMode","useContext","SectionContainerContext","hasVisibleError","hasSubmitError","FieldBoundaryContext","translation","useTranslation","Section","showError","setShowError","useState","cancelHandler","useCallback","doneHandler","createElement","Fragment","FormStatus","show","no_animation","errorInSection","Flex","Horizontal","gap","Button","variant","icon","check","icon_position","on_click","done","close","cancel"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react'\nimport { Button, Flex, FormStatus } from '../../../../../components'\nimport useTranslation from '../../../hooks/useTranslation'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { check, close } from '../../../../../icons'\nimport useContainerDataStore from './useContainerDataStore'\nimport useEditContainerToolbar from './useEditContainerToolbar'\n\nexport default function EditToolbarTools() {\n  useEditContainerToolbar()\n  const { restoreOriginalData } = useContainerDataStore()\n\n  const { switchContainerMode } = useContext(SectionContainerContext) || {}\n  const { hasVisibleError, hasSubmitError } =\n    useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().Section\n\n  const [showError, setShowError] = useState(false)\n\n  const cancelHandler = useCallback(() => {\n    if (hasSubmitError) {\n      setShowError(true)\n    } else {\n      setShowError(false)\n      restoreOriginalData()\n      switchContainerMode?.('view')\n    }\n  }, [hasSubmitError, restoreOriginalData, switchContainerMode])\n  const doneHandler = useCallback(() => {\n    if (hasVisibleError) {\n      setShowError(true)\n    } else {\n      setShowError(false)\n      switchContainerMode?.('view')\n    }\n  }, [hasVisibleError, switchContainerMode])\n\n  return (\n    <>\n      <FormStatus show={showError && hasVisibleError} no_animation={false}>\n        {translation.errorInSection}\n      </FormStatus>\n      <Flex.Horizontal gap=\"large\">\n        <Button\n          variant=\"tertiary\"\n          icon={check}\n          icon_position=\"left\"\n          on_click={doneHandler}\n        >\n          {translation.done}\n        </Button>\n\n        <Button\n          variant=\"tertiary\"\n          icon={close}\n          icon_position=\"left\"\n          on_click={cancelHandler}\n        >\n          {translation.cancel}\n        </Button>\n      </Flex.Horizontal>\n    </>\n  )\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Section/EditContainer/index.d.ts

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

package/cjs/extensions/forms/Form/Section/EditContainer/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _EditContainer.default;
+  }
+});
+var _EditContainer = _interopRequireWildcard(require("./EditContainer"));
+Object.keys(_EditContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _EditContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _EditContainer[key];
+    }
+  });
+});
+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; }
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Form/Section/EditContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_EditContainer","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/index.ts"],"sourcesContent":["export { default } from './EditContainer'\nexport * from './EditContainer'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,cAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,cAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,cAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA+B,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/cjs/extensions/forms/Form/Section/EditContainer/useContainerDataStore.d.ts

@@ -0,0 +1,3 @@
+export default function useContainerDataStore(): {
+    restoreOriginalData: () => void;
+};

package/cjs/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useContainerDataStore;
+var _react = require("react");
+var _componentHelper = require("../../../../../shared/component-helper");
+var _Context = _interopRequireDefault(require("../../../DataContext/Context"));
+var _SectionContainerContext = _interopRequireDefault(require("../containers/SectionContainerContext"));
+var _useDataValue = _interopRequireDefault(require("../../../hooks/useDataValue"));
+var _hooks = require("../../../hooks");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function useContainerDataStore() {
+  const valueBackupRef = (0, _react.useRef)();
+  const {
+    makePath
+  } = (0, _hooks.usePath)();
+  const {
+    getData
+  } = (0, _useDataValue.default)();
+  const {
+    data: dataFromContext,
+    setData
+  } = (0, _react.useContext)(_Context.default);
+  const {
+    containerMode
+  } = (0, _react.useContext)(_SectionContainerContext.default) || {};
+  (0, _react.useEffect)(() => {
+    if (containerMode === 'edit' && !valueBackupRef.current) {
+      valueBackupRef.current = getData('/', {
+        includeCurrentPath: true
+      });
+    }
+    if (containerMode === 'view') {
+      valueBackupRef.current = null;
+    }
+  }, [containerMode, getData, makePath]);
+  const restoreOriginalData = (0, _react.useCallback)(() => {
+    if (valueBackupRef.current) {
+      setData === null || setData === void 0 ? void 0 : setData((0, _componentHelper.extendDeep)(_objectSpread({}, dataFromContext), valueBackupRef.current));
+    }
+  }, [dataFromContext, setData]);
+  return {
+    restoreOriginalData
+  };
+}
+//# sourceMappingURL=useContainerDataStore.js.map

package/cjs/extensions/forms/Form/Section/EditContainer/useContainerDataStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerDataStore.js","names":["_react","require","_componentHelper","_Context","_interopRequireDefault","_SectionContainerContext","_useDataValue","_hooks","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","useContainerDataStore","valueBackupRef","useRef","makePath","usePath","getData","useDataValue","data","dataFromContext","setData","useContext","DataContext","containerMode","SectionContainerContext","useEffect","current","includeCurrentPath","restoreOriginalData","useCallback","extendDeep"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/useContainerDataStore.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { extendDeep } from '../../../../../shared/component-helper'\nimport DataContext from '../../../DataContext/Context'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport useDataValue from '../../../hooks/useDataValue'\nimport { usePath } from '../../../hooks'\n\nexport default function useContainerDataStore() {\n  const valueBackupRef = useRef<unknown>()\n\n  const { makePath } = usePath()\n  const { getData } = useDataValue()\n  const { data: dataFromContext, setData } = useContext(DataContext)\n  // const { path } = useContext(SectionContext) || {}\n  const { containerMode } = useContext(SectionContainerContext) || {}\n\n  useEffect(() => {\n    // console.log('path', path)\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = getData('/', {\n        includeCurrentPath: true,\n      })\n      // console.log('dataFromContext', dataFromContext)\n      // console.log('valueBackupRef.current', valueBackupRef.current)\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [containerMode, getData, makePath])\n\n  const restoreOriginalData = useCallback(() => {\n    if (valueBackupRef.current) {\n      setData?.(extendDeep({ ...dataFromContext }, valueBackupRef.current))\n    }\n  }, [dataFromContext, setData])\n\n  return {\n    restoreOriginalData,\n  }\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.d.ts

@@ -0,0 +1 @@
+export default function useEditContainerToolbar(): void;

package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEditContainerToolbar;
+var _react = require("react");
+var _SectionContainerContext = _interopRequireDefault(require("../containers/SectionContainerContext"));
+var _FieldBoundaryContext = _interopRequireDefault(require("../../../DataContext/FieldBoundary/FieldBoundaryContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useEditContainerToolbar() {
+  const {
+    switchContainerMode
+  } = (0, _react.useContext)(_SectionContainerContext.default) || {};
+  const {
+    hasSubmitError
+  } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
+  (0, _react.useEffect)(() => {
+    if (hasSubmitError) {
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
+    }
+  }, [hasSubmitError, switchContainerMode]);
+}
+//# sourceMappingURL=useEditContainerToolbar.js.map

package/cjs/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditContainerToolbar.js","names":["_react","require","_SectionContainerContext","_interopRequireDefault","_FieldBoundaryContext","obj","__esModule","default","useEditContainerToolbar","switchContainerMode","useContext","SectionContainerContext","hasSubmitError","FieldBoundaryContext","useEffect"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/useEditContainerToolbar.ts"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function useEditContainerToolbar() {\n  const { switchContainerMode } = useContext(SectionContainerContext) || {}\n  const { hasSubmitError } = useContext(FieldBoundaryContext) || {}\n\n  useEffect(() => {\n    // Ensure the edit container is always in edit mode when the form has a submit error\n    if (hasSubmitError) {\n      switchContainerMode?.('edit')\n    }\n  }, [hasSubmitError, switchContainerMode])\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0F,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3E,SAASG,uBAAuBA,CAAA,EAAG;EAChD,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAU,EAACC,gCAAuB,CAAC,IAAI,CAAC,CAAC;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAF,iBAAU,EAACG,6BAAoB,CAAC,IAAI,CAAC,CAAC;EAEjE,IAAAC,gBAAS,EAAC,MAAM;IAEd,IAAIF,cAAc,EAAE;MAClBH,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EAAE,CAACG,cAAc,EAAEH,mBAAmB,CAAC,CAAC;AAC3C"}

package/cjs/extensions/forms/Form/Section/Section.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { SectionContextState } from './SectionContext';
 import type { Props as DataContextProps } from '../../DataContext/Provider';
+import type { ContainerMode } from './containers/SectionContainer';
 import type { FieldSectionProps, Path, FieldProps } from '../../types';
 export type OverwritePropsDefaults = {
     [key: Path]: (FieldProps & FieldSectionProps) | OverwritePropsDefaults;
@@ -19,6 +20,11 @@ export type SectionProps<overwriteProps = OverwritePropsDefaults> = {
      * Makes all fields inside it required.
      */
     required?: boolean;
+    /**
+     * Defines the container mode. Can be `view` or `edit`.
+     * Defaults to `view`.
+     */
+    containerMode?: ContainerMode;
     /**
      * Only for internal use and undocumented for now.
      * Prioritize error techniques for the section.
@@ -31,6 +37,8 @@ export type LocalProps = SectionProps & {
 };
 declare function SectionComponent(props: LocalProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SectionComponent {
-    var _supportsSpacingProps: string;
+    var ViewContainer: typeof import("./ViewContainer/ViewContainer").default;
+    var EditContainer: typeof import("./EditContainer/EditContainer").default;
+    var _supportsSpacingProps: any;
 }
 export default SectionComponent;

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

@@ -10,6 +10,9 @@ var _SectionContext = _interopRequireDefault(require("./SectionContext"));
 var _Context = _interopRequireDefault(require("../../DataContext/Context"));
 var _Provider = _interopRequireDefault(require("../../DataContext/Provider/Provider"));
 var _FieldProps = _interopRequireDefault(require("../FieldProps"));
+var _SectionContainerProvider = _interopRequireDefault(require("./containers/SectionContainerProvider"));
+var _ViewContainer = _interopRequireDefault(require("./ViewContainer"));
+var _EditContainer = _interopRequireDefault(require("./EditContainer"));
 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; }
@@ -28,6 +31,7 @@ function SectionComponent(props) {
     required,
     data,
     defaultData,
+    containerMode = 'view',
     onChange,
     errorPrioritization = ['contextSchema'],
     children
@@ -68,12 +72,16 @@ function SectionComponent(props) {
       errorPrioritization,
       props
     }
+  }, _react.default.createElement(_SectionContainerProvider.default, {
+    containerMode: containerMode
   }, _react.default.createElement(_FieldProps.default, _extends({
     overwriteProps: _objectSpread(_objectSpread({}, overwriteProps), nestedProps === null || nestedProps === void 0 ? void 0 : (_nestedProps$overwrit = nestedProps.overwriteProps) === null || _nestedProps$overwrit === void 0 ? void 0 : _nestedProps$overwrit[path.substring(1)]),
     translations: translations
-  }, fieldProps), children));
+  }, fieldProps), children)));
 }
-SectionComponent._supportsSpacingProps = 'children';
+SectionComponent.ViewContainer = _ViewContainer.default;
+SectionComponent.EditContainer = _EditContainer.default;
+SectionComponent._supportsSpacingProps = undefined;
 var _default = SectionComponent;
 exports.default = _default;
 //# sourceMappingURL=Section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["_react","_interopRequireWildcard","require","_SectionContext","_interopRequireDefault","_Context","_Provider","_FieldProps","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SectionComponent","props","_nestedProps$overwrit","path","overwriteProps","translations","required","data","defaultData","onChange","errorPrioritization","children","startsWith","Error","hasContext","addOnChangeHandler","useContext","DataContext","nestedPath","nestedProps","SectionContext","handleChange","useCallback","_len","args","Array","_key","identifier","useMemo","fieldProps","createElement","Provider","substring","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Section/Section.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport SectionContext, { SectionContextState } from './SectionContext'\nimport DataContext from '../../DataContext/Context'\nimport Provider from '../../DataContext/Provider/Provider'\nimport FieldPropsProvider from '../FieldProps'\n\nimport type { Props as DataContextProps } from '../../DataContext/Provider'\nimport type {\n  FieldSectionProps,\n  Path,\n  FieldProps,\n  OnChange,\n} from '../../types'\n\nexport type OverwritePropsDefaults = {\n  [key: Path]: (FieldProps & FieldSectionProps) | OverwritePropsDefaults\n}\nexport type SectionProps<overwriteProps = OverwritePropsDefaults> = {\n  /**\n   * Path to the section.\n   * When defined, fields inside the section will get this path as a prefix of their own path.\n   */\n  path?: Path\n\n  /**\n   * Overwrite field props for the section.\n   */\n  overwriteProps?: overwriteProps | OverwritePropsDefaults\n\n  /**\n   * Makes all fields inside it required.\n   */\n  required?: boolean\n\n  /**\n   * Only for internal use and undocumented for now.\n   * Prioritize error techniques for the section.\n   * Can be `fieldSchema`, `sectionSchema` or `contextSchema.\n   */\n  errorPrioritization?: SectionContextState['errorPrioritization']\n} & Pick<\n  DataContextProps<unknown>,\n  'data' | 'defaultData' | 'onChange' | 'translations'\n>\n\nexport type LocalProps = SectionProps & {\n  children: React.ReactNode\n}\n\nfunction SectionComponent(props: LocalProps) {\n  const {\n    path,\n    overwriteProps,\n    translations,\n    required,\n    data,\n    defaultData,\n    onChange,\n    errorPrioritization = ['contextSchema'],\n    children,\n  } = props\n\n  if (path && !path.startsWith('/')) {\n    throw new Error(`path=\"${path}\" must start with a slash`)\n  }\n\n  const { hasContext, addOnChangeHandler } = useContext(DataContext)\n\n  const { path: nestedPath, props: nestedProps } =\n    useContext(SectionContext) || {}\n\n  const handleChange = useCallback<OnChange<unknown>>(\n    (...args) => onChange?.(...args),\n    [onChange]\n  )\n  addOnChangeHandler?.(handleChange)\n\n  const identifier = useMemo(() => {\n    return `${nestedPath && nestedPath !== '/' ? nestedPath : ''}${\n      path || ''\n    }`\n  }, [path, nestedPath])\n  const fieldProps = required ? { required: true } : undefined\n\n  if (!hasContext) {\n    return (\n      <Provider data={data} defaultData={defaultData}>\n        <SectionComponent {...props} />\n      </Provider>\n    )\n  }\n\n  return (\n    <SectionContext.Provider\n      value={{\n        path: identifier,\n        errorPrioritization,\n        props,\n      }}\n    >\n      <FieldPropsProvider\n        overwriteProps={{\n          ...overwriteProps,\n          ...(nestedProps?.overwriteProps?.[\n            path.substring(1)\n          ] as OverwritePropsDefaults),\n        }}\n        translations={translations}\n        {...fieldProps}\n      >\n        {children}\n      </FieldPropsProvider>\n    </SectionContext.Provider>\n  )\n}\n\nSectionComponent._supportsSpacingProps = 'children'\nexport default SectionComponent\n"],"mappings":"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"}
+{"version":3,"file":"Section.js","names":["_react","_interopRequireWildcard","require","_SectionContext","_interopRequireDefault","_Context","_Provider","_FieldProps","_SectionContainerProvider","_ViewContainer","_EditContainer","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SectionComponent","props","_nestedProps$overwrit","path","overwriteProps","translations","required","data","defaultData","containerMode","onChange","errorPrioritization","children","startsWith","Error","hasContext","addOnChangeHandler","useContext","DataContext","nestedPath","nestedProps","SectionContext","handleChange","useCallback","_len","args","Array","_key","identifier","useMemo","fieldProps","createElement","Provider","substring","ViewContainer","EditContainer","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Section/Section.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport SectionContext, { SectionContextState } from './SectionContext'\nimport DataContext from '../../DataContext/Context'\nimport Provider from '../../DataContext/Provider/Provider'\nimport FieldPropsProvider from '../FieldProps'\nimport SectionContainerProvider from './containers/SectionContainerProvider'\nimport ViewContainer from './ViewContainer'\nimport EditContainer from './EditContainer'\n\nimport type { Props as DataContextProps } from '../../DataContext/Provider'\nimport type { ContainerMode } from './containers/SectionContainer'\nimport type {\n  FieldSectionProps,\n  Path,\n  FieldProps,\n  OnChange,\n} from '../../types'\n\nexport type OverwritePropsDefaults = {\n  [key: Path]: (FieldProps & FieldSectionProps) | OverwritePropsDefaults\n}\nexport type SectionProps<overwriteProps = OverwritePropsDefaults> = {\n  /**\n   * Path to the section.\n   * When defined, fields inside the section will get this path as a prefix of their own path.\n   */\n  path?: Path\n\n  /**\n   * Overwrite field props for the section.\n   */\n  overwriteProps?: overwriteProps | OverwritePropsDefaults\n\n  /**\n   * Makes all fields inside it required.\n   */\n  required?: boolean\n\n  /**\n   * Defines the container mode. Can be `view` or `edit`.\n   * Defaults to `view`.\n   */\n  containerMode?: ContainerMode\n\n  /**\n   * Only for internal use and undocumented for now.\n   * Prioritize error techniques for the section.\n   * Can be `fieldSchema`, `sectionSchema` or `contextSchema.\n   */\n  errorPrioritization?: SectionContextState['errorPrioritization']\n} & Pick<\n  DataContextProps<unknown>,\n  'data' | 'defaultData' | 'onChange' | 'translations'\n>\n\nexport type LocalProps = SectionProps & {\n  children: React.ReactNode\n}\n\nfunction SectionComponent(props: LocalProps) {\n  const {\n    path,\n    overwriteProps,\n    translations,\n    required,\n    data,\n    defaultData,\n    containerMode = 'view',\n    onChange,\n    errorPrioritization = ['contextSchema'],\n    children,\n  } = props\n\n  if (path && !path.startsWith('/')) {\n    throw new Error(`path=\"${path}\" must start with a slash`)\n  }\n\n  const { hasContext, addOnChangeHandler } = useContext(DataContext)\n\n  const { path: nestedPath, props: nestedProps } =\n    useContext(SectionContext) || {}\n\n  const handleChange = useCallback<OnChange<unknown>>(\n    (...args) => onChange?.(...args),\n    [onChange]\n  )\n  addOnChangeHandler?.(handleChange)\n\n  const identifier = useMemo(() => {\n    return `${nestedPath && nestedPath !== '/' ? nestedPath : ''}${\n      path || ''\n    }`\n  }, [path, nestedPath])\n  const fieldProps = required ? { required: true } : undefined\n\n  if (!hasContext) {\n    return (\n      <Provider data={data} defaultData={defaultData}>\n        <SectionComponent {...props} />\n      </Provider>\n    )\n  }\n\n  return (\n    <SectionContext.Provider\n      value={{\n        path: identifier,\n        errorPrioritization,\n        props,\n      }}\n    >\n      <SectionContainerProvider containerMode={containerMode}>\n        <FieldPropsProvider\n          overwriteProps={{\n            ...overwriteProps,\n            ...(nestedProps?.overwriteProps?.[\n              path.substring(1)\n            ] as OverwritePropsDefaults),\n          }}\n          translations={translations}\n          {...fieldProps}\n        >\n          {children}\n        </FieldPropsProvider>\n      </SectionContainerProvider>\n    </SectionContext.Provider>\n  )\n}\n\nSectionComponent.ViewContainer = ViewContainer\nSectionComponent.EditContainer = EditContainer\n\nSectionComponent._supportsSpacingProps = undefined\nexport default SectionComponent\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/Section/SectionContext.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import { OnChange, Path } from '../../types';
+import { Path } from '../../types';
 import { SectionProps } from '.';
 export interface SectionContextState {
     path?: Path;
     props?: SectionProps;
     errorPrioritization?: Array<'fieldSchema' | 'sectionSchema' | 'contextSchema'>;
-    handleChange?: OnChange<unknown>;
 }
 declare const SectionContext: React.Context<SectionContextState>;
 export default SectionContext;

package/cjs/extensions/forms/Form/Section/SectionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","SectionContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Section/SectionContext.tsx"],"sourcesContent":["import React from 'react'\nimport { OnChange, Path } from '../../types'\nimport { SectionProps } from '.'\n\nexport interface SectionContextState {\n  path?: Path\n  props?: SectionProps\n  errorPrioritization?: Array<\n    'fieldSchema' | 'sectionSchema' | 'contextSchema'\n  >\n  handleChange?: OnChange<unknown>\n}\n\nconst SectionContext = React.createContext<\n  SectionContextState | undefined\n>(undefined)\n\nexport default SectionContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAazB,MAAMG,cAAc,GAAGC,cAAK,CAACC,aAAa,CAExCC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,cAAc;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
+{"version":3,"file":"SectionContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","SectionContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/Section/SectionContext.tsx"],"sourcesContent":["import React from 'react'\nimport { Path } from '../../types'\nimport { SectionProps } from '.'\n\nexport interface SectionContextState {\n  path?: Path\n  props?: SectionProps\n  errorPrioritization?: Array<\n    'fieldSchema' | 'sectionSchema' | 'contextSchema'\n  >\n}\n\nconst SectionContext = React.createContext<\n  SectionContextState | undefined\n>(undefined)\n\nexport default SectionContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYzB,MAAMG,cAAc,GAAGC,cAAK,CAACC,aAAa,CAExCC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,cAAc;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

package/cjs/extensions/forms/Form/Section/SectionDocs.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SectionProperties = exports.SectionEvents = void 0;
 const SectionProperties = {
   path: {
-    doc: 'A path (JSON Pointer) to the array to iterate over.',
+    doc: 'A path to the section (JSON Pointer). When defined, fields inside the section will get this path as a prefix of their own path.',
     type: 'string',
     status: 'optional'
   },
@@ -35,6 +35,11 @@ const SectionProperties = {
     type: 'object',
     status: 'optional'
   },
+  containerMode: {
+    doc: 'Defines the container mode. Can be `view` or `edit`. Defaults to `view`.',
+    type: 'string',
+    status: 'optional'
+  },
   children: {
     doc: 'All the fields and values inside the section.',
     type: 'React.Node',

package/cjs/extensions/forms/Form/Section/SectionDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionDocs.js","names":["SectionProperties","path","doc","type","status","overwriteProps","translation","required","defaultData","data","children","exports","SectionEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Form/Section/SectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SectionProperties: PropertiesTableProps = {\n  path: {\n    doc: 'A path (JSON Pointer) to the array to iterate over.',\n    type: 'string',\n    status: 'optional',\n  },\n  overwriteProps: {\n    doc: 'Overwrite field props for the section.',\n    type: 'object',\n    status: 'optional',\n  },\n  translation: {\n    doc: \"Provide a translation for the section (e.g. `{'nb-NO': { MySection: { MyField: { label: 'Custom' }}}}`).\",\n    type: 'object',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Makes all fields inside it required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  defaultData: {\n    doc: 'Provide default data to the section fields and values, in case the data context (Form.Handler) is not available.',\n    type: 'object',\n    status: 'optional',\n  },\n  data: {\n    doc: 'Provide data to the section fields and values, in case the data context (Form.Handler) is not available.',\n    type: 'object',\n    status: 'optional',\n  },\n  children: {\n    doc: 'All the fields and values inside the section.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n}\n\nexport const SectionEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,iBAAuC,GAAG;EACrDC,IAAI,EAAE;IACJC,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,wCAAwC;IAC7CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAO,OAAA,CAAAX,iBAAA,GAAAA,iBAAA;AAEM,MAAMY,aAAmC,GAAG;EACjDC,QAAQ,EAAE;IACRX,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAO,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"SectionDocs.js","names":["SectionProperties","path","doc","type","status","overwriteProps","translation","required","defaultData","data","containerMode","children","exports","SectionEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Form/Section/SectionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SectionProperties: PropertiesTableProps = {\n  path: {\n    doc: 'A path to the section (JSON Pointer). When defined, fields inside the section will get this path as a prefix of their own path.',\n    type: 'string',\n    status: 'optional',\n  },\n  overwriteProps: {\n    doc: 'Overwrite field props for the section.',\n    type: 'object',\n    status: 'optional',\n  },\n  translation: {\n    doc: \"Provide a translation for the section (e.g. `{'nb-NO': { MySection: { MyField: { label: 'Custom' }}}}`).\",\n    type: 'object',\n    status: 'optional',\n  },\n  required: {\n    doc: 'Makes all fields inside it required.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  defaultData: {\n    doc: 'Provide default data to the section fields and values, in case the data context (Form.Handler) is not available.',\n    type: 'object',\n    status: 'optional',\n  },\n  data: {\n    doc: 'Provide data to the section fields and values, in case the data context (Form.Handler) is not available.',\n    type: 'object',\n    status: 'optional',\n  },\n  containerMode: {\n    doc: 'Defines the container mode. Can be `view` or `edit`. Defaults to `view`.',\n    type: 'string',\n    status: 'optional',\n  },\n  children: {\n    doc: 'All the fields and values inside the section.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n}\n\nexport const SectionEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,iBAAuC,GAAG;EACrDC,IAAI,EAAE;IACJC,GAAG,EAAE,iIAAiI;IACtIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,wCAAwC;IAC7CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,kHAAkH;IACvHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,0EAA0E;IAC/EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,QAAQ,EAAE;IACRT,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAQ,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA;AAEM,MAAMa,aAAmC,GAAG;EACjDC,QAAQ,EAAE;IACRZ,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAQ,OAAA,CAAAC,aAAA,GAAAA,aAAA"}

package/cjs/extensions/forms/Form/Section/ViewContainer/ViewContainer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Props as FlexContainerProps } from '../../../../../components/flex/Container';
+import { SectionContainerProps } from '../containers/SectionContainer';
+export type Props = {
+    title?: React.ReactNode;
+};
+export type AllProps = Props & SectionContainerProps & FlexContainerProps;
+declare function ViewContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ViewContainer {
+    var _supportsSpacingProps: boolean;
+}
+export default ViewContainer;

package/cjs/extensions/forms/Form/Section/ViewContainer/ViewContainer.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _componentHelper = require("../../../../../shared/component-helper");
+var _components = require("../../../../../components");
+var _elements = require("../../../../../elements");
+var _ViewToolbarTools = _interopRequireDefault(require("./ViewToolbarTools"));
+var _SectionContainer = _interopRequireDefault(require("../containers/SectionContainer"));
+var _Toolbar2 = _interopRequireDefault(require("../containers/Toolbar"));
+var _Toolbar;
+const _excluded = ["children", "className", "title"];
+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; }
+function ViewContainer(props) {
+  const _ref = props || {},
+    {
+      children,
+      className,
+      title
+    } = _ref,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  const ariaLabel = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(title), [title]);
+  return _react.default.createElement(_SectionContainer.default, _extends({
+    mode: "view",
+    ariaLabel: ariaLabel,
+    className: (0, _classnames.default)('dnb-forms-section-view-block', className)
+  }, restProps), _react.default.createElement(_components.Flex.Stack, null, title && _react.default.createElement(_elements.Lead, {
+    size: "basis"
+  }, title), children, _Toolbar || (_Toolbar = _react.default.createElement(_Toolbar2.default, null, _react.default.createElement(_ViewToolbarTools.default, null)))));
+}
+ViewContainer._supportsSpacingProps = true;
+var _default = ViewContainer;
+exports.default = _default;
+//# sourceMappingURL=ViewContainer.js.map