@dnb/eufemia 10.75.4 → 10.76.0

package/cjs/components/tooltip/TooltipPortal.js

@@ -6,13 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _componentHelper = require("../../shared/component-helper");
+var _useMountEffect = _interopRequireDefault(require("../../shared/helpers/useMountEffect"));
 var _TooltipContainer = _interopRequireDefault(require("./TooltipContainer"));
 var _shared = require("../../shared");
 var _Theme = require("../../shared/Theme");
+var _PortalRoot = _interopRequireDefault(require("../PortalRoot"));
+var _ModalContext = _interopRequireDefault(require("../modal/ModalContext"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 let tooltipPortal;
 if (typeof globalThis !== 'undefined') {
@@ -22,7 +27,6 @@ if (typeof globalThis !== 'undefined') {
   tooltipPortal = {};
 }
 function TooltipPortal(props) {
-  var _tooltipPortal$id3;
   const {
     active,
     targetElement,
@@ -31,41 +35,29 @@ function TooltipPortal(props) {
     noAnimation,
     children
   } = props;
-  const [isMounted, setIsMounted] = _react.default.useState(false);
-  const [isActive, setIsActive] = _react.default.useState(active);
-  const [id] = _react.default.useState(() => (0, _componentHelper.makeUniqueId)());
-  const isInDOM = _react.default.useRef(false);
+  const modalContext = (0, _react.useContext)(_ModalContext.default);
+  const [isMounted, setIsMounted] = (0, _react.useState)(false);
+  const [isActive, setIsActive] = (0, _react.useState)(active);
+  const [id] = (0, _react.useState)(() => (0, _componentHelper.makeUniqueId)());
+  const isInDOM = (0, _react.useRef)(false);
   const theme = (0, _shared.useTheme)();
-  const makePortal = () => {
+  const makeTooltip = (0, _react.useCallback)(() => {
     if (!tooltipPortal[id]) {
       tooltipPortal[id] = {
-        count: 0,
-        node: createRootElement(theme)
+        count: 0
       };
     }
-  };
-  const clearTimers = () => {
+  }, [id]);
+  const clearTimers = (0, _react.useCallback)(() => {
     var _tooltipPortal$id, _tooltipPortal$id2;
     clearTimeout((_tooltipPortal$id = tooltipPortal[id]) === null || _tooltipPortal$id === void 0 ? void 0 : _tooltipPortal$id.delayTimeout);
     clearTimeout((_tooltipPortal$id2 = tooltipPortal[id]) === null || _tooltipPortal$id2 === void 0 ? void 0 : _tooltipPortal$id2.hiddenTimeout);
-  };
-  const removeFromDOM = hide => {
-    if (isActive && hide) {
-      return;
-    }
-    const ref = tooltipPortal[id];
-    if (ref !== null && ref !== void 0 && ref.node) {
-      ref.count--;
-      if (ref.count <= 0) {
-        delete tooltipPortal[id];
-      }
-    }
-  };
-  _react.default.useEffect(() => {
+  }, [id]);
+  (0, _react.useEffect)(() => {
     setIsMounted(true);
     clearTimers();
     if (active) {
-      makePortal();
+      makeTooltip();
       setIsActive(true);
       isInDOM.current = true;
       if (!isMounted) {
@@ -77,7 +69,6 @@ function TooltipPortal(props) {
       };
       const delayHidden = () => {
         isInDOM.current = false;
-        removeFromDOM(true);
       };
       if (noAnimation || globalThis.IS_TEST) {
         delayRender();
@@ -89,43 +80,21 @@ function TooltipPortal(props) {
       }
     }
     return clearTimers;
-  }, [children, active, id, hideDelay, noAnimation]);
-  _react.default.useEffect(() => {
+  }, [active, clearTimers, hideDelay, id, isMounted, makeTooltip, noAnimation]);
+  (0, _useMountEffect.default)(() => {
     if (keepInDOM) {
-      makePortal();
+      makeTooltip();
     }
-    return removeFromDOM;
-  }, []);
-  const root = (_tooltipPortal$id3 = tooltipPortal[id]) === null || _tooltipPortal$id3 === void 0 ? void 0 : _tooltipPortal$id3.node;
-  if (root) {
-    return _reactDom.default.createPortal(isInDOM.current || keepInDOM ? _react.default.createElement(_TooltipContainer.default, _extends({}, props, {
+  });
+  if (isInDOM.current || keepInDOM) {
+    return _react.default.createElement(_PortalRoot.default, null, _react.default.createElement("div", {
+      className: (0, _classnames.default)('dnb-tooltip__portal', theme && (0, _Theme.getThemeClasses)(theme), (modalContext === null || modalContext === void 0 ? void 0 : modalContext.id) && 'dnb-tooltip--inside-modal')
+    }, _react.default.createElement(_TooltipContainer.default, _extends({}, props, {
       targetElement: targetElement,
       active: isActive
-    }), children) : null, root);
+    }), children)));
   }
   return null;
 }
 var _default = exports.default = TooltipPortal;
-const createRootElement = function (theme) {
-  let className = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  if (!className) {
-    className = 'dnb-tooltip__portal';
-  }
-  try {
-    const element = document.querySelector(`.${className}`);
-    if (element) {
-      return element;
-    }
-    const elem = document.createElement('div');
-    elem.classList.add(className);
-    elem.classList.add('dnb-core-style');
-    if (theme) {
-      elem.classList.add.call(elem.classList, ...(0, _Theme.getThemeClasses)(theme).split(' '));
-    }
-    document.body.appendChild(elem);
-    return elem;
-  } catch (e) {
-    (0, _componentHelper.warn)(e);
-  }
-};
 //# sourceMappingURL=TooltipPortal.js.map

package/cjs/components/tooltip/TooltipPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPortal.js","names":["_react","_interopRequireDefault","require","_reactDom","_componentHelper","_TooltipContainer","_shared","_Theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","tooltipPortal","globalThis","TooltipPortal","props","_tooltipPortal$id3","active","targetElement","hideDelay","keepInDOM","noAnimation","children","isMounted","setIsMounted","React","useState","isActive","setIsActive","id","makeUniqueId","isInDOM","useRef","theme","useTheme","makePortal","count","node","createRootElement","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","removeFromDOM","hide","ref","useEffect","current","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","root","ReactDOM","createPortal","createElement","_default","exports","className","undefined","element","document","querySelector","elem","classList","add","getThemeClasses","split","body","appendChild","warn"],"sources":["../../../../src/components/tooltip/TooltipPortal.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { makeUniqueId, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport { TooltipProps } from './types'\nimport { useTheme } from '../../shared'\nimport { ThemeProps, getThemeClasses } from '../../shared/Theme'\n\ntype TooltipType = {\n  node: HTMLElement\n  count?: number\n  delayTimeout?: NodeJS.Timeout\n  hiddenTimeout?: NodeJS.Timeout\n}\n\nlet tooltipPortal: Record<string, TooltipType>\nif (typeof globalThis !== 'undefined') {\n  globalThis.tooltipPortal = globalThis.tooltipPortal || {}\n  tooltipPortal = globalThis.tooltipPortal\n} else {\n  tooltipPortal = {}\n}\n\ntype TooltipPortalProps = {\n  targetElement: HTMLElement\n  active: boolean\n  keepInDOM?: boolean\n  children?: React.ReactNode\n}\n\nfunction TooltipPortal(\n  props: TooltipProps & TooltipPortalProps\n): JSX.Element {\n  const {\n    active,\n    targetElement,\n    hideDelay,\n    keepInDOM,\n    noAnimation,\n    children,\n  } = props\n\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isActive, setIsActive] = React.useState(active)\n  const [id] = React.useState(() => makeUniqueId())\n  const isInDOM = React.useRef(false)\n\n  const theme = useTheme()\n\n  const makePortal = () => {\n    if (!tooltipPortal[id]) {\n      tooltipPortal[id] = {\n        count: 0,\n        node: createRootElement(theme),\n      }\n    }\n  }\n\n  const clearTimers = () => {\n    clearTimeout(tooltipPortal[id]?.delayTimeout)\n    clearTimeout(tooltipPortal[id]?.hiddenTimeout)\n  }\n\n  const removeFromDOM = (hide?: boolean) => {\n    if (isActive && hide) {\n      return // stop here\n    }\n\n    const ref = tooltipPortal[id]\n    if (ref?.node) {\n      ref.count--\n      if (ref.count <= 0) {\n        /**\n         * Remove the referenced data\n         */\n        delete tooltipPortal[id]\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    setIsMounted(true)\n\n    clearTimers()\n\n    if (active) {\n      makePortal()\n      setIsActive(true)\n\n      isInDOM.current = true\n\n      if (!isMounted) {\n        tooltipPortal[id].count++\n      }\n    } else if (!active && isMounted) {\n      const delayRender = () => {\n        setIsActive(false)\n      }\n\n      const delayHidden = () => {\n        isInDOM.current = false\n        removeFromDOM(true)\n      }\n\n      if (noAnimation || globalThis.IS_TEST) {\n        delayRender()\n        delayHidden()\n      } else if (tooltipPortal[id]) {\n        const delay = parseFloat(String(hideDelay))\n        tooltipPortal[id].delayTimeout = setTimeout(delayRender, delay)\n        tooltipPortal[id].hiddenTimeout = setTimeout(\n          delayHidden,\n          delay + 300\n        )\n      }\n    }\n\n    return clearTimers\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, active, id, hideDelay, noAnimation])\n\n  React.useEffect(() => {\n    /**\n     * Because of \"aria-describedby\" on the target element,\n     * the Tooltip should exist in the DOM\n     */\n    if (keepInDOM) {\n      makePortal()\n    }\n\n    return removeFromDOM\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const root = tooltipPortal[id]?.node\n\n  if (root) {\n    return ReactDOM.createPortal(\n      isInDOM.current || keepInDOM ? (\n        <TooltipContainer\n          {...props}\n          targetElement={targetElement}\n          active={isActive}\n        >\n          {children}\n        </TooltipContainer>\n      ) : null,\n      root\n    )\n  }\n\n  return null\n}\n\nexport default TooltipPortal\n\nconst createRootElement = (theme: ThemeProps, className = null) => {\n  if (!className) {\n    className = 'dnb-tooltip__portal'\n  }\n  try {\n    const element: HTMLElement = document.querySelector(`.${className}`)\n\n    if (element) {\n      return element\n    }\n\n    const elem = document.createElement('div')\n    elem.classList.add(className)\n    elem.classList.add('dnb-core-style')\n\n    if (theme) {\n      elem.classList.add.call(\n        elem.classList,\n        ...getThemeClasses(theme).split(' ')\n      )\n    }\n\n    document.body.appendChild(elem)\n\n    return elem\n  } catch (e) {\n    warn(e)\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TooltipPortal.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_useMountEffect","_TooltipContainer","_shared","_Theme","_PortalRoot","_ModalContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","tooltipPortal","globalThis","TooltipPortal","props","active","targetElement","hideDelay","keepInDOM","noAnimation","children","modalContext","useContext","ModalContext","isMounted","setIsMounted","useState","isActive","setIsActive","id","makeUniqueId","isInDOM","useRef","theme","useTheme","makeTooltip","useCallback","count","clearTimers","_tooltipPortal$id","_tooltipPortal$id2","clearTimeout","delayTimeout","hiddenTimeout","useEffect","current","delayRender","delayHidden","IS_TEST","delay","parseFloat","String","setTimeout","useMountEffect","createElement","className","classnames","getThemeClasses","_default","exports"],"sources":["../../../../src/components/tooltip/TooltipPortal.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport classnames from 'classnames'\nimport { makeUniqueId } from '../../shared/component-helper'\nimport useMountEffect from '../../shared/helpers/useMountEffect'\nimport TooltipContainer from './TooltipContainer'\nimport { TooltipProps } from './types'\nimport { useTheme } from '../../shared'\nimport { getThemeClasses } from '../../shared/Theme'\nimport PortalRoot from '../PortalRoot'\nimport ModalContext from '../modal/ModalContext'\n\ntype TooltipType = {\n  count?: number\n  delayTimeout?: NodeJS.Timeout\n  hiddenTimeout?: NodeJS.Timeout\n}\n\nlet tooltipPortal: Record<string, TooltipType>\nif (typeof globalThis !== 'undefined') {\n  globalThis.tooltipPortal = globalThis.tooltipPortal || {}\n  tooltipPortal = globalThis.tooltipPortal\n} else {\n  tooltipPortal = {}\n}\n\ntype TooltipPortalProps = {\n  targetElement: HTMLElement\n  active: boolean\n  keepInDOM?: boolean\n  children?: React.ReactNode\n}\n\nfunction TooltipPortal(\n  props: TooltipProps & TooltipPortalProps\n): JSX.Element {\n  const {\n    active,\n    targetElement,\n    hideDelay,\n    keepInDOM,\n    noAnimation,\n    children,\n  } = props\n\n  const modalContext = useContext(ModalContext)\n  const [isMounted, setIsMounted] = useState(false)\n  const [isActive, setIsActive] = useState(active)\n  const [id] = useState(() => makeUniqueId())\n  const isInDOM = useRef(false)\n\n  const theme = useTheme()\n\n  const makeTooltip = useCallback(() => {\n    if (!tooltipPortal[id]) {\n      tooltipPortal[id] = {\n        count: 0,\n      }\n    }\n  }, [id])\n\n  const clearTimers = useCallback(() => {\n    clearTimeout(tooltipPortal[id]?.delayTimeout)\n    clearTimeout(tooltipPortal[id]?.hiddenTimeout)\n  }, [id])\n\n  useEffect(() => {\n    setIsMounted(true)\n\n    clearTimers()\n\n    if (active) {\n      makeTooltip()\n      setIsActive(true)\n\n      isInDOM.current = true\n\n      if (!isMounted) {\n        tooltipPortal[id].count++\n      }\n    } else if (!active && isMounted) {\n      const delayRender = () => {\n        setIsActive(false)\n      }\n\n      const delayHidden = () => {\n        isInDOM.current = false\n      }\n\n      if (noAnimation || globalThis.IS_TEST) {\n        delayRender()\n        delayHidden()\n      } else if (tooltipPortal[id]) {\n        const delay = parseFloat(String(hideDelay))\n        tooltipPortal[id].delayTimeout = setTimeout(delayRender, delay)\n        tooltipPortal[id].hiddenTimeout = setTimeout(\n          delayHidden,\n          delay + 300\n        )\n      }\n    }\n\n    return clearTimers\n  }, [\n    active,\n    clearTimers,\n    hideDelay,\n    id,\n    isMounted,\n    makeTooltip,\n    noAnimation,\n  ])\n\n  useMountEffect(() => {\n    /**\n     * Because of \"aria-describedby\" on the target element,\n     * the Tooltip should exist in the DOM\n     */\n    if (keepInDOM) {\n      makeTooltip()\n    }\n  })\n\n  if (isInDOM.current || keepInDOM) {\n    return (\n      <PortalRoot>\n        <div\n          className={classnames(\n            'dnb-tooltip__portal',\n            theme && getThemeClasses(theme),\n            modalContext?.id && 'dnb-tooltip--inside-modal'\n          )}\n        >\n          <TooltipContainer\n            {...props}\n            targetElement={targetElement}\n            active={isActive}\n          >\n            {children}\n          </TooltipContainer>\n        </div>\n      </PortalRoot>\n    )\n  }\n\n  return null\n}\n\nexport default TooltipPortal\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/tooltip/style/dnb-tooltip.css

@@ -5,13 +5,17 @@
 /*
  * Utilities
  */
+:root {
+  --tooltip-z-index: 3100;
+}
+
 .dnb-tooltip {
   --tooltip-color: white;
   --tooltip-background-color: black;
   --tooltip-border-color: 1px solid black;
   --tooltip-border-radius: 1rem;
   position: absolute;
-  z-index: 3100;
+  z-index: 1000;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -26,6 +30,9 @@
   visibility: hidden;
   transition: opacity 200ms var(--easing-default);
 }
+.dnb-tooltip--inside-modal .dnb-tooltip {
+  z-index: var(--tooltip-z-index);
+}
 .dnb-tooltip--large {
   padding: 0.25rem 1rem;
 }

package/cjs/components/tooltip/style/dnb-tooltip.min.css

@@ -1 +1 @@
-.dnb-tooltip{--tooltip-color:#fff;--tooltip-background-color:#000;--tooltip-border-color:1px solid #000;--tooltip-border-radius:1rem;align-items:center;background-color:var(--tooltip-background-color);border-radius:var(--tooltip-border-radius);box-shadow:var(--shadow-default);color:var(--tooltip-color);display:flex;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;text-align:center;transition:opacity .2s var(--easing-default);visibility:hidden;z-index:3100}.dnb-tooltip--large{padding:.25rem 1rem}.dnb-tooltip--active{animation:show-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .dnb-tooltip--active{animation:show-tooltip 1ms var(--easing-default) forwards}.dnb-tooltip--hide{animation:hide-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--hide.dnb-tooltip--no-animation{animation:hide-tooltip 1ms linear forwards}.dnb-tooltip--fixed{position:fixed}html[data-visual-test] .dnb-tooltip--hide{animation:hide-tooltip 1ms linear 1s forwards}.dnb-tooltip__portal{left:0;position:absolute;right:0;top:0}.dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.dnb-tooltip__arrow:before{background-color:var(--tooltip-background-color);border:var(--tooltip-border-color);bottom:0;content:"";height:1rem;left:0;position:absolute;transform:translateY(70%) rotate(45deg);width:1rem}.dnb-tooltip__arrow__position--bottom{top:-.5rem}.dnb-tooltip__arrow__position--top{bottom:-.5rem;transform:rotate(180deg)}.dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;transform:rotate(90deg)}.dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;transform:rotate(270deg)}.dnb-tooltip__arrow__arrow--left{align-self:flex-start}.dnb-tooltip__arrow__arrow--right{align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}
+:root{--tooltip-z-index:3100}.dnb-tooltip{--tooltip-color:#fff;--tooltip-background-color:#000;--tooltip-border-color:1px solid #000;--tooltip-border-radius:1rem;align-items:center;background-color:var(--tooltip-background-color);border-radius:var(--tooltip-border-radius);box-shadow:var(--shadow-default);color:var(--tooltip-color);display:flex;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;text-align:center;transition:opacity .2s var(--easing-default);visibility:hidden;z-index:1000}.dnb-tooltip--inside-modal .dnb-tooltip{z-index:var(--tooltip-z-index)}.dnb-tooltip--large{padding:.25rem 1rem}.dnb-tooltip--active{animation:show-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .dnb-tooltip--active{animation:show-tooltip 1ms var(--easing-default) forwards}.dnb-tooltip--hide{animation:hide-tooltip .2s var(--easing-default) forwards;visibility:visible}.dnb-tooltip--hide.dnb-tooltip--no-animation{animation:hide-tooltip 1ms linear forwards}.dnb-tooltip--fixed{position:fixed}html[data-visual-test] .dnb-tooltip--hide{animation:hide-tooltip 1ms linear 1s forwards}.dnb-tooltip__portal{left:0;position:absolute;right:0;top:0}.dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.dnb-tooltip__arrow:before{background-color:var(--tooltip-background-color);border:var(--tooltip-border-color);bottom:0;content:"";height:1rem;left:0;position:absolute;transform:translateY(70%) rotate(45deg);width:1rem}.dnb-tooltip__arrow__position--bottom{top:-.5rem}.dnb-tooltip__arrow__position--top{bottom:-.5rem;transform:rotate(180deg)}.dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;transform:rotate(90deg)}.dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;transform:rotate(270deg)}.dnb-tooltip__arrow__arrow--left{align-self:flex-start}.dnb-tooltip__arrow__arrow--right{align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}

package/cjs/components/tooltip/style/dnb-tooltip.scss

@@ -5,6 +5,10 @@
 
 @import '../../../style/core/utilities.scss';
 
+:root {
+  --tooltip-z-index: 3100; // above modal
+}
+
 .dnb-tooltip {
   --tooltip-color: white;
   --tooltip-background-color: black;
@@ -12,7 +16,10 @@
   --tooltip-border-radius: 1rem;
 
   position: absolute;
-  z-index: 3100; // over modal
+  z-index: 1000;
+  .dnb-tooltip--inside-modal & {
+    z-index: var(--tooltip-z-index);
+  }
 
   display: flex;
   flex-direction: column;

package/cjs/components/upload/Upload.js

@@ -27,9 +27,10 @@ var _UploadContext = require("./UploadContext");
 var _UploadVerify = require("./UploadVerify");
 var _UploadFileList2 = _interopRequireDefault(require("./UploadFileList"));
 var _UploadInfo2 = _interopRequireDefault(require("./UploadInfo"));
-var _UploadInfo, _UploadFileList;
+var _FormLabel = _interopRequireDefault(require("../FormLabel"));
+var _UploadInfo, _UploadFileList, _br;
 const _excluded = ["buttonTextSingular", "textSingular"],
-  _excluded2 = ["id", "skeleton", "className", "acceptedFileTypes", "filesAmountLimit", "fileMaxSize", "onChange", "onFileDelete", "onFileClick", "download", "allowDuplicates", "title", "text", "fileTypeTableCaption", "fileTypeDescription", "fileSizeDescription", "fileAmountDescription", "fileSizeContent", "buttonText", "loadingText", "errorLargeFile", "errorUnsupportedFile", "errorAmountLimit", "deleteButton", "fileListAriaLabel", "disableDragAndDrop"];
+  _excluded2 = ["id", "variant", "skeleton", "className", "acceptedFileTypes", "filesAmountLimit", "fileMaxSize", "onChange", "onFileDelete", "onFileClick", "download", "allowDuplicates", "title", "text", "fileTypeTableCaption", "fileTypeDescription", "fileSizeDescription", "fileAmountDescription", "fileSizeContent", "buttonText", "loadingText", "errorLargeFile", "errorUnsupportedFile", "errorAmountLimit", "deleteButton", "fileListAriaLabel", "disableDragAndDrop"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -58,6 +59,7 @@ const Upload = localProps => {
   }, translations, context.Upload);
   const {
       id: idProp,
+      variant,
       skeleton,
       className,
       acceptedFileTypes,
@@ -125,7 +127,8 @@ const Upload = localProps => {
     }
     return validFiles;
   }, [acceptedFileTypes, errorLargeFile, errorUnsupportedFile, fileMaxSize, files, filesAmountLimit, getExistingFile, onChange, setFiles, setInternalFiles]);
-  const UploadWrapper = disableDragAndDrop || props.disabled ? _HeightAnimation.default : _UploadDropzone.default;
+  const wrapperIsHeightAnimation = disableDragAndDrop || props.disabled;
+  const UploadWrapper = wrapperIsHeightAnimation ? _HeightAnimation.default : _UploadDropzone.default;
   return _react.default.createElement(_UploadContext.UploadContext.Provider, {
     value: _objectSpread(_objectSpread({}, extendedProps), {}, {
       id,
@@ -133,12 +136,33 @@ const Upload = localProps => {
     })
   }, _react.default.createElement(_Provider.default, {
     skeleton: skeleton
-  }, _react.default.createElement(UploadWrapper, {
-    className: (0, _classnames.default)('dnb-upload', spacingClasses, className)
-  }, _UploadInfo || (_UploadInfo = _react.default.createElement(_UploadInfo2.default, null)), _react.default.createElement(_UploadFileInput.default, _extends({
-    disabled: props.disabled
+  }, _react.default.createElement(UploadWrapper, _extends({
+    className: (0, _classnames.default)(`dnb-upload dnb-upload--${variant || 'normal'}`, spacingClasses, className)
+  }, !wrapperIsHeightAnimation ? {
+    hideOutline: variant === 'compact'
+  } : {}), variant !== 'compact' && (_UploadInfo || (_UploadInfo = _react.default.createElement(_UploadInfo2.default, null))), variant === 'compact' && (title || text) && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(CompactLabel, {
+    id: id,
+    title: title,
+    text: text
+  }), props === null || props === void 0 ? void 0 : props.children), _react.default.createElement(_UploadFileInput.default, _extends({
+    disabled: props.disabled,
+    files: files
   }, props)), _UploadFileList || (_UploadFileList = _react.default.createElement(_UploadFileList2.default, null)))));
 };
+function CompactLabel(props) {
+  const {
+    id,
+    title,
+    text
+  } = props;
+  return _react.default.createElement(_FormLabel.default, {
+    forId: `${id}-input`,
+    vertical: true,
+    className: "dnb-upload__label"
+  }, _react.default.createElement("span", null, title && _react.default.createElement("span", null, title), title && text && (_br || (_br = _react.default.createElement("br", null))), text && _react.default.createElement("span", {
+    className: "dnb-upload__text"
+  }, text)));
+}
 Upload.useUpload = _useUpload.default;
 Upload._formElement = true;
 Upload._supportsSpacingProps = true;

package/cjs/components/upload/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_SpacingHelper","_Provider","_Context","_componentHelper","_useId","_HeightAnimation","_UploadFileInput","_useUpload","_UploadDropzone","_UploadContext","_UploadVerify","_UploadFileList2","_UploadInfo2","_UploadInfo","_UploadFileList","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","Upload","localProps","context","React","useContext","Context","_context$getTranslati","getTranslation","buttonTextSingular","textSingular","translations","filesAmountLimit","buttonText","text","extendedProps","extendPropsWithContext","defaultProps","skeleton","id","idProp","className","acceptedFileTypes","fileMaxSize","onChange","onFileDelete","onFileClick","download","allowDuplicates","title","fileTypeTableCaption","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","disableDragAndDrop","props","spacingClasses","createSpacingClasses","useId","files","setFiles","setInternalFiles","getExistingFile","useUpload","onInputUpload","useCallback","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","makeUniqueId","filesToVerify","_ref","verifiedFiles","verifyFiles","validFiles","slice","UploadWrapper","disabled","HeightAnimation","UploadDropzone","createElement","UploadContext","Provider","classnames","_formElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Provider from '../../shared/Provider'\nimport Context from '../../shared/Context'\nimport {\n  extendPropsWithContext,\n  makeUniqueId,\n} from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\n// Internal\nimport UploadFileInput from './UploadFileInput'\nimport useUpload from './useUpload'\nimport UploadDropzone from './UploadDropzone'\nimport { UploadContext, defaultProps } from './UploadContext'\nimport { verifyFiles } from './UploadVerify'\n\nimport type { UploadFile, UploadAllProps } from './types'\nimport UploadFileList from './UploadFileList'\nimport UploadInfo from './UploadInfo'\n\nexport type * from './types'\nexport { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const { buttonTextSingular, textSingular, ...translations } =\n    context.getTranslation(localProps).Upload\n\n  if (localProps?.filesAmountLimit === 1) {\n    translations.buttonText = buttonTextSingular\n    translations.text = textSingular\n  }\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    translations,\n    context.Upload\n  )\n\n  const {\n    id: idProp,\n    skeleton,\n    className,\n    acceptedFileTypes,\n    filesAmountLimit,\n    fileMaxSize,\n    onChange,\n    onFileDelete, // eslint-disable-line\n    onFileClick, // eslint-disable-line\n    download, // eslint-disable-line\n    allowDuplicates,\n    title, // eslint-disable-line\n    text, // eslint-disable-line\n    fileTypeTableCaption, // eslint-disable-line\n    fileTypeDescription, // eslint-disable-line\n    fileSizeDescription, // eslint-disable-line\n    fileAmountDescription, // eslint-disable-line\n    fileSizeContent, // eslint-disable-line\n    buttonText, // eslint-disable-line\n    loadingText, // eslint-disable-line\n    errorLargeFile,\n    errorUnsupportedFile,\n    errorAmountLimit, // eslint-disable-line\n    deleteButton, // eslint-disable-line\n    fileListAriaLabel, // eslint-disable-line\n    disableDragAndDrop,\n    ...props\n  } = extendedProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const id = useId(idProp)\n\n  const { files, setFiles, setInternalFiles, getExistingFile } =\n    useUpload(id)\n\n  const onInputUpload = useCallback(\n    (newFiles: Array<UploadFile>) => {\n      const mergedFiles = [\n        ...files,\n        ...newFiles.map((fileItem) => {\n          const { file } = fileItem\n\n          const existingFile = getExistingFile(file, files)\n\n          fileItem.exists = Boolean(existingFile)\n          fileItem.id =\n            fileItem.exists && !allowDuplicates\n              ? existingFile.id\n              : makeUniqueId()\n\n          return fileItem\n        }),\n      ]\n\n      const filesToVerify = allowDuplicates\n        ? mergedFiles\n        : mergedFiles.filter(({ exists }) => !exists)\n\n      const verifiedFiles = verifyFiles(filesToVerify, {\n        fileMaxSize,\n        acceptedFileTypes,\n        errorUnsupportedFile,\n        errorLargeFile,\n      })\n\n      const validFiles = [...verifiedFiles].slice(\n        0,\n        filesAmountLimit\n      ) as Array<UploadFile>\n\n      setFiles(validFiles)\n      setInternalFiles(mergedFiles)\n\n      if (typeof onChange === 'function') {\n        onChange({ files: validFiles })\n      }\n\n      return validFiles\n    },\n    [\n      acceptedFileTypes,\n      errorLargeFile,\n      errorUnsupportedFile,\n      fileMaxSize,\n      files,\n      filesAmountLimit,\n      getExistingFile,\n      onChange,\n      setFiles,\n      setInternalFiles,\n    ]\n  )\n\n  const UploadWrapper =\n    disableDragAndDrop || props.disabled ? HeightAnimation : UploadDropzone\n\n  return (\n    <UploadContext.Provider\n      value={{\n        ...extendedProps,\n        id,\n        onInputUpload,\n      }}\n    >\n      <Provider skeleton={skeleton}>\n        <UploadWrapper\n          className={classnames('dnb-upload', spacingClasses, className)}\n        >\n          <UploadInfo />\n\n          <UploadFileInput disabled={props.disabled} {...props} />\n\n          <UploadFileList />\n        </UploadWrapper>\n      </Provider>\n    </UploadContext.Provider>\n  )\n}\n\nUpload.useUpload = useUpload\n\nUpload._formElement = true\nUpload._supportsSpacingProps = true\n\nexport default Upload\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Upload.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_SpacingHelper","_Provider","_Context","_componentHelper","_useId","_HeightAnimation","_UploadFileInput","_useUpload","_UploadDropzone","_UploadContext","_UploadVerify","_UploadFileList2","_UploadInfo2","_FormLabel","_UploadInfo","_UploadFileList","_br","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","Upload","localProps","context","React","useContext","Context","_context$getTranslati","getTranslation","buttonTextSingular","textSingular","translations","filesAmountLimit","buttonText","text","extendedProps","extendPropsWithContext","defaultProps","skeleton","id","idProp","variant","className","acceptedFileTypes","fileMaxSize","onChange","onFileDelete","onFileClick","download","allowDuplicates","title","fileTypeTableCaption","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","disableDragAndDrop","props","spacingClasses","createSpacingClasses","useId","files","setFiles","setInternalFiles","getExistingFile","useUpload","onInputUpload","useCallback","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","makeUniqueId","filesToVerify","_ref","verifiedFiles","verifyFiles","validFiles","slice","wrapperIsHeightAnimation","disabled","UploadWrapper","HeightAnimation","UploadDropzone","createElement","UploadContext","Provider","classnames","hideOutline","Fragment","CompactLabel","children","forId","vertical","_formElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Provider from '../../shared/Provider'\nimport Context from '../../shared/Context'\nimport {\n  extendPropsWithContext,\n  makeUniqueId,\n} from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\n// Internal\nimport UploadFileInput from './UploadFileInput'\nimport useUpload from './useUpload'\nimport UploadDropzone from './UploadDropzone'\nimport { UploadContext, defaultProps } from './UploadContext'\nimport { verifyFiles } from './UploadVerify'\n\nimport type { UploadFile, UploadAllProps } from './types'\nimport UploadFileList from './UploadFileList'\nimport UploadInfo from './UploadInfo'\nimport FormLabel from '../FormLabel'\n\nexport type * from './types'\nexport { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const { buttonTextSingular, textSingular, ...translations } =\n    context.getTranslation(localProps).Upload\n\n  if (localProps?.filesAmountLimit === 1) {\n    translations.buttonText = buttonTextSingular\n    translations.text = textSingular\n  }\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    translations,\n    context.Upload\n  )\n\n  const {\n    id: idProp,\n    variant,\n    skeleton,\n    className,\n    acceptedFileTypes,\n    filesAmountLimit,\n    fileMaxSize,\n    onChange,\n    onFileDelete, // eslint-disable-line\n    onFileClick, // eslint-disable-line\n    download, // eslint-disable-line\n    allowDuplicates,\n    title, // eslint-disable-line\n    text, // eslint-disable-line\n    fileTypeTableCaption, // eslint-disable-line\n    fileTypeDescription, // eslint-disable-line\n    fileSizeDescription, // eslint-disable-line\n    fileAmountDescription, // eslint-disable-line\n    fileSizeContent, // eslint-disable-line\n    buttonText, // eslint-disable-line\n    loadingText, // eslint-disable-line\n    errorLargeFile,\n    errorUnsupportedFile,\n    errorAmountLimit, // eslint-disable-line\n    deleteButton, // eslint-disable-line\n    fileListAriaLabel, // eslint-disable-line\n    disableDragAndDrop,\n    ...props\n  } = extendedProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const id = useId(idProp)\n\n  const { files, setFiles, setInternalFiles, getExistingFile } =\n    useUpload(id)\n\n  const onInputUpload = useCallback(\n    (newFiles: Array<UploadFile>) => {\n      const mergedFiles = [\n        ...files,\n        ...newFiles.map((fileItem) => {\n          const { file } = fileItem\n\n          const existingFile = getExistingFile(file, files)\n\n          fileItem.exists = Boolean(existingFile)\n          fileItem.id =\n            fileItem.exists && !allowDuplicates\n              ? existingFile.id\n              : makeUniqueId()\n\n          return fileItem\n        }),\n      ]\n\n      const filesToVerify = allowDuplicates\n        ? mergedFiles\n        : mergedFiles.filter(({ exists }) => !exists)\n\n      const verifiedFiles = verifyFiles(filesToVerify, {\n        fileMaxSize,\n        acceptedFileTypes,\n        errorUnsupportedFile,\n        errorLargeFile,\n      })\n\n      const validFiles = [...verifiedFiles].slice(\n        0,\n        filesAmountLimit\n      ) as Array<UploadFile>\n\n      setFiles(validFiles)\n      setInternalFiles(mergedFiles)\n\n      if (typeof onChange === 'function') {\n        onChange({ files: validFiles })\n      }\n\n      return validFiles\n    },\n    [\n      acceptedFileTypes,\n      errorLargeFile,\n      errorUnsupportedFile,\n      fileMaxSize,\n      files,\n      filesAmountLimit,\n      getExistingFile,\n      onChange,\n      setFiles,\n      setInternalFiles,\n    ]\n  )\n\n  const wrapperIsHeightAnimation = disableDragAndDrop || props.disabled\n\n  const UploadWrapper = wrapperIsHeightAnimation\n    ? HeightAnimation\n    : UploadDropzone\n\n  return (\n    <UploadContext.Provider\n      value={{\n        ...extendedProps,\n        id,\n        onInputUpload,\n      }}\n    >\n      <Provider skeleton={skeleton}>\n        <UploadWrapper\n          className={classnames(\n            'dnb-upload',\n            `dnb-upload--${variant || 'normal'}`,\n            spacingClasses,\n            className\n          )}\n          {...(!wrapperIsHeightAnimation\n            ? { hideOutline: variant === 'compact' }\n            : {})}\n        >\n          {variant !== 'compact' && <UploadInfo />}\n          {variant === 'compact' && (title || text) && (\n            <>\n              <CompactLabel id={id} title={title} text={text} />\n              {props?.children}\n            </>\n          )}\n\n          <UploadFileInput\n            disabled={props.disabled}\n            files={files}\n            {...props}\n          />\n\n          <UploadFileList />\n        </UploadWrapper>\n      </Provider>\n    </UploadContext.Provider>\n  )\n}\n\nfunction CompactLabel(props: {\n  id: string\n  title?: UploadAllProps['title']\n  text?: UploadAllProps['text']\n}) {\n  const { id, title, text } = props\n  return (\n    <FormLabel\n      forId={`${id}-input`}\n      vertical\n      className=\"dnb-upload__label\"\n    >\n      <span>\n        {title && <span>{title}</span>}\n        {title && text && <br />}\n        {text && <span className=\"dnb-upload__text\">{text}</span>}\n      </span>\n    </FormLabel>\n  )\n}\n\nUpload.useUpload = useUpload\n\nUpload._formElement = true\nUpload._supportsSpacingProps = true\n\nexport default Upload\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/upload/UploadContext.d.ts

@@ -4,5 +4,6 @@ export declare const defaultProps: {
     fileMaxSize: number;
     filesAmountLimit: number;
     download: boolean;
+    variant: string;
 };
 export declare const UploadContext: import("react").Context<UploadContextProps>;

package/cjs/components/upload/UploadContext.js

@@ -9,7 +9,8 @@ var _react = require("react");
 const defaultProps = exports.defaultProps = {
   fileMaxSize: 5,
   filesAmountLimit: 100,
-  download: false
+  download: false,
+  variant: 'normal'
 };
 const UploadContext = exports.UploadContext = (0, _react.createContext)(null);
 //# sourceMappingURL=UploadContext.js.map

package/cjs/components/upload/UploadContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadContext.js","names":["_react","require","defaultProps","exports","fileMaxSize","filesAmountLimit","download","UploadContext","createContext"],"sources":["../../../../src/components/upload/UploadContext.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport { UploadContextProps } from './types'\n\nexport const defaultProps = {\n  fileMaxSize: 5,\n  filesAmountLimit: 100,\n  download: false,\n}\n\nexport const UploadContext = createContext<UploadContextProps>(null)\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,WAAW,EAAE,CAAC;EACdC,gBAAgB,EAAE,GAAG;EACrBC,QAAQ,EAAE;AACZ,CAAC;AAEM,MAAMC,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG,IAAAC,oBAAa,EAAqB,IAAI,CAAC","ignoreList":[]}
+{"version":3,"file":"UploadContext.js","names":["_react","require","defaultProps","exports","fileMaxSize","filesAmountLimit","download","variant","UploadContext","createContext"],"sources":["../../../../src/components/upload/UploadContext.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport { UploadContextProps } from './types'\n\nexport const defaultProps = {\n  fileMaxSize: 5,\n  filesAmountLimit: 100,\n  download: false,\n  variant: 'normal',\n}\n\nexport const UploadContext = createContext<UploadContextProps>(null)\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,WAAW,EAAE,CAAC;EACdC,gBAAgB,EAAE,GAAG;EACrBC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE;AACX,CAAC;AAEM,MAAMC,aAAa,GAAAL,OAAA,CAAAK,aAAA,GAAG,IAAAC,oBAAa,EAAqB,IAAI,CAAC","ignoreList":[]}

package/cjs/components/upload/UploadDocs.js

@@ -10,13 +10,23 @@ const UploadProperties = exports.UploadProperties = {
     type: ['string', 'Function', 'Object', 'React.Context'],
     status: 'optional'
   },
+  children: {
+    doc: 'Content to display below the `title` and `text`. Can be used to add custom content.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  variant: {
+    doc: 'defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.',
+    type: ['normal', 'compact'],
+    status: 'optional'
+  },
   acceptedFileTypes: {
     doc: 'List of accepted file types. Either as string or [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype). When providing a list of [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype), the accepted file types will be presented in a table(see [example](/uilib/components/upload/demos/#upload-with-file-max-size-based-on-file-type)).',
     type: ['Array<string>', 'Array<AcceptedFileType>'],
     status: 'required'
   },
   filesAmountLimit: {
-    doc: 'Defines the amount of files the user can select and upload. Defaults to 100.',
+    doc: 'Defines the amount of files the user can select and upload. Defaults to `100`.',
     type: 'number',
     status: 'optional'
   },

package/cjs/components/upload/UploadDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadDocs.js","names":["UploadProperties","exports","id","doc","type","status","acceptedFileTypes","filesAmountLimit","fileMaxSize","title","text","download","allowDuplicates","disableDragAndDrop","skeleton","AcceptedFileTypeProperties","fileType","UploadEvents","onChange","onFileDelete","onFileClick","FileItemProperties","file","exists","isLoading","errorMessage","description","removeDeleteButton"],"sources":["../../../../src/components/upload/UploadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const UploadProperties: PropertiesTableProps = {\n  id: {\n    doc: 'Unique id used with the useUpload hook to manage the files. Needed when wanting to connect with the useUpload hook.',\n    type: ['string', 'Function', 'Object', 'React.Context'],\n    status: 'optional',\n  },\n  acceptedFileTypes: {\n    doc: 'List of accepted file types. Either as string or [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype). When providing a list of [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype), the accepted file types will be presented in a table(see [example](/uilib/components/upload/demos/#upload-with-file-max-size-based-on-file-type)).',\n    type: ['Array<string>', 'Array<AcceptedFileType>'],\n    status: 'required',\n  },\n  filesAmountLimit: {\n    doc: 'Defines the amount of files the user can select and upload. Defaults to 100.',\n    type: 'number',\n    status: 'optional',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of each file in MB. Use either `0` or `false` to disable. Defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'Custom text property. Replaces the default title. Can be disabled using `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  text: {\n    doc: 'Custom text property. Replaces the default text. Can be disabled using `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  download: {\n    doc: 'Causes the browser to treat all listed files as downloadable instead of opening them in a new browser tab or window. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  allowDuplicates: {\n    doc: 'Allows uploading of duplicate files. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disableDragAndDrop: {\n    doc: 'Disables file drag and drop, by removing the drop zone. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'Skeleton should be applied when loading content.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AcceptedFileTypeProperties: PropertiesTableProps = {\n  fileType: {\n    doc: 'The name of the accepted file type.',\n    type: 'string',\n    status: 'required',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of the given file type in MB. Use either `0` or `false` to disable. If not provided, it defaults to the value of [Uploads](/uilib/components/upload/properties/#properties) `fileMaxSize` which defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n}\n\nexport const UploadEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on `files` changes made by the user. Access the files with `{ files }` (containing each a `fileItem`).',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileDelete: {\n    doc: 'Will be called once a file gets deleted by the user. Access the deleted file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileClick: {\n    doc: 'Will be called once a file gets clicked on by the user. Access the clicked file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const FileItemProperties: PropertiesTableProps = {\n  file: {\n    doc: 'The file object. This is the same object as the one returned by the `File` API.',\n    type: 'File',\n    status: 'required',\n  },\n  id: {\n    doc: 'Unique ID for the file item. This ID is generated by the component and is not user-defined.',\n    type: 'string',\n    status: 'required',\n  },\n  exists: {\n    doc: 'Indicates if the file item already exists in the list of files. This is useful for distinguishing between new and existing files.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  isLoading: {\n    doc: 'Indicates if the file item is currently being loaded. This is useful for showing a loading state while the file is being processed.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessage: {\n    doc: 'Provide an error message to be displayed. This is useful for indicating issues with the file upload process.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  description: {\n    doc: 'Provide a description to be displayed. This is useful for providing additional information about the file.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  removeDeleteButton: {\n    doc: 'Set to `true` to remove the delete button from the file item. This is useful for preventing users from deleting files.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UploadDocs.js","names":["UploadProperties","exports","id","doc","type","status","children","variant","acceptedFileTypes","filesAmountLimit","fileMaxSize","title","text","download","allowDuplicates","disableDragAndDrop","skeleton","AcceptedFileTypeProperties","fileType","UploadEvents","onChange","onFileDelete","onFileClick","FileItemProperties","file","exists","isLoading","errorMessage","description","removeDeleteButton"],"sources":["../../../../src/components/upload/UploadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const UploadProperties: PropertiesTableProps = {\n  id: {\n    doc: 'Unique id used with the useUpload hook to manage the files. Needed when wanting to connect with the useUpload hook.',\n    type: ['string', 'Function', 'Object', 'React.Context'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'Content to display below the `title` and `text`. Can be used to add custom content.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  variant: {\n    doc: 'defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.',\n    type: ['normal', 'compact'],\n    status: 'optional',\n  },\n  acceptedFileTypes: {\n    doc: 'List of accepted file types. Either as string or [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype). When providing a list of [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype), the accepted file types will be presented in a table(see [example](/uilib/components/upload/demos/#upload-with-file-max-size-based-on-file-type)).',\n    type: ['Array<string>', 'Array<AcceptedFileType>'],\n    status: 'required',\n  },\n  filesAmountLimit: {\n    doc: 'Defines the amount of files the user can select and upload. Defaults to `100`.',\n    type: 'number',\n    status: 'optional',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of each file in MB. Use either `0` or `false` to disable. Defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'Custom text property. Replaces the default title. Can be disabled using `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  text: {\n    doc: 'Custom text property. Replaces the default text. Can be disabled using `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  download: {\n    doc: 'Causes the browser to treat all listed files as downloadable instead of opening them in a new browser tab or window. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  allowDuplicates: {\n    doc: 'Allows uploading of duplicate files. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disableDragAndDrop: {\n    doc: 'Disables file drag and drop, by removing the drop zone. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'Skeleton should be applied when loading content.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AcceptedFileTypeProperties: PropertiesTableProps = {\n  fileType: {\n    doc: 'The name of the accepted file type.',\n    type: 'string',\n    status: 'required',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of the given file type in MB. Use either `0` or `false` to disable. If not provided, it defaults to the value of [Uploads](/uilib/components/upload/properties/#properties) `fileMaxSize` which defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n}\n\nexport const UploadEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on `files` changes made by the user. Access the files with `{ files }` (containing each a `fileItem`).',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileDelete: {\n    doc: 'Will be called once a file gets deleted by the user. Access the deleted file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileClick: {\n    doc: 'Will be called once a file gets clicked on by the user. Access the clicked file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const FileItemProperties: PropertiesTableProps = {\n  file: {\n    doc: 'The file object. This is the same object as the one returned by the `File` API.',\n    type: 'File',\n    status: 'required',\n  },\n  id: {\n    doc: 'Unique ID for the file item. This ID is generated by the component and is not user-defined.',\n    type: 'string',\n    status: 'required',\n  },\n  exists: {\n    doc: 'Indicates if the file item already exists in the list of files. This is useful for distinguishing between new and existing files.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  isLoading: {\n    doc: 'Indicates if the file item is currently being loaded. This is useful for showing a loading state while the file is being processed.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessage: {\n    doc: 'Provide an error message to be displayed. This is useful for indicating issues with the file upload process.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  description: {\n    doc: 'Provide a description to be displayed. This is useful for providing additional information about the file.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  removeDeleteButton: {\n    doc: 'Set to `true` to remove the delete button from the file item. This is useful for preventing users from deleting files.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/upload/UploadDropzone.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
 import type { UploadAllProps } from './types';
 export type UploadDragEvent = React.DragEvent | DragEvent;
-export default function UploadDropzone({ children, className, ...rest }: Partial<UploadAllProps>): import("react/jsx-runtime").JSX.Element;
+export default function UploadDropzone({ children, className, hideOutline, ...rest }: Partial<UploadAllProps> & {
+    hideOutline?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/cjs/components/upload/UploadDropzone.js

@@ -11,7 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
 var _UploadContext = require("./UploadContext");
 var _svg;
-const _excluded = ["children", "className"];
+const _excluded = ["children", "className", "hideOutline"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,7 +21,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 function UploadDropzone(_ref) {
   let {
       children,
-      className
+      className,
+      hideOutline = false
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const props = rest;
@@ -95,7 +96,7 @@ function UploadDropzone(_ref) {
     onDrop: dropHandler,
     onDragOver: dragEnterHandler,
     onDragLeave: dragLeaveHandler
-  }, props), children, _svg || (_svg = _react.default.createElement("svg", {
+  }, props), children, !hideOutline && (_svg || (_svg = _react.default.createElement("svg", {
     className: "dnb-upload__outline",
     "aria-hidden": true,
     xmlns: "http://www.w3.org/2000/svg",
@@ -108,6 +109,6 @@ function UploadDropzone(_ref) {
     strokeWidth: "3",
     strokeDashoffset: "4",
     strokeDasharray: "8 8"
-  }))));
+  })))));
 }
 //# sourceMappingURL=UploadDropzone.js.map