@procore/core-react 10.30.0 → 11.0.0-rc.2

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

@@ -0,0 +1,286 @@
+/// <reference types="react" />
+import { Method } from 'axios';
+import { UploadFile } from '../_hooks/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;
+    /**
+     * @since 10.19.0
+     */
+    icon: 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/FileSelect/FileSelect.types.js.map

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

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

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

package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.js

@@ -0,0 +1,58 @@
+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 '../../Flex';
+import { useI18nContext } from '../../_hooks/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';
+//# sourceMappingURL=FileSelectDropzone.js.map

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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/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/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelectDropzone.styles.js","sourceRoot":"","sources":["../../../src/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,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/FileSelect/FileSelectDropzone/FileSelectDropzone.types.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="react" />
+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/FileSelect/FileSelectDropzone/FileSelectDropzone.types.js.map

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+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>>;

package/dist/FileSelect/FileTokenList/FileTokenList.js

@@ -0,0 +1,102 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { isFunction } from 'formik';
+import { useListNavigation } from '../../_hooks/ListNavigation';
+import { StyledFileToken, StyledTokenList } from './FileTokenList.styles';
+function noop() { }
+function getProgress(_a) {
+    var progress = _a.progress;
+    return progress !== null && progress !== void 0 ? progress : 100;
+}
+function isUndefined(value) {
+    return typeof value === 'undefined';
+}
+export var FileTokenList = React.forwardRef(function FileTokenList(_a, ref) {
+    var tokens = _a.tokens, onClick = _a.onClick, _b = _a.onClose, onClose = _b === void 0 ? noop : _b, qa = _a.qa, onKeyDown = _a.onKeyDown, props = __rest(_a, ["tokens", "onClick", "onClose", "qa", "onKeyDown"]);
+    var focusedTokenRef = React.useRef(null);
+    var _c = React.useState(false), isListFocused = _c[0], setIsListFocused = _c[1];
+    var navigation = useListNavigation({
+        circular: false,
+        initialIndex: 0,
+        size: tokens.length,
+    });
+    React.useEffect(function () {
+        navigation.setSize(tokens.length);
+        if (tokens.length === 0)
+            setIsListFocused(false);
+    }, [navigation, tokens.length]);
+    React.useEffect(function () {
+        if (focusedTokenRef.current && isListFocused) {
+            focusedTokenRef.current.focus();
+        }
+    }, [isListFocused, navigation]);
+    var onKeyDownHandler = React.useCallback(function (e) {
+        if (!isListFocused)
+            return;
+        var token = tokens[navigation.index];
+        switch (e.key) {
+            case 'Backspace':
+            case 'Delete':
+                e.preventDefault();
+                if (!e.repeat) {
+                    onClose(token);
+                    if (tokens.length >= 1) {
+                        navigation.set(Math.max(0, navigation.index - 1));
+                    }
+                }
+                break;
+            case 'Space Bar':
+            case ' ':
+                e.preventDefault();
+                var error = token.error;
+                if (isUndefined(error) && getProgress(token) === 100) {
+                    onClick === null || onClick === void 0 ? void 0 : onClick(token);
+                }
+                break;
+            case 'ArrowUp':
+            case 'Up':
+            case 'ArrowLeft':
+            case 'Left':
+                e.preventDefault();
+                navigation.decrement();
+                break;
+            case 'ArrowDown':
+            case 'Down':
+            case 'ArrowRight':
+            case 'Right':
+                e.preventDefault();
+                navigation.increment();
+                break;
+            default:
+        }
+        onKeyDown && onKeyDown(e);
+    }, [isListFocused, navigation, onClick, onClose, onKeyDown, tokens]);
+    return (React.createElement(StyledTokenList, __assign({}, props, { ref: ref, onFocus: function () { return setIsListFocused(true); }, onBlur: function () { return setIsListFocused(false); }, onKeyDown: onKeyDownHandler }), tokens.map(function (token, index) {
+        var _a;
+        var isFocused = navigation.index === index;
+        return (React.createElement(StyledFileToken, { "data-qa": (_a = qa === null || qa === void 0 ? void 0 : qa.fileToken) === null || _a === void 0 ? void 0 : _a.call(qa, token.id), qa: qa, key: token.id, ref: isFocused ? focusedTokenRef : null, tabIndex: isFocused ? 0 : -1, progressValue: getProgress(token), errorMessage: token.error, fileName: token.name, onFocus: function () { return navigation.set(index); }, onLabelClick: isFunction(onClick) ? function () { return onClick(token); } : onClick, onClose: function () { return onClose(token); } }));
+    })));
+});
+FileTokenList.displayName = 'FileTokenList';
+//# sourceMappingURL=FileTokenList.js.map

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledTokenList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFileToken: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../FileToken/FileToken.types").FileTokenProps & import("../../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

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

@@ -0,0 +1,11 @@
+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 { spacing } from '../../_styles/spacing';
+import { FileToken } from '../../FileToken';
+export var StyledTokenList = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n"])));
+export var StyledFileToken = styled(FileToken)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: ", "px;\n  margin-right: ", "px;\n"], ["\n  margin-bottom: ", "px;\n  margin-right: ", "px;\n"])), spacing.sm, spacing.sm);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FileTokenList.styles.js.map