@gridsuite/commons-ui 0.63.4 → 0.64.0

package/dist/components/inputs/react-hook-form/ag-grid-table/custom-ag-grid-table.js

@@ -102,9 +102,7 @@ function CustomAgGridTable({
     (rowData == null ? void 0 : rowData.length) && ((_a = gridApi == null ? void 0 : gridApi.api.getRowNode(rowData[0][FieldConstants.AG_GRID_ROW_UUID])) == null ? void 0 : _a.isSelected())
   );
   const isLastSelected = Boolean(
-    (rowData == null ? void 0 : rowData.length) && ((_b = gridApi == null ? void 0 : gridApi.api.getRowNode(
-      rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID]
-    )) == null ? void 0 : _b.isSelected())
+    (rowData == null ? void 0 : rowData.length) && ((_b = gridApi == null ? void 0 : gridApi.api.getRowNode(rowData[rowData.length - 1][FieldConstants.AG_GRID_ROW_UUID])) == null ? void 0 : _b.isSelected())
   );
   const noRowSelected = selectedRows.length === 0;
   const getIndex = useCallback(
@@ -185,45 +183,36 @@ function CustomAgGridTable({
     setIsSortApplied(isAnycolumnhasSort);
   }, []);
   return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-    /* @__PURE__ */ jsx(
-      Grid,
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: theme.aggrid.theme, sx: style(cssProps).grid, children: /* @__PURE__ */ jsx(
+      AgGridReact,
       {
-        item: true,
-        xs: 12,
-        className: theme.aggrid.theme,
-        sx: style(cssProps).grid,
-        children: /* @__PURE__ */ jsx(
-          AgGridReact,
-          {
-            rowData,
-            onGridReady,
-            getLocaleText,
-            cacheOverflowSize: 10,
-            rowSelection: "multiple",
-            domLayout: "autoHeight",
-            rowDragEntireRow: true,
-            rowDragManaged: true,
-            onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),
-            suppressBrowserResizeObserver: true,
-            columnDefs,
-            detailRowAutoHeight: true,
-            onSelectionChanged: () => {
-              setSelectedRows(gridApi.api.getSelectedRows());
-            },
-            onRowDataUpdated: newRowAdded ? onRowDataUpdated : void 0,
-            onCellEditingStopped,
-            onSortChanged,
-            getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
-            pagination,
-            paginationPageSize,
-            suppressRowClickSelection,
-            alwaysShowVerticalScroll,
-            stopEditingWhenCellsLoseFocus,
-            ...props
-          }
-        )
+        rowData,
+        onGridReady,
+        getLocaleText,
+        cacheOverflowSize: 10,
+        rowSelection: "multiple",
+        domLayout: "autoHeight",
+        rowDragEntireRow: true,
+        rowDragManaged: true,
+        onRowDragEnd: (e) => move(getIndex(e.node.data), e.overIndex),
+        suppressBrowserResizeObserver: true,
+        columnDefs,
+        detailRowAutoHeight: true,
+        onSelectionChanged: () => {
+          setSelectedRows(gridApi.api.getSelectedRows());
+        },
+        onRowDataUpdated: newRowAdded ? onRowDataUpdated : void 0,
+        onCellEditingStopped,
+        onSortChanged,
+        getRowId: (row) => row.data[FieldConstants.AG_GRID_ROW_UUID],
+        pagination,
+        paginationPageSize,
+        suppressRowClickSelection,
+        alwaysShowVerticalScroll,
+        stopEditingWhenCellsLoseFocus,
+        ...props
       }
-    ),
+    ) }),
     /* @__PURE__ */ jsx(
       BottomRightButtons,
       {

package/dist/components/inputs/react-hook-form/autocomplete-inputs/autocomplete-input.js

@@ -31,9 +31,7 @@ function AutocompleteInput({
       onChange(outputTransform(newValue));
       return;
     }
-    const matchingOption = options.find(
-      (option) => typeof option !== "string" && option.id === newValue
-    );
+    const matchingOption = options.find((option) => typeof option !== "string" && option.id === newValue);
     if (matchingOption) {
       onChange(outputTransform(matchingOption));
       return;
@@ -61,11 +59,7 @@ function AutocompleteInput({
           ...label && {
             label: FieldLabel({
               label,
-              optional: !isFieldRequired(
-                name,
-                validationSchema,
-                getValues()
-              ) && !(props == null ? void 0 : props.disabled) && !removeOptional
+              optional: !isFieldRequired(name, validationSchema, getValues()) && !(props == null ? void 0 : props.disabled) && !removeOptional
             })
           },
           inputRef: ref,

package/dist/components/inputs/react-hook-form/autocomplete-inputs/multiple-autocomplete-input.js

@@ -18,9 +18,7 @@ function MultipleAutocompleteInput({ name, ...props }) {
   };
   const outputTransform = (values) => {
     const newValues = values.map((val) => val.trim());
-    return newValues.filter(
-      (val, index) => newValues.indexOf(val) === index
-    );
+    return newValues.filter((val, index) => newValues.indexOf(val) === index);
   };
   return /* @__PURE__ */ jsx(
     AutocompleteInput,

package/dist/components/inputs/react-hook-form/booleans/boolean-input.js

@@ -27,13 +27,7 @@ function BooleanInput({ name, label, formProps, Input }) {
     }
   );
   if (label) {
-    return /* @__PURE__ */ jsx(
-      FormControlLabel,
-      {
-        control: CustomInput,
-        label: intl.formatMessage({ id: label })
-      }
-    );
+    return /* @__PURE__ */ jsx(FormControlLabel, { control: CustomInput, label: intl.formatMessage({ id: label }) });
   }
   return CustomInput;
 }

package/dist/components/inputs/react-hook-form/booleans/checkbox-input.js

@@ -2,15 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Checkbox } from "@mui/material";
 import BooleanInput from "./boolean-input.js";
 function CheckboxInput({ name, label, formProps }) {
-  return /* @__PURE__ */ jsx(
-    BooleanInput,
-    {
-      name,
-      label,
-      formProps,
-      Input: Checkbox
-    }
-  );
+  return /* @__PURE__ */ jsx(BooleanInput, { name, label, formProps, Input: Checkbox });
 }
 export {
   CheckboxInput as default

package/dist/components/inputs/react-hook-form/booleans/switch-input.js

@@ -2,15 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Switch } from "@mui/material";
 import BooleanInput from "./boolean-input.js";
 function SwitchInput({ name, label, formProps }) {
-  return /* @__PURE__ */ jsx(
-    BooleanInput,
-    {
-      name,
-      label,
-      formProps,
-      Input: Switch
-    }
-  );
+  return /* @__PURE__ */ jsx(BooleanInput, { name, label, formProps, Input: Switch });
 }
 export {
   SwitchInput as default

package/dist/components/inputs/react-hook-form/description-field.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2024, 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/.
+ */
+declare function DescriptionField(): import("react/jsx-runtime").JSX.Element;
+export default DescriptionField;

package/dist/components/inputs/react-hook-form/description-field.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { Box, Button } from "@mui/material";
+import AddIcon from "@mui/icons-material/Add";
+import DeleteIcon from "@mui/icons-material/Delete";
+import { useFormContext } from "react-hook-form";
+import FieldConstants from "../../../utils/field-constants.js";
+import ExpandingTextField from "./ExpandingTextField.js";
+function DescriptionField() {
+  const [isDescriptionFieldVisible, setIsDescriptionFieldVisible] = useState(false);
+  const { setValue } = useFormContext();
+  const handleOpenDescription = () => {
+    setIsDescriptionFieldVisible(true);
+    setValue(FieldConstants.DESCRIPTION, "");
+  };
+  const handleCloseDescription = () => {
+    setIsDescriptionFieldVisible(false);
+  };
+  return /* @__PURE__ */ jsx(Box, { children: !isDescriptionFieldVisible ? /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleOpenDescription, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "AddDescription" }) }) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start" }, children: [
+    /* @__PURE__ */ jsx(
+      ExpandingTextField,
+      {
+        name: FieldConstants.DESCRIPTION,
+        label: "descriptionProperty",
+        minRows: 3,
+        rows: 3,
+        sx: { flexGrow: 1 }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        sx: {
+          alignSelf: "flex-end",
+          marginLeft: 1,
+          padding: 1,
+          marginBottom: 2
+        },
+        onClick: handleCloseDescription,
+        children: /* @__PURE__ */ jsx(DeleteIcon, {})
+      }
+    )
+  ] }) });
+}
+export {
+  DescriptionField as default
+};

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

@@ -88,18 +88,12 @@ function DirectoryItemsInput({
       }
       if ((selected == null ? void 0 : selected.length) > 0 && (values == null ? void 0 : values.length) > 0) {
         selected.forEach((chip) => {
-          remove(
-            getValues(name).findIndex(
-              (item) => item.id === chip
-            )
-          );
+          remove(getValues(name).findIndex((item) => item.id === chip));
         });
       }
       values.forEach((value) => {
         const { icon, children, ...otherElementAttributes } = value;
-        if (getValues(name).find(
-          (v) => (v == null ? void 0 : v.id) === otherElementAttributes.id
-        ) !== void 0) {
+        if (getValues(name).find((v) => (v == null ? void 0 : v.id) === otherElementAttributes.id) !== void 0) {
           snackError({
             messageTxt: "",
             headerId: "directory_items_input/ElementAlreadyUsed"
@@ -113,16 +107,7 @@ function DirectoryItemsInput({
       setDirectoryItemSelectorOpen(false);
       setSelected([]);
     },
-    [
-      append,
-      getValues,
-      snackError,
-      name,
-      onRowChanged,
-      onChange,
-      selected,
-      remove
-    ]
+    [append, getValues, snackError, name, onRowChanged, onChange, selected, remove]
   );
   const removeElements = useCallback(
     (index) => {
@@ -164,11 +149,7 @@ function DirectoryItemsInput({
             FieldLabel,
             {
               label,
-              optional: labelRequiredFromContext && !isFieldRequired(
-                name,
-                validationSchema,
-                getValues()
-              )
+              optional: labelRequiredFromContext && !isFieldRequired(name, validationSchema, getValues())
             }
           ),
           (elements == null ? void 0 : elements.length) > 0 && /* @__PURE__ */ jsx(FormControl, { sx: styles.formDirectoryElements2, children: elements.map((item, index) => /* @__PURE__ */ jsx(
@@ -180,12 +161,7 @@ function DirectoryItemsInput({
               label: /* @__PURE__ */ jsx(
                 OverflowableText,
                 {
-                  text: /* @__PURE__ */ jsx(
-                    RawReadOnlyInput,
-                    {
-                      name: `${name}.${index}.${NAME}`
-                    }
-                  ),
+                  text: /* @__PURE__ */ jsx(RawReadOnlyInput, { name: `${name}.${index}.${NAME}` }),
                   sx: { width: "100%" }
                 }
               )

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

@@ -6,7 +6,7 @@ export type ErrorMessage = {
 } | string;
 export interface ErrorInputProps {
     name: string;
-    InputField: ({ message, }: {
+    InputField: ({ message }: {
         message: string | React.ReactNode;
     }) => React.ReactNode;
 }

package/dist/components/inputs/react-hook-form/provider/custom-form-provider.js

@@ -9,13 +9,7 @@ const CustomFormContext = createContext({
   language: getSystemLanguage()
 });
 function CustomFormProvider(props) {
-  const {
-    validationSchema,
-    removeOptional,
-    language,
-    children,
-    ...formMethods
-  } = props;
+  const { validationSchema, removeOptional, language, children, ...formMethods } = props;
   return /* @__PURE__ */ jsx(FormProvider, { ...formMethods, children: /* @__PURE__ */ jsx(
     CustomFormContext.Provider,
     {

package/dist/components/inputs/react-hook-form/radio-input.js

@@ -9,25 +9,15 @@ function RadioInput({ name, label, id, options, formProps }) {
   } = useController({ name });
   return /* @__PURE__ */ jsxs(FormControl, { children: [
     label && /* @__PURE__ */ jsx(FormLabel, { id: id ?? label, children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }),
-    /* @__PURE__ */ jsx(
-      RadioGroup,
+    /* @__PURE__ */ jsx(RadioGroup, { row: true, "aria-labelledby": id ?? label, value, onChange, ...formProps, children: options.map((option) => /* @__PURE__ */ jsx(
+      FormControlLabel,
       {
-        row: true,
-        "aria-labelledby": id ?? label,
-        value,
-        onChange,
-        ...formProps,
-        children: options.map((option) => /* @__PURE__ */ jsx(
-          FormControlLabel,
-          {
-            control: /* @__PURE__ */ jsx(Radio, {}),
-            value: option.id,
-            label: /* @__PURE__ */ jsx(FieldLabel, { label: option.label })
-          },
-          option.id
-        ))
-      }
-    )
+        control: /* @__PURE__ */ jsx(Radio, {}),
+        value: option.id,
+        label: /* @__PURE__ */ jsx(FieldLabel, { label: option.label })
+      },
+      option.id
+    )) })
   ] });
 }
 export {

package/dist/components/inputs/react-hook-form/range-input.js

@@ -55,10 +55,7 @@ function RangeInput({ name, label }) {
   const watchOperationType = useWatch({
     name: `${name}.${FieldConstants.OPERATION_TYPE}`
   });
-  const isOperationTypeRange = useMemo(
-    () => watchOperationType === RangeType.RANGE.id,
-    [watchOperationType]
-  );
+  const isOperationTypeRange = useMemo(() => watchOperationType === RangeType.RANGE.id, [watchOperationType]);
   const firstValueField = /* @__PURE__ */ jsx(
     FloatInput,
     {

package/dist/components/inputs/react-hook-form/select-inputs/countries-input.js

@@ -25,15 +25,7 @@ function CountriesInput({ name, label }) {
       getOptionLabel: translateOption,
       fullWidth: true,
       multiple: true,
-      renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(
-        Chip,
-        {
-          size: "small",
-          label: translate(code),
-          ...getTagsProps({ index })
-        },
-        code
-      ))
+      renderTags: (val, getTagsProps) => val.map((code, index) => /* @__PURE__ */ jsx(Chip, { size: "small", label: translate(code), ...getTagsProps({ index }) }, code))
     }
   );
 }

package/dist/components/inputs/react-hook-form/select-inputs/mui-select-input.js

@@ -2,24 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
 import { Select, MenuItem } from "@mui/material";
 import { useController } from "react-hook-form";
-function MuiSelectInput({
-  name,
-  options,
-  ...props
-}) {
+function MuiSelectInput({ name, options, ...props }) {
   const {
     field: { value, onChange }
   } = useController({
     name
   });
-  return /* @__PURE__ */ jsx(Select, { value, onChange, ...props, children: options.map((option) => /* @__PURE__ */ jsx(
-    MenuItem,
-    {
-      value: option.id ?? option,
-      children: /* @__PURE__ */ jsx(FormattedMessage, { id: option.label ?? option })
-    },
-    option.id ?? option.label
-  )) });
+  return /* @__PURE__ */ jsx(Select, { value, onChange, ...props, children: options.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.id ?? option, children: /* @__PURE__ */ jsx(FormattedMessage, { id: option.label ?? option }) }, option.id ?? option.label)) });
 }
 export {
   MuiSelectInput as default

package/dist/components/inputs/react-hook-form/select-inputs/select-input.js

@@ -9,13 +9,9 @@ function SelectInput(props) {
       return null;
     }
     if (typeof value === "string") {
-      return options.find(
-        (option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value
-      ) || null;
+      return options.find((option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value) || null;
     }
-    return options.find(
-      (option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value.id
-    ) || null;
+    return options.find((option) => typeof option !== "string" && (option == null ? void 0 : option.id) === value.id) || null;
   };
   const outputTransform = (value) => {
     if (typeof value === "string") {

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

@@ -4,5 +4,5 @@ export interface SliderInputProps extends SliderProps {
     name: string;
     onValueChanged: (value: any) => void;
 }
-declare function SliderInput({ name, min, max, step, size, onValueChanged, }: SliderInputProps): import("react/jsx-runtime").JSX.Element;
+declare function SliderInput({ name, min, max, step, size, onValueChanged }: SliderInputProps): import("react/jsx-runtime").JSX.Element;
 export default SliderInput;

package/dist/components/inputs/react-hook-form/slider-input.js

@@ -2,14 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Slider } from "@mui/material";
 import { useController } from "react-hook-form";
 import { identity } from "./utils/functions.js";
-function SliderInput({
-  name,
-  min,
-  max,
-  step,
-  size = "small",
-  onValueChanged = identity
-}) {
+function SliderInput({ name, min, max, step, size = "small", onValueChanged = identity }) {
   const {
     field: { onChange, value }
   } = useController({ name });
@@ -17,17 +10,7 @@ function SliderInput({
     onValueChanged(newValue);
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsx(
-    Slider,
-    {
-      size,
-      min,
-      max,
-      step,
-      value,
-      onChange: handleValueChange
-    }
-  );
+  return /* @__PURE__ */ jsx(Slider, { size, min, max, step, value, onChange: handleValueChange });
 }
 export {
   SliderInput as default

package/dist/components/inputs/react-hook-form/unique-name-input.js

@@ -84,15 +84,7 @@ function UniqueNameInput({
         message: "nameEmpty"
       });
     }
-  }, [
-    debouncedHandleCheckName,
-    setError,
-    clearErrors,
-    name,
-    value,
-    isDirty,
-    selectedDirectory
-  ]);
+  }, [debouncedHandleCheckName, setError, clearErrors, name, value, isDirty, selectedDirectory]);
   const handleManualChange = (e) => {
     onChange(e.target.value);
     onManualChangeCallback == null ? void 0 : onManualChangeCallback();

package/dist/components/inputs/react-hook-form/utils/field-label.d.ts

@@ -9,5 +9,5 @@ type FieldLabelProps = {
     optional?: boolean;
     values?: any;
 };
-declare function FieldLabel({ label, optional, values, }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ label, optional, values }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
 export default FieldLabel;

package/dist/components/inputs/react-hook-form/utils/field-label.js

@@ -1,10 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { FormattedMessage } from "react-intl";
-function FieldLabel({
-  label,
-  optional = false,
-  values = void 0
-}) {
+function FieldLabel({ label, optional = false, values = void 0 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(FormattedMessage, { id: label, values }),
     optional && /* @__PURE__ */ jsx(FormattedMessage, { id: "Optional" })

package/dist/components/inputs/react-hook-form/utils/submit-button.js

@@ -4,14 +4,7 @@ import { useFormState } from "react-hook-form";
 import { FormattedMessage } from "react-intl";
 function SubmitButton({ ...buttonProps }) {
   const { isDirty } = useFormState();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ...buttonProps,
-      disabled: !isDirty || ((buttonProps == null ? void 0 : buttonProps.disabled) ?? false),
-      children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
-    }
-  );
+  return /* @__PURE__ */ jsx(Button, { ...buttonProps, disabled: !isDirty || ((buttonProps == null ? void 0 : buttonProps.disabled) ?? false), children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" }) });
 }
 export {
   SubmitButton as default

package/dist/components/inputs/react-hook-form/utils/text-field-with-adornment.js

@@ -3,32 +3,22 @@ import { useState, useCallback } from "react";
 import { Clear } from "@mui/icons-material";
 import { InputAdornment, IconButton, TextField } from "@mui/material";
 function TextFieldWithAdornment(props) {
-  const {
-    adornmentPosition,
-    adornmentText,
-    value,
-    variant,
-    handleClearValue,
-    ...otherProps
-  } = props;
+  const { adornmentPosition, adornmentText, value, variant, handleClearValue, ...otherProps } = props;
   const [isFocused, setIsFocused] = useState(false);
-  const getAdornmentStyle = useCallback(
-    (innerVariant) => {
-      if (innerVariant === "filled") {
-        return {
-          alignItems: "start",
-          marginBottom: "0.4em"
-        };
-      }
-      if (innerVariant === "standard") {
-        return {
-          marginBottom: "0.3em"
-        };
-      }
-      return void 0;
-    },
-    []
-  );
+  const getAdornmentStyle = useCallback((innerVariant) => {
+    if (innerVariant === "filled") {
+      return {
+        alignItems: "start",
+        marginBottom: "0.4em"
+      };
+    }
+    if (innerVariant === "standard") {
+      return {
+        marginBottom: "0.3em"
+      };
+    }
+    return void 0;
+  }, []);
   const getClearAdornment = useCallback(
     (position) => {
       return /* @__PURE__ */ jsx(InputAdornment, { position, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleClearValue, children: /* @__PURE__ */ jsx(Clear, {}) }) });
@@ -37,14 +27,7 @@ function TextFieldWithAdornment(props) {
   );
   const getTextAdornment = useCallback(
     (position) => {
-      return /* @__PURE__ */ jsx(
-        InputAdornment,
-        {
-          position,
-          sx: variant && getAdornmentStyle(variant),
-          children: adornmentText
-        }
-      );
+      return /* @__PURE__ */ jsx(InputAdornment, { position, sx: variant && getAdornmentStyle(variant), children: adornmentText });
     },
     [adornmentText, getAdornmentStyle, variant]
   );
@@ -54,26 +37,14 @@ function TextFieldWithAdornment(props) {
       endAdornment: getTextAdornment("end"),
       sx: { textAlign: "end" }
     } : void 0;
-  }, [
-    value,
-    handleClearValue,
-    getClearAdornment,
-    isFocused,
-    getTextAdornment
-  ]);
+  }, [value, handleClearValue, getClearAdornment, isFocused, getTextAdornment]);
   const withStartAdornmentText = useCallback(() => {
     return value !== "" || isFocused ? {
       startAdornment: getTextAdornment("start"),
       endAdornment: value && handleClearValue && getClearAdornment("end"),
       sx: { textAlign: "start" }
     } : void 0;
-  }, [
-    value,
-    handleClearValue,
-    getClearAdornment,
-    isFocused,
-    getTextAdornment
-  ]);
+  }, [value, handleClearValue, getClearAdornment, isFocused, getTextAdornment]);
   return /* @__PURE__ */ jsx(
     TextField,
     {

package/dist/components/inputs/react-query-builder/add-button.js

@@ -4,16 +4,7 @@ import AddIcon from "@mui/icons-material/ControlPoint";
 import { FormattedMessage } from "react-intl";
 function AddButton(props) {
   const { label, handleOnClick } = props;
-  return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
-      onClick: handleOnClick,
-      size: "small",
-      className: "add-button",
-      children: /* @__PURE__ */ jsx(FormattedMessage, { id: label })
-    }
-  ) });
+  return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleOnClick, size: "small", className: "add-button", children: /* @__PURE__ */ jsx(FormattedMessage, { id: label }) }) });
 }
 export {
   AddButton as default

package/dist/components/inputs/react-query-builder/autocomplete-with-favorites.d.ts

@@ -0,0 +1,12 @@
+import { AutocompleteProps } from '@mui/material/Autocomplete/Autocomplete';
+
+interface AutocompleteWithFavoritesProps<Value> extends Omit<AutocompleteProps<Value, boolean, false, boolean>, 'multiple' | 'renderInput' | 'renderGroup' | 'groupBy'> {
+    favorites: Value[];
+    valid: boolean;
+}
+/**
+ * Autocomplete component which allows to have a few "favorite" options always displayed
+ * at the beginning of the selector and separated from the others options
+ */
+declare function AutocompleteWithFavorites<Value>({ favorites, valid, options, value, ...otherProps }: AutocompleteWithFavoritesProps<Value>): import("react/jsx-runtime").JSX.Element;
+export default AutocompleteWithFavorites;