@procore/core-react 10.26.0 → 10.26.1-rc.2

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

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

package/dist/esm/components/FileSelect/FileSelect.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FileSelect.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelect.types.js","sourceRoot":"","sources":["../../../../src/components/FileSelect/FileSelect.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/FileSelect/FileSelectDropzone/FileSelectDropzone.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FileSelectDropzoneRef, FileSelectDropzoneProps } from './FileSelectDropzone.types';
+export declare const FileSelectDropzone: React.ForwardRefExoticComponent<FileSelectDropzoneProps & React.RefAttributes<FileSelectDropzoneRef>>;
+export default FileSelectDropzone;

package/dist/esm/components/FileSelect/FileSelectDropzone/FileSelectDropzone.js

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useImperativeHandle, useRef } from 'react';
+import { useDropzone } from '../../Dropzone';
+import { Flex } from '../../../layouts/Flex';
+import { useI18nContext } from '../../../state/I18n';
+import { dropErrors } from '../../Dropzone/Dropzone.types';
+import { Tooltip } from '../../Tooltip';
+import { dropzoneContainerAttr, StyledDropzone, StyledDropzoneMessage, StyledUploadButtonWrapper, } from './FileSelectDropzone.styles';
+import { Button } from '../../Button';
+var DefaultContent = React.forwardRef(function DefaultContent(_a, ref) {
+    var disabled = _a.disabled, errorMessage = _a.errorMessage, _b = _a.hideDropzone, hideDropzone = _b === void 0 ? false : _b, multiple = _a.multiple, onAttachFromProject = _a.onAttachFromProject, tooltip = _a.tooltip, qa = _a.qa;
+    var I18n = useI18nContext();
+    var attachFilesButton = (React.createElement(Tooltip, { trigger: hideDropzone && tooltip ? 'hover' : 'none', placement: "right", overlay: tooltip },
+        React.createElement(StyledUploadButtonWrapper, null,
+            React.createElement(Button, { ref: ref, variant: "secondary", onClick: onAttachFromProject, disabled: disabled, "data-qa": qa === null || qa === void 0 ? void 0 : qa.attachFiles }, I18n.t('core.fileAttacher.attachFiles', {
+                count: multiple ? Infinity : 1,
+            })))));
+    return hideDropzone ? (attachFilesButton) : (React.createElement(Flex, { direction: "column", justifyContent: "center", alignItems: "center" },
+        attachFilesButton,
+        React.createElement(StyledDropzoneMessage, { error: Boolean(errorMessage) }, errorMessage || I18n.t('core.dropzone.dragAndDrop'))));
+});
+export var FileSelectDropzone = React.forwardRef(function FileSelectDropzone(_a, ref) {
+    var _b;
+    var accept = _a.accept, maxFileNumber = _a.maxFileNumber, maxFileSize = _a.maxFileSize, minFileSize = _a.minFileSize, disabled = _a.disabled, value = _a.value, onDrop = _a.onDrop, multiple = _a.multiple, noDrag = _a.noDrag, onAttachFromProject = _a.onAttachFromProject, contentRenderer = _a.contentRenderer, _c = _a.hideDropzone, hideDropzone = _c === void 0 ? false : _c, tooltip = _a.tooltip, qa = _a.qa;
+    var dropzoneState = useDropzone({
+        accept: accept,
+        maxFileNumber: maxFileNumber,
+        maxFileSize: maxFileSize,
+        minFileSize: minFileSize,
+        disabled: disabled,
+        value: value,
+        onDrop: onDrop,
+        multiple: multiple,
+        noDrag: noDrag,
+    });
+    var attachButtonRef = useRef(null);
+    useImperativeHandle(ref, function () { return ({
+        clearErrors: function () {
+            dropzoneState.dispatchDropError(dropErrors.reset);
+        },
+        attachButton: attachButtonRef.current,
+    }); });
+    var defaultContent = function (props) { return (React.createElement(DefaultContent, __assign({}, props, { ref: attachButtonRef, tooltip: tooltip, hideDropzone: hideDropzone, multiple: multiple, onAttachFromProject: onAttachFromProject, qa: { attachFiles: qa === null || qa === void 0 ? void 0 : qa.attachFiles } }))); };
+    var dropzoneContent = contentRenderer || defaultContent;
+    return (React.createElement(StyledDropzone, __assign({}, dropzoneState, { tooltip: hideDropzone ? null : tooltip, contentRenderer: dropzoneContent, hidden: hideDropzone, rootProps: (_b = {}, _b[dropzoneContainerAttr] = '', _b) }, (hideDropzone ? { isIconVisible: false } : {}))));
+});
+FileSelectDropzone.displayName = 'FileSelectDropzone';
+export default FileSelectDropzone;
+//# sourceMappingURL=FileSelectDropzone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelectDropzone.js","sourceRoot":"","sources":["../../../../../src/components/FileSelect/FileSelectDropzone/FileSelectDropzone.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+export declare const dropzoneContainerAttr = "data-dropzone-container";
+export declare const StyledDropzone: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("../../Dropzone").DropzoneProps & import("react").RefAttributes<import("../../Dropzone/Dropzone.types").DropzoneRef>>>, any, {
+    hidden: boolean;
+}, never>;
+export declare const StyledDropzoneMessage: import("styled-components").StyledComponent<"span", any, {
+    error: boolean;
+}, never>;
+export declare const StyledUploadButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { colors } from '../../../styles/colors';
+import { spacing } from '../../../styles/spacing';
+import { Dropzone } from '../../Dropzone';
+export var dropzoneContainerAttr = 'data-dropzone-container';
+export var StyledDropzone = styled(Dropzone)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var hidden = _a.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 = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var error = _a.error;
+    return error &&
+        "\n    color: ".concat(colors.gray15, ";\n  ");
+});
+export var StyledUploadButtonWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ", "px;\n"], ["\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ", "px;\n"])), spacing.sm);
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=FileSelectDropzone.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelectDropzone.styles.js","sourceRoot":"","sources":["../../../../../src/components/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,MAAM,CAAC,IAAM,qBAAqB,GAAG,yBAAyB,CAAA;AAE9D,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,+EAAqB,MAC/D,EAkBD,IACF,KAnBG,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM;QACN,iBACG,qBAAqB,sEAEL,OAAO,CAAC,EAAE,sNAa9B;AAjBC,CAiBD,CACF,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,+EAAoB,MAChE,EAID,IACF,KALG,UAAC,EAAS;QAAP,KAAK,WAAA;IACR,OAAA,KAAK;QACL,uBACS,MAAM,CAAC,MAAM,UACvB;AAHC,CAGD,CACF,CAAA;AAED,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,iKAAA,qFAIhC,EAAU,OAC5B,KADkB,OAAO,CAAC,EAAE,CAC5B,CAAA"}

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

@@ -0,0 +1,103 @@
+import { DropzoneContentProps, DropzoneHookProps, DropzoneProps } from '../../Dropzone/Dropzone.types';
+import { ValueId } from '../FileSelect.types';
+interface QaTags {
+    /**
+     * @since 10.19.0
+     */
+    attachFiles?: string;
+    /**
+     * @since 10.19.0
+     */
+    fileToken?: (id: ValueId) => string;
+}
+export interface FileSelectDropzoneProps {
+    /**
+     * @since 10.19.0
+     */
+    contentRenderer?: (props: DropzoneContentProps) => React.ReactNode;
+    /**
+     * @since 10.19.0
+     */
+    hideDropzone?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onAttachFromProject: () => void;
+    /**
+     * @since 10.19.0
+     */
+    tooltip: DropzoneProps['tooltip'];
+    /**
+     * @since 10.19.0
+     */
+    accept: DropzoneHookProps['accept'];
+    /**
+     * @since 10.19.0
+     */
+    maxFileNumber?: number;
+    /**
+     * @since 10.19.0
+     */
+    maxFileSize?: number;
+    /**
+     * @since 10.19.0
+     */
+    minFileSize?: number;
+    /**
+     * @since 10.19.0
+     */
+    disabled: boolean;
+    /**
+     * @since 10.19.0
+     */
+    value: DropzoneHookProps['value'];
+    /**
+     * @since 10.19.0
+     */
+    onDrop: DropzoneHookProps['onDrop'];
+    /**
+     * @since 10.19.0
+     */
+    multiple: boolean;
+    /**
+     * @since 10.19.0
+     */
+    noDrag: boolean;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+}
+export interface FileSelectDropzoneRef {
+    /**
+     * @since 10.19.0
+     */
+    clearErrors: () => void;
+    /**
+     * @since 10.19.0
+     */
+    attachButton: HTMLButtonElement | null;
+}
+export interface FileSelectDropzoneContentProps extends DropzoneContentProps {
+    /**
+     * @since 10.19.0
+     */
+    hideDropzone?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    multiple: boolean;
+    /**
+     * @since 10.19.0
+     */
+    onAttachFromProject: () => void;
+    /**
+     * @since 10.19.0
+     */
+    tooltip?: React.ReactNode | string;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+}
+export {};

package/dist/esm/components/FileSelect/FileSelectDropzone/FileSelectDropzone.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FileSelectDropzone.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelectDropzone.types.js","sourceRoot":"","sources":["../../../../../src/components/FileSelect/FileSelectDropzone/FileSelectDropzone.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/FileSelect/FileSelectDropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { FileSelectDropzone } from './FileSelectDropzone';
+export { FileSelectDropzoneRef } from './FileSelectDropzone.types';

package/dist/esm/components/FileSelect/FileSelectDropzone/index.js

@@ -0,0 +1,2 @@
+export { FileSelectDropzone } from './FileSelectDropzone';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FileSelect/FileSelectDropzone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/esm/components/FileSelect/FileTokenList/FileToken.types.d.ts

@@ -0,0 +1,47 @@
+import { ValueId } from '../FileSelect.types';
+export interface FileTokenEntry {
+    /**
+     * @since 10.19.0
+     */
+    id: string | number;
+    /**
+     * @since 10.19.0
+     */
+    name: string;
+    /**
+     * @since 10.19.0
+     */
+    error?: string;
+    /**
+     * @since 10.19.0
+     */
+    progress?: number;
+}
+export interface QaTags {
+    /**
+     * @since 10.19.0
+     */
+    fileToken?: (id: ValueId) => string;
+    /**
+     * @since 10.19.0
+     */
+    closeButton?: string;
+}
+export interface FileTokenListProps {
+    /**
+     * @since 10.19.0
+     */
+    tokens: FileTokenEntry[];
+    /**
+     * @since 10.19.0
+     */
+    onClick?: (token: FileTokenEntry) => void;
+    /**
+     * @since 10.19.0
+     */
+    onClose?: (token: FileTokenEntry) => void;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+}

package/dist/esm/components/FileSelect/FileTokenList/FileToken.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FileToken.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileToken.types.js","sourceRoot":"","sources":["../../../../../src/components/FileSelect/FileTokenList/FileToken.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/FileSelect/FileTokenList/FileTokenList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DivAttributes } from '../../../utils/types';
+import { FileTokenListProps } from './FileToken.types';
+export declare const FileTokenList: React.ForwardRefExoticComponent<FileTokenListProps & Omit<DivAttributes, "onClick"> & React.RefAttributes<HTMLDivElement>>;
+export default FileTokenList;