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

package/dist/Thumbnail/Thumbnail.styles.js.map

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

package/dist/Thumbnail/Thumbnail.types.js.map

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

package/dist/Thumbnail/Thumbnail.utils.js

@@ -0,0 +1,63 @@
+var _a;
+import { getFileExtension } from '../_utils/filename';
+export function getIsFilePreviewableAsImage(src) {
+    return (src instanceof File &&
+        src.type.startsWith('image/') &&
+        // not allow previewing vendor image mime types, such as "image/vnd.adobe.photoshop"
+        !src.type.startsWith('image/vnd.') &&
+        // not allow previewing .tiff images, as a not browser-compatible format
+        src.type !== 'image/tiff');
+}
+var extensions = (_a = {
+        image: ['png', 'jpg', 'jpeg', 'gif', 'psd', 'tiff', 'tif', 'bmp'],
+        drawing: ['cad', 'dwg', 'dwf', 'dwfx'],
+        email: ['msg', 'eml'],
+        gantt: ['mpp', 'p6', 'xer'],
+        zip: ['zip', 'rar', '7zip'],
+        xml: ['rtf', 'txt'],
+        word: ['doc', 'docx'],
+        ini: ['ini', 'xml', 'exe'],
+        mov: ['mov', 'avi'],
+        pdf: ['pdf'],
+        powerpoint: ['ppt', 'pptx'],
+        excel: ['csv', 'xls', 'xlsx']
+    },
+    _a['3d'] = [
+        'stl',
+        'obj',
+        'ma',
+        'fbx',
+        'dae',
+        '3ds',
+        'iges',
+        'step',
+        'wrl',
+        'rvt',
+        'ifc',
+        'nwc',
+        'nwd',
+        'nwf',
+    ],
+    _a.unknown = [],
+    _a);
+var extensionsByVariant = Object.entries(extensions);
+var variantByExtension = extensionsByVariant.reduce(function (acc, _a) {
+    var type = _a[0], exts = _a[1];
+    exts.forEach(function (ext) {
+        acc[ext] = type;
+    });
+    return acc;
+}, {});
+export function getVariantForFilename(filename) {
+    var defaultUnknownName = 'unknown';
+    try {
+        var ext = getFileExtension(filename);
+        return ext
+            ? variantByExtension[ext] || defaultUnknownName
+            : defaultUnknownName;
+    }
+    catch (_a) {
+        return defaultUnknownName;
+    }
+}
+//# sourceMappingURL=Thumbnail.utils.js.map

package/dist/Thumbnail/Thumbnail.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.utils.js","sourceRoot":"","sources":["../../src/Thumbnail/Thumbnail.utils.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,UAAU,2BAA2B,CAAC,GAA8B;IACxE,OAAO,CACL,GAAG,YAAY,IAAI;QACnB,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QAC7B,oFAAoF;QACpF,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;QAClC,wEAAwE;QACxE,GAAG,CAAC,IAAI,KAAK,YAAY,CAC1B,CAAA;AACH,CAAC;AAED,IAAM,UAAU;QACd,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;QACjE,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QACtC,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACrB,KAAK,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;QAC3B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;QAC3B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;QACrB,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QAC1B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACnB,GAAG,EAAE,CAAC,KAAK,CAAC;QACZ,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;QAC3B,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC;;IAC7B,GAAC,IAAI,IAAG;QACN,KAAK;QACL,KAAK;QACL,IAAI;QACJ,KAAK;QACL,KAAK;QACL,KAAK;QACL,MAAM;QACN,MAAM;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;KACN;IACD,UAAO,GAAE,EAAE;OACZ,CAAA;AAED,IAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAGlD,CAAA;AAEH,IAAM,kBAAkB,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAY;QAAX,IAAI,QAAA,EAAE,IAAI,QAAA;IACrE,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;QACf,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;IACjB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAA;AACZ,CAAC,EAAE,EAAyC,CAAC,CAAA;AAE7C,MAAM,UAAU,qBAAqB,CAAC,QAAgB;IACpD,IAAM,kBAAkB,GAAG,SAAS,CAAA;IAEpC,IAAI;QACF,IAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QACtC,OAAO,GAAG;YACR,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,kBAAkB;YAC/C,CAAC,CAAC,kBAAkB,CAAA;KACvB;IAAC,WAAM;QACN,OAAO,kBAAkB,CAAA;KAC1B;AACH,CAAC"}

package/dist/Thumbnail/ThumbnailCaption.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CaptionProps } from './Thumbnail.types';
+export declare function ThumbnailCaption({ layout, disabled, error, caption, hasCaptionPlaceholder, multiline, qa, ...props }: CaptionProps): JSX.Element | null;

package/dist/Thumbnail/ThumbnailCaption.js

@@ -0,0 +1,64 @@
+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 { useOverflowObserver } from '../_hooks/OverflowObserver';
+import { parseFilename } from '../_utils/filename';
+import { Tooltip } from '../Tooltip';
+import { StyledCaptionText, StyledMultilineCaption, StyledPlaceholderCaption, StyledSingleLineCaption, StyledSinglelineCaptionBody, StyledSinglelineCaptionEnding, } from './Thumbnail.styles';
+function CaptionTooltip(_a) {
+    var children = _a.children, overlay = _a.overlay, isVisible = _a.isVisible;
+    return (React.createElement(Tooltip, { overlay: React.createElement(Tooltip.Content, null, overlay), placement: "bottom", trigger: isVisible ? 'hover' : 'none' }, children));
+}
+function MultilineCaption(_a) {
+    var disabled = _a.disabled, caption = _a.caption, error = _a.error, layout = _a.layout, qa = _a.qa, props = __rest(_a, ["disabled", "caption", "error", "layout", "qa"]);
+    var _b = useOverflowObserver(), ref = _b.ref, isOverflowing = _b.isOverflowing;
+    return (React.createElement(CaptionTooltip, { overlay: caption, isVisible: isOverflowing },
+        React.createElement("span", { "data-qa": qa },
+            React.createElement(StyledMultilineCaption, __assign({ ref: ref, disabled: disabled, error: error, layout: layout }, props),
+                React.createElement(StyledCaptionText, null, caption)))));
+}
+function SinglelineCaption(_a) {
+    var caption = _a.caption, error = _a.error, disabled = _a.disabled, layout = _a.layout, qa = _a.qa, props = __rest(_a, ["caption", "error", "disabled", "layout", "qa"]);
+    var _b = useOverflowObserver(), ref = _b.ref, isOverflowing = _b.isOverflowing;
+    var _c = parseFilename(caption), filename = _c.filename, extension = _c.extension, isFilename = _c.isFilename;
+    return (React.createElement(CaptionTooltip, { overlay: caption, isVisible: isOverflowing },
+        React.createElement(StyledSingleLineCaption, __assign({ error: error, disabled: disabled, layout: layout, "data-qa": qa }, props),
+            React.createElement(StyledSinglelineCaptionBody, { ref: ref }, isFilename ? "".concat(filename, ".") : caption),
+            isFilename && (React.createElement(StyledSinglelineCaptionEnding, null, extension)))));
+}
+export function ThumbnailCaption(_a) {
+    var layout = _a.layout, disabled = _a.disabled, error = _a.error, caption = _a.caption, hasCaptionPlaceholder = _a.hasCaptionPlaceholder, multiline = _a.multiline, _b = _a.qa, qa = _b === void 0 ? '' : _b, props = __rest(_a, ["layout", "disabled", "error", "caption", "hasCaptionPlaceholder", "multiline", "qa"]);
+    if (!caption) {
+        var captionPlaceholder = hasCaptionPlaceholder && '- -';
+        if (captionPlaceholder) {
+            return (React.createElement(StyledPlaceholderCaption, __assign({}, props, { disabled: disabled, error: error, layout: layout, "data-qa": qa }),
+                React.createElement(StyledCaptionText, null, captionPlaceholder)));
+        }
+        return null;
+    }
+    if (multiline) {
+        return (React.createElement(MultilineCaption, __assign({ disabled: disabled, caption: caption, error: error, layout: layout, qa: qa }, props)));
+    }
+    return (React.createElement(SinglelineCaption, __assign({ caption: caption, disabled: disabled, error: error, layout: layout, qa: qa }, props)));
+}
+//# sourceMappingURL=ThumbnailCaption.js.map

package/dist/Thumbnail/ThumbnailCaption.js.map

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

package/dist/Thumbnail/ThumbnailPreview.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FilePreviewProps } from './Thumbnail.types';
+export declare function ThumbnailPreview({ file }: FilePreviewProps): JSX.Element | null;

package/dist/Thumbnail/ThumbnailPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailPreview.js","sourceRoot":"","sources":["../../src/Thumbnail/ThumbnailPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAGhE,MAAM,UAAU,gBAAgB,CAAC,EAA0B;QAAxB,IAAI,UAAA;IAC/B,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAA;IAEhD,KAAK,CAAC,SAAS,CAAC;;QACd,IAAI,CAAC,IAAI,EAAE;YACT,UAAU,CAAC,EAAE,CAAC,CAAA;YACd,OAAM;SACP;QAED,UAAU,CAAC,CAAC,MAAA,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,KAAK,CAAC,SAAS,CAAC;QACd,OAAO;YACL,IAAI,OAAO,EAAE;gBACX,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;aAC7B;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAC,2BAA2B,gBAAW,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AAC5E,CAAC"}

package/dist/Thumbnail/index.d.ts

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

package/dist/Thumbnail/index.js

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

package/dist/Thumbnail/index.js.map

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

package/dist/ThumbnailGrid/ThumbnailGrid.constants.js.map

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

package/dist/ThumbnailGrid/ThumbnailGrid.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { ThumbnailGridItem, ThumbnailGridProps } from './ThumbnailGrid.types';
+export declare const ThumbnailGrid: React.ForwardRefExoticComponent<Omit<DivAttributes, "onSelect"> & ThumbnailGridProps<ThumbnailGridItem> & React.RefAttributes<HTMLDivElement>>;

package/dist/ThumbnailGrid/ThumbnailGrid.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailGrid.hooks.js","sourceRoot":"","sources":["../../src/ThumbnailGrid/ThumbnailGrid.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAIjC;QAHc,kBAAkB,iBAAA;IAIzB,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAApC,KAAK,QAAA,EAAE,QAAQ,QAAqB,CAAA;IACrC,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAjE,WAAW,QAAA,EAAE,cAAc,QAAsC,CAAA;IAClE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAA1C,QAAQ,QAAA,EAAE,WAAW,QAAqB,CAAA;IAEjD,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAA;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,KAAK,CAAC,SAAS,CAAC;QACd,QAAQ,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAA5B,CAA4B,CAAC,CAAA;IAClD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAA;IAE/B,IAAM,EAAE,GAAG,UAAC,CAAsB;QAChC,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAM,YAAY,GAAG;YACnB,IAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,UAAC,QAAQ;gBAC9C,OAAA,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAxB,CAAwB,CACzB,CAAA;YACD,IAAM,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAA;YAEjC,IAAI,YAAY,GAAG,CAAC,EAAE;gBACpB,OAAO,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;aAChC;YAED,IAAM,OAAO,GAAG,WAAW,CAAC,YAAY,CAAC,CAAA;YACzC,IAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC,SAAS,CACnD,UAAC,eAAe,IAAK,OAAA,eAAe,KAAK,KAAK,EAAzB,CAAyB,CAC/C,CAAA;YACD,IAAM,mBAAmB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAA;YAElD,OAAO,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC3D,CAAC,CAAA;QAED,IAAM,SAAS,GAAG,YAAY,EAAE,CAAA;QAEhC,QAAQ,CAAC,SAAS,CAAC,CAAA;QAEnB,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,CAAsB;QAClC,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAM,YAAY,GAAG;YACnB,IAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,UAAC,QAAQ;gBAC9C,OAAA,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAxB,CAAwB,CACzB,CAAA;YACD,IAAM,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAA;YACjC,IAAM,aAAa,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAA;YAE5C,IAAI,YAAY,GAAG,aAAa,EAAE;gBAChC,IAAM,GAAG,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;gBAEjC,OAAO,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;aAC3B;YAED,IAAM,OAAO,GAAG,WAAW,CAAC,YAAY,CAAC,CAAA;YACzC,IAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC,SAAS,CACnD,UAAC,eAAe,IAAK,OAAA,eAAe,KAAK,KAAK,EAAzB,CAAyB,CAC/C,CAAA;YACD,IAAM,mBAAmB,GAAG,OAAO,CAAC,aAAa,CAAC,CAAA;YAElD,OAAO,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC3D,CAAC,CAAA;QACD,IAAM,SAAS,GAAG,YAAY,EAAE,CAAA;QAEhC,QAAQ,CAAC,SAAS,CAAC,CAAA;QAEnB,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,KAAK,GAAG,UAAC,CAAsB;QACnC,IAAI,KAAK,KAAK,UAAU,EAAE;YACxB,OAAO,KAAK,CAAA;SACb;QAED,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;QAE3B,IAAI,SAAS,IAAI,UAAU,EAAE;YAC3B,QAAQ,CAAC,SAAS,CAAC,CAAA;SACpB;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,IAAI,GAAG,UAAC,CAAsB;QAClC,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,OAAO,KAAK,CAAA;SACb;QAED,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;QAE3B,IAAI,SAAS,IAAI,CAAC,EAAE;YAClB,QAAQ,CAAC,SAAS,CAAC,CAAA;SACpB;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO;QACL,KAAK,OAAA;QACL,QAAQ,UAAA;QACR,cAAc,gBAAA;QACd,EAAE,IAAA;QACF,IAAI,MAAA;QACJ,IAAI,MAAA;QACJ,KAAK,OAAA;KACN,CAAA;AACH,CAAC,CAAA"}

package/dist/ThumbnailGrid/ThumbnailGrid.js

@@ -0,0 +1,332 @@
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { VariableSizeGrid } from 'react-window';
+import InfiniteLoader from 'react-window-infinite-loader';
+import { mergeRefs } from '../_utils/mergeRefs';
+import { useI18nContext } from '../_hooks/I18n';
+import { Spinner } from '../Spinner';
+import { Tooltip } from '../Tooltip';
+import { useGridNavigation } from './ThumbnailGrid.hooks';
+import { StyledGroupCell, StyledGroupTitle, StyledSpinnerWrapper, StyledThumbnail, StyledThumbnailGrid, } from './ThumbnailGrid.styles';
+function noop() { }
+var asyncNoop = function () { return Promise.resolve(); };
+var titleHeight = 20;
+var titleTopPadding = 24;
+var thumbnailHeight = 138;
+var thumbnailWidh = 104;
+var columnsCount = 5;
+var gutterSize = 12;
+var columnWidth = thumbnailWidh + gutterSize;
+var gridLeftPadding = 24;
+var defaultGridWidth = gridLeftPadding + columnWidth * columnsCount;
+var defaultGridHeight = (thumbnailHeight + gutterSize) * 3;
+var getGridRows = function (_a) {
+    var items = _a.items, groups = _a.groups, title = _a.title, _b = _a.isFetching, isFetching = _b === void 0 ? false : _b, groupTitleFallback = _a.groupTitleFallback;
+    var splitToRows = function (items) {
+        return items.reduce(function (acc, item, index) {
+            var rowIndex = Math.floor(index / columnsCount);
+            var row = (acc[rowIndex] = acc[rowIndex] || []);
+            row.push(item);
+            return acc;
+        }, []);
+    };
+    var splitToGroupedRows = function (items, groups) {
+        var groupedRows = [];
+        var groupedThumbnails = items.reduce(function (acc, item) {
+            var _a;
+            var groupId = (_a = item.groupId) !== null && _a !== void 0 ? _a : String(item.groupId);
+            var group = acc.get(groupId);
+            if (group) {
+                group.push(item);
+            }
+            else {
+                acc.set(groupId, [item]);
+            }
+            return acc;
+        }, new Map(groups.map(function (_a) {
+            var id = _a.id;
+            return [id, []];
+        })));
+        groupedThumbnails.forEach(function (group, groupId) {
+            var _a;
+            var groupRows = splitToRows(group);
+            if (groupRows.length) {
+                var groupTitleRow = [
+                    {
+                        title: ((_a = groups.find(function (_a) {
+                            var id = _a.id;
+                            return groupId === id;
+                        })) === null || _a === void 0 ? void 0 : _a.title) ||
+                            groupTitleFallback,
+                    },
+                ];
+                groupRows.unshift(groupTitleRow);
+            }
+            groupedRows = __spreadArray(__spreadArray([], groupedRows, true), groupRows, true);
+        });
+        return groupedRows;
+    };
+    var setGridTitle = function (rows) {
+        if (title) {
+            rows.unshift([{ title: title }]);
+        }
+        return rows;
+    };
+    var setLoadingIndicator = function (rows) {
+        if (isFetching) {
+            rows.push([{ isFetching: isFetching }]);
+        }
+        return rows;
+    };
+    var gridRows = groups
+        ? splitToGroupedRows(items, groups)
+        : splitToRows(items);
+    var gridRowsWithOptionalTitle = setGridTitle(gridRows);
+    var gridRowsWithOptionalLoadingIndicator = setLoadingIndicator(gridRowsWithOptionalTitle);
+    return gridRowsWithOptionalLoadingIndicator;
+};
+var GroupCell = function (_a) {
+    var children = _a.children, style = _a.style, props = __rest(_a, ["children", "style"]);
+    return (React.createElement(StyledGroupCell, __assign({ style: __assign(__assign({}, style), { left: (style === null || style === void 0 ? void 0 : style.left) + gridLeftPadding, top: (style === null || style === void 0 ? void 0 : style.top) + gutterSize, width: columnWidth * columnsCount }) }, props), children));
+};
+var ThumbnailCell = function (_a) {
+    var children = _a.children, className = _a.className, style = _a.style, props = __rest(_a, ["children", "className", "style"]);
+    return (React.createElement("div", __assign({ style: __assign(__assign({}, style), { left: (style === null || style === void 0 ? void 0 : style.left) + gridLeftPadding, top: (style === null || style === void 0 ? void 0 : style.top) + gutterSize }) }, props), children));
+};
+// See https://github.com/bvaughn/react-window/issues/130
+var GridOuterContainer = React.forwardRef(function (props, ref) { return React.createElement("div", __assign({ ref: ref, tabIndex: -1 }, props)); });
+var GridInnerContainer = React.forwardRef(function (_a, ref) {
+    var style = _a.style, props = __rest(_a, ["style"]);
+    return (React.createElement("div", __assign({ ref: ref, style: __assign(__assign({}, style), { paddingLeft: gridLeftPadding, width: (style === null || style === void 0 ? void 0 : style.width) + gridLeftPadding }) }, props)));
+});
+export var ThumbnailGrid = React.forwardRef(function (_a, forwardRef) {
+    var items = _a.items, selected = _a.selected, groups = _a.groups, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.gridWidth, gridWidth = _c === void 0 ? defaultGridWidth : _c, _d = _a.gridHeight, gridHeight = _d === void 0 ? defaultGridHeight : _d, _e = _a.onSelect, onSelect = _e === void 0 ? noop : _e, _f = _a.onDeselect, onDeselect = _f === void 0 ? noop : _f, _g = _a.disableSelection, disableSelection = _g === void 0 ? {
+        value: false,
+        tooltip: '',
+    } : _g, _h = _a.isFetching, isFetching = _h === void 0 ? false : _h, _j = _a.loadMoreItems, loadMoreItems = _j === void 0 ? asyncNoop : _j, qa = _a.qa, props = __rest(_a, ["items", "selected", "groups", "title", "gridWidth", "gridHeight", "onSelect", "onDeselect", "disableSelection", "isFetching", "loadMoreItems", "qa"]);
+    var gridContainerRef = React.useRef(null);
+    var I18n = useI18nContext();
+    var gridContainer = gridContainerRef.current;
+    var gridRef = React.useRef(null);
+    var gridInstance = gridRef.current;
+    var rows = React.useMemo(function () {
+        return getGridRows({
+            items: items,
+            groups: groups,
+            isFetching: isFetching,
+            title: title,
+            groupTitleFallback: I18n.t('core.fileExplorer.ungroupedThumbnailGridGroup'),
+        });
+    }, [items, groups, title, isFetching]);
+    var isTitleRow = function (rowCells) {
+        return 'title' in rowCells[0];
+    };
+    var isFetchingRow = function (rowCells) {
+        return 'isFetching' in rowCells[0];
+    };
+    var isNonNavigableRow = function (rowCells) {
+        return isTitleRow(rowCells) || isFetchingRow(rowCells);
+    };
+    var rowHeights = React.useMemo(function () {
+        return rows.map(function (rowCells, index) {
+            var titleRow = isTitleRow(rowCells);
+            var titleRowIsNotFirstGridRow = titleRow && index > 0;
+            var rowPadding = (titleRowIsNotFirstGridRow ? titleTopPadding : 0) + gutterSize;
+            if (titleRow) {
+                return titleHeight + rowPadding;
+            }
+            else {
+                return thumbnailHeight + rowPadding;
+            }
+        });
+    }, [rows]);
+    var nonNavigableRowIndices = React.useMemo(function () {
+        return rows
+            .map(function (rowCells, index) { return ({
+            index: index,
+            isNonNavigableRow: isNonNavigableRow(rowCells),
+        }); })
+            .filter(function (_a) {
+            var isNonNavigableRow = _a.isNonNavigableRow;
+            return isNonNavigableRow;
+        })
+            .map(function (_a) {
+            var index = _a.index;
+            return index;
+        });
+    }, [rows]);
+    var navigationIndicesRows = React.useMemo(function () {
+        return rows
+            .filter(function (rowCells) { return !isNonNavigableRow(rowCells); })
+            .map(function (rowCells) {
+            return rowCells.map(function (cell) {
+                return items.findIndex(function (item) { return item.id === cell.id; });
+            });
+        });
+    }, [rows, items]);
+    var getNumberOfNonNavigableRowsBefore = React.useCallback(function (rowIndex) {
+        return nonNavigableRowIndices.filter(function (index) { return rowIndex > index; }).length;
+    }, [nonNavigableRowIndices]);
+    var getThumbnailNavigationIndex = React.useCallback(function (rowIndex, cellIndex) {
+        return navigationIndicesRows[rowIndex - getNumberOfNonNavigableRowsBefore(rowIndex)][cellIndex];
+    }, [navigationIndicesRows, getNumberOfNonNavigableRowsBefore]);
+    var thumbnailNavigationIndexToRowIndexMap = React.useMemo(function () {
+        return rows.reduce(function (acc, rowCells, rowIndex) {
+            if (isNonNavigableRow(rowCells))
+                return acc;
+            var mappedRowCells = rowCells.reduce(function (acc, _, cellIndex) {
+                var navIndex = String(getThumbnailNavigationIndex(rowIndex, cellIndex));
+                acc[navIndex] = rowIndex;
+                return acc;
+            }, {});
+            return __assign(__assign({}, acc), mappedRowCells);
+        }, {});
+    }, [rows, getThumbnailNavigationIndex]);
+    var _k = React.useState(false), isGridFocused = _k[0], setIsGridFocused = _k[1];
+    var navigation = useGridNavigation({
+        indicesRows: navigationIndicesRows,
+    });
+    var isThumbnailSelected = function (thumbnail) {
+        return selected.map(function (_a) {
+            var id = _a.id;
+            return id;
+        }).includes(thumbnail.id);
+    };
+    var toggle = function (thumbnail) {
+        if (isThumbnailSelected(thumbnail)) {
+            onDeselect(thumbnail);
+        }
+        else if (!disableSelection.value) {
+            onSelect(thumbnail);
+        }
+    };
+    var onMouseDown = function (e) {
+        e.preventDefault();
+        var focusedEl = document.activeElement;
+        if (focusedEl && focusedEl !== gridContainer) {
+            focusedEl.blur();
+        }
+    };
+    var updateNavigationPosition = function (e) {
+        switch (e.key) {
+            case 'ArrowDown':
+            case 'Down':
+                e.preventDefault();
+                return navigation.down(e);
+            case 'ArrowUp':
+            case 'Up':
+                e.preventDefault();
+                return navigation.up(e);
+            case 'ArrowLeft':
+            case 'Left':
+                e.preventDefault();
+                return navigation.left(e);
+            case 'ArrowRight':
+            case 'Right':
+                e.preventDefault();
+                return navigation.right(e);
+            default:
+                return -1;
+        }
+    };
+    var onKeyDown = function (e) {
+        if (!isGridFocused)
+            return;
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            toggle(items[navigation.index]);
+        }
+        else {
+            var newPosition = updateNavigationPosition(e);
+            if (newPosition !== -1) {
+                gridInstance === null || gridInstance === void 0 ? void 0 : gridInstance.scrollToItem({
+                    rowIndex: thumbnailNavigationIndexToRowIndexMap[newPosition],
+                });
+            }
+        }
+    };
+    React.useEffect(function () {
+        navigation.setIndicesRows(navigationIndicesRows);
+    }, [navigationIndicesRows, navigation]);
+    React.useEffect(function () {
+        // VariableSizeGrid caches offsets and measurements for each row index for performance purposes.
+        // Method below clears cached data and triggers recalucation when a new value of search filter recomposites grid structure.
+        gridInstance === null || gridInstance === void 0 ? void 0 : gridInstance.resetAfterRowIndex(0);
+    }, [items, gridInstance]);
+    return (React.createElement(StyledThumbnailGrid, __assign({}, props, { ref: mergeRefs(forwardRef, gridContainerRef), "data-qa": qa === null || qa === void 0 ? void 0 : qa.grid, tabIndex: 0, onBlur: function () { return setIsGridFocused(false); }, onFocus: function () { return setIsGridFocused(true); }, onKeyDown: onKeyDown, onMouseDown: onMouseDown }),
+        React.createElement(InfiniteLoader, { loadMoreItems: isFetching ? asyncNoop : loadMoreItems, itemCount: rows.length, isItemLoaded: function (index) { return index < rows.length - 1; }, threshold: 0 }, function (_a) {
+            var onItemsRendered = _a.onItemsRendered, infiniteLoaderRef = _a.ref;
+            return (React.createElement(VariableSizeGrid, { width: gridWidth, height: gridHeight, rowCount: rows.length, rowHeight: function (index) { return rowHeights[index]; }, columnCount: columnsCount, columnWidth: function () { return columnWidth; }, innerElementType: GridInnerContainer, outerElementType: GridOuterContainer, overscanRowCount: 2, onItemsRendered: function (_a) {
+                    var visibleRowStartIndex = _a.visibleRowStartIndex, visibleRowStopIndex = _a.visibleRowStopIndex, overscanRowStopIndex = _a.overscanRowStopIndex, overscanRowStartIndex = _a.overscanRowStartIndex;
+                    onItemsRendered({
+                        overscanStartIndex: overscanRowStartIndex,
+                        overscanStopIndex: overscanRowStopIndex,
+                        visibleStartIndex: visibleRowStartIndex,
+                        visibleStopIndex: visibleRowStopIndex,
+                    });
+                }, ref: mergeRefs(gridRef, infiniteLoaderRef) }, function (_a) {
+                var _b;
+                var columnIndex = _a.columnIndex, rowIndex = _a.rowIndex, style = _a.style;
+                var cellData = rows[rowIndex][columnIndex];
+                if (!cellData)
+                    return null;
+                if ('title' in cellData)
+                    return (React.createElement(GroupCell, { style: style },
+                        React.createElement(StyledGroupTitle, { weight: "bold", color: "gray15" }, cellData.title)));
+                if ('isFetching' in cellData) {
+                    return (React.createElement(GroupCell, { style: style },
+                        React.createElement(StyledSpinnerWrapper, null,
+                            React.createElement(Spinner, null))));
+                }
+                var thumbnailNavigationIndex = getThumbnailNavigationIndex(rowIndex, columnIndex);
+                var isNavigationTarget = navigation.index === thumbnailNavigationIndex;
+                var isFocused = isGridFocused && isNavigationTarget;
+                var isSelected = isThumbnailSelected(cellData);
+                var isDisabled = disableSelection.value && !isSelected;
+                return (React.createElement(ThumbnailCell, { style: style },
+                    React.createElement(Tooltip, { key: cellData.id, trigger: isDisabled ? 'hover' : 'none', overlay: disableSelection.tooltip, showKeys: [] },
+                        React.createElement(StyledThumbnail, { "data-thumbnail": true, "data-qa": (_b = qa === null || qa === void 0 ? void 0 : qa.thumbnail) === null || _b === void 0 ? void 0 : _b.call(qa, cellData.id), focused: isFocused, selected: isSelected, disabled: isDisabled, caption: cellData.name, src: cellData.src, label: cellData.label, hasCaptionPlaceholder: true, onClick: function (_a) {
+                                var _b;
+                                var target = _a.target;
+                                var isCaptionTooltipClick = (_b = target
+                                    .dataset) === null || _b === void 0 ? void 0 : _b.captionTooltip;
+                                if (isCaptionTooltipClick)
+                                    return;
+                                navigation.setIndex(thumbnailNavigationIndex);
+                                toggle(cellData);
+                                gridContainer === null || gridContainer === void 0 ? void 0 : gridContainer.focus();
+                            } }))));
+            }));
+        })));
+});
+//# sourceMappingURL=ThumbnailGrid.js.map

package/dist/ThumbnailGrid/ThumbnailGrid.js.map

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

package/dist/ThumbnailGrid/ThumbnailGrid.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledGroupCell: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledThumbnail: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Thumbnail").ThumbnailProps & import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>> & {
+    Placeholder: import("react").ForwardRefExoticComponent<import("../Thumbnail/Thumbnail.types").PlaceholderProps & import("../_utils/types").DivAttributes & import("react").RefAttributes<HTMLDivElement>>;
+}, any, {}, never>;
+export declare const StyledGroupTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledSpinnerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledThumbnailGrid: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -0,0 +1,16 @@
+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 { getEllipsis } from '../_styles/mixins';
+import { spacing } from '../_styles/spacing';
+import { Thumbnail } from '../Thumbnail';
+import { Typography } from '../Typography/Typography';
+export var StyledGroupCell = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  padding-bottom: ", "px;\n"], ["\n  display: flex;\n  align-items: flex-end;\n  padding-bottom: ", "px;\n"])), spacing.md);
+export var StyledThumbnail = styled(Thumbnail)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-flex;\n\n  &:focus {\n    outline: none;\n  }\n"], ["\n  display: inline-flex;\n\n  &:focus {\n    outline: none;\n  }\n"])));
+export var StyledGroupTitle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getEllipsis);
+export var StyledSpinnerWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"])));
+export var StyledThumbnailGrid = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  outline: none;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  outline: none;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailGrid.styles.js","sourceRoot":"","sources":["../../src/ThumbnailGrid/ThumbnailGrid.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8IAAA,kEAGrB,EAAU,OAC7B,KADmB,OAAO,CAAC,EAAE,CAC7B,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,wIAAA,qEAM/C,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,+EAAA,MAC9C,EAAW,IACd,KADG,WAAW,CACd,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,8KAAA,2GAM7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAI5C,IAAA,CAAA"}

package/dist/ThumbnailGrid/ThumbnailGrid.types.js.map

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