@dnb/eufemia 10.44.0 → 10.45.0

package/CHANGELOG.md

@@ -3,6 +3,35 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.45.0](https://github.com/dnbexperience/eufemia/compare/v10.44.0...v10.45.0) (2024-08-26)
+
+
+### :memo: Documentation
+
+* **Upload:** adds `false` as a file max size type ([#3846](https://github.com/dnbexperience/eufemia/issues/3846)) ([8747e74](https://github.com/dnbexperience/eufemia/commit/8747e74e0606d176e312fac16b5651ccb1eb3000))
+
+
+### :bug: Bug Fixes
+
+* **forms:** enhance `Field.Name` validation rule ([#3849](https://github.com/dnbexperience/eufemia/issues/3849)) ([9c9142d](https://github.com/dnbexperience/eufemia/commit/9c9142d99e73764f8742a3e21d7ffbae933dabd0))
+* **forms:** ensure `Iterate.Array` can handle an array given in the data context ([#3842](https://github.com/dnbexperience/eufemia/issues/3842)) ([263f4c7](https://github.com/dnbexperience/eufemia/commit/263f4c7e52d60fdebcf294068744cd6973388ac7)), closes [#3759](https://github.com/dnbexperience/eufemia/issues/3759)
+* **forms:** ensure `Section.EditContainer` cancel restores data when path is given ([#3853](https://github.com/dnbexperience/eufemia/issues/3853)) ([eabc583](https://github.com/dnbexperience/eufemia/commit/eabc583f3d75b28b1ee228bb40e8ac316b05c9aa)), closes [#3797](https://github.com/dnbexperience/eufemia/issues/3797)
+* **forms:** ensure pressing enter in an input field inside Wizard does trigger next step ([#3852](https://github.com/dnbexperience/eufemia/issues/3852)) ([fd35828](https://github.com/dnbexperience/eufemia/commit/fd35828d295891744e1c3efd48ee62a013049705))
+* **forms:** make `Form.Isolation`s data flow "from outside" stricter ([#3847](https://github.com/dnbexperience/eufemia/issues/3847)) ([977962b](https://github.com/dnbexperience/eufemia/commit/977962b70277b03d743e617b16d2df46d25d22aa)), closes [#3844](https://github.com/dnbexperience/eufemia/issues/3844)
+* **forms:** validate fields inside `Iterate.EditContainer` when done button is pressed ([#3850](https://github.com/dnbexperience/eufemia/issues/3850)) ([2a2272e](https://github.com/dnbexperience/eufemia/commit/2a2272ef4b279d35bf9c28f138ec3741bb3384e6))
+* **forms:** validate fields inside `Section.EditContainer` when done button is pressed ([#3851](https://github.com/dnbexperience/eufemia/issues/3851)) ([1c34980](https://github.com/dnbexperience/eufemia/commit/1c34980980f8369a434a93b41a448e092e85e09b))
+* **useTheme:** define the return type of `null` as a possible return ([#3861](https://github.com/dnbexperience/eufemia/issues/3861)) ([8d0cf61](https://github.com/dnbexperience/eufemia/commit/8d0cf618a9620e7de00bfac8bde834846bff3b84))
+
+
+### :sparkles: Features
+
+* **forms:** add `inheritLabel` prop to value components ([#3858](https://github.com/dnbexperience/eufemia/issues/3858)) ([01e0976](https://github.com/dnbexperience/eufemia/commit/01e09761b2aca1d78b6517668ff35e857499cd24))
+* **forms:** add `Iterate.PushContainer` to support an "initially open" container ([#3843](https://github.com/dnbexperience/eufemia/issues/3843)) ([0fe23a9](https://github.com/dnbexperience/eufemia/commit/0fe23a969f6957fef4316dc4527277bf7f5d5b5b))
+* **forms:** add `Value.ArraySelection` component ([#3854](https://github.com/dnbexperience/eufemia/issues/3854)) ([bc55cc2](https://github.com/dnbexperience/eufemia/commit/bc55cc29af6b902795a83d8c4eee65ffa1db0b5d))
+* **forms:** add `Value.Selection` component ([#3857](https://github.com/dnbexperience/eufemia/issues/3857)) ([7432986](https://github.com/dnbexperience/eufemia/commit/74329864b8cecf31fccdfc356786b43575e5c256))
+* **forms:** add support for `{itemNr}` to the iterate container title + add `useItem` hook ([#3848](https://github.com/dnbexperience/eufemia/issues/3848)) ([0d50272](https://github.com/dnbexperience/eufemia/commit/0d50272c7a5c02d0e5d149432eb54927c327db9c))
+* **Upload:** define max file size for file type ([#3859](https://github.com/dnbexperience/eufemia/issues/3859)) ([13fc1a8](https://github.com/dnbexperience/eufemia/commit/13fc1a864c1a5f2add1e9eb3afd5f6ea5967cb27))
+
 ## [10.44.0](https://github.com/dnbexperience/eufemia/compare/v10.43.0...v10.44.0) (2024-08-19)
 
 

package/cjs/components/checkbox/style/dnb-checkbox.scss

@@ -243,7 +243,7 @@
    */
 
   // stylelint-disable no-descending-specificity
-  // We prioritize categorisation and readability over specificity here
+  // We prioritize categorization and readability over specificity here
 
   /** Normal state **/
 

package/cjs/components/radio/style/dnb-radio.scss

@@ -297,7 +297,7 @@
    */
 
   // stylelint-disable no-descending-specificity
-  // We prioritize categorisation and readability over specificity here */
+  // We prioritize categorization and readability over specificity here */
 
   /** Normal state **/
 

package/cjs/components/table/TableStickyHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableStickyHeader.js","names":["_react","_interopRequireDefault","require","_componentHelper","_helpers","obj","__esModule","default","useStickyHeader","_ref","sticky","stickyOffset","elementRef","React","useRef","useEffect","isSticky","thHeight","offsetTopPx","tableOffset","tableHeight","totalOffset","hasScrollbar","scrollViewElem","timeout","tableElem","current","trElem","querySelector","thElem","getThElement","setSizes","parseFloat","String","includes","Math","round","modalElem","getPreviousSibling","offsetHeight","scrollElem","scrollHeight","getOffsetTop","style","setProperty","offset","onScroll","scrollTop","window","pageYOffset","classList","add","removeProperty","remove","onResize","applyObservers","document","addEventListener","e","stickyWarning","setTimeout","clearTimeout","removeEventListener","exports","message","arguments","length","undefined","warn","element"],"sources":["../../../../src/components/table/TableStickyHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { getPreviousSibling, warn } from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\n\nexport type StickyTableHeaderProps = {\n  /**\n   * Makes the Table header sticky\n   * Default: false\n   */\n  sticky?: boolean | 'css-position'\n\n  /**\n   * The offset from top in rem or em unit\n   * Default: false\n   */\n  stickyOffset?: string | number\n}\n\nexport const useStickyHeader = ({\n  sticky,\n  stickyOffset,\n}: StickyTableHeaderProps) => {\n  const elementRef = React.useRef<HTMLTableElement>()\n\n  React.useEffect(() => {\n    if (sticky) {\n      let isSticky = false\n      let thHeight = 0\n      let offsetTopPx = 0\n      let tableOffset = 0\n      let tableHeight = 0\n      let totalOffset = 0\n      let hasScrollbar = null\n      let scrollViewElem = null\n      let timeout: NodeJS.Timeout = null\n\n      try {\n        const tableElem = elementRef.current\n\n        const trElem: HTMLTableRowElement = tableElem.querySelector(\n          'thead > tr:first-of-type, thead > .dnb-table__tr:first-of-type'\n        )\n        const thElem = getThElement(tableElem)\n\n        const setSizes = () => {\n          offsetTopPx = parseFloat(String(stickyOffset)) || 0\n          if (offsetTopPx > 0) {\n            if (String(stickyOffset).includes('rem')) {\n              offsetTopPx = Math.round(offsetTopPx * 16)\n            }\n          }\n\n          const modalElem = getPreviousSibling(\n            '.dnb-modal__content',\n            tableElem\n          )\n\n          if (modalElem) {\n            scrollViewElem = modalElem.querySelector('.dnb-scroll-view')\n\n            if (offsetTopPx === 0) {\n              offsetTopPx =\n                (\n                  modalElem.querySelector(\n                    '.dnb-modal__header__bar'\n                  ) as HTMLElement\n                ).offsetHeight || 0\n            }\n          } else {\n            const scrollElem = getPreviousSibling(\n              '.dnb-scroll-view',\n              tableElem\n            ) as HTMLElement\n\n            if (scrollElem) {\n              hasScrollbar =\n                scrollElem.scrollHeight - 1 > scrollElem.offsetHeight\n\n              if (hasScrollbar) {\n                scrollViewElem = scrollElem\n              }\n            }\n          }\n\n          thHeight = thElem.offsetHeight\n          tableHeight = tableElem.offsetHeight\n          tableOffset = getOffsetTop(tableElem)\n          totalOffset = tableOffset - offsetTopPx\n\n          if (sticky === 'css-position') {\n            trElem.style.setProperty(\n              '--table-top',\n              `${offsetTopPx / 16}rem`\n            )\n          }\n        }\n\n        let offset = 0\n        const onScroll = () => {\n          if (scrollViewElem) {\n            offset = scrollViewElem.scrollTop\n          } else {\n            offset = window.pageYOffset\n          }\n\n          offset -= hasScrollbar ? offsetTopPx : totalOffset\n\n          // By sub thHeight and checking for the height, we avoid a scrollbar inside a Table.ScrollView\n          if (offset > 0 && offset < tableHeight - thHeight) {\n            if (sticky !== 'css-position') {\n              trElem.style.setProperty(\n                '--table-offset',\n                String(offset) + 'px'\n              )\n            }\n\n            if (!isSticky) {\n              isSticky = true\n\n              trElem.classList.add('is-sticky')\n            }\n          } else {\n            if (isSticky) {\n              isSticky = false\n\n              if (offset <= 0) {\n                if (sticky !== 'css-position') {\n                  trElem.style.removeProperty('--table-offset')\n                }\n              }\n\n              trElem.classList.remove('is-sticky')\n            }\n          }\n        }\n\n        const onResize = () => {\n          setSizes()\n          onScroll()\n        }\n\n        const applyObservers = () => {\n          try {\n            trElem.classList.add('sticky')\n            if (sticky === 'css-position') {\n              trElem.classList.add('css-position')\n            }\n\n            setSizes()\n\n            const scrollElem = scrollViewElem || document\n            scrollElem.addEventListener('scroll', onScroll)\n            window.addEventListener('resize', onResize)\n          } catch (e) {\n            stickyWarning(e)\n          }\n        }\n\n        timeout = setTimeout(applyObservers, 100) // to get a more precise offset/sizes, we delay the initialisation\n\n        return () => {\n          clearTimeout(timeout)\n          document.removeEventListener('scroll', onScroll)\n          window.removeEventListener('resize', onResize)\n        }\n      } catch (e) {\n        stickyWarning(e)\n      }\n    }\n  }, [elementRef, sticky, stickyOffset])\n\n  return { elementRef }\n}\n\nconst stickyWarning = (message = '') => {\n  warn('Could not enable Sticky mode in table:', message)\n}\nconst getThElement = (element: HTMLTableElement): HTMLTableCellElement => {\n  return element.querySelector(\n    'thead > tr:first-of-type > th:first-of-type, thead > .dnb-table__tr:first-of-type > .dnb-table__th:first-of-type'\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableStickyHeader.js","names":["_react","_interopRequireDefault","require","_componentHelper","_helpers","obj","__esModule","default","useStickyHeader","_ref","sticky","stickyOffset","elementRef","React","useRef","useEffect","isSticky","thHeight","offsetTopPx","tableOffset","tableHeight","totalOffset","hasScrollbar","scrollViewElem","timeout","tableElem","current","trElem","querySelector","thElem","getThElement","setSizes","parseFloat","String","includes","Math","round","modalElem","getPreviousSibling","offsetHeight","scrollElem","scrollHeight","getOffsetTop","style","setProperty","offset","onScroll","scrollTop","window","pageYOffset","classList","add","removeProperty","remove","onResize","applyObservers","document","addEventListener","e","stickyWarning","setTimeout","clearTimeout","removeEventListener","exports","message","arguments","length","undefined","warn","element"],"sources":["../../../../src/components/table/TableStickyHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { getPreviousSibling, warn } from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\n\nexport type StickyTableHeaderProps = {\n  /**\n   * Makes the Table header sticky\n   * Default: false\n   */\n  sticky?: boolean | 'css-position'\n\n  /**\n   * The offset from top in rem or em unit\n   * Default: false\n   */\n  stickyOffset?: string | number\n}\n\nexport const useStickyHeader = ({\n  sticky,\n  stickyOffset,\n}: StickyTableHeaderProps) => {\n  const elementRef = React.useRef<HTMLTableElement>()\n\n  React.useEffect(() => {\n    if (sticky) {\n      let isSticky = false\n      let thHeight = 0\n      let offsetTopPx = 0\n      let tableOffset = 0\n      let tableHeight = 0\n      let totalOffset = 0\n      let hasScrollbar = null\n      let scrollViewElem = null\n      let timeout: NodeJS.Timeout = null\n\n      try {\n        const tableElem = elementRef.current\n\n        const trElem: HTMLTableRowElement = tableElem.querySelector(\n          'thead > tr:first-of-type, thead > .dnb-table__tr:first-of-type'\n        )\n        const thElem = getThElement(tableElem)\n\n        const setSizes = () => {\n          offsetTopPx = parseFloat(String(stickyOffset)) || 0\n          if (offsetTopPx > 0) {\n            if (String(stickyOffset).includes('rem')) {\n              offsetTopPx = Math.round(offsetTopPx * 16)\n            }\n          }\n\n          const modalElem = getPreviousSibling(\n            '.dnb-modal__content',\n            tableElem\n          )\n\n          if (modalElem) {\n            scrollViewElem = modalElem.querySelector('.dnb-scroll-view')\n\n            if (offsetTopPx === 0) {\n              offsetTopPx =\n                (\n                  modalElem.querySelector(\n                    '.dnb-modal__header__bar'\n                  ) as HTMLElement\n                ).offsetHeight || 0\n            }\n          } else {\n            const scrollElem = getPreviousSibling(\n              '.dnb-scroll-view',\n              tableElem\n            ) as HTMLElement\n\n            if (scrollElem) {\n              hasScrollbar =\n                scrollElem.scrollHeight - 1 > scrollElem.offsetHeight\n\n              if (hasScrollbar) {\n                scrollViewElem = scrollElem\n              }\n            }\n          }\n\n          thHeight = thElem.offsetHeight\n          tableHeight = tableElem.offsetHeight\n          tableOffset = getOffsetTop(tableElem)\n          totalOffset = tableOffset - offsetTopPx\n\n          if (sticky === 'css-position') {\n            trElem.style.setProperty(\n              '--table-top',\n              `${offsetTopPx / 16}rem`\n            )\n          }\n        }\n\n        let offset = 0\n        const onScroll = () => {\n          if (scrollViewElem) {\n            offset = scrollViewElem.scrollTop\n          } else {\n            offset = window.pageYOffset\n          }\n\n          offset -= hasScrollbar ? offsetTopPx : totalOffset\n\n          // By sub thHeight and checking for the height, we avoid a scrollbar inside a Table.ScrollView\n          if (offset > 0 && offset < tableHeight - thHeight) {\n            if (sticky !== 'css-position') {\n              trElem.style.setProperty(\n                '--table-offset',\n                String(offset) + 'px'\n              )\n            }\n\n            if (!isSticky) {\n              isSticky = true\n\n              trElem.classList.add('is-sticky')\n            }\n          } else {\n            if (isSticky) {\n              isSticky = false\n\n              if (offset <= 0) {\n                if (sticky !== 'css-position') {\n                  trElem.style.removeProperty('--table-offset')\n                }\n              }\n\n              trElem.classList.remove('is-sticky')\n            }\n          }\n        }\n\n        const onResize = () => {\n          setSizes()\n          onScroll()\n        }\n\n        const applyObservers = () => {\n          try {\n            trElem.classList.add('sticky')\n            if (sticky === 'css-position') {\n              trElem.classList.add('css-position')\n            }\n\n            setSizes()\n\n            const scrollElem = scrollViewElem || document\n            scrollElem.addEventListener('scroll', onScroll)\n            window.addEventListener('resize', onResize)\n          } catch (e) {\n            stickyWarning(e)\n          }\n        }\n\n        timeout = setTimeout(applyObservers, 100) // to get a more precise offset/sizes, we delay the initialization\n\n        return () => {\n          clearTimeout(timeout)\n          document.removeEventListener('scroll', onScroll)\n          window.removeEventListener('resize', onResize)\n        }\n      } catch (e) {\n        stickyWarning(e)\n      }\n    }\n  }, [elementRef, sticky, stickyOffset])\n\n  return { elementRef }\n}\n\nconst stickyWarning = (message = '') => {\n  warn('Could not enable Sticky mode in table:', message)\n}\nconst getThElement = (element: HTMLTableElement): HTMLTableCellElement => {\n  return element.querySelector(\n    'thead > tr:first-of-type > th:first-of-type, thead > .dnb-table__tr:first-of-type > .dnb-table__th:first-of-type'\n  )\n}\n"],"mappings":"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"}

package/cjs/components/upload/Upload.js

@@ -26,7 +26,7 @@ var _UploadFileList2 = _interopRequireDefault(require("./UploadFileList"));
 var _UploadInfo2 = _interopRequireDefault(require("./UploadInfo"));
 var _UploadInfo, _UploadFileInput, _UploadFileList;
 const _excluded = ["buttonTextSingular", "textSingular"],
-  _excluded2 = ["id", "skeleton", "className", "acceptedFileTypes", "filesAmountLimit", "fileMaxSize", "onChange", "onFileDelete", "title", "text", "fileTypeDescription", "fileSizeDescription", "fileAmountDescription", "fileSizeContent", "buttonText", "loadingText", "errorLargeFile", "errorUnsupportedFile", "errorAmountLimit", "deleteButton", "fileListAriaLabel"];
+  _excluded2 = ["id", "skeleton", "className", "acceptedFileTypes", "filesAmountLimit", "fileMaxSize", "onChange", "onFileDelete", "title", "text", "fileTypeTableCaption", "fileTypeDescription", "fileSizeDescription", "fileAmountDescription", "fileSizeContent", "buttonText", "loadingText", "errorLargeFile", "errorUnsupportedFile", "errorAmountLimit", "deleteButton", "fileListAriaLabel"];
 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; }
@@ -64,6 +64,7 @@ const Upload = localProps => {
       onFileDelete,
       title,
       text,
+      fileTypeTableCaption,
       fileTypeDescription,
       fileSizeDescription,
       fileAmountDescription,

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

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_SpacingHelper","_Provider","_Context","_componentHelper","_UploadFileInput2","_useUpload","_UploadDropzone","_UploadContext","_UploadVerify","_UploadFileList2","_UploadInfo2","_UploadInfo","_UploadFileInput","_UploadFileList","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Upload","localProps","context","React","useContext","Context","_context$getTranslati","getTranslation","buttonTextSingular","textSingular","translations","filesAmountLimit","buttonText","text","extendedProps","extendPropsWithContext","defaultProps","skeleton","id","className","acceptedFileTypes","fileMaxSize","onChange","onFileDelete","title","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","props","spacingClasses","createSpacingClasses","files","setFiles","setInternalFiles","getExistingFile","useUpload","onInputUpload","useCallback","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","makeUniqueId","verifiedFiles","verifyFiles","_ref","validFiles","slice","createElement","UploadContext","Provider","classnames","_formElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React, { useCallback } 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 type * from './types'\nexport { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const { buttonTextSingular, textSingular, ...translations } =\n    context.getTranslation(localProps).Upload\n\n  if (localProps?.filesAmountLimit === 1) {\n    translations.buttonText = buttonTextSingular\n    translations.text = textSingular\n  }\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    translations,\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, getExistingFile } =\n    useUpload(id)\n\n  const onInputUpload = useCallback(\n    (newFiles: UploadFile[]) => {\n      const mergedFiles = [\n        ...files,\n        ...newFiles.map((fileItem) => {\n          const { file } = fileItem\n\n          const existingFile = getExistingFile(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      acceptedFileTypes,\n      errorLargeFile,\n      errorUnsupportedFile,\n      fileMaxSize,\n      files,\n      filesAmountLimit,\n      getExistingFile,\n      onChange,\n      setFiles,\n      setInternalFiles,\n    ]\n  )\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\nUpload.useUpload = useUpload\n\nUpload._formElement = true\nUpload._supportsSpacingProps = true\n\nexport default Upload\n"],"mappings":"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"}
+{"version":3,"file":"Upload.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_SpacingHelper","_Provider","_Context","_componentHelper","_UploadFileInput2","_useUpload","_UploadDropzone","_UploadContext","_UploadVerify","_UploadFileList2","_UploadInfo2","_UploadInfo","_UploadFileInput","_UploadFileList","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Upload","localProps","context","React","useContext","Context","_context$getTranslati","getTranslation","buttonTextSingular","textSingular","translations","filesAmountLimit","buttonText","text","extendedProps","extendPropsWithContext","defaultProps","skeleton","id","className","acceptedFileTypes","fileMaxSize","onChange","onFileDelete","title","fileTypeTableCaption","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","props","spacingClasses","createSpacingClasses","files","setFiles","setInternalFiles","getExistingFile","useUpload","onInputUpload","useCallback","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","makeUniqueId","verifiedFiles","verifyFiles","_ref","validFiles","slice","createElement","UploadContext","Provider","classnames","_formElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React, { useCallback } 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 type * from './types'\nexport { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const { buttonTextSingular, textSingular, ...translations } =\n    context.getTranslation(localProps).Upload\n\n  if (localProps?.filesAmountLimit === 1) {\n    translations.buttonText = buttonTextSingular\n    translations.text = textSingular\n  }\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    translations,\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    fileTypeTableCaption, // 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, getExistingFile } =\n    useUpload(id)\n\n  const onInputUpload = useCallback(\n    (newFiles: UploadFile[]) => {\n      const mergedFiles = [\n        ...files,\n        ...newFiles.map((fileItem) => {\n          const { file } = fileItem\n\n          const existingFile = getExistingFile(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      acceptedFileTypes,\n      errorLargeFile,\n      errorUnsupportedFile,\n      fileMaxSize,\n      files,\n      filesAmountLimit,\n      getExistingFile,\n      onChange,\n      setFiles,\n      setInternalFiles,\n    ]\n  )\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\nUpload.useUpload = useUpload\n\nUpload._formElement = true\nUpload._supportsSpacingProps = true\n\nexport default Upload\n"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
 import { PropertiesTableProps } from '../../shared/types';
 export declare const UploadProperties: PropertiesTableProps;
+export declare const AcceptedFileTypeProperties: PropertiesTableProps;
 export declare const UploadEvents: PropertiesTableProps;

package/cjs/components/upload/UploadDocs.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UploadProperties = exports.UploadEvents = void 0;
+exports.UploadProperties = exports.UploadEvents = exports.AcceptedFileTypeProperties = void 0;
 const UploadProperties = {
   acceptedFileTypes: {
-    doc: 'List of accepted file types.',
-    type: 'Array<string>',
+    doc: 'List of accepted file types. Either as string or [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype). When providing a list of [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype), the accepted file types will be presented in a table(see [example](/uilib/components/upload/demos/#upload-with-file-max-size-based-on-file-type)).',
+    type: ['Array<string>', 'Array<AcceptedFileType>'],
     status: 'required'
   },
   filesAmountLimit: {
@@ -17,7 +17,7 @@ const UploadProperties = {
   },
   fileMaxSize: {
     doc: 'Defines the max file size of each file in MB. Use either `0` or `false` to disable. Defaults to 5 MB.',
-    type: 'number',
+    type: ['number', 'false'],
     status: 'optional'
   },
   title: {
@@ -42,6 +42,19 @@ const UploadProperties = {
   }
 };
 exports.UploadProperties = UploadProperties;
+const AcceptedFileTypeProperties = {
+  fileType: {
+    doc: 'The name of the accepted file type.',
+    type: 'string',
+    status: 'required'
+  },
+  fileMaxSize: {
+    doc: 'Defines the max file size of the given file type in MB. Use either `0` or `false` to disable. If not provided, it defaults to the value of [Uploads](/uilib/components/upload/properties/#properties) `fileMaxSize` which defaults to 5 MB.',
+    type: ['number', 'false'],
+    status: 'optional'
+  }
+};
+exports.AcceptedFileTypeProperties = AcceptedFileTypeProperties;
 const UploadEvents = {
   onChange: {
     doc: 'Will be called on `files` changes made by the user. Access the files with `{ files }` (containing each a `fileItem`).',

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

@@ -1 +1 @@
-{"version":3,"file":"UploadDocs.js","names":["UploadProperties","acceptedFileTypes","doc","type","status","filesAmountLimit","fileMaxSize","title","text","skeleton","exports","UploadEvents","onChange","onFileDelete"],"sources":["../../../../src/components/upload/UploadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const UploadProperties: PropertiesTableProps = {\n  acceptedFileTypes: {\n    doc: 'List of accepted file types.',\n    type: 'Array<string>',\n    status: 'required',\n  },\n  filesAmountLimit: {\n    doc: 'Defines the amount of files the user can select and upload. Defaults to 100.',\n    type: 'number',\n    status: 'optional',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of each file in MB. Use either `0` or `false` to disable. Defaults to 5 MB.',\n    type: 'number',\n    status: 'optional',\n  },\n  title: {\n    doc: 'Custom text property. Replaces the default title.',\n    type: 'string',\n    status: 'optional',\n  },\n  text: {\n    doc: 'Custom text property. Replaces the default text.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'Skeleton should be applied when loading content.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const UploadEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on `files` changes made by the user. Access the files with `{ files }` (containing each a `fileItem`).',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileDelete: {\n    doc: 'Will be called once a file gets deleted by the user. Access the deleted file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAG;EACpDC,iBAAiB,EAAE;IACjBC,GAAG,EAAE,8BAA8B;IACnCC,IAAI,EAAE,eAAe;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,uGAAuG;IAC5GC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAM,OAAA,CAAAV,gBAAA,GAAAA,gBAAA;AAEM,MAAMW,YAAkC,GAAG;EAChDC,QAAQ,EAAE;IACRV,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAM,OAAA,CAAAC,YAAA,GAAAA,YAAA"}
+{"version":3,"file":"UploadDocs.js","names":["UploadProperties","acceptedFileTypes","doc","type","status","filesAmountLimit","fileMaxSize","title","text","skeleton","exports","AcceptedFileTypeProperties","fileType","UploadEvents","onChange","onFileDelete"],"sources":["../../../../src/components/upload/UploadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const UploadProperties: PropertiesTableProps = {\n  acceptedFileTypes: {\n    doc: 'List of accepted file types. Either as string or [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype). When providing a list of [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype), the accepted file types will be presented in a table(see [example](/uilib/components/upload/demos/#upload-with-file-max-size-based-on-file-type)).',\n    type: ['Array<string>', 'Array<AcceptedFileType>'],\n    status: 'required',\n  },\n  filesAmountLimit: {\n    doc: 'Defines the amount of files the user can select and upload. Defaults to 100.',\n    type: 'number',\n    status: 'optional',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of each file in MB. Use either `0` or `false` to disable. Defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'Custom text property. Replaces the default title.',\n    type: 'string',\n    status: 'optional',\n  },\n  text: {\n    doc: 'Custom text property. Replaces the default text.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'Skeleton should be applied when loading content.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AcceptedFileTypeProperties: PropertiesTableProps = {\n  fileType: {\n    doc: 'The name of the accepted file type.',\n    type: 'string',\n    status: 'required',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of the given file type in MB. Use either `0` or `false` to disable. If not provided, it defaults to the value of [Uploads](/uilib/components/upload/properties/#properties) `fileMaxSize` which defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n}\n\nexport const UploadEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on `files` changes made by the user. Access the files with `{ files }` (containing each a `fileItem`).',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileDelete: {\n    doc: 'Will be called once a file gets deleted by the user. Access the deleted file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,gBAAsC,GAAG;EACpDC,iBAAiB,EAAE;IACjBC,GAAG,EAAE,oXAAoX;IACzXC,IAAI,EAAE,CAAC,eAAe,EAAE,yBAAyB,CAAC;IAClDC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,uGAAuG;IAC5GC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAM,OAAA,CAAAV,gBAAA,GAAAA,gBAAA;AAEM,MAAMW,0BAAgD,GAAG;EAC9DC,QAAQ,EAAE;IACRV,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,6OAA6O;IAClPC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAM,OAAA,CAAAC,0BAAA,GAAAA,0BAAA;AAEM,MAAME,YAAkC,GAAG;EAChDC,QAAQ,EAAE;IACRZ,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDW,YAAY,EAAE;IACZb,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAM,OAAA,CAAAG,YAAA,GAAAA,YAAA"}

package/cjs/components/upload/UploadInfo.js

@@ -12,7 +12,14 @@ var _Dl = _interopRequireDefault(require("../../elements/Dl"));
 var _Dt = _interopRequireDefault(require("../../elements/Dt"));
 var _Dd = _interopRequireDefault(require("../../elements/Dd"));
 var _NumberUtils = require("../number-format/NumberUtils");
+var _UploadVerify = require("./UploadVerify");
+var _Table = _interopRequireDefault(require("../Table"));
+var _TableTr = _interopRequireDefault(require("../table/TableTr"));
+var _TableTh = _interopRequireDefault(require("../table/TableTh"));
+var _TableTd = _interopRequireDefault(require("../table/TableTd"));
+var _UploadInfoAcceptedFi;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const prettifyAcceptedFileFormats = acceptedFileTypes => acceptedFileTypes.sort().join(', ').toUpperCase();
 const UploadInfo = () => {
   const context = _react.default.useContext(_UploadContext.UploadContext);
   const {
@@ -27,19 +34,64 @@ const UploadInfo = () => {
     fileMaxSize,
     children
   } = context;
-  const prettifiedAcceptedFileFormats = acceptedFileTypes.join(', ').toUpperCase();
+  const prettifiedAcceptedFileFormats = prettifyAcceptedFileFormats(acceptedFileTypes);
+  const isAcceptedFileTypeListOfStrings = (0, _UploadVerify.isArrayOfStrings)(acceptedFileTypes);
+  const displayAcceptedFileFormatsListItem = isAcceptedFileTypeListOfStrings && prettifiedAcceptedFileFormats;
+  const displayFileMaxSizeItem = isAcceptedFileTypeListOfStrings && fileMaxSize;
+  const displayFilesAmountLimitItem = filesAmountLimit < _UploadContext.defaultProps.filesAmountLimit;
+  const displayAcceptedFileFormatsTable = (0, _UploadVerify.isArrayOfObjects)(acceptedFileTypes);
+  const displayDl = displayAcceptedFileFormatsListItem || displayFileMaxSizeItem || displayFilesAmountLimitItem;
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Lead.default, {
     space: "0"
   }, title), _react.default.createElement(_P.default, {
     top: "xx-small",
     className: "dnb-upload__text"
-  }, text), children, _react.default.createElement(_Dl.default, {
+  }, text), children, displayDl && _react.default.createElement(_Dl.default, {
     top: "small",
     bottom: 0,
-    layout: "horizontal",
-    className: "dnb-upload__condition-list"
-  }, prettifiedAcceptedFileFormats && _react.default.createElement(_Dl.default.Item, null, _react.default.createElement(_Dt.default, null, fileTypeDescription), _react.default.createElement(_Dd.default, null, prettifiedAcceptedFileFormats)), fileMaxSize && _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))));
+    layout: "horizontal"
+  }, displayAcceptedFileFormatsListItem && _react.default.createElement(_Dl.default.Item, null, _react.default.createElement(_Dt.default, null, fileTypeDescription), _react.default.createElement(_Dd.default, null, prettifiedAcceptedFileFormats)), displayFileMaxSizeItem && _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()))), displayFilesAmountLimitItem && _react.default.createElement(_Dl.default.Item, null, _react.default.createElement(_Dt.default, null, fileAmountDescription), _react.default.createElement(_Dd.default, null, filesAmountLimit))), displayAcceptedFileFormatsTable && (_UploadInfoAcceptedFi || (_UploadInfoAcceptedFi = _react.default.createElement(UploadInfoAcceptedFileTypesTable, null))));
 };
+function UploadInfoAcceptedFileTypesTable() {
+  const context = _react.default.useContext(_UploadContext.UploadContext);
+  const {
+    acceptedFileTypes,
+    fileTypeTableCaption,
+    fileTypeDescription,
+    fileSizeDescription,
+    fileSizeContent,
+    fileMaxSize
+  } = context;
+  const groupByFileMaxSize = (acceptedFileTypes, fallBackFileMaxSize) => {
+    const fileMaxSizeIsFalseOrZero = fileMaxSize => {
+      return fileMaxSize === false || fileMaxSize === 0;
+    };
+    const group = {};
+    acceptedFileTypes.forEach(item => {
+      const itemFileMaxSize = item.fileMaxSize;
+      const groupName = itemFileMaxSize ? itemFileMaxSize : fileMaxSizeIsFalseOrZero(itemFileMaxSize) ? 0 : fileMaxSizeIsFalseOrZero(fallBackFileMaxSize) ? 0 : fallBackFileMaxSize;
+      group[groupName] = group[groupName] || [];
+      group[groupName].push(item);
+    });
+    return group;
+  };
+  const acceptedFileTypesGroupedByFileMaxSize = groupByFileMaxSize(acceptedFileTypes, fileMaxSize);
+  return _react.default.createElement(_Table.default, {
+    border: true,
+    className: "dnb-upload__accepted-file-types-table",
+    size: "small"
+  }, _react.default.createElement("caption", {
+    className: "dnb-sr-only"
+  }, fileTypeTableCaption), _react.default.createElement("thead", null, _react.default.createElement(_TableTr.default, {
+    variant: "odd",
+    cellSpacing: 0
+  }, _react.default.createElement(_TableTh.default, null, fileTypeDescription), _react.default.createElement(_TableTh.default, null, fileSizeDescription))), _react.default.createElement("tbody", null, Object.keys(acceptedFileTypesGroupedByFileMaxSize).sort((a, b) => Number(b) - Number(a)).map(key => {
+    return _react.default.createElement(_TableTr.default, {
+      variant: "odd",
+      key: key
+    }, _react.default.createElement(_TableTd.default, null, prettifyAcceptedFileFormats(acceptedFileTypesGroupedByFileMaxSize[key].map(acceptedFileTypesObj => acceptedFileTypesObj.fileType))), _react.default.createElement(_TableTd.default, null, key !== '0' && String(fileSizeContent).replace('%size', (0, _NumberUtils.format)(key).toString())));
+  })));
+}
 var _default = UploadInfo;
 exports.default = _default;
 //# sourceMappingURL=UploadInfo.js.map

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

@@ -1 +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","children","prettifiedAcceptedFileFormats","join","toUpperCase","createElement","Fragment","space","top","className","bottom","layout","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    children,\n  } = context\n\n  const prettifiedAcceptedFileFormats = 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      {children}\n\n      <Dl\n        top=\"small\"\n        bottom={0}\n        layout=\"horizontal\"\n        className=\"dnb-upload__condition-list\"\n      >\n        {prettifiedAcceptedFileFormats && (\n          <Dl.Item>\n            <Dt>{fileTypeDescription}</Dt>\n            <Dd>{prettifiedAcceptedFileFormats}</Dd>\n          </Dl.Item>\n        )}\n\n        {fileMaxSize && (\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\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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"}
+{"version":3,"file":"UploadInfo.js","names":["_react","_interopRequireDefault","require","_UploadContext","_Lead","_P","_Dl","_Dt","_Dd","_NumberUtils","_UploadVerify","_Table","_TableTr","_TableTh","_TableTd","_UploadInfoAcceptedFi","obj","__esModule","default","prettifyAcceptedFileFormats","acceptedFileTypes","sort","join","toUpperCase","UploadInfo","context","React","useContext","UploadContext","title","text","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","filesAmountLimit","fileMaxSize","children","prettifiedAcceptedFileFormats","isAcceptedFileTypeListOfStrings","isArrayOfStrings","displayAcceptedFileFormatsListItem","displayFileMaxSizeItem","displayFilesAmountLimitItem","defaultProps","displayAcceptedFileFormatsTable","isArrayOfObjects","displayDl","createElement","Fragment","space","top","className","bottom","layout","Item","String","replace","format","toString","UploadInfoAcceptedFileTypesTable","fileTypeTableCaption","groupByFileMaxSize","fallBackFileMaxSize","fileMaxSizeIsFalseOrZero","group","forEach","item","itemFileMaxSize","groupName","push","acceptedFileTypesGroupedByFileMaxSize","border","size","variant","cellSpacing","Object","keys","a","b","Number","map","key","acceptedFileTypesObj","fileType","_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'\nimport { isArrayOfObjects, isArrayOfStrings } from './UploadVerify'\nimport Table from '../Table'\nimport Tr from '../table/TableTr'\nimport Th from '../table/TableTh'\nimport Td from '../table/TableTd'\nimport { UploadAcceptedFileTypeObject, UploadProps } from './types'\n\nconst prettifyAcceptedFileFormats = (acceptedFileTypes) =>\n  acceptedFileTypes.sort().join(', ').toUpperCase()\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    children,\n  } = context\n\n  const prettifiedAcceptedFileFormats =\n    prettifyAcceptedFileFormats(acceptedFileTypes)\n\n  const isAcceptedFileTypeListOfStrings =\n    isArrayOfStrings(acceptedFileTypes)\n\n  const displayAcceptedFileFormatsListItem =\n    isAcceptedFileTypeListOfStrings && prettifiedAcceptedFileFormats\n\n  const displayFileMaxSizeItem =\n    isAcceptedFileTypeListOfStrings && fileMaxSize\n\n  const displayFilesAmountLimitItem =\n    filesAmountLimit < defaultProps.filesAmountLimit\n\n  const displayAcceptedFileFormatsTable =\n    isArrayOfObjects(acceptedFileTypes)\n\n  const displayDl =\n    displayAcceptedFileFormatsListItem ||\n    displayFileMaxSizeItem ||\n    displayFilesAmountLimitItem\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      {children}\n\n      {displayDl && (\n        <Dl top=\"small\" bottom={0} layout=\"horizontal\">\n          {displayAcceptedFileFormatsListItem && (\n            <Dl.Item>\n              <Dt>{fileTypeDescription}</Dt>\n              <Dd>{prettifiedAcceptedFileFormats}</Dd>\n            </Dl.Item>\n          )}\n\n          {displayFileMaxSizeItem && (\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\n          {displayFilesAmountLimitItem && (\n            <Dl.Item>\n              <Dt>{fileAmountDescription}</Dt>\n              <Dd>{filesAmountLimit}</Dd>\n            </Dl.Item>\n          )}\n        </Dl>\n      )}\n      {displayAcceptedFileFormatsTable && (\n        <UploadInfoAcceptedFileTypesTable />\n      )}\n    </>\n  )\n}\n\nfunction UploadInfoAcceptedFileTypesTable() {\n  const context = React.useContext(UploadContext)\n\n  const {\n    acceptedFileTypes,\n    fileTypeTableCaption,\n    fileTypeDescription,\n    fileSizeDescription,\n    fileSizeContent,\n    fileMaxSize,\n  } = context\n\n  const groupByFileMaxSize = (\n    acceptedFileTypes: UploadProps['acceptedFileTypes'],\n    fallBackFileMaxSize: UploadProps['fileMaxSize']\n  ) => {\n    const fileMaxSizeIsFalseOrZero = (\n      fileMaxSize: UploadProps['fileMaxSize']\n    ) => {\n      return fileMaxSize === false || fileMaxSize === 0\n    }\n\n    const group = {}\n    acceptedFileTypes.forEach((item) => {\n      const itemFileMaxSize = item.fileMaxSize\n      const groupName = itemFileMaxSize\n        ? itemFileMaxSize\n        : fileMaxSizeIsFalseOrZero(itemFileMaxSize)\n        ? 0\n        : fileMaxSizeIsFalseOrZero(fallBackFileMaxSize)\n        ? 0\n        : fallBackFileMaxSize\n\n      group[groupName] = group[groupName] || []\n      group[groupName].push(item)\n    })\n\n    return group\n  }\n\n  const acceptedFileTypesGroupedByFileMaxSize = groupByFileMaxSize(\n    acceptedFileTypes,\n    fileMaxSize\n  )\n\n  return (\n    <Table\n      border\n      className=\"dnb-upload__accepted-file-types-table\"\n      size=\"small\"\n    >\n      <caption className=\"dnb-sr-only\">{fileTypeTableCaption}</caption>\n      <thead>\n        <Tr variant=\"odd\" cellSpacing={0}>\n          <Th>{fileTypeDescription}</Th>\n          <Th>{fileSizeDescription}</Th>\n        </Tr>\n      </thead>\n      <tbody>\n        {Object.keys(acceptedFileTypesGroupedByFileMaxSize)\n          .sort((a, b) => Number(b) - Number(a))\n          .map((key) => {\n            return (\n              <Tr variant=\"odd\" key={key}>\n                <Td>\n                  {prettifyAcceptedFileFormats(\n                    acceptedFileTypesGroupedByFileMaxSize[key].map(\n                      (\n                        acceptedFileTypesObj: UploadAcceptedFileTypeObject\n                      ) => acceptedFileTypesObj.fileType\n                    )\n                  )}\n                </Td>\n                <Td>\n                  {key !== '0' &&\n                    String(fileSizeContent).replace(\n                      '%size',\n                      format(key).toString()\n                    )}\n                </Td>\n              </Tr>\n            )\n          })}\n      </tbody>\n    </Table>\n  )\n}\n\nexport default UploadInfo\n"],"mappings":"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"}

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

@@ -1,9 +1,11 @@
-import { UploadFile, UploadContextProps, UploadAcceptedFileTypes } from './types';
+import { UploadFile, UploadContextProps, UploadAcceptedFileTypes, UploadAcceptedFileTypesWithFileMaxSize } from './types';
 export declare const BYTES_IN_A_MEGA_BYTE = 1048576;
 export declare function verifyFiles(files: UploadFile[], context: Pick<UploadContextProps, 'errorUnsupportedFile' | 'errorLargeFile' | 'acceptedFileTypes' | 'fileMaxSize'>): UploadFile[];
 export declare function getFileTypeFromExtension(file: File): string;
-export declare function getAcceptedFileTypes(acceptedFileTypes: UploadAcceptedFileTypes): string;
+export declare function getAcceptedFileTypes(acceptedFileTypes: UploadAcceptedFileTypes | UploadAcceptedFileTypesWithFileMaxSize): string;
 export declare function hasPreferredMimeType(acceptedFileTypes: UploadAcceptedFileTypes, file: File): boolean;
+export declare function isArrayOfStrings(arr: any): boolean;
+export declare function isArrayOfObjects(arr: any): boolean;
 export declare function extendWithAbbreviation(acceptedFileTypes: UploadAcceptedFileTypes, abbreviations?: {
     jpg: string;
 }): string[];

package/cjs/components/upload/UploadVerify.js

@@ -8,6 +8,8 @@ exports.extendWithAbbreviation = extendWithAbbreviation;
 exports.getAcceptedFileTypes = getAcceptedFileTypes;
 exports.getFileTypeFromExtension = getFileTypeFromExtension;
 exports.hasPreferredMimeType = hasPreferredMimeType;
+exports.isArrayOfObjects = isArrayOfObjects;
+exports.isArrayOfStrings = isArrayOfStrings;
 exports.verifyFiles = verifyFiles;
 var _NumberUtils = require("../number-format/NumberUtils");
 const BYTES_IN_A_MEGA_BYTE = 1048576;
@@ -19,9 +21,24 @@ function verifyFiles(files, context) {
     errorLargeFile,
     errorUnsupportedFile
   } = context;
+  const getFileType = (file, listOfAcceptedFilesTypes) => {
+    return hasPreferredMimeType(listOfAcceptedFilesTypes, file) ? file.type : getFileTypeFromExtension(file) || file.type;
+  };
   const handleSize = file => {
-    if (fileMaxSize && file.size / BYTES_IN_A_MEGA_BYTE > fileMaxSize) {
-      return String(errorLargeFile).replace('%size', (0, _NumberUtils.format)(fileMaxSize).toString());
+    const validateFileSize = (fileSize, maxFileSize) => {
+      if (maxFileSize && fileSize / BYTES_IN_A_MEGA_BYTE > maxFileSize) {
+        return String(errorLargeFile).replace('%size', (0, _NumberUtils.format)(maxFileSize).toString());
+      }
+      return null;
+    };
+    if (isArrayOfStrings(acceptedFileTypes) || acceptedFileTypes.length === 0 || !acceptedFileTypes) {
+      return validateFileSize(file.size, fileMaxSize);
+    } else if (isArrayOfObjects(acceptedFileTypes)) {
+      const fileType = getFileType(file, getAcceptedFileTypesAsListOfStrings(acceptedFileTypes));
+      const acceptedFileTypeObj = acceptedFileTypes.find(item => {
+        return item.fileType === fileType;
+      });
+      return validateFileSize(file.size, acceptedFileTypeObj.fileMaxSize !== undefined ? acceptedFileTypeObj.fileMaxSize : fileMaxSize);
     }
     return null;
   };
@@ -29,8 +46,9 @@ function verifyFiles(files, context) {
     if (acceptedFileTypes.length === 0) {
       return false;
     }
-    const fileType = hasPreferredMimeType(acceptedFileTypes, file) ? file.type : getFileTypeFromExtension(file) || file.type;
-    const foundType = extendWithAbbreviation(acceptedFileTypes).some(type => {
+    const listOfAcceptedFilesTypes = getAcceptedFileTypesAsListOfStrings(acceptedFileTypes);
+    const fileType = getFileType(file, listOfAcceptedFilesTypes);
+    const foundType = extendWithAbbreviation(listOfAcceptedFilesTypes).some(type => {
       return fileType.includes(type);
     });
     return !foundType ? errorUnsupportedFile : null;
@@ -51,11 +69,20 @@ function getFileTypeFromExtension(file) {
   return file.name.includes('.') && file.name.replace(/.*\.([^.]+)$/, '$1') || null;
 }
 function getAcceptedFileTypes(acceptedFileTypes) {
-  return extendWithAbbreviation(acceptedFileTypes).map(type => type.includes('/') ? type : `.${type}`).join(',');
+  return extendWithAbbreviation(getAcceptedFileTypesAsListOfStrings(acceptedFileTypes)).map(type => type.includes('/') ? type : `.${type}`).join(',');
 }
 function hasPreferredMimeType(acceptedFileTypes, file) {
   return file.type.split('/')[1] && (!(acceptedFileTypes !== null && acceptedFileTypes !== void 0 && acceptedFileTypes.length) || (acceptedFileTypes === null || acceptedFileTypes === void 0 ? void 0 : acceptedFileTypes.some(type => type.toLowerCase() === file.type.toLowerCase())));
 }
+function getAcceptedFileTypesAsListOfStrings(acceptedFileTypes) {
+  return isArrayOfStrings(acceptedFileTypes) ? acceptedFileTypes : acceptedFileTypes.map(obj => obj.fileType);
+}
+function isArrayOfStrings(arr) {
+  return Array.isArray(arr) && arr.length > 0 && arr.every(i => typeof i === 'string');
+}
+function isArrayOfObjects(arr) {
+  return Array.isArray(arr) && arr.length > 0 && arr.every(i => typeof i === 'object');
+}
 function extendWithAbbreviation(acceptedFileTypes) {
   let abbreviations = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     jpg: 'jpeg'

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

@@ -1 +1 @@
-{"version":3,"file":"UploadVerify.js","names":["_NumberUtils","require","BYTES_IN_A_MEGA_BYTE","exports","verifyFiles","files","context","fileMaxSize","acceptedFileTypes","errorLargeFile","errorUnsupportedFile","handleSize","file","size","String","replace","format","toString","handleType","length","fileType","hasPreferredMimeType","type","getFileTypeFromExtension","foundType","extendWithAbbreviation","some","includes","cleanedFiles","map","item","errorMessage","name","getAcceptedFileTypes","join","split","toLowerCase","abbreviations","arguments","undefined","jpg","list","Object","entries","forEach","_ref","abbr","t","push"],"sources":["../../../../src/components/upload/UploadVerify.tsx"],"sourcesContent":["import { format } from '../number-format/NumberUtils'\nimport {\n  UploadFile,\n  UploadContextProps,\n  UploadAcceptedFileTypes,\n} from './types'\n\nexport const BYTES_IN_A_MEGA_BYTE = 1048576\n\nexport function verifyFiles(\n  files: UploadFile[],\n  context: Pick<\n    UploadContextProps,\n    | 'errorUnsupportedFile'\n    | 'errorLargeFile'\n    | 'acceptedFileTypes'\n    | 'fileMaxSize'\n  >\n) {\n  const {\n    fileMaxSize,\n    acceptedFileTypes,\n    errorLargeFile,\n    errorUnsupportedFile,\n  } = context\n\n  const handleSize = (file: File) => {\n    if (\n      fileMaxSize &&\n      // Converts from b (binary) to MB (decimal)\n      file.size / BYTES_IN_A_MEGA_BYTE > fileMaxSize\n    ) {\n      return String(errorLargeFile).replace(\n        '%size',\n        format(fileMaxSize).toString()\n      )\n    }\n    return null\n  }\n\n  const handleType = (file: File) => {\n    if (acceptedFileTypes.length === 0) {\n      return false\n    }\n    const fileType = hasPreferredMimeType(acceptedFileTypes, file)\n      ? file.type\n      : getFileTypeFromExtension(file) || file.type\n    const foundType = extendWithAbbreviation(acceptedFileTypes).some(\n      (type) => {\n        /**\n         * \"file.type\" can be e.g. \"images/png\"\n         */\n        return fileType.includes(type)\n      }\n    )\n    return !foundType ? errorUnsupportedFile : null\n  }\n\n  const cleanedFiles = files.map((item) => {\n    const { file } = item\n\n    const errorMessage = handleSize(file) || handleType(file)\n\n    if (errorMessage) {\n      item.errorMessage = errorMessage\n    }\n\n    return item\n  })\n\n  return cleanedFiles\n}\n\nexport function getFileTypeFromExtension(file: File) {\n  return (\n    (file.name.includes('.') && file.name.replace(/.*\\.([^.]+)$/, '$1')) ||\n    null\n  )\n}\n\nexport function getAcceptedFileTypes(\n  acceptedFileTypes: UploadAcceptedFileTypes\n) {\n  return extendWithAbbreviation(acceptedFileTypes)\n    .map((type) => (type.includes('/') ? type : `.${type}`))\n    .join(',')\n}\n\nexport function hasPreferredMimeType(\n  acceptedFileTypes: UploadAcceptedFileTypes,\n  file: File\n) {\n  return (\n    file.type.split('/')[1] &&\n    (!acceptedFileTypes?.length ||\n      acceptedFileTypes?.some(\n        (type) => type.toLowerCase() === file.type.toLowerCase()\n      ))\n  )\n}\n\nexport function extendWithAbbreviation(\n  acceptedFileTypes: UploadAcceptedFileTypes,\n  abbreviations = { jpg: 'jpeg' }\n) {\n  const list = [...acceptedFileTypes]\n\n  Object.entries(abbreviations).forEach(([type, abbr]) => {\n    if (list.some((t) => t === type) && !list.some((t) => t === abbr)) {\n      list.push(abbr)\n    }\n  })\n\n  return list\n}\n"],"mappings":"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"}
+{"version":3,"file":"UploadVerify.js","names":["_NumberUtils","require","BYTES_IN_A_MEGA_BYTE","exports","verifyFiles","files","context","fileMaxSize","acceptedFileTypes","errorLargeFile","errorUnsupportedFile","getFileType","file","listOfAcceptedFilesTypes","hasPreferredMimeType","type","getFileTypeFromExtension","handleSize","validateFileSize","fileSize","maxFileSize","String","replace","format","toString","isArrayOfStrings","length","size","isArrayOfObjects","fileType","getAcceptedFileTypesAsListOfStrings","acceptedFileTypeObj","find","item","undefined","handleType","foundType","extendWithAbbreviation","some","includes","cleanedFiles","map","errorMessage","name","getAcceptedFileTypes","join","split","toLowerCase","obj","arr","Array","isArray","every","i","abbreviations","arguments","jpg","list","Object","entries","forEach","_ref","abbr","t","push"],"sources":["../../../../src/components/upload/UploadVerify.tsx"],"sourcesContent":["import { format } from '../number-format/NumberUtils'\nimport {\n  UploadFile,\n  UploadContextProps,\n  UploadAcceptedFileTypes,\n  UploadAcceptedFileTypesWithFileMaxSize,\n} from './types'\n\nexport const BYTES_IN_A_MEGA_BYTE = 1048576\n\nexport function verifyFiles(\n  files: UploadFile[],\n  context: Pick<\n    UploadContextProps,\n    | 'errorUnsupportedFile'\n    | 'errorLargeFile'\n    | 'acceptedFileTypes'\n    | 'fileMaxSize'\n  >\n) {\n  const {\n    fileMaxSize,\n    acceptedFileTypes,\n    errorLargeFile,\n    errorUnsupportedFile,\n  } = context\n\n  const getFileType = (\n    file: File,\n    listOfAcceptedFilesTypes: UploadAcceptedFileTypes\n  ) => {\n    return hasPreferredMimeType(listOfAcceptedFilesTypes, file)\n      ? file.type\n      : getFileTypeFromExtension(file) || file.type\n  }\n\n  const handleSize = (file: File) => {\n    const validateFileSize = (\n      fileSize: number,\n      maxFileSize: number | false\n    ) => {\n      if (\n        maxFileSize &&\n        // Converts from b (binary) to MB (decimal)\n        fileSize / BYTES_IN_A_MEGA_BYTE > maxFileSize\n      ) {\n        return String(errorLargeFile).replace(\n          '%size',\n          format(maxFileSize).toString()\n        )\n      }\n      return null\n    }\n\n    if (\n      isArrayOfStrings(acceptedFileTypes) ||\n      acceptedFileTypes.length === 0 ||\n      !acceptedFileTypes\n    ) {\n      return validateFileSize(file.size, fileMaxSize)\n    } else if (isArrayOfObjects(acceptedFileTypes)) {\n      const fileType = getFileType(\n        file,\n        getAcceptedFileTypesAsListOfStrings(acceptedFileTypes)\n      )\n\n      const acceptedFileTypeObj = (\n        acceptedFileTypes as UploadAcceptedFileTypesWithFileMaxSize\n      ).find((item) => {\n        return item.fileType === fileType\n      })\n\n      return validateFileSize(\n        file.size,\n        acceptedFileTypeObj.fileMaxSize !== undefined\n          ? acceptedFileTypeObj.fileMaxSize\n          : fileMaxSize\n      )\n    }\n    return null\n  }\n\n  const handleType = (file: File) => {\n    if (acceptedFileTypes.length === 0) {\n      return false\n    }\n\n    const listOfAcceptedFilesTypes =\n      getAcceptedFileTypesAsListOfStrings(acceptedFileTypes)\n    const fileType = getFileType(file, listOfAcceptedFilesTypes)\n    const foundType = extendWithAbbreviation(\n      listOfAcceptedFilesTypes\n    ).some((type) => {\n      /**\n       * \"file.type\" can be e.g. \"image/png\"\n       */\n      return fileType.includes(type)\n    })\n    return !foundType ? errorUnsupportedFile : null\n  }\n\n  const cleanedFiles = files.map((item) => {\n    const { file } = item\n\n    const errorMessage = handleSize(file) || handleType(file)\n\n    if (errorMessage) {\n      item.errorMessage = errorMessage\n    }\n\n    return item\n  })\n\n  return cleanedFiles\n}\n\nexport function getFileTypeFromExtension(file: File) {\n  return (\n    (file.name.includes('.') && file.name.replace(/.*\\.([^.]+)$/, '$1')) ||\n    null\n  )\n}\n\nexport function getAcceptedFileTypes(\n  acceptedFileTypes:\n    | UploadAcceptedFileTypes\n    | UploadAcceptedFileTypesWithFileMaxSize\n) {\n  return extendWithAbbreviation(\n    getAcceptedFileTypesAsListOfStrings(acceptedFileTypes)\n  )\n    .map((type) => (type.includes('/') ? type : `.${type}`))\n    .join(',')\n}\n\nexport function hasPreferredMimeType(\n  acceptedFileTypes: UploadAcceptedFileTypes,\n  file: File\n) {\n  return (\n    file.type.split('/')[1] &&\n    (!acceptedFileTypes?.length ||\n      acceptedFileTypes?.some(\n        (type) => type.toLowerCase() === file.type.toLowerCase()\n      ))\n  )\n}\n\nfunction getAcceptedFileTypesAsListOfStrings(\n  acceptedFileTypes:\n    | UploadAcceptedFileTypes\n    | UploadAcceptedFileTypesWithFileMaxSize\n) {\n  return isArrayOfStrings(acceptedFileTypes)\n    ? (acceptedFileTypes as UploadAcceptedFileTypes)\n    : (acceptedFileTypes as UploadAcceptedFileTypesWithFileMaxSize).map(\n        (obj) => obj.fileType\n      )\n}\n\nexport function isArrayOfStrings(arr) {\n  return (\n    Array.isArray(arr) &&\n    arr.length > 0 &&\n    arr.every((i) => typeof i === 'string')\n  )\n}\n\nexport function isArrayOfObjects(arr) {\n  return (\n    Array.isArray(arr) &&\n    arr.length > 0 &&\n    arr.every((i) => typeof i === 'object')\n  )\n}\n\nexport function extendWithAbbreviation(\n  acceptedFileTypes: UploadAcceptedFileTypes,\n  abbreviations = { jpg: 'jpeg' }\n) {\n  const list = [...acceptedFileTypes]\n\n  Object.entries(abbreviations).forEach(([type, abbr]) => {\n    if (list.some((t) => t === type) && !list.some((t) => t === abbr)) {\n      list.push(abbr)\n    }\n  })\n\n  return list\n}\n"],"mappings":"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"}

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

@@ -112,6 +112,21 @@
 .dnb-upload__text.dnb-p {
   color: var(--upload-text--secondary);
 }
+.dnb-upload__accepted-file-types-table.dnb-table {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.dnb-upload__accepted-file-types-table.dnb-table thead th {
+  font-weight: var(--font-weight-medium);
+  font-size: var(--font-size-basis);
+  padding-top: var(--spacing-small);
+}
+.dnb-upload__accepted-file-types-table.dnb-table thead th:first-child {
+  padding-left: 0;
+}
+.dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child {
+  padding-left: 0;
+}
 .dnb-upload__subtitle.dnb-p {
   color: var(--upload-text--secondary);
 }

package/cjs/components/upload/style/dnb-upload.min.css

@@ -1 +1 @@
-.dnb-upload{--upload-background:#fff;--upload-background--active:#d3d3d3;--upload-border:gray;--upload-border--active:#000;--upload-list-border:#000;--upload-icon--default:#000;--upload-icon--warning:red;--upload-highlight:#ffffe0;--upload-text--primary:#000;--upload-text--secondary:#000;background-color:var(--upload-background);border-radius:.5rem;display:flex;flex-direction:column;padding:var(--spacing-medium);position:relative}@media screen and (max-width:40em){.dnb-upload{padding:var(--spacing-medium) var(--spacing-small)}}.dnb-upload__outline{stroke:var(--upload-border);stroke-width:.1875rem;border-radius:.5rem;content:"";height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.dnb-upload--active .dnb-upload__outline{stroke:var(--upload-border--active);height:calc(100% + 2px);inset:-1px;width:calc(100% + 2px)}.dnb-upload--active .dnb-upload__outline rect{stroke-width:.25rem;stroke-dasharray:0}.dnb-upload--active{background-color:var(--upload-background--active)}.dnb-upload__file-input{position:absolute;visibility:hidden}.dnb-upload__file-list{list-style:none;margin-bottom:0;margin-top:var(--spacing-medium);padding:0;position:relative}.dnb-upload__file-cell:after,.dnb-upload__file-list:before{background-color:var(--upload-list-border);content:"";height:1px;inset:0;position:absolute}.dnb-upload__file-cell{padding:var(--spacing-small) 0;position:relative;transition:background-color;transition-duration:1.5s;transition-timing-function:var(--easing-default)}.dnb-upload__file-cell:after{top:auto}.dnb-upload__file-cell__content{justify-content:space-between}.dnb-upload__file-cell__content,.dnb-upload__file-cell__content__left{align-items:center;display:flex;flex-direction:row}.dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--default)}.dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--warning)}.dnb-upload__file-cell--highlight{background-color:var(--upload-highlight)}.dnb-upload__file-cell__text-container{display:flex;flex-direction:column;margin-left:var(--spacing-small)}.dnb-upload__file-cell__text-container--loading{font-size:var(--font-size-basis)}.dnb-upload__subtitle.dnb-p,.dnb-upload__text.dnb-p{color:var(--upload-text--secondary)}
+.dnb-upload{--upload-background:#fff;--upload-background--active:#d3d3d3;--upload-border:gray;--upload-border--active:#000;--upload-list-border:#000;--upload-icon--default:#000;--upload-icon--warning:red;--upload-highlight:#ffffe0;--upload-text--primary:#000;--upload-text--secondary:#000;background-color:var(--upload-background);border-radius:.5rem;display:flex;flex-direction:column;padding:var(--spacing-medium);position:relative}@media screen and (max-width:40em){.dnb-upload{padding:var(--spacing-medium) var(--spacing-small)}}.dnb-upload__outline{stroke:var(--upload-border);stroke-width:.1875rem;border-radius:.5rem;content:"";height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.dnb-upload--active .dnb-upload__outline{stroke:var(--upload-border--active);height:calc(100% + 2px);inset:-1px;width:calc(100% + 2px)}.dnb-upload--active .dnb-upload__outline rect{stroke-width:.25rem;stroke-dasharray:0}.dnb-upload--active{background-color:var(--upload-background--active)}.dnb-upload__file-input{position:absolute;visibility:hidden}.dnb-upload__file-list{list-style:none;margin-bottom:0;margin-top:var(--spacing-medium);padding:0;position:relative}.dnb-upload__file-cell:after,.dnb-upload__file-list:before{background-color:var(--upload-list-border);content:"";height:1px;inset:0;position:absolute}.dnb-upload__file-cell{padding:var(--spacing-small) 0;position:relative;transition:background-color;transition-duration:1.5s;transition-timing-function:var(--easing-default)}.dnb-upload__file-cell:after{top:auto}.dnb-upload__file-cell__content{justify-content:space-between}.dnb-upload__file-cell__content,.dnb-upload__file-cell__content__left{align-items:center;display:flex;flex-direction:row}.dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--default)}.dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--warning)}.dnb-upload__file-cell--highlight{background-color:var(--upload-highlight)}.dnb-upload__file-cell__text-container{display:flex;flex-direction:column;margin-left:var(--spacing-small)}.dnb-upload__file-cell__text-container--loading{font-size:var(--font-size-basis)}.dnb-upload__text.dnb-p{color:var(--upload-text--secondary)}.dnb-upload__accepted-file-types-table.dnb-table{width:-moz-fit-content;width:fit-content}.dnb-upload__accepted-file-types-table.dnb-table thead th{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);padding-top:var(--spacing-small)}.dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child,.dnb-upload__accepted-file-types-table.dnb-table thead th:first-child{padding-left:0}.dnb-upload__subtitle.dnb-p{color:var(--upload-text--secondary)}