@gridsuite/commons-ui 0.107.1 → 0.108.0

package/dist/components/dialogs/elementSaveDialog/ElementSaveDialog.js

@@ -5,13 +5,17 @@ import { Grid, Button, Typography, Box, CircularProgress } from "@mui/material";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import "../../../utils/yupConfig.js";
-import "@mui/icons-material";
+import "../../../utils/types/equipmentType.js";
+import { fetchDirectoryElementPath } from "../../../services/directory.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import "../../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "@mui/icons-material";
 import * as yup from "yup";
-import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
 import "../../overflowableText/OverflowableText.js";
 import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
-import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import "../../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import "../../customAGGrid/customAggrid.js";
@@ -20,9 +24,9 @@ import "react-papaparse";
 import "react-csv-downloader";
 import { RadioInput } from "../../inputs/reactHookForm/booleans/RadioInput.js";
 import "../../inputs/reactHookForm/numbers/RangeInput.js";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
+import { MAX_CHAR_DESCRIPTION } from "../../../utils/constants/uiConstants.js";
+import "../../../utils/conversionUtils.js";
+import { ElementType } from "../../../utils/types/elementType.js";
 import { DescriptionField } from "../../inputs/reactHookForm/text/DescriptionField.js";
 import { UniqueNameInput } from "../../inputs/reactHookForm/text/UniqueNameInput.js";
 import "@react-querybuilder/material";
@@ -31,11 +35,7 @@ import "../../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
 import "uuid";
 import "../../inputs/reactQueryBuilder/PropertyValueEditor.js";
 import "react-querybuilder";
-import "../../../utils/conversionUtils.js";
-import { ElementType } from "../../../utils/types/elementType.js";
 import { CustomMuiDialog } from "../customMuiDialog/CustomMuiDialog.js";
-import { MAX_CHAR_DESCRIPTION } from "../../../utils/constants/uiConstants.js";
-import "../../../utils/types/equipmentType.js";
 var OperationType = /* @__PURE__ */ ((OperationType2) => {
   OperationType2["CREATE"] = "CREATE";
   OperationType2["UPDATE"] = "UPDATE";

package/dist/components/dnd-table/dnd-table-add-rows-dialog.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2023, 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 DndTableAddRowsDialogProps {
+    open: boolean;
+    handleAddButton: (rowNumber: number) => void;
+    onClose: () => void;
+}
+export declare function DndTableAddRowsDialog({ open, handleAddButton, onClose }: Readonly<DndTableAddRowsDialogProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/dnd-table/dnd-table-add-rows-dialog.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Dialog, DialogTitle, DialogContent, TextField, DialogActions, Button } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { useState } from "react";
+import "react-hook-form";
+import "../../utils/types/equipmentType.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import "notistack";
+import "../inputs/reactHookForm/provider/CustomFormProvider.js";
+import { CancelButton } from "../inputs/reactHookForm/utils/CancelButton.js";
+import "@mui/icons-material";
+import "yup";
+import "../overflowableText/OverflowableText.js";
+import "../treeViewFinder/TreeViewFinder.js";
+import "../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "../inputs/reactHookForm/numbers/RangeInput.js";
+import "../../utils/conversionUtils.js";
+import "../../utils/yupConfig.js";
+import "@react-querybuilder/material";
+import "../filter/expert/expertFilterConstants.js";
+import "../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+function DndTableAddRowsDialog({ open, handleAddButton, onClose }) {
+  const [rowNumber, setRowNumber] = useState(1);
+  const handleClose = () => {
+    setRowNumber(1);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddRowsDialogTitle" }) }),
+    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(
+      TextField,
+      {
+        autoFocus: true,
+        type: "Number",
+        value: rowNumber,
+        onChange: (event) => {
+          setRowNumber(!event.target.value ? 0 : parseInt(event.target.value, 10));
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__PURE__ */ jsx(CancelButton, { onClick: handleClose }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => {
+            handleAddButton(rowNumber);
+            handleClose();
+          },
+          variant: "outlined",
+          disabled: rowNumber <= 0,
+          children: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddRowsButton" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  DndTableAddRowsDialog
+};

package/dist/components/dnd-table/dnd-table-bottom-left-buttons.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2023, 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 DndTableBottomLeftButtonsProps {
+    handleUploadButton: () => void;
+    uploadButtonMessageId: string;
+    handleResetButton: () => void;
+    resetButtonMessageId: string;
+    withResetButton?: boolean;
+    disableUploadButton?: boolean;
+    disabled?: boolean;
+}
+export declare function DndTableBottomLeftButtons({ handleUploadButton, uploadButtonMessageId, handleResetButton, resetButtonMessageId, withResetButton, disableUploadButton, disabled, }: Readonly<DndTableBottomLeftButtonsProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/dnd-table/dnd-table-bottom-left-buttons.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Grid, Tooltip, IconButton } from "@mui/material";
+import { Upload, Replay } from "@mui/icons-material";
+import { useIntl } from "react-intl";
+function DndTableBottomLeftButtons({
+  handleUploadButton,
+  uploadButtonMessageId,
+  handleResetButton,
+  resetButtonMessageId,
+  withResetButton,
+  disableUploadButton,
+  disabled
+}) {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: intl.formatMessage({
+          id: uploadButtonMessageId
+        }),
+        placement: "top",
+        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "primary",
+            onClick: () => handleUploadButton(),
+            disabled: disabled || disableUploadButton,
+            children: /* @__PURE__ */ jsx(Upload, {})
+          }
+        ) })
+      }
+    ) }),
+    withResetButton && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: intl.formatMessage({
+          id: resetButtonMessageId
+        }),
+        placement: "top",
+        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => handleResetButton(), disabled, children: /* @__PURE__ */ jsx(Replay, {}) }) })
+      }
+    ) })
+  ] });
+}
+export {
+  DndTableBottomLeftButtons
+};

package/dist/components/dnd-table/dnd-table-bottom-right-buttons.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2023, 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/.
+ */
+export interface DndTableBottomRightButtonsProps {
+    arrayFormName: string;
+    handleAddButton: () => void;
+    handleDeleteButton: () => void;
+    handleMoveUpButton: () => void;
+    handleMoveDownButton: () => void;
+    disableAddingRows?: boolean;
+    showMoveArrow?: boolean;
+    disabled?: boolean;
+}
+export declare function DndTableBottomRightButtons({ arrayFormName, handleAddButton, handleDeleteButton, handleMoveUpButton, handleMoveDownButton, disableAddingRows, showMoveArrow, disabled, }: Readonly<DndTableBottomRightButtonsProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/dnd-table/dnd-table-bottom-right-buttons.js

@@ -0,0 +1,104 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Grid, Tooltip, IconButton } from "@mui/material";
+import { AddCircle, Delete, ArrowUpward, ArrowDownward } from "@mui/icons-material";
+import { useWatch } from "react-hook-form";
+import { useIntl } from "react-intl";
+import { SELECTED } from "./dnd-table.type.js";
+function DndTableBottomRightButtons({
+  arrayFormName,
+  handleAddButton,
+  handleDeleteButton,
+  handleMoveUpButton,
+  handleMoveDownButton,
+  disableAddingRows,
+  showMoveArrow,
+  disabled
+}) {
+  var _a, _b;
+  const intl = useIntl();
+  const currentRows = useWatch({
+    name: arrayFormName
+  });
+  const noRowsSelected = currentRows ? !currentRows.some((row) => row[SELECTED]) : true;
+  const firstRowSelected = (_a = currentRows[0]) == null ? void 0 : _a[SELECTED];
+  const lastRowSelected = (_b = currentRows[currentRows.length - 1]) == null ? void 0 : _b[SELECTED];
+  return /* @__PURE__ */ jsxs(Grid, { container: true, item: true, xs: true, spacing: 1, sx: { justifyContent: "flex-end" }, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: intl.formatMessage({
+          id: "DndAddRows"
+        }),
+        placement: "top",
+        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "primary",
+            onClick: () => handleAddButton(),
+            disabled: disabled || disableAddingRows,
+            children: /* @__PURE__ */ jsx(AddCircle, {})
+          }
+        ) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: intl.formatMessage({
+          id: "DndDeleteRows"
+        }),
+        placement: "top",
+        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            color: "primary",
+            onClick: () => handleDeleteButton(),
+            disabled: disabled || noRowsSelected,
+            children: /* @__PURE__ */ jsx(Delete, {})
+          }
+        ) })
+      }
+    ) }),
+    showMoveArrow && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: intl.formatMessage({
+            id: "MoveUpRows"
+          }),
+          placement: "top",
+          children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              color: "primary",
+              onClick: () => handleMoveUpButton(),
+              disabled: disabled || noRowsSelected || firstRowSelected,
+              children: /* @__PURE__ */ jsx(ArrowUpward, {})
+            }
+          ) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          title: intl.formatMessage({
+            id: "MoveDownRows"
+          }),
+          placement: "top",
+          children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              color: "primary",
+              onClick: () => handleMoveDownButton(),
+              disabled: disabled || noRowsSelected || lastRowSelected,
+              children: /* @__PURE__ */ jsx(ArrowDownward, {})
+            }
+          ) })
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  DndTableBottomRightButtons
+};

package/dist/components/dnd-table/dnd-table.d.ts

@@ -0,0 +1,28 @@
+import { UseFieldArrayReturn } from 'react-hook-form';
+import { DndColumn } from './dnd-table.type';
+interface DndTableProps {
+    arrayFormName: string;
+    useFieldArrayOutput: UseFieldArrayReturn;
+    columnsDefinition: DndColumn[];
+    tableHeight?: number;
+    allowedToAddRows?: () => Promise<boolean>;
+    createRows?: (numberOfRows: number) => {
+        [key: string]: any;
+    }[];
+    disabled?: boolean;
+    withResetButton?: boolean;
+    withAddRowsDialog?: boolean;
+    previousValues?: any[];
+    disableTableCell?: (rowIndex: number, column: any, arrayFormName: string, temporaryLimits?: any[]) => boolean;
+    getPreviousValue?: (rowIndex: number, column: any, arrayFormName: string, temporaryLimits?: any[]) => number | undefined;
+    isValueModified?: (index: number, arrayFormName: string) => boolean;
+    disableAddingRows?: boolean;
+    showMoveArrow?: boolean;
+    disableDragAndDrop?: boolean;
+    handleUploadButton?: () => void;
+    uploadButtonMessageId?: string;
+    handleResetButton?: () => void;
+    resetButtonMessageId?: string;
+}
+export declare function DndTable(props: Readonly<DndTableProps>): import("react/jsx-runtime").JSX.Element;
+export {};