@norges-domstoler/dds-components 10.3.0 → 10.3.1

package/dist/cjs/components/FileUploader/fileUploaderReducer.d.ts

@@ -23,6 +23,9 @@ export type FileUploaderAction = {
 } | {
     type: 'onRemoveFile';
     payload: FileChangePayload;
+} | {
+    type: 'setRootErrors';
+    payload: RootErrorList;
 };
 export type FileUploaderState = {
     files: FileUploaderFile[];

package/dist/cjs/index.js

@@ -11040,6 +11040,10 @@ var fileUploaderReducer = function fileUploaderReducer(state, action) {
         rootErrors: action.payload.rootErrors,
         files: action.payload.files
       });
+    case 'setRootErrors':
+      return Object.assign(Object.assign({}, state), {
+        rootErrors: action.payload
+      });
     default:
       return state;
   }
@@ -11094,12 +11098,14 @@ var useFileUploader = function useFileUploader(props) {
   var rootRef = React.useRef(null);
   var inputRef = React.useRef(null);
   var buttonRef = React.useRef(null);
-  var initialFileUploaderFiles = initialFiles.map(function (f) {
-    return {
-      file: f,
-      errors: []
-    };
-  });
+  var initialFileUploaderFiles = React.useMemo(function () {
+    return initialFiles.map(function (f) {
+      return {
+        file: f,
+        errors: []
+      };
+    });
+  }, [initialFiles]);
   var _useReducer = React.useReducer(fileUploaderReducer, {
       files: initialFileUploaderFiles,
       isFocused: false,
@@ -11110,6 +11116,12 @@ var useFileUploader = function useFileUploader(props) {
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
+  React.useEffect(function () {
+    dispatch({
+      type: 'setRootErrors',
+      payload: calcRootErrors(initialFileUploaderFiles, maxFiles, errorMessage)
+    });
+  }, [dispatch, initialFileUploaderFiles, maxFiles, errorMessage]);
   var stateFiles = state.files;
   var onRootFocus = React.useCallback(function () {
     return dispatch({

package/dist/components/FileUploader/fileUploaderReducer.d.ts

@@ -23,6 +23,9 @@ export type FileUploaderAction = {
 } | {
     type: 'onRemoveFile';
     payload: FileChangePayload;
+} | {
+    type: 'setRootErrors';
+    payload: RootErrorList;
 };
 export type FileUploaderState = {
     files: FileUploaderFile[];

package/dist/components/FileUploader/fileUploaderReducer.js

@@ -27,6 +27,10 @@ var fileUploaderReducer = function fileUploaderReducer(state, action) {
         rootErrors: action.payload.rootErrors,
         files: action.payload.files
       });
+    case 'setRootErrors':
+      return Object.assign(Object.assign({}, state), {
+        rootErrors: action.payload
+      });
     default:
       return state;
   }

package/dist/components/FileUploader/useFileUploader.js

@@ -1,6 +1,6 @@
 import { slicedToArray as _slicedToArray, regeneratorRuntime as _regeneratorRuntime, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __awaiter } from 'tslib';
-import { useRef, useReducer, useCallback } from 'react';
+import { useRef, useMemo, useReducer, useEffect, useCallback } from 'react';
 import { fileUploaderReducer } from './fileUploaderReducer.js';
 import { fromEvent } from 'file-selector';
 import { preventDefaults, isEventWithFiles, isFileAccepted, getInvalidFileTypeErrorMessage, getTooManyFilesErrorMessage } from './utils.js';
@@ -25,12 +25,14 @@ var useFileUploader = function useFileUploader(props) {
   var rootRef = useRef(null);
   var inputRef = useRef(null);
   var buttonRef = useRef(null);
-  var initialFileUploaderFiles = initialFiles.map(function (f) {
-    return {
-      file: f,
-      errors: []
-    };
-  });
+  var initialFileUploaderFiles = useMemo(function () {
+    return initialFiles.map(function (f) {
+      return {
+        file: f,
+        errors: []
+      };
+    });
+  }, [initialFiles]);
   var _useReducer = useReducer(fileUploaderReducer, {
       files: initialFileUploaderFiles,
       isFocused: false,
@@ -41,6 +43,12 @@ var useFileUploader = function useFileUploader(props) {
     _useReducer2 = _slicedToArray(_useReducer, 2),
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
+  useEffect(function () {
+    dispatch({
+      type: 'setRootErrors',
+      payload: calcRootErrors(initialFileUploaderFiles, maxFiles, errorMessage)
+    });
+  }, [dispatch, initialFileUploaderFiles, maxFiles, errorMessage]);
   var stateFiles = state.files;
   var onRootFocus = useCallback(function () {
     return dispatch({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "10.3.0",
+  "version": "10.3.1",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",