npm - @razorpay/blade - Versions diffs - 12.42.0 → 12.42.2 - Mend

@razorpay/blade 12.42.0 → 12.42.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2397) hide show

package/build/lib/web/development/components/Table/Table.web.js CHANGED Viewed

@@ -120,7 +120,6 @@ var RefreshWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
   };
 });
 var _Table = function _Table(_ref3) {
-  var _ref4;
   var children = _ref3.children,
     data = _ref3.data,
     _ref3$multiSelectTrig = _ref3.multiSelectTrigger,
@@ -180,7 +179,7 @@ var _Table = function _Table(_ref3) {
   var tableRootComponent = children([]);
   var isVirtualized = getComponentId(tableRootComponent) === ComponentIds.VirtualizedTable;
   // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky
-  var shouldHeaderBeSticky = (_ref4 = isVirtualized !== null && isVirtualized !== void 0 ? isVirtualized : isHeaderSticky) !== null && _ref4 !== void 0 ? _ref4 : isFirstColumnSticky;
+  var shouldHeaderBeSticky = isVirtualized || isHeaderSticky || isFirstColumnSticky;
   var isMobile = useIsMobile();
   var lastHoverActionsColWidth = isMobile ? '1fr' : '0px';
   var _usePresence = usePresence(isRefreshing, {

package/build/lib/web/development/components/Table/Table.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.web.js","sources":["../../../../../../src/components/Table/Table.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Table as ReactTable } from '@table-library/react-table-library/table';\nimport { useTheme as useTableTheme } from '@table-library/react-table-library/theme';\nimport type { MiddlewareFunction } from '@table-library/react-table-library/types/common';\nimport { useSort } from '@table-library/react-table-library/sort';\nimport { usePagination } from '@table-library/react-table-library/pagination';\nimport {\n SelectClickTypes,\n SelectTypes,\n useRowSelect,\n} from '@table-library/react-table-library/select';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { TableContextType } from './TableContext';\nimport { TableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport {\n checkboxCellWidth,\n firstColumnStickyZIndex,\n refreshWrapperZIndex,\n tableBackgroundColor,\n tablePagination,\n} from './tokens';\nimport type {\n TableProps,\n TableNode,\n Identifier,\n TablePaginationType,\n TableHeaderRowProps,\n} from './types';\nimport { getTableBodyStyles } from './commonStyles';\nimport { makeBorderSize, makeMotionTime } from '~utils';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport type { BoxProps } from '~components/Box';\nimport { getBaseBoxStyles } from '~components/Box/BaseBox/baseBoxStyles';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst rowSelectType: Record<\n NonNullable<TableProps<unknown>['selectionType']>,\n SelectTypes \| undefined\n> = {\n single: SelectTypes.SingleSelect,\n multiple: SelectTypes.MultiSelect,\n none: undefined,\n};\n\n// Get the number of TableHeaderCell components.\n// This is very complicated but the only way to iterate through the structure and get number of header cells.\n// Assuming number of header cells is the same as number of columns\nconst getTableHeaderCellCount = (children: (data: []) => React.ReactElement): number => {\n const tableRootComponent = children([]);\n if (tableRootComponent && React.isValidElement(tableRootComponent)) {\n const tableComponentArray = React.Children.toArray(tableRootComponent);\n if (React.isValidElement(tableComponentArray[0])) {\n const tableComponentArrayChildren = React.Children.toArray(\n tableComponentArray[0].props.children,\n );\n const tableHeader = tableComponentArrayChildren.find(\n (child) => getComponentId(child) === ComponentIds.TableHeader,\n );\n const tableHeaderChildrenArray = React.isValidElement(tableHeader)\n ? React.Children.toArray(tableHeader.props.children)\n : null;\n const tableHeaderRow = tableHeaderChildrenArray?.find(\n (child) => getComponentId(child) === ComponentIds.TableHeaderRow,\n );\n const tableHeaderRowChildrenArray = React.isValidElement(tableHeaderRow)\n ? React.Children.toArray(tableHeaderRow.props.children)\n : null;\n const tableHeaderCells = tableHeaderRowChildrenArray\n ? tableHeaderRowChildrenArray.filter(\n (child) => getComponentId(child) === ComponentIds.TableHeaderCell,\n )\n : null;\n return tableHeaderCells?.length ?? 0;\n }\n }\n return 0;\n};\n\nconst StyledReactTable = styled(ReactTable)<{\n $styledProps?: {\n height?: BoxProps['height'];\n width?: BoxProps['width'];\n isVirtualized?: boolean;\n isSelectable?: boolean;\n showStripedRows?: boolean;\n };\n}>(({ $styledProps }) => {\n const { theme } = useTheme();\n const styledPropsCSSObject = getBaseBoxStyles({\n theme,\n height: $styledProps?.height,\n ...($styledProps?.isVirtualized && {\n width: '100%',\n }),\n });\n const $isSelectable = $styledProps?.isSelectable;\n const $showStripedRows = $styledProps?.showStripedRows;\n return {\n '&&&': {\n ...styledPropsCSSObject,\n overflow: `${$styledProps?.isVirtualized ? 'unset' : 'auto'} !important`,\n },\n ...($styledProps?.isVirtualized\n ? getTableBodyStyles({\n isVirtualized: $styledProps?.isVirtualized,\n theme,\n height: $styledProps?.height,\n width: '100%',\n isSelectable: $isSelectable,\n showStripedRows: $showStripedRows,\n })\n : null),\n };\n});\n\nconst RefreshWrapper = styled(BaseBox)<{\n isRefreshSpinnerVisible: boolean;\n isRefreshSpinnerEntering: boolean;\n isRefreshSpinnerExiting: boolean;\n}>(({ isRefreshSpinnerVisible, isRefreshSpinnerEntering, isRefreshSpinnerExiting, theme }) => {\n return {\n opacity: isRefreshSpinnerVisible ? 1 : 0,\n transition: `opacity ${makeMotionTime(theme.motion.duration.quick)} ${\n isRefreshSpinnerEntering\n ? theme.motion.easing.entrance\n : isRefreshSpinnerExiting\n ? theme.motion.easing.exit\n : ''\n }`,\n };\n});\n\nconst _Table = <Item,>({\n children,\n data,\n multiSelectTrigger = 'row',\n selectionType = 'none',\n onSelectionChange,\n isHeaderSticky,\n isFooterSticky,\n isFirstColumnSticky,\n rowDensity = 'normal',\n onSortChange,\n sortFunctions,\n toolbar,\n pagination,\n height,\n showStripedRows,\n gridTemplateColumns,\n isLoading = false,\n isRefreshing = false,\n showBorderedCells = false,\n defaultSelectedIds = [],\n backgroundColor = tableBackgroundColor,\n ...rest\n}: TableProps<Item>): React.ReactElement => {\n const { theme } = useTheme();\n const [selectedRows, setSelectedRows] = React.useState<TableNode<unknown>['id'][]>(\n selectionType !== 'none' ? defaultSelectedIds : [],\n );\n const [disabledRows, setDisabledRows] = React.useState<TableNode<unknown>['id'][]>([]);\n const [totalItems, setTotalItems] = React.useState(data.nodes.length \|\| 0);\n const [paginationType, setPaginationType] = React.useState<NonNullable<TablePaginationType>>(\n 'client',\n );\n const [headerRowDensity, setHeaderRowDensity] = React.useState<TableHeaderRowProps['rowDensity']>(\n undefined,\n );\n const [hasHoverActions, setHasHoverActions] = React.useState(false);\n const tableRootComponent = children([]);\n const isVirtualized = getComponentId(tableRootComponent) === ComponentIds.VirtualizedTable;\n // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky\n const shouldHeaderBeSticky = isVirtualized ?? isHeaderSticky ?? isFirstColumnSticky;\n\n const isMobile = useIsMobile();\n const lastHoverActionsColWidth = isMobile ? '1fr' : '0px';\n\n const {\n isEntering: isRefreshSpinnerEntering,\n isMounted: isRefreshSpinnerMounted,\n isExiting: isRefreshSpinnerExiting,\n isVisible: isRefreshSpinnerVisible,\n } = usePresence(isRefreshing, {\n transitionDuration: theme.motion.duration.quick,\n });\n\n // Table Theme\n const columnCount = getTableHeaderCellCount(children);\n const firstColumnStickyHeaderCellCSS = isFirstColumnSticky\n ? `\n &:nth-of-type(1) {\n left: 0 !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n ${\n selectionType === 'multiple' &&\n `&:nth-of-type(2) {\n left: ${checkboxCellWidth}px !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n `\n }`\n : '';\n const firstColumnStickyFooterCellCSS = isFirstColumnSticky\n ? `\n &:nth-of-type(1) {\n left: 0 !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n ${\n selectionType === 'multiple' &&\n `&:nth-of-type(2) {\n left: ${checkboxCellWidth}px !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n `\n }`\n : '';\n const firstColumnStickyBodyCellCSS = isFirstColumnSticky\n ? `\n &:nth-of-type(1) {\n left: 0 !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n ${\n selectionType === 'multiple' &&\n `&:nth-of-type(2) {\n left: ${checkboxCellWidth}px !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n `\n }`\n : '';\n\n const tableTheme = useTableTheme({\n Table: `\n height:${isFooterSticky ? `100%` : undefined};\n border: ${makeBorderSize(theme.border.width.thin)} solid ${\n theme.colors.surface.border.gray.muted\n };\n --data-table-library_grid-template-columns: ${\n gridTemplateColumns\n ? `${gridTemplateColumns} ${hasHoverActions ? lastHoverActionsColWidth : ''}`\n : ` ${\n selectionType === 'multiple' ? 'min-content' : ''\n } repeat(${columnCount},minmax(100px, 1fr)) ${\n hasHoverActions ? lastHoverActionsColWidth : ''\n } !important;`\n } !important;\n background-color: ${getIn(theme.colors, backgroundColor)};\n `,\n HeaderCell: `\n position: ${shouldHeaderBeSticky ? 'sticky' : 'relative'};\n \n top: ${shouldHeaderBeSticky ? '0' : undefined};\n ${firstColumnStickyHeaderCellCSS}\n `,\n Cell: `\n ${firstColumnStickyBodyCellCSS}\n `,\n FooterCell: `\n position: ${isFooterSticky ? 'sticky' : 'relative'};\n bottom: ${isFooterSticky ? '0' : undefined};\n ${firstColumnStickyFooterCellCSS}\n `,\n });\n\n useEffect(() => {\n // Get the total number of items\n setTotalItems(data.nodes.length);\n }, [data.nodes]);\n\n // Selection Logic\n const onSelectChange: MiddlewareFunction = (_, state): void => {\n const selectedIds: Identifier[] = state.id ? [state.id] : state.ids ?? [];\n setSelectedRows(selectedIds);\n onSelectionChange?.({\n selectedIds,\n values: data.nodes.filter((node) => selectedIds.includes(node.id)),\n });\n };\n\n const rowSelectConfig = useRowSelect(\n data,\n {\n onChange: onSelectChange,\n state: {\n ...(selectionType === 'multiple'\n ? { ids: selectedRows }\n : selectionType === 'single'\n ? { id: selectedRows[0] }\n : {}),\n },\n },\n {\n clickType:\n multiSelectTrigger === 'row' ? SelectClickTypes.RowClick : SelectClickTypes.ButtonClick,\n rowSelect: selectionType !== 'none' ? rowSelectType[selectionType] : undefined,\n },\n );\n\n const toggleRowSelectionById = useMemo(\n () => (id: Identifier): void => {\n rowSelectConfig.fns.onToggleById(id);\n },\n [rowSelectConfig.fns],\n );\n\n const deselectAllRows = useMemo(\n () => (): void => {\n rowSelectConfig.fns.onRemoveAll();\n },\n [rowSelectConfig.fns],\n );\n\n const toggleAllRowsSelection = useMemo(\n () => (): void => {\n if (selectedRows.length > 0) {\n rowSelectConfig.fns.onRemoveAll();\n } else {\n const ids = data.nodes\n .map((item: TableNode<Item>) => (disabledRows.includes(item.id) ? null : item.id))\n .filter(Boolean) as Identifier[];\n\n rowSelectConfig.fns.onAddAll(ids);\n }\n },\n [rowSelectConfig.fns, data.nodes, selectedRows, disabledRows],\n );\n\n // Sort Logic\n const handleSortChange: MiddlewareFunction = (_, state) => {\n onSortChange?.({\n sortKey: state.sortKey,\n isSortReversed: state.reverse,\n });\n };\n\n const sort = useSort(\n data,\n {\n onChange: handleSortChange,\n },\n {\n // @ts-expect-error ignore this, if sortFunctions is undefined, it will be ignored\n sortFns: sortFunctions,\n },\n );\n\n const currentSortedState: TableContextType<Item>['currentSortedState'] = useMemo(() => {\n return {\n sortKey: sort.state.sortKey,\n isSortReversed: sort.state.reverse,\n sortableColumns: Object.keys(sortFunctions ?? {}),\n };\n }, [sort.state, sortFunctions]);\n\n const toggleSort = useCallback(\n (sortKey: string): void => {\n sort.fns.onToggleSort({\n sortKey,\n });\n },\n [sort.fns],\n );\n\n // Pagination\n\n const hasPagination = Boolean(pagination);\n\n const paginationConfig = usePagination(\n data,\n {\n state: {\n page: 0,\n size: tablePagination.defaultPageSize,\n },\n },\n {\n isServer: paginationType === 'server',\n },\n );\n\n const currentPaginationState = useMemo(() => {\n return hasPagination\n ? {\n page: paginationConfig.state.page,\n size: paginationConfig.state.size,\n }\n : undefined;\n }, [paginationConfig.state, hasPagination]);\n\n const setPaginationPage = useCallback(\n (page: number): void => {\n paginationConfig.fns.onSetPage(page);\n },\n [paginationConfig.fns],\n );\n\n const setPaginationRowSize = useCallback(\n (size: number): void => {\n paginationConfig.fns.onSetSize(size);\n },\n [paginationConfig.fns],\n );\n\n // Toolbar Component\n if (__DEV__) {\n if (toolbar && !isValidAllowedChildren(toolbar, ComponentIds.TableToolbar)) {\n throwBladeError({\n message: 'Only TableToolbar component is allowed in the `toolbar` prop',\n moduleName: 'Table',\n });\n }\n }\n\n // Table Context\n const tableContext: TableContextType<Item> = useMemo(\n () => ({\n selectionType,\n selectedRows,\n totalItems,\n toggleRowSelectionById,\n toggleAllRowsSelection,\n deselectAllRows,\n rowDensity,\n toggleSort,\n currentSortedState,\n setPaginationPage,\n setPaginationRowSize,\n currentPaginationState,\n showStripedRows,\n disabledRows,\n setDisabledRows,\n paginationType,\n setPaginationType,\n backgroundColor,\n headerRowDensity,\n setHeaderRowDensity,\n showBorderedCells,\n hasHoverActions,\n setHasHoverActions,\n columnCount,\n gridTemplateColumns,\n isVirtualized,\n tableData: data.nodes,\n }),\n [\n selectionType,\n selectedRows,\n totalItems,\n toggleRowSelectionById,\n toggleAllRowsSelection,\n deselectAllRows,\n gridTemplateColumns,\n rowDensity,\n toggleSort,\n columnCount,\n currentSortedState,\n setPaginationPage,\n setPaginationRowSize,\n currentPaginationState,\n showStripedRows,\n disabledRows,\n setDisabledRows,\n paginationType,\n setPaginationType,\n backgroundColor,\n headerRowDensity,\n setHeaderRowDensity,\n showBorderedCells,\n hasHoverActions,\n setHasHoverActions,\n isVirtualized,\n data,\n ],\n );\n\n return (\n <TableContext.Provider value={tableContext}>\n {isLoading ? (\n <BaseBox\n display=\"flex\"\n flex={1}\n alignItems=\"center\"\n justifyContent=\"center\"\n height={height}\n {...getStyledProps(rest)}\n {...metaAttribute({ name: MetaConstants.Table })}\n {...makeAnalyticsAttribute(rest)}\n >\n <Spinner accessibilityLabel=\"Loading Table\" size=\"large\" testID=\"table-spinner\" />\n </BaseBox>\n ) : (\n <BaseBox\n // ref={ref as never}\n flex={1}\n position=\"relative\"\n {...getStyledProps(rest)}\n {...metaAttribute({ name: MetaConstants.Table })}\n width={isVirtualized ? `100%` : undefined}\n {...makeAnalyticsAttribute(rest)}\n >\n {isRefreshSpinnerMounted && (\n <RefreshWrapper\n position=\"absolute\"\n width=\"100%\"\n height=\"100%\"\n zIndex={refreshWrapperZIndex}\n backgroundColor=\"overlay.background.subtle\"\n justifyContent=\"center\"\n alignItems=\"center\"\n display=\"flex\"\n isRefreshSpinnerEntering={isRefreshSpinnerEntering}\n isRefreshSpinnerExiting={isRefreshSpinnerExiting}\n isRefreshSpinnerVisible={isRefreshSpinnerVisible}\n >\n <Spinner color=\"white\" accessibilityLabel=\"Refreshing Table\" size=\"large\" />\n </RefreshWrapper>\n )}\n {/* wrapping toolbar in BaseBox and passing the same analytics attributes as of table because in analytics POV, events triggered are from table */}\n <BaseBox {...makeAnalyticsAttribute(rest)}>{toolbar}</BaseBox>\n <StyledReactTable\n role=\"table\"\n layout={{ fixedHeader: shouldHeaderBeSticky, horizontalScroll: true }}\n data={data}\n // @ts-expect-error ignore this, theme clashes with styled-component's theme. We're using useTheme from blade to get actual theme\n theme={tableTheme}\n select={selectionType !== 'none' ? rowSelectConfig : null}\n sort={sortFunctions ? sort : null}\n $styledProps={{\n height,\n width: isVirtualized ? `100%` : undefined,\n isVirtualized,\n isSelectable: selectionType !== 'none',\n showStripedRows,\n }}\n pagination={hasPagination ? paginationConfig : null}\n {...makeAccessible({ multiSelectable: selectionType === 'multiple' })}\n {...metaAttribute({ name: MetaConstants.Table })}\n {...makeAnalyticsAttribute(rest)}\n >\n {children}\n </StyledReactTable>\n {pagination}\n </BaseBox>\n )}\n </TableContext.Provider>\n );\n};\nconst Table = assignWithoutSideEffects(_Table, {\n componentId: ComponentIds.Table,\n});\n\nexport { Table };\n"],"names":["rowSelectType","single","SelectTypes","SingleSelect","multiple","MultiSelect","none","undefined","getTableHeaderCellCount","children","tableRootComponent","React","isValidElement","tableComponentArray","Children","toArray","_tableHeaderCells$len","tableComponentArrayChildren","props","tableHeader","find","child","getComponentId","ComponentIds","TableHeader","tableHeaderChildrenArray","tableHeaderRow","TableHeaderRow","tableHeaderRowChildrenArray","tableHeaderCells","filter","TableHeaderCell","length","StyledReactTable","styled","ReactTable","withConfig","displayName","componentId","_ref","$styledProps","_useTheme","useTheme","theme","styledPropsCSSObject","getBaseBoxStyles","_objectSpread","height","isVirtualized","width","$isSelectable","isSelectable","$showStripedRows","showStripedRows","overflow","concat","getTableBodyStyles","RefreshWrapper","BaseBox","_ref2","isRefreshSpinnerVisible","isRefreshSpinnerEntering","isRefreshSpinnerExiting","opacity","transition","makeMotionTime","motion","duration","quick","easing","entrance","exit","_Table","_ref3","_ref4","data","_ref3$multiSelectTrig","multiSelectTrigger","_ref3$selectionType","selectionType","onSelectionChange","isHeaderSticky","isFooterSticky","isFirstColumnSticky","_ref3$rowDensity","rowDensity","onSortChange","sortFunctions","toolbar","pagination","gridTemplateColumns","_ref3$isLoading","isLoading","_ref3$isRefreshing","isRefreshing","_ref3$showBorderedCel","showBorderedCells","_ref3$defaultSelected","defaultSelectedIds","_ref3$backgroundColor","backgroundColor","tableBackgroundColor","rest","_objectWithoutProperties","_excluded","_useTheme2","_React$useState","useState","_React$useState2","_slicedToArray","selectedRows","setSelectedRows","_React$useState3","_React$useState4","disabledRows","setDisabledRows","_React$useState5","nodes","_React$useState6","totalItems","setTotalItems","_React$useState7","_React$useState8","paginationType","setPaginationType","_React$useState9","_React$useState10","headerRowDensity","setHeaderRowDensity","_React$useState11","_React$useState12","hasHoverActions","setHasHoverActions","VirtualizedTable","shouldHeaderBeSticky","isMobile","useIsMobile","lastHoverActionsColWidth","_usePresence","usePresence","transitionDuration","isEntering","isRefreshSpinnerMounted","isMounted","isExiting","isVisible","columnCount","firstColumnStickyHeaderCellCSS","firstColumnStickyZIndex","checkboxCellWidth","firstColumnStickyFooterCellCSS","firstColumnStickyBodyCellCSS","tableTheme","useTableTheme","Table","makeBorderSize","border","thin","colors","surface","gray","muted","getIn","HeaderCell","Cell","FooterCell","useEffect","onSelectChange","_","state","_state$ids","selectedIds","id","ids","values","node","includes","rowSelectConfig","useRowSelect","onChange","clickType","SelectClickTypes","RowClick","ButtonClick","rowSelect","toggleRowSelectionById","useMemo","fns","onToggleById","deselectAllRows","onRemoveAll","toggleAllRowsSelection","map","item","Boolean","onAddAll","handleSortChange","sortKey","isSortReversed","reverse","sort","useSort","sortFns","currentSortedState","sortableColumns","Object","keys","toggleSort","useCallback","onToggleSort","hasPagination","paginationConfig","usePagination","page","size","tablePagination","defaultPageSize","isServer","currentPaginationState","setPaginationPage","onSetPage","setPaginationRowSize","onSetSize","isValidAllowedChildren","TableToolbar","throwBladeError","message","moduleName","tableContext","tableData","_jsx","TableContext","Provider","value","display","flex","alignItems","justifyContent","getStyledProps","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","Spinner","accessibilityLabel","testID","_jsxs","position","zIndex","refreshWrapperZIndex","color","role","layout","fixedHeader","horizontalScroll","select","makeAccessible","multiSelectable","assignWithoutSideEffects"],"mappings":"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"}
1	+ {"version":3,"file":"Table.web.js","sources":["../../../../../../src/components/Table/Table.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Table as ReactTable } from '@table-library/react-table-library/table';\nimport { useTheme as useTableTheme } from '@table-library/react-table-library/theme';\nimport type { MiddlewareFunction } from '@table-library/react-table-library/types/common';\nimport { useSort } from '@table-library/react-table-library/sort';\nimport { usePagination } from '@table-library/react-table-library/pagination';\nimport {\n SelectClickTypes,\n SelectTypes,\n useRowSelect,\n} from '@table-library/react-table-library/select';\nimport styled from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { TableContextType } from './TableContext';\nimport { TableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport {\n checkboxCellWidth,\n firstColumnStickyZIndex,\n refreshWrapperZIndex,\n tableBackgroundColor,\n tablePagination,\n} from './tokens';\nimport type {\n TableProps,\n TableNode,\n Identifier,\n TablePaginationType,\n TableHeaderRowProps,\n} from './types';\nimport { getTableBodyStyles } from './commonStyles';\nimport { makeBorderSize, makeMotionTime } from '~utils';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport type { BoxProps } from '~components/Box';\nimport { getBaseBoxStyles } from '~components/Box/BaseBox/baseBoxStyles';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst rowSelectType: Record<\n NonNullable<TableProps<unknown>['selectionType']>,\n SelectTypes \| undefined\n> = {\n single: SelectTypes.SingleSelect,\n multiple: SelectTypes.MultiSelect,\n none: undefined,\n};\n\n// Get the number of TableHeaderCell components.\n// This is very complicated but the only way to iterate through the structure and get number of header cells.\n// Assuming number of header cells is the same as number of columns\nconst getTableHeaderCellCount = (children: (data: []) => React.ReactElement): number => {\n const tableRootComponent = children([]);\n if (tableRootComponent && React.isValidElement(tableRootComponent)) {\n const tableComponentArray = React.Children.toArray(tableRootComponent);\n if (React.isValidElement(tableComponentArray[0])) {\n const tableComponentArrayChildren = React.Children.toArray(\n tableComponentArray[0].props.children,\n );\n const tableHeader = tableComponentArrayChildren.find(\n (child) => getComponentId(child) === ComponentIds.TableHeader,\n );\n const tableHeaderChildrenArray = React.isValidElement(tableHeader)\n ? React.Children.toArray(tableHeader.props.children)\n : null;\n const tableHeaderRow = tableHeaderChildrenArray?.find(\n (child) => getComponentId(child) === ComponentIds.TableHeaderRow,\n );\n const tableHeaderRowChildrenArray = React.isValidElement(tableHeaderRow)\n ? React.Children.toArray(tableHeaderRow.props.children)\n : null;\n const tableHeaderCells = tableHeaderRowChildrenArray\n ? tableHeaderRowChildrenArray.filter(\n (child) => getComponentId(child) === ComponentIds.TableHeaderCell,\n )\n : null;\n return tableHeaderCells?.length ?? 0;\n }\n }\n return 0;\n};\n\nconst StyledReactTable = styled(ReactTable)<{\n $styledProps?: {\n height?: BoxProps['height'];\n width?: BoxProps['width'];\n isVirtualized?: boolean;\n isSelectable?: boolean;\n showStripedRows?: boolean;\n };\n}>(({ $styledProps }) => {\n const { theme } = useTheme();\n const styledPropsCSSObject = getBaseBoxStyles({\n theme,\n height: $styledProps?.height,\n ...($styledProps?.isVirtualized && {\n width: '100%',\n }),\n });\n const $isSelectable = $styledProps?.isSelectable;\n const $showStripedRows = $styledProps?.showStripedRows;\n return {\n '&&&': {\n ...styledPropsCSSObject,\n overflow: `${$styledProps?.isVirtualized ? 'unset' : 'auto'} !important`,\n },\n ...($styledProps?.isVirtualized\n ? getTableBodyStyles({\n isVirtualized: $styledProps?.isVirtualized,\n theme,\n height: $styledProps?.height,\n width: '100%',\n isSelectable: $isSelectable,\n showStripedRows: $showStripedRows,\n })\n : null),\n };\n});\n\nconst RefreshWrapper = styled(BaseBox)<{\n isRefreshSpinnerVisible: boolean;\n isRefreshSpinnerEntering: boolean;\n isRefreshSpinnerExiting: boolean;\n}>(({ isRefreshSpinnerVisible, isRefreshSpinnerEntering, isRefreshSpinnerExiting, theme }) => {\n return {\n opacity: isRefreshSpinnerVisible ? 1 : 0,\n transition: `opacity ${makeMotionTime(theme.motion.duration.quick)} ${\n isRefreshSpinnerEntering\n ? theme.motion.easing.entrance\n : isRefreshSpinnerExiting\n ? theme.motion.easing.exit\n : ''\n }`,\n };\n});\n\nconst _Table = <Item,>({\n children,\n data,\n multiSelectTrigger = 'row',\n selectionType = 'none',\n onSelectionChange,\n isHeaderSticky,\n isFooterSticky,\n isFirstColumnSticky,\n rowDensity = 'normal',\n onSortChange,\n sortFunctions,\n toolbar,\n pagination,\n height,\n showStripedRows,\n gridTemplateColumns,\n isLoading = false,\n isRefreshing = false,\n showBorderedCells = false,\n defaultSelectedIds = [],\n backgroundColor = tableBackgroundColor,\n ...rest\n}: TableProps<Item>): React.ReactElement => {\n const { theme } = useTheme();\n const [selectedRows, setSelectedRows] = React.useState<TableNode<unknown>['id'][]>(\n selectionType !== 'none' ? defaultSelectedIds : [],\n );\n const [disabledRows, setDisabledRows] = React.useState<TableNode<unknown>['id'][]>([]);\n const [totalItems, setTotalItems] = React.useState(data.nodes.length \|\| 0);\n const [paginationType, setPaginationType] = React.useState<NonNullable<TablePaginationType>>(\n 'client',\n );\n const [headerRowDensity, setHeaderRowDensity] = React.useState<TableHeaderRowProps['rowDensity']>(\n undefined,\n );\n const [hasHoverActions, setHasHoverActions] = React.useState(false);\n const tableRootComponent = children([]);\n const isVirtualized = getComponentId(tableRootComponent) === ComponentIds.VirtualizedTable;\n // Need to make header is sticky if first column is sticky otherwise the first header cell will not be sticky\n const shouldHeaderBeSticky = isVirtualized \|\| isHeaderSticky \|\| isFirstColumnSticky;\n\n const isMobile = useIsMobile();\n const lastHoverActionsColWidth = isMobile ? '1fr' : '0px';\n\n const {\n isEntering: isRefreshSpinnerEntering,\n isMounted: isRefreshSpinnerMounted,\n isExiting: isRefreshSpinnerExiting,\n isVisible: isRefreshSpinnerVisible,\n } = usePresence(isRefreshing, {\n transitionDuration: theme.motion.duration.quick,\n });\n\n // Table Theme\n const columnCount = getTableHeaderCellCount(children);\n const firstColumnStickyHeaderCellCSS = isFirstColumnSticky\n ? `\n &:nth-of-type(1) {\n left: 0 !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n ${\n selectionType === 'multiple' &&\n `&:nth-of-type(2) {\n left: ${checkboxCellWidth}px !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n `\n }`\n : '';\n const firstColumnStickyFooterCellCSS = isFirstColumnSticky\n ? `\n &:nth-of-type(1) {\n left: 0 !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n ${\n selectionType === 'multiple' &&\n `&:nth-of-type(2) {\n left: ${checkboxCellWidth}px !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n `\n }`\n : '';\n const firstColumnStickyBodyCellCSS = isFirstColumnSticky\n ? `\n &:nth-of-type(1) {\n left: 0 !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n ${\n selectionType === 'multiple' &&\n `&:nth-of-type(2) {\n left: ${checkboxCellWidth}px !important;\n position: sticky !important;\n z-index: ${firstColumnStickyZIndex} !important;\n }\n `\n }`\n : '';\n\n const tableTheme = useTableTheme({\n Table: `\n height:${isFooterSticky ? `100%` : undefined};\n border: ${makeBorderSize(theme.border.width.thin)} solid ${\n theme.colors.surface.border.gray.muted\n };\n --data-table-library_grid-template-columns: ${\n gridTemplateColumns\n ? `${gridTemplateColumns} ${hasHoverActions ? lastHoverActionsColWidth : ''}`\n : ` ${\n selectionType === 'multiple' ? 'min-content' : ''\n } repeat(${columnCount},minmax(100px, 1fr)) ${\n hasHoverActions ? lastHoverActionsColWidth : ''\n } !important;`\n } !important;\n background-color: ${getIn(theme.colors, backgroundColor)};\n `,\n HeaderCell: `\n position: ${shouldHeaderBeSticky ? 'sticky' : 'relative'};\n \n top: ${shouldHeaderBeSticky ? '0' : undefined};\n ${firstColumnStickyHeaderCellCSS}\n `,\n Cell: `\n ${firstColumnStickyBodyCellCSS}\n `,\n FooterCell: `\n position: ${isFooterSticky ? 'sticky' : 'relative'};\n bottom: ${isFooterSticky ? '0' : undefined};\n ${firstColumnStickyFooterCellCSS}\n `,\n });\n\n useEffect(() => {\n // Get the total number of items\n setTotalItems(data.nodes.length);\n }, [data.nodes]);\n\n // Selection Logic\n const onSelectChange: MiddlewareFunction = (_, state): void => {\n const selectedIds: Identifier[] = state.id ? [state.id] : state.ids ?? [];\n setSelectedRows(selectedIds);\n onSelectionChange?.({\n selectedIds,\n values: data.nodes.filter((node) => selectedIds.includes(node.id)),\n });\n };\n\n const rowSelectConfig = useRowSelect(\n data,\n {\n onChange: onSelectChange,\n state: {\n ...(selectionType === 'multiple'\n ? { ids: selectedRows }\n : selectionType === 'single'\n ? { id: selectedRows[0] }\n : {}),\n },\n },\n {\n clickType:\n multiSelectTrigger === 'row' ? SelectClickTypes.RowClick : SelectClickTypes.ButtonClick,\n rowSelect: selectionType !== 'none' ? rowSelectType[selectionType] : undefined,\n },\n );\n\n const toggleRowSelectionById = useMemo(\n () => (id: Identifier): void => {\n rowSelectConfig.fns.onToggleById(id);\n },\n [rowSelectConfig.fns],\n );\n\n const deselectAllRows = useMemo(\n () => (): void => {\n rowSelectConfig.fns.onRemoveAll();\n },\n [rowSelectConfig.fns],\n );\n\n const toggleAllRowsSelection = useMemo(\n () => (): void => {\n if (selectedRows.length > 0) {\n rowSelectConfig.fns.onRemoveAll();\n } else {\n const ids = data.nodes\n .map((item: TableNode<Item>) => (disabledRows.includes(item.id) ? null : item.id))\n .filter(Boolean) as Identifier[];\n\n rowSelectConfig.fns.onAddAll(ids);\n }\n },\n [rowSelectConfig.fns, data.nodes, selectedRows, disabledRows],\n );\n\n // Sort Logic\n const handleSortChange: MiddlewareFunction = (_, state) => {\n onSortChange?.({\n sortKey: state.sortKey,\n isSortReversed: state.reverse,\n });\n };\n\n const sort = useSort(\n data,\n {\n onChange: handleSortChange,\n },\n {\n // @ts-expect-error ignore this, if sortFunctions is undefined, it will be ignored\n sortFns: sortFunctions,\n },\n );\n\n const currentSortedState: TableContextType<Item>['currentSortedState'] = useMemo(() => {\n return {\n sortKey: sort.state.sortKey,\n isSortReversed: sort.state.reverse,\n sortableColumns: Object.keys(sortFunctions ?? {}),\n };\n }, [sort.state, sortFunctions]);\n\n const toggleSort = useCallback(\n (sortKey: string): void => {\n sort.fns.onToggleSort({\n sortKey,\n });\n },\n [sort.fns],\n );\n\n // Pagination\n\n const hasPagination = Boolean(pagination);\n\n const paginationConfig = usePagination(\n data,\n {\n state: {\n page: 0,\n size: tablePagination.defaultPageSize,\n },\n },\n {\n isServer: paginationType === 'server',\n },\n );\n\n const currentPaginationState = useMemo(() => {\n return hasPagination\n ? {\n page: paginationConfig.state.page,\n size: paginationConfig.state.size,\n }\n : undefined;\n }, [paginationConfig.state, hasPagination]);\n\n const setPaginationPage = useCallback(\n (page: number): void => {\n paginationConfig.fns.onSetPage(page);\n },\n [paginationConfig.fns],\n );\n\n const setPaginationRowSize = useCallback(\n (size: number): void => {\n paginationConfig.fns.onSetSize(size);\n },\n [paginationConfig.fns],\n );\n\n // Toolbar Component\n if (__DEV__) {\n if (toolbar && !isValidAllowedChildren(toolbar, ComponentIds.TableToolbar)) {\n throwBladeError({\n message: 'Only TableToolbar component is allowed in the `toolbar` prop',\n moduleName: 'Table',\n });\n }\n }\n\n // Table Context\n const tableContext: TableContextType<Item> = useMemo(\n () => ({\n selectionType,\n selectedRows,\n totalItems,\n toggleRowSelectionById,\n toggleAllRowsSelection,\n deselectAllRows,\n rowDensity,\n toggleSort,\n currentSortedState,\n setPaginationPage,\n setPaginationRowSize,\n currentPaginationState,\n showStripedRows,\n disabledRows,\n setDisabledRows,\n paginationType,\n setPaginationType,\n backgroundColor,\n headerRowDensity,\n setHeaderRowDensity,\n showBorderedCells,\n hasHoverActions,\n setHasHoverActions,\n columnCount,\n gridTemplateColumns,\n isVirtualized,\n tableData: data.nodes,\n }),\n [\n selectionType,\n selectedRows,\n totalItems,\n toggleRowSelectionById,\n toggleAllRowsSelection,\n deselectAllRows,\n gridTemplateColumns,\n rowDensity,\n toggleSort,\n columnCount,\n currentSortedState,\n setPaginationPage,\n setPaginationRowSize,\n currentPaginationState,\n showStripedRows,\n disabledRows,\n setDisabledRows,\n paginationType,\n setPaginationType,\n backgroundColor,\n headerRowDensity,\n setHeaderRowDensity,\n showBorderedCells,\n hasHoverActions,\n setHasHoverActions,\n isVirtualized,\n data,\n ],\n );\n\n return (\n <TableContext.Provider value={tableContext}>\n {isLoading ? (\n <BaseBox\n display=\"flex\"\n flex={1}\n alignItems=\"center\"\n justifyContent=\"center\"\n height={height}\n {...getStyledProps(rest)}\n {...metaAttribute({ name: MetaConstants.Table })}\n {...makeAnalyticsAttribute(rest)}\n >\n <Spinner accessibilityLabel=\"Loading Table\" size=\"large\" testID=\"table-spinner\" />\n </BaseBox>\n ) : (\n <BaseBox\n // ref={ref as never}\n flex={1}\n position=\"relative\"\n {...getStyledProps(rest)}\n {...metaAttribute({ name: MetaConstants.Table })}\n width={isVirtualized ? `100%` : undefined}\n {...makeAnalyticsAttribute(rest)}\n >\n {isRefreshSpinnerMounted && (\n <RefreshWrapper\n position=\"absolute\"\n width=\"100%\"\n height=\"100%\"\n zIndex={refreshWrapperZIndex}\n backgroundColor=\"overlay.background.subtle\"\n justifyContent=\"center\"\n alignItems=\"center\"\n display=\"flex\"\n isRefreshSpinnerEntering={isRefreshSpinnerEntering}\n isRefreshSpinnerExiting={isRefreshSpinnerExiting}\n isRefreshSpinnerVisible={isRefreshSpinnerVisible}\n >\n <Spinner color=\"white\" accessibilityLabel=\"Refreshing Table\" size=\"large\" />\n </RefreshWrapper>\n )}\n {/* wrapping toolbar in BaseBox and passing the same analytics attributes as of table because in analytics POV, events triggered are from table */}\n <BaseBox {...makeAnalyticsAttribute(rest)}>{toolbar}</BaseBox>\n <StyledReactTable\n role=\"table\"\n layout={{ fixedHeader: shouldHeaderBeSticky, horizontalScroll: true }}\n data={data}\n // @ts-expect-error ignore this, theme clashes with styled-component's theme. We're using useTheme from blade to get actual theme\n theme={tableTheme}\n select={selectionType !== 'none' ? rowSelectConfig : null}\n sort={sortFunctions ? sort : null}\n $styledProps={{\n height,\n width: isVirtualized ? `100%` : undefined,\n isVirtualized,\n isSelectable: selectionType !== 'none',\n showStripedRows,\n }}\n pagination={hasPagination ? paginationConfig : null}\n {...makeAccessible({ multiSelectable: selectionType === 'multiple' })}\n {...metaAttribute({ name: MetaConstants.Table })}\n {...makeAnalyticsAttribute(rest)}\n >\n {children}\n </StyledReactTable>\n {pagination}\n </BaseBox>\n )}\n </TableContext.Provider>\n );\n};\nconst Table = assignWithoutSideEffects(_Table, {\n componentId: ComponentIds.Table,\n});\n\nexport { Table };\n"],"names":["rowSelectType","single","SelectTypes","SingleSelect","multiple","MultiSelect","none","undefined","getTableHeaderCellCount","children","tableRootComponent","React","isValidElement","tableComponentArray","Children","toArray","_tableHeaderCells$len","tableComponentArrayChildren","props","tableHeader","find","child","getComponentId","ComponentIds","TableHeader","tableHeaderChildrenArray","tableHeaderRow","TableHeaderRow","tableHeaderRowChildrenArray","tableHeaderCells","filter","TableHeaderCell","length","StyledReactTable","styled","ReactTable","withConfig","displayName","componentId","_ref","$styledProps","_useTheme","useTheme","theme","styledPropsCSSObject","getBaseBoxStyles","_objectSpread","height","isVirtualized","width","$isSelectable","isSelectable","$showStripedRows","showStripedRows","overflow","concat","getTableBodyStyles","RefreshWrapper","BaseBox","_ref2","isRefreshSpinnerVisible","isRefreshSpinnerEntering","isRefreshSpinnerExiting","opacity","transition","makeMotionTime","motion","duration","quick","easing","entrance","exit","_Table","_ref3","data","_ref3$multiSelectTrig","multiSelectTrigger","_ref3$selectionType","selectionType","onSelectionChange","isHeaderSticky","isFooterSticky","isFirstColumnSticky","_ref3$rowDensity","rowDensity","onSortChange","sortFunctions","toolbar","pagination","gridTemplateColumns","_ref3$isLoading","isLoading","_ref3$isRefreshing","isRefreshing","_ref3$showBorderedCel","showBorderedCells","_ref3$defaultSelected","defaultSelectedIds","_ref3$backgroundColor","backgroundColor","tableBackgroundColor","rest","_objectWithoutProperties","_excluded","_useTheme2","_React$useState","useState","_React$useState2","_slicedToArray","selectedRows","setSelectedRows","_React$useState3","_React$useState4","disabledRows","setDisabledRows","_React$useState5","nodes","_React$useState6","totalItems","setTotalItems","_React$useState7","_React$useState8","paginationType","setPaginationType","_React$useState9","_React$useState10","headerRowDensity","setHeaderRowDensity","_React$useState11","_React$useState12","hasHoverActions","setHasHoverActions","VirtualizedTable","shouldHeaderBeSticky","isMobile","useIsMobile","lastHoverActionsColWidth","_usePresence","usePresence","transitionDuration","isEntering","isRefreshSpinnerMounted","isMounted","isExiting","isVisible","columnCount","firstColumnStickyHeaderCellCSS","firstColumnStickyZIndex","checkboxCellWidth","firstColumnStickyFooterCellCSS","firstColumnStickyBodyCellCSS","tableTheme","useTableTheme","Table","makeBorderSize","border","thin","colors","surface","gray","muted","getIn","HeaderCell","Cell","FooterCell","useEffect","onSelectChange","_","state","_state$ids","selectedIds","id","ids","values","node","includes","rowSelectConfig","useRowSelect","onChange","clickType","SelectClickTypes","RowClick","ButtonClick","rowSelect","toggleRowSelectionById","useMemo","fns","onToggleById","deselectAllRows","onRemoveAll","toggleAllRowsSelection","map","item","Boolean","onAddAll","handleSortChange","sortKey","isSortReversed","reverse","sort","useSort","sortFns","currentSortedState","sortableColumns","Object","keys","toggleSort","useCallback","onToggleSort","hasPagination","paginationConfig","usePagination","page","size","tablePagination","defaultPageSize","isServer","currentPaginationState","setPaginationPage","onSetPage","setPaginationRowSize","onSetSize","isValidAllowedChildren","TableToolbar","throwBladeError","message","moduleName","tableContext","tableData","_jsx","TableContext","Provider","value","display","flex","alignItems","justifyContent","getStyledProps","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","Spinner","accessibilityLabel","testID","_jsxs","position","zIndex","refreshWrapperZIndex","color","role","layout","fixedHeader","horizontalScroll","select","makeAccessible","multiSelectable","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/utils/isIconComponent/index.js ADDED Viewed

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

package/build/lib/web/development/utils/isIconComponent/index.js.map ADDED Viewed

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

package/build/lib/web/development/utils/isIconComponent/isIconComponent.js ADDED Viewed

@@ -0,0 +1,16 @@
+import '../isValidAllowedChildren/index.js';
+import { getComponentId } from '../isValidAllowedChildren/isValidAllowedChildren.js';
+var isIconComponent = function isIconComponent(element) {
+  var _getComponentId$endsW, _getComponentId;
+  if (typeof element === 'function') {
+    var _componentId$endsWith;
+    // eslint-disable-next-line no-restricted-properties
+    var componentId = element.componentId;
+    return (_componentId$endsWith = componentId === null || componentId === void 0 ? void 0 : componentId.endsWith('Icon')) !== null && _componentId$endsWith !== void 0 ? _componentId$endsWith : false;
+  }
+  return (_getComponentId$endsW = (_getComponentId = getComponentId(element)) === null || _getComponentId === void 0 ? void 0 : _getComponentId.endsWith('Icon')) !== null && _getComponentId$endsW !== void 0 ? _getComponentId$endsW : false;
+};
+export { isIconComponent };
+//# sourceMappingURL=isIconComponent.js.map

package/build/lib/web/development/utils/isIconComponent/isIconComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"isIconComponent.js","sources":["../../../../../../src/utils/isIconComponent/isIconComponent.tsx"],"sourcesContent":["import type { IconComponent } from '~components/Icons';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\nconst isIconComponent = (element: React.ReactNode | IconComponent): boolean => {\n if (typeof element === 'function') {\n // eslint-disable-next-line no-restricted-properties\n const componentId = (element as { componentId?: string }).componentId;\n return componentId?.endsWith('Icon') ?? false;\n }\n return getComponentId(element)?.endsWith('Icon') ?? false;\n};\n\nexport { isIconComponent };\n"],"names":["isIconComponent","element","_getComponentId$endsW","_getComponentId","_componentId$endsWith","componentId","endsWith","getComponentId"],"mappings":";;;AAGA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,OAAwC,EAAc;EAAA,IAAAC,qBAAA,EAAAC,eAAA,CAAA;AAC7E,EAAA,IAAI,OAAOF,OAAO,KAAK,UAAU,EAAE;AAAA,IAAA,IAAAG,qBAAA,CAAA;AACjC;AACA,IAAA,IAAMC,WAAW,GAAIJ,OAAO,CAA8BI,WAAW,CAAA;AACrE,IAAA,OAAA,CAAAD,qBAAA,GAAOC,WAAW,KAAXA,IAAAA,IAAAA,WAAW,uBAAXA,WAAW,CAAEC,QAAQ,CAAC,MAAM,CAAC,MAAA,IAAA,IAAAF,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,KAAK,CAAA;AAC/C,GAAA;EACA,OAAAF,CAAAA,qBAAA,IAAAC,eAAA,GAAOI,cAAc,CAACN,OAAO,CAAC,MAAA,IAAA,IAAAE,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAvBA,eAAA,CAAyBG,QAAQ,CAAC,MAAM,CAAC,cAAAJ,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,KAAK,CAAA;AAC3D;;;;"}

package/build/lib/web/production/components/Accordion/AccordionItemHeader.js CHANGED Viewed

@@ -10,18 +10,29 @@ import { CollapsibleChevronIcon } from '../Collapsible/CollapsibleChevronIcon.we
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../utils/isIconComponent/index.js';
+import '../../utils/makeSize/index.js';
+import '../../tokens/global/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
+import { isIconComponent } from '../../utils/isIconComponent/isIconComponent.js';
+import { Text } from '../Typography/Text/Text.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { Text } from '../Typography/Text/Text.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 var _excluded = ["title", "subtitle", "leading", "children", "trailing", "titleSuffix"];
 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 getLeadingElementMaxHeightAndWidth = function getLeadingElementMaxHeightAndWidth(size$1) {
+  if (size$1 === 'large') return makeSize(size['32']);
+  return makeSize(size['24']);
+};
 var _AccordionItemHeader = function _AccordionItemHeader(_ref) {
+  var _leading$type$name;
   var title = _ref.title,
     subtitle = _ref.subtitle,
     leading = _ref.leading,
@@ -36,30 +47,47 @@ var _AccordionItemHeader = function _AccordionItemHeader(_ref) {
   var _useAccordionItemInde = useAccordionItemIndex(),
     index = _useAccordionItemInde.index,
     isDisabled = _useAccordionItemInde.isDisabled;
+  var isLeadingIcon = /*#__PURE__*/React__default.isValidElement(leading) && typeof leading.type === 'function' && ((_leading$type$name = leading.type.name) === null || _leading$type$name === void 0 ? void 0 : _leading$type$name.endsWith('Icon'));
   var isLeadingNumberOrIcon = React__default.useMemo(function () {
-    var _leading$type$name;
     // Check if leading is a number
     if (showNumberPrefix && typeof index === 'number') return true;
     // Check if leading is an Icon component (name ends with "Icon")
-    if (leading && /*#__PURE__*/React__default.isValidElement(leading) && typeof leading.type === 'function' && (_leading$type$name = leading.type.name) !== null && _leading$type$name !== void 0 && _leading$type$name.endsWith('Icon')) return true;
+    if (leading && /*#__PURE__*/React__default.isValidElement(leading) && isIconComponent(leading)) return true;
+    if (isLeadingIcon) return true;
     return false;
-  }, [leading, showNumberPrefix, index]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, metaAttribute({
-    name: MetaConstants.AccordionItemHeader
-  })), {}, {
-    flex: "1",
-    children: /*#__PURE__*/jsx(BaseHeader, _objectSpread(_objectSpread({
-      leading: showNumberPrefix && typeof index === 'number' ?
-      /*#__PURE__*/
-      // we have to add -2px margin to align the number with title of BaseHeader
-      jsxs(Text, {
+  }, [showNumberPrefix, index, leading, isLeadingIcon]);
+  var shouldAlignHeaderItemsInCenter = Boolean(children || Boolean(leading) && !isLeadingNumberOrIcon);
+  var leadingElement = React__default.useMemo(function () {
+    if (showNumberPrefix && typeof index === 'number') {
+      return /*#__PURE__*/jsxs(Text, {
         size: size,
         weight: "semibold",
         marginTop: "-2px",
         as: "span",
         children: [index + 1, "."]
-      }) : leading,
+      });
+    }
+    if (leading) {
+      return /*#__PURE__*/jsx(BaseBox, {
+        marginRight: isLeadingIcon ? 'spacing.0' : 'spacing.3',
+        marginTop: "spacing.1"
+        // So in design, we have set max height and width for the leading element, doing same here
+        ,
+        maxHeight: getLeadingElementMaxHeightAndWidth(size),
+        maxWidth: getLeadingElementMaxHeightAndWidth(size),
+        overflow: "hidden",
+        children: leading
+      });
+    }
+    return null;
+  }, [showNumberPrefix, index, leading, size, isLeadingIcon]);
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, metaAttribute({
+    name: MetaConstants.AccordionItemHeader
+  })), {}, {
+    flex: "1",
+    children: /*#__PURE__*/jsx(BaseHeader, _objectSpread(_objectSpread({
+      leading: leadingElement,
       title: title,
       subtitle: subtitle,
       trailing: trailing,
@@ -79,7 +107,8 @@ var _AccordionItemHeader = function _AccordionItemHeader(_ref) {
       trailingInteractionElement: /*#__PURE__*/jsx(CollapsibleChevronIcon, {
         color: isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted',
         size: "large"
-      })
+      }),
+      shouldAlignLeadingAndTrailingElementsToCenter: shouldAlignHeaderItemsInCenter
     }, makeAnalyticsAttribute(rest)), {}, {
       children: children
     }))

package/build/lib/web/production/components/Accordion/AccordionItemHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionItemHeader.js","sources":["../../../../../../src/components/Accordion/AccordionItemHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useAccordion, useAccordionItemIndex } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _AccordionItemHeader = ({\n title,\n subtitle,\n leading,\n children,\n trailing,\n titleSuffix,\n ...rest\n}: Pick<\n BaseHeaderProps,\n 'title' \| 'subtitle' \| 'leading' \| 'children' \| 'trailing' \| 'titleSuffix'\n> &\n DataAnalyticsAttribute): React.ReactElement => {\n const { size, showNumberPrefix, expandedIndex } = useAccordion();\n const { index, isDisabled } = useAccordionItemIndex();\n\n const isLeadingNumberOrIcon = React.useMemo(() => {\n // Check if leading is a number\n if (showNumberPrefix && typeof index === 'number') return true;\n\n // Check if leading is an Icon component (name ends with \"Icon\")\n if (\n leading ~~&&\n~~ React.isValidElement(leading) ~~&&\n typeof~~ leading~~.type~~ ~~===~~ ~~'function'~~ ~~&&\n leading.type.name?.endsWith~~(~~'Icon'~~)~~\n )\n~~ return true;\n\n return false;\n }, [~~leading~~, ~~showNumberPrefix~~, ~~index~~]);\n\n ~~return~~ (\n ~~<BaseBox~~ ~~{...metaAttribute~~({ ~~name:~~ ~~MetaConstants.AccordionItemHeader }~~)~~} flex=\"1\">\~~n ~~<BaseHeader~~\n ~~leading~~={\n showNumberPrefix && typeof index === 'number' ~~? (~~\n // ~~we have to add -2px margin to align the number with title of BaseHeader~~\n <Text size={size} weight=\"semibold\" marginTop=\"-2px\" as=\"span\">\n {index + 1}.\n </Text>\n ) : (\n leading\n )\n }\n title={title}\n subtitle={subtitle}\n trailing={trailing}\n titleSuffix={titleSuffix}\n isDisabled={isDisabled}\n showBackButton={false}\n showCloseButton={false}\n showDivider={expandedIndex === index}\n paddingX=\"spacing.5\"\n marginY=\"spacing.5\"\n size={size}\n alignItems={!subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start'}\n dividerProps={{\n thickness: 'thinner',\n marginX: 'spacing.5',\n }}\n trailingInteractionElement={\n <CollapsibleChevronIcon\n color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n size=\"large\"\n />\n }\n {...makeAnalyticsAttribute(rest)}\n >\n {children}\n </BaseHeader>\n </BaseBox>\n );\n};\n\nconst AccordionItemHeader = assignWithoutSideEffects(_AccordionItemHeader, {\n componentId: componentIds.AccordionItemHeader,\n});\n\nexport { AccordionItemHeader };\n"],"names":["_AccordionItemHeader","_ref","title","subtitle","leading","children","trailing","titleSuffix","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","~~size","~~showNumberPrefix","expandedIndex","_useAccordionItemInde","useAccordionItemIndex","index","isDisabled","~~isLeadingNumberOrIcon~~","React","~~useMemo~~","~~_leading$~~type$name","~~isValidElement~~","~~type~~","~~name~~","~~endsWith~~","~~_jsx~~","~~BaseBox~~","~~_objectSpread~~","~~metaAttribute~~","~~MetaConstants~~","~~AccordionItemHeader~~","~~flex~~","~~BaseHeader~~","~~_jsxs~~","~~Text~~","~~weight~~","~~marginTop~~","as","showBackButton","showCloseButton","showDivider","paddingX","marginY","alignItems","dividerProps","thickness","marginX","trailingInteractionElement","CollapsibleChevronIcon","color","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;AAaA~~,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAYuB;AAAA,EAAA,IAX/CC,KAAK,~~GAAAD~~,IAAA,~~CAALC~~,KAAK;IACLC,QAAQ,~~GAAAF~~,IAAA,~~CAARE~~,QAAQ;IACRC,OAAO,~~GAAAH~~,IAAA,~~CAAPG~~,OAAO;IACPC,QAAQ,~~GAAAJ~~,IAAA,~~CAARI~~,QAAQ;IACRC,QAAQ,~~GAAAL~~,IAAA,~~CAARK~~,QAAQ;IACRC,WAAW,~~GAAAN~~,IAAA,~~CAAXM~~,WAAW;AACRC,IAAAA,IAAI,GAAAC,wBAAA,~~CAAAR~~,IAAA,~~EAAAS~~,SAAA,CAAA,CAAA;AAMP,EAAA,IAAAC,aAAA,GAAkDC,YAAY,EAAE;~~IAAxDC~~,IAAI,~~GAAAF~~,aAAA,~~CAAJE~~,IAAI;~~IAAEC~~,gBAAgB,~~GAAAH~~,aAAA,~~CAAhBG~~,gBAAgB;IAAEC,aAAa,~~GAAAJ~~,aAAA,~~CAAbI~~,aAAa,CAAA;AAC7C,EAAA,IAAAC,qBAAA,GAA8BC,qBAAqB,EAAE;IAA7CC,KAAK,GAAAF,qBAAA,CAALE,KAAK;IAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU,CAAA;AAEzB,EAAA,IAAMC,~~qBAAqB~~,~~GAAGC~~,cAAK,CAACC,OAAO,CAAC,~~YAAM;AAAA~~,IAAA,~~IAAAC~~,kBAAA,CAAA;AAChD;IACA,~~IAAIT~~,gBAAgB,IAAI,OAAOI,KAAK,KAAK,QAAQ,EAAE,OAAO,IAAI,CAAA;;AAE9D;AACA,IAAA,~~IACEd~~,OAAO,~~iBACPiB~~,cAAK,~~CAACG~~,cAAc,~~CAACpB~~,OAAO,CAAC,~~IAC7B~~,~~OAAOA~~,OAAO,~~CAACqB~~,IAAI,~~KAAK~~,~~UAAU~~,~~IAAAF~~,~~CAAAA~~,~~kBAAA~~,~~GAClCnB~~,OAAO,~~CAACqB~~,~~IAAI~~,~~CAACC~~,~~IAAI~~,~~cAAAH~~,~~kBAAA~~,~~KAAA~~,~~KAAA~~,CAAA,~~IAAjBA~~,~~kBAAA~~,~~CAAmBI~~,QAAQ,CAAC,~~MAAM~~,CAAC,~~EAEnC~~,OAAO,~~IAAI~~,~~CAAA~~;~~AAEb~~,IAAA,~~OAAO~~,KAAK,~~CAAA~~;~~GACb~~,EAAE,~~CAACvB~~,~~OAAO~~,~~EAAEU~~,~~gBAAgB~~,~~EAAEI~~,KAAK,CAAC,CAAC,CAAA;~~EAEtC~~,~~oBACEU~~,GAAA,CAACC,OAAO,~~EAAAC~~,~~aAAA~~,~~CAAAA~~,~~aAAA~~,~~CAAKC~~,~~EAAAA~~,~~EAAAA~~,~~aAAa~~,~~CAAC~~;~~IAAEL~~,~~IAAI~~,~~EAAEM~~,~~aAAa~~,CAACC,~~mBAAAA~~;~~AAAoB~~,~~GAAC~~,~~CAAC~~,~~CAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~;~~AAAEC~~,~~IAAAA~~,~~IAAI~~,EAAC,~~GAAG~~;~~AAAA7B~~,~~IAAAA~~,QAAA,~~eAC/EuB~~,~~GAAA~~,~~CAACO~~,~~UAAU~~,~~EAAAL~~,~~aAAA~~,~~CAAAA~~,~~aAAA~~,CAAA;~~AACT1B~~,~~MAAAA~~,~~OAAO~~,~~EACLU~~,gBAAgB,IAAI,~~OAAOI~~,~~KAAK~~,~~KAAK~~,~~QAAQ~~;~~AAAA;AAC3C;AACAkB~~,~~MAAAA~~,~~IAAA~~,CAACC,~~IAAI~~,~~EAAA;AAACxB~~,~~QAAAA~~,~~IAAI~~,~~EAAEA~~,~~IAAK~~;~~AAACyB~~,~~QAAAA~~,~~MAAM~~,~~EAAC~~,~~UAAU~~;~~AAACC~~,~~QAAAA~~,~~SAAS~~,~~EAAC~~,~~MAAM~~;~~AAACC~~,~~QAAAA~~,~~EAAE~~,EAAC,~~MAAM~~;~~AAAAnC~~,~~QAAAA~~,QAAA,~~EAC3Da~~,~~CAAAA~~,~~KAAK~~,~~GAAG~~,~~CAAC~~,~~EAAC~~,~~GACb~~,CAAA;~~OAAM~~,~~CAAC~~,~~GAEPd~~,~~OAEH~~;~~AACDF~~,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,QAAQ,EAAEA,QAAS;AACnBG,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,WAAW,EAAEA,WAAY;~~AACzBY~~,MAAAA,UAAU,EAAEA,UAAW;~~AACvBsB~~,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,eAAe,EAAE,KAAM;MACvBC,WAAW,~~EAAE5B~~,aAAa,KAAKG,KAAM;~~AACrC0B~~,MAAAA,QAAQ,EAAC,WAAW;AACpBC,MAAAA,OAAO,EAAC,WAAW;~~AACnBhC~~,MAAAA,IAAI,EAAEA,IAAK;~~MACXiC~~,UAAU,EAAE,~~CAAC3C~~,QAAQ,IAAI,~~CAACiB~~,qBAAqB,GAAG,QAAQ,GAAG,YAAa;~~AAC1E2B~~,MAAAA,YAAY,EAAE;AACZC,QAAAA,SAAS,EAAE,SAAS;AACpBC,QAAAA,OAAO,EAAE,WAAA;OACT;MACFC,0BAA0B,~~eACxBtB~~,GAAA,~~CAACuB~~,sBAAsB,EAAA;AACrBC,QAAAA,KAAK,~~EAAEjC~~,UAAU,GAAG,gCAAgC,GAAG,6BAA8B;~~AACrFN~~,QAAAA,IAAI,EAAC,OAAA;~~OACN~~,~~CAAA~~;~~KAECwC~~,EAAAA,sBAAsB,~~CAAC7C~~,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAH,MAAAA,QAAA,EAE/BA,QAAAA;KACS,CAAA,CAAA;AAAC,GAAA,CACN,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,~~IAAM4B~~,mBAAmB,~~gBAAGqB~~,wBAAwB,~~CAACtD~~,oBAAoB,EAAE;~~EACzEuD~~,WAAW,EAAEC,YAAY,~~CAACvB~~,mBAAAA;AAC5B,CAAC;;;;"}
1	+ {"version":3,"file":"AccordionItemHeader.js","sources":["../../../../../../src/components/Accordion/AccordionItemHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useAccordion, useAccordionItemIndex } from './AccordionContext';\nimport { componentIds } from './componentIds';\nimport type { BaseHeaderProps } from '~components/BaseHeaderFooter/BaseHeader';\nimport { BaseHeader } from '~components/BaseHeaderFooter/BaseHeader';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { CollapsibleChevronIcon } from '~components/Collapsible/CollapsibleChevronIcon';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils/makeSize';\nimport { size as sizeToken } from '~tokens/global';\n\nconst getLeadingElementMaxHeightAndWidth = (\n size: BaseHeaderProps['size'],\n): BoxProps['maxHeight'] => {\n if (size === 'large') return makeSize(sizeToken['32']);\n return makeSize(sizeToken['24']);\n};\n\nconst _AccordionItemHeader = ({\n title,\n subtitle,\n leading,\n children,\n trailing,\n titleSuffix,\n ...rest\n}: Pick<\n BaseHeaderProps,\n 'title' \| 'subtitle' \| 'leading' \| 'children' \| 'trailing' \| 'titleSuffix'\n> &\n DataAnalyticsAttribute): React.ReactElement => {\n const { size, showNumberPrefix, expandedIndex } = useAccordion();\n const { index, isDisabled } = useAccordionItemIndex();\n\n const isLeadingIcon =\n React.isValidElement(leading) &&\n typeof leading.type === 'function' &&\n leading.type.name?.endsWith('Icon');\n\n const isLeadingNumberOrIcon = React.useMemo(() => {\n // Check if leading is a number\n if (showNumberPrefix && typeof index === 'number') return true;\n\n // Check if leading is an Icon component (name ends with \"Icon\")\n if (leading && React.isValidElement(leading) && isIconComponent(leading)) return true;\n if (isLeadingIcon) return true;\n\n return false;\n }, [showNumberPrefix, index, leading, isLeadingIcon]);\n\n const shouldAlignHeaderItemsInCenter = Boolean(\n children \|\| (Boolean(leading) && !isLeadingNumberOrIcon),\n );\n\n const leadingElement = React.useMemo(() => {\n if (showNumberPrefix && typeof index === 'number') {\n return (\n <Text size={size} weight=\"semibold\" marginTop=\"-2px\" as=\"span\">\n {index + 1}.\n </Text>\n );\n }\n if (leading) {\n return (\n <BaseBox\n marginRight={isLeadingIcon ? 'spacing.0' : 'spacing.3'}\n marginTop=\"spacing.1\"\n // So in design, we have set max height and width for the leading element, doing same here\n maxHeight={getLeadingElementMaxHeightAndWidth(size)}\n maxWidth={getLeadingElementMaxHeightAndWidth(size)}\n overflow=\"hidden\"\n >\n {leading}\n </BaseBox>\n );\n }\n return null;\n }, [showNumberPrefix, index, leading, size, isLeadingIcon]);\n\n return (\n <BaseBox {...metaAttribute({ name: MetaConstants.AccordionItemHeader })} flex=\"1\">\n <BaseHeader\n leading={leadingElement}\n title={title}\n subtitle={subtitle}\n trailing={trailing}\n titleSuffix={titleSuffix}\n isDisabled={isDisabled}\n showBackButton={false}\n showCloseButton={false}\n showDivider={expandedIndex === index}\n paddingX=\"spacing.5\"\n marginY=\"spacing.5\"\n size={size}\n alignItems={!subtitle && !isLeadingNumberOrIcon ? 'center' : 'flex-start'}\n dividerProps={{\n thickness: 'thinner',\n marginX: 'spacing.5',\n }}\n trailingInteractionElement={\n <CollapsibleChevronIcon\n color={isDisabled ? 'interactive.icon.gray.disabled' : 'interactive.icon.gray.muted'}\n size=\"large\"\n />\n }\n shouldAlignLeadingAndTrailingElementsToCenter={shouldAlignHeaderItemsInCenter}\n {...makeAnalyticsAttribute(rest)}\n >\n {children}\n </BaseHeader>\n </BaseBox>\n );\n};\n\nconst AccordionItemHeader = assignWithoutSideEffects(_AccordionItemHeader, {\n componentId: componentIds.AccordionItemHeader,\n});\n\nexport { AccordionItemHeader };\n"],"names":["getLeadingElementMaxHeightAndWidth","size","makeSize","sizeToken","_AccordionItemHeader","_ref","_leading$type$name","title","subtitle","leading","children","trailing","titleSuffix","rest","_objectWithoutProperties","_excluded","_useAccordion","useAccordion","showNumberPrefix","expandedIndex","_useAccordionItemInde","useAccordionItemIndex","index","isDisabled","isLeadingIcon","React","isValidElement","type","name","endsWith","isLeadingNumberOrIcon","useMemo","isIconComponent","shouldAlignHeaderItemsInCenter","Boolean","leadingElement","_jsxs","Text","weight","marginTop","as","_jsx","BaseBox","marginRight","maxHeight","maxWidth","overflow","_objectSpread","metaAttribute","MetaConstants","AccordionItemHeader","flex","BaseHeader","showBackButton","showCloseButton","showDivider","paddingX","marginY","alignItems","dividerProps","thickness","marginX","trailingInteractionElement","CollapsibleChevronIcon","color","shouldAlignLeadingAndTrailingElementsToCenter","makeAnalyticsAttribute","assignWithoutSideEffects","componentId","componentIds"],"mappings":"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"}

package/build/lib/web/production/components/BaseHeaderFooter/BaseHeader.js CHANGED Viewed

@@ -15,14 +15,14 @@ import '../../utils/metaAttribute/index.js';
 import '../../utils/logger/index.js';
 import '../../tokens/global/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { throwBladeError, logger } from '../../utils/logger/logger.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { Box } from '../Box/Box.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { Box } from '../Box/Box.js';
 import { IconButton } from '../Button/IconButton/IconButton.js';
 import ChevronLeftIcon from '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
 import { Heading } from '../Typography/Heading/Heading.js';
@@ -33,7 +33,7 @@ import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import { Divider } from '../Divider/Divider.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-var _excluded = ["title", "subtitle", "leading", "titleSuffix", "trailing", "showDivider", "showBackButton", "showCloseButton", "onBackButtonClick", "onCloseButtonClick", "closeButtonRef", "backButtonRef", "testID", "onClickCapture", "onKeyDown", "onKeyUp", "onLostPointerCapture", "onPointerCancel", "onPointerDown", "onPointerMove", "onPointerUp", "metaComponentName", "paddingX", "marginY", "marginBottom", "marginTop", "size", "isDisabled", "children", "trailingInteractionElement", "backgroundImage", "alignItems", "dividerProps"];
+var _excluded = ["title", "subtitle", "leading", "titleSuffix", "trailing", "showDivider", "showBackButton", "showCloseButton", "onBackButtonClick", "onCloseButtonClick", "closeButtonRef", "backButtonRef", "testID", "onClickCapture", "onKeyDown", "onKeyUp", "onLostPointerCapture", "onPointerCancel", "onPointerDown", "onPointerMove", "onPointerUp", "metaComponentName", "paddingX", "marginY", "marginBottom", "marginTop", "size", "isDisabled", "children", "trailingInteractionElement", "backgroundImage", "alignItems", "dividerProps", "shouldAlignLeadingAndTrailingElementsToCenter"];
 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 commonCenterBoxProps = {
@@ -226,6 +226,8 @@ var _BaseHeader = function _BaseHeader(_ref2) {
     _ref2$alignItems = _ref2.alignItems,
     alignItems = _ref2$alignItems === void 0 ? 'flex-start' : _ref2$alignItems,
     dividerProps = _ref2.dividerProps,
+    _ref2$shouldAlignLead = _ref2.shouldAlignLeadingAndTrailingElementsToCenter,
+    shouldAlignLeadingAndTrailingElementsToCenter = _ref2$shouldAlignLead === void 0 ? false : _ref2$shouldAlignLead,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var validatedTrailingComponent = useTrailingRestriction({
     trailing: trailing,
@@ -243,6 +245,58 @@ var _BaseHeader = function _BaseHeader(_ref2) {
     onPointerMove: onPointerMove,
     onPointerUp: onPointerUp
   };
+  var renderTrailingInteractionElementWithChildren = function renderTrailingInteractionElementWithChildren() {
+    if (trailingInteractionElement && children) {
+      return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({
+        alignSelf: shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : 'flex-start'
+      }, centerBoxProps[size$1]), {}, {
+        children: trailingInteractionElement
+      }));
+    }
+    return null;
+  };
+  var renderTrailingInteractionElementWithoutChildren = function renderTrailingInteractionElementWithoutChildren() {
+    if (trailingInteractionElement && !children) {
+      return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, centerBoxProps[size$1]), {}, {
+        alignSelf: shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined,
+        children: trailingInteractionElement
+      }));
+    }
+    return null;
+  };
+  var renderLeadingElement = function renderLeadingElement() {
+    if (Boolean(leading)) {
+      return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+        marginRight: "spacing.3"
+      }, centerBoxProps[size$1]), {}, {
+        alignSelf: shouldAlignLeadingAndTrailingElementsToCenter ? 'center' : undefined,
+        children: leading
+      }));
+    }
+    return null;
+  };
+  var renderTrailingElement = function renderTrailingElement() {
+    if (shouldAlignLeadingAndTrailingElementsToCenter && validatedTrailingComponent) {
+      return /*#__PURE__*/jsx(BaseBox, {
+        marginRight: "spacing.5",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        children: /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, centerBoxProps[size$1]), {}, {
+          children: validatedTrailingComponent
+        }))
+      });
+    }
+    if (validatedTrailingComponent) {
+      return /*#__PURE__*/jsx(BaseBox, {
+        marginRight: "spacing.5",
+        children: /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, centerBoxProps[size$1]), {}, {
+          children: validatedTrailingComponent
+        }))
+      });
+    }
+    return null;
+  };
   return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     name: metaComponentName,
     testID: testID
@@ -287,11 +341,7 @@ var _BaseHeader = function _BaseHeader(_ref2) {
           display: "flex",
           flexDirection: "row",
           alignItems: alignItems,
-          children: [leading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
-            marginRight: "spacing.3"
-          }, centerBoxProps[size$1]), {}, {
-            children: leading
-          })) : null, /*#__PURE__*/jsxs(BaseBox, {
+          children: [renderLeadingElement(), /*#__PURE__*/jsxs(BaseBox, {
             flex: "auto",
             children: [/*#__PURE__*/jsxs(BaseBox
             // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header
@@ -331,12 +381,7 @@ var _BaseHeader = function _BaseHeader(_ref2) {
               children: subtitle
             }) : null]
           })]
-        }), validatedTrailingComponent ? /*#__PURE__*/jsx(BaseBox, {
-          marginRight: "spacing.5",
-          children: /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, centerBoxProps[size$1]), {}, {
-            children: validatedTrailingComponent
-          }))
-        }) : null, showCloseButton ? /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, hasOnlyChildren ? absolutePositionedButton : centerBoxProps[size$1]), {}, {
+        }), renderTrailingElement(), showCloseButton ? /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, hasOnlyChildren ? absolutePositionedButton : centerBoxProps[size$1]), {}, {
           children: /*#__PURE__*/jsx(IconButton, {
             ref: closeButtonRef,
             size: "large",
@@ -346,9 +391,7 @@ var _BaseHeader = function _BaseHeader(_ref2) {
               return onCloseButtonClick === null || onCloseButtonClick === void 0 ? void 0 : onCloseButtonClick();
             }
           })
-        })) : null, trailingInteractionElement && !children ? /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, centerBoxProps[size$1]), {}, {
-          children: trailingInteractionElement
-        })) : null]
+        })) : null, renderTrailingInteractionElementWithoutChildren()]
       }), /*#__PURE__*/jsxs(BaseBox, {
         display: "flex",
         width: "100%",
@@ -358,11 +401,7 @@ var _BaseHeader = function _BaseHeader(_ref2) {
         children: [/*#__PURE__*/jsx(Box, {
           width: "100%",
           children: children
-        }), trailingInteractionElement && children ? /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({
-          alignSelf: "flex-start"
-        }, centerBoxProps[size$1]), {}, {
-          children: trailingInteractionElement
-        })) : null]
+        }), renderTrailingInteractionElementWithChildren()]
       })]
     })), showDivider ? /*#__PURE__*/jsx(Divider, _objectSpread({}, dividerProps)) : null]
   }));