@dnb/eufemia 10.2.0 → 10.3.0

package/components/tooltip/TooltipWithEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipWithEvents.js","names":["React","combineDescribedBy","warn","TooltipContainer","getRefElement","injectTooltipSemantic","isTouch","useHandleAria","TooltipPortal","TooltipWithEvents","props","children","restProps","_objectWithoutProperties","_excluded","active","target","skipPortal","noAnimation","showDelay","hideDelay","internalId","isActive","setIsActive","useState","isNotSemanticElement","setIsNotSemanticElement","isMounted","setIsMounted","delayTimeout","useRef","cloneRef","targetRef","clearTimers","clearTimeout","current","useLayoutEffect","addEvents","handleSemanticElement","removeEvents","targetElement","document","querySelector","role","getAttribute","test","tagName","e","element","addEventListener","onMouseLeave","onFocus","onMouseEnter","removeEventListener","elem","currentTarget","type","style","userSelect","run","globalThis","IS_TEST","setTimeout","parseFloat","String","componentWrapper","useMemo","isValidElement","params","className","cloneElement","_objectSpread","ref","createElement","Fragment","_extends","keepInDOM"],"sources":["../../../../src/components/tooltip/TooltipWithEvents.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { combineDescribedBy, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport {\n  getRefElement,\n  injectTooltipSemantic,\n  isTouch,\n  useHandleAria,\n} from './TooltipHelpers'\nimport TooltipPortal from './TooltipPortal'\nimport { TooltipProps } from './types'\n\ntype TooltipWithEventsProps = {\n  target: HTMLElement\n  active: boolean\n  internalId: string\n}\n\nfunction TooltipWithEvents(props: TooltipProps & TooltipWithEventsProps) {\n  const { children, ...restProps } = props\n  const {\n    active,\n    target,\n    skipPortal,\n    noAnimation,\n    showDelay,\n    hideDelay,\n    internalId,\n  } = restProps\n\n  const [isActive, setIsActive] = React.useState(active)\n  const [isNotSemanticElement, setIsNotSemanticElement] =\n    React.useState(false)\n  const [isMounted, setIsMounted] = React.useState(!target)\n\n  const delayTimeout = React.useRef<NodeJS.Timeout>()\n  const cloneRef = React.useRef<HTMLElement>()\n  const targetRef = React.useRef<HTMLElement>()\n\n  const clearTimers = () => {\n    clearTimeout(delayTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    targetRef.current = getRefElement(cloneRef)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [target])\n\n  React.useLayoutEffect(() => {\n    if (targetRef.current) {\n      setIsMounted(true)\n      addEvents(targetRef.current)\n      handleSemanticElement()\n    }\n\n    return () => {\n      clearTimers()\n      removeEvents(targetRef.current)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  /**\n   * Make the element focus-able by keyboard, if it is not a semantic element.\n   * This will enable keyboard access to the tooltip by adding focus posibility\n   */\n  const handleSemanticElement = () => {\n    try {\n      const targetElement = document.querySelector(\n        `*[aria-describedby*=\"${internalId}\"]`\n      )\n      if (targetElement) {\n        const role = targetElement.getAttribute('role')\n        if (\n          /div|p|span/i.test(targetElement?.tagName) &&\n          (!role || role === 'text')\n        ) {\n          setIsNotSemanticElement(true)\n        }\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const addEvents = (element: HTMLElement) => {\n    try {\n      element.addEventListener('click', onMouseLeave)\n      element.addEventListener('focus', onFocus)\n      element.addEventListener('blur', onMouseLeave)\n      element.addEventListener('mouseenter', onMouseEnter)\n      element.addEventListener('mousedown', onMouseEnter)\n      element.addEventListener('mouseleave', onMouseLeave)\n      element.addEventListener('touchstart', onMouseEnter)\n      element.addEventListener('touchend', onMouseLeave)\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const removeEvents = (element: HTMLElement) => {\n    if (!element) return\n    try {\n      element.removeEventListener('click', onMouseLeave)\n      element.removeEventListener('focus', onFocus)\n      element.removeEventListener('blur', onMouseLeave)\n      element.removeEventListener('mouseenter', onMouseEnter)\n      element.removeEventListener('mouseleave', onMouseLeave)\n      element.removeEventListener('touchstart', onMouseEnter)\n      element.removeEventListener('touchend', onMouseLeave)\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const onFocus = (e: MouseEvent) => {\n    /**\n     * VoiceOver needs to show the Tooltip in order to read the aria-describedby\n     */\n    return onMouseEnter(e)\n  }\n\n  const onMouseEnter = (e: MouseEvent) => {\n    try {\n      const elem = e.currentTarget as HTMLElement\n\n      if (elem.getAttribute('data-autofocus')) {\n        return // stop here\n      }\n\n      if (isTouch(e.type)) {\n        elem.style.userSelect = 'none'\n      }\n    } catch (e) {\n      warn(e)\n    }\n\n    const run = () => {\n      setIsActive(true)\n    }\n\n    if (noAnimation || globalThis.IS_TEST) {\n      run()\n    } else {\n      clearTimers()\n      delayTimeout.current = setTimeout(\n        run,\n        parseFloat(String(showDelay)) || 1\n      ) // have min 1 to make sure we are after onMouseLeave\n    }\n  }\n\n  const onMouseLeave = (e: MouseEvent) => {\n    if (active) {\n      return // stop here, because it is set to true by the original prop\n    }\n\n    try {\n      if (isTouch(e.type)) {\n        const elem = e.currentTarget as HTMLElement\n        elem.style.userSelect = ''\n      }\n    } catch (e) {\n      warn(e)\n    }\n\n    clearTimers()\n\n    const run = () => {\n      setIsActive(false)\n    }\n\n    if (skipPortal) {\n      delayTimeout.current = setTimeout(run, parseFloat(String(hideDelay)))\n    } else {\n      run()\n    }\n  }\n\n  /**\n   * Here we get our \"target\" / \"targetSelector\"\n   */\n  const componentWrapper = React.useMemo(() => {\n    // we could also check against && target.props && !target.props.tooltip\n    if (React.isValidElement(target)) {\n      const params = isNotSemanticElement\n        ? injectTooltipSemantic({ className: props.className })\n        : {}\n\n      return React.cloneElement(target, {\n        ref: cloneRef,\n        ...params,\n        'aria-describedby': combineDescribedBy(target.props, internalId),\n      })\n    } else {\n      cloneRef.current = target\n    }\n\n    return null\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [target])\n\n  useHandleAria(targetRef.current, internalId)\n\n  return (\n    <>\n      {isMounted &&\n        (skipPortal ? (\n          <TooltipContainer\n            {...restProps}\n            active={isActive}\n            targetElement={targetRef.current}\n          >\n            {children}\n          </TooltipContainer>\n        ) : (\n          <TooltipPortal\n            {...restProps}\n            active={isActive}\n            targetElement={targetRef.current}\n            keepInDOM // because of useHandleAria\n          >\n            {children}\n          </TooltipPortal>\n        ))}\n\n      {componentWrapper}\n    </>\n  )\n}\n\nexport default TooltipWithEvents\n"],"mappings":"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"}

package/components/tooltip/index.js

@@ -1,3 +1,4 @@
 import Tooltip from './Tooltip';
 export default Tooltip;
-export * from './Tooltip';
+export * from './Tooltip';
+//# sourceMappingURL=index.js.map

package/components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Tooltip"],"sources":["../../../../src/components/tooltip/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Tooltip from './Tooltip'\nexport default Tooltip\nexport * from './Tooltip'\n"],"mappings":"AAKA,OAAOA,OAAO,MAAM,WAAW;AAC/B,eAAeA,OAAO;AACtB,cAAc,WAAW"}

package/components/tooltip/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/tooltip/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-tooltip.scss'\n"],"mappings":"AAKA,OAAO,uBAAoB"}

package/components/tooltip/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/tooltip/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-tooltip-theme-ui.scss'\n"],"mappings":"AAKA,OAAO,gCAA6B"}

package/components/tooltip/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/tooltip/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-tooltip.scss'\n"],"mappings":"AAKA,OAAO,6BAA0B"}

package/components/tooltip/types.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps';
 import type { SpacingProps } from '../../shared/types';
-export declare type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
-export declare type TooltipArrow = null | 'center' | 'top' | 'right' | 'bottom' | 'left';
-export declare type TooltipAlign = null | 'center' | 'right' | 'left';
-export declare type TooltipSize = 'basis' | 'large';
-export declare type TooltipProps = IncludeSnakeCase<{
+export type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
+export type TooltipArrow = null | 'center' | 'top' | 'right' | 'bottom' | 'left';
+export type TooltipAlign = null | 'center' | 'right' | 'left';
+export type TooltipSize = 'basis' | 'large';
+export type TooltipProps = IncludeSnakeCase<{
     id?: string;
     group?: string;
     size?: TooltipSize;
@@ -26,4 +26,4 @@ export declare type TooltipProps = IncludeSnakeCase<{
     children?: React.ReactNode;
     style?: React.CSSProperties;
 }>;
-export declare type TooltipAllProps = TooltipProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, keyof TooltipProps>;
+export type TooltipAllProps = TooltipProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, keyof TooltipProps>;

package/components/tooltip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/tooltip/types.ts"],"sourcesContent":["import { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type TooltipPosition = 'top' | 'right' | 'bottom' | 'left'\n\nexport type TooltipArrow =\n  | null\n  | 'center'\n  | 'top'\n  | 'right'\n  | 'bottom'\n  | 'left'\nexport type TooltipAlign = null | 'center' | 'right' | 'left'\n\nexport type TooltipSize = 'basis' | 'large'\n\nexport type TooltipProps = IncludeSnakeCase<{\n  id?: string\n  group?: string\n  size?: TooltipSize\n  active?: boolean\n  position?: TooltipPosition\n  arrow?: TooltipArrow\n  align?: TooltipAlign\n  animatePosition?: boolean\n  fixedPosition?: boolean\n  skipPortal?: boolean\n  noAnimation?: boolean\n  showDelay?: number\n  hideDelay: number\n  targetSelector?: string\n  targetElement?: React.ReactNode\n  tooltip?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n  style?: React.CSSProperties\n}>\n\nexport type TooltipAllProps = TooltipProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, keyof TooltipProps>\n"],"mappings":""}

package/components/upload/Upload.js

@@ -1,15 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _UploadInfo, _UploadFileInput, _UploadFileList;
-
 const _excluded = ["id", "skeleton", "className", "acceptedFileTypes", "filesAmountLimit", "fileMaxSize", "onChange", "onFileDelete", "title", "text", "fileTypeDescription", "fileSizeDescription", "fileAmountDescription", "fileSizeContent", "buttonText", "loadingText", "errorLargeFile", "errorUnsupportedFile", "errorAmountLimit", "deleteButton", "fileListAriaLabel"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import classnames from 'classnames';
 import { createSpacingClasses } from '../space/SpacingHelper';
@@ -24,38 +19,35 @@ import { verifyFiles } from './UploadVerify';
 import UploadFileList from './UploadFileList';
 import UploadInfo from './UploadInfo';
 export { defaultProps };
-
 const Upload = localProps => {
   const context = React.useContext(Context);
   const extendedProps = extendPropsWithContext(localProps, defaultProps, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   }, context.getTranslation(localProps).Upload, context.Upload);
-
   const {
-    id,
-    skeleton,
-    className,
-    acceptedFileTypes,
-    filesAmountLimit,
-    fileMaxSize,
-    onChange,
-    onFileDelete,
-    title,
-    text,
-    fileTypeDescription,
-    fileSizeDescription,
-    fileAmountDescription,
-    fileSizeContent,
-    buttonText,
-    loadingText,
-    errorLargeFile,
-    errorUnsupportedFile,
-    errorAmountLimit,
-    deleteButton,
-    fileListAriaLabel
-  } = extendedProps,
-        props = _objectWithoutProperties(extendedProps, _excluded);
-
+      id,
+      skeleton,
+      className,
+      acceptedFileTypes,
+      filesAmountLimit,
+      fileMaxSize,
+      onChange,
+      onFileDelete,
+      title,
+      text,
+      fileTypeDescription,
+      fileSizeDescription,
+      fileAmountDescription,
+      fileSizeContent,
+      buttonText,
+      loadingText,
+      errorLargeFile,
+      errorUnsupportedFile,
+      errorAmountLimit,
+      deleteButton,
+      fileListAriaLabel
+    } = extendedProps,
+    props = _objectWithoutProperties(extendedProps, _excluded);
   const spacingClasses = createSpacingClasses(props);
   const {
     files,
@@ -77,7 +69,6 @@ const Upload = localProps => {
   }, React.createElement(UploadDropzone, _extends({
     className: classnames('dnb-upload', spacingClasses, className)
   }, props), _UploadInfo || (_UploadInfo = React.createElement(UploadInfo, null)), _UploadFileInput || (_UploadFileInput = React.createElement(UploadFileInput, null)), _UploadFileList || (_UploadFileList = React.createElement(UploadFileList, null)))));
-
   function onInputUpload(newFiles) {
     const files = filesRef.current;
     const mergedFiles = [...files, ...newFiles.map(fileItem => {
@@ -103,16 +94,14 @@ const Upload = localProps => {
     const validFiles = [...verifiedFiles].slice(0, filesAmountLimit);
     setFiles(validFiles);
     setInternalFiles(mergedFiles);
-
     if (typeof onChange === 'function') {
       onChange({
         files: validFiles
       });
     }
-
     return validFiles;
   }
 };
-
 Upload.useUpload = useUpload;
-export default Upload;
+export default Upload;
+//# sourceMappingURL=Upload.js.map

package/components/upload/Upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.js","names":["React","classnames","createSpacingClasses","Provider","Context","extendPropsWithContext","makeUniqueId","UploadFileInput","useUpload","UploadDropzone","UploadContext","defaultProps","verifyFiles","UploadFileList","UploadInfo","Upload","localProps","context","useContext","extendedProps","skeleton","getTranslation","id","className","acceptedFileTypes","filesAmountLimit","fileMaxSize","onChange","onFileDelete","title","text","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","buttonText","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","props","_objectWithoutProperties","_excluded","spacingClasses","files","setFiles","setInternalFiles","getExistsingFile","filesRef","useRef","useEffect","current","createElement","value","_objectSpread","onInputUpload","_extends","_UploadInfo","_UploadFileInput","_UploadFileList","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","verifiedFiles","filter","_ref","validFiles","slice"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React 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'\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 { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    context.getTranslation(localProps).Upload,\n    context.Upload\n  )\n\n  const {\n    id,\n    skeleton,\n    className,\n    acceptedFileTypes,\n    filesAmountLimit,\n    fileMaxSize,\n    onChange,\n    onFileDelete, // eslint-disable-line\n    title, // eslint-disable-line\n    text, // 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    ...props\n  } = extendedProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const { files, setFiles, setInternalFiles, getExistsingFile } =\n    useUpload(id)\n\n  const filesRef = React.useRef<UploadFile[]>(files)\n  React.useEffect(() => {\n    filesRef.current = files\n  }) // keep our ref updated on every re-render\n\n  return (\n    <UploadContext.Provider\n      value={{\n        ...extendedProps,\n        id,\n        onInputUpload,\n      }}\n    >\n      <Provider skeleton={skeleton}>\n        <UploadDropzone\n          className={classnames('dnb-upload', spacingClasses, className)}\n          {...props}\n        >\n          <UploadInfo />\n\n          <UploadFileInput />\n\n          <UploadFileList />\n        </UploadDropzone>\n      </Provider>\n    </UploadContext.Provider>\n  )\n\n  function onInputUpload(newFiles: UploadFile[]) {\n    const files = filesRef.current\n    const mergedFiles = [\n      ...files,\n      ...newFiles.map((fileItem) => {\n        const { file } = fileItem\n\n        const existingFile = getExistsingFile(file, files)\n\n        fileItem.exists = Boolean(existingFile)\n        fileItem.id = fileItem.exists ? existingFile.id : makeUniqueId()\n\n        return fileItem\n      }),\n    ]\n\n    const verifiedFiles = verifyFiles(\n      mergedFiles.filter(({ exists }) => !exists),\n      {\n        fileMaxSize,\n        acceptedFileTypes,\n        errorUnsupportedFile,\n        errorLargeFile,\n      }\n    )\n\n    const validFiles = [...verifiedFiles].slice(0, filesAmountLimit)\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\nUpload.useUpload = useUpload\n\nexport default Upload\n"],"mappings":"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"}

package/components/upload/UploadContext.js

@@ -3,4 +3,5 @@ export const defaultProps = {
   fileMaxSize: 5,
   filesAmountLimit: 100
 };
-export const UploadContext = createContext(null);
+export const UploadContext = createContext(null);
+//# sourceMappingURL=UploadContext.js.map

package/components/upload/UploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadContext.js","names":["createContext","defaultProps","fileMaxSize","filesAmountLimit","UploadContext"],"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}\n\nexport const UploadContext = createContext<UploadContextProps>(null)\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAGrC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,WAAW,EAAE,CAAC;EACdC,gBAAgB,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGJ,aAAa,CAAqB,IAAI,CAAC"}

package/components/upload/UploadDropzone.d.ts

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

package/components/upload/UploadDropzone.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _svg;
-
 const _excluded = ["children", "className"];
 import React from 'react';
 import classnames from 'classnames';
@@ -10,11 +8,10 @@ import HeightAnimation from '../height-animation/HeightAnimation';
 import { UploadContext } from './UploadContext';
 export default function UploadDropzone(_ref) {
   let {
-    children,
-    className
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const props = rest;
   const context = React.useContext(UploadContext);
   const [hover, setHover] = React.useState(false);
@@ -23,7 +20,6 @@ export default function UploadDropzone(_ref) {
     onInputUpload,
     id
   } = context;
-
   const getFiles = event => {
     const fileData = event.dataTransfer;
     const files = [];
@@ -34,35 +30,28 @@ export default function UploadDropzone(_ref) {
     });
     return files;
   };
-
   const hoverHandler = (event, state) => {
     event.stopPropagation();
     event.preventDefault();
     clearTimers();
     setHover(state);
   };
-
   const dropHandler = event => {
     const files = getFiles(event);
     onInputUpload(files);
     hoverHandler(event, false);
   };
-
   const dragEnterHandler = event => {
     hoverHandler(event, true);
   };
-
   const dragLeaveHandler = event => {
     hoverHandler(event, false);
   };
-
   const clearTimers = () => {
     clearTimeout(hoverTimeout.current);
   };
-
   React.useEffect(() => {
     const elem = document.body;
-
     const execute = () => {
       try {
         if (!elem.hasAttribute('data-upload-drop-zone')) {
@@ -74,12 +63,10 @@ export default function UploadDropzone(_ref) {
         }
       } catch (e) {}
     };
-
     const timeoutId = setTimeout(execute, 10);
     return () => {
       clearTimers();
       clearTimeout(timeoutId);
-
       try {
         if (elem.getAttribute('data-upload-drop-zone') === id) {
           const remove = elem.removeEventListener;
@@ -110,4 +97,5 @@ export default function UploadDropzone(_ref) {
     strokeDashoffset: "4",
     strokeDasharray: "8 8"
   }))));
-}
+}
+//# sourceMappingURL=UploadDropzone.js.map

package/components/upload/UploadDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadDropzone.js","names":["React","classnames","HeightAnimation","UploadContext","UploadDropzone","_ref","children","className","rest","_objectWithoutProperties","_excluded","props","context","useContext","hover","setHover","useState","hoverTimeout","useRef","onInputUpload","id","getFiles","event","fileData","dataTransfer","files","Array","from","forEach","file","push","hoverHandler","state","stopPropagation","preventDefault","clearTimers","dropHandler","dragEnterHandler","dragLeaveHandler","clearTimeout","current","useEffect","elem","document","body","execute","hasAttribute","add","addEventListener","setAttribute","e","timeoutId","setTimeout","getAttribute","remove","removeEventListener","removeAttribute","createElement","_extends","onDrop","onDragOver","onDragLeave","_svg","xmlns","fill","width","height","rx","ry","strokeWidth","strokeDashoffset","strokeDasharray"],"sources":["../../../../src/components/upload/UploadDropzone.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport { UploadContext } from './UploadContext'\nimport type { UploadAllProps, UploadFile, UploadProps } from './types'\n\nexport type UploadDragEvent = React.DragEvent | DragEvent\n\nexport default function UploadDropzone({\n  children,\n  className,\n  ...rest\n}: Partial<UploadAllProps>) {\n  const props = rest as Omit<UploadProps, 'title' | 'onChange'>\n  const context = React.useContext(UploadContext)\n  const [hover, setHover] = React.useState(false)\n  const hoverTimeout = React.useRef<NodeJS.Timer>()\n\n  const { onInputUpload, id } = context\n\n  const getFiles = (event: UploadDragEvent) => {\n    const fileData = event.dataTransfer\n\n    const files: UploadFile[] = []\n\n    Array.from(fileData.files).forEach((file) => {\n      files.push({ file })\n    })\n\n    return files\n  }\n\n  const hoverHandler = (event: UploadDragEvent, state: boolean) => {\n    event.stopPropagation()\n    event.preventDefault()\n    clearTimers()\n    setHover(state)\n  }\n\n  const dropHandler = (event: UploadDragEvent) => {\n    const files = getFiles(event)\n\n    onInputUpload(files)\n    hoverHandler(event, false)\n  }\n\n  const dragEnterHandler = (event: UploadDragEvent) => {\n    hoverHandler(event, true)\n  }\n\n  const dragLeaveHandler = (event: UploadDragEvent) => {\n    hoverHandler(event, false)\n  }\n\n  const clearTimers = () => {\n    clearTimeout(hoverTimeout.current)\n  }\n\n  React.useEffect(() => {\n    const elem = document.body\n    const execute = () => {\n      try {\n        if (!elem.hasAttribute('data-upload-drop-zone')) {\n          const add = elem.addEventListener\n          add('drop', dropHandler)\n          add('dragover', dragEnterHandler)\n          add('dragleave', dragLeaveHandler)\n          elem.setAttribute('data-upload-drop-zone', id)\n        }\n      } catch (e) {\n        //\n      }\n    }\n    const timeoutId = setTimeout(execute, 10) // Add the listeners delayed (ms) without prioritization, in case of re-renders\n\n    return () => {\n      clearTimers()\n      clearTimeout(timeoutId)\n      try {\n        if (elem.getAttribute('data-upload-drop-zone') === id) {\n          const remove = elem.removeEventListener\n          remove('drop', dropHandler)\n          remove('dragover', dragEnterHandler)\n          remove('dragleave', dragLeaveHandler)\n          elem.removeAttribute('data-upload-drop-zone')\n        }\n      } catch (e) {\n        //\n      }\n    }\n  }, [])\n\n  return (\n    <HeightAnimation\n      className={classnames(className, hover && 'dnb-upload--active')}\n      onDrop={dropHandler}\n      onDragOver={dragEnterHandler}\n      onDragLeave={dragLeaveHandler}\n      {...props}\n    >\n      {children}\n\n      <svg\n        className=\"dnb-upload__outline\"\n        aria-hidden\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n      >\n        <rect\n          width=\"100%\"\n          height=\"100%\"\n          rx=\"0.5rem\"\n          ry=\"0.5rem\"\n          strokeWidth=\"3\"\n          strokeDashoffset=\"4\"\n          strokeDasharray=\"8 8\"\n        />\n      </svg>\n    </HeightAnimation>\n  )\n}\n"],"mappings":"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"}

package/components/upload/UploadFileInput.js

@@ -1,5 +1,4 @@
 var _UploadStatus;
-
 import React, { useRef } from 'react';
 import Button from '../button/Button';
 import { folder as FolderIcon } from '../../icons';
@@ -7,7 +6,6 @@ import { makeUniqueId } from '../../shared/component-helper';
 import { UploadContext } from './UploadContext';
 import UploadStatus from './UploadStatus';
 import { getAcceptedFileTypes } from './UploadVerify';
-
 const UploadFileInput = () => {
   const fileInput = useRef(null);
   const context = React.useContext(UploadContext);
@@ -18,13 +16,10 @@ const UploadFileInput = () => {
     onInputUpload,
     filesAmountLimit
   } = context;
-
   const openFileDialog = () => {
     var _fileInput$current;
-
     return (_fileInput$current = fileInput.current) === null || _fileInput$current === void 0 ? void 0 : _fileInput$current.click();
   };
-
   const sharedId = id || makeUniqueId();
   const accept = getAcceptedFileTypes(acceptedFileTypes);
   return React.createElement("div", null, React.createElement(Button, {
@@ -46,7 +41,6 @@ const UploadFileInput = () => {
     onClick: onClickHandler,
     multiple: filesAmountLimit > 1
   }));
-
   function onChangeHandler(event) {
     const target = event.target;
     const {
@@ -58,11 +52,10 @@ const UploadFileInput = () => {
       };
     }));
   }
-
   function onClickHandler(event) {
     const target = event.target;
     target.value = null;
   }
 };
-
-export default UploadFileInput;
+export default UploadFileInput;
+//# sourceMappingURL=UploadFileInput.js.map

package/components/upload/UploadFileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileInput.js","names":["React","useRef","Button","folder","FolderIcon","makeUniqueId","UploadContext","UploadStatus","getAcceptedFileTypes","UploadFileInput","fileInput","context","useContext","id","acceptedFileTypes","buttonText","onInputUpload","filesAmountLimit","openFileDialog","_fileInput$current","current","click","sharedId","accept","createElement","top","className","icon","icon_position","variant","wrap","onClick","_UploadStatus","ref","type","onChange","onChangeHandler","onClickHandler","multiple","event","target","files","Array","from","map","file","value"],"sources":["../../../../src/components/upload/UploadFileInput.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\n// Components\nimport Button from '../button/Button'\n\n// Icons\nimport { folder as FolderIcon } from '../../icons'\n\n// Shared\nimport { makeUniqueId } from '../../shared/component-helper'\n\n// Internal\nimport { UploadContext } from './UploadContext'\nimport UploadStatus from './UploadStatus'\nimport { getAcceptedFileTypes } from './UploadVerify'\n\nconst UploadFileInput = () => {\n  const fileInput = useRef<HTMLInputElement>(null)\n\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    acceptedFileTypes,\n    buttonText,\n    onInputUpload,\n    filesAmountLimit,\n  } = context\n\n  const openFileDialog = () => fileInput.current?.click()\n\n  const sharedId = id || makeUniqueId()\n  const accept = getAcceptedFileTypes(acceptedFileTypes)\n\n  return (\n    <div>\n      <Button\n        top=\"medium\"\n        id={`${sharedId}-input`}\n        className=\"dnb-upload__file-input-button\"\n        icon={FolderIcon}\n        icon_position=\"left\"\n        variant=\"secondary\"\n        wrap\n        onClick={openFileDialog}\n      >\n        {buttonText}\n      </Button>\n\n      <UploadStatus />\n\n      <input\n        aria-labelledby={`${sharedId}-input`}\n        ref={fileInput}\n        accept={accept}\n        className=\"dnb-upload__file-input\"\n        type=\"file\"\n        onChange={onChangeHandler}\n        onClick={onClickHandler}\n        multiple={filesAmountLimit > 1}\n      />\n    </div>\n  )\n\n  function onChangeHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n    const { files } = target\n\n    onInputUpload(\n      Array.from(files).map((file) => {\n        return { file }\n      })\n    )\n  }\n\n  function onClickHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n\n    /**\n     * This resets the internal state.\n     * Some browsers (chromium) to check for already selected files.\n     * But we have our own logic for that.\n     * We also align the UX to be the same to all browsers,\n     * and to be same when the drag file API is used.\n     */\n    target.value = null\n  }\n}\n\nexport default UploadFileInput\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAGrC,OAAOC,MAAM,MAAM,kBAAkB;AAGrC,SAASC,MAAM,IAAIC,UAAU,QAAQ,aAAa;AAGlD,SAASC,YAAY,QAAQ,+BAA+B;AAG5D,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,oBAAoB,QAAQ,gBAAgB;AAErD,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,SAAS,GAAGT,MAAM,CAAmB,IAAI,CAAC;EAEhD,MAAMU,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACN,aAAa,CAAC;EAE/C,MAAM;IACJO,EAAE;IACFC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC;EACF,CAAC,GAAGN,OAAO;EAEX,MAAMO,cAAc,GAAGA,CAAA;IAAA,IAAAC,kBAAA;IAAA,QAAAA,kBAAA,GAAMT,SAAS,CAACU,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAmBE,KAAK,CAAC,CAAC;EAAA;EAEvD,MAAMC,QAAQ,GAAGT,EAAE,IAAIR,YAAY,CAAC,CAAC;EACrC,MAAMkB,MAAM,GAAGf,oBAAoB,CAACM,iBAAiB,CAAC;EAEtD,OACEd,KAAA,CAAAwB,aAAA,cACExB,KAAA,CAAAwB,aAAA,CAACtB,MAAM;IACLuB,GAAG,EAAC,QAAQ;IACZZ,EAAE,EAAG,GAAES,QAAS,QAAQ;IACxBI,SAAS,EAAC,+BAA+B;IACzCC,IAAI,EAAEvB,UAAW;IACjBwB,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAC,WAAW;IACnBC,IAAI;IACJC,OAAO,EAAEb;EAAe,GAEvBH,UACK,CAAC,EAAAiB,aAAA,KAAAA,aAAA,GAEThC,KAAA,CAAAwB,aAAA,CAACjB,YAAY,MAAE,CAAC,GAEhBP,KAAA,CAAAwB,aAAA;IACE,mBAAkB,GAAEF,QAAS,QAAQ;IACrCW,GAAG,EAAEvB,SAAU;IACfa,MAAM,EAAEA,MAAO;IACfG,SAAS,EAAC,wBAAwB;IAClCQ,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAEC,eAAgB;IAC1BL,OAAO,EAAEM,cAAe;IACxBC,QAAQ,EAAErB,gBAAgB,GAAG;EAAE,CAChC,CACE,CAAC;EAGR,SAASmB,eAAeA,CAACG,KAA2B,EAAE;IACpD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAA0B;IAC/C,MAAM;MAAEC;IAAM,CAAC,GAAGD,MAAM;IAExBxB,aAAa,CACX0B,KAAK,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,GAAG,CAAEC,IAAI,IAAK;MAC9B,OAAO;QAAEA;MAAK,CAAC;IACjB,CAAC,CACH,CAAC;EACH;EAEA,SAASR,cAAcA,CAACE,KAA2B,EAAE;IACnD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAA0B;IAS/CA,MAAM,CAACM,KAAK,GAAG,IAAI;EACrB;AACF,CAAC;AAED,eAAerC,eAAe"}

package/components/upload/UploadFileList.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { UploadContext } from './UploadContext';
 import UploadFileListCell from './UploadFileListCell';
 import useUpload from './useUpload';
-
 function UploadFileList() {
   const context = React.useContext(UploadContext);
   const {
@@ -18,11 +17,9 @@ function UploadFileList() {
     setFiles,
     setInternalFiles
   } = useUpload(id);
-
   if (files == null || files.length < 1) {
     return null;
   }
-
   return React.createElement("ul", {
     className: "dnb-upload__file-list",
     "aria-label": fileListAriaLabel
@@ -33,18 +30,15 @@ function UploadFileList() {
           fileItem: uploadFile
         });
       }
-
       const cleanedFiles = files.filter(fileListElement => fileListElement.file != uploadFile.file);
       setFiles(cleanedFiles);
       setInternalFiles(cleanedFiles);
-
       if (typeof onChange === 'function') {
         onChange({
           files: cleanedFiles
         });
       }
     };
-
     return React.createElement(UploadFileListCell, {
       key: index,
       id: id,
@@ -55,5 +49,5 @@ function UploadFileList() {
     });
   }));
 }
-
-export default UploadFileList;
+export default UploadFileList;
+//# sourceMappingURL=UploadFileList.js.map

package/components/upload/UploadFileList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileList.js","names":["React","UploadContext","UploadFileListCell","useUpload","UploadFileList","context","useContext","id","fileListAriaLabel","deleteButton","loadingText","onFileDelete","onChange","files","setFiles","setInternalFiles","length","createElement","className","map","uploadFile","index","onDeleteHandler","fileItem","cleanedFiles","filter","fileListElement","file","key","onDelete","deleteButtonText"],"sources":["../../../../src/components/upload/UploadFileList.tsx"],"sourcesContent":["import React from 'react'\nimport { UploadFile } from './types'\nimport { UploadContext } from './UploadContext'\nimport UploadFileListCell from './UploadFileListCell'\nimport useUpload from './useUpload'\n\nfunction UploadFileList() {\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    fileListAriaLabel,\n    deleteButton,\n    loadingText,\n    onFileDelete,\n    onChange,\n  } = context\n\n  const { files, setFiles, setInternalFiles } = useUpload(id)\n\n  if (files == null || files.length < 1) {\n    return null\n  }\n\n  return (\n    <ul className=\"dnb-upload__file-list\" aria-label={fileListAriaLabel}>\n      {files.map((uploadFile: UploadFile, index: number) => {\n        const onDeleteHandler = () => {\n          if (typeof onFileDelete === 'function') {\n            onFileDelete({ fileItem: uploadFile })\n          }\n\n          const cleanedFiles = files.filter(\n            (fileListElement) => fileListElement.file != uploadFile.file\n          )\n\n          setFiles(cleanedFiles)\n          setInternalFiles(cleanedFiles)\n\n          if (typeof onChange === 'function') {\n            onChange({ files: cleanedFiles })\n          }\n        }\n\n        return (\n          <UploadFileListCell\n            key={index}\n            id={id}\n            uploadFile={uploadFile}\n            onDelete={onDeleteHandler}\n            deleteButtonText={deleteButton}\n            loadingText={loadingText}\n          />\n        )\n      })}\n    </ul>\n  )\n}\n\nexport default UploadFileList\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,SAAS,MAAM,aAAa;AAEnC,SAASC,cAAcA,CAAA,EAAG;EACxB,MAAMC,OAAO,GAAGL,KAAK,CAACM,UAAU,CAACL,aAAa,CAAC;EAE/C,MAAM;IACJM,EAAE;IACFC,iBAAiB;IACjBC,YAAY;IACZC,WAAW;IACXC,YAAY;IACZC;EACF,CAAC,GAAGP,OAAO;EAEX,MAAM;IAAEQ,KAAK;IAAEC,QAAQ;IAAEC;EAAiB,CAAC,GAAGZ,SAAS,CAACI,EAAE,CAAC;EAE3D,IAAIM,KAAK,IAAI,IAAI,IAAIA,KAAK,CAACG,MAAM,GAAG,CAAC,EAAE;IACrC,OAAO,IAAI;EACb;EAEA,OACEhB,KAAA,CAAAiB,aAAA;IAAIC,SAAS,EAAC,uBAAuB;IAAC,cAAYV;EAAkB,GACjEK,KAAK,CAACM,GAAG,CAAC,CAACC,UAAsB,EAAEC,KAAa,KAAK;IACpD,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,IAAI,OAAOX,YAAY,KAAK,UAAU,EAAE;QACtCA,YAAY,CAAC;UAAEY,QAAQ,EAAEH;QAAW,CAAC,CAAC;MACxC;MAEA,MAAMI,YAAY,GAAGX,KAAK,CAACY,MAAM,CAC9BC,eAAe,IAAKA,eAAe,CAACC,IAAI,IAAIP,UAAU,CAACO,IAC1D,CAAC;MAEDb,QAAQ,CAACU,YAAY,CAAC;MACtBT,gBAAgB,CAACS,YAAY,CAAC;MAE9B,IAAI,OAAOZ,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC;UAAEC,KAAK,EAAEW;QAAa,CAAC,CAAC;MACnC;IACF,CAAC;IAED,OACExB,KAAA,CAAAiB,aAAA,CAACf,kBAAkB;MACjB0B,GAAG,EAAEP,KAAM;MACXd,EAAE,EAAEA,EAAG;MACPa,UAAU,EAAEA,UAAW;MACvBS,QAAQ,EAAEP,eAAgB;MAC1BQ,gBAAgB,EAAErB,YAAa;MAC/BC,WAAW,EAAEA;IAAY,CAC1B,CAAC;EAEN,CAAC,CACC,CAAC;AAET;AAEA,eAAeN,cAAc"}

package/components/upload/UploadFileListCell.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { UploadFile } from './types';
-export declare type UploadFileListCellProps = {
+export type UploadFileListCellProps = {
     id: string;
     /**
      * Uploaded file

package/components/upload/UploadFileListCell.js

@@ -1,5 +1,4 @@
 var _ProgressIndicator, _Icon;
-
 import React, { useRef } from 'react';
 import classnames from 'classnames';
 import Button from '../button/Button';
@@ -20,10 +19,8 @@ const images = {
   xml,
   file
 };
-
 const UploadFileListCell = _ref => {
   var _div, _P, _FormStatus;
-
   let {
     id,
     uploadFile,
@@ -42,7 +39,6 @@ const UploadFileListCell = _ref => {
   const imageUrl = URL.createObjectURL(file);
   const cellRef = useRef();
   const exists = useExistsHighlight(id, file);
-
   const handleDisappearFocus = () => {
     try {
       const cellElement = cellRef.current;
@@ -52,12 +48,10 @@ const UploadFileListCell = _ref => {
       warn(e);
     }
   };
-
   const onDeleteHandler = () => {
     handleDisappearFocus();
     onDelete();
   };
-
   return React.createElement("li", {
     className: classnames('dnb-upload__file-cell', hasWarning && 'dnb-upload__file-cell--warning', exists && 'dnb-upload__file-cell--highlight'),
     ref: cellRef
@@ -71,31 +65,25 @@ const UploadFileListCell = _ref => {
     onClick: onDeleteHandler,
     icon_position: "left"
   }, deleteButtonText))), getWarning());
-
   function getIcon() {
     if (isLoading) {
       return _ProgressIndicator || (_ProgressIndicator = React.createElement(ProgressIndicator, null));
     }
-
     if (hasWarning) return _Icon || (_Icon = React.createElement(Icon, {
       icon: ExclamationIcon
     }));
     let iconFileType = fileType;
-
     if (!iconFileType) {
       const mimeParts = file.type.split('/');
       iconFileType = images[mimeParts[0]] || images[mimeParts[1]];
     }
-
     if (!Object.prototype.hasOwnProperty.call(images, iconFileType)) {
       iconFileType = 'file';
     }
-
     return React.createElement(Icon, {
       icon: images[iconFileType]
     });
   }
-
   function getTitle() {
     return isLoading ? _div || (_div = React.createElement("div", {
       className: "dnb-upload__file-cell__text-container dnb-upload__file-cell__text-container--loading"
@@ -112,7 +100,6 @@ const UploadFileListCell = _ref => {
       top: "xx-small"
     }, humanFileType)));
   }
-
   function getWarning() {
     return hasWarning ? _FormStatus || (_FormStatus = React.createElement(FormStatus, {
       top: "small",
@@ -121,20 +108,16 @@ const UploadFileListCell = _ref => {
     })) : null;
   }
 };
-
 export default UploadFileListCell;
-
 function useExistsHighlight(id, file) {
   const {
     internalFiles
   } = useUpload(id);
   const [exists, updateExists] = React.useState(false);
   const timerRef = React.useRef();
-
   const clearTimers = () => {
     clearTimeout(timerRef.current);
   };
-
   React.useEffect(() => {
     const exists = internalFiles.some(_ref2 => {
       let {
@@ -143,14 +126,13 @@ function useExistsHighlight(id, file) {
       } = _ref2;
       return exists && f.name === file.name && f.size === file.size;
     });
-
     if (exists) {
       updateExists(true);
       clearTimers();
       timerRef.current = setTimeout(() => updateExists(false), 1500);
     }
-
     return clearTimers;
   }, [file, internalFiles]);
   return exists;
-}
+}
+//# sourceMappingURL=UploadFileListCell.js.map

package/components/upload/UploadFileListCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileListCell.js","names":["React","useRef","classnames","Button","Icon","FormStatus","ProgressIndicator","P","trash","TrashIcon","exclamation_medium","ExclamationIcon","file_pdf_medium","pdf","file_xls_medium","xls","file_ppt_medium","ppt","file_csv_medium","csv","file_txt_medium","txt","file_xml_medium","xml","file_medium","file","getPreviousSibling","warn","useUpload","getFileTypeFromExtension","images","UploadFileListCell","_ref","_div","_P","_FormStatus","id","uploadFile","onDelete","loadingText","deleteButtonText","errorMessage","isLoading","hasWarning","fileType","humanFileType","toUpperCase","imageUrl","URL","createObjectURL","cellRef","exists","useExistsHighlight","handleDisappearFocus","cellElement","current","focusElement","querySelector","focus","e","onDeleteHandler","createElement","className","ref","getIcon","getTitle","icon","variant","onClick","icon_position","getWarning","_ProgressIndicator","_Icon","iconFileType","mimeParts","type","split","Object","prototype","hasOwnProperty","call","target","href","rel","name","size","top","text","stretch","internalFiles","updateExists","useState","timerRef","clearTimers","clearTimeout","useEffect","some","_ref2","f","setTimeout"],"sources":["../../../../src/components/upload/UploadFileListCell.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button from '../button/Button'\nimport Icon from '../../components/Icon'\nimport FormStatus from '../../components/FormStatus'\nimport ProgressIndicator from '../../components/progress-indicator'\nimport P from '../../elements/P'\n\n// Icons\nimport {\n  trash as TrashIcon,\n  exclamation_medium as ExclamationIcon,\n  file_pdf_medium as pdf,\n  file_xls_medium as xls,\n  file_ppt_medium as ppt,\n  file_csv_medium as csv,\n  file_txt_medium as txt,\n  file_xml_medium as xml,\n  file_medium as file,\n} from '../../icons'\nimport { UploadFile } from './types'\n\n// Shared\nimport { getPreviousSibling, warn } from '../../shared/component-helper'\nimport useUpload from './useUpload'\nimport { getFileTypeFromExtension } from './UploadVerify'\n\nconst images = {\n  pdf,\n  xls,\n  ppt,\n  csv,\n  txt,\n  xml,\n  file,\n}\n\nexport type UploadFileListCellProps = {\n  id: string\n\n  /**\n   * Uploaded file\n   */\n  uploadFile: UploadFile\n\n  /**\n   * Calls onDelete when clicking the delete button\n   */\n  onDelete: () => void\n\n  /**\n   * Text\n   */\n  loadingText: React.ReactNode\n  deleteButtonText: React.ReactNode\n}\n\nconst UploadFileListCell = ({\n  id,\n  uploadFile,\n  onDelete,\n  loadingText,\n  deleteButtonText,\n}: UploadFileListCellProps) => {\n  const { file, errorMessage, isLoading } = uploadFile\n  const hasWarning = errorMessage != null\n\n  const fileType = getFileTypeFromExtension(file)\n  const humanFileType = fileType.toUpperCase()\n\n  const imageUrl = URL.createObjectURL(file)\n  const cellRef = useRef<HTMLLIElement>()\n  const exists = useExistsHighlight(id, file)\n\n  const handleDisappearFocus = () => {\n    try {\n      const cellElement = cellRef.current\n      const focusElement = getPreviousSibling(\n        '.dnb-upload',\n        cellElement\n      ).querySelector(\n        '.dnb-upload__file-input-button'\n      ) as HTMLButtonElement\n      focusElement.focus()\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const onDeleteHandler = () => {\n    handleDisappearFocus()\n\n    onDelete()\n  }\n\n  return (\n    <li\n      className={classnames(\n        'dnb-upload__file-cell',\n        hasWarning && 'dnb-upload__file-cell--warning',\n        exists && 'dnb-upload__file-cell--highlight'\n      )}\n      ref={cellRef}\n    >\n      <div className=\"dnb-upload__file-cell__content\">\n        <div className=\"dnb-upload__file-cell__content__left\">\n          {getIcon()}\n          {getTitle()}\n        </div>\n        <div>\n          <Button\n            icon={TrashIcon}\n            variant=\"tertiary\"\n            onClick={onDeleteHandler}\n            icon_position=\"left\"\n          >\n            {deleteButtonText}\n          </Button>\n        </div>\n      </div>\n\n      {getWarning()}\n    </li>\n  )\n\n  function getIcon() {\n    if (isLoading) {\n      return <ProgressIndicator />\n    }\n\n    if (hasWarning) return <Icon icon={ExclamationIcon} />\n\n    let iconFileType = fileType\n\n    if (!iconFileType) {\n      const mimeParts = file.type.split('/')\n      iconFileType = images[mimeParts[0]] || images[mimeParts[1]]\n    }\n\n    if (!Object.prototype.hasOwnProperty.call(images, iconFileType)) {\n      iconFileType = 'file'\n    }\n\n    return <Icon icon={images[iconFileType]} />\n  }\n\n  function getTitle() {\n    return isLoading ? (\n      <div\n        className={classnames(\n          'dnb-upload__file-cell__text-container',\n          'dnb-upload__file-cell__text-container--loading'\n        )}\n      >\n        {loadingText}\n      </div>\n    ) : (\n      <div className=\"dnb-upload__file-cell__text-container\">\n        <a\n          target=\"_blank\"\n          href={imageUrl}\n          className={classnames(\n            'dnb-anchor',\n            'dnb-upload__file-cell__title'\n          )}\n          rel=\"noopener noreferrer\"\n        >\n          {file.name}\n        </a>\n        <P\n          className=\"dnb-upload__file-cell__subtitle\"\n          size=\"x-small\"\n          top=\"xx-small\"\n        >\n          {humanFileType}\n        </P>\n      </div>\n    )\n  }\n\n  function getWarning() {\n    return hasWarning ? (\n      <FormStatus top=\"small\" text={errorMessage} stretch />\n    ) : null\n  }\n}\n\nexport default UploadFileListCell\n\nfunction useExistsHighlight(id: string, file: File) {\n  const { internalFiles } = useUpload(id)\n  const [exists, updateExists] = React.useState(false)\n  const timerRef = React.useRef<NodeJS.Timer>()\n\n  const clearTimers = () => {\n    clearTimeout(timerRef.current)\n  }\n\n  React.useEffect(() => {\n    const exists = internalFiles.some(({ exists, file: f }) => {\n      return exists && f.name === file.name && f.size === file.size\n    })\n\n    if (exists) {\n      updateExists(true)\n      clearTimers()\n      timerRef.current = setTimeout(() => updateExists(false), 1500) // transition-duration in CSS\n    }\n\n    return clearTimers\n  }, [file, internalFiles])\n\n  return exists\n}\n"],"mappings":"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"}

package/components/upload/UploadInfo.js

@@ -6,7 +6,6 @@ import Dl from '../../elements/Dl';
 import Dt from '../../elements/Dt';
 import Dd from '../../elements/Dd';
 import { format } from '../number-format/NumberUtils';
-
 const UploadInfo = () => {
   const context = React.useContext(UploadContext);
   const {
@@ -33,5 +32,5 @@ const UploadInfo = () => {
     className: "dnb-upload__condition-list"
   }, prettyfiedAcceptedFileFormats && React.createElement(Dl.Item, null, React.createElement(Dt, null, fileTypeDescription), React.createElement(Dd, null, prettyfiedAcceptedFileFormats)), React.createElement(Dl.Item, null, React.createElement(Dt, null, fileSizeDescription), React.createElement(Dd, null, String(fileSizeContent).replace('%size', format(fileMaxSize).toString()))), filesAmountLimit < defaultProps.filesAmountLimit && React.createElement(Dl.Item, null, React.createElement(Dt, null, fileAmountDescription), React.createElement(Dd, null, filesAmountLimit))));
 };
-
-export default UploadInfo;
+export default UploadInfo;
+//# sourceMappingURL=UploadInfo.js.map