@dnb/eufemia 9.34.2 → 9.35.0

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { SkeletonShow } from '../skeleton/Skeleton';
 import { LocaleProps, SpacingProps } from '../../shared/types';
+export declare type UploadAcceptedFileTypes = string[];
 export declare type UploadProps = {
     /**
      * unique id used with the useUpload hook to manage the files
@@ -9,7 +10,7 @@ export declare type UploadProps = {
     /**
      * list of accepted file types.
      */
-    acceptedFileTypes: string[];
+    acceptedFileTypes: UploadAcceptedFileTypes;
     /**
      * Skeleton should be applied when loading content
      * Default: null
@@ -63,5 +64,6 @@ export declare type UploadFile = {
     file: File;
     errorMessage?: React.ReactNode;
     isLoading?: boolean;
+    exists?: boolean;
     id?: string;
 };

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

@@ -4,11 +4,10 @@ export declare type useUploadReturn = {
     setFiles: (files: UploadFile[]) => void;
     internalFiles: UploadFile[];
     setInternalFiles: (files: UploadFile[]) => void;
+    existsInFiles: (file: File, fileItems?: UploadFile[]) => boolean;
 };
 /**
  * Use together with Upload with the same id to manage the files from outside the component.
- * @param id string, must match the id of the Upload component
- * @returns { files: UploadFile[], setFiles: (file: UploadFile[]) => void }
  */
 declare function useUpload(id: string): useUploadReturn;
 export default useUpload;

package/cjs/components/upload/useUpload.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.function.name.js");
+
 var _componentHelper = require("../../shared/component-helper");
 
 function useUpload(id) {
@@ -24,11 +28,23 @@ function useUpload(id) {
     });
   };
 
+  var files = (data === null || data === void 0 ? void 0 : data.files) || [];
+  var internalFiles = (data === null || data === void 0 ? void 0 : data.internalFiles) || [];
+
+  var existsInFiles = function existsInFiles(file) {
+    var fileItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : files;
+    return fileItems.some(function (_ref) {
+      var f = _ref.file;
+      return f.name === file.name && f.size === file.size && f.lastModified === file.lastModified;
+    });
+  };
+
   return {
-    files: (data === null || data === void 0 ? void 0 : data.files) || [],
+    files: files,
     setFiles: setFiles,
-    internalFiles: (data === null || data === void 0 ? void 0 : data.internalFiles) || [],
-    setInternalFiles: setInternalFiles
+    internalFiles: internalFiles,
+    setInternalFiles: setInternalFiles,
+    existsInFiles: existsInFiles
   };
 }
 

package/cjs/shared/Eufemia.js

@@ -21,7 +21,7 @@ function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.34.2';
+          return '__VERSION__';
         }
       }]);
 

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

@@ -5394,6 +5394,12 @@ html[data-dnb-modal-active] {
   .dnb-section--spacing-medium {
     padding: 1.5rem 0;
     padding: var(--spacing-medium) 0; }
+  .dnb-section--spacing-x-large {
+    padding: 3rem 0;
+    padding: var(--spacing-x-large) 0; }
+  .dnb-section--spacing-xx-large {
+    padding: 3.5rem 0;
+    padding: var(--spacing-xx-large) 0; }
   .dnb-section--spacing, .dnb-section--spacing-large {
     padding: 2rem 0;
     padding: var(--spacing-large) 0; }
@@ -7536,13 +7542,25 @@ span.dnb-space--no-collapse > span {
     /* stylelint-enable */ }
     html[data-whatinput='keyboard'] .dnb-tabs__button__snap:last-of-type.focus .dnb-tabs__button:focus {
       margin-right: 0.5rem; }
+  .dnb-tabs__cached {
+    opacity: 1;
+    -webkit-transition: opacity 1s cubic-bezier(0.42, 0, 0, 1);
+    transition: opacity 1s cubic-bezier(0.42, 0, 0, 1);
+    -webkit-transition: opacity 1s var(--easing-default);
+    transition: opacity 1s var(--easing-default); }
+  .dnb-tabs__cached--hidden {
+    opacity: 0;
+    visibility: hidden;
+    height: 0 !important;
+    overflow: hidden; }
+  html[data-visual-test] .dnb-tabs .dnb-tabs__cached,
   html[data-visual-test] .dnb-tabs .dnb-tabs__button,
   html[data-visual-test] .dnb-tabs .dnb-tabs__button__snap,
   html[data-visual-test] .dnb-tabs .dnb-tabs__scroll-nav-button {
     -webkit-transition: none !important;
     transition: none !important; }
-  .dnb-tabs__content--spacing {
-    padding-top: 2rem; }
+  .dnb-tabs__content {
+    padding-bottom: 0; }
 
 /*
 * Tag component