@gridsuite/commons-ui 0.62.0 → 0.63.0

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

@@ -1,63 +1,222 @@
-import "react/jsx-runtime";
-import "@mui/material/Dialog";
-import "@mui/material/DialogTitle";
-import "@mui/material/DialogContent";
-import "@mui/material/DialogActions";
-import "react-papaparse";
-import "@mui/material/Button";
-import "react";
-import "@mui/material/Grid";
-import "react-intl";
-import "react-csv-downloader";
-import "@mui/material/Alert";
-import "@mui/material";
-import "react-hook-form";
-import "../../../../TreeViewFinder/TreeViewFinder.js";
-import "../../../../TopBar/TopBar.js";
-import "@mui/icons-material";
-import "@mui/lab";
-import "notistack";
-import "react-router-dom";
-import "../../../../../utils/AuthService.js";
-import "../../../../MuiVirtualizedTable/MuiVirtualizedTable.js";
-import "../../../../ReportViewer/report-item.js";
-import "uuid";
-import "../../../../ReportViewer/log-table.js";
-import "../../../../ReportViewer/report-tree-view-context.js";
-import "@mui/x-tree-view";
-import "../../../../OverflowableText/overflowable-text.js";
-import "clsx";
-import "../../utils/submit-button.js";
-import "../../utils/cancel-button.js";
-import "../../provider/custom-form-provider.js";
-import "../../../../dialogs/description-modification-dialog.js";
-import "../../../../../utils/field-constants.js";
-import "yup";
-import "../../../../dialogs/popup-confirmation-dialog.js";
-import { c } from "../../../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
-import "ag-grid-react";
-import "ag-grid-community/styles/ag-grid.css";
-import "ag-grid-community/styles/ag-theme-alpine.css";
-import "autosuggest-highlight/match";
-import "autosuggest-highlight/parse";
-import "../../../../CardErrorBoundary/card-error-boundary.js";
-import "@mui/icons-material/Folder";
-import "../../../../CustomAGGrid/custom-aggrid.js";
-import "../../../../../chunks/filter-properties.B7-q_yPf.js";
-import "@mui/icons-material/Delete";
-import "@mui/material/IconButton";
-import "../../../../../utils/yup-config.js";
-import "../../range-input.js";
-import "../../../../filter/expert/expert-filter-utils.js";
-import "../../select-inputs/mui-select-input.js";
-import "localized-countries";
-import "localized-countries/data/fr";
-import "localized-countries/data/en";
-import "@mui/icons-material/Check";
-import "@mui/material/CircularProgress";
-import "@mui/material/TextField";
-import "../../../../filter/utils/filter-form-utils.js";
-import "papaparse";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import Dialog from "@mui/material/Dialog";
+import DialogTitle from "@mui/material/DialogTitle";
+import DialogContent from "@mui/material/DialogContent";
+import DialogActions from "@mui/material/DialogActions";
+import { useCSVReader } from "react-papaparse";
+import Button from "@mui/material/Button";
+import React, { useState, useMemo } from "react";
+import Grid from "@mui/material/Grid";
+import { useIntl, FormattedMessage } from "react-intl";
+import CsvDownloader from "react-csv-downloader";
+import Alert from "@mui/material/Alert";
+import { DialogContentText } from "@mui/material";
+import { useWatch } from "react-hook-form";
+import { RECORD_SEP, UNIT_SEP } from "papaparse";
+import FieldConstants from "../../../../../utils/field-constants.js";
+import CancelButton from "../../utils/cancel-button.js";
+function CsvUploader({
+  name,
+  onClose,
+  open,
+  title,
+  fileHeaders,
+  fileName,
+  csvData,
+  validateData = () => true,
+  getDataFromCsv,
+  useFieldArrayOutput
+}) {
+  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 == null ? void 0 : 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: ",",
+              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
+                ]
+              },
+              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 !== "",
+            children: /* @__PURE__ */ jsx(FormattedMessage, { id: "validate" })
+          }
+        )
+      ] })
+    ] }),
+    renderConfirmationCsvData()
+  ] });
+}
 export {
-  c as default
+  CsvUploader as default
 };

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

@@ -1,4 +1,3 @@
-import { FunctionComponent } from 'react';
 
 export declare const ROW_DRAGGING_SELECTION_COLUMN_DEF: {
     rowDrag: boolean;
@@ -19,5 +18,5 @@ export interface CustomAgGridTableProps {
     alwaysShowVerticalScroll: boolean;
     stopEditingWhenCellsLoseFocus: boolean;
 }
-export declare const CustomAgGridTable: FunctionComponent<CustomAgGridTableProps>;
+declare function CustomAgGridTable({ name, columnDefs, makeDefaultRowData, csvProps, cssProps, defaultColDef, pagination, paginationPageSize, suppressRowClickSelection, alwaysShowVerticalScroll, stopEditingWhenCellsLoseFocus, ...props }: CustomAgGridTableProps): import("react/jsx-runtime").JSX.Element;
 export default CustomAgGridTable;

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

@@ -1,15 +1,247 @@
-import "react/jsx-runtime";
-import "react";
-import "react-hook-form";
-import "ag-grid-react";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { useFormContext, useFieldArray } from "react-hook-form";
+import { AgGridReact } from "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
-import "@mui/material";
-import { C, R, C as C2 } from "../../../../chunks/criteria-based-filter-edition-dialog.CAT38SvB.js";
-import "react-intl";
-import "../../../../utils/field-constants.js";
+import { useTheme, Grid } from "@mui/material";
+import { useIntl } from "react-intl";
+import BottomRightButtons from "./bottom-right-buttons.js";
+import FieldConstants from "../../../../utils/field-constants.js";
+const ROW_DRAGGING_SELECTION_COLUMN_DEF = [
+  {
+    rowDrag: true,
+    headerCheckboxSelection: true,
+    checkboxSelection: true,
+    maxWidth: 50
+  }
+];
+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,
+  columnDefs,
+  makeDefaultRowData,
+  csvProps,
+  cssProps,
+  defaultColDef,
+  pagination,
+  paginationPageSize,
+  suppressRowClickSelection,
+  alwaysShowVerticalScroll,
+  stopEditingWhenCellsLoseFocus,
+  ...props
+}) {
+  var _a, _b;
+  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 == 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())
+  );
+  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().forEach((idx) => {
+      swap(idx, idx - 1);
+    });
+  };
+  const handleMoveRowDown = () => {
+    selectedRows.map((row) => getIndex(row)).sort().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);
+  };
+  useEffect(() => {
+    if (gridApi) {
+      gridApi.api.sizeColumnsToFit();
+    }
+  }, [columnDefs, gridApi]);
+  const intl = useIntl();
+  const getLocaleText = useCallback(
+    (params) => {
+      const key = `agGrid.${params.key}`;
+      return intl.messages[key] || params.defaultValue;
+    },
+    [intl]
+  );
+  const onGridReady = (params) => {
+    setGridApi(params);
+  };
+  const onRowDataUpdated = () => {
+    setNewRowAdded(false);
+    if (gridApi == null ? void 0 : 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(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        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
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      BottomRightButtons,
+      {
+        name,
+        handleAddRow,
+        handleDeleteRows,
+        handleMoveRowDown,
+        handleMoveRowUp,
+        disableUp: noRowSelected || isFirstSelected || isSortApplied,
+        disableDown: noRowSelected || isLastSelected || isSortApplied,
+        disableDelete: noRowSelected,
+        csvProps,
+        useFieldArrayOutput
+      }
+    )
+  ] });
+}
 export {
-  C as CustomAgGridTable,
-  R as ROW_DRAGGING_SELECTION_COLUMN_DEF,
-  C2 as default
+  ROW_DRAGGING_SELECTION_COLUMN_DEF,
+  CustomAgGridTable as default
 };

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

@@ -1,5 +1,4 @@
 import { Option } from '../../../../utils/types';
-import { FunctionComponent } from 'react';
 import { AutocompleteProps, TextFieldProps } from '@mui/material';
 
 export interface AutocompleteInputProps extends Omit<AutocompleteProps<Option, boolean | undefined, boolean | undefined, boolean | undefined>, 'value' | 'onChange' | 'renderInput'> {
@@ -14,5 +13,8 @@ export interface AutocompleteInputProps extends Omit<AutocompleteProps<Option, b
     onChangeCallback?: () => void;
     formProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'inputRef' | 'inputProps' | 'InputProps'>;
 }
-declare const AutocompleteInput: FunctionComponent<AutocompleteInputProps>;
+declare function AutocompleteInput({ name, label, options, outputTransform, // transform materialUi input value before sending it to react hook form, mostly used to deal with select fields that need to return a string
+inputTransform, // transform react hook form value before sending it to materialUi input, mostly used to deal with select fields that need to return a string
+readOnly, previousValue, allowNewValue, onChangeCallback, // method called when input value is changing
+formProps, ...props }: AutocompleteInputProps): import("react/jsx-runtime").JSX.Element;
 export default AutocompleteInput;

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

@@ -3,15 +3,15 @@ import { Autocomplete, TextField } from "@mui/material";
 import { useController } from "react-hook-form";
 import { isFieldRequired, genHelperPreviousValue, genHelperError, identity } from "../utils/functions.js";
 import FieldLabel from "../utils/field-label.js";
-import { useCustomFormContext } from "../provider/use-custom-form-context.js";
-const AutocompleteInput = ({
+import useCustomFormContext from "../provider/use-custom-form-context.js";
+function AutocompleteInput({
   name,
   label,
   options,
   outputTransform = identity,
-  //transform materialUi input value before sending it to react hook form, mostly used to deal with select fields that need to return a string
+  // transform materialUi input value before sending it to react hook form, mostly used to deal with select fields that need to return a string
   inputTransform = identity,
-  //transform react hook form value before sending it to materialUi input, mostly used to deal with select fields that need to return a string
+  // transform react hook form value before sending it to materialUi input, mostly used to deal with select fields that need to return a string
   readOnly = false,
   previousValue,
   allowNewValue,
@@ -19,26 +19,26 @@ const AutocompleteInput = ({
   // method called when input value is changing
   formProps,
   ...props
-}) => {
+}) {
   const { validationSchema, getValues, removeOptional } = useCustomFormContext();
   const {
     field: { onChange, value, ref },
     fieldState: { error }
   } = useController({ name });
-  const handleChange = (value2) => {
-    onChangeCallback && onChangeCallback();
-    if (!allowNewValue || typeof value2 !== "string") {
-      onChange(outputTransform(value2));
+  const handleChange = (newValue) => {
+    onChangeCallback == null ? void 0 : onChangeCallback();
+    if (!allowNewValue || typeof newValue !== "string") {
+      onChange(outputTransform(newValue));
       return;
     }
     const matchingOption = options.find(
-      (option) => typeof option !== "string" && option.id === value2
+      (option) => typeof option !== "string" && option.id === newValue
     );
     if (matchingOption) {
       onChange(outputTransform(matchingOption));
       return;
     }
-    onChange(outputTransform(value2));
+    onChange(outputTransform(newValue));
   };
   return /* @__PURE__ */ jsx(
     Autocomplete,
@@ -79,7 +79,7 @@ const AutocompleteInput = ({
       ...props
     }
   );
-};
+}
 export {
   AutocompleteInput as default
 };

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

@@ -1,2 +1,2 @@
-declare const MultipleAutocompleteInput: ({ name, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+declare function MultipleAutocompleteInput({ name, ...props }: any): import("react/jsx-runtime").JSX.Element;
 export default MultipleAutocompleteInput;

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useWatch, useFieldArray } from "react-hook-form";
 import AutocompleteInput from "./autocomplete-input.js";
-const MultipleAutocompleteInput = ({ name, ...props }) => {
+function MultipleAutocompleteInput({ name, ...props }) {
   const [unsavedInput, setUnsavedInput] = useState("");
   const watchAutocompleteValues = useWatch({
     name
@@ -40,7 +40,7 @@ const MultipleAutocompleteInput = ({ name, ...props }) => {
       ...props
     }
   );
-};
+}
 export {
   MultipleAutocompleteInput as default
 };

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

@@ -6,5 +6,5 @@ export interface BooleanInputProps {
     formProps?: any;
     Input: typeof Switch | typeof Checkbox;
 }
-declare const BooleanInput: ({ name, label, formProps, Input }: BooleanInputProps) => import("react/jsx-runtime").JSX.Element;
+declare function BooleanInput({ name, label, formProps, Input }: BooleanInputProps): import("react/jsx-runtime").JSX.Element;
 export default BooleanInput;