@gridsuite/commons-ui 0.223.0 → 0.225.0

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

@@ -1,7 +1,7 @@
 import { UseFieldArrayReturn } from 'react-hook-form';
 import { DndColumn } from './dnd-table.type';
 export interface DndTableProps {
-    arrayFormName: string;
+    name: string;
     useFieldArrayOutput: UseFieldArrayReturn;
     columnsDefinition: DndColumn[];
     tableHeight?: number;
@@ -13,9 +13,9 @@ export interface DndTableProps {
     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;
+    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;
@@ -24,5 +24,9 @@ export interface DndTableProps {
     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;

package/dist/components/composite/dnd-table/dnd-table.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-import { useState, useRef, useCallback, useMemo } from "react";
+import { useState, useCallback, useRef, useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
-import { Grid, TableContainer, Table, TableHead, TableRow, TableCell, Box, TableBody, Checkbox } from "@mui/material";
-import { DragIndicator } from "@mui/icons-material";
+import { Grid, TableContainer, Table, TableHead, TableRow, TableCell, Box, IconButton, TableBody, Checkbox } from "@mui/material";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
 import { useIntl } from "react-intl";
+import { AddCircle } from "@mui/icons-material";
 import { CustomTooltip } from "../../ui/tooltip/CustomTooltip.js";
-import { MAX_ROWS_NUMBER, SELECTED, DndColumnType } from "./dnd-table.type.js";
+import { MAX_ROWS_NUMBER, SELECTED } from "./dnd-table.type.js";
 import { DndTableBottomLeftButtons } from "./dnd-table-bottom-left-buttons.js";
 import { DndTableBottomRightButtons } from "./dnd-table-bottom-right-buttons.js";
 import { DndTableAddRowsDialog } from "./dnd-table-add-rows-dialog.js";
@@ -15,22 +15,16 @@ import "../../ui/overflowableText/OverflowableText.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import { mergeSx } from "../../../utils/styles.js";
-import { ChipItemsInput } from "../../ui/reactHookForm/chip-items-input.js";
-import { DirectoryItemsInput } from "../../ui/reactHookForm/DirectoryItemsInput.js";
-import { RawReadOnlyInput } from "../../ui/reactHookForm/RawReadOnlyInput.js";
-import { AutocompleteInput } from "../../ui/reactHookForm/autocompleteInputs/AutocompleteInput.js";
-import { CheckboxInput } from "../../ui/reactHookForm/booleans/CheckboxInput.js";
-import { SwitchInput } from "../../ui/reactHookForm/booleans/SwitchInput.js";
-import { ErrorInput } from "../../ui/reactHookForm/errorManagement/ErrorInput.js";
-import { FieldErrorAlert } from "../../ui/reactHookForm/errorManagement/FieldErrorAlert.js";
-import "yup";
-import "../../ui/reactHookForm/provider/CustomFormProvider.js";
-import "../../ui/reactHookForm/numbers/RangeInput.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
-import { TableNumericalInput } from "../../ui/reactHookForm/tableInputs/table-numerical-input.js";
-import { TableTextInput } from "../../ui/reactHookForm/tableInputs/table-text-input.js";
+import "notistack";
+import "../../ui/reactHookForm/provider/CustomFormProvider.js";
+import "yup";
+import { ErrorInput } from "../../ui/reactHookForm/errorManagement/ErrorInput.js";
+import { FieldErrorAlert } from "../../ui/reactHookForm/errorManagement/FieldErrorAlert.js";
+import "../../ui/treeViewFinder/TreeViewFinder.js";
+import "../../ui/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/arrows_input.svg?react";
@@ -38,18 +32,17 @@ import "@material-symbols/svg-400/outlined/left_panel_close.svg?react";
 import "@material-symbols/svg-400/outlined/add_notes.svg?react";
 import "../../ui/dialogs/descriptionModificationDialog/DescriptionModificationDialog.js";
 import "../../ui/reactHookForm/expandableInput/ExpandableInput.js";
-import "notistack";
 import "../../ui/dialogs/elementSaveDialog/ElementSaveDialog.js";
-import "../../ui/treeViewFinder/TreeViewFinder.js";
 import "../../ui/snackbarProvider/SnackbarProvider.js";
 import "mui-nested-menu";
 import "react-resizable-panels";
+import { DndTableRow } from "./dnd-table-row.js";
 const styles = {
   columnsStyle: {
     display: "inline-flex",
     justifyContent: "space-between",
     alignItems: "center",
-    margin: 1,
+    marginLeft: 1,
     textTransform: "none"
   }
 };
@@ -86,72 +79,9 @@ function MultiCheckbox({
     }
   );
 }
-function DefaultTableCell({ arrayFormName, rowIndex, column, width, ...props }) {
-  return /* @__PURE__ */ jsx(TableCell, { sx: mergeSx({ padding: 1 }, width), children: /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}`, ...props }) }, column.dataKey);
-}
-function EditableTableCell({
-  arrayFormName,
-  rowIndex,
-  column,
-  width,
-  previousValue,
-  valueModified,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(TableCell, { sx: mergeSx({ padding: 0.5, maxWidth: column.maxWidth }, width), children: [
-    column.type === DndColumnType.NUMERIC && /* @__PURE__ */ jsx(
-      TableNumericalInput,
-      {
-        ...props,
-        name: `${arrayFormName}[${rowIndex}].${column.dataKey}`,
-        previousValue,
-        valueModified,
-        adornment: column?.adornment,
-        isClearable: column?.clearable,
-        style: {
-          textAlign: column?.textAlign
-        }
-      }
-    ),
-    column.type === DndColumnType.TEXT && /* @__PURE__ */ jsx(
-      TableTextInput,
-      {
-        ...props,
-        name: `${arrayFormName}[${rowIndex}].${column.dataKey}`,
-        hideErrorMessage: column.hideErrorMessage
-      }
-    ),
-    column.type === DndColumnType.AUTOCOMPLETE && /* @__PURE__ */ jsx(
-      AutocompleteInput,
-      {
-        forcePopupIcon: true,
-        freeSolo: true,
-        name: `${arrayFormName}[${rowIndex}].${column.dataKey}`,
-        options: column.options,
-        inputTransform: (value) => value ?? "",
-        outputTransform: (value) => value,
-        size: "small"
-      }
-    ),
-    column.type === DndColumnType.DIRECTORY_ITEMS && /* @__PURE__ */ jsx(
-      DirectoryItemsInput,
-      {
-        name: `${arrayFormName}[${rowIndex}].${column.dataKey}`,
-        equipmentTypes: column.equipmentTypes,
-        elementType: column.elementType,
-        titleId: column.titleId,
-        hideErrorMessage: true,
-        label: void 0
-      }
-    ),
-    column.type === DndColumnType.CHIP_ITEMS && /* @__PURE__ */ jsx(ChipItemsInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}`, hideErrorMessage: true }),
-    column.type === DndColumnType.SWITCH && /* @__PURE__ */ jsx(SwitchInput, { name: `${arrayFormName}[${rowIndex}].${column.dataKey}` }),
-    column.type === DndColumnType.CUSTOM && column.component(rowIndex)
-  ] }, column.dataKey);
-}
 function DndTable(props) {
   const {
-    arrayFormName,
+    name,
     useFieldArrayOutput,
     columnsDefinition,
     tableHeight,
@@ -171,7 +101,11 @@ function DndTable(props) {
     uploadButtonMessageId = void 0,
     handleResetButton = void 0,
     resetButtonMessageId = void 0,
-    maxRows = MAX_ROWS_NUMBER
+    maxRows = MAX_ROWS_NUMBER,
+    disabledDeletion,
+    multiselect,
+    onChange,
+    onDelete
   } = props;
   const intl = useIntl();
   const { getValues, setValue, setError, clearErrors } = useFormContext();
@@ -184,25 +118,9 @@ function DndTable(props) {
     remove
   } = useFieldArrayOutput;
   const [openAddRowsDialog, setOpenAddRowsDialog] = useState(false);
-  function renderTableCell(rowId, rowIndex, column, width) {
-    const CustomTableCell = column.editable ? EditableTableCell : DefaultTableCell;
-    return /* @__PURE__ */ jsx(
-      CustomTableCell,
-      {
-        arrayFormName,
-        rowIndex,
-        column,
-        disabled: disableTableCell ? disableTableCell(rowIndex, column, arrayFormName, previousValues) : disabled,
-        previousValue: getPreviousValue ? getPreviousValue(rowIndex, column, arrayFormName, previousValues) : void 0,
-        valueModified: isValueModified ? isValueModified(rowIndex, arrayFormName) : false,
-        width
-      },
-      rowId + column.dataKey
-    );
-  }
   const addNewRows = (numberOfRows) => {
     if (currentRows.length + numberOfRows > maxRows) {
-      setError(arrayFormName, {
+      setError(name, {
         type: "custom",
         message: intl.formatMessage(
           {
@@ -215,11 +133,13 @@ function DndTable(props) {
       });
       return;
     }
-    clearErrors(arrayFormName);
+    clearErrors(name);
     const rowsToAdd = createRows?.(numberOfRows).map((row) => {
       return { ...row, [SELECTED]: false };
     });
-    append(rowsToAdd);
+    if (rowsToAdd) {
+      append(rowsToAdd);
+    }
   };
   const handleAddRowsButton = () => {
     allowedToAddRows().then((isAllowed) => {
@@ -236,27 +156,37 @@ function DndTable(props) {
     setOpenAddRowsDialog(false);
   };
   const deleteSelectedRows = () => {
-    const currentRowsValues = getValues(arrayFormName);
+    const currentRowsValues = getValues(name);
     const rowsToDelete = [];
     for (let i = 0; i < currentRowsValues.length; i++) {
       if (currentRowsValues[i][SELECTED]) {
         rowsToDelete.push(i);
       }
     }
+    const removedRows = rowsToDelete.map((index) => currentRowsValues[index]);
     remove(rowsToDelete);
+    onDelete?.(removedRows);
   };
+  const handleDeleteRow = useCallback(
+    (index) => {
+      const removedRow = getValues(name)[index];
+      remove(index);
+      onDelete?.([removedRow]);
+    },
+    [onDelete, getValues, name, remove]
+  );
   const selectAllRows = () => {
     for (let i = 0; i < currentRows.length; i++) {
-      setValue(`${arrayFormName}[${i}].${SELECTED}`, true);
+      setValue(`${name}[${i}].${SELECTED}`, true);
     }
   };
   const unselectAllRows = () => {
     for (let i = 0; i < currentRows.length; i++) {
-      setValue(`${arrayFormName}[${i}].${SELECTED}`, false);
+      setValue(`${name}[${i}].${SELECTED}`, false);
     }
   };
   const moveUpSelectedRows = () => {
-    const currentRowsValues = getValues(arrayFormName);
+    const currentRowsValues = getValues(name);
     if (currentRowsValues[0][SELECTED]) {
       return;
     }
@@ -267,7 +197,7 @@ function DndTable(props) {
     }
   };
   const moveDownSelectedRows = () => {
-    const currentRowsValues = getValues(arrayFormName);
+    const currentRowsValues = getValues(name);
     if (currentRowsValues[currentRowsValues.length - 1][SELECTED]) {
       return;
     }
@@ -277,16 +207,16 @@ function DndTable(props) {
       }
     }
   };
-  const dragCellWidthsRef = useRef([]);
+  const snapshotCellWidthsRef = useRef([]);
   const cellIdxRef = useRef(0);
   const onBeforeDragStart = useCallback((start) => {
     const row = document.querySelector(`[data-rfd-draggable-id="${start.draggableId}"]`);
     if (row) {
-      dragCellWidthsRef.current = Array.from(row.cells, (cell) => cell.offsetWidth);
+      snapshotCellWidthsRef.current = Array.from(row.cells, (cell) => cell.offsetWidth);
     }
   }, []);
-  const nextLockedWidthSx = useCallback((isDragging) => {
-    const cellWidths = dragCellWidthsRef.current;
+  const nextSnapshotCellWidthSx = useCallback((isDragging) => {
+    const cellWidths = snapshotCellWidthsRef.current;
     const cellIdx = cellIdxRef.current;
     if (!isDragging || cellWidths[cellIdx] == null) {
       return void 0;
@@ -295,7 +225,7 @@ function DndTable(props) {
     return { width: cellWidths[cellIdx], boxSizing: "border-box" };
   }, []);
   const onDragEnd = (result) => {
-    dragCellWidthsRef.current = [];
+    snapshotCellWidthsRef.current = [];
     if (!result.destination) {
       return;
     }
@@ -304,21 +234,46 @@ function DndTable(props) {
   function renderTableHead() {
     return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
       !disableDragAndDrop && /* @__PURE__ */ jsx(TableCell, { sx: { width: "3%" } }),
-      /* @__PURE__ */ jsx(TableCell, { sx: { width: "5%", textAlign: "center" }, children: /* @__PURE__ */ jsx(
+      multiselect && /* @__PURE__ */ jsx(TableCell, { sx: { width: "5%", textAlign: "center" }, children: /* @__PURE__ */ jsx(
         MultiCheckbox,
         {
-          arrayFormName,
+          arrayFormName: name,
           handleClickCheck: selectAllRows,
           handleClickUncheck: unselectAllRows,
           disabled: disabled || currentRows.length === 0
         }
       ) }),
-      columnsDefinition.map((column) => /* @__PURE__ */ jsx(TableCell, { sx: { width: column.width, maxWidth: column.maxWidth }, children: /* @__PURE__ */ jsxs(Box, { sx: styles.columnsStyle, children: [
-        column.label,
-        column.extra
-      ] }) }, column.dataKey))
+      columnsDefinition.map((column) => /* @__PURE__ */ jsx(
+        TableCell,
+        {
+          sx: mergeSx(
+            { width: column.width, maxWidth: column.maxWidth, textAlign: "left" },
+            column.sxHeader
+          ),
+          children: /* @__PURE__ */ jsxs(Box, { sx: styles.columnsStyle, children: [
+            column.label,
+            column.extra
+          ] })
+        },
+        column.dataKey
+      )),
+      !disableAddingRows && !multiselect && /* @__PURE__ */ jsx(TableCell, { sx: { width: "5rem", textAlign: "center" }, children: /* @__PURE__ */ jsx(
+        CustomTooltip,
+        {
+          title: intl.formatMessage({
+            id: "AddRows"
+          }),
+          children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { disabled, onClick: handleAddRowsButton, children: /* @__PURE__ */ jsx(AddCircle, {}) }) })
+        }
+      ) })
     ] }) });
   }
+  const handleChangeRow = useCallback(
+    (index) => {
+      onChange?.(getValues(name)[index]);
+    },
+    [getValues, name, onChange]
+  );
   function renderTableBody(providedDroppable) {
     return /* @__PURE__ */ jsxs(TableBody, { children: [
       currentRows.map((row, index) => /* @__PURE__ */ jsx(
@@ -329,43 +284,28 @@ function DndTable(props) {
           isDragDisabled: disableDragAndDrop,
           children: (provided, snapshot) => {
             cellIdxRef.current = 0;
-            const tableRow = /* @__PURE__ */ jsxs(TableRow, { ref: provided.innerRef, ...provided.draggableProps, children: [
-              !disableDragAndDrop && /* @__PURE__ */ jsx(
-                CustomTooltip,
-                {
-                  title: intl.formatMessage({
-                    id: "DragAndDrop"
-                  }),
-                  children: /* @__PURE__ */ jsx(
-                    TableCell,
-                    {
-                      sx: mergeSx(
-                        { textAlign: "center" },
-                        nextLockedWidthSx(snapshot.isDragging)
-                      ),
-                      ...disabled ? {} : { ...provided.dragHandleProps },
-                      children: /* @__PURE__ */ jsx(DragIndicator, {})
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                TableCell,
-                {
-                  sx: mergeSx({ textAlign: "center" }, nextLockedWidthSx(snapshot.isDragging)),
-                  children: /* @__PURE__ */ jsx(
-                    CheckboxInput,
-                    {
-                      name: `${arrayFormName}[${index}].${SELECTED}`,
-                      formProps: { disabled }
-                    }
-                  )
-                }
-              ),
-              columnsDefinition.map(
-                (column) => renderTableCell(row.id, index, column, nextLockedWidthSx(snapshot.isDragging))
-              )
-            ] });
+            const tableRow = /* @__PURE__ */ jsx(
+              DndTableRow,
+              {
+                provided,
+                snapshot,
+                rowId: row.id,
+                tableName: name,
+                columnsDefinition,
+                index,
+                disableDragAndDrop,
+                disabled,
+                previousValues,
+                disableTableCell,
+                getPreviousValue,
+                isValueModified,
+                disabledDeletion,
+                onChangeRow: handleChangeRow,
+                onDeleteRow: handleDeleteRow,
+                multiselect,
+                nextSnapshotCellWidthSx
+              }
+            );
             return snapshot.isDragging ? createPortal(tableRow, document.body) : tableRow;
           }
         },
@@ -391,7 +331,7 @@ function DndTable(props) {
           ] })
         }
       ) }) }),
-      /* @__PURE__ */ jsx(ErrorInput, { name: arrayFormName, InputField: FieldErrorAlert })
+      /* @__PURE__ */ jsx(ErrorInput, { name, InputField: FieldErrorAlert })
     ] }),
     /* @__PURE__ */ jsxs(Grid, { container: true, item: true, children: [
       handleResetButton && handleUploadButton && resetButtonMessageId && uploadButtonMessageId ? /* @__PURE__ */ jsx(
@@ -406,10 +346,10 @@ function DndTable(props) {
           resetButtonMessageId
         }
       ) : null,
-      /* @__PURE__ */ jsx(
+      multiselect && /* @__PURE__ */ jsx(
         DndTableBottomRightButtons,
         {
-          arrayFormName,
+          arrayFormName: name,
           handleAddButton: handleAddRowsButton,
           handleDeleteButton: deleteSelectedRows,
           handleMoveUpButton: moveUpSelectedRows,

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

@@ -1,14 +1,19 @@
 import { JSX, ReactNode } from 'react';
-import { ElementType, EquipmentType } from '../../../utils';
+import { SxProps, Theme } from '@mui/material';
+import { ElementType } from '../../../utils/types/elementType';
+import { EquipmentType } from '../../../utils/types/equipmentType';
+import { Option } from '../../../utils/types/types';
 export declare const SELECTED = "selected";
 export declare const MAX_ROWS_NUMBER = 100;
 export declare enum DndColumnType {
     TEXT = "TEXT",
     NUMERIC = "NUMERIC",
     AUTOCOMPLETE = "AUTOCOMPLETE",
+    SELECT = "SELECT",
     CHIP_ITEMS = "CHIP_ITEMS",
     DIRECTORY_ITEMS = "DIRECTORY_ITEMS",
     SWITCH = "SWITCH",
+    DESCRIPTIONS = "DESCRIPTIONS",
     CUSTOM = "CUSTOM"
 }
 export interface ColumnBase {
@@ -16,10 +21,12 @@ export interface ColumnBase {
     maxWidth?: number | string;
     width?: number | string;
     label?: string;
+    sxHeader?: SxProps<Theme>;
     extra?: JSX.Element;
     editable?: boolean;
     type: DndColumnType;
     initialValue?: any;
+    shouldHandleOnChangeCell?: boolean;
     hideErrorMessage?: boolean;
 }
 export interface ColumnText extends ColumnBase {
@@ -35,7 +42,11 @@ export interface ColumnNumeric extends ColumnBase {
 }
 export interface ColumnAutocomplete extends ColumnBase {
     type: DndColumnType.AUTOCOMPLETE;
-    options: string[];
+    options: Option[];
+}
+export interface ColumnSelect extends ColumnBase {
+    type: DndColumnType.SELECT;
+    options: Option[];
 }
 export interface ColumnDirectoryItem extends ColumnBase {
     type: DndColumnType.DIRECTORY_ITEMS;
@@ -49,8 +60,11 @@ export interface ColumnChipsItem extends ColumnBase {
 export interface ColumnSwitchItem extends ColumnBase {
     type: DndColumnType.SWITCH;
 }
+export interface ColumnDescriptions extends ColumnBase {
+    type: DndColumnType.DESCRIPTIONS;
+}
 export interface ColumnCustom extends ColumnBase {
     type: DndColumnType.CUSTOM;
     component: (rowIndex: number) => ReactNode;
 }
-export type DndColumn = ColumnNumeric | ColumnAutocomplete | ColumnText | ColumnDirectoryItem | ColumnChipsItem | ColumnSwitchItem | ColumnCustom;
+export type DndColumn = ColumnNumeric | ColumnAutocomplete | ColumnSelect | ColumnText | ColumnDirectoryItem | ColumnChipsItem | ColumnSwitchItem | ColumnDescriptions | ColumnCustom;

package/dist/components/composite/dnd-table/dnd-table.type.js

@@ -4,9 +4,11 @@ var DndColumnType = /* @__PURE__ */ ((DndColumnType2) => {
   DndColumnType2["TEXT"] = "TEXT";
   DndColumnType2["NUMERIC"] = "NUMERIC";
   DndColumnType2["AUTOCOMPLETE"] = "AUTOCOMPLETE";
+  DndColumnType2["SELECT"] = "SELECT";
   DndColumnType2["CHIP_ITEMS"] = "CHIP_ITEMS";
   DndColumnType2["DIRECTORY_ITEMS"] = "DIRECTORY_ITEMS";
   DndColumnType2["SWITCH"] = "SWITCH";
+  DndColumnType2["DESCRIPTIONS"] = "DESCRIPTIONS";
   DndColumnType2["CUSTOM"] = "CUSTOM";
   return DndColumnType2;
 })(DndColumnType || {});

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

@@ -4,4 +4,9 @@
  * 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 * from '../dnd-table-v2';
+export * from './dnd-table';
+export * from './dnd-table.type';
+export * from './dnd-table-utils';
+export * from './dnd-table-add-rows-dialog';
+export * from './dnd-table-bottom-left-buttons';
+export * from './dnd-table-bottom-right-buttons';

package/dist/components/composite/dnd-table/index.js

@@ -1,9 +1,9 @@
-import { DndTable } from "../dnd-table-v2/dnd-table.js";
-import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "../dnd-table-v2/dnd-table.type.js";
-import { getDefaultRowData } from "../dnd-table-v2/dnd-table-utils.js";
-import { DndTableAddRowsDialog } from "../dnd-table-v2/dnd-table-add-rows-dialog.js";
-import { DndTableBottomLeftButtons } from "../dnd-table-v2/dnd-table-bottom-left-buttons.js";
-import { DndTableBottomRightButtons } from "../dnd-table-v2/dnd-table-bottom-right-buttons.js";
+import { DndTable } from "./dnd-table.js";
+import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "./dnd-table.type.js";
+import { getDefaultRowData } from "./dnd-table-utils.js";
+import { DndTableAddRowsDialog } from "./dnd-table-add-rows-dialog.js";
+import { DndTableBottomLeftButtons } from "./dnd-table-bottom-left-buttons.js";
+import { DndTableBottomRightButtons } from "./dnd-table-bottom-right-buttons.js";
 export {
   DndColumnType,
   DndTable,

package/dist/components/composite/index.js

@@ -1,9 +1,9 @@
-import { DndTable } from "./dnd-table-v2/dnd-table.js";
-import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "./dnd-table-v2/dnd-table.type.js";
-import { getDefaultRowData } from "./dnd-table-v2/dnd-table-utils.js";
-import { DndTableAddRowsDialog } from "./dnd-table-v2/dnd-table-add-rows-dialog.js";
-import { DndTableBottomLeftButtons } from "./dnd-table-v2/dnd-table-bottom-left-buttons.js";
-import { DndTableBottomRightButtons } from "./dnd-table-v2/dnd-table-bottom-right-buttons.js";
+import { DndTable } from "./dnd-table/dnd-table.js";
+import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "./dnd-table/dnd-table.type.js";
+import { getDefaultRowData } from "./dnd-table/dnd-table-utils.js";
+import { DndTableAddRowsDialog } from "./dnd-table/dnd-table-add-rows-dialog.js";
+import { DndTableBottomLeftButtons } from "./dnd-table/dnd-table-bottom-left-buttons.js";
+import { DndTableBottomRightButtons } from "./dnd-table/dnd-table-bottom-right-buttons.js";
 import { EquipmentItem } from "./elementSearch/elementItem/EquipmentItem.js";
 import { ElementSearchDialog } from "./elementSearch/elementSearchDialog/ElementSearchDialog.js";
 import { ElementSearchInput } from "./elementSearch/elementSearchInput/ElementSearchInput.js";

package/dist/components/index.js

@@ -71,12 +71,12 @@ import { fetchCsvSeparator, useCsvExport } from "./ui/csvDownloader/use-csv-expo
 import { TreeViewFinder, generateTreeViewFinderClass } from "./ui/treeViewFinder/TreeViewFinder.js";
 import { doesNodeHasChildren } from "./ui/treeViewFinder/TreeViewUtils.js";
 import { DirectoryItemSelector } from "./ui/directoryItemSelector/DirectoryItemSelector.js";
-import { DndTable } from "./composite/dnd-table-v2/dnd-table.js";
-import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "./composite/dnd-table-v2/dnd-table.type.js";
-import { getDefaultRowData } from "./composite/dnd-table-v2/dnd-table-utils.js";
-import { DndTableAddRowsDialog } from "./composite/dnd-table-v2/dnd-table-add-rows-dialog.js";
-import { DndTableBottomLeftButtons } from "./composite/dnd-table-v2/dnd-table-bottom-left-buttons.js";
-import { DndTableBottomRightButtons } from "./composite/dnd-table-v2/dnd-table-bottom-right-buttons.js";
+import { DndTable } from "./composite/dnd-table/dnd-table.js";
+import { DndColumnType, MAX_ROWS_NUMBER, SELECTED } from "./composite/dnd-table/dnd-table.type.js";
+import { getDefaultRowData } from "./composite/dnd-table/dnd-table-utils.js";
+import { DndTableAddRowsDialog } from "./composite/dnd-table/dnd-table-add-rows-dialog.js";
+import { DndTableBottomLeftButtons } from "./composite/dnd-table/dnd-table-bottom-left-buttons.js";
+import { DndTableBottomRightButtons } from "./composite/dnd-table/dnd-table-bottom-right-buttons.js";
 import { EquipmentItem } from "./composite/elementSearch/elementItem/EquipmentItem.js";
 import { ElementSearchDialog } from "./composite/elementSearch/elementSearchDialog/ElementSearchDialog.js";
 import { ElementSearchInput } from "./composite/elementSearch/elementSearchInput/ElementSearchInput.js";

package/dist/components/ui/directoryItemSelector/DirectoryItemSelector.js

@@ -5,10 +5,10 @@ import { snackWithFallback } from "../../../utils/error.js";
 import { arraysContainIdenticalStrings } from "../../../utils/functions.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
-import { fetchRootFolders, fetchDirectoryContent } from "../../../services/directory.js";
 import { getFileIcon } from "../../../utils/mapper/getFileIcon.js";
 import { TreeViewFinder } from "../treeViewFinder/TreeViewFinder.js";
 import "react-intl";
+import { fetchRootFolders, fetchDirectoryContent } from "../../../services/directory.js";
 import { fetchElementsInfos } from "../../../services/explore.js";
 import "@mui/material";
 import "localized-countries";

package/dist/components/ui/directoryItemSelector/utils.js

@@ -2,10 +2,10 @@ import { LAST_SELECTED_DIRECTORY, COMMON_APP_NAME } from "../../../utils/constan
 import "../../../utils/conversionUtils.js";
 import { ElementType } from "../../../utils/types/elementType.js";
 import "../../../utils/types/equipmentType.js";
-import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import "react/jsx-runtime";
 import "@mui/icons-material";
 import { updateConfigParameter } from "../../../services/config.js";
+import { fetchDirectoryElementPath } from "../../../services/directory.js";
 function getLastSelectedDirectoryId() {
   const lastSelectedDirId = localStorage.getItem(LAST_SELECTED_DIRECTORY);
   if (!lastSelectedDirId || lastSelectedDirId === "null") {

package/dist/components/ui/reactHookForm/DirectoryItemsInput.js

@@ -12,9 +12,9 @@ import { MidFormError } from "./errorManagement/MidFormError.js";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import { ArrayAction } from "../../../utils/types/types.js";
-import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import { getEquipmentTypeShortLabel } from "../../../utils/labelUtils.js";
 import { mergeSx } from "../../../utils/styles.js";
+import { fetchDirectoryElementPath } from "../../../services/directory.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";