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

package/dist/esm/components/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 '../../effects/mergeRefs';
+import { useI18nContext } from '../../state/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/esm/components/ThumbnailGrid/ThumbnailGrid.js.map

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

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

@@ -0,0 +1,10 @@
+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<Omit<import("../Thumbnail").ThumbnailProps, "src"> & {
+        filename?: string | undefined;
+        variant?: import("../Thumbnail/DocumentIcon").DocumentIconVariant | undefined;
+    } & 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("../Typography").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/esm/components/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/esm/components/ThumbnailGrid/ThumbnailGrid.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailGrid.styles.js","sourceRoot":"","sources":["../../../../src/components/ThumbnailGrid/ThumbnailGrid.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,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/esm/components/ThumbnailGrid/ThumbnailGrid.types.d.ts

@@ -0,0 +1,103 @@
+import { ThumbnailProps } from '../Thumbnail/Thumbnail.types';
+export interface ThumbnailGridGroup {
+    /**
+     * @since 10.19.0
+     */
+    id: string | number;
+    /**
+     * @since 10.19.0
+     */
+    title: string;
+}
+export interface LoaderGridItem {
+    /**
+     * @since 10.19.0
+     */
+    isFetching: boolean;
+}
+export declare type GridCellData = ThumbnailGridItem | Pick<ThumbnailGridGroup, 'title'> | LoaderGridItem;
+export interface QaTags {
+    /**
+     * @since 10.19.0
+     */
+    grid?: string;
+    /**
+     * @since 10.19.0
+     */
+    thumbnail?: (id: string | number) => string;
+}
+export interface ThumbnailGridProps<T extends ThumbnailGridItem = ThumbnailGridItem> {
+    /**
+     * @since 10.19.0
+     */
+    selected: T[];
+    /**
+     * @since 10.19.0
+     */
+    items: T[];
+    /**
+     * @since 10.19.0
+     */
+    groups?: ThumbnailGridGroup[];
+    /**
+     * @since 10.19.0
+     */
+    title?: string;
+    /**
+     * @since 10.19.0
+     */
+    gridWidth?: number;
+    /**
+     * @since 10.19.0
+     */
+    gridHeight?: number;
+    /**
+     * @since 10.19.0
+     */
+    onSelect?: (item: T) => void;
+    /**
+     * @since 10.19.0
+     */
+    onDeselect?: (item: T) => void;
+    /**
+     * @since 10.19.0
+     */
+    disableSelection?: {
+        value: boolean;
+        tooltip: string;
+    };
+    /**
+     * @since 10.19.0
+     */
+    isFetching?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    loadMoreItems?: () => Promise<any>;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+}
+export interface ThumbnailGridItem {
+    /**
+     * @since 10.19.0
+     */
+    id: string | number;
+    /**
+     * @since 10.19.0
+     */
+    src?: ThumbnailProps['src'];
+    /**
+     * @since 10.19.0
+     */
+    name?: ThumbnailProps['caption'];
+    /**
+     * @since 10.19.0
+     */
+    label?: ThumbnailProps['label'];
+    /**
+     * @since 10.19.0
+     */
+    groupId?: string | number;
+}

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

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

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

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

package/dist/esm/components/ThumbnailGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { ThumbnailGrid as default, ThumbnailGrid } from './ThumbnailGrid';
+export { ThumbnailGridProps } from './ThumbnailGrid.types';

package/dist/esm/components/ThumbnailGrid/index.js

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

package/dist/esm/components/ThumbnailGrid/index.js.map

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

package/dist/esm/components/TieredDropdown/TieredDropdown.d.ts

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

package/dist/esm/components/TieredDropdown/TieredDropdown.helpers.d.ts

@@ -0,0 +1,39 @@
+import { Id } from '../TieredSelect/TieredSelect.types';
+export declare const empty: any[];
+export declare const hideKeys: {
+    overlay: string[];
+    target: string[];
+};
+export declare function defaultGetGroupId<T extends {
+    groupId: Id;
+}>(tier: T): Id;
+export declare function defaultGetId<T extends {
+    id: Id;
+}>(tier: T): Id;
+export declare function defaultGetLabel<T extends {
+    label: string;
+}>(tier: T): string;
+export declare function defaultGetNextGroupId<T extends {
+    nextGroupId?: Id;
+}>(tier: T): Id;
+export declare function defaultIsTierDisabled<T extends {
+    disabled?: boolean;
+}>(tier: T): boolean;
+export declare function noop(): void;
+export declare function always(): boolean;
+/**
+ * Helper function to find path in tiered structure
+ * @param optionsByNextGroupId
+ * @param item
+ * @param getGroupId
+ * @param getNextGroupId
+ * @returns
+ */
+export declare function findPath<T>(optionsByNextGroupId: Record<string | number, any>, item: T, getGroupId: (t: T) => Id): T[];
+/**
+ * Helper function to generate a path key
+ * @param path
+ * @param getLabel
+ * @returns
+ */
+export declare function getPathKey<T>(path: T[] | undefined, getLabel: (tier: T) => string | undefined): string;

package/dist/esm/components/TieredDropdown/TieredDropdown.helpers.js

@@ -0,0 +1,59 @@
+export var empty = [];
+export var hideKeys = {
+    overlay: ['Escape', 'Esc'],
+    target: ['Escape', 'Esc'],
+};
+export function defaultGetGroupId(tier) {
+    return tier.groupId;
+}
+export function defaultGetId(tier) {
+    return tier.id;
+}
+export function defaultGetLabel(tier) {
+    return tier.label;
+}
+export function defaultGetNextGroupId(tier) {
+    return tier.nextGroupId;
+}
+export function defaultIsTierDisabled(tier) {
+    return Boolean(tier.disabled);
+}
+export function noop() { }
+export function always() {
+    return true;
+}
+/**
+ * Helper function to find path in tiered structure
+ * @param optionsByNextGroupId
+ * @param item
+ * @param getGroupId
+ * @param getNextGroupId
+ * @returns
+ */
+export function findPath(optionsByNextGroupId, item, getGroupId) {
+    var path = [item];
+    var currentItem = item;
+    while (getGroupId(currentItem)) {
+        var groupId = getGroupId(currentItem);
+        if (groupId) {
+            var parent_1 = optionsByNextGroupId[groupId];
+            path.push(parent_1);
+            currentItem = parent_1;
+        }
+        else {
+            break;
+        }
+    }
+    return path.reverse();
+}
+/**
+ * Helper function to generate a path key
+ * @param path
+ * @param getLabel
+ * @returns
+ */
+export function getPathKey(path, getLabel) {
+    if (path === void 0) { path = []; }
+    return path.map(function (node) { return getLabel(node); }).join(' > ');
+}
+//# sourceMappingURL=TieredDropdown.helpers.js.map

package/dist/esm/components/TieredDropdown/TieredDropdown.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TieredDropdown.helpers.js","sourceRoot":"","sources":["../../../../src/components/TieredDropdown/TieredDropdown.helpers.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,KAAK,GAAU,EAAE,CAAA;AAE9B,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC1B,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;CAC1B,CAAA;AAED,MAAM,UAAU,iBAAiB,CAI/B,IAAO;IACP,OAAO,IAAI,CAAC,OAAO,CAAA;AACrB,CAAC;AAED,MAAM,UAAU,YAAY,CAI1B,IAAO;IACP,OAAO,IAAI,CAAC,EAAE,CAAA;AAChB,CAAC;AAED,MAAM,UAAU,eAAe,CAA8B,IAAO;IAClE,OAAO,IAAI,CAAC,KAAK,CAAA;AACnB,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAiC,IAAO;IAC3E,OAAO,IAAI,CAAC,WAAW,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,IAAO;IAEP,OAAO,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,IAAI,KAAI,CAAC;AAEzB,MAAM,UAAU,MAAM;IACpB,OAAO,IAAI,CAAA;AACb,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,QAAQ,CACtB,oBAAkD,EAClD,IAAO,EACP,UAAwB;IAExB,IAAM,IAAI,GAAQ,CAAC,IAAI,CAAC,CAAA;IACxB,IAAI,WAAW,GAAG,IAAI,CAAA;IAEtB,OAAO,UAAU,CAAC,WAAW,CAAC,EAAE;QAC9B,IAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;QACvC,IAAI,OAAO,EAAE;YACX,IAAM,QAAM,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAA;YAC5C,IAAI,CAAC,IAAI,CAAC,QAAM,CAAC,CAAA;YACjB,WAAW,GAAG,QAAM,CAAA;SACrB;aAAM;YACL,MAAK;SACN;KACF;IAED,OAAO,IAAI,CAAC,OAAO,EAAE,CAAA;AACvB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CACxB,IAAc,EACd,QAAyC;IADzC,qBAAA,EAAA,SAAc;IAGd,OAAO,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AACvD,CAAC"}