@addev-be/ui 0.6.0 → 0.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@addev-be/ui",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",

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

@@ -12,13 +12,15 @@ import { VirtualScroller } from '../VirtualScroller';
 import { debounce } from 'lodash';
 import { isColumnVisible } from '../DataGrid/helpers';
 
-export const SqlRequestGrid = <R,>({
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export const SqlRequestGrid = <R, P extends object = {}>({
   rowHeight = styles.DEFAULT_ROW_HEIGHT,
   itemsPerRow,
   itemTemplate,
+  itemProps,
   gap,
   ...props
-}: SqlRequestGridProps<R>) => {
+}: SqlRequestGridProps<R, P>) => {
   const currentRows = useRef<R[]>([]);
   const [rows, setRows] = useState<R[]>([]);
   const [start, setStart] = useState(0);
@@ -129,6 +131,7 @@ export const SqlRequestGrid = <R,>({
         items={rows}
         itemTemplate={itemTemplate}
         itemsPerRow={itemsPerRow}
+        itemProps={itemProps}
         rowHeightInPx={rowHeight}
         onRangeChanged={onVisibleRowsChanged}
         gap={gap}

package/src/components/data/SqlRequestGrid/types.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+
 import {
   ConditionDTO,
   FieldDTO,
@@ -29,8 +31,8 @@ export type SqlRequestGridColumn<R> = DataGridColumn<R> & {
 
 export type SqlRequestGridColumns<R> = Record<string, SqlRequestGridColumn<R>>;
 
-export type SqlRequestGridProps<R> = {
-  itemTemplate: VirtualScrollerTemplateFC<R>;
+export type SqlRequestGridProps<R, P extends object = {}> = {
+  itemTemplate: VirtualScrollerTemplateFC<R, P>;
   itemsPerRow?: number;
   rowHeight?: number;
   gap?: string;
@@ -40,4 +42,5 @@ export type SqlRequestGridProps<R> = {
   orderBy?: OrderByDTO[];
   conditions?: ConditionDTO[];
   parser?: (row: SqlRequestRow<R>) => R;
+  itemProps: P;
 };

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

@@ -7,29 +7,29 @@ import { useEffect, useState } from 'react';
 import { VirtualScrollerTemplateFC } from './types';
 import { useVirtualScrolling } from './hooks';
 
-type VirtualScrollerProps<R> = {
+type VirtualScrollerProps<R, P extends object> = {
   gridTemplateColumns: string;
   items: R[];
-  itemTemplate: VirtualScrollerTemplateFC<R>;
+  itemTemplate: VirtualScrollerTemplateFC<R, P>;
   rowHeightInPx?: number;
   gap?: string;
   itemsPerRow?: number;
   tolerance?: number;
-  itemProps?: object;
+  itemProps: P;
   onRangeChanged?: (index: number, length: number) => void;
 };
 
-export const VirtualScroller = <R,>({
+export const VirtualScroller = <R, P extends object>({
   gridTemplateColumns,
   items,
   rowHeightInPx = styles.DEFAULT_ROW_HEIGHT,
   itemTemplate: ItemTemplate,
-  itemProps = {},
+  itemProps,
   onRangeChanged,
   gap,
   itemsPerRow,
   tolerance,
-}: VirtualScrollerProps<R>) => {
+}: VirtualScrollerProps<R, P>) => {
   const [scrollableElement, setScrollableElement] =
     useState<HTMLElement | null>(null);
   const {

package/src/components/data/VirtualScroller/types.ts

@@ -1,8 +1,12 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+
 import { FC } from 'react';
 
-export type VirtualScrollerTemplateProps<R> = {
+export type VirtualScrollerTemplateProps<R, P extends object = {}> = P & {
   item: R | null;
   index: number;
 };
 
-export type VirtualScrollerTemplateFC<R> = FC<VirtualScrollerTemplateProps<R>>;
+export type VirtualScrollerTemplateFC<R, P extends object = {}> = FC<
+  VirtualScrollerTemplateProps<R, P>
+>;

package/src/components/data/index.ts

@@ -7,4 +7,6 @@ export * from './SqlRequestDataGrid/helpers';
 export * from './SqlRequestDataGrid/types';
 export * from './SqlRequestGrid';
 export * from './SqlRequestGrid/types';
+export * from './VirtualScroller';
+export * from './VirtualScroller/types';
 export * from './AdvancedRequestDataGrid/helpers';