npm - @veeqo/ui - Versions diffs - 9.12.0 → 9.13.1 - Mend

@veeqo/ui 9.12.0 → 9.13.1

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 (438) hide show

package/dist/components/LegacyDataTable/LegacyDataTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyDataTable.js","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useCallback, useMemo } from 'react';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\n\nimport { Tooltip } from '../Tooltip';\nimport { theme } from '../../theme';\n\nimport {\n SpecificStateType,\n LegacyDataTableHeader,\n LegacyDataTableId,\n LegacyDataTableProps,\n LegacyDataTableRow,\n LegacyDataTableNestedRow,\n LegacyDataTableSortDirection,\n FixedColumnInlineStyle,\n} from './utils/types';\n\nimport {\n Wrapper,\n WrapperBordered,\n Table,\n Head,\n Body,\n Row,\n Cell,\n HeaderCell,\n HeaderCellLayout,\n Footer,\n TooltipContent,\n} from './styled';\n\nimport { SpecificState } from './SpecificState';\n\nimport { ClickableCell, EditableCell } from './cells';\nimport { SkeletonCell } from './cells/SkeletonCell';\n\nimport { defaultEmptyState, defaultErrorState, ScrollPosition } from './utils/constants';\nimport { StickyHeader } from './StickyHeader';\nimport { convertFixedColumnInlineStyleToStyled } from './utils';\nimport { SkeletonHeaderCell } from './cells/SkeletonHeaderCell';\nimport { SkeletonContent } from './SkeletonContent';\n\nimport { DoubleArrowIcon } from '../../tempIcons/DoubleArrowIcon';\nimport { DoubleArrowAscIcon } from '../../tempIcons/DoubleArrowAscIcon';\nimport { DoubleArrowDescIcon } from '../../tempIcons/DoubleArrowDescIcon';\n\nexport const IconUnsorted = () => (\n <DoubleArrowIcon width={theme.sizes.base} height={theme.sizes.base} color=\"lightgrey\" />\n);\nexport const IconSortAsc = () => (\n <DoubleArrowAscIcon width={theme.sizes.base} height={theme.sizes.base} color=\"lightgrey\" />\n);\nexport const IconSortDesc = () => (\n <DoubleArrowDescIcon width={theme.sizes.base} height={theme.sizes.base} color=\"lightgrey\" />\n);\n\n/*\n @deprecated\n \n Use DataTable instead\n /\nexport const LegacyDataTable = ({\n borderless = false,\n striped = true,\n noWrap = false,\n showScrollbar = false,\n headers,\n rows,\n renderRow,\n renderNestedRow,\n expandedRowIds,\n renderLoadingRow,\n renderFooterRow,\n renderFooterLoadingRow,\n omitFooterSelectionCell = false,\n selectedRowIds,\n disabledSelectionInputRowIds,\n selectionMode = 'multiple',\n onChangeSelectedRowIds,\n sortColumnId,\n sortDirection,\n onChangeSort,\n isError = false,\n isLoading = false,\n skeletonRowsNumber = 5,\n isHeaderSticky = true,\n stickyHeaderStyle,\n customSpecificState,\n bodyHeightInSpecificStates = 375,\n startFixedColumnsNumber,\n endFixedColumnsNumber,\n}: LegacyDataTableProps) => {\n const WrapperComponent = borderless ? Wrapper : WrapperBordered;\n\n const isEmpty = rows ? rows.length === 0 : false;\n const isFixedLayout = Boolean(startFixedColumnsNumber \|\| endFixedColumnsNumber);\n const isFixedColumnsNotEnabled = !startFixedColumnsNumber && !endFixedColumnsNumber;\n\n const tableRef = useRef<HTMLTableElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const selectionColumnWidth = 58;\n\n const [scrollPosition, setScrollPosition] = useState<ScrollPosition>(ScrollPosition.none);\n\n useEffect(() => {\n let refValue: HTMLDivElement \| null = null;\n\n const handleScroll = () => {\n if (!wrapperRef.current \|\| isFixedColumnsNotEnabled) return;\n const el = wrapperRef.current;\n const scrollWidth = el.scrollWidth + 2; // 2 here is 2px which adds by border\n const { scrollLeft } = el;\n const { width } = el.getBoundingClientRect();\n const scrollValue = scrollLeft + width;\n\n if (scrollWidth === width) setScrollPosition(ScrollPosition.none);\n else if (scrollLeft === 0) setScrollPosition(ScrollPosition.start);\n else if (scrollLeft > 0 && scrollValue < scrollWidth)\n setScrollPosition(ScrollPosition.middle);\n else if (scrollValue === scrollWidth) setScrollPosition(ScrollPosition.end);\n };\n\n if (wrapperRef.current) {\n refValue = wrapperRef.current;\n handleScroll();\n wrapperRef.current?.addEventListener('scroll', handleScroll);\n }\n\n return () => {\n refValue?.removeEventListener('scroll', handleScroll);\n };\n }, [tableRef, isFixedColumnsNotEnabled]);\n\n const castWidthToNumber = useCallback((width: number \| string \| undefined): null \| number => {\n if (typeof width === 'string') {\n // eslint-disable-next-line no-console\n console.error(\n \"You can only use a numeric value in the 'width' property when you use fixed columns\",\n );\n return null;\n }\n if (width === undefined) {\n // eslint-disable-next-line no-console\n console.error(\n \"You should provide numeric value in the 'width' attribute in all fixed columns when you use fixed columns\",\n );\n return null;\n }\n\n return width;\n }, []);\n\n const generateFixedColumnInlineStyle = useCallback(\n (index: number, offset: number, side: 'left' \| 'right'): FixedColumnInlineStyle => ({\n index: side === 'left' ? index : -index,\n style: {\n position: 'sticky',\n [side]: offset,\n zIndex: 1,\n },\n }),\n [],\n );\n\n const generateFixedColumnsStyle = useCallback((): FixedColumnInlineStyle[] \| null => {\n if (!headers \|\| isLoading) return null;\n\n const startColumns: FixedColumnInlineStyle[] = [];\n const endColumns: FixedColumnInlineStyle[] = [];\n\n let totalStartOffset = 0;\n let totalEndOffset = 0;\n\n if (startFixedColumnsNumber) {\n if (selectedRowIds) {\n startColumns.push(generateFixedColumnInlineStyle(1, totalStartOffset, 'left'));\n totalStartOffset += selectionColumnWidth;\n }\n\n for (let i = 0; i < startFixedColumnsNumber; i += 1) {\n const headerWidth = castWidthToNumber(headers[i].width);\n if (headerWidth) {\n startColumns.push(\n generateFixedColumnInlineStyle(\n selectedRowIds ? i + 2 : i + 1,\n totalStartOffset,\n 'left',\n ),\n );\n totalStartOffset += headerWidth;\n }\n }\n }\n\n if (endFixedColumnsNumber) {\n for (let i = 0; i < endFixedColumnsNumber; i += 1) {\n const headerWidth = castWidthToNumber(headers.slice(-i - 1)[0].width);\n if (headerWidth) {\n endColumns.push(generateFixedColumnInlineStyle(i + 1, totalEndOffset, 'right'));\n totalEndOffset += headerWidth;\n }\n }\n }\n\n if (startColumns.length === 0 && endColumns.length === 0) return null;\n\n return [...startColumns, ...endColumns];\n }, [\n isLoading,\n castWidthToNumber,\n endFixedColumnsNumber,\n generateFixedColumnInlineStyle,\n headers,\n startFixedColumnsNumber,\n selectedRowIds,\n ]);\n\n const fixedColumnsStyle = useMemo(() => generateFixedColumnsStyle(), [generateFixedColumnsStyle]);\n\n const handleSelectRow = useCallback(\n (checked: boolean, row: LegacyDataTableRow) => {\n if (!selectedRowIds \|\| !onChangeSelectedRowIds) return;\n\n if (checked) {\n if (selectionMode === 'single') {\n onChangeSelectedRowIds([row.id]);\n return;\n }\n onChangeSelectedRowIds([...selectedRowIds, row.id]);\n return;\n }\n\n const newSelectedRowIds = [...selectedRowIds];\n const index = newSelectedRowIds.findIndex((id) => id === row.id);\n newSelectedRowIds.splice(index, 1);\n onChangeSelectedRowIds(newSelectedRowIds);\n },\n [onChangeSelectedRowIds, selectedRowIds, selectionMode],\n );\n\n const handleSelectAll = useCallback(() => {\n if (!selectedRowIds \|\| !onChangeSelectedRowIds) return;\n\n if (selectedRowIds.length === rows.length) {\n onChangeSelectedRowIds([]);\n return;\n }\n\n const rowIds = rows.map((row) => row.id);\n onChangeSelectedRowIds(rowIds);\n }, [onChangeSelectedRowIds, rows, selectedRowIds]);\n\n const handleClickSortableHeader = useCallback(\n (columnId: LegacyDataTableId) => {\n if (sortColumnId === undefined \|\| onChangeSort === undefined) return;\n\n let nextColumnId = sortColumnId;\n let nextDirection: LegacyDataTableSortDirection = 'ascending';\n\n if (sortDirection === 'ascending') {\n nextDirection = 'descending';\n }\n\n if (columnId !== sortColumnId) {\n nextColumnId = columnId;\n nextDirection = 'ascending';\n }\n\n onChangeSort(nextColumnId, nextDirection);\n },\n [onChangeSort, sortColumnId, sortDirection],\n );\n\n const renderHeaderCell = useCallback(\n (header: LegacyDataTableHeader, style: React.CSSProperties) => {\n let className = '';\n let onClick = () => {};\n let sortIcon = <IconUnsorted />;\n const { tooltip, align, icon, title, sortable, id } = header;\n\n if (sortable) {\n className = 'sortable';\n onClick = () => handleClickSortableHeader(id);\n\n if (sortColumnId === id) {\n sortIcon = sortDirection === 'ascending' ? <IconSortAsc /> : <IconSortDesc />;\n }\n }\n\n const headerContents = (\n <HeaderCellLayout align={align}>\n {icon && icon}\n {title && <span>{title}</span>}\n {sortable && sortIcon}\n </HeaderCellLayout>\n );\n\n return (\n <HeaderCell\n key={id}\n id={`data-table-header-${id}`}\n className={className}\n onClick={onClick}\n align={header.align}\n grow={header.grow}\n style={{ width: header.width \|\| 'auto', ...style }}\n >\n {tooltip ? (\n <Tooltip text={tooltip}>\n <TooltipContent>{headerContents}</TooltipContent>\n </Tooltip>\n ) : (\n headerContents\n )}\n </HeaderCell>\n );\n },\n [handleClickSortableHeader, sortColumnId, sortDirection],\n );\n const renderSkeletonHeaderCell = useCallback(\n (header: LegacyDataTableHeader, style: React.CSSProperties) => (\n <SkeletonHeaderCell\n key={header.id}\n width={header.width \|\| 'auto'}\n style={style}\n isLoading={isLoading}\n />\n ),\n [isLoading],\n );\n\n const renderHeader = useCallback(() => {\n if (!headers) return null;\n\n const styles: FixedColumnInlineStyle[] \| null = generateFixedColumnsStyle();\n const selectionCellStyle = styles ? styles[0].style : {};\n\n return (\n <Head>\n <Row>\n {selectedRowIds && (\n <HeaderCell style={{ width: selectionColumnWidth, ...selectionCellStyle }}>\n {selectionMode === 'multiple' && (\n <Checkbox\n checked={(rows.length > 0 && selectedRowIds?.length === rows.length) \|\| false}\n onChange={handleSelectAll}\n disabled={\n (disabledSelectionInputRowIds && disabledSelectionInputRowIds.length > 0) \|\|\n isLoading \|\|\n isEmpty\n }\n ariaLabel=\"Select all\"\n />\n )}\n </HeaderCell>\n )}\n {headers.map((header, index) => {\n const startHeaderIndex = selectedRowIds ? index + 2 : index + 1;\n const endHeaderIndex = index - headers.length;\n const headerCellStyle = styles?.find(\n (style) => style.index === startHeaderIndex \|\| style.index === endHeaderIndex,\n );\n\n return header.skeleton && (isLoading \|\| isError \|\| isEmpty)\n ? renderSkeletonHeaderCell(header, header.skeletonStyle \|\| {})\n : renderHeaderCell(header, headerCellStyle?.style \|\| {});\n })}\n </Row>\n </Head>\n );\n }, [\n generateFixedColumnsStyle,\n handleSelectAll,\n headers,\n isEmpty,\n isError,\n isLoading,\n renderSkeletonHeaderCell,\n renderHeaderCell,\n rows.length,\n selectedRowIds,\n selectionMode,\n disabledSelectionInputRowIds,\n ]);\n\n const renderSelectionInput = useCallback(\n (isSelected: boolean, row: LegacyDataTableRow) => {\n const inputProps = {\n checked: isSelected,\n onChange: (checked: boolean) => handleSelectRow(checked, row),\n disabled: disabledSelectionInputRowIds?.includes(row.id) \|\| false,\n };\n\n if (selectionMode === 'single') {\n return <Radio {...inputProps} />;\n }\n return <Checkbox {...inputProps} />;\n },\n [handleSelectRow, selectionMode, disabledSelectionInputRowIds],\n );\n\n const renderSkeletonSelectionInput = useCallback(\n (rowIndex?: number) => {\n const generalStyle: React.CSSProperties = {\n width: 18,\n height: 18,\n margin: 3,\n animationDuration: '0s',\n };\n\n if (selectionMode === 'single') {\n return (\n <SkeletonCell\n key={rowIndex === undefined ? null : `radio-skeleton-${rowIndex}`}\n style={{ ...generalStyle, borderRadius: '50%' }}\n />\n );\n }\n return (\n <SkeletonCell\n key={rowIndex === undefined ? null : `checkbox-skeleton-${rowIndex}`}\n style={{ ...generalStyle, borderRadius: '0.25rem' }}\n />\n );\n },\n [selectionMode],\n );\n\n const getNestedRow = useCallback(\n (nestedRow: LegacyDataTableNestedRow, isHidden: boolean) => {\n if (!renderNestedRow) return null;\n\n const content = renderNestedRow(nestedRow);\n if (!content) return null;\n\n const nestedRowE2eClassName = nestedRow?.data?.e2eClassNames?.row \|\| '';\n\n return (\n <Row key={nestedRow.id} className={`${nestedRowE2eClassName} ${isHidden ? 'hidden' : ''}`}>\n {selectedRowIds && <Cell />}\n {content}\n </Row>\n );\n },\n [renderNestedRow, selectedRowIds],\n );\n\n const renderDefaultLoadingRow = useCallback(\n (rowIndex: number) => {\n if (!headers) return <SkeletonCell />;\n\n // Otherwise render a cell for each column\n const cells = headers.map((header) => <SkeletonCell key={`${rowIndex}-${header.id}`} />);\n\n if (selectedRowIds) cells.unshift(renderSkeletonSelectionInput(rowIndex));\n\n return cells;\n },\n [headers, renderSkeletonSelectionInput, selectedRowIds],\n );\n\n const getFooter = () => {\n if (!renderFooterRow) return null;\n if (isLoading && !renderFooterLoadingRow) return null;\n if (!isLoading && isEmpty) return null;\n return (\n <Footer fixedColumnsStyle={convertFixedColumnInlineStyleToStyled(fixedColumnsStyle \|\| [])}>\n <Row>\n {selectedRowIds && !omitFooterSelectionCell && <Cell />}\n {!isLoading && renderFooterRow(rows)}\n {isLoading && renderFooterLoadingRow && renderFooterLoadingRow()}\n </Row>\n </Footer>\n );\n };\n\n let lastStartFixedColumnsIndex = startFixedColumnsNumber;\n\n if (selectedRowIds && lastStartFixedColumnsIndex) lastStartFixedColumnsIndex += 1;\n\n const renderedRows = useMemo(\n () =>\n rows.map((row: LegacyDataTableRow) => {\n const { data } = row;\n const isSelected = selectedRowIds ? selectedRowIds.includes(row.id) : false;\n const isExpanded = expandedRowIds ? expandedRowIds.includes(row.id) : true;\n\n const bodyClassName = data?.e2eClassNames?.body;\n const rowE2eClassName = data?.e2eClassNames?.row ?? '';\n const rowClassName = isSelected ? `selected ${rowE2eClassName}` : `${rowE2eClassName}`;\n\n return (\n <Body\n key={row.id}\n className={bodyClassName}\n fixedColumnsStyle={convertFixedColumnInlineStyleToStyled(fixedColumnsStyle \|\| [])}\n >\n <Row key={row.id} className={rowClassName} accentColor={row.accentColor}>\n {selectedRowIds && <Cell>{renderSelectionInput(isSelected, row)}</Cell>}\n {renderRow(row)}\n </Row>\n {row.nestedRows && row.nestedRows.map((item) => getNestedRow(item, !isExpanded))}\n </Body>\n );\n }),\n [\n rows,\n expandedRowIds,\n fixedColumnsStyle,\n getNestedRow,\n renderRow,\n renderSelectionInput,\n selectedRowIds,\n ],\n );\n\n / Loading state /\n\n if (isLoading) {\n const loadingRows = [];\n\n for (let i = 0; i < skeletonRowsNumber; i += 1) {\n loadingRows.push(\n <Body\n key={`loading-row-${i}`}\n fixedColumnsStyle={convertFixedColumnInlineStyleToStyled(fixedColumnsStyle \|\| [])}\n >\n <Row>\n {renderLoadingRow ? (\n <>\n {selectedRowIds && renderSkeletonSelectionInput()}\n {renderLoadingRow()}\n </>\n ) : (\n renderDefaultLoadingRow(i)\n )}\n </Row>\n </Body>,\n );\n }\n\n return (\n <WrapperComponent\n ref={wrapperRef}\n scrollDisabled\n scrollPosition={scrollPosition}\n lastStartFixedColumnsIndex={lastStartFixedColumnsIndex}\n firstEndFixedColumnsIndex={endFixedColumnsNumber}\n >\n {isHeaderSticky && headers && (\n <StickyHeader\n renderHeader={renderHeader}\n tableRef={tableRef}\n wrapperRef={wrapperRef}\n isFixedLayout={isFixedLayout}\n wrapperStyle={stickyHeaderStyle}\n />\n )}\n <Table\n ref={tableRef}\n striped={striped}\n noWrap={noWrap}\n tableLoading\n isFixedLayout={isFixedLayout}\n >\n {renderHeader()}\n {loadingRows}\n {getFooter()}\n </Table>\n </WrapperComponent>\n );\n }\n\n / Empty & Error states /\n\n if (isEmpty \|\| isError) {\n let specificStateValues: SpecificStateType = defaultEmptyState;\n if (customSpecificState) specificStateValues = customSpecificState;\n else if (isError) specificStateValues = defaultErrorState;\n\n return (\n <WrapperComponent scrollDisabled>\n <Table\n ref={tableRef}\n striped={striped}\n noWrap={noWrap}\n tableLoading={false}\n isFixedLayout={isFixedLayout}\n >\n {renderHeader()}\n {getFooter()}\n </Table>\n <SpecificState height={bodyHeightInSpecificStates} {...specificStateValues} />\n </WrapperComponent>\n );\n }\n\n / Populated state */\n\n return (\n <WrapperComponent\n scrollDisabled={false}\n ref={wrapperRef}\n scrollPosition={scrollPosition}\n lastStartFixedColumnsIndex={lastStartFixedColumnsIndex}\n firstEndFixedColumnsIndex={endFixedColumnsNumber}\n showScrollbar={showScrollbar}\n >\n {isHeaderSticky && headers && (\n <StickyHeader\n renderHeader={renderHeader}\n tableRef={tableRef}\n wrapperRef={wrapperRef}\n isFixedLayout={isFixedLayout}\n wrapperStyle={stickyHeaderStyle}\n />\n )}\n <Table\n ref={tableRef}\n striped={striped}\n noWrap={noWrap}\n tableLoading={false}\n isFixedLayout={isFixedLayout}\n >\n {renderHeader()}\n {renderedRows}\n {getFooter()}\n </Table>\n </WrapperComponent>\n );\n};\n\nLegacyDataTable.Cell = Cell;\nLegacyDataTable.ClickableCell = ClickableCell;\nLegacyDataTable.EditableCell = EditableCell;\nLegacyDataTable.SkeletonCell = SkeletonCell;\nLegacyDataTable.SkeletonContent = SkeletonContent;\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"LegacyDataTable.js","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useCallback, useMemo } from 'react';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\n\nimport { Tooltip } from '../Tooltip';\nimport { theme } from '../../theme';\n\nimport {\n SpecificStateType,\n LegacyDataTableHeader,\n LegacyDataTableId,\n LegacyDataTableProps,\n LegacyDataTableRow,\n LegacyDataTableNestedRow,\n LegacyDataTableSortDirection,\n FixedColumnInlineStyle,\n} from './utils/types';\n\nimport {\n Wrapper,\n WrapperBordered,\n Table,\n Head,\n Body,\n Row,\n Cell,\n HeaderCell,\n HeaderCellLayout,\n Footer,\n TooltipContent,\n} from './styled';\n\nimport { SpecificState } from './SpecificState';\n\nimport { ClickableCell, EditableCell } from './cells';\nimport { SkeletonCell } from './cells/SkeletonCell';\n\nimport { defaultEmptyState, defaultErrorState, ScrollPosition } from './utils/constants';\nimport { StickyHeader } from './StickyHeader';\nimport { convertFixedColumnInlineStyleToStyled } from './utils';\nimport { SkeletonHeaderCell } from './cells/SkeletonHeaderCell';\nimport { SkeletonContent } from './SkeletonContent';\n\nimport { DoubleArrowIcon } from '../../icons/DoubleArrowIcon';\nimport { DoubleArrowAscIcon } from '../../icons/DoubleArrowAscIcon';\nimport { DoubleArrowDescIcon } from '../../icons/DoubleArrowDescIcon';\n\nexport const IconUnsorted = () => (\n <DoubleArrowIcon width={theme.sizes.base} height={theme.sizes.base} color=\"lightgrey\" />\n);\nexport const IconSortAsc = () => (\n <DoubleArrowAscIcon width={theme.sizes.base} height={theme.sizes.base} color=\"lightgrey\" />\n);\nexport const IconSortDesc = () => (\n <DoubleArrowDescIcon width={theme.sizes.base} height={theme.sizes.base} color=\"lightgrey\" />\n);\n\n/*\n @deprecated\n \n Use DataTable instead\n /\nexport const LegacyDataTable = ({\n borderless = false,\n striped = true,\n noWrap = false,\n showScrollbar = false,\n headers,\n rows,\n renderRow,\n renderNestedRow,\n expandedRowIds,\n renderLoadingRow,\n renderFooterRow,\n renderFooterLoadingRow,\n omitFooterSelectionCell = false,\n selectedRowIds,\n disabledSelectionInputRowIds,\n selectionMode = 'multiple',\n onChangeSelectedRowIds,\n sortColumnId,\n sortDirection,\n onChangeSort,\n isError = false,\n isLoading = false,\n skeletonRowsNumber = 5,\n isHeaderSticky = true,\n stickyHeaderStyle,\n customSpecificState,\n bodyHeightInSpecificStates = 375,\n startFixedColumnsNumber,\n endFixedColumnsNumber,\n}: LegacyDataTableProps) => {\n const WrapperComponent = borderless ? Wrapper : WrapperBordered;\n\n const isEmpty = rows ? rows.length === 0 : false;\n const isFixedLayout = Boolean(startFixedColumnsNumber \|\| endFixedColumnsNumber);\n const isFixedColumnsNotEnabled = !startFixedColumnsNumber && !endFixedColumnsNumber;\n\n const tableRef = useRef<HTMLTableElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const selectionColumnWidth = 58;\n\n const [scrollPosition, setScrollPosition] = useState<ScrollPosition>(ScrollPosition.none);\n\n useEffect(() => {\n let refValue: HTMLDivElement \| null = null;\n\n const handleScroll = () => {\n if (!wrapperRef.current \|\| isFixedColumnsNotEnabled) return;\n const el = wrapperRef.current;\n const scrollWidth = el.scrollWidth + 2; // 2 here is 2px which adds by border\n const { scrollLeft } = el;\n const { width } = el.getBoundingClientRect();\n const scrollValue = scrollLeft + width;\n\n if (scrollWidth === width) setScrollPosition(ScrollPosition.none);\n else if (scrollLeft === 0) setScrollPosition(ScrollPosition.start);\n else if (scrollLeft > 0 && scrollValue < scrollWidth)\n setScrollPosition(ScrollPosition.middle);\n else if (scrollValue === scrollWidth) setScrollPosition(ScrollPosition.end);\n };\n\n if (wrapperRef.current) {\n refValue = wrapperRef.current;\n handleScroll();\n wrapperRef.current?.addEventListener('scroll', handleScroll);\n }\n\n return () => {\n refValue?.removeEventListener('scroll', handleScroll);\n };\n }, [tableRef, isFixedColumnsNotEnabled]);\n\n const castWidthToNumber = useCallback((width: number \| string \| undefined): null \| number => {\n if (typeof width === 'string') {\n // eslint-disable-next-line no-console\n console.error(\n \"You can only use a numeric value in the 'width' property when you use fixed columns\",\n );\n return null;\n }\n if (width === undefined) {\n // eslint-disable-next-line no-console\n console.error(\n \"You should provide numeric value in the 'width' attribute in all fixed columns when you use fixed columns\",\n );\n return null;\n }\n\n return width;\n }, []);\n\n const generateFixedColumnInlineStyle = useCallback(\n (index: number, offset: number, side: 'left' \| 'right'): FixedColumnInlineStyle => ({\n index: side === 'left' ? index : -index,\n style: {\n position: 'sticky',\n [side]: offset,\n zIndex: 1,\n },\n }),\n [],\n );\n\n const generateFixedColumnsStyle = useCallback((): FixedColumnInlineStyle[] \| null => {\n if (!headers \|\| isLoading) return null;\n\n const startColumns: FixedColumnInlineStyle[] = [];\n const endColumns: FixedColumnInlineStyle[] = [];\n\n let totalStartOffset = 0;\n let totalEndOffset = 0;\n\n if (startFixedColumnsNumber) {\n if (selectedRowIds) {\n startColumns.push(generateFixedColumnInlineStyle(1, totalStartOffset, 'left'));\n totalStartOffset += selectionColumnWidth;\n }\n\n for (let i = 0; i < startFixedColumnsNumber; i += 1) {\n const headerWidth = castWidthToNumber(headers[i].width);\n if (headerWidth) {\n startColumns.push(\n generateFixedColumnInlineStyle(\n selectedRowIds ? i + 2 : i + 1,\n totalStartOffset,\n 'left',\n ),\n );\n totalStartOffset += headerWidth;\n }\n }\n }\n\n if (endFixedColumnsNumber) {\n for (let i = 0; i < endFixedColumnsNumber; i += 1) {\n const headerWidth = castWidthToNumber(headers.slice(-i - 1)[0].width);\n if (headerWidth) {\n endColumns.push(generateFixedColumnInlineStyle(i + 1, totalEndOffset, 'right'));\n totalEndOffset += headerWidth;\n }\n }\n }\n\n if (startColumns.length === 0 && endColumns.length === 0) return null;\n\n return [...startColumns, ...endColumns];\n }, [\n isLoading,\n castWidthToNumber,\n endFixedColumnsNumber,\n generateFixedColumnInlineStyle,\n headers,\n startFixedColumnsNumber,\n selectedRowIds,\n ]);\n\n const fixedColumnsStyle = useMemo(() => generateFixedColumnsStyle(), [generateFixedColumnsStyle]);\n\n const handleSelectRow = useCallback(\n (checked: boolean, row: LegacyDataTableRow) => {\n if (!selectedRowIds \|\| !onChangeSelectedRowIds) return;\n\n if (checked) {\n if (selectionMode === 'single') {\n onChangeSelectedRowIds([row.id]);\n return;\n }\n onChangeSelectedRowIds([...selectedRowIds, row.id]);\n return;\n }\n\n const newSelectedRowIds = [...selectedRowIds];\n const index = newSelectedRowIds.findIndex((id) => id === row.id);\n newSelectedRowIds.splice(index, 1);\n onChangeSelectedRowIds(newSelectedRowIds);\n },\n [onChangeSelectedRowIds, selectedRowIds, selectionMode],\n );\n\n const handleSelectAll = useCallback(() => {\n if (!selectedRowIds \|\| !onChangeSelectedRowIds) return;\n\n if (selectedRowIds.length === rows.length) {\n onChangeSelectedRowIds([]);\n return;\n }\n\n const rowIds = rows.map((row) => row.id);\n onChangeSelectedRowIds(rowIds);\n }, [onChangeSelectedRowIds, rows, selectedRowIds]);\n\n const handleClickSortableHeader = useCallback(\n (columnId: LegacyDataTableId) => {\n if (sortColumnId === undefined \|\| onChangeSort === undefined) return;\n\n let nextColumnId = sortColumnId;\n let nextDirection: LegacyDataTableSortDirection = 'ascending';\n\n if (sortDirection === 'ascending') {\n nextDirection = 'descending';\n }\n\n if (columnId !== sortColumnId) {\n nextColumnId = columnId;\n nextDirection = 'ascending';\n }\n\n onChangeSort(nextColumnId, nextDirection);\n },\n [onChangeSort, sortColumnId, sortDirection],\n );\n\n const renderHeaderCell = useCallback(\n (header: LegacyDataTableHeader, style: React.CSSProperties) => {\n let className = '';\n let onClick = () => {};\n let sortIcon = <IconUnsorted />;\n const { tooltip, align, icon, title, sortable, id } = header;\n\n if (sortable) {\n className = 'sortable';\n onClick = () => handleClickSortableHeader(id);\n\n if (sortColumnId === id) {\n sortIcon = sortDirection === 'ascending' ? <IconSortAsc /> : <IconSortDesc />;\n }\n }\n\n const headerContents = (\n <HeaderCellLayout align={align}>\n {icon && icon}\n {title && <span>{title}</span>}\n {sortable && sortIcon}\n </HeaderCellLayout>\n );\n\n return (\n <HeaderCell\n key={id}\n id={`data-table-header-${id}`}\n className={className}\n onClick={onClick}\n align={header.align}\n grow={header.grow}\n style={{ width: header.width \|\| 'auto', ...style }}\n >\n {tooltip ? (\n <Tooltip text={tooltip}>\n <TooltipContent>{headerContents}</TooltipContent>\n </Tooltip>\n ) : (\n headerContents\n )}\n </HeaderCell>\n );\n },\n [handleClickSortableHeader, sortColumnId, sortDirection],\n );\n const renderSkeletonHeaderCell = useCallback(\n (header: LegacyDataTableHeader, style: React.CSSProperties) => (\n <SkeletonHeaderCell\n key={header.id}\n width={header.width \|\| 'auto'}\n style={style}\n isLoading={isLoading}\n />\n ),\n [isLoading],\n );\n\n const renderHeader = useCallback(() => {\n if (!headers) return null;\n\n const styles: FixedColumnInlineStyle[] \| null = generateFixedColumnsStyle();\n const selectionCellStyle = styles ? styles[0].style : {};\n\n return (\n <Head>\n <Row>\n {selectedRowIds && (\n <HeaderCell style={{ width: selectionColumnWidth, ...selectionCellStyle }}>\n {selectionMode === 'multiple' && (\n <Checkbox\n checked={(rows.length > 0 && selectedRowIds?.length === rows.length) \|\| false}\n onChange={handleSelectAll}\n disabled={\n (disabledSelectionInputRowIds && disabledSelectionInputRowIds.length > 0) \|\|\n isLoading \|\|\n isEmpty\n }\n ariaLabel=\"Select all\"\n />\n )}\n </HeaderCell>\n )}\n {headers.map((header, index) => {\n const startHeaderIndex = selectedRowIds ? index + 2 : index + 1;\n const endHeaderIndex = index - headers.length;\n const headerCellStyle = styles?.find(\n (style) => style.index === startHeaderIndex \|\| style.index === endHeaderIndex,\n );\n\n return header.skeleton && (isLoading \|\| isError \|\| isEmpty)\n ? renderSkeletonHeaderCell(header, header.skeletonStyle \|\| {})\n : renderHeaderCell(header, headerCellStyle?.style \|\| {});\n })}\n </Row>\n </Head>\n );\n }, [\n generateFixedColumnsStyle,\n handleSelectAll,\n headers,\n isEmpty,\n isError,\n isLoading,\n renderSkeletonHeaderCell,\n renderHeaderCell,\n rows.length,\n selectedRowIds,\n selectionMode,\n disabledSelectionInputRowIds,\n ]);\n\n const renderSelectionInput = useCallback(\n (isSelected: boolean, row: LegacyDataTableRow) => {\n const inputProps = {\n checked: isSelected,\n onChange: (checked: boolean) => handleSelectRow(checked, row),\n disabled: disabledSelectionInputRowIds?.includes(row.id) \|\| false,\n };\n\n if (selectionMode === 'single') {\n return <Radio {...inputProps} />;\n }\n return <Checkbox {...inputProps} />;\n },\n [handleSelectRow, selectionMode, disabledSelectionInputRowIds],\n );\n\n const renderSkeletonSelectionInput = useCallback(\n (rowIndex?: number) => {\n const generalStyle: React.CSSProperties = {\n width: 18,\n height: 18,\n margin: 3,\n animationDuration: '0s',\n };\n\n if (selectionMode === 'single') {\n return (\n <SkeletonCell\n key={rowIndex === undefined ? null : `radio-skeleton-${rowIndex}`}\n style={{ ...generalStyle, borderRadius: '50%' }}\n />\n );\n }\n return (\n <SkeletonCell\n key={rowIndex === undefined ? null : `checkbox-skeleton-${rowIndex}`}\n style={{ ...generalStyle, borderRadius: '0.25rem' }}\n />\n );\n },\n [selectionMode],\n );\n\n const getNestedRow = useCallback(\n (nestedRow: LegacyDataTableNestedRow, isHidden: boolean) => {\n if (!renderNestedRow) return null;\n\n const content = renderNestedRow(nestedRow);\n if (!content) return null;\n\n const nestedRowE2eClassName = nestedRow?.data?.e2eClassNames?.row \|\| '';\n\n return (\n <Row key={nestedRow.id} className={`${nestedRowE2eClassName} ${isHidden ? 'hidden' : ''}`}>\n {selectedRowIds && <Cell />}\n {content}\n </Row>\n );\n },\n [renderNestedRow, selectedRowIds],\n );\n\n const renderDefaultLoadingRow = useCallback(\n (rowIndex: number) => {\n if (!headers) return <SkeletonCell />;\n\n // Otherwise render a cell for each column\n const cells = headers.map((header) => <SkeletonCell key={`${rowIndex}-${header.id}`} />);\n\n if (selectedRowIds) cells.unshift(renderSkeletonSelectionInput(rowIndex));\n\n return cells;\n },\n [headers, renderSkeletonSelectionInput, selectedRowIds],\n );\n\n const getFooter = () => {\n if (!renderFooterRow) return null;\n if (isLoading && !renderFooterLoadingRow) return null;\n if (!isLoading && isEmpty) return null;\n return (\n <Footer fixedColumnsStyle={convertFixedColumnInlineStyleToStyled(fixedColumnsStyle \|\| [])}>\n <Row>\n {selectedRowIds && !omitFooterSelectionCell && <Cell />}\n {!isLoading && renderFooterRow(rows)}\n {isLoading && renderFooterLoadingRow && renderFooterLoadingRow()}\n </Row>\n </Footer>\n );\n };\n\n let lastStartFixedColumnsIndex = startFixedColumnsNumber;\n\n if (selectedRowIds && lastStartFixedColumnsIndex) lastStartFixedColumnsIndex += 1;\n\n const renderedRows = useMemo(\n () =>\n rows.map((row: LegacyDataTableRow) => {\n const { data } = row;\n const isSelected = selectedRowIds ? selectedRowIds.includes(row.id) : false;\n const isExpanded = expandedRowIds ? expandedRowIds.includes(row.id) : true;\n\n const bodyClassName = data?.e2eClassNames?.body;\n const rowE2eClassName = data?.e2eClassNames?.row ?? '';\n const rowClassName = isSelected ? `selected ${rowE2eClassName}` : `${rowE2eClassName}`;\n\n return (\n <Body\n key={row.id}\n className={bodyClassName}\n fixedColumnsStyle={convertFixedColumnInlineStyleToStyled(fixedColumnsStyle \|\| [])}\n >\n <Row key={row.id} className={rowClassName} accentColor={row.accentColor}>\n {selectedRowIds && <Cell>{renderSelectionInput(isSelected, row)}</Cell>}\n {renderRow(row)}\n </Row>\n {row.nestedRows && row.nestedRows.map((item) => getNestedRow(item, !isExpanded))}\n </Body>\n );\n }),\n [\n rows,\n expandedRowIds,\n fixedColumnsStyle,\n getNestedRow,\n renderRow,\n renderSelectionInput,\n selectedRowIds,\n ],\n );\n\n / Loading state /\n\n if (isLoading) {\n const loadingRows = [];\n\n for (let i = 0; i < skeletonRowsNumber; i += 1) {\n loadingRows.push(\n <Body\n key={`loading-row-${i}`}\n fixedColumnsStyle={convertFixedColumnInlineStyleToStyled(fixedColumnsStyle \|\| [])}\n >\n <Row>\n {renderLoadingRow ? (\n <>\n {selectedRowIds && renderSkeletonSelectionInput()}\n {renderLoadingRow()}\n </>\n ) : (\n renderDefaultLoadingRow(i)\n )}\n </Row>\n </Body>,\n );\n }\n\n return (\n <WrapperComponent\n ref={wrapperRef}\n scrollDisabled\n scrollPosition={scrollPosition}\n lastStartFixedColumnsIndex={lastStartFixedColumnsIndex}\n firstEndFixedColumnsIndex={endFixedColumnsNumber}\n >\n {isHeaderSticky && headers && (\n <StickyHeader\n renderHeader={renderHeader}\n tableRef={tableRef}\n wrapperRef={wrapperRef}\n isFixedLayout={isFixedLayout}\n wrapperStyle={stickyHeaderStyle}\n />\n )}\n <Table\n ref={tableRef}\n striped={striped}\n noWrap={noWrap}\n tableLoading\n isFixedLayout={isFixedLayout}\n >\n {renderHeader()}\n {loadingRows}\n {getFooter()}\n </Table>\n </WrapperComponent>\n );\n }\n\n / Empty & Error states /\n\n if (isEmpty \|\| isError) {\n let specificStateValues: SpecificStateType = defaultEmptyState;\n if (customSpecificState) specificStateValues = customSpecificState;\n else if (isError) specificStateValues = defaultErrorState;\n\n return (\n <WrapperComponent scrollDisabled>\n <Table\n ref={tableRef}\n striped={striped}\n noWrap={noWrap}\n tableLoading={false}\n isFixedLayout={isFixedLayout}\n >\n {renderHeader()}\n {getFooter()}\n </Table>\n <SpecificState height={bodyHeightInSpecificStates} {...specificStateValues} />\n </WrapperComponent>\n );\n }\n\n / Populated state */\n\n return (\n <WrapperComponent\n scrollDisabled={false}\n ref={wrapperRef}\n scrollPosition={scrollPosition}\n lastStartFixedColumnsIndex={lastStartFixedColumnsIndex}\n firstEndFixedColumnsIndex={endFixedColumnsNumber}\n showScrollbar={showScrollbar}\n >\n {isHeaderSticky && headers && (\n <StickyHeader\n renderHeader={renderHeader}\n tableRef={tableRef}\n wrapperRef={wrapperRef}\n isFixedLayout={isFixedLayout}\n wrapperStyle={stickyHeaderStyle}\n />\n )}\n <Table\n ref={tableRef}\n striped={striped}\n noWrap={noWrap}\n tableLoading={false}\n isFixedLayout={isFixedLayout}\n >\n {renderHeader()}\n {renderedRows}\n {getFooter()}\n </Table>\n </WrapperComponent>\n );\n};\n\nLegacyDataTable.Cell = Cell;\nLegacyDataTable.ClickableCell = ClickableCell;\nLegacyDataTable.EditableCell = EditableCell;\nLegacyDataTable.SkeletonCell = SkeletonCell;\nLegacyDataTable.SkeletonContent = SkeletonContent;\n"],"names":["React"],"mappings":"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"}

package/dist/components/LegacyDataTable/utils/constants.cjs CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
 var React = require('react');
-var CalendarIcon = require('../../../tempIcons/CalendarIcon.cjs');
-var FailIcon = require('../../../tempIcons/FailIcon.cjs');
+var CalendarIcon = require('../../../icons/CalendarIcon.cjs');
+var FailIcon = require('../../../icons/FailIcon.cjs');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/dist/components/LegacyDataTable/utils/constants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.cjs","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":["import React from 'react';\nimport { CalendarIcon } from '../../../~~tempIcons~~/CalendarIcon';\nimport { SpecificStateType } from './types';\nimport { FailIcon } from '../../../~~tempIcons~~/FailIcon';\n\nconst iconSize = { width: 64, height: 64 };\n\nexport const defaultEmptyState: SpecificStateType = {\n icon: <CalendarIcon {...iconSize} />,\n title: 'No data found',\n};\n\nexport const defaultErrorState: SpecificStateType = {\n icon: <FailIcon {...iconSize} />,\n title: 'An error occurred when creating the table',\n subTitle:\n \"Please, try reloading the page once. If this doesn't solve the problem, contact support\",\n};\n\nexport enum ScrollPosition {\n start = 'start',\n middle = 'middle',\n end = 'End',\n none = 'none',\n}\n"],"names":["React","CalendarIcon","FailIcon","ScrollPosition"],"mappings":";;;;;;;;;;AAKA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AAE7B,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,sBAAA,CAAA,aAAA,CAACC,yBAAY,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AACpC,IAAA,KAAK,EAAE,eAAe;;AAGX,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAED,sBAAA,CAAA,aAAA,CAACE,iBAAQ,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AAChC,IAAA,KAAK,EAAE,2CAA2C;AAClD,IAAA,QAAQ,EACN,yFAAyF;;AAGjFC;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALWA,sBAAc,KAAdA,sBAAc,GAKzB,EAAA,CAAA,CAAA;;;;;"}
1	+ {"version":3,"file":"constants.cjs","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":["import React from 'react';\nimport { CalendarIcon } from '../../../icons/CalendarIcon';\nimport { SpecificStateType } from './types';\nimport { FailIcon } from '../../../icons/FailIcon';\n\nconst iconSize = { width: 64, height: 64 };\n\nexport const defaultEmptyState: SpecificStateType = {\n icon: <CalendarIcon {...iconSize} />,\n title: 'No data found',\n};\n\nexport const defaultErrorState: SpecificStateType = {\n icon: <FailIcon {...iconSize} />,\n title: 'An error occurred when creating the table',\n subTitle:\n \"Please, try reloading the page once. If this doesn't solve the problem, contact support\",\n};\n\nexport enum ScrollPosition {\n start = 'start',\n middle = 'middle',\n end = 'End',\n none = 'none',\n}\n"],"names":["React","CalendarIcon","FailIcon","ScrollPosition"],"mappings":";;;;;;;;;;AAKA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AAE7B,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,sBAAA,CAAA,aAAA,CAACC,yBAAY,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AACpC,IAAA,KAAK,EAAE,eAAe;;AAGX,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAED,sBAAA,CAAA,aAAA,CAACE,iBAAQ,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AAChC,IAAA,KAAK,EAAE,2CAA2C;AAClD,IAAA,QAAQ,EACN,yFAAyF;;AAGjFC;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALWA,sBAAc,KAAdA,sBAAc,GAKzB,EAAA,CAAA,CAAA;;;;;"}

package/dist/components/LegacyDataTable/utils/constants.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { CalendarIcon } from '../../../tempIcons/CalendarIcon.js';
-import { FailIcon } from '../../../tempIcons/FailIcon.js';
+import { CalendarIcon } from '../../../icons/CalendarIcon.js';
+import { FailIcon } from '../../../icons/FailIcon.js';
 const iconSize = { width: 64, height: 64 };
 const defaultEmptyState = {

package/dist/components/LegacyDataTable/utils/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":["import React from 'react';\nimport { CalendarIcon } from '../../../~~tempIcons~~/CalendarIcon';\nimport { SpecificStateType } from './types';\nimport { FailIcon } from '../../../~~tempIcons~~/FailIcon';\n\nconst iconSize = { width: 64, height: 64 };\n\nexport const defaultEmptyState: SpecificStateType = {\n icon: <CalendarIcon {...iconSize} />,\n title: 'No data found',\n};\n\nexport const defaultErrorState: SpecificStateType = {\n icon: <FailIcon {...iconSize} />,\n title: 'An error occurred when creating the table',\n subTitle:\n \"Please, try reloading the page once. If this doesn't solve the problem, contact support\",\n};\n\nexport enum ScrollPosition {\n start = 'start',\n middle = 'middle',\n end = 'End',\n none = 'none',\n}\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AAE7B,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AACpC,IAAA,KAAK,EAAE,eAAe;;AAGX,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AAChC,IAAA,KAAK,EAAE,2CAA2C;AAClD,IAAA,QAAQ,EACN,yFAAyF;;IAGjF;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALW,cAAc,KAAd,cAAc,GAKzB,EAAA,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../src/components/LegacyDataTable/utils/constants.tsx"],"sourcesContent":["import React from 'react';\nimport { CalendarIcon } from '../../../icons/CalendarIcon';\nimport { SpecificStateType } from './types';\nimport { FailIcon } from '../../../icons/FailIcon';\n\nconst iconSize = { width: 64, height: 64 };\n\nexport const defaultEmptyState: SpecificStateType = {\n icon: <CalendarIcon {...iconSize} />,\n title: 'No data found',\n};\n\nexport const defaultErrorState: SpecificStateType = {\n icon: <FailIcon {...iconSize} />,\n title: 'An error occurred when creating the table',\n subTitle:\n \"Please, try reloading the page once. If this doesn't solve the problem, contact support\",\n};\n\nexport enum ScrollPosition {\n start = 'start',\n middle = 'middle',\n end = 'End',\n none = 'none',\n}\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AAE7B,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AACpC,IAAA,KAAK,EAAE,eAAe;;AAGX,MAAA,iBAAiB,GAAsB;AAClD,IAAA,IAAI,EAAEA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,QAAQ,EAAI,CAAA;AAChC,IAAA,KAAK,EAAE,2CAA2C;AAClD,IAAA,QAAQ,EACN,yFAAyF;;IAGjF;AAAZ,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,cAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,cAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALW,cAAc,KAAd,cAAc,GAKzB,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Modal/Modal.cjs CHANGED Viewed

@@ -56,7 +56,7 @@ const Modal = (props) => {
     };
     return (React__default.default.createElement(framerMotion.AnimatePresence, null, shouldShow && (React__default.default.createElement("div", { "data-testid": "dialog-wrapper", style: { position: 'absolute' } },
         React__default.default.createElement(styled.NonScrollableBody, null),
-        React__default.default.createElement(Dialog.Dialog, { displayMode: displayMode, variant: variant, ref: modalRef, onClose: handleClose, onKeyDown: preventClose ? utils.preventDefaultEventOnESC : handleKeyDown, onClick: handleBackdropClick, ...rest, "aria-describedby": "modal_title", appearance: (types.isSideDraw(props) && props.appearance) || 'primary' },
+        React__default.default.createElement(Dialog.Dialog, { "data-dialog-type": "modal", displayMode: displayMode, variant: variant, ref: modalRef, onClose: handleClose, onKeyDown: preventClose ? utils.preventDefaultEventOnESC : handleKeyDown, onClick: handleBackdropClick, ...rest, "aria-describedby": "modal_title", appearance: (types.isSideDraw(props) && props.appearance) || 'primary' },
             React__default.default.createElement(Card.Card.Surface, null,
                 types.hasHeaderSlot(props) ? (props.headerSlot) : (React__default.default.createElement(CardHeader.CardHeader, { id: "modal_title", headerVariant: "headingLarge", title: props.headerTitle, subtitle: props.headerSubtitle, ...(showHeaderCloseButton && { onClickClose: handleClose }) })),
                 React__default.default.createElement(styled.MainSection, { onScroll: onScroll, ref: setMainSectionRef, isScrollable: isContentOverflowing, fullBleed: fullBleed }, children),

package/dist/components/Modal/Modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React, { useEffect, useRef, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\n\nimport { MainSection, NonScrollableBody } from './components/styled';\nimport { ModalProps, hasFooterSlot, hasHeaderSlot, isSideDraw } from './types';\nimport { Dialog } from './components/Dialog/Dialog';\n\nimport { useIsOverflowing } from '../../hooks/useIsOverflowing';\nimport { Button } from '../Button';\nimport { Card } from '../Card';\nimport { CardHeader } from '../CardHeader';\nimport { Stack } from '../Stack';\nimport { preventDefaultEventOnESC } from './utils';\n\nexport const Modal = (props: ModalProps) => {\n const {\n shouldShow,\n showHeaderCloseButton = true,\n preventClose = false,\n displayMode = 'modal',\n fullBleed = false,\n variant = 'base',\n onClose: parentOnClose,\n children,\n ...rest\n } = props;\n\n const modalRef = useRef<HTMLDialogElement \| null>(null);\n const [mainSectionRef, setMainSectionRef] = useState<HTMLElement \| null>(null);\n\n useEffect(() => {\n if (shouldShow) {\n modalRef.current?.removeAttribute('open'); // Allows for conditional rendering.\n modalRef.current?.showModal();\n }\n }, [shouldShow]);\n\n const { isOverflowing: isContentOverflowing, onScroll } = useIsOverflowing(mainSectionRef);\n\n const handleClose = () => {\n if (preventClose) return;\n\n const result = parentOnClose();\n if (result === false) return; // Otherwise close on void, or true.\n\n modalRef.current?.close();\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDialogElement>) => {\n if (e.key === 'Escape') {\n e.preventDefault(); // Prevent default ESC behavior\n\n // Don't close if this is the top level and there are other dialogs open\n const openDialogs = document.querySelectorAll('dialog[open]');\n if (openDialogs.length > 1 && modalRef.current === openDialogs[0]) return;\n\n handleClose();\n }\n };\n\n const handleBackdropClick = async (e: React.MouseEvent<HTMLDialogElement>) => {\n if (displayMode === 'modal') return;\n if (e.target === modalRef.current) handleClose();\n };\n\n return (\n <AnimatePresence>\n {shouldShow && (\n <div data-testid=\"dialog-wrapper\" style={{ position: 'absolute' }}>\n <NonScrollableBody />\n <Dialog\n displayMode={displayMode}\n variant={variant}\n ref={modalRef}\n onClose={handleClose}\n onKeyDown={preventClose ? preventDefaultEventOnESC : handleKeyDown}\n onClick={handleBackdropClick}\n {...rest}\n aria-describedby=\"modal_title\"\n appearance={(isSideDraw(props) && props.appearance) \|\| 'primary'}\n >\n <Card.Surface>\n {hasHeaderSlot(props) ? (\n props.headerSlot\n ) : (\n <CardHeader\n id=\"modal_title\"\n headerVariant=\"headingLarge\"\n title={props.headerTitle}\n subtitle={props.headerSubtitle}\n {...(showHeaderCloseButton && { onClickClose: handleClose })}\n />\n )}\n\n <MainSection\n onScroll={onScroll}\n ref={setMainSectionRef}\n isScrollable={isContentOverflowing}\n fullBleed={fullBleed}\n >\n {children}\n </MainSection>\n\n {hasFooterSlot(props) && props.footerSlot}\n\n {!hasFooterSlot(props) && (props.leftActions \|\| props.rightActions) && (\n <Card.Footer>\n <Stack direction=\"horizontal\" alignX={props.leftActions ? 'between' : 'end'}>\n {props.leftActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"start\"\n data-testid=\"left-actions-container\"\n >\n {props.leftActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n {props.rightActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n data-testid=\"right-actions-container\"\n >\n {props.rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n </Stack>\n </Card.Footer>\n )}\n </Card.Surface>\n </Dialog>\n </div>\n )}\n </AnimatePresence>\n );\n};\n"],"names":["useRef","useState","useEffect","useIsOverflowing","React","AnimatePresence","NonScrollableBody","Dialog","preventDefaultEventOnESC","isSideDraw","Card","hasHeaderSlot","CardHeader","MainSection","hasFooterSlot","Stack","Button"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAea,MAAA,KAAK,GAAG,CAAC,KAAiB,KAAI;AACzC,IAAA,MAAM,EACJ,UAAU,EACV,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,OAAO,EACrB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,MAAM,EAChB,OAAO,EAAE,aAAa,EACtB,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK;AAET,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAA2B,IAAI,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAqB,IAAI,CAAC;IAE9EC,eAAS,CAAC,MAAK;;AACb,QAAA,IAAI,UAAU,EAAE;YACd,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,eAAe,CAAC,MAAM,CAAC,CAAC;AAC1C,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,SAAS,EAAE;AAC9B;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AAEhB,IAAA,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,GAAGC,iCAAgB,CAAC,cAAc,CAAC;IAE1F,MAAM,WAAW,GAAG,MAAK;;AACvB,QAAA,IAAI,YAAY;YAAE;AAElB,QAAA,MAAM,MAAM,GAAG,aAAa,EAAE;QAC9B,IAAI,MAAM,KAAK,KAAK;AAAE,YAAA,OAAO;AAE7B,QAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAC3B,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,CAAyC,KAAI;AAClE,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,CAAC,CAAC,cAAc,EAAE,CAAC;;YAGnB,MAAM,WAAW,GAAG,QAAQ,CAAC,gBAAgB,CAAC,cAAc,CAAC;AAC7D,YAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC;gBAAE;AAEnE,YAAA,WAAW,EAAE;AACd;AACH,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,OAAO,CAAsC,KAAI;QAC3E,IAAI,WAAW,KAAK,OAAO;YAAE;AAC7B,QAAA,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO;AAAE,YAAA,WAAW,EAAE;AAClD,KAAC;AAED,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,4BAAe,EACb,IAAA,EAAA,UAAU,KACTD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,gBAAgB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA;AAC/D,QAAAA,sBAAA,CAAA,aAAA,CAACE,wBAAiB,EAAG,IAAA,CAAA;QACrBF,sBAAC,CAAA,aAAA,CAAAG,aAAM,~~IACL~~,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,YAAY,GAAGC,8BAAwB,GAAG,aAAa,EAClE,OAAO,EAAE,mBAAmB,~~EACxB~~,~~GAAA~~,IAAI,~~EACS~~,kBAAA,~~EAAA~~,aAAa,EAC9B,UAAU,EAAE,CAACC,gBAAU,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,EAAA;YAEhEL,sBAAC,CAAA,aAAA,CAAAM,SAAI,CAAC,OAAO,EAAA,IAAA;gBACVC,mBAAa,CAAC,KAAK,CAAC,IACnB,KAAK,CAAC,UAAU,KAEhBP,sBAAC,CAAA,aAAA,CAAAQ,qBAAU,IACT,EAAE,EAAC,aAAa,EAChB,aAAa,EAAC,cAAc,EAC5B,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,cAAc,MACzB,qBAAqB,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,EAAA,CAC5D,CACH;AAED,gBAAAR,sBAAA,CAAA,aAAA,CAACS,kBAAW,EACV,EAAA,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,iBAAiB,EACtB,YAAY,EAAE,oBAAoB,EAClC,SAAS,EAAE,SAAS,EAAA,EAEnB,QAAQ,CACG;AAEb,gBAAAC,mBAAa,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU;AAExC,gBAAA,CAACA,mBAAa,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,YAAY,CAAC,KACjEV,sBAAC,CAAA,aAAA,CAAAM,SAAI,CAAC,MAAM,EAAA,IAAA;AACV,oBAAAN,sBAAA,CAAA,aAAA,CAACW,WAAK,EAAC,EAAA,SAAS,EAAC,YAAY,EAAC,MAAM,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,GAAG,KAAK,EAAA;wBACxE,KAAK,CAAC,WAAW,KAChBX,sBAAA,CAAA,aAAA,CAACW,WAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,OAAO,EAAA,aAAA,EACF,wBAAwB,EAAA,EAEnC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAC/CX,sBAAC,CAAA,aAAA,CAAAY,aAAM,EAAC,EAAA,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA,GAAK,WAAW,EAAA,EAC9C,KAAK,CACC,CACV,CAAC,CACI,CACT;AACA,wBAAA,KAAK,CAAC,YAAY,KACjBZ,sBAAC,CAAA,aAAA,CAAAW,WAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,KAAK,EACA,aAAA,EAAA,yBAAyB,EAEpC,EAAA,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAChDX,sBAAA,CAAA,aAAA,CAACY,aAAM,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA,GAAK,WAAW,EAAA,EAC9C,KAAK,CACC,CACV,CAAC,CACI,CACT,CACK,CACI,CACf,CACY,CACR,CACL,CACP,CACe;AAEtB;;;;"}
1	+ {"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React, { useEffect, useRef, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\n\nimport { MainSection, NonScrollableBody } from './components/styled';\nimport { ModalProps, hasFooterSlot, hasHeaderSlot, isSideDraw } from './types';\nimport { Dialog } from './components/Dialog/Dialog';\n\nimport { useIsOverflowing } from '../../hooks/useIsOverflowing';\nimport { Button } from '../Button';\nimport { Card } from '../Card';\nimport { CardHeader } from '../CardHeader';\nimport { Stack } from '../Stack';\nimport { preventDefaultEventOnESC } from './utils';\n\nexport const Modal = (props: ModalProps) => {\n const {\n shouldShow,\n showHeaderCloseButton = true,\n preventClose = false,\n displayMode = 'modal',\n fullBleed = false,\n variant = 'base',\n onClose: parentOnClose,\n children,\n ...rest\n } = props;\n\n const modalRef = useRef<HTMLDialogElement \| null>(null);\n const [mainSectionRef, setMainSectionRef] = useState<HTMLElement \| null>(null);\n\n useEffect(() => {\n if (shouldShow) {\n modalRef.current?.removeAttribute('open'); // Allows for conditional rendering.\n modalRef.current?.showModal();\n }\n }, [shouldShow]);\n\n const { isOverflowing: isContentOverflowing, onScroll } = useIsOverflowing(mainSectionRef);\n\n const handleClose = () => {\n if (preventClose) return;\n\n const result = parentOnClose();\n if (result === false) return; // Otherwise close on void, or true.\n\n modalRef.current?.close();\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDialogElement>) => {\n if (e.key === 'Escape') {\n e.preventDefault(); // Prevent default ESC behavior\n\n // Don't close if this is the top level and there are other dialogs open\n const openDialogs = document.querySelectorAll('dialog[open]');\n if (openDialogs.length > 1 && modalRef.current === openDialogs[0]) return;\n\n handleClose();\n }\n };\n\n const handleBackdropClick = async (e: React.MouseEvent<HTMLDialogElement>) => {\n if (displayMode === 'modal') return;\n if (e.target === modalRef.current) handleClose();\n };\n\n return (\n <AnimatePresence>\n {shouldShow && (\n <div data-testid=\"dialog-wrapper\" style={{ position: 'absolute' }}>\n <NonScrollableBody />\n <Dialog\n data-dialog-type=\"modal\"\n displayMode={displayMode}\n variant={variant}\n ref={modalRef}\n onClose={handleClose}\n onKeyDown={preventClose ? preventDefaultEventOnESC : handleKeyDown}\n onClick={handleBackdropClick}\n {...rest}\n aria-describedby=\"modal_title\"\n appearance={(isSideDraw(props) && props.appearance) \|\| 'primary'}\n >\n <Card.Surface>\n {hasHeaderSlot(props) ? (\n props.headerSlot\n ) : (\n <CardHeader\n id=\"modal_title\"\n headerVariant=\"headingLarge\"\n title={props.headerTitle}\n subtitle={props.headerSubtitle}\n {...(showHeaderCloseButton && { onClickClose: handleClose })}\n />\n )}\n\n <MainSection\n onScroll={onScroll}\n ref={setMainSectionRef}\n isScrollable={isContentOverflowing}\n fullBleed={fullBleed}\n >\n {children}\n </MainSection>\n\n {hasFooterSlot(props) && props.footerSlot}\n\n {!hasFooterSlot(props) && (props.leftActions \|\| props.rightActions) && (\n <Card.Footer>\n <Stack direction=\"horizontal\" alignX={props.leftActions ? 'between' : 'end'}>\n {props.leftActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"start\"\n data-testid=\"left-actions-container\"\n >\n {props.leftActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n {props.rightActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n data-testid=\"right-actions-container\"\n >\n {props.rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n </Stack>\n </Card.Footer>\n )}\n </Card.Surface>\n </Dialog>\n </div>\n )}\n </AnimatePresence>\n );\n};\n"],"names":["useRef","useState","useEffect","useIsOverflowing","React","AnimatePresence","NonScrollableBody","Dialog","preventDefaultEventOnESC","isSideDraw","Card","hasHeaderSlot","CardHeader","MainSection","hasFooterSlot","Stack","Button"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAea,MAAA,KAAK,GAAG,CAAC,KAAiB,KAAI;AACzC,IAAA,MAAM,EACJ,UAAU,EACV,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,OAAO,EACrB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,MAAM,EAChB,OAAO,EAAE,aAAa,EACtB,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK;AAET,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAA2B,IAAI,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAqB,IAAI,CAAC;IAE9EC,eAAS,CAAC,MAAK;;AACb,QAAA,IAAI,UAAU,EAAE;YACd,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,eAAe,CAAC,MAAM,CAAC,CAAC;AAC1C,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,SAAS,EAAE;AAC9B;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AAEhB,IAAA,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,GAAGC,iCAAgB,CAAC,cAAc,CAAC;IAE1F,MAAM,WAAW,GAAG,MAAK;;AACvB,QAAA,IAAI,YAAY;YAAE;AAElB,QAAA,MAAM,MAAM,GAAG,aAAa,EAAE;QAC9B,IAAI,MAAM,KAAK,KAAK;AAAE,YAAA,OAAO;AAE7B,QAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAC3B,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,CAAyC,KAAI;AAClE,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,CAAC,CAAC,cAAc,EAAE,CAAC;;YAGnB,MAAM,WAAW,GAAG,QAAQ,CAAC,gBAAgB,CAAC,cAAc,CAAC;AAC7D,YAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC;gBAAE;AAEnE,YAAA,WAAW,EAAE;AACd;AACH,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,OAAO,CAAsC,KAAI;QAC3E,IAAI,WAAW,KAAK,OAAO;YAAE;AAC7B,QAAA,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO;AAAE,YAAA,WAAW,EAAE;AAClD,KAAC;AAED,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,4BAAe,EACb,IAAA,EAAA,UAAU,KACTD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,gBAAgB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA;AAC/D,QAAAA,sBAAA,CAAA,aAAA,CAACE,wBAAiB,EAAG,IAAA,CAAA;QACrBF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EACY,EAAA,kBAAA,EAAA,OAAO,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,YAAY,GAAGC,8BAAwB,GAAG,aAAa,EAClE,OAAO,EAAE,mBAAmB,EAAA,GACxB,IAAI,EAAA,kBAAA,EACS,aAAa,EAC9B,UAAU,EAAE,CAACC,gBAAU,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,EAAA;YAEhEL,sBAAC,CAAA,aAAA,CAAAM,SAAI,CAAC,OAAO,EAAA,IAAA;gBACVC,mBAAa,CAAC,KAAK,CAAC,IACnB,KAAK,CAAC,UAAU,KAEhBP,sBAAC,CAAA,aAAA,CAAAQ,qBAAU,IACT,EAAE,EAAC,aAAa,EAChB,aAAa,EAAC,cAAc,EAC5B,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,cAAc,MACzB,qBAAqB,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,EAAA,CAC5D,CACH;AAED,gBAAAR,sBAAA,CAAA,aAAA,CAACS,kBAAW,EACV,EAAA,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,iBAAiB,EACtB,YAAY,EAAE,oBAAoB,EAClC,SAAS,EAAE,SAAS,EAAA,EAEnB,QAAQ,CACG;AAEb,gBAAAC,mBAAa,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU;AAExC,gBAAA,CAACA,mBAAa,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,YAAY,CAAC,KACjEV,sBAAC,CAAA,aAAA,CAAAM,SAAI,CAAC,MAAM,EAAA,IAAA;AACV,oBAAAN,sBAAA,CAAA,aAAA,CAACW,WAAK,EAAC,EAAA,SAAS,EAAC,YAAY,EAAC,MAAM,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,GAAG,KAAK,EAAA;wBACxE,KAAK,CAAC,WAAW,KAChBX,sBAAA,CAAA,aAAA,CAACW,WAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,OAAO,EAAA,aAAA,EACF,wBAAwB,EAAA,EAEnC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAC/CX,sBAAC,CAAA,aAAA,CAAAY,aAAM,EAAC,EAAA,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA,GAAK,WAAW,EAAA,EAC9C,KAAK,CACC,CACV,CAAC,CACI,CACT;AACA,wBAAA,KAAK,CAAC,YAAY,KACjBZ,sBAAC,CAAA,aAAA,CAAAW,WAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,KAAK,EACA,aAAA,EAAA,yBAAyB,EAEpC,EAAA,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAChDX,sBAAA,CAAA,aAAA,CAACY,aAAM,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA,GAAK,WAAW,EAAA,EAC9C,KAAK,CACC,CACV,CAAC,CACI,CACT,CACK,CACI,CACf,CACY,CACR,CACL,CACP,CACe;AAEtB;;;;"}

package/dist/components/Modal/Modal.js CHANGED Viewed

@@ -50,7 +50,7 @@ const Modal = (props) => {
     };
     return (React__default.createElement(AnimatePresence, null, shouldShow && (React__default.createElement("div", { "data-testid": "dialog-wrapper", style: { position: 'absolute' } },
         React__default.createElement(NonScrollableBody, null),
-        React__default.createElement(Dialog, { displayMode: displayMode, variant: variant, ref: modalRef, onClose: handleClose, onKeyDown: preventClose ? preventDefaultEventOnESC : handleKeyDown, onClick: handleBackdropClick, ...rest, "aria-describedby": "modal_title", appearance: (isSideDraw(props) && props.appearance) || 'primary' },
+        React__default.createElement(Dialog, { "data-dialog-type": "modal", displayMode: displayMode, variant: variant, ref: modalRef, onClose: handleClose, onKeyDown: preventClose ? preventDefaultEventOnESC : handleKeyDown, onClick: handleBackdropClick, ...rest, "aria-describedby": "modal_title", appearance: (isSideDraw(props) && props.appearance) || 'primary' },
             React__default.createElement(Card.Surface, null,
                 hasHeaderSlot(props) ? (props.headerSlot) : (React__default.createElement(CardHeader, { id: "modal_title", headerVariant: "headingLarge", title: props.headerTitle, subtitle: props.headerSubtitle, ...(showHeaderCloseButton && { onClickClose: handleClose }) })),
                 React__default.createElement(MainSection, { onScroll: onScroll, ref: setMainSectionRef, isScrollable: isContentOverflowing, fullBleed: fullBleed }, children),

package/dist/components/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React, { useEffect, useRef, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\n\nimport { MainSection, NonScrollableBody } from './components/styled';\nimport { ModalProps, hasFooterSlot, hasHeaderSlot, isSideDraw } from './types';\nimport { Dialog } from './components/Dialog/Dialog';\n\nimport { useIsOverflowing } from '../../hooks/useIsOverflowing';\nimport { Button } from '../Button';\nimport { Card } from '../Card';\nimport { CardHeader } from '../CardHeader';\nimport { Stack } from '../Stack';\nimport { preventDefaultEventOnESC } from './utils';\n\nexport const Modal = (props: ModalProps) => {\n const {\n shouldShow,\n showHeaderCloseButton = true,\n preventClose = false,\n displayMode = 'modal',\n fullBleed = false,\n variant = 'base',\n onClose: parentOnClose,\n children,\n ...rest\n } = props;\n\n const modalRef = useRef<HTMLDialogElement \| null>(null);\n const [mainSectionRef, setMainSectionRef] = useState<HTMLElement \| null>(null);\n\n useEffect(() => {\n if (shouldShow) {\n modalRef.current?.removeAttribute('open'); // Allows for conditional rendering.\n modalRef.current?.showModal();\n }\n }, [shouldShow]);\n\n const { isOverflowing: isContentOverflowing, onScroll } = useIsOverflowing(mainSectionRef);\n\n const handleClose = () => {\n if (preventClose) return;\n\n const result = parentOnClose();\n if (result === false) return; // Otherwise close on void, or true.\n\n modalRef.current?.close();\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDialogElement>) => {\n if (e.key === 'Escape') {\n e.preventDefault(); // Prevent default ESC behavior\n\n // Don't close if this is the top level and there are other dialogs open\n const openDialogs = document.querySelectorAll('dialog[open]');\n if (openDialogs.length > 1 && modalRef.current === openDialogs[0]) return;\n\n handleClose();\n }\n };\n\n const handleBackdropClick = async (e: React.MouseEvent<HTMLDialogElement>) => {\n if (displayMode === 'modal') return;\n if (e.target === modalRef.current) handleClose();\n };\n\n return (\n <AnimatePresence>\n {shouldShow && (\n <div data-testid=\"dialog-wrapper\" style={{ position: 'absolute' }}>\n <NonScrollableBody />\n <Dialog\n displayMode={displayMode}\n variant={variant}\n ref={modalRef}\n onClose={handleClose}\n onKeyDown={preventClose ? preventDefaultEventOnESC : handleKeyDown}\n onClick={handleBackdropClick}\n {...rest}\n aria-describedby=\"modal_title\"\n appearance={(isSideDraw(props) && props.appearance) \|\| 'primary'}\n >\n <Card.Surface>\n {hasHeaderSlot(props) ? (\n props.headerSlot\n ) : (\n <CardHeader\n id=\"modal_title\"\n headerVariant=\"headingLarge\"\n title={props.headerTitle}\n subtitle={props.headerSubtitle}\n {...(showHeaderCloseButton && { onClickClose: handleClose })}\n />\n )}\n\n <MainSection\n onScroll={onScroll}\n ref={setMainSectionRef}\n isScrollable={isContentOverflowing}\n fullBleed={fullBleed}\n >\n {children}\n </MainSection>\n\n {hasFooterSlot(props) && props.footerSlot}\n\n {!hasFooterSlot(props) && (props.leftActions \|\| props.rightActions) && (\n <Card.Footer>\n <Stack direction=\"horizontal\" alignX={props.leftActions ? 'between' : 'end'}>\n {props.leftActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"start\"\n data-testid=\"left-actions-container\"\n >\n {props.leftActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n {props.rightActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n data-testid=\"right-actions-container\"\n >\n {props.rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n </Stack>\n </Card.Footer>\n )}\n </Card.Surface>\n </Dialog>\n </div>\n )}\n </AnimatePresence>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAAA;AAea,MAAA,KAAK,GAAG,CAAC,KAAiB,KAAI;AACzC,IAAA,MAAM,EACJ,UAAU,EACV,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,OAAO,EACrB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,MAAM,EAChB,OAAO,EAAE,aAAa,EACtB,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK;AAET,IAAA,MAAM,QAAQ,GAAG,MAAM,CAA2B,IAAI,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC;IAE9E,SAAS,CAAC,MAAK;;AACb,QAAA,IAAI,UAAU,EAAE;YACd,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,eAAe,CAAC,MAAM,CAAC,CAAC;AAC1C,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,SAAS,EAAE;AAC9B;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;AAEhB,IAAA,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC,cAAc,CAAC;IAE1F,MAAM,WAAW,GAAG,MAAK;;AACvB,QAAA,IAAI,YAAY;YAAE;AAElB,QAAA,MAAM,MAAM,GAAG,aAAa,EAAE;QAC9B,IAAI,MAAM,KAAK,KAAK;AAAE,YAAA,OAAO;AAE7B,QAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAC3B,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,CAAyC,KAAI;AAClE,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,CAAC,CAAC,cAAc,EAAE,CAAC;;YAGnB,MAAM,WAAW,GAAG,QAAQ,CAAC,gBAAgB,CAAC,cAAc,CAAC;AAC7D,YAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC;gBAAE;AAEnE,YAAA,WAAW,EAAE;AACd;AACH,KAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,OAAO,CAAsC,KAAI;QAC3E,IAAI,WAAW,KAAK,OAAO;YAAE;AAC7B,QAAA,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO;AAAE,YAAA,WAAW,EAAE;AAClD,KAAC;AAED,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,eAAe,EACb,IAAA,EAAA,UAAU,KACTA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,gBAAgB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA;AAC/D,QAAAA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAG,IAAA,CAAA;QACrBA,cAAC,CAAA,aAAA,CAAA,MAAM,~~IACL~~,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,YAAY,GAAG,wBAAwB,GAAG,aAAa,EAClE,OAAO,EAAE,mBAAmB,~~EACxB~~,~~GAAA~~,IAAI,~~EACS~~,kBAAA,~~EAAA~~,aAAa,EAC9B,UAAU,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,EAAA;YAEhEA,cAAC,CAAA,aAAA,CAAA,IAAI,CAAC,OAAO,EAAA,IAAA;gBACV,aAAa,CAAC,KAAK,CAAC,IACnB,KAAK,CAAC,UAAU,KAEhBA,cAAC,CAAA,aAAA,CAAA,UAAU,IACT,EAAE,EAAC,aAAa,EAChB,aAAa,EAAC,cAAc,EAC5B,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,cAAc,MACzB,qBAAqB,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,EAAA,CAC5D,CACH;AAED,gBAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EACV,EAAA,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,iBAAiB,EACtB,YAAY,EAAE,oBAAoB,EAClC,SAAS,EAAE,SAAS,EAAA,EAEnB,QAAQ,CACG;AAEb,gBAAA,aAAa,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,UAAU;AAExC,gBAAA,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,YAAY,CAAC,KACjEA,cAAC,CAAA,aAAA,CAAA,IAAI,CAAC,MAAM,EAAA,IAAA;AACV,oBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAC,EAAA,SAAS,EAAC,YAAY,EAAC,MAAM,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,GAAG,KAAK,EAAA;wBACxE,KAAK,CAAC,WAAW,KAChBA,cAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,OAAO,EAAA,aAAA,EACF,wBAAwB,EAAA,EAEnC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAC/CA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA,GAAK,WAAW,EAAA,EAC9C,KAAK,CACC,CACV,CAAC,CACI,CACT;AACA,wBAAA,KAAK,CAAC,YAAY,KACjBA,cAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,KAAK,EACA,aAAA,EAAA,yBAAyB,EAEpC,EAAA,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAChDA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAA,GAAK,WAAW,EAAA,EAC9C,KAAK,CACC,CACV,CAAC,CACI,CACT,CACK,CACI,CACf,CACY,CACR,CACL,CACP,CACe;AAEtB;;;;"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React, { useEffect, useRef, useState } from 'react';\nimport { AnimatePresence } from 'framer-motion';\n\nimport { MainSection, NonScrollableBody } from './components/styled';\nimport { ModalProps, hasFooterSlot, hasHeaderSlot, isSideDraw } from './types';\nimport { Dialog } from './components/Dialog/Dialog';\n\nimport { useIsOverflowing } from '../../hooks/useIsOverflowing';\nimport { Button } from '../Button';\nimport { Card } from '../Card';\nimport { CardHeader } from '../CardHeader';\nimport { Stack } from '../Stack';\nimport { preventDefaultEventOnESC } from './utils';\n\nexport const Modal = (props: ModalProps) => {\n const {\n shouldShow,\n showHeaderCloseButton = true,\n preventClose = false,\n displayMode = 'modal',\n fullBleed = false,\n variant = 'base',\n onClose: parentOnClose,\n children,\n ...rest\n } = props;\n\n const modalRef = useRef<HTMLDialogElement \| null>(null);\n const [mainSectionRef, setMainSectionRef] = useState<HTMLElement \| null>(null);\n\n useEffect(() => {\n if (shouldShow) {\n modalRef.current?.removeAttribute('open'); // Allows for conditional rendering.\n modalRef.current?.showModal();\n }\n }, [shouldShow]);\n\n const { isOverflowing: isContentOverflowing, onScroll } = useIsOverflowing(mainSectionRef);\n\n const handleClose = () => {\n if (preventClose) return;\n\n const result = parentOnClose();\n if (result === false) return; // Otherwise close on void, or true.\n\n modalRef.current?.close();\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDialogElement>) => {\n if (e.key === 'Escape') {\n e.preventDefault(); // Prevent default ESC behavior\n\n // Don't close if this is the top level and there are other dialogs open\n const openDialogs = document.querySelectorAll('dialog[open]');\n if (openDialogs.length > 1 && modalRef.current === openDialogs[0]) return;\n\n handleClose();\n }\n };\n\n const handleBackdropClick = async (e: React.MouseEvent<HTMLDialogElement>) => {\n if (displayMode === 'modal') return;\n if (e.target === modalRef.current) handleClose();\n };\n\n return (\n <AnimatePresence>\n {shouldShow && (\n <div data-testid=\"dialog-wrapper\" style={{ position: 'absolute' }}>\n <NonScrollableBody />\n <Dialog\n data-dialog-type=\"modal\"\n displayMode={displayMode}\n variant={variant}\n ref={modalRef}\n onClose={handleClose}\n onKeyDown={preventClose ? preventDefaultEventOnESC : handleKeyDown}\n onClick={handleBackdropClick}\n {...rest}\n aria-describedby=\"modal_title\"\n appearance={(isSideDraw(props) && props.appearance) \|\| 'primary'}\n >\n <Card.Surface>\n {hasHeaderSlot(props) ? (\n props.headerSlot\n ) : (\n <CardHeader\n id=\"modal_title\"\n headerVariant=\"headingLarge\"\n title={props.headerTitle}\n subtitle={props.headerSubtitle}\n {...(showHeaderCloseButton && { onClickClose: handleClose })}\n />\n )}\n\n <MainSection\n onScroll={onScroll}\n ref={setMainSectionRef}\n isScrollable={isContentOverflowing}\n fullBleed={fullBleed}\n >\n {children}\n </MainSection>\n\n {hasFooterSlot(props) && props.footerSlot}\n\n {!hasFooterSlot(props) && (props.leftActions \|\| props.rightActions) && (\n <Card.Footer>\n <Stack direction=\"horizontal\" alignX={props.leftActions ? 'between' : 'end'}>\n {props.leftActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"start\"\n data-testid=\"left-actions-container\"\n >\n {props.leftActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n {props.rightActions && (\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n data-testid=\"right-actions-container\"\n >\n {props.rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n </Stack>\n </Card.Footer>\n )}\n </Card.Surface>\n </Dialog>\n </div>\n )}\n </AnimatePresence>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Pagination/Pagination.cjs CHANGED Viewed

@@ -5,10 +5,10 @@ var Stack = require('../Stack/Stack.cjs');
 var styled = require('./styled.cjs');
 var components = require('./components.cjs');
 var usePagination = require('./hooks/usePagination.cjs');
-var RightArrowIcon = require('../../tempIcons/RightArrowIcon.cjs');
-var StartArrowIcon = require('../../tempIcons/StartArrowIcon.cjs');
-var LeftArrowIcon = require('../../tempIcons/LeftArrowIcon.cjs');
-var EndArrowIcon = require('../../tempIcons/EndArrowIcon.cjs');
+var RightArrowIcon = require('../../icons/RightArrowIcon.cjs');
+var StartArrowIcon = require('../../icons/StartArrowIcon.cjs');
+var LeftArrowIcon = require('../../icons/LeftArrowIcon.cjs');
+var EndArrowIcon = require('../../icons/EndArrowIcon.cjs');
 var types = require('../types.cjs');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/dist/components/Pagination/Pagination.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../~~tempIcons~~/RightArrowIcon';\nimport { StartArrowIcon } from '../../~~tempIcons~~/StartArrowIcon';\nimport { LeftArrowIcon } from '../../~~tempIcons~~/LeftArrowIcon';\nimport { EndArrowIcon } from '../../~~tempIcons~~/EndArrowIcon';\n\nimport { ComponentSize } from '../types';\n\nexport const Pagination = ({\n testId,\n e2eClassName,\n currentPage,\n totalPagesCount,\n handleChangePage,\n}: PaginationProps) => {\n const {\n pageInputValue,\n handleIncrement,\n handleDecrement,\n handleFormSubmit,\n handleInputChange,\n handleSubmit,\n } = usePagination({\n currentPage,\n totalPagesCount,\n handleChangePage,\n });\n\n /*\n A function to go back to the first page, provided we aren't already there.\n /\n const handleSkipBack = () => {\n if (currentPage !== 1) handleChangePage(1);\n };\n\n /\n A function to go to the last page, provided we aren't already there.\n */\n const handleSkipToEnd = () => {\n if (currentPage !== totalPagesCount) handleChangePage(totalPagesCount);\n };\n\n return (\n <Stack\n direction=\"horizontal\"\n alignY=\"center\"\n spacing=\"xs\"\n data-testid={testId}\n className={e2eClassName}\n >\n <PaginationButton\n onClick={handleSkipBack}\n iconSlot={<StartArrowIcon />}\n size=\"sm\"\n aria-label=\"go to first page\"\n />\n <PaginationButton\n onClick={handleDecrement}\n iconSlot={<LeftArrowIcon />}\n size=\"sm\"\n aria-label=\"go to previous page\"\n aria-disabled={currentPage <= 1}\n />\n\n <form onSubmit={handleFormSubmit}>\n <PageInput\n aria-live=\"polite\"\n aria-label={`page ${currentPage} of ${totalPagesCount}`}\n size={ComponentSize.sm}\n type=\"number\"\n value={pageInputValue}\n min=\"1\"\n max={`${totalPagesCount}`}\n onChange={handleInputChange}\n onBlur={handleSubmit}\n />\n </form>\n\n <PageCount count={totalPagesCount} />\n\n <PaginationButton\n onClick={handleIncrement}\n iconSlot={<RightArrowIcon />}\n size=\"sm\"\n aria-label=\"go to next page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n\n <PaginationButton\n onClick={handleSkipToEnd}\n iconSlot={<EndArrowIcon />}\n size=\"sm\"\n aria-label=\"go to last page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n </Stack>\n );\n};\n"],"names":["usePagination","React","Stack","PaginationButton","StartArrowIcon","LeftArrowIcon","PageInput","ComponentSize","PageCount","RightArrowIcon","EndArrowIcon"],"mappings":";;;;;;;;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAGA,2BAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEC,qCAACC,WAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAD,sBAAA,CAAA,aAAA,CAACE,uBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFH,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAI,2BAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFJ,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAEC,mBAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAN,sBAAA,CAAA,aAAA,CAACO,oBAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCP,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAQ,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFR,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAS,yBAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}
1	+ {"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../icons/RightArrowIcon';\nimport { StartArrowIcon } from '../../icons/StartArrowIcon';\nimport { LeftArrowIcon } from '../../icons/LeftArrowIcon';\nimport { EndArrowIcon } from '../../icons/EndArrowIcon';\n\nimport { ComponentSize } from '../types';\n\nexport const Pagination = ({\n testId,\n e2eClassName,\n currentPage,\n totalPagesCount,\n handleChangePage,\n}: PaginationProps) => {\n const {\n pageInputValue,\n handleIncrement,\n handleDecrement,\n handleFormSubmit,\n handleInputChange,\n handleSubmit,\n } = usePagination({\n currentPage,\n totalPagesCount,\n handleChangePage,\n });\n\n /*\n A function to go back to the first page, provided we aren't already there.\n /\n const handleSkipBack = () => {\n if (currentPage !== 1) handleChangePage(1);\n };\n\n /\n A function to go to the last page, provided we aren't already there.\n */\n const handleSkipToEnd = () => {\n if (currentPage !== totalPagesCount) handleChangePage(totalPagesCount);\n };\n\n return (\n <Stack\n direction=\"horizontal\"\n alignY=\"center\"\n spacing=\"xs\"\n data-testid={testId}\n className={e2eClassName}\n >\n <PaginationButton\n onClick={handleSkipBack}\n iconSlot={<StartArrowIcon />}\n size=\"sm\"\n aria-label=\"go to first page\"\n />\n <PaginationButton\n onClick={handleDecrement}\n iconSlot={<LeftArrowIcon />}\n size=\"sm\"\n aria-label=\"go to previous page\"\n aria-disabled={currentPage <= 1}\n />\n\n <form onSubmit={handleFormSubmit}>\n <PageInput\n aria-live=\"polite\"\n aria-label={`page ${currentPage} of ${totalPagesCount}`}\n size={ComponentSize.sm}\n type=\"number\"\n value={pageInputValue}\n min=\"1\"\n max={`${totalPagesCount}`}\n onChange={handleInputChange}\n onBlur={handleSubmit}\n />\n </form>\n\n <PageCount count={totalPagesCount} />\n\n <PaginationButton\n onClick={handleIncrement}\n iconSlot={<RightArrowIcon />}\n size=\"sm\"\n aria-label=\"go to next page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n\n <PaginationButton\n onClick={handleSkipToEnd}\n iconSlot={<EndArrowIcon />}\n size=\"sm\"\n aria-label=\"go to last page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n </Stack>\n );\n};\n"],"names":["usePagination","React","Stack","PaginationButton","StartArrowIcon","LeftArrowIcon","PageInput","ComponentSize","PageCount","RightArrowIcon","EndArrowIcon"],"mappings":";;;;;;;;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAGA,2BAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEC,qCAACC,WAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAD,sBAAA,CAAA,aAAA,CAACE,uBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAG,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFH,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAI,2BAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFJ,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,sBAAA,CAAA,aAAA,CAACK,gBAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAEC,mBAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAN,sBAAA,CAAA,aAAA,CAACO,oBAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCP,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAQ,6BAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFR,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEF,sBAAC,CAAA,aAAA,CAAAS,yBAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}

package/dist/components/Pagination/Pagination.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { Stack } from '../Stack/Stack.js';
 import { PaginationButton, PageInput } from './styled.js';
 import { PageCount } from './components.js';
 import { usePagination } from './hooks/usePagination.js';
-import { RightArrowIcon } from '../../tempIcons/RightArrowIcon.js';
-import { StartArrowIcon } from '../../tempIcons/StartArrowIcon.js';
-import { LeftArrowIcon } from '../../tempIcons/LeftArrowIcon.js';
-import { EndArrowIcon } from '../../tempIcons/EndArrowIcon.js';
+import { RightArrowIcon } from '../../icons/RightArrowIcon.js';
+import { StartArrowIcon } from '../../icons/StartArrowIcon.js';
+import { LeftArrowIcon } from '../../icons/LeftArrowIcon.js';
+import { EndArrowIcon } from '../../icons/EndArrowIcon.js';
 import { ComponentSize } from '../types.js';
 const Pagination = ({ testId, e2eClassName, currentPage, totalPagesCount, handleChangePage, }) => {

package/dist/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../~~tempIcons~~/RightArrowIcon';\nimport { StartArrowIcon } from '../../~~tempIcons~~/StartArrowIcon';\nimport { LeftArrowIcon } from '../../~~tempIcons~~/LeftArrowIcon';\nimport { EndArrowIcon } from '../../~~tempIcons~~/EndArrowIcon';\n\nimport { ComponentSize } from '../types';\n\nexport const Pagination = ({\n testId,\n e2eClassName,\n currentPage,\n totalPagesCount,\n handleChangePage,\n}: PaginationProps) => {\n const {\n pageInputValue,\n handleIncrement,\n handleDecrement,\n handleFormSubmit,\n handleInputChange,\n handleSubmit,\n } = usePagination({\n currentPage,\n totalPagesCount,\n handleChangePage,\n });\n\n /*\n A function to go back to the first page, provided we aren't already there.\n /\n const handleSkipBack = () => {\n if (currentPage !== 1) handleChangePage(1);\n };\n\n /\n A function to go to the last page, provided we aren't already there.\n */\n const handleSkipToEnd = () => {\n if (currentPage !== totalPagesCount) handleChangePage(totalPagesCount);\n };\n\n return (\n <Stack\n direction=\"horizontal\"\n alignY=\"center\"\n spacing=\"xs\"\n data-testid={testId}\n className={e2eClassName}\n >\n <PaginationButton\n onClick={handleSkipBack}\n iconSlot={<StartArrowIcon />}\n size=\"sm\"\n aria-label=\"go to first page\"\n />\n <PaginationButton\n onClick={handleDecrement}\n iconSlot={<LeftArrowIcon />}\n size=\"sm\"\n aria-label=\"go to previous page\"\n aria-disabled={currentPage <= 1}\n />\n\n <form onSubmit={handleFormSubmit}>\n <PageInput\n aria-live=\"polite\"\n aria-label={`page ${currentPage} of ${totalPagesCount}`}\n size={ComponentSize.sm}\n type=\"number\"\n value={pageInputValue}\n min=\"1\"\n max={`${totalPagesCount}`}\n onChange={handleInputChange}\n onBlur={handleSubmit}\n />\n </form>\n\n <PageCount count={totalPagesCount} />\n\n <PaginationButton\n onClick={handleIncrement}\n iconSlot={<RightArrowIcon />}\n size=\"sm\"\n aria-label=\"go to next page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n\n <PaginationButton\n onClick={handleSkipToEnd}\n iconSlot={<EndArrowIcon />}\n size=\"sm\"\n aria-label=\"go to last page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n </Stack>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,aAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEA,6BAAC,KAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFA,cAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,aAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAE,aAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCA,cAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFA,cAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { PaginationProps } from './types';\n\nimport { Stack } from '../Stack';\nimport { PageInput, PaginationButton } from './styled';\nimport { PageCount } from './components';\nimport { usePagination } from './hooks/usePagination';\n\nimport { RightArrowIcon } from '../../icons/RightArrowIcon';\nimport { StartArrowIcon } from '../../icons/StartArrowIcon';\nimport { LeftArrowIcon } from '../../icons/LeftArrowIcon';\nimport { EndArrowIcon } from '../../icons/EndArrowIcon';\n\nimport { ComponentSize } from '../types';\n\nexport const Pagination = ({\n testId,\n e2eClassName,\n currentPage,\n totalPagesCount,\n handleChangePage,\n}: PaginationProps) => {\n const {\n pageInputValue,\n handleIncrement,\n handleDecrement,\n handleFormSubmit,\n handleInputChange,\n handleSubmit,\n } = usePagination({\n currentPage,\n totalPagesCount,\n handleChangePage,\n });\n\n /*\n A function to go back to the first page, provided we aren't already there.\n /\n const handleSkipBack = () => {\n if (currentPage !== 1) handleChangePage(1);\n };\n\n /\n A function to go to the last page, provided we aren't already there.\n */\n const handleSkipToEnd = () => {\n if (currentPage !== totalPagesCount) handleChangePage(totalPagesCount);\n };\n\n return (\n <Stack\n direction=\"horizontal\"\n alignY=\"center\"\n spacing=\"xs\"\n data-testid={testId}\n className={e2eClassName}\n >\n <PaginationButton\n onClick={handleSkipBack}\n iconSlot={<StartArrowIcon />}\n size=\"sm\"\n aria-label=\"go to first page\"\n />\n <PaginationButton\n onClick={handleDecrement}\n iconSlot={<LeftArrowIcon />}\n size=\"sm\"\n aria-label=\"go to previous page\"\n aria-disabled={currentPage <= 1}\n />\n\n <form onSubmit={handleFormSubmit}>\n <PageInput\n aria-live=\"polite\"\n aria-label={`page ${currentPage} of ${totalPagesCount}`}\n size={ComponentSize.sm}\n type=\"number\"\n value={pageInputValue}\n min=\"1\"\n max={`${totalPagesCount}`}\n onChange={handleInputChange}\n onBlur={handleSubmit}\n />\n </form>\n\n <PageCount count={totalPagesCount} />\n\n <PaginationButton\n onClick={handleIncrement}\n iconSlot={<RightArrowIcon />}\n size=\"sm\"\n aria-label=\"go to next page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n\n <PaginationButton\n onClick={handleSkipToEnd}\n iconSlot={<EndArrowIcon />}\n size=\"sm\"\n aria-label=\"go to last page\"\n aria-disabled={currentPage >= totalPagesCount}\n />\n </Stack>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACA,KAAI;AACpB,IAAA,MAAM,EACJ,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,GACb,GAAG,aAAa,CAAC;QAChB,WAAW;QACX,eAAe;QACf,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,WAAW,KAAK,CAAC;YAAE,gBAAgB,CAAC,CAAC,CAAC;AAC5C,KAAC;AAED;;AAEG;IACH,MAAM,eAAe,GAAG,MAAK;QAC3B,IAAI,WAAW,KAAK,eAAe;YAAE,gBAAgB,CAAC,eAAe,CAAC;AACxE,KAAC;IAED,QACEA,6BAAC,KAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,IAAI,EAAA,aAAA,EACC,MAAM,EACnB,SAAS,EAAE,YAAY,EAAA;AAEvB,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,kBAAkB,EAC7B,CAAA;QACFA,cAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,aAAa,OAAG,EAC3B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,qBAAqB,EACjB,eAAA,EAAA,WAAW,IAAI,CAAC,EAC/B,CAAA;QAEFA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA;AAC9B,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EACE,EAAA,WAAA,EAAA,QAAQ,gBACN,CAAQ,KAAA,EAAA,WAAW,OAAO,eAAe,CAAA,CAAE,EACvD,IAAI,EAAE,aAAa,CAAC,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,cAAc,EACrB,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,CAAG,EAAA,eAAe,EAAE,EACzB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,YAAY,GACpB,CACG;AAEP,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,eAAe,EAAI,CAAA;QAErCA,cAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,cAAc,OAAG,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAC7C,CAAA;QAEFA,cAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAG,IAAA,CAAA,EAC1B,IAAI,EAAC,IAAI,EACE,YAAA,EAAA,iBAAiB,EACb,eAAA,EAAA,WAAW,IAAI,eAAe,EAAA,CAC7C,CACI;AAEZ;;;;"}

package/dist/components/Popover/Popover.cjs CHANGED Viewed

@@ -58,7 +58,7 @@ const Popover = ({ id: passedId, children, zIndex = index.theme.layers.popup, pl
     }, [update]);
     return (React__default.default.createElement(Portal.Portal, { rootElementRef: rootElementRef },
         !removeBackdrop && (React__default.default.createElement(styled.Backdrop, { onClick: onClose, zIndex: zIndex, "data-testid": "popover-backdrop" })),
-        React__default.default.createElement(styled.PopoverDialog, { open: true, id: id, zIndex: zIndex, ref: setPopperElement, style: {
+        React__default.default.createElement(styled.PopoverDialog, { open: true, id: id, "data-dialog-type": "popover", zIndex: zIndex, ref: setPopperElement, style: {
                 ...styles.popper,
                 ...style,
                 ...(useAnchorWidth ? { minWidth: anchorElement === null || anchorElement === undefined ? undefined : anchorElement.clientWidth } : {}),

package/dist/components/Popover/Popover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { usePopper } from 'react-popper';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { PopoverDialog, Backdrop } from './styled';\nimport { generateId } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\n\nexport const Popover = ({\n id: passedId,\n children,\n zIndex = theme.layers.popup,\n placement = 'bottom',\n anchorElement,\n rootElementRef,\n onShouldClose,\n style,\n disableFocusLock,\n removeBackdrop = false,\n useAnchorWidth,\n ignoreAriaWarnings,\n ...dialogProps\n}: PopoverProps) => {\n // Set up PopperJS\n const [popperElement, setPopperElement] = useState<HTMLDialogElement \| null>(null);\n const { styles, attributes, update } = usePopper(anchorElement, popperElement, { placement });\n\n // Setup popover id to use passed, or generate its' own.\n const id = useMemo(() => passedId \|\| generateId('popover'), [passedId]);\n\n // Check and update aria for anchor, only works once this has rendered for the first time though.\n useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n const onClose = () => {\n anchorElement?.focus();\n onShouldClose?.();\n };\n\n const { handleKeyDown } = useHandleFocus({\n popperElement,\n anchorElement,\n onClose,\n disableFocusLock,\n });\n\n /*\n When content size is changed, force popper update\n /\n useEffect(() => {\n if (!update \|\| !popperElement) return undefined;\n const resizeObserver = new ResizeObserver(update);\n resizeObserver.observe(popperElement);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [update, popperElement]);\n\n /\n When window is resized, force popper update\n */\n useEffect(() => {\n if (!update) return undefined;\n window.addEventListener('resize', update);\n\n return () => {\n window.removeEventListener('resize', update);\n };\n }, [update]);\n\n return (\n <Portal rootElementRef={rootElementRef}>\n {!removeBackdrop && (\n <Backdrop onClick={onClose} zIndex={zIndex} data-testid=\"popover-backdrop\" />\n )}\n <PopoverDialog\n open\n id={id}\n zIndex={zIndex}\n ref={setPopperElement}\n style={{\n ...styles.popper,\n ...style,\n ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n }}\n onKeyDown={handleKeyDown}\n {...attributes.popper}\n {...dialogProps}\n >\n {children}\n </PopoverDialog>\n </Portal>\n );\n};\n"],"names":["theme","useState","usePopper","useMemo","generateId","useUpdateAriaAnchor","useHandleFocus","useEffect","ResizeObserver","React","Portal","Backdrop","PopoverDialog"],"mappings":";;;;;;;;;;;;;;;;;MAYa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAGA,WAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,CAA2B,IAAI,CAAC;AAClF,IAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAGC,qBAAS,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC;;AAG7F,IAAA,MAAM,EAAE,GAAGC,aAAO,CAAC,MAAM,QAAQ,IAAIC,qBAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvEC,uCAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,EAAI;AACnB,KAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAGC,6BAAc,CAAC;QACvC,aAAa;QACb,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACHC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,SAAS;AAC/C,QAAA,MAAM,cAAc,GAAG,IAAIC,+BAAc,CAAC,MAAM,CAAC;AACjD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;AAErC,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,SAAC;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3B;;AAEG;IACHD,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,SAAS;AAC7B,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAEzC,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC9C,SAAC;AACH,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACEE,sBAAC,CAAA,aAAA,CAAAC,aAAM,EAAC,EAAA,cAAc,EAAE,cAAc,EAAA;AACnC,QAAA,CAAC,cAAc,KACdD,sBAAC,CAAA,aAAA,CAAAE,eAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAc,aAAA,EAAA,kBAAkB,GAAG,CAC9E;AACD,QAAAF,sBAAA,CAAA,aAAA,CAACG,oBAAa,EACZ,EAAA,IAAI,~~EACJ~~,~~IAAA,EAAA,~~EAAE,EAAE,EAAE,~~EACN~~,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM;AAChB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACpE,aAAA,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,UAAU,CAAC,MAAM,EACjB,GAAA,WAAW,EAEd,EAAA,QAAQ,CACK,CACT;AAEb;;;;"}
1	+ {"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { usePopper } from 'react-popper';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { PopoverDialog, Backdrop } from './styled';\nimport { generateId } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\n\nexport const Popover = ({\n id: passedId,\n children,\n zIndex = theme.layers.popup,\n placement = 'bottom',\n anchorElement,\n rootElementRef,\n onShouldClose,\n style,\n disableFocusLock,\n removeBackdrop = false,\n useAnchorWidth,\n ignoreAriaWarnings,\n ...dialogProps\n}: PopoverProps) => {\n // Set up PopperJS\n const [popperElement, setPopperElement] = useState<HTMLDialogElement \| null>(null);\n const { styles, attributes, update } = usePopper(anchorElement, popperElement, { placement });\n\n // Setup popover id to use passed, or generate its' own.\n const id = useMemo(() => passedId \|\| generateId('popover'), [passedId]);\n\n // Check and update aria for anchor, only works once this has rendered for the first time though.\n useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n const onClose = () => {\n anchorElement?.focus();\n onShouldClose?.();\n };\n\n const { handleKeyDown } = useHandleFocus({\n popperElement,\n anchorElement,\n onClose,\n disableFocusLock,\n });\n\n /*\n When content size is changed, force popper update\n /\n useEffect(() => {\n if (!update \|\| !popperElement) return undefined;\n const resizeObserver = new ResizeObserver(update);\n resizeObserver.observe(popperElement);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [update, popperElement]);\n\n /\n When window is resized, force popper update\n */\n useEffect(() => {\n if (!update) return undefined;\n window.addEventListener('resize', update);\n\n return () => {\n window.removeEventListener('resize', update);\n };\n }, [update]);\n\n return (\n <Portal rootElementRef={rootElementRef}>\n {!removeBackdrop && (\n <Backdrop onClick={onClose} zIndex={zIndex} data-testid=\"popover-backdrop\" />\n )}\n <PopoverDialog\n open\n id={id}\n data-dialog-type=\"popover\"\n zIndex={zIndex}\n ref={setPopperElement}\n style={{\n ...styles.popper,\n ...style,\n ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n }}\n onKeyDown={handleKeyDown}\n {...attributes.popper}\n {...dialogProps}\n >\n {children}\n </PopoverDialog>\n </Portal>\n );\n};\n"],"names":["theme","useState","usePopper","useMemo","generateId","useUpdateAriaAnchor","useHandleFocus","useEffect","ResizeObserver","React","Portal","Backdrop","PopoverDialog"],"mappings":"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"}

package/dist/components/Popover/Popover.js CHANGED Viewed

@@ -51,7 +51,7 @@ const Popover = ({ id: passedId, children, zIndex = theme.layers.popup, placemen
     }, [update]);
     return (React__default.createElement(Portal, { rootElementRef: rootElementRef },
         !removeBackdrop && (React__default.createElement(Backdrop, { onClick: onClose, zIndex: zIndex, "data-testid": "popover-backdrop" })),
-        React__default.createElement(PopoverDialog, { open: true, id: id, zIndex: zIndex, ref: setPopperElement, style: {
+        React__default.createElement(PopoverDialog, { open: true, id: id, "data-dialog-type": "popover", zIndex: zIndex, ref: setPopperElement, style: {
                 ...styles.popper,
                 ...style,
                 ...(useAnchorWidth ? { minWidth: anchorElement === null || anchorElement === undefined ? undefined : anchorElement.clientWidth } : {}),

package/dist/components/Popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { usePopper } from 'react-popper';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { PopoverDialog, Backdrop } from './styled';\nimport { generateId } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\n\nexport const Popover = ({\n id: passedId,\n children,\n zIndex = theme.layers.popup,\n placement = 'bottom',\n anchorElement,\n rootElementRef,\n onShouldClose,\n style,\n disableFocusLock,\n removeBackdrop = false,\n useAnchorWidth,\n ignoreAriaWarnings,\n ...dialogProps\n}: PopoverProps) => {\n // Set up PopperJS\n const [popperElement, setPopperElement] = useState<HTMLDialogElement \| null>(null);\n const { styles, attributes, update } = usePopper(anchorElement, popperElement, { placement });\n\n // Setup popover id to use passed, or generate its' own.\n const id = useMemo(() => passedId \|\| generateId('popover'), [passedId]);\n\n // Check and update aria for anchor, only works once this has rendered for the first time though.\n useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n const onClose = () => {\n anchorElement?.focus();\n onShouldClose?.();\n };\n\n const { handleKeyDown } = useHandleFocus({\n popperElement,\n anchorElement,\n onClose,\n disableFocusLock,\n });\n\n /*\n When content size is changed, force popper update\n /\n useEffect(() => {\n if (!update \|\| !popperElement) return undefined;\n const resizeObserver = new ResizeObserver(update);\n resizeObserver.observe(popperElement);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [update, popperElement]);\n\n /\n When window is resized, force popper update\n */\n useEffect(() => {\n if (!update) return undefined;\n window.addEventListener('resize', update);\n\n return () => {\n window.removeEventListener('resize', update);\n };\n }, [update]);\n\n return (\n <Portal rootElementRef={rootElementRef}>\n {!removeBackdrop && (\n <Backdrop onClick={onClose} zIndex={zIndex} data-testid=\"popover-backdrop\" />\n )}\n <PopoverDialog\n open\n id={id}\n zIndex={zIndex}\n ref={setPopperElement}\n style={{\n ...styles.popper,\n ...style,\n ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n }}\n onKeyDown={handleKeyDown}\n {...attributes.popper}\n {...dialogProps}\n >\n {children}\n </PopoverDialog>\n </Portal>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;MAYa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC;AAClF,IAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC;;AAG7F,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvE,mBAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,EAAI;AACnB,KAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;QACvC,aAAa;QACb,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,SAAS;AAC/C,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC;AACjD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;AAErC,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,SAAC;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3B;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,SAAS;AAC7B,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAEzC,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC9C,SAAC;AACH,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,cAAc,EAAE,cAAc,EAAA;AACnC,QAAA,CAAC,cAAc,KACdA,cAAC,CAAA,aAAA,CAAA,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAc,aAAA,EAAA,kBAAkB,GAAG,CAC9E;AACD,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,IAAI,~~EACJ~~,~~IAAA,EAAA,~~EAAE,EAAE,EAAE,~~EACN~~,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM;AAChB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACpE,aAAA,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,UAAU,CAAC,MAAM,EACjB,GAAA,WAAW,EAEd,EAAA,QAAQ,CACK,CACT;AAEb;;;;"}
1	+ {"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { usePopper } from 'react-popper';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport { Portal } from '../Portal';\nimport { theme } from '../../theme';\nimport { PopoverDialog, Backdrop } from './styled';\nimport { generateId } from '../../utils';\nimport { useUpdateAriaAnchor } from './hooks/useUpdateAriaAnchor';\nimport { PopoverProps } from './types';\nimport { useHandleFocus } from './hooks/useHandleFocus';\n\nexport const Popover = ({\n id: passedId,\n children,\n zIndex = theme.layers.popup,\n placement = 'bottom',\n anchorElement,\n rootElementRef,\n onShouldClose,\n style,\n disableFocusLock,\n removeBackdrop = false,\n useAnchorWidth,\n ignoreAriaWarnings,\n ...dialogProps\n}: PopoverProps) => {\n // Set up PopperJS\n const [popperElement, setPopperElement] = useState<HTMLDialogElement \| null>(null);\n const { styles, attributes, update } = usePopper(anchorElement, popperElement, { placement });\n\n // Setup popover id to use passed, or generate its' own.\n const id = useMemo(() => passedId \|\| generateId('popover'), [passedId]);\n\n // Check and update aria for anchor, only works once this has rendered for the first time though.\n useUpdateAriaAnchor({ anchorElement, popoverId: id, ignoreAriaWarnings });\n\n const onClose = () => {\n anchorElement?.focus();\n onShouldClose?.();\n };\n\n const { handleKeyDown } = useHandleFocus({\n popperElement,\n anchorElement,\n onClose,\n disableFocusLock,\n });\n\n /*\n When content size is changed, force popper update\n /\n useEffect(() => {\n if (!update \|\| !popperElement) return undefined;\n const resizeObserver = new ResizeObserver(update);\n resizeObserver.observe(popperElement);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [update, popperElement]);\n\n /\n When window is resized, force popper update\n */\n useEffect(() => {\n if (!update) return undefined;\n window.addEventListener('resize', update);\n\n return () => {\n window.removeEventListener('resize', update);\n };\n }, [update]);\n\n return (\n <Portal rootElementRef={rootElementRef}>\n {!removeBackdrop && (\n <Backdrop onClick={onClose} zIndex={zIndex} data-testid=\"popover-backdrop\" />\n )}\n <PopoverDialog\n open\n id={id}\n data-dialog-type=\"popover\"\n zIndex={zIndex}\n ref={setPopperElement}\n style={{\n ...styles.popper,\n ...style,\n ...(useAnchorWidth ? { minWidth: anchorElement?.clientWidth } : {}),\n }}\n onKeyDown={handleKeyDown}\n {...attributes.popper}\n {...dialogProps}\n >\n {children}\n </PopoverDialog>\n </Portal>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;MAYa,OAAO,GAAG,CAAC,EACtB,EAAE,EAAE,QAAQ,EACZ,QAAQ,EACR,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAC3B,SAAS,GAAG,QAAQ,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,EAChB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,kBAAkB,EAClB,GAAG,WAAW,EACD,KAAI;;IAEjB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC;AAClF,IAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,CAAC;;AAG7F,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,QAAQ,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;;IAGvE,mBAAmB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC;IAEzE,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;AACtB,QAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,EAAI;AACnB,KAAC;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,cAAc,CAAC;QACvC,aAAa;QACb,aAAa;QACb,OAAO;QACP,gBAAgB;AACjB,KAAA,CAAC;AAEF;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,SAAS;AAC/C,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC;AACjD,QAAA,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC;AAErC,QAAA,OAAO,MAAK;YACV,cAAc,CAAC,UAAU,EAAE;AAC7B,SAAC;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE3B;;AAEG;IACH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,SAAS;AAC7B,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAEzC,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC9C,SAAC;AACH,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,cAAc,EAAE,cAAc,EAAA;AACnC,QAAA,CAAC,cAAc,KACdA,cAAC,CAAA,aAAA,CAAA,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAc,aAAA,EAAA,kBAAkB,GAAG,CAC9E;AACD,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,IAAI,QACJ,EAAE,EAAE,EAAE,EACW,kBAAA,EAAA,SAAS,EAC1B,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,MAAM;AAChB,gBAAA,GAAG,KAAK;gBACR,IAAI,cAAc,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,WAAW,EAAE,GAAG,EAAE,CAAC;AACpE,aAAA,EACD,SAAS,EAAE,aAAa,EAAA,GACpB,UAAU,CAAC,MAAM,EACjB,GAAA,WAAW,EAEd,EAAA,QAAQ,CACK,CACT;AAEb;;;;"}

package/dist/components/Search/Search.cjs CHANGED Viewed

@@ -4,8 +4,8 @@ var React = require('react');
 var Button = require('../Button/Button.cjs');
 var index = require('../../theme/index.cjs');
 var styled = require('./styled.cjs');
-var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
-var SearchIcon = require('../../tempIcons/SearchIcon.cjs');
+var CrossIcon = require('../../icons/CrossIcon.cjs');
+var SearchIcon = require('../../icons/SearchIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
 var Loader = require('../Loader/Loader.cjs');

package/dist/components/Search/Search.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.cjs","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../Button';\n\nimport { theme } from '../../theme';\n\nimport { Container, Input, IconContainer, Loader } from './styled';\nimport { SearchProps } from './types';\nimport { CrossIcon } from '../../~~tempIcons~~/CrossIcon';\nimport { SearchIcon } from '../../~~tempIcons~~/SearchIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const Search = ({\n type = 'text',\n disabled = false,\n onClearClick,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n onKeyPress,\n value = '',\n error,\n placeholder = '',\n className = '',\n name,\n isLoading = false,\n fill,\n reversed = false,\n autoComplete = 'on',\n size = 'base',\n}: SearchProps) => {\n const shouldShowClear = value && value.length > 0;\n\n const renderIcon = () => {\n if (isLoading) {\n return <Loader height={24} color={fill \|\| theme.colors.secondary.blue.base} />;\n }\n if (shouldShowClear && onClearClick) {\n return (\n <Button\n variant=\"unstyled\"\n onClick={onClearClick}\n style={{ display: 'flex' }}\n aria-label=\"Clear text\"\n type=\"button\"\n >\n <CrossIcon color={fill \|\| theme.colors.neutral.ink.dark} />\n </Button>\n );\n }\n return (\n <Button\n variant=\"unstyled\"\n onClick={() => onChange(value)}\n style={{ display: 'flex' }}\n aria-label=\"Search\"\n type=\"button\"\n >\n <SearchIcon\n color={fill \|\| theme.colors.neutral.ink.dark}\n height={sizes.md}\n width={sizes.md}\n />\n </Button>\n );\n };\n\n return (\n <Container className={className} iconPosition={reversed ? 'left' : 'right'}>\n <Input\n size={size}\n type={type}\n value={value}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n onKeyPress={onKeyPress}\n placeholder={placeholder}\n name={name}\n disabled={disabled}\n error={error}\n autoComplete={autoComplete}\n />\n <IconContainer>{renderIcon()}</IconContainer>\n </Container>\n );\n};\n"],"names":["React","Loader","theme","Button","CrossIcon","SearchIcon","sizes","Container","Input","IconContainer"],"mappings":";;;;;;;;;;;;;;;AAYO,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,GAAG,EAAE,EACV,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,IAAI,GAAG,MAAM,GACD,KAAI;IAChB,MAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;IAEjD,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,OAAOA,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,IAAIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,CAAI;AAC/E;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;AAEb,gBAAAH,sBAAA,CAAA,aAAA,CAACI,mBAAS,EAAC,EAAA,KAAK,EAAE,IAAI,IAAIF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA,CACpD;AAEZ;AACD,QAAA,QACEF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EACf,YAAA,EAAA,QAAQ,EACnB,IAAI,EAAC,QAAQ,EAAA;AAEb,YAAAH,sBAAA,CAAA,aAAA,CAACK,qBAAU,EAAA,EACT,KAAK,EAAE,IAAI,IAAIH,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAC5C,MAAM,EAAEI,WAAK,CAAC,EAAE,EAChB,KAAK,EAAEA,WAAK,CAAC,EAAE,EACf,CAAA,CACK;AAEb,KAAC;AAED,IAAA,QACEN,sBAAC,CAAA,aAAA,CAAAO,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA;QACxEP,sBAAC,CAAA,aAAA,CAAAQ,YAAK,EACJ,EAAA,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,CAAA;AACF,QAAAR,sBAAA,CAAA,aAAA,CAACS,oBAAa,EAAE,IAAA,EAAA,UAAU,EAAE,CAAiB,CACnC;AAEhB;;;;"}
1	+ {"version":3,"file":"Search.cjs","sources":["../../../src/components/Search/Search.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../Button';\n\nimport { theme } from '../../theme';\n\nimport { Container, Input, IconContainer, Loader } from './styled';\nimport { SearchProps } from './types';\nimport { CrossIcon } from '../../icons/CrossIcon';\nimport { SearchIcon } from '../../icons/SearchIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const Search = ({\n type = 'text',\n disabled = false,\n onClearClick,\n onChange,\n onBlur,\n onFocus,\n onKeyUp,\n onKeyDown,\n onKeyPress,\n value = '',\n error,\n placeholder = '',\n className = '',\n name,\n isLoading = false,\n fill,\n reversed = false,\n autoComplete = 'on',\n size = 'base',\n}: SearchProps) => {\n const shouldShowClear = value && value.length > 0;\n\n const renderIcon = () => {\n if (isLoading) {\n return <Loader height={24} color={fill \|\| theme.colors.secondary.blue.base} />;\n }\n if (shouldShowClear && onClearClick) {\n return (\n <Button\n variant=\"unstyled\"\n onClick={onClearClick}\n style={{ display: 'flex' }}\n aria-label=\"Clear text\"\n type=\"button\"\n >\n <CrossIcon color={fill \|\| theme.colors.neutral.ink.dark} />\n </Button>\n );\n }\n return (\n <Button\n variant=\"unstyled\"\n onClick={() => onChange(value)}\n style={{ display: 'flex' }}\n aria-label=\"Search\"\n type=\"button\"\n >\n <SearchIcon\n color={fill \|\| theme.colors.neutral.ink.dark}\n height={sizes.md}\n width={sizes.md}\n />\n </Button>\n );\n };\n\n return (\n <Container className={className} iconPosition={reversed ? 'left' : 'right'}>\n <Input\n size={size}\n type={type}\n value={value}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n onKeyPress={onKeyPress}\n placeholder={placeholder}\n name={name}\n disabled={disabled}\n error={error}\n autoComplete={autoComplete}\n />\n <IconContainer>{renderIcon()}</IconContainer>\n </Container>\n );\n};\n"],"names":["React","Loader","theme","Button","CrossIcon","SearchIcon","sizes","Container","Input","IconContainer"],"mappings":";;;;;;;;;;;;;;;AAYO,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,GAAG,EAAE,EACV,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,IAAI,GAAG,MAAM,GACD,KAAI;IAChB,MAAM,eAAe,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;IAEjD,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,IAAI,SAAS,EAAE;YACb,OAAOA,sBAAA,CAAA,aAAA,CAACC,aAAM,EAAC,EAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,IAAIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,CAAI;AAC/E;QACD,IAAI,eAAe,IAAI,YAAY,EAAE;YACnC,QACEF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EACL,EAAA,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBACf,YAAY,EACvB,IAAI,EAAC,QAAQ,EAAA;AAEb,gBAAAH,sBAAA,CAAA,aAAA,CAACI,mBAAS,EAAC,EAAA,KAAK,EAAE,IAAI,IAAIF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAI,CAAA,CACpD;AAEZ;AACD,QAAA,QACEF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC,EAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EACf,YAAA,EAAA,QAAQ,EACnB,IAAI,EAAC,QAAQ,EAAA;AAEb,YAAAH,sBAAA,CAAA,aAAA,CAACK,qBAAU,EAAA,EACT,KAAK,EAAE,IAAI,IAAIH,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAC5C,MAAM,EAAEI,WAAK,CAAC,EAAE,EAChB,KAAK,EAAEA,WAAK,CAAC,EAAE,EACf,CAAA,CACK;AAEb,KAAC;AAED,IAAA,QACEN,sBAAC,CAAA,aAAA,CAAAO,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA;QACxEP,sBAAC,CAAA,aAAA,CAAAQ,YAAK,EACJ,EAAA,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,CAAA;AACF,QAAAR,sBAAA,CAAA,aAAA,CAACS,oBAAa,EAAE,IAAA,EAAA,UAAU,EAAE,CAAiB,CACnC;AAEhB;;;;"}

package/dist/components/Search/Search.js CHANGED Viewed

@@ -2,8 +2,8 @@ import React__default from 'react';
 import { Button } from '../Button/Button.js';
 import { theme } from '../../theme/index.js';
 import { Container, Input, IconContainer } from './styled.js';
-import { CrossIcon } from '../../tempIcons/CrossIcon.js';
-import { SearchIcon } from '../../tempIcons/SearchIcon.js';
+import { CrossIcon } from '../../icons/CrossIcon.js';
+import { SearchIcon } from '../../icons/SearchIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 import { Loader } from '../Loader/Loader.js';