@addev-be/ui 0.16.0 → 0.16.2

package/src/components/data/DataGrid/index.tsx

@@ -1,110 +1,110 @@
-import * as styles from './styles';
-
-import {
-  Context,
-  ForwardedRef,
-  forwardRef,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-} from 'react';
-import {
-  DEFAULT_COLUMN_WIDTH,
-  DEFAULT_ROW_HEIGHT,
-  SELECTION_CELL_WIDTH,
-} from './constants';
-import { DataGridContextProps, DataGridProps, DataGridRefProps } from './types';
-
-import { VirtualScroller } from '../VirtualScroller';
-import { DataGridFooter } from './DataGridFooter';
-import { DataGridHeader } from './DataGridHeader';
-import { DataGridRowTemplate } from './DataGridRowTemplate';
-import { useDataGrid } from './hooks';
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
-
-export const DataGridInner = <R,>(
-  {
-    contextOverride,
-    ...props
-  }: DataGridProps<R> & {
-    contextOverride?: Partial<DataGridContextProps<R>>;
-  },
-  ref: ForwardedRef<DataGridRefProps>
-) => {
-  const scrollableRef = useRef<HTMLDivElement>(null);
-  const { className } = props;
-  const [contextProps, DataGridContext] = useDataGrid(props, contextOverride);
-  const {
-    columns,
-    selectable,
-    rowHeight = DEFAULT_ROW_HEIGHT,
-    headerRowHeight = 40,
-    gridTemplateColumns,
-    sortedRows,
-    onVisibleRowsChange,
-    refresh,
-    setSelectedKeys,
-    fixedColumnsCount,
-    resizingColumnKey,
-    moveResizing,
-    endResizing,
-  } = contextProps;
-
-  useImperativeHandle(
-    ref,
-    () => ({
-      refresh: refresh ?? (() => {}),
-      setSelectedKeys,
-    }),
-    [refresh, setSelectedKeys]
-  );
-
-  const hasFooter = Object.values(columns).some((col) => col.footer);
-  const fixedColumnWidths = useMemo(
-    () => [
-      ...(selectable ? [SELECTION_CELL_WIDTH] : []),
-      ...Object.values(columns)
-        .slice(0, fixedColumnsCount ?? 0)
-        .map((col) => col.width ?? DEFAULT_COLUMN_WIDTH),
-    ],
-    [columns, fixedColumnsCount, selectable]
-  );
-
-  const rowTemplate = DataGridRowTemplate;
-
-  return (
-    <DataGridContext.Provider value={contextProps}>
-      <styles.DataGridContainer
-        ref={scrollableRef}
-        $headerRowHeight={headerRowHeight}
-        $rowHeight={rowHeight}
-        $rowsCount={contextProps.sortedRows.length}
-        $withFooter={hasFooter}
-        className={className}
-        $fixedColumnWidths={fixedColumnWidths}
-      >
-        {resizingColumnKey && (
-          <styles.ResizeBackdrop
-            onMouseMove={moveResizing}
-            onMouseUp={endResizing}
-          />
-        )}
-        <DataGridHeader context={DataGridContext} />
-        <VirtualScroller<R, { context: Context<DataGridContextProps<R>> }>
-          integrated
-          gridTemplateColumns={gridTemplateColumns}
-          items={sortedRows}
-          itemTemplate={rowTemplate}
-          itemProps={{ context: DataGridContext }}
-          rowHeightInPx={rowHeight}
-          onRangeChanged={onVisibleRowsChange}
-        />
-        {hasFooter && <DataGridFooter context={DataGridContext} />}
-      </styles.DataGridContainer>
-    </DataGridContext.Provider>
-  );
-};
-
-export const DataGrid = forwardRef(DataGridInner);
+import * as styles from './styles';
+
+import {
+  Context,
+  ForwardedRef,
+  forwardRef,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+} from 'react';
+import {
+  DEFAULT_COLUMN_WIDTH,
+  DEFAULT_ROW_HEIGHT,
+  SELECTION_CELL_WIDTH,
+} from './constants';
+import { DataGridContextProps, DataGridProps, DataGridRefProps } from './types';
+
+import { VirtualScroller } from '../VirtualScroller';
+import { DataGridFooter } from './DataGridFooter';
+import { DataGridHeader } from './DataGridHeader';
+import { DataGridRowTemplate } from './DataGridRowTemplate';
+import { useDataGrid } from './hooks';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+
+export const DataGridInner = <R,>(
+  {
+    contextOverride,
+    ...props
+  }: DataGridProps<R> & {
+    contextOverride?: Partial<DataGridContextProps<R>>;
+  },
+  ref: ForwardedRef<DataGridRefProps>
+) => {
+  const scrollableRef = useRef<HTMLDivElement>(null);
+  const { className } = props;
+  const [contextProps, DataGridContext] = useDataGrid(props, contextOverride);
+  const {
+    columns,
+    selectable,
+    rowHeight = DEFAULT_ROW_HEIGHT,
+    headerRowHeight = 40,
+    gridTemplateColumns,
+    sortedRows,
+    onVisibleRowsChange,
+    refresh,
+    setSelectedKeys,
+    fixedColumnsCount,
+    resizingColumnKey,
+    moveResizing,
+    endResizing,
+  } = contextProps;
+
+  useImperativeHandle(
+    ref,
+    () => ({
+      refresh: refresh ?? (() => {}),
+      setSelectedKeys,
+    }),
+    [refresh, setSelectedKeys]
+  );
+
+  const hasFooter = Object.values(columns).some((col) => col.footer);
+  const fixedColumnWidths = useMemo(
+    () => [
+      ...(selectable ? [SELECTION_CELL_WIDTH] : []),
+      ...Object.values(columns)
+        .slice(0, fixedColumnsCount ?? 0)
+        .map((col) => col.width ?? DEFAULT_COLUMN_WIDTH),
+    ],
+    [columns, fixedColumnsCount, selectable]
+  );
+
+  const rowTemplate = DataGridRowTemplate;
+
+  return (
+    <DataGridContext.Provider value={contextProps}>
+      <styles.DataGridContainer
+        ref={scrollableRef}
+        $headerRowHeight={headerRowHeight}
+        $rowHeight={rowHeight}
+        $rowsCount={contextProps.sortedRows.length}
+        $withFooter={hasFooter}
+        className={className}
+        $fixedColumnWidths={fixedColumnWidths}
+      >
+        {resizingColumnKey && (
+          <styles.ResizeBackdrop
+            onMouseMove={moveResizing}
+            onMouseUp={endResizing}
+          />
+        )}
+        <DataGridHeader context={DataGridContext} />
+        <VirtualScroller<R, { context: Context<DataGridContextProps<R>> }>
+          integrated
+          gridTemplateColumns={gridTemplateColumns}
+          items={sortedRows}
+          itemTemplate={rowTemplate}
+          itemProps={{ context: DataGridContext }}
+          rowHeightInPx={rowHeight}
+          onRangeChanged={onVisibleRowsChange}
+        />
+        {hasFooter && <DataGridFooter context={DataGridContext} />}
+      </styles.DataGridContainer>
+    </DataGridContext.Provider>
+  );
+};
+
+export const DataGrid = forwardRef(DataGridInner);