@procore/core-react 12.53.0 → 12.53.2

package/dist/FileSelect/FileSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileSelect.styles.js","names":["styled","spacing","FileTokenList","StyledFileTokenList","withConfig","displayName","componentId","md","StyledFileSelect","div"],"sources":["../../src/FileSelect/FileSelect.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport { FileTokenList } from './FileTokenList'\n\nexport const StyledFileTokenList = styled(FileTokenList)`\n  margin-top: ${spacing.md}px;\n`\n\nexport const StyledFileSelect = styled.div`\n  display: flex;\n  flex-direction: column;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,IAAMC,mBAAmB,gBAAGH,MAAM,CAACE,aAAa,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2BACxCL,OAAO,CAACM,EAAE,CACzB;AAED,OAAO,IAAMC,gBAAgB,gBAAGR,MAAM,CAACS,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGzC"}
+{"version":3,"file":"FileSelect.styles.js","names":["styled","spacing","FileTokenList","StyledFileTokenList","withConfig","displayName","componentId","md","StyledFileSelect","div"],"sources":["../../src/FileSelect/FileSelect.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport { FileTokenList } from './FileTokenList'\n\nexport const StyledFileTokenList = styled(FileTokenList)`\n  margin-top: ${spacing.md}px;\n`\n\nexport const StyledFileSelect = styled.div`\n  display: flex;\n  flex-direction: column;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,IAAMC,mBAAmB,gBAAGH,MAAM,CAACE,aAAa,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2BACxCL,OAAO,CAACM,EAAE,CACzB;AAED,OAAO,IAAMC,gBAAgB,gBAAGR,MAAM,CAACS,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGzC","ignoreList":[]}

package/dist/FileSelect/FileSelect.types.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { Method } from 'axios';
 import type { DropzoneContentProps } from '../Dropzone/Dropzone.types';
 import type { UNSAFE_UploadFile } from '../_hooks/useFileUploader';
 import type { LocalSourceProps } from './LocalSource/LocalSource.types';
 import type { ThumbnailListItem } from './ThumbnailList/ThumbnailList.types';
-export declare type FileSelectValue = FileSelectValueEntry[];
+export type FileSelectValue = FileSelectValueEntry[];
 export interface FileSelectSource {
     /**
      * @since 10.19.0
@@ -31,7 +30,7 @@ export interface FileSelectSource {
      */
     value: SourceValueEntry[];
 }
-export declare type ValueId = string | number;
+export type ValueId = string | number;
 export interface FileSelectValueEntry {
     /**
      * @since 10.19.0
@@ -62,7 +61,7 @@ export interface FileSelectValueEntry {
      */
     sourceId?: string;
 }
-export declare type SetFileSelectValue = React.Dispatch<React.SetStateAction<FileSelectValue>>;
+export type SetFileSelectValue = React.Dispatch<React.SetStateAction<FileSelectValue>>;
 export interface FileSelectRef {
     /**
      * @since 10.19.0
@@ -138,8 +137,8 @@ export interface DropzoneContentRendererProps {
      */
     openFileExplorer: () => void;
 }
-export declare type FileSelectSourceIdType = string;
-export declare type SourceValueEntry = any;
+export type FileSelectSourceIdType = string;
+export type SourceValueEntry = any;
 export interface QaTags {
     /**
      * @since 10.19.0

package/dist/FileSelect/FileSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileSelect.types.js","names":[],"sources":["../../src/FileSelect/FileSelect.types.ts"],"sourcesContent":["import type { Method } from 'axios'\nimport type { DropzoneContentProps } from '../Dropzone/Dropzone.types'\nimport type { UNSAFE_UploadFile } from '../_hooks/useFileUploader'\nimport type { LocalSourceProps } from './LocalSource/LocalSource.types'\nimport type { ThumbnailListItem } from './ThumbnailList/ThumbnailList.types'\n\nexport type FileSelectValue = FileSelectValueEntry[]\n\nexport interface FileSelectSource {\n  /**\n   * @since 10.19.0\n   */\n  sourceId: FileSelectSourceIdType\n  /**\n   * @since 10.19.0\n   */\n  title: string\n  /**\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  hasError: boolean\n  /**\n   * @since 10.19.0\n   */\n  isUploading: boolean\n  /**\n   * @since 10.19.0\n   */\n  value: SourceValueEntry[]\n}\n\nexport type ValueId = string | number\n\nexport interface FileSelectValueEntry {\n  /**\n   * @since 10.19.0\n   */\n  id: ValueId\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  src?: File | string\n  /**\n   * @since 10.19.0\n   */\n  error?: string\n  /**\n   * @since 10.19.0\n   */\n\n  origin?: unknown\n  /**\n   * @since 10.19.0\n   */\n  response?: unknown\n  /**\n   * @since 10.19.0\n   */\n  sourceId?: string\n}\n\nexport type SetFileSelectValue = React.Dispatch<\n  React.SetStateAction<FileSelectValue>\n>\n\nexport interface FileSelectRef {\n  /**\n   * @since 10.19.0\n   */\n  setValue: SetFileSelectValue\n  /**\n   * @since 10.19.0\n   */\n  open: (sourceId: FileSelectSourceIdType) => void\n  /**\n   * @since 10.19.0\n   */\n  rootEl: React.RefObject<HTMLDivElement | null>\n  /**\n   * @since 10.19.0\n   */\n  modalEl: React.RefObject<HTMLDivElement | null>\n  /**\n   * @since 11.1.0\n   */\n  resetSources: () => void\n}\n\nexport interface FileSelectContextApi {\n  /**\n   * @since 10.19.0\n   */\n  register: (\n    sourceId: FileSelectSourceIdType,\n    source: Partial<Pick<FileSelectSource, 'title' | 'icon'>>\n  ) => () => void\n  /**\n   * @since 10.19.0\n   */\n  currentSource: FileSelectSourceIdType\n  /**\n   * @since 10.19.0\n   */\n  isModalOpen: boolean\n  /**\n   * @since 10.19.0\n   */\n  onChange: (\n    sourceId: FileSelectSourceIdType,\n    value: SourceValueEntry[]\n  ) => void\n  /**\n   * @since 10.19.0\n   */\n  onResetValue: (listener: () => void) => () => void\n  /**\n   * @since 10.19.0\n   */\n  setIsUploading: (\n    sourceId: FileSelectSourceIdType,\n    isUploading: boolean\n  ) => void\n  /**\n   * @since 10.19.0\n   */\n  setHasError: (sourceId: FileSelectSourceIdType, isError: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  maxFileNumber: number\n}\n\nexport interface DropzoneContentRendererProps {\n  /**\n   * Enable/disable the dropzone\n   * @since 10.19.0\n   */\n  disabled: DropzoneContentProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  errorMessage?: DropzoneContentProps['errorMessage']\n  /**\n   * @since 10.19.0\n   */\n  openLocalFiles: () => void\n  /**\n   * @since 10.19.0\n   */\n  openFileExplorer: () => void\n}\n\nexport type FileSelectSourceIdType = string\n\nexport type SourceValueEntry = any\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  localSource?: LocalSourceProps['qa']\n  /**\n   * @since 10.19.0\n   */\n  attachButton?: string\n  /**\n   * @since 12.20.4\n   */\n  cancelButton?: string\n  /**\n   * @since 10.19.0\n   */\n  removeEntry?: string\n}\n\nexport interface FileSelectProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onError' | 'onProgress'> {\n  /**\n   * To be called every time when the files are uploaded directly or\n   * attached via file explorer. The input data should be appended to the\n   * current value. Files with upload errors are omitted.\n   * @since 10.19.0\n   */\n  onAdd?: (value: FileSelectValue) => void\n\n  /**\n   * To be called whenever the file is removed by user from the primary token\n   * list. Removed item should be deleted from the current value by `id` key\n   * @since 10.19.0\n   */\n  onRemove?: (valueEntry: FileSelectValueEntry) => void\n\n  /**\n   * To be called whenever the upload progress is changed\n   * @since 10.19.0\n   */\n  onProgress?: (fileId: ValueId, progress: number) => void\n\n  /**\n   * Optional async function that is invoked when selecting or dropping in a\n   * local file. If you want to restrict certain uploads, you can use this\n   * callback. Returning true continues the upload, while false will prevent\n   * upload.\n   * @since 10.19.0\n   */\n  beforeLocalFileUpload?: (files: ThumbnailListItem[]) => Promise<boolean>\n\n  /**\n   * To be called whenever upload state is changed\n   * @since 10.19.0\n   */\n  onUploadStateChange?: (isPendingUpload: boolean) => void\n\n  /**\n   * To be called whenever an upload error occurs\n   * @since 10.19.0\n   */\n  onError?: (fileId: ValueId, error: unknown) => void\n\n  /**\n   * To be called when attached file receives a click\n   * @since 10.19.0\n   */\n  onFileTokenClick?: (file: FileSelectValueEntry) => void\n\n  /**\n   * An optional content renderer for the dropzone. Accepts\n   * `{ openLocalFiles, openFileExplorer, disabled, errorMessage }` as a single argument,\n   * allowing to control the dropzone and display different content depending\n   * on dropzone state\n   * @since 10.19.0\n   */\n  dropzoneContentRenderer?: (\n    dropzoneProps: DropzoneContentRendererProps\n  ) => React.ReactNode\n\n  /**\n   * Hide dropzone and render only default \"Attach File(s)\" button.\n   * @default false\n   * @since 10.19.0\n   */\n  hideDropzone?: boolean\n\n  /**\n   * Hide local files source in file explorer modal\n   * @since 10.19.0\n   */\n  hideLocalSource?: boolean\n\n  /**\n   * Customize the token label for a given source value. By default,\n   * `sourceValueEntry.name` is returned.\n   * @since 10.19.0\n   */\n  getTokenLabel?: (sourceId: string, sourceValueEntry: unknown) => string\n\n  localSourceDropzoneContentRenderer?: (\n    dropzoneProps: DropzoneContentProps\n  ) => React.ReactNode\n\n  /**\n   * A function returning an upload URL for a given file. An\n   * alternative to `uploadFile` which allows manual control of\n   * the network request for file upload.\n   * @since 10.19.0\n   */\n  getEndpoint?: (file: File) => string\n\n  /**\n   * A function returning an upload HTTP method for a given file.\n   * Returns `POST` by default.\n   * @since 10.19.0\n   */\n  getMethod?: (file: File) => Method\n\n  /**\n   * A function returning an upload payload `FormData` key\n   * for a given file. Returns `file` by default.\n   * @since 10.19.0\n   */\n  getPayloadKey?: (file: File) => string\n\n  /**\n   * A function returning an upload payload `FormData`\n   * object for a given file. When defined, `getPayloadKey` is\n   * ignored.\n   * @since 10.19.0\n   */\n  getPayload?: (file: File) => FormData\n\n  /**\n   * A function returning an upload request headers. Returns empty\n   * object by default.\n   * @since 10.19.0\n   */\n  getHeaders?: (file: File) => Record<string, string>\n\n  /**\n   * A function for manually controlling the network request for file\n   * upload. An alternative to using `getEndpoint` which handles\n   * the network request itself.\n   * @since 10.19.0\n   */\n  uploadFile?: UNSAFE_UploadFile\n\n  /**\n   * Maximum number of files that can be selected\n   * @since 10.19.0\n   */\n  maxFileNumber?: number\n\n  /**\n   * Maximum file size (in bytes)\n   * @since 10.19.0\n   */\n  maxFileSize?: number\n\n  /**\n   * Minimum file size (in bytes)\n   * @since 10.19.0\n   */\n  minFileSize?: number\n\n  /**\n   * Set accepted file types. Accepts everything if left undefined\n   * @since 10.19.0\n   */\n  accept?: string | string[]\n\n  /**\n   * A callback to be invoked after the file explorer modal closes\n   * @since 11.1.0\n   */\n  afterHide?: (reason: 'cancel' | 'submit') => void\n\n  /**\n   * @ignore\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":""}
+{"version":3,"file":"FileSelect.types.js","names":[],"sources":["../../src/FileSelect/FileSelect.types.ts"],"sourcesContent":["import type { Method } from 'axios'\nimport type { DropzoneContentProps } from '../Dropzone/Dropzone.types'\nimport type { UNSAFE_UploadFile } from '../_hooks/useFileUploader'\nimport type { LocalSourceProps } from './LocalSource/LocalSource.types'\nimport type { ThumbnailListItem } from './ThumbnailList/ThumbnailList.types'\n\nexport type FileSelectValue = FileSelectValueEntry[]\n\nexport interface FileSelectSource {\n  /**\n   * @since 10.19.0\n   */\n  sourceId: FileSelectSourceIdType\n  /**\n   * @since 10.19.0\n   */\n  title: string\n  /**\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  hasError: boolean\n  /**\n   * @since 10.19.0\n   */\n  isUploading: boolean\n  /**\n   * @since 10.19.0\n   */\n  value: SourceValueEntry[]\n}\n\nexport type ValueId = string | number\n\nexport interface FileSelectValueEntry {\n  /**\n   * @since 10.19.0\n   */\n  id: ValueId\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  src?: File | string\n  /**\n   * @since 10.19.0\n   */\n  error?: string\n  /**\n   * @since 10.19.0\n   */\n\n  origin?: unknown\n  /**\n   * @since 10.19.0\n   */\n  response?: unknown\n  /**\n   * @since 10.19.0\n   */\n  sourceId?: string\n}\n\nexport type SetFileSelectValue = React.Dispatch<\n  React.SetStateAction<FileSelectValue>\n>\n\nexport interface FileSelectRef {\n  /**\n   * @since 10.19.0\n   */\n  setValue: SetFileSelectValue\n  /**\n   * @since 10.19.0\n   */\n  open: (sourceId: FileSelectSourceIdType) => void\n  /**\n   * @since 10.19.0\n   */\n  rootEl: React.RefObject<HTMLDivElement | null>\n  /**\n   * @since 10.19.0\n   */\n  modalEl: React.RefObject<HTMLDivElement | null>\n  /**\n   * @since 11.1.0\n   */\n  resetSources: () => void\n}\n\nexport interface FileSelectContextApi {\n  /**\n   * @since 10.19.0\n   */\n  register: (\n    sourceId: FileSelectSourceIdType,\n    source: Partial<Pick<FileSelectSource, 'title' | 'icon'>>\n  ) => () => void\n  /**\n   * @since 10.19.0\n   */\n  currentSource: FileSelectSourceIdType\n  /**\n   * @since 10.19.0\n   */\n  isModalOpen: boolean\n  /**\n   * @since 10.19.0\n   */\n  onChange: (\n    sourceId: FileSelectSourceIdType,\n    value: SourceValueEntry[]\n  ) => void\n  /**\n   * @since 10.19.0\n   */\n  onResetValue: (listener: () => void) => () => void\n  /**\n   * @since 10.19.0\n   */\n  setIsUploading: (\n    sourceId: FileSelectSourceIdType,\n    isUploading: boolean\n  ) => void\n  /**\n   * @since 10.19.0\n   */\n  setHasError: (sourceId: FileSelectSourceIdType, isError: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  maxFileNumber: number\n}\n\nexport interface DropzoneContentRendererProps {\n  /**\n   * Enable/disable the dropzone\n   * @since 10.19.0\n   */\n  disabled: DropzoneContentProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  errorMessage?: DropzoneContentProps['errorMessage']\n  /**\n   * @since 10.19.0\n   */\n  openLocalFiles: () => void\n  /**\n   * @since 10.19.0\n   */\n  openFileExplorer: () => void\n}\n\nexport type FileSelectSourceIdType = string\n\nexport type SourceValueEntry = any\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  localSource?: LocalSourceProps['qa']\n  /**\n   * @since 10.19.0\n   */\n  attachButton?: string\n  /**\n   * @since 12.20.4\n   */\n  cancelButton?: string\n  /**\n   * @since 10.19.0\n   */\n  removeEntry?: string\n}\n\nexport interface FileSelectProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onError' | 'onProgress'> {\n  /**\n   * To be called every time when the files are uploaded directly or\n   * attached via file explorer. The input data should be appended to the\n   * current value. Files with upload errors are omitted.\n   * @since 10.19.0\n   */\n  onAdd?: (value: FileSelectValue) => void\n\n  /**\n   * To be called whenever the file is removed by user from the primary token\n   * list. Removed item should be deleted from the current value by `id` key\n   * @since 10.19.0\n   */\n  onRemove?: (valueEntry: FileSelectValueEntry) => void\n\n  /**\n   * To be called whenever the upload progress is changed\n   * @since 10.19.0\n   */\n  onProgress?: (fileId: ValueId, progress: number) => void\n\n  /**\n   * Optional async function that is invoked when selecting or dropping in a\n   * local file. If you want to restrict certain uploads, you can use this\n   * callback. Returning true continues the upload, while false will prevent\n   * upload.\n   * @since 10.19.0\n   */\n  beforeLocalFileUpload?: (files: ThumbnailListItem[]) => Promise<boolean>\n\n  /**\n   * To be called whenever upload state is changed\n   * @since 10.19.0\n   */\n  onUploadStateChange?: (isPendingUpload: boolean) => void\n\n  /**\n   * To be called whenever an upload error occurs\n   * @since 10.19.0\n   */\n  onError?: (fileId: ValueId, error: unknown) => void\n\n  /**\n   * To be called when attached file receives a click\n   * @since 10.19.0\n   */\n  onFileTokenClick?: (file: FileSelectValueEntry) => void\n\n  /**\n   * An optional content renderer for the dropzone. Accepts\n   * `{ openLocalFiles, openFileExplorer, disabled, errorMessage }` as a single argument,\n   * allowing to control the dropzone and display different content depending\n   * on dropzone state\n   * @since 10.19.0\n   */\n  dropzoneContentRenderer?: (\n    dropzoneProps: DropzoneContentRendererProps\n  ) => React.ReactNode\n\n  /**\n   * Hide dropzone and render only default \"Attach File(s)\" button.\n   * @default false\n   * @since 10.19.0\n   */\n  hideDropzone?: boolean\n\n  /**\n   * Hide local files source in file explorer modal\n   * @since 10.19.0\n   */\n  hideLocalSource?: boolean\n\n  /**\n   * Customize the token label for a given source value. By default,\n   * `sourceValueEntry.name` is returned.\n   * @since 10.19.0\n   */\n  getTokenLabel?: (sourceId: string, sourceValueEntry: unknown) => string\n\n  localSourceDropzoneContentRenderer?: (\n    dropzoneProps: DropzoneContentProps\n  ) => React.ReactNode\n\n  /**\n   * A function returning an upload URL for a given file. An\n   * alternative to `uploadFile` which allows manual control of\n   * the network request for file upload.\n   * @since 10.19.0\n   */\n  getEndpoint?: (file: File) => string\n\n  /**\n   * A function returning an upload HTTP method for a given file.\n   * Returns `POST` by default.\n   * @since 10.19.0\n   */\n  getMethod?: (file: File) => Method\n\n  /**\n   * A function returning an upload payload `FormData` key\n   * for a given file. Returns `file` by default.\n   * @since 10.19.0\n   */\n  getPayloadKey?: (file: File) => string\n\n  /**\n   * A function returning an upload payload `FormData`\n   * object for a given file. When defined, `getPayloadKey` is\n   * ignored.\n   * @since 10.19.0\n   */\n  getPayload?: (file: File) => FormData\n\n  /**\n   * A function returning an upload request headers. Returns empty\n   * object by default.\n   * @since 10.19.0\n   */\n  getHeaders?: (file: File) => Record<string, string>\n\n  /**\n   * A function for manually controlling the network request for file\n   * upload. An alternative to using `getEndpoint` which handles\n   * the network request itself.\n   * @since 10.19.0\n   */\n  uploadFile?: UNSAFE_UploadFile\n\n  /**\n   * Maximum number of files that can be selected\n   * @since 10.19.0\n   */\n  maxFileNumber?: number\n\n  /**\n   * Maximum file size (in bytes)\n   * @since 10.19.0\n   */\n  maxFileSize?: number\n\n  /**\n   * Minimum file size (in bytes)\n   * @since 10.19.0\n   */\n  minFileSize?: number\n\n  /**\n   * Set accepted file types. Accepts everything if left undefined\n   * @since 10.19.0\n   */\n  accept?: string | string[]\n\n  /**\n   * A callback to be invoked after the file explorer modal closes\n   * @since 11.1.0\n   */\n  afterHide?: (reason: 'cancel' | 'submit') => void\n\n  /**\n   * @ignore\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":"","ignoreList":[]}

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileSelectDropzone.js","names":["React","useImperativeHandle","useRef","Button","useDropzone","dropErrors","Flex","Tooltip","useI18nContext","dropzoneContainerAttr","StyledDropzone","StyledDropzoneMessage","StyledUploadButtonWrapper","DefaultContent","forwardRef","_ref","ref","disabled","errorMessage","_ref$hideDropzone","hideDropzone","multiple","onAttachFromProject","tooltip","qa","I18n","attachFilesButton","createElement","trigger","placement","overlay","variant","onClick","attachFiles","t","count","Infinity","direction","justifyContent","alignItems","error","Boolean","FileSelectDropzone","_ref2","accept","maxFileNumber","maxFileSize","minFileSize","value","onDrop","noDrag","contentRenderer","_ref2$hideDropzone","dropzoneState","attachButtonRef","clearErrors","dispatchDropError","reset","attachButton","current","defaultContent","props","_extends","dropzoneContent","hidden","rootProps","_defineProperty","isIconVisible","displayName"],"sources":["../../../src/FileSelect/FileSelectDropzone/FileSelectDropzone.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef } from 'react'\nimport { Button } from '../../Button/Button'\nimport { useDropzone } from '../../Dropzone/Dropzone.hooks'\nimport type { DropzoneContentProps } from '../../Dropzone/Dropzone.types'\nimport { dropErrors } from '../../Dropzone/Dropzone.types'\nimport { Flex } from '../../Flex/Flex'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport {\n  dropzoneContainerAttr,\n  StyledDropzone,\n  StyledDropzoneMessage,\n  StyledUploadButtonWrapper,\n} from './FileSelectDropzone.styles'\nimport type {\n  FileSelectDropzoneContentProps,\n  FileSelectDropzoneProps,\n  FileSelectDropzoneRef,\n} from './FileSelectDropzone.types'\n\nconst DefaultContent = React.forwardRef<\n  HTMLButtonElement,\n  FileSelectDropzoneContentProps\n>(function DefaultContent(\n  {\n    disabled,\n    errorMessage,\n    hideDropzone = false,\n    multiple,\n    onAttachFromProject,\n    tooltip,\n    qa,\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n\n  const attachFilesButton = (\n    <Tooltip\n      trigger={hideDropzone && tooltip ? 'hover' : 'none'}\n      placement=\"right\"\n      overlay={tooltip}\n    >\n      {/* this wrapper is required for the tooltip to work with disabled button */}\n      <StyledUploadButtonWrapper>\n        <Button\n          ref={ref}\n          variant=\"secondary\"\n          onClick={onAttachFromProject}\n          disabled={disabled}\n          data-qa={qa?.attachFiles}\n        >\n          {I18n.t('core.fileAttacher.attachFiles', {\n            count: multiple ? Infinity : 1,\n          })}\n        </Button>\n      </StyledUploadButtonWrapper>\n    </Tooltip>\n  )\n\n  return hideDropzone ? (\n    attachFilesButton\n  ) : (\n    <Flex direction=\"column\" justifyContent=\"center\" alignItems=\"center\">\n      {attachFilesButton}\n      <StyledDropzoneMessage error={Boolean(errorMessage)}>\n        {errorMessage || I18n.t('core.dropzone.dragAndDrop')}\n      </StyledDropzoneMessage>\n    </Flex>\n  )\n})\n\nexport const FileSelectDropzone = React.forwardRef<\n  FileSelectDropzoneRef,\n  FileSelectDropzoneProps\n>(function FileSelectDropzone(\n  {\n    accept,\n    maxFileNumber,\n    maxFileSize,\n    minFileSize,\n    disabled,\n    value,\n    onDrop,\n    multiple,\n    noDrag,\n    onAttachFromProject,\n    contentRenderer,\n    hideDropzone = false,\n    tooltip,\n    qa,\n  },\n  ref\n) {\n  const dropzoneState = useDropzone({\n    accept,\n    maxFileNumber,\n    maxFileSize,\n    minFileSize,\n    disabled,\n    value,\n    onDrop,\n    multiple,\n    noDrag,\n  })\n\n  const attachButtonRef = useRef<HTMLButtonElement>(null)\n\n  useImperativeHandle(ref, () => ({\n    clearErrors: () => {\n      dropzoneState.dispatchDropError(dropErrors.reset)\n    },\n    attachButton: attachButtonRef.current,\n  }))\n\n  const defaultContent = (props: DropzoneContentProps) => (\n    <DefaultContent\n      {...props}\n      ref={attachButtonRef}\n      tooltip={tooltip}\n      hideDropzone={hideDropzone}\n      multiple={multiple}\n      onAttachFromProject={onAttachFromProject}\n      qa={{ attachFiles: qa?.attachFiles }}\n    />\n  )\n\n  const dropzoneContent = contentRenderer || defaultContent\n\n  return (\n    <StyledDropzone\n      {...dropzoneState}\n      tooltip={hideDropzone ? null : tooltip}\n      contentRenderer={dropzoneContent}\n      hidden={hideDropzone}\n      rootProps={{ [dropzoneContainerAttr]: '' }}\n      {...(hideDropzone ? { isIconVisible: false } : {})}\n    />\n  )\n})\n\nFileSelectDropzone.displayName = 'FileSelectDropzone'\n"],"mappings":"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"}
+{"version":3,"file":"FileSelectDropzone.js","names":["React","useImperativeHandle","useRef","Button","useDropzone","dropErrors","Flex","Tooltip","useI18nContext","dropzoneContainerAttr","StyledDropzone","StyledDropzoneMessage","StyledUploadButtonWrapper","DefaultContent","forwardRef","_ref","ref","disabled","errorMessage","_ref$hideDropzone","hideDropzone","multiple","onAttachFromProject","tooltip","qa","I18n","attachFilesButton","createElement","trigger","placement","overlay","variant","onClick","attachFiles","t","count","Infinity","direction","justifyContent","alignItems","error","Boolean","FileSelectDropzone","_ref2","accept","maxFileNumber","maxFileSize","minFileSize","value","onDrop","noDrag","contentRenderer","_ref2$hideDropzone","dropzoneState","attachButtonRef","clearErrors","dispatchDropError","reset","attachButton","current","defaultContent","props","_extends","dropzoneContent","hidden","rootProps","_defineProperty","isIconVisible","displayName"],"sources":["../../../src/FileSelect/FileSelectDropzone/FileSelectDropzone.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef } from 'react'\nimport { Button } from '../../Button/Button'\nimport { useDropzone } from '../../Dropzone/Dropzone.hooks'\nimport type { DropzoneContentProps } from '../../Dropzone/Dropzone.types'\nimport { dropErrors } from '../../Dropzone/Dropzone.types'\nimport { Flex } from '../../Flex/Flex'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport {\n  dropzoneContainerAttr,\n  StyledDropzone,\n  StyledDropzoneMessage,\n  StyledUploadButtonWrapper,\n} from './FileSelectDropzone.styles'\nimport type {\n  FileSelectDropzoneContentProps,\n  FileSelectDropzoneProps,\n  FileSelectDropzoneRef,\n} from './FileSelectDropzone.types'\n\nconst DefaultContent = React.forwardRef<\n  HTMLButtonElement,\n  FileSelectDropzoneContentProps\n>(function DefaultContent(\n  {\n    disabled,\n    errorMessage,\n    hideDropzone = false,\n    multiple,\n    onAttachFromProject,\n    tooltip,\n    qa,\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n\n  const attachFilesButton = (\n    <Tooltip\n      trigger={hideDropzone && tooltip ? 'hover' : 'none'}\n      placement=\"right\"\n      overlay={tooltip}\n    >\n      {/* this wrapper is required for the tooltip to work with disabled button */}\n      <StyledUploadButtonWrapper>\n        <Button\n          ref={ref}\n          variant=\"secondary\"\n          onClick={onAttachFromProject}\n          disabled={disabled}\n          data-qa={qa?.attachFiles}\n        >\n          {I18n.t('core.fileAttacher.attachFiles', {\n            count: multiple ? Infinity : 1,\n          })}\n        </Button>\n      </StyledUploadButtonWrapper>\n    </Tooltip>\n  )\n\n  return hideDropzone ? (\n    attachFilesButton\n  ) : (\n    <Flex direction=\"column\" justifyContent=\"center\" alignItems=\"center\">\n      {attachFilesButton}\n      <StyledDropzoneMessage error={Boolean(errorMessage)}>\n        {errorMessage || I18n.t('core.dropzone.dragAndDrop')}\n      </StyledDropzoneMessage>\n    </Flex>\n  )\n})\n\nexport const FileSelectDropzone = React.forwardRef<\n  FileSelectDropzoneRef,\n  FileSelectDropzoneProps\n>(function FileSelectDropzone(\n  {\n    accept,\n    maxFileNumber,\n    maxFileSize,\n    minFileSize,\n    disabled,\n    value,\n    onDrop,\n    multiple,\n    noDrag,\n    onAttachFromProject,\n    contentRenderer,\n    hideDropzone = false,\n    tooltip,\n    qa,\n  },\n  ref\n) {\n  const dropzoneState = useDropzone({\n    accept,\n    maxFileNumber,\n    maxFileSize,\n    minFileSize,\n    disabled,\n    value,\n    onDrop,\n    multiple,\n    noDrag,\n  })\n\n  const attachButtonRef = useRef<HTMLButtonElement>(null)\n\n  useImperativeHandle(ref, () => ({\n    clearErrors: () => {\n      dropzoneState.dispatchDropError(dropErrors.reset)\n    },\n    attachButton: attachButtonRef.current,\n  }))\n\n  const defaultContent = (props: DropzoneContentProps) => (\n    <DefaultContent\n      {...props}\n      ref={attachButtonRef}\n      tooltip={tooltip}\n      hideDropzone={hideDropzone}\n      multiple={multiple}\n      onAttachFromProject={onAttachFromProject}\n      qa={{ attachFiles: qa?.attachFiles }}\n    />\n  )\n\n  const dropzoneContent = contentRenderer || defaultContent\n\n  return (\n    <StyledDropzone\n      {...dropzoneState}\n      tooltip={hideDropzone ? null : tooltip}\n      contentRenderer={dropzoneContent}\n      hidden={hideDropzone}\n      rootProps={{ [dropzoneContainerAttr]: '' }}\n      {...(hideDropzone ? { isIconVisible: false } : {})}\n    />\n  )\n})\n\nFileSelectDropzone.displayName = 'FileSelectDropzone'\n"],"mappings":"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","ignoreList":[]}

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.d.ts

@@ -1,11 +1,14 @@
-/// <reference types="react" />
 export declare const dropzoneContainerAttr = "data-dropzone-container";
-export declare const StyledDropzone: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../..").DropzoneProps & import("react").RefAttributes<import("../..").DropzoneRef>, "ref"> & {
-    ref?: ((instance: import("../..").DropzoneRef | null) => void) | import("react").RefObject<import("../..").DropzoneRef> | null | undefined;
+export declare const StyledDropzone: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("../..").DropzoneProps & import("react").RefAttributes<import("../..").DropzoneRef>, "ref"> & {
+    ref?: ((instance: import("../..").DropzoneRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("../..").DropzoneRef> | null | undefined;
 }, {
     hidden: boolean;
 }>> & string & Omit<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("../..").DropzoneProps & import("react").RefAttributes<import("../..").DropzoneRef>>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledDropzoneMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const StyledDropzoneMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     error: boolean;
 }>> & string;
-export declare const StyledUploadButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledUploadButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js

@@ -5,20 +5,20 @@ import { spacing } from '../../_styles/spacing';
 export var dropzoneContainerAttr = 'data-dropzone-container';
 export var StyledDropzone = /*#__PURE__*/styled(Dropzone).withConfig({
   displayName: "StyledDropzone",
-  componentId: "core-12_53_0__sc-ueh7d7-0"
+  componentId: "core-12_53_2__sc-ueh7d7-0"
 })(["", ""], function (_ref) {
   var hidden = _ref.hidden;
   return hidden && "\n    [".concat(dropzoneContainerAttr, "] {\n      align-self: flex-start;\n      margin-bottom: ").concat(spacing.xs, "px;\n\n      &,\n      &:hover {\n        width: auto;\n        min-height: auto;\n        border: none;\n        padding: 0;\n        background: transparent;\n        cursor: default;\n      }\n    }\n  \n  ");
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_53_0__sc-ueh7d7-1"
+  componentId: "core-12_53_2__sc-ueh7d7-1"
 })(["", ""], function (_ref2) {
   var error = _ref2.error;
   return error && "\n    color: ".concat(colors.gray15, ";\n  ");
 });
 export var StyledUploadButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledUploadButtonWrapper",
-  componentId: "core-12_53_0__sc-ueh7d7-2"
+  componentId: "core-12_53_2__sc-ueh7d7-2"
 })(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
 //# sourceMappingURL=FileSelectDropzone.styles.js.map

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileSelectDropzone.styles.js","names":["styled","Dropzone","colors","spacing","dropzoneContainerAttr","StyledDropzone","withConfig","displayName","componentId","_ref","hidden","concat","xs","StyledDropzoneMessage","span","_ref2","error","gray15","StyledUploadButtonWrapper","div","sm"],"sources":["../../../src/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Dropzone } from '../../Dropzone/Dropzone'\nimport { colors } from '../../_styles/colors'\nimport { spacing } from '../../_styles/spacing'\n\nexport const dropzoneContainerAttr = 'data-dropzone-container'\n\nexport const StyledDropzone = styled(Dropzone)<{ hidden: boolean }>`\n  ${({ hidden }) =>\n    hidden &&\n    `\n    [${dropzoneContainerAttr}] {\n      align-self: flex-start;\n      margin-bottom: ${spacing.xs}px;\n\n      &,\n      &:hover {\n        width: auto;\n        min-height: auto;\n        border: none;\n        padding: 0;\n        background: transparent;\n        cursor: default;\n      }\n    }\n  \n  `}\n`\n\nexport const StyledDropzoneMessage = styled.span<{ error: boolean }>`\n  ${({ error }) =>\n    error &&\n    `\n    color: ${colors.gray15};\n  `}\n`\n\nexport const StyledUploadButtonWrapper = styled.div`\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ${spacing.sm}px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,qBAAqB,GAAG,yBAAyB;AAE9D,OAAO,IAAMC,cAAc,gBAAGL,MAAM,CAACC,QAAQ,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC1C,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OACTA,MAAM,cAAAC,MAAA,CAEHP,qBAAqB,+DAAAO,MAAA,CAELR,OAAO,CAACS,EAAE,sNAa9B;AAAA,EACF;AAED,OAAO,IAAMC,qBAAqB,gBAAGb,MAAM,CAACc,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5C,UAAAO,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,oBAAAL,MAAA,CAEIT,MAAM,CAACe,MAAM,UACvB;AAAA,EACF;AAED,OAAO,IAAMC,yBAAyB,gBAAGlB,MAAM,CAACmB,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAIhCL,OAAO,CAACiB,EAAE,CAC5B"}
+{"version":3,"file":"FileSelectDropzone.styles.js","names":["styled","Dropzone","colors","spacing","dropzoneContainerAttr","StyledDropzone","withConfig","displayName","componentId","_ref","hidden","concat","xs","StyledDropzoneMessage","span","_ref2","error","gray15","StyledUploadButtonWrapper","div","sm"],"sources":["../../../src/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Dropzone } from '../../Dropzone/Dropzone'\nimport { colors } from '../../_styles/colors'\nimport { spacing } from '../../_styles/spacing'\n\nexport const dropzoneContainerAttr = 'data-dropzone-container'\n\nexport const StyledDropzone = styled(Dropzone)<{ hidden: boolean }>`\n  ${({ hidden }) =>\n    hidden &&\n    `\n    [${dropzoneContainerAttr}] {\n      align-self: flex-start;\n      margin-bottom: ${spacing.xs}px;\n\n      &,\n      &:hover {\n        width: auto;\n        min-height: auto;\n        border: none;\n        padding: 0;\n        background: transparent;\n        cursor: default;\n      }\n    }\n  \n  `}\n`\n\nexport const StyledDropzoneMessage = styled.span<{ error: boolean }>`\n  ${({ error }) =>\n    error &&\n    `\n    color: ${colors.gray15};\n  `}\n`\n\nexport const StyledUploadButtonWrapper = styled.div`\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ${spacing.sm}px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,qBAAqB,GAAG,yBAAyB;AAE9D,OAAO,IAAMC,cAAc,gBAAGL,MAAM,CAACC,QAAQ,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC1C,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OACTA,MAAM,cAAAC,MAAA,CAEHP,qBAAqB,+DAAAO,MAAA,CAELR,OAAO,CAACS,EAAE,sNAa9B;AAAA,EACF;AAED,OAAO,IAAMC,qBAAqB,gBAAGb,MAAM,CAACc,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5C,UAAAO,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OACRA,KAAK,oBAAAL,MAAA,CAEIT,MAAM,CAACe,MAAM,UACvB;AAAA,EACF;AAED,OAAO,IAAMC,yBAAyB,gBAAGlB,MAAM,CAACmB,GAAG,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAIhCL,OAAO,CAACiB,EAAE,CAC5B","ignoreList":[]}

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DropzoneContentProps, DropzoneHookProps, DropzoneProps } from '../../Dropzone/Dropzone.types';
 import type { ValueId } from '../FileSelect.types';
 interface QaTags {

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileSelectDropzone.types.js","names":[],"sources":["../../../src/FileSelect/FileSelectDropzone/FileSelectDropzone.types.ts"],"sourcesContent":["import type {\n  DropzoneContentProps,\n  DropzoneHookProps,\n  DropzoneProps,\n} from '../../Dropzone/Dropzone.types'\nimport type { ValueId } from '../FileSelect.types'\n\ninterface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  attachFiles?: string\n  /**\n   * @since 10.19.0\n   */\n  fileToken?: (id: ValueId) => string\n}\n\nexport interface FileSelectDropzoneProps {\n  /**\n   * @since 10.19.0\n   */\n  contentRenderer?: (props: DropzoneContentProps) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  hideDropzone?: boolean\n  /**\n   * @since 10.19.0\n   */\n  onAttachFromProject: () => void\n  /**\n   * @since 10.19.0\n   */\n  tooltip: DropzoneProps['tooltip']\n  /**\n   * @since 10.19.0\n   */\n  accept: DropzoneHookProps['accept']\n  /**\n   * @since 10.19.0\n   */\n  maxFileNumber?: number\n  /**\n   * @since 10.19.0\n   */\n  maxFileSize?: number\n  /**\n   * @since 10.19.0\n   */\n  minFileSize?: number\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  value: DropzoneHookProps['value']\n  /**\n   * @since 10.19.0\n   */\n  onDrop: DropzoneHookProps['onDrop']\n  /**\n   * @since 10.19.0\n   */\n  multiple: boolean\n  /**\n   * @since 10.19.0\n   */\n  noDrag: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n\nexport interface FileSelectDropzoneRef {\n  /**\n   * @since 10.19.0\n   */\n  clearErrors: () => void\n  /**\n   * @since 10.19.0\n   */\n  attachButton: HTMLButtonElement | null\n}\n\nexport interface FileSelectDropzoneContentProps extends DropzoneContentProps {\n  /**\n   * @since 10.19.0\n   */\n  hideDropzone?: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiple: boolean\n  /**\n   * @since 10.19.0\n   */\n  onAttachFromProject: () => void\n  /**\n   * @since 10.19.0\n   */\n  tooltip?: React.ReactNode | string\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":""}
+{"version":3,"file":"FileSelectDropzone.types.js","names":[],"sources":["../../../src/FileSelect/FileSelectDropzone/FileSelectDropzone.types.ts"],"sourcesContent":["import type {\n  DropzoneContentProps,\n  DropzoneHookProps,\n  DropzoneProps,\n} from '../../Dropzone/Dropzone.types'\nimport type { ValueId } from '../FileSelect.types'\n\ninterface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  attachFiles?: string\n  /**\n   * @since 10.19.0\n   */\n  fileToken?: (id: ValueId) => string\n}\n\nexport interface FileSelectDropzoneProps {\n  /**\n   * @since 10.19.0\n   */\n  contentRenderer?: (props: DropzoneContentProps) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  hideDropzone?: boolean\n  /**\n   * @since 10.19.0\n   */\n  onAttachFromProject: () => void\n  /**\n   * @since 10.19.0\n   */\n  tooltip: DropzoneProps['tooltip']\n  /**\n   * @since 10.19.0\n   */\n  accept: DropzoneHookProps['accept']\n  /**\n   * @since 10.19.0\n   */\n  maxFileNumber?: number\n  /**\n   * @since 10.19.0\n   */\n  maxFileSize?: number\n  /**\n   * @since 10.19.0\n   */\n  minFileSize?: number\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  value: DropzoneHookProps['value']\n  /**\n   * @since 10.19.0\n   */\n  onDrop: DropzoneHookProps['onDrop']\n  /**\n   * @since 10.19.0\n   */\n  multiple: boolean\n  /**\n   * @since 10.19.0\n   */\n  noDrag: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n\nexport interface FileSelectDropzoneRef {\n  /**\n   * @since 10.19.0\n   */\n  clearErrors: () => void\n  /**\n   * @since 10.19.0\n   */\n  attachButton: HTMLButtonElement | null\n}\n\nexport interface FileSelectDropzoneContentProps extends DropzoneContentProps {\n  /**\n   * @since 10.19.0\n   */\n  hideDropzone?: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiple: boolean\n  /**\n   * @since 10.19.0\n   */\n  onAttachFromProject: () => void\n  /**\n   * @since 10.19.0\n   */\n  tooltip?: React.ReactNode | string\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":"","ignoreList":[]}

package/dist/FileSelect/FileSelectDropzone/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FileSelectDropzone"],"sources":["../../../src/FileSelect/FileSelectDropzone/index.ts"],"sourcesContent":["export { FileSelectDropzone } from './FileSelectDropzone'\nexport type { FileSelectDropzoneRef } from './FileSelectDropzone.types'\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,sBAAsB"}
+{"version":3,"file":"index.js","names":["FileSelectDropzone"],"sources":["../../../src/FileSelect/FileSelectDropzone/index.ts"],"sourcesContent":["export { FileSelectDropzone } from './FileSelectDropzone'\nexport type { FileSelectDropzoneRef } from './FileSelectDropzone.types'\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}

package/dist/FileSelect/FileTokenList/FileToken.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileToken.types.js","names":[],"sources":["../../../src/FileSelect/FileTokenList/FileToken.types.ts"],"sourcesContent":["import type { ValueId } from '../FileSelect.types'\n\nexport interface FileTokenEntry {\n  /**\n   * @since 10.19.0\n   */\n  id: string | number\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  error?: string\n  /**\n   * @since 10.19.0\n   */\n  progress?: number\n}\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  fileToken?: (id: ValueId) => string\n  /**\n   * @since 10.19.0\n   */\n  closeButton?: string\n}\n\nexport interface FileTokenListProps {\n  /**\n   * @since 10.19.0\n   */\n  tokens: FileTokenEntry[]\n  /**\n   * @since 10.19.0\n   */\n  onClick?: (token: FileTokenEntry) => void\n  /**\n   * @since 10.19.0\n   */\n  onClose?: (token: FileTokenEntry) => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":""}
+{"version":3,"file":"FileToken.types.js","names":[],"sources":["../../../src/FileSelect/FileTokenList/FileToken.types.ts"],"sourcesContent":["import type { ValueId } from '../FileSelect.types'\n\nexport interface FileTokenEntry {\n  /**\n   * @since 10.19.0\n   */\n  id: string | number\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  error?: string\n  /**\n   * @since 10.19.0\n   */\n  progress?: number\n}\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  fileToken?: (id: ValueId) => string\n  /**\n   * @since 10.19.0\n   */\n  closeButton?: string\n}\n\nexport interface FileTokenListProps {\n  /**\n   * @since 10.19.0\n   */\n  tokens: FileTokenEntry[]\n  /**\n   * @since 10.19.0\n   */\n  onClick?: (token: FileTokenEntry) => void\n  /**\n   * @since 10.19.0\n   */\n  onClose?: (token: FileTokenEntry) => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n"],"mappings":"","ignoreList":[]}

package/dist/FileSelect/FileTokenList/FileTokenList.js

@@ -75,7 +75,7 @@ export var FileTokenList = /*#__PURE__*/React.forwardRef(function FileTokenList(
         e.preventDefault();
         var error = token.error;
         if (isUndefined(error) && getProgress(token) === 100) {
-          onClick === null || onClick === void 0 ? void 0 : onClick(token);
+          onClick === null || onClick === void 0 || onClick(token);
         }
         break;
       case 'ArrowUp':
@@ -109,7 +109,7 @@ export var FileTokenList = /*#__PURE__*/React.forwardRef(function FileTokenList(
     var _qa$fileToken;
     var isFocused = navigation.index === index;
     return /*#__PURE__*/React.createElement(StyledFileToken, {
-      "data-qa": qa === null || qa === void 0 ? void 0 : (_qa$fileToken = qa.fileToken) === null || _qa$fileToken === void 0 ? void 0 : _qa$fileToken.call(qa, token.id),
+      "data-qa": qa === null || qa === void 0 || (_qa$fileToken = qa.fileToken) === null || _qa$fileToken === void 0 ? void 0 : _qa$fileToken.call(qa, token.id),
       qa: qa,
       key: token.id,
       ref: isFocused ? focusedTokenRef : null,

package/dist/FileSelect/FileTokenList/FileTokenList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileTokenList.js","names":["React","useListNavigation","isFunction","StyledFileToken","StyledTokenList","noop","getProgress","_ref","progress","isUndefined","value","FileTokenList","forwardRef","_ref2","ref","tokens","onClick","_ref2$onClose","onClose","qa","onKeyDown","props","_objectWithoutProperties","_excluded","focusedTokenRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","isListFocused","setIsListFocused","navigation","circular","initialIndex","size","length","useEffect","setSize","current","focus","onKeyDownHandler","useCallback","e","token","index","key","preventDefault","repeat","set","Math","max","error","decrement","increment","createElement","_extends","onFocus","onBlur","map","_qa$fileToken","isFocused","fileToken","call","id","tabIndex","progressValue","errorMessage","fileName","name","onLabelClick","displayName"],"sources":["../../../src/FileSelect/FileTokenList/FileTokenList.tsx"],"sourcesContent":["import React from 'react'\nimport { useListNavigation } from '../../_hooks/ListNavigation'\nimport { isFunction } from '../../_utils/isFunction'\nimport type { FileTokenEntry, FileTokenListProps } from './FileToken.types'\nimport { StyledFileToken, StyledTokenList } from './FileTokenList.styles'\n\nfunction noop() {}\n\nfunction getProgress({ progress }: FileTokenEntry) {\n  return progress ?? 100\n}\n\nfunction isUndefined(value: any): value is undefined {\n  return typeof value === 'undefined'\n}\n\n/**\n * Renders a list of file tokens with optional remove and keyboard navigation.\n *\n * @deprecated Use `ConnectedFileSelect` from `@procore/labs-file-select` for file/token UX; it provides token list behavior as the default attachment view. The package does not export a standalone FileTokenList.\n * @deprecatedSince 12.40.0\n * @see [File Select Storybook](https://stories.other-libraries.procore.com/?path=%2Fstory%2Fconnected-file-select_demos-fileselect--demo)\n * @see [File Select package (file-select-js-monorepo)](https://github.com/procore/file-select-js-monorepo/tree/main/packages/file-select)\n */\nexport const FileTokenList = React.forwardRef<\n  HTMLDivElement,\n  FileTokenListProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>\n>(function FileTokenList(\n  { tokens, onClick, onClose = noop, qa, onKeyDown, ...props },\n  ref\n) {\n  const focusedTokenRef = React.useRef<HTMLDivElement>(null)\n  const [isListFocused, setIsListFocused] = React.useState(false)\n\n  const navigation = useListNavigation({\n    circular: false,\n    initialIndex: 0,\n    size: tokens.length,\n  })\n\n  React.useEffect(() => {\n    navigation.setSize(tokens.length)\n    if (tokens.length === 0) setIsListFocused(false)\n  }, [navigation, tokens.length])\n\n  React.useEffect(() => {\n    if (focusedTokenRef.current && isListFocused) {\n      focusedTokenRef.current.focus()\n    }\n  }, [isListFocused, navigation])\n\n  const onKeyDownHandler = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!isListFocused) return\n\n      const token = tokens[navigation.index]\n\n      switch (e.key) {\n        case 'Backspace':\n        case 'Delete':\n          e.preventDefault()\n          if (!e.repeat) {\n            onClose(token)\n            if (tokens.length >= 1) {\n              navigation.set(Math.max(0, navigation.index - 1))\n            }\n          }\n          break\n        case 'Space Bar':\n        case ' ':\n          e.preventDefault()\n          const { error } = token\n\n          if (isUndefined(error) && getProgress(token) === 100) {\n            onClick?.(token)\n          }\n          break\n        case 'ArrowUp':\n        case 'Up':\n        case 'ArrowLeft':\n        case 'Left':\n          e.preventDefault()\n          navigation.decrement()\n          break\n        case 'ArrowDown':\n        case 'Down':\n        case 'ArrowRight':\n        case 'Right':\n          e.preventDefault()\n          navigation.increment()\n          break\n        default:\n      }\n      onKeyDown && onKeyDown(e)\n    },\n    [isListFocused, navigation, onClick, onClose, onKeyDown, tokens]\n  )\n\n  return (\n    <StyledTokenList\n      {...props}\n      ref={ref}\n      onFocus={() => setIsListFocused(true)}\n      onBlur={() => setIsListFocused(false)}\n      onKeyDown={onKeyDownHandler}\n    >\n      {tokens.map((token, index) => {\n        const isFocused = navigation.index === index\n\n        return (\n          <StyledFileToken\n            data-qa={qa?.fileToken?.(token.id)}\n            qa={qa}\n            key={token.id}\n            ref={isFocused ? focusedTokenRef : null}\n            tabIndex={isFocused ? 0 : -1}\n            progressValue={getProgress(token)}\n            errorMessage={token.error}\n            fileName={token.name}\n            onFocus={() => navigation.set(index)}\n            onLabelClick={isFunction(onClick) ? () => onClick(token) : onClick}\n            onClose={() => onClose(token)}\n          />\n        )\n      })}\n    </StyledTokenList>\n  )\n})\n\nFileTokenList.displayName = 'FileTokenList'\n"],"mappings":"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"}
+{"version":3,"file":"FileTokenList.js","names":["React","useListNavigation","isFunction","StyledFileToken","StyledTokenList","noop","getProgress","_ref","progress","isUndefined","value","FileTokenList","forwardRef","_ref2","ref","tokens","onClick","_ref2$onClose","onClose","qa","onKeyDown","props","_objectWithoutProperties","_excluded","focusedTokenRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","isListFocused","setIsListFocused","navigation","circular","initialIndex","size","length","useEffect","setSize","current","focus","onKeyDownHandler","useCallback","e","token","index","key","preventDefault","repeat","set","Math","max","error","decrement","increment","createElement","_extends","onFocus","onBlur","map","_qa$fileToken","isFocused","fileToken","call","id","tabIndex","progressValue","errorMessage","fileName","name","onLabelClick","displayName"],"sources":["../../../src/FileSelect/FileTokenList/FileTokenList.tsx"],"sourcesContent":["import React from 'react'\nimport { useListNavigation } from '../../_hooks/ListNavigation'\nimport { isFunction } from '../../_utils/isFunction'\nimport type { FileTokenEntry, FileTokenListProps } from './FileToken.types'\nimport { StyledFileToken, StyledTokenList } from './FileTokenList.styles'\n\nfunction noop() {}\n\nfunction getProgress({ progress }: FileTokenEntry) {\n  return progress ?? 100\n}\n\nfunction isUndefined(value: any): value is undefined {\n  return typeof value === 'undefined'\n}\n\n/**\n * Renders a list of file tokens with optional remove and keyboard navigation.\n *\n * @deprecated Use `ConnectedFileSelect` from `@procore/labs-file-select` for file/token UX; it provides token list behavior as the default attachment view. The package does not export a standalone FileTokenList.\n * @deprecatedSince 12.40.0\n * @see [File Select Storybook](https://stories.other-libraries.procore.com/?path=%2Fstory%2Fconnected-file-select_demos-fileselect--demo)\n * @see [File Select package (file-select-js-monorepo)](https://github.com/procore/file-select-js-monorepo/tree/main/packages/file-select)\n */\nexport const FileTokenList = React.forwardRef<\n  HTMLDivElement,\n  FileTokenListProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>\n>(function FileTokenList(\n  { tokens, onClick, onClose = noop, qa, onKeyDown, ...props },\n  ref\n) {\n  const focusedTokenRef = React.useRef<HTMLDivElement>(null)\n  const [isListFocused, setIsListFocused] = React.useState(false)\n\n  const navigation = useListNavigation({\n    circular: false,\n    initialIndex: 0,\n    size: tokens.length,\n  })\n\n  React.useEffect(() => {\n    navigation.setSize(tokens.length)\n    if (tokens.length === 0) setIsListFocused(false)\n  }, [navigation, tokens.length])\n\n  React.useEffect(() => {\n    if (focusedTokenRef.current && isListFocused) {\n      focusedTokenRef.current.focus()\n    }\n  }, [isListFocused, navigation])\n\n  const onKeyDownHandler = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!isListFocused) return\n\n      const token = tokens[navigation.index]\n\n      switch (e.key) {\n        case 'Backspace':\n        case 'Delete':\n          e.preventDefault()\n          if (!e.repeat) {\n            onClose(token)\n            if (tokens.length >= 1) {\n              navigation.set(Math.max(0, navigation.index - 1))\n            }\n          }\n          break\n        case 'Space Bar':\n        case ' ':\n          e.preventDefault()\n          const { error } = token\n\n          if (isUndefined(error) && getProgress(token) === 100) {\n            onClick?.(token)\n          }\n          break\n        case 'ArrowUp':\n        case 'Up':\n        case 'ArrowLeft':\n        case 'Left':\n          e.preventDefault()\n          navigation.decrement()\n          break\n        case 'ArrowDown':\n        case 'Down':\n        case 'ArrowRight':\n        case 'Right':\n          e.preventDefault()\n          navigation.increment()\n          break\n        default:\n      }\n      onKeyDown && onKeyDown(e)\n    },\n    [isListFocused, navigation, onClick, onClose, onKeyDown, tokens]\n  )\n\n  return (\n    <StyledTokenList\n      {...props}\n      ref={ref}\n      onFocus={() => setIsListFocused(true)}\n      onBlur={() => setIsListFocused(false)}\n      onKeyDown={onKeyDownHandler}\n    >\n      {tokens.map((token, index) => {\n        const isFocused = navigation.index === index\n\n        return (\n          <StyledFileToken\n            data-qa={qa?.fileToken?.(token.id)}\n            qa={qa}\n            key={token.id}\n            ref={isFocused ? focusedTokenRef : null}\n            tabIndex={isFocused ? 0 : -1}\n            progressValue={getProgress(token)}\n            errorMessage={token.error}\n            fileName={token.name}\n            onFocus={() => navigation.set(index)}\n            onLabelClick={isFunction(onClick) ? () => onClick(token) : onClick}\n            onClose={() => onClose(token)}\n          />\n        )\n      })}\n    </StyledTokenList>\n  )\n})\n\nFileTokenList.displayName = 'FileTokenList'\n"],"mappings":"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","ignoreList":[]}

package/dist/FileSelect/FileTokenList/FileTokenList.styles.d.ts

@@ -1,5 +1,8 @@
-/// <reference types="react" />
-export declare const StyledTokenList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledFileToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../../FileToken/FileToken.types").FileTokenProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../FileToken/FileToken.types").FileTokenProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTokenList: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledFileToken: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("../../FileToken/FileToken.types").FileTokenProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("../../FileToken/FileToken.types").FileTokenProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/FileSelect/FileTokenList/FileTokenList.styles.js

@@ -3,10 +3,10 @@ import { FileToken } from '../../FileToken/FileToken';
 import { spacing } from '../../_styles/spacing';
 export var StyledTokenList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTokenList",
-  componentId: "core-12_53_0__sc-u9tli5-0"
+  componentId: "core-12_53_2__sc-u9tli5-0"
 })(["display:flex;flex-wrap:wrap;align-items:flex-start;"]);
 export var StyledFileToken = /*#__PURE__*/styled(FileToken).withConfig({
   displayName: "StyledFileToken",
-  componentId: "core-12_53_0__sc-u9tli5-1"
+  componentId: "core-12_53_2__sc-u9tli5-1"
 })(["margin-bottom:", "px;margin-right:", "px;"], spacing.sm, spacing.sm);
 //# sourceMappingURL=FileTokenList.styles.js.map

package/dist/FileSelect/FileTokenList/FileTokenList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileTokenList.styles.js","names":["styled","FileToken","spacing","StyledTokenList","div","withConfig","displayName","componentId","StyledFileToken","sm"],"sources":["../../../src/FileSelect/FileTokenList/FileTokenList.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { FileToken } from '../../FileToken/FileToken'\nimport { spacing } from '../../_styles/spacing'\n\nexport const StyledTokenList = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n`\n\nexport const StyledFileToken = styled(FileToken)`\n  margin-bottom: ${spacing.sm}px;\n  margin-right: ${spacing.sm}px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,eAAe,gBAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2DAIxC;AAED,OAAO,IAAMC,eAAe,gBAAGR,MAAM,CAACC,SAAS,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAC7BL,OAAO,CAACO,EAAE,EACXP,OAAO,CAACO,EAAE,CAC3B"}
+{"version":3,"file":"FileTokenList.styles.js","names":["styled","FileToken","spacing","StyledTokenList","div","withConfig","displayName","componentId","StyledFileToken","sm"],"sources":["../../../src/FileSelect/FileTokenList/FileTokenList.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { FileToken } from '../../FileToken/FileToken'\nimport { spacing } from '../../_styles/spacing'\n\nexport const StyledTokenList = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n`\n\nexport const StyledFileToken = styled(FileToken)`\n  margin-bottom: ${spacing.sm}px;\n  margin-right: ${spacing.sm}px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,SAAS,QAAQ,2BAA2B;AACrD,SAASC,OAAO,QAAQ,uBAAuB;AAE/C,OAAO,IAAMC,eAAe,gBAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2DAIxC;AAED,OAAO,IAAMC,eAAe,gBAAGR,MAAM,CAACC,SAAS,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAC7BL,OAAO,CAACO,EAAE,EACXP,OAAO,CAACO,EAAE,CAC3B","ignoreList":[]}

package/dist/FileSelect/FileTokenList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FileTokenList"],"sources":["../../../src/FileSelect/FileTokenList/index.ts"],"sourcesContent":["export type { FileTokenEntry } from './FileToken.types'\nexport { FileTokenList } from './FileTokenList'\n"],"mappings":"AACA,SAASA,aAAa,QAAQ,iBAAiB"}
+{"version":3,"file":"index.js","names":["FileTokenList"],"sources":["../../../src/FileSelect/FileTokenList/index.ts"],"sourcesContent":["export type { FileTokenEntry } from './FileToken.types'\nexport { FileTokenList } from './FileTokenList'\n"],"mappings":"AACA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/dist/FileSelect/GridSource/GridSource.js

@@ -6,15 +6,8 @@ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArra
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
-function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
-function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
-function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
-function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-function _OverloadYield(e, d) { this.v = e, this.k = d; }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 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; }
@@ -152,31 +145,31 @@ export var GridSource = /*#__PURE__*/React.forwardRef(function GridSource(_ref,
       return item.id;
     });
   }, [allVisibleItems]);
-  var fetchData = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+  var fetchData = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    var _t;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
         case 0:
           if (isFunction(onScrollBottom)) {
-            _context.next = 2;
+            _context.n = 1;
             break;
           }
-          return _context.abrupt("return");
-        case 2:
-          _context.prev = 2;
-          _context.next = 5;
+          return _context.a(2);
+        case 1:
+          _context.p = 1;
+          _context.n = 2;
           return onScrollBottom();
-        case 5:
-          _context.next = 10;
+        case 2:
+          _context.n = 4;
           break;
-        case 7:
-          _context.prev = 7;
-          _context.t0 = _context["catch"](2);
+        case 3:
+          _context.p = 3;
+          _t = _context.v;
           console.warn('Warning!: "onScrollBottom" request was ended with an error');
-        case 10:
-        case "end":
-          return _context.stop();
+        case 4:
+          return _context.a(2);
       }
-    }, _callee, null, [[2, 7]]);
+    }, _callee, null, [[1, 3]]);
   })), [onScrollBottom]);
   if (currentSource !== sourceId) {
     return null;
@@ -237,7 +230,7 @@ export var GridSource = /*#__PURE__*/React.forwardRef(function GridSource(_ref,
     query: searchQuery,
     onChange: function onChange(e) {
       var query = e.target.value;
-      onSearch === null || onSearch === void 0 ? void 0 : onSearch(query);
+      onSearch === null || onSearch === void 0 || onSearch(query);
       if (!isUsingControlledSearch) {
         setInternalSearchQuery(query);
       }