@hh.ru/magritte-ui-table 4.0.4 → 4.2.0
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.
- package/BaseTable.d.ts +3 -0
- package/BaseTable.js +167 -0
- package/BaseTable.js.map +1 -0
- package/SimpleTable.d.ts +3 -0
- package/SimpleTable.js +23 -0
- package/SimpleTable.js.map +1 -0
- package/StickyTableHeader.js +7 -3
- package/StickyTableHeader.js.map +1 -1
- package/Table.js +16 -159
- package/Table.js.map +1 -1
- package/TableBody.js +2 -2
- package/TableCell.js +11 -5
- package/TableCell.js.map +1 -1
- package/TableHeader.js +2 -2
- package/TableRow.js +6 -4
- package/TableRow.js.map +1 -1
- package/VirtualizedList/VirtualizedList.js +2 -2
- package/VirtualizedList/VirtualizedList.js.map +1 -1
- package/VirtualizedList/VirtualizedListWrapper.js +1 -1
- package/VirtualizedList/VirtualizedPanel.js +1 -1
- package/VirtualizedList/index.js +1 -1
- package/cell-Bv5_vyaJ.js +5 -0
- package/cell-Bv5_vyaJ.js.map +1 -0
- package/context.d.ts +1 -0
- package/context.js +1 -0
- package/context.js.map +1 -1
- package/index.css +1238 -561
- package/index.d.ts +1 -0
- package/index.js +7 -4
- package/index.js.map +1 -1
- package/index.mock.d.ts +1 -0
- package/index.mock.js +2 -1
- package/index.mock.js.map +1 -1
- package/package.json +3 -2
- package/table-fZwdy4a5.js +5 -0
- package/table-fZwdy4a5.js.map +1 -0
- package/types.d.ts +12 -3
- package/virtualized-list-CXLOah3n.js +5 -0
- package/virtualized-list-CXLOah3n.js.map +1 -0
- package/cell-7oIL_F5q.js +0 -5
- package/cell-7oIL_F5q.js.map +0 -1
- package/table-QMqzXL_B.js +0 -5
- package/table-QMqzXL_B.js.map +0 -1
- package/virtualized-list-BYDoC__0.js +0 -5
- package/virtualized-list-BYDoC__0.js.map +0 -1
package/TableCell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","sources":["src/TableCell.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"TableCell.js","sources":["src/TableCell.tsx"],"sourcesContent":["import {\n PropsWithChildren,\n useCallback,\n useContext,\n useLayoutEffect,\n useRef,\n forwardRef,\n ForwardedRef,\n CSSProperties,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useLayoutContext } from '@hh.ru/magritte-ui-grid/layoutContext';\nimport { generateCssVarsFromMap } from '@hh.ru/magritte-ui-layout';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableCellProps } from '@hh.ru/magritte-ui-table/types';\n\nimport styles from './cell.less';\nimport tableStyles from './table.less';\n\nconst TableCellComponent = (\n {\n Element = 'td',\n m,\n l,\n xl,\n xxl,\n width: _widthValue,\n children,\n stickyLeft,\n stickyRight,\n align,\n verticalAlign,\n stretched = true,\n 'data-qa': dataQa = 'table-cell',\n ...rest\n }: PropsWithChildren<TableCellProps>,\n ref: ForwardedRef<HTMLTableCellElement>\n) => {\n const isWidthObject = typeof _widthValue === 'object' && _widthValue !== null && !Array.isArray(_widthValue);\n const cssVars = isWidthObject\n ? generateCssVarsFromMap({ width: _widthValue }, { width: '--table-cell-w' })\n : ({ width: _widthValue, maxWidth: _widthValue } as CSSProperties);\n\n const cellRef = useRef<HTMLTableCellElement>(null);\n const multiRef = useMultipleRefs(ref, cellRef);\n const extendsL = l ?? m;\n const extendsXL = xl ?? extendsL;\n const extendsXXL = xxl ?? extendsXL;\n const { paddingRight, fontLoaded, subscribeResizeHandler, unsubscribeResizeHandler } = useContext(TableContext);\n const { sidebarEnabled, showSidebarFrom } = useLayoutContext();\n\n const calcCoordinates = useCallback(() => {\n if (cellRef.current && cellRef.current.parentElement) {\n cellRef.current.style.removeProperty('left');\n cellRef.current.style.removeProperty('right');\n const { left: parentLeft, right: parentRight } = cellRef.current.parentElement.getBoundingClientRect();\n const { right, left } = cellRef.current.getBoundingClientRect();\n if (stickyLeft) {\n cellRef.current.style.setProperty('left', `${left - parentLeft}px`);\n }\n\n if (stickyRight && cellRef.current.parentElement) {\n cellRef.current.style.setProperty('right', `${parentRight - right - (paddingRight ?? 0)}px`);\n }\n }\n }, [paddingRight, stickyRight, stickyLeft]);\n\n useLayoutEffect(() => {\n if (fontLoaded && (stickyLeft || stickyRight)) {\n calcCoordinates();\n subscribeResizeHandler?.(calcCoordinates);\n\n return () => unsubscribeResizeHandler?.(calcCoordinates);\n }\n\n return void 0;\n }, [\n stickyRight,\n stickyLeft,\n fontLoaded,\n paddingRight,\n calcCoordinates,\n subscribeResizeHandler,\n unsubscribeResizeHandler,\n ]);\n\n return (\n <Element\n {...rest}\n data-qa={dataQa}\n data-magritte-table-cell\n className={classnames(styles.cell, tableStyles.td, {\n [styles.noStretched]: !stretched,\n [styles.withWidth]: !!isWidthObject,\n [styles[`cell_m-${m}`]]: m,\n [styles[`cell_l-${extendsL}`]]: extendsL,\n [styles[`cell_xl-${extendsXL}`]]: extendsXL,\n [styles[`cell_xxl-${extendsXXL}`]]: extendsXXL,\n [styles[`with-sidebar-from-${showSidebarFrom}`]]: sidebarEnabled,\n [styles.sticky]: stickyLeft || stickyRight,\n [styles.stickyLeft]: stickyLeft,\n [styles.stickyRight]: stickyRight,\n })}\n ref={multiRef}\n style={{\n textAlign: align,\n verticalAlign,\n ...cssVars,\n }}\n >\n {children}\n </Element>\n );\n};\nexport const TableCell = forwardRef(TableCellComponent);\n"],"names":["_jsx","styles","tableStyles"],"mappings":"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"}
|
package/TableHeader.js
CHANGED
|
@@ -4,9 +4,9 @@ import { useRef, useContext } from 'react';
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { StickyTableHeader } from './StickyTableHeader.js';
|
|
6
6
|
import { TableContext } from './context.js';
|
|
7
|
-
import { s as styles } from './table-
|
|
7
|
+
import { s as styles } from './table-fZwdy4a5.js';
|
|
8
8
|
import 'react-dom';
|
|
9
|
-
import './cell-
|
|
9
|
+
import './cell-Bv5_vyaJ.js';
|
|
10
10
|
|
|
11
11
|
const TableHeader = ({ divider, density = 16, 'data-qa': dataQa = 'table-header', children, }) => {
|
|
12
12
|
const theadRef = useRef(null);
|
package/TableRow.js
CHANGED
|
@@ -4,11 +4,12 @@ import { forwardRef, useContext, useRef, useEffect } from 'react';
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
|
|
6
6
|
import { TableContext } from './context.js';
|
|
7
|
-
import { c as cellStyles } from './cell-
|
|
8
|
-
import { s as styles } from './table-
|
|
7
|
+
import { c as cellStyles } from './cell-Bv5_vyaJ.js';
|
|
8
|
+
import { s as styles } from './table-fZwdy4a5.js';
|
|
9
9
|
|
|
10
|
-
const TableRowComponent = ({ style, styleHighlighted, action, showAction, animated, onClick, panel, showPanel, children, measure, align, verticalAlign = 'top', 'data-qa': dataQa = 'table-row', ...rest }, ref) => {
|
|
11
|
-
const { paddingLeft, paddingRight } = useContext(TableContext);
|
|
10
|
+
const TableRowComponent = ({ style, styleHighlighted, action, showAction, animated, onClick, panel, showPanel, children, measure, align, hoverEnabled, verticalAlign = 'top', 'data-qa': dataQa = 'table-row', ...rest }, ref) => {
|
|
11
|
+
const { paddingLeft, paddingRight, hoverEnabled: _tableHoverEnabled } = useContext(TableContext);
|
|
12
|
+
const _hoverEnabled = hoverEnabled ?? _tableHoverEnabled;
|
|
12
13
|
const highlightedColor = styleHighlighted || style;
|
|
13
14
|
const wasPanelShown = useRef(null);
|
|
14
15
|
const rowRef = useRef(null);
|
|
@@ -25,6 +26,7 @@ const TableRowComponent = ({ style, styleHighlighted, action, showAction, animat
|
|
|
25
26
|
}, [panel, showPanel, measure]);
|
|
26
27
|
return (jsxs(Fragment, { children: [jsxs("tr", { ...rest, className: classnames(styles.row, {
|
|
27
28
|
[styles.active]: !!onClick,
|
|
29
|
+
[styles.hoverEnabled]: _hoverEnabled,
|
|
28
30
|
[styles.animated]: animated,
|
|
29
31
|
[styles.withPanel]: showPanel && panel,
|
|
30
32
|
[styles[`style-${style}`]]: style,
|
package/TableRow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sources":["src/TableRow.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useContext, useEffect, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableRowProps } from '@hh.ru/magritte-ui-table/types';\n\nimport cellStyles from './cell.less';\nimport styles from './table.less';\n\nconst TableRowComponent = (\n {\n style,\n styleHighlighted,\n action,\n showAction,\n animated,\n onClick,\n panel,\n showPanel,\n children,\n measure,\n align,\n verticalAlign = 'top',\n 'data-qa': dataQa = 'table-row',\n ...rest\n }: TableRowProps,\n ref: ForwardedRef<HTMLTableRowElement>\n) => {\n const { paddingLeft, paddingRight } = useContext(TableContext);\n const highlightedColor = styleHighlighted || style;\n const wasPanelShown = useRef<boolean | null>(null);\n const rowRef = useRef(null);\n const multiRef = useMultipleRefs(ref, rowRef);\n\n useEffect(() => {\n if (wasPanelShown.current === null) {\n wasPanelShown.current = !!(panel && showPanel);\n return;\n }\n\n if (wasPanelShown.current !== !!(panel && showPanel)) {\n wasPanelShown.current = !!(panel && showPanel);\n rowRef.current && measure?.(rowRef.current);\n }\n }, [panel, showPanel, measure]);\n\n return (\n <>\n <tr\n {...rest}\n className={classnames(styles.row, {\n [styles.active]: !!onClick,\n [styles.animated]: animated,\n [styles.withPanel]: showPanel && panel,\n [styles[`style-${style}`]]: style,\n [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor,\n })}\n onClick={onClick}\n ref={multiRef}\n data-qa={dataQa}\n style={{\n textAlign: align,\n verticalAlign,\n }}\n >\n {!!paddingLeft && (\n <td\n className={classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td)}\n data-qa=\"table-row-left-space\"\n style={{ width: paddingLeft }}\n >\n {showAction && action && <div className={cellStyles.control}>{action}</div>}\n </td>\n )}\n {children}\n {!!paddingRight && (\n <td\n className={classnames(cellStyles.spaceCell, styles.td)}\n data-qa=\"table-row-right-space\"\n style={{ width: paddingRight }}\n ></td>\n )}\n </tr>\n {panel && showPanel && (\n <tr\n data-qa={`${dataQa}-panel`}\n data-magritte-table-row-panel\n className={classnames(styles.row, styles.rowPanel, styles.animated)}\n style={{\n textAlign: align,\n }}\n >\n {!!paddingLeft && (\n <td\n className={classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td)}\n data-qa=\"table-row-left-space\"\n style={{ width: paddingLeft }}\n ></td>\n )}\n {panel}\n {!!paddingRight && (\n <td\n className={classnames(cellStyles.spaceCell, styles.td)}\n data-qa=\"table-row-right-space\"\n style={{ width: paddingRight }}\n ></td>\n )}\n </tr>\n )}\n </>\n );\n};\n\nexport const TableRow = forwardRef(TableRowComponent);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AAUA,MAAM,iBAAiB,GAAG,CACtB,EACI,KAAK,EACL,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAa,GAAG,KAAK,EACrB,SAAS,EAAE,MAAM,GAAG,WAAW,EAC/B,GAAG,IAAI,EACK,EAChB,GAAsC,KACtC;
|
|
1
|
+
{"version":3,"file":"TableRow.js","sources":["src/TableRow.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useContext, useEffect, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { TableContext } from '@hh.ru/magritte-ui-table/context';\nimport { TableRowProps } from '@hh.ru/magritte-ui-table/types';\n\nimport cellStyles from './cell.less';\nimport styles from './table.less';\n\nconst TableRowComponent = (\n {\n style,\n styleHighlighted,\n action,\n showAction,\n animated,\n onClick,\n panel,\n showPanel,\n children,\n measure,\n align,\n hoverEnabled,\n verticalAlign = 'top',\n 'data-qa': dataQa = 'table-row',\n ...rest\n }: TableRowProps,\n ref: ForwardedRef<HTMLTableRowElement>\n) => {\n const { paddingLeft, paddingRight, hoverEnabled: _tableHoverEnabled } = useContext(TableContext);\n const _hoverEnabled = hoverEnabled ?? _tableHoverEnabled;\n const highlightedColor = styleHighlighted || style;\n const wasPanelShown = useRef<boolean | null>(null);\n const rowRef = useRef(null);\n const multiRef = useMultipleRefs(ref, rowRef);\n\n useEffect(() => {\n if (wasPanelShown.current === null) {\n wasPanelShown.current = !!(panel && showPanel);\n return;\n }\n\n if (wasPanelShown.current !== !!(panel && showPanel)) {\n wasPanelShown.current = !!(panel && showPanel);\n rowRef.current && measure?.(rowRef.current);\n }\n }, [panel, showPanel, measure]);\n\n return (\n <>\n <tr\n {...rest}\n className={classnames(styles.row, {\n [styles.active]: !!onClick,\n [styles.hoverEnabled]: _hoverEnabled,\n [styles.animated]: animated,\n [styles.withPanel]: showPanel && panel,\n [styles[`style-${style}`]]: style,\n [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor,\n })}\n onClick={onClick}\n ref={multiRef}\n data-qa={dataQa}\n style={{\n textAlign: align,\n verticalAlign,\n }}\n >\n {!!paddingLeft && (\n <td\n className={classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td)}\n data-qa=\"table-row-left-space\"\n style={{ width: paddingLeft }}\n >\n {showAction && action && <div className={cellStyles.control}>{action}</div>}\n </td>\n )}\n {children}\n {!!paddingRight && (\n <td\n className={classnames(cellStyles.spaceCell, styles.td)}\n data-qa=\"table-row-right-space\"\n style={{ width: paddingRight }}\n ></td>\n )}\n </tr>\n {panel && showPanel && (\n <tr\n data-qa={`${dataQa}-panel`}\n data-magritte-table-row-panel\n className={classnames(styles.row, styles.rowPanel, styles.animated)}\n style={{\n textAlign: align,\n }}\n >\n {!!paddingLeft && (\n <td\n className={classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td)}\n data-qa=\"table-row-left-space\"\n style={{ width: paddingLeft }}\n ></td>\n )}\n {panel}\n {!!paddingRight && (\n <td\n className={classnames(cellStyles.spaceCell, styles.td)}\n data-qa=\"table-row-right-space\"\n style={{ width: paddingRight }}\n ></td>\n )}\n </tr>\n )}\n </>\n );\n};\n\nexport const TableRow = forwardRef(TableRowComponent);\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { forwardRef, useContext, Children, isValidElement, useRef, cloneElement
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { VirtualizedListContext } from './context.js';
|
|
6
6
|
import { useVirtualizedList } from './useVirtualizedList.js';
|
|
7
|
-
import { s as styles } from '../virtualized-list-
|
|
7
|
+
import { s as styles } from '../virtualized-list-CXLOah3n.js';
|
|
8
8
|
import '@tanstack/react-virtual';
|
|
9
9
|
|
|
10
10
|
const ActivatedVirtualizedList = ({ ElementItem = 'div', Element = 'div', className, children, ...rest }) => {
|
|
@@ -33,7 +33,7 @@ const ActivatedVirtualizedList = ({ ElementItem = 'div', Element = 'div', classN
|
|
|
33
33
|
}), paddingBottom > 0 && jsx(ElementItem, { style: { height: paddingBottom } })] }));
|
|
34
34
|
};
|
|
35
35
|
const VirtualizedList = (props) => {
|
|
36
|
-
const { Element = 'div', className, children, ...rest } = props;
|
|
36
|
+
const { Element = 'div', className, ElementItem, children, ...rest } = props;
|
|
37
37
|
const { virtualized } = useContext(VirtualizedListContext);
|
|
38
38
|
if (!virtualized) {
|
|
39
39
|
return (jsx(Element, { ...rest, className: classnames(styles.virtualizedList, className), children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualizedList.js","sources":["src/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n FC,\n type ForwardedRef,\n forwardRef,\n HTMLAttributes,\n isValidElement,\n PropsWithChildren,\n ReactElement,\n useContext,\n useRef,\n} from 'react';\nimport { VirtualItem } from '@tanstack/virtual-core';\nimport classnames from 'classnames';\n\nimport { VirtualizedListContext } from '@hh.ru/magritte-ui-table/VirtualizedList/context';\nimport { useVirtualizedList } from '@hh.ru/magritte-ui-table/VirtualizedList/useVirtualizedList';\n\nimport styles from './virtualized-list.less';\n\ninterface VirtualizedListProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {\n ElementItem?: keyof JSX.IntrinsicElements & keyof HTMLElementTagNameMap;\n Element?: keyof JSX.IntrinsicElements & keyof HTMLElementTagNameMap;\n}\n\nconst ActivatedVirtualizedList: FC<VirtualizedListProps> = ({\n ElementItem = 'div',\n Element = 'div',\n className,\n children,\n ...rest\n}) => {\n const childArray = Children.toArray(children).filter<ReactElement>((e): e is ReactElement => isValidElement(e));\n const contentRef = useRef<HTMLElement>(null);\n\n const virtualizer = useVirtualizedList({\n count: childArray.length,\n contentRef,\n });\n\n const additionalProps: Record<string, unknown> = { ...rest };\n\n additionalProps.ref = contentRef;\n\n const items = virtualizer.getVirtualItems();\n const [paddingTop, paddingBottom] =\n items.length > 0\n ? [\n Math.max(0, items[0].start - virtualizer.options.scrollMargin),\n Math.max(\n 0,\n virtualizer.getTotalSize() - (items[items.length - 1].end - virtualizer.options.scrollMargin)\n ),\n ]\n : [0, 0];\n\n return (\n <Element {...additionalProps} className={classnames(styles.virtualizedList, className)}>\n {paddingTop > 0 && <ElementItem style={{ height: paddingTop }}></ElementItem>}\n {virtualizer.getVirtualItems().map((virtualItem) => {\n return cloneElement(childArray[virtualItem.index], {\n key: virtualItem.key,\n 'data-index': virtualItem.index,\n ref: virtualItem.measureElement,\n measure: virtualItem.measureElement,\n });\n })}\n {paddingBottom > 0 && <ElementItem style={{ height: paddingBottom }}></ElementItem>}\n </Element>\n );\n};\n\nexport const VirtualizedList: FC<VirtualizedListProps> = (props) => {\n const { Element = 'div', className, children, ...rest } = props;\n\n const { virtualized } = useContext(VirtualizedListContext);\n\n if (!virtualized) {\n return (\n <Element {...rest} className={classnames(styles.virtualizedList, className)}>\n {children}\n </Element>\n );\n }\n\n return <ActivatedVirtualizedList {...props} />;\n};\n\ninterface VirtualizedItemProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {\n measure?: VirtualItem<Element>['measureElement'];\n}\n\nconst VirtualizedItemComponent = ({ measure, ...rest }: VirtualizedItemProps, ref: ForwardedRef<HTMLDivElement>) => {\n return <div {...rest} ref={ref} />;\n};\n\nexport const VirtualizedItem = forwardRef(VirtualizedItemComponent);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AA0BA,MAAM,wBAAwB,GAA6B,CAAC,EACxD,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACV,KAAI;IACD,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAe,CAAC,CAAC,KAAwB,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAChH,IAAA,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,MAAM,WAAW,GAAG,kBAAkB,CAAC;QACnC,KAAK,EAAE,UAAU,CAAC,MAAM;QACxB,UAAU;AACb,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,eAAe,GAA4B,EAAE,GAAG,IAAI,EAAE,CAAC;AAE7D,IAAA,eAAe,CAAC,GAAG,GAAG,UAAU,CAAC;AAEjC,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,eAAe,EAAE,CAAC;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAC7B,KAAK,CAAC,MAAM,GAAG,CAAC;AACZ,UAAE;AACI,YAAA,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC;AAC9D,YAAA,IAAI,CAAC,GAAG,CACJ,CAAC,EACD,WAAW,CAAC,YAAY,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAChG;AACJ,SAAA;AACH,UAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEjB,IAAA,QACIA,IAAC,CAAA,OAAO,OAAK,eAAe,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,EACjF,QAAA,EAAA,CAAA,UAAU,GAAG,CAAC,IAAIC,IAAC,WAAW,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAAgB,CAAA,EAC5E,WAAW,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,KAAI;gBAC/C,OAAO,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;oBAC/C,GAAG,EAAE,WAAW,CAAC,GAAG;oBACpB,YAAY,EAAE,WAAW,CAAC,KAAK;oBAC/B,GAAG,EAAE,WAAW,CAAC,cAAc;oBAC/B,OAAO,EAAE,WAAW,CAAC,cAAc;AACtC,iBAAA,CAAC,CAAC;AACP,aAAC,CAAC,EACD,aAAa,GAAG,CAAC,IAAIA,IAAC,WAAW,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAgB,CAAA,CAAA,EAAA,CAC7E,EACZ;AACN,CAAC,CAAC;AAEW,MAAA,eAAe,GAA6B,CAAC,KAAK,KAAI;AAC/D,IAAA,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"VirtualizedList.js","sources":["src/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n FC,\n type ForwardedRef,\n forwardRef,\n HTMLAttributes,\n isValidElement,\n PropsWithChildren,\n ReactElement,\n useContext,\n useRef,\n} from 'react';\nimport { VirtualItem } from '@tanstack/virtual-core';\nimport classnames from 'classnames';\n\nimport { VirtualizedListContext } from '@hh.ru/magritte-ui-table/VirtualizedList/context';\nimport { useVirtualizedList } from '@hh.ru/magritte-ui-table/VirtualizedList/useVirtualizedList';\n\nimport styles from './virtualized-list.less';\n\ninterface VirtualizedListProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {\n ElementItem?: keyof JSX.IntrinsicElements & keyof HTMLElementTagNameMap;\n Element?: keyof JSX.IntrinsicElements & keyof HTMLElementTagNameMap;\n}\n\nconst ActivatedVirtualizedList: FC<VirtualizedListProps> = ({\n ElementItem = 'div',\n Element = 'div',\n className,\n children,\n ...rest\n}) => {\n const childArray = Children.toArray(children).filter<ReactElement>((e): e is ReactElement => isValidElement(e));\n const contentRef = useRef<HTMLElement>(null);\n\n const virtualizer = useVirtualizedList({\n count: childArray.length,\n contentRef,\n });\n\n const additionalProps: Record<string, unknown> = { ...rest };\n\n additionalProps.ref = contentRef;\n\n const items = virtualizer.getVirtualItems();\n const [paddingTop, paddingBottom] =\n items.length > 0\n ? [\n Math.max(0, items[0].start - virtualizer.options.scrollMargin),\n Math.max(\n 0,\n virtualizer.getTotalSize() - (items[items.length - 1].end - virtualizer.options.scrollMargin)\n ),\n ]\n : [0, 0];\n\n return (\n <Element {...additionalProps} className={classnames(styles.virtualizedList, className)}>\n {paddingTop > 0 && <ElementItem style={{ height: paddingTop }}></ElementItem>}\n {virtualizer.getVirtualItems().map((virtualItem) => {\n return cloneElement(childArray[virtualItem.index], {\n key: virtualItem.key,\n 'data-index': virtualItem.index,\n ref: virtualItem.measureElement,\n measure: virtualItem.measureElement,\n });\n })}\n {paddingBottom > 0 && <ElementItem style={{ height: paddingBottom }}></ElementItem>}\n </Element>\n );\n};\n\nexport const VirtualizedList: FC<VirtualizedListProps> = (props) => {\n const { Element = 'div', className, ElementItem, children, ...rest } = props;\n\n const { virtualized } = useContext(VirtualizedListContext);\n\n if (!virtualized) {\n return (\n <Element {...rest} className={classnames(styles.virtualizedList, className)}>\n {children}\n </Element>\n );\n }\n\n return <ActivatedVirtualizedList {...props} />;\n};\n\ninterface VirtualizedItemProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {\n measure?: VirtualItem<Element>['measureElement'];\n}\n\nconst VirtualizedItemComponent = ({ measure, ...rest }: VirtualizedItemProps, ref: ForwardedRef<HTMLDivElement>) => {\n return <div {...rest} ref={ref} />;\n};\n\nexport const VirtualizedItem = forwardRef(VirtualizedItemComponent);\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import classnames from 'classnames';
|
|
|
5
5
|
import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
|
|
6
6
|
import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
|
|
7
7
|
import { VirtualizedListContext, DEFAULT_ITEM_HEIGHT } from './context.js';
|
|
8
|
-
import { s as styles } from '../virtualized-list-
|
|
8
|
+
import { s as styles } from '../virtualized-list-CXLOah3n.js';
|
|
9
9
|
|
|
10
10
|
const VirtualizedListWrapperComponent = ({ fixedSize, topPanel, bottomPanel, virtualized = true, measureElement, estimateSize = DEFAULT_ITEM_HEIGHT, children, }, ref) => {
|
|
11
11
|
const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './../index.css';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
|
-
import { s as styles } from '../virtualized-list-
|
|
4
|
+
import { s as styles } from '../virtualized-list-CXLOah3n.js';
|
|
5
5
|
|
|
6
6
|
const VirtualizedPanel = ({ stickyTop, stickyBottom, style = 'primary', children }) => {
|
|
7
7
|
return (jsx("div", { className: classnames(styles.panelContainer, styles.topPanel, {
|
package/VirtualizedList/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import 'classnames';
|
|
|
8
8
|
import '@hh.ru/magritte-common-use-multiple-refs';
|
|
9
9
|
import '@hh.ru/magritte-ui-scrollbar';
|
|
10
10
|
import './context.js';
|
|
11
|
-
import '../virtualized-list-
|
|
11
|
+
import '../virtualized-list-CXLOah3n.js';
|
|
12
12
|
import './useVirtualizedList.js';
|
|
13
13
|
import '@tanstack/react-virtual';
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
package/cell-Bv5_vyaJ.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
var cellStyles = {"cell":"magritte-cell___9SN-h_4-2-0","space-cell":"magritte-space-cell___FEzuM_4-2-0","spaceCell":"magritte-space-cell___FEzuM_4-2-0","with-width":"magritte-with-width___k5ozd_4-2-0","withWidth":"magritte-with-width___k5ozd_4-2-0","pinned":"magritte-pinned___45ssa_4-2-0","control":"magritte-control___zooF6_4-2-0","no-stretched":"magritte-no-stretched___z49Ns_4-2-0","noStretched":"magritte-no-stretched___z49Ns_4-2-0","sticky":"magritte-sticky___-VZrW_4-2-0","duplicate-table":"magritte-duplicate-table___5UfjM_4-2-0","duplicateTable":"magritte-duplicate-table___5UfjM_4-2-0","cell_m-1":"magritte-cell_m-1___hXvsr_4-2-0","cellM1":"magritte-cell_m-1___hXvsr_4-2-0","cell_m-2":"magritte-cell_m-2___ACrWd_4-2-0","cellM2":"magritte-cell_m-2___ACrWd_4-2-0","cell_m-3":"magritte-cell_m-3___gYLFS_4-2-0","cellM3":"magritte-cell_m-3___gYLFS_4-2-0","cell_m-4":"magritte-cell_m-4___abIIK_4-2-0","cellM4":"magritte-cell_m-4___abIIK_4-2-0","cell_m-5":"magritte-cell_m-5___KnqH6_4-2-0","cellM5":"magritte-cell_m-5___KnqH6_4-2-0","cell_m-6":"magritte-cell_m-6___o95mb_4-2-0","cellM6":"magritte-cell_m-6___o95mb_4-2-0","cell_m-7":"magritte-cell_m-7___DEaIG_4-2-0","cellM7":"magritte-cell_m-7___DEaIG_4-2-0","cell_m-8":"magritte-cell_m-8___TGFI7_4-2-0","cellM8":"magritte-cell_m-8___TGFI7_4-2-0","cell_m-9":"magritte-cell_m-9___yiGBE_4-2-0","cellM9":"magritte-cell_m-9___yiGBE_4-2-0","cell_m-10":"magritte-cell_m-10___tU-P9_4-2-0","cellM10":"magritte-cell_m-10___tU-P9_4-2-0","cell_m-11":"magritte-cell_m-11___Wls8v_4-2-0","cellM11":"magritte-cell_m-11___Wls8v_4-2-0","cell_m-12":"magritte-cell_m-12___QtJUR_4-2-0","cellM12":"magritte-cell_m-12___QtJUR_4-2-0","with-sidebar-from-m":"magritte-with-sidebar-from-m___-CXQh_4-2-0","withSidebarFromM":"magritte-with-sidebar-from-m___-CXQh_4-2-0","cell_l-1":"magritte-cell_l-1___08WTv_4-2-0","cellL1":"magritte-cell_l-1___08WTv_4-2-0","cell_l-2":"magritte-cell_l-2___3Egzi_4-2-0","cellL2":"magritte-cell_l-2___3Egzi_4-2-0","cell_l-3":"magritte-cell_l-3___8CURS_4-2-0","cellL3":"magritte-cell_l-3___8CURS_4-2-0","cell_l-4":"magritte-cell_l-4___4bGq1_4-2-0","cellL4":"magritte-cell_l-4___4bGq1_4-2-0","cell_l-5":"magritte-cell_l-5___2LvKm_4-2-0","cellL5":"magritte-cell_l-5___2LvKm_4-2-0","cell_l-6":"magritte-cell_l-6___ICN-G_4-2-0","cellL6":"magritte-cell_l-6___ICN-G_4-2-0","cell_l-7":"magritte-cell_l-7___1IyZf_4-2-0","cellL7":"magritte-cell_l-7___1IyZf_4-2-0","cell_l-8":"magritte-cell_l-8___KYB-a_4-2-0","cellL8":"magritte-cell_l-8___KYB-a_4-2-0","cell_l-9":"magritte-cell_l-9___CeTym_4-2-0","cellL9":"magritte-cell_l-9___CeTym_4-2-0","cell_l-10":"magritte-cell_l-10___acKEl_4-2-0","cellL10":"magritte-cell_l-10___acKEl_4-2-0","cell_l-11":"magritte-cell_l-11___VKWNT_4-2-0","cellL11":"magritte-cell_l-11___VKWNT_4-2-0","cell_l-12":"magritte-cell_l-12___SHHVR_4-2-0","cellL12":"magritte-cell_l-12___SHHVR_4-2-0","with-sidebar-from-l":"magritte-with-sidebar-from-l___9PLNP_4-2-0","withSidebarFromL":"magritte-with-sidebar-from-l___9PLNP_4-2-0","cell_xl-1":"magritte-cell_xl-1___d-7Mu_4-2-0","cellXl1":"magritte-cell_xl-1___d-7Mu_4-2-0","cell_xl-2":"magritte-cell_xl-2___0v1mr_4-2-0","cellXl2":"magritte-cell_xl-2___0v1mr_4-2-0","cell_xl-3":"magritte-cell_xl-3___dGaO8_4-2-0","cellXl3":"magritte-cell_xl-3___dGaO8_4-2-0","cell_xl-4":"magritte-cell_xl-4___XyiBZ_4-2-0","cellXl4":"magritte-cell_xl-4___XyiBZ_4-2-0","cell_xl-5":"magritte-cell_xl-5___Wzntx_4-2-0","cellXl5":"magritte-cell_xl-5___Wzntx_4-2-0","cell_xl-6":"magritte-cell_xl-6___cppOO_4-2-0","cellXl6":"magritte-cell_xl-6___cppOO_4-2-0","cell_xl-7":"magritte-cell_xl-7___z-rPX_4-2-0","cellXl7":"magritte-cell_xl-7___z-rPX_4-2-0","cell_xl-8":"magritte-cell_xl-8___uYKvC_4-2-0","cellXl8":"magritte-cell_xl-8___uYKvC_4-2-0","cell_xl-9":"magritte-cell_xl-9___Re651_4-2-0","cellXl9":"magritte-cell_xl-9___Re651_4-2-0","cell_xl-10":"magritte-cell_xl-10___-RKb4_4-2-0","cellXl10":"magritte-cell_xl-10___-RKb4_4-2-0","cell_xl-11":"magritte-cell_xl-11___Lmnus_4-2-0","cellXl11":"magritte-cell_xl-11___Lmnus_4-2-0","cell_xl-12":"magritte-cell_xl-12___14HGy_4-2-0","cellXl12":"magritte-cell_xl-12___14HGy_4-2-0","with-sidebar-from-xl":"magritte-with-sidebar-from-xl___mHiwg_4-2-0","withSidebarFromXl":"magritte-with-sidebar-from-xl___mHiwg_4-2-0","cell_xxl-1":"magritte-cell_xxl-1___Jhugp_4-2-0","cellXxl1":"magritte-cell_xxl-1___Jhugp_4-2-0","cell_xxl-2":"magritte-cell_xxl-2___TEKj-_4-2-0","cellXxl2":"magritte-cell_xxl-2___TEKj-_4-2-0","cell_xxl-3":"magritte-cell_xxl-3___V-OWy_4-2-0","cellXxl3":"magritte-cell_xxl-3___V-OWy_4-2-0","cell_xxl-4":"magritte-cell_xxl-4___NDlag_4-2-0","cellXxl4":"magritte-cell_xxl-4___NDlag_4-2-0","cell_xxl-5":"magritte-cell_xxl-5___4caIu_4-2-0","cellXxl5":"magritte-cell_xxl-5___4caIu_4-2-0","cell_xxl-6":"magritte-cell_xxl-6___al5Oz_4-2-0","cellXxl6":"magritte-cell_xxl-6___al5Oz_4-2-0","cell_xxl-7":"magritte-cell_xxl-7___40epc_4-2-0","cellXxl7":"magritte-cell_xxl-7___40epc_4-2-0","cell_xxl-8":"magritte-cell_xxl-8___7jbSF_4-2-0","cellXxl8":"magritte-cell_xxl-8___7jbSF_4-2-0","cell_xxl-9":"magritte-cell_xxl-9___cANRv_4-2-0","cellXxl9":"magritte-cell_xxl-9___cANRv_4-2-0","cell_xxl-10":"magritte-cell_xxl-10___Wxan9_4-2-0","cellXxl10":"magritte-cell_xxl-10___Wxan9_4-2-0","cell_xxl-11":"magritte-cell_xxl-11___tPewy_4-2-0","cellXxl11":"magritte-cell_xxl-11___tPewy_4-2-0","cell_xxl-12":"magritte-cell_xxl-12___AviUH_4-2-0","cellXxl12":"magritte-cell_xxl-12___AviUH_4-2-0","with-sidebar-from-xxl":"magritte-with-sidebar-from-xxl___EMLcq_4-2-0","withSidebarFromXxl":"magritte-with-sidebar-from-xxl___EMLcq_4-2-0","has-scroll-left":"magritte-has-scroll-left___dEeNV_4-2-0","hasScrollLeft":"magritte-has-scroll-left___dEeNV_4-2-0","sticky-left":"magritte-sticky-left___r-bgc_4-2-0","stickyLeft":"magritte-sticky-left___r-bgc_4-2-0","has-scroll-right":"magritte-has-scroll-right___-eu5N_4-2-0","hasScrollRight":"magritte-has-scroll-right___-eu5N_4-2-0","sticky-right":"magritte-sticky-right___-ocur_4-2-0","stickyRight":"magritte-sticky-right___-ocur_4-2-0"};
|
|
3
|
+
|
|
4
|
+
export { cellStyles as c };
|
|
5
|
+
//# sourceMappingURL=cell-Bv5_vyaJ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-Bv5_vyaJ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/context.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export interface TableContextProps {
|
|
|
8
8
|
fixedSize?: boolean;
|
|
9
9
|
fontLoaded: boolean;
|
|
10
10
|
virtualized?: boolean;
|
|
11
|
+
hoverEnabled?: boolean;
|
|
11
12
|
subscribeResizeHandler?: (e: Subscription, index?: number) => void;
|
|
12
13
|
unsubscribeResizeHandler?: (e: Subscription) => void;
|
|
13
14
|
}
|
package/context.js
CHANGED
package/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sources":["src/context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\ntype Subscription = () => void;\n\nexport interface TableContextProps {\n headerNode: HTMLDivElement | null;\n stickyHeader?: boolean;\n divider?: boolean;\n paddingLeft?: number;\n paddingRight?: number;\n fixedSize?: boolean;\n fontLoaded: boolean;\n virtualized?: boolean;\n subscribeResizeHandler?: (e: Subscription, index?: number) => void;\n unsubscribeResizeHandler?: (e: Subscription) => void;\n}\n\nexport const TableContext = createContext<TableContextProps>({\n headerNode: null,\n fontLoaded: false,\n});\n"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"context.js","sources":["src/context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\ntype Subscription = () => void;\n\nexport interface TableContextProps {\n headerNode: HTMLDivElement | null;\n stickyHeader?: boolean;\n divider?: boolean;\n paddingLeft?: number;\n paddingRight?: number;\n fixedSize?: boolean;\n fontLoaded: boolean;\n virtualized?: boolean;\n hoverEnabled?: boolean;\n subscribeResizeHandler?: (e: Subscription, index?: number) => void;\n unsubscribeResizeHandler?: (e: Subscription) => void;\n}\n\nexport const TableContext = createContext<TableContextProps>({\n headerNode: null,\n fontLoaded: false,\n hoverEnabled: false,\n});\n"],"names":[],"mappings":";;AAkBO,MAAM,YAAY,GAAG,aAAa,CAAoB;AACzD,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA;;;;"}
|