@gridsuite/commons-ui 0.214.0 → 0.216.0

package/dist/components/ui/reactHookForm/agGridTable/CustomAgGridTable.js

@@ -1,201 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from "react";
-import { useFormContext, useFieldArray } from "react-hook-form";
-import { useTheme, Box } from "@mui/material";
-import { BottomRightButtons } from "./BottomRightButtons.js";
-import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
-import { CustomAGGrid } from "../../../customAGGrid/customAggrid.js";
-import "../../../../utils/conversionUtils.js";
-import "../../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "../../../../utils/yupConfig.js";
-import "react-intl";
-const style = (customProps) => ({
-  grid: (theme) => ({
-    width: "auto",
-    height: "100%",
-    position: "relative",
-    // - AG Grid colors override -
-    // It shouldn't be exactly like this, but I couldn't make it works otherwise
-    // https://www.ag-grid.com/react-data-grid/global-style-customisation/
-    "--ag-alpine-active-color": `${theme.palette.primary.main} !important`,
-    "--ag-checkbox-indeterminate-color": `${theme.palette.primary.main} !important`,
-    "--ag-background-color": `${theme.agGridBackground.color} !important`,
-    "--ag-header-background-color": `${theme.agGridBackground.color} !important`,
-    "--ag-odd-row-background-color": `${theme.agGridBackground.color} !important`,
-    "--ag-modal-overlay-background-color": `${theme.agGridBackground.color} !important`,
-    "--ag-selected-row-background-color": "transparent !important",
-    "--ag-range-selection-border-color": "transparent !important",
-    // overrides the default computed max height for ag grid default selector editor to make it more usable
-    // can be removed if a custom selector editor is implemented
-    "& .ag-select-list": {
-      maxHeight: "300px !important"
-    },
-    "& .ag-root-wrapper-body": {
-      maxHeight: "500px"
-    },
-    "& .ag-cell": {
-      boxShadow: "none"
-    },
-    "& .ag-cell-edit-wrapper": {
-      height: "inherit"
-    },
-    "& .ag-row-hover": {
-      cursor: "text"
-    },
-    "& .ag-overlay-loading-center": {
-      border: "none",
-      boxShadow: "none"
-    },
-    "& .numeric-input": {
-      fontSize: "calc(var(--ag-font-size) + 1px)",
-      paddingLeft: "calc(var(--ag-cell-horizontal-padding) - 1px)",
-      width: "100%",
-      height: "100%",
-      border: "inherit",
-      outline: "inherit",
-      backgroundColor: theme.agGridBackground.color
-    },
-    "& .Mui-focused .MuiOutlinedInput-root": {
-      // borders moves row height
-      outline: "var(--ag-borders-input) var(--ag-input-focus-border-color)",
-      outlineOffset: "-1px",
-      backgroundColor: theme.agGridBackground.color
-    },
-    ...customProps
-  })
-});
-function CustomAgGridTable({
-  name,
-  makeDefaultRowData,
-  csvProps,
-  cssProps,
-  rowSelection,
-  ...props
-}) {
-  const theme = useTheme();
-  const [gridApi, setGridApi] = useState(null);
-  const [selectedRows, setSelectedRows] = useState([]);
-  const [newRowAdded, setNewRowAdded] = useState(false);
-  const [isSortApplied, setIsSortApplied] = useState(false);
-  const { control, getValues, watch } = useFormContext();
-  const useFieldArrayOutput = useFieldArray({
-    control,
-    name
-  });
-  const { append, remove, update, swap, move } = useFieldArrayOutput;
-  const rowData = watch(name);
-  const isFirstSelected = Boolean(
-    rowData?.length && gridApi?.api.getRowNode(rowData[0][FieldConstants.AG_GRID_ROW_UUID])?.isSelected()
-  );
-  const isLastSelected = Boolean(
-    rowData?.length && gridApi?.api.getRowNode(rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID])?.isSelected()
-  );
-  const noRowSelected = selectedRows.length === 0;
-  const getIndex = useCallback(
-    (val) => {
-      return getValues(name).findIndex(
-        (row) => row[FieldConstants.AG_GRID_ROW_UUID] === val[FieldConstants.AG_GRID_ROW_UUID]
-      );
-    },
-    [getValues, name]
-  );
-  const handleMoveRowUp = () => {
-    selectedRows.map((row) => getIndex(row)).sort((n1, n2) => n1 - n2).forEach((idx) => {
-      swap(idx, idx - 1);
-    });
-  };
-  const handleMoveRowDown = () => {
-    selectedRows.map((row) => getIndex(row)).sort((n1, n2) => n1 - n2).reverse().forEach((idx) => {
-      swap(idx, idx + 1);
-    });
-  };
-  const handleDeleteRows = () => {
-    if (selectedRows.length === rowData.length) {
-      remove();
-    } else {
-      selectedRows.forEach((val) => {
-        const idx = getIndex(val);
-        remove(idx);
-      });
-    }
-  };
-  useEffect(() => {
-    if (gridApi) {
-      gridApi.api.refreshCells({
-        force: true
-      });
-    }
-  }, [gridApi, rowData]);
-  const handleAddRow = () => {
-    append(makeDefaultRowData());
-    setNewRowAdded(true);
-  };
-  const onGridReady = (params) => {
-    setGridApi(params);
-  };
-  const onRowDataUpdated = () => {
-    setNewRowAdded(false);
-    if (gridApi?.api) {
-      const lastIndex = rowData.length - 1;
-      gridApi.api.paginationGoToLastPage();
-      gridApi.api.ensureIndexVisible(lastIndex, "bottom");
-    }
-  };
-  const onCellEditingStopped = useCallback(
-    (event) => {
-      const rowIndex = getIndex(event.data);
-      if (rowIndex === -1) {
-        return;
-      }
-      update(rowIndex, event.data);
-    },
-    [getIndex, update]
-  );
-  const onSortChanged = useCallback((event) => {
-    const isAnycolumnhasSort = event.api.getColumnState().some((col) => col.sort);
-    setIsSortApplied(isAnycolumnhasSort);
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { className: theme.aggrid.theme, sx: style(cssProps).grid, children: /* @__PURE__ */ jsx(
-      CustomAGGrid,
-      {
-        rowData,
-        onGridReady,
-        cacheOverflowSize: 10,
-        rowSelection: rowSelection ?? "multiple",
-        rowDragEntireRow: true,
-        rowDragManaged: true,
-        onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),
-        detailRowAutoHeight: true,
-        onSelectionChanged: () => {
-          setSelectedRows(gridApi.api.getSelectedRows());
-        },
-        onRowDataUpdated: newRowAdded ? onRowDataUpdated : void 0,
-        onCellEditingStopped,
-        onSortChanged,
-        getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
-        theme: "legacy",
-        ...props
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      BottomRightButtons,
-      {
-        name,
-        handleAddRow,
-        handleDeleteRows,
-        handleMoveRowDown,
-        handleMoveRowUp,
-        disableUp: noRowSelected || isFirstSelected || isSortApplied,
-        disableDown: noRowSelected || isLastSelected || isSortApplied,
-        disableDelete: noRowSelected,
-        csvProps,
-        useFieldArrayOutput
-      }
-    )
-  ] });
-}
-export {
-  CustomAgGridTable
-};

package/dist/components/ui/reactHookForm/agGridTable/csvUploader/CsvUploader.d.ts

@@ -1,15 +0,0 @@
-import { GsLang } from '../../../../../utils';
-export interface CsvUploaderProps {
-    name: string;
-    onClose: () => void;
-    open: boolean;
-    title: string[];
-    fileHeaders: string[];
-    fileName: string;
-    csvData: unknown;
-    validateData: (rows: string[][]) => boolean;
-    getDataFromCsv: any;
-    useFieldArrayOutput: any;
-    language: GsLang;
-}
-export declare function CsvUploader({ name, onClose, open, title, fileHeaders, fileName, csvData, validateData, getDataFromCsv, useFieldArrayOutput, language, }: Readonly<CsvUploaderProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/reactHookForm/agGridTable/csvUploader/CsvUploader.js

@@ -1,183 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Dialog, DialogTitle, DialogContent, Grid, Button, Alert, DialogActions, DialogContentText } from "@mui/material";
-import { useCSVReader, RECORD_SEP, UNIT_SEP } from "react-papaparse";
-import React, { useState, useMemo } from "react";
-import { useIntl, FormattedMessage } from "react-intl";
-import CsvDownloader from "react-csv-downloader";
-import { useWatch } from "react-hook-form";
-import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
-import "../../../../../utils/conversionUtils.js";
-import "../../../../../utils/types/equipmentType.js";
-import { LANG_FRENCH } from "../../../../../utils/langs.js";
-import "@mui/icons-material";
-import "../../../../../utils/yupConfig.js";
-import { CancelButton } from "../../utils/CancelButton.js";
-import "yup";
-function CsvUploader({
-  name,
-  onClose,
-  open,
-  title,
-  fileHeaders,
-  fileName,
-  csvData,
-  validateData = () => true,
-  getDataFromCsv,
-  useFieldArrayOutput,
-  language
-}) {
-  const watchTableValues = useWatch({ name });
-  const { append, replace } = useFieldArrayOutput;
-  const [createError, setCreateError] = React.useState("");
-  const intl = useIntl();
-  const { CSVReader } = useCSVReader();
-  const [importedData, setImportedData] = useState([]);
-  const [isConfirmationPopupOpen, setIsConfirmationPopupOpen] = useState(false);
-  const data = useMemo(() => {
-    const newData = [...[fileHeaders]];
-    if (Array.isArray(csvData)) {
-      csvData.forEach((row) => newData.push([row]));
-    }
-    return newData;
-  }, [csvData, fileHeaders]);
-  const handleClose = () => {
-    onClose();
-    setCreateError("");
-  };
-  const validateCsvFile = (rows) => {
-    if (rows.length === 0) {
-      setCreateError(intl.formatMessage({ id: "noDataInCsvFile" }));
-      return false;
-    }
-    for (let i = 0; i < fileHeaders.length; i++) {
-      if (fileHeaders[i] !== "" && rows[0][i] !== fileHeaders[i]) {
-        setCreateError(intl.formatMessage({ id: "wrongCsvHeadersError" }));
-        return false;
-      }
-    }
-    return validateData(rows);
-  };
-  const getResultsFromImportedData = () => {
-    return importedData.filter((row) => {
-      if (row[0].startsWith("#")) {
-        return false;
-      }
-      return row.some((column) => !!column?.trim());
-    });
-  };
-  const handleFileSubmit = (keepTableValues) => {
-    if (importedData.length !== 0) {
-      const result = getResultsFromImportedData();
-      if (validateCsvFile(result)) {
-        result.splice(0, 1);
-        const dataFromCsv = getDataFromCsv(result);
-        if (keepTableValues) {
-          append(dataFromCsv);
-        } else {
-          replace(dataFromCsv);
-        }
-        handleClose();
-      }
-    } else {
-      setCreateError(intl.formatMessage({ id: "noDataInCsvFile" }));
-    }
-  };
-  const handleOpenCSVConfirmationDataDialog = () => {
-    const isValuesInTable = Array.isArray(watchTableValues) && watchTableValues.some(
-      (val) => val && Object.keys(val).filter((key) => key !== FieldConstants.AG_GRID_ROW_UUID).some((e) => val[e] !== void 0 && val[e] !== null && String(val[e]).trim().length > 0)
-    );
-    if (isValuesInTable && getResultsFromImportedData().length > 0) {
-      setIsConfirmationPopupOpen(true);
-    } else {
-      setIsConfirmationPopupOpen(false);
-      handleFileSubmit(false);
-    }
-  };
-  const handleAddPopupConfirmation = () => {
-    handleFileSubmit(true);
-    setIsConfirmationPopupOpen(false);
-  };
-  const handleReplacePopupConfirmation = () => {
-    handleFileSubmit(false);
-    setIsConfirmationPopupOpen(false);
-  };
-  const handleCancelDialog = () => {
-    setIsConfirmationPopupOpen(false);
-  };
-  const renderConfirmationCsvData = () => {
-    return /* @__PURE__ */ jsxs(Dialog, { open: isConfirmationPopupOpen, "aria-labelledby": "dialog-confirmation-csv-data", children: [
-      /* @__PURE__ */ jsx(DialogTitle, { id: "dialog-confirmation-csv-data", children: "Confirmation" }),
-      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContentText, { children: intl.formatMessage({ id: "keepCSVDataMessage" }) }) }),
-      /* @__PURE__ */ jsxs(DialogActions, { children: [
-        /* @__PURE__ */ jsx(CancelButton, { onClick: handleCancelDialog }),
-        /* @__PURE__ */ jsx(Button, { onClick: () => handleReplacePopupConfirmation(), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "replace" }) }),
-        /* @__PURE__ */ jsx(Button, { onClick: () => handleAddPopupConfirmation(), variant: "outlined", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "add" }) })
-      ] })
-    ] });
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Dialog, { open, onClose: handleClose, fullWidth: true, children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-          /* @__PURE__ */ jsx(Grid, { container: true, item: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
-            CsvDownloader,
-            {
-              datas: data,
-              filename: fileName,
-              separator: language === LANG_FRENCH ? ";" : ",",
-              children: /* @__PURE__ */ jsx(Button, { variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "GenerateCSV" }) })
-            }
-          ) }) }),
-          /* @__PURE__ */ jsx(Grid, { container: true, item: true, spacing: 3, children: /* @__PURE__ */ jsx(
-            CSVReader,
-            {
-              onUploadAccepted: (results) => {
-                setImportedData([...results.data]);
-                setCreateError("");
-              },
-              config: {
-                // We use | for multi values in one cell, then we remove it from the default value for this config, to avoid delimiter autodetection
-                delimitersToGuess: [",", "	", ";", RECORD_SEP, UNIT_SEP],
-                delimiter: language === LANG_FRENCH ? ";" : ","
-              },
-              children: ({ getRootProps, acceptedFile }) => /* @__PURE__ */ jsxs(Grid, { item: true, children: [
-                /* @__PURE__ */ jsx(Button, { ...getRootProps(), variant: "contained", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "UploadCSV" }) }),
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    style: {
-                      marginLeft: "10px",
-                      fontWeight: "bold"
-                    },
-                    children: acceptedFile ? acceptedFile.name : intl.formatMessage({
-                      id: "uploadMessage"
-                    })
-                  }
-                )
-              ] })
-            }
-          ) })
-        ] }),
-        createError !== "" && /* @__PURE__ */ jsx(Alert, { severity: "error", children: createError })
-      ] }) }),
-      /* @__PURE__ */ jsxs(DialogActions, { children: [
-        /* @__PURE__ */ jsx(CancelButton, { onClick: handleClose }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            onClick: () => handleOpenCSVConfirmationDataDialog(),
-            disabled: createError !== "",
-            "data-testid": "ValidateButton",
-            children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
-          }
-        )
-      ] })
-    ] }),
-    renderConfirmationCsvData()
-  ] });
-}
-export {
-  CsvUploader
-};

package/dist/components/ui/reactQueryBuilder/CombinatorSelector.js

@@ -1,40 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { MaterialValueSelector } from "@react-querybuilder/material";
-import { PopupConfirmationDialog } from "../dialogs/popupConfirmationDialog/PopupConfirmationDialog.js";
-import { useSelectAppearance } from "../../../hooks/useSelectAppearance.js";
-function CombinatorSelector(props) {
-  const { options, value, handleOnChange } = props;
-  const [tempCombinator, setTempCombinator] = useState(value);
-  const [openPopup, setOpenPopup] = useState(false);
-  const handlePopupConfirmation = useCallback(() => {
-    handleOnChange(tempCombinator);
-    setOpenPopup(false);
-  }, [handleOnChange, tempCombinator]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      PopupConfirmationDialog,
-      {
-        message: "changeOperatorMessage",
-        validateButtonLabel: "button.changeOperator",
-        openConfirmationPopup: openPopup,
-        setOpenConfirmationPopup: setOpenPopup,
-        handlePopupConfirmation
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      MaterialValueSelector,
-      {
-        ...props,
-        handleOnChange: (newCombinator) => {
-          setTempCombinator(newCombinator);
-          setOpenPopup(true);
-        },
-        ...useSelectAppearance(options.length)
-      }
-    )
-  ] });
-}
-export {
-  CombinatorSelector
-};

package/dist/components/ui/reactQueryBuilder/CountryValueEditor.js

@@ -1,50 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useLocalizedCountries } from "../../../hooks/useLocalizedCountries.js";
-import { useCustomFormContext } from "../reactHookForm/provider/useCustomFormContext.js";
-import { fetchFavoriteAndDefaultCountries } from "../../../services/appsMetadata.js";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
-import { AutocompleteWithFavorites } from "./AutocompleteWithFavorites.js";
-import { useConvertValue } from "./hooks/useConvertValue.js";
-import { useValid } from "./hooks/useValid.js";
-function CountryValueEditor(props) {
-  const { value, handleOnChange, title } = props;
-  const { language } = useCustomFormContext();
-  const { translate, countryCodes } = useLocalizedCountries(language);
-  const [favoriteCountryCodes, setFavoriteCountryCodes] = useState([]);
-  const [initialized, setInitialized] = useState(false);
-  useEffect(() => {
-    if (!initialized) {
-      fetchFavoriteAndDefaultCountries().then(({ favoriteCountries, defaultCountry }) => {
-        setFavoriteCountryCodes(favoriteCountries);
-        if (defaultCountry && !value) {
-          handleOnChange(defaultCountry);
-        }
-        setInitialized(true);
-      });
-    }
-  }, [initialized, setInitialized, handleOnChange, value]);
-  useConvertValue(props);
-  const valid = useValid(props);
-  return /* @__PURE__ */ jsx(
-    AutocompleteWithFavorites,
-    {
-      value,
-      options: countryCodes,
-      favorites: favoriteCountryCodes,
-      getOptionLabel: (code) => code ? translate(code) : "",
-      valid,
-      title,
-      onChange: (event, newValue) => {
-        handleOnChange(newValue);
-      },
-      fullWidth: true
-    }
-  );
-}
-export {
-  CountryValueEditor
-};

package/dist/components/ui/reactQueryBuilder/CustomReactQueryBuilder.js

@@ -1,105 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Box } from "@mui/material";
-import { QueryBuilderDnD } from "@react-querybuilder/dnd";
-import * as ReactDnD from "react-dnd";
-import * as ReactDndHtml5Backend from "react-dnd-html5-backend";
-import { QueryBuilderMaterial } from "@react-querybuilder/material";
-import { defaultTranslations, QueryBuilder } from "react-querybuilder";
-import { formatQuery } from "react-querybuilder/formatQuery";
-import { useIntl } from "react-intl";
-import { useFormContext } from "react-hook-form";
-import { useCallback, useMemo } from "react";
-import { CombinatorSelector } from "./CombinatorSelector.js";
-import { AddButton } from "./AddButton.js";
-import { ValueEditor } from "./ValueEditor.js";
-import { ValueSelector } from "./ValueSelector.js";
-import { COMBINATOR_OPTIONS } from "../../filter/expert/expertFilterConstants.js";
-import { ErrorInput } from "../reactHookForm/errorManagement/ErrorInput.js";
-import { FieldErrorAlert } from "../reactHookForm/errorManagement/FieldErrorAlert.js";
-import { countRules, queryValidator, getOperators } from "../../filter/expert/expertFilterUtils.js";
-import { RemoveButton } from "./RemoveButton.js";
-import { FieldSelector } from "./FieldSelector.js";
-import { OperatorSelector } from "./OperatorSelector.js";
-function RuleAddButton(props) {
-  return /* @__PURE__ */ jsx(AddButton, { ...props, label: "rule" });
-}
-function GroupAddButton(props) {
-  return /* @__PURE__ */ jsx(AddButton, { ...props, label: "subGroup" });
-}
-const customTranslations = {
-  ...defaultTranslations,
-  fields: { ...defaultTranslations.fields, title: "" },
-  operators: { ...defaultTranslations.operators, title: "" },
-  dragHandle: { ...defaultTranslations.dragHandle, title: "" },
-  addRule: { ...defaultTranslations.addRule, title: "" },
-  addGroup: { ...defaultTranslations.addGroup, title: "" },
-  removeRule: { ...defaultTranslations.removeRule, title: "" },
-  removeGroup: { ...defaultTranslations.removeGroup, title: "" },
-  value: { title: "" },
-  combinators: { title: "" }
-};
-function CustomReactQueryBuilder(props) {
-  const { name, fields } = props;
-  const {
-    getValues,
-    setValue,
-    watch,
-    formState: { isSubmitted }
-    // Set to true after the form is submitted. Will remain true until the reset method is invoked.
-  } = useFormContext();
-  const intl = useIntl();
-  const query = watch(name);
-  const handleQueryChange = useCallback(
-    (newQuery) => {
-      const oldQuery = getValues(name);
-      const hasQueryChanged = formatQuery(oldQuery, "json_without_ids") !== formatQuery(newQuery, "json_without_ids");
-      const hasAddedRules = countRules(newQuery) > countRules(oldQuery);
-      setValue(name, newQuery, {
-        shouldDirty: hasQueryChanged,
-        shouldValidate: isSubmitted && hasQueryChanged && !hasAddedRules
-      });
-    },
-    [getValues, setValue, isSubmitted, name]
-  );
-  const combinators = useMemo(() => {
-    return Object.values(COMBINATOR_OPTIONS).map((c) => ({
-      name: c.name,
-      label: intl.formatMessage({ id: c.label })
-    }));
-  }, [intl]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(QueryBuilderMaterial, { children: /* @__PURE__ */ jsx(QueryBuilderDnD, { dnd: { ...ReactDnD, ...ReactDndHtml5Backend }, children: /* @__PURE__ */ jsx(
-      QueryBuilder,
-      {
-        fields,
-        query,
-        addRuleToNewGroups: true,
-        combinators,
-        onQueryChange: handleQueryChange,
-        getOperators: (fieldName) => getOperators(fieldName, intl),
-        validator: queryValidator,
-        controlClassnames: {
-          queryBuilder: "queryBuilder-branches"
-        },
-        controlElements: {
-          addRuleAction: RuleAddButton,
-          addGroupAction: GroupAddButton,
-          combinatorSelector: CombinatorSelector,
-          removeRuleAction: RemoveButton,
-          removeGroupAction: RemoveButton,
-          valueEditor: ValueEditor,
-          operatorSelector: OperatorSelector,
-          fieldSelector: FieldSelector,
-          valueSourceSelector: ValueSelector
-        },
-        listsAsArrays: true,
-        accessibleDescriptionGenerator: () => "",
-        translations: customTranslations
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(ErrorInput, { name, InputField: FieldErrorAlert }) })
-  ] });
-}
-export {
-  CustomReactQueryBuilder
-};

package/dist/components/ui/reactQueryBuilder/ElementValueEditor.js

@@ -1,47 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { validate } from "uuid";
-import { useEffect } from "react";
-import { useCustomFormContext } from "../reactHookForm/provider/useCustomFormContext.js";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
-import { fetchElementsInfos } from "../../../services/explore.js";
-import { DirectoryItemsInput } from "../reactHookForm/DirectoryItemsInput.js";
-function ElementValueEditor(props) {
-  const { defaultValue, name, elementType, equipmentTypes, titleId, hideErrorMessage, itemFilter, onChange } = props;
-  const { setValue } = useCustomFormContext();
-  useEffect(() => {
-    if (defaultValue && Array.isArray(defaultValue) && defaultValue.length > 0 && defaultValue[0].length > 0 && validate(defaultValue[0])) {
-      fetchElementsInfos(defaultValue).then((childrenWithMetadata) => {
-        setValue(
-          name,
-          childrenWithMetadata.map((v) => {
-            return {
-              id: v.elementUuid,
-              name: v.elementName,
-              specificMetadata: v.specificMetadata
-            };
-          })
-        );
-      });
-    }
-  }, [name, defaultValue, elementType, setValue]);
-  return /* @__PURE__ */ jsx(
-    DirectoryItemsInput,
-    {
-      name,
-      elementType,
-      equipmentTypes,
-      titleId,
-      hideErrorMessage,
-      label: "filter",
-      itemFilter,
-      onChange,
-      labelRequiredFromContext: false
-    }
-  );
-}
-export {
-  ElementValueEditor
-};

package/dist/components/ui/reactQueryBuilder/OperatorSelector.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { MaterialValueSelector } from "@react-querybuilder/material";
-import "react";
-import "react-intl";
-import "../../../utils/conversionUtils.js";
-import "../../../utils/types/equipmentType.js";
-import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
-import "@mui/material";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import "notistack";
-import { useSelectAppearance } from "../../../hooks/useSelectAppearance.js";
-function OperatorSelector(props) {
-  const { options } = props;
-  const selectAppearance = useSelectAppearance(options?.length || 0);
-  if (!options?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(MaterialValueSelector, { ...props, ...selectAppearance, sx: { border: "none" } });
-}
-export {
-  OperatorSelector
-};