@hh.ru/magritte-ui-table 4.2.10 → 4.2.11

package/TableRow.js

@@ -4,39 +4,115 @@ import { forwardRef, useContext, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { TableContext } from './context.js';
-import { c as cellStyles } from './cell-C283JD07.js';
-import { s as styles } from './table-C-jo_Mjg.js';
+import { c as cellStyles } from './cell-7-Eiwyn4.js';
+import { s as styles } from './table-CQ76yrLp.js';
 
-const TableRowComponent = ({ style, styleHighlighted, action, showAction, animated, onClick, panel, showPanel, children, measure, align, hoverEnabled, verticalAlign = 'top', 'data-qa': dataQa = 'table-row', ...rest }, ref) => {
-    const { paddingLeft, paddingRight, hoverEnabled: _tableHoverEnabled } = useContext(TableContext);
-    const _hoverEnabled = hoverEnabled ?? _tableHoverEnabled;
-    const highlightedColor = styleHighlighted || style;
-    const wasPanelShown = useRef(null);
-    const rowRef = useRef(null);
-    const multiRef = useMultipleRefs(ref, rowRef);
-    useEffect(() => {
-        if (wasPanelShown.current === null) {
-            wasPanelShown.current = !!(panel && showPanel);
-            return;
-        }
-        if (wasPanelShown.current !== !!(panel && showPanel)) {
-            wasPanelShown.current = !!(panel && showPanel);
-            rowRef.current && measure?.(rowRef.current);
-        }
-    }, [panel, showPanel, measure]);
-    return (jsxs(Fragment, { children: [jsxs("tr", { ...rest, className: classnames(styles.row, {
-                    [styles.active]: !!onClick,
-                    [styles.hoverEnabled]: _hoverEnabled,
-                    [styles.animated]: animated,
-                    [styles.withPanel]: showPanel && panel,
-                    [styles[`style-${style}`]]: style,
-                    [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor,
-                }), onClick: onClick, ref: multiRef, "data-qa": dataQa, style: {
-                    textAlign: align,
-                    verticalAlign,
-                }, children: [!!paddingLeft && (jsx("td", { className: classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td), "data-qa": "table-row-left-space", style: { width: paddingLeft }, children: showAction && action && jsx("div", { className: cellStyles.control, children: action }) })), children, !!paddingRight && (jsx("td", { className: classnames(cellStyles.spaceCell, styles.td), "data-qa": "table-row-right-space", style: { width: paddingRight } }))] }), panel && showPanel && (jsxs("tr", { "data-qa": `${dataQa}-panel`, "data-magritte-table-row-panel": true, className: classnames(styles.row, styles.rowPanel, styles.animated), style: {
-                    textAlign: align,
-                }, children: [!!paddingLeft && (jsx("td", { className: classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td), "data-qa": "table-row-left-space", style: { width: paddingLeft } })), panel, !!paddingRight && (jsx("td", { className: classnames(cellStyles.spaceCell, styles.td), "data-qa": "table-row-right-space", style: { width: paddingRight } }))] }))] }));
+const TableRowComponent = ({
+  style,
+  styleHighlighted,
+  action,
+  showAction,
+  animated,
+  onClick,
+  panel,
+  showPanel,
+  children,
+  measure,
+  align,
+  hoverEnabled,
+  verticalAlign = "top",
+  "data-qa": dataQa = "table-row",
+  ...rest
+}, ref) => {
+  const { paddingLeft, paddingRight, hoverEnabled: _tableHoverEnabled } = useContext(TableContext);
+  const _hoverEnabled = hoverEnabled ?? _tableHoverEnabled;
+  const highlightedColor = styleHighlighted || style;
+  const wasPanelShown = useRef(null);
+  const rowRef = useRef(null);
+  const multiRef = useMultipleRefs(ref, rowRef);
+  useEffect(() => {
+    if (wasPanelShown.current === null) {
+      wasPanelShown.current = !!(panel && showPanel);
+      return;
+    }
+    if (wasPanelShown.current !== !!(panel && showPanel)) {
+      wasPanelShown.current = !!(panel && showPanel);
+      rowRef.current && measure?.(rowRef.current);
+    }
+  }, [panel, showPanel, measure]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        ...rest,
+        className: classnames(styles.row, {
+          [styles.active]: !!onClick,
+          [styles.hoverEnabled]: _hoverEnabled,
+          [styles.animated]: animated,
+          [styles.withPanel]: showPanel && panel,
+          [styles[`style-${style}`]]: style,
+          [styles[`style-highlighted-${highlightedColor}`]]: highlightedColor
+        }),
+        onClick,
+        ref: multiRef,
+        "data-qa": dataQa,
+        style: {
+          textAlign: align,
+          verticalAlign
+        },
+        children: [
+          !!paddingLeft && /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td),
+              "data-qa": "table-row-left-space",
+              style: { width: paddingLeft },
+              children: showAction && action && /* @__PURE__ */ jsx("div", { className: cellStyles.control, children: action })
+            }
+          ),
+          children,
+          !!paddingRight && /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: classnames(cellStyles.spaceCell, styles.td),
+              "data-qa": "table-row-right-space",
+              style: { width: paddingRight }
+            }
+          )
+        ]
+      }
+    ),
+    panel && showPanel && /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        "data-qa": `${dataQa}-panel`,
+        "data-magritte-table-row-panel": true,
+        className: classnames(styles.row, styles.rowPanel, styles.animated),
+        style: {
+          textAlign: align
+        },
+        children: [
+          !!paddingLeft && /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: classnames(cellStyles.spaceCell, cellStyles.pinned, styles.td),
+              "data-qa": "table-row-left-space",
+              style: { width: paddingLeft }
+            }
+          ),
+          panel,
+          !!paddingRight && /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: classnames(cellStyles.spaceCell, styles.td),
+              "data-qa": "table-row-right-space",
+              style: { width: paddingRight }
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 const TableRow = forwardRef(TableRowComponent);
 

package/TableRow.js.map

@@ -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        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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"}
+{"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":[],"mappings":"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"}

package/VirtualizedList/VirtualizedList.js

@@ -4,44 +4,55 @@ import { forwardRef, useContext, Children, isValidElement, useRef, cloneElement
 import classnames from 'classnames';
 import { VirtualizedListContext } from './context.js';
 import { useVirtualizedList } from './useVirtualizedList.js';
-import { s as styles } from '../virtualized-list-CrBJZfKI.js';
+import { s as styles } from '../virtualized-list-DZqJXIA7.js';
 import '@tanstack/react-virtual';
 
-const ActivatedVirtualizedList = ({ ElementItem = 'div', Element = 'div', className, children, ...rest }) => {
-    const childArray = Children.toArray(children).filter((e) => isValidElement(e));
-    const contentRef = useRef(null);
-    const virtualizer = useVirtualizedList({
-        count: childArray.length,
-        contentRef,
-    });
-    const additionalProps = { ...rest };
-    additionalProps.ref = contentRef;
-    const items = virtualizer.getVirtualItems();
-    const [paddingTop, paddingBottom] = items.length > 0
-        ? [
-            Math.max(0, items[0].start - virtualizer.options.scrollMargin),
-            Math.max(0, virtualizer.getTotalSize() - (items[items.length - 1].end - virtualizer.options.scrollMargin)),
-        ]
-        : [0, 0];
-    return (jsxs(Element, { ...additionalProps, className: classnames(styles.virtualizedList, className), children: [paddingTop > 0 && jsx(ElementItem, { style: { height: paddingTop } }), virtualizer.getVirtualItems().map((virtualItem) => {
-                return cloneElement(childArray[virtualItem.index], {
-                    key: virtualItem.key,
-                    'data-index': virtualItem.index,
-                    ref: virtualItem.measureElement,
-                    measure: virtualItem.measureElement,
-                });
-            }), paddingBottom > 0 && jsx(ElementItem, { style: { height: paddingBottom } })] }));
+const ActivatedVirtualizedList = ({
+  ElementItem = "div",
+  Element = "div",
+  className,
+  children,
+  ...rest
+}) => {
+  const childArray = Children.toArray(children).filter((e) => isValidElement(e));
+  const contentRef = useRef(null);
+  const virtualizer = useVirtualizedList({
+    count: childArray.length,
+    contentRef
+  });
+  const additionalProps = { ...rest };
+  additionalProps.ref = contentRef;
+  const items = virtualizer.getVirtualItems();
+  const [paddingTop, paddingBottom] = items.length > 0 ? [
+    Math.max(0, items[0].start - virtualizer.options.scrollMargin),
+    Math.max(
+      0,
+      virtualizer.getTotalSize() - (items[items.length - 1].end - virtualizer.options.scrollMargin)
+    )
+  ] : [0, 0];
+  return /* @__PURE__ */ jsxs(Element, { ...additionalProps, className: classnames(styles.virtualizedList, className), children: [
+    paddingTop > 0 && /* @__PURE__ */ jsx(ElementItem, { style: { height: paddingTop } }),
+    virtualizer.getVirtualItems().map((virtualItem) => {
+      return cloneElement(childArray[virtualItem.index], {
+        key: virtualItem.key,
+        "data-index": virtualItem.index,
+        ref: virtualItem.measureElement,
+        measure: virtualItem.measureElement
+      });
+    }),
+    paddingBottom > 0 && /* @__PURE__ */ jsx(ElementItem, { style: { height: paddingBottom } })
+  ] });
 };
 const VirtualizedList = (props) => {
-    const { Element = 'div', className, ElementItem, children, ...rest } = props;
-    const { virtualized } = useContext(VirtualizedListContext);
-    if (!virtualized) {
-        return (jsx(Element, { ...rest, className: classnames(styles.virtualizedList, className), children: children }));
-    }
-    return jsx(ActivatedVirtualizedList, { ...props });
+  const { Element = "div", className, ElementItem, children, ...rest } = props;
+  const { virtualized } = useContext(VirtualizedListContext);
+  if (!virtualized) {
+    return /* @__PURE__ */ jsx(Element, { ...rest, className: classnames(styles.virtualizedList, className), children });
+  }
+  return /* @__PURE__ */ jsx(ActivatedVirtualizedList, { ...props });
 };
 const VirtualizedItemComponent = ({ measure, ...rest }, ref) => {
-    return jsx("div", { ...rest, ref: ref });
+  return /* @__PURE__ */ jsx("div", { ...rest, ref });
 };
 const VirtualizedItem = forwardRef(VirtualizedItemComponent);
 

package/VirtualizedList/VirtualizedList.js.map

@@ -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, 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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"}
+{"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":[],"mappings":"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"}

package/VirtualizedList/VirtualizedListWrapper.js

@@ -5,22 +5,48 @@ import classnames from 'classnames';
 import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
 import { VirtualizedListContext, DEFAULT_ITEM_HEIGHT } from './context.js';
-import { s as styles } from '../virtualized-list-CrBJZfKI.js';
+import { s as styles } from '../virtualized-list-DZqJXIA7.js';
 
-const VirtualizedListWrapperComponent = ({ fixedSize, topPanel, bottomPanel, virtualized = true, measureElement, estimateSize = DEFAULT_ITEM_HEIGHT, children, }, ref) => {
-    const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({
-        axis: fixedSize ? 'vertical' : 'none',
-    });
-    const contentRef = useRef(null);
-    const wrapperRefCallback = useMultipleRefs(ref, vScrollbar.scrollContainerRef);
-    const contentRefCallback = useMultipleRefs(contentRef, vScrollbar.contentWrapperRef);
-    const value = useMemo(() => ({
-        fixedSize,
-        virtualized,
-        measureElement,
-        estimateSize,
-    }), [fixedSize, virtualized, measureElement, estimateSize]);
-    return (jsxs("div", { className: classnames(styles.virtualizedWrapper, vScrollbar.hoverContainerCssClass), children: [jsx("div", { className: classnames({ [styles.scrollWrapper]: fixedSize }), "data-virtualized-list-wrapper": true, ref: wrapperRefCallback, children: jsxs(VirtualizedListContext.Provider, { value: value, children: [topPanel, jsx("div", { ref: contentRefCallback, "data-virtualized-list-content": true, children: children }), bottomPanel] }) }), hasVerticalScroll && jsx(Scrollbar, { className: styles.verticalScrollbar, ...verticalScrollbarProps })] }));
+const VirtualizedListWrapperComponent = ({
+  fixedSize,
+  topPanel,
+  bottomPanel,
+  virtualized = true,
+  measureElement,
+  estimateSize = DEFAULT_ITEM_HEIGHT,
+  children
+}, ref) => {
+  const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({
+    axis: fixedSize ? "vertical" : "none"
+  });
+  const contentRef = useRef(null);
+  const wrapperRefCallback = useMultipleRefs(ref, vScrollbar.scrollContainerRef);
+  const contentRefCallback = useMultipleRefs(contentRef, vScrollbar.contentWrapperRef);
+  const value = useMemo(
+    () => ({
+      fixedSize,
+      virtualized,
+      measureElement,
+      estimateSize
+    }),
+    [fixedSize, virtualized, measureElement, estimateSize]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classnames(styles.virtualizedWrapper, vScrollbar.hoverContainerCssClass), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classnames({ [styles.scrollWrapper]: fixedSize }),
+        "data-virtualized-list-wrapper": true,
+        ref: wrapperRefCallback,
+        children: /* @__PURE__ */ jsxs(VirtualizedListContext.Provider, { value, children: [
+          topPanel,
+          /* @__PURE__ */ jsx("div", { ref: contentRefCallback, "data-virtualized-list-content": true, children }),
+          bottomPanel
+        ] })
+      }
+    ),
+    hasVerticalScroll && /* @__PURE__ */ jsx(Scrollbar, { className: styles.verticalScrollbar, ...verticalScrollbarProps })
+  ] });
 };
 const VirtualizedListWrapper = forwardRef(VirtualizedListWrapperComponent);
 

package/VirtualizedList/VirtualizedListWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedListWrapper.js","sources":["src/VirtualizedList/VirtualizedListWrapper.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, PropsWithChildren, ReactNode, useMemo, useRef } from 'react';\nimport { VirtualizerOptions } from '@tanstack/virtual-core';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\nimport { VirtualizedListContext, DEFAULT_ITEM_HEIGHT } from '@hh.ru/magritte-ui-table/VirtualizedList/context';\n\nimport styles from './virtualized-list.less';\n\ninterface VirtualizedListWrapperProps extends PropsWithChildren {\n    /** Находится ли список в блоке ограниченной высоты */\n    fixedSize?: boolean;\n    /** Верхняя панель */\n    topPanel?: ReactNode;\n    /** Нижняя панель */\n    bottomPanel?: ReactNode;\n    /** Включена ли виртуализация */\n    virtualized?: boolean;\n    /** Функция для замера размеров айтема списка (по умолчанию используется getBoundingClientRect.height) */\n    measureElement?: VirtualizerOptions<HTMLElement, Element>['measureElement'];\n    /** Предполагаемая высота айтема (по умолчанию 80px) */\n    estimateSize?: number;\n}\n\nconst VirtualizedListWrapperComponent = (\n    {\n        fixedSize,\n        topPanel,\n        bottomPanel,\n        virtualized = true,\n        measureElement,\n        estimateSize = DEFAULT_ITEM_HEIGHT,\n        children,\n    }: VirtualizedListWrapperProps,\n    ref: ForwardedRef<HTMLDivElement>\n) => {\n    const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({\n        axis: fixedSize ? 'vertical' : 'none',\n    });\n    const contentRef = useRef<HTMLDivElement>(null);\n    const wrapperRefCallback = useMultipleRefs(ref, vScrollbar.scrollContainerRef);\n    const contentRefCallback = useMultipleRefs(contentRef, vScrollbar.contentWrapperRef);\n\n    const value = useMemo(\n        () => ({\n            fixedSize,\n            virtualized,\n            measureElement,\n            estimateSize,\n        }),\n        [fixedSize, virtualized, measureElement, estimateSize]\n    );\n\n    return (\n        <div className={classnames(styles.virtualizedWrapper, vScrollbar.hoverContainerCssClass)}>\n            <div\n                className={classnames({ [styles.scrollWrapper]: fixedSize })}\n                data-virtualized-list-wrapper\n                ref={wrapperRefCallback}\n            >\n                <VirtualizedListContext.Provider value={value}>\n                    {topPanel}\n                    <div ref={contentRefCallback} data-virtualized-list-content>\n                        {children}\n                    </div>\n                    {bottomPanel}\n                </VirtualizedListContext.Provider>\n            </div>\n            {hasVerticalScroll && <Scrollbar className={styles.verticalScrollbar} {...verticalScrollbarProps} />}\n        </div>\n    );\n};\n\nexport const VirtualizedListWrapper = forwardRef(VirtualizedListWrapperComponent);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAyBA,MAAM,+BAA+B,GAAG,CACpC,EACI,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,IAAI,EAClB,cAAc,EACd,YAAY,GAAG,mBAAmB,EAClC,QAAQ,GACkB,EAC9B,GAAiC,KACjC;IACA,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,UAAU,EAAE,GAAG,YAAY,CAAC;QAC9E,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM;AACxC,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,kBAAkB,GAAG,eAAe,CAAC,GAAG,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC/E,MAAM,kBAAkB,GAAG,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;AAErF,IAAA,MAAM,KAAK,GAAG,OAAO,CACjB,OAAO;QACH,SAAS;QACT,WAAW;QACX,cAAc;QACd,YAAY;KACf,CAAC,EACF,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,CAAC,CACzD,CAAC;AAEF,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,sBAAsB,CAAC,aACpFC,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa,GAAG,SAAS,EAAE,CAAC,EAAA,+BAAA,EAAA,IAAA,EAE5D,GAAG,EAAE,kBAAkB,EAEvB,QAAA,EAAAD,IAAA,CAAC,sBAAsB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EACxC,QAAA,EAAA,CAAA,QAAQ,EACTC,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,kBAAkB,EACvB,+BAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,GACP,EACL,WAAW,CACkB,EAAA,CAAA,EAAA,CAChC,EACL,iBAAiB,IAAIA,GAAC,CAAA,SAAS,IAAC,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAM,GAAA,sBAAsB,EAAI,CAAA,CAAA,EAAA,CAClG,EACR;AACN,CAAC,CAAC;MAEW,sBAAsB,GAAG,UAAU,CAAC,+BAA+B;;;;"}
+{"version":3,"file":"VirtualizedListWrapper.js","sources":["src/VirtualizedList/VirtualizedListWrapper.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, PropsWithChildren, ReactNode, useMemo, useRef } from 'react';\nimport { VirtualizerOptions } from '@tanstack/virtual-core';\nimport classnames from 'classnames';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { Scrollbar, useScrollbar } from '@hh.ru/magritte-ui-scrollbar';\nimport { VirtualizedListContext, DEFAULT_ITEM_HEIGHT } from '@hh.ru/magritte-ui-table/VirtualizedList/context';\n\nimport styles from './virtualized-list.less';\n\ninterface VirtualizedListWrapperProps extends PropsWithChildren {\n    /** Находится ли список в блоке ограниченной высоты */\n    fixedSize?: boolean;\n    /** Верхняя панель */\n    topPanel?: ReactNode;\n    /** Нижняя панель */\n    bottomPanel?: ReactNode;\n    /** Включена ли виртуализация */\n    virtualized?: boolean;\n    /** Функция для замера размеров айтема списка (по умолчанию используется getBoundingClientRect.height) */\n    measureElement?: VirtualizerOptions<HTMLElement, Element>['measureElement'];\n    /** Предполагаемая высота айтема (по умолчанию 80px) */\n    estimateSize?: number;\n}\n\nconst VirtualizedListWrapperComponent = (\n    {\n        fixedSize,\n        topPanel,\n        bottomPanel,\n        virtualized = true,\n        measureElement,\n        estimateSize = DEFAULT_ITEM_HEIGHT,\n        children,\n    }: VirtualizedListWrapperProps,\n    ref: ForwardedRef<HTMLDivElement>\n) => {\n    const { hasVerticalScroll, verticalScrollbarProps, ...vScrollbar } = useScrollbar({\n        axis: fixedSize ? 'vertical' : 'none',\n    });\n    const contentRef = useRef<HTMLDivElement>(null);\n    const wrapperRefCallback = useMultipleRefs(ref, vScrollbar.scrollContainerRef);\n    const contentRefCallback = useMultipleRefs(contentRef, vScrollbar.contentWrapperRef);\n\n    const value = useMemo(\n        () => ({\n            fixedSize,\n            virtualized,\n            measureElement,\n            estimateSize,\n        }),\n        [fixedSize, virtualized, measureElement, estimateSize]\n    );\n\n    return (\n        <div className={classnames(styles.virtualizedWrapper, vScrollbar.hoverContainerCssClass)}>\n            <div\n                className={classnames({ [styles.scrollWrapper]: fixedSize })}\n                data-virtualized-list-wrapper\n                ref={wrapperRefCallback}\n            >\n                <VirtualizedListContext.Provider value={value}>\n                    {topPanel}\n                    <div ref={contentRefCallback} data-virtualized-list-content>\n                        {children}\n                    </div>\n                    {bottomPanel}\n                </VirtualizedListContext.Provider>\n            </div>\n            {hasVerticalScroll && <Scrollbar className={styles.verticalScrollbar} {...verticalScrollbarProps} />}\n        </div>\n    );\n};\n\nexport const VirtualizedListWrapper = forwardRef(VirtualizedListWrapperComponent);\n"],"names":[],"mappings":";;;;;;;;AAyBA,MAAM,kCAAkC,CACpC;AAAA,EACI,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,cAAA;AAAA,EACA,YAAe,GAAA,mBAAA;AAAA,EACf,QAAA;AACJ,CAAA,EACA,GACC,KAAA;AACD,EAAA,MAAM,EAAE,iBAAmB,EAAA,sBAAA,EAAwB,GAAG,UAAA,KAAe,YAAa,CAAA;AAAA,IAC9E,IAAA,EAAM,YAAY,UAAa,GAAA,MAAA;AAAA,GAClC,CAAA,CAAA;AACD,EAAM,MAAA,UAAA,GAAa,OAAuB,IAAI,CAAA,CAAA;AAC9C,EAAA,MAAM,kBAAqB,GAAA,eAAA,CAAgB,GAAK,EAAA,UAAA,CAAW,kBAAkB,CAAA,CAAA;AAC7E,EAAA,MAAM,kBAAqB,GAAA,eAAA,CAAgB,UAAY,EAAA,UAAA,CAAW,iBAAiB,CAAA,CAAA;AAEnF,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACV,OAAO;AAAA,MACH,SAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,KACJ,CAAA;AAAA,IACA,CAAC,SAAA,EAAW,WAAa,EAAA,cAAA,EAAgB,YAAY,CAAA;AAAA,GACzD,CAAA;AAEA,EACI,uBAAA,IAAA,CAAC,SAAI,SAAW,EAAA,UAAA,CAAW,OAAO,kBAAoB,EAAA,UAAA,CAAW,sBAAsB,CACnF,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,WAAW,EAAE,CAAC,OAAO,aAAa,GAAG,WAAW,CAAA;AAAA,QAC3D,+BAA6B,EAAA,IAAA;AAAA,QAC7B,GAAK,EAAA,kBAAA;AAAA,QAEL,QAAC,kBAAA,IAAA,CAAA,sBAAA,CAAuB,QAAvB,EAAA,EAAgC,KAC5B,EAAA,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,8BACA,KAAI,EAAA,EAAA,GAAA,EAAK,kBAAoB,EAAA,+BAAA,EAA6B,MACtD,QACL,EAAA,CAAA;AAAA,UACC,WAAA;AAAA,SACL,EAAA,CAAA;AAAA,OAAA;AAAA,KACJ;AAAA,IACC,qCAAsB,GAAA,CAAA,SAAA,EAAA,EAAU,WAAW,MAAO,CAAA,iBAAA,EAAoB,GAAG,sBAAwB,EAAA,CAAA;AAAA,GACtG,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEa,MAAA,sBAAA,GAAyB,WAAW,+BAA+B;;;;"}

package/VirtualizedList/VirtualizedPanel.js

@@ -1,14 +1,20 @@
 import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
-import { s as styles } from '../virtualized-list-CrBJZfKI.js';
+import { s as styles } from '../virtualized-list-DZqJXIA7.js';
 
-const VirtualizedPanel = ({ stickyTop, stickyBottom, style = 'primary', children }) => {
-    return (jsx("div", { className: classnames(styles.panelContainer, styles.topPanel, {
-            [styles[`panel-style-${style}`]]: style,
-            [styles.stickyTop]: stickyTop,
-            [styles.stickyBottom]: stickyBottom,
-        }), children: jsx("div", { className: classnames(styles.panel), children: children }) }));
+const VirtualizedPanel = ({ stickyTop, stickyBottom, style = "primary", children }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classnames(styles.panelContainer, styles.topPanel, {
+        [styles[`panel-style-${style}`]]: style,
+        [styles.stickyTop]: stickyTop,
+        [styles.stickyBottom]: stickyBottom
+      }),
+      children: /* @__PURE__ */ jsx("div", { className: classnames(styles.panel), children })
+    }
+  );
 };
 
 export { VirtualizedPanel };

package/VirtualizedList/VirtualizedPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPanel.js","sources":["src/VirtualizedList/VirtualizedPanel.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { TokenColorBackground } from '@hh.ru/magritte-design-tokens/types';\n\nimport styles from './virtualized-list.less';\n\ninterface PanelProps extends PropsWithChildren {\n    /** Прилипает ли панель сверху */\n    stickyTop?: boolean;\n    /** Прилипает ли панель снизу */\n    stickyBottom?: boolean;\n    /** Цвет фона */\n    style?: TokenColorBackground;\n}\n\nexport const VirtualizedPanel: FC<PanelProps> = ({ stickyTop, stickyBottom, style = 'primary', children }) => {\n    return (\n        <div\n            className={classnames(styles.panelContainer, styles.topPanel, {\n                [styles[`panel-style-${style}`]]: style,\n                [styles.stickyTop]: stickyTop,\n                [styles.stickyBottom]: stickyBottom,\n            })}\n        >\n            <div className={classnames(styles.panel)}>{children}</div>\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;AAgBa,MAAA,gBAAgB,GAAmB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,EAAE,KAAI;AACzG,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE;YAC1D,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,KAAK,EAAE,CAAC,GAAG,KAAK;AACvC,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS;AAC7B,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,SAAA,CAAC,EAEF,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,EAAG,QAAA,EAAA,QAAQ,EAAO,CAAA,EAAA,CACxD,EACR;AACN;;;;"}
+{"version":3,"file":"VirtualizedPanel.js","sources":["src/VirtualizedList/VirtualizedPanel.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { TokenColorBackground } from '@hh.ru/magritte-design-tokens/types';\n\nimport styles from './virtualized-list.less';\n\ninterface PanelProps extends PropsWithChildren {\n    /** Прилипает ли панель сверху */\n    stickyTop?: boolean;\n    /** Прилипает ли панель снизу */\n    stickyBottom?: boolean;\n    /** Цвет фона */\n    style?: TokenColorBackground;\n}\n\nexport const VirtualizedPanel: FC<PanelProps> = ({ stickyTop, stickyBottom, style = 'primary', children }) => {\n    return (\n        <div\n            className={classnames(styles.panelContainer, styles.topPanel, {\n                [styles[`panel-style-${style}`]]: style,\n                [styles.stickyTop]: stickyTop,\n                [styles.stickyBottom]: stickyBottom,\n            })}\n        >\n            <div className={classnames(styles.panel)}>{children}</div>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;AAgBa,MAAA,gBAAA,GAAmC,CAAC,EAAE,SAAA,EAAW,cAAc,KAAQ,GAAA,SAAA,EAAW,UAAe,KAAA;AAC1G,EACI,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAW,EAAA,UAAA,CAAW,MAAO,CAAA,cAAA,EAAgB,OAAO,QAAU,EAAA;AAAA,QAC1D,CAAC,MAAO,CAAA,CAAA,YAAA,EAAe,KAAK,CAAA,CAAE,CAAC,GAAG,KAAA;AAAA,QAClC,CAAC,MAAO,CAAA,SAAS,GAAG,SAAA;AAAA,QACpB,CAAC,MAAO,CAAA,YAAY,GAAG,YAAA;AAAA,OAC1B,CAAA;AAAA,MAED,8BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,WAAW,MAAO,CAAA,KAAK,GAAI,QAAS,EAAA,CAAA;AAAA,KAAA;AAAA,GACxD,CAAA;AAER;;;;"}

package/VirtualizedList/context.js

@@ -3,7 +3,7 @@ import { createContext } from 'react';
 
 const DEFAULT_ITEM_HEIGHT = 80;
 const VirtualizedListContext = createContext({
-    estimateSize: DEFAULT_ITEM_HEIGHT,
+  estimateSize: DEFAULT_ITEM_HEIGHT
 });
 
 export { DEFAULT_ITEM_HEIGHT, VirtualizedListContext };

package/VirtualizedList/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["src/VirtualizedList/context.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { VirtualizerOptions } from '@tanstack/virtual-core';\n\nexport const DEFAULT_ITEM_HEIGHT = 80;\n\nexport interface VirtualizedListContextProps {\n    fixedSize?: boolean;\n    virtualized?: boolean;\n    measureElement?: VirtualizerOptions<HTMLElement, Element>['measureElement'];\n    estimateSize: number;\n}\n\nexport const VirtualizedListContext = createContext<VirtualizedListContextProps>({\n    estimateSize: DEFAULT_ITEM_HEIGHT,\n});\n"],"names":[],"mappings":";;AAGO,MAAM,mBAAmB,GAAG,GAAG;AAS/B,MAAM,sBAAsB,GAAG,aAAa,CAA8B;AAC7E,IAAA,YAAY,EAAE,mBAAmB;AACpC,CAAA;;;;"}
+{"version":3,"file":"context.js","sources":["src/VirtualizedList/context.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { VirtualizerOptions } from '@tanstack/virtual-core';\n\nexport const DEFAULT_ITEM_HEIGHT = 80;\n\nexport interface VirtualizedListContextProps {\n    fixedSize?: boolean;\n    virtualized?: boolean;\n    measureElement?: VirtualizerOptions<HTMLElement, Element>['measureElement'];\n    estimateSize: number;\n}\n\nexport const VirtualizedListContext = createContext<VirtualizedListContextProps>({\n    estimateSize: DEFAULT_ITEM_HEIGHT,\n});\n"],"names":[],"mappings":";;AAGO,MAAM,mBAAsB,GAAA,GAAA;AAS5B,MAAM,yBAAyB,aAA2C,CAAA;AAAA,EAC7E,YAAc,EAAA,mBAAA;AAClB,CAAC;;;;"}

package/VirtualizedList/index.d.ts

@@ -1,3 +1,3 @@
-export * from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedListWrapper';
-export * from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedList';
-export * from '@hh.ru/magritte-ui-table/VirtualizedList/VirtualizedPanel';
+export * from '../VirtualizedList/VirtualizedListWrapper';
+export * from '../VirtualizedList/VirtualizedList';
+export * from '../VirtualizedList/VirtualizedPanel';

package/VirtualizedList/index.js

@@ -8,7 +8,7 @@ import 'classnames';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-scrollbar';
 import './context.js';
-import '../virtualized-list-CrBJZfKI.js';
+import '../virtualized-list-DZqJXIA7.js';
 import './useVirtualizedList.js';
 import '@tanstack/react-virtual';
 //# sourceMappingURL=index.js.map

package/VirtualizedList/useVirtualizedList.js

@@ -4,39 +4,35 @@ import { useVirtualizer, useWindowVirtualizer } from '@tanstack/react-virtual';
 import { VirtualizedListContext } from './context.js';
 
 const useVirtualizedList = ({ count, contentRef }) => {
-    const { fixedSize, measureElement, estimateSize } = useContext(VirtualizedListContext);
-    const getScrollMargin = () => {
-        if (!contentRef.current) {
-            return 0;
-        }
-        if (fixedSize) {
-            const containerElement = contentRef.current.closest('[data-virtualized-list-content]');
-            return contentRef?.current.offsetTop + (containerElement?.offsetTop ?? 0);
-        }
-        return contentRef.current
-            ? document.documentElement.scrollTop + contentRef.current.getBoundingClientRect().top
-            : 0;
-    };
-    const virtualizerOptions = {
-        count,
-        estimateSize: () => estimateSize,
-        overscan: 5,
-        measureElement,
-        scrollMargin: getScrollMargin(),
-        initialRect: { width: 0, height: 5 * estimateSize },
-    };
-    const virtualizerHook = (fixedSize ? useVirtualizer : useWindowVirtualizer);
-    const virtualizer = virtualizerHook({
-        ...virtualizerOptions,
-        ...(fixedSize
-            ? {
-                getScrollElement: () => {
-                    return contentRef.current?.closest('[data-virtualized-list-wrapper]') || null;
-                },
-            }
-            : {}),
-    });
-    return virtualizer;
+  const { fixedSize, measureElement, estimateSize } = useContext(VirtualizedListContext);
+  const getScrollMargin = () => {
+    if (!contentRef.current) {
+      return 0;
+    }
+    if (fixedSize) {
+      const containerElement = contentRef.current.closest("[data-virtualized-list-content]");
+      return contentRef?.current.offsetTop + (containerElement?.offsetTop ?? 0);
+    }
+    return contentRef.current ? document.documentElement.scrollTop + contentRef.current.getBoundingClientRect().top : 0;
+  };
+  const virtualizerOptions = {
+    count,
+    estimateSize: () => estimateSize,
+    overscan: 5,
+    measureElement,
+    scrollMargin: getScrollMargin(),
+    initialRect: { width: 0, height: 5 * estimateSize }
+  };
+  const virtualizerHook = fixedSize ? useVirtualizer : useWindowVirtualizer;
+  const virtualizer = virtualizerHook({
+    ...virtualizerOptions,
+    ...fixedSize ? {
+      getScrollElement: () => {
+        return contentRef.current?.closest("[data-virtualized-list-wrapper]") || null;
+      }
+    } : {}
+  });
+  return virtualizer;
 };
 
 export { useVirtualizedList };