@gridsuite/commons-ui 0.35.0 → 0.35.2

package/{lib → es}/components/TreeViewFinder/TreeViewFinder.js

@@ -1,24 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
-exports.generateTreeViewFinderClass = exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntl = require("react-intl");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("../../utils/styles");
-var _system = require("@mui/system");
-var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
-var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _TreeItem = _interopRequireDefault(require("@mui/lab/TreeItem"));
-var _TreeView = _interopRequireDefault(require("@mui/lab/TreeView"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
-var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 var _defaultStyles;
 /**
  * Copyright (c) 2021, RTE (http://www.rte-france.com)
@@ -26,9 +5,25 @@ var _defaultStyles;
  * 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/.
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+import React, { useState, useCallback, useEffect } from 'react';
+import { FormattedMessage, useIntl } from 'react-intl';
+import PropTypes from 'prop-types';
+import { toNestedGlobalSelectors, makeComposeClasses } from '../../utils/styles';
+import { styled } from '@mui/system';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import Button from '@mui/material/Button';
+import TreeItem from '@mui/lab/TreeItem';
+import TreeView from '@mui/lab/TreeView';
+import Typography from '@mui/material/Typography';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import CheckIcon from '@mui/icons-material/Check';
+
 // As a bunch of individual variables to try to make it easier
 // to track that they are all used. Not sure, maybe group them in an object ?
 var cssDialogPaper = 'dialogPaper';
@@ -53,11 +48,10 @@ var defaultStyles = (_defaultStyles = {}, _defaultStyles[cssDialogPaper] = {
   alignItems: 'center',
   marginRight: '4px'
 }, _defaultStyles[cssIcon] = {}, _defaultStyles);
-var generateTreeViewFinderClass = function generateTreeViewFinderClass(className) {
+export var generateTreeViewFinderClass = function generateTreeViewFinderClass(className) {
   return "GsiTreeViewFinder-" + className;
 };
-exports.generateTreeViewFinderClass = generateTreeViewFinderClass;
-var composeClasses = (0, _styles.makeComposeClasses)(generateTreeViewFinderClass);
+var composeClasses = makeComposeClasses(generateTreeViewFinderClass);
 
 /**
  * This callback type is called `onTreeBrowseCallback` and is displayed as a global symbol.
@@ -92,7 +86,7 @@ var composeClasses = (0, _styles.makeComposeClasses)(generateTreeViewFinderClass
  * @param {Boolean}         [multiselect=false] - Allow/Forbid multiselection on Tree
  */
 var TreeViewFinder = function TreeViewFinder(props) {
-  var intl = (0, _reactIntl.useIntl)();
+  var intl = useIntl();
   var classes = props.classes,
     title = props.title,
     contentText = props.contentText,
@@ -107,16 +101,16 @@ var TreeViewFinder = function TreeViewFinder(props) {
     multiselect = props.multiselect,
     sortMethod = props.sortMethod,
     className = props.className;
-  var _useState = (0, _react.useState)({}),
+  var _useState = useState({}),
     mapPrintedNodes = _useState[0],
     setMapPrintedNodes = _useState[1];
 
   // Controlled expanded for TreeView
-  var _useState2 = (0, _react.useState)(defaultExpanded),
+  var _useState2 = useState(defaultExpanded),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
   // Controlled selected for TreeView
-  var _useState3 = (0, _react.useState)(defaultSelected),
+  var _useState3 = useState(defaultSelected),
     selected = _useState3[0],
     setSelected = _useState3[1];
 
@@ -128,7 +122,7 @@ var TreeViewFinder = function TreeViewFinder(props) {
   var isLeaf = function isLeaf(node) {
     return node && node.children === undefined;
   };
-  var computeMapPrintedNodes = (0, _react.useCallback)(function (nodes) {
+  var computeMapPrintedNodes = useCallback(function (nodes) {
     var newMapPrintedNodes = {};
     nodes.forEach(function (node) {
       newMapPrintedNodes[node.id] = node;
@@ -140,7 +134,7 @@ var TreeViewFinder = function TreeViewFinder(props) {
   }, []);
 
   // Effects
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     // compute all mapPrintedNodes here from data prop
     // if data changes in current expanded nodes
     var newMapPrintedNodes = computeMapPrintedNodes(data);
@@ -203,12 +197,12 @@ var TreeViewFinder = function TreeViewFinder(props) {
     if (isSelectable(node) && selected.find(function (nodeId) {
       return nodeId === node.id;
     })) {
-      return /*#__PURE__*/_react["default"].createElement(_Check["default"], {
+      return /*#__PURE__*/React.createElement(CheckIcon, {
         className: composeClasses(classes, cssLabelIcon)
       });
     } else {
       if (node.icon) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: composeClasses(classes, cssLabelIcon)
         }, node.icon);
       } else {
@@ -217,9 +211,9 @@ var TreeViewFinder = function TreeViewFinder(props) {
     }
   };
   var renderTreeItemLabel = function renderTreeItemLabel(node) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: composeClasses(classes, cssLabelRoot)
-    }, getNodeIcon(node), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    }, getNodeIcon(node), /*#__PURE__*/React.createElement(Typography, {
       className: composeClasses(classes, cssLabelText)
     }, node.name));
   };
@@ -231,14 +225,14 @@ var TreeViewFinder = function TreeViewFinder(props) {
     if (!node) {
       return;
     }
-    return /*#__PURE__*/_react["default"].createElement(_TreeItem["default"], {
+    return /*#__PURE__*/React.createElement(TreeItem, {
       key: node.id,
       nodeId: node.id,
       label: renderTreeItemLabel(node),
-      expandIcon: showChevron(node) ? /*#__PURE__*/_react["default"].createElement(_ChevronRight["default"], {
+      expandIcon: showChevron(node) ? /*#__PURE__*/React.createElement(ChevronRightIcon, {
         className: composeClasses(classes, cssIcon)
       }) : null,
-      collapseIcon: showChevron(node) ? /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], {
+      collapseIcon: showChevron(node) ? /*#__PURE__*/React.createElement(ExpandMoreIcon, {
         className: composeClasses(classes, cssIcon)
       }) : null
     }, Array.isArray(node.children) ? node.children.length ? node.children.sort(sortMethod).map(function (child) {
@@ -246,7 +240,7 @@ var TreeViewFinder = function TreeViewFinder(props) {
     }) : [false] // Pass non empty Array here to simulate a child then this node isn't considered as a leaf.
     : null);
   };
-  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+  return /*#__PURE__*/React.createElement(Dialog, {
     open: open,
     onClose: function onClose(e, r) {
       if (r === 'escapeKeyDown' || r === 'backdropClick') {
@@ -259,17 +253,17 @@ var TreeViewFinder = function TreeViewFinder(props) {
     classes: {
       paper: composeClasses(classes, cssDialogPaper)
     }
-  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+  }, /*#__PURE__*/React.createElement(DialogTitle, {
     id: "TreeViewFindertitle"
   }, title ? title : intl.formatMessage({
     id: 'treeview_finder/finderTitle'
   }, {
     multiselect: multiselect
-  })), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], null, contentText ? contentText : intl.formatMessage({
+  })), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(DialogContentText, null, contentText ? contentText : intl.formatMessage({
     id: 'treeview_finder/contentText'
   }, {
     multiselect: multiselect
-  })), /*#__PURE__*/_react["default"].createElement(_TreeView["default"]
+  })), /*#__PURE__*/React.createElement(TreeView
   // Controlled props
   , {
     expanded: expanded,
@@ -283,7 +277,7 @@ var TreeViewFinder = function TreeViewFinder(props) {
     multiSelect: multiselect
   }, data && Array.isArray(data) ? data.sort(sortMethod).map(function (child) {
     return renderTree(child);
-  }) : null)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }) : null)), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
     variant: "contained",
     style: {
       "float": 'left',
@@ -293,9 +287,9 @@ var TreeViewFinder = function TreeViewFinder(props) {
       _onClose([]);
       setSelected([]);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "treeview_finder/cancel"
-  })), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  })), /*#__PURE__*/React.createElement(Button, {
     variant: "contained",
     style: {
       "float": 'left',
@@ -312,24 +306,24 @@ var TreeViewFinder = function TreeViewFinder(props) {
 /* TreeViewFinder props list */
 TreeViewFinder.propTypes = process.env.NODE_ENV !== "production" ? {
   // Controlled
-  open: _propTypes["default"].bool.isRequired,
-  onClose: _propTypes["default"].func,
-  data: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string.isRequired,
-    name: _propTypes["default"].string.isRequired,
-    children: _propTypes["default"].array
+  open: PropTypes.bool.isRequired,
+  onClose: PropTypes.func,
+  data: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+    children: PropTypes.array
   })).isRequired,
-  onTreeBrowse: _propTypes["default"].func,
+  onTreeBrowse: PropTypes.func,
   //uncontrolled
-  classes: _propTypes["default"].object,
-  title: _propTypes["default"].string,
-  contentText: _propTypes["default"].string,
-  validationButtonText: _propTypes["default"].string,
-  defaultSelected: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  defaultExpanded: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  onlyLeaves: _propTypes["default"].bool,
-  multiselect: _propTypes["default"].bool,
-  sortMethod: _propTypes["default"].func
+  classes: PropTypes.object,
+  title: PropTypes.string,
+  contentText: PropTypes.string,
+  validationButtonText: PropTypes.string,
+  defaultSelected: PropTypes.arrayOf(PropTypes.string),
+  defaultExpanded: PropTypes.arrayOf(PropTypes.string),
+  onlyLeaves: PropTypes.bool,
+  multiselect: PropTypes.bool,
+  sortMethod: PropTypes.func
 } : {};
 
 /* TreeViewFinder props default values */
@@ -341,6 +335,5 @@ TreeViewFinder.defaultProps = {
   sortMethod: undefined,
   classes: {}
 };
-var nestedGlobalSelectorsStyles = (0, _styles.toNestedGlobalSelectors)(defaultStyles, generateTreeViewFinderClass);
-var _default = (0, _system.styled)(TreeViewFinder)(nestedGlobalSelectorsStyles);
-exports["default"] = _default;
+var nestedGlobalSelectorsStyles = toNestedGlobalSelectors(defaultStyles, generateTreeViewFinderClass);
+export default styled(TreeViewFinder)(nestedGlobalSelectorsStyles);

package/es/components/TreeViewFinder/index.js

@@ -0,0 +1,7 @@
+/**
+ * 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, generateTreeViewFinderClass } from './TreeViewFinder';

package/es/components/react-hook-form/autocomplete-input.js

@@ -0,0 +1,110 @@
+var _excluded = ["name", "label", "options", "outputTransform", "inputTransform", "readOnly", "previousValue", "allowNewValue", "onChangeCallback", "formProps"],
+  _excluded2 = ["inputProps"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * Copyright (c) 2022, 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/.
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Autocomplete, TextField } from '@mui/material';
+import { useController, useFormContext } from 'react-hook-form';
+import { genHelperError, genHelperPreviousValue, identity, isFieldRequired } from './utils/functions';
+import FieldLabel from './utils/field-label';
+var AutocompleteInput = function AutocompleteInput(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    options = _ref.options,
+    _ref$outputTransform = _ref.outputTransform,
+    outputTransform = _ref$outputTransform === void 0 ? identity : _ref$outputTransform,
+    _ref$inputTransform = _ref.inputTransform,
+    inputTransform = _ref$inputTransform === void 0 ? identity : _ref$inputTransform,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    previousValue = _ref.previousValue,
+    allowNewValue = _ref.allowNewValue,
+    onChangeCallback = _ref.onChangeCallback,
+    formProps = _ref.formProps,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useFormContext = useFormContext(),
+    validationSchema = _useFormContext.validationSchema,
+    getValues = _useFormContext.getValues,
+    removeOptional = _useFormContext.removeOptional;
+  var _useController = useController({
+      name: name
+    }),
+    _useController$field = _useController.field,
+    onChange = _useController$field.onChange,
+    value = _useController$field.value,
+    ref = _useController$field.ref,
+    error = _useController.fieldState.error;
+  var handleChange = function handleChange(value) {
+    onChangeCallback && onChangeCallback();
+    //if free solo not enabled or if value is not of string type, we call onChange right away
+    if (!allowNewValue || typeof value !== 'string') {
+      onChange(outputTransform(value));
+      return;
+    }
+
+    //otherwise, we check if user input matches with one of the options
+    var matchingOption = options.find(function (option) {
+      return option.id === value;
+    });
+    //if it does, we send the matching option to react hook form
+    if (matchingOption) {
+      onChange(outputTransform(matchingOption));
+      return;
+    }
+
+    //otherwise, we send the user input
+    onChange(outputTransform(value));
+  };
+  return /*#__PURE__*/React.createElement(Autocomplete, _extends({
+    value: inputTransform(value),
+    onChange: function onChange(_, data) {
+      return handleChange(data);
+    }
+  }, allowNewValue && {
+    freeSolo: true,
+    autoComplete: true,
+    blurOnSelect: true,
+    autoSelect: false,
+    onInputChange: function onInputChange(_, data) {
+      handleChange(data);
+    }
+  }, {
+    options: options,
+    renderInput: function renderInput(_ref2) {
+      var inputProps = _ref2.inputProps,
+        rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+      return /*#__PURE__*/React.createElement(TextField, _extends({}, label && {
+        label: FieldLabel({
+          label: label,
+          optional: !isFieldRequired(name, validationSchema, getValues()) && !(props === null || props === void 0 ? void 0 : props.disabled) && !removeOptional
+        })
+      }, {
+        inputRef: ref,
+        inputProps: _extends({}, inputProps, {
+          readOnly: readOnly
+        })
+      }, genHelperPreviousValue(previousValue), genHelperError(error === null || error === void 0 ? void 0 : error.message), formProps, rest));
+    }
+  }, props));
+};
+AutocompleteInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  name: PropTypes.string.isRequired,
+  label: PropTypes.string,
+  options: PropTypes.array.isRequired,
+  outputTransform: PropTypes.func,
+  inputTransform: PropTypes.func,
+  readOnly: PropTypes.bool,
+  previousValue: PropTypes.any,
+  allowNewValue: PropTypes.bool,
+  onChangeCallback: PropTypes.func,
+  formProps: PropTypes.object
+} : {};
+export default AutocompleteInput;

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

@@ -0,0 +1,56 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * Copyright (c) 2022, 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/.
+ */
+
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import { useController } from 'react-hook-form';
+var BooleanInput = function BooleanInput(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    formProps = _ref.formProps,
+    Input = _ref.Input;
+  var _useController = useController({
+      name: name
+    }),
+    _useController$field = _useController.field,
+    onChange = _useController$field.onChange,
+    value = _useController$field.value,
+    ref = _useController$field.ref;
+  var intl = useIntl();
+  var handleChangeValue = useCallback(function (event) {
+    onChange(event.target.checked);
+  }, [onChange]);
+  var CustomInput = /*#__PURE__*/React.createElement(Input, _extends({
+    checked: value,
+    onChange: function onChange(e) {
+      return handleChangeValue(e);
+    },
+    inputRef: ref,
+    inputProps: {
+      'aria-label': 'primary checkbox'
+    }
+  }, formProps));
+  if (label) {
+    return /*#__PURE__*/React.createElement(FormControlLabel, {
+      control: CustomInput,
+      label: intl.formatMessage({
+        id: label
+      })
+    });
+  }
+  return CustomInput;
+};
+BooleanInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  name: PropTypes.string.isRequired,
+  label: PropTypes.string,
+  formProps: PropTypes.object,
+  Input: PropTypes.elementType.isRequired
+} : {};
+export default BooleanInput;

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

@@ -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/.
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import BooleanInput from './boolean-input';
+import Checkbox from '@mui/material/Checkbox';
+var CheckboxInput = function CheckboxInput(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    formProps = _ref.formProps;
+  return /*#__PURE__*/React.createElement(BooleanInput, {
+    name: name,
+    label: label,
+    formProps: formProps,
+    Input: Checkbox
+  });
+};
+CheckboxInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  name: PropTypes.string.isRequired,
+  label: PropTypes.string,
+  formProps: PropTypes.object
+} : {};
+export default CheckboxInput;

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

@@ -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/.
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import BooleanInput from './boolean-input';
+import Switch from '@mui/material/Switch';
+var SwitchInput = function SwitchInput(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    formProps = _ref.formProps;
+  return /*#__PURE__*/React.createElement(BooleanInput, {
+    name: name,
+    label: label,
+    formProps: formProps,
+    Input: Switch
+  });
+};
+SwitchInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  name: PropTypes.string.isRequired,
+  label: PropTypes.string,
+  formProps: PropTypes.object
+} : {};
+export default SwitchInput;

package/es/components/react-hook-form/error-management/error-input.js

@@ -0,0 +1,50 @@
+/**
+ * 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/.
+ */
+
+import React, { useEffect, useRef } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { useController } from 'react-hook-form';
+var ErrorInput = function ErrorInput(_ref) {
+  var name = _ref.name,
+    InputField = _ref.InputField;
+  var _useController = useController({
+      name: name
+    }),
+    error = _useController.fieldState.error,
+    isSubmitting = _useController.formState.isSubmitting;
+  var errorRef = useRef(null);
+  var errorProps = function errorProps(errorMsg) {
+    if (typeof errorMsg === 'string') {
+      return {
+        id: errorMsg
+      };
+    } else if (typeof errorMsg === 'object') {
+      return {
+        id: errorMsg.id,
+        values: {
+          value: errorMsg.value
+        }
+      };
+    }
+    return {};
+  };
+  useEffect(function () {
+    // the scroll should be done only when the form is submitting
+    if (error && errorRef.current) {
+      errorRef.current.scrollIntoView({
+        behavior: 'smooth'
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSubmitting]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (error === null || error === void 0 ? void 0 : error.message) && /*#__PURE__*/React.createElement("div", {
+    ref: errorRef
+  }, /*#__PURE__*/React.createElement(InputField, {
+    message: /*#__PURE__*/React.createElement(FormattedMessage, errorProps(error === null || error === void 0 ? void 0 : error.message))
+  })));
+};
+export default ErrorInput;

package/es/components/react-hook-form/error-management/field-error-alert.js

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2022, 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/.
+ */
+
+import React from 'react';
+import { Alert, Grid } from '@mui/material';
+
+// component to display alert when a specific rhf field is in error
+// this component needs to be isolated to avoid too many rerenders
+var FieldErrorAlert = function FieldErrorAlert(_ref) {
+  var message = _ref.message;
+  return /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React.createElement(Alert, {
+    severity: "error"
+  }, message));
+};
+export default FieldErrorAlert;

package/es/components/react-hook-form/error-management/mid-form-error.js

@@ -0,0 +1,25 @@
+/**
+ * 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/.
+ */
+
+import React from 'react';
+import Box from '@mui/material/Box';
+
+// component to display error message in the middle of dialog
+var MidFormError = function MidFormError(_ref) {
+  var message = _ref.message;
+  return /*#__PURE__*/React.createElement(Box, {
+    sx: function sx(theme) {
+      return {
+        color: theme.palette.error.main,
+        fontSize: 'small',
+        marginLeft: theme.spacing(2),
+        marginRight: theme.spacing(2)
+      };
+    }
+  }, message);
+};
+export default MidFormError;

package/es/components/react-hook-form/numbers/float-input.js

@@ -0,0 +1,40 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * Copyright (c) 2022, 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/.
+ */
+
+import React from 'react';
+import TextInput from '../text-input';
+import { isFloatNumber } from './utils';
+var FloatInput = function FloatInput(props) {
+  var inputTransform = function inputTransform(value) {
+    var sanitizedValue = value === null || value === void 0 ? void 0 : value.toString().replace(',', '.');
+    if (['-', '.'].includes(sanitizedValue)) {
+      return sanitizedValue;
+    }
+    return sanitizedValue === null || isNaN(sanitizedValue) ? '' : sanitizedValue;
+  };
+  var outputTransform = function outputTransform(value) {
+    if (value === '-') {
+      return value;
+    }
+    if (value === '') {
+      return null;
+    }
+    var tmp = (value === null || value === void 0 ? void 0 : value.replace(',', '.')) || '';
+    if (tmp.endsWith('.') || tmp.endsWith('0')) {
+      return tmp;
+    }
+    return parseFloat(tmp) || null;
+  };
+  return /*#__PURE__*/React.createElement(TextInput, _extends({
+    acceptValue: isFloatNumber,
+    outputTransform: outputTransform,
+    inputTransform: inputTransform
+  }, props));
+};
+FloatInput.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, TextInput.propTypes) : {};
+export default FloatInput;