@razorpay/blade 11.25.0 → 11.26.0

package/build/lib/web/development/components/Table/TableEditableCellContext.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+
+var TableEditableCellContext = /*#__PURE__*/React__default.createContext({
+  isInsideTableEditableCell: false
+});
+var useTableEditableCell = function useTableEditableCell() {
+  var contextValue = React__default.useContext(TableEditableCellContext);
+  return contextValue;
+};
+
+export { TableEditableCellContext, useTableEditableCell };
+//# sourceMappingURL=TableEditableCellContext.js.map

package/build/lib/web/development/components/Table/TableEditableCellContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableEditableCellContext.js","sources":["../../../../../../src/components/Table/TableEditableCellContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype TableEditableCellContextType = {\n  isInsideTableEditableCell: boolean;\n};\n\nconst TableEditableCellContext = React.createContext<TableEditableCellContextType>({\n  isInsideTableEditableCell: false,\n});\n\nconst useTableEditableCell = (): TableEditableCellContextType => {\n  const contextValue = React.useContext(TableEditableCellContext);\n  return contextValue;\n};\n\nexport { TableEditableCellContext, useTableEditableCell };\n"],"names":["TableEditableCellContext","React","createContext","isInsideTableEditableCell","useTableEditableCell","contextValue","useContext"],"mappings":";;AAMA,IAAMA,wBAAwB,gBAAGC,cAAK,CAACC,aAAa,CAA+B;AACjFC,EAAAA,yBAAyB,EAAE,KAAA;AAC7B,CAAC,EAAC;AAEF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAAuC;AAC/D,EAAA,IAAMC,YAAY,GAAGJ,cAAK,CAACK,UAAU,CAACN,wBAAwB,CAAC,CAAA;AAC/D,EAAA,OAAOK,YAAY,CAAA;AACrB;;;;"}

package/build/lib/web/development/components/Table/TablePagination.web.js

@@ -162,7 +162,8 @@ var _TablePagination = function _TablePagination(_ref3) {
     currentPaginationState = _useTableContext.currentPaginationState,
     totalItems = _useTableContext.totalItems,
     setPaginationRowSize = _useTableContext.setPaginationRowSize,
-    setPaginationType = _useTableContext.setPaginationType;
+    setPaginationType = _useTableContext.setPaginationType,
+    backgroundColor = _useTableContext.backgroundColor;
   var _React$useState = React__default.useState(defaultPageSize),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentPageSize = _React$useState2[0],
@@ -236,7 +237,7 @@ var _TablePagination = function _TablePagination(_ref3) {
     display: "flex",
     flexDirection: "row",
     padding: tablePagination.padding,
-    backgroundColor: tablePagination.backgroundColor,
+    backgroundColor: backgroundColor,
     children: [showLabel && !onMobile && /*#__PURE__*/jsx(BaseBox, {
       display: "flex",
       justifyContent: "center",

package/build/lib/web/development/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 { 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAMA,eAA6E,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAElG,IAAMC,mBAAmB,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAA2B,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU,CAAA;EAAA,OAAQ;AAC9FC,IAAAA,eAAe,EAAED,UAAU,GACvBE,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEC,eAAe,CAACC,mBAAmB,CAACC,uBAAuB,CAAC,GAChF,aAAa;AACjBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAEC,QAAQ,CAACN,eAAe,CAACC,mBAAmB,CAACI,MAAM,CAAC;IAC5DE,KAAK,EAAED,QAAQ,CAACN,eAAe,CAACC,mBAAmB,CAACM,KAAK,CAAC;AAC1DC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,YAAY,EAAEb,KAAK,CAACH,KAAK,CAACQ,MAAM,CAACS,MAAM,EAAEZ,eAAe,CAACC,mBAAmB,CAACU,YAAY,CAAC;AAC1F,IAAA,SAAS,EAAE;MACTd,eAAe,EAAED,UAAU,GACvBE,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEC,eAAe,CAACC,mBAAmB,CAACY,4BAA4B,CAAC,GACrFf,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEC,eAAe,CAACC,mBAAmB,CAACa,oBAAoB,CAAA;KACjF;AACD,IAAA,iBAAiB,EAAE;MACjBjB,eAAe,EAAED,UAAU,GACvBE,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEC,eAAe,CAACC,mBAAmB,CAACc,6BAA6B,CAAC,GACtFjB,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEC,eAAe,CAACC,mBAAmB,CAACe,qBAAqB,CAAC;AAClFC,MAAAA,OAAO,EAAE,MAAM;MACf,iBAAiB,EAAEC,kBAAkB,CAAC;AAAEvB,QAAAA,KAAK,EAALA,KAAAA;OAAO,CAAA;KAChD;AACD,IAAA,UAAU,EAAE;MACVE,eAAe,EAAED,UAAU,GACvBE,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEC,eAAe,CAACC,mBAAmB,CAACc,6BAA6B,CAAC,GACtFjB,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEC,eAAe,CAACC,mBAAmB,CAACe,qBAAqB,CAAA;AACnF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AACH,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAYrB;AAAA,EAAA,IAXHC,gBAAgB,GAAAD,KAAA,CAAhBC,gBAAgB;IAChBC,UAAU,GAAAF,KAAA,CAAVE,UAAU,CAAA;EAWV,IAAMC,SAAS,GAAG,CAAC,CAAA;EACnB,IAAMC,cAAc,GAAG,CAAC,CAAA;;AAExB;EACA,IAAIF,UAAU,IAAIE,cAAc,EAAE;IAChC,OAAO;AACLC,MAAAA,WAAW,EAAEC,KAAK,CAACC,IAAI,CAAC;QAAEC,MAAM,EAAEN,UAAU,GAAG,CAAA;AAAE,OAAC,EAAE,UAACO,CAAC,EAAEC,KAAK,EAAA;QAAA,OAAKA,KAAK,GAAG,CAAC,CAAA;OAAC,CAAA;AAC5EC,MAAAA,iBAAiB,EAAE,KAAK;AACxBC,MAAAA,eAAe,EAAE,KAAK;AACtBC,MAAAA,SAAS,EAAE,CAAC;AACZC,MAAAA,QAAQ,EAAEZ,UAAAA;KACX,CAAA;AACH,GAAA;EAEA,IAAIa,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEhB,gBAAgB,GAAGE,SAAS,CAAC,CAAA;AACrD,EAAA,IAAIe,GAAG,GAAGF,IAAI,CAACG,GAAG,CAACjB,UAAU,EAAEa,KAAK,GAAG,CAAC,GAAGZ,SAAS,CAAC,CAAA;;AAErD;AACA,EAAA,OAAOe,GAAG,GAAGH,KAAK,GAAG,CAAC,GAAGX,cAAc,KAAKW,KAAK,GAAG,CAAC,IAAIG,GAAG,GAAGhB,UAAU,CAAC,EAAE;IAC1E,IAAIa,KAAK,GAAG,CAAC,EAAE;AACbA,MAAAA,KAAK,EAAE,CAAA;AACT,KAAA;IACA,IAAIG,GAAG,GAAGhB,UAAU,EAAE;AACpBgB,MAAAA,GAAG,EAAE,CAAA;AACP,KAAA;AACF,GAAA;EAEA,IAAIP,iBAAiB,GAAG,KAAK,CAAA;EAC7B,IAAIC,eAAe,GAAG,KAAK,CAAA;EAE3B,IAAMQ,iBAA2B,GAAG,EAAE,CAAA;EACtC,KAAK,IAAIC,CAAC,GAAGN,KAAK,EAAEM,CAAC,IAAIH,GAAG,EAAEG,CAAC,EAAE,EAAE;AACjCD,IAAAA,iBAAiB,CAACE,IAAI,CAACD,CAAC,CAAC,CAAA;AAC3B,GAAA;;AAEA;AACA,EAAA,IAAID,iBAAiB,CAACG,QAAQ,CAAC,CAAC,CAAC,EAAE;IACjCH,iBAAiB,CAACI,KAAK,EAAE,CAAA;AACzB;AACA,IAAA,IAAItB,UAAU,GAAGE,cAAc,GAAG,CAAC,EAAEgB,iBAAiB,CAACE,IAAI,CAACJ,GAAG,GAAG,CAAC,CAAC,CAAA;AACtE,GAAA;;AAEA;AACA,EAAA,IAAIE,iBAAiB,CAACG,QAAQ,CAACrB,UAAU,CAAC,EAAE;IAC1CkB,iBAAiB,CAACK,GAAG,EAAE,CAAA;AACvB;AACA,IAAA,IAAIvB,UAAU,GAAGE,cAAc,GAAG,CAAC,EAAEgB,iBAAiB,CAACM,OAAO,CAACX,KAAK,GAAG,CAAC,CAAC,CAAA;AAC3E,GAAA;AAEA,EAAA,IAAIK,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;AAC5BT,IAAAA,iBAAiB,GAAG,IAAI,CAAA;AAC1B,GAAA;AAEA,EAAA,IAAIS,iBAAiB,CAACA,iBAAiB,CAACZ,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,GAAGN,UAAU,EAAE;AACpEU,IAAAA,eAAe,GAAG,IAAI,CAAA;AACxB,GAAA;EAEA,OAAO;AACLP,IAAAA,WAAW,EAAEe,iBAAiB;AAC9BT,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBC,IAAAA,eAAe,EAAfA,eAAe;AACfC,IAAAA,SAAS,EAAE,CAAC;AACZC,IAAAA,QAAQ,EAAEZ,UAAAA;GACX,CAAA;AACH,CAAC,CAAA;AAED,IAAMyB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAW0B;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAVjCC,qBAAqB,GAAAF,KAAA,CAAlCG,WAAW;IACXC,YAAY,GAAAJ,KAAA,CAAZI,YAAY;IACZC,gBAAgB,GAAAL,KAAA,CAAhBK,gBAAgB;IAAAC,qBAAA,GAAAN,KAAA,CAChBO,eAAe;AAAfA,IAAAA,eAAe,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAGtD,eAAe,CAACuD,eAAe,GAAAD,qBAAA;IAAAE,qBAAA,GAAAR,KAAA,CACjDS,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAAV,KAAA,CACzBW,sBAAsB;AAAtBA,IAAAA,sBAAsB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC9BE,SAAS,GAAAZ,KAAA,CAATY,SAAS;IACTC,KAAK,GAAAb,KAAA,CAALa,KAAK;IACLC,cAAc,GAAAd,KAAA,CAAdc,cAAc;IAAAC,oBAAA,GAAAf,KAAA,CACdgB,cAAc;AAAdA,IAAAA,cAAc,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,oBAAA,CAAA;AAEzB,EAAA,IAAAE,gBAAA,GAMIC,eAAe,EAAE;IALnBC,iBAAiB,GAAAF,gBAAA,CAAjBE,iBAAiB;IACjBC,sBAAsB,GAAAH,gBAAA,CAAtBG,sBAAsB;IACtBC,UAAU,GAAAJ,gBAAA,CAAVI,UAAU;IACVC,oBAAoB,GAAAL,gBAAA,CAApBK,oBAAoB;IACpBC,iBAAiB,GAAAN,gBAAA,CAAjBM,iBAAiB,CAAA;AAEnB,EAAA,IAAAC,eAAA,GAA8CC,cAAK,CAACC,QAAQ,CAASnB,eAAe,CAAC;IAAAoB,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAA9EK,IAAAA,eAAe,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,kBAAkB,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAC1C,EAAA,IAAAI,gBAAA,GAAsCN,cAAK,CAACC,QAAQ,CAClD,CAACM,WAAW,CAAC9B,qBAAqB,CAAC,GAAGA,qBAAqB,GAAA,CAAAD,qBAAA,GAAGmB,sBAAsB,KAAA,IAAA,IAAtBA,sBAAsB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtBA,sBAAsB,CAAEa,IAAI,MAAA,IAAA,IAAAhC,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAChG,CAAC;IAAAiC,gBAAA,GAAAN,cAAA,CAAAG,gBAAA,EAAA,CAAA,CAAA;AAFM5B,IAAAA,WAAW,GAAA+B,gBAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,cAAc,GAAAD,gBAAA,CAAA,CAAA,CAAA,CAAA;AAGlC,EAAA,IAAAE,gBAAA,GAAsDX,cAAK,CAACC,QAAQ,CAClEW,SACF,CAAC;IAAAC,gBAAA,GAAAV,cAAA,CAAAQ,gBAAA,EAAA,CAAA,CAAA;AAFMG,IAAAA,mBAAmB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,sBAAsB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AAIlD,EAAA,IAAMG,YAAY,GAAGrB,sBAAsB,GAAA,UAAA,CAAAsB,MAAA,CAC5BtB,sBAAsB,CAACa,IAAI,GAAGb,sBAAsB,CAACuB,IAAI,GAAG,CAAC,EAAA,GAAA,CAAA,CAAAD,MAAA,CACtEtB,sBAAsB,CAACa,IAAI,GAAGb,sBAAsB,CAACuB,IAAI,GAAGvB,sBAAsB,CAACuB,IAAI,EAAA,QAAA,CAAA,GAAA,eAAA,CAAAD,MAAA,CAEzErB,UAAU,EAAQ,QAAA,CAAA,CAAA;AAEtC,EAAA,IAAAuB,SAAA,GAAqBC,QAAQ,EAAE;IAAvBC,QAAQ,GAAAF,SAAA,CAARE,QAAQ,CAAA;AAChB,EAAA,IAAMC,QAAQ,GAAGD,QAAQ,KAAK,UAAU,CAAA;AACxCE,EAAAA,SAAS,CAAC,YAAM;IACd1B,oBAAoB,CAACO,eAAe,CAAC,CAAA;IACrCN,iBAAiB,CAACP,cAAc,CAAC,CAAA;GAClC,EAAE,EAAE,CAAC,CAAA;AAENgC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI7C,WAAW,IAAI,CAAAiB,sBAAsB,KAAtBA,IAAAA,IAAAA,sBAAsB,KAAtBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAsB,CAAEa,IAAI,MAAK9B,WAAW,EAAE;MAC/DgB,iBAAiB,CAAChB,WAAW,CAAC,CAAA;AAChC,KAAA;AACF,GAAC,EAAE,CAACA,WAAW,EAAEiB,sBAAsB,KAAtBA,IAAAA,IAAAA,sBAAsB,KAAtBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAsB,CAAEa,IAAI,EAAEd,iBAAiB,CAAC,CAAC,CAAA;EAElE,IAAM7C,UAAU,GAAG0D,WAAW,CAAClB,cAAc,CAAC,GAC1C1B,IAAI,CAAC6D,IAAI,CAAC5B,UAAU,GAAGQ,eAAe,CAAC,GACvCzC,IAAI,CAAC6D,IAAI,CAACnC,cAAc,GAAGe,eAAe,CAAC,CAAA;AAE/C,EAAA,IAAMqB,gBAAgB,GAAGC,WAAW,CAClC,UAAClB,IAAY,EAAW;IACtB,IAAImB,YAAY,GAAGnB,IAAI,CAAA;IACvB,IAAImB,YAAY,GAAG,CAAC,EAAE;AACpBA,MAAAA,YAAY,GAAG,CAAC,CAAA;AAClB,KAAC,MAAM,IAAIA,YAAY,GAAG9E,UAAU,GAAG,CAAC,EAAE;MACxC8E,YAAY,GAAG9E,UAAU,GAAG,CAAC,CAAA;AAC/B,KAAA;AAEA8B,IAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAG;AAAE6B,MAAAA,IAAI,EAAEmB,YAAAA;AAAa,KAAC,CAAC,CAAA;AAEtC,IAAA,IAAI,CAACpB,WAAW,CAAC9B,qBAAqB,CAAC,EAAE;AACvCkD,MAAAA,YAAY,GAAGlD,qBAAqB,CAAA;AACtC,KAAA;IACAiB,iBAAiB,CAACiC,YAAY,CAAC,CAAA;IAC/BjB,cAAc,CAACiB,YAAY,CAAC,CAAA;GAC7B,EACD,CAAClD,qBAAqB,EAAEE,YAAY,EAAEe,iBAAiB,EAAE7C,UAAU,CACrE,CAAC,CAAA;AAED0E,EAAAA,SAAS,CAAC,YAAM;IACd,IAAI,CAAChB,WAAW,CAAC9B,qBAAqB,CAAC,IAAIA,qBAAqB,KAAKC,WAAW,EAAE;MAChF+C,gBAAgB,CAAChD,qBAAqB,CAAC,CAAA;AACzC,KAAA;GACD,EAAE,CAACA,qBAAqB,EAAEC,WAAW,EAAE+C,gBAAgB,EAAE9C,YAAY,CAAC,CAAC,CAAA;AAExE,EAAA,IAAI,IAAO,EAAE;AACX,IAAA,IAAIY,cAAc,KAAK,QAAQ,KAAKgB,WAAW,CAAClB,cAAc,CAAC,IAAIkB,WAAW,CAAC5B,YAAY,CAAC,CAAC,EAAE;AAC7FiD,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EACL,uFAAuF;AACzFC,QAAAA,UAAU,EAAE,iBAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AAEA,EAAA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,QAAgB,EAAW;AACvDpD,IAAAA,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAG;AAAEoD,MAAAA,QAAQ,EAARA,QAAAA;AAAS,KAAC,CAAC,CAAA;IAChCnC,oBAAoB,CAACmC,QAAQ,CAAC,CAAA;IAC9B3B,kBAAkB,CAAC2B,QAAQ,CAAC,CAAA;GAC7B,CAAA;AAED,EAAA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAkB;AAC3C,IAAA,OAAOvD,WAAW,IAAI7B,UAAU,GAAG,CAAC,CAAA;GACrC,CAAA;EACD,IAAMkB,iBAAiB,GAAGrB,oBAAoB,CAAC;IAC7CE,gBAAgB,EAAE8B,WAAW,GAAG,CAAC;AACjC7B,IAAAA,UAAU,EAAVA,UAAAA;AACF,GAAC,CAAC,CAAA;EAEF,oBACEqF,IAAA,CAACC,OAAO,EAAA;AACNpG,IAAAA,OAAO,EAAC,MAAM;AACdqG,IAAAA,aAAa,EAAC,KAAK;IACnBC,OAAO,EAAE9G,eAAe,CAAC8G,OAAQ;IACjCjH,eAAe,EAAEG,eAAe,CAACH,eAAgB;IAAAkH,QAAA,EAAA,CAEhDnD,SAAS,IAAI,CAACmC,QAAQ,iBACrBiB,GAAA,CAACJ,OAAO,EAAA;AAACpG,MAAAA,OAAO,EAAC,MAAM;AAACE,MAAAA,cAAc,EAAC,QAAQ;AAACD,MAAAA,UAAU,EAAC,QAAQ;MAAAsG,QAAA,eACjEC,GAAA,CAACC,IAAI,EAAA;AAACtB,QAAAA,IAAI,EAAC,QAAQ;AAACuB,QAAAA,MAAM,EAAC,UAAU;AAAAH,QAAAA,QAAA,EAClClD,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAI4B,YAAAA;OACN,CAAA;AAAC,KACA,CACV,eACDkB,IAAA,CAACC,OAAO,EAAA;AACNpG,MAAAA,OAAO,EAAC,MAAM;AACd2G,MAAAA,IAAI,EAAE,CAAE;AACRC,MAAAA,GAAG,EAAC,WAAW;AACf1G,MAAAA,cAAc,EAAC,UAAU;AACzBD,MAAAA,UAAU,EAAC,QAAQ;MAAAsG,QAAA,EAAA,CAElBtD,kBAAkB,IAAI,CAACsC,QAAQ,iBAC9BY,IAAA,CAACC,OAAO,EAAA;AAACpG,QAAAA,OAAO,EAAC,MAAM;AAACqG,QAAAA,aAAa,EAAC,KAAK;AAACpG,QAAAA,UAAU,EAAC,QAAQ;QAAAsG,QAAA,EAAA,cAC7DJ,IAAA,CAACU,QAAQ,EAAA;AAACC,UAAAA,aAAa,EAAC,QAAQ;UAAAP,QAAA,EAAA,cAC9BC,GAAA,CAACO,WAAW,EAAA;AACVC,YAAAA,kBAAkB,EAAC,sBAAsB;AACzCC,YAAAA,IAAI,EAAC,WAAW;AAChB5D,YAAAA,KAAK,EAAC,EAAE;AACR6D,YAAAA,aAAa,EAAC,cAAc;AAC5BC,YAAAA,WAAW,EAAC,EAAE;AACdC,YAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAA,EAAgB;AAAA,cAAA,IAAbC,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;cACjBtB,oBAAoB,CAACuB,MAAM,CAACD,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;aACvC;AACFE,YAAAA,YAAY,EAAEnD,eAAe,CAACoD,QAAQ,EAAC;AAAE,WAC1C,CAAC,eACFjB,GAAA,CAACkB,eAAe,EAAA;YAAAnB,QAAA,eACdC,GAAA,CAACmB,UAAU,EAAA;cAAApB,QAAA,EACR5H,eAAe,CAACiJ,GAAG,CAAC,UAACC,IAAI,EAAEvG,KAAK,EAAA;gBAAA,oBAC/BkF,GAAA,CAACsB,cAAc,EAAA;AAAaC,kBAAAA,KAAK,EAAEF,IAAI,CAACJ,QAAQ,EAAG;AAACO,kBAAAA,KAAK,EAAEH,IAAI,CAACJ,QAAQ,EAAC;AAAE,iBAAA,EAAtDnG,KAAwD,CAAC,CAAA;eAC/E,CAAA;aACS,CAAA;AAAC,WACE,CAAC,CAAA;AAAA,SACV,CAAC,eACXkF,GAAA,CAACJ,OAAO,EAAA;UAAC,aAAW,EAAA,IAAA;AAAC6B,UAAAA,WAAW,EAAC,WAAW;AAACC,UAAAA,YAAY,EAAC,WAAW;UAAA3B,QAAA,eACnEC,GAAA,CAACC,IAAI,EAAA;AAAAF,YAAAA,QAAA,EAAC,aAAA;WAAiB,CAAA;AAAC,SACjB,CAAC,CAAA;AAAA,OACH,CACV,eACDJ,IAAA,CAACC,OAAO,EAAA;AACNpG,QAAAA,OAAO,EAAC,MAAM;AACdqG,QAAAA,aAAa,EAAC,KAAK;AACnBO,QAAAA,GAAG,EAAC,WAAW;AACfD,QAAAA,IAAI,EAAEpB,QAAQ,GAAG,CAAC,GAAGV,SAAU;AAC/B5E,QAAAA,UAAU,EAAC,QAAQ;QAAAsG,QAAA,EAAA,cAEnBC,GAAA,CAAC2B,MAAM,EAAA;AACLC,UAAAA,IAAI,EAAEC,eAAgB;AACtBrB,UAAAA,kBAAkB,EAAC,eAAe;AAClCsB,UAAAA,OAAO,EAAC,UAAU;UAClBC,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACb7C,YAAAA,gBAAgB,CAAC/C,WAAW,GAAG,CAAC,CAAC,CAAA;WACjC;UACF6F,UAAU,EAAE7F,WAAW,IAAI,CAAA;AAAE,SAC9B,CAAC,EACD4C,QAAQ,iBACPiB,GAAA,CAACJ,OAAO,EAAA;AAACO,UAAAA,IAAI,EAAE,CAAE;AAAC1G,UAAAA,UAAU,EAAC,QAAQ;AAACC,UAAAA,cAAc,EAAC,QAAQ;UAAAqG,QAAA,eAC3DC,GAAA,CAACC,IAAI,EAAA;AAACgC,YAAAA,SAAS,EAAC,QAAQ;YAAAlC,QAAA,EAAA,UAAA,CAAArB,MAAA,CAAavC,WAAW,GAAG,CAAC,EAAA,MAAA,CAAA,CAAAuC,MAAA,CAAOpE,UAAU,EAAA,QAAA,CAAA;WAAe,CAAA;AAAC,SAC9E,CACV,EACAA,UAAU,GAAG,CAAC,IAAIqC,sBAAsB,IAAI,CAACoC,QAAQ,iBACpDY,IAAA,CAACC,OAAO,EAAA;AAACQ,UAAAA,GAAG,EAAC,WAAW;AAAC5G,UAAAA,OAAO,EAAC,MAAM;AAACqG,UAAAA,aAAa,EAAC,KAAK;UAAAE,QAAA,EAAA,cACzDC,GAAA,CAAC5H,mBAAmB,EAAA;YAClB2J,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,cAAA,OAAM7C,gBAAgB,CAAC1D,iBAAiB,CAACP,SAAS,GAAG,CAAC,CAAC,CAAA;aAAC;AACjErC,YAAAA,UAAU,EAAEuD,WAAW,KAAKX,iBAAiB,CAACP,SAAS,GAAG,CAAE;YAAA8E,QAAA,eAE5DC,GAAA,CAACC,IAAI,EAAA;AACHtB,cAAAA,IAAI,EAAC,QAAQ;AACbuD,cAAAA,KAAK,EACH/F,WAAW,KAAKX,iBAAiB,CAACP,SAAS,GAAG,CAAC,GAC3CjC,eAAe,CAACC,mBAAmB,CAACkJ,iBAAiB,GACrDnJ,eAAe,CAACC,mBAAmB,CAACmJ,SACzC;cAAArC,QAAA,EAEAvE,iBAAiB,CAACP,SAAAA;aACf,CAAA;AAAC,WACY,CAAC,EACrBO,iBAAiB,CAACT,iBAAiB,iBAClCiF,GAAA,CAAC5H,mBAAmB,EAAAiK,aAAA,CAAAA,aAAA,CAAA;YAClBN,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,cAAA,OAAM7C,gBAAgB,CAAC/C,WAAW,GAAG,CAAC,CAAC,CAAA;aAAC;YACjDmG,WAAW,EAAE,SAAAA,WAAA,GAAA;cAAA,OAAM9D,sBAAsB,CAAC,OAAO,CAAC,CAAA;aAAC;YACnD+D,YAAY,EAAE,SAAAA,YAAA,GAAA;cAAA,OAAM/D,sBAAsB,CAACH,SAAS,CAAC,CAAA;aAAC;YACtDmE,OAAO,EAAE,SAAAA,OAAA,GAAA;cAAA,OAAMhE,sBAAsB,CAAC,OAAO,CAAC,CAAA;aAAC;YAC/CiE,MAAM,EAAE,SAAAA,MAAA,GAAA;cAAA,OAAMjE,sBAAsB,CAACH,SAAS,CAAC,CAAA;AAAA,aAAA;AAAC,WAAA,EAC5CqE,cAAc,CAAC;AAAE7F,YAAAA,KAAK,EAAE,iBAAA;AAAkB,WAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAkD,YAAAA,QAAA,EAE/CxB,mBAAmB,KAAK,OAAO,gBAC9ByB,GAAA,CAAC2C,gBAAgB,EAAA;AAAChE,cAAAA,IAAI,EAAC,QAAA;AAAQ,aAAE,CAAC,gBAElCqB,GAAA,CAAC4C,kBAAkB,EAAA;AAACjE,cAAAA,IAAI,EAAC,QAAA;aAAU,CAAA;WAElB,CAAA,CACtB,EACAnD,iBAAiB,CAACf,WAAW,CAAC2G,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,YAAA,oBACtCrB,GAAA,CAAC5H,mBAAmB,EAAAiK,aAAA,CAAAA,aAAA,CAAA;cAElBN,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,gBAAA,OAAM7C,gBAAgB,CAACmC,IAAI,GAAG,CAAC,CAAC,CAAA;eAAC;AAC1CzI,cAAAA,UAAU,EAAEuD,WAAW,KAAKkF,IAAI,GAAG,CAAA;AAAE,aAAA,EACjCqB,cAAc,CAAC;cAAE7F,KAAK,EAAA,OAAA,CAAA6B,MAAA,CAAU2C,IAAI,CAAA;AAAG,aAAC,CAAC,CAAA,EAAA,EAAA,EAAA;cAAAtB,QAAA,eAE7CC,GAAA,CAACC,IAAI,EAAA;AACHtB,gBAAAA,IAAI,EAAC,QAAQ;AACbuD,gBAAAA,KAAK,EACH/F,WAAW,KAAKkF,IAAI,GAAG,CAAC,GACpBrI,eAAe,CAACC,mBAAmB,CAACkJ,iBAAiB,GACrDnJ,eAAe,CAACC,mBAAmB,CAACmJ,SACzC;AAAArC,gBAAAA,QAAA,EAEAsB,IAAAA;eACG,CAAA;aAdDA,CAAAA,EAAAA,IAAI,GAAG,CAeO,CAAC,CAAA;AAAA,WACvB,CAAC,EACD7F,iBAAiB,CAACR,eAAe,iBAChCgF,GAAA,CAAC5H,mBAAmB,EAAAiK,aAAA,CAAAA,aAAA,CAAA;YAClBN,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,cAAA,OAAM7C,gBAAgB,CAAC/C,WAAW,GAAG,CAAC,CAAC,CAAA;aAAC;YACjDmG,WAAW,EAAE,SAAAA,WAAA,GAAA;cAAA,OAAM9D,sBAAsB,CAAC,KAAK,CAAC,CAAA;aAAC;YACjD+D,YAAY,EAAE,SAAAA,YAAA,GAAA;cAAA,OAAM/D,sBAAsB,CAACH,SAAS,CAAC,CAAA;aAAC;YACtDmE,OAAO,EAAE,SAAAA,OAAA,GAAA;cAAA,OAAMhE,sBAAsB,CAAC,KAAK,CAAC,CAAA;aAAC;YAC7CiE,MAAM,EAAE,SAAAA,MAAA,GAAA;cAAA,OAAMjE,sBAAsB,CAACH,SAAS,CAAC,CAAA;AAAA,aAAA;AAAC,WAAA,EAC5CqE,cAAc,CAAC;AAAE7F,YAAAA,KAAK,EAAE,oBAAA;AAAqB,WAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAkD,YAAAA,QAAA,EAElDxB,mBAAmB,KAAK,KAAK,gBAC5ByB,GAAA,CAAC6C,iBAAiB,EAAA;AAAClE,cAAAA,IAAI,EAAC,QAAA;AAAQ,aAAE,CAAC,gBAEnCqB,GAAA,CAAC4C,kBAAkB,EAAA;AAACjE,cAAAA,IAAI,EAAC,QAAA;aAAU,CAAA;AACpC,WAAA,CACkB,CACtB,eACDqB,GAAA,CAAC5H,mBAAmB,EAAA;YAClB2J,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,cAAA,OAAM7C,gBAAgB,CAAC1D,iBAAiB,CAACN,QAAQ,GAAG,CAAC,CAAC,CAAA;aAAC;AAChEtC,YAAAA,UAAU,EAAEuD,WAAW,KAAKX,iBAAiB,CAACN,QAAQ,GAAG,CAAE;YAAA6E,QAAA,eAE3DC,GAAA,CAACC,IAAI,EAAA;AACHtB,cAAAA,IAAI,EAAC,QAAQ;AACbuD,cAAAA,KAAK,EACH/F,WAAW,KAAKX,iBAAiB,CAACN,QAAQ,GAAG,CAAC,GAC1ClC,eAAe,CAACC,mBAAmB,CAACkJ,iBAAiB,GACrDnJ,eAAe,CAACC,mBAAmB,CAACmJ,SACzC;cAAArC,QAAA,EAEAvE,iBAAiB,CAACN,QAAAA;aACf,CAAA;AAAC,WACY,CAAC,CAAA;AAAA,SACf,CACV,eACD8E,GAAA,CAAC2B,MAAM,EAAA;AACLG,UAAAA,OAAO,EAAC,UAAU;AAClBF,UAAAA,IAAI,EAAEkB,gBAAiB;AACvBtC,UAAAA,kBAAkB,EAAC,WAAW;UAC9BuB,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACb7C,YAAAA,gBAAgB,CAAC/C,WAAW,GAAG,CAAC,CAAC,CAAA;WACjC;UACF6F,UAAU,EAAEtC,qBAAqB,EAAC;AAAE,SACrC,CAAC,CAAA;AAAA,OACK,CAAC,CAAA;AAAA,KACH,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMqD,eAAe,gBAAGC,wBAAwB,CAACjH,gBAAgB,EAAE;EACjEtD,WAAW,EAAEwK,YAAY,CAACF,eAAAA;AAC5B,CAAC;;;;"}
+{"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    backgroundColor,\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={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/development/components/Table/index.js

@@ -1,8 +1,8 @@
 export { Table } from './Table.web.js';
 export { TableHeader, TableHeaderCell, TableHeaderRow } from './TableHeader.web.js';
-export { TableBody, TableCell, TableEditableCell, TableRow } from './TableBody.web.js';
+export { TableBody, TableCell, TableRow } from './TableBody.web.js';
 export { TableFooter, TableFooterCell, TableFooterRow } from './TableFooter.web.js';
 export { TablePagination } from './TablePagination.web.js';
 export { TableToolbar, TableToolbarActions } from './TableToolbar.web.js';
-import './types.js';
+export { TableEditableCell, TableEditableDropdownCell } from './TableEditableCell.web.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,8 @@
+import '../Icons/index.js';
 import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
+import CheckIcon from '../Icons/CheckIcon/CheckIcon.js';
+import AlertCircleIcon from '../Icons/AlertCircleIcon/AlertCircleIcon.js';
 
 var firstColumnStickyHeaderFooterZIndex = 2;
 var refreshWrapperZIndex = 3;
@@ -93,7 +96,6 @@ var tableToolbar = {
   backgroundColorMotionDuration: 'duration.xquick'
 };
 var tablePagination = {
-  backgroundColor: 'transparent',
   padding: 'spacing.4',
   pageSelectionButton: {
     backgroundColor: 'transparent',
@@ -117,6 +119,16 @@ var tableEditableCellRowDensityToInputSizeMap = {
   normal: 'large',
   comfortable: 'medium'
 };
+var validationStateToInputTrailingIconMap = {
+  none: undefined,
+  success: CheckIcon,
+  error: AlertCircleIcon
+};
+var rowDensityToIsTableInputCellMapping = {
+  comfortable: false,
+  normal: true,
+  compact: true
+};
 
-export { checkboxCellWidth, firstColumnStickyHeaderFooterZIndex, refreshWrapperZIndex, tableBackgroundColor, tableEditableCellRowDensityToInputSizeMap, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar };
+export { checkboxCellWidth, firstColumnStickyHeaderFooterZIndex, refreshWrapperZIndex, rowDensityToIsTableInputCellMapping, tableBackgroundColor, tableEditableCellRowDensityToInputSizeMap, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar, validationStateToInputTrailingIconMap };
 //# sourceMappingURL=tokens.js.map

package/build/lib/web/development/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 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  paddingLeft: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  paddingRight: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  minHeight: {\n    compact: '36',\n    normal: '48',\n    comfortable: '60',\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  borderColor: '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\nconst tableEditableCellRowDensityToInputSizeMap = {\n  compact: 'medium',\n  normal: 'large',\n  comfortable: 'medium',\n} as const;\n\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyHeaderFooterZIndex,\n  checkboxCellWidth,\n  tableEditableCellRowDensityToInputSizeMap,\n};\n"],"names":["firstColumnStickyHeaderFooterZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableBackgroundColor","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","tableFooter","tableRow","compact","normal","comfortable","minHeight","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize","tableEditableCellRowDensityToInputSizeMap"],"mappings":"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"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { AlertCircleIcon, CheckIcon } from '~components/Icons';\nimport { 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  paddingLeft: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  paddingRight: {\n    compact: 'spacing.4',\n    normal: 'spacing.4',\n    comfortable: 'spacing.4',\n  },\n  minHeight: {\n    compact: '36',\n    normal: '48',\n    comfortable: '60',\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  borderColor: '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  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\nconst tableEditableCellRowDensityToInputSizeMap = {\n  compact: 'medium',\n  normal: 'large',\n  comfortable: 'medium',\n} as const;\n\nconst validationStateToInputTrailingIconMap = {\n  none: undefined,\n  success: CheckIcon,\n  error: AlertCircleIcon,\n};\n\nconst rowDensityToIsTableInputCellMapping = {\n  comfortable: false,\n  normal: true,\n  compact: true,\n};\n\nexport {\n  tableHeader,\n  tableFooter,\n  tableRow,\n  tableToolbar,\n  tablePagination,\n  refreshWrapperZIndex,\n  tableBackgroundColor,\n  firstColumnStickyHeaderFooterZIndex,\n  checkboxCellWidth,\n  tableEditableCellRowDensityToInputSizeMap,\n  validationStateToInputTrailingIconMap,\n  rowDensityToIsTableInputCellMapping,\n};\n"],"names":["firstColumnStickyHeaderFooterZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableBackgroundColor","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","tableFooter","tableRow","compact","normal","comfortable","minHeight","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize","tableEditableCellRowDensityToInputSizeMap","validationStateToInputTrailingIconMap","none","undefined","success","CheckIcon","error","AlertCircleIcon","rowDensityToIsTableInputCellMapping"],"mappings":"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"}

package/build/lib/web/development/components/index.js

@@ -498,10 +498,11 @@ export { StepItemIcon, StepItemIndicator } from './StepGroup/StepItemMarker.js';
 export { Switch } from './Switch/Switch.js';
 export { Table } from './Table/Table.web.js';
 export { TableHeader, TableHeaderCell, TableHeaderRow } from './Table/TableHeader.web.js';
-export { TableBody, TableCell, TableEditableCell, TableRow } from './Table/TableBody.web.js';
+export { TableBody, TableCell, TableRow } from './Table/TableBody.web.js';
 export { TableFooter, TableFooterCell, TableFooterRow } from './Table/TableFooter.web.js';
 export { TablePagination } from './Table/TablePagination.web.js';
 export { TableToolbar, TableToolbarActions } from './Table/TableToolbar.web.js';
+export { TableEditableCell, TableEditableDropdownCell } from './Table/TableEditableCell.web.js';
 export { Tabs } from './Tabs/Tabs.web.js';
 export { TabItem } from './Tabs/TabItem.web.js';
 export { TabList } from './Tabs/TabList.web.js';

package/build/lib/web/development/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/web/development/tokens/theme/createTheme.js

@@ -257,7 +257,7 @@ var getOnDarkOverrides = function getOnDarkOverrides(brandColors) {
  * Creates a Blade Theme based on the custom brand color
  * @returns The Theme Tokens with the custom brand colors
  * @example
- * const theme = createTheme({ brandColor: '#19BEA2'})
+ * const { theme, brandColors } = createTheme({ brandColor: '#19BEA2'})
  **/
 var createTheme = function createTheme(_ref) {
   var brandColor = _ref.brandColor;
@@ -277,7 +277,10 @@ var createTheme = function createTheme(_ref) {
       }
     }
   });
-  return brandedThemeTokens;
+  return {
+    theme: brandedThemeTokens,
+    brandColors: chromaticBrandColors
+  };
 };
 
 export { createTheme };

package/build/lib/web/development/tokens/theme/createTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","sources":["../../../../../../src/tokens/theme/createTheme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport type { WCAG2Options, ColorInput } from 'tinycolor2';\nimport type { ThemeTokens } from './theme';\nimport overrideTheme from './overrideTheme';\nimport bladeTheme from './bladeTheme';\nimport { colors as globalColors, opacity } from '~tokens/global';\nimport type { ColorChromaticScale } from '~tokens/global/colors';\nimport { throwBladeError } from '~utils/logger';\nimport type { DeepPartial } from '~utils/isPartialMatchObjectKeys';\n\n// WCAG2ContrastOptions are the options used to determine if a color is readable\nconst WCAG2ContrastOptions: WCAG2Options = {\n  level: 'AAA',\n  size: 'large',\n};\n\n/**\n * getColorWithOpacity\n * @param color - The color to add opacity to\n * @param opacity - The opacity to add to the color\n * @returns The color with the opacity added\n * @example\n * getColorWithOpacity('#fff', 0.5) // returns 'hsla(0, 0%, 100%, 0.5)'\n *\n **/\nconst getColorWithOpacity = (color: ColorInput, opacity: number): string => {\n  return tinycolor(color).setAlpha(opacity).toHslString();\n};\n\n/**\n *\n * @description\n * Generates a chromatic color palette based on the base color passed in.\n * The base color is used to generate a palette of 11 colors, 5 shades lighter and 5 shades darker than the base color.\n * @param baseColorInput - The base color to generate the chromatic color palette from in hex, rgb, or hsl format\n * @returns Array of chromatic color palette\n */\nconst generateChromaticBrandColors = (baseColorInput: ColorInput): ColorChromaticScale => {\n  const baseColor = tinycolor(baseColorInput);\n  const baseColorHslString = baseColor.toHslString();\n  if (__DEV__) {\n    if (!baseColor.isValid()) {\n      throwBladeError({\n        message: 'Invalid brandColor passed',\n        moduleName: 'createTheme',\n      });\n    }\n  }\n\n  const palette = [baseColorHslString]; // Include the original color\n  const brightness = tinycolor(baseColor).getBrightness();\n  // Determine how much to lighten or darken the colors depending on the brightness of the base color\n  const lightnessFactor = brightness > 150 ? 3 : 6;\n  const darknessFactor = brightness < 50 ? 3 : 5;\n\n  let currentColor = baseColor;\n\n  // Generate shades lighter\n  for (let lightShadeIndex = 0; lightShadeIndex < 6; lightShadeIndex++) {\n    currentColor = currentColor.brighten(lightnessFactor);\n    palette.push(currentColor.toHslString());\n  }\n\n  currentColor = tinycolor(baseColorHslString); // Reset to the base color\n\n  // Generate shades darker\n  for (let darkShadeIndex = 0; darkShadeIndex < 4; darkShadeIndex++) {\n    currentColor = currentColor.darken(darknessFactor);\n    palette.unshift(currentColor.toHslString()); // Add shades at the beginning of the palette\n  }\n\n  const colorPalette = palette.reverse();\n  const brandPrimaryColor = colorPalette[6];\n\n  const brandColors: ColorChromaticScale = {\n    '50': colorPalette[0],\n    '100': colorPalette[1],\n    '200': colorPalette[2],\n    '300': colorPalette[3],\n    '400': colorPalette[4],\n    '500': colorPalette[5],\n    '600': brandPrimaryColor,\n    '700': colorPalette[7],\n    '800': colorPalette[8],\n    '900': colorPalette[9],\n    '1000': colorPalette[10],\n    a50: getColorWithOpacity(brandPrimaryColor, opacity[100]),\n    a150: getColorWithOpacity(brandPrimaryColor, opacity[100]),\n    a100: getColorWithOpacity(brandPrimaryColor, opacity[200]),\n    a200: getColorWithOpacity(brandPrimaryColor, opacity[300]),\n  };\n\n  return brandColors;\n};\n\n/**\n *\n * @param brandColors - The brand colors to use to override the light theme\n * @description Returns overrides for the light theme with the brand colors passed in\n * @returns Overrides for the light theme with the custom brand colors\n */\nconst getOnLightOverrides = (\n  brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onLight']> => {\n  // Select the most readable color to use as the foreground color on top of surface color\n  // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n  const foregroundOnSurface = tinycolor.isReadable(\n    globalColors.neutral.blueGrayLight[50],\n    brandColors[600],\n    WCAG2ContrastOptions,\n  )\n    ? brandColors[600]\n    : globalColors.neutral.blueGrayLight[1100];\n\n  const foregroundOnBrand = tinycolor\n    .mostReadable(\n      brandColors[900],\n      [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n      WCAG2ContrastOptions,\n    )\n    .toHslString();\n\n  // Overrides for the light theme with the brand colors passed in\n  const lightThemeOverrides: DeepPartial<ThemeTokens['colors']['onLight']> = {\n    interactive: {\n      background: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n          fadedHighlighted: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n        },\n      },\n      text: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: foregroundOnSurface,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n      icon: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: foregroundOnSurface,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n    },\n    surface: {\n      background: {\n        primary: {\n          intense: brandColors[600],\n          subtle: brandColors[200],\n        },\n      },\n      icon: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n      text: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n    },\n  };\n\n  return lightThemeOverrides;\n};\n\n/**\n *\n * @param brandColors - The brand colors to use to override the dark theme\n * @description Returns overrides for the dark theme with the brand colors passed in\n * @returns Overrides for the dark theme with the custom brand colors\n */\nconst getOnDarkOverrides = (\n  brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onDark']> => {\n  // Select the most readable color to use as the foreground color on top of surface color\n  // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n  const foregroundOnSurface = tinycolor.isReadable(\n    globalColors.neutral.blueGrayDark[1100],\n    brandColors[400],\n    WCAG2ContrastOptions,\n  )\n    ? brandColors[400]\n    : globalColors.neutral.blueGrayDark[0];\n\n  const foregroundOnBrand = tinycolor\n    .mostReadable(\n      brandColors[900],\n      [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n      WCAG2ContrastOptions,\n    )\n    .toHslString();\n\n  // Overrides for the dark theme with the brand colors passed in\n  const darkThemeOverrides: DeepPartial<ThemeTokens['colors']['onDark']> = {\n    interactive: {\n      background: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n          fadedHighlighted: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n        },\n      },\n      text: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: foregroundOnSurface,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n      icon: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: foregroundOnSurface,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n    },\n    surface: {\n      background: {\n        primary: {\n          intense: brandColors[600],\n          subtle: brandColors[200],\n        },\n      },\n      icon: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n    },\n  };\n\n  return darkThemeOverrides;\n};\n\n/**\n * @param {Object} themeConfig - The brand color and overrides to apply to the theme\n * @param {string} themeConfig.brandColor - The brand color to use to generate the theme. Can be in hex, rgb, or hsl format.\n * @description\n * Creates a Blade Theme based on the custom brand color\n * @returns The Theme Tokens with the custom brand colors\n * @example\n * const theme = createTheme({ brandColor: '#19BEA2'})\n **/\nexport const createTheme = ({ brandColor }: { brandColor: ColorInput }): ThemeTokens => {\n  const chromaticBrandColors = generateChromaticBrandColors(brandColor);\n  // Get onLight overrides\n  const brandedLightTheme = getOnLightOverrides(chromaticBrandColors);\n  // Get onDark overrides\n  const brandedDarkTheme = getOnDarkOverrides(chromaticBrandColors);\n  // Override the payment theme with the brand colors\n  const brandedThemeTokens = overrideTheme({\n    baseThemeTokens: bladeTheme,\n    overrides: {\n      name: `custom-${tinycolor(brandColor).toHex()}`,\n      colors: {\n        onLight: {\n          ...brandedLightTheme,\n        },\n        onDark: {\n          ...brandedDarkTheme,\n        },\n      },\n    },\n  });\n\n  return brandedThemeTokens;\n};\n"],"names":["WCAG2ContrastOptions","level","size","getColorWithOpacity","color","opacity","tinycolor","setAlpha","toHslString","generateChromaticBrandColors","baseColorInput","baseColor","baseColorHslString","isValid","throwBladeError","message","moduleName","palette","brightness","getBrightness","lightnessFactor","darknessFactor","currentColor","lightShadeIndex","brighten","push","darkShadeIndex","darken","unshift","colorPalette","reverse","brandPrimaryColor","brandColors","a50","a150","a100","a200","getOnLightOverrides","foregroundOnSurface","isReadable","globalColors","neutral","blueGrayLight","foregroundOnBrand","mostReadable","white","black","lightThemeOverrides","interactive","background","primary","highlighted","disabled","faded","fadedHighlighted","border","text","normal","muted","subtle","onPrimary","icon","surface","intense","getOnDarkOverrides","blueGrayDark","darkThemeOverrides","createTheme","_ref","brandColor","chromaticBrandColors","brandedLightTheme","brandedDarkTheme","brandedThemeTokens","overrideTheme","baseThemeTokens","bladeTheme","overrides","name","concat","toHex","colors","onLight","_objectSpread","onDark"],"mappings":"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"}
+{"version":3,"file":"createTheme.js","sources":["../../../../../../src/tokens/theme/createTheme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport type { WCAG2Options, ColorInput } from 'tinycolor2';\nimport type { ThemeTokens } from './theme';\nimport overrideTheme from './overrideTheme';\nimport bladeTheme from './bladeTheme';\nimport { colors as globalColors, opacity } from '~tokens/global';\nimport type { ColorChromaticScale } from '~tokens/global/colors';\nimport { throwBladeError } from '~utils/logger';\nimport type { DeepPartial } from '~utils/isPartialMatchObjectKeys';\n\n// WCAG2ContrastOptions are the options used to determine if a color is readable\nconst WCAG2ContrastOptions: WCAG2Options = {\n  level: 'AAA',\n  size: 'large',\n};\n\n/**\n * getColorWithOpacity\n * @param color - The color to add opacity to\n * @param opacity - The opacity to add to the color\n * @returns The color with the opacity added\n * @example\n * getColorWithOpacity('#fff', 0.5) // returns 'hsla(0, 0%, 100%, 0.5)'\n *\n **/\nconst getColorWithOpacity = (color: ColorInput, opacity: number): string => {\n  return tinycolor(color).setAlpha(opacity).toHslString();\n};\n\n/**\n *\n * @description\n * Generates a chromatic color palette based on the base color passed in.\n * The base color is used to generate a palette of 11 colors, 5 shades lighter and 5 shades darker than the base color.\n * @param baseColorInput - The base color to generate the chromatic color palette from in hex, rgb, or hsl format\n * @returns Array of chromatic color palette\n */\nconst generateChromaticBrandColors = (baseColorInput: ColorInput): ColorChromaticScale => {\n  const baseColor = tinycolor(baseColorInput);\n  const baseColorHslString = baseColor.toHslString();\n  if (__DEV__) {\n    if (!baseColor.isValid()) {\n      throwBladeError({\n        message: 'Invalid brandColor passed',\n        moduleName: 'createTheme',\n      });\n    }\n  }\n\n  const palette = [baseColorHslString]; // Include the original color\n  const brightness = tinycolor(baseColor).getBrightness();\n  // Determine how much to lighten or darken the colors depending on the brightness of the base color\n  const lightnessFactor = brightness > 150 ? 3 : 6;\n  const darknessFactor = brightness < 50 ? 3 : 5;\n\n  let currentColor = baseColor;\n\n  // Generate shades lighter\n  for (let lightShadeIndex = 0; lightShadeIndex < 6; lightShadeIndex++) {\n    currentColor = currentColor.brighten(lightnessFactor);\n    palette.push(currentColor.toHslString());\n  }\n\n  currentColor = tinycolor(baseColorHslString); // Reset to the base color\n\n  // Generate shades darker\n  for (let darkShadeIndex = 0; darkShadeIndex < 4; darkShadeIndex++) {\n    currentColor = currentColor.darken(darknessFactor);\n    palette.unshift(currentColor.toHslString()); // Add shades at the beginning of the palette\n  }\n\n  const colorPalette = palette.reverse();\n  const brandPrimaryColor = colorPalette[6];\n\n  const brandColors: ColorChromaticScale = {\n    '50': colorPalette[0],\n    '100': colorPalette[1],\n    '200': colorPalette[2],\n    '300': colorPalette[3],\n    '400': colorPalette[4],\n    '500': colorPalette[5],\n    '600': brandPrimaryColor,\n    '700': colorPalette[7],\n    '800': colorPalette[8],\n    '900': colorPalette[9],\n    '1000': colorPalette[10],\n    a50: getColorWithOpacity(brandPrimaryColor, opacity[100]),\n    a150: getColorWithOpacity(brandPrimaryColor, opacity[100]),\n    a100: getColorWithOpacity(brandPrimaryColor, opacity[200]),\n    a200: getColorWithOpacity(brandPrimaryColor, opacity[300]),\n  };\n\n  return brandColors;\n};\n\n/**\n *\n * @param brandColors - The brand colors to use to override the light theme\n * @description Returns overrides for the light theme with the brand colors passed in\n * @returns Overrides for the light theme with the custom brand colors\n */\nconst getOnLightOverrides = (\n  brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onLight']> => {\n  // Select the most readable color to use as the foreground color on top of surface color\n  // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n  const foregroundOnSurface = tinycolor.isReadable(\n    globalColors.neutral.blueGrayLight[50],\n    brandColors[600],\n    WCAG2ContrastOptions,\n  )\n    ? brandColors[600]\n    : globalColors.neutral.blueGrayLight[1100];\n\n  const foregroundOnBrand = tinycolor\n    .mostReadable(\n      brandColors[900],\n      [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n      WCAG2ContrastOptions,\n    )\n    .toHslString();\n\n  // Overrides for the light theme with the brand colors passed in\n  const lightThemeOverrides: DeepPartial<ThemeTokens['colors']['onLight']> = {\n    interactive: {\n      background: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n          fadedHighlighted: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n        },\n      },\n      text: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: foregroundOnSurface,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n      icon: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: foregroundOnSurface,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n    },\n    surface: {\n      background: {\n        primary: {\n          intense: brandColors[600],\n          subtle: brandColors[200],\n        },\n      },\n      icon: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n      text: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n    },\n  };\n\n  return lightThemeOverrides;\n};\n\n/**\n *\n * @param brandColors - The brand colors to use to override the dark theme\n * @description Returns overrides for the dark theme with the brand colors passed in\n * @returns Overrides for the dark theme with the custom brand colors\n */\nconst getOnDarkOverrides = (\n  brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onDark']> => {\n  // Select the most readable color to use as the foreground color on top of surface color\n  // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n  const foregroundOnSurface = tinycolor.isReadable(\n    globalColors.neutral.blueGrayDark[1100],\n    brandColors[400],\n    WCAG2ContrastOptions,\n  )\n    ? brandColors[400]\n    : globalColors.neutral.blueGrayDark[0];\n\n  const foregroundOnBrand = tinycolor\n    .mostReadable(\n      brandColors[900],\n      [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n      WCAG2ContrastOptions,\n    )\n    .toHslString();\n\n  // Overrides for the dark theme with the brand colors passed in\n  const darkThemeOverrides: DeepPartial<ThemeTokens['colors']['onDark']> = {\n    interactive: {\n      background: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n          fadedHighlighted: brandColors.a150,\n        },\n      },\n      border: {\n        primary: {\n          default: brandColors[600],\n          highlighted: brandColors[700],\n          disabled: brandColors.a100,\n          faded: brandColors.a100,\n        },\n      },\n      text: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: foregroundOnSurface,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n      icon: {\n        primary: {\n          normal: foregroundOnSurface,\n          disabled: foregroundOnSurface,\n          muted: foregroundOnSurface,\n          subtle: foregroundOnSurface,\n        },\n        onPrimary: {\n          normal: foregroundOnBrand,\n          disabled: foregroundOnBrand,\n          muted: foregroundOnBrand,\n          subtle: foregroundOnBrand,\n        },\n      },\n    },\n    surface: {\n      background: {\n        primary: {\n          intense: brandColors[600],\n          subtle: brandColors[200],\n        },\n      },\n      icon: {\n        primary: {\n          normal: brandColors[600],\n        },\n      },\n    },\n  };\n\n  return darkThemeOverrides;\n};\n\n/**\n * @param {Object} themeConfig - The brand color and overrides to apply to the theme\n * @param {string} themeConfig.brandColor - The brand color to use to generate the theme. Can be in hex, rgb, or hsl format.\n * @description\n * Creates a Blade Theme based on the custom brand color\n * @returns The Theme Tokens with the custom brand colors\n * @example\n * const { theme, brandColors } = createTheme({ brandColor: '#19BEA2'})\n **/\nexport const createTheme = ({\n  brandColor,\n}: {\n  brandColor: ColorInput;\n}): { theme: ThemeTokens; brandColors: ColorChromaticScale } => {\n  const chromaticBrandColors = generateChromaticBrandColors(brandColor);\n  // Get onLight overrides\n  const brandedLightTheme = getOnLightOverrides(chromaticBrandColors);\n  // Get onDark overrides\n  const brandedDarkTheme = getOnDarkOverrides(chromaticBrandColors);\n  // Override the payment theme with the brand colors\n  const brandedThemeTokens = overrideTheme({\n    baseThemeTokens: bladeTheme,\n    overrides: {\n      name: `custom-${tinycolor(brandColor).toHex()}`,\n      colors: {\n        onLight: {\n          ...brandedLightTheme,\n        },\n        onDark: {\n          ...brandedDarkTheme,\n        },\n      },\n    },\n  });\n\n  return { theme: brandedThemeTokens, brandColors: chromaticBrandColors };\n};\n"],"names":["WCAG2ContrastOptions","level","size","getColorWithOpacity","color","opacity","tinycolor","setAlpha","toHslString","generateChromaticBrandColors","baseColorInput","baseColor","baseColorHslString","isValid","throwBladeError","message","moduleName","palette","brightness","getBrightness","lightnessFactor","darknessFactor","currentColor","lightShadeIndex","brighten","push","darkShadeIndex","darken","unshift","colorPalette","reverse","brandPrimaryColor","brandColors","a50","a150","a100","a200","getOnLightOverrides","foregroundOnSurface","isReadable","globalColors","neutral","blueGrayLight","foregroundOnBrand","mostReadable","white","black","lightThemeOverrides","interactive","background","primary","highlighted","disabled","faded","fadedHighlighted","border","text","normal","muted","subtle","onPrimary","icon","surface","intense","getOnDarkOverrides","blueGrayDark","darkThemeOverrides","createTheme","_ref","brandColor","chromaticBrandColors","brandedLightTheme","brandedDarkTheme","brandedThemeTokens","overrideTheme","baseThemeTokens","bladeTheme","overrides","name","concat","toHex","colors","onLight","_objectSpread","onDark","theme"],"mappings":"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"}

package/build/lib/web/production/components/BaseMenu/BaseMenuItem/BaseMenuItem.js

@@ -88,7 +88,7 @@ var _BaseMenuItem = function _BaseMenuItem(_ref, ref) {
         display: "flex",
         alignItems: "flex-start",
         width: "100%",
-        justifyContent: "center",
+        justifyContent: "flex-start",
         children: [/*#__PURE__*/jsx(Box, {
           display: "flex",
           justifyContent: "center",

package/build/lib/web/production/components/BaseMenu/BaseMenuItem/BaseMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  const { containerRef, textRef } = useTruncationTitle({ content: title });\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n            <Box\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              height={itemFirstRowHeight}\n            >\n              {leading}\n            </Box>\n            <Box\n              paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n              paddingRight=\"spacing.3\"\n              display=\"flex\"\n              flexDirection=\"column\"\n            >\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                flexDirection=\"row\"\n                height={itemFirstRowHeight}\n                ref={containerRef as never}\n              >\n                <BaseText\n                  as=\"p\"\n                  ref={textRef as never}\n                  truncateAfterLines={1}\n                  wordBreak=\"break-all\"\n                  {...getTextProps({\n                    size: 'medium',\n                    color:\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ],\n                    weight: 'regular',\n                  })}\n                >\n                  {title}\n                </BaseText>\n                {titleSuffix}\n              </Box>\n              <Box>\n                {description ? (\n                  <Text\n                    color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                    size=\"small\"\n                  >\n                    {description}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            <Box marginLeft=\"auto\">{trailing}</Box>\n          </Box>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","_objectSpread","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","BaseText","truncateAfterLines","wordBreak","getTextProps","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  const { containerRef, textRef } = useTruncationTitle({ content: title });\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"flex-start\">\n            <Box\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              height={itemFirstRowHeight}\n            >\n              {leading}\n            </Box>\n            <Box\n              paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n              paddingRight=\"spacing.3\"\n              display=\"flex\"\n              flexDirection=\"column\"\n            >\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                flexDirection=\"row\"\n                height={itemFirstRowHeight}\n                ref={containerRef as never}\n              >\n                <BaseText\n                  as=\"p\"\n                  ref={textRef as never}\n                  truncateAfterLines={1}\n                  wordBreak=\"break-all\"\n                  {...getTextProps({\n                    size: 'medium',\n                    color:\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ],\n                    weight: 'regular',\n                  })}\n                >\n                  {title}\n                </BaseText>\n                {titleSuffix}\n              </Box>\n              <Box>\n                {description ? (\n                  <Text\n                    color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                    size=\"small\"\n                  >\n                    {description}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            <Box marginLeft=\"auto\">{trailing}</Box>\n          </Box>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","_objectSpread","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","BaseText","truncateAfterLines","wordBreak","getTextProps","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Dropdown/Dropdown.js

@@ -23,7 +23,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["children", "isOpen", "onOpenChange", "selectionType", "testID"];
+var _excluded = ["children", "isOpen", "onOpenChange", "selectionType", "testID", "_width"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var validDropdownChildren = [
@@ -63,6 +63,7 @@ var _Dropdown = function _Dropdown(_ref) {
     _ref$selectionType = _ref.selectionType,
     selectionType = _ref$selectionType === void 0 ? 'single' : _ref$selectionType,
     testID = _ref.testID,
+    _width = _ref._width,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   var _React$useState = React__default.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -247,6 +248,7 @@ var _Dropdown = function _Dropdown(_ref) {
         name: MetaConstants.Dropdown,
         testID: testID
       })), getStyledProps(styledProps)), {}, {
+        width: _width,
         children: /*#__PURE__*/jsx(BaseBox, {
           position: "relative",
           textAlign: 'left',