@gridsuite/commons-ui 0.47.0 → 0.48.0

package/dist/components/ReportViewer/log-report-item.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) 2021, 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 default class LogReportItem {
+    static SEVERITY: {
+        UNKNOWN: {
+            name: string;
+            level: number;
+            colorName: string;
+            colorHexCode: string;
+        };
+        INFO: {
+            name: string;
+            level: number;
+            colorName: string;
+            colorHexCode: string;
+        };
+        WARN: {
+            name: string;
+            level: number;
+            colorName: string;
+            colorHexCode: string;
+        };
+        ERROR: {
+            name: string;
+            level: number;
+            colorName: string;
+            colorHexCode: string;
+        };
+        FATAL: {
+            name: string;
+            level: number;
+            colorName: string;
+            colorHexCode: string;
+        };
+    };
+    static resolveTemplateMessage(templateMessage: any, templateValues: any): any;
+    constructor(jsonReport: any, reportId: any);
+    key: any;
+    log: any;
+    reportId: any;
+    severity: {
+        name: string;
+        level: number;
+        colorName: string;
+        colorHexCode: string;
+    };
+    getLog(): any;
+    getReportId(): any;
+    getSeverity(): {
+        name: string;
+        level: number;
+        colorName: string;
+        colorHexCode: string;
+    };
+    getSeverityName(): string;
+    getColorName(): string;
+    getColorHexCode(): string;
+    initSeverity(jsonSeverity: any): {
+        name: string;
+        level: number;
+        colorName: string;
+        colorHexCode: string;
+    };
+}

package/dist/components/ReportViewer/log-report.d.ts

@@ -0,0 +1,21 @@
+export default class LogReport {
+    constructor(jsonReporter: any, parentReportId: any);
+    id: any;
+    key: any;
+    title: any;
+    subReports: any[];
+    logs: any[];
+    parentReportId: any;
+    getId(): any;
+    getTitle(): any;
+    getSubReports(): any[];
+    getLogs(): any[];
+    getAllLogs(): any[];
+    init(jsonReporter: any): void;
+    getHighestSeverity(currentSeverity?: {
+        name: string;
+        level: number;
+        colorName: string;
+        colorHexCode: string;
+    }): any;
+}

package/dist/components/ReportViewer/log-table.d.ts

@@ -0,0 +1,8 @@
+declare const _default: React.MemoExoticComponent<({ logs, onRowClick, selectedSeverity, setSelectedSeverity, }: {
+    logs: any;
+    onRowClick: any;
+    selectedSeverity: any;
+    setSelectedSeverity: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+import React from 'react';

package/dist/components/ReportViewer/multi-select-list.d.ts

@@ -0,0 +1 @@
+export function MultiSelectList({ selectedItems, handleChange, handleClose, anchor, }: Object): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReportViewer/report-item.d.ts

@@ -0,0 +1,13 @@
+declare const _default: import("@emotion/styled").StyledComponent<PropTypes.InferPropsInner<Pick<{
+    bgColor: PropTypes.Requireable<string>;
+    color: PropTypes.Requireable<string>;
+    labelInfo: PropTypes.Requireable<string>;
+    labelText: PropTypes.Validator<string>;
+}, "labelText">> & Partial<PropTypes.InferPropsInner<Pick<{
+    bgColor: PropTypes.Requireable<string>;
+    color: PropTypes.Requireable<string>;
+    labelInfo: PropTypes.Requireable<string>;
+    labelText: PropTypes.Validator<string>;
+}, "color" | "bgColor" | "labelInfo">>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export default _default;
+import PropTypes from 'prop-types';

package/dist/components/ReportViewer/report-tree-view-context.d.ts

@@ -0,0 +1,2 @@
+export default ReportTreeViewContext;
+declare const ReportTreeViewContext: import("react").Context<{}>;

package/dist/components/ReportViewer/report-viewer.d.ts

@@ -0,0 +1,4 @@
+export default function ReportViewer({ jsonReport, maxSubReports, }: {
+    jsonReport: any;
+    maxSubReports?: number | undefined;
+}): null;

package/dist/components/ReportViewerDialog/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./report-viewer-dialog";

package/dist/components/ReportViewerDialog/report-viewer-dialog.d.ts

@@ -0,0 +1 @@
+export default function ReportViewerDialog(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignInCallbackHandler/SignInCallbackHandler.d.ts

@@ -0,0 +1,5 @@
+export default SignInCallbackHandler;
+declare function SignInCallbackHandler({ userManager, handleSignInCallback }: {
+    userManager: any;
+    handleSignInCallback: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/SignInCallbackHandler/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SignInCallbackHandler";

package/dist/components/SilentRenewCallbackHandler/SilentRenewCallbackHandler.d.ts

@@ -0,0 +1,5 @@
+export default SilentRenewCallbackHandler;
+declare function SilentRenewCallbackHandler({ userManager, handleSilentRenewCallback, }: {
+    userManager: any;
+    handleSilentRenewCallback: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/SilentRenewCallbackHandler/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SilentRenewCallbackHandler";

package/dist/components/SnackbarProvider/SnackbarProvider.d.ts

@@ -0,0 +1,3 @@
+export default SnackbarProvider;
+declare const SnackbarProvider: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/dist/components/SnackbarProvider/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./SnackbarProvider";

package/dist/components/TopBar/AboutDialog.d.ts

@@ -0,0 +1,24 @@
+export default AboutDialog;
+declare function AboutDialog({ open, onClose, globalVersionPromise, appName, appVersion, appGitTag, appLicense, additionalModulesPromise, }: {
+    open: any;
+    onClose: any;
+    globalVersionPromise: any;
+    appName: any;
+    appVersion: any;
+    appGitTag: any;
+    appLicense: any;
+    additionalModulesPromise: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace AboutDialog {
+    namespace propTypes {
+        const open: PropTypes.Validator<boolean>;
+        const onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        const appName: PropTypes.Validator<string>;
+        const appVersion: PropTypes.Requireable<string>;
+        const appGitTag: PropTypes.Requireable<string>;
+        const appLicense: PropTypes.Requireable<string>;
+        const globalVersionPromise: PropTypes.Requireable<(...args: any[]) => any>;
+        const additionalModulesPromise: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/TopBar/GridLogo.d.ts

@@ -0,0 +1,34 @@
+export default GridLogo;
+export function LogoText({ appName, appColor, style, onClick }: {
+    appName: any;
+    appColor: any;
+    style: any;
+    onClick: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace LogoText {
+    namespace propTypes {
+        const appName: PropTypes.Validator<string>;
+        const appColor: PropTypes.Validator<string>;
+        const style: PropTypes.Requireable<object>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+declare function GridLogo({ appLogo, appName, appColor, onClick }: {
+    appLogo: any;
+    appName: any;
+    appColor: any;
+    onClick: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace GridLogo {
+    export namespace propTypes_1 {
+        export const appLogo: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        const appName_1: PropTypes.Validator<string>;
+        export { appName_1 as appName };
+        const appColor_1: PropTypes.Validator<string>;
+        export { appColor_1 as appColor };
+        const onClick_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onClick_1 as onClick };
+    }
+    export { propTypes_1 as propTypes };
+}
+import PropTypes from 'prop-types';

package/dist/components/TopBar/TopBar.d.ts

@@ -0,0 +1,53 @@
+export const DARK_THEME: "Dark";
+export const LIGHT_THEME: "Light";
+export const LANG_SYSTEM: "sys";
+export const LANG_ENGLISH: "en";
+export const LANG_FRENCH: "fr";
+export default TopBar;
+declare function TopBar({ appName, appColor, appLogo, appVersion, appLicense, onParametersClick, onLogoutClick, onLogoClick, user, children, appsAndUrls, onAboutClick, globalVersionPromise, additionalModulesPromise, onThemeClick, theme, onEquipmentLabellingClick, equipmentLabelling, onLanguageClick, language, }: {
+    appName: any;
+    appColor: any;
+    appLogo: any;
+    appVersion: any;
+    appLicense: any;
+    onParametersClick: any;
+    onLogoutClick: any;
+    onLogoClick: any;
+    user: any;
+    children: any;
+    appsAndUrls: any;
+    onAboutClick: any;
+    globalVersionPromise: any;
+    additionalModulesPromise: any;
+    onThemeClick: any;
+    theme: any;
+    onEquipmentLabellingClick: any;
+    equipmentLabelling: any;
+    onLanguageClick: any;
+    language: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace TopBar {
+    namespace propTypes {
+        const onParametersClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onLogoutClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onLogoClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const appName: PropTypes.Requireable<string>;
+        const appColor: PropTypes.Requireable<string>;
+        const appLogo: PropTypes.Requireable<object>;
+        const appVersion: PropTypes.Requireable<string>;
+        const appLicense: PropTypes.Requireable<string>;
+        const user: PropTypes.Requireable<object>;
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const appsAndUrls: PropTypes.Requireable<any[]>;
+        const onThemeClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const theme: PropTypes.Requireable<string>;
+        const onAboutClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const globalVersionPromise: PropTypes.Requireable<(...args: any[]) => any>;
+        const additionalModulesPromise: PropTypes.Requireable<(...args: any[]) => any>;
+        const onEquipmentLabellingClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const equipmentLabelling: PropTypes.Requireable<boolean>;
+        const onLanguageClick: PropTypes.Validator<(...args: any[]) => any>;
+        const language: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/TopBar/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./TopBar";
+export * from "./GridLogo";
+export { default as AboutDialog } from "./AboutDialog";

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

@@ -0,0 +1,57 @@
+export function generateTreeViewFinderClass(className: any): string;
+declare const _default: import("@emotion/styled").StyledComponent<Pick<PropTypes.InferProps<{
+    open: PropTypes.Validator<boolean>;
+    onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    data: PropTypes.Validator<(PropTypes.InferProps<{
+        id: PropTypes.Validator<string>;
+        name: PropTypes.Validator<string>;
+        children: PropTypes.Requireable<any[]>;
+    }> | null | undefined)[]>;
+    onTreeBrowse: PropTypes.Requireable<(...args: any[]) => any>;
+    classes: PropTypes.Requireable<object>;
+    title: PropTypes.Requireable<string>;
+    contentText: PropTypes.Requireable<string>;
+    validationButtonText: PropTypes.Requireable<string>;
+    defaultSelected: PropTypes.Requireable<(string | null | undefined)[]>;
+    defaultExpanded: PropTypes.Requireable<(string | null | undefined)[]>;
+    onlyLeaves: PropTypes.Requireable<boolean>;
+    multiselect: PropTypes.Requireable<boolean>;
+    sortMethod: PropTypes.Requireable<(...args: any[]) => any>;
+    cancelButtonProps: PropTypes.Requireable<object>;
+}>, "title" | "onClose" | "onTreeBrowse" | "contentText" | "validationButtonText" | "cancelButtonProps" | PropTypes.RequiredKeys<{
+    open: PropTypes.Validator<boolean>;
+    onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    data: PropTypes.Validator<(PropTypes.InferProps<{
+        id: PropTypes.Validator<string>;
+        name: PropTypes.Validator<string>;
+        children: PropTypes.Requireable<any[]>;
+    }> | null | undefined)[]>;
+    onTreeBrowse: PropTypes.Requireable<(...args: any[]) => any>;
+    classes: PropTypes.Requireable<object>;
+    title: PropTypes.Requireable<string>;
+    contentText: PropTypes.Requireable<string>;
+    validationButtonText: PropTypes.Requireable<string>;
+    defaultSelected: PropTypes.Requireable<(string | null | undefined)[]>;
+    defaultExpanded: PropTypes.Requireable<(string | null | undefined)[]>;
+    onlyLeaves: PropTypes.Requireable<boolean>;
+    multiselect: PropTypes.Requireable<boolean>;
+    sortMethod: PropTypes.Requireable<(...args: any[]) => any>;
+    cancelButtonProps: PropTypes.Requireable<object>;
+}>> & {
+    classes?: object | null | undefined;
+    defaultSelected?: (string | null | undefined)[] | null | undefined;
+    defaultExpanded?: (string | null | undefined)[] | null | undefined;
+    onlyLeaves?: boolean | null | undefined;
+    multiselect?: boolean | null | undefined;
+    sortMethod?: ((...args: any[]) => any) | null | undefined;
+} & {} & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export default _default;
+/**
+ * This callback type is called `onTreeBrowseCallback` and is displayed as a global symbol.
+ */
+export type onTreeBrowseCallback = (nodeId: string) => any;
+/**
+ * - callback to update data prop when walk into Tree
+ */
+export type onTreeBrowse = (defaultSelected?: any[] | undefined, defaultExpanded?: any[] | undefined, validationButtonText?: string | undefined, onlyLeaves?: boolean | undefined, multiselect?: boolean | undefined, cancelButtonProps?: Object | undefined) => any;
+import PropTypes from 'prop-types';

package/dist/components/TreeViewFinder/index.d.ts

@@ -0,0 +1 @@
+export { default, generateTreeViewFinderClass } from "./TreeViewFinder";

package/dist/components/react-hook-form/autocomplete-input.d.ts

@@ -0,0 +1,30 @@
+export default AutocompleteInput;
+declare function AutocompleteInput({ name, label, options, outputTransform, inputTransform, readOnly, previousValue, allowNewValue, onChangeCallback, formProps, ...props }: {
+    [x: string]: any;
+    name: any;
+    label: any;
+    options: any;
+    outputTransform?: typeof identity | undefined;
+    inputTransform?: typeof identity | undefined;
+    readOnly?: boolean | undefined;
+    previousValue: any;
+    allowNewValue: any;
+    onChangeCallback: any;
+    formProps: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace AutocompleteInput {
+    namespace propTypes {
+        const name: PropTypes.Validator<string>;
+        const label: PropTypes.Requireable<string>;
+        const options: PropTypes.Validator<any[]>;
+        const outputTransform: PropTypes.Requireable<(...args: any[]) => any>;
+        const inputTransform: PropTypes.Requireable<(...args: any[]) => any>;
+        const readOnly: PropTypes.Requireable<boolean>;
+        const previousValue: PropTypes.Requireable<any>;
+        const allowNewValue: PropTypes.Requireable<boolean>;
+        const onChangeCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        const formProps: PropTypes.Requireable<object>;
+    }
+}
+import { identity } from './utils/functions';
+import PropTypes from 'prop-types';

package/dist/components/react-hook-form/booleans/boolean-input.d.ts

@@ -0,0 +1,16 @@
+export default BooleanInput;
+declare function BooleanInput({ name, label, formProps, Input }: {
+    name: any;
+    label: any;
+    formProps: any;
+    Input: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace BooleanInput {
+    namespace propTypes {
+        const name: PropTypes.Validator<string>;
+        const label: PropTypes.Requireable<string>;
+        const formProps: PropTypes.Requireable<object>;
+        const Input: PropTypes.Validator<NonNullable<PropTypes.ReactComponentLike>>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/react-hook-form/booleans/checkbox-input.d.ts

@@ -0,0 +1,14 @@
+export default CheckboxInput;
+declare function CheckboxInput({ name, label, formProps }: {
+    name: any;
+    label: any;
+    formProps: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace CheckboxInput {
+    namespace propTypes {
+        const name: PropTypes.Validator<string>;
+        const label: PropTypes.Requireable<string>;
+        const formProps: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/react-hook-form/booleans/switch-input.d.ts

@@ -0,0 +1,14 @@
+export default SwitchInput;
+declare function SwitchInput({ name, label, formProps }: {
+    name: any;
+    label: any;
+    formProps: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace SwitchInput {
+    namespace propTypes {
+        const name: PropTypes.Validator<string>;
+        const label: PropTypes.Requireable<string>;
+        const formProps: PropTypes.Requireable<object>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/components/react-hook-form/directory-items-input.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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/.
+ */
+/// <reference types="node" />
+import { FunctionComponent } from 'react';
+import { UUID } from 'crypto';
+export declare const NAME = "name";
+interface DirectoryItemsInputProps {
+    label: string | undefined;
+    name: string;
+    elementType: string;
+    equipmentTypes?: string[];
+    itemFilter?: any;
+    titleId?: string;
+    hideErrorMessage?: boolean;
+    onRowChanged?: (a: boolean) => void;
+    onChange?: (e: any) => void;
+    disable?: boolean;
+    fetchDirectoryContent: (directoryUuid: UUID, elementTypes: string[]) => Promise<any>;
+    fetchRootFolders: (types: string[]) => Promise<any>;
+    fetchElementsInfos: (ids: UUID[], elementTypes: string[]) => Promise<any>;
+    labelRequiredFromContext?: boolean;
+}
+declare const DirectoryItemsInput: FunctionComponent<DirectoryItemsInputProps>;
+export default DirectoryItemsInput;

package/dist/components/react-hook-form/directory-items-input.js

@@ -0,0 +1,185 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { FormControl, Chip, Grid, Tooltip, IconButton } from "@mui/material";
+import { OverflowableText } from "../OverflowableText/overflowable-text.js";
+import { useSnackMessage } from "../../hooks/useSnackMessage.js";
+import FieldLabel from "./utils/field-label.js";
+import FolderIcon from "@mui/icons-material/Folder";
+import { useMemo, useState, useCallback } from "react";
+import { useFieldArray, useFormContext, useController } from "react-hook-form";
+import { useIntl } from "react-intl";
+import ErrorInput from "./error-management/error-input.js";
+import MidFormError from "./error-management/mid-form-error.js";
+import { RawReadOnlyInput } from "./raw-read-only-input.js";
+import { mergeSx } from "../../utils/styles.js";
+import DirectoryItemSelector from "../DirectoryItemSelector/directory-item-selector.js";
+import { isFieldFromContextRequired } from "./utils/functions.js";
+const NAME = "name";
+const styles = {
+  formDirectoryElements1: {
+    display: "flex",
+    gap: "8px",
+    flexWrap: "wrap",
+    flexDirection: "row",
+    border: "2px solid lightgray",
+    padding: "4px",
+    borderRadius: "4px",
+    overflow: "hidden"
+  },
+  formDirectoryElementsError: (theme) => ({
+    borderColor: theme.palette.error.main
+  }),
+  formDirectoryElements2: {
+    display: "flex",
+    gap: "8px",
+    flexWrap: "wrap",
+    flexDirection: "row",
+    marginTop: 0,
+    padding: "4px",
+    overflow: "hidden"
+  },
+  addDirectoryElements: {
+    marginTop: "-5px"
+  }
+};
+const DirectoryItemsInput = ({
+  label,
+  name,
+  elementType,
+  // Used to specify type of element (Filter, Contingency list, ...)
+  equipmentTypes,
+  // Mostly used for filters, it allows the user to get elements of specific equipment only
+  itemFilter,
+  // Used to further filter the results displayed according to specific requirement
+  titleId,
+  // title of directory item selector dialogue
+  hideErrorMessage,
+  onRowChanged,
+  onChange,
+  disable = false,
+  fetchDirectoryContent,
+  fetchRootFolders,
+  fetchElementsInfos,
+  labelRequiredFromContext = true
+}) => {
+  const { snackError } = useSnackMessage();
+  const intl = useIntl();
+  const types = useMemo(() => [elementType], [elementType]);
+  const [directoryItemSelectorOpen, setDirectoryItemSelectorOpen] = useState(false);
+  const {
+    fields: elements,
+    append,
+    remove
+  } = useFieldArray({
+    name
+  });
+  const formContext = useFormContext();
+  const { getValues } = formContext;
+  const {
+    fieldState: { error }
+  } = useController({
+    name
+  });
+  const addElements = useCallback(
+    (values) => {
+      values.forEach((value) => {
+        const { icon, children, ...otherElementAttributes } = value;
+        if (getValues(name).find(
+          (v) => (v == null ? void 0 : v.id) === otherElementAttributes.id
+        ) !== void 0) {
+          snackError({
+            messageTxt: "",
+            headerId: "ElementAlreadyUsed"
+          });
+        } else {
+          append(otherElementAttributes);
+          onRowChanged && onRowChanged(true);
+          onChange && onChange(getValues(name));
+        }
+      });
+      setDirectoryItemSelectorOpen(false);
+    },
+    [append, getValues, snackError, name, onRowChanged, onChange]
+  );
+  const removeElements = useCallback(
+    (index) => {
+      remove(index);
+      onRowChanged && onRowChanged(true);
+      onChange && onChange(getValues(name));
+    },
+    [onRowChanged, remove, getValues, name, onChange]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      FormControl,
+      {
+        sx: mergeSx(
+          styles.formDirectoryElements1,
+          (error == null ? void 0 : error.message) && styles.formDirectoryElementsError
+        ),
+        error: !!(error == null ? void 0 : error.message),
+        children: [
+          (elements == null ? void 0 : elements.length) === 0 && label && /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              label,
+              optional: labelRequiredFromContext && !isFieldFromContextRequired(
+                name,
+                formContext,
+                getValues()
+              )
+            }
+          ),
+          (elements == null ? void 0 : elements.length) > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.formDirectoryElements2, children: elements.map((item, index) => /* @__PURE__ */ jsx(
+            Chip,
+            {
+              size: "small",
+              onDelete: () => removeElements(index),
+              label: /* @__PURE__ */ jsx(
+                OverflowableText,
+                {
+                  text: /* @__PURE__ */ jsx(
+                    RawReadOnlyInput,
+                    {
+                      name: `${name}.${index}.${NAME}`
+                    }
+                  ),
+                  sx: { width: "100%" }
+                }
+              )
+            },
+            item.id
+          )) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: true, children: /* @__PURE__ */ jsx(Grid, { container: true, direction: "row-reverse", children: /* @__PURE__ */ jsx(Tooltip, { title: intl.formatMessage({ id: titleId }), children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              sx: styles.addDirectoryElements,
+              size: "small",
+              disabled: disable,
+              onClick: () => setDirectoryItemSelectorOpen(true),
+              children: /* @__PURE__ */ jsx(FolderIcon, {})
+            }
+          ) }) }) })
+        ]
+      }
+    ),
+    !hideErrorMessage && /* @__PURE__ */ jsx(ErrorInput, { name, InputField: MidFormError }),
+    /* @__PURE__ */ jsx(
+      DirectoryItemSelector,
+      {
+        open: directoryItemSelectorOpen,
+        onClose: addElements,
+        types,
+        equipmentTypes,
+        title: intl.formatMessage({ id: titleId }),
+        itemFilter,
+        fetchDirectoryContent,
+        fetchRootFolders,
+        fetchElementsInfos
+      }
+    )
+  ] });
+};
+export {
+  NAME,
+  DirectoryItemsInput as default
+};

package/dist/components/react-hook-form/error-management/error-input.d.ts

@@ -0,0 +1,5 @@
+export default ErrorInput;
+declare function ErrorInput({ name, InputField }: {
+    name: any;
+    InputField: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/react-hook-form/error-management/field-error-alert.d.ts

@@ -0,0 +1,4 @@
+export default FieldErrorAlert;
+declare function FieldErrorAlert({ message }: {
+    message: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/react-hook-form/error-management/mid-form-error.d.ts

@@ -0,0 +1,4 @@
+export default MidFormError;
+declare function MidFormError({ message }: {
+    message: any;
+}): import("react/jsx-runtime").JSX.Element;