@redsift/table 7.8.1 → 8.0.0-alpha.1

package/CONTRIBUTING.md

@@ -48,11 +48,11 @@ The Design System is following a monorepo architecture, providing multiple packa
 
 - `@redsift/charts`
 
-  This package provides charts components. Charts are based on [d3.js](https://d3js.org/) and are mainly static. For filterable charts, see `@redsift/dashboard`.
+  This package provides charts components. Charts are based on [d3.js](https://d3js.org/) for computation, [react](https://react.dev/) for rendering and events and [react-spring](https://www.react-spring.dev/) for animations and transitions.
 
 - `@redsift/dashboard`
 
-  This package provides dashboard-related components. Charts are based on [dc.js](https://dc-js.github.io/dc.js/), [d3fc](https://d3fc.io/) and [crossfilter](https://crossfilter.github.io/crossfilter/) and datagrids are based on `@redsift/table`. It contains every filterable elements to use inside a dashboard. For static charts, see `@redsift/charts`.
+  This package provides dashboard-related components and decorators to make charts and datagrid filterable using [crossfilter](https://crossfilter.github.io/crossfilter/).
 
 - _Deprecated_ `@redsift/design-system-legacy`
 

package/index.d.ts

@@ -1,11 +1,22 @@
 import * as _mui_x_data_grid_pro from '@mui/x-data-grid-pro';
-import { GridFilterItem, GridCellParams, GridFilterInputMultipleValue, GridFilterOperator, DataGridProProps, GridToolbarExportProps, GridToolbarFilterButtonProps, GridToolbarColumnsButton, GridToolbarDensitySelector } from '@mui/x-data-grid-pro';
-export { GridAlignment, GridColDef, GridColumns, GridFilterItem, GridFilterModel, GridSelectionModel, getGridBooleanOperators, getGridDateOperators, getGridNumericOperators, getGridSingleSelectOperators, getGridStringOperators } from '@mui/x-data-grid-pro';
+import { GridFilterItem, GridCellParams, GridFilterOperator, GridFilterInputMultipleValue, DataGridProProps, GridToolbarExportProps, GridToolbarFilterButtonProps, GridToolbarColumnsButton, GridToolbarDensitySelector } from '@mui/x-data-grid-pro';
+export { GridAlignment, GridColDef, GridColumns, GridFilterItem, GridFilterModel, GridSelectionModel, getGridBooleanOperators, getGridDateOperators, getGridSingleSelectOperators } from '@mui/x-data-grid-pro';
 import { Comp, ColorPalette, ProductColorPalette, ShieldVariant } from '@redsift/design-system';
-import { JSXElementConstructor, RefObject, ComponentProps, ReactNode } from 'react';
+import React, { ReactNode, RefObject, ComponentProps } from 'react';
 
 declare const DETAIL_PANEL_TOGGLE_COL_DEF: _mui_x_data_grid_pro.GridColDef<any, any, any>;
 
+declare const IS_BETWEEN: {
+    label: string;
+    value: string;
+    getApplyFilterFn: (filterItem: GridFilterItem) => ((params: GridCellParams) => boolean) | null;
+    InputComponent: (props: any) => JSX.Element;
+};
+
+declare const getGridNumericOperators: () => GridFilterOperator<any, number | string | null, any>[];
+
+declare const getGridStringOperators: () => GridFilterOperator<any, number | string | null, any>[];
+
 declare const CONTAINS_ANY_OF: {
     label: string;
     value: string;
@@ -20,7 +31,19 @@ declare const ENDS_WITH_ANY_OF: {
     InputComponent: typeof GridFilterInputMultipleValue;
 };
 
-declare const IS_ANY_OF: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>;
+declare const IS_ANY_OF: {
+    label: string;
+    value: string;
+    getApplyFilterFn: (filterItem: GridFilterItem) => ((params: GridCellParams) => boolean) | null;
+    InputComponent: typeof GridFilterInputMultipleValue;
+};
+
+declare const IS_NOT_ANY_OF: {
+    label: string;
+    value: string;
+    getApplyFilterFn: (filterItem: GridFilterItem) => ((params: GridCellParams) => boolean) | null;
+    InputComponent: typeof GridFilterInputMultipleValue;
+};
 
 declare const STARTS_WITH_ANY_OF: {
     label: string;
@@ -31,13 +54,13 @@ declare const STARTS_WITH_ANY_OF: {
 
 declare const getGridStringArrayOperators: () => GridFilterOperator<any, number | string | null, any>[];
 
-interface DataGridProps extends DataGridProProps {
+interface DataGridProps extends Partial<Pick<DataGridProProps, 'rows'>>, Omit<DataGridProProps, 'rows'> {
     /** License key for MUI Datagrid Pro. */
     license?: string;
     /** Height. A default one is set to prevent rendering all rows. */
     height?: string;
     /** Toolbar. A default one is provided but every button from this default Toolbar can be customized and the entire Toolbar can be replaced. */
-    toolbar?: JSXElementConstructor<any>;
+    toolbar?: ReactNode;
     /** Whether the Toolbar is displayed or not. */
     hideToolbar?: boolean;
 }
@@ -90,7 +113,8 @@ declare global {
         }
     }
 }
-declare const Toolbar: Comp<ToolbarProps, HTMLDivElement>;
+/** ------ */
+declare const Toolbar: React.FC<ToolbarProps>;
 
 interface TextCellProps extends ComponentProps<'div'> {
     /** Including Badge Component. */
@@ -122,4 +146,4 @@ interface TextCellProps extends ComponentProps<'div'> {
  */
 declare const TextCell: Comp<TextCellProps, HTMLDivElement>;
 
-export { CONTAINS_ANY_OF, DETAIL_PANEL_TOGGLE_COL_DEF, DataGrid, DataGridProps, ENDS_WITH_ANY_OF, IS_ANY_OF, STARTS_WITH_ANY_OF, StyledDataGridProps, TextCell, Toolbar, getGridStringArrayOperators };
+export { CONTAINS_ANY_OF, DETAIL_PANEL_TOGGLE_COL_DEF, DataGrid, DataGridProps, ENDS_WITH_ANY_OF, IS_ANY_OF, IS_BETWEEN, IS_NOT_ANY_OF, STARTS_WITH_ANY_OF, StyledDataGridProps, TextCell, Toolbar, getGridNumericOperators, getGridStringArrayOperators, getGridStringOperators };