@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/upload/UploadDropzone.js

@@ -4,47 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = UploadDropzone;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
-
 var _UploadContext = require("./UploadContext");
-
 var _svg;
-
 const _excluded = ["children", "className"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function UploadDropzone(_ref) {
   let {
-    children,
-    className
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const props = rest;
-
   const context = _react.default.useContext(_UploadContext.UploadContext);
-
   const [hover, setHover] = _react.default.useState(false);
-
   const hoverTimeout = _react.default.useRef();
-
   const {
     onInputUpload,
     id
   } = context;
-
   const getFiles = event => {
     const fileData = event.dataTransfer;
     const files = [];
@@ -55,35 +38,28 @@ 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.default.useEffect(() => {
     const elem = document.body;
-
     const execute = () => {
       try {
         if (!elem.hasAttribute('data-upload-drop-zone')) {
@@ -95,12 +71,10 @@ 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;
@@ -112,7 +86,6 @@ function UploadDropzone(_ref) {
       } catch (e) {}
     };
   }, []);
-
   return _react.default.createElement(_HeightAnimation.default, _extends({
     className: (0, _classnames.default)(className, hover && 'dnb-upload--active'),
     onDrop: dropHandler,
@@ -132,4 +105,5 @@ function UploadDropzone(_ref) {
     strokeDashoffset: "4",
     strokeDasharray: "8 8"
   }))));
-}
+}
+//# sourceMappingURL=UploadDropzone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadDropzone.js","names":["_react","_interopRequireDefault","require","_classnames","_HeightAnimation","_UploadContext","_svg","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","UploadDropzone","_ref","children","className","rest","props","context","React","useContext","UploadContext","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","classnames","onDrop","onDragOver","onDragLeave","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/cjs/components/upload/UploadFileInput.js

@@ -4,34 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Button = _interopRequireDefault(require("../button/Button"));
-
 var _icons = require("../../icons");
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _UploadContext = require("./UploadContext");
-
 var _UploadStatus2 = _interopRequireDefault(require("./UploadStatus"));
-
 var _UploadVerify = require("./UploadVerify");
-
 var _UploadStatus;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const UploadFileInput = () => {
   const fileInput = (0, _react.useRef)(null);
-
   const context = _react.default.useContext(_UploadContext.UploadContext);
-
   const {
     id,
     acceptedFileTypes,
@@ -39,13 +25,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 || (0, _componentHelper.makeUniqueId)();
   const accept = (0, _UploadVerify.getAcceptedFileTypes)(acceptedFileTypes);
   return _react.default.createElement("div", null, _react.default.createElement(_Button.default, {
@@ -67,7 +50,6 @@ const UploadFileInput = () => {
     onClick: onClickHandler,
     multiple: filesAmountLimit > 1
   }));
-
   function onChangeHandler(event) {
     const target = event.target;
     const {
@@ -79,12 +61,11 @@ const UploadFileInput = () => {
       };
     }));
   }
-
   function onClickHandler(event) {
     const target = event.target;
     target.value = null;
   }
 };
-
 var _default = UploadFileInput;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=UploadFileInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileInput.js","names":["_react","_interopRequireWildcard","require","_Button","_interopRequireDefault","_icons","_componentHelper","_UploadContext","_UploadStatus2","_UploadVerify","_UploadStatus","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UploadFileInput","fileInput","useRef","context","React","useContext","UploadContext","id","acceptedFileTypes","buttonText","onInputUpload","filesAmountLimit","openFileDialog","_fileInput$current","current","click","sharedId","makeUniqueId","accept","getAcceptedFileTypes","createElement","top","className","icon","FolderIcon","icon_position","variant","wrap","onClick","ref","type","onChange","onChangeHandler","onClickHandler","multiple","event","target","files","Array","from","map","file","value","_default","exports"],"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":"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"}

package/cjs/components/upload/UploadFileList.js

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _UploadContext = require("./UploadContext");
-
 var _UploadFileListCell = _interopRequireDefault(require("./UploadFileListCell"));
-
 var _useUpload = _interopRequireDefault(require("./useUpload"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function UploadFileList() {
   const context = _react.default.useContext(_UploadContext.UploadContext);
-
   const {
     id,
     fileListAriaLabel,
@@ -31,11 +24,9 @@ function UploadFileList() {
     setFiles,
     setInternalFiles
   } = (0, _useUpload.default)(id);
-
   if (files == null || files.length < 1) {
     return null;
   }
-
   return _react.default.createElement("ul", {
     className: "dnb-upload__file-list",
     "aria-label": fileListAriaLabel
@@ -46,18 +37,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.default.createElement(_UploadFileListCell.default, {
       key: index,
       id: id,
@@ -68,6 +56,6 @@ function UploadFileList() {
     });
   }));
 }
-
 var _default = UploadFileList;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=UploadFileList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileList.js","names":["_react","_interopRequireDefault","require","_UploadContext","_UploadFileListCell","_useUpload","obj","__esModule","default","UploadFileList","context","React","useContext","UploadContext","id","fileListAriaLabel","deleteButton","loadingText","onFileDelete","onChange","files","setFiles","setInternalFiles","useUpload","length","createElement","className","map","uploadFile","index","onDeleteHandler","fileItem","cleanedFiles","filter","fileListElement","file","key","onDelete","deleteButtonText","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnC,SAASG,cAAcA,CAAA,EAAG;EACxB,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,4BAAa,CAAC;EAE/C,MAAM;IACJC,EAAE;IACFC,iBAAiB;IACjBC,YAAY;IACZC,WAAW;IACXC,YAAY;IACZC;EACF,CAAC,GAAGT,OAAO;EAEX,MAAM;IAAEU,KAAK;IAAEC,QAAQ;IAAEC;EAAiB,CAAC,GAAG,IAAAC,kBAAS,EAACT,EAAE,CAAC;EAE3D,IAAIM,KAAK,IAAI,IAAI,IAAIA,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;IACrC,OAAO,IAAI;EACb;EAEA,OACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAIC,SAAS,EAAC,uBAAuB;IAAC,cAAYX;EAAkB,GACjEK,KAAK,CAACO,GAAG,CAAC,CAACC,UAAsB,EAAEC,KAAa,KAAK;IACpD,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,IAAI,OAAOZ,YAAY,KAAK,UAAU,EAAE;QACtCA,YAAY,CAAC;UAAEa,QAAQ,EAAEH;QAAW,CAAC,CAAC;MACxC;MAEA,MAAMI,YAAY,GAAGZ,KAAK,CAACa,MAAM,CAC9BC,eAAe,IAAKA,eAAe,CAACC,IAAI,IAAIP,UAAU,CAACO,IAC1D,CAAC;MAEDd,QAAQ,CAACW,YAAY,CAAC;MACtBV,gBAAgB,CAACU,YAAY,CAAC;MAE9B,IAAI,OAAOb,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAAC;UAAEC,KAAK,EAAEY;QAAa,CAAC,CAAC;MACnC;IACF,CAAC;IAED,OACEhC,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACrB,mBAAA,CAAAI,OAAkB;MACjB4B,GAAG,EAAEP,KAAM;MACXf,EAAE,EAAEA,EAAG;MACPc,UAAU,EAAEA,UAAW;MACvBS,QAAQ,EAAEP,eAAgB;MAC1BQ,gBAAgB,EAAEtB,YAAa;MAC/BC,WAAW,EAAEA;IAAY,CAC1B,CAAC;EAEN,CAAC,CACC,CAAC;AAET;AAAC,IAAAsB,QAAA,GAEc9B,cAAc;AAAA+B,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}

package/cjs/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/cjs/components/upload/UploadFileListCell.js

@@ -4,37 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Button = _interopRequireDefault(require("../button/Button"));
-
 var _Icon2 = _interopRequireDefault(require("../../components/Icon"));
-
 var _FormStatus2 = _interopRequireDefault(require("../../components/FormStatus"));
-
 var _progressIndicator = _interopRequireDefault(require("../../components/progress-indicator"));
-
 var _P2 = _interopRequireDefault(require("../../elements/P"));
-
 var _icons = require("../../icons");
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _useUpload = _interopRequireDefault(require("./useUpload"));
-
 var _UploadVerify = require("./UploadVerify");
-
 var _ProgressIndicator, _Icon;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const images = {
   pdf: _icons.file_pdf_medium,
   xls: _icons.file_xls_medium,
@@ -44,10 +28,8 @@ const images = {
   xml: _icons.file_xml_medium,
   file: _icons.file_medium
 };
-
 const UploadFileListCell = _ref => {
   var _div, _P, _FormStatus;
-
   let {
     id,
     uploadFile,
@@ -66,7 +48,6 @@ const UploadFileListCell = _ref => {
   const imageUrl = URL.createObjectURL(file);
   const cellRef = (0, _react.useRef)();
   const exists = useExistsHighlight(id, file);
-
   const handleDisappearFocus = () => {
     try {
       const cellElement = cellRef.current;
@@ -76,12 +57,10 @@ const UploadFileListCell = _ref => {
       (0, _componentHelper.warn)(e);
     }
   };
-
   const onDeleteHandler = () => {
     handleDisappearFocus();
     onDelete();
   };
-
   return _react.default.createElement("li", {
     className: (0, _classnames.default)('dnb-upload__file-cell', hasWarning && 'dnb-upload__file-cell--warning', exists && 'dnb-upload__file-cell--highlight'),
     ref: cellRef
@@ -95,31 +74,25 @@ const UploadFileListCell = _ref => {
     onClick: onDeleteHandler,
     icon_position: "left"
   }, deleteButtonText))), getWarning());
-
   function getIcon() {
     if (isLoading) {
       return _ProgressIndicator || (_ProgressIndicator = _react.default.createElement(_progressIndicator.default, null));
     }
-
     if (hasWarning) return _Icon || (_Icon = _react.default.createElement(_Icon2.default, {
       icon: _icons.exclamation_medium
     }));
     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.default.createElement(_Icon2.default, {
       icon: images[iconFileType]
     });
   }
-
   function getTitle() {
     return isLoading ? _div || (_div = _react.default.createElement("div", {
       className: "dnb-upload__file-cell__text-container dnb-upload__file-cell__text-container--loading"
@@ -136,7 +109,6 @@ const UploadFileListCell = _ref => {
       top: "xx-small"
     }, humanFileType)));
   }
-
   function getWarning() {
     return hasWarning ? _FormStatus || (_FormStatus = _react.default.createElement(_FormStatus2.default, {
       top: "small",
@@ -145,23 +117,17 @@ const UploadFileListCell = _ref => {
     })) : null;
   }
 };
-
 var _default = UploadFileListCell;
 exports.default = _default;
-
 function useExistsHighlight(id, file) {
   const {
     internalFiles
   } = (0, _useUpload.default)(id);
-
   const [exists, updateExists] = _react.default.useState(false);
-
   const timerRef = _react.default.useRef();
-
   const clearTimers = () => {
     clearTimeout(timerRef.current);
   };
-
   _react.default.useEffect(() => {
     const exists = internalFiles.some(_ref2 => {
       let {
@@ -170,15 +136,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/cjs/components/upload/UploadFileListCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadFileListCell.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_Icon2","_FormStatus2","_progressIndicator","_P2","_icons","_componentHelper","_useUpload","_UploadVerify","_ProgressIndicator","_Icon","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","images","pdf","xls","ppt","csv","txt","xml","file","UploadFileListCell","_ref","_div","_P","_FormStatus","id","uploadFile","onDelete","loadingText","deleteButtonText","errorMessage","isLoading","hasWarning","fileType","getFileTypeFromExtension","humanFileType","toUpperCase","imageUrl","URL","createObjectURL","cellRef","useRef","exists","useExistsHighlight","handleDisappearFocus","cellElement","current","focusElement","getPreviousSibling","querySelector","focus","e","warn","onDeleteHandler","createElement","className","classnames","ref","getIcon","getTitle","icon","TrashIcon","variant","onClick","icon_position","getWarning","ExclamationIcon","iconFileType","mimeParts","type","split","target","href","rel","name","size","top","text","stretch","_default","exports","internalFiles","useUpload","updateExists","React","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/cjs/components/upload/UploadInfo.js

@@ -4,28 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _UploadContext = require("./UploadContext");
-
 var _Lead = _interopRequireDefault(require("../../elements/Lead"));
-
 var _P = _interopRequireDefault(require("../../elements/P"));
-
 var _Dl = _interopRequireDefault(require("../../elements/Dl"));
-
 var _Dt = _interopRequireDefault(require("../../elements/Dt"));
-
 var _Dd = _interopRequireDefault(require("../../elements/Dd"));
-
 var _NumberUtils = require("../number-format/NumberUtils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const UploadInfo = () => {
   const context = _react.default.useContext(_UploadContext.UploadContext);
-
   const {
     title,
     text,
@@ -50,6 +39,6 @@ const UploadInfo = () => {
     className: "dnb-upload__condition-list"
   }, prettyfiedAcceptedFileFormats && _react.default.createElement(_Dl.default.Item, null, _react.default.createElement(_Dt.default, null, fileTypeDescription), _react.default.createElement(_Dd.default, null, prettyfiedAcceptedFileFormats)), _react.default.createElement(_Dl.default.Item, null, _react.default.createElement(_Dt.default, null, fileSizeDescription), _react.default.createElement(_Dd.default, null, String(fileSizeContent).replace('%size', (0, _NumberUtils.format)(fileMaxSize).toString()))), filesAmountLimit < _UploadContext.defaultProps.filesAmountLimit && _react.default.createElement(_Dl.default.Item, null, _react.default.createElement(_Dt.default, null, fileAmountDescription), _react.default.createElement(_Dd.default, null, filesAmountLimit))));
 };
-
 var _default = UploadInfo;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=UploadInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadInfo.js","names":["_react","_interopRequireDefault","require","_UploadContext","_Lead","_P","_Dl","_Dt","_Dd","_NumberUtils","obj","__esModule","default","UploadInfo","context","React","useContext","UploadContext","title","text","acceptedFileTypes","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","filesAmountLimit","fileMaxSize","prettyfiedAcceptedFileFormats","join","toUpperCase","createElement","Fragment","space","top","className","bottom","direction","Item","String","replace","format","toString","defaultProps","_default","exports"],"sources":["../../../../src/components/upload/UploadInfo.tsx"],"sourcesContent":["import React from 'react'\nimport { defaultProps, UploadContext } from './UploadContext'\nimport Lead from '../../elements/Lead'\nimport P from '../../elements/P'\nimport Dl from '../../elements/Dl'\nimport Dt from '../../elements/Dt'\nimport Dd from '../../elements/Dd'\nimport { format } from '../number-format/NumberUtils'\n\nconst UploadInfo = () => {\n  const context = React.useContext(UploadContext)\n\n  const {\n    title,\n    text,\n    acceptedFileTypes,\n    fileTypeDescription,\n    fileSizeDescription,\n    fileAmountDescription,\n    fileSizeContent,\n    filesAmountLimit,\n    fileMaxSize,\n  } = context\n\n  const prettyfiedAcceptedFileFormats = acceptedFileTypes\n    .join(', ')\n    .toUpperCase()\n\n  return (\n    <>\n      <Lead space=\"0\">{title}</Lead>\n\n      <P top=\"xx-small\" className=\"dnb-upload__text\">\n        {text}\n      </P>\n\n      <Dl\n        top=\"small\"\n        bottom={0}\n        direction=\"horizontal\"\n        className=\"dnb-upload__condition-list\"\n      >\n        {prettyfiedAcceptedFileFormats && (\n          <Dl.Item>\n            <Dt>{fileTypeDescription}</Dt>\n            <Dd>{prettyfiedAcceptedFileFormats}</Dd>\n          </Dl.Item>\n        )}\n\n        <Dl.Item>\n          <Dt>{fileSizeDescription}</Dt>\n          <Dd>\n            {String(fileSizeContent).replace(\n              '%size',\n              format(fileMaxSize).toString()\n            )}\n          </Dd>\n        </Dl.Item>\n\n        {filesAmountLimit < defaultProps.filesAmountLimit && (\n          <Dl.Item>\n            <Dt>{fileAmountDescription}</Dt>\n            <Dd>{filesAmountLimit}</Dd>\n          </Dl.Item>\n        )}\n      </Dl>\n    </>\n  )\n}\n\nexport default UploadInfo\n"],"mappings":"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"}

package/cjs/components/upload/UploadStatus.js

@@ -4,22 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _UploadContext = require("./UploadContext");
-
 var _FormStatus = _interopRequireDefault(require("../FormStatus"));
-
 var _useUpload = _interopRequireDefault(require("./useUpload"));
-
 var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const UploadStatus = () => {
   const context = _react.default.useContext(_UploadContext.UploadContext);
-
   const {
     id,
     filesAmountLimit,
@@ -35,6 +27,6 @@ const UploadStatus = () => {
     stretch: true
   }, String(errorAmountLimit).replace('%amount', String(filesAmountLimit))));
 };
-
 var _default = UploadStatus;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=UploadStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadStatus.js","names":["_react","_interopRequireDefault","require","_UploadContext","_FormStatus","_useUpload","_HeightAnimation","obj","__esModule","default","UploadStatus","context","React","useContext","UploadContext","id","filesAmountLimit","errorAmountLimit","internalFiles","useUpload","createElement","open","length","top","stretch","String","replace","_default","exports"],"sources":["../../../../src/components/upload/UploadStatus.tsx"],"sourcesContent":["import React from 'react'\nimport { UploadContext } from './UploadContext'\nimport FormStatus from '../FormStatus'\nimport useUpload from './useUpload'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\nconst UploadStatus = () => {\n  const context = React.useContext(UploadContext)\n\n  const { id, filesAmountLimit, errorAmountLimit } = context\n\n  const { internalFiles } = useUpload(id)\n\n  return (\n    <HeightAnimation open={internalFiles.length > filesAmountLimit}>\n      <FormStatus top stretch>\n        {String(errorAmountLimit).replace(\n          '%amount',\n          String(filesAmountLimit)\n        )}\n      </FormStatus>\n    </HeightAnimation>\n  )\n}\n\nexport default UploadStatus\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiE,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjE,MAAMG,YAAY,GAAGA,CAAA,KAAM;EACzB,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,4BAAa,CAAC;EAE/C,MAAM;IAAEC,EAAE;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAGN,OAAO;EAE1D,MAAM;IAAEO;EAAc,CAAC,GAAG,IAAAC,kBAAS,EAACJ,EAAE,CAAC;EAEvC,OACEf,MAAA,CAAAS,OAAA,CAAAW,aAAA,CAACd,gBAAA,CAAAG,OAAe;IAACY,IAAI,EAAEH,aAAa,CAACI,MAAM,GAAGN;EAAiB,GAC7DhB,MAAA,CAAAS,OAAA,CAAAW,aAAA,CAAChB,WAAA,CAAAK,OAAU;IAACc,GAAG;IAACC,OAAO;EAAA,GACpBC,MAAM,CAACR,gBAAgB,CAAC,CAACS,OAAO,CAC/B,SAAS,EACTD,MAAM,CAACT,gBAAgB,CACzB,CACU,CACG,CAAC;AAEtB,CAAC;AAAA,IAAAW,QAAA,GAEcjB,YAAY;AAAAkB,OAAA,CAAAnB,OAAA,GAAAkB,QAAA"}