@gridsuite/commons-ui 0.62.0 → 0.63.0

package/dist/components/filter/filter-form.js

@@ -1,16 +1,75 @@
-import "react/jsx-runtime";
-import "../inputs/react-hook-form/unique-name-input.js";
-import "../../utils/field-constants.js";
-import "./criteria-based/criteria-based-filter-form.js";
-import { o } from "../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
-import "react";
-import "react-hook-form";
-import "@mui/material";
-import "../../utils/ElementType.js";
-import "./constants/filter-constants.js";
-import "../ExpandableGroup/expandable-group.js";
-import "../inputs/react-hook-form/radio-input.js";
-import "../inputs/react-hook-form/ExpandingTextField.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useFormContext, useWatch } from "react-hook-form";
+import { Grid } from "@mui/material";
+import FieldConstants from "../../utils/field-constants.js";
+import CriteriaBasedFilterForm from "./criteria-based/criteria-based-filter-form.js";
+import ExplicitNamingFilterForm from "./explicit-naming/explicit-naming-filter-form.js";
+import ExpertFilterForm from "./expert/expert-filter-form.js";
+import { FilterType } from "./constants/filter-constants.js";
+import ExpandableGroup from "../ExpandableGroup/expandable-group.js";
+import RadioInput from "../inputs/react-hook-form/radio-input.js";
+import { ElementType } from "../../utils/ElementType.js";
+import ExpandingTextField from "../inputs/react-hook-form/ExpandingTextField.js";
+import UniqueNameInput from "../inputs/react-hook-form/unique-name-input.js";
+function FilterForm(props) {
+  const {
+    sourceFilterForExplicitNamingConversion,
+    creation,
+    activeDirectory,
+    elementExists
+  } = props;
+  const { setValue } = useFormContext();
+  const filterType = useWatch({ name: FieldConstants.FILTER_TYPE });
+  const handleChange = (_event, value) => {
+    setValue(FieldConstants.FILTER_TYPE, value);
+  };
+  useEffect(() => {
+    if (sourceFilterForExplicitNamingConversion) {
+      setValue(FieldConstants.FILTER_TYPE, FilterType.EXPLICIT_NAMING.id);
+    }
+  }, [sourceFilterForExplicitNamingConversion, setValue]);
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      UniqueNameInput,
+      {
+        name: FieldConstants.NAME,
+        label: "nameProperty",
+        elementType: ElementType.FILTER,
+        autoFocus: creation,
+        activeDirectory,
+        elementExists
+      }
+    ) }),
+    creation && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ExpandableGroup, { renderHeader: "Description", children: /* @__PURE__ */ jsx(
+        ExpandingTextField,
+        {
+          name: FieldConstants.DESCRIPTION,
+          label: "descriptionProperty",
+          minRows: 3,
+          rows: 5
+        }
+      ) }) }),
+      !sourceFilterForExplicitNamingConversion && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        RadioInput,
+        {
+          name: FieldConstants.FILTER_TYPE,
+          options: Object.values(FilterType),
+          formProps: { onChange: handleChange }
+        }
+      ) })
+    ] }),
+    filterType === FilterType.CRITERIA_BASED.id && /* @__PURE__ */ jsx(CriteriaBasedFilterForm, {}),
+    filterType === FilterType.EXPLICIT_NAMING.id && /* @__PURE__ */ jsx(
+      ExplicitNamingFilterForm,
+      {
+        sourceFilterForExplicitNamingConversion
+      }
+    ),
+    filterType === FilterType.EXPERT.id && /* @__PURE__ */ jsx(ExpertFilterForm, {})
+  ] });
+}
 export {
-  o as FilterForm
+  FilterForm as default
 };

package/dist/components/filter/utils/filter-api.js

@@ -1,4 +1,4 @@
-import { FieldConstants } from "../../../utils/field-constants.js";
+import FieldConstants from "../../../utils/field-constants.js";
 import { frontToBackTweak } from "../criteria-based/criteria-based-filter-utils.js";
 import { Generator, Load } from "../../../utils/equipment-types.js";
 import { exportExpertRules } from "../expert/expert-filter-utils.js";

package/dist/components/filter/utils/filter-form-utils.js

@@ -1,4 +1,4 @@
-import { FieldConstants } from "../../../utils/field-constants.js";
+import FieldConstants from "../../../utils/field-constants.js";
 import RangeInput from "../../inputs/react-hook-form/range-input.js";
 import CountriesInput from "../../inputs/react-hook-form/select-inputs/countries-input.js";
 import SelectInput from "../../inputs/react-hook-form/select-inputs/select-input.js";

package/dist/components/inputs/react-hook-form/ExpandingTextField.d.ts

@@ -1,6 +1,5 @@
 import { TextInputProps } from './text-input';
 import { TextFieldProps } from '@mui/material';
-import { FunctionComponent } from 'react';
 
 interface ExpandingTextFieldProps extends TextInputProps {
     name: string;
@@ -11,5 +10,5 @@ interface ExpandingTextFieldProps extends TextInputProps {
     label?: string;
     textFieldFormProps?: TextFieldProps;
 }
-declare const ExpandingTextField: FunctionComponent<ExpandingTextFieldProps>;
+declare function ExpandingTextField({ name, maxCharactersNumber, rows, minRows, sx, label, textFieldFormProps, ...otherTexFieldProps }: ExpandingTextFieldProps): import("react/jsx-runtime").JSX.Element;
 export default ExpandingTextField;

package/dist/components/inputs/react-hook-form/ExpandingTextField.js

@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Typography } from "@mui/material";
 import { useWatch } from "react-hook-form";
-import { useCustomFormContext } from "./provider/use-custom-form-context.js";
+import useCustomFormContext from "./provider/use-custom-form-context.js";
 import TextInput from "./text-input.js";
-const ExpandingTextField = ({
+function ExpandingTextField({
   name,
   maxCharactersNumber = 500,
   rows,
@@ -13,7 +13,7 @@ const ExpandingTextField = ({
   label,
   textFieldFormProps,
   ...otherTexFieldProps
-}) => {
+}) {
   const [isFocused, setIsFocused] = useState(false);
   const { control } = useCustomFormContext();
   const descriptionWatch = useWatch({
@@ -28,7 +28,7 @@ const ExpandingTextField = ({
   };
   const isOverTheLimit = (descriptionWatch == null ? void 0 : descriptionWatch.length) > maxCharactersNumber;
   const descriptionLength = (descriptionWatch == null ? void 0 : descriptionWatch.length) ?? 0;
-  const descriptionCounter = descriptionLength + "/" + maxCharactersNumber;
+  const descriptionCounter = `${descriptionLength}/${maxCharactersNumber}`;
   const rowsToDisplay = isFocused ? rows : minRows;
   const formProps = {
     size: "medium",
@@ -65,7 +65,7 @@ const ExpandingTextField = ({
       ...otherTexFieldProps
     }
   );
-};
+}
 export {
   ExpandingTextField as default
 };

package/dist/components/inputs/react-hook-form/ag-grid-table/bottom-right-buttons.d.ts

@@ -1,5 +1,4 @@
 import { FieldValues, UseFieldArrayReturn } from 'react-hook-form';
-import { FunctionComponent } from 'react';
 
 export interface BottomRightButtonsProps {
     name: string;
@@ -13,5 +12,5 @@ export interface BottomRightButtonsProps {
     useFieldArrayOutput: UseFieldArrayReturn<FieldValues, string, 'id'>;
     csvProps: any;
 }
-declare const BottomRightButtons: FunctionComponent<BottomRightButtonsProps>;
+declare function BottomRightButtons({ name, disableUp, disableDown, disableDelete, handleAddRow, handleDeleteRows, handleMoveRowUp, handleMoveRowDown, useFieldArrayOutput, csvProps, }: BottomRightButtonsProps): import("react/jsx-runtime").JSX.Element;
 export default BottomRightButtons;

package/dist/components/inputs/react-hook-form/ag-grid-table/bottom-right-buttons.js

@@ -1,15 +1,104 @@
-import "react/jsx-runtime";
-import "@mui/material";
-import "@mui/material/IconButton";
-import "@mui/icons-material";
-import "@mui/icons-material/ControlPoint";
-import "@mui/icons-material/Delete";
-import { B } from "../../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
-import "react";
-import "react-intl";
-import "@mui/material/styles";
-import "../error-management/error-input.js";
-import "../error-management/field-error-alert.js";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Grid, Tooltip } from "@mui/material";
+import IconButton from "@mui/material/IconButton";
+import { Upload, ArrowCircleUp, ArrowCircleDown } from "@mui/icons-material";
+import AddIcon from "@mui/icons-material/ControlPoint";
+import DeleteIcon from "@mui/icons-material/Delete";
+import { useState } from "react";
+import { useIntl } from "react-intl";
+import { styled } from "@mui/material/styles";
+import ErrorInput from "../error-management/error-input.js";
+import FieldErrorAlert from "../error-management/field-error-alert.js";
+import CsvUploader from "./csv-uploader/csv-uploader.js";
+const InnerColoredButton = styled(IconButton)(({ theme }) => {
+  return {
+    color: theme.palette.primary.main
+  };
+});
+function BottomRightButtons({
+  name,
+  disableUp,
+  disableDown,
+  disableDelete,
+  handleAddRow,
+  handleDeleteRows,
+  handleMoveRowUp,
+  handleMoveRowDown,
+  useFieldArrayOutput,
+  csvProps
+}) {
+  const [uploaderOpen, setUploaderOpen] = useState(false);
+  const intl = useIntl();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, paddingTop: 1, paddingLeft: 2, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: csvProps && /* @__PURE__ */ jsx(
+        InnerColoredButton,
+        {
+          onClick: () => setUploaderOpen(true),
+          children: /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              title: intl.formatMessage({
+                id: "ImportCSV"
+              }),
+              placement: "bottom",
+              children: /* @__PURE__ */ jsx(Upload, {})
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        Grid,
+        {
+          item: true,
+          xs: 11,
+          sx: { display: "flex", justifyContent: "right" },
+          children: [
+            /* @__PURE__ */ jsx(InnerColoredButton, { onClick: handleAddRow, children: /* @__PURE__ */ jsx(AddIcon, {}) }, "addButton"),
+            /* @__PURE__ */ jsx(
+              InnerColoredButton,
+              {
+                onClick: handleDeleteRows,
+                disabled: disableDelete,
+                children: /* @__PURE__ */ jsx(DeleteIcon, {})
+              },
+              "DeleteButton"
+            ),
+            /* @__PURE__ */ jsx(
+              InnerColoredButton,
+              {
+                disabled: disableUp,
+                onClick: handleMoveRowUp,
+                children: /* @__PURE__ */ jsx(ArrowCircleUp, {})
+              },
+              "upButton"
+            ),
+            /* @__PURE__ */ jsx(
+              InnerColoredButton,
+              {
+                disabled: disableDown,
+                onClick: handleMoveRowDown,
+                children: /* @__PURE__ */ jsx(ArrowCircleDown, {})
+              },
+              "downButton"
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: FieldErrorAlert }) }),
+    /* @__PURE__ */ jsx(
+      CsvUploader,
+      {
+        open: uploaderOpen,
+        onClose: () => setUploaderOpen(false),
+        name,
+        useFieldArrayOutput,
+        ...csvProps
+      }
+    )
+  ] });
+}
 export {
-  B as default
+  BottomRightButtons as default
 };

package/dist/components/inputs/react-hook-form/ag-grid-table/cell-editors/numericEditor.d.ts

@@ -7,17 +7,18 @@ import { ICellEditorComp, ICellEditorParams } from 'ag-grid-community';
  * React version if you want to check, with forwardRef, useEffect and useImperativeHandle :
  * https://www.ag-grid.com/react-data-grid/component-cell-editor/#cell-editor-example
  */
-export declare class NumericEditor implements ICellEditorComp {
+declare class NumericEditor implements ICellEditorComp {
     eInput: HTMLInputElement;
     cancelBeforeStart: boolean;
     init(params: ICellEditorParams): void;
-    isBackspace(event: any): boolean;
-    isNavigationKey(event: any): boolean;
+    static isBackspace(event: any): boolean;
+    static isNavigationKey(event: any): boolean;
     getGui(): HTMLInputElement;
     afterGuiAttached(): void;
     isCancelBeforeStart(): boolean;
     getValue(): number | null;
-    isCharNumeric(charStr: string | null): boolean | "" | null;
-    isNumericKey(event: any): boolean | "" | null;
-    focusOut(): boolean;
+    static isCharNumeric(charStr: string | null): boolean | "" | null;
+    static isNumericKey(event: any): boolean | "" | null;
+    static focusOut(): boolean;
 }
+export default NumericEditor;

package/dist/components/inputs/react-hook-form/ag-grid-table/cell-editors/numericEditor.js

@@ -6,33 +6,31 @@ class NumericEditor {
     this.eInput.classList.add("numeric-input");
     if (params.eventKey === KEY_BACKSPACE) {
       this.eInput.value = "";
-    } else if (this.isCharNumeric(params.eventKey)) {
+    } else if (NumericEditor.isCharNumeric(params.eventKey)) {
       this.eInput.value = params.eventKey;
-    } else {
-      if (params.value !== void 0 && params.value !== null) {
-        this.eInput.value = params.value;
-      }
+    } else if (params.value !== void 0 && params.value !== null) {
+      this.eInput.value = params.value;
     }
     this.eInput.addEventListener("keydown", (event) => {
       if (!event.key || event.key.length !== 1) {
         return;
       }
-      if (!this.isNumericKey(event)) {
+      if (!NumericEditor.isNumericKey(event)) {
         this.eInput.focus();
         if (event.preventDefault) {
           event.preventDefault();
         }
-      } else if (this.isNavigationKey(event) || this.isBackspace(event)) {
+      } else if (NumericEditor.isNavigationKey(event) || NumericEditor.isBackspace(event)) {
         event.stopPropagation();
       }
     });
     const isNotANumber = params.eventKey && params.eventKey.length === 1 && "1234567890,.".indexOf(params.eventKey) < 0;
     this.cancelBeforeStart = !!isNotANumber;
   }
-  isBackspace(event) {
+  static isBackspace(event) {
     return event.key === KEY_BACKSPACE;
   }
-  isNavigationKey(event) {
+  static isNavigationKey(event) {
     return event.key === "ArrowLeft" || event.key === "ArrowRight";
   }
   // gets called once when grid ready to insert the element
@@ -49,22 +47,22 @@ class NumericEditor {
   }
   // returns the new value after editing
   getValue() {
-    const value = this.eInput.value;
+    const { value } = this.eInput;
     const tmp = (value == null ? void 0 : value.replace(",", ".")) || "";
     return parseFloat(tmp) || null;
   }
-  isCharNumeric(charStr) {
+  static isCharNumeric(charStr) {
     return charStr && !!/\d|,|\./.test(charStr);
   }
-  isNumericKey(event) {
+  static isNumericKey(event) {
     const charStr = event.key;
-    return this.isCharNumeric(charStr);
+    return NumericEditor.isCharNumeric(charStr);
   }
   // force call when focus is leaving the editor
-  focusOut() {
+  static focusOut() {
     return true;
   }
 }
 export {
-  NumericEditor
+  NumericEditor as default
 };

package/dist/components/inputs/react-hook-form/ag-grid-table/csv-uploader/csv-uploader.d.ts

@@ -1,5 +1,9 @@
-import { FunctionComponent } from 'react';
-
+/**
+ * Copyright (c) 2022, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
 interface CsvUploaderProps {
     name: string;
     onClose: () => void;
@@ -12,5 +16,5 @@ interface CsvUploaderProps {
     getDataFromCsv: any;
     useFieldArrayOutput: any;
 }
-declare const CsvUploader: FunctionComponent<CsvUploaderProps>;
+declare function CsvUploader({ name, onClose, open, title, fileHeaders, fileName, csvData, validateData, getDataFromCsv, useFieldArrayOutput, }: CsvUploaderProps): import("react/jsx-runtime").JSX.Element;
 export default CsvUploader;