@razorpay/blade 10.23.5 → 11.1.0

package/build/lib/web/production/components/Table/TablePagination.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.web.js","sources":["../../../../../../src/components/Table/TablePagination.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport { tablePagination } from './tokens';\nimport type { TablePaginationProps } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  MoreHorizontalIcon,\n} from '~components/Icons';\nimport { Dropdown, DropdownOverlay } from '~components/Dropdown';\nimport { SelectInput } from '~components/Input/DropdownInputTriggers';\nimport { ActionList, ActionListItem } from '~components/ActionList';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { Button } from '~components/Button';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\n\nconst pageSizeOptions: NonNullable<TablePaginationProps['defaultPageSize']>[] = [10, 25, 50];\n\nconst PageSelectionButton = styled.button<{ isSelected?: boolean }>(({ theme, isSelected }) => ({\n  backgroundColor: isSelected\n    ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelected)\n    : 'transparent',\n  border: 'none',\n  cursor: 'pointer',\n  height: makeSize(tablePagination.pageSelectionButton.height),\n  width: makeSize(tablePagination.pageSelectionButton.width),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: getIn(theme.border.radius, tablePagination.pageSelectionButton.borderRadius),\n  '&:hover': {\n    backgroundColor: isSelected\n      ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedHover)\n      : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorHover),\n  },\n  '&:focus-visible': {\n    backgroundColor: isSelected\n      ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive)\n      : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),\n    outline: 'none',\n    '&:focus-visible': {\n      outline: `1px solid ${theme.colors.surface.background.level1.lowContrast}`,\n      boxShadow: `0px 0px 0px 4px ${getIn(\n        theme.colors,\n        tablePagination.pageSelectionButton.focusRingColor,\n      )}`,\n    },\n  },\n  '&:active': {\n    backgroundColor: isSelected\n      ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive)\n      : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),\n  },\n}));\nconst getPaginationButtons = ({\n  currentSelection,\n  totalPages,\n}: {\n  currentSelection: number;\n  totalPages: number;\n}): {\n  middleItems: number[];\n  showStartEllipsis: boolean;\n  showEndEllipsis: boolean;\n  firstItem: number;\n  lastItem: number;\n} => {\n  const halfRange = 2;\n  const minMiddleItems = 5;\n\n  // return if totalPages is less than minMiddleItems\n  if (totalPages <= minMiddleItems) {\n    return {\n      middleItems: Array.from({ length: totalPages - 2 }, (_, index) => index + 2),\n      showStartEllipsis: false,\n      showEndEllipsis: false,\n      firstItem: 1,\n      lastItem: totalPages,\n    };\n  }\n\n  let start = Math.max(1, currentSelection - halfRange);\n  let end = Math.min(totalPages, start + 2 * halfRange);\n\n  // Ensure at least minMiddleItems items in middleItems\n  while (end - start + 1 < minMiddleItems && (start > 1 || end < totalPages)) {\n    if (start > 1) {\n      start--;\n    }\n    if (end < totalPages) {\n      end++;\n    }\n  }\n\n  let showStartEllipsis = false;\n  let showEndEllipsis = false;\n\n  const paginationButtons: number[] = [];\n  for (let i = start; i <= end; i++) {\n    paginationButtons.push(i);\n  }\n\n  // if paginationButtons contains 1, remove it\n  if (paginationButtons.includes(1)) {\n    paginationButtons.shift();\n    // add an extra item at the end if length of total pages is greater than minMiddleItems+1\n    if (totalPages > minMiddleItems + 1) paginationButtons.push(end + 1);\n  }\n\n  // if paginationButtons contains totalPages, remove it\n  if (paginationButtons.includes(totalPages)) {\n    paginationButtons.pop();\n    // add an extra item at the beginning if length of total pages is greater than minMiddleItems+1\n    if (totalPages > minMiddleItems + 1) paginationButtons.unshift(start - 1);\n  }\n\n  if (paginationButtons[0] > 2) {\n    showStartEllipsis = true;\n  }\n\n  if (paginationButtons[paginationButtons.length - 1] + 1 < totalPages) {\n    showEndEllipsis = true;\n  }\n\n  return {\n    middleItems: paginationButtons,\n    showStartEllipsis,\n    showEndEllipsis,\n    firstItem: 1,\n    lastItem: totalPages,\n  };\n};\n\nconst _TablePagination = ({\n  currentPage: controlledCurrentPage,\n  onPageChange,\n  onPageSizeChange,\n  defaultPageSize = tablePagination.defaultPageSize,\n  showPageSizePicker = true,\n  showPageNumberSelector = false,\n  showLabel,\n  label,\n}: TablePaginationProps): React.ReactElement => {\n  const {\n    setPaginationPage,\n    currentPaginationState,\n    totalItems,\n    setPaginationRowSize,\n  } = useTableContext();\n  const [currentPageSize, setCurrentPageSize] = React.useState<number>(defaultPageSize);\n  const [currentPage, setCurrentPage] = React.useState<number>(\n    !isUndefined(controlledCurrentPage) ? controlledCurrentPage : currentPaginationState?.page ?? 0,\n  );\n  const [currentEllipseHover, setCurrentEllipseHover] = React.useState<'start' | 'end' | undefined>(\n    undefined,\n  );\n\n  const defaultLabel = currentPaginationState\n    ? `Showing ${currentPaginationState.page * currentPaginationState.size + 1}-${\n        currentPaginationState.page * currentPaginationState.size + currentPaginationState.size\n      } Items`\n    : `Showing 1 to ${totalItems} Items`;\n\n  const { platform } = useTheme();\n  const onMobile = platform === 'onMobile';\n  useEffect(() => {\n    setPaginationRowSize(currentPageSize);\n  }, []);\n\n  useEffect(() => {\n    if (currentPage && currentPaginationState?.page !== currentPage) {\n      setPaginationPage(currentPage);\n    }\n  }, [currentPage, currentPaginationState?.page, setPaginationPage]);\n\n  const totalPages = Math.ceil(totalItems / currentPageSize);\n\n  const handlePageChange = useCallback(\n    (page: number): void => {\n      let pageToJumpTo = page;\n      if (pageToJumpTo < 0) {\n        pageToJumpTo = 0;\n      } else if (pageToJumpTo > totalPages - 1) {\n        pageToJumpTo = totalPages - 1;\n      }\n\n      onPageChange?.({ page: pageToJumpTo });\n\n      if (!isUndefined(controlledCurrentPage)) {\n        pageToJumpTo = controlledCurrentPage;\n      }\n      setPaginationPage(pageToJumpTo);\n      setCurrentPage(pageToJumpTo);\n    },\n    [controlledCurrentPage, onPageChange, setPaginationPage, totalPages],\n  );\n\n  useEffect(() => {\n    if (!isUndefined(controlledCurrentPage) && controlledCurrentPage !== currentPage) {\n      handlePageChange(controlledCurrentPage);\n    }\n  }, [controlledCurrentPage, currentPage, handlePageChange, onPageChange]);\n\n  const handlePageSizeChange = (pageSize: number): void => {\n    onPageSizeChange?.({ pageSize });\n    setPaginationRowSize(pageSize);\n    setCurrentPageSize(pageSize);\n  };\n\n  const shouldDisableNextPage = (): boolean => {\n    return currentPage >= totalPages - 1;\n  };\n  const paginationButtons = getPaginationButtons({\n    currentSelection: currentPage + 1,\n    totalPages,\n  });\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      padding={tablePagination.padding}\n      backgroundColor={tablePagination.backgroundColor}\n    >\n      {showLabel && !onMobile && (\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          <Text size=\"medium\" weight=\"bold\">\n            {label ?? defaultLabel}\n          </Text>\n        </BaseBox>\n      )}\n      <BaseBox\n        display=\"flex\"\n        flex={1}\n        gap=\"spacing.2\"\n        justifyContent=\"flex-end\"\n        alignItems=\"center\"\n      >\n        {showPageSizePicker && !onMobile && (\n          <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n            <Dropdown selectionType=\"single\">\n              <SelectInput\n                accessibilityLabel=\"Select pages per row\"\n                name=\"page-size\"\n                label=\"\"\n                labelPosition=\"inside-input\"\n                placeholder=\"\"\n                onChange={({ values }) => {\n                  handlePageSizeChange(Number(values[0]));\n                }}\n                defaultValue={currentPageSize.toString()}\n              />\n              <DropdownOverlay>\n                <ActionList>\n                  {pageSizeOptions.map((item, index) => (\n                    <ActionListItem key={index} title={item.toString()} value={item.toString()} />\n                  ))}\n                </ActionList>\n              </DropdownOverlay>\n            </Dropdown>\n            <BaseBox aria-hidden paddingLeft=\"spacing.3\" paddingRight=\"spacing.3\">\n              <Text>rows / page</Text>\n            </BaseBox>\n          </BaseBox>\n        )}\n        <BaseBox\n          display=\"flex\"\n          flexDirection=\"row\"\n          gap=\"spacing.2\"\n          flex={onMobile ? 1 : undefined}\n          alignItems=\"center\"\n        >\n          <Button\n            icon={ChevronLeftIcon}\n            accessibilityLabel=\"Previous Page\"\n            variant=\"tertiary\"\n            onClick={() => {\n              handlePageChange(currentPage - 1);\n            }}\n            isDisabled={currentPage <= 0}\n          />\n          {onMobile && (\n            <BaseBox flex={1} alignItems=\"center\" justifyContent=\"center\">\n              <Text textAlign=\"center\">{`Showing ${currentPage + 1} of ${totalPages} pages`}</Text>\n            </BaseBox>\n          )}\n          {totalPages > 1 && showPageNumberSelector && !onMobile && (\n            <BaseBox gap=\"spacing.1\" display=\"flex\" flexDirection=\"row\">\n              <PageSelectionButton\n                onClick={() => handlePageChange(paginationButtons.firstItem - 1)}\n                isSelected={currentPage === paginationButtons.firstItem - 1}\n              >\n                <Text\n                  size=\"medium\"\n                  color={\n                    currentPage === paginationButtons.firstItem - 1\n                      ? tablePagination.pageSelectionButton.textColorSelected\n                      : tablePagination.pageSelectionButton.textColor\n                  }\n                >\n                  {paginationButtons.firstItem}\n                </Text>\n              </PageSelectionButton>\n              {paginationButtons.showStartEllipsis && (\n                <PageSelectionButton\n                  onClick={() => handlePageChange(currentPage - 5)}\n                  onMouseOver={() => setCurrentEllipseHover('start')}\n                  onMouseLeave={() => setCurrentEllipseHover(undefined)}\n                  onFocus={() => setCurrentEllipseHover('start')}\n                  onBlur={() => setCurrentEllipseHover(undefined)}\n                  {...makeAccessible({ label: 'Go back 5 pages' })}\n                >\n                  {currentEllipseHover === 'start' ? (\n                    <ChevronsLeftIcon size=\"medium\" />\n                  ) : (\n                    <MoreHorizontalIcon size=\"medium\" />\n                  )}\n                </PageSelectionButton>\n              )}\n              {paginationButtons.middleItems.map((item) => (\n                <PageSelectionButton\n                  key={item - 1}\n                  onClick={() => handlePageChange(item - 1)}\n                  isSelected={currentPage === item - 1}\n                  {...makeAccessible({ label: `Page ${item}` })}\n                >\n                  <Text\n                    size=\"medium\"\n                    color={\n                      currentPage === item - 1\n                        ? tablePagination.pageSelectionButton.textColorSelected\n                        : tablePagination.pageSelectionButton.textColor\n                    }\n                  >\n                    {item}\n                  </Text>\n                </PageSelectionButton>\n              ))}\n              {paginationButtons.showEndEllipsis && (\n                <PageSelectionButton\n                  onClick={() => handlePageChange(currentPage + 5)}\n                  onMouseOver={() => setCurrentEllipseHover('end')}\n                  onMouseLeave={() => setCurrentEllipseHover(undefined)}\n                  onFocus={() => setCurrentEllipseHover('end')}\n                  onBlur={() => setCurrentEllipseHover(undefined)}\n                  {...makeAccessible({ label: 'Go forward 5 pages' })}\n                >\n                  {currentEllipseHover === 'end' ? (\n                    <ChevronsRightIcon size=\"medium\" />\n                  ) : (\n                    <MoreHorizontalIcon size=\"medium\" />\n                  )}\n                </PageSelectionButton>\n              )}\n              <PageSelectionButton\n                onClick={() => handlePageChange(paginationButtons.lastItem - 1)}\n                isSelected={currentPage === paginationButtons.lastItem - 1}\n              >\n                <Text\n                  size=\"medium\"\n                  color={\n                    currentPage === paginationButtons.lastItem - 1\n                      ? tablePagination.pageSelectionButton.textColorSelected\n                      : tablePagination.pageSelectionButton.textColor\n                  }\n                >\n                  {paginationButtons.lastItem}\n                </Text>\n              </PageSelectionButton>\n            </BaseBox>\n          )}\n          <Button\n            variant=\"tertiary\"\n            icon={ChevronRightIcon}\n            accessibilityLabel=\"Next Page\"\n            onClick={() => {\n              handlePageChange(currentPage + 1);\n            }}\n            isDisabled={shouldDisableNextPage()}\n          />\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst TablePagination = assignWithoutSideEffects(_TablePagination, {\n  componentId: ComponentIds.TablePagination,\n});\n\nexport { TablePagination };\n"],"names":["pageSizeOptions","PageSelectionButton","styled","button","withConfig","displayName","componentId","_ref","theme","isSelected","backgroundColor","getIn","colors","tablePagination","pageSelectionButton","backgroundColorSelected","border","cursor","height","makeSize","width","display","alignItems","justifyContent","borderRadius","radius","backgroundColorSelectedHover","backgroundColorHover","backgroundColorSelectedActive","backgroundColorActive","outline","concat","surface","background","level1","lowContrast","boxShadow","focusRingColor","getPaginationButtons","_ref2","currentSelection","totalPages","halfRange","minMiddleItems","middleItems","Array","from","length","_","index","showStartEllipsis","showEndEllipsis","firstItem","lastItem","start","Math","max","end","min","paginationButtons","i","push","includes","shift","pop","unshift","_TablePagination","_ref3","_currentPaginationSta","controlledCurrentPage","currentPage","onPageChange","onPageSizeChange","_ref3$defaultPageSize","defaultPageSize","_ref3$showPageSizePic","showPageSizePicker","_ref3$showPageNumberS","showPageNumberSelector","showLabel","label","_useTableContext","useTableContext","setPaginationPage","currentPaginationState","totalItems","setPaginationRowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","currentPageSize","setCurrentPageSize","_React$useState3","isUndefined","page","_React$useState4","setCurrentPage","_React$useState5","undefined","_React$useState6","currentEllipseHover","setCurrentEllipseHover","defaultLabel","size","_useTheme","useTheme","platform","onMobile","useEffect","ceil","handlePageChange","useCallback","pageToJumpTo","handlePageSizeChange","pageSize","shouldDisableNextPage","_jsxs","BaseBox","flexDirection","padding","children","_jsx","Text","weight","flex","gap","Dropdown","selectionType","SelectInput","accessibilityLabel","name","labelPosition","placeholder","onChange","_ref4","values","Number","defaultValue","toString","DropdownOverlay","ActionList","map","item","ActionListItem","title","value","paddingLeft","paddingRight","Button","icon","ChevronLeftIcon","variant","onClick","isDisabled","textAlign","color","textColorSelected","textColor","_objectSpread","onMouseOver","onMouseLeave","onFocus","onBlur","makeAccessible","ChevronsLeftIcon","MoreHorizontalIcon","ChevronsRightIcon","ChevronRightIcon","TablePagination","assignWithoutSideEffects","ComponentIds"],"mappings":"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"}
+{"version":3,"file":"TablePagination.web.js","sources":["../../../../../../src/components/Table/TablePagination.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport { tablePagination } from './tokens';\nimport type { TablePaginationCommonProps, TablePaginationProps } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronsLeftIcon,\n  ChevronsRightIcon,\n  MoreHorizontalIcon,\n} from '~components/Icons';\nimport { Dropdown, DropdownOverlay } from '~components/Dropdown';\nimport { SelectInput } from '~components/Input/DropdownInputTriggers';\nimport { ActionList, ActionListItem } from '~components/ActionList';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { Button } from '~components/Button';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport { throwBladeError } from '~utils/logger';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst pageSizeOptions: NonNullable<TablePaginationCommonProps['defaultPageSize']>[] = [10, 25, 50];\n\nconst PageSelectionButton = styled.button<{ isSelected?: boolean }>(({ theme, isSelected }) => ({\n  backgroundColor: isSelected\n    ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelected)\n    : 'transparent',\n  border: 'none',\n  cursor: 'pointer',\n  height: makeSize(tablePagination.pageSelectionButton.height),\n  width: makeSize(tablePagination.pageSelectionButton.width),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: getIn(theme.border.radius, tablePagination.pageSelectionButton.borderRadius),\n  '&:hover': {\n    backgroundColor: isSelected\n      ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedHover)\n      : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorHover),\n  },\n  '&:focus-visible': {\n    backgroundColor: isSelected\n      ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive)\n      : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),\n    outline: 'none',\n    '&:focus-visible': getFocusRingStyles({ theme }),\n  },\n  '&:active': {\n    backgroundColor: isSelected\n      ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive)\n      : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),\n  },\n}));\nconst getPaginationButtons = ({\n  currentSelection,\n  totalPages,\n}: {\n  currentSelection: number;\n  totalPages: number;\n}): {\n  middleItems: number[];\n  showStartEllipsis: boolean;\n  showEndEllipsis: boolean;\n  firstItem: number;\n  lastItem: number;\n} => {\n  const halfRange = 2;\n  const minMiddleItems = 5;\n\n  // return if totalPages is less than minMiddleItems\n  if (totalPages <= minMiddleItems) {\n    return {\n      middleItems: Array.from({ length: totalPages - 2 }, (_, index) => index + 2),\n      showStartEllipsis: false,\n      showEndEllipsis: false,\n      firstItem: 1,\n      lastItem: totalPages,\n    };\n  }\n\n  let start = Math.max(1, currentSelection - halfRange);\n  let end = Math.min(totalPages, start + 2 * halfRange);\n\n  // Ensure at least minMiddleItems items in middleItems\n  while (end - start + 1 < minMiddleItems && (start > 1 || end < totalPages)) {\n    if (start > 1) {\n      start--;\n    }\n    if (end < totalPages) {\n      end++;\n    }\n  }\n\n  let showStartEllipsis = false;\n  let showEndEllipsis = false;\n\n  const paginationButtons: number[] = [];\n  for (let i = start; i <= end; i++) {\n    paginationButtons.push(i);\n  }\n\n  // if paginationButtons contains 1, remove it\n  if (paginationButtons.includes(1)) {\n    paginationButtons.shift();\n    // add an extra item at the end if length of total pages is greater than minMiddleItems+1\n    if (totalPages > minMiddleItems + 1) paginationButtons.push(end + 1);\n  }\n\n  // if paginationButtons contains totalPages, remove it\n  if (paginationButtons.includes(totalPages)) {\n    paginationButtons.pop();\n    // add an extra item at the beginning if length of total pages is greater than minMiddleItems+1\n    if (totalPages > minMiddleItems + 1) paginationButtons.unshift(start - 1);\n  }\n\n  if (paginationButtons[0] > 2) {\n    showStartEllipsis = true;\n  }\n\n  if (paginationButtons[paginationButtons.length - 1] + 1 < totalPages) {\n    showEndEllipsis = true;\n  }\n\n  return {\n    middleItems: paginationButtons,\n    showStartEllipsis,\n    showEndEllipsis,\n    firstItem: 1,\n    lastItem: totalPages,\n  };\n};\n\nconst _TablePagination = ({\n  currentPage: controlledCurrentPage,\n  onPageChange,\n  onPageSizeChange,\n  defaultPageSize = tablePagination.defaultPageSize,\n  showPageSizePicker = true,\n  showPageNumberSelector = false,\n  showLabel,\n  label,\n  totalItemCount,\n  paginationType = 'client',\n}: TablePaginationProps): React.ReactElement => {\n  const {\n    setPaginationPage,\n    currentPaginationState,\n    totalItems,\n    setPaginationRowSize,\n    setPaginationType,\n  } = useTableContext();\n  const [currentPageSize, setCurrentPageSize] = React.useState<number>(defaultPageSize);\n  const [currentPage, setCurrentPage] = React.useState<number>(\n    !isUndefined(controlledCurrentPage) ? controlledCurrentPage : currentPaginationState?.page ?? 0,\n  );\n  const [currentEllipseHover, setCurrentEllipseHover] = React.useState<'start' | 'end' | undefined>(\n    undefined,\n  );\n\n  const defaultLabel = currentPaginationState\n    ? `Showing ${currentPaginationState.page * currentPaginationState.size + 1}-${\n        currentPaginationState.page * currentPaginationState.size + currentPaginationState.size\n      } Items`\n    : `Showing 1 to ${totalItems} Items`;\n\n  const { platform } = useTheme();\n  const onMobile = platform === 'onMobile';\n  useEffect(() => {\n    setPaginationRowSize(currentPageSize);\n    setPaginationType(paginationType);\n  }, []);\n\n  useEffect(() => {\n    if (currentPage && currentPaginationState?.page !== currentPage) {\n      setPaginationPage(currentPage);\n    }\n  }, [currentPage, currentPaginationState?.page, setPaginationPage]);\n\n  const totalPages = isUndefined(totalItemCount)\n    ? Math.ceil(totalItems / currentPageSize)\n    : Math.ceil(totalItemCount / currentPageSize);\n\n  const handlePageChange = useCallback(\n    (page: number): void => {\n      let pageToJumpTo = page;\n      if (pageToJumpTo < 0) {\n        pageToJumpTo = 0;\n      } else if (pageToJumpTo > totalPages - 1) {\n        pageToJumpTo = totalPages - 1;\n      }\n\n      onPageChange?.({ page: pageToJumpTo });\n\n      if (!isUndefined(controlledCurrentPage)) {\n        pageToJumpTo = controlledCurrentPage;\n      }\n      setPaginationPage(pageToJumpTo);\n      setCurrentPage(pageToJumpTo);\n    },\n    [controlledCurrentPage, onPageChange, setPaginationPage, totalPages],\n  );\n\n  useEffect(() => {\n    if (!isUndefined(controlledCurrentPage) && controlledCurrentPage !== currentPage) {\n      handlePageChange(controlledCurrentPage);\n    }\n  }, [controlledCurrentPage, currentPage, handlePageChange, onPageChange]);\n\n  if (__DEV__) {\n    if (paginationType === 'server' && (isUndefined(totalItemCount) || isUndefined(onPageChange))) {\n      throwBladeError({\n        message:\n          '`onPageChange` and `totalItemCount` props are required when paginationType is server.',\n        moduleName: 'TablePagination',\n      });\n    }\n  }\n\n  const handlePageSizeChange = (pageSize: number): void => {\n    onPageSizeChange?.({ pageSize });\n    setPaginationRowSize(pageSize);\n    setCurrentPageSize(pageSize);\n  };\n\n  const shouldDisableNextPage = (): boolean => {\n    return currentPage >= totalPages - 1;\n  };\n  const paginationButtons = getPaginationButtons({\n    currentSelection: currentPage + 1,\n    totalPages,\n  });\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection=\"row\"\n      padding={tablePagination.padding}\n      backgroundColor={tablePagination.backgroundColor}\n    >\n      {showLabel && !onMobile && (\n        <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          <Text size=\"medium\" weight=\"semibold\">\n            {label ?? defaultLabel}\n          </Text>\n        </BaseBox>\n      )}\n      <BaseBox\n        display=\"flex\"\n        flex={1}\n        gap=\"spacing.2\"\n        justifyContent=\"flex-end\"\n        alignItems=\"center\"\n      >\n        {showPageSizePicker && !onMobile && (\n          <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n            <Dropdown selectionType=\"single\">\n              <SelectInput\n                accessibilityLabel=\"Select pages per row\"\n                name=\"page-size\"\n                label=\"\"\n                labelPosition=\"inside-input\"\n                placeholder=\"\"\n                onChange={({ values }) => {\n                  handlePageSizeChange(Number(values[0]));\n                }}\n                defaultValue={currentPageSize.toString()}\n              />\n              <DropdownOverlay>\n                <ActionList>\n                  {pageSizeOptions.map((item, index) => (\n                    <ActionListItem key={index} title={item.toString()} value={item.toString()} />\n                  ))}\n                </ActionList>\n              </DropdownOverlay>\n            </Dropdown>\n            <BaseBox aria-hidden paddingLeft=\"spacing.3\" paddingRight=\"spacing.3\">\n              <Text>rows / page</Text>\n            </BaseBox>\n          </BaseBox>\n        )}\n        <BaseBox\n          display=\"flex\"\n          flexDirection=\"row\"\n          gap=\"spacing.2\"\n          flex={onMobile ? 1 : undefined}\n          alignItems=\"center\"\n        >\n          <Button\n            icon={ChevronLeftIcon}\n            accessibilityLabel=\"Previous Page\"\n            variant=\"tertiary\"\n            onClick={() => {\n              handlePageChange(currentPage - 1);\n            }}\n            isDisabled={currentPage <= 0}\n          />\n          {onMobile && (\n            <BaseBox flex={1} alignItems=\"center\" justifyContent=\"center\">\n              <Text textAlign=\"center\">{`Showing ${currentPage + 1} of ${totalPages} pages`}</Text>\n            </BaseBox>\n          )}\n          {totalPages > 1 && showPageNumberSelector && !onMobile && (\n            <BaseBox gap=\"spacing.1\" display=\"flex\" flexDirection=\"row\">\n              <PageSelectionButton\n                onClick={() => handlePageChange(paginationButtons.firstItem - 1)}\n                isSelected={currentPage === paginationButtons.firstItem - 1}\n              >\n                <Text\n                  size=\"medium\"\n                  color={\n                    currentPage === paginationButtons.firstItem - 1\n                      ? tablePagination.pageSelectionButton.textColorSelected\n                      : tablePagination.pageSelectionButton.textColor\n                  }\n                >\n                  {paginationButtons.firstItem}\n                </Text>\n              </PageSelectionButton>\n              {paginationButtons.showStartEllipsis && (\n                <PageSelectionButton\n                  onClick={() => handlePageChange(currentPage - 5)}\n                  onMouseOver={() => setCurrentEllipseHover('start')}\n                  onMouseLeave={() => setCurrentEllipseHover(undefined)}\n                  onFocus={() => setCurrentEllipseHover('start')}\n                  onBlur={() => setCurrentEllipseHover(undefined)}\n                  {...makeAccessible({ label: 'Go back 5 pages' })}\n                >\n                  {currentEllipseHover === 'start' ? (\n                    <ChevronsLeftIcon size=\"medium\" />\n                  ) : (\n                    <MoreHorizontalIcon size=\"medium\" />\n                  )}\n                </PageSelectionButton>\n              )}\n              {paginationButtons.middleItems.map((item) => (\n                <PageSelectionButton\n                  key={item - 1}\n                  onClick={() => handlePageChange(item - 1)}\n                  isSelected={currentPage === item - 1}\n                  {...makeAccessible({ label: `Page ${item}` })}\n                >\n                  <Text\n                    size=\"medium\"\n                    color={\n                      currentPage === item - 1\n                        ? tablePagination.pageSelectionButton.textColorSelected\n                        : tablePagination.pageSelectionButton.textColor\n                    }\n                  >\n                    {item}\n                  </Text>\n                </PageSelectionButton>\n              ))}\n              {paginationButtons.showEndEllipsis && (\n                <PageSelectionButton\n                  onClick={() => handlePageChange(currentPage + 5)}\n                  onMouseOver={() => setCurrentEllipseHover('end')}\n                  onMouseLeave={() => setCurrentEllipseHover(undefined)}\n                  onFocus={() => setCurrentEllipseHover('end')}\n                  onBlur={() => setCurrentEllipseHover(undefined)}\n                  {...makeAccessible({ label: 'Go forward 5 pages' })}\n                >\n                  {currentEllipseHover === 'end' ? (\n                    <ChevronsRightIcon size=\"medium\" />\n                  ) : (\n                    <MoreHorizontalIcon size=\"medium\" />\n                  )}\n                </PageSelectionButton>\n              )}\n              <PageSelectionButton\n                onClick={() => handlePageChange(paginationButtons.lastItem - 1)}\n                isSelected={currentPage === paginationButtons.lastItem - 1}\n              >\n                <Text\n                  size=\"medium\"\n                  color={\n                    currentPage === paginationButtons.lastItem - 1\n                      ? tablePagination.pageSelectionButton.textColorSelected\n                      : tablePagination.pageSelectionButton.textColor\n                  }\n                >\n                  {paginationButtons.lastItem}\n                </Text>\n              </PageSelectionButton>\n            </BaseBox>\n          )}\n          <Button\n            variant=\"tertiary\"\n            icon={ChevronRightIcon}\n            accessibilityLabel=\"Next Page\"\n            onClick={() => {\n              handlePageChange(currentPage + 1);\n            }}\n            isDisabled={shouldDisableNextPage()}\n          />\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst TablePagination = assignWithoutSideEffects(_TablePagination, {\n  componentId: ComponentIds.TablePagination,\n});\n\nexport { TablePagination };\n"],"names":["pageSizeOptions","PageSelectionButton","styled","button","withConfig","displayName","componentId","_ref","theme","isSelected","backgroundColor","getIn","colors","tablePagination","pageSelectionButton","backgroundColorSelected","border","cursor","height","makeSize","width","display","alignItems","justifyContent","borderRadius","radius","backgroundColorSelectedHover","backgroundColorHover","backgroundColorSelectedActive","backgroundColorActive","outline","getFocusRingStyles","getPaginationButtons","_ref2","currentSelection","totalPages","halfRange","minMiddleItems","middleItems","Array","from","length","_","index","showStartEllipsis","showEndEllipsis","firstItem","lastItem","start","Math","max","end","min","paginationButtons","i","push","includes","shift","pop","unshift","_TablePagination","_ref3","_currentPaginationSta","controlledCurrentPage","currentPage","onPageChange","onPageSizeChange","_ref3$defaultPageSize","defaultPageSize","_ref3$showPageSizePic","showPageSizePicker","_ref3$showPageNumberS","showPageNumberSelector","showLabel","label","totalItemCount","_ref3$paginationType","paginationType","_useTableContext","useTableContext","setPaginationPage","currentPaginationState","totalItems","setPaginationRowSize","setPaginationType","_React$useState","React","useState","_React$useState2","_slicedToArray","currentPageSize","setCurrentPageSize","_React$useState3","isUndefined","page","_React$useState4","setCurrentPage","_React$useState5","undefined","_React$useState6","currentEllipseHover","setCurrentEllipseHover","defaultLabel","concat","size","_useTheme","useTheme","platform","onMobile","useEffect","ceil","handlePageChange","useCallback","pageToJumpTo","throwBladeError","message","moduleName","handlePageSizeChange","pageSize","shouldDisableNextPage","_jsxs","BaseBox","flexDirection","padding","children","_jsx","Text","weight","flex","gap","Dropdown","selectionType","SelectInput","accessibilityLabel","name","labelPosition","placeholder","onChange","_ref4","values","Number","defaultValue","toString","DropdownOverlay","ActionList","map","item","ActionListItem","title","value","paddingLeft","paddingRight","Button","icon","ChevronLeftIcon","variant","onClick","isDisabled","textAlign","color","textColorSelected","textColor","_objectSpread","onMouseOver","onMouseLeave","onFocus","onBlur","makeAccessible","ChevronsLeftIcon","MoreHorizontalIcon","ChevronsRightIcon","ChevronRightIcon","TablePagination","assignWithoutSideEffects","ComponentIds"],"mappings":"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"}

package/build/lib/web/production/components/Table/TableToolbar.web.js

@@ -63,7 +63,7 @@ var _TableToolbar = function _TableToolbar(_ref3) {
     deselectAllRows = _useTableContext.deselectAllRows,
     currentPaginationState = _useTableContext.currentPaginationState,
     totalItems = _useTableContext.totalItems,
-    surfaceLevel = _useTableContext.surfaceLevel;
+    backgroundColor = _useTableContext.backgroundColor;
   var _useTheme2 = useTheme(),
     platform = _useTheme2.platform;
   var isSelected = selectedRows && selectedRows.length > 0;
@@ -80,7 +80,7 @@ var _TableToolbar = function _TableToolbar(_ref3) {
     children: "Deselect"
   });
   return /*#__PURE__*/jsx(BaseBox, {
-    backgroundColor: "surface.background.level".concat(surfaceLevel, ".lowContrast"),
+    backgroundColor: backgroundColor,
     children: /*#__PURE__*/jsxs(ToolbarWrapper, {
       display: "flex",
       backgroundColor: isSelected ? tableToolbar.backgroundColorSelected : tableToolbar.backgroundColor,
@@ -95,7 +95,8 @@ var _TableToolbar = function _TableToolbar(_ref3) {
         children: [/*#__PURE__*/jsx(BaseBox, {
           children: /*#__PURE__*/jsx(Text, {
             size: "medium",
-            weight: "bold",
+            weight: "medium",
+            color: isSelected ? 'surface.text.gray.normal' : 'surface.text.gray.subtle',
             children: (_ref4 = selectedTitle !== null && selectedTitle !== void 0 ? selectedTitle : title) !== null && _ref4 !== void 0 ? _ref4 : defaultTitle
           })
         }), isSelected && !onMobile && /*#__PURE__*/jsxs(BaseBox, {

package/build/lib/web/production/components/Table/TableToolbar.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.web.js","sources":["../../../../../../src/components/Table/TableToolbar.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ComponentIds } from './componentIds';\nimport { tableToolbar } from './tokens';\nimport { useTableContext } from './TableContext';\nimport type { TableToolbarProps, TableToolbarActionsProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Divider } from '~components/Divider';\nimport { Link } from '~components/Link';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\n\n/**\n * TableToolbarActions is a component that is used to render actions in the TableToolbar.\n * It is a flex container that will render its children in a row on desktop and a column on mobile.\n * @param children - any react element\n * @param styledProps - accepts all of the styled props from Box\n */\nconst _TableToolbarActions = ({\n  children,\n  ...styledProps\n}: TableToolbarActionsProps): React.ReactElement => {\n  const { platform } = useTheme();\n  const onMobile = platform === 'onMobile';\n  return (\n    <BaseBox\n      display=\"flex\"\n      flex={onMobile ? 1 : 0}\n      justifyContent={onMobile ? 'flex-start' : 'flex-end'}\n      {...getStyledProps(styledProps)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst TableToolbarActions = assignWithoutSideEffects(_TableToolbarActions, {\n  componentId: ComponentIds.TableToolbarActions,\n});\n\nconst ToolbarWrapper = styled(BaseBox)(({ theme }) => ({\n  transition: `background-color ${makeMotionTime(\n    getIn(theme.motion, tableToolbar.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableToolbar.backgroundColorMotionEasing)}`,\n}));\n\nconst _TableToolbar = ({\n  children,\n  title,\n  selectedTitle: controlledSelectedTitle,\n}: TableToolbarProps): React.ReactElement => {\n  const {\n    selectedRows,\n    deselectAllRows,\n    currentPaginationState,\n    totalItems,\n    surfaceLevel,\n  } = useTableContext();\n  const { platform } = useTheme();\n  const isSelected = selectedRows && selectedRows.length > 0;\n\n  const defaultTitle = currentPaginationState\n    ? `Showing ${currentPaginationState.page * currentPaginationState.size + 1}-${\n        currentPaginationState.page * currentPaginationState.size + currentPaginationState.size\n      } Items`\n    : `Showing 1-${totalItems} Items`;\n  const selectedItemsCount = selectedRows ? selectedRows.length : 0;\n  const selectedTitle = isSelected\n    ? controlledSelectedTitle ??\n      `${selectedRows.length} ${selectedItemsCount === 1 ? 'Item' : 'Items'} Selected`\n    : null;\n\n  const onMobile = platform === 'onMobile';\n\n  const deselectButton = (\n    <Link marginLeft=\"spacing.5\" variant=\"button\" onClick={() => deselectAllRows()}>\n      Deselect\n    </Link>\n  );\n\n  return (\n    <BaseBox backgroundColor={`surface.background.level${surfaceLevel}.lowContrast`}>\n      <ToolbarWrapper\n        display=\"flex\"\n        backgroundColor={\n          isSelected ? tableToolbar.backgroundColorSelected : tableToolbar.backgroundColor\n        }\n        padding=\"spacing.4\"\n        flexWrap=\"wrap\"\n        flexDirection={onMobile ? 'column' : 'row'}\n        gap=\"spacing.5\"\n      >\n        <BaseBox display=\"flex\" alignItems=\"center\" flex={1}>\n          <BaseBox>\n            <Text size=\"medium\" weight=\"bold\">\n              {selectedTitle ?? title ?? defaultTitle}\n            </Text>\n          </BaseBox>\n          {isSelected && !onMobile && (\n            <BaseBox display=\"flex\" marginLeft=\"spacing.5\" height=\"100%\">\n              <Divider orientation=\"vertical\" thickness=\"thick\" />\n              {deselectButton}\n            </BaseBox>\n          )}\n          {isSelected && onMobile && (\n            <BaseBox display=\"flex\" flex={1} justifyContent=\"flex-end\">\n              {deselectButton}\n            </BaseBox>\n          )}\n        </BaseBox>\n        {children}\n      </ToolbarWrapper>\n    </BaseBox>\n  );\n};\n\nconst TableToolbar = assignWithoutSideEffects(_TableToolbar, {\n  componentId: ComponentIds.TableToolbar,\n});\n\nexport { TableToolbar, TableToolbarActions };\n"],"names":["_TableToolbarActions","_ref","children","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","onMobile","_jsx","BaseBox","_objectSpread","display","flex","justifyContent","getStyledProps","TableToolbarActions","assignWithoutSideEffects","componentId","ComponentIds","ToolbarWrapper","styled","withConfig","displayName","_ref2","theme","transition","concat","makeMotionTime","getIn","motion","tableToolbar","backgroundColorMotionDuration","backgroundColorMotionEasing","_TableToolbar","_ref3","_ref4","title","controlledSelectedTitle","selectedTitle","_useTableContext","useTableContext","selectedRows","deselectAllRows","currentPaginationState","totalItems","surfaceLevel","_useTheme2","isSelected","length","defaultTitle","page","size","selectedItemsCount","deselectButton","Link","marginLeft","variant","onClick","backgroundColor","_jsxs","backgroundColorSelected","padding","flexWrap","flexDirection","gap","alignItems","Text","weight","height","Divider","orientation","thickness","TableToolbar"],"mappings":"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"}
+{"version":3,"file":"TableToolbar.web.js","sources":["../../../../../../src/components/Table/TableToolbar.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ComponentIds } from './componentIds';\nimport { tableToolbar } from './tokens';\nimport { useTableContext } from './TableContext';\nimport type { TableToolbarProps, TableToolbarActionsProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Divider } from '~components/Divider';\nimport { Link } from '~components/Link';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\n\n/**\n * TableToolbarActions is a component that is used to render actions in the TableToolbar.\n * It is a flex container that will render its children in a row on desktop and a column on mobile.\n * @param children - any react element\n * @param styledProps - accepts all of the styled props from Box\n */\nconst _TableToolbarActions = ({\n  children,\n  ...styledProps\n}: TableToolbarActionsProps): React.ReactElement => {\n  const { platform } = useTheme();\n  const onMobile = platform === 'onMobile';\n  return (\n    <BaseBox\n      display=\"flex\"\n      flex={onMobile ? 1 : 0}\n      justifyContent={onMobile ? 'flex-start' : 'flex-end'}\n      {...getStyledProps(styledProps)}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst TableToolbarActions = assignWithoutSideEffects(_TableToolbarActions, {\n  componentId: ComponentIds.TableToolbarActions,\n});\n\nconst ToolbarWrapper = styled(BaseBox)(({ theme }) => ({\n  transition: `background-color ${makeMotionTime(\n    getIn(theme.motion, tableToolbar.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableToolbar.backgroundColorMotionEasing)}`,\n}));\n\nconst _TableToolbar = ({\n  children,\n  title,\n  selectedTitle: controlledSelectedTitle,\n}: TableToolbarProps): React.ReactElement => {\n  const {\n    selectedRows,\n    deselectAllRows,\n    currentPaginationState,\n    totalItems,\n    backgroundColor,\n  } = useTableContext();\n  const { platform } = useTheme();\n  const isSelected = selectedRows && selectedRows.length > 0;\n\n  const defaultTitle = currentPaginationState\n    ? `Showing ${currentPaginationState.page * currentPaginationState.size + 1}-${\n        currentPaginationState.page * currentPaginationState.size + currentPaginationState.size\n      } Items`\n    : `Showing 1-${totalItems} Items`;\n  const selectedItemsCount = selectedRows ? selectedRows.length : 0;\n  const selectedTitle = isSelected\n    ? controlledSelectedTitle ??\n      `${selectedRows.length} ${selectedItemsCount === 1 ? 'Item' : 'Items'} Selected`\n    : null;\n\n  const onMobile = platform === 'onMobile';\n\n  const deselectButton = (\n    <Link marginLeft=\"spacing.5\" variant=\"button\" onClick={() => deselectAllRows()}>\n      Deselect\n    </Link>\n  );\n\n  return (\n    <BaseBox backgroundColor={backgroundColor}>\n      <ToolbarWrapper\n        display=\"flex\"\n        backgroundColor={\n          isSelected ? tableToolbar.backgroundColorSelected : tableToolbar.backgroundColor\n        }\n        padding=\"spacing.4\"\n        flexWrap=\"wrap\"\n        flexDirection={onMobile ? 'column' : 'row'}\n        gap=\"spacing.5\"\n      >\n        <BaseBox display=\"flex\" alignItems=\"center\" flex={1}>\n          <BaseBox>\n            <Text\n              size=\"medium\"\n              weight=\"medium\"\n              color={isSelected ? 'surface.text.gray.normal' : 'surface.text.gray.subtle'}\n            >\n              {selectedTitle ?? title ?? defaultTitle}\n            </Text>\n          </BaseBox>\n          {isSelected && !onMobile && (\n            <BaseBox display=\"flex\" marginLeft=\"spacing.5\" height=\"100%\">\n              <Divider orientation=\"vertical\" thickness=\"thick\" />\n              {deselectButton}\n            </BaseBox>\n          )}\n          {isSelected && onMobile && (\n            <BaseBox display=\"flex\" flex={1} justifyContent=\"flex-end\">\n              {deselectButton}\n            </BaseBox>\n          )}\n        </BaseBox>\n        {children}\n      </ToolbarWrapper>\n    </BaseBox>\n  );\n};\n\nconst TableToolbar = assignWithoutSideEffects(_TableToolbar, {\n  componentId: ComponentIds.TableToolbar,\n});\n\nexport { TableToolbar, TableToolbarActions };\n"],"names":["_TableToolbarActions","_ref","children","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","onMobile","_jsx","BaseBox","_objectSpread","display","flex","justifyContent","getStyledProps","TableToolbarActions","assignWithoutSideEffects","componentId","ComponentIds","ToolbarWrapper","styled","withConfig","displayName","_ref2","theme","transition","concat","makeMotionTime","getIn","motion","tableToolbar","backgroundColorMotionDuration","backgroundColorMotionEasing","_TableToolbar","_ref3","_ref4","title","controlledSelectedTitle","selectedTitle","_useTableContext","useTableContext","selectedRows","deselectAllRows","currentPaginationState","totalItems","backgroundColor","_useTheme2","isSelected","length","defaultTitle","page","size","selectedItemsCount","deselectButton","Link","marginLeft","variant","onClick","_jsxs","backgroundColorSelected","padding","flexWrap","flexDirection","gap","alignItems","Text","weight","color","height","Divider","orientation","thickness","TableToolbar"],"mappings":"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"}

package/build/lib/web/production/components/Table/tokens.js

@@ -4,15 +4,15 @@ import { size } from '../../tokens/global/size.js';
 var firstColumnStickyHeaderFooterZIndex = 2;
 var refreshWrapperZIndex = 3;
 var checkboxCellWidth = size['44'];
+var tableBackgroundColor = 'surface.background.gray.intense';
 var tableHeader = {
   paddingTop: 'spacing.5',
   paddingBottom: 'spacing.5',
   paddingLeft: 'spacing.4',
   paddingRight: 'spacing.4',
-  backgroundColor: 'brand.gray.a50.lowContrast',
+  backgroundColor: 'interactive.background.gray.default',
   borderBottomAndTopWidth: 'thin',
-  borderBottomAndTopColor: 'surface.border.normal.lowContrast',
-  focusRingColor: 'brand.primary.400'
+  borderBottomAndTopColor: 'surface.border.gray.muted'
 };
 var tableFooter = {
   paddingTop: 'spacing.5',
@@ -20,9 +20,8 @@ var tableFooter = {
   paddingLeft: 'spacing.4',
   paddingRight: 'spacing.4',
   borderBottomAndTopWidth: 'thin',
-  borderBottomAndTopColor: 'surface.border.normal.lowContrast',
-  backgroundColor: 'brand.gray.a50.lowContrast',
-  focusRingColor: 'brand.primary.400'
+  borderBottomAndTopColor: 'surface.border.gray.muted',
+  backgroundColor: 'interactive.background.gray.default'
 };
 var tableRow = {
   paddingTop: {
@@ -43,20 +42,21 @@ var tableRow = {
   },
   nonStripe: {
     backgroundColor: 'transparent',
-    backgroundColorHover: 'brand.gray.a50.lowContrast',
+    backgroundColorHover: 'interactive.background.gray.default',
     backgroundColorFocus: 'transparent',
-    backgroundColorActive: 'brand.gray.a100.lowContrast',
-    backgroundColorSelected: 'brand.primary.300',
-    backgroundColorSelectedHover: 'brand.primary.400',
-    backgroundColorSelectedFocus: 'brand.primary.300',
-    backgroundColorSelectedActive: 'brand.primary.400'
+    // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same
+    backgroundColorActive: 'interactive.background.gray.default',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',
+    backgroundColorSelectedFocus: 'interactive.background.primary.faded',
+    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted'
   },
   nonStripeWrapper: {
     // not used anywhere
     backgroundColor: 'transparent',
     backgroundColorHover: 'transparent',
     backgroundColorFocus: 'transparent',
-    backgroundColorActive: 'brand.gray.a50.lowContrast',
+    backgroundColorActive: 'interactive.background.gray.default',
     backgroundColorSelected: 'transparent',
     backgroundColorSelectedHover: 'transparent',
     backgroundColorSelectedFocus: 'transparent',
@@ -64,57 +64,55 @@ var tableRow = {
   },
   stripe: {
     backgroundColor: 'transparent',
-    backgroundColorHover: 'brand.gray.a50.lowContrast',
+    backgroundColorHover: 'interactive.background.gray.default',
     backgroundColorFocus: 'transparent',
-    backgroundColorActive: 'brand.gray.a100.lowContrast',
-    backgroundColorSelected: 'brand.primary.300',
-    backgroundColorSelectedHover: 'brand.primary.400',
-    backgroundColorSelectedFocus: 'brand.primary.300',
-    backgroundColorSelectedActive: 'brand.primary.400'
+    backgroundColorActive: 'interactive.background.gray.default',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',
+    backgroundColorSelectedFocus: 'interactive.background.primary.faded',
+    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted'
   },
   stripeWrapper: {
-    backgroundColor: 'brand.gray.a50.lowContrast',
-    backgroundColorHover: 'brand.gray.a50.lowContrast',
-    backgroundColorFocus: 'brand.gray.a50.lowContrast',
-    backgroundColorActive: 'brand.gray.a100.lowContrast',
-    backgroundColorSelected: 'brand.primary.300',
-    backgroundColorSelectedHover: 'brand.primary.300',
-    backgroundColorSelectedFocus: 'brand.primary.300',
-    backgroundColorSelectedActive: 'brand.primary.400'
+    backgroundColor: 'interactive.background.gray.default',
+    backgroundColorHover: 'interactive.background.gray.default',
+    backgroundColorFocus: 'interactive.background.gray.default',
+    backgroundColorActive: 'interactive.background.gray.default',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.faded',
+    backgroundColorSelectedFocus: 'interactive.background.primary.faded',
+    backgroundColorSelectedActive: 'interactive.background.primary.faded'
   },
   borderBottomWidth: 'thin',
-  borderBottomColor: 'surface.border.normal.lowContrast',
+  borderBottomColor: 'surface.border.gray.muted',
   backgroundColorMotionEasing: 'easing.standard.effective',
-  backgroundColorMotionDuration: 'duration.xquick',
-  focusRingColor: 'brand.primary.400'
+  backgroundColorMotionDuration: 'duration.xquick'
 };
 var tableToolbar = {
   backgroundColor: 'transparent',
-  backgroundColorSelected: 'brand.primary.300',
+  backgroundColorSelected: 'interactive.background.primary.faded',
   backgroundColorMotionEasing: 'easing.standard.effective',
   backgroundColorMotionDuration: 'duration.xquick'
 };
 var tablePagination = {
-  backgroundColor: ' surface.background.level2.lowContrast',
+  backgroundColor: 'transparent',
   padding: 'spacing.4',
   pageSelectionButton: {
-    backgroundColor: 'surface.background.level2.lowContrast',
-    backgroundColorHover: 'brand.gray.a50.lowContrast',
-    backgroundColorActive: 'brand.gray.a100.lowContrast',
-    backgroundColorSelected: 'brand.primary.300',
-    backgroundColorSelectedHover: 'brand.primary.400',
-    backgroundColorSelectedActive: 'brand.primary.400',
-    backgroundColorDisabled: 'surface.background.level2.lowContrast',
+    backgroundColor: 'transparent',
+    backgroundColorHover: 'interactive.background.gray.default',
+    backgroundColorActive: 'interactive.background.gray.highlighted',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',
+    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',
     padding: 'spacing.2',
     borderRadius: 'small',
-    focusRingColor: 'brand.primary.400',
-    textColor: 'surface.text.subtle.lowContrast',
-    textColorSelected: 'brand.primary.500',
+    focusRingColor: 'surface.border.primary.muted',
+    textColor: 'surface.text.gray.subtle',
+    textColorSelected: 'surface.text.primary.normal',
     height: size['32'],
     width: size['32']
   },
   defaultPageSize: 10
 };
 
-export { checkboxCellWidth, firstColumnStickyHeaderFooterZIndex, refreshWrapperZIndex, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar };
+export { checkboxCellWidth, firstColumnStickyHeaderFooterZIndex, refreshWrapperZIndex, tableBackgroundColor, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar };
 //# sourceMappingURL=tokens.js.map

package/build/lib/web/production/components/Table/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst firstColumnStickyHeaderFooterZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableHeader = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  backgroundColor: 'brand.gray.a50.lowContrast',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.normal.lowContrast',\n  focusRingColor: 'brand.primary.400',\n} as const;\n\nconst tableFooter = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.normal.lowContrast',\n  backgroundColor: 'brand.gray.a50.lowContrast',\n  focusRingColor: 'brand.primary.400',\n} as const;\n\nconst tableRow = {\n  paddingTop: {\n    normal: 'spacing.5',\n    comfortable: 'spacing.6',\n  },\n  paddingBottom: {\n    normal: 'spacing.5',\n    comfortable: 'spacing.6',\n  },\n  paddingLeft: {\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  paddingRight: {\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  nonStripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'brand.gray.a50.lowContrast',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'brand.gray.a100.lowContrast',\n    backgroundColorSelected: 'brand.primary.300',\n    backgroundColorSelectedHover: 'brand.primary.400',\n    backgroundColorSelectedFocus: 'brand.primary.300',\n    backgroundColorSelectedActive: 'brand.primary.400',\n  },\n  nonStripeWrapper: {\n    // not used anywhere\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'transparent',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'brand.gray.a50.lowContrast',\n    backgroundColorSelected: 'transparent',\n    backgroundColorSelectedHover: 'transparent',\n    backgroundColorSelectedFocus: 'transparent',\n    backgroundColorSelectedActive: 'transparent',\n  },\n  stripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'brand.gray.a50.lowContrast',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'brand.gray.a100.lowContrast',\n    backgroundColorSelected: 'brand.primary.300',\n    backgroundColorSelectedHover: 'brand.primary.400',\n    backgroundColorSelectedFocus: 'brand.primary.300',\n    backgroundColorSelectedActive: 'brand.primary.400',\n  },\n  stripeWrapper: {\n    backgroundColor: 'brand.gray.a50.lowContrast',\n    backgroundColorHover: 'brand.gray.a50.lowContrast',\n    backgroundColorFocus: 'brand.gray.a50.lowContrast',\n    backgroundColorActive: 'brand.gray.a100.lowContrast',\n    backgroundColorSelected: 'brand.primary.300',\n    backgroundColorSelectedHover: 'brand.primary.300',\n    backgroundColorSelectedFocus: 'brand.primary.300',\n    backgroundColorSelectedActive: 'brand.primary.400',\n  },\n  borderBottomWidth: 'thin',\n  borderBottomColor: 'surface.border.normal.lowContrast',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n  focusRingColor: 'brand.primary.400',\n} as const;\n\nconst tableToolbar = {\n  backgroundColor: 'transparent',\n  backgroundColorSelected: 'brand.primary.300',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n  backgroundColor: ' surface.background.level2.lowContrast',\n  padding: 'spacing.4',\n  pageSelectionButton: {\n    backgroundColor: 'surface.background.level2.lowContrast',\n    backgroundColorHover: 'brand.gray.a50.lowContrast',\n    backgroundColorActive: 'brand.gray.a100.lowContrast',\n    backgroundColorSelected: 'brand.primary.300',\n    backgroundColorSelectedHover: 'brand.primary.400',\n    backgroundColorSelectedActive: 'brand.primary.400',\n    backgroundColorDisabled: 'surface.background.level2.lowContrast',\n    padding: 'spacing.2',\n    borderRadius: 'small',\n    focusRingColor: 'brand.primary.400',\n    textColor: 'surface.text.subtle.lowContrast',\n    textColorSelected: 'brand.primary.500',\n    height: size['32'],\n    width: size['32'],\n  },\n  defaultPageSize: 10,\n} as const;\n\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  firstColumnStickyHeaderFooterZIndex,\n  checkboxCellWidth,\n};\n"],"names":["firstColumnStickyHeaderFooterZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","focusRingColor","tableFooter","tableRow","normal","comfortable","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderBottomColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","backgroundColorDisabled","borderRadius","textColor","textColorSelected","height","width","defaultPageSize"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst firstColumnStickyHeaderFooterZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableBackgroundColor = 'surface.background.gray.intense';\nconst tableHeader = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  backgroundColor: 'interactive.background.gray.default',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n} as const;\n\nconst tableFooter = {\n  paddingTop: 'spacing.5',\n  paddingBottom: 'spacing.5',\n  paddingLeft: 'spacing.4',\n  paddingRight: 'spacing.4',\n  borderBottomAndTopWidth: 'thin',\n  borderBottomAndTopColor: 'surface.border.gray.muted',\n  backgroundColor: 'interactive.background.gray.default',\n} as const;\n\nconst tableRow = {\n  paddingTop: {\n    normal: 'spacing.5',\n    comfortable: 'spacing.6',\n  },\n  paddingBottom: {\n    normal: 'spacing.5',\n    comfortable: 'spacing.6',\n  },\n  paddingLeft: {\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  paddingRight: {\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  nonStripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  nonStripeWrapper: {\n    // not used anywhere\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'transparent',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'transparent',\n    backgroundColorSelectedHover: 'transparent',\n    backgroundColorSelectedFocus: 'transparent',\n    backgroundColorSelectedActive: 'transparent',\n  },\n  stripe: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'transparent',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n  },\n  stripeWrapper: {\n    backgroundColor: 'interactive.background.gray.default',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorFocus: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.default',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.faded',\n    backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n    backgroundColorSelectedActive: 'interactive.background.primary.faded',\n  },\n  borderBottomWidth: 'thin',\n  borderBottomColor: 'surface.border.gray.muted',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tableToolbar = {\n  backgroundColor: 'transparent',\n  backgroundColorSelected: 'interactive.background.primary.faded',\n  backgroundColorMotionEasing: 'easing.standard.effective',\n  backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n  backgroundColor: 'transparent',\n  padding: 'spacing.4',\n  pageSelectionButton: {\n    backgroundColor: 'transparent',\n    backgroundColorHover: 'interactive.background.gray.default',\n    backgroundColorActive: 'interactive.background.gray.highlighted',\n    backgroundColorSelected: 'interactive.background.primary.faded',\n    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n    padding: 'spacing.2',\n    borderRadius: 'small',\n    focusRingColor: 'surface.border.primary.muted',\n    textColor: 'surface.text.gray.subtle',\n    textColorSelected: 'surface.text.primary.normal',\n    height: size['32'],\n    width: size['32'],\n  },\n  defaultPageSize: 10,\n} as const;\n\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyHeaderFooterZIndex,\n  checkboxCellWidth,\n};\n"],"names":["firstColumnStickyHeaderFooterZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableBackgroundColor","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","tableFooter","tableRow","normal","comfortable","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderBottomColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize"],"mappings":"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"}

package/build/lib/web/production/components/Tabs/TabIndicator.web.js

@@ -26,7 +26,7 @@ var StyledTabIndicator = /*#__PURE__*/styled(BaseBox).withConfig({
   return {
     cursor: 'pointer',
     '&:hover': {
-      backgroundColor: theme.colors.brand.primary[400]
+      backgroundColor: theme.colors.interactive.background.primary.fadedHighlighted
     }
   };
 });
@@ -64,7 +64,7 @@ var TabIndicator = function TabIndicator(_ref2) {
       y: variant === 'filled' ?
       // on filled variant the indicator is positioned on top of the tab item
       // so no need to add offsetHeight
-      activeTabItem.offsetTop - 1 : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5
+      activeTabItem.offsetTop : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5
     });
   }, [baseId, selectedValue, tabListContainerRef, variant]);
 
@@ -111,11 +111,12 @@ var TabIndicator = function TabIndicator(_ref2) {
   };
   if (variant === 'filled') {
     return /*#__PURE__*/jsx(StyledTabIndicator, _objectSpread({
+      pointerEvents: "none",
       position: "absolute",
       left: "0px",
       top: "0px",
       borderRadius: "small",
-      backgroundColor: "brand.primary.300",
+      backgroundColor: "interactive.background.primary.faded",
       style: _objectSpread(_objectSpread({}, transitionProps), {}, {
         width: "".concat(activeElementDimensions.width, "px"),
         height: "".concat(activeElementDimensions.height, "px"),
@@ -129,9 +130,9 @@ var TabIndicator = function TabIndicator(_ref2) {
     pointerEvents: "none",
     position: "absolute",
     left: "0%",
-    top: "0px",
-    height: "1.5px",
-    backgroundColor: "brand.primary.500",
+    top: "-0.5px",
+    height: "2px",
+    backgroundColor: "interactive.background.primary.default",
     style: _objectSpread(_objectSpread({}, transitionProps), {}, {
       width: "".concat(activeElementDimensions.width, "px"),
       transform: "translate(".concat(activeElementDimensions.x, "px, ").concat(activeElementDimensions.y, "px)")

package/build/lib/web/production/components/Tabs/TabIndicator.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabIndicator.web.js","sources":["../../../../../../src/components/Tabs/TabIndicator.web.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTabsContext } from './TabsContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst StyledTabIndicator = styled(BaseBox)(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor: theme.colors.brand.primary[400],\n    },\n  };\n});\n\nconst TabIndicator = ({\n  tabListContainerRef,\n}: {\n  tabListContainerRef: React.RefObject<HTMLElement | null>;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const { selectedValue, baseId, variant } = useTabsContext();\n  const [hasMeasured, setHasMeasured] = React.useState(false);\n  const [activeElementDimensions, setActiveElementDimensions] = React.useState({\n    width: 0,\n    height: 0,\n    x: 0,\n    y: 0,\n  });\n\n  // Update the dimensions of the active element\n  const updateDimensions = React.useCallback(() => {\n    const tabItemId = `${baseId}-${selectedValue}-tabitem`;\n    const activeTabItem = document.getElementById(tabItemId);\n    if (!activeTabItem) return;\n\n    setActiveElementDimensions({\n      width: activeTabItem.offsetWidth,\n      height: activeTabItem.offsetHeight,\n      x: activeTabItem.offsetLeft,\n      y:\n        variant === 'filled'\n          ? // on filled variant the indicator is positioned on top of the tab item\n            // so no need to add offsetHeight\n            activeTabItem.offsetTop - 1\n          : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5,\n    });\n  }, [baseId, selectedValue, tabListContainerRef, variant]);\n\n  // Update the dimensions when the selected value changes\n  useIsomorphicLayoutEffect(() => {\n    if (!selectedValue) return;\n\n    updateDimensions();\n\n    const id = requestAnimationFrame(() => {\n      setHasMeasured(true);\n    });\n\n    return () => {\n      if (id) {\n        cancelAnimationFrame(id);\n      }\n    };\n  }, [baseId, selectedValue]);\n\n  // Update the dimensions when the window resizes or when the font loads\n  React.useEffect(() => {\n    if (!tabListContainerRef.current) return;\n\n    // check for FontFace API support\n    // FontFaceAPI is widely supported but better to be safe than sorry\n    if ('fonts' in document) {\n      try {\n        // wait for fonts to be loaded and then recalculate the dimensions\n        void document.fonts.ready.then(() => {\n          updateDimensions();\n        });\n      } catch (err: unknown) {\n        /* empty */\n      }\n    }\n\n    window.addEventListener('resize', updateDimensions);\n\n    return () => {\n      if (!tabListContainerRef.current) return;\n      window.removeEventListener('resize', updateDimensions);\n    };\n  }, [tabListContainerRef, updateDimensions]);\n\n  const transitionProps = {\n    transitionProperty: 'transform, width, background-color',\n    transitionDuration: hasMeasured\n      ? castWebType(makeMotionTime(theme.motion.duration.gentle))\n      : '0ms',\n    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n  };\n\n  if (variant === 'filled') {\n    return (\n      <StyledTabIndicator\n        position=\"absolute\"\n        left=\"0px\"\n        top=\"0px\"\n        borderRadius=\"small\"\n        backgroundColor=\"brand.primary.300\"\n        style={{\n          ...transitionProps,\n          width: `${activeElementDimensions.width}px`,\n          height: `${activeElementDimensions.height}px`,\n          transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n        }}\n        {...metaAttribute({ name: MetaConstants.TabIndicator })}\n      />\n    );\n  }\n\n  return (\n    <StyledTabIndicator\n      pointerEvents=\"none\"\n      position=\"absolute\"\n      left=\"0%\"\n      top=\"0px\"\n      height=\"1.5px\"\n      backgroundColor=\"brand.primary.500\"\n      style={{\n        ...transitionProps,\n        width: `${activeElementDimensions.width}px`,\n        transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n      }}\n      {...metaAttribute({ name: MetaConstants.TabIndicator })}\n    />\n  );\n};\n\nexport { TabIndicator };\n"],"names":["StyledTabIndicator","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","cursor","backgroundColor","colors","brand","primary","TabIndicator","_ref2","tabListContainerRef","_useTheme","useTheme","_useTabsContext","useTabsContext","selectedValue","baseId","variant","_React$useState","React","useState","_React$useState2","_slicedToArray","hasMeasured","setHasMeasured","_React$useState3","width","height","x","y","_React$useState4","activeElementDimensions","setActiveElementDimensions","updateDimensions","useCallback","tabItemId","concat","activeTabItem","document","getElementById","offsetWidth","offsetHeight","offsetLeft","offsetTop","useIsomorphicLayoutEffect","id","requestAnimationFrame","cancelAnimationFrame","useEffect","current","fonts","ready","then","err","window","addEventListener","removeEventListener","transitionProps","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","effective","_jsx","_objectSpread","position","left","top","borderRadius","style","transform","metaAttribute","name","MetaConstants","pointerEvents"],"mappings":"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"}
+{"version":3,"file":"TabIndicator.web.js","sources":["../../../../../../src/components/Tabs/TabIndicator.web.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTabsContext } from './TabsContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst StyledTabIndicator = styled(BaseBox)(({ theme }) => {\n  return {\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor: theme.colors.interactive.background.primary.fadedHighlighted,\n    },\n  };\n});\n\nconst TabIndicator = ({\n  tabListContainerRef,\n}: {\n  tabListContainerRef: React.RefObject<HTMLElement | null>;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const { selectedValue, baseId, variant } = useTabsContext();\n  const [hasMeasured, setHasMeasured] = React.useState(false);\n  const [activeElementDimensions, setActiveElementDimensions] = React.useState({\n    width: 0,\n    height: 0,\n    x: 0,\n    y: 0,\n  });\n\n  // Update the dimensions of the active element\n  const updateDimensions = React.useCallback(() => {\n    const tabItemId = `${baseId}-${selectedValue}-tabitem`;\n    const activeTabItem = document.getElementById(tabItemId);\n    if (!activeTabItem) return;\n\n    setActiveElementDimensions({\n      width: activeTabItem.offsetWidth,\n      height: activeTabItem.offsetHeight,\n      x: activeTabItem.offsetLeft,\n      y:\n        variant === 'filled'\n          ? // on filled variant the indicator is positioned on top of the tab item\n            // so no need to add offsetHeight\n            activeTabItem.offsetTop\n          : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5,\n    });\n  }, [baseId, selectedValue, tabListContainerRef, variant]);\n\n  // Update the dimensions when the selected value changes\n  useIsomorphicLayoutEffect(() => {\n    if (!selectedValue) return;\n\n    updateDimensions();\n\n    const id = requestAnimationFrame(() => {\n      setHasMeasured(true);\n    });\n\n    return () => {\n      if (id) {\n        cancelAnimationFrame(id);\n      }\n    };\n  }, [baseId, selectedValue]);\n\n  // Update the dimensions when the window resizes or when the font loads\n  React.useEffect(() => {\n    if (!tabListContainerRef.current) return;\n\n    // check for FontFace API support\n    // FontFaceAPI is widely supported but better to be safe than sorry\n    if ('fonts' in document) {\n      try {\n        // wait for fonts to be loaded and then recalculate the dimensions\n        void document.fonts.ready.then(() => {\n          updateDimensions();\n        });\n      } catch (err: unknown) {\n        /* empty */\n      }\n    }\n\n    window.addEventListener('resize', updateDimensions);\n\n    return () => {\n      if (!tabListContainerRef.current) return;\n      window.removeEventListener('resize', updateDimensions);\n    };\n  }, [tabListContainerRef, updateDimensions]);\n\n  const transitionProps = {\n    transitionProperty: 'transform, width, background-color',\n    transitionDuration: hasMeasured\n      ? castWebType(makeMotionTime(theme.motion.duration.gentle))\n      : '0ms',\n    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n  };\n\n  if (variant === 'filled') {\n    return (\n      <StyledTabIndicator\n        pointerEvents=\"none\"\n        position=\"absolute\"\n        left=\"0px\"\n        top=\"0px\"\n        borderRadius=\"small\"\n        backgroundColor=\"interactive.background.primary.faded\"\n        style={{\n          ...transitionProps,\n          width: `${activeElementDimensions.width}px`,\n          height: `${activeElementDimensions.height}px`,\n          transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n        }}\n        {...metaAttribute({ name: MetaConstants.TabIndicator })}\n      />\n    );\n  }\n\n  return (\n    <StyledTabIndicator\n      pointerEvents=\"none\"\n      position=\"absolute\"\n      left=\"0%\"\n      top=\"-0.5px\"\n      height=\"2px\"\n      backgroundColor=\"interactive.background.primary.default\"\n      style={{\n        ...transitionProps,\n        width: `${activeElementDimensions.width}px`,\n        transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n      }}\n      {...metaAttribute({ name: MetaConstants.TabIndicator })}\n    />\n  );\n};\n\nexport { TabIndicator };\n"],"names":["StyledTabIndicator","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","cursor","backgroundColor","colors","interactive","background","primary","fadedHighlighted","TabIndicator","_ref2","tabListContainerRef","_useTheme","useTheme","_useTabsContext","useTabsContext","selectedValue","baseId","variant","_React$useState","React","useState","_React$useState2","_slicedToArray","hasMeasured","setHasMeasured","_React$useState3","width","height","x","y","_React$useState4","activeElementDimensions","setActiveElementDimensions","updateDimensions","useCallback","tabItemId","concat","activeTabItem","document","getElementById","offsetWidth","offsetHeight","offsetLeft","offsetTop","useIsomorphicLayoutEffect","id","requestAnimationFrame","cancelAnimationFrame","useEffect","current","fonts","ready","then","err","window","addEventListener","removeEventListener","transitionProps","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","effective","_jsx","_objectSpread","pointerEvents","position","left","top","borderRadius","style","transform","metaAttribute","name","MetaConstants"],"mappings":"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"}