@dnb/eufemia 10.59.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/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", {

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

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

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

@@ -1,2 +1,3 @@
 import { PropertiesTableProps } from '../../../../shared/types';
 export declare const VisibilityProperties: PropertiesTableProps;
+export declare const VisibilityEvents: PropertiesTableProps;

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

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VisibilityProperties = void 0;
+exports.VisibilityProperties = exports.VisibilityEvents = void 0;
+var _HeightAnimationDocs = require("../../../../components/height-animation/HeightAnimationDocs");
 const VisibilityProperties = {
   visibleWhen: {
     doc: 'Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the excepted value in order to show children. The first parameter is the value of the path. You can also use `isValid` instead of `hasValue` to only show the children when the field has no errors and has lost focus (blurred). You can change that behavior by using the `continuousValidation` property.',
@@ -92,4 +93,13 @@ const VisibilityProperties = {
   }
 };
 exports.VisibilityProperties = VisibilityProperties;
+const VisibilityEvents = {
+  onVisible: {
+    doc: 'Callback for when the content gets visible. Returns a boolean as the first parameter.',
+    type: _HeightAnimationDocs.HeightAnimationEvents.onOpen.type,
+    status: 'optional'
+  },
+  onAnimationEnd: _HeightAnimationDocs.HeightAnimationEvents.onAnimationEnd
+};
+exports.VisibilityEvents = VisibilityEvents;
 //# sourceMappingURL=VisibilityDocs.js.map