@procore/core-react 12.45.0 → 12.46.0

package/dist/ThumbnailGrid/ThumbnailGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailGrid.js","names":["useFocusWithin","React","InfiniteLoader","Spinner","Tooltip","useI18nContext","mergeRefs","useGridNavigation","StyledCheckbox","StyledGroupCell","StyledGroupTitle","StyledSpinnerWrapper","StyledThumbnail","StyledThumbnailGrid","StyledVariableSizeGrid","noop","asyncNoop","Promise","resolve","titleHeight","titleTopPadding","thumbnailHeight","thumbnailWidh","defaultColumnsCount","gutterSize","columnWidth","gridLeftPadding","defaultGridWidth","defaultGridHeight","getId","item","id","getGridRows","_ref","items","groups","title","_ref$isFetching","isFetching","groupTitleFallback","_ref$columnsCount","columnsCount","splitToRows","reduce","acc","index","rowIndex","Math","floor","row","push","splitToGroupedRows","groupedRows","groupedThumbnails","_item$groupId","groupId","String","group","get","set","Map","map","_ref2","forEach","groupRows","length","_groups$find","groupTitleRow","find","_ref3","unshift","concat","_toConsumableArray","setGridTitle","rows","setLoadingIndicator","gridRows","gridRowsWithOptionalTitle","gridRowsWithOptionalLoadingIndicator","filterByGroupId","GroupCell","_ref4","children","style","props","_objectWithoutProperties","_excluded","createElement","_extends","_objectSpread","left","top","width","ThumbnailCell","_ref5","className","_excluded2","GridOuterContainer","forwardRef","ref","tabIndex","GridInnerContainer","_ref6","_excluded3","paddingLeft","ThumbnailGrid","_ref7","_ref7$selected","selected","_ref7$title","_ref7$gridWidth","gridWidth","_ref7$gridHeight","gridHeight","_ref7$onSelect","onSelect","_ref7$onDeselect","onDeselect","_ref7$disableSelectio","disableSelection","value","tooltip","_ref7$isFetching","_ref7$loadMoreItems","loadMoreItems","qa","_ref7$allowSelectAll","allowSelectAll","_ref7$onSelectAll","onSelectAll","_ref7$onDeselectAll","onDeselectAll","_ref7$onSelectAllGrou","onSelectAllGroup","_ref7$onDeselectAllGr","onDeselectAllGroup","_excluded4","gridContainerRef","useRef","I18n","gridContainer","current","gridRef","_React$useState","useState","_React$useState2","_slicedToArray","gridContainerWidth","setGridContainerWidth","_React$useState3","_React$useState4","setColumnsCount","gridInstance","_useFocusWithin","onFocusWithin","e","setIsGridFocused","onBlurWithin","focusWithinProps","useEffect","handleResize","offsetWidth","containerWidth","currentColumnsCount","window","addEventListener","removeEventListener","useMemo","t","isTitleRow","rowCells","isFetchingRow","isNonNavigableRow","rowHeights","titleRow","titleRowIsNotFirstGridRow","rowPadding","nonNavigableRowIndices","filter","_ref8","_ref9","navigationIndicesRows","cell","findIndex","getNumberOfNonNavigableRowsBefore","useCallback","getThumbnailNavigationIndex","cellIndex","thumbnailNavigationIndexToRowIndexMap","mappedRowCells","_","navIndex","_React$useState5","_React$useState6","isGridFocused","navigation","indicesRows","isThumbnailSelected","thumbnail","some","_ref0","toggle","itemsIds","selectedIds","isFullySelected","every","includes","isPartiallySelected","isGroupFullySelected","currentGroupItems","selectedGroupItems","isGroupPartiallySelected","onSelectAllChange","stopPropagation","onSelectAllGroupChange","onMouseDown","preventDefault","updateNavigationPosition","key","nativeEvent","shiftKey","down","up","right","onKeyDown","newPosition","scrollToItem","setIndicesRows","resetAfterRowIndex","grid","itemCount","isItemLoaded","threshold","_ref1","onItemsRendered","infiniteLoaderRef","height","rowCount","rowHeight","columnCount","innerElementType","overscanRowCount","_ref10","visibleRowStartIndex","visibleRowStopIndex","overscanRowStopIndex","overscanRowStartIndex","overscanStartIndex","overscanStopIndex","visibleStartIndex","visibleStopIndex","overflow","_ref11","_qa$thumbnail","columnIndex","cellData","isGlobalTitle","dataQa","onChangeCallback","isChecked","isIndeterminate","onChange","checked","indeterminate","weight","color","thumbnailNavigationIndex","isNavigationTarget","isFocused","isSelected","isDisabled","trigger","overlay","showKeys","call","focused","disabled","caption","name","src","label","hasCaptionPlaceholder","role","onClick","_ref12","_dataset","target","isCaptionTooltipClick","dataset","captionTooltip","setIndex","focus"],"sources":["../../src/ThumbnailGrid/ThumbnailGrid.tsx"],"sourcesContent":["import { useFocusWithin } from '@react-aria/interactions'\nimport React from 'react'\nimport type { GridChildComponentProps, VariableSizeGrid } from 'react-window'\nimport InfiniteLoader from 'react-window-infinite-loader'\nimport { Spinner } from '../Spinner'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useGridNavigation } from './ThumbnailGrid.hooks'\nimport {\n  StyledCheckbox,\n  StyledGroupCell,\n  StyledGroupTitle,\n  StyledSpinnerWrapper,\n  StyledThumbnail,\n  StyledThumbnailGrid,\n  StyledVariableSizeGrid,\n} from './ThumbnailGrid.styles'\nimport type {\n  GridCellData,\n  ThumbnailGridGroup,\n  ThumbnailGridGroupTitle,\n  ThumbnailGridItem,\n  ThumbnailGridProps,\n} from './ThumbnailGrid.types'\n\ntype OnItemsRenderedProps = {\n  visibleRowStartIndex: number\n  visibleRowStopIndex: number\n  overscanRowStopIndex: number\n  overscanRowStartIndex: number\n}\n\nfunction noop() {}\n\nconst asyncNoop = () => Promise.resolve()\n\nconst titleHeight = 20\nconst titleTopPadding = 24\nconst thumbnailHeight = 138\nconst thumbnailWidh = 104\nconst defaultColumnsCount = 5\nconst gutterSize = 12\nconst columnWidth = thumbnailWidh + gutterSize\nconst gridLeftPadding = 24\nconst defaultGridWidth = gridLeftPadding + columnWidth * defaultColumnsCount\nconst defaultGridHeight = (thumbnailHeight + gutterSize) * 3\nconst getId = (item: ThumbnailGridItem) => item.id\n\nconst getGridRows = ({\n  items,\n  groups,\n  title,\n  isFetching = false,\n  groupTitleFallback,\n  columnsCount = defaultColumnsCount,\n}: {\n  items: ThumbnailGridItem[]\n  groups?: ThumbnailGridGroup[]\n  title?: string\n  isFetching: boolean\n  groupTitleFallback: string\n  columnsCount: number\n}) => {\n  const splitToRows = (items: GridCellData[]) =>\n    items.reduce((acc: GridCellData[][], item: GridCellData, index: number) => {\n      const rowIndex = Math.floor(index / columnsCount)\n      const row = (acc[rowIndex] = acc[rowIndex] || [])\n      row.push(item)\n      return acc\n    }, [] as GridCellData[][])\n\n  const splitToGroupedRows = (\n    items: ThumbnailGridItem[],\n    groups: ThumbnailGridGroup[]\n  ) => {\n    let groupedRows: GridCellData[][] = []\n\n    const groupedThumbnails = items.reduce((acc, item) => {\n      const groupId = item.groupId ?? String(item.groupId)\n      const group = acc.get(groupId)\n      if (group) {\n        group.push(item)\n      } else {\n        acc.set(groupId, [item])\n      }\n      return acc\n    }, new Map<string | number, GridCellData[]>(groups.map(({ id }) => [id, []])))\n\n    groupedThumbnails.forEach((group, groupId) => {\n      const groupRows = splitToRows(group)\n\n      if (groupRows.length) {\n        const groupTitleRow = [\n          {\n            title:\n              groups.find(({ id }) => groupId === id)?.title ||\n              groupTitleFallback,\n            groupId,\n          } as ThumbnailGridGroupTitle,\n        ]\n        groupRows.unshift(groupTitleRow)\n      }\n\n      groupedRows = [...groupedRows, ...groupRows]\n    })\n\n    return groupedRows\n  }\n\n  const setGridTitle = (rows: GridCellData[][]) => {\n    if (title) {\n      rows.unshift([{ title: title }])\n    }\n    return rows\n  }\n\n  const setLoadingIndicator = (rows: GridCellData[][]) => {\n    if (isFetching) {\n      rows.push([{ isFetching }])\n    }\n    return rows\n  }\n\n  const gridRows = groups\n    ? splitToGroupedRows(items, groups)\n    : splitToRows(items)\n\n  const gridRowsWithOptionalTitle = setGridTitle(gridRows)\n  const gridRowsWithOptionalLoadingIndicator = setLoadingIndicator(\n    gridRowsWithOptionalTitle\n  )\n\n  return gridRowsWithOptionalLoadingIndicator\n}\n\nconst filterByGroupId = (item: ThumbnailGridItem, groupId: string) => {\n  return String(item.groupId) === groupId\n}\n\nconst GroupCell = ({\n  children,\n  style,\n  columnsCount,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { columnsCount: number }) => {\n  return (\n    <StyledGroupCell\n      style={{\n        ...style,\n        left: (style?.left as number) + gridLeftPadding,\n        top: (style?.top as number) + gutterSize,\n        width: columnWidth * columnsCount,\n      }}\n      {...props}\n    >\n      {children}\n    </StyledGroupCell>\n  )\n}\n\nconst ThumbnailCell = ({\n  children,\n  className,\n  style,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      style={{\n        ...style,\n        left: (style?.left as number) + gridLeftPadding,\n        top: (style?.top as number) + gutterSize,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n// See https://github.com/bvaughn/react-window/issues/130\nconst GridOuterContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => <div ref={ref} tabIndex={-1} {...props} />)\n\nconst GridInnerContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ style, ...props }, ref) => (\n  <div\n    ref={ref}\n    tabIndex={-1}\n    style={{\n      ...style,\n      paddingLeft: gridLeftPadding,\n      width: (style?.width as number) + gridLeftPadding,\n    }}\n    {...props}\n  />\n))\n\nexport const ThumbnailGrid = React.forwardRef<\n  HTMLDivElement,\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & ThumbnailGridProps\n>(\n  (\n    {\n      items,\n      selected = [],\n      groups,\n      title = '',\n      gridWidth = defaultGridWidth,\n      gridHeight = defaultGridHeight,\n      onSelect = noop,\n      onDeselect = noop,\n      disableSelection = {\n        value: false,\n        tooltip: '',\n      },\n      isFetching = false,\n      loadMoreItems = asyncNoop,\n      qa,\n      allowSelectAll = false,\n      onSelectAll = noop,\n      onDeselectAll = noop,\n      onSelectAllGroup = noop,\n      onDeselectAllGroup = noop,\n      ...props\n    },\n    forwardRef\n  ) => {\n    const gridContainerRef = React.useRef<HTMLDivElement>(null)\n    const I18n = useI18nContext()\n    const gridContainer = gridContainerRef.current\n    const gridRef = React.useRef<VariableSizeGrid | null>(null)\n    const [gridContainerWidth, setGridContainerWidth] =\n      React.useState<number>(gridWidth)\n    const [columnsCount, setColumnsCount] =\n      React.useState<number>(defaultColumnsCount)\n    const gridInstance = gridRef.current\n    let { focusWithinProps } = useFocusWithin({\n      onFocusWithin: (e) => setIsGridFocused(true),\n      onBlurWithin: (e) => setIsGridFocused(false),\n    })\n\n    React.useEffect(() => {\n      const handleResize = () => {\n        if (gridContainer?.offsetWidth) {\n          const containerWidth = gridContainer.offsetWidth - gridLeftPadding\n          const currentColumnsCount = Math.floor(containerWidth / columnWidth)\n          setGridContainerWidth(containerWidth)\n          setColumnsCount(currentColumnsCount || 1)\n        }\n      }\n\n      handleResize() // Initial resize calculation\n\n      window.addEventListener('resize', handleResize)\n\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }, [gridContainer])\n\n    const rows = React.useMemo(\n      () =>\n        getGridRows({\n          items,\n          groups,\n          isFetching,\n          title,\n          columnsCount,\n          groupTitleFallback: I18n.t(\n            'core.fileExplorer.ungroupedThumbnailGridGroup'\n          ),\n        }),\n      [items, groups, title, isFetching, columnsCount]\n    )\n\n    const isTitleRow = (rowCells: GridCellData[]): boolean =>\n      'title' in rowCells[0]\n\n    const isFetchingRow = (rowCells: GridCellData[]): boolean =>\n      'isFetching' in rowCells[0]\n\n    const isNonNavigableRow = (rowCells: GridCellData[]) =>\n      isTitleRow(rowCells) || isFetchingRow(rowCells)\n\n    const rowHeights = React.useMemo(() => {\n      return rows.map((rowCells, index) => {\n        const titleRow = isTitleRow(rowCells)\n        const titleRowIsNotFirstGridRow = titleRow && index > 0\n        const rowPadding =\n          (titleRowIsNotFirstGridRow ? titleTopPadding : 0) + gutterSize\n\n        if (titleRow) {\n          return titleHeight + rowPadding\n        } else {\n          return thumbnailHeight + rowPadding\n        }\n      })\n    }, [rows])\n\n    const nonNavigableRowIndices = React.useMemo(\n      () =>\n        rows\n          .map((rowCells, index) => ({\n            index,\n            isNonNavigableRow: isNonNavigableRow(rowCells),\n          }))\n          .filter(({ isNonNavigableRow }) => isNonNavigableRow)\n          .map(({ index }) => index),\n      [rows]\n    )\n\n    const navigationIndicesRows = React.useMemo(\n      () =>\n        rows\n          .filter((rowCells) => !isNonNavigableRow(rowCells))\n          .map((rowCells) =>\n            rowCells.map((cell) =>\n              items.findIndex(\n                (item) => item.id === (cell as ThumbnailGridItem).id\n              )\n            )\n          ),\n      [rows, items]\n    )\n\n    const getNumberOfNonNavigableRowsBefore = React.useCallback(\n      (rowIndex: number) =>\n        nonNavigableRowIndices.filter((index) => rowIndex > index).length,\n      [nonNavigableRowIndices]\n    )\n\n    const getThumbnailNavigationIndex = React.useCallback(\n      (rowIndex: number, cellIndex: number) => {\n        return navigationIndicesRows[\n          rowIndex - getNumberOfNonNavigableRowsBefore(rowIndex)\n        ][cellIndex]\n      },\n      [navigationIndicesRows, getNumberOfNonNavigableRowsBefore]\n    )\n\n    const thumbnailNavigationIndexToRowIndexMap = React.useMemo(\n      () =>\n        rows.reduce((acc, rowCells, rowIndex) => {\n          if (isNonNavigableRow(rowCells)) return acc\n\n          const mappedRowCells = rowCells.reduce((acc, _, cellIndex) => {\n            const navIndex = String(\n              getThumbnailNavigationIndex(rowIndex, cellIndex)\n            )\n            acc[navIndex] = rowIndex\n            return acc\n          }, {} as Record<string, number>)\n\n          return { ...acc, ...mappedRowCells }\n        }, {} as Record<string, number>),\n      [rows, getThumbnailNavigationIndex]\n    )\n\n    const [isGridFocused, setIsGridFocused] = React.useState(false)\n\n    const navigation = useGridNavigation({\n      indicesRows: navigationIndicesRows,\n    })\n\n    const isThumbnailSelected = (thumbnail: ThumbnailGridItem) =>\n      selected.some(({ id }) => thumbnail.id === id)\n\n    const toggle = (thumbnail: ThumbnailGridItem) => {\n      if (isThumbnailSelected(thumbnail)) {\n        onDeselect(thumbnail)\n      } else if (!disableSelection.value) {\n        onSelect(thumbnail)\n      }\n    }\n\n    const itemsIds = React.useMemo(() => items.map(getId), [items])\n    const selectedIds = React.useMemo(() => selected.map(getId), [selected])\n\n    const isFullySelected = React.useMemo(() => {\n      return (\n        itemsIds.length > 0 && itemsIds.every((id) => selectedIds.includes(id))\n      )\n    }, [selected, items])\n\n    const isPartiallySelected = React.useMemo(() => {\n      return (\n        selectedIds.length > 0 &&\n        !isFullySelected &&\n        itemsIds.some((id) => selectedIds.includes(id))\n      )\n    }, [selected, isFullySelected])\n\n    const isGroupFullySelected = (groupId: string) => {\n      const currentGroupItems = items.filter((item) =>\n        filterByGroupId(item, groupId)\n      )\n      const selectedGroupItems = selected.filter((item) =>\n        filterByGroupId(item, groupId)\n      )\n\n      return (\n        currentGroupItems.length > 0 &&\n        currentGroupItems\n          .map(getId)\n          .every((id) => selectedGroupItems.map(getId).includes(id))\n      )\n    }\n\n    const isGroupPartiallySelected = (groupId: string) => {\n      const currentGroupItems = items.filter((item) =>\n        filterByGroupId(item, groupId)\n      )\n      const selectedGroupItems = selected.filter((item) =>\n        filterByGroupId(item, groupId)\n      )\n\n      return (\n        selectedGroupItems.length > 0 &&\n        !isGroupFullySelected(groupId) &&\n        selectedGroupItems\n          .map(getId)\n          .some((id) => currentGroupItems.map(getId).includes(id))\n      )\n    }\n\n    const onSelectAllChange = (e: React.FormEvent<HTMLInputElement>) => {\n      e.stopPropagation()\n      if (!isFullySelected) {\n        onSelectAll?.()\n      } else {\n        onDeselectAll?.()\n      }\n    }\n\n    const onSelectAllGroupChange = (\n      e: React.FormEvent<HTMLInputElement>,\n      groupId: string\n    ) => {\n      e.stopPropagation()\n      if (!isGroupFullySelected(groupId)) {\n        onSelectAllGroup?.(groupId)\n      } else {\n        onDeselectAllGroup?.(groupId)\n      }\n    }\n\n    const onMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n      e.preventDefault()\n    }\n\n    const updateNavigationPosition = (\n      e: React.KeyboardEvent<HTMLDivElement>\n    ): number => {\n      if (e.key === 'Tab' && e.nativeEvent.shiftKey) {\n        e.preventDefault()\n        return navigation.left(e)\n      }\n      switch (e.key) {\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          return navigation.down(e)\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          return navigation.up(e)\n        case 'ArrowLeft':\n        case 'Left':\n          e.preventDefault()\n          return navigation.left(e)\n        case 'Tab':\n        case 'ArrowRight':\n        case 'Right':\n          e.preventDefault()\n          return navigation.right(e)\n        default:\n          return -1\n      }\n    }\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!isGridFocused) return\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        toggle(items[navigation.index])\n      } else {\n        const newPosition = updateNavigationPosition(e)\n\n        if (newPosition !== -1) {\n          gridInstance?.scrollToItem({\n            rowIndex: thumbnailNavigationIndexToRowIndexMap[newPosition],\n          })\n        }\n      }\n    }\n\n    React.useEffect(() => {\n      navigation.setIndicesRows(navigationIndicesRows)\n    }, [navigationIndicesRows, navigation])\n\n    React.useEffect(() => {\n      // VariableSizeGrid caches offsets and measurements for each row index for performance purposes.\n      // Method below clears cached data and triggers recalucation when a new value of search filter recomposites grid structure.\n      gridInstance?.resetAfterRowIndex(0)\n    }, [items, gridInstance])\n\n    return (\n      <StyledThumbnailGrid\n        {...props}\n        {...focusWithinProps}\n        ref={mergeRefs(forwardRef, gridContainerRef)}\n        data-qa={qa?.grid}\n        tabIndex={0}\n        onMouseDown={onMouseDown}\n      >\n        <InfiniteLoader\n          loadMoreItems={isFetching ? asyncNoop : loadMoreItems}\n          itemCount={rows.length}\n          isItemLoaded={(index) => index < rows.length - 1}\n          threshold={0}\n        >\n          {({ onItemsRendered, ref: infiniteLoaderRef }) => (\n            <StyledVariableSizeGrid\n              width={gridContainerWidth}\n              height={gridHeight}\n              rowCount={rows.length}\n              rowHeight={(index: number) => rowHeights[index]}\n              columnCount={columnsCount}\n              columnWidth={() => columnWidth}\n              innerElementType={GridInnerContainer}\n              overscanRowCount={2}\n              onItemsRendered={({\n                visibleRowStartIndex,\n                visibleRowStopIndex,\n                overscanRowStopIndex,\n                overscanRowStartIndex,\n              }: OnItemsRenderedProps) => {\n                onItemsRendered({\n                  overscanStartIndex: overscanRowStartIndex,\n                  overscanStopIndex: overscanRowStopIndex,\n                  visibleStartIndex: visibleRowStartIndex,\n                  visibleStopIndex: visibleRowStopIndex,\n                })\n              }}\n              ref={mergeRefs(gridRef, infiniteLoaderRef)}\n              style={{ overflow: 'hidden' }}\n            >\n              {({ columnIndex, rowIndex, style }: GridChildComponentProps) => {\n                const cellData = rows[rowIndex][columnIndex]\n\n                if (!cellData) return null\n\n                if ('title' in cellData) {\n                  const isGlobalTitle = rowIndex === 0\n                  const groupId = String(cellData?.groupId)\n                  const dataQa = isGlobalTitle\n                    ? 'global-select-all'\n                    : `group-${groupId}-select-all`\n\n                  const onChangeCallback = isGlobalTitle\n                    ? onSelectAllChange\n                    : (e: React.FormEvent<HTMLInputElement>) =>\n                        onSelectAllGroupChange(e, groupId)\n                  const isChecked = isGlobalTitle\n                    ? isFullySelected || isPartiallySelected\n                    : isGroupPartiallySelected(groupId) ||\n                      isGroupFullySelected(groupId)\n                  const isIndeterminate = isGlobalTitle\n                    ? isPartiallySelected\n                    : isGroupPartiallySelected(groupId)\n\n                  return (\n                    <GroupCell style={style} columnsCount={columnsCount}>\n                      {allowSelectAll ? (\n                        <StyledCheckbox\n                          data-qa={dataQa}\n                          onChange={onChangeCallback}\n                          checked={isChecked}\n                          indeterminate={isIndeterminate}\n                        >\n                          <StyledGroupTitle weight=\"bold\" color=\"gray15\">\n                            {cellData.title}\n                          </StyledGroupTitle>\n                        </StyledCheckbox>\n                      ) : (\n                        <StyledGroupTitle weight=\"bold\" color=\"gray15\">\n                          {cellData.title}\n                        </StyledGroupTitle>\n                      )}\n                    </GroupCell>\n                  )\n                }\n                if ('isFetching' in cellData) {\n                  return (\n                    <GroupCell style={style} columnsCount={columnsCount}>\n                      <StyledSpinnerWrapper>\n                        <Spinner />\n                      </StyledSpinnerWrapper>\n                    </GroupCell>\n                  )\n                }\n\n                const thumbnailNavigationIndex = getThumbnailNavigationIndex(\n                  rowIndex,\n                  columnIndex\n                )\n                const isNavigationTarget =\n                  navigation.index === thumbnailNavigationIndex\n                const isFocused = isGridFocused && isNavigationTarget\n                const isSelected = isThumbnailSelected(cellData)\n                const isDisabled = disableSelection.value && !isSelected\n\n                return (\n                  <ThumbnailCell style={style}>\n                    <Tooltip\n                      key={cellData.id}\n                      trigger={isDisabled ? 'hover' : 'none'}\n                      overlay={disableSelection.tooltip}\n                      showKeys={[]}\n                    >\n                      <StyledThumbnail\n                        data-thumbnail\n                        data-qa={qa?.thumbnail?.(cellData.id)}\n                        focused={isFocused}\n                        selected={isSelected}\n                        disabled={isDisabled}\n                        caption={cellData.name}\n                        src={cellData.src}\n                        label={cellData.label}\n                        hasCaptionPlaceholder\n                        role={'checkbox'}\n                        value={String(thumbnailNavigationIndex)}\n                        onKeyDown={onKeyDown}\n                        onChange={() => {\n                          toggle(cellData)\n                        }}\n                        onClick={({ target }: React.MouseEvent) => {\n                          const isCaptionTooltipClick = (target as HTMLElement)\n                            .dataset?.captionTooltip\n\n                          if (isCaptionTooltipClick) return\n\n                          navigation.setIndex(thumbnailNavigationIndex)\n                          toggle(cellData)\n                          gridContainer?.focus()\n                        }}\n                      />\n                    </Tooltip>\n                  </ThumbnailCell>\n                )\n              }}\n            </StyledVariableSizeGrid>\n          )}\n        </InfiniteLoader>\n      </StyledThumbnailGrid>\n    )\n  }\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,cAAc,QAAQ,0BAA0B;AACzD,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,cAAc,MAAM,8BAA8B;AACzD,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,iBAAiB,QAAQ,uBAAuB;AACzD,SACEC,cAAc,EACdC,eAAe,EACfC,gBAAgB,EAChBC,oBAAoB,EACpBC,eAAe,EACfC,mBAAmB,EACnBC,sBAAsB,QACjB,wBAAwB;AAgB/B,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA;EAAA,OAASC,OAAO,CAACC,OAAO,CAAC,CAAC;AAAA;AAEzC,IAAMC,WAAW,GAAG,EAAE;AACtB,IAAMC,eAAe,GAAG,EAAE;AAC1B,IAAMC,eAAe,GAAG,GAAG;AAC3B,IAAMC,aAAa,GAAG,GAAG;AACzB,IAAMC,mBAAmB,GAAG,CAAC;AAC7B,IAAMC,UAAU,GAAG,EAAE;AACrB,IAAMC,YAAW,GAAGH,aAAa,GAAGE,UAAU;AAC9C,IAAME,eAAe,GAAG,EAAE;AAC1B,IAAMC,gBAAgB,GAAGD,eAAe,GAAGD,YAAW,GAAGF,mBAAmB;AAC5E,IAAMK,iBAAiB,GAAG,CAACP,eAAe,GAAGG,UAAU,IAAI,CAAC;AAC5D,IAAMK,KAAK,GAAG,SAARA,KAAKA,CAAIC,IAAuB;EAAA,OAAKA,IAAI,CAACC,EAAE;AAAA;AAElD,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAcX;EAAA,IAbJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,eAAA,GAAAJ,IAAA,CACLK,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAClBE,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAAAC,iBAAA,GAAAP,IAAA,CAClBQ,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAGjB,mBAAmB,GAAAiB,iBAAA;EASlC,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIR,KAAqB;IAAA,OACxCA,KAAK,CAACS,MAAM,CAAC,UAACC,GAAqB,EAAEd,IAAkB,EAAEe,KAAa,EAAK;MACzE,IAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,GAAGJ,YAAY,CAAC;MACjD,IAAMQ,GAAG,GAAIL,GAAG,CAACE,QAAQ,CAAC,GAAGF,GAAG,CAACE,QAAQ,CAAC,IAAI,EAAG;MACjDG,GAAG,CAACC,IAAI,CAACpB,IAAI,CAAC;MACd,OAAOc,GAAG;IACZ,CAAC,EAAE,EAAsB,CAAC;EAAA;EAE5B,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkBA,CACtBjB,KAA0B,EAC1BC,MAA4B,EACzB;IACH,IAAIiB,WAA6B,GAAG,EAAE;IAEtC,IAAMC,iBAAiB,GAAGnB,KAAK,CAACS,MAAM,CAAC,UAACC,GAAG,EAAEd,IAAI,EAAK;MAAA,IAAAwB,aAAA;MACpD,IAAMC,OAAO,IAAAD,aAAA,GAAGxB,IAAI,CAACyB,OAAO,cAAAD,aAAA,cAAAA,aAAA,GAAIE,MAAM,CAAC1B,IAAI,CAACyB,OAAO,CAAC;MACpD,IAAME,KAAK,GAAGb,GAAG,CAACc,GAAG,CAACH,OAAO,CAAC;MAC9B,IAAIE,KAAK,EAAE;QACTA,KAAK,CAACP,IAAI,CAACpB,IAAI,CAAC;MAClB,CAAC,MAAM;QACLc,GAAG,CAACe,GAAG,CAACJ,OAAO,EAAE,CAACzB,IAAI,CAAC,CAAC;MAC1B;MACA,OAAOc,GAAG;IACZ,CAAC,EAAE,IAAIgB,GAAG,CAAkCzB,MAAM,CAAC0B,GAAG,CAAC,UAAAC,KAAA;MAAA,IAAG/B,EAAE,GAAA+B,KAAA,CAAF/B,EAAE;MAAA,OAAO,CAACA,EAAE,EAAE,EAAE,CAAC;IAAA,EAAC,CAAC,CAAC;IAE9EsB,iBAAiB,CAACU,OAAO,CAAC,UAACN,KAAK,EAAEF,OAAO,EAAK;MAC5C,IAAMS,SAAS,GAAGtB,WAAW,CAACe,KAAK,CAAC;MAEpC,IAAIO,SAAS,CAACC,MAAM,EAAE;QAAA,IAAAC,YAAA;QACpB,IAAMC,aAAa,GAAG,CACpB;UACE/B,KAAK,EACH,EAAA8B,YAAA,GAAA/B,MAAM,CAACiC,IAAI,CAAC,UAAAC,KAAA;YAAA,IAAGtC,EAAE,GAAAsC,KAAA,CAAFtC,EAAE;YAAA,OAAOwB,OAAO,KAAKxB,EAAE;UAAA,EAAC,cAAAmC,YAAA,uBAAvCA,YAAA,CAAyC9B,KAAK,KAC9CG,kBAAkB;UACpBgB,OAAO,EAAPA;QACF,CAAC,CACF;QACDS,SAAS,CAACM,OAAO,CAACH,aAAa,CAAC;MAClC;MAEAf,WAAW,MAAAmB,MAAA,CAAAC,kBAAA,CAAOpB,WAAW,GAAAoB,kBAAA,CAAKR,SAAS,EAAC;IAC9C,CAAC,CAAC;IAEF,OAAOZ,WAAW;EACpB,CAAC;EAED,IAAMqB,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAsB,EAAK;IAC/C,IAAItC,KAAK,EAAE;MACTsC,IAAI,CAACJ,OAAO,CAAC,CAAC;QAAElC,KAAK,EAAEA;MAAM,CAAC,CAAC,CAAC;IAClC;IACA,OAAOsC,IAAI;EACb,CAAC;EAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAID,IAAsB,EAAK;IACtD,IAAIpC,UAAU,EAAE;MACdoC,IAAI,CAACxB,IAAI,CAAC,CAAC;QAAEZ,UAAU,EAAVA;MAAW,CAAC,CAAC,CAAC;IAC7B;IACA,OAAOoC,IAAI;EACb,CAAC;EAED,IAAME,QAAQ,GAAGzC,MAAM,GACnBgB,kBAAkB,CAACjB,KAAK,EAAEC,MAAM,CAAC,GACjCO,WAAW,CAACR,KAAK,CAAC;EAEtB,IAAM2C,yBAAyB,GAAGJ,YAAY,CAACG,QAAQ,CAAC;EACxD,IAAME,oCAAoC,GAAGH,mBAAmB,CAC9DE,yBACF,CAAC;EAED,OAAOC,oCAAoC;AAC7C,CAAC;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIjD,IAAuB,EAAEyB,OAAe,EAAK;EACpE,OAAOC,MAAM,CAAC1B,IAAI,CAACyB,OAAO,CAAC,KAAKA,OAAO;AACzC,CAAC;AAED,IAAMyB,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAKwD;EAAA,IAJrEC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACL1C,YAAY,GAAAwC,KAAA,CAAZxC,YAAY;IACT2C,KAAK,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA;EAER,oBACErF,KAAA,CAAAsF,aAAA,CAAC9E,eAAe,EAAA+E,QAAA;IACdL,KAAK,EAAAM,aAAA,CAAAA,aAAA,KACAN,KAAK;MACRO,IAAI,EAAE,CAACP,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,IAAI,IAAchE,eAAe;MAC/CiE,GAAG,EAAE,CAACR,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEQ,GAAG,IAAcnE,UAAU;MACxCoE,KAAK,EAAEnE,YAAW,GAAGgB;IAAY;EACjC,GACE2C,KAAK,GAERF,QACc,CAAC;AAEtB,CAAC;AAED,IAAMW,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,KAAA,EAKyB;EAAA,IAJ1CZ,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;IACRa,SAAS,GAAAD,KAAA,CAATC,SAAS;IACTZ,KAAK,GAAAW,KAAA,CAALX,KAAK;IACFC,KAAK,GAAAC,wBAAA,CAAAS,KAAA,EAAAE,UAAA;EAER,oBACE/F,KAAA,CAAAsF,aAAA,QAAAC,QAAA;IACEL,KAAK,EAAAM,aAAA,CAAAA,aAAA,KACAN,KAAK;MACRO,IAAI,EAAE,CAACP,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEO,IAAI,IAAchE,eAAe;MAC/CiE,GAAG,EAAE,CAACR,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEQ,GAAG,IAAcnE;IAAU;EACxC,GACE4D,KAAK,GAERF,QACE,CAAC;AAEV,CAAC;;AAED;AACA,IAAMe,kBAAkB,gBAAGhG,KAAK,CAACiG,UAAU,CAGzC,UAACd,KAAK,EAAEe,GAAG;EAAA,oBAAKlG,KAAA,CAAAsF,aAAA,QAAAC,QAAA;IAAKW,GAAG,EAAEA,GAAI;IAACC,QAAQ,EAAE,CAAC;EAAE,GAAKhB,KAAK,CAAG,CAAC;AAAA,EAAC;AAE7D,IAAMiB,kBAAkB,gBAAGpG,KAAK,CAACiG,UAAU,CAGzC,UAAAI,KAAA,EAAsBH,GAAG;EAAA,IAAtBhB,KAAK,GAAAmB,KAAA,CAALnB,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAiB,KAAA,EAAAC,UAAA;EAAA,oBAClBtG,KAAA,CAAAsF,aAAA,QAAAC,QAAA;IACEW,GAAG,EAAEA,GAAI;IACTC,QAAQ,EAAE,CAAC,CAAE;IACbjB,KAAK,EAAAM,aAAA,CAAAA,aAAA,KACAN,KAAK;MACRqB,WAAW,EAAE9E,eAAe;MAC5BkE,KAAK,EAAE,CAACT,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAES,KAAK,IAAclE;IAAe;EACjD,GACE0D,KAAK,CACV,CAAC;AAAA,CACH,CAAC;AAEF,OAAO,IAAMqB,aAAa,gBAAGxG,KAAK,CAACiG,UAAU,CAI3C,UAAAQ,KAAA,EAwBER,UAAU,EACP;EAAA,IAvBDhE,KAAK,GAAAwE,KAAA,CAALxE,KAAK;IAAAyE,cAAA,GAAAD,KAAA,CACLE,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,EAAE,GAAAA,cAAA;IACbxE,MAAM,GAAAuE,KAAA,CAANvE,MAAM;IAAA0E,WAAA,GAAAH,KAAA,CACNtE,KAAK;IAALA,KAAK,GAAAyE,WAAA,cAAG,EAAE,GAAAA,WAAA;IAAAC,eAAA,GAAAJ,KAAA,CACVK,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAGnF,gBAAgB,GAAAmF,eAAA;IAAAE,gBAAA,GAAAN,KAAA,CAC5BO,UAAU;IAAVA,UAAU,GAAAD,gBAAA,cAAGpF,iBAAiB,GAAAoF,gBAAA;IAAAE,cAAA,GAAAR,KAAA,CAC9BS,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAGnG,IAAI,GAAAmG,cAAA;IAAAE,gBAAA,GAAAV,KAAA,CACfW,UAAU;IAAVA,UAAU,GAAAD,gBAAA,cAAGrG,IAAI,GAAAqG,gBAAA;IAAAE,qBAAA,GAAAZ,KAAA,CACjBa,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG;MACjBE,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE;IACX,CAAC,GAAAH,qBAAA;IAAAI,gBAAA,GAAAhB,KAAA,CACDpE,UAAU;IAAVA,UAAU,GAAAoF,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAC,mBAAA,GAAAjB,KAAA,CAClBkB,aAAa;IAAbA,aAAa,GAAAD,mBAAA,cAAG3G,SAAS,GAAA2G,mBAAA;IACzBE,EAAE,GAAAnB,KAAA,CAAFmB,EAAE;IAAAC,oBAAA,GAAApB,KAAA,CACFqB,cAAc;IAAdA,cAAc,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;IAAAE,iBAAA,GAAAtB,KAAA,CACtBuB,WAAW;IAAXA,WAAW,GAAAD,iBAAA,cAAGjH,IAAI,GAAAiH,iBAAA;IAAAE,mBAAA,GAAAxB,KAAA,CAClByB,aAAa;IAAbA,aAAa,GAAAD,mBAAA,cAAGnH,IAAI,GAAAmH,mBAAA;IAAAE,qBAAA,GAAA1B,KAAA,CACpB2B,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAGrH,IAAI,GAAAqH,qBAAA;IAAAE,qBAAA,GAAA5B,KAAA,CACvB6B,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAGvH,IAAI,GAAAuH,qBAAA;IACtBlD,KAAK,GAAAC,wBAAA,CAAAqB,KAAA,EAAA8B,UAAA;EAIV,IAAMC,gBAAgB,GAAGxI,KAAK,CAACyI,MAAM,CAAiB,IAAI,CAAC;EAC3D,IAAMC,IAAI,GAAGtI,cAAc,CAAC,CAAC;EAC7B,IAAMuI,aAAa,GAAGH,gBAAgB,CAACI,OAAO;EAC9C,IAAMC,OAAO,GAAG7I,KAAK,CAACyI,MAAM,CAA0B,IAAI,CAAC;EAC3D,IAAAK,eAAA,GACE9I,KAAK,CAAC+I,QAAQ,CAASjC,SAAS,CAAC;IAAAkC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAD5BI,kBAAkB,GAAAF,gBAAA;IAAEG,qBAAqB,GAAAH,gBAAA;EAEhD,IAAAI,gBAAA,GACEpJ,KAAK,CAAC+I,QAAQ,CAASzH,mBAAmB,CAAC;IAAA+H,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IADtC5G,YAAY,GAAA6G,gBAAA;IAAEC,eAAe,GAAAD,gBAAA;EAEpC,IAAME,YAAY,GAAGV,OAAO,CAACD,OAAO;EACpC,IAAAY,eAAA,GAA2BzJ,cAAc,CAAC;MACxC0J,aAAa,EAAE,SAAfA,aAAaA,CAAGC,CAAC;QAAA,OAAKC,gBAAgB,CAAC,IAAI,CAAC;MAAA;MAC5CC,YAAY,EAAE,SAAdA,YAAYA,CAAGF,CAAC;QAAA,OAAKC,gBAAgB,CAAC,KAAK,CAAC;MAAA;IAC9C,CAAC,CAAC;IAHIE,gBAAgB,GAAAL,eAAA,CAAhBK,gBAAgB;EAKtB7J,KAAK,CAAC8J,SAAS,CAAC,YAAM;IACpB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;MACzB,IAAIpB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEqB,WAAW,EAAE;QAC9B,IAAMC,cAAc,GAAGtB,aAAa,CAACqB,WAAW,GAAGvI,eAAe;QAClE,IAAMyI,mBAAmB,GAAGpH,IAAI,CAACC,KAAK,CAACkH,cAAc,GAAGzI,YAAW,CAAC;QACpE2H,qBAAqB,CAACc,cAAc,CAAC;QACrCX,eAAe,CAACY,mBAAmB,IAAI,CAAC,CAAC;MAC3C;IACF,CAAC;IAEDH,YAAY,CAAC,CAAC,EAAC;;IAEfI,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEL,YAAY,CAAC;IAE/C,OAAO,YAAM;MACXI,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEN,YAAY,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,CAACpB,aAAa,CAAC,CAAC;EAEnB,IAAMlE,IAAI,GAAGzE,KAAK,CAACsK,OAAO,CACxB;IAAA,OACEvI,WAAW,CAAC;MACVE,KAAK,EAALA,KAAK;MACLC,MAAM,EAANA,MAAM;MACNG,UAAU,EAAVA,UAAU;MACVF,KAAK,EAALA,KAAK;MACLK,YAAY,EAAZA,YAAY;MACZF,kBAAkB,EAAEoG,IAAI,CAAC6B,CAAC,CACxB,+CACF;IACF,CAAC,CAAC;EAAA,GACJ,CAACtI,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAEE,UAAU,EAAEG,YAAY,CACjD,CAAC;EAED,IAAMgI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,QAAwB;IAAA,OAC1C,OAAO,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAAA;EAExB,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAID,QAAwB;IAAA,OAC7C,YAAY,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAAA;EAE7B,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,QAAwB;IAAA,OACjDD,UAAU,CAACC,QAAQ,CAAC,IAAIC,aAAa,CAACD,QAAQ,CAAC;EAAA;EAEjD,IAAMG,UAAU,GAAG5K,KAAK,CAACsK,OAAO,CAAC,YAAM;IACrC,OAAO7F,IAAI,CAACb,GAAG,CAAC,UAAC6G,QAAQ,EAAE7H,KAAK,EAAK;MACnC,IAAMiI,QAAQ,GAAGL,UAAU,CAACC,QAAQ,CAAC;MACrC,IAAMK,yBAAyB,GAAGD,QAAQ,IAAIjI,KAAK,GAAG,CAAC;MACvD,IAAMmI,UAAU,GACd,CAACD,yBAAyB,GAAG3J,eAAe,GAAG,CAAC,IAAII,UAAU;MAEhE,IAAIsJ,QAAQ,EAAE;QACZ,OAAO3J,WAAW,GAAG6J,UAAU;MACjC,CAAC,MAAM;QACL,OAAO3J,eAAe,GAAG2J,UAAU;MACrC;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACtG,IAAI,CAAC,CAAC;EAEV,IAAMuG,sBAAsB,GAAGhL,KAAK,CAACsK,OAAO,CAC1C;IAAA,OACE7F,IAAI,CACDb,GAAG,CAAC,UAAC6G,QAAQ,EAAE7H,KAAK;MAAA,OAAM;QACzBA,KAAK,EAALA,KAAK;QACL+H,iBAAiB,EAAEA,iBAAiB,CAACF,QAAQ;MAC/C,CAAC;IAAA,CAAC,CAAC,CACFQ,MAAM,CAAC,UAAAC,KAAA;MAAA,IAAGP,iBAAiB,GAAAO,KAAA,CAAjBP,iBAAiB;MAAA,OAAOA,iBAAiB;IAAA,EAAC,CACpD/G,GAAG,CAAC,UAAAuH,KAAA;MAAA,IAAGvI,KAAK,GAAAuI,KAAA,CAALvI,KAAK;MAAA,OAAOA,KAAK;IAAA,EAAC;EAAA,GAC9B,CAAC6B,IAAI,CACP,CAAC;EAED,IAAM2G,qBAAqB,GAAGpL,KAAK,CAACsK,OAAO,CACzC;IAAA,OACE7F,IAAI,CACDwG,MAAM,CAAC,UAACR,QAAQ;MAAA,OAAK,CAACE,iBAAiB,CAACF,QAAQ,CAAC;IAAA,EAAC,CAClD7G,GAAG,CAAC,UAAC6G,QAAQ;MAAA,OACZA,QAAQ,CAAC7G,GAAG,CAAC,UAACyH,IAAI;QAAA,OAChBpJ,KAAK,CAACqJ,SAAS,CACb,UAACzJ,IAAI;UAAA,OAAKA,IAAI,CAACC,EAAE,KAAMuJ,IAAI,CAAuBvJ,EAAE;QAAA,CACtD,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CAAC;EAAA,GACL,CAAC2C,IAAI,EAAExC,KAAK,CACd,CAAC;EAED,IAAMsJ,iCAAiC,GAAGvL,KAAK,CAACwL,WAAW,CACzD,UAAC3I,QAAgB;IAAA,OACfmI,sBAAsB,CAACC,MAAM,CAAC,UAACrI,KAAK;MAAA,OAAKC,QAAQ,GAAGD,KAAK;IAAA,EAAC,CAACoB,MAAM;EAAA,GACnE,CAACgH,sBAAsB,CACzB,CAAC;EAED,IAAMS,2BAA2B,GAAGzL,KAAK,CAACwL,WAAW,CACnD,UAAC3I,QAAgB,EAAE6I,SAAiB,EAAK;IACvC,OAAON,qBAAqB,CAC1BvI,QAAQ,GAAG0I,iCAAiC,CAAC1I,QAAQ,CAAC,CACvD,CAAC6I,SAAS,CAAC;EACd,CAAC,EACD,CAACN,qBAAqB,EAAEG,iCAAiC,CAC3D,CAAC;EAED,IAAMI,qCAAqC,GAAG3L,KAAK,CAACsK,OAAO,CACzD;IAAA,OACE7F,IAAI,CAAC/B,MAAM,CAAC,UAACC,GAAG,EAAE8H,QAAQ,EAAE5H,QAAQ,EAAK;MACvC,IAAI8H,iBAAiB,CAACF,QAAQ,CAAC,EAAE,OAAO9H,GAAG;MAE3C,IAAMiJ,cAAc,GAAGnB,QAAQ,CAAC/H,MAAM,CAAC,UAACC,GAAG,EAAEkJ,CAAC,EAAEH,SAAS,EAAK;QAC5D,IAAMI,QAAQ,GAAGvI,MAAM,CACrBkI,2BAA2B,CAAC5I,QAAQ,EAAE6I,SAAS,CACjD,CAAC;QACD/I,GAAG,CAACmJ,QAAQ,CAAC,GAAGjJ,QAAQ;QACxB,OAAOF,GAAG;MACZ,CAAC,EAAE,CAAC,CAA2B,CAAC;MAEhC,OAAA6C,aAAA,CAAAA,aAAA,KAAY7C,GAAG,GAAKiJ,cAAc;IACpC,CAAC,EAAE,CAAC,CAA2B,CAAC;EAAA,GAClC,CAACnH,IAAI,EAAEgH,2BAA2B,CACpC,CAAC;EAED,IAAAM,gBAAA,GAA0C/L,KAAK,CAAC+I,QAAQ,CAAC,KAAK,CAAC;IAAAiD,gBAAA,GAAA/C,cAAA,CAAA8C,gBAAA;IAAxDE,aAAa,GAAAD,gBAAA;IAAErC,gBAAgB,GAAAqC,gBAAA;EAEtC,IAAME,UAAU,GAAG5L,iBAAiB,CAAC;IACnC6L,WAAW,EAAEf;EACf,CAAC,CAAC;EAEF,IAAMgB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,SAA4B;IAAA,OACvD1F,QAAQ,CAAC2F,IAAI,CAAC,UAAAC,KAAA;MAAA,IAAGzK,EAAE,GAAAyK,KAAA,CAAFzK,EAAE;MAAA,OAAOuK,SAAS,CAACvK,EAAE,KAAKA,EAAE;IAAA,EAAC;EAAA;EAEhD,IAAM0K,MAAM,GAAG,SAATA,MAAMA,CAAIH,SAA4B,EAAK;IAC/C,IAAID,mBAAmB,CAACC,SAAS,CAAC,EAAE;MAClCjF,UAAU,CAACiF,SAAS,CAAC;IACvB,CAAC,MAAM,IAAI,CAAC/E,gBAAgB,CAACC,KAAK,EAAE;MAClCL,QAAQ,CAACmF,SAAS,CAAC;IACrB;EACF,CAAC;EAED,IAAMI,QAAQ,GAAGzM,KAAK,CAACsK,OAAO,CAAC;IAAA,OAAMrI,KAAK,CAAC2B,GAAG,CAAChC,KAAK,CAAC;EAAA,GAAE,CAACK,KAAK,CAAC,CAAC;EAC/D,IAAMyK,WAAW,GAAG1M,KAAK,CAACsK,OAAO,CAAC;IAAA,OAAM3D,QAAQ,CAAC/C,GAAG,CAAChC,KAAK,CAAC;EAAA,GAAE,CAAC+E,QAAQ,CAAC,CAAC;EAExE,IAAMgG,eAAe,GAAG3M,KAAK,CAACsK,OAAO,CAAC,YAAM;IAC1C,OACEmC,QAAQ,CAACzI,MAAM,GAAG,CAAC,IAAIyI,QAAQ,CAACG,KAAK,CAAC,UAAC9K,EAAE;MAAA,OAAK4K,WAAW,CAACG,QAAQ,CAAC/K,EAAE,CAAC;IAAA,EAAC;EAE3E,CAAC,EAAE,CAAC6E,QAAQ,EAAE1E,KAAK,CAAC,CAAC;EAErB,IAAM6K,mBAAmB,GAAG9M,KAAK,CAACsK,OAAO,CAAC,YAAM;IAC9C,OACEoC,WAAW,CAAC1I,MAAM,GAAG,CAAC,IACtB,CAAC2I,eAAe,IAChBF,QAAQ,CAACH,IAAI,CAAC,UAACxK,EAAE;MAAA,OAAK4K,WAAW,CAACG,QAAQ,CAAC/K,EAAE,CAAC;IAAA,EAAC;EAEnD,CAAC,EAAE,CAAC6E,QAAQ,EAAEgG,eAAe,CAAC,CAAC;EAE/B,IAAMI,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIzJ,OAAe,EAAK;IAChD,IAAM0J,iBAAiB,GAAG/K,KAAK,CAACgJ,MAAM,CAAC,UAACpJ,IAAI;MAAA,OAC1CiD,eAAe,CAACjD,IAAI,EAAEyB,OAAO,CAAC;IAAA,CAChC,CAAC;IACD,IAAM2J,kBAAkB,GAAGtG,QAAQ,CAACsE,MAAM,CAAC,UAACpJ,IAAI;MAAA,OAC9CiD,eAAe,CAACjD,IAAI,EAAEyB,OAAO,CAAC;IAAA,CAChC,CAAC;IAED,OACE0J,iBAAiB,CAAChJ,MAAM,GAAG,CAAC,IAC5BgJ,iBAAiB,CACdpJ,GAAG,CAAChC,KAAK,CAAC,CACVgL,KAAK,CAAC,UAAC9K,EAAE;MAAA,OAAKmL,kBAAkB,CAACrJ,GAAG,CAAChC,KAAK,CAAC,CAACiL,QAAQ,CAAC/K,EAAE,CAAC;IAAA,EAAC;EAEhE,CAAC;EAED,IAAMoL,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAI5J,OAAe,EAAK;IACpD,IAAM0J,iBAAiB,GAAG/K,KAAK,CAACgJ,MAAM,CAAC,UAACpJ,IAAI;MAAA,OAC1CiD,eAAe,CAACjD,IAAI,EAAEyB,OAAO,CAAC;IAAA,CAChC,CAAC;IACD,IAAM2J,kBAAkB,GAAGtG,QAAQ,CAACsE,MAAM,CAAC,UAACpJ,IAAI;MAAA,OAC9CiD,eAAe,CAACjD,IAAI,EAAEyB,OAAO,CAAC;IAAA,CAChC,CAAC;IAED,OACE2J,kBAAkB,CAACjJ,MAAM,GAAG,CAAC,IAC7B,CAAC+I,oBAAoB,CAACzJ,OAAO,CAAC,IAC9B2J,kBAAkB,CACfrJ,GAAG,CAAChC,KAAK,CAAC,CACV0K,IAAI,CAAC,UAACxK,EAAE;MAAA,OAAKkL,iBAAiB,CAACpJ,GAAG,CAAChC,KAAK,CAAC,CAACiL,QAAQ,CAAC/K,EAAE,CAAC;IAAA,EAAC;EAE9D,CAAC;EAED,IAAMqL,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIzD,CAAoC,EAAK;IAClEA,CAAC,CAAC0D,eAAe,CAAC,CAAC;IACnB,IAAI,CAACT,eAAe,EAAE;MACpB3E,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAG,CAAC;IACjB,CAAC,MAAM;MACLE,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG,CAAC;IACnB;EACF,CAAC;EAED,IAAMmF,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC1B3D,CAAoC,EACpCpG,OAAe,EACZ;IACHoG,CAAC,CAAC0D,eAAe,CAAC,CAAC;IACnB,IAAI,CAACL,oBAAoB,CAACzJ,OAAO,CAAC,EAAE;MAClC8E,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAG9E,OAAO,CAAC;IAC7B,CAAC,MAAM;MACLgF,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGhF,OAAO,CAAC;IAC/B;EACF,CAAC;EAED,IAAMgK,WAAW,GAAG,SAAdA,WAAWA,CAAI5D,CAAmC,EAAK;IAC3DA,CAAC,CAAC6D,cAAc,CAAC,CAAC;EACpB,CAAC;EAED,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAC5B9D,CAAsC,EAC3B;IACX,IAAIA,CAAC,CAAC+D,GAAG,KAAK,KAAK,IAAI/D,CAAC,CAACgE,WAAW,CAACC,QAAQ,EAAE;MAC7CjE,CAAC,CAAC6D,cAAc,CAAC,CAAC;MAClB,OAAOrB,UAAU,CAACzG,IAAI,CAACiE,CAAC,CAAC;IAC3B;IACA,QAAQA,CAAC,CAAC+D,GAAG;MACX,KAAK,WAAW;MAChB,KAAK,MAAM;QACT/D,CAAC,CAAC6D,cAAc,CAAC,CAAC;QAClB,OAAOrB,UAAU,CAAC0B,IAAI,CAAClE,CAAC,CAAC;MAC3B,KAAK,SAAS;MACd,KAAK,IAAI;QACPA,CAAC,CAAC6D,cAAc,CAAC,CAAC;QAClB,OAAOrB,UAAU,CAAC2B,EAAE,CAACnE,CAAC,CAAC;MACzB,KAAK,WAAW;MAChB,KAAK,MAAM;QACTA,CAAC,CAAC6D,cAAc,CAAC,CAAC;QAClB,OAAOrB,UAAU,CAACzG,IAAI,CAACiE,CAAC,CAAC;MAC3B,KAAK,KAAK;MACV,KAAK,YAAY;MACjB,KAAK,OAAO;QACVA,CAAC,CAAC6D,cAAc,CAAC,CAAC;QAClB,OAAOrB,UAAU,CAAC4B,KAAK,CAACpE,CAAC,CAAC;MAC5B;QACE,OAAO,CAAC,CAAC;IACb;EACF,CAAC;EAED,IAAMqE,SAAS,GAAG,SAAZA,SAASA,CAAIrE,CAAsC,EAAK;IAC5D,IAAI,CAACuC,aAAa,EAAE;IAEpB,IAAIvC,CAAC,CAAC+D,GAAG,KAAK,OAAO,IAAI/D,CAAC,CAAC+D,GAAG,KAAK,GAAG,EAAE;MACtC/D,CAAC,CAAC6D,cAAc,CAAC,CAAC;MAClBf,MAAM,CAACvK,KAAK,CAACiK,UAAU,CAACtJ,KAAK,CAAC,CAAC;IACjC,CAAC,MAAM;MACL,IAAMoL,WAAW,GAAGR,wBAAwB,CAAC9D,CAAC,CAAC;MAE/C,IAAIsE,WAAW,KAAK,CAAC,CAAC,EAAE;QACtBzE,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE0E,YAAY,CAAC;UACzBpL,QAAQ,EAAE8I,qCAAqC,CAACqC,WAAW;QAC7D,CAAC,CAAC;MACJ;IACF;EACF,CAAC;EAEDhO,KAAK,CAAC8J,SAAS,CAAC,YAAM;IACpBoC,UAAU,CAACgC,cAAc,CAAC9C,qBAAqB,CAAC;EAClD,CAAC,EAAE,CAACA,qBAAqB,EAAEc,UAAU,CAAC,CAAC;EAEvClM,KAAK,CAAC8J,SAAS,CAAC,YAAM;IACpB;IACA;IACAP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAE4E,kBAAkB,CAAC,CAAC,CAAC;EACrC,CAAC,EAAE,CAAClM,KAAK,EAAEsH,YAAY,CAAC,CAAC;EAEzB,oBACEvJ,KAAA,CAAAsF,aAAA,CAAC1E,mBAAmB,EAAA2E,QAAA,KACdJ,KAAK,EACL0E,gBAAgB;IACpB3D,GAAG,EAAE7F,SAAS,CAAC4F,UAAU,EAAEuC,gBAAgB,CAAE;IAC7C,WAASZ,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEwG,IAAK;IAClBjI,QAAQ,EAAE,CAAE;IACZmH,WAAW,EAAEA;EAAY,iBAEzBtN,KAAA,CAAAsF,aAAA,CAACrF,cAAc;IACb0H,aAAa,EAAEtF,UAAU,GAAGtB,SAAS,GAAG4G,aAAc;IACtD0G,SAAS,EAAE5J,IAAI,CAACT,MAAO;IACvBsK,YAAY,EAAE,SAAdA,YAAYA,CAAG1L,KAAK;MAAA,OAAKA,KAAK,GAAG6B,IAAI,CAACT,MAAM,GAAG,CAAC;IAAA,CAAC;IACjDuK,SAAS,EAAE;EAAE,GAEZ,UAAAC,KAAA;IAAA,IAAGC,gBAAe,GAAAD,KAAA,CAAfC,eAAe;MAAOC,iBAAiB,GAAAF,KAAA,CAAtBtI,GAAG;IAAA,oBACtBlG,KAAA,CAAAsF,aAAA,CAACzE,sBAAsB;MACrB8E,KAAK,EAAEuD,kBAAmB;MAC1ByF,MAAM,EAAE3H,UAAW;MACnB4H,QAAQ,EAAEnK,IAAI,CAACT,MAAO;MACtB6K,SAAS,EAAE,SAAXA,SAASA,CAAGjM,KAAa;QAAA,OAAKgI,UAAU,CAAChI,KAAK,CAAC;MAAA,CAAC;MAChDkM,WAAW,EAAEtM,YAAa;MAC1BhB,WAAW,EAAE,SAAbA,WAAWA,CAAA;QAAA,OAAQA,YAAW;MAAA,CAAC;MAC/BuN,gBAAgB,EAAE3I,kBAAmB;MACrC4I,gBAAgB,EAAE,CAAE;MACpBP,eAAe,EAAE,SAAjBA,eAAeA,CAAAQ,MAAA,EAKa;QAAA,IAJ1BC,oBAAoB,GAAAD,MAAA,CAApBC,oBAAoB;UACpBC,mBAAmB,GAAAF,MAAA,CAAnBE,mBAAmB;UACnBC,oBAAoB,GAAAH,MAAA,CAApBG,oBAAoB;UACpBC,qBAAqB,GAAAJ,MAAA,CAArBI,qBAAqB;QAErBZ,gBAAe,CAAC;UACda,kBAAkB,EAAED,qBAAqB;UACzCE,iBAAiB,EAAEH,oBAAoB;UACvCI,iBAAiB,EAAEN,oBAAoB;UACvCO,gBAAgB,EAAEN;QACpB,CAAC,CAAC;MACJ,CAAE;MACFjJ,GAAG,EAAE7F,SAAS,CAACwI,OAAO,EAAE6F,iBAAiB,CAAE;MAC3CxJ,KAAK,EAAE;QAAEwK,QAAQ,EAAE;MAAS;IAAE,GAE7B,UAAAC,MAAA,EAA+D;MAAA,IAAAC,aAAA;MAAA,IAA5DC,WAAW,GAAAF,MAAA,CAAXE,WAAW;QAAEhN,QAAQ,GAAA8M,MAAA,CAAR9M,QAAQ;QAAEqC,KAAK,GAAAyK,MAAA,CAALzK,KAAK;MAC9B,IAAM4K,QAAQ,GAAGrL,IAAI,CAAC5B,QAAQ,CAAC,CAACgN,WAAW,CAAC;MAE5C,IAAI,CAACC,QAAQ,EAAE,OAAO,IAAI;MAE1B,IAAI,OAAO,IAAIA,QAAQ,EAAE;QACvB,IAAMC,aAAa,GAAGlN,QAAQ,KAAK,CAAC;QACpC,IAAMS,OAAO,GAAGC,MAAM,CAACuM,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAExM,OAAO,CAAC;QACzC,IAAM0M,MAAM,GAAGD,aAAa,GACxB,mBAAmB,YAAAzL,MAAA,CACVhB,OAAO,gBAAa;QAEjC,IAAM2M,gBAAgB,GAAGF,aAAa,GAClC5C,iBAAiB,GACjB,UAACzD,CAAoC;UAAA,OACnC2D,sBAAsB,CAAC3D,CAAC,EAAEpG,OAAO,CAAC;QAAA;QACxC,IAAM4M,SAAS,GAAGH,aAAa,GAC3BpD,eAAe,IAAIG,mBAAmB,GACtCI,wBAAwB,CAAC5J,OAAO,CAAC,IACjCyJ,oBAAoB,CAACzJ,OAAO,CAAC;QACjC,IAAM6M,eAAe,GAAGJ,aAAa,GACjCjD,mBAAmB,GACnBI,wBAAwB,CAAC5J,OAAO,CAAC;QAErC,oBACEtD,KAAA,CAAAsF,aAAA,CAACP,SAAS;UAACG,KAAK,EAAEA,KAAM;UAAC1C,YAAY,EAAEA;QAAa,GACjDsF,cAAc,gBACb9H,KAAA,CAAAsF,aAAA,CAAC/E,cAAc;UACb,WAASyP,MAAO;UAChBI,QAAQ,EAAEH,gBAAiB;UAC3BI,OAAO,EAAEH,SAAU;UACnBI,aAAa,EAAEH;QAAgB,gBAE/BnQ,KAAA,CAAAsF,aAAA,CAAC7E,gBAAgB;UAAC8P,MAAM,EAAC,MAAM;UAACC,KAAK,EAAC;QAAQ,GAC3CV,QAAQ,CAAC3N,KACM,CACJ,CAAC,gBAEjBnC,KAAA,CAAAsF,aAAA,CAAC7E,gBAAgB;UAAC8P,MAAM,EAAC,MAAM;UAACC,KAAK,EAAC;QAAQ,GAC3CV,QAAQ,CAAC3N,KACM,CAEX,CAAC;MAEhB;MACA,IAAI,YAAY,IAAI2N,QAAQ,EAAE;QAC5B,oBACE9P,KAAA,CAAAsF,aAAA,CAACP,SAAS;UAACG,KAAK,EAAEA,KAAM;UAAC1C,YAAY,EAAEA;QAAa,gBAClDxC,KAAA,CAAAsF,aAAA,CAAC5E,oBAAoB,qBACnBV,KAAA,CAAAsF,aAAA,CAACpF,OAAO,MAAE,CACU,CACb,CAAC;MAEhB;MAEA,IAAMuQ,wBAAwB,GAAGhF,2BAA2B,CAC1D5I,QAAQ,EACRgN,WACF,CAAC;MACD,IAAMa,kBAAkB,GACtBxE,UAAU,CAACtJ,KAAK,KAAK6N,wBAAwB;MAC/C,IAAME,SAAS,GAAG1E,aAAa,IAAIyE,kBAAkB;MACrD,IAAME,UAAU,GAAGxE,mBAAmB,CAAC0D,QAAQ,CAAC;MAChD,IAAMe,UAAU,GAAGvJ,gBAAgB,CAACC,KAAK,IAAI,CAACqJ,UAAU;MAExD,oBACE5Q,KAAA,CAAAsF,aAAA,CAACM,aAAa;QAACV,KAAK,EAAEA;MAAM,gBAC1BlF,KAAA,CAAAsF,aAAA,CAACnF,OAAO;QACNsN,GAAG,EAAEqC,QAAQ,CAAChO,EAAG;QACjBgP,OAAO,EAAED,UAAU,GAAG,OAAO,GAAG,MAAO;QACvCE,OAAO,EAAEzJ,gBAAgB,CAACE,OAAQ;QAClCwJ,QAAQ,EAAE;MAAG,gBAEbhR,KAAA,CAAAsF,aAAA,CAAC3E,eAAe;QACd,sBAAc;QACd,WAASiH,EAAE,aAAFA,EAAE,wBAAAgI,aAAA,GAAFhI,EAAE,CAAEyE,SAAS,cAAAuD,aAAA,uBAAbA,aAAA,CAAAqB,IAAA,CAAArJ,EAAE,EAAckI,QAAQ,CAAChO,EAAE,CAAE;QACtCoP,OAAO,EAAEP,SAAU;QACnBhK,QAAQ,EAAEiK,UAAW;QACrBO,QAAQ,EAAEN,UAAW;QACrBO,OAAO,EAAEtB,QAAQ,CAACuB,IAAK;QACvBC,GAAG,EAAExB,QAAQ,CAACwB,GAAI;QAClBC,KAAK,EAAEzB,QAAQ,CAACyB,KAAM;QACtBC,qBAAqB;QACrBC,IAAI,EAAE,UAAW;QACjBlK,KAAK,EAAEhE,MAAM,CAACkN,wBAAwB,CAAE;QACxC1C,SAAS,EAAEA,SAAU;QACrBqC,QAAQ,EAAE,SAAVA,QAAQA,CAAA,EAAQ;UACd5D,MAAM,CAACsD,QAAQ,CAAC;QAClB,CAAE;QACF4B,OAAO,EAAE,SAATA,OAAOA,CAAAC,MAAA,EAAoC;UAAA,IAAAC,QAAA;UAAA,IAA/BC,MAAM,GAAAF,MAAA,CAANE,MAAM;UAChB,IAAMC,qBAAqB,IAAAF,QAAA,GAAIC,MAAM,CAClCE,OAAO,cAAAH,QAAA,uBADoBA,QAAA,CAClBI,cAAc;UAE1B,IAAIF,qBAAqB,EAAE;UAE3B5F,UAAU,CAAC+F,QAAQ,CAACxB,wBAAwB,CAAC;UAC7CjE,MAAM,CAACsD,QAAQ,CAAC;UAChBnH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEuJ,KAAK,CAAC,CAAC;QACxB;MAAE,CACH,CACM,CACI,CAAC;IAEpB,CACsB,CAAC;EAAA,CAEb,CACG,CAAC;AAE1B,CACF,CAAC"}
+{"version":3,"file":"ThumbnailGrid.js","names":["useFocusWithin","React","InfiniteLoader","Spinner","Tooltip","useI18nContext","mergeRefs","useGridNavigation","StyledCheckbox","StyledGroupCell","StyledGroupTitle","StyledSpinnerWrapper","StyledThumbnail","StyledThumbnailGrid","StyledVariableSizeGrid","noop","asyncNoop","Promise","resolve","titleHeight","titleTopPadding","thumbnailHeight","thumbnailWidh","defaultColumnsCount","gutterSize","columnWidth","gridLeftPadding","defaultGridWidth","defaultGridHeight","getId","item","id","getGridRows","_ref","items","groups","title","_ref$isFetching","isFetching","groupTitleFallback","_ref$columnsCount","columnsCount","splitToRows","reduce","acc","index","rowIndex","Math","floor","row","push","splitToGroupedRows","groupedRows","groupedThumbnails","_item$groupId","groupId","String","group","get","set","Map","map","_ref2","forEach","groupRows","length","_groups$find","groupTitleRow","find","_ref3","unshift","concat","_toConsumableArray","setGridTitle","rows","setLoadingIndicator","gridRows","gridRowsWithOptionalTitle","gridRowsWithOptionalLoadingIndicator","filterByGroupId","GroupCell","_ref4","children","style","props","_objectWithoutProperties","_excluded","createElement","_extends","_objectSpread","left","top","width","ThumbnailCell","_ref5","className","_excluded2","GridOuterContainer","forwardRef","ref","tabIndex","GridInnerContainer","_ref6","_excluded3","paddingLeft","ThumbnailGrid","_ref7","_ref7$selected","selected","accessibleLabel","_ref7$gridWidth","gridWidth","_ref7$gridHeight","gridHeight","_ref7$onSelect","onSelect","_ref7$onDeselect","onDeselect","_ref7$disableSelectio","disableSelection","value","tooltip","_ref7$isFetching","_ref7$loadMoreItems","loadMoreItems","qa","_ref7$allowSelectAll","allowSelectAll","_ref7$onSelectAll","onSelectAll","_ref7$onDeselectAll","onDeselectAll","_ref7$onSelectAllGrou","onSelectAllGroup","_ref7$onDeselectAllGr","onDeselectAllGroup","_excluded4","globalTitleId","useId","hasGlobalTitle","Boolean","gridContainerRef","useRef","I18n","gridContainer","current","gridRef","_React$useState","useState","_React$useState2","_slicedToArray","gridContainerWidth","setGridContainerWidth","_React$useState3","_React$useState4","setColumnsCount","gridInstance","_useFocusWithin","onFocusWithin","e","setIsGridFocused","onBlurWithin","focusWithinProps","useEffect","handleResize","offsetWidth","containerWidth","currentColumnsCount","window","addEventListener","removeEventListener","useMemo","t","isTitleRow","rowCells","isFetchingRow","isNonNavigableRow","rowHeights","titleRow","titleRowIsNotFirstGridRow","rowPadding","nonNavigableRowIndices","filter","_ref8","_ref9","navigationIndicesRows","cell","findIndex","getNumberOfNonNavigableRowsBefore","useCallback","getThumbnailNavigationIndex","cellIndex","thumbnailNavigationIndexToRowIndexMap","mappedRowCells","_","navIndex","_React$useState5","_React$useState6","isGridFocused","navigation","indicesRows","isThumbnailSelected","thumbnail","some","_ref0","toggle","itemsIds","selectedIds","isFullySelected","every","includes","isPartiallySelected","isGroupFullySelected","currentGroupItems","selectedGroupItems","isGroupPartiallySelected","onSelectAllChange","stopPropagation","onSelectAllGroupChange","onMouseDown","preventDefault","updateNavigationPosition","key","nativeEvent","shiftKey","down","up","right","onKeyDown","newPosition","scrollToItem","setIndicesRows","resetAfterRowIndex","grid","role","itemCount","isItemLoaded","threshold","_ref1","onItemsRendered","infiniteLoaderRef","height","rowCount","rowHeight","columnCount","innerElementType","overscanRowCount","_ref10","visibleRowStartIndex","visibleRowStopIndex","overscanRowStopIndex","overscanRowStartIndex","overscanStartIndex","overscanStopIndex","visibleStartIndex","visibleStopIndex","overflow","_ref11","_qa$thumbnail","columnIndex","cellData","isGlobalTitle","isGlobalHeadingRow","dataQa","onChangeCallback","isChecked","isIndeterminate","onChange","checked","indeterminate","undefined","weight","color","thumbnailNavigationIndex","isNavigationTarget","isFocused","isSelected","isDisabled","trigger","overlay","showKeys","call","focused","disabled","caption","name","src","label","hasCaptionPlaceholder","onClick","_ref12","_dataset","target","isCaptionTooltipClick","dataset","captionTooltip","setIndex","focus"],"sources":["../../src/ThumbnailGrid/ThumbnailGrid.tsx"],"sourcesContent":["import { useFocusWithin } from '@react-aria/interactions'\nimport React from 'react'\nimport type { GridChildComponentProps, VariableSizeGrid } from 'react-window'\nimport InfiniteLoader from 'react-window-infinite-loader'\nimport { Spinner } from '../Spinner'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { useGridNavigation } from './ThumbnailGrid.hooks'\nimport {\n  StyledCheckbox,\n  StyledGroupCell,\n  StyledGroupTitle,\n  StyledSpinnerWrapper,\n  StyledThumbnail,\n  StyledThumbnailGrid,\n  StyledVariableSizeGrid,\n} from './ThumbnailGrid.styles'\nimport type {\n  GridCellData,\n  ThumbnailGridGroup,\n  ThumbnailGridGroupTitle,\n  ThumbnailGridItem,\n  ThumbnailGridProps,\n} from './ThumbnailGrid.types'\n\ntype OnItemsRenderedProps = {\n  visibleRowStartIndex: number\n  visibleRowStopIndex: number\n  overscanRowStopIndex: number\n  overscanRowStartIndex: number\n}\n\nfunction noop() {}\n\nconst asyncNoop = () => Promise.resolve()\n\nconst titleHeight = 20\nconst titleTopPadding = 24\nconst thumbnailHeight = 138\nconst thumbnailWidh = 104\nconst defaultColumnsCount = 5\nconst gutterSize = 12\nconst columnWidth = thumbnailWidh + gutterSize\nconst gridLeftPadding = 24\nconst defaultGridWidth = gridLeftPadding + columnWidth * defaultColumnsCount\nconst defaultGridHeight = (thumbnailHeight + gutterSize) * 3\nconst getId = (item: ThumbnailGridItem) => item.id\n\nconst getGridRows = ({\n  items,\n  groups,\n  title,\n  isFetching = false,\n  groupTitleFallback,\n  columnsCount = defaultColumnsCount,\n}: {\n  items: ThumbnailGridItem[]\n  groups?: ThumbnailGridGroup[]\n  title?: string\n  isFetching: boolean\n  groupTitleFallback: string\n  columnsCount: number\n}) => {\n  const splitToRows = (items: GridCellData[]) =>\n    items.reduce((acc: GridCellData[][], item: GridCellData, index: number) => {\n      const rowIndex = Math.floor(index / columnsCount)\n      const row = (acc[rowIndex] = acc[rowIndex] || [])\n      row.push(item)\n      return acc\n    }, [] as GridCellData[][])\n\n  const splitToGroupedRows = (\n    items: ThumbnailGridItem[],\n    groups: ThumbnailGridGroup[]\n  ) => {\n    let groupedRows: GridCellData[][] = []\n\n    const groupedThumbnails = items.reduce((acc, item) => {\n      const groupId = item.groupId ?? String(item.groupId)\n      const group = acc.get(groupId)\n      if (group) {\n        group.push(item)\n      } else {\n        acc.set(groupId, [item])\n      }\n      return acc\n    }, new Map<string | number, GridCellData[]>(groups.map(({ id }) => [id, []])))\n\n    groupedThumbnails.forEach((group, groupId) => {\n      const groupRows = splitToRows(group)\n\n      if (groupRows.length) {\n        const groupTitleRow = [\n          {\n            title:\n              groups.find(({ id }) => groupId === id)?.title ||\n              groupTitleFallback,\n            groupId,\n          } as ThumbnailGridGroupTitle,\n        ]\n        groupRows.unshift(groupTitleRow)\n      }\n\n      groupedRows = [...groupedRows, ...groupRows]\n    })\n\n    return groupedRows\n  }\n\n  const setGridTitle = (rows: GridCellData[][]) => {\n    if (title) {\n      rows.unshift([{ title: title }])\n    }\n    return rows\n  }\n\n  const setLoadingIndicator = (rows: GridCellData[][]) => {\n    if (isFetching) {\n      rows.push([{ isFetching }])\n    }\n    return rows\n  }\n\n  const gridRows = groups\n    ? splitToGroupedRows(items, groups)\n    : splitToRows(items)\n\n  const gridRowsWithOptionalTitle = setGridTitle(gridRows)\n  const gridRowsWithOptionalLoadingIndicator = setLoadingIndicator(\n    gridRowsWithOptionalTitle\n  )\n\n  return gridRowsWithOptionalLoadingIndicator\n}\n\nconst filterByGroupId = (item: ThumbnailGridItem, groupId: string) => {\n  return String(item.groupId) === groupId\n}\n\nconst GroupCell = ({\n  children,\n  style,\n  columnsCount,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { columnsCount: number }) => {\n  return (\n    <StyledGroupCell\n      style={{\n        ...style,\n        left: (style?.left as number) + gridLeftPadding,\n        top: (style?.top as number) + gutterSize,\n        width: columnWidth * columnsCount,\n      }}\n      {...props}\n    >\n      {children}\n    </StyledGroupCell>\n  )\n}\n\nconst ThumbnailCell = ({\n  children,\n  className,\n  style,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      style={{\n        ...style,\n        left: (style?.left as number) + gridLeftPadding,\n        top: (style?.top as number) + gutterSize,\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n// See https://github.com/bvaughn/react-window/issues/130\nconst GridOuterContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => <div ref={ref} tabIndex={-1} {...props} />)\n\nconst GridInnerContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ style, ...props }, ref) => (\n  <div\n    ref={ref}\n    tabIndex={-1}\n    style={{\n      ...style,\n      paddingLeft: gridLeftPadding,\n      width: (style?.width as number) + gridLeftPadding,\n    }}\n    {...props}\n  />\n))\n\nexport const ThumbnailGrid = React.forwardRef<\n  HTMLDivElement,\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & ThumbnailGridProps\n>(\n  (\n    {\n      items,\n      selected = [],\n      groups,\n      accessibleLabel,\n      title,\n      gridWidth = defaultGridWidth,\n      gridHeight = defaultGridHeight,\n      onSelect = noop,\n      onDeselect = noop,\n      disableSelection = {\n        value: false,\n        tooltip: '',\n      },\n      isFetching = false,\n      loadMoreItems = asyncNoop,\n      qa,\n      allowSelectAll = false,\n      onSelectAll = noop,\n      onDeselectAll = noop,\n      onSelectAllGroup = noop,\n      onDeselectAllGroup = noop,\n      ...props\n    },\n    forwardRef\n  ) => {\n    const globalTitleId = React.useId()\n    const hasGlobalTitle = Boolean(title)\n    const gridContainerRef = React.useRef<HTMLDivElement>(null)\n    const I18n = useI18nContext()\n    const gridContainer = gridContainerRef.current\n    const gridRef = React.useRef<VariableSizeGrid | null>(null)\n    const [gridContainerWidth, setGridContainerWidth] =\n      React.useState<number>(gridWidth)\n    const [columnsCount, setColumnsCount] =\n      React.useState<number>(defaultColumnsCount)\n    const gridInstance = gridRef.current\n    let { focusWithinProps } = useFocusWithin({\n      onFocusWithin: (e) => setIsGridFocused(true),\n      onBlurWithin: (e) => setIsGridFocused(false),\n    })\n\n    React.useEffect(() => {\n      const handleResize = () => {\n        if (gridContainer?.offsetWidth) {\n          const containerWidth = gridContainer.offsetWidth - gridLeftPadding\n          const currentColumnsCount = Math.floor(containerWidth / columnWidth)\n          setGridContainerWidth(containerWidth)\n          setColumnsCount(currentColumnsCount || 1)\n        }\n      }\n\n      handleResize() // Initial resize calculation\n\n      window.addEventListener('resize', handleResize)\n\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }, [gridContainer])\n\n    const rows = React.useMemo(\n      () =>\n        getGridRows({\n          items,\n          groups,\n          isFetching,\n          title,\n          columnsCount,\n          groupTitleFallback: I18n.t(\n            'core.fileExplorer.ungroupedThumbnailGridGroup'\n          ),\n        }),\n      [items, groups, title, isFetching, columnsCount]\n    )\n\n    const isTitleRow = (rowCells: GridCellData[]): boolean =>\n      'title' in rowCells[0]\n\n    const isFetchingRow = (rowCells: GridCellData[]): boolean =>\n      'isFetching' in rowCells[0]\n\n    const isNonNavigableRow = (rowCells: GridCellData[]) =>\n      isTitleRow(rowCells) || isFetchingRow(rowCells)\n\n    const rowHeights = React.useMemo(() => {\n      return rows.map((rowCells, index) => {\n        const titleRow = isTitleRow(rowCells)\n        const titleRowIsNotFirstGridRow = titleRow && index > 0\n        const rowPadding =\n          (titleRowIsNotFirstGridRow ? titleTopPadding : 0) + gutterSize\n\n        if (titleRow) {\n          return titleHeight + rowPadding\n        } else {\n          return thumbnailHeight + rowPadding\n        }\n      })\n    }, [rows])\n\n    const nonNavigableRowIndices = React.useMemo(\n      () =>\n        rows\n          .map((rowCells, index) => ({\n            index,\n            isNonNavigableRow: isNonNavigableRow(rowCells),\n          }))\n          .filter(({ isNonNavigableRow }) => isNonNavigableRow)\n          .map(({ index }) => index),\n      [rows]\n    )\n\n    const navigationIndicesRows = React.useMemo(\n      () =>\n        rows\n          .filter((rowCells) => !isNonNavigableRow(rowCells))\n          .map((rowCells) =>\n            rowCells.map((cell) =>\n              items.findIndex(\n                (item) => item.id === (cell as ThumbnailGridItem).id\n              )\n            )\n          ),\n      [rows, items]\n    )\n\n    const getNumberOfNonNavigableRowsBefore = React.useCallback(\n      (rowIndex: number) =>\n        nonNavigableRowIndices.filter((index) => rowIndex > index).length,\n      [nonNavigableRowIndices]\n    )\n\n    const getThumbnailNavigationIndex = React.useCallback(\n      (rowIndex: number, cellIndex: number) => {\n        return navigationIndicesRows[\n          rowIndex - getNumberOfNonNavigableRowsBefore(rowIndex)\n        ][cellIndex]\n      },\n      [navigationIndicesRows, getNumberOfNonNavigableRowsBefore]\n    )\n\n    const thumbnailNavigationIndexToRowIndexMap = React.useMemo(\n      () =>\n        rows.reduce((acc, rowCells, rowIndex) => {\n          if (isNonNavigableRow(rowCells)) return acc\n\n          const mappedRowCells = rowCells.reduce((acc, _, cellIndex) => {\n            const navIndex = String(\n              getThumbnailNavigationIndex(rowIndex, cellIndex)\n            )\n            acc[navIndex] = rowIndex\n            return acc\n          }, {} as Record<string, number>)\n\n          return { ...acc, ...mappedRowCells }\n        }, {} as Record<string, number>),\n      [rows, getThumbnailNavigationIndex]\n    )\n\n    const [isGridFocused, setIsGridFocused] = React.useState(false)\n\n    const navigation = useGridNavigation({\n      indicesRows: navigationIndicesRows,\n    })\n\n    const isThumbnailSelected = (thumbnail: ThumbnailGridItem) =>\n      selected.some(({ id }) => thumbnail.id === id)\n\n    const toggle = (thumbnail: ThumbnailGridItem) => {\n      if (isThumbnailSelected(thumbnail)) {\n        onDeselect(thumbnail)\n      } else if (!disableSelection.value) {\n        onSelect(thumbnail)\n      }\n    }\n\n    const itemsIds = React.useMemo(() => items.map(getId), [items])\n    const selectedIds = React.useMemo(() => selected.map(getId), [selected])\n\n    const isFullySelected = React.useMemo(() => {\n      return (\n        itemsIds.length > 0 && itemsIds.every((id) => selectedIds.includes(id))\n      )\n    }, [selected, items])\n\n    const isPartiallySelected = React.useMemo(() => {\n      return (\n        selectedIds.length > 0 &&\n        !isFullySelected &&\n        itemsIds.some((id) => selectedIds.includes(id))\n      )\n    }, [selected, isFullySelected])\n\n    const isGroupFullySelected = (groupId: string) => {\n      const currentGroupItems = items.filter((item) =>\n        filterByGroupId(item, groupId)\n      )\n      const selectedGroupItems = selected.filter((item) =>\n        filterByGroupId(item, groupId)\n      )\n\n      return (\n        currentGroupItems.length > 0 &&\n        currentGroupItems\n          .map(getId)\n          .every((id) => selectedGroupItems.map(getId).includes(id))\n      )\n    }\n\n    const isGroupPartiallySelected = (groupId: string) => {\n      const currentGroupItems = items.filter((item) =>\n        filterByGroupId(item, groupId)\n      )\n      const selectedGroupItems = selected.filter((item) =>\n        filterByGroupId(item, groupId)\n      )\n\n      return (\n        selectedGroupItems.length > 0 &&\n        !isGroupFullySelected(groupId) &&\n        selectedGroupItems\n          .map(getId)\n          .some((id) => currentGroupItems.map(getId).includes(id))\n      )\n    }\n\n    const onSelectAllChange = (e: React.FormEvent<HTMLInputElement>) => {\n      e.stopPropagation()\n      if (!isFullySelected) {\n        onSelectAll?.()\n      } else {\n        onDeselectAll?.()\n      }\n    }\n\n    const onSelectAllGroupChange = (\n      e: React.FormEvent<HTMLInputElement>,\n      groupId: string\n    ) => {\n      e.stopPropagation()\n      if (!isGroupFullySelected(groupId)) {\n        onSelectAllGroup?.(groupId)\n      } else {\n        onDeselectAllGroup?.(groupId)\n      }\n    }\n\n    const onMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n      e.preventDefault()\n    }\n\n    const updateNavigationPosition = (\n      e: React.KeyboardEvent<HTMLDivElement>\n    ): number => {\n      if (e.key === 'Tab' && e.nativeEvent.shiftKey) {\n        e.preventDefault()\n        return navigation.left(e)\n      }\n      switch (e.key) {\n        case 'ArrowDown':\n        case 'Down':\n          e.preventDefault()\n          return navigation.down(e)\n        case 'ArrowUp':\n        case 'Up':\n          e.preventDefault()\n          return navigation.up(e)\n        case 'ArrowLeft':\n        case 'Left':\n          e.preventDefault()\n          return navigation.left(e)\n        case 'Tab':\n        case 'ArrowRight':\n        case 'Right':\n          e.preventDefault()\n          return navigation.right(e)\n        default:\n          return -1\n      }\n    }\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!isGridFocused) return\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        toggle(items[navigation.index])\n      } else {\n        const newPosition = updateNavigationPosition(e)\n\n        if (newPosition !== -1) {\n          gridInstance?.scrollToItem({\n            rowIndex: thumbnailNavigationIndexToRowIndexMap[newPosition],\n          })\n        }\n      }\n    }\n\n    React.useEffect(() => {\n      navigation.setIndicesRows(navigationIndicesRows)\n    }, [navigationIndicesRows, navigation])\n\n    React.useEffect(() => {\n      // VariableSizeGrid caches offsets and measurements for each row index for performance purposes.\n      // Method below clears cached data and triggers recalucation when a new value of search filter recomposites grid structure.\n      gridInstance?.resetAfterRowIndex(0)\n    }, [items, gridInstance])\n\n    return (\n      <StyledThumbnailGrid\n        {...props}\n        {...focusWithinProps}\n        ref={mergeRefs(forwardRef, gridContainerRef)}\n        data-qa={qa?.grid}\n        tabIndex={0}\n        onMouseDown={onMouseDown}\n        role=\"group\"\n        {...(hasGlobalTitle\n          ? { 'aria-labelledby': globalTitleId }\n          : { 'aria-label': accessibleLabel })}\n      >\n        <InfiniteLoader\n          loadMoreItems={isFetching ? asyncNoop : loadMoreItems}\n          itemCount={rows.length}\n          isItemLoaded={(index) => index < rows.length - 1}\n          threshold={0}\n        >\n          {({ onItemsRendered, ref: infiniteLoaderRef }) => (\n            <StyledVariableSizeGrid\n              width={gridContainerWidth}\n              height={gridHeight}\n              rowCount={rows.length}\n              rowHeight={(index: number) => rowHeights[index]}\n              columnCount={columnsCount}\n              columnWidth={() => columnWidth}\n              innerElementType={GridInnerContainer}\n              overscanRowCount={2}\n              onItemsRendered={({\n                visibleRowStartIndex,\n                visibleRowStopIndex,\n                overscanRowStopIndex,\n                overscanRowStartIndex,\n              }: OnItemsRenderedProps) => {\n                onItemsRendered({\n                  overscanStartIndex: overscanRowStartIndex,\n                  overscanStopIndex: overscanRowStopIndex,\n                  visibleStartIndex: visibleRowStartIndex,\n                  visibleStopIndex: visibleRowStopIndex,\n                })\n              }}\n              ref={mergeRefs(gridRef, infiniteLoaderRef)}\n              style={{ overflow: 'hidden' }}\n            >\n              {({ columnIndex, rowIndex, style }: GridChildComponentProps) => {\n                const cellData = rows[rowIndex][columnIndex]\n\n                if (!cellData) return null\n\n                if ('title' in cellData) {\n                  const isGlobalTitle = rowIndex === 0\n                  const isGlobalHeadingRow = !('groupId' in cellData)\n                  const groupId = String(cellData?.groupId)\n                  const dataQa = isGlobalTitle\n                    ? 'global-select-all'\n                    : `group-${groupId}-select-all`\n\n                  const onChangeCallback = isGlobalTitle\n                    ? onSelectAllChange\n                    : (e: React.FormEvent<HTMLInputElement>) =>\n                        onSelectAllGroupChange(e, groupId)\n                  const isChecked = isGlobalTitle\n                    ? isFullySelected || isPartiallySelected\n                    : isGroupPartiallySelected(groupId) ||\n                      isGroupFullySelected(groupId)\n                  const isIndeterminate = isGlobalTitle\n                    ? isPartiallySelected\n                    : isGroupPartiallySelected(groupId)\n\n                  return (\n                    <GroupCell style={style} columnsCount={columnsCount}>\n                      {allowSelectAll ? (\n                        <StyledCheckbox\n                          data-qa={dataQa}\n                          onChange={onChangeCallback}\n                          checked={isChecked}\n                          indeterminate={isIndeterminate}\n                        >\n                          <StyledGroupTitle\n                            id={isGlobalHeadingRow ? globalTitleId : undefined}\n                            weight=\"bold\"\n                            color=\"gray15\"\n                          >\n                            {cellData.title}\n                          </StyledGroupTitle>\n                        </StyledCheckbox>\n                      ) : (\n                        <StyledGroupTitle\n                          id={isGlobalHeadingRow ? globalTitleId : undefined}\n                          weight=\"bold\"\n                          color=\"gray15\"\n                        >\n                          {cellData.title}\n                        </StyledGroupTitle>\n                      )}\n                    </GroupCell>\n                  )\n                }\n                if ('isFetching' in cellData) {\n                  return (\n                    <GroupCell style={style} columnsCount={columnsCount}>\n                      <StyledSpinnerWrapper>\n                        <Spinner />\n                      </StyledSpinnerWrapper>\n                    </GroupCell>\n                  )\n                }\n\n                const thumbnailNavigationIndex = getThumbnailNavigationIndex(\n                  rowIndex,\n                  columnIndex\n                )\n                const isNavigationTarget =\n                  navigation.index === thumbnailNavigationIndex\n                const isFocused = isGridFocused && isNavigationTarget\n                const isSelected = isThumbnailSelected(cellData)\n                const isDisabled = disableSelection.value && !isSelected\n\n                return (\n                  <ThumbnailCell style={style}>\n                    <Tooltip\n                      key={cellData.id}\n                      trigger={isDisabled ? 'hover' : 'none'}\n                      overlay={disableSelection.tooltip}\n                      showKeys={[]}\n                    >\n                      <StyledThumbnail\n                        data-thumbnail\n                        data-qa={qa?.thumbnail?.(cellData.id)}\n                        focused={isFocused}\n                        selected={isSelected}\n                        disabled={isDisabled}\n                        caption={cellData.name}\n                        src={cellData.src}\n                        label={cellData.label}\n                        hasCaptionPlaceholder\n                        role={'checkbox'}\n                        value={String(thumbnailNavigationIndex)}\n                        onKeyDown={onKeyDown}\n                        onChange={() => {\n                          toggle(cellData)\n                        }}\n                        onClick={({ target }: React.MouseEvent) => {\n                          const isCaptionTooltipClick = (target as HTMLElement)\n                            .dataset?.captionTooltip\n\n                          if (isCaptionTooltipClick) return\n\n                          navigation.setIndex(thumbnailNavigationIndex)\n                          toggle(cellData)\n                          gridContainer?.focus()\n                        }}\n                      />\n                    </Tooltip>\n                  </ThumbnailCell>\n                )\n              }}\n            </StyledVariableSizeGrid>\n          )}\n        </InfiniteLoader>\n      </StyledThumbnailGrid>\n    )\n  }\n)\n"],"mappings":"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"}

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_45_0__sc-1inrbm9-0"
+  componentId: "core-12_46_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_45_0__sc-1inrbm9-1"
+  componentId: "core-12_46_0__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_45_0__sc-1inrbm9-2"
+  componentId: "core-12_46_0__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_45_0__sc-1inrbm9-3"
+  componentId: "core-12_46_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_45_0__sc-1inrbm9-4"
+  componentId: "core-12_46_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_45_0__sc-1inrbm9-5"
+  componentId: "core-12_46_0__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_45_0__sc-1inrbm9-6"
+  componentId: "core-12_46_0__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/ThumbnailGrid/ThumbnailGrid.types.d.ts

@@ -36,23 +36,50 @@ export interface QaTags {
      */
     thumbnail?: (id: string | number) => string;
 }
-export interface ThumbnailGridProps<T extends ThumbnailGridItem = ThumbnailGridItem> {
+declare type ThumbnailGridLabelProps = {
     /**
+     * Accessible name for the grid, applied as `aria-label` on the root element.
+     * Use a short, content-specific description (e.g. "Project photos", "Attachments").
+     *
+     * @since 12.43.0
+     */
+    accessibleLabel: string;
+    /**
+     * Visible heading row for the whole grid. When provided, the root uses
+     * `aria-labelledby` pointing at this heading instead of `aria-label`.
+     *
      * @since 10.19.0
      */
-    selected: T[];
+    title?: string;
+} | {
     /**
+     * Accessible name for the grid, applied as `aria-label` on the root element.
+     * Use a short, content-specific description (e.g. "Project photos", "Attachments").
+     *
+     * @since 12.43.0
+     */
+    accessibleLabel?: never;
+    /**
+     * Visible heading row for the whole grid. When provided, the root uses
+     * `aria-labelledby` pointing at this heading instead of `aria-label`.
+     *
      * @since 10.19.0
      */
-    items: T[];
+    title: string;
+};
+export declare type ThumbnailGridProps<T extends ThumbnailGridItem = ThumbnailGridItem> = ThumbnailGridLabelProps & {
     /**
      * @since 10.19.0
      */
-    groups?: ThumbnailGridGroup[];
+    selected: T[];
     /**
      * @since 10.19.0
      */
-    title?: string;
+    items: T[];
+    /**
+     * @since 10.19.0
+     */
+    groups?: ThumbnailGridGroup[];
     /**
      * @since 10.19.0
      */
@@ -108,7 +135,7 @@ export interface ThumbnailGridProps<T extends ThumbnailGridItem = ThumbnailGridI
      * @since 11.18.2
      */
     onDeselectAllGroup?: (groupId: string) => void;
-}
+};
 export interface ThumbnailGridItem {
     /**
      * @since 10.19.0
@@ -131,3 +158,4 @@ export interface ThumbnailGridItem {
      */
     groupId?: string | number;
 }
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailGrid.types.js","names":[],"sources":["../../src/ThumbnailGrid/ThumbnailGrid.types.ts"],"sourcesContent":["import type {\n  ThumbnailProps,\n  ThumbnailRoleType,\n} from '../Thumbnail/Thumbnail.types'\n\nexport interface ThumbnailGridGroup {\n  /**\n   * @since 10.19.0\n   */\n  id: string | number\n  /**\n   * @since 10.19.0\n   */\n  title: string\n}\n\nexport interface ThumbnailGridGroupTitle {\n  /**\n   * @since 11.18.2\n   */\n  title: string\n  /**\n   * @since 11.18.2\n   */\n  groupId?: string | number\n}\n\nexport interface LoaderGridItem {\n  /**\n   * @since 10.19.0\n   */\n  isFetching: boolean\n}\n\nexport type GridCellData =\n  | ThumbnailGridItem\n  | ThumbnailGridGroupTitle\n  | LoaderGridItem\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  grid?: string\n  /**\n   * @since 10.19.0\n   */\n  thumbnail?: (id: string | number) => string\n}\n\nexport interface ThumbnailGridProps<\n  T extends ThumbnailGridItem = ThumbnailGridItem\n> {\n  /**\n   * @since 10.19.0\n   */\n  selected: T[]\n  /**\n   * @since 10.19.0\n   */\n  items: T[]\n  /**\n   * @since 10.19.0\n   */\n  groups?: ThumbnailGridGroup[]\n  /**\n   * @since 10.19.0\n   */\n  title?: string\n  /**\n   * @since 10.19.0\n   */\n  gridWidth?: number\n  /**\n   * @since 10.19.0\n   */\n  gridHeight?: number\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (item: T) => void\n  /**\n   * @since 10.19.0\n   */\n  onDeselect?: (item: T) => void\n  /**\n   * @since 10.19.0\n   */\n  disableSelection?: {\n    value: boolean\n    tooltip: string\n  }\n  /**\n   * @since 10.19.0\n   */\n  isFetching?: boolean\n  /**\n   * @since 10.19.0\n   */\n  loadMoreItems?: () => Promise<any>\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n  /**\n   * @since 11.18.2\n   */\n  allowSelectAll?: boolean\n  /**\n   * @since 11.18.2\n   */\n  onSelectAll?: () => void\n  /**\n   * @since 11.18.2\n   */\n  onDeselectAll?: () => void\n  /**\n   * @since 11.18.2\n   */\n  onSelectAllGroup?: (groupId: string) => void\n  /**\n   * @since 11.18.2\n   */\n  onDeselectAllGroup?: (groupId: string) => void\n}\n\nexport interface ThumbnailGridItem {\n  /**\n   * @since 10.19.0\n   */\n  id: string | number\n  /**\n   * @since 10.19.0\n   */\n  src?: ThumbnailProps<ThumbnailRoleType>['src']\n  /**\n   * @since 10.19.0\n   */\n  name?: ThumbnailProps<ThumbnailRoleType>['caption']\n  /**\n   * @since 10.19.0\n   */\n  label?: ThumbnailProps<ThumbnailRoleType>['label']\n  /**\n   * @since 10.19.0\n   */\n  groupId?: string | number\n}\n"],"mappings":""}
+{"version":3,"file":"ThumbnailGrid.types.js","names":[],"sources":["../../src/ThumbnailGrid/ThumbnailGrid.types.ts"],"sourcesContent":["import type {\n  ThumbnailProps,\n  ThumbnailRoleType,\n} from '../Thumbnail/Thumbnail.types'\n\nexport interface ThumbnailGridGroup {\n  /**\n   * @since 10.19.0\n   */\n  id: string | number\n  /**\n   * @since 10.19.0\n   */\n  title: string\n}\n\nexport interface ThumbnailGridGroupTitle {\n  /**\n   * @since 11.18.2\n   */\n  title: string\n  /**\n   * @since 11.18.2\n   */\n  groupId?: string | number\n}\n\nexport interface LoaderGridItem {\n  /**\n   * @since 10.19.0\n   */\n  isFetching: boolean\n}\n\nexport type GridCellData =\n  | ThumbnailGridItem\n  | ThumbnailGridGroupTitle\n  | LoaderGridItem\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  grid?: string\n  /**\n   * @since 10.19.0\n   */\n  thumbnail?: (id: string | number) => string\n}\n\ntype ThumbnailGridLabelProps =\n  | {\n      /**\n       * Accessible name for the grid, applied as `aria-label` on the root element.\n       * Use a short, content-specific description (e.g. \"Project photos\", \"Attachments\").\n       *\n       * @since 12.43.0\n       */\n      accessibleLabel: string\n      /**\n       * Visible heading row for the whole grid. When provided, the root uses\n       * `aria-labelledby` pointing at this heading instead of `aria-label`.\n       *\n       * @since 10.19.0\n       */\n      title?: string\n    }\n  | {\n      /**\n       * Accessible name for the grid, applied as `aria-label` on the root element.\n       * Use a short, content-specific description (e.g. \"Project photos\", \"Attachments\").\n       *\n       * @since 12.43.0\n       */\n      accessibleLabel?: never\n      /**\n       * Visible heading row for the whole grid. When provided, the root uses\n       * `aria-labelledby` pointing at this heading instead of `aria-label`.\n       *\n       * @since 10.19.0\n       */\n      title: string\n    }\n\nexport type ThumbnailGridProps<\n  T extends ThumbnailGridItem = ThumbnailGridItem\n> = ThumbnailGridLabelProps & {\n  /**\n   * @since 10.19.0\n   */\n  selected: T[]\n  /**\n   * @since 10.19.0\n   */\n  items: T[]\n  /**\n   * @since 10.19.0\n   */\n  groups?: ThumbnailGridGroup[]\n  /**\n   * @since 10.19.0\n   */\n  gridWidth?: number\n  /**\n   * @since 10.19.0\n   */\n  gridHeight?: number\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (item: T) => void\n  /**\n   * @since 10.19.0\n   */\n  onDeselect?: (item: T) => void\n  /**\n   * @since 10.19.0\n   */\n  disableSelection?: {\n    value: boolean\n    tooltip: string\n  }\n  /**\n   * @since 10.19.0\n   */\n  isFetching?: boolean\n  /**\n   * @since 10.19.0\n   */\n  loadMoreItems?: () => Promise<any>\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n  /**\n   * @since 11.18.2\n   */\n  allowSelectAll?: boolean\n  /**\n   * @since 11.18.2\n   */\n  onSelectAll?: () => void\n  /**\n   * @since 11.18.2\n   */\n  onDeselectAll?: () => void\n  /**\n   * @since 11.18.2\n   */\n  onSelectAllGroup?: (groupId: string) => void\n  /**\n   * @since 11.18.2\n   */\n  onDeselectAllGroup?: (groupId: string) => void\n}\n\nexport interface ThumbnailGridItem {\n  /**\n   * @since 10.19.0\n   */\n  id: string | number\n  /**\n   * @since 10.19.0\n   */\n  src?: ThumbnailProps<ThumbnailRoleType>['src']\n  /**\n   * @since 10.19.0\n   */\n  name?: ThumbnailProps<ThumbnailRoleType>['caption']\n  /**\n   * @since 10.19.0\n   */\n  label?: ThumbnailProps<ThumbnailRoleType>['label']\n  /**\n   * @since 10.19.0\n   */\n  groupId?: string | number\n}\n"],"mappings":""}

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_45_0__sc-e1ql06-0"
+  componentId: "core-12_46_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_45_0__sc-e1ql06-1"
+  componentId: "core-12_46_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_45_0__sc-e1ql06-2"
+  componentId: "core-12_46_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_45_0__sc-e1ql06-3"
+  componentId: "core-12_46_0__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_45_0__sc-e1ql06-4"
+  componentId: "core-12_46_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_45_0__sc-e1ql06-5"
+  componentId: "core-12_46_0__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-12_45_0__sc-e1ql06-6"
+  componentId: "core-12_46_0__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-12_45_0__sc-e1ql06-7"
+  componentId: "core-12_46_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_45_0__sc-e1ql06-8"
+  componentId: "core-12_46_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_45_0__sc-8q9p0n-0"
+  componentId: "core-12_46_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_45_0__sc-8q9p0n-1"
+  componentId: "core-12_46_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_45_0__sc-8q9p0n-2"
+  componentId: "core-12_46_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_45_0__sc-8q9p0n-3"
+  componentId: "core-12_46_0__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_45_0__sc-8q9p0n-4"
+  componentId: "core-12_46_0__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_45_0__sc-8q9p0n-5"
+  componentId: "core-12_46_0__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_45_0__sc-8q9p0n-6"
+  componentId: "core-12_46_0__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_45_0__sc-8q9p0n-7"
+  componentId: "core-12_46_0__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_45_0__sc-1t2ye1d-0"
+  componentId: "core-12_46_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_45_0__sc-1t2ye1d-1"
+  componentId: "core-12_46_0__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-12_45_0__sc-1t2ye1d-2"
+  componentId: "core-12_46_0__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-12_45_0__sc-1t2ye1d-3"
+  componentId: "core-12_46_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_45_0__sc-1t2ye1d-4"
+  componentId: "core-12_46_0__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-12_45_0__sc-1t2ye1d-5"
+  componentId: "core-12_46_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_45_0__sc-1t2ye1d-6"
+  componentId: "core-12_46_0__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_45_0__sc-1l6lk2n-0"
+  componentId: "core-12_46_0__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_45_0__sc-1l6lk2n-1"
+  componentId: "core-12_46_0__sc-1l6lk2n-1"
 })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-12_45_0__sc-1l6lk2n-2"
+  componentId: "core-12_46_0__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.js

@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
 import { colors } from '../_styles/colors';
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_45_0__sc-1x59fxi-0"
+  componentId: "core-12_46_0__sc-1x59fxi-0"
 })(["", ""], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);

package/dist/Token/Token.js

@@ -3,12 +3,13 @@ var _excluded = ["children", "disabled", "focused", "error", "variant"],
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { Clear } from '@procore/core-icons';
+import { Clear, Error as ErrorIcon } from '@procore/core-icons';
 import { useId } from '@react-aria/utils';
 import React from 'react';
+import { Tooltip } from '../Tooltip';
 import { useI18nContext } from '../_hooks/I18n';
 import { addSubcomponents } from '../_utils/addSubcomponents';
-import { StyledLabel, StyledRemove, StyledToken } from './Token.styles';
+import { StyledErrorButton, StyledErrorIcon, StyledLabel, StyledRemove, StyledToken } from './Token.styles';
 var TokenContext = /*#__PURE__*/React.createContext({
   labelId: '',
   removeId: '',
@@ -24,10 +25,13 @@ var Parent = /*#__PURE__*/React.forwardRef(function Token(_ref, ref) {
     error = _ref$error === void 0 ? false : _ref$error,
     variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
+  var i18n = useI18nContext();
   var labelId = useId();
   var removeId = useId();
   var isDisabled = disabled || variant === 'disabled';
   var isFocused = focused || variant === 'focused';
+  var hasError = Boolean(error);
+  var errorMessage = typeof error === 'string' ? error : undefined;
   return /*#__PURE__*/React.createElement(TokenContext.Provider, {
     value: {
       labelId: labelId,
@@ -40,8 +44,20 @@ var Parent = /*#__PURE__*/React.forwardRef(function Token(_ref, ref) {
   }, props, {
     $disabled: isDisabled,
     $focused: isFocused,
-    $error: error
-  }), children));
+    $error: hasError
+  }), hasError && (errorMessage ? /*#__PURE__*/React.createElement(Tooltip, {
+    overlay: errorMessage
+  }, /*#__PURE__*/React.createElement(StyledErrorButton, {
+    "aria-label": i18n.t('core.token.error'),
+    type: "button"
+  }, /*#__PURE__*/React.createElement(ErrorIcon, {
+    size: "sm"
+  }))) : /*#__PURE__*/React.createElement(StyledErrorIcon, {
+    "aria-label": i18n.t('core.token.error'),
+    role: "img"
+  }, /*#__PURE__*/React.createElement(ErrorIcon, {
+    size: "sm"
+  }))), children));
 });
 var Remove = /*#__PURE__*/React.forwardRef(function TokenRemove(props, ref) {
   var i18n = useI18nContext();