@gridsuite/commons-ui 0.193.0 → 0.194.0

package/dist/components/directoryItemSelector/DirectoryItemSelector.js

@@ -16,7 +16,6 @@ import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../hooks/useSnackMessage.js";
-import "react-hook-form";
 import { getExpansionPathsForSelected, fetchChildrenForExpandedNodes, initializeFromLastSelected, saveLastSelectedDirectoryFromNode } from "./utils.js";
 const styles = {
   icon: (theme) => ({

package/dist/components/dnd-table-v2/deletable-table-row.d.ts

@@ -0,0 +1,7 @@
+import { TableRowProps } from '@mui/material';
+type DeletableTableRowProps = TableRowProps & {
+    onClick: () => void;
+    disabledDeletion?: boolean | null;
+};
+export declare function DeletableTableRow({ onClick, disabledDeletion, children, ...otherProps }: Readonly<DeletableTableRowProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/dnd-table-v2/deletable-table-row.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useIntl } from "react-intl";
+import { TableRow, TableCell, Tooltip, IconButton } from "@mui/material";
+import { Delete } from "@mui/icons-material";
+function DeletableTableRow({
+  onClick,
+  disabledDeletion,
+  children,
+  ...otherProps
+}) {
+  const intl = useIntl();
+  const [isMouseHover, setIsMouseHover] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    TableRow,
+    {
+      ...otherProps,
+      onMouseEnter: () => setIsMouseHover(true),
+      onMouseLeave: () => setIsMouseHover(false),
+      children: [
+        children,
+        !disabledDeletion && /* @__PURE__ */ jsx(TableCell, { sx: { width: "5rem", textAlign: "center" }, children: isMouseHover && /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            title: intl.formatMessage({
+              id: "DeleteRows"
+            }),
+            children: /* @__PURE__ */ jsx(IconButton, { onClick, children: /* @__PURE__ */ jsx(Delete, {}) })
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  DeletableTableRow
+};

package/dist/components/dnd-table-v2/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-v2/dnd-table-add-rows-dialog.js

@@ -0,0 +1,75 @@
+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 "../overflowableText/OverflowableText.js";
+import "../../utils/conversionUtils.js";
+import "../../utils/types/equipmentType.js";
+import "@mui/icons-material";
+import "../../utils/yupConfig.js";
+import "react-hook-form";
+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 "yup";
+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 "@material-symbols/svg-400/outlined/left_panel_open.svg?react";
+import "@material-symbols/svg-400/outlined/arrows_output.svg?react";
+import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
+import "@material-symbols/svg-400/outlined/add_notes.svg?react";
+import "../dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
+import "../inputs/reactHookForm/expandableInput/ExpandableInput.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-v2/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-v2/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-v2/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-v2/dnd-table-bottom-right-buttons.js

@@ -0,0 +1,103 @@
+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
+}) {
+  const intl = useIntl();
+  const currentRows = useWatch({
+    name: arrayFormName
+  });
+  const noRowsSelected = currentRows ? !currentRows.some((row) => row[SELECTED]) : true;
+  const firstRowSelected = noRowsSelected ? void 0 : currentRows[0]?.[SELECTED];
+  const lastRowSelected = noRowsSelected ? void 0 : currentRows[currentRows.length - 1]?.[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-v2/dnd-table-row.d.ts

@@ -0,0 +1,23 @@
+import { SxProps, TableRowProps, Theme } from '@mui/material';
+import { DraggableProvided, DraggableStateSnapshot } from '@hello-pangea/dnd';
+import { DndColumn } from './dnd-table.type';
+export type DndTableRowProps = TableRowProps & {
+    rowId: string;
+    tableName: string;
+    columnsDefinition: DndColumn[];
+    index: number;
+    provided: DraggableProvided;
+    snapshot: DraggableStateSnapshot;
+    disableDragAndDrop: boolean;
+    disabled: boolean;
+    previousValues?: any[];
+    disableTableCell?: (rowIndex: number, column: any, tableName: string, previousValues?: any[]) => boolean;
+    getPreviousValue?: (rowIndex: number, column: any, tableName: string, previousValues?: any[]) => number | undefined;
+    isValueModified?: (index: number, tableName: string) => boolean;
+    disabledDeletion?: boolean;
+    onChangeRow: (index: number) => void;
+    onDeleteRow: (index: number) => void;
+    multiselect?: boolean;
+    nextSnapshotCellWidthSx: (isDragging: boolean) => SxProps<Theme> | undefined;
+};
+export declare function DndTableRow({ rowId, tableName, columnsDefinition, index, provided, snapshot, disableDragAndDrop, disabled, disableTableCell, previousValues, getPreviousValue, isValueModified, disabledDeletion, onChangeRow, onDeleteRow, multiselect, nextSnapshotCellWidthSx, }: Readonly<DndTableRowProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/dnd-table-v2/dnd-table-row.js

@@ -0,0 +1,183 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Tooltip, TableCell } from "@mui/material";
+import { DragIndicator } from "@mui/icons-material";
+import { useIntl } from "react-intl";
+import { CheckboxInput } from "../inputs/reactHookForm/booleans/CheckboxInput.js";
+import { SELECTED, DndColumnType } from "./dnd-table.type.js";
+import "../overflowableText/OverflowableText.js";
+import "../../utils/conversionUtils.js";
+import "../../utils/types/equipmentType.js";
+import { mergeSx } from "../../utils/styles.js";
+import "../../utils/yupConfig.js";
+import { ChipItemsInput } from "../inputs/reactHookForm/chip-items-input.js";
+import { DirectoryItemsInput } from "../inputs/reactHookForm/DirectoryItemsInput.js";
+import { RawReadOnlyInput } from "../inputs/reactHookForm/RawReadOnlyInput.js";
+import "../inputs/reactHookForm/agGridTable/BottomRightButtons.js";
+import "react";
+import "react-hook-form";
+import "../customAGGrid/customAggrid.js";
+import "ag-grid-community";
+import "react-papaparse";
+import "react-csv-downloader";
+import "yup";
+import { AutocompleteInput } from "../inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js";
+import { SwitchInput } from "../inputs/reactHookForm/booleans/SwitchInput.js";
+import "../inputs/reactHookForm/provider/CustomFormProvider.js";
+import "../inputs/reactHookForm/numbers/RangeInput.js";
+import "localized-countries";
+import "localized-countries/data/fr";
+import "localized-countries/data/en";
+import { SelectInput } from "../inputs/reactHookForm/selectInputs/SelectInput.js";
+import { TableNumericalInput } from "../inputs/reactHookForm/tableInputs/table-numerical-input.js";
+import { TableTextInput } from "../inputs/reactHookForm/tableInputs/table-text-input.js";
+import { DescriptionInput } from "../inputs/reactHookForm/text/DescriptionInput.js";
+import "../inputs/reactHookForm/expandableInput/ExpandableInput.js";
+import "notistack";
+import "@react-querybuilder/material";
+import "../filter/expert/expertFilterConstants.js";
+import "../inputs/reactQueryBuilder/CustomReactQueryBuilder.js";
+import "uuid";
+import "../inputs/reactQueryBuilder/PropertyValueEditor.js";
+import "react-querybuilder";
+import { DeletableTableRow } from "./deletable-table-row.js";
+function DefaultTableCell({ name, rowIndex, column, width, ...props }) {
+  return /* @__PURE__ */ jsx(TableCell, { sx: mergeSx({ padding: 1 }, width), children: /* @__PURE__ */ jsx(RawReadOnlyInput, { name, ...props }) }, column.dataKey);
+}
+function EditableTableCell({
+  name,
+  rowIndex,
+  column,
+  width,
+  previousValue,
+  valueModified,
+  onChangeCell,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(TableCell, { sx: mergeSx({ padding: 0.5, maxWidth: column.maxWidth }, width), children: [
+    column.type === DndColumnType.NUMERIC && /* @__PURE__ */ jsx(
+      TableNumericalInput,
+      {
+        ...props,
+        name,
+        previousValue,
+        valueModified,
+        adornment: column?.adornment,
+        isClearable: column?.clearable,
+        style: {
+          textAlign: column?.textAlign
+        }
+      }
+    ),
+    column.type === DndColumnType.TEXT && /* @__PURE__ */ jsx(TableTextInput, { ...props, name, showErrorMsg: column.showErrorMsg }),
+    column.type === DndColumnType.AUTOCOMPLETE && /* @__PURE__ */ jsx(
+      AutocompleteInput,
+      {
+        forcePopupIcon: true,
+        freeSolo: true,
+        name,
+        options: column.options,
+        inputTransform: (value) => value ?? "",
+        outputTransform: (value) => value,
+        size: "small"
+      }
+    ),
+    column.type === DndColumnType.SELECT && /* @__PURE__ */ jsx(SelectInput, { options: column.options, name, size: "small", fullWidth: true, disableClearable: true }),
+    column.type === DndColumnType.DIRECTORY_ITEMS && /* @__PURE__ */ jsx(
+      DirectoryItemsInput,
+      {
+        name,
+        equipmentTypes: column.equipmentTypes,
+        elementType: column.elementType,
+        titleId: column.titleId,
+        hideErrorMessage: true,
+        label: void 0,
+        onChange: (value) => column.shouldHandleOnChangeCell && onChangeCell?.(value)
+      }
+    ),
+    column.type === DndColumnType.CHIP_ITEMS && /* @__PURE__ */ jsx(ChipItemsInput, { name, hideErrorMessage: true }),
+    column.type === DndColumnType.SWITCH && /* @__PURE__ */ jsx(
+      SwitchInput,
+      {
+        name,
+        formProps: {
+          // callback to propagate a change to parent via column config
+          onChange: (_, checked) => column.shouldHandleOnChangeCell && onChangeCell?.(checked)
+        }
+      }
+    ),
+    column.type === DndColumnType.DESCRIPTIONS && /* @__PURE__ */ jsx(DescriptionInput, { name }),
+    column.type === DndColumnType.CUSTOM && column.component(rowIndex)
+  ] }, column.dataKey);
+}
+function DndTableRow({
+  rowId,
+  tableName,
+  columnsDefinition,
+  index,
+  provided,
+  snapshot,
+  disableDragAndDrop,
+  disabled,
+  disableTableCell,
+  previousValues,
+  getPreviousValue,
+  isValueModified,
+  disabledDeletion,
+  onChangeRow,
+  onDeleteRow,
+  multiselect,
+  nextSnapshotCellWidthSx
+}) {
+  const intl = useIntl();
+  return /* @__PURE__ */ jsxs(
+    DeletableTableRow,
+    {
+      ref: provided.innerRef,
+      ...provided.draggableProps,
+      onClick: () => {
+        onDeleteRow(index);
+      },
+      disabledDeletion: disabledDeletion || multiselect,
+      children: [
+        !disableDragAndDrop && /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            title: intl.formatMessage({
+              id: "DragAndDrop"
+            }),
+            placement: "right",
+            children: /* @__PURE__ */ jsx(
+              TableCell,
+              {
+                sx: mergeSx({ textAlign: "center" }, nextSnapshotCellWidthSx(snapshot.isDragging)),
+                ...disabled ? {} : { ...provided.dragHandleProps },
+                children: /* @__PURE__ */ jsx(DragIndicator, {})
+              }
+            )
+          }
+        ),
+        multiselect && /* @__PURE__ */ jsx(TableCell, { sx: mergeSx({ textAlign: "center" }, nextSnapshotCellWidthSx(snapshot.isDragging)), children: /* @__PURE__ */ jsx(CheckboxInput, { name: `${tableName}[${index}].${SELECTED}`, formProps: { disabled } }) }),
+        columnsDefinition.map((column) => {
+          const Cell = column.editable ? EditableTableCell : DefaultTableCell;
+          return /* @__PURE__ */ jsx(
+            Cell,
+            {
+              name: `${tableName}[${index}].${column.dataKey}`,
+              rowIndex: index,
+              column,
+              width: nextSnapshotCellWidthSx(snapshot.isDragging),
+              disabled: disableTableCell ? disableTableCell(index, column, tableName, previousValues) : disabled,
+              previousValue: getPreviousValue ? getPreviousValue(index, column, tableName, previousValues) : void 0,
+              valueModified: isValueModified ? isValueModified(index, tableName) : false,
+              onChangeCell: () => onChangeRow(index)
+            },
+            rowId + column.dataKey
+          );
+        })
+      ]
+    }
+  );
+}
+export {
+  DndTableRow
+};

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

@@ -0,0 +1,2 @@
+import { DndColumn } from './dnd-table.type';
+export declare function getDefaultRowData(columnsDefinition: DndColumn[]): Record<string, any>;

package/dist/components/dnd-table-v2/dnd-table-utils.js

@@ -0,0 +1,10 @@
+function getDefaultRowData(columnsDefinition) {
+  const newRowData = {};
+  columnsDefinition.forEach((columnDefinition) => {
+    newRowData[columnDefinition.dataKey] = columnDefinition.initialValue ?? null;
+  });
+  return newRowData;
+}
+export {
+  getDefaultRowData
+};

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

@@ -0,0 +1,32 @@
+import { UseFieldArrayReturn } from 'react-hook-form';
+import { DndColumn } from './dnd-table.type';
+export interface DndTableProps {
+    name: 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, tableName: string, previousValues?: any[]) => boolean;
+    getPreviousValue?: (rowIndex: number, column: any, tableName: string, previousValues?: any[]) => number | undefined;
+    isValueModified?: (index: number, tableName: string) => boolean;
+    disableAddingRows?: boolean;
+    showMoveArrow?: boolean;
+    disableDragAndDrop?: boolean;
+    handleUploadButton?: () => void;
+    uploadButtonMessageId?: string;
+    handleResetButton?: () => void;
+    resetButtonMessageId?: string;
+    maxRows?: number;
+    disabledDeletion?: boolean;
+    multiselect?: boolean;
+    onChange?: (changedRow: any) => void;
+    onDelete?: (removedRows: any[]) => void;
+}
+export declare function DndTable(props: Readonly<DndTableProps>): import("react/jsx-runtime").JSX.Element;