@gridsuite/commons-ui 0.214.0 → 0.216.0

package/dist/components/ui/index.js

@@ -1,16 +1,9 @@
 import { AddButton, AddButtonMode } from "./addButton/AddButton.js";
-import { AnnouncementBanner } from "./announcement/AnnouncementBanner.js";
-import { AnnouncementNotification } from "./announcement/AnnouncementNotification.js";
-import { useGlobalAnnouncement } from "./announcement/useGlobalAnnouncement.js";
 import { OverflowableChip } from "./reactHookForm/OverflowableChip.js";
 import { OverflowableChipWithHelperText } from "./reactHookForm/OverflowableChipWithHelperText.js";
 import { ChipItemsInput } from "./reactHookForm/chip-items-input.js";
 import { DirectoryItemsInput } from "./reactHookForm/DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./reactHookForm/RawReadOnlyInput.js";
-import { BottomRightButtons } from "./reactHookForm/agGridTable/BottomRightButtons.js";
-import { CustomAgGridTable } from "./reactHookForm/agGridTable/CustomAgGridTable.js";
-import { NumericEditor } from "./reactHookForm/agGridTable/cellEditors/numericEditor.js";
-import { CsvUploader } from "./reactHookForm/agGridTable/csvUploader/CsvUploader.js";
 import { AutocompleteInput } from "./reactHookForm/autocompleteInputs/AutocompleteInput.js";
 import { MultipleAutocompleteInput } from "./reactHookForm/autocompleteInputs/MultipleAutocompleteInput.js";
 import { BooleanInput } from "./reactHookForm/booleans/BooleanInput.js";
@@ -52,21 +45,6 @@ import { DESCRIPTION, NAME } from "./reactHookForm/constants.js";
 import { ExpandableInput } from "./reactHookForm/expandableInput/ExpandableInput.js";
 import { CountrySelectionInput } from "./reactHookForm/CountrySelectionInput.js";
 import { CheckboxNullableInput } from "./reactHookForm/CheckboxNullableInput.js";
-import { AutocompleteWithFavorites } from "./reactQueryBuilder/AutocompleteWithFavorites.js";
-import { CombinatorSelector } from "./reactQueryBuilder/CombinatorSelector.js";
-import { CountryValueEditor } from "./reactQueryBuilder/CountryValueEditor.js";
-import { CustomReactQueryBuilder } from "./reactQueryBuilder/CustomReactQueryBuilder.js";
-import { ElementValueEditor } from "./reactQueryBuilder/ElementValueEditor.js";
-import { PropertyValueEditor } from "./reactQueryBuilder/PropertyValueEditor.js";
-import { RemoveButton } from "./reactQueryBuilder/RemoveButton.js";
-import { TextValueEditor } from "./reactQueryBuilder/TextValueEditor.js";
-import { TranslatedValueEditor } from "./reactQueryBuilder/TranslatedValueEditor.js";
-import { ValueEditor } from "./reactQueryBuilder/ValueEditor.js";
-import { ValueSelector } from "./reactQueryBuilder/ValueSelector.js";
-import { GroupValueEditor } from "./reactQueryBuilder/compositeRuleEditor/GroupValueEditor.js";
-import { RuleValueEditor } from "./reactQueryBuilder/compositeRuleEditor/RuleValueEditor.js";
-import { useConvertValue } from "./reactQueryBuilder/hooks/useConvertValue.js";
-import { useValid } from "./reactQueryBuilder/hooks/useValid.js";
 import { CheckBoxList } from "./checkBoxList/CheckBoxList.js";
 import { SelectClearable } from "./inputs/SelectClearable.js";
 import { ActivableChip } from "./inputs/ActivableChip.js";
@@ -90,47 +68,41 @@ import { ResizeHandle } from "./resizablePanels/ResizeHandle.js";
 import { CsvExport } from "./csvDownloader/csv-export.js";
 import { ExportCsvButton } from "./csvDownloader/export-csv-button.js";
 import { fetchCsvSeparator, useCsvExport } from "./csvDownloader/use-csv-export.js";
+import { TreeViewFinder, generateTreeViewFinderClass } from "./treeViewFinder/TreeViewFinder.js";
+import { doesNodeHasChildren } from "./treeViewFinder/TreeViewUtils.js";
+import { DirectoryItemSelector } from "./directoryItemSelector/DirectoryItemSelector.js";
 export {
   ActivableChip,
   AddButton,
   AddButtonMode,
-  AnnouncementBanner,
-  AnnouncementNotification,
   ArrowsInputIcon,
   ArrowsOutputIcon,
   AutocompleteInput,
-  AutocompleteWithFavorites,
   BooleanInput,
-  BottomRightButtons,
   ButtonReadOnlyInput,
   CancelButton,
   CheckBoxList,
   CheckboxInput,
   CheckboxNullableInput,
   ChipItemsInput,
-  CombinatorSelector,
   CountriesInput,
   CountrySelectionInput,
-  CountryValueEditor,
   CsvExport,
-  CsvUploader,
-  CustomAgGridTable,
   CustomFormContext,
   CustomFormProvider,
   CustomMenuItem,
   CustomMuiDialog,
   CustomNestedMenuItem,
-  CustomReactQueryBuilder,
   CustomTooltip,
   DEFAULT_RANGE_VALUE,
   DESCRIPTION,
   DescriptionField,
   DescriptionInput,
   DescriptionModificationDialog,
+  DirectoryItemSelector,
   DirectoryItemsInput,
   EditNoteIcon,
   ElementSaveDialog,
-  ElementValueEditor,
   EnumInput,
   ErrorInput,
   ExpandableInput,
@@ -139,7 +111,6 @@ export {
   FieldErrorAlert,
   FieldLabel,
   FloatInput,
-  GroupValueEditor,
   HelperPreviousValue,
   InputWithPopupConfirmation,
   IntegerInput,
@@ -151,20 +122,16 @@ export {
   MultipleAutocompleteInput,
   MultipleSelectionDialog,
   NAME,
-  NumericEditor,
   OverflowableChip,
   OverflowableChipWithHelperText,
   OverflowableText,
   PopupConfirmationDialog,
-  PropertyValueEditor,
   RadioInput,
   RangeInput,
   RangeType,
   RawReadOnlyInput,
   ReadOnlyInput,
-  RemoveButton,
   ResizeHandle,
-  RuleValueEditor,
   SelectClearable,
   SelectInput,
   SelectWithConfirmationInput,
@@ -176,13 +143,12 @@ export {
   TableTextInput,
   TextFieldWithAdornment,
   TextInput,
-  TextValueEditor,
-  TranslatedValueEditor,
+  TreeViewFinder,
   UniqueNameInput,
-  ValueEditor,
-  ValueSelector,
+  doesNodeHasChildren,
   fetchCsvSeparator,
   genHelperError,
+  generateTreeViewFinderClass,
   getRangeInputSchema,
   gridItem,
   identity,
@@ -192,9 +158,6 @@ export {
   isIntegerNumber,
   toFloatOrNullValue,
   unscrollableDialogStyles,
-  useConvertValue,
   useCsvExport,
-  useCustomFormContext,
-  useGlobalAnnouncement,
-  useValid
+  useCustomFormContext
 };

package/dist/components/ui/overflowableText/OverflowableText.js

@@ -6,7 +6,6 @@ import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import { mergeSx } from "../../../utils/styles.js";
-import "../../../utils/yupConfig.js";
 const overflowStyle = {
   overflow: {
     display: "inline-block",

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

@@ -6,7 +6,6 @@ import "react-hook-form";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
 import "@mui/material";
 import { useLocalizedCountries } from "../../../hooks/useLocalizedCountries.js";
 import "notistack";

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

@@ -15,12 +15,11 @@ 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 "../../../utils/yupConfig.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";
 import { useSnackMessage } from "../../../hooks/useSnackMessage.js";
-import { DirectoryItemSelector } from "../../directoryItemSelector/DirectoryItemSelector.js";
+import { DirectoryItemSelector } from "../directoryItemSelector/DirectoryItemSelector.js";
 import { NAME } from "./constants.js";
 import { OverflowableChip } from "./OverflowableChip.js";
 import { FieldLabel } from "./utils/FieldLabel.js";

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

@@ -5,7 +5,6 @@ import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
 import { mergeSx } from "../../../utils/styles.js";
-import "../../../utils/yupConfig.js";
 function OverflowableChipWithHelperText({
   helperText,
   boxSx,

package/dist/components/ui/reactHookForm/chip-items-input.js

@@ -6,7 +6,6 @@ import "react-intl";
 import "../../../utils/conversionUtils.js";
 import "../../../utils/types/equipmentType.js";
 import "@mui/icons-material";
-import "../../../utils/yupConfig.js";
 import "localized-countries";
 import "localized-countries/data/fr";
 import "localized-countries/data/en";

package/dist/components/ui/reactHookForm/index.d.ts

@@ -9,7 +9,6 @@ export * from './OverflowableChipWithHelperText';
 export * from './chip-items-input';
 export * from './DirectoryItemsInput';
 export * from './RawReadOnlyInput';
-export * from './agGridTable';
 export * from './autocompleteInputs';
 export * from './booleans';
 export * from './errorManagement';

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

@@ -3,10 +3,6 @@ import { OverflowableChipWithHelperText } from "./OverflowableChipWithHelperText
 import { ChipItemsInput } from "./chip-items-input.js";
 import { DirectoryItemsInput } from "./DirectoryItemsInput.js";
 import { RawReadOnlyInput } from "./RawReadOnlyInput.js";
-import { BottomRightButtons } from "./agGridTable/BottomRightButtons.js";
-import { CustomAgGridTable } from "./agGridTable/CustomAgGridTable.js";
-import { NumericEditor } from "./agGridTable/cellEditors/numericEditor.js";
-import { CsvUploader } from "./agGridTable/csvUploader/CsvUploader.js";
 import { AutocompleteInput } from "./autocompleteInputs/AutocompleteInput.js";
 import { MultipleAutocompleteInput } from "./autocompleteInputs/MultipleAutocompleteInput.js";
 import { BooleanInput } from "./booleans/BooleanInput.js";
@@ -51,7 +47,6 @@ import { CheckboxNullableInput } from "./CheckboxNullableInput.js";
 export {
   AutocompleteInput,
   BooleanInput,
-  BottomRightButtons,
   ButtonReadOnlyInput,
   CancelButton,
   CheckboxInput,
@@ -59,8 +54,6 @@ export {
   ChipItemsInput,
   CountriesInput,
   CountrySelectionInput,
-  CsvUploader,
-  CustomAgGridTable,
   CustomFormContext,
   CustomFormProvider,
   DEFAULT_RANGE_VALUE,
@@ -82,7 +75,6 @@ export {
   MuiSelectInput,
   MultipleAutocompleteInput,
   NAME,
-  NumericEditor,
   OverflowableChip,
   OverflowableChipWithHelperText,
   RadioInput,

package/dist/components/ui/reactHookForm/numbers/RangeInput.d.ts

@@ -1,5 +1,5 @@
-import { ObjectSchema } from 'yup';
 import { FieldConstants } from '../../../../utils/constants/fieldConstants';
+import * as yup from 'yup';
 export declare const RangeType: {
     readonly EQUALITY: {
         readonly id: "EQUALITY";
@@ -32,7 +32,7 @@ export type RangeInputData = {
     [FieldConstants.VALUE_2]: number | null;
 };
 export declare const DEFAULT_RANGE_VALUE: RangeInputData;
-export declare function getRangeInputSchema<TName extends string>(name: TName): Record<TName, ObjectSchema<RangeInputData>>;
+export declare function getRangeInputSchema<TName extends string>(name: TName): Record<TName, yup.ObjectSchema<RangeInputData>>;
 interface RangeInputProps {
     name: string;
     label: string;

package/dist/components/ui/reactHookForm/numbers/RangeInput.js

@@ -3,11 +3,10 @@ import { useWatch } from "react-hook-form";
 import { FormattedMessage } from "react-intl";
 import { useMemo } from "react";
 import { FormControl, InputLabel, Grid } from "@mui/material";
+import * as yup from "yup";
 import { FloatInput } from "./FloatInput.js";
-import "../../../../utils/yupConfig.js";
 import { MuiSelectInput } from "../selectInputs/MuiSelectInput.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
-import * as yup from "yup";
 const style = {
   inputLegend: (theme) => ({
     backgroundImage: "linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16))",

package/dist/components/ui/reactHookForm/tableInputs/table-numerical-input.js

@@ -6,7 +6,6 @@ import { useMemo } from "react";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
 import { validateValueIsANumber } from "../../../../utils/validation-functions.js";
-import "../../../../utils/yupConfig.js";
 function TableNumericalInput({
   name,
   style,

package/dist/components/ui/reactHookForm/text/DescriptionField.js

@@ -8,7 +8,6 @@ import { ExpandingTextField } from "./ExpandingTextField.js";
 import { MAX_CHAR_DESCRIPTION } from "../../../../utils/constants/uiConstants.js";
 import "../../../../utils/conversionUtils.js";
 import "../../../../utils/types/equipmentType.js";
-import "../../../../utils/yupConfig.js";
 import { AddButton } from "../../addButton/AddButton.js";
 function DescriptionField({
   expandingTextSx,

package/dist/components/ui/treeViewFinder/TreeViewFinder.d.ts

@@ -0,0 +1,39 @@
+import { ReactElement } from 'react';
+import { ButtonProps, ModalProps } from '@mui/material';
+import { SimpleTreeViewClasses } from '@mui/x-tree-view';
+import { UUID } from 'node:crypto';
+import { ElementType } from '../../../utils';
+export declare const generateTreeViewFinderClass: (className: string) => string;
+export interface TreeViewFinderNodeProps {
+    id: UUID;
+    name: string;
+    type?: ElementType;
+    description?: string;
+    icon?: ReactElement;
+    childrenCount?: number;
+    children?: TreeViewFinderNodeProps[];
+    parents?: TreeViewFinderNodeProps[];
+    specificMetadata?: {
+        equipmentType: string;
+    };
+}
+export interface TreeViewFinderProps {
+    defaultExpanded?: string[];
+    defaultSelected?: string[];
+    selected?: string[];
+    expanded?: string[];
+    multiSelect?: boolean;
+    classes?: Partial<SimpleTreeViewClasses>;
+    className?: string;
+    contentText?: string;
+    open: ModalProps['open'];
+    onClose: (nodes: TreeViewFinderNodeProps[]) => void;
+    validationButtonText?: string;
+    cancelButtonProps?: ButtonProps;
+    title?: string;
+    onlyLeaves?: boolean;
+    data?: TreeViewFinderNodeProps[];
+    onTreeBrowse?: (itemId: string) => void;
+    sortMethod?: (a: TreeViewFinderNodeProps, b: TreeViewFinderNodeProps) => number;
+}
+export declare const TreeViewFinder: import('@emotion/styled').StyledComponent<Readonly<TreeViewFinderProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/ui/treeViewFinder/TreeViewFinder.js

@@ -0,0 +1,343 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { useIntl } from "react-intl";
+import { styled, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Typography } from "@mui/material";
+import { SimpleTreeView, TreeItem } from "@mui/x-tree-view";
+import { ExpandMore, ChevronRight, Check } from "@mui/icons-material";
+import { toNestedGlobalSelectors, makeComposeClasses } from "../../../utils/styles.js";
+import { CancelButton } from "../reactHookForm/utils/CancelButton.js";
+import { doesNodeHasChildren } from "./TreeViewUtils.js";
+const cssDialogPaper = "dialogPaper";
+const cssLabelRoot = "labelRoot";
+const cssLabelText = "labelText";
+const cssLabelIcon = "labelIcon";
+const cssIcon = "icon";
+const defaultStyles = {
+  [cssDialogPaper]: {
+    minWidth: "50%"
+  },
+  [cssLabelRoot]: {
+    display: "flex",
+    alignContent: "center",
+    alignItems: "center"
+  },
+  [cssLabelText]: {
+    fontWeight: "inherit",
+    flexGrow: 1
+  },
+  [cssLabelIcon]: {
+    display: "flex",
+    alignContent: "center",
+    alignItems: "center",
+    marginRight: "4px"
+  },
+  [cssIcon]: {}
+};
+const generateTreeViewFinderClass = (className) => `GsiTreeViewFinder-${className}`;
+const composeClasses = makeComposeClasses(generateTreeViewFinderClass);
+function CustomExpandIcon({ className }) {
+  return /* @__PURE__ */ jsx(ChevronRight, { className });
+}
+function CustomCollapseIcon({ className }) {
+  return /* @__PURE__ */ jsx(ExpandMore, { className });
+}
+function TreeViewFinderComponant(props) {
+  const intl = useIntl();
+  const {
+    classes = {},
+    title,
+    contentText,
+    open,
+    data,
+    defaultExpanded,
+    defaultSelected,
+    onClose,
+    onTreeBrowse,
+    validationButtonText,
+    onlyLeaves = true,
+    multiSelect = false,
+    sortMethod,
+    className,
+    cancelButtonProps,
+    selected: selectedProp,
+    expanded: expandedProp
+  } = props;
+  const [mapPrintedNodes, setMapPrintedNodes] = useState({});
+  const [expanded, setExpanded] = useState(defaultExpanded ?? []);
+  const [selected, setSelected] = useState(defaultSelected ?? []);
+  const scrollRef = useRef([]);
+  const [autoScrollAllowed, setAutoScrollAllowed] = useState(true);
+  const isLeaf = (node) => {
+    return node && node.children === void 0;
+  };
+  const isSelectable = (node) => {
+    return onlyLeaves ? isLeaf(node) : true;
+  };
+  const isValidationDisabled = () => {
+    return selected?.length === 0 || selected?.length === selectedProp?.length && selected?.every((itemId) => selectedProp?.includes(itemId));
+  };
+  const computeMapPrintedNodes = useCallback((nodes) => {
+    const newMapPrintedNodes = {};
+    nodes?.forEach((node) => {
+      newMapPrintedNodes[node.id] = node;
+      if (!isLeaf(node)) {
+        Object.assign(newMapPrintedNodes, computeMapPrintedNodes(node.children));
+      }
+    });
+    return newMapPrintedNodes;
+  }, []);
+  const findParents = (itemId, nodes, parentPath = []) => {
+    let result = null;
+    nodes.some((node) => {
+      if (node.id === itemId) {
+        result = parentPath;
+        return true;
+      }
+      if (node.children) {
+        const childResult = findParents(itemId, node.children, [...parentPath, node]);
+        if (childResult) {
+          result = childResult;
+          return true;
+        }
+      }
+      return false;
+    });
+    return result;
+  };
+  useEffect(() => {
+    const newMapPrintedNodes = computeMapPrintedNodes(data);
+    setMapPrintedNodes(newMapPrintedNodes);
+  }, [data, computeMapPrintedNodes]);
+  const computeSelectedNodes = () => {
+    if (!selected) {
+      return [];
+    }
+    return selected.map((itemId) => {
+      const selectedNode = mapPrintedNodes[itemId];
+      if (!selectedNode) {
+        return null;
+      }
+      const parents = findParents(itemId, data ?? []);
+      return {
+        ...selectedNode,
+        parents: parents ?? []
+      };
+    }).filter((node) => node !== null);
+  };
+  const handleNodeToggle = (_e, itemIds) => {
+    itemIds.every((itemId) => {
+      if (!expanded?.includes(itemId)) {
+        onTreeBrowse?.(itemId);
+        return false;
+      }
+      return true;
+    });
+    setExpanded(itemIds);
+  };
+  useEffect(() => {
+    if (!selectedProp) {
+      return;
+    }
+    if (selectedProp.length > 0) {
+      setSelected((oldSelectedNodes) => {
+        const prev = oldSelectedNodes ?? [];
+        return Array.from(/* @__PURE__ */ new Set([...prev, ...selectedProp]));
+      });
+    }
+  }, [selectedProp]);
+  useEffect(() => {
+    if (!expandedProp || expandedProp.length === 0) {
+      return;
+    }
+    if (expandedProp.length > 0) {
+      setExpanded((oldExpandedNodes) => [...oldExpandedNodes ?? [], ...expandedProp]);
+    }
+  }, [expandedProp]);
+  useEffect(() => {
+    const hasSelected = selectedProp && selectedProp.length > 0;
+    const hasExpanded = expandedProp && expandedProp.length > 0;
+    if (!hasSelected && !hasExpanded || !autoScrollAllowed) {
+      return;
+    }
+    const isNodeExpanded = expandedProp?.every((itemId) => expanded?.includes(itemId));
+    const lastScrollRef = scrollRef.current[scrollRef.current.length - 1];
+    if (isNodeExpanded && lastScrollRef) {
+      lastScrollRef.scrollIntoView({
+        behavior: "smooth",
+        block: "center",
+        inline: "center"
+      });
+      setAutoScrollAllowed(false);
+    }
+  }, [expanded, selectedProp, expandedProp, data, autoScrollAllowed]);
+  const handleNodeSelect = (_e, values) => {
+    if (multiSelect && Array.isArray(values)) {
+      setSelected(values.filter((itemId) => isSelectable(mapPrintedNodes[itemId])));
+    } else if (typeof values === "string") {
+      if (selected?.includes(values)) {
+        setSelected([]);
+      } else {
+        setSelected(isSelectable(mapPrintedNodes[values]) ? [values] : []);
+      }
+    }
+  };
+  const getValidationButtonText = () => {
+    if (validationButtonText) {
+      return validationButtonText;
+    }
+    let buttonLabelId = "";
+    if (Array.isArray(selectedProp)) {
+      buttonLabelId = selectedProp?.length > 0 ? "treeview_finder/replaceElementsValidation" : "treeview_finder/addElementsValidation";
+    } else {
+      buttonLabelId = selectedProp ? "treeview_finder/replaceElementsValidation" : "treeview_finder/addElementsValidation";
+    }
+    return intl.formatMessage(
+      { id: buttonLabelId },
+      {
+        nbElements: selected?.length
+      }
+    );
+  };
+  const getNodeIcon = (node) => {
+    if (!node) {
+      return null;
+    }
+    if (isSelectable(node) && selected?.find((itemId) => itemId === node.id)) {
+      return /* @__PURE__ */ jsx(Check, { className: composeClasses(classes, cssLabelIcon) });
+    }
+    if (node.icon) {
+      return /* @__PURE__ */ jsx("div", { className: composeClasses(classes, cssLabelIcon), children: node.icon });
+    }
+    return null;
+  };
+  const renderTreeItemLabel = (node) => {
+    return /* @__PURE__ */ jsxs("div", { className: composeClasses(classes, cssLabelRoot), children: [
+      getNodeIcon(node),
+      /* @__PURE__ */ jsx(Typography, { className: composeClasses(classes, cssLabelText), children: node.name })
+    ] });
+  };
+  const showChevron = (node) => {
+    return !!(node.childrenCount && node.childrenCount > 0);
+  };
+  const renderTree = (node) => {
+    if (!node) {
+      return null;
+    }
+    let childrenNodes = null;
+    const showExpandIcon = showChevron(node);
+    if (doesNodeHasChildren(node)) {
+      childrenNodes = node.children.toSorted(sortMethod).map(renderTree);
+    } else if (showExpandIcon) {
+      childrenNodes = [/* @__PURE__ */ jsx("span", { style: { display: "none" } }, "placeholder")];
+    }
+    return /* @__PURE__ */ jsx(
+      TreeItem,
+      {
+        itemId: node.id,
+        label: renderTreeItemLabel(node),
+        slots: {
+          expandIcon: CustomExpandIcon,
+          collapseIcon: CustomCollapseIcon
+        },
+        slotProps: {
+          expandIcon: {
+            className: composeClasses(classes, cssIcon)
+          },
+          collapseIcon: {
+            className: composeClasses(classes, cssIcon)
+          }
+        },
+        ref: (element) => {
+          const shouldAddToScrollRef = selectedProp && selectedProp.length > 0 ? selectedProp.includes(node.id) : expandedProp?.includes(node.id) ?? false;
+          if (shouldAddToScrollRef) {
+            scrollRef.current.push(element);
+          }
+        },
+        children: childrenNodes
+      },
+      node.id
+    );
+  };
+  const getTreeViewSelectionProps = () => {
+    if (!multiSelect) {
+      return {
+        multiSelect: false,
+        selected: selected && selected.length > 0 ? selected.at(0) : ""
+      };
+    }
+    return {
+      multiSelect: true,
+      selected: selected ?? []
+    };
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose: (e, r) => {
+        if (r === "backdropClick") {
+          return;
+        }
+        if (r === "escapeKeyDown") {
+          onClose?.([]);
+          setSelected([]);
+        }
+      },
+      "aria-labelledby": "TreeViewFindertitle",
+      className,
+      classes: { paper: composeClasses(classes, cssDialogPaper) },
+      "data-testid": "Dialog",
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: "TreeViewFindertitle", "data-testid": "DialogTitle", children: title ?? intl.formatMessage({ id: "treeview_finder/finderTitle" }, { multiSelect }) }),
+        /* @__PURE__ */ jsxs(DialogContent, { children: [
+          /* @__PURE__ */ jsx(DialogContentText, { children: contentText ?? intl.formatMessage({ id: "treeview_finder/contentText" }, { multiSelect }) }),
+          /* @__PURE__ */ jsx(
+            SimpleTreeView,
+            {
+              expandedItems: expanded,
+              onExpandedItemsChange: handleNodeToggle,
+              onSelectedItemsChange: handleNodeSelect,
+              ...getTreeViewSelectionProps(),
+              children: data && Array.isArray(data) ? data.sort(sortMethod).map((child) => renderTree(child)) : null
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          /* @__PURE__ */ jsx(
+            CancelButton,
+            {
+              style: { float: "left", margin: "5px" },
+              onClick: () => {
+                onClose?.([]);
+                setSelected([]);
+                setAutoScrollAllowed(true);
+              },
+              ...cancelButtonProps
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outlined",
+              style: { float: "left", margin: "5px" },
+              onClick: () => {
+                onClose?.(computeSelectedNodes());
+                setSelected([]);
+                setAutoScrollAllowed(true);
+              },
+              disabled: isValidationDisabled(),
+              "data-testid": "SubmitButton",
+              children: getValidationButtonText()
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const nestedGlobalSelectorsStyles = toNestedGlobalSelectors(defaultStyles, generateTreeViewFinderClass);
+const TreeViewFinder = styled(TreeViewFinderComponant)(nestedGlobalSelectorsStyles);
+export {
+  TreeViewFinder,
+  generateTreeViewFinderClass
+};

package/dist/components/ui/treeViewFinder/TreeViewUtils.d.ts

@@ -0,0 +1,2 @@
+import { ElementAttributes } from '../../../utils';
+export declare function doesNodeHasChildren(node: ElementAttributes): boolean;

package/dist/configureYup.d.ts

@@ -0,0 +1 @@
+export declare const configureYup: () => void;