@gridsuite/commons-ui 0.77.2 → 0.78.0

package/dist/components/index.d.ts

@@ -14,7 +14,6 @@ export * from './elementSearch';
 export * from './filter';
 export * from './flatParameters';
 export * from './inputs';
-export * from './muiVirtualizedTable';
 export * from './multipleSelectionDialog';
 export * from './overflowableText';
 export * from './snackbarProvider';

package/dist/components/index.js

@@ -90,8 +90,6 @@ import { GroupValueEditor } from "./inputs/reactQueryBuilder/compositeRuleEditor
 import { RuleValueEditor } from "./inputs/reactQueryBuilder/compositeRuleEditor/RuleValueEditor.js";
 import { useConvertValue } from "./inputs/reactQueryBuilder/hooks/useConvertValue.js";
 import { useValid } from "./inputs/reactQueryBuilder/hooks/useValid.js";
-import { ChangeWays, KeyedColumnsRowIndexer, collectibleHelper, forTesting, getHelper, noOpHelper } from "./muiVirtualizedTable/KeyedColumnsRowIndexer.js";
-import { DEFAULT_CELL_PADDING, DEFAULT_HEADER_HEIGHT, DEFAULT_ROW_HEIGHT, MuiVirtualizedTable, generateMuiVirtualizedTableClass } from "./muiVirtualizedTable/MuiVirtualizedTable.js";
 import { MultipleSelectionDialog } from "./multipleSelectionDialog/MultipleSelectionDialog.js";
 import { OverflowableText } from "./overflowableText/OverflowableText.js";
 import { SnackbarProvider } from "./snackbarProvider/SnackbarProvider.js";
@@ -118,7 +116,6 @@ export {
   CUSTOM_AGGRID_THEME,
   CancelButton,
   CardErrorBoundary,
-  ChangeWays,
   CheckBoxList,
   CheckboxInput,
   CombinatorSelector,
@@ -133,10 +130,7 @@ export {
   CustomFormProvider,
   CustomMuiDialog,
   CustomReactQueryBuilder,
-  DEFAULT_CELL_PADDING,
-  DEFAULT_HEADER_HEIGHT,
   DEFAULT_RANGE_VALUE,
-  DEFAULT_ROW_HEIGHT,
   DISTRIBUTION_KEY,
   DataType,
   DescriptionField,
@@ -173,7 +167,6 @@ export {
   GroupValueEditor,
   InputWithPopupConfirmation,
   IntegerInput,
-  KeyedColumnsRowIndexer,
   LOAD_TYPE_OPTIONS,
   Login,
   LogoText,
@@ -181,7 +174,6 @@ export {
   MidFormError,
   ModifyElementSelection,
   MuiSelectInput,
-  MuiVirtualizedTable,
   MultipleAutocompleteInput,
   MultipleSelectionDialog,
   NAME,
@@ -227,23 +219,19 @@ export {
   UserManagerMock,
   ValueEditor,
   ValueSelector,
-  collectibleHelper,
   countRules,
   dispatchUser,
   expertFilterSchema,
   explicitNamingFilterSchema,
   exportExpertRules,
   extractDefault,
-  forTesting,
   genHelperError,
   genHelperPreviousValue,
-  generateMuiVirtualizedTableClass,
   generateTreeViewFinderClass,
   getCriteriaBasedFormData,
   getCriteriaBasedSchema,
   getExpertFilterEmptyFormData,
   getExplicitNamingFilterEmptyFormData,
-  getHelper,
   getNumberOfSiblings,
   getOperators,
   getPreLoginPath,
@@ -260,7 +248,6 @@ export {
   isIntegerNumber,
   login,
   logout,
-  noOpHelper,
   queryValidator,
   recursiveRemove,
   rqbQuerySchemaValidator,

package/dist/index.js

@@ -91,8 +91,6 @@ import { GroupValueEditor } from "./components/inputs/reactQueryBuilder/composit
 import { RuleValueEditor } from "./components/inputs/reactQueryBuilder/compositeRuleEditor/RuleValueEditor.js";
 import { useConvertValue } from "./components/inputs/reactQueryBuilder/hooks/useConvertValue.js";
 import { useValid } from "./components/inputs/reactQueryBuilder/hooks/useValid.js";
-import { ChangeWays, KeyedColumnsRowIndexer, collectibleHelper, forTesting, getHelper, noOpHelper } from "./components/muiVirtualizedTable/KeyedColumnsRowIndexer.js";
-import { DEFAULT_CELL_PADDING, DEFAULT_HEADER_HEIGHT, DEFAULT_ROW_HEIGHT, MuiVirtualizedTable, generateMuiVirtualizedTableClass } from "./components/muiVirtualizedTable/MuiVirtualizedTable.js";
 import { MultipleSelectionDialog } from "./components/multipleSelectionDialog/MultipleSelectionDialog.js";
 import { OverflowableText } from "./components/overflowableText/OverflowableText.js";
 import { SnackbarProvider } from "./components/snackbarProvider/SnackbarProvider.js";
@@ -200,7 +198,6 @@ export {
   CUSTOM_AGGRID_THEME,
   CancelButton,
   CardErrorBoundary,
-  ChangeWays,
   CheckBoxList,
   CheckboxInput,
   CombinatorSelector,
@@ -216,10 +213,7 @@ export {
   CustomMuiDialog,
   CustomReactQueryBuilder,
   DARK_THEME,
-  DEFAULT_CELL_PADDING,
-  DEFAULT_HEADER_HEIGHT,
   DEFAULT_RANGE_VALUE,
-  DEFAULT_ROW_HEIGHT,
   DEGREE,
   DISTRIBUTION_KEY,
   DanglingLine,
@@ -270,7 +264,6 @@ export {
   KILO_AMPERE,
   KILO_METER,
   KILO_VOLT,
-  KeyedColumnsRowIndexer,
   LANG_ENGLISH,
   LANG_FRENCH,
   LANG_SYSTEM,
@@ -293,7 +286,6 @@ export {
   ModificationType,
   ModifyElementSelection,
   MuiSelectInput,
-  MuiVirtualizedTable,
   MultipleAutocompleteInput,
   MultipleSelectionDialog,
   NAME,
@@ -364,7 +356,6 @@ export {
   cardErrorBoundaryEn,
   cardErrorBoundaryFr,
   catchErrorHandler,
-  collectibleHelper,
   commonButtonEn,
   commonButtonFr,
   convertInputValue,
@@ -409,10 +400,8 @@ export {
   filterFr,
   flatParametersEn,
   flatParametersFr,
-  forTesting,
   genHelperError,
   genHelperPreviousValue,
-  generateMuiVirtualizedTableClass,
   generateTreeViewFinderClass,
   getComputedLanguage,
   getCriteriaBasedFormData,
@@ -421,7 +410,6 @@ export {
   getExpertFilterEmptyFormData,
   getExplicitNamingFilterEmptyFormData,
   getFileIcon,
-  getHelper,
   getNumberOfSiblings,
   getOperators,
   getPreLoginPath,
@@ -459,7 +447,6 @@ export {
   multipleSelectionDialogFr,
   networkModificationsEn,
   networkModificationsFr,
-  noOpHelper,
   queryValidator,
   recursiveRemove,
   reportViewerEn,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.77.2",
+    "version": "0.78.0",
     "description": "common react components for gridsuite applications",
     "engines": {
         "npm": ">=9",
@@ -42,7 +42,6 @@
         "react-dnd": "^16.0.1",
         "react-dnd-html5-backend": "^16.0.1",
         "react-querybuilder": "^7.2.0",
-        "react-virtualized": "^9.22.5",
         "reconnecting-websocket": "^4.4.0",
         "uuid": "^9.0.1"
     },
@@ -97,7 +96,6 @@
         "@types/react-beautiful-dnd": "^13.1.8",
         "@types/react-dom": "^18.2.24",
         "@types/react-resizable": "^3.0.7",
-        "@types/react-virtualized": "^9.21.29",
         "@types/utf-8-validate": "^5.0.2",
         "@types/uuid": "^9.0.8",
         "@typescript-eslint/eslint-plugin": "^7.0.0",

package/dist/components/muiVirtualizedTable/ColumnHeader.d.ts

@@ -1,26 +0,0 @@
-import { BoxProps, Theme } from '@mui/material';
-import { FilterAltOutlined as FilterAltOutlinedIcon } from '@mui/icons-material';
-import { ComponentProps, ReactNode } from 'react';
-
-interface SortButtonProps {
-    signedRank?: number;
-    headerHovered: boolean;
-    hovered?: boolean;
-    onClick: BoxProps['onClick'];
-}
-interface FilterButtonProps {
-    filterLevel: number;
-    headerHovered: boolean;
-    onClick: ComponentProps<typeof FilterAltOutlinedIcon>['onClick'];
-}
-export interface ColumnHeaderProps extends BoxProps {
-    label: ReactNode;
-    numeric: boolean;
-    sortSignedRank: SortButtonProps['signedRank'];
-    filterLevel: FilterButtonProps['filterLevel'];
-    onSortClick: SortButtonProps['onClick'];
-    onFilterClick: FilterButtonProps['onClick'];
-}
-export declare const ColumnHeaderComponent: import('react').ForwardRefExoticComponent<Omit<ColumnHeaderProps, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", Theme>>>>;
-export declare const ColumnHeader: import('@emotion/styled').StyledComponent<Omit<ColumnHeaderProps, "ref"> & import("react").RefAttributes<import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", Theme>>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
-export {};

package/dist/components/muiVirtualizedTable/ColumnHeader.js

@@ -1,108 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useCallback, useRef, useMemo } from "react";
-import { ArrowUpward, ArrowDownward, FilterAltOutlined } from "@mui/icons-material";
-import { styled } from "@mui/system";
-import { Box } from "@mui/material";
-import { mergeSx } from "../../utils/styles.js";
-const styles = {
-  label: {
-    fontWeight: "bold",
-    fontSize: "0.875rem"
-    // to mimic TableCellRoot 'binding'
-  },
-  divFlex: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    height: "100%"
-  },
-  divNum: {
-    flexDirection: "row-reverse",
-    textAlign: "right"
-  },
-  sortDiv: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center"
-  },
-  sortButton: {
-    fill: "currentcolor"
-  },
-  filterButton: {
-    stroke: "currentcolor"
-  },
-  filterTooLossy: (theme) => ({
-    stroke: theme.palette.secondary.main
-  }),
-  transparent: {
-    opacity: 0
-  },
-  hovered: {
-    opacity: 0.5
-  }
-};
-function SortButton({ signedRank = 0, ...props }) {
-  const sortRank = Math.abs(signedRank);
-  const visibilityStyle = (!signedRank || void 0) && (props.headerHovered ? styles.hovered : styles.transparent);
-  return /* @__PURE__ */ jsxs(Box, { sx: styles.sortDiv, onClick: props.onClick, children: [
-    signedRank >= 0 ? /* @__PURE__ */ jsx(ArrowUpward, { sx: visibilityStyle }) : /* @__PURE__ */ jsx(ArrowDownward, { sx: visibilityStyle }),
-    sortRank > 1 && !props.hovered && /* @__PURE__ */ jsx("sub", { children: sortRank })
-  ] });
-}
-function FilterButton(props) {
-  const { filterLevel, headerHovered, onClick } = props;
-  const visibilityStyle = !filterLevel && (headerHovered ? styles.hovered : styles.transparent);
-  return /* @__PURE__ */ jsx(
-    FilterAltOutlined,
-    {
-      onClick,
-      sx: mergeSx(
-        styles.filterButton,
-        // @ts-ignore type incompatibility of styles
-        filterLevel > 1 && styles.filterTooLossy,
-        visibilityStyle
-      )
-    }
-  );
-}
-const ColumnHeaderComponent = forwardRef((props, ref) => {
-  const { className, label, numeric, sortSignedRank, filterLevel, onSortClick, onFilterClick, onContextMenu, style } = props;
-  const [hovered, setHovered] = useState(false);
-  const onHover = useCallback((evt) => {
-    setHovered(evt.type === "mouseenter");
-  }, []);
-  const topmostDiv = useRef();
-  const handleFilterClick = useMemo(() => {
-    if (!onFilterClick) {
-      return void 0;
-    }
-    return (evt) => {
-      onFilterClick(evt);
-    };
-  }, [onFilterClick]);
-  return (
-    // @ts-ignore it does not let us define Box with onMouseEnter/onMouseLeave attributes with 'div' I think, not sure though
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        ref: topmostDiv,
-        onMouseEnter: onHover,
-        onMouseLeave: onHover,
-        sx: mergeSx(styles.divFlex, numeric ? styles.divNum : void 0),
-        className,
-        style,
-        onContextMenu,
-        children: [
-          /* @__PURE__ */ jsx(Box, { ref, sx: styles.label, children: label }),
-          onSortClick && /* @__PURE__ */ jsx(SortButton, { headerHovered: hovered, onClick: onSortClick, signedRank: sortSignedRank }),
-          handleFilterClick && /* @__PURE__ */ jsx(FilterButton, { headerHovered: hovered, onClick: handleFilterClick, filterLevel })
-        ]
-      }
-    )
-  );
-});
-const ColumnHeader = styled(ColumnHeaderComponent)({});
-export {
-  ColumnHeader,
-  ColumnHeaderComponent
-};

package/dist/components/muiVirtualizedTable/KeyedColumnsRowIndexer.d.ts

@@ -1,130 +0,0 @@
-import { ColumnProps } from 'react-virtualized';
-import { ReactElement } from 'react';
-
-export interface RowProps {
-    notClickable?: boolean;
-}
-export interface CustomColumnProps extends ColumnProps {
-    sortable?: boolean;
-    numeric?: boolean;
-    indexer?: KeyedColumnsRowIndexer;
-    label: string;
-    clickable?: boolean;
-    fractionDigits?: number;
-    unit?: number;
-    extra?: ReactElement;
-    nostat?: boolean;
-}
-export declare enum ChangeWays {
-    SIMPLE = "Simple",
-    TAIL = "Tail",
-    AMEND = "Amend",
-    REMOVE = "Remove"
-}
-export interface ColStat {
-    imin?: number | null;
-    imax?: number | null;
-    seen?: any;
-    kept?: any;
-}
-export declare const noOpHelper: Readonly<{
-    debugName: "noOp";
-    maintainsStats: false;
-    initStat: () => undefined;
-    updateStat: (colStat: ColStat, value: number) => void;
-    accepts: (value: any, userParams: any[] | undefined, outerParams: any[] | undefined) => true;
-}>;
-export declare const collectibleHelper: Readonly<{
-    debugName: "collectible";
-    maintainsStats: true;
-    initStat: () => {
-        seen: {};
-        kept: {};
-    };
-    updateStat: (colStat: ColStat, cellValue: number, isForKeep: boolean) => void;
-    accepts: (value: number, userParams: any[] | undefined, outerParams: any[] | undefined) => boolean;
-}>;
-export declare const getHelper: (column?: CustomColumnProps) => Readonly<{
-    debugName: "noOp";
-    maintainsStats: false;
-    initStat: () => undefined;
-    updateStat: (colStat: ColStat, value: number) => void;
-    accepts: (value: any, userParams: any[] | undefined, outerParams: any[] | undefined) => true;
-}> | Readonly<{
-    debugName: "num";
-    maintainsStats: true;
-    initStat: () => {
-        imin: null;
-        imax: null;
-    };
-    updateStat: (colStat: ColStat, value: number) => void;
-    accepts: (value: number, userParams: any[] | undefined, outerParams: any[] | undefined) => true;
-}> | Readonly<{
-    debugName: "collectible";
-    maintainsStats: true;
-    initStat: () => {
-        seen: {};
-        kept: {};
-    };
-    updateStat: (colStat: ColStat, cellValue: number, isForKeep: boolean) => void;
-    accepts: (value: number, userParams: any[] | undefined, outerParams: any[] | undefined) => boolean;
-}>;
-export interface Preferences {
-    isThreeState: boolean;
-    singleColumnByDefault: boolean;
-}
-export interface FilteredRows {
-    rowAndOrigIndex: [RowProps, number][];
-    colsStats: Record<string, ColStat>;
-    rowsCount: number;
-}
-/**
- * A rows indexer for MuiVirtualizedTable to delegate to an instance of it
- * for filtering, grouping and multi-column sorting via
- * a view index to model index array.
- */
-export declare class KeyedColumnsRowIndexer {
-    static get CHANGE_WAYS(): typeof ChangeWays;
-    versionSetter: ((version: number) => void) | null;
-    byColFilter: Record<string, {
-        userParams?: any[];
-        outerParams?: any[];
-    }> | null;
-    byRowFilter: ((row: RowProps) => boolean) | null;
-    delegatorCallback: ((instance: KeyedColumnsRowIndexer, callback: (input: any) => void) => void) | null;
-    filterVersion: number;
-    groupingCount: number;
-    indirectionStatus: string | null;
-    isThreeState: boolean;
-    lastUsedRank: number;
-    singleColumnByDefault: boolean;
-    sortingState: [string, string | undefined][] | null;
-    version: number;
-    constructor(isThreeState?: boolean, singleColumnByDefault?: boolean, delegatorCallback?: null, versionSetter?: ((version: number) => void) | null);
-    hasVersionSetter: () => boolean;
-    getVersion: () => number;
-    bumpVersion: (isFilter?: boolean) => void;
-    updatePreferences: (preferences: Preferences) => boolean;
-    preFilterRowMapping: (columns: CustomColumnProps[], rows: RowProps[], rowFilter: (row: RowProps) => boolean) => FilteredRows | null;
-    makeGroupAndSortIndirector: (preFilteredRowPairs: FilteredRows | null, columns: CustomColumnProps[]) => number[] | null;
-    getSortingAsKeyAndCodedRank: () => (string | number)[][];
-    updateSortingFromUser: (colKey: string, change_way: ChangeWays) => boolean;
-    codedRankByColumnIndex: (columns: CustomColumnProps[]) => number[] | null;
-    columnSortingSignedRank: (colKey: string) => number;
-    highestCodedColumn: (columns: CustomColumnProps[]) => number;
-    getColFilterParams: (colKey: string | null, isForUser: boolean) => any[] | undefined;
-    setColFilterParams: (colKey: string | null, params: any[] | null, isForUser: boolean) => boolean;
-    getColFilterOuterParams: (colKey: string | null) => any[] | undefined;
-    setColFilterOuterParams: (colKey: string, outerParams: any[]) => boolean;
-    getColFilterUserParams: (colKey: string | null) => any[] | undefined;
-    setColFilterUserParams: (colKey: string | null, params: any[] | null) => boolean;
-    getUserFiltering: () => Record<string, object>;
-    updateRowFiltering: (rowFilterFunc: (row: RowProps) => boolean) => void;
-}
-export declare const forTesting: {
-    codedColumnsFromKeyAndDirection: (keyAndDirections: [
-        string,
-        string | undefined
-    ][] | null, columns: CustomColumnProps[]) => number[] | null;
-    makeCompositeComparatorFromCodedColumns: (codedColumns: number[] | null, columns: CustomColumnProps[], rowExtractor: (row: [Record<string, number | string | undefined>, number][]) => Record<string, number | string | undefined>) => (row_a_i: [Record<string, number | string | undefined>, number][], row_b_i: [Record<string, number | string | undefined>, number][]) => number;
-};