@gridsuite/commons-ui 0.77.1 → 0.78.0

package/dist/utils/index.js

@@ -3,6 +3,7 @@ import { DARK_THEME, LANG_ENGLISH, LANG_FRENCH, LANG_SYSTEM, LIGHT_THEME } from
 import { FetchStatus } from "./constants/fetchStatus.js";
 import { FieldConstants } from "./constants/fieldConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "./constants/uiConstants.js";
+import { AMPERE, DEGREE, KILO_AMPERE, KILO_METER, KILO_VOLT, MEGA_VAR, MEGA_VOLT_AMPERE, MEGA_WATT, MICRO_SIEMENS, OHM, PERCENTAGE, SIEMENS } from "./constants/unitsConstants.js";
 import { GRIDSUITE_DEFAULT_PRECISION, convertInputValue, convertOutputValue, isBlankOrEmpty, kiloUnitToUnit, microUnitToUnit, roundToDefaultPrecision, roundToPrecision, unitToKiloUnit, unitToMicroUnit } from "./conversionUtils.js";
 import { areArrayElementsUnique, isObjectEmpty, keyGenerator } from "./functions.js";
 import { getFileIcon } from "./mapper/getFileIcon.js";
@@ -16,9 +17,11 @@ import { FieldType } from "./types/fieldType.js";
 import "./yupConfig.js";
 import * as yup from "yup";
 export {
+  AMPERE,
   Battery,
   BusBar,
   DARK_THEME,
+  DEGREE,
   DanglingLine,
   EQUIPMENT_TYPE,
   ElementType,
@@ -29,6 +32,9 @@ export {
   GRIDSUITE_DEFAULT_PRECISION,
   Generator,
   Hvdc,
+  KILO_AMPERE,
+  KILO_METER,
+  KILO_VOLT,
   LANG_ENGLISH,
   LANG_FRENCH,
   LANG_SYSTEM,
@@ -37,9 +43,16 @@ export {
   Line,
   Load,
   MAX_CHAR_DESCRIPTION,
+  MEGA_VAR,
+  MEGA_VOLT_AMPERE,
+  MEGA_WATT,
+  MICRO_SIEMENS,
   MODIFICATION_TYPES,
   ModificationType,
+  OHM,
   OperatingStatus,
+  PERCENTAGE,
+  SIEMENS,
   SVC,
   ShuntCompensator,
   Substation,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.77.1",
+    "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;
-};