@snack-uikit/table 0.25.13-preview-03091779.0 → 0.25.13

package/dist/esm/components/Table/hooks/useRowVirtualizer.js

@@ -1,29 +0,0 @@
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { useReducer } from 'react';
-import { useLayoutEffect } from '@snack-uikit/utils';
-/**
- * If virtualization is disabled
- */
-const useNoopVirtualizerFn = () => undefined;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function useRowVirtualizer(table, enabled) {
-    var _a;
-    const { getRowModel, options } = table;
-    const { rowVirtualizerInstanceRef, rowVirtualizerOptions, tableContainerRef } = ((_a = options.meta) !== null && _a !== void 0 ? _a : {});
-    // TODO
-    const [_, forceUpdate] = useReducer(x => x + 1, 0);
-    const useVirtualizerFn = enabled ? useVirtualizer : useNoopVirtualizerFn;
-    const normalRowHeight = 40;
-    const rowVirtualizer = useVirtualizerFn(Object.assign({ count: getRowModel().rows.length, estimateSize: () => normalRowHeight, getScrollElement: () => tableContainerRef.current, measureElement: typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1
-            ? element => element === null || element === void 0 ? void 0 : element.getBoundingClientRect().height
-            : undefined, overscan: 28 }, rowVirtualizerOptions));
-    // TODO
-    useLayoutEffect(() => {
-        if (enabled)
-            forceUpdate();
-    }, [enabled]);
-    if ((rowVirtualizerInstanceRef === null || rowVirtualizerInstanceRef === void 0 ? void 0 : rowVirtualizerInstanceRef.current) && rowVirtualizer) {
-        rowVirtualizerInstanceRef.current = rowVirtualizer;
-    }
-    return rowVirtualizer;
-}

package/dist/esm/helperComponents/Rows/VirtualRow.d.ts

@@ -1,7 +0,0 @@
-import { VirtualItem } from '@tanstack/react-virtual';
-import { HTMLAttributes } from 'react';
-export declare const VirtualRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    virtualRow?: VirtualItem;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/helperComponents/Rows/VirtualRow.js

@@ -1,28 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-export const VirtualRow = forwardRef((_a, ref) => {
-    var { virtualRow, children } = _a, attributes = __rest(_a, ["virtualRow", "children"]);
-    if (!virtualRow) {
-        return _jsx(_Fragment, { children: children });
-    }
-    return (_jsx("div", Object.assign({ ref: ref, style: virtualRow
-            ? {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width: '100%',
-                transform: `translateY(${virtualRow.start}px)`,
-            }
-            : undefined }, attributes, { children: children })));
-});

package/src/components/Table/hooks/useRowVirtualizer.ts

@@ -1,51 +0,0 @@
-import { Table } from '@tanstack/react-table';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { MutableRefObject, useReducer } from 'react';
-
-import { useLayoutEffect } from '@snack-uikit/utils';
-
-import { TableProps } from '../../types';
-
-/**
- * If virtualization is disabled
- */
-const useNoopVirtualizerFn = () => undefined;
-
-type MetaParams = Pick<TableProps<never>, 'rowVirtualizerInstanceRef' | 'rowVirtualizerOptions'> & {
-  tableContainerRef: MutableRefObject<HTMLElement | null>;
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function useRowVirtualizer(table: Table<any>, enabled: boolean) {
-  const { getRowModel, options } = table;
-  const { rowVirtualizerInstanceRef, rowVirtualizerOptions, tableContainerRef } = (options.meta ?? {}) as MetaParams;
-
-  // TODO
-  const [_, forceUpdate] = useReducer(x => x + 1, 0);
-
-  const useVirtualizerFn = enabled ? useVirtualizer : useNoopVirtualizerFn;
-  const normalRowHeight = 40;
-
-  const rowVirtualizer = useVirtualizerFn({
-    count: getRowModel().rows.length,
-    estimateSize: () => normalRowHeight,
-    getScrollElement: () => tableContainerRef.current,
-    measureElement:
-      typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1
-        ? element => element?.getBoundingClientRect().height
-        : undefined,
-    overscan: 28,
-    ...rowVirtualizerOptions,
-  });
-
-  // TODO
-  useLayoutEffect(() => {
-    if (enabled) forceUpdate();
-  }, [enabled]);
-
-  if (rowVirtualizerInstanceRef?.current && rowVirtualizer) {
-    rowVirtualizerInstanceRef.current = rowVirtualizer;
-  }
-
-  return rowVirtualizer;
-}

package/src/helperComponents/Rows/VirtualRow.tsx

@@ -1,31 +0,0 @@
-import { VirtualItem } from '@tanstack/react-virtual';
-import { forwardRef, HTMLAttributes, PropsWithChildren } from 'react';
-
-export const VirtualRow = forwardRef<
-  HTMLDivElement,
-  PropsWithChildren<HTMLAttributes<HTMLDivElement> & { virtualRow?: VirtualItem }>
->(({ virtualRow, children, ...attributes }, ref) => {
-  if (!virtualRow) {
-    return <>{children}</>;
-  }
-
-  return (
-    <div
-      ref={ref}
-      style={
-        virtualRow
-          ? {
-              position: 'absolute',
-              top: 0,
-              left: 0,
-              width: '100%',
-              transform: `translateY(${virtualRow.start}px)`,
-            }
-          : undefined
-      }
-      {...attributes}
-    >
-      {children}
-    </div>
-  );
-});