@gridsuite/commons-ui 0.97.0 → 0.98.0

package/dist/components/inputs/reactHookForm/DirectoryItemsInput.d.ts

@@ -11,10 +11,11 @@ export interface DirectoryItemsInputProps {
     onRowChanged?: (a: boolean) => void;
     onChange?: (e: any) => void;
     disable?: boolean;
+    allowMultiSelect?: boolean;
     labelRequiredFromContext?: boolean;
 }
 export declare function 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, labelRequiredFromContext, }: DirectoryItemsInputProps): import("react/jsx-runtime").JSX.Element;
+hideErrorMessage, onRowChanged, onChange, disable, allowMultiSelect, labelRequiredFromContext, }: Readonly<DirectoryItemsInputProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -58,13 +58,14 @@ function DirectoryItemsInput({
   onRowChanged,
   onChange,
   disable = false,
+  allowMultiSelect = true,
   labelRequiredFromContext = true
 }) {
   const { snackError } = useSnackMessage();
   const intl = useIntl();
   const [selected, setSelected] = useState([]);
   const [expanded, setExpanded] = useState([]);
-  const [multiSelect, setMultiSelect] = useState(true);
+  const [multiSelect, setMultiSelect] = useState(allowMultiSelect);
   const types = useMemo(() => [elementType], [elementType]);
   const [directoryItemSelectorOpen, setDirectoryItemSelectorOpen] = useState(false);
   const {
@@ -134,6 +135,9 @@ function DirectoryItemsInput({
     },
     [getValues, name]
   );
+  const shouldReplaceElement = useMemo(() => {
+    return allowMultiSelect === false && (elements == null ? void 0 : elements.length) === 1;
+  }, [allowMultiSelect, elements]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       FormControl,
@@ -175,8 +179,14 @@ function DirectoryItemsInput({
               size: "small",
               disabled: disable,
               onClick: () => {
-                setDirectoryItemSelectorOpen(true);
-                setMultiSelect(true);
+                if (shouldReplaceElement) {
+                  handleChipClick(0);
+                } else {
+                  setDirectoryItemSelectorOpen(true);
+                  if (allowMultiSelect) {
+                    setMultiSelect(true);
+                  }
+                }
               },
               children: /* @__PURE__ */ jsx(Folder, {})
             }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gridsuite/commons-ui",
-    "version": "0.97.0",
+    "version": "0.98.0",
     "description": "common react components for gridsuite applications",
     "author": "gridsuite team",
     "homepage": "https://github.com/gridsuite",