@dnb/eufemia 10.58.0 → 10.60.0

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

@@ -72,7 +72,7 @@ function FormElement(props) {
       key: key,
       state: key,
       id: `${id}-form-status-${key}`,
-      className: "dnb-forms-status",
+      className: "dnb-forms-form__status-message",
       show: Boolean(value),
       no_animation: false,
       shellSpace: {

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

@@ -1 +1 @@
-{"version":3,"file":"Element.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Context","_Space","_useId","_components","_componentHelper","_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","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FormElement","props","id","useId","dataContext","useContext","DataContext","submitState","restHandlerProps","states","entries","_ref","_ref2","children","className","onSubmit","restProps","hasElementRef","useRef","current","onSubmitHandler","useCallback","event","preventDefault","formElement","hasContext","formElementRef","handleSubmit","createElement","element","classnames","combineLabelledBy","map","_ref3","FormStatus","state","show","Boolean","no_animation","shellSpace","top"],"sources":["../../../../../../src/extensions/forms/Form/Element/Element.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport classnames from 'classnames'\nimport DataContext from '../../DataContext/Context'\nimport Space from '../../../../components/space/Space'\nimport useId from '../../../../shared/helpers/useId'\nimport type { SpacingProps } from '../../../../shared/types'\nimport { FormStatus } from '../../../../components'\nimport { combineLabelledBy } from '../../../../shared/component-helper'\n\nexport type Props = Omit<\n  React.HTMLProps<HTMLFormElement>,\n  'ref' | 'autoComplete'\n> &\n  SpacingProps\n\nexport default function FormElement(props: Props) {\n  const id = useId()\n  const dataContext = useContext(DataContext)\n  const { submitState, restHandlerProps } = dataContext || {}\n  const states = Object.entries(submitState || {}).filter(\n    ([, value]) => value\n  )\n\n  const { children, className, onSubmit, ...restProps } = {\n    ...restHandlerProps,\n    ...props,\n  } as Props\n\n  /**\n   * Set to true,\n   * this way we prevent \"handleSubmit\" to be called twice when the SubmitButton is pressed.\n   */\n  const hasElementRef = useRef(false)\n  if (!dataContext.hasElementRef) {\n    dataContext.hasElementRef = hasElementRef\n  }\n  dataContext.hasElementRef.current = true\n\n  const onSubmitHandler = useCallback(\n    (event: React.SyntheticEvent<HTMLFormElement>) => {\n      event?.preventDefault()\n\n      const formElement = event.target as HTMLFormElement\n\n      if (dataContext.hasContext) {\n        dataContext.formElementRef.current = formElement\n        dataContext.handleSubmit()\n      }\n\n      if (typeof onSubmit === 'function') {\n        onSubmit(event)\n      }\n    },\n    [dataContext, onSubmit]\n  )\n\n  return (\n    <Space\n      element=\"form\"\n      className={classnames('dnb-forms-form', className)}\n      onSubmit={onSubmitHandler}\n      aria-labelledby={\n        combineLabelledBy(\n          restProps,\n          states.map(([key]) => {\n            return `${id}-form-status-${key}`\n          })\n        ) || undefined\n      }\n      {...restProps}\n    >\n      {children}\n\n      {['error', 'warning', 'info'].map((key) => {\n        const value = submitState?.[key]\n        return (\n          <FormStatus\n            key={key}\n            state={key}\n            id={`${id}-form-status-${key}`}\n            className=\"dnb-forms-status\"\n            show={Boolean(value)}\n            no_animation={false}\n            shellSpace={{ top: 'small' }}\n          >\n            {String(value?.['message'] || value || '')}\n          </FormStatus>\n        )\n      })}\n    </Space>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Element.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Context","_Space","_useId","_components","_componentHelper","_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","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FormElement","props","id","useId","dataContext","useContext","DataContext","submitState","restHandlerProps","states","entries","_ref","_ref2","children","className","onSubmit","restProps","hasElementRef","useRef","current","onSubmitHandler","useCallback","event","preventDefault","formElement","hasContext","formElementRef","handleSubmit","createElement","element","classnames","combineLabelledBy","map","_ref3","FormStatus","state","show","Boolean","no_animation","shellSpace","top"],"sources":["../../../../../../src/extensions/forms/Form/Element/Element.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport classnames from 'classnames'\nimport DataContext from '../../DataContext/Context'\nimport Space from '../../../../components/space/Space'\nimport useId from '../../../../shared/helpers/useId'\nimport type { SpacingProps } from '../../../../shared/types'\nimport { FormStatus } from '../../../../components'\nimport { combineLabelledBy } from '../../../../shared/component-helper'\n\nexport type Props = Omit<\n  React.HTMLProps<HTMLFormElement>,\n  'ref' | 'autoComplete'\n> &\n  SpacingProps\n\nexport default function FormElement(props: Props) {\n  const id = useId()\n  const dataContext = useContext(DataContext)\n  const { submitState, restHandlerProps } = dataContext || {}\n  const states = Object.entries(submitState || {}).filter(\n    ([, value]) => value\n  )\n\n  const { children, className, onSubmit, ...restProps } = {\n    ...restHandlerProps,\n    ...props,\n  } as Props\n\n  /**\n   * Set to true,\n   * this way we prevent \"handleSubmit\" to be called twice when the SubmitButton is pressed.\n   */\n  const hasElementRef = useRef(false)\n  if (!dataContext.hasElementRef) {\n    dataContext.hasElementRef = hasElementRef\n  }\n  dataContext.hasElementRef.current = true\n\n  const onSubmitHandler = useCallback(\n    (event: React.SyntheticEvent<HTMLFormElement>) => {\n      event?.preventDefault()\n\n      const formElement = event.target as HTMLFormElement\n\n      if (dataContext.hasContext) {\n        dataContext.formElementRef.current = formElement\n        dataContext.handleSubmit()\n      }\n\n      if (typeof onSubmit === 'function') {\n        onSubmit(event)\n      }\n    },\n    [dataContext, onSubmit]\n  )\n\n  return (\n    <Space\n      element=\"form\"\n      className={classnames('dnb-forms-form', className)}\n      onSubmit={onSubmitHandler}\n      aria-labelledby={\n        combineLabelledBy(\n          restProps,\n          states.map(([key]) => {\n            return `${id}-form-status-${key}`\n          })\n        ) || undefined\n      }\n      {...restProps}\n    >\n      {children}\n\n      {['error', 'warning', 'info'].map((key) => {\n        const value = submitState?.[key]\n        return (\n          <FormStatus\n            key={key}\n            state={key}\n            id={`${id}-form-status-${key}`}\n            className=\"dnb-forms-form__status-message\"\n            show={Boolean(value)}\n            no_animation={false}\n            shellSpace={{ top: 'small' }}\n          >\n            {String(value?.['message'] || value || '')}\n          </FormStatus>\n        )\n      })}\n    </Space>\n  )\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+import { InfoOverlayContent } from './setContent';
+export type Props = {
+    /**
+     * The content to show.
+     * If not given, the children will be shown.
+     * Can be `success`, `error` or a custom content.
+     */
+    content?: InfoOverlayContent;
+    onCancel?: () => void;
+    /** Predefined content */
+    success?: {
+        title?: React.ReactNode;
+        description?: React.ReactNode;
+        buttonText?: React.ReactNode;
+        buttonHref?: string;
+        buttonClickHandler?: () => void;
+    };
+    /** Predefined content */
+    error?: {
+        title?: React.ReactNode;
+        description?: React.ReactNode;
+        retryButton?: React.ReactNode;
+        cancelButton?: React.ReactNode;
+    };
+    id?: SharedStateId;
+    children: React.ReactNode;
+    className?: string;
+};
+declare function InfoOverlay(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace InfoOverlay {
+    var setContent: typeof import("./setContent").default;
+    var _supportsSpacingProps: boolean;
+}
+export default InfoOverlay;

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

@@ -0,0 +1,132 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Visibility = _interopRequireDefault(require("../Visibility"));
+var _Context = _interopRequireDefault(require("../../DataContext/Context"));
+var _useSharedState = require("../../../../shared/helpers/useSharedState");
+var _useMounted = _interopRequireDefault(require("../../../../shared/helpers/useMounted"));
+var _setContent = _interopRequireDefault(require("./setContent"));
+var _components = require("../../../../components");
+var _elements = require("../../../../elements");
+var _hooks = require("../../hooks");
+var _MainHeading = _interopRequireDefault(require("../MainHeading"));
+var _SubmitButton = _interopRequireDefault(require("../SubmitButton"));
+const _excluded = ["id", "content", "success", "error", "onCancel", "className", "children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function InfoOverlay(props) {
+  const {
+    id: idProp,
+    formState
+  } = (0, _react.useContext)(_Context.default);
+  const {
+      id = idProp,
+      content: contentProp,
+      success,
+      error,
+      onCancel,
+      className,
+      children
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const {
+    data
+  } = (0, _useSharedState.useSharedState)(id);
+  const {
+    content = contentProp
+  } = data || {};
+  const translations = (0, _hooks.useTranslation)();
+  const mountedRef = (0, _useMounted.default)();
+  const innerRef = (0, _react.useRef)(null);
+  const onAnimationEnd = (0, _react.useCallback)(state => {
+    if (mountedRef.current && state === 'opened') {
+      var _innerRef$current$foc, _innerRef$current;
+      (_innerRef$current$foc = (_innerRef$current = innerRef.current).focus) === null || _innerRef$current$foc === void 0 ? void 0 : _innerRef$current$foc.call(_innerRef$current);
+    }
+  }, [mountedRef]);
+  const currentContentRef = (0, _react.useRef)();
+  if (content) {
+    currentContentRef.current = content;
+  }
+  const onCancelHandler = (0, _react.useCallback)(() => {
+    if (id) {
+      (0, _setContent.default)(id, undefined);
+    }
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  }, [id, onCancel]);
+  const childrenAreVisible = typeof content !== 'undefined' ? !(content === content) : undefined;
+  const statusContentIsVisible = typeof content !== 'undefined' ? content === content : false;
+  const status = typeof content === 'string' && !content.includes(' ') ? content : undefined;
+  let statusContent = content;
+  if (currentContentRef.current === 'success') {
+    const tr = translations.InfoOverlaySuccess;
+    const {
+      title,
+      description,
+      buttonText,
+      buttonHref,
+      buttonClickHandler
+    } = success || {};
+    statusContent = _react.default.createElement(_components.Section, _extends({
+      variant: "info",
+      innerSpace: {
+        top: 'large',
+        bottom: 'xx-large'
+      }
+    }, restProps), _react.default.createElement(_components.Flex.Stack, {
+      gap: "large"
+    }, _react.default.createElement(_MainHeading.default, null, title !== null && title !== void 0 ? title : tr.title), _react.default.createElement(_elements.P, null, description !== null && description !== void 0 ? description : tr.description), _react.default.createElement(_components.Button, {
+      href: buttonClickHandler ? undefined : buttonHref !== null && buttonHref !== void 0 ? buttonHref : '/',
+      on_click: buttonClickHandler
+    }, buttonText !== null && buttonText !== void 0 ? buttonText : tr.buttonText)));
+  } else if (currentContentRef.current === 'error') {
+    const tr = translations.InfoOverlayError;
+    const {
+      title,
+      description,
+      cancelButton,
+      retryButton
+    } = error || {};
+    statusContent = _react.default.createElement(_components.Section, _extends({
+      variant: "transparent",
+      innerSpace: {
+        top: 'large',
+        bottom: 'xx-large'
+      }
+    }, restProps), _react.default.createElement(_components.Flex.Stack, {
+      gap: "large"
+    }, _react.default.createElement(_MainHeading.default, null, title !== null && title !== void 0 ? title : tr.title), _react.default.createElement(_components.HeightAnimation, null, _react.default.createElement(_elements.P, null, formState === 'pending' ? tr.retryingText : description !== null && description !== void 0 ? description : tr.description)), _react.default.createElement(_components.Flex.Horizontal, null, _react.default.createElement(_components.Button, {
+      variant: "secondary",
+      onClick: onCancelHandler
+    }, cancelButton !== null && cancelButton !== void 0 ? cancelButton : tr.cancelButton), _react.default.createElement(_SubmitButton.default, null, retryButton !== null && retryButton !== void 0 ? retryButton : tr.retryButton))));
+  }
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)("dnb-forms-info-overlay dnb-no-focus", className, status && `dnb-forms-info-overlay--${status}`),
+    tabIndex: -1,
+    ref: innerRef
+  }, _react.default.createElement(_Visibility.default, {
+    visible: statusContentIsVisible,
+    onAnimationEnd: onAnimationEnd,
+    animate: true
+  }, statusContent), _react.default.createElement(_Visibility.default, {
+    visible: childrenAreVisible,
+    onAnimationEnd: onAnimationEnd,
+    animate: true,
+    keepInDOM: true
+  }, children));
+}
+InfoOverlay.setContent = _setContent.default;
+InfoOverlay._supportsSpacingProps = true;
+var _default = InfoOverlay;
+exports.default = _default;
+//# sourceMappingURL=InfoOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoOverlay.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Visibility","_Context","_useSharedState","_useMounted","_setContent","_components","_elements","_hooks","_MainHeading","_SubmitButton","_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","InfoOverlay","props","id","idProp","formState","useContext","DataContext","content","contentProp","success","error","onCancel","className","children","restProps","data","useSharedState","translations","useTranslation","mountedRef","useMounted","innerRef","useRef","onAnimationEnd","useCallback","state","current","_innerRef$current$foc","_innerRef$current","focus","currentContentRef","onCancelHandler","setContent","undefined","childrenAreVisible","statusContentIsVisible","status","includes","statusContent","tr","InfoOverlaySuccess","title","description","buttonText","buttonHref","buttonClickHandler","createElement","Section","variant","innerSpace","top","bottom","Flex","Stack","gap","P","Button","href","on_click","InfoOverlayError","cancelButton","retryButton","HeightAnimation","retryingText","Horizontal","onClick","classnames","tabIndex","ref","visible","animate","keepInDOM","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/InfoOverlay/InfoOverlay.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport classnames from 'classnames'\nimport Visibility from '../Visibility'\nimport DataContext from '../../DataContext/Context'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMounted from '../../../../shared/helpers/useMounted'\nimport setContent, { InfoOverlayContent } from './setContent'\nimport {\n  Button,\n  Flex,\n  HeightAnimation,\n  Section,\n} from '../../../../components'\nimport { HeightAnimationAllProps } from '../../../../components/HeightAnimation'\nimport { P } from '../../../../elements'\nimport { useTranslation } from '../../hooks'\nimport MainHeading from '../MainHeading'\nimport SubmitButton from '../SubmitButton'\n\nexport type Props = {\n  /**\n   * The content to show.\n   * If not given, the children will be shown.\n   * Can be `success`, `error` or a custom content.\n   */\n  content?: InfoOverlayContent\n  onCancel?: () => void\n\n  /** Predefined content */\n  success?: {\n    title?: React.ReactNode\n    description?: React.ReactNode\n    buttonText?: React.ReactNode\n    buttonHref?: string\n    buttonClickHandler?: () => void\n  }\n  /** Predefined content */\n  error?: {\n    title?: React.ReactNode\n    description?: React.ReactNode\n    retryButton?: React.ReactNode\n    cancelButton?: React.ReactNode\n  }\n\n  // Various props\n  id?: SharedStateId\n  children: React.ReactNode\n  className?: string\n}\n\nfunction InfoOverlay(props: Props) {\n  const { id: idProp, formState } = useContext(DataContext)\n\n  const {\n    id = idProp,\n    content: contentProp,\n    success,\n    error,\n    onCancel,\n    className,\n    children,\n    ...restProps\n  } = props\n\n  const { data } = useSharedState<{\n    content?: InfoOverlayContent\n  }>(id)\n  const { content = contentProp } = data || {}\n\n  const translations = useTranslation()\n  const mountedRef = useMounted()\n  const innerRef = useRef<HTMLDivElement>(null)\n  const onAnimationEnd: HeightAnimationAllProps['onAnimationEnd'] =\n    useCallback(\n      (state) => {\n        if (mountedRef.current && state === 'opened') {\n          innerRef.current.focus?.()\n        }\n      },\n      [mountedRef]\n    )\n\n  // To keep the content visible while hiding it with the HightAnimation\n  const currentContentRef = useRef<InfoOverlayContent>()\n  if (content) {\n    currentContentRef.current = content\n  }\n\n  const onCancelHandler = useCallback(() => {\n    if (id) {\n      setContent(id, undefined)\n    }\n    onCancel?.()\n  }, [id, onCancel])\n\n  const childrenAreVisible =\n    typeof content !== 'undefined' ? !(content === content) : undefined\n  const statusContentIsVisible =\n    typeof content !== 'undefined' ? content === content : false\n  const status =\n    typeof content === 'string' && !content.includes(' ')\n      ? content\n      : undefined\n\n  let statusContent = content\n\n  if (currentContentRef.current === 'success') {\n    const tr = translations.InfoOverlaySuccess\n    const {\n      title,\n      description,\n      buttonText,\n      buttonHref,\n      buttonClickHandler,\n    } = success || {}\n\n    statusContent = (\n      <Section\n        variant=\"info\"\n        innerSpace={{ top: 'large', bottom: 'xx-large' }}\n        {...restProps}\n      >\n        <Flex.Stack gap=\"large\">\n          <MainHeading>{title ?? tr.title}</MainHeading>\n          <P>{description ?? tr.description}</P>\n          <Button\n            href={buttonClickHandler ? undefined : buttonHref ?? '/'}\n            on_click={buttonClickHandler}\n          >\n            {buttonText ?? tr.buttonText}\n          </Button>\n        </Flex.Stack>\n      </Section>\n    )\n  } else if (currentContentRef.current === 'error') {\n    const tr = translations.InfoOverlayError\n    const { title, description, cancelButton, retryButton } = error || {}\n\n    statusContent = (\n      <Section\n        variant=\"transparent\"\n        innerSpace={{ top: 'large', bottom: 'xx-large' }}\n        {...restProps}\n      >\n        <Flex.Stack gap=\"large\">\n          <MainHeading>{title ?? tr.title}</MainHeading>\n          <HeightAnimation>\n            <P>\n              {formState === 'pending'\n                ? tr.retryingText\n                : description ?? tr.description}\n            </P>\n          </HeightAnimation>\n          <Flex.Horizontal>\n            <Button variant=\"secondary\" onClick={onCancelHandler}>\n              {cancelButton ?? tr.cancelButton}\n            </Button>\n            <SubmitButton>{retryButton ?? tr.retryButton}</SubmitButton>\n          </Flex.Horizontal>\n        </Flex.Stack>\n      </Section>\n    )\n  }\n\n  return (\n    <div\n      className={classnames(\n        'dnb-forms-info-overlay',\n        status && `dnb-forms-info-overlay--${status}`,\n        'dnb-no-focus',\n        className\n      )}\n      tabIndex={-1}\n      ref={innerRef}\n    >\n      <Visibility\n        visible={statusContentIsVisible}\n        onAnimationEnd={onAnimationEnd}\n        animate\n      >\n        {statusContent}\n      </Visibility>\n\n      <Visibility\n        visible={childrenAreVisible}\n        onAnimationEnd={onAnimationEnd}\n        animate\n        keepInDOM\n      >\n        {children}\n      </Visibility>\n    </div>\n  )\n}\n\nInfoOverlay.setContent = setContent\nInfoOverlay._supportsSpacingProps = true\n\nexport default InfoOverlay\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/InfoOverlay/InfoOverlayDocs.d.ts

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

package/cjs/extensions/forms/Form/InfoOverlay/InfoOverlayDocs.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfoOverlaySuccessProperties = exports.InfoOverlayErrorProperties = void 0;
+const InfoOverlaySuccessProperties = {
+  title: {
+    doc: 'The title of the component.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  description: {
+    doc: 'The description of the component.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  buttonText: {
+    doc: 'The text of the button.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  buttonHref: {
+    doc: 'The href of the button.',
+    type: 'string',
+    status: 'optional'
+  },
+  buttonClickHandler: {
+    doc: 'The click handler of the button.',
+    type: 'function',
+    status: 'optional'
+  },
+  '[Section](/uilib/components/section/properties)': {
+    doc: 'All Section properties.',
+    type: 'various',
+    status: 'optional'
+  }
+};
+exports.InfoOverlaySuccessProperties = InfoOverlaySuccessProperties;
+const InfoOverlayErrorProperties = {
+  title: {
+    doc: 'The title of the component.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  description: {
+    doc: 'The description of the component.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  cancelButton: {
+    doc: 'The text of the cancel button.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  retryButton: {
+    doc: 'The text of the retry button.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  '[Section](/uilib/components/section/properties)': {
+    doc: 'All Section properties.',
+    type: 'various',
+    status: 'optional'
+  }
+};
+exports.InfoOverlayErrorProperties = InfoOverlayErrorProperties;
+//# sourceMappingURL=InfoOverlayDocs.js.map

package/cjs/extensions/forms/Form/InfoOverlay/InfoOverlayDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoOverlayDocs.js","names":["InfoOverlaySuccessProperties","title","doc","type","status","description","buttonText","buttonHref","buttonClickHandler","exports","InfoOverlayErrorProperties","cancelButton","retryButton"],"sources":["../../../../../../src/extensions/forms/Form/InfoOverlay/InfoOverlayDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const InfoOverlaySuccessProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the component.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  description: {\n    doc: 'The description of the component.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  buttonText: {\n    doc: 'The text of the button.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  buttonHref: {\n    doc: 'The href of the button.',\n    type: 'string',\n    status: 'optional',\n  },\n  buttonClickHandler: {\n    doc: 'The click handler of the button.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Section](/uilib/components/section/properties)': {\n    doc: 'All Section properties.',\n    type: 'various',\n    status: 'optional',\n  },\n}\n\nexport const InfoOverlayErrorProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the component.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  description: {\n    doc: 'The description of the component.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  cancelButton: {\n    doc: 'The text of the cancel button.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  retryButton: {\n    doc: 'The text of the retry button.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[Section](/uilib/components/section/properties)': {\n    doc: 'All Section properties.',\n    type: 'various',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,4BAAkD,GAAG;EAChEC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXH,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDG,UAAU,EAAE;IACVL,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,kBAAkB,EAAE;IAClBN,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,iDAAiD,EAAE;IACjDF,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAK,OAAA,CAAAT,4BAAA,GAAAA,4BAAA;AAEM,MAAMU,0BAAgD,GAAG;EAC9DT,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXH,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDO,YAAY,EAAE;IACZT,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,iDAAiD,EAAE;IACjDF,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAK,OAAA,CAAAC,0BAAA,GAAAA,0BAAA"}

package/cjs/extensions/forms/Form/InfoOverlay/index.d.ts

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

package/cjs/extensions/forms/Form/InfoOverlay/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 _InfoOverlay.default;
+  }
+});
+var _InfoOverlay = _interopRequireWildcard(require("./InfoOverlay"));
+Object.keys(_InfoOverlay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _InfoOverlay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InfoOverlay[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/InfoOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_InfoOverlay","_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/InfoOverlay/index.ts"],"sourcesContent":["export { default } from './InfoOverlay'\nexport * from './InfoOverlay'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,YAAA,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,YAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,YAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA6B,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/InfoOverlay/setContent.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+export type InfoOverlayContent = 'success' | 'error' | React.ReactNode | undefined;
+export default function setContent(id: SharedStateId, content: InfoOverlayContent): void;

package/cjs/extensions/forms/Form/InfoOverlay/setContent.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setContent;
+var _useSharedState = require("../../../../shared/helpers/useSharedState");
+function setContent(id, content) {
+  const sharedState = (0, _useSharedState.createSharedState)(id);
+  sharedState.extend({
+    content
+  });
+}
+//# sourceMappingURL=setContent.js.map

package/cjs/extensions/forms/Form/InfoOverlay/setContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setContent.js","names":["_useSharedState","require","setContent","id","content","sharedState","createSharedState","extend"],"sources":["../../../../../../src/extensions/forms/Form/InfoOverlay/setContent.ts"],"sourcesContent":["import {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\n\nexport type InfoOverlayContent =\n  | 'success'\n  | 'error'\n  | React.ReactNode\n  | undefined\n\nexport default function setContent(\n  id: SharedStateId,\n  content: InfoOverlayContent\n) {\n  const sharedState = createSharedState(id)\n  sharedState.extend({ content })\n}\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAWe,SAASC,UAAUA,CAChCC,EAAiB,EACjBC,OAA2B,EAC3B;EACA,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACH,EAAE,CAAC;EACzCE,WAAW,CAACE,MAAM,CAAC;IAAEH;EAAQ,CAAC,CAAC;AACjC"}

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","_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","sectionProps","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<\n  overwriteProps = OverwritePropsDefaults,\n  Data extends JsonObject = JsonObject,\n> = {\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<Data>,\n  'data' | 'defaultData' | 'onChange' | 'translations'\n>\n\nexport type LocalProps<overwriteProps = OverwritePropsDefaults> =\n  SectionProps<overwriteProps> & {\n    children: React.ReactNode\n  }\n\nfunction SectionComponent<overwriteProps = OverwritePropsDefaults>(\n  props: LocalProps<overwriteProps>\n) {\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  const sectionProps = props as SectionProps\n\n  return (\n    <SectionContext.Provider\n      value={{\n        path: identifier,\n        errorPrioritization,\n        props: sectionProps,\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":"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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","sectionProps","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'\nimport Toolbar from './Toolbar'\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'\n\nexport type OverwritePropsDefaults = {\n  [key: Path]:\n    | (FieldProps & SharedFieldBlockProps)\n    | OverwritePropsDefaults\n}\nexport type SectionProps<\n  overwriteProps = OverwritePropsDefaults,\n  Data extends JsonObject = JsonObject,\n> = {\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<Data>,\n  'data' | 'defaultData' | 'onChange' | 'translations'\n>\n\nexport type LocalProps<overwriteProps = OverwritePropsDefaults> =\n  SectionProps<overwriteProps> & {\n    children: React.ReactNode\n  }\n\nfunction SectionComponent<overwriteProps = OverwritePropsDefaults>(\n  props: LocalProps<overwriteProps>\n) {\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  const sectionProps = props as SectionProps\n\n  return (\n    <SectionContext.Provider\n      value={{\n        path: identifier,\n        errorPrioritization,\n        props: sectionProps,\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":"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"}

package/cjs/extensions/forms/Form/Section/style/themes/ui.js

@@ -1,4 +1,4 @@
 "use strict";
 
-require("./dnb-section-theme-ui.min.css");
+require("./dnb-form-section-theme-ui.min.css");
 //# sourceMappingURL=ui.js.map

package/cjs/extensions/forms/Form/Section/style/themes/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","names":["require"],"sources":["../../../../../../../../src/extensions/forms/Form/Section/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-section-theme-ui.scss'\n"],"mappings":";;AAKAA,OAAA"}
+{"version":3,"file":"ui.js","names":["require"],"sources":["../../../../../../../../src/extensions/forms/Form/Section/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-form-section-theme-ui.scss'\n"],"mappings":";;AAKAA,OAAA"}

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

@@ -1,5 +1,5 @@
 import React, { AriaAttributes } from 'react';
-import { HeightAnimationProps } from '../../../../components/HeightAnimation';
+import { HeightAnimationAllProps } from '../../../../components/HeightAnimation';
 import type { Path, UseFieldProps } from '../../types';
 import type { DataAttributes } from '../../hooks/useFieldProps';
 import { FilterData } from '../../DataContext';
@@ -60,18 +60,22 @@ export type Props = {
     animate?: boolean;
     /** Keep the content in the DOM, even if it's not visible */
     keepInDOM?: boolean;
+    /** Callback for when the content gets visible. */
+    onVisible?: HeightAnimationAllProps['onOpen'];
+    /** Callback for when animation has ended */
+    onAnimationEnd?: HeightAnimationAllProps['onAnimationEnd'];
     /** To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`. */
-    compensateForGap?: HeightAnimationProps['compensateForGap'];
+    compensateForGap?: HeightAnimationAllProps['compensateForGap'];
     /** When visibility is hidden, and `keepInDOM` is true, pass these props to the children */
     fieldPropsWhenHidden?: UseFieldProps & DataAttributes & AriaAttributes;
-    element?: HeightAnimationProps['element'];
+    element?: HeightAnimationAllProps['element'];
     children: React.ReactNode;
     /** @deprecated Use `visibleWhen` instead */
     pathValue?: string;
     /** @deprecated Use `visibleWhen` instead */
     whenValue?: unknown;
 };
-declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, visibleWhen, visibleWhenNot, inferData, filterData, animate, keepInDOM, compensateForGap, fieldPropsWhenHidden, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Visibility({ visible, pathDefined, pathUndefined, pathTruthy, pathFalsy, pathTrue, pathFalse, pathValue, whenValue, visibleWhen, visibleWhenNot, inferData, filterData, onVisible, onAnimationEnd, animate, keepInDOM, compensateForGap, fieldPropsWhenHidden, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Visibility {
     var _supportsSpacingProps: string;
 }

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

@@ -4,15 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../../../shared/helpers");
 var _useMountEffect = _interopRequireDefault(require("../../../../shared/helpers/useMountEffect"));
+var _useMounted = _interopRequireDefault(require("../../../../shared/helpers/useMounted"));
 var _HeightAnimation = _interopRequireDefault(require("../../../../components/HeightAnimation"));
 var _Provider = _interopRequireDefault(require("../../Field/Provider"));
 var _useVisibility = _interopRequireDefault(require("./useVisibility"));
 var _VisibilityContext = _interopRequireDefault(require("./VisibilityContext"));
-const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "visibleWhen", "visibleWhenNot", "inferData", "filterData", "animate", "keepInDOM", "compensateForGap", "fieldPropsWhenHidden", "children"];
+const _excluded = ["visible", "pathDefined", "pathUndefined", "pathTruthy", "pathFalsy", "pathTrue", "pathFalse", "pathValue", "whenValue", "visibleWhen", "visibleWhenNot", "inferData", "filterData", "onVisible", "onAnimationEnd", "animate", "keepInDOM", "compensateForGap", "fieldPropsWhenHidden", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -31,6 +34,8 @@ function Visibility(_ref) {
       visibleWhenNot,
       inferData,
       filterData,
+      onVisible,
+      onAnimationEnd,
       animate,
       keepInDOM,
       compensateForGap,
@@ -66,15 +71,26 @@ function Visibility(_ref) {
       isVisible: open
     }
   }, children);
+  const mountedRef = (0, _useMounted.default)();
+  const onOpen = (0, _react.useCallback)(state => {
+    if (mountedRef.current) {
+      onVisible === null || onVisible === void 0 ? void 0 : onVisible(state);
+    }
+  }, [mountedRef, onVisible]);
   if (animate) {
     const props = !open ? fieldPropsWhenHidden : null;
     return _react.default.createElement(_HeightAnimation.default, _extends({
       open: open,
+      onAnimationEnd: onAnimationEnd,
+      onOpen: onOpen,
       keepInDOM: Boolean(keepInDOM),
       className: "dnb-forms-visibility",
       compensateForGap: compensateForGap
     }, rest), _react.default.createElement(_Provider.default, props, content));
   }
+  if (mountedRef.current) {
+    onVisible === null || onVisible === void 0 ? void 0 : onVisible(open);
+  }
   if (keepInDOM) {
     const props = !open ? fieldPropsWhenHidden : null;
     return _react.default.createElement("span", {