@dnb/eufemia 10.75.3 → 10.76.0

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

@@ -1 +1 @@
-{"version":3,"file":"UploadDropzone.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_HeightAnimation","_UploadContext","_svg","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","UploadDropzone","_ref","children","className","rest","props","context","useContext","UploadContext","hover","setHover","useState","hoverTimeout","useRef","onInputUpload","id","getFiles","useCallback","event","fileData","dataTransfer","files","Array","from","forEach","file","push","clearTimers","clearTimeout","current","hoverHandler","state","stopPropagation","preventDefault","dropHandler","dragEnterHandler","dragLeaveHandler","useEffect","elem","document","body","execute","hasAttribute","add","addEventListener","setAttribute","timeoutId","setTimeout","getAttribute","remove","removeEventListener","removeAttribute","createElement","classnames","onDrop","onDragOver","onDragLeave","xmlns","fill","width","height","rx","ry","strokeWidth","strokeDashoffset","strokeDasharray"],"sources":["../../../../src/components/upload/UploadDropzone.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport classnames from 'classnames'\n\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport { UploadContext } from './UploadContext'\nimport type {\n  UploadAllProps,\n  UploadFileNative,\n  UploadProps,\n} from './types'\n\nexport type UploadDragEvent = React.DragEvent | DragEvent\n\nexport default function UploadDropzone({\n  children,\n  className,\n  ...rest\n}: Partial<UploadAllProps>) {\n  const props = rest as Omit<UploadProps, 'title' | 'onChange' | 'id'>\n  const context = useContext(UploadContext)\n  const [hover, setHover] = useState(false)\n  const hoverTimeout = useRef<NodeJS.Timer>()\n\n  const { onInputUpload, id } = context\n\n  const getFiles = useCallback((event: UploadDragEvent) => {\n    const fileData = event.dataTransfer\n\n    const files: Array<UploadFileNative> = []\n\n    Array.from(fileData.files).forEach((file) => {\n      files.push({ file })\n    })\n\n    return files\n  }, [])\n\n  const clearTimers = useCallback(() => {\n    clearTimeout(hoverTimeout.current)\n  }, [])\n\n  const hoverHandler = useCallback(\n    (event: UploadDragEvent, state: boolean) => {\n      event.stopPropagation()\n      event.preventDefault()\n      clearTimers()\n      setHover(state)\n    },\n    [clearTimers]\n  )\n\n  const dropHandler = useCallback(\n    (event: UploadDragEvent) => {\n      const files = getFiles(event)\n\n      onInputUpload(files)\n      hoverHandler(event, false)\n    },\n    [getFiles, onInputUpload, hoverHandler]\n  )\n\n  const dragEnterHandler = useCallback(\n    (event: UploadDragEvent) => {\n      hoverHandler(event, true)\n    },\n    [hoverHandler]\n  )\n\n  const dragLeaveHandler = useCallback(\n    (event: UploadDragEvent) => {\n      hoverHandler(event, false)\n    },\n    [hoverHandler]\n  )\n\n  useEffect(() => {\n    const elem = document.body\n    const execute = () => {\n      try {\n        if (!elem.hasAttribute('data-upload-drop-zone')) {\n          const add = elem.addEventListener\n          add('drop', dropHandler)\n          add('dragover', dragEnterHandler)\n          add('dragleave', dragLeaveHandler)\n          elem.setAttribute('data-upload-drop-zone', id)\n        }\n      } catch (e) {\n        //\n      }\n    }\n    const timeoutId = setTimeout(execute, 10) // Add the listeners delayed (ms) without prioritization, in case of re-renders\n\n    return () => {\n      clearTimers()\n      clearTimeout(timeoutId)\n      try {\n        if (elem.getAttribute('data-upload-drop-zone') === id) {\n          const remove = elem.removeEventListener\n          remove('drop', dropHandler)\n          remove('dragover', dragEnterHandler)\n          remove('dragleave', dragLeaveHandler)\n          elem.removeAttribute('data-upload-drop-zone')\n        }\n      } catch (e) {\n        //\n      }\n    }\n  }, [clearTimers, dragEnterHandler, dragLeaveHandler, dropHandler, id])\n\n  return (\n    <HeightAnimation\n      className={classnames(className, hover && 'dnb-upload--active')}\n      onDrop={dropHandler}\n      onDragOver={dragEnterHandler}\n      onDragLeave={dragLeaveHandler}\n      {...props}\n    >\n      {children}\n\n      <svg\n        className=\"dnb-upload__outline\"\n        aria-hidden\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n      >\n        <rect\n          width=\"100%\"\n          height=\"100%\"\n          rx=\"0.5rem\"\n          ry=\"0.5rem\"\n          strokeWidth=\"3\"\n          strokeDashoffset=\"4\"\n          strokeDasharray=\"8 8\"\n        />\n      </svg>\n    </HeightAnimation>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UploadDropzone.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_HeightAnimation","_UploadContext","_svg","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","UploadDropzone","_ref","children","className","hideOutline","rest","props","context","useContext","UploadContext","hover","setHover","useState","hoverTimeout","useRef","onInputUpload","id","getFiles","useCallback","event","fileData","dataTransfer","files","Array","from","forEach","file","push","clearTimers","clearTimeout","current","hoverHandler","state","stopPropagation","preventDefault","dropHandler","dragEnterHandler","dragLeaveHandler","useEffect","elem","document","body","execute","hasAttribute","add","addEventListener","setAttribute","timeoutId","setTimeout","getAttribute","remove","removeEventListener","removeAttribute","createElement","classnames","onDrop","onDragOver","onDragLeave","xmlns","fill","width","height","rx","ry","strokeWidth","strokeDashoffset","strokeDasharray"],"sources":["../../../../src/components/upload/UploadDropzone.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport classnames from 'classnames'\n\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport { UploadContext } from './UploadContext'\nimport type {\n  UploadAllProps,\n  UploadFileNative,\n  UploadProps,\n} from './types'\n\nexport type UploadDragEvent = React.DragEvent | DragEvent\n\nexport default function UploadDropzone({\n  children,\n  className,\n  hideOutline = false,\n  ...rest\n}: Partial<UploadAllProps> & { hideOutline?: boolean }) {\n  const props = rest as Omit<UploadProps, 'title' | 'onChange' | 'id'>\n  const context = useContext(UploadContext)\n  const [hover, setHover] = useState(false)\n  const hoverTimeout = useRef<NodeJS.Timer>()\n\n  const { onInputUpload, id } = context\n\n  const getFiles = useCallback((event: UploadDragEvent) => {\n    const fileData = event.dataTransfer\n\n    const files: Array<UploadFileNative> = []\n\n    Array.from(fileData.files).forEach((file) => {\n      files.push({ file })\n    })\n\n    return files\n  }, [])\n\n  const clearTimers = useCallback(() => {\n    clearTimeout(hoverTimeout.current)\n  }, [])\n\n  const hoverHandler = useCallback(\n    (event: UploadDragEvent, state: boolean) => {\n      event.stopPropagation()\n      event.preventDefault()\n      clearTimers()\n      setHover(state)\n    },\n    [clearTimers]\n  )\n\n  const dropHandler = useCallback(\n    (event: UploadDragEvent) => {\n      const files = getFiles(event)\n\n      onInputUpload(files)\n      hoverHandler(event, false)\n    },\n    [getFiles, onInputUpload, hoverHandler]\n  )\n\n  const dragEnterHandler = useCallback(\n    (event: UploadDragEvent) => {\n      hoverHandler(event, true)\n    },\n    [hoverHandler]\n  )\n\n  const dragLeaveHandler = useCallback(\n    (event: UploadDragEvent) => {\n      hoverHandler(event, false)\n    },\n    [hoverHandler]\n  )\n\n  useEffect(() => {\n    const elem = document.body\n    const execute = () => {\n      try {\n        if (!elem.hasAttribute('data-upload-drop-zone')) {\n          const add = elem.addEventListener\n          add('drop', dropHandler)\n          add('dragover', dragEnterHandler)\n          add('dragleave', dragLeaveHandler)\n          elem.setAttribute('data-upload-drop-zone', id)\n        }\n      } catch (e) {\n        //\n      }\n    }\n    const timeoutId = setTimeout(execute, 10) // Add the listeners delayed (ms) without prioritization, in case of re-renders\n\n    return () => {\n      clearTimers()\n      clearTimeout(timeoutId)\n      try {\n        if (elem.getAttribute('data-upload-drop-zone') === id) {\n          const remove = elem.removeEventListener\n          remove('drop', dropHandler)\n          remove('dragover', dragEnterHandler)\n          remove('dragleave', dragLeaveHandler)\n          elem.removeAttribute('data-upload-drop-zone')\n        }\n      } catch (e) {\n        //\n      }\n    }\n  }, [clearTimers, dragEnterHandler, dragLeaveHandler, dropHandler, id])\n\n  return (\n    <HeightAnimation\n      className={classnames(className, hover && 'dnb-upload--active')}\n      onDrop={dropHandler}\n      onDragOver={dragEnterHandler}\n      onDragLeave={dragLeaveHandler}\n      {...props}\n    >\n      {children}\n\n      {!hideOutline && (\n        <svg\n          className=\"dnb-upload__outline\"\n          aria-hidden\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n        >\n          <rect\n            width=\"100%\"\n            height=\"100%\"\n            rx=\"0.5rem\"\n            ry=\"0.5rem\"\n            strokeWidth=\"3\"\n            strokeDashoffset=\"4\"\n            strokeDasharray=\"8 8\"\n          />\n        </svg>\n      )}\n    </HeightAnimation>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,8 @@
 import React from 'react';
-declare const UploadFileInput: ({ children, disabled, ...rest }: {
+import { UploadFile } from './types';
+declare const UploadFileInput: ({ children, disabled, files, ...rest }: {
     children?: React.ReactNode;
+    files?: UploadFile[];
     disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default UploadFileInput;

package/cjs/components/upload/UploadFileInput.js

@@ -14,7 +14,7 @@ var _UploadContext = require("./UploadContext");
 var _UploadStatus2 = _interopRequireDefault(require("./UploadStatus"));
 var _UploadVerify = require("./UploadVerify");
 var _UploadStatus;
-const _excluded = ["children", "disabled"];
+const _excluded = ["children", "disabled", "files"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -24,7 +24,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 const UploadFileInput = _ref => {
   let {
       children,
-      disabled
+      disabled,
+      files
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const fileInput = (0, _react.useRef)(null);
@@ -34,7 +35,8 @@ const UploadFileInput = _ref => {
     acceptedFileTypes,
     buttonText,
     onInputUpload,
-    filesAmountLimit
+    filesAmountLimit,
+    variant
   } = context;
   const openFileDialog = () => {
     var _fileInput$current;
@@ -44,8 +46,8 @@ const UploadFileInput = _ref => {
   const accept = (0, _UploadVerify.getAcceptedFileTypes)(acceptedFileTypes);
   return _react.default.createElement("div", {
     className: "dnb-upload__file-input-area"
-  }, _react.default.createElement(_Button.default, {
-    top: "medium",
+  }, filesAmountLimit !== (files === null || files === void 0 ? void 0 : files.length) && _react.default.createElement(_Button.default, {
+    top: variant === 'normal' ? 'medium' : undefined,
     id: `${sharedId}-input`,
     className: "dnb-upload__file-input-button",
     icon: _icons.folder,

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

@@ -1 +1 @@
-{"version":3,"file":"UploadFileInput.js","names":["_react","_interopRequireWildcard","require","_Button","_interopRequireDefault","_icons","_componentHelper","_UploadContext","_UploadStatus2","_UploadVerify","_UploadStatus","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","UploadFileInput","_ref","children","disabled","rest","fileInput","useRef","context","React","useContext","UploadContext","id","acceptedFileTypes","buttonText","onInputUpload","filesAmountLimit","openFileDialog","_fileInput$current","current","click","sharedId","makeUniqueId","accept","getAcceptedFileTypes","createElement","className","top","icon","FolderIcon","icon_position","variant","wrap","onClick","ref","type","onChange","onChangeHandler","onClickHandler","multiple","event","target","files","Array","from","map","file","value","_default","exports"],"sources":["../../../../src/components/upload/UploadFileInput.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\n// Components\nimport Button from '../button/Button'\n\n// Icons\nimport { folder as FolderIcon } from '../../icons'\n\n// Shared\nimport { makeUniqueId } from '../../shared/component-helper'\n\n// Internal\nimport { UploadContext } from './UploadContext'\nimport UploadStatus from './UploadStatus'\nimport { getAcceptedFileTypes } from './UploadVerify'\n\nconst UploadFileInput = ({\n  children,\n  disabled,\n  ...rest\n}: {\n  children?: React.ReactNode\n  disabled?: boolean\n}) => {\n  const fileInput = useRef<HTMLInputElement>(null)\n\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    acceptedFileTypes,\n    buttonText,\n    onInputUpload,\n    filesAmountLimit,\n  } = context\n\n  const openFileDialog = () => fileInput.current?.click()\n\n  const sharedId = id || makeUniqueId()\n  const accept = getAcceptedFileTypes(acceptedFileTypes)\n\n  return (\n    <div className=\"dnb-upload__file-input-area\">\n      <Button\n        top=\"medium\"\n        id={`${sharedId}-input`}\n        className=\"dnb-upload__file-input-button\"\n        icon={FolderIcon}\n        icon_position=\"left\"\n        variant=\"secondary\"\n        wrap\n        onClick={openFileDialog}\n        disabled={disabled}\n      >\n        {buttonText}\n      </Button>\n\n      <UploadStatus />\n\n      <input\n        aria-labelledby={`${sharedId}-input`}\n        ref={fileInput}\n        accept={accept}\n        className=\"dnb-upload__file-input\"\n        type=\"file\"\n        onChange={onChangeHandler}\n        onClick={onClickHandler}\n        multiple={filesAmountLimit > 1}\n        disabled={disabled}\n        {...rest}\n      />\n    </div>\n  )\n\n  function onChangeHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n    const { files } = target\n\n    onInputUpload(\n      Array.from(files).map((file) => {\n        return { file }\n      })\n    )\n  }\n\n  function onClickHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n\n    /**\n     * This resets the internal state.\n     * Some browsers (chromium) to check for already selected files.\n     * But we have our own logic for that.\n     * We also align the UX to be the same to all browsers,\n     * and to be same when the drag file API is used.\n     */\n    target.value = null\n  }\n}\n\nexport default UploadFileInput\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UploadFileInput.js","names":["_react","_interopRequireWildcard","require","_Button","_interopRequireDefault","_icons","_componentHelper","_UploadContext","_UploadStatus2","_UploadVerify","_UploadStatus","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","UploadFileInput","_ref","children","disabled","files","rest","fileInput","useRef","context","React","useContext","UploadContext","id","acceptedFileTypes","buttonText","onInputUpload","filesAmountLimit","variant","openFileDialog","_fileInput$current","current","click","sharedId","makeUniqueId","accept","getAcceptedFileTypes","createElement","className","top","undefined","icon","FolderIcon","icon_position","wrap","onClick","ref","type","onChange","onChangeHandler","onClickHandler","multiple","event","target","Array","from","map","file","value","_default","exports"],"sources":["../../../../src/components/upload/UploadFileInput.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\n// Components\nimport Button from '../button/Button'\n\n// Icons\nimport { folder as FolderIcon } from '../../icons'\n\n// Shared\nimport { makeUniqueId } from '../../shared/component-helper'\n\n// Internal\nimport { UploadContext } from './UploadContext'\nimport UploadStatus from './UploadStatus'\nimport { getAcceptedFileTypes } from './UploadVerify'\nimport { UploadFile } from './types'\n\nconst UploadFileInput = ({\n  children,\n  disabled,\n  files,\n  ...rest\n}: {\n  children?: React.ReactNode\n  files?: UploadFile[]\n  disabled?: boolean\n}) => {\n  const fileInput = useRef<HTMLInputElement>(null)\n\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    acceptedFileTypes,\n    buttonText,\n    onInputUpload,\n    filesAmountLimit,\n    variant,\n  } = context\n\n  const openFileDialog = () => fileInput.current?.click()\n\n  const sharedId = id || makeUniqueId()\n  const accept = getAcceptedFileTypes(acceptedFileTypes)\n\n  return (\n    <div className=\"dnb-upload__file-input-area\">\n      {filesAmountLimit !== files?.length && (\n        <Button\n          top={variant === 'normal' ? 'medium' : undefined}\n          id={`${sharedId}-input`}\n          className=\"dnb-upload__file-input-button\"\n          icon={FolderIcon}\n          icon_position=\"left\"\n          variant=\"secondary\"\n          wrap\n          onClick={openFileDialog}\n          disabled={disabled}\n        >\n          {buttonText}\n        </Button>\n      )}\n      <UploadStatus />\n\n      <input\n        aria-labelledby={`${sharedId}-input`}\n        ref={fileInput}\n        accept={accept}\n        className=\"dnb-upload__file-input\"\n        type=\"file\"\n        onChange={onChangeHandler}\n        onClick={onClickHandler}\n        multiple={filesAmountLimit > 1}\n        disabled={disabled}\n        {...rest}\n      />\n    </div>\n  )\n\n  function onChangeHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n    const { files } = target\n\n    onInputUpload(\n      Array.from(files).map((file) => {\n        return { file }\n      })\n    )\n  }\n\n  function onClickHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n\n    /**\n     * This resets the internal state.\n     * Some browsers (chromium) to check for already selected files.\n     * But we have our own logic for that.\n     * We also align the UX to be the same to all browsers,\n     * and to be same when the drag file API is used.\n     */\n    target.value = null\n  }\n}\n\nexport default UploadFileInput\n"],"mappings":"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","ignoreList":[]}

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

@@ -137,6 +137,14 @@
 .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);
+.dnb-upload--compact {
+  padding: 0;
+  border-radius: 0;
+}
+.dnb-upload--compact .dnb-upload__text {
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.dnb-upload--compact .dnb-help-button__content .dnb-section {
+  margin-bottom: 1rem;
 }

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-border-width:2px;--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;flex-grow:1;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;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.dnb-upload--active .dnb-upload__outline{stroke:var(--upload-border--active);bottom:-1px;height:calc(100% + var(--upload-border-width));left:-1px;right:-1px;top:-1px;width:calc(100% + var(--upload-border-width))}.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);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.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;column-gap:var(--spacing-small);display:flex}.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}.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:-webkit-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:0}.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)}
+.dnb-upload{--upload-background:#fff;--upload-background--active:#d3d3d3;--upload-border:gray;--upload-border--active:#000;--upload-border-width:2px;--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;flex-grow:1;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;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.dnb-upload--active .dnb-upload__outline{stroke:var(--upload-border--active);bottom:-1px;height:calc(100% + var(--upload-border-width));left:-1px;right:-1px;top:-1px;width:calc(100% + var(--upload-border-width))}.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);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.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;column-gap:var(--spacing-small);display:flex}.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}.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:-webkit-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:0}.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--compact{border-radius:0;padding:0}.dnb-upload--compact .dnb-upload__text{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-upload--compact .dnb-help-button__content .dnb-section{margin-bottom:1rem}

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

@@ -162,7 +162,17 @@
     }
   }
 
-  &__subtitle.dnb-p {
-    color: var(--upload-text--secondary);
+  &--compact {
+    padding: 0;
+    border-radius: 0;
+    .dnb-upload__text {
+      color: var(--color-black-55);
+      font-size: var(--font-size-small);
+    }
+    .dnb-help-button__content {
+      .dnb-section {
+        margin-bottom: 1rem;
+      }
+    }
   }
 }

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

@@ -13,6 +13,10 @@ export type UploadProps = {
      * unique id used with the useUpload hook to manage the files
      */
     id?: SharedStateId;
+    /**
+     * defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.
+     */
+    variant?: 'normal' | 'compact';
     /**
      * list of accepted file types.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/upload/types.ts"],"sourcesContent":["import React from 'react'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { LocaleProps, SpacingProps } from '../../shared/types'\nimport type { SharedStateId } from '../../shared/helpers/useSharedState'\n\nexport type UploadAcceptedFileTypes = string[]\n\nexport type UploadAcceptedFileTypesWithFileMaxSize =\n  UploadAcceptedFileTypeObject[]\n\nexport type UploadAcceptedFileTypeObject = {\n  fileType: string\n  fileMaxSize?: number | false\n}\n\nexport type UploadProps = {\n  /**\n   * unique id used with the useUpload hook to manage the files\n   */\n  id?: SharedStateId\n\n  /**\n   * list of accepted file types.\n   */\n  acceptedFileTypes:\n    | UploadAcceptedFileTypes\n    | UploadAcceptedFileTypesWithFileMaxSize\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Defines the amount of files the user can select and upload\n   * Default: 100\n   */\n  filesAmountLimit?: number\n\n  /**\n   * Defines the max file size of each file in MB. Use either `0` or `false` to disable.\n   * Default: 5 MB\n   */\n  fileMaxSize?: number | false\n\n  /**\n   * will be called on `files` changes made by the user. Access the files with `{ files }`.\n   */\n  onChange?: ({ files }: { files: Array<UploadFile> }) => void\n\n  /**\n   * will be called once a file gets deleted by the user. Access the deleted file with `{ fileItem }`.\n   */\n  onFileDelete?: ({\n    fileItem,\n  }: {\n    fileItem: UploadFile\n  }) => void | Promise<void>\n\n  /**\n   * Will be called once a file gets clicked on by the user. Access the clicked file with `{ fileItem }`.\n   */\n  onFileClick?: ({\n    fileItem,\n  }: {\n    fileItem: UploadFile\n  }) => void | Promise<void>\n\n  /**\n   * Causes the browser to treat all listed files as downloadable instead of opening them in a new browser tab or window.\n   * Default: false\n   */\n  download?: boolean\n\n  /**\n   * Allows uploading of duplicate files.\n   * Default: false\n   */\n  allowDuplicates?: boolean\n\n  /**\n   * Disables file drag and drop, by removing the drop zone.\n   * Default: false\n   */\n  disableDragAndDrop?: boolean\n\n  /**\n   * Custom text properties\n   */\n  title?: React.ReactNode\n  text?: React.ReactNode\n  fileTypeTableCaption?: React.ReactNode\n  fileTypeDescription?: React.ReactNode\n  fileSizeDescription?: React.ReactNode\n  fileAmountDescription?: React.ReactNode\n  fileSizeContent?: React.ReactNode\n  buttonText?: React.ReactNode\n  errorLargeFile?: React.ReactNode\n  errorUnsupportedFile?: React.ReactNode\n  errorAmountLimit?: React.ReactNode\n  loadingText?: React.ReactNode\n  deleteButton?: React.ReactNode\n  fileListAriaLabel?: string\n  children?: React.ReactNode\n}\n\nexport type UploadAllProps = UploadProps &\n  SpacingProps &\n  LocaleProps &\n  Omit<React.HTMLProps<HTMLElement>, 'onChange' | 'title'>\n\nexport type UploadContextProps = {\n  id?: string\n  onInputUpload: (files: Array<UploadFileNative>) => void\n} & Partial<UploadAllProps>\n\nexport type UploadFile = {\n  file: File\n  id: string\n  exists: boolean\n  isLoading?: boolean\n  errorMessage?: React.ReactNode\n  description?: React.ReactNode\n  removeDeleteButton?: boolean\n}\n\nexport type UploadFileNative = Omit<UploadFile, 'id' | 'exists'> &\n  Partial<Pick<UploadFile, 'id' | 'exists'>>\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/upload/types.ts"],"sourcesContent":["import React from 'react'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { LocaleProps, SpacingProps } from '../../shared/types'\nimport type { SharedStateId } from '../../shared/helpers/useSharedState'\n\nexport type UploadAcceptedFileTypes = string[]\n\nexport type UploadAcceptedFileTypesWithFileMaxSize =\n  UploadAcceptedFileTypeObject[]\n\nexport type UploadAcceptedFileTypeObject = {\n  fileType: string\n  fileMaxSize?: number | false\n}\n\nexport type UploadProps = {\n  /**\n   * unique id used with the useUpload hook to manage the files\n   */\n  id?: SharedStateId\n\n  /**\n   * defines the appearance. Use one of these: `normal` or `compact`. Defaults to `normal`.\n   */\n  variant?: 'normal' | 'compact'\n\n  /**\n   * list of accepted file types.\n   */\n  acceptedFileTypes:\n    | UploadAcceptedFileTypes\n    | UploadAcceptedFileTypesWithFileMaxSize\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Defines the amount of files the user can select and upload\n   * Default: 100\n   */\n  filesAmountLimit?: number\n\n  /**\n   * Defines the max file size of each file in MB. Use either `0` or `false` to disable.\n   * Default: 5 MB\n   */\n  fileMaxSize?: number | false\n\n  /**\n   * will be called on `files` changes made by the user. Access the files with `{ files }`.\n   */\n  onChange?: ({ files }: { files: Array<UploadFile> }) => void\n\n  /**\n   * will be called once a file gets deleted by the user. Access the deleted file with `{ fileItem }`.\n   */\n  onFileDelete?: ({\n    fileItem,\n  }: {\n    fileItem: UploadFile\n  }) => void | Promise<void>\n\n  /**\n   * Will be called once a file gets clicked on by the user. Access the clicked file with `{ fileItem }`.\n   */\n  onFileClick?: ({\n    fileItem,\n  }: {\n    fileItem: UploadFile\n  }) => void | Promise<void>\n\n  /**\n   * Causes the browser to treat all listed files as downloadable instead of opening them in a new browser tab or window.\n   * Default: false\n   */\n  download?: boolean\n\n  /**\n   * Allows uploading of duplicate files.\n   * Default: false\n   */\n  allowDuplicates?: boolean\n\n  /**\n   * Disables file drag and drop, by removing the drop zone.\n   * Default: false\n   */\n  disableDragAndDrop?: boolean\n\n  /**\n   * Custom text properties\n   */\n  title?: React.ReactNode\n  text?: React.ReactNode\n  fileTypeTableCaption?: React.ReactNode\n  fileTypeDescription?: React.ReactNode\n  fileSizeDescription?: React.ReactNode\n  fileAmountDescription?: React.ReactNode\n  fileSizeContent?: React.ReactNode\n  buttonText?: React.ReactNode\n  errorLargeFile?: React.ReactNode\n  errorUnsupportedFile?: React.ReactNode\n  errorAmountLimit?: React.ReactNode\n  loadingText?: React.ReactNode\n  deleteButton?: React.ReactNode\n  fileListAriaLabel?: string\n  children?: React.ReactNode\n}\n\nexport type UploadAllProps = UploadProps &\n  SpacingProps &\n  LocaleProps &\n  Omit<React.HTMLProps<HTMLElement>, 'onChange' | 'title'>\n\nexport type UploadContextProps = {\n  id?: string\n  onInputUpload: (files: Array<UploadFileNative>) => void\n} & Partial<UploadAllProps>\n\nexport type UploadFile = {\n  file: File\n  id: string\n  exists: boolean\n  isLoading?: boolean\n  errorMessage?: React.ReactNode\n  description?: React.ReactNode\n  removeDeleteButton?: boolean\n}\n\nexport type UploadFileNative = Omit<UploadFile, 'id' | 'exists'> &\n  Partial<Pick<UploadFile, 'id' | 'exists'>>\n"],"mappings":"","ignoreList":[]}

package/cjs/elements/lists/style/lists-mixins.scss

@@ -154,7 +154,7 @@
       // We cannot use gap: 0.5rem because of our wrapper "__item"
       display: flex;
       flex-wrap: wrap;
-      max-width: 60ch; // to enhance readability
+      max-width: var(--text-block-max-width); // to enhance readability
       width: 100%;
 
       & dt {

package/cjs/extensions/forms/Connectors/Bring/address.d.ts

@@ -0,0 +1,48 @@
+import { Props as SelectionProps } from '../../Field/Selection';
+import { Path, PathStrict, ReceiveAdditionalEventArgs } from '../../types';
+import { GeneralConfig, HandlerConfig, PreResponseResolver, ResponseResolver } from '../createContext';
+export declare const supportedCountryCodes: readonly ["NO"];
+export type SupportedCountries = (typeof supportedCountryCodes)[number];
+export declare const unsupportedCountryMessage = "Postal code verification is not supported for {countryCode}.";
+export type AddressResolverData = {
+    addresses: {
+        street_name: string;
+        house_number: string;
+        postal_code: string;
+        city: string;
+    }[];
+};
+export type AddressResolverPayload = Array<{
+    item: AddressResolverData['addresses'][0];
+    selected_value: string;
+    selectedKey: string;
+    content: string[];
+}>;
+type SuggestionsConnectorReturn = (event: {
+    value: string;
+    showIndicator: () => void;
+    hideIndicator: () => void;
+    updateData: (data: AddressResolverPayload) => void;
+} & ReceiveAdditionalEventArgs<string>) => Promise<void>;
+type SuggestionsHandlerConfig = HandlerConfig & {
+    countryCode?: PathStrict | SupportedCountries | Lowercase<SupportedCountries>;
+    cityPath: Path;
+    postalCodePath: Path;
+};
+export declare const preResponseResolver: PreResponseResolver;
+export declare const responseResolver: ResponseResolver<AddressResolverData, AddressResolverPayload>;
+export declare function suggestions(generalConfig: GeneralConfig, handlerConfig?: SuggestionsHandlerConfig): SuggestionsConnectorReturn;
+export declare function suggestionsElement(generalConfig: GeneralConfig, handlerConfig?: SuggestionsHandlerConfig): (props: SelectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare function getMockData(countryCode?: string): {
+    addresses: {
+        address_id: string;
+        street_name: string;
+        house_number: number;
+        postal_code: string;
+        city: string;
+        county: string;
+        municipality: string;
+        type: string;
+    }[];
+};
+export {};

package/cjs/extensions/forms/Connectors/Bring/address.js

@@ -0,0 +1,185 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMockData = getMockData;
+exports.responseResolver = exports.preResponseResolver = void 0;
+exports.suggestions = suggestions;
+exports.suggestionsElement = suggestionsElement;
+exports.unsupportedCountryMessage = exports.supportedCountryCodes = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Selection = _interopRequireDefault(require("../../Field/Selection"));
+var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
+var _createContext = require("../createContext");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const supportedCountryCodes = exports.supportedCountryCodes = ['NO'];
+const unsupportedCountryMessage = exports.unsupportedCountryMessage = 'Postal code verification is not supported for {countryCode}.';
+const preResponseResolver = _ref => {
+  let {
+    value
+  } = _ref;
+  if (!value) {
+    return {
+      addresses: []
+    };
+  }
+};
+exports.preResponseResolver = preResponseResolver;
+const responseResolver = (data, handlerConfig) => {
+  const resolver = handlerConfig === null || handlerConfig === void 0 ? void 0 : handlerConfig.responseResolver;
+  if (typeof resolver === 'function') {
+    return resolver(data);
+  }
+  const payload = data === null || data === void 0 ? void 0 : data.addresses.map(item => {
+    const street = [item.street_name, item.house_number].filter(Boolean).join(' ');
+    const city = [item.postal_code, item.city].filter(Boolean).join(' ');
+    return {
+      item,
+      selected_value: street,
+      selectedKey: street || item['address_id'],
+      content: [street, city]
+    };
+  });
+  return {
+    payload
+  };
+};
+exports.responseResolver = responseResolver;
+function suggestions(generalConfig, handlerConfig) {
+  const abortControllerRef = {
+    current: null
+  };
+  return async function suggestionsHandlerWrapper(event) {
+    return await suggestionsHandler(event.value, event);
+  };
+  async function suggestionsHandler(value, additionalArgs) {
+    if (!(typeof value === 'string')) {
+      return;
+    }
+    const {
+      countryCode
+    } = (0, _createContext.handleCountryPath)({
+      value,
+      countryCode: handlerConfig === null || handlerConfig === void 0 ? void 0 : handlerConfig.countryCode,
+      additionalArgs,
+      handler: suggestionsHandler
+    });
+    if (!(0, _createContext.isSupportedCountryCode)(countryCode, supportedCountryCodes)) {
+      return;
+    }
+    try {
+      var _handlerConfig$preRes;
+      additionalArgs.showIndicator();
+      const parameters = {
+        countryCode: String(countryCode).toLowerCase()
+      };
+      const {
+        data
+      } = await (0, _createContext.fetchData)(value, {
+        generalConfig,
+        parameters,
+        abortControllerRef,
+        preResponseResolver: (_handlerConfig$preRes = handlerConfig === null || handlerConfig === void 0 ? void 0 : handlerConfig.preResponseResolver) !== null && _handlerConfig$preRes !== void 0 ? _handlerConfig$preRes : preResponseResolver
+      });
+      const {
+        payload
+      } = responseResolver(data, handlerConfig);
+      additionalArgs.updateData(payload);
+      additionalArgs.hideIndicator();
+    } catch (error) {
+      additionalArgs.hideIndicator();
+      return error;
+    }
+  }
+}
+function suggestionsElement(generalConfig, handlerConfig) {
+  const onType = suggestions(generalConfig, handlerConfig);
+  const onChange = (value, additionalArgs) => {
+    const {
+      cityPath,
+      postalCodePath
+    } = handlerConfig || {};
+    const data = additionalArgs === null || additionalArgs === void 0 ? void 0 : additionalArgs.data;
+    if (data) {
+      const dataContext = additionalArgs.dataContext;
+      dataContext.handlePathChangeUnvalidated(postalCodePath, data.item.postal_code);
+      dataContext.handlePathChangeUnvalidated(cityPath, data.item.city);
+    }
+  };
+  const Autocomplete = props => {
+    const {
+      suggestionPlaceholder
+    } = (0, _useTranslation.default)().StreetAddress;
+    return _react.default.createElement(_Selection.default, _extends({
+      variant: "autocomplete"
+    }, props, {
+      autocompleteProps: _objectSpread({
+        mode: 'async',
+        disableFilter: true,
+        keepValue: true,
+        openOnFocus: true,
+        placeholder: suggestionPlaceholder,
+        onType
+      }, props === null || props === void 0 ? void 0 : props.autocompleteProps),
+      onChange: onChange
+    }));
+  };
+  return Autocomplete;
+}
+function getMockData(countryCode) {
+  switch (String(countryCode).toUpperCase()) {
+    case 'SE':
+      return {
+        addresses: []
+      };
+    case 'NO':
+    default:
+      return {
+        addresses: [{
+          address_id: '1398742',
+          street_name: 'Gransvea',
+          house_number: 37,
+          postal_code: '1391',
+          city: 'Vollen',
+          county: 'Akershus',
+          municipality: 'Asker',
+          type: 'STREET'
+        }, {
+          address_id: '3168496',
+          street_name: 'Gransvegen',
+          house_number: 1,
+          postal_code: '2090',
+          city: 'Hurdal',
+          county: 'Akershus',
+          municipality: 'Hurdal',
+          type: 'STREET'
+        }, {
+          address_id: '325829',
+          street_name: 'Gransveien',
+          house_number: 2,
+          postal_code: '1900',
+          city: 'Fetsund',
+          county: 'Akershus',
+          municipality: 'Lillestrøm',
+          type: 'STREET'
+        }, {
+          address_id: '325829',
+          street_name: 'Somewhere else',
+          house_number: 100,
+          postal_code: '1234',
+          city: 'City',
+          county: 'County',
+          municipality: 'Municipality',
+          type: 'STREET'
+        }]
+      };
+  }
+}
+//# sourceMappingURL=address.js.map

package/cjs/extensions/forms/Connectors/Bring/address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"address.js","names":["_react","_interopRequireDefault","require","_Selection","_useTranslation","_createContext","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","supportedCountryCodes","exports","unsupportedCountryMessage","preResponseResolver","_ref","addresses","responseResolver","data","handlerConfig","resolver","payload","map","item","street","street_name","house_number","Boolean","join","city","postal_code","selected_value","selectedKey","content","suggestions","generalConfig","abortControllerRef","current","suggestionsHandlerWrapper","event","suggestionsHandler","additionalArgs","countryCode","handleCountryPath","handler","isSupportedCountryCode","_handlerConfig$preRes","showIndicator","parameters","toLowerCase","fetchData","updateData","hideIndicator","error","suggestionsElement","onType","onChange","cityPath","postalCodePath","dataContext","handlePathChangeUnvalidated","Autocomplete","props","suggestionPlaceholder","useTranslation","StreetAddress","createElement","variant","autocompleteProps","mode","disableFilter","keepValue","openOnFocus","placeholder","getMockData","toUpperCase","address_id","county","municipality","type"],"sources":["../../../../../../src/extensions/forms/Connectors/Bring/address.tsx"],"sourcesContent":["import React from 'react'\nimport Selection, { Props as SelectionProps } from '../../Field/Selection'\nimport {\n  Path,\n  PathStrict,\n  ReceiveAdditionalEventArgs,\n  UseFieldProps,\n} from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\nimport {\n  GeneralConfig,\n  HandlerConfig,\n  PreResponseResolver,\n  ResponseResolver,\n  fetchData,\n  handleCountryPath,\n  isSupportedCountryCode,\n} from '../createContext'\nimport type { DrawerListDataArrayObjectStrict } from '../../../../fragments/drawer-list/DrawerList'\n\nexport const supportedCountryCodes = [\n  'NO', // Norway\n] as const\nexport type SupportedCountries = (typeof supportedCountryCodes)[number]\n\nexport const unsupportedCountryMessage =\n  'Postal code verification is not supported for {countryCode}.'\n\nexport type AddressResolverData = {\n  addresses: {\n    street_name: string\n    house_number: string\n    postal_code: string\n    city: string\n  }[]\n}\nexport type AddressResolverPayload = Array<{\n  item: AddressResolverData['addresses'][0]\n  selected_value: string\n  selectedKey: string\n  content: string[]\n}>\n\ntype SuggestionsConnectorReturn = (\n  event: {\n    value: string\n    showIndicator: () => void\n    hideIndicator: () => void\n    updateData: (data: AddressResolverPayload) => void\n  } & ReceiveAdditionalEventArgs<string>\n) => Promise<void>\n\ntype SuggestionsHandlerConfig = HandlerConfig & {\n  countryCode?:\n    | PathStrict\n    | SupportedCountries\n    | Lowercase<SupportedCountries>\n  cityPath: Path\n  postalCodePath: Path\n}\n\nexport const preResponseResolver: PreResponseResolver = ({ value }) => {\n  if (!value) {\n    return { addresses: [] }\n  }\n}\n\nexport const responseResolver: ResponseResolver<\n  AddressResolverData,\n  AddressResolverPayload\n> = (data, handlerConfig) => {\n  const resolver = handlerConfig?.responseResolver\n  if (typeof resolver === 'function') {\n    return resolver(data) as ReturnType<typeof resolver> & {\n      payload: AddressResolverPayload\n    }\n  }\n\n  const payload = data?.addresses.map((item) => {\n    const street = [item.street_name, item.house_number]\n      .filter(Boolean)\n      .join(' ')\n    const city = [item.postal_code, item.city].filter(Boolean).join(' ')\n\n    return {\n      item,\n      selected_value: street,\n      selectedKey: street || item['address_id'],\n      content: [street, city],\n    } satisfies DrawerListDataArrayObjectStrict &\n      Pick<AddressResolverPayload[0], 'item'>\n  })\n\n  return {\n    payload,\n  }\n}\n\nexport function suggestions(\n  generalConfig: GeneralConfig,\n  handlerConfig?: SuggestionsHandlerConfig\n): SuggestionsConnectorReturn {\n  const abortControllerRef = { current: null }\n\n  return async function suggestionsHandlerWrapper(event) {\n    return await suggestionsHandler(event.value, event)\n  }\n\n  async function suggestionsHandler(\n    value: string,\n    additionalArgs: ReceiveAdditionalEventArgs<string> & {\n      showIndicator: () => void\n      hideIndicator: () => void\n      updateData: (data: AddressResolverPayload) => void\n    }\n  ) {\n    if (!(typeof value === 'string')) {\n      return // stop here\n    }\n\n    // Get country code from path or use given countryCode value\n    const { countryCode } = handleCountryPath({\n      value,\n      countryCode: handlerConfig?.countryCode,\n      additionalArgs,\n      handler: suggestionsHandler,\n    })\n\n    if (!isSupportedCountryCode(countryCode, supportedCountryCodes)) {\n      return // stop here\n    }\n\n    try {\n      additionalArgs.showIndicator()\n\n      const parameters = {\n        countryCode: String(countryCode).toLowerCase(),\n      }\n      const { data } = await fetchData<AddressResolverData>(value, {\n        generalConfig,\n        parameters,\n        abortControllerRef,\n        preResponseResolver:\n          handlerConfig?.preResponseResolver ?? preResponseResolver,\n      })\n\n      const { payload } = responseResolver(data, handlerConfig)\n\n      additionalArgs.updateData(payload)\n      additionalArgs.hideIndicator()\n    } catch (error) {\n      additionalArgs.hideIndicator()\n      return error\n    }\n  }\n}\n\nexport function suggestionsElement(\n  generalConfig: GeneralConfig,\n  handlerConfig?: SuggestionsHandlerConfig\n) {\n  const onType = suggestions(generalConfig, handlerConfig)\n  const onChange: UseFieldProps<string>['onChange'] = (\n    value,\n    additionalArgs\n  ) => {\n    const { cityPath, postalCodePath } = handlerConfig || {}\n    const data = additionalArgs?.data as AddressResolverPayload[0]\n    if (data) {\n      const dataContext = additionalArgs.dataContext\n\n      dataContext.handlePathChangeUnvalidated(\n        postalCodePath,\n        data.item.postal_code\n      )\n\n      dataContext.handlePathChangeUnvalidated(cityPath, data.item.city)\n    }\n  }\n\n  const Autocomplete = (props: SelectionProps) => {\n    const { suggestionPlaceholder } = useTranslation().StreetAddress\n    return (\n      <Selection\n        variant=\"autocomplete\"\n        {...props}\n        autocompleteProps={{\n          mode: 'async',\n          disableFilter: true,\n          keepValue: true,\n          openOnFocus: true,\n          placeholder: suggestionPlaceholder,\n          onType,\n          ...props?.autocompleteProps,\n        }}\n        onChange={onChange}\n      />\n    )\n  }\n\n  return Autocomplete\n}\n\nexport function getMockData(countryCode?: string) {\n  switch (String(countryCode).toUpperCase()) {\n    case 'SE':\n      return {\n        addresses: [],\n      }\n    case 'NO':\n    default:\n      return {\n        addresses: [\n          {\n            address_id: '1398742',\n            street_name: 'Gransvea',\n            house_number: 37,\n            postal_code: '1391',\n            city: 'Vollen',\n            county: 'Akershus',\n            municipality: 'Asker',\n            type: 'STREET',\n          },\n          {\n            address_id: '3168496',\n            street_name: 'Gransvegen',\n            house_number: 1,\n            postal_code: '2090',\n            city: 'Hurdal',\n            county: 'Akershus',\n            municipality: 'Hurdal',\n            type: 'STREET',\n          },\n          {\n            address_id: '325829',\n            street_name: 'Gransveien',\n            house_number: 2,\n            postal_code: '1900',\n            city: 'Fetsund',\n            county: 'Akershus',\n            municipality: 'Lillestrøm',\n            type: 'STREET',\n          },\n          {\n            address_id: '325829',\n            street_name: 'Somewhere else',\n            house_number: 100,\n            postal_code: '1234',\n            city: 'City',\n            county: 'County',\n            municipality: 'Municipality',\n            type: 'STREET',\n          },\n        ],\n      }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/extensions/forms/Connectors/Bring/index.d.ts

@@ -1 +1,2 @@
 export * as postalCode from './postalCode';
+export * as address from './address';

package/cjs/extensions/forms/Connectors/Bring/index.js

@@ -4,9 +4,11 @@ require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.postalCode = void 0;
+exports.postalCode = exports.address = void 0;
 var _postalCode = _interopRequireWildcard(require("./postalCode"));
 exports.postalCode = _postalCode;
+var _address = _interopRequireWildcard(require("./address"));
+exports.address = _address;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Connectors/Bring/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/Connectors/Bring/index.ts"],"sourcesContent":["export * as postalCode from './postalCode'\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/Connectors/Bring/index.ts"],"sourcesContent":["export * as postalCode from './postalCode'\nexport * as address from './address'\n"],"mappings":"","ignoreList":[]}

package/cjs/extensions/forms/Connectors/Bring/postalCode.js

@@ -9,7 +9,9 @@ exports.unsupportedCountryCodeMessage = exports.supportedCountryCodes = exports.
 exports.validator = validator;
 require("core-js/modules/es.string.replace.js");
 var _utils = require("../../utils");
+var _jsonPointer = _interopRequireDefault(require("../../utils/json-pointer"));
 var _createContext = require("../createContext");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const supportedCountryCodes = exports.supportedCountryCodes = ['NO', 'DK', 'SE', 'FI', 'NL', 'DE', 'US', 'BE', 'FO', 'GL', 'IS', 'SJ'];
 const unsupportedCountryCodeMessage = exports.unsupportedCountryCodeMessage = 'Postal code verification is not supported for {countryCode}.';
 const preResponseResolver = _ref => {
@@ -81,7 +83,14 @@ function autofill(generalConfig, handlerConfig) {
           if (!additionalArgs.dataContext) {
             throw new Error('No data context found in the postalCode connector');
           }
-          additionalArgs.dataContext.handlePathChangeUnvalidated(cityPath, payload.city);
+          const {
+            dataContext
+          } = additionalArgs;
+          const internalData = dataContext.internalDataRef.current;
+          const value = _jsonPointer.default.has(internalData, cityPath) ? _jsonPointer.default.get(internalData, cityPath) : undefined;
+          if (!value) {
+            dataContext.handlePathChangeUnvalidated(cityPath, payload.city);
+          }
         }
       };
       const {