@dnb/eufemia 10.54.0 → 10.55.0

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss

@@ -20,34 +20,74 @@ $breakpoints: map.merge(
 }
 
 fieldset.dnb-forms-field-block {
-  @include fieldsetReset(true);
+  @include fieldsetReset();
 }
 
 .dnb-forms-field-block {
   &__grid {
     display: grid;
+
+    // Vertical layout
+    grid-template-columns: minmax(
+      min-content,
+      var(--block-content-width, auto)
+    );
+    grid-template-areas:
+      'label'
+      'contents'
+      'status';
   }
 
-  &--layout-vertical &__grid {
-    @include formLabelWrap();
+  &__grid#{&}--layout-vertical {
+    flex-wrap: wrap;
+    & > .dnb-form-label,
+    & > .dnb-forms-field-block__label > .dnb-form-label {
+      margin-bottom: 0.5rem;
+    }
   }
 
-  &--layout {
-    &-vertical {
-      grid-template-columns: auto;
-      grid-template-areas:
-        'label'
-        'contents'
-        'status';
+  // Horizontal layout
+  &__grid#{&}--layout-horizontal {
+    @include allBelow(small) {
+      & > .dnb-form-label,
+      & > .dnb-forms-field-block__label > .dnb-form-label {
+        margin-bottom: 0.5rem;
+      }
     }
-    &-horizontal {
-      grid-template-columns: fit-content(100%) auto;
+    @include allAbove(small) {
+      & > .dnb-form-label,
+      & > .dnb-forms-field-block__label > .dnb-form-label {
+        margin-top: var(--label-margin);
+        margin-bottom: var(--label-margin);
+      }
+      grid-template-columns:
+        minmax(
+          var(--dnb-forms-field-block-layout-width-min, min-content),
+          var(--dnb-forms-field-block-layout-width-max, max-content)
+        )
+        auto;
       grid-template-areas:
         'label contents'
-        'status status';
+        '. status';
+
+      .dnb-forms-field-block__contents {
+        align-self: end;
+      }
     }
   }
 
+  // Align label vertically with the content (input etc.)
+  --label-margin: 0.25rem;
+  &--label-height-small {
+    --label-margin: 0;
+  }
+  &--label-height-medium {
+    --label-margin: 0.5rem;
+  }
+  &--label-height-large {
+    --label-margin: 0.7rem;
+  }
+
   &--width {
     &-stretch {
       flex-grow: 1;
@@ -85,6 +125,7 @@ fieldset.dnb-forms-field-block {
     grid-area: status;
     .dnb-form-status__shell {
       margin-top: 0.5rem; // set margin-top on shell, so we can animate the height
+      max-width: 60ch; // to enhance readability
     }
 
     @include allBelow(xx-small) {
@@ -94,6 +135,8 @@ fieldset.dnb-forms-field-block {
 
   &__contents {
     grid-area: contents;
+
+    display: flex;
     width: 100%;
 
     &--width {

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.css

@@ -0,0 +1,7 @@
+.dnb-forms-field-block__label-description {
+  color: var(--sb-color-gray-dark);
+  font-size: var(--font-size-small);
+}
+.dnb-forms-field-block:not([class*="--label-height-"]) {
+  --label-margin: 0.5rem;
+}

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.min.css

@@ -0,0 +1 @@
+.dnb-forms-field-block__label-description{color:var(--sb-color-gray-dark);font-size:var(--font-size-small)}.dnb-forms-field-block:not([class*="--label-height-"]){--label-margin:0.5rem}

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.scss

@@ -0,0 +1,10 @@
+.dnb-forms-field-block {
+  &__label-description {
+    color: var(--sb-color-gray-dark);
+    font-size: var(--font-size-small);
+  }
+
+  &:not([class*='--label-height-']) {
+    --label-margin: 0.5rem;
+  }
+}

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

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

package/cjs/extensions/forms/Form/Section/EditContainer/{EditToolbarTools.js → CancelButton.js}

@@ -4,22 +4,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = EditToolbarTools;
+exports.default = CancelButton;
 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 _ToolbarContext = _interopRequireDefault(require("../Toolbar/ToolbarContext"));
+var _hooks = require("../../../hooks");
+var _components = require("../../../../../components");
 var _icons = require("../../../../../icons");
 var _useContainerDataStore = _interopRequireDefault(require("./useContainerDataStore"));
+var _FieldBoundaryContext = _interopRequireDefault(require("../../../DataContext/FieldBoundary/FieldBoundaryContext"));
 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(props) {
+function CancelButton() {
   const {
-    onDone,
-    onCancel
-  } = props;
+    onCancel,
+    setShowError
+  } = (0, _react.useContext)(_ToolbarContext.default) || {};
   const {
     restoreOriginalData
   } = (0, _useContainerDataStore.default)();
@@ -33,11 +34,10 @@ function EditToolbarTools(props) {
     hasError,
     setShowBoundaryErrors
   } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
-  const translation = (0, _useTranslation.default)().SectionEditContainer;
-  const [showError, setShowError] = (0, _react.useState)(false);
+  const translation = (0, _hooks.useTranslation)().SectionEditContainer;
   const cancelHandler = (0, _react.useCallback)(() => {
     if (hasSubmitError || initialContainerMode === 'auto' && hasError) {
-      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(Date.now());
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
       if (hasVisibleError) {
         setShowError(true);
       }
@@ -48,38 +48,12 @@ function EditToolbarTools(props) {
       switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
       onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     }
-  }, [hasSubmitError, initialContainerMode, hasError, setShowBoundaryErrors, hasVisibleError, restoreOriginalData, switchContainerMode, onCancel]);
-  const doneHandler = (0, _react.useCallback)(() => {
-    if (hasError) {
-      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(Date.now());
-      if (hasVisibleError) {
-        setShowError(true);
-      }
-    } else {
-      setShowError(false);
-      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
-      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
-      onDone === null || onDone === void 0 ? void 0 : onDone();
-    }
-  }, [hasError, setShowBoundaryErrors, hasVisibleError, switchContainerMode, onDone]);
-  return _react.default.createElement(_react.default.Fragment, null, _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.doneButton), _react.default.createElement(_components.Button, {
+  }, [hasError, hasSubmitError, hasVisibleError, initialContainerMode, onCancel, restoreOriginalData, setShowBoundaryErrors, setShowError, switchContainerMode]);
+  return _react.default.createElement(_components.Button, {
     variant: "tertiary",
     icon: _icons.close,
     icon_position: "left",
     on_click: cancelHandler
-  }, translation.cancelButton)), _react.default.createElement(_components.FormStatus, {
-    show: showError && hasVisibleError,
-    shellSpace: {
-      top: 'x-small'
-    },
-    no_animation: false
-  }, translation.errorInSection));
+  }, translation.cancelButton);
 }
-//# sourceMappingURL=EditToolbarTools.js.map
+//# sourceMappingURL=CancelButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButton.js","names":["_react","_interopRequireWildcard","require","_SectionContainerContext","_interopRequireDefault","_ToolbarContext","_hooks","_components","_icons","_useContainerDataStore","_FieldBoundaryContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CancelButton","onCancel","setShowError","useContext","ToolbarContext","restoreOriginalData","useContainerDataStore","switchContainerMode","initialContainerMode","SectionContainerContext","hasVisibleError","hasSubmitError","hasError","setShowBoundaryErrors","FieldBoundaryContext","translation","useTranslation","SectionEditContainer","cancelHandler","useCallback","createElement","Button","variant","icon","close","icon_position","on_click","cancelButton"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/CancelButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport { useTranslation } from '../../../hooks'\nimport { Button } from '../../../../../components'\nimport { close } from '../../../../../icons'\nimport useContainerDataStore from './useContainerDataStore'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function CancelButton() {\n  const { onCancel, setShowError } = useContext(ToolbarContext) || {}\n  const { restoreOriginalData } = useContainerDataStore()\n  const { switchContainerMode, initialContainerMode } =\n    useContext(SectionContainerContext) || {}\n  const {\n    hasVisibleError,\n    hasSubmitError,\n    hasError,\n    setShowBoundaryErrors,\n  } = useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().SectionEditContainer\n\n  const cancelHandler = useCallback(() => {\n    if (hasSubmitError || (initialContainerMode === 'auto' && hasError)) {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      restoreOriginalData()\n      switchContainerMode?.('view')\n      onCancel?.()\n    }\n  }, [\n    hasError,\n    hasSubmitError,\n    hasVisibleError,\n    initialContainerMode,\n    onCancel,\n    restoreOriginalData,\n    setShowBoundaryErrors,\n    setShowError,\n    switchContainerMode,\n  ])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      icon={close}\n      icon_position=\"left\"\n      on_click={cancelHandler}\n    >\n      {translation.cancelButton}\n    </Button>\n  )\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DoneEditButton;
+var _react = _interopRequireWildcard(require("react"));
+var _SectionContainerContext = _interopRequireDefault(require("../containers/SectionContainerContext"));
+var _ToolbarContext = _interopRequireDefault(require("../Toolbar/ToolbarContext"));
+var _hooks = require("../../../hooks");
+var _components = require("../../../../../components");
+var _icons = require("../../../../../icons");
+var _FieldBoundaryContext = _interopRequireDefault(require("../../../DataContext/FieldBoundary/FieldBoundaryContext"));
+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 DoneEditButton() {
+  const {
+    onDone,
+    setShowError
+  } = (0, _react.useContext)(_ToolbarContext.default) || {};
+  const {
+    switchContainerMode
+  } = (0, _react.useContext)(_SectionContainerContext.default) || {};
+  const {
+    hasError,
+    hasVisibleError,
+    setShowBoundaryErrors
+  } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
+  const translation = (0, _hooks.useTranslation)().SectionEditContainer;
+  const doneHandler = (0, _react.useCallback)(() => {
+    if (hasError) {
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
+      if (hasVisibleError) {
+        setShowError(true);
+      }
+    } else {
+      setShowError(false);
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+      onDone === null || onDone === void 0 ? void 0 : onDone();
+    }
+  }, [hasError, hasVisibleError, onDone, setShowBoundaryErrors, setShowError, switchContainerMode]);
+  return _react.default.createElement(_components.Button, {
+    variant: "tertiary",
+    icon: _icons.check,
+    icon_position: "left",
+    on_click: doneHandler
+  }, translation.doneButton);
+}
+//# sourceMappingURL=DoneButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DoneButton.js","names":["_react","_interopRequireWildcard","require","_SectionContainerContext","_interopRequireDefault","_ToolbarContext","_hooks","_components","_icons","_FieldBoundaryContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DoneEditButton","onDone","setShowError","useContext","ToolbarContext","switchContainerMode","SectionContainerContext","hasError","hasVisibleError","setShowBoundaryErrors","FieldBoundaryContext","translation","useTranslation","SectionEditContainer","doneHandler","useCallback","createElement","Button","variant","icon","check","icon_position","on_click","doneButton"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/DoneButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport { useTranslation } from '../../../hooks'\nimport { Button } from '../../../../../components'\nimport { check } from '../../../../../icons'\nimport FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function DoneEditButton() {\n  const { onDone, setShowError } = useContext(ToolbarContext) || {}\n\n  const { switchContainerMode } = useContext(SectionContainerContext) || {}\n  const { hasError, hasVisibleError, setShowBoundaryErrors } =\n    useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().SectionEditContainer\n\n  const doneHandler = useCallback(() => {\n    if (hasError) {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      switchContainerMode?.('view')\n      onDone?.()\n    }\n  }, [\n    hasError,\n    hasVisibleError,\n    onDone,\n    setShowBoundaryErrors,\n    setShowError,\n    switchContainerMode,\n  ])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      icon={check}\n      icon_position=\"left\"\n      on_click={doneHandler}\n    >\n      {translation.doneButton}\n    </Button>\n  )\n}\n"],"mappings":"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"}

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

@@ -9,6 +9,8 @@ export type Props = {
 export type AllProps = Props & SectionContainerProps & FlexContainerProps;
 declare function EditContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace EditContainer {
+    var DoneButton: typeof import("./DoneButton").default;
+    var CancelButton: typeof import("./CancelButton").default;
     var _supportsSpacingProps: boolean;
 }
 export default EditContainer;

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

@@ -12,9 +12,11 @@ var _components = require("../../../../../components");
 var _elements = require("../../../../../elements");
 var _FieldBoundaryProvider = _interopRequireDefault(require("../../../DataContext/FieldBoundary/FieldBoundaryProvider"));
 var _SectionContainerContext = _interopRequireDefault(require("../containers/SectionContainerContext"));
-var _EditToolbarTools = _interopRequireDefault(require("./EditToolbarTools"));
+var _Toolbar = _interopRequireDefault(require("../Toolbar/Toolbar"));
+var _DoneButton2 = _interopRequireDefault(require("./DoneButton"));
+var _CancelButton2 = _interopRequireDefault(require("./CancelButton"));
 var _SectionContainer = _interopRequireDefault(require("../containers/SectionContainer"));
-var _Toolbar = _interopRequireDefault(require("../containers/Toolbar"));
+var _DoneButton, _CancelButton;
 const _excluded = ["children", "className", "title", "onDone", "onCancel"];
 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); }
@@ -46,6 +48,9 @@ function EditContainer(props) {
       switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
     }
   }, [containerMode, initialContainerMode, switchContainerMode]);
+  const hasToolbar = _react.default.Children.toArray(children).some(child => {
+    return (child === null || child === void 0 ? void 0 : child['type']) === _Toolbar.default;
+  });
   return _react.default.createElement(_FieldBoundaryProvider.default, {
     showErrors: validateInitially,
     onPathError: onPathError
@@ -56,11 +61,13 @@ function EditContainer(props) {
     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, _react.default.createElement(_Toolbar.default, null, _react.default.createElement(_EditToolbarTools.default, {
+  }, title), children, hasToolbar ? null : _react.default.createElement(_Toolbar.default, {
     onDone: onDone,
     onCancel: onCancel
-  })))));
+  }, _DoneButton || (_DoneButton = _react.default.createElement(_DoneButton2.default, null)), _CancelButton || (_CancelButton = _react.default.createElement(_CancelButton2.default, null))))));
 }
+EditContainer.DoneButton = _DoneButton2.default;
+EditContainer.CancelButton = _CancelButton2.default;
 EditContainer._supportsSpacingProps = true;
 var _default = EditContainer;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_elements","_FieldBoundaryProvider","_SectionContainerContext","_EditToolbarTools","_SectionContainer","_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","onDone","onCancel","restProps","ariaLabel","useMemo","convertJsxToString","containerMode","initialContainerMode","validateInitially","switchContainerMode","useContext","SectionContainerContext","omitFocusManagementRef","useRef","onPathError","useCallback","path","error","Error","current","createElement","showErrors","mode","classnames","Flex","Stack","Lead","size","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } 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 SectionContainerContext from '../containers/SectionContainerContext'\nimport EditToolbarTools from './EditToolbarTools'\nimport SectionContainer, {\n  SectionContainerProps,\n} from '../containers/SectionContainer'\nimport Toolbar from '../containers/Toolbar'\nimport { Path } from '../../../types'\n\nexport type Props = {\n  title?: React.ReactNode\n  onDone?: () => void\n  onCancel?: () => void\n}\n\nexport type AllProps = Props & SectionContainerProps & FlexContainerProps\n\nfunction EditContainer(props: AllProps) {\n  const { children, className, title, onDone, onCancel, ...restProps } =\n    props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n  const {\n    containerMode,\n    initialContainerMode,\n    validateInitially,\n    switchContainerMode,\n  } = useContext(SectionContainerContext) || {}\n  const omitFocusManagementRef = useRef(false)\n\n  const onPathError = useCallback(\n    (path: Path, error: Error) => {\n      if (\n        initialContainerMode === 'auto' &&\n        containerMode !== 'edit' &&\n        error instanceof Error\n      ) {\n        omitFocusManagementRef.current = true\n        switchContainerMode?.('edit')\n      }\n    },\n    [containerMode, initialContainerMode, switchContainerMode]\n  )\n\n  return (\n    <FieldBoundaryProvider\n      showErrors={validateInitially}\n      onPathError={onPathError}\n    >\n      <SectionContainer\n        mode=\"edit\"\n        ariaLabel={ariaLabel}\n        omitFocusManagementRef={omitFocusManagementRef}\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 onDone={onDone} onCancel={onCancel} />\n          </Toolbar>\n        </Flex.Stack>\n      </SectionContainer>\n    </FieldBoundaryProvider>\n  )\n}\n\nEditContainer._supportsSpacingProps = true\nexport default EditContainer\n"],"mappings":"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"}
+{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_elements","_FieldBoundaryProvider","_SectionContainerContext","_Toolbar","_DoneButton2","_CancelButton2","_SectionContainer","_DoneButton","_CancelButton","_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","onDone","onCancel","restProps","ariaLabel","useMemo","convertJsxToString","containerMode","initialContainerMode","validateInitially","switchContainerMode","useContext","SectionContainerContext","omitFocusManagementRef","useRef","onPathError","useCallback","path","error","Error","current","hasToolbar","React","Children","toArray","some","child","Toolbar","createElement","showErrors","mode","classnames","Flex","Stack","Lead","size","DoneButton","CancelButton","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } 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 SectionContainerContext from '../containers/SectionContainerContext'\nimport Toolbar from '../Toolbar/Toolbar'\nimport DoneButton from './DoneButton'\nimport CancelButton from './CancelButton'\nimport SectionContainer, {\n  SectionContainerProps,\n} from '../containers/SectionContainer'\nimport { Path } from '../../../types'\n\nexport type Props = {\n  title?: React.ReactNode\n  onDone?: () => void\n  onCancel?: () => void\n}\n\nexport type AllProps = Props & SectionContainerProps & FlexContainerProps\n\nfunction EditContainer(props: AllProps) {\n  const { children, className, title, onDone, onCancel, ...restProps } =\n    props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n  const {\n    containerMode,\n    initialContainerMode,\n    validateInitially,\n    switchContainerMode,\n  } = useContext(SectionContainerContext) || {}\n  const omitFocusManagementRef = useRef(false)\n\n  const onPathError = useCallback(\n    (path: Path, error: Error) => {\n      if (\n        initialContainerMode === 'auto' &&\n        containerMode !== 'edit' &&\n        error instanceof Error\n      ) {\n        omitFocusManagementRef.current = true\n        switchContainerMode?.('edit')\n      }\n    },\n    [containerMode, initialContainerMode, switchContainerMode]\n  )\n\n  const hasToolbar = React.Children.toArray(children).some((child) => {\n    return child?.['type'] === Toolbar\n  })\n\n  return (\n    <FieldBoundaryProvider\n      showErrors={validateInitially}\n      onPathError={onPathError}\n    >\n      <SectionContainer\n        mode=\"edit\"\n        ariaLabel={ariaLabel}\n        omitFocusManagementRef={omitFocusManagementRef}\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          {hasToolbar ? null : (\n            <Toolbar onDone={onDone} onCancel={onCancel}>\n              <DoneButton />\n              <CancelButton />\n            </Toolbar>\n          )}\n        </Flex.Stack>\n      </SectionContainer>\n    </FieldBoundaryProvider>\n  )\n}\n\nEditContainer.DoneButton = DoneButton\nEditContainer.CancelButton = CancelButton\nEditContainer._supportsSpacingProps = true\nexport default EditContainer\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,wBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,QAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,YAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,cAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,iBAAA,GAAAT,sBAAA,CAAAF,OAAA;AAEuC,IAAAY,WAAA,EAAAC,aAAA;AAAA,MAAAC,SAAA;AAAA,SAAAZ,uBAAAa,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAApB,wBAAAgB,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAWvC,SAASe,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GACED,KAAK,IAAI,CAAC,CAAC;IADP;MAAEE,QAAQ;MAAEC,SAAS;MAAEC,KAAK;MAAEC,MAAM;MAAEC;IAAuB,CAAC,GAAAL,IAAA;IAAXM,SAAS,GAAAjB,wBAAA,CAAAW,IAAA,EAAA3C,SAAA;EAElE,MAAMkD,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,mCAAkB,EAACN,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACnE,MAAM;IACJO,aAAa;IACbC,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC,GAAG,IAAAC,iBAAU,EAACC,gCAAuB,CAAC,IAAI,CAAC,CAAC;EAC7C,MAAMC,sBAAsB,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAE5C,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAC7B,CAACC,IAAU,EAAEC,KAAY,KAAK;IAC5B,IACEV,oBAAoB,KAAK,MAAM,IAC/BD,aAAa,KAAK,MAAM,IACxBW,KAAK,YAAYC,KAAK,EACtB;MACAN,sBAAsB,CAACO,OAAO,GAAG,IAAI;MACrCV,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EACD,CAACH,aAAa,EAAEC,oBAAoB,EAAEE,mBAAmB,CAC3D,CAAC;EAED,MAAMW,UAAU,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAAC1B,QAAQ,CAAC,CAAC2B,IAAI,CAAEC,KAAK,IAAK;IAClE,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAKC,gBAAO;EACpC,CAAC,CAAC;EAEF,OACEzF,MAAA,CAAAmB,OAAA,CAAAuE,aAAA,CAAClF,sBAAA,CAAAW,OAAqB;IACpBwE,UAAU,EAAEpB,iBAAkB;IAC9BM,WAAW,EAAEA;EAAY,GAEzB7E,MAAA,CAAAmB,OAAA,CAAAuE,aAAA,CAAC7E,iBAAA,CAAAM,OAAgB,EAAAoB,QAAA;IACfqD,IAAI,EAAC,MAAM;IACX1B,SAAS,EAAEA,SAAU;IACrBS,sBAAsB,EAAEA,sBAAuB;IAC/Cd,SAAS,EAAE,IAAAgC,mBAAU,EAAC,8BAA8B,EAAEhC,SAAS;EAAE,GAC7DI,SAAS,GAEbjE,MAAA,CAAAmB,OAAA,CAAAuE,aAAA,CAACpF,WAAA,CAAAwF,IAAI,CAACC,KAAK,QACRjC,KAAK,IAAI9D,MAAA,CAAAmB,OAAA,CAAAuE,aAAA,CAACnF,SAAA,CAAAyF,IAAI;IAACC,IAAI,EAAC;EAAO,GAAEnC,KAAY,CAAC,EAC1CF,QAAQ,EACRuB,UAAU,GAAG,IAAI,GAChBnF,MAAA,CAAAmB,OAAA,CAAAuE,aAAA,CAAChF,QAAA,CAAAS,OAAO;IAAC4C,MAAM,EAAEA,MAAO;IAACC,QAAQ,EAAEA;EAAS,GAAAlD,WAAA,KAAAA,WAAA,GAC1Cd,MAAA,CAAAmB,OAAA,CAAAuE,aAAA,CAAC/E,YAAA,CAAAQ,OAAU,MAAE,CAAC,GAAAJ,aAAA,KAAAA,aAAA,GACdf,MAAA,CAAAmB,OAAA,CAAAuE,aAAA,CAAC9E,cAAA,CAAAO,OAAY,MAAE,CAAC,CACT,CAED,CACI,CACG,CAAC;AAE5B;AAEAsC,aAAa,CAACyC,UAAU,GAAGA,oBAAU;AACrCzC,aAAa,CAAC0C,YAAY,GAAGA,sBAAY;AACzC1C,aAAa,CAAC2C,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC3B5C,aAAa;AAAA6C,OAAA,CAAAnF,OAAA,GAAAkF,QAAA"}

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

@@ -15,7 +15,7 @@ const EditContainerProperties = {
     type: 'string',
     status: 'optional'
   },
-  '[FlexVertical](/uilib/layout/flex/container/)': {
+  '[FlexVertical](/uilib/layout/flex/container/properties)': {
     doc: 'All Flex.Vertical properties.',
     type: 'Various',
     status: 'optional'

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

@@ -1 +1 @@
-{"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","variant","exports","EditContainerEvents","onDone","onCancel"],"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\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  onDone: {\n    doc: 'Callback for the done button.',\n    type: 'Function',\n    status: 'optional',\n  },\n  onCancel: {\n    doc: 'Callback for the cancel button.',\n    type: 'Function',\n    status: 'optional',\n  },\n}\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;EAED,+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;EACvDC,MAAM,EAAE;IACNN,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,iCAAiC;IACtCC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","variant","exports","EditContainerEvents","onDone","onCancel"],"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\n  '[FlexVertical](/uilib/layout/flex/container/properties)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {\n  onDone: {\n    doc: 'Callback for the done button.',\n    type: 'Function',\n    status: 'optional',\n  },\n  onCancel: {\n    doc: 'Callback for the cancel button.',\n    type: 'Function',\n    status: 'optional',\n  },\n}\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;EAED,yDAAyD,EAAE;IACzDF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,uBAAA,GAAAA,uBAAA;AAEM,MAAMO,mBAAyC,GAAG;EACvDC,MAAM,EAAE;IACNN,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,iCAAiC;IACtCC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

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

@@ -2,10 +2,11 @@ import React from 'react';
 import { SectionContextState } from './SectionContext';
 import type { Props as DataContextProps } from '../../DataContext/Provider';
 import type { ContainerMode } from './containers/SectionContainer';
-import type { FieldBlockProps, Path, FieldProps } from '../../types';
+import type { Path, FieldProps } from '../../types';
 import type { JsonObject } from '../../utils/json-pointer';
+import type { SharedFieldBlockProps } from '../../FieldBlock';
 export type OverwritePropsDefaults = {
-    [key: Path]: (FieldProps & FieldBlockProps) | OverwritePropsDefaults;
+    [key: Path]: (FieldProps & SharedFieldBlockProps) | OverwritePropsDefaults;
 };
 export type SectionProps<overwriteProps = OverwritePropsDefaults> = {
     /**
@@ -43,6 +44,7 @@ export type LocalProps = SectionProps & {
 };
 declare function SectionComponent(props: LocalProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SectionComponent {
+    var Toolbar: typeof import("./Toolbar").default;
     var ViewContainer: typeof import("./ViewContainer/ViewContainer").default;
     var EditContainer: typeof import("./EditContainer/EditContainer").default;
     var _supportsSpacingProps: any;

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

@@ -13,6 +13,7 @@ var _Provider2 = _interopRequireDefault(require("../../Field/Provider"));
 var _SectionContainerProvider = _interopRequireDefault(require("./containers/SectionContainerProvider"));
 var _ViewContainer = _interopRequireDefault(require("./ViewContainer"));
 var _EditContainer = _interopRequireDefault(require("./EditContainer"));
+var _Toolbar = _interopRequireDefault(require("./Toolbar"));
 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; }
@@ -81,6 +82,7 @@ function SectionComponent(props) {
     translations: translations
   }, fieldProps), children)));
 }
+SectionComponent.Toolbar = _Toolbar.default;
 SectionComponent.ViewContainer = _ViewContainer.default;
 SectionComponent.EditContainer = _EditContainer.default;
 SectionComponent._supportsSpacingProps = undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["_react","_interopRequireWildcard","require","_SectionContext","_interopRequireDefault","_Context","_Provider","_Provider2","_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","_path$startsWith","_nestedProps$overwrit","path","overwriteProps","translations","required","data","defaultData","validateInitially","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 '../../Field/Provider'\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  FieldBlockProps,\n  Path,\n  FieldProps,\n  OnChange,\n} from '../../types'\nimport type { JsonObject } from '../../utils/json-pointer'\n\nexport type OverwritePropsDefaults = {\n  [key: Path]: (FieldProps & FieldBlockProps) | 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   * If set to `true`, the whole section will be validated initially. All fields will then automatically get `validateInitially` and show their error messages. Can be useful in combination with `containerMode=\"auto\"`.\n   */\n  validateInitially?: boolean\n\n  /**\n   * Defines the container mode. Can be `view`, `edit` or `auto`.\n   * When set to `auto`, the mode will initially be \"edit\" if fields contain errors.\n   * Defaults to `auto`.\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<JsonObject>,\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    validateInitially,\n    containerMode = 'auto',\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>(\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\n        validateInitially={validateInitially}\n        containerMode={containerMode}\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      </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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"}
+{"version":3,"file":"Section.js","names":["_react","_interopRequireWildcard","require","_SectionContext","_interopRequireDefault","_Context","_Provider","_Provider2","_SectionContainerProvider","_ViewContainer","_EditContainer","_Toolbar","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","_path$startsWith","_nestedProps$overwrit","path","overwriteProps","translations","required","data","defaultData","validateInitially","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","Toolbar","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 '../../Field/Provider'\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 { Path, FieldProps, OnChange } from '../../types'\nimport type { JsonObject } from '../../utils/json-pointer'\nimport type { SharedFieldBlockProps } from '../../FieldBlock'\nimport Toolbar from './Toolbar'\n\nexport type OverwritePropsDefaults = {\n  [key: Path]:\n    | (FieldProps & SharedFieldBlockProps)\n    | 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   * If set to `true`, the whole section will be validated initially. All fields will then automatically get `validateInitially` and show their error messages. Can be useful in combination with `containerMode=\"auto\"`.\n   */\n  validateInitially?: boolean\n\n  /**\n   * Defines the container mode. Can be `view`, `edit` or `auto`.\n   * When set to `auto`, the mode will initially be \"edit\" if fields contain errors.\n   * Defaults to `auto`.\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<JsonObject>,\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    validateInitially,\n    containerMode = 'auto',\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>(\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\n        validateInitially={validateInitially}\n        containerMode={containerMode}\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      </SectionContainerProvider>\n    </SectionContext.Provider>\n  )\n}\n\nSectionComponent.Toolbar = Toolbar\nSectionComponent.ViewContainer = ViewContainer\nSectionComponent.EditContainer = EditContainer\n\nSectionComponent._supportsSpacingProps = undefined\nexport default SectionComponent\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,yBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,cAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,cAAA,GAAAN,sBAAA,CAAAF,OAAA;AAOA,IAAAS,QAAA,GAAAP,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAmD/B,SAASS,gBAAgBA,CAACC,KAAiB,EAAE;EAAA,IAAAC,gBAAA,EAAAC,qBAAA;EAC3C,MAAM;IACJC,IAAI;IACJC,cAAc;IACdC,YAAY;IACZC,QAAQ;IACRC,IAAI;IACJC,WAAW;IACXC,iBAAiB;IACjBC,aAAa,GAAG,MAAM;IACtBC,QAAQ;IACRC,mBAAmB,GAAG,CAAC,eAAe,CAAC;IACvCC;EACF,CAAC,GAAGb,KAAK;EAET,IAAIG,IAAI,IAAI,GAAAF,gBAAA,GAACE,IAAI,CAACW,UAAU,cAAAb,gBAAA,eAAfA,gBAAA,CAAA7C,IAAA,CAAA+C,IAAI,EAAc,GAAG,CAAC,GAAE;IACnC,MAAM,IAAIY,KAAK,CAAE,SAAQZ,IAAK,2BAA0B,CAAC;EAC3D;EAEA,MAAM;IAAEa,UAAU;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EAElE,MAAM;IAAEhB,IAAI,EAAEiB,UAAU;IAAEpB,KAAK,EAAEqB;EAAY,CAAC,GAC5C,IAAAH,iBAAU,EAACI,uBAAc,CAAC,IAAI,CAAC,CAAC;EAElC,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC9B;IAAA,SAAAC,IAAA,GAAA7D,SAAA,CAAAC,MAAA,EAAI6D,IAAI,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAhE,SAAA,CAAAgE,IAAA;IAAA;IAAA,OAAKjB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,GAAGe,IAAI,CAAC;EAAA,GAChC,CAACf,QAAQ,CACX,CAAC;EACDM,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGM,YAAY,CAAC;EAElC,MAAMM,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC/B,OAAQ,GAAEV,UAAU,IAAIA,UAAU,KAAK,GAAG,GAAGA,UAAU,GAAG,EAAG,GAC3DjB,IAAI,IAAI,EACT,EAAC;EACJ,CAAC,EAAE,CAACA,IAAI,EAAEiB,UAAU,CAAC,CAAC;EACtB,MAAMW,UAAU,GAAGzB,QAAQ,GAAG;IAAEA,QAAQ,EAAE;EAAK,CAAC,GAAGX,SAAS;EAE5D,IAAI,CAACqB,UAAU,EAAE;IACf,OACE3F,MAAA,CAAAc,OAAA,CAAA6F,aAAA,CAACrG,SAAA,CAAAQ,OAAQ;MAACoE,IAAI,EAAEA,IAAK;MAACC,WAAW,EAAEA;IAAY,GAC7CnF,MAAA,CAAAc,OAAA,CAAA6F,aAAA,CAACjC,gBAAgB,EAAKC,KAAQ,CACtB,CAAC;EAEf;EAEA,OACE3E,MAAA,CAAAc,OAAA,CAAA6F,aAAA,CAACxG,eAAA,CAAAW,OAAc,CAAC8F,QAAQ;IACtBlD,KAAK,EAAE;MACLoB,IAAI,EAAE0B,UAAU;MAChBjB,mBAAmB;MACnBZ;IACF;EAAE,GAEF3E,MAAA,CAAAc,OAAA,CAAA6F,aAAA,CAACnG,yBAAA,CAAAM,OAAwB;IACvBsE,iBAAiB,EAAEA,iBAAkB;IACrCC,aAAa,EAAEA;EAAc,GAE7BrF,MAAA,CAAAc,OAAA,CAAA6F,aAAA,CAACpG,UAAA,CAAAO,OAAkB,EAAAoB,QAAA;IACjB6C,cAAc,EAAA1B,aAAA,CAAAA,aAAA,KACT0B,cAAc,GACbiB,WAAW,aAAXA,WAAW,wBAAAnB,qBAAA,GAAXmB,WAAW,CAAEjB,cAAc,cAAAF,qBAAA,uBAA3BA,qBAAA,CACFC,IAAI,CAAC+B,SAAS,CAAC,CAAC,CAAC,CAClB,CACD;IACF7B,YAAY,EAAEA;EAAa,GACvB0B,UAAU,GAEblB,QACiB,CACI,CACH,CAAC;AAE9B;AAEAd,gBAAgB,CAACoC,OAAO,GAAGA,gBAAO;AAClCpC,gBAAgB,CAACqC,aAAa,GAAGA,sBAAa;AAC9CrC,gBAAgB,CAACsC,aAAa,GAAGA,sBAAa;AAE9CtC,gBAAgB,CAACuC,qBAAqB,GAAG3C,SAAS;AAAA,IAAA4C,QAAA,GACnCxC,gBAAgB;AAAAyC,OAAA,CAAArG,OAAA,GAAAoG,QAAA"}

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

@@ -0,0 +1,7 @@
+import { SpaceAllProps } from '../../../../../components/Space';
+export type Props = SpaceAllProps & {
+    onEdit?: () => void;
+    onDone?: () => void;
+    onCancel?: () => void;
+};
+export default function Toolbar(props: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,68 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Toolbar;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("../../../hooks");
+var _ToolbarContext = _interopRequireDefault(require("./ToolbarContext"));
+var _FieldBoundaryContext = _interopRequireDefault(require("../../../DataContext/FieldBoundary/FieldBoundaryContext"));
+var _elements = require("../../../../../elements");
+var _components = require("../../../../../components");
+var _Space = _interopRequireDefault(require("../../../../../components/Space"));
+var _Hr;
+const _excluded = ["children", "className", "onEdit", "onDone", "onCancel"];
+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 Toolbar(props) {
+  const {
+    errorInSection
+  } = (0, _hooks.useTranslation)().SectionEditContainer;
+  const {
+      children,
+      className,
+      onEdit,
+      onDone,
+      onCancel
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const {
+    hasError,
+    hasVisibleError
+  } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
+  const [showError, setShowError] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (showError && !hasError) {
+      setShowError(false);
+    }
+  }, [hasError, showError]);
+  return _react.default.createElement(_Space.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-section-toolbar', className)
+  }, rest), _Hr || (_Hr = _react.default.createElement(_elements.Hr, {
+    space: 0
+  })), _react.default.createElement(_ToolbarContext.default.Provider, {
+    value: {
+      setShowError,
+      onEdit,
+      onDone,
+      onCancel
+    }
+  }, _react.default.createElement(_components.Flex.Horizontal, {
+    top: "x-small",
+    gap: "large"
+  }, children)), _react.default.createElement(_components.FormStatus, {
+    show: showError && hasVisibleError,
+    shellSpace: {
+      top: 'x-small'
+    },
+    no_animation: false
+  }, errorInSection));
+}
+//# sourceMappingURL=Toolbar.js.map