@dnb/eufemia 10.69.0 → 10.70.0

package/cjs/components/upload/UploadFileListCell.js

@@ -18,7 +18,7 @@ var _FormStatus2 = _interopRequireDefault(require("../../components/FormStatus")
 var _progressIndicator = _interopRequireDefault(require("../../components/progress-indicator"));
 var _icons = require("../../icons");
 var _componentHelper = require("../../shared/component-helper");
-var _useUpload = _interopRequireDefault(require("./useUpload"));
+var _useUpload = _interopRequireWildcard(require("./useUpload"));
 var _UploadVerify = require("./UploadVerify");
 var _UploadFileListLink = _interopRequireDefault(require("./UploadFileListLink"));
 var _Icon;
@@ -48,7 +48,8 @@ const UploadFileListCell = _ref => {
     onClick,
     loadingText,
     deleteButtonText,
-    download
+    download,
+    allowDuplicates
   } = _ref;
   const {
     file,
@@ -59,6 +60,7 @@ const UploadFileListCell = _ref => {
   const imageUrl = (file === null || file === void 0 ? void 0 : file.size) > 0 ? URL.createObjectURL(file) : null;
   const cellRef = (0, _react.useRef)();
   const exists = useExistsHighlight(id, file);
+  const isDuplicate = !allowDuplicates && exists;
   const handleDisappearFocus = (0, _react.useCallback)(() => {
     var _getPreviousSibling;
     const cellElement = cellRef.current;
@@ -72,7 +74,7 @@ const UploadFileListCell = _ref => {
     onDelete();
   }, [handleDisappearFocus, onDelete]);
   return _react.default.createElement("li", {
-    className: (0, _classnames.default)('dnb-upload__file-cell', hasWarning && 'dnb-upload__file-cell--warning', exists && 'dnb-upload__file-cell--highlight'),
+    className: (0, _classnames.default)('dnb-upload__file-cell', hasWarning && 'dnb-upload__file-cell--warning', isDuplicate && 'dnb-upload__file-cell--highlight'),
     ref: cellRef
   }, _react.default.createElement("div", {
     className: "dnb-upload__file-cell__content"
@@ -96,7 +98,8 @@ const UploadFileListCell = _ref => {
       text: file.name,
       href: imageUrl,
       download: download,
-      onClick: onClick
+      onClick: onClick,
+      bottom: 0
     }));
   }
   function getWarning() {
@@ -123,7 +126,7 @@ function useExistsHighlight(id, file) {
         exists,
         file: f
       } = _ref2;
-      return exists && f.name === file.name && f.size === file.size;
+      return exists && (0, _useUpload.isFileEqual)(file, f);
     });
     if (exists) {
       updateExists(true);

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

@@ -1 +1 @@
-{"version":3,"file":"UploadFileListCell.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_Icon2","_FormStatus2","_progressIndicator","_icons","_componentHelper","_useUpload","_UploadVerify","_UploadFileListLink","_Icon","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","fileExtensionImages","exports","png","jpg","pdf","doc","docx","odt","xls","ppt","csv","txt","xml","file","UploadFileListCell","_ref","_div","_FormStatus","id","uploadFile","onDelete","onClick","loadingText","deleteButtonText","download","errorMessage","isLoading","hasWarning","imageUrl","size","URL","createObjectURL","cellRef","useRef","exists","useExistsHighlight","handleDisappearFocus","useCallback","_getPreviousSibling","cellElement","current","focusElement","getPreviousSibling","querySelector","focus","preventScroll","onDeleteHandler","createElement","className","classnames","ref","getFileIcon","getTitle","icon","TrashIcon","variant","icon_position","disabled","getWarning","text","name","href","top","stretch","_default","internalFiles","useUpload","updateExists","React","useState","timerRef","clearTimers","clearTimeout","useEffect","some","_ref2","f","setTimeout","loading","_loading$size","ExclamationIcon","iconFileType","getFileTypeFromExtension","mimeParts","type","split","prototype"],"sources":["../../../../src/components/upload/UploadFileListCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button from '../button/Button'\nimport Icon from '../../components/Icon'\nimport FormStatus from '../../components/FormStatus'\nimport ProgressIndicator from '../../components/progress-indicator'\n\n// Icons\nimport {\n  trash as TrashIcon,\n  exclamation_medium as ExclamationIcon,\n  file_png_medium as png,\n  file_jpg_medium as jpg,\n  file_word_medium as doc,\n  file_pdf_medium as pdf,\n  file_xls_medium as xls,\n  file_ppt_medium as ppt,\n  file_csv_medium as csv,\n  file_txt_medium as txt,\n  file_xml_medium as xml,\n  file_medium as file,\n} from '../../icons'\nimport { UploadFile, UploadFileNative } from './types'\n\n// Shared\nimport { getPreviousSibling } from '../../shared/component-helper'\nimport useUpload from './useUpload'\nimport { getFileTypeFromExtension } from './UploadVerify'\nimport UploadFileLink from './UploadFileListLink'\nimport { ProgressIndicatorAllProps } from '../progress-indicator/types'\n\n// Will be deprecated - and then default to only showing the file icon,\n// and not file icon per file extension type\nexport const fileExtensionImages = {\n  png,\n  jpg,\n  pdf,\n  doc,\n  docx: doc,\n  odt: doc,\n  xls,\n  ppt,\n  csv,\n  txt,\n  xml,\n  file,\n}\n\nexport type UploadFileListCellProps = {\n  id: string\n\n  /**\n   * Uploaded file\n   */\n  uploadFile: UploadFile | UploadFileNative\n\n  /**\n   * Calls onDelete when clicking the delete button\n   */\n  onDelete: () => void\n\n  /**\n   * Calls onClick when clicking the file name\n   */\n  onClick?: () => 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   * Text\n   */\n  loadingText: React.ReactNode\n  deleteButtonText: React.ReactNode\n}\n\nconst UploadFileListCell = ({\n  id,\n  uploadFile,\n  onDelete,\n  onClick,\n  loadingText,\n  deleteButtonText,\n  download,\n}: UploadFileListCellProps) => {\n  const { file, errorMessage, isLoading } = uploadFile\n  const hasWarning = errorMessage != null\n\n  const imageUrl = file?.size > 0 ? URL.createObjectURL(file) : null\n  const cellRef = useRef<HTMLLIElement>()\n  const exists = useExistsHighlight(id, file)\n\n  const handleDisappearFocus = useCallback(() => {\n    const cellElement = cellRef.current\n    const focusElement = getPreviousSibling(\n      '.dnb-upload',\n      cellElement\n    )?.querySelector('.dnb-upload__file-input-button') as HTMLButtonElement\n    focusElement?.focus({ preventScroll: true })\n  }, [cellRef])\n\n  const onDeleteHandler = useCallback(() => {\n    handleDisappearFocus()\n\n    onDelete()\n  }, [handleDisappearFocus, onDelete])\n\n  return (\n    <li\n      className={classnames(\n        'dnb-upload__file-cell',\n        hasWarning && 'dnb-upload__file-cell--warning',\n        exists && 'dnb-upload__file-cell--highlight'\n      )}\n      ref={cellRef}\n    >\n      <div className=\"dnb-upload__file-cell__content\">\n        <div className=\"dnb-upload__file-cell__content__left\">\n          {getFileIcon(file, { isLoading }, hasWarning)}\n          {getTitle()}\n        </div>\n        <div>\n          <Button\n            icon={TrashIcon}\n            variant=\"tertiary\"\n            onClick={onDeleteHandler}\n            icon_position=\"left\"\n            disabled={isLoading}\n          >\n            {deleteButtonText}\n          </Button>\n        </div>\n      </div>\n\n      {getWarning()}\n    </li>\n  )\n\n  function getTitle() {\n    return isLoading ? (\n      <div\n        className={classnames(\n          'dnb-upload__file-cell__text-container',\n          'dnb-upload__file-cell__text-container--loading'\n        )}\n      >\n        {loadingText}\n      </div>\n    ) : (\n      <div className=\"dnb-upload__file-cell__text-container\">\n        <UploadFileLink\n          text={file.name}\n          href={imageUrl}\n          download={download}\n          onClick={onClick}\n        />\n      </div>\n    )\n  }\n\n  function getWarning() {\n    return hasWarning ? (\n      <FormStatus top=\"small\" text={errorMessage} stretch />\n    ) : null\n  }\n}\n\nexport default UploadFileListCell\n\nfunction useExistsHighlight(id: string, file: File) {\n  const { internalFiles } = useUpload(id)\n  const [exists, updateExists] = React.useState(false)\n  const timerRef = React.useRef<NodeJS.Timer>()\n\n  const clearTimers = () => {\n    clearTimeout(timerRef.current)\n  }\n\n  React.useEffect(() => {\n    const exists = internalFiles.some(({ exists, file: f }) => {\n      return exists && f.name === file.name && f.size === file.size\n    })\n\n    if (exists) {\n      updateExists(true)\n      clearTimers()\n      timerRef.current = setTimeout(() => updateExists(false), 1500) // transition-duration in CSS\n    }\n\n    return clearTimers\n  }, [file, internalFiles])\n\n  return exists\n}\n\nexport function getFileIcon(\n  file: File,\n  loading?: {\n    isLoading: UploadFile['isLoading']\n    size?: ProgressIndicatorAllProps['size']\n  },\n  hasWarning?: boolean\n) {\n  if (loading?.isLoading) {\n    return <ProgressIndicator size={loading?.size ?? 'default'} />\n  }\n\n  if (hasWarning) return <Icon icon={ExclamationIcon} />\n\n  let iconFileType = getFileTypeFromExtension(file)\n\n  if (!iconFileType) {\n    const mimeParts = file.type.split('/')\n    iconFileType =\n      fileExtensionImages[mimeParts[0]] ||\n      fileExtensionImages[mimeParts[1]]\n  }\n\n  if (\n    !Object.prototype.hasOwnProperty.call(\n      fileExtensionImages,\n      iconFileType\n    )\n  ) {\n    iconFileType = 'file'\n  }\n\n  return <Icon icon={fileExtensionImages[iconFileType]} />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UploadFileListCell.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_Icon2","_FormStatus2","_progressIndicator","_icons","_componentHelper","_useUpload","_UploadVerify","_UploadFileListLink","_Icon","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","fileExtensionImages","exports","png","jpg","pdf","doc","docx","odt","xls","ppt","csv","txt","xml","file","UploadFileListCell","_ref","_div","_FormStatus","id","uploadFile","onDelete","onClick","loadingText","deleteButtonText","download","allowDuplicates","errorMessage","isLoading","hasWarning","imageUrl","size","URL","createObjectURL","cellRef","useRef","exists","useExistsHighlight","isDuplicate","handleDisappearFocus","useCallback","_getPreviousSibling","cellElement","current","focusElement","getPreviousSibling","querySelector","focus","preventScroll","onDeleteHandler","createElement","className","classnames","ref","getFileIcon","getTitle","icon","TrashIcon","variant","icon_position","disabled","getWarning","text","name","href","bottom","top","stretch","_default","internalFiles","useUpload","updateExists","React","useState","timerRef","clearTimers","clearTimeout","useEffect","some","_ref2","f","isFileEqual","setTimeout","loading","_loading$size","ExclamationIcon","iconFileType","getFileTypeFromExtension","mimeParts","type","split","prototype"],"sources":["../../../../src/components/upload/UploadFileListCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button from '../button/Button'\nimport Icon from '../../components/Icon'\nimport FormStatus from '../../components/FormStatus'\nimport ProgressIndicator from '../../components/progress-indicator'\n\n// Icons\nimport {\n  trash as TrashIcon,\n  exclamation_medium as ExclamationIcon,\n  file_png_medium as png,\n  file_jpg_medium as jpg,\n  file_word_medium as doc,\n  file_pdf_medium as pdf,\n  file_xls_medium as xls,\n  file_ppt_medium as ppt,\n  file_csv_medium as csv,\n  file_txt_medium as txt,\n  file_xml_medium as xml,\n  file_medium as file,\n} from '../../icons'\nimport { UploadFile, UploadFileNative } from './types'\n\n// Shared\nimport { getPreviousSibling } from '../../shared/component-helper'\nimport useUpload, { isFileEqual } from './useUpload'\nimport { getFileTypeFromExtension } from './UploadVerify'\nimport UploadFileLink from './UploadFileListLink'\nimport { ProgressIndicatorAllProps } from '../progress-indicator/types'\n\n// Will be deprecated - and then default to only showing the file icon,\n// and not file icon per file extension type\nexport const fileExtensionImages = {\n  png,\n  jpg,\n  pdf,\n  doc,\n  docx: doc,\n  odt: doc,\n  xls,\n  ppt,\n  csv,\n  txt,\n  xml,\n  file,\n}\n\nexport type UploadFileListCellProps = {\n  id: string\n\n  /**\n   * Uploaded file\n   */\n  uploadFile: UploadFile | UploadFileNative\n\n  /**\n   * Calls onDelete when clicking the delete button\n   */\n  onDelete: () => void\n\n  /**\n   * Calls onClick when clicking the file name\n   */\n  onClick?: () => 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   * Text\n   */\n  loadingText: React.ReactNode\n  deleteButtonText: React.ReactNode\n}\n\nconst UploadFileListCell = ({\n  id,\n  uploadFile,\n  onDelete,\n  onClick,\n  loadingText,\n  deleteButtonText,\n  download,\n  allowDuplicates,\n}: UploadFileListCellProps) => {\n  const { file, errorMessage, isLoading } = uploadFile\n  const hasWarning = errorMessage != null\n\n  const imageUrl = file?.size > 0 ? URL.createObjectURL(file) : null\n  const cellRef = useRef<HTMLLIElement>()\n  const exists = useExistsHighlight(id, file)\n  const isDuplicate = !allowDuplicates && exists\n\n  const handleDisappearFocus = useCallback(() => {\n    const cellElement = cellRef.current\n    const focusElement = getPreviousSibling(\n      '.dnb-upload',\n      cellElement\n    )?.querySelector('.dnb-upload__file-input-button') as HTMLButtonElement\n    focusElement?.focus({ preventScroll: true })\n  }, [cellRef])\n\n  const onDeleteHandler = useCallback(() => {\n    handleDisappearFocus()\n\n    onDelete()\n  }, [handleDisappearFocus, onDelete])\n\n  return (\n    <li\n      className={classnames(\n        'dnb-upload__file-cell',\n        hasWarning && 'dnb-upload__file-cell--warning',\n        isDuplicate && 'dnb-upload__file-cell--highlight'\n      )}\n      ref={cellRef}\n    >\n      <div className=\"dnb-upload__file-cell__content\">\n        <div className=\"dnb-upload__file-cell__content__left\">\n          {getFileIcon(file, { isLoading }, hasWarning)}\n          {getTitle()}\n        </div>\n        <div>\n          <Button\n            icon={TrashIcon}\n            variant=\"tertiary\"\n            onClick={onDeleteHandler}\n            icon_position=\"left\"\n            disabled={isLoading}\n          >\n            {deleteButtonText}\n          </Button>\n        </div>\n      </div>\n\n      {getWarning()}\n    </li>\n  )\n\n  function getTitle() {\n    return isLoading ? (\n      <div\n        className={classnames(\n          'dnb-upload__file-cell__text-container',\n          'dnb-upload__file-cell__text-container--loading'\n        )}\n      >\n        {loadingText}\n      </div>\n    ) : (\n      <div className=\"dnb-upload__file-cell__text-container\">\n        <UploadFileLink\n          text={file.name}\n          href={imageUrl}\n          download={download}\n          onClick={onClick}\n          bottom={0}\n        />\n      </div>\n    )\n  }\n\n  function getWarning() {\n    return hasWarning ? (\n      <FormStatus top=\"small\" text={errorMessage} stretch />\n    ) : null\n  }\n}\n\nexport default UploadFileListCell\n\nfunction useExistsHighlight(id: string, file: File) {\n  const { internalFiles } = useUpload(id)\n  const [exists, updateExists] = React.useState(false)\n  const timerRef = React.useRef<NodeJS.Timer>()\n\n  const clearTimers = () => {\n    clearTimeout(timerRef.current)\n  }\n\n  React.useEffect(() => {\n    const exists = internalFiles.some(({ exists, file: f }) => {\n      return exists && isFileEqual(file, f)\n    })\n\n    if (exists) {\n      updateExists(true)\n      clearTimers()\n      timerRef.current = setTimeout(() => updateExists(false), 1500) // transition-duration in CSS\n    }\n\n    return clearTimers\n  }, [file, internalFiles])\n\n  return exists\n}\n\nexport function getFileIcon(\n  file: File,\n  loading?: {\n    isLoading: UploadFile['isLoading']\n    size?: ProgressIndicatorAllProps['size']\n  },\n  hasWarning?: boolean\n) {\n  if (loading?.isLoading) {\n    return <ProgressIndicator size={loading?.size ?? 'default'} />\n  }\n\n  if (hasWarning) return <Icon icon={ExclamationIcon} />\n\n  let iconFileType = getFileTypeFromExtension(file)\n\n  if (!iconFileType) {\n    const mimeParts = file.type.split('/')\n    iconFileType =\n      fileExtensionImages[mimeParts[0]] ||\n      fileExtensionImages[mimeParts[1]]\n  }\n\n  if (\n    !Object.prototype.hasOwnProperty.call(\n      fileExtensionImages,\n      iconFileType\n    )\n  ) {\n    iconFileType = 'file'\n  }\n\n  return <Icon icon={fileExtensionImages[iconFileType]} />\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -55,6 +55,11 @@ export type UploadProps = {
      * Default: false
      */
     download?: boolean;
+    /**
+     * Allows uploading of duplicate files.
+     * Default: false
+     */
+    allowDuplicates?: boolean;
     /**
      * Custom text properties
      */

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   * 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}\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   * 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   * 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}\n\nexport type UploadFileNative = Omit<UploadFile, 'id' | 'exists'> &\n  Partial<Pick<UploadFile, 'id' | 'exists'>>\n"],"mappings":"","ignoreList":[]}

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

@@ -10,4 +10,5 @@ export type useUploadReturn = {
  * Use together with Upload with the same id to manage the files from outside the component.
  */
 declare function useUpload(id: UploadProps['id']): useUploadReturn;
+export declare const isFileEqual: (fileA: File, fileB: File) => boolean;
 export default useUpload;

package/cjs/components/upload/useUpload.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.isFileEqual = exports.default = void 0;
 var _react = require("react");
 var _useSharedState = require("../../shared/helpers/useSharedState");
 function useUpload(id) {
@@ -29,7 +29,7 @@ function useUpload(id) {
       let {
         file: f
       } = _ref;
-      return f.name === file.name && f.size === file.size && f.lastModified === file.lastModified;
+      return isFileEqual(file, f);
     });
   }, [files]);
   return {
@@ -40,5 +40,12 @@ function useUpload(id) {
     getExistingFile
   };
 }
+const isFileEqual = (fileA, fileB) => {
+  const compareExistingProperty = function (a, b, property) {
+    return a && property in a && b && property in b && (a[property] === 0 || b[property] === 0 || a[property] === b[property]);
+  };
+  return fileA.name === fileB.name && compareExistingProperty(fileA, fileB, 'size') && compareExistingProperty(fileA, fileB, 'lastModified');
+};
+exports.isFileEqual = isFileEqual;
 var _default = exports.default = useUpload;
 //# sourceMappingURL=useUpload.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useUpload.js","names":["_react","require","_useSharedState","useUpload","id","data","extend","useSharedState","setFiles","useCallback","files","setInternalFiles","internalFiles","useMemo","getExistingFile","file","fileItems","arguments","length","undefined","find","_ref","f","name","size","lastModified","_default","exports","default"],"sources":["../../../../src/components/upload/useUpload.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useSharedState } from '../../shared/helpers/useSharedState'\nimport type { UploadFile, UploadFileNative, UploadProps } from './types'\n\nexport type useUploadReturn = {\n  files: Array<UploadFile>\n  setFiles: (files: Array<UploadFile | UploadFileNative>) => void\n  internalFiles: Array<UploadFile>\n  setInternalFiles: (files: Array<UploadFile>) => void\n  getExistingFile: (\n    file: File,\n    fileItems?: Array<UploadFile>\n  ) => UploadFile\n}\n\n/**\n * Use together with Upload with the same id to manage the files from outside the component.\n */\nfunction useUpload(id: UploadProps['id']): useUploadReturn {\n  const { data, extend } = useSharedState<{\n    files?: Array<UploadFile>\n    internalFiles?: Array<UploadFile>\n  }>(id)\n\n  const setFiles = useCallback(\n    (files: Array<UploadFile>) => {\n      extend({ files })\n    },\n    [extend]\n  )\n\n  const setInternalFiles = useCallback(\n    (internalFiles: Array<UploadFile>) => {\n      extend({ internalFiles })\n    },\n    [extend]\n  )\n\n  const files = useMemo(() => data?.files || [], [data?.files])\n  const internalFiles = useMemo(\n    () => data?.internalFiles || [],\n    [data?.internalFiles]\n  )\n\n  const getExistingFile = useCallback(\n    (file: File, fileItems: Array<UploadFile> = files) => {\n      return fileItems.find(({ file: f }) => {\n        return (\n          f.name === file.name &&\n          f.size === file.size &&\n          f.lastModified === file.lastModified\n        )\n      })\n    },\n    [files]\n  )\n\n  return {\n    files,\n    setFiles,\n    internalFiles,\n    setInternalFiles,\n    getExistingFile,\n  }\n}\n\nexport default useUpload\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAiBA,SAASE,SAASA,CAACC,EAAqB,EAAmB;EACzD,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG,IAAAC,8BAAc,EAGpCH,EAAE,CAAC;EAEN,MAAMI,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,KAAwB,IAAK;IAC5BJ,MAAM,CAAC;MAAEI;IAAM,CAAC,CAAC;EACnB,CAAC,EACD,CAACJ,MAAM,CACT,CAAC;EAED,MAAMK,gBAAgB,GAAG,IAAAF,kBAAW,EACjCG,aAAgC,IAAK;IACpCN,MAAM,CAAC;MAAEM;IAAc,CAAC,CAAC;EAC3B,CAAC,EACD,CAACN,MAAM,CACT,CAAC;EAED,MAAMI,KAAK,GAAG,IAAAG,cAAO,EAAC,MAAM,CAAAR,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,KAAK,KAAI,EAAE,EAAE,CAACL,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,KAAK,CAAC,CAAC;EAC7D,MAAME,aAAa,GAAG,IAAAC,cAAO,EAC3B,MAAM,CAAAR,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,aAAa,KAAI,EAAE,EAC/B,CAACP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,aAAa,CACtB,CAAC;EAED,MAAME,eAAe,GAAG,IAAAL,kBAAW,EACjC,UAACM,IAAU,EAA2C;IAAA,IAAzCC,SAA4B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGP,KAAK;IAC/C,OAAOM,SAAS,CAACI,IAAI,CAACC,IAAA,IAAiB;MAAA,IAAhB;QAAEN,IAAI,EAAEO;MAAE,CAAC,GAAAD,IAAA;MAChC,OACEC,CAAC,CAACC,IAAI,KAAKR,IAAI,CAACQ,IAAI,IACpBD,CAAC,CAACE,IAAI,KAAKT,IAAI,CAACS,IAAI,IACpBF,CAAC,CAACG,YAAY,KAAKV,IAAI,CAACU,YAAY;IAExC,CAAC,CAAC;EACJ,CAAC,EACD,CAACf,KAAK,CACR,CAAC;EAED,OAAO;IACLA,KAAK;IACLF,QAAQ;IACRI,aAAa;IACbD,gBAAgB;IAChBG;EACF,CAAC;AACH;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEczB,SAAS","ignoreList":[]}
+{"version":3,"file":"useUpload.js","names":["_react","require","_useSharedState","useUpload","id","data","extend","useSharedState","setFiles","useCallback","files","setInternalFiles","internalFiles","useMemo","getExistingFile","file","fileItems","arguments","length","undefined","find","_ref","f","isFileEqual","fileA","fileB","compareExistingProperty","a","b","property","name","exports","_default","default"],"sources":["../../../../src/components/upload/useUpload.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useSharedState } from '../../shared/helpers/useSharedState'\nimport type { UploadFile, UploadFileNative, UploadProps } from './types'\n\nexport type useUploadReturn = {\n  files: Array<UploadFile>\n  setFiles: (files: Array<UploadFile | UploadFileNative>) => void\n  internalFiles: Array<UploadFile>\n  setInternalFiles: (files: Array<UploadFile>) => void\n  getExistingFile: (\n    file: File,\n    fileItems?: Array<UploadFile>\n  ) => UploadFile\n}\n\n/**\n * Use together with Upload with the same id to manage the files from outside the component.\n */\nfunction useUpload(id: UploadProps['id']): useUploadReturn {\n  const { data, extend } = useSharedState<{\n    files?: Array<UploadFile>\n    internalFiles?: Array<UploadFile>\n  }>(id)\n\n  const setFiles = useCallback(\n    (files: Array<UploadFile>) => {\n      extend({ files })\n    },\n    [extend]\n  )\n\n  const setInternalFiles = useCallback(\n    (internalFiles: Array<UploadFile>) => {\n      extend({ internalFiles })\n    },\n    [extend]\n  )\n\n  const files = useMemo(() => data?.files || [], [data?.files])\n  const internalFiles = useMemo(\n    () => data?.internalFiles || [],\n    [data?.internalFiles]\n  )\n\n  const getExistingFile = useCallback(\n    (file: File, fileItems: Array<UploadFile> = files) => {\n      return fileItems.find(({ file: f }) => {\n        return isFileEqual(file, f)\n      })\n    },\n    [files]\n  )\n\n  return {\n    files,\n    setFiles,\n    internalFiles,\n    setInternalFiles,\n    getExistingFile,\n  }\n}\n\nexport const isFileEqual = (fileA: File, fileB: File): boolean => {\n  const compareExistingProperty = function (\n    a: File,\n    b: File,\n    property: string\n  ) {\n    return (\n      a &&\n      property in a &&\n      b &&\n      property in b &&\n      (a[property] === 0 || // If value is 0, which is default when not provided, we can't say whether the file is equal or not, so we assume they are.\n        b[property] === 0 || // If value is 0, which is default when not provided, we can't say whether the file is equal or not, so we assume they are.\n        a[property] === b[property])\n    )\n  }\n  return (\n    fileA.name === fileB.name &&\n    compareExistingProperty(fileA, fileB, 'size') &&\n    compareExistingProperty(fileA, fileB, 'lastModified')\n  )\n}\n\nexport default useUpload\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAiBA,SAASE,SAASA,CAACC,EAAqB,EAAmB;EACzD,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG,IAAAC,8BAAc,EAGpCH,EAAE,CAAC;EAEN,MAAMI,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,KAAwB,IAAK;IAC5BJ,MAAM,CAAC;MAAEI;IAAM,CAAC,CAAC;EACnB,CAAC,EACD,CAACJ,MAAM,CACT,CAAC;EAED,MAAMK,gBAAgB,GAAG,IAAAF,kBAAW,EACjCG,aAAgC,IAAK;IACpCN,MAAM,CAAC;MAAEM;IAAc,CAAC,CAAC;EAC3B,CAAC,EACD,CAACN,MAAM,CACT,CAAC;EAED,MAAMI,KAAK,GAAG,IAAAG,cAAO,EAAC,MAAM,CAAAR,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,KAAK,KAAI,EAAE,EAAE,CAACL,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,KAAK,CAAC,CAAC;EAC7D,MAAME,aAAa,GAAG,IAAAC,cAAO,EAC3B,MAAM,CAAAR,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,aAAa,KAAI,EAAE,EAC/B,CAACP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,aAAa,CACtB,CAAC;EAED,MAAME,eAAe,GAAG,IAAAL,kBAAW,EACjC,UAACM,IAAU,EAA2C;IAAA,IAAzCC,SAA4B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGP,KAAK;IAC/C,OAAOM,SAAS,CAACI,IAAI,CAACC,IAAA,IAAiB;MAAA,IAAhB;QAAEN,IAAI,EAAEO;MAAE,CAAC,GAAAD,IAAA;MAChC,OAAOE,WAAW,CAACR,IAAI,EAAEO,CAAC,CAAC;IAC7B,CAAC,CAAC;EACJ,CAAC,EACD,CAACZ,KAAK,CACR,CAAC;EAED,OAAO;IACLA,KAAK;IACLF,QAAQ;IACRI,aAAa;IACbD,gBAAgB;IAChBG;EACF,CAAC;AACH;AAEO,MAAMS,WAAW,GAAGA,CAACC,KAAW,EAAEC,KAAW,KAAc;EAChE,MAAMC,uBAAuB,GAAG,SAAAA,CAC9BC,CAAO,EACPC,CAAO,EACPC,QAAgB,EAChB;IACA,OACEF,CAAC,IACDE,QAAQ,IAAIF,CAAC,IACbC,CAAC,IACDC,QAAQ,IAAID,CAAC,KACZD,CAAC,CAACE,QAAQ,CAAC,KAAK,CAAC,IAChBD,CAAC,CAACC,QAAQ,CAAC,KAAK,CAAC,IACjBF,CAAC,CAACE,QAAQ,CAAC,KAAKD,CAAC,CAACC,QAAQ,CAAC,CAAC;EAElC,CAAC;EACD,OACEL,KAAK,CAACM,IAAI,KAAKL,KAAK,CAACK,IAAI,IACzBJ,uBAAuB,CAACF,KAAK,EAAEC,KAAK,EAAE,MAAM,CAAC,IAC7CC,uBAAuB,CAACF,KAAK,EAAEC,KAAK,EAAE,cAAc,CAAC;AAEzD,CAAC;AAAAM,OAAA,CAAAR,WAAA,GAAAA,WAAA;AAAA,IAAAS,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAEc9B,SAAS","ignoreList":[]}

package/cjs/components/visually-hidden/VisuallyHiddenDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const VisuallyHiddenProperties: PropertiesTableProps;

package/cjs/components/visually-hidden/VisuallyHiddenDocs.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VisuallyHiddenProperties = void 0;
+const VisuallyHiddenProperties = exports.VisuallyHiddenProperties = {
+  focusable: {
+    doc: 'Set to `true` to hide an element by default, but to display it when it’s focused (e.g. by a keyboard-only user) root. Defaults to `false`.',
+    type: ['boolean'],
+    status: 'optional'
+  },
+  element: {
+    doc: 'Custom root HTML element for the component. Defaults to `<span>`.',
+    type: ['string', 'React.Element'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=VisuallyHiddenDocs.js.map

package/cjs/components/visually-hidden/VisuallyHiddenDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHiddenDocs.js","names":["VisuallyHiddenProperties","exports","focusable","doc","type","status","element"],"sources":["../../../../src/components/visually-hidden/VisuallyHiddenDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const VisuallyHiddenProperties: PropertiesTableProps = {\n  focusable: {\n    doc: 'Set to `true` to hide an element by default, but to display it when it’s focused (e.g. by a keyboard-only user) root. Defaults to `false`.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  element: {\n    doc: 'Custom root HTML element for the component. Defaults to `<span>`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,wBAA8C,GAAAC,OAAA,CAAAD,wBAAA,GAAG;EAC5DE,SAAS,EAAE;IACTC,GAAG,EAAE,4IAA4I;IACjJC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,mEAAmE;IACxEC,IAAI,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC;IACjCC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/cjs/extensions/forms/DataContext/Context.d.ts

@@ -13,9 +13,11 @@ export type MountState = {
 };
 export type EventListenerCall = {
     path?: Path;
-    type?: 'onSubmit' | 'onPathChange' | 'onMount';
+    type?: 'onSubmit' | 'onSubmitCall' | 'onSubmitRequest' | 'onPathChange' | 'onMount';
     callback: (params?: {
         value: unknown;
+    } | {
+        preventSubmit: () => void;
     }) => void | Promise<void | Error>;
 };
 export type VisibleDataHandler<Data> = (data?: Data, options?: VisibleDataOptions) => Partial<Data>;
@@ -109,13 +111,12 @@ export interface ContextState {
     }) => Promise<EventStateObject | undefined>;
     getSubmitData?: () => unknown;
     getSubmitParams?: () => OnSubmitParams;
-    setFieldEventListener?: (path: EventListenerCall['path'], type: EventListenerCall['type'], callback: EventListenerCall['callback']) => void;
+    setFieldEventListener?: (path: EventListenerCall['path'], type: EventListenerCall['type'], callback: EventListenerCall['callback'], params?: {
+        remove?: boolean;
+    }) => void;
     revealError?: (path: Path, hasError: boolean) => void;
     setFieldInternals?: (path: Path, props: unknown, id?: string) => void;
     setValueInternals?: (path: Path, props: unknown) => void;
-    setHandleSubmit?: (callback: HandleSubmitCallback, params?: {
-        remove?: boolean;
-    }) => void;
     setFieldConnection?: (path: Path, connections: FieldConnections) => void;
     isEmptyDataRef?: React.MutableRefObject<boolean>;
     addSetShowAllErrorsRef?: React.MutableRefObject<Array<(showAllErrors: boolean) => void>>;
@@ -126,7 +127,7 @@ export interface ContextState {
     fieldInternalsRef?: React.MutableRefObject<FieldInternalsRef>;
     valueInternalsRef?: React.MutableRefObject<ValueInternalsRef>;
     fieldConnectionsRef?: React.RefObject<Record<Path, FieldConnections>>;
-    mountedFieldsRef?: React.MutableRefObject<Record<Path, MountState>>;
+    mountedFieldsRef?: React.MutableRefObject<Map<Path, MountState>>;
     snapshotsRef?: React.MutableRefObject<Map<SnapshotName, Map<Path, unknown>>>;
     existingFieldsRef?: React.MutableRefObject<Map<Path, boolean>>;
     formElementRef?: React.MutableRefObject<HTMLFormElement>;

package/cjs/extensions/forms/DataContext/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","_utils","e","__esModule","default","defaultContextState","exports","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","hasVisibleError","formState","setFormState","setSubmitState","handleSubmitCall","setShowAllErrors","setMountedFieldState","hasErrors","hasFieldState","hasFieldError","ajvInstance","makeAjvInstance","contextErrorMessages","props","Context","React","createContext","_default"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, FormError, JsonObject, makeAjvInstance } from '../utils'\nimport {\n  AllJSONSchemaVersions,\n  GlobalErrorMessagesWithPaths,\n  SubmitState,\n  Path,\n  EventStateObject,\n  EventReturnWithStateObject,\n  FieldProps,\n  ValueProps,\n  OnChange,\n  OnSubmitParams,\n  CountryCode,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\nimport { SnapshotName } from '../Form/Snapshot'\nimport { SharedStateId } from '../../../shared/helpers/useSharedState'\n\nexport type MountState = {\n  isPreMounted?: boolean\n  isMounted?: boolean\n  isVisible?: boolean\n  isFocused?: boolean\n  wasStepChange?: boolean\n}\n\nexport type EventListenerCall = {\n  path?: Path\n  type?: 'onSubmit' | 'onPathChange' | 'onMount'\n  callback: (params?: { value: unknown }) => void | Promise<void | Error>\n}\n\nexport type VisibleDataHandler<Data> = (\n  data?: Data,\n  options?: VisibleDataOptions\n) => Partial<Data>\nexport type VisibleDataOptions = {\n  keepPaths?: Array<Path>\n  removePaths?: Array<Path>\n}\nexport type MutateDataHandler<Data> = (\n  data: Data,\n  mutate: TransformData\n) => Partial<Data>\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterDataHandlerCallback<R> = (\n  parameters: FilterDataHandlerParameters\n) => R\nexport type FilterDataHandlerParameters = DataPathHandlerParameters & {\n  path: Path\n}\nexport type DataPathHandler<Data = unknown> = (\n  parameters: DataPathHandlerParameters<Data>\n) => boolean | undefined\nexport type DataPathHandlerParameters<Data = unknown> = {\n  path: Path\n  value: unknown\n  displayValue: undefined | React.ReactNode | Array<React.ReactNode>\n  label: React.ReactNode\n  props: FieldProps\n  error: Error | undefined\n\n  /**\n   * Used in the \"filterData\" given by the \"useData\" hook.\n   */\n  data: Data\n\n  /** @deprecated – can be removed in v11 */\n  internal: {\n    error: Error | undefined\n  }\n}\nexport type FilterDataPathObject<Data> = Record<\n  Path,\n  DataPathHandler<Data> | boolean | undefined\n>\nexport type FilterData<Data = unknown> =\n  | FilterDataPathObject<Data>\n  | FilterDataHandlerCallback<boolean | undefined>\nexport type VisibleData<Data = unknown> = Partial<Data>\nexport type TransformData = FilterDataHandlerCallback<unknown>\nexport type HandleSubmitCallback = ({\n  preventSubmit,\n}: {\n  preventSubmit: () => void\n}) => void\nexport type FieldConnections = {\n  setEventResult?: (status: EventStateObject) => void\n}\nexport type FieldInternalsRefProps =\n  | (FieldProps & { children: unknown })\n  | undefined\nexport type FieldInternalsRef = Record<\n  Path,\n  {\n    props: FieldInternalsRefProps\n    id: string | undefined\n  }\n>\nexport type ValueInternalsRef = Record<\n  Path,\n  { props: ValueProps | undefined }\n>\n\nexport interface ContextState {\n  id?: SharedStateId\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  internalDataRef?: React.MutableRefObject<any>\n  /** Should the form validate data before submitting? */\n  errors?: Record<Path, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (\n    path: Path,\n    value?: any\n  ) =>\n    | EventReturnWithStateObject\n    | unknown\n    | Promise<EventReturnWithStateObject | unknown>\n  handlePathChangeUnvalidated: (path: Path, value: any) => void\n  updateDataValue: (\n    path: Path,\n    value: any,\n    options?: { preventUpdate?: boolean }\n  ) => void\n  setData: (data: any) => void\n  clearData?: () => void\n  mutateDataHandler?: MutateDataHandler<unknown>\n  filterDataHandler?: FilterDataHandler<unknown>\n  visibleDataHandler?: VisibleDataHandler<unknown>\n  validateData: () => void\n  handleSubmit: () => Promise<EventStateObject | undefined>\n  scrollToTop: () => void\n  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  hasFieldError: (path: Path) => boolean\n  setFieldState?: (path: Path, fieldState: SubmitState) => void\n  setFieldError?: (path: Path, error: Error | FormError) => void\n  setMountedFieldState: (path: Path, options: MountState) => void\n  setFormState?: (\n    state: SubmitState,\n    options?: { keepPending?: boolean }\n  ) => void\n  setSubmitState?: (state: EventStateObject) => void\n  addOnChangeHandler?: (callback: OnChange) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehavior,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehavior: boolean\n    skipFieldValidation?: boolean\n    skipErrorCheck?: boolean\n  }) => Promise<EventStateObject | undefined>\n  getSubmitData?: () => unknown\n  getSubmitParams?: () => OnSubmitParams\n  setFieldEventListener?: (\n    path: EventListenerCall['path'],\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n  revealError?: (path: Path, hasError: boolean) => void\n  setFieldInternals?: (path: Path, props: unknown, id?: string) => void\n  setValueInternals?: (path: Path, props: unknown) => void\n  setHandleSubmit?: (\n    callback: HandleSubmitCallback,\n    params?: { remove?: boolean }\n  ) => void\n  setFieldConnection?: (path: Path, connections: FieldConnections) => void\n  isEmptyDataRef?: React.MutableRefObject<boolean>\n  addSetShowAllErrorsRef?: React.MutableRefObject<\n    Array<(showAllErrors: boolean) => void>\n  >\n  fieldDisplayValueRef?: React.MutableRefObject<\n    Record<Path, { type: 'field'; value?: React.ReactNode }>\n  >\n  fieldInternalsRef?: React.MutableRefObject<FieldInternalsRef>\n  valueInternalsRef?: React.MutableRefObject<ValueInternalsRef>\n  fieldConnectionsRef?: React.RefObject<Record<Path, FieldConnections>>\n  mountedFieldsRef?: React.MutableRefObject<Record<Path, MountState>>\n  snapshotsRef?: React.MutableRefObject<\n    Map<SnapshotName, Map<Path, unknown>>\n  >\n  existingFieldsRef?: React.MutableRefObject<Map<Path, boolean>>\n  formElementRef?: React.MutableRefObject<HTMLFormElement>\n  fieldErrorRef?: React.MutableRefObject<Record<Path, Error>>\n  showAllErrors: boolean | number\n  hasVisibleError: boolean\n  formState: SubmitState\n  ajvInstance: Ajv\n  contextErrorMessages: GlobalErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  path?: Path\n  disabled?: boolean\n  required?: boolean\n  countryCode?: CountryCode\n  submitState: Partial<EventStateObject>\n  prerenderFieldProps?: boolean\n  decoupleForm?: boolean\n  hasElementRef?: React.MutableRefObject<boolean>\n  restHandlerProps?: Record<string, unknown>\n  props: ProviderProps<JsonObject>\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  submitState: undefined,\n  handlePathChange: () => null,\n  handlePathChangeUnvalidated: () => null,\n  updateDataValue: () => null,\n  setData: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  hasVisibleError: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  setMountedFieldState: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  hasFieldError: () => false,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  props: null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsE,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAuN/D,MAAMG,mBAAiC,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EAC/CE,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,WAAW,EAAEF,SAAS;EACtBG,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;EACvCC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAEZ,SAAS;EACpBa,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,oBAAoB,EAAEA,CAAA,KAAM,IAAI;EAChCC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,WAAW,EAAE,IAAAC,sBAAe,EAAC,CAAC;EAC9BC,oBAAoB,EAAEvB,SAAS;EAC/BwB,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAe/B,mBAAmB,CAAC;AAAA,IAAAgC,QAAA,GAAA/B,OAAA,CAAAF,OAAA,GAEvD8B,OAAO","ignoreList":[]}
+{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","_utils","e","__esModule","default","defaultContextState","exports","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","hasVisibleError","formState","setFormState","setSubmitState","handleSubmitCall","setShowAllErrors","setMountedFieldState","hasErrors","hasFieldState","hasFieldError","ajvInstance","makeAjvInstance","contextErrorMessages","props","Context","React","createContext","_default"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, FormError, JsonObject, makeAjvInstance } from '../utils'\nimport {\n  AllJSONSchemaVersions,\n  GlobalErrorMessagesWithPaths,\n  SubmitState,\n  Path,\n  EventStateObject,\n  EventReturnWithStateObject,\n  FieldProps,\n  ValueProps,\n  OnChange,\n  OnSubmitParams,\n  CountryCode,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\nimport { SnapshotName } from '../Form/Snapshot'\nimport { SharedStateId } from '../../../shared/helpers/useSharedState'\n\nexport type MountState = {\n  isPreMounted?: boolean\n  isMounted?: boolean\n  isVisible?: boolean\n  isFocused?: boolean\n  wasStepChange?: boolean\n}\n\nexport type EventListenerCall = {\n  path?: Path\n  type?:\n    | 'onSubmit'\n    | 'onSubmitCall'\n    | 'onSubmitRequest'\n    | 'onPathChange'\n    | 'onMount'\n  callback: (\n    params?: { value: unknown } | { preventSubmit: () => void }\n  ) => void | Promise<void | Error>\n}\n\nexport type VisibleDataHandler<Data> = (\n  data?: Data,\n  options?: VisibleDataOptions\n) => Partial<Data>\nexport type VisibleDataOptions = {\n  keepPaths?: Array<Path>\n  removePaths?: Array<Path>\n}\nexport type MutateDataHandler<Data> = (\n  data: Data,\n  mutate: TransformData\n) => Partial<Data>\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterDataHandlerCallback<R> = (\n  parameters: FilterDataHandlerParameters\n) => R\nexport type FilterDataHandlerParameters = DataPathHandlerParameters & {\n  path: Path\n}\nexport type DataPathHandler<Data = unknown> = (\n  parameters: DataPathHandlerParameters<Data>\n) => boolean | undefined\nexport type DataPathHandlerParameters<Data = unknown> = {\n  path: Path\n  value: unknown\n  displayValue: undefined | React.ReactNode | Array<React.ReactNode>\n  label: React.ReactNode\n  props: FieldProps\n  error: Error | undefined\n\n  /**\n   * Used in the \"filterData\" given by the \"useData\" hook.\n   */\n  data: Data\n\n  /** @deprecated – can be removed in v11 */\n  internal: {\n    error: Error | undefined\n  }\n}\nexport type FilterDataPathObject<Data> = Record<\n  Path,\n  DataPathHandler<Data> | boolean | undefined\n>\nexport type FilterData<Data = unknown> =\n  | FilterDataPathObject<Data>\n  | FilterDataHandlerCallback<boolean | undefined>\nexport type VisibleData<Data = unknown> = Partial<Data>\nexport type TransformData = FilterDataHandlerCallback<unknown>\nexport type HandleSubmitCallback = ({\n  preventSubmit,\n}: {\n  preventSubmit: () => void\n}) => void\nexport type FieldConnections = {\n  setEventResult?: (status: EventStateObject) => void\n}\nexport type FieldInternalsRefProps =\n  | (FieldProps & { children: unknown })\n  | undefined\nexport type FieldInternalsRef = Record<\n  Path,\n  {\n    props: FieldInternalsRefProps\n    id: string | undefined\n  }\n>\nexport type ValueInternalsRef = Record<\n  Path,\n  { props: ValueProps | undefined }\n>\n\nexport interface ContextState {\n  id?: SharedStateId\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  internalDataRef?: React.MutableRefObject<any>\n  /** Should the form validate data before submitting? */\n  errors?: Record<Path, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (\n    path: Path,\n    value?: any\n  ) =>\n    | EventReturnWithStateObject\n    | unknown\n    | Promise<EventReturnWithStateObject | unknown>\n  handlePathChangeUnvalidated: (path: Path, value: any) => void\n  updateDataValue: (\n    path: Path,\n    value: any,\n    options?: { preventUpdate?: boolean }\n  ) => void\n  setData: (data: any) => void\n  clearData?: () => void\n  mutateDataHandler?: MutateDataHandler<unknown>\n  filterDataHandler?: FilterDataHandler<unknown>\n  visibleDataHandler?: VisibleDataHandler<unknown>\n  validateData: () => void\n  handleSubmit: () => Promise<EventStateObject | undefined>\n  scrollToTop: () => void\n  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  hasFieldError: (path: Path) => boolean\n  setFieldState?: (path: Path, fieldState: SubmitState) => void\n  setFieldError?: (path: Path, error: Error | FormError) => void\n  setMountedFieldState: (path: Path, options: MountState) => void\n  setFormState?: (\n    state: SubmitState,\n    options?: { keepPending?: boolean }\n  ) => void\n  setSubmitState?: (state: EventStateObject) => void\n  addOnChangeHandler?: (callback: OnChange) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehavior,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehavior: boolean\n    skipFieldValidation?: boolean\n    skipErrorCheck?: boolean\n  }) => Promise<EventStateObject | undefined>\n  getSubmitData?: () => unknown\n  getSubmitParams?: () => OnSubmitParams\n  setFieldEventListener?: (\n    path: EventListenerCall['path'],\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback'],\n    params?: { remove?: boolean }\n  ) => void\n  revealError?: (path: Path, hasError: boolean) => void\n  setFieldInternals?: (path: Path, props: unknown, id?: string) => void\n  setValueInternals?: (path: Path, props: unknown) => void\n  setFieldConnection?: (path: Path, connections: FieldConnections) => void\n  isEmptyDataRef?: React.MutableRefObject<boolean>\n  addSetShowAllErrorsRef?: React.MutableRefObject<\n    Array<(showAllErrors: boolean) => void>\n  >\n  fieldDisplayValueRef?: React.MutableRefObject<\n    Record<Path, { type: 'field'; value?: React.ReactNode }>\n  >\n  fieldInternalsRef?: React.MutableRefObject<FieldInternalsRef>\n  valueInternalsRef?: React.MutableRefObject<ValueInternalsRef>\n  fieldConnectionsRef?: React.RefObject<Record<Path, FieldConnections>>\n  mountedFieldsRef?: React.MutableRefObject<Map<Path, MountState>>\n  snapshotsRef?: React.MutableRefObject<\n    Map<SnapshotName, Map<Path, unknown>>\n  >\n  existingFieldsRef?: React.MutableRefObject<Map<Path, boolean>>\n  formElementRef?: React.MutableRefObject<HTMLFormElement>\n  fieldErrorRef?: React.MutableRefObject<Record<Path, Error>>\n  showAllErrors: boolean | number\n  hasVisibleError: boolean\n  formState: SubmitState\n  ajvInstance: Ajv\n  contextErrorMessages: GlobalErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  path?: Path\n  disabled?: boolean\n  required?: boolean\n  countryCode?: CountryCode\n  submitState: Partial<EventStateObject>\n  prerenderFieldProps?: boolean\n  decoupleForm?: boolean\n  hasElementRef?: React.MutableRefObject<boolean>\n  restHandlerProps?: Record<string, unknown>\n  props: ProviderProps<JsonObject>\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  submitState: undefined,\n  handlePathChange: () => null,\n  handlePathChangeUnvalidated: () => null,\n  updateDataValue: () => null,\n  setData: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  hasVisibleError: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  setMountedFieldState: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  hasFieldError: () => false,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  props: null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsE,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA2N/D,MAAMG,mBAAiC,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EAC/CE,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,WAAW,EAAEF,SAAS;EACtBG,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;EACvCC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAEZ,SAAS;EACpBa,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,oBAAoB,EAAEA,CAAA,KAAM,IAAI;EAChCC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,WAAW,EAAE,IAAAC,sBAAe,EAAC,CAAC;EAC9BC,oBAAoB,EAAEvB,SAAS;EAC/BwB,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAe/B,mBAAmB,CAAC;AAAA,IAAAgC,QAAA,GAAA/B,OAAA,CAAAF,OAAA,GAEvD8B,OAAO","ignoreList":[]}

package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js

@@ -39,12 +39,12 @@ function FieldBoundaryProvider(props) {
     forceUpdate();
     (_onPathErrorRef$curre = onPathErrorRef.current) === null || _onPathErrorRef$curre === void 0 ? void 0 : _onPathErrorRef$curre.call(onPathErrorRef, path, error);
   }, []);
-  const hasVisibleErrorRef = (0, _react.useRef)({});
+  const hasVisibleErrorRef = (0, _react.useRef)(new Map());
   const revealError = (0, _react.useCallback)((path, hasError) => {
     if (hasError) {
-      hasVisibleErrorRef.current[path] = hasError;
+      hasVisibleErrorRef.current.set(path, hasError);
     } else {
-      delete hasVisibleErrorRef.current[path];
+      hasVisibleErrorRef.current.delete(path);
     }
     forceUpdate();
   }, []);
@@ -55,7 +55,7 @@ function FieldBoundaryProvider(props) {
   const context = {
     hasError,
     hasSubmitError,
-    hasVisibleError: Object.keys(hasVisibleErrorRef.current).length > 0,
+    hasVisibleError: hasVisibleErrorRef.current.size > 0,
     errorsRef,
     showBoundaryErrors: showBoundaryErrorsRef.current,
     setShowBoundaryErrors,

package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldBoundaryProvider.js","names":["_react","_interopRequireWildcard","require","_FieldBoundaryContext","_interopRequireDefault","_Context","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FieldBoundaryProvider","props","showErrors","undefined","onPathError","children","forceUpdate","useReducer","showAllErrors","useContext","DataContext","onPathErrorRef","useRef","current","errorsRef","showBoundaryErrorsRef","hasError","keys","length","hasSubmitError","setFieldError","useCallback","path","error","_onPathErrorRef$curre","_errorsRef$current","hasVisibleErrorRef","revealError","setShowBoundaryErrors","showBoundaryErrors","Date","now","context","hasVisibleError","createElement","Provider","value"],"sources":["../../../../../../src/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef } from 'react'\nimport FieldBoundaryContext, {\n  FieldBoundaryContextState,\n} from './FieldBoundaryContext'\nimport DataContext from '../Context'\nimport { Path } from '../../types'\n\nexport type Props = {\n  showErrors?: boolean\n  onPathError?: (path: Path, error: Error) => void\n  children: React.ReactNode\n}\n\nexport default function FieldBoundaryProvider(props: Props) {\n  const { showErrors = undefined, onPathError = null, children } = props\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { showAllErrors } = useContext(DataContext)\n\n  const onPathErrorRef = useRef(onPathError)\n  onPathErrorRef.current = onPathError\n  const errorsRef = useRef<Record<Path, boolean>>({})\n  const showBoundaryErrorsRef =\n    useRef<FieldBoundaryContextState['showBoundaryErrors']>(showErrors)\n  const hasError = Object.keys(errorsRef.current).length > 0\n  const hasSubmitError = showAllErrors && hasError\n\n  const setFieldError = useCallback((path: Path, error: Error) => {\n    if (error) {\n      errorsRef.current[path] = !!error\n    } else {\n      delete errorsRef.current?.[path]\n    }\n    forceUpdate()\n    onPathErrorRef.current?.(path, error)\n  }, [])\n\n  const hasVisibleErrorRef = useRef<Record<Path, boolean>>({})\n  const revealError = useCallback((path: Path, hasError: boolean) => {\n    if (hasError) {\n      hasVisibleErrorRef.current[path] = hasError\n    } else {\n      delete hasVisibleErrorRef.current[path]\n    }\n    forceUpdate()\n  }, [])\n\n  const setShowBoundaryErrors: FieldBoundaryContextState['setShowBoundaryErrors'] =\n    useCallback((showBoundaryErrors) => {\n      showBoundaryErrorsRef.current = showBoundaryErrors\n        ? Date.now() // in order to renew the internal dependency \"showBoundaryErrors\"\n        : false\n      forceUpdate()\n    }, [])\n\n  const context: FieldBoundaryContextState = {\n    hasError,\n    hasSubmitError,\n    hasVisibleError: Object.keys(hasVisibleErrorRef.current).length > 0,\n    errorsRef,\n    showBoundaryErrors: showBoundaryErrorsRef.current,\n    setShowBoundaryErrors,\n    setFieldError,\n    revealError,\n  }\n\n  return (\n    <FieldBoundaryContext.Provider value={context}>\n      {children}\n    </FieldBoundaryContext.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FieldBoundaryProvider.js","names":["_react","_interopRequireWildcard","require","_FieldBoundaryContext","_interopRequireDefault","_Context","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FieldBoundaryProvider","props","showErrors","undefined","onPathError","children","forceUpdate","useReducer","showAllErrors","useContext","DataContext","onPathErrorRef","useRef","current","errorsRef","showBoundaryErrorsRef","hasError","keys","length","hasSubmitError","setFieldError","useCallback","path","error","_onPathErrorRef$curre","_errorsRef$current","hasVisibleErrorRef","Map","revealError","delete","setShowBoundaryErrors","showBoundaryErrors","Date","now","context","hasVisibleError","size","createElement","Provider","value"],"sources":["../../../../../../src/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef } from 'react'\nimport FieldBoundaryContext, {\n  FieldBoundaryContextState,\n} from './FieldBoundaryContext'\nimport DataContext from '../Context'\nimport { Path } from '../../types'\n\nexport type Props = {\n  showErrors?: boolean\n  onPathError?: (path: Path, error: Error) => void\n  children: React.ReactNode\n}\n\nexport default function FieldBoundaryProvider(props: Props) {\n  const { showErrors = undefined, onPathError = null, children } = props\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { showAllErrors } = useContext(DataContext)\n\n  const onPathErrorRef = useRef(onPathError)\n  onPathErrorRef.current = onPathError\n  const errorsRef = useRef<Record<Path, boolean>>({})\n  const showBoundaryErrorsRef =\n    useRef<FieldBoundaryContextState['showBoundaryErrors']>(showErrors)\n  const hasError = Object.keys(errorsRef.current).length > 0\n  const hasSubmitError = showAllErrors && hasError\n\n  const setFieldError = useCallback((path: Path, error: Error) => {\n    if (error) {\n      errorsRef.current[path] = !!error\n    } else {\n      delete errorsRef.current?.[path]\n    }\n    forceUpdate()\n    onPathErrorRef.current?.(path, error)\n  }, [])\n\n  const hasVisibleErrorRef = useRef<Map<Path, boolean>>(new Map())\n  const revealError = useCallback((path: Path, hasError: boolean) => {\n    if (hasError) {\n      hasVisibleErrorRef.current.set(path, hasError)\n    } else {\n      hasVisibleErrorRef.current.delete(path)\n    }\n    forceUpdate()\n  }, [])\n\n  const setShowBoundaryErrors: FieldBoundaryContextState['setShowBoundaryErrors'] =\n    useCallback((showBoundaryErrors) => {\n      showBoundaryErrorsRef.current = showBoundaryErrors\n        ? Date.now() // in order to renew the internal dependency \"showBoundaryErrors\"\n        : false\n      forceUpdate()\n    }, [])\n\n  const context: FieldBoundaryContextState = {\n    hasError,\n    hasSubmitError,\n    hasVisibleError: hasVisibleErrorRef.current.size > 0,\n    errorsRef,\n    showBoundaryErrors: showBoundaryErrorsRef.current,\n    setShowBoundaryErrors,\n    setFieldError,\n    revealError,\n  }\n\n  return (\n    <FieldBoundaryContext.Provider value={context}>\n      {children}\n    </FieldBoundaryContext.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}