@dnb/eufemia 9.32.1 → 9.34.0

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

@@ -0,0 +1,2 @@
+import { UploadContextProps, UploadFile } from './types';
+export declare function verifyFiles(files: UploadFile[], context: Pick<UploadContextProps, 'errorUnsupportedFile' | 'errorLargeFile' | 'acceptedFileTypes' | 'fileMaxSize'>): UploadFile[];

package/cjs/components/upload/UploadVerify.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.verifyFiles = verifyFiles;
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.replace.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _NumberUtils = require("../number-format/NumberUtils");
+
+var BYTES_IN_A_MEGA_BYTE = 1048576;
+
+function verifyFiles(files, context) {
+  var fileMaxSize = context.fileMaxSize,
+      acceptedFileTypes = context.acceptedFileTypes,
+      errorLargeFile = context.errorLargeFile,
+      errorUnsupportedFile = context.errorUnsupportedFile;
+
+  var handleSize = function handleSize(file) {
+    return file.size / BYTES_IN_A_MEGA_BYTE > fileMaxSize ? String(errorLargeFile).replace('%size', (0, _NumberUtils.format)(fileMaxSize).toString()) : null;
+  };
+
+  var handleType = function handleType(file) {
+    if (acceptedFileTypes.length === 0) {
+      return false;
+    }
+
+    var foundType = acceptedFileTypes.some(function (type) {
+      return file.type.includes(type);
+    });
+    return !foundType ? errorUnsupportedFile : null;
+  };
+
+  var cleanedFiles = files.map(function (item) {
+    var file = item.file;
+    var errorMessage = handleSize(file) || handleType(file);
+
+    if (errorMessage) {
+      item.errorMessage = errorMessage;
+    }
+
+    return item;
+  });
+  return cleanedFiles;
+}

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

@@ -0,0 +1,3 @@
+export default Upload;
+export * from "./Upload";
+import Upload from "./Upload";

package/cjs/components/upload/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+
+var _Upload = _interopRequireWildcard(require("./Upload"));
+
+Object.keys(_Upload).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Upload[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Upload[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var _default = _Upload.default;
+exports.default = _default;

package/cjs/components/upload/style/_upload.scss

@@ -0,0 +1,91 @@
+/*
+* Upload component
+*
+*/
+
+.dnb-upload {
+  display: flex;
+  flex-direction: column;
+
+  position: relative;
+  padding: var(--spacing-medium);
+
+  @include allBelow(small) {
+    padding: var(--spacing-medium) var(--spacing-small);
+  }
+
+  background-color: var(--color-white);
+
+  // svg element
+  &__outline {
+    content: '';
+
+    pointer-events: none;
+
+    position: absolute;
+    inset: 0;
+
+    height: 100%;
+    width: 100%;
+  }
+
+  &__file-input {
+    position: absolute;
+    visibility: hidden;
+  }
+
+  &__file-list {
+    position: relative;
+
+    padding: 0;
+    margin-top: var(--spacing-medium);
+    margin-bottom: 0;
+
+    list-style: none;
+  }
+
+  // Border on top/bottom of list items
+  &__file-list::before,
+  &__file-cell::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    height: 1px;
+    background-color: var(--color-black-8);
+  }
+
+  &__file-cell {
+    position: relative;
+    padding: var(--spacing-small) 0;
+
+    // Align border to bottom
+    &::after {
+      top: auto;
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: row;
+
+      justify-content: space-between;
+      align-items: center;
+
+      &__left {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+      }
+    }
+
+    &__text-container {
+      display: flex;
+      flex-direction: column;
+
+      margin-left: var(--spacing-small);
+
+      &--loading {
+        font-size: var(--font-size-basis);
+      }
+    }
+  }
+}