cozy-ui 130.11.0 → 131.0.0

package/transpiled/react/Contacts/GroupsSelect/GroupCreation.js

@@ -21,7 +21,7 @@ var styles = {
 };
 import Icon from "cozy-ui/transpiled/react/Icon";
 import PlusIcon from "cozy-ui/transpiled/react/Icons/Plus";
-import Input from "cozy-ui/transpiled/react/Input";
+import Input from "cozy-ui/transpiled/react/legacy/Input";
 import { translate } from "cozy-ui/transpiled/react/providers/I18n";
 
 var normalizeGroupData = function normalizeGroupData(name) {

package/transpiled/react/Contacts/GroupsSelect/SelectBox/EditGroupName.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import PropTypes from 'prop-types';
 import React, { useRef } from 'react';
-import Input from "cozy-ui/transpiled/react/Input";
+import Input from "cozy-ui/transpiled/react/legacy/Input";
 
 var EditGroupName = function EditGroupName(_ref) {
   var groupId = _ref.groupId,

package/transpiled/react/CozyDialogs/SpecificDialogs/withSpecificDialogsLocales.js

@@ -31,7 +31,7 @@ var en = {
     url: "URL",
     cancel: "Cancel",
     create: "Create",
-    edit: "Edit",
+    edit: "Save",
     created: "The shortcut has been created",
     edited: "The shortcut has been modified",
     errored: "An error occurred",
@@ -72,7 +72,7 @@ var fr = {
     url: "URL",
     cancel: "Annuler",
     create: "Cr\xE9er",
-    edit: "Modifier",
+    edit: "Sauvegarder",
     created: "Le raccourci a \xE9t\xE9 cr\xE9\xE9",
     edited: "Le raccourci a \xE9t\xE9 modifi\xE9",
     errored: "Une erreur s'est produite",
@@ -113,7 +113,7 @@ var ru = {
     url: "URL",
     cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
     create: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C",
-    edit: "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C",
+    edit: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C",
     created: "\u042F\u0440\u043B\u044B\u043A \u0431\u044B\u043B \u0441\u043E\u0437\u0434\u0430\u043D",
     edited: "\u042F\u0440\u043B\u044B\u043A \u0431\u044B\u043B \u0438\u0437\u043C\u0435\u043D\u0435\u043D",
     errored: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430",
@@ -154,7 +154,7 @@ var vi = {
     url: "URL",
     cancel: "H\u1EE7y",
     create: "T\u1EA1o",
-    edit: "Ch\u1EC9nh s\u1EEDa",
+    edit: "L\u01B0u",
     created: "L\u1ED1i t\u1EAFt \u0111\xE3 \u0111\u01B0\u1EE3c t\u1EA1o",
     edited: "L\u1ED1i t\u1EAFt \u0111\xE3 \u0111\u01B0\u1EE3c ch\u1EC9nh s\u1EEDa",
     errored: "\u0110\xE3 x\u1EA3y ra l\u1ED7i",

package/transpiled/react/Field/index.js

@@ -23,7 +23,7 @@ var styles = {
   "o-side-fullwidth": "styles__o-side-fullwidth___7WcCI"
 };
 import ContactPicker from "cozy-ui/transpiled/react/ContactPicker";
-import Input from "cozy-ui/transpiled/react/Input";
+import Input from "cozy-ui/transpiled/react/legacy/Input";
 import Label from "cozy-ui/transpiled/react/Label";
 var labelStyles = {
   "c-label": "styles__c-label___o4ozG",

package/transpiled/react/Input/index.d.ts

@@ -1,3 +1,2 @@
 export default Input;
-declare const Input: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
+import Input from "@material-ui/core/Input";

package/transpiled/react/Input/index.js

@@ -1,65 +1,2 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["autoComplete", "disabled", "type", "id", "className", "value", "placeholder", "error", "size", "fullwidth"];
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { forwardRef } from 'react';
-var styles = {
-  "c-input-text": "styles__c-input-text___3TAv1",
-  "is-error": "styles__is-error___3lsCJ",
-  "c-input-text--tiny": "styles__c-input-text--tiny___MzMoD",
-  "c-input-text--medium": "styles__c-input-text--medium___28jPV",
-  "c-input-text--large": "styles__c-input-text--large___28EaR",
-  "c-input-text--fullwidth": "styles__c-input-text--fullwidth___33o_f"
-};
-var Input = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _cx;
-
-  var autoComplete = props.autoComplete,
-      disabled = props.disabled,
-      type = props.type,
-      id = props.id,
-      className = props.className,
-      value = props.value,
-      placeholder = props.placeholder,
-      error = props.error,
-      size = props.size,
-      fullwidth = props.fullwidth,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement("input", _extends({
-    "aria-disabled": disabled,
-    autoComplete: autoComplete,
-    type: type,
-    id: id,
-    ref: ref,
-    className: cx(styles['c-input-text'], (_cx = {}, _defineProperty(_cx, styles["is-error"], error), _defineProperty(_cx, styles["c-input-text--".concat(size)], size), _defineProperty(_cx, styles["c-input-text--fullwidth"], fullwidth), _cx), className),
-    disabled: disabled,
-    placeholder: placeholder,
-    value: value,
-    spellCheck: false
-  }, restProps));
-});
-Input.displayName = 'Input';
-Input.propTypes = {
-  autoComplete: PropTypes.string,
-  disabled: PropTypes.bool,
-  type: PropTypes.oneOf(['date', 'email', 'number', 'password', 'text', 'url', 'tel']),
-  id: PropTypes.string,
-  className: PropTypes.string,
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  placeholder: PropTypes.string,
-  error: PropTypes.bool,
-  size: PropTypes.oneOf(['tiny', 'medium', 'large']),
-  fullwidth: PropTypes.bool,
-  onChange: PropTypes.func,
-  onKeyUp: PropTypes.func
-};
-Input.defaultProps = {
-  type: 'text',
-  error: false,
-  fullwidth: false,
-  size: 'large'
-};
+import Input from '@material-ui/core/Input';
 export default Input;

package/transpiled/react/InputLabel/index.d.ts

@@ -0,0 +1,2 @@
+export default InputLabel;
+import InputLabel from "@material-ui/core/InputLabel";

package/transpiled/react/InputLabel/index.js

@@ -0,0 +1,2 @@
+import InputLabel from '@material-ui/core/InputLabel';
+export default InputLabel;

package/transpiled/react/Labs/PasswordInput/index.js

@@ -20,7 +20,7 @@ var styles = {
 import Icon from "cozy-ui/transpiled/react/Icon";
 import EyeIcon from "cozy-ui/transpiled/react/Icons/Eye";
 import EyeClosedIcon from "cozy-ui/transpiled/react/Icons/EyeClosed";
-import Input from "cozy-ui/transpiled/react/Input";
+import Input from "cozy-ui/transpiled/react/legacy/Input";
 import InputGroup from "cozy-ui/transpiled/react/InputGroup";
 
 var HideShowButton = function HideShowButton(props) {

package/transpiled/react/ListItem/ListItemBase/Renaming/RenameInput.js

@@ -7,7 +7,7 @@ import { useClient } from 'cozy-client';
 import { splitFilename } from 'cozy-client/dist/models/file';
 import RenameDialog from "cozy-ui/transpiled/react/ListItem/ListItemBase/Renaming/RenameDialog";
 import { renameFile } from "cozy-ui/transpiled/react/ListItem/ListItemBase/Renaming/helpers";
-import Input from "cozy-ui/transpiled/react/Input";
+import Input from "cozy-ui/transpiled/react/legacy/Input";
 import InputGroup from "cozy-ui/transpiled/react/InputGroup";
 import Spinner from "cozy-ui/transpiled/react/Spinner";
 import { makeStyles } from "cozy-ui/transpiled/react/styles";

package/transpiled/react/TextField/MobileSelect.js

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "options", "disabled", "value", "children", "onClick", "onChange"];
+var _excluded = ["id", "name", "options", "disabled", "value", "children", "onClick", "onChange"];
 import MuiTextField from '@material-ui/core/TextField';
 import merge from 'lodash/merge';
 import PropTypes from 'prop-types';
 import React, { forwardRef, useEffect, useState } from 'react';
+import { getLabelByValue, toggleInArray } from "cozy-ui/transpiled/react/TextField/helpers";
 import ActionsMenuItem from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem";
 import ActionsMenuWrapper from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuWrapper";
+import Checkbox from "cozy-ui/transpiled/react/Checkbox";
 import Icon from "cozy-ui/transpiled/react/Icon";
 import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
 import InputAdornment from "cozy-ui/transpiled/react/InputAdornment";
@@ -15,9 +17,8 @@ import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
 import ListItemText from "cozy-ui/transpiled/react/ListItemText";
 import Radio from "cozy-ui/transpiled/react/Radios";
 var MobileSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _options$find;
-
-  var name = _ref.name,
+  var id = _ref.id,
+      name = _ref.name,
       options = _ref.options,
       disabled = _ref.disabled,
       value = _ref.value,
@@ -26,11 +27,12 @@ var MobileSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onChange = _ref.onChange,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  // As they are controlled input, we have to set empty string as default
+  var isMultiple = Array.isArray(value); // As they are controlled input, we have to set empty string as default
   // because values can't be undefined and then defined
+
   var _useState = useState({
     label: '',
-    value: ''
+    value: isMultiple ? [] : ''
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
@@ -41,9 +43,9 @@ var MobileSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
       showDrawer = _useState4[0],
       setShowDrawer = _useState4[1];
 
-  var initialLabel = (_options$find = options.find(function (option) {
-    return option.value === value;
-  })) === null || _options$find === void 0 ? void 0 : _options$find.label;
+  var initialLabel = isMultiple ? value.map(function (v) {
+    return getLabelByValue(options, v);
+  }).join(', ') : getLabelByValue(options, value);
 
   var handleClick = function handleClick() {
     setShowDrawer(true);
@@ -55,18 +57,20 @@ var MobileSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
         children = _ref2.children,
         onClick = _ref2.onClick;
     return function (ev) {
+      var _value = isMultiple ? toggleInArray(state.value, value) : value;
+
       onClick === null || onClick === void 0 ? void 0 : onClick(merge({}, ev, {
         target: {
-          value: value
+          value: _value
         }
       }));
       setState({
         label: children,
-        value: value
+        value: _value
       });
       onChange === null || onChange === void 0 ? void 0 : onChange({
         target: {
-          value: value
+          value: _value
         }
       });
     };
@@ -79,10 +83,11 @@ var MobileSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
   useEffect(function () {
     setState({
       label: initialLabel || '',
-      value: value || ''
+      value: value || (isMultiple ? [] : '')
     });
-  }, [initialLabel, value]);
+  }, [initialLabel, value, isMultiple]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MuiTextField, {
+    id: id,
     style: {
       display: 'none'
     },
@@ -105,20 +110,25 @@ var MobileSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
         position: "end"
       }, /*#__PURE__*/React.createElement(Icon, {
         icon: BottomIcon,
+        rotate: showDrawer ? 180 : 0,
         color: disabled ? 'var(--disabledTextColor)' : 'var(--iconTextColor)'
       }))
     },
     onClick: handleClick
   })), showDrawer && /*#__PURE__*/React.createElement(ActionsMenuWrapper, {
     open: true,
-    autoClose: true,
+    autoClose: !isMultiple,
     onClose: handleClose
   }, React.Children.map(children, function (child) {
     return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, child.props, {
       size: "small",
-      autoFocus: child.props.value === value,
+      autoFocus: isMultiple ? child.props.value === value[0] : child.props.value === value,
       onClick: handleItemClick(child.props)
-    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Radio, {
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, isMultiple ? /*#__PURE__*/React.createElement(Checkbox, {
+      "aria-hidden": "true",
+      tabIndex: "-1",
+      checked: state.value.includes(child.props.value)
+    }) : /*#__PURE__*/React.createElement(Radio, {
       "aria-hidden": "true",
       tabIndex: "-1",
       checked: child.props.value === state.value
@@ -127,11 +137,12 @@ var MobileSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
     })) : null;
   })));
 });
+MobileSelect.displayName = 'MobileSelect';
 MobileSelect.propTypes = {
   name: PropTypes.string,
   options: PropTypes.array,
   disabled: PropTypes.bool,
-  value: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   onClick: PropTypes.func,
   onChange: PropTypes.func

package/transpiled/react/TextField/helpers.d.ts

@@ -0,0 +1,2 @@
+export function toggleInArray(arr: array, value: string): any[];
+export function getLabelByValue(options: array, value: string): any;

package/transpiled/react/TextField/helpers.js

@@ -0,0 +1,30 @@
+/**
+ * Add or Remove a value inside an array
+ * @param {array} arr
+ * @param {string} value
+ * @returns
+ */
+export var toggleInArray = function toggleInArray(arr, value) {
+  var s = new Set(arr);
+
+  if (s.has(value)) {
+    s.delete(value);
+  } else {
+    s.add(value);
+  }
+
+  return Array.from(s);
+};
+/**
+ * @param {array} options
+ * @param {string} value
+ * @returns
+ */
+
+export var getLabelByValue = function getLabelByValue(options, value) {
+  var _options$find;
+
+  return (_options$find = options.find(function (option) {
+    return option.value === value;
+  })) === null || _options$find === void 0 ? void 0 : _options$find.label;
+};

package/transpiled/react/TextField/index.js

@@ -1,6 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["select", "options", "children"];
+var _excluded = ["select", "SelectProps", "options", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import MuiTextField from '@material-ui/core/TextField';
 import React, { forwardRef } from 'react';
 import MobileSelect from "cozy-ui/transpiled/react/TextField/MobileSelect";
@@ -10,6 +16,7 @@ import { getRandomUUID } from "cozy-ui/transpiled/react/helpers/getRandomUUID";
 import { useBreakpoints } from "cozy-ui/transpiled/react/providers/Breakpoints";
 var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var select = _ref.select,
+      SelectProps = _ref.SelectProps,
       options = _ref.options,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -33,14 +40,14 @@ var TextField = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     id: uuid,
     select: select,
-    SelectProps: {
+    SelectProps: _objectSpread(_objectSpread({}, SelectProps), {}, {
       IconComponent: function IconComponent(iconProps) {
         return /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
           icon: BottomIcon,
           color: props.disabled ? 'var(--disabledTextColor)' : 'var(--iconTextColor)'
         }));
       }
-    }
+    })
   }, props), children);
 });
 TextField.displayName = 'TextField';

package/transpiled/react/Wizard/index.js

@@ -46,7 +46,7 @@ var styles = {
 };
 import Icon from "cozy-ui/transpiled/react/Icon";
 import CloudIcon from "cozy-ui/transpiled/react/Icons/Cloud";
-import Input from "cozy-ui/transpiled/react/Input";
+import Input from "cozy-ui/transpiled/react/legacy/Input";
 import Typography from "cozy-ui/transpiled/react/Typography";
 import Button from "cozy-ui/transpiled/react/deprecated/Button";
 export var Wizard = function Wizard(_ref) {

package/transpiled/react/index.d.ts

@@ -25,7 +25,6 @@ export { default as MidEllipsis } from "./MidEllipsis";
 export { default as ActionsMenu } from "./ActionsMenu";
 export { default as Overlay } from "./deprecated/Overlay";
 export { default as Label } from "./Label";
-export { default as Input } from "./Input";
 export { default as Checkbox } from "./Checkbox";
 export { default as Radio } from "./deprecated/Radio";
 export { default as Textarea } from "./Textarea";

package/transpiled/react/index.js

@@ -31,7 +31,6 @@ export { default as ActionMenu, ActionMenuItem, ActionMenuHeader, ActionMenuRadi
 export { default as ActionsMenu } from './ActionsMenu';
 export { default as Overlay } from './deprecated/Overlay';
 export { default as Label } from './Label';
-export { default as Input } from './Input';
 export { default as Checkbox } from './Checkbox';
 export { default as Radio } from './deprecated/Radio';
 export { default as Textarea } from './Textarea';

package/transpiled/react/legacy/Input/index.d.ts

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

package/transpiled/react/legacy/Input/index.js

@@ -0,0 +1,65 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["autoComplete", "disabled", "type", "id", "className", "value", "placeholder", "error", "size", "fullwidth"];
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+var styles = {
+  "c-input-text": "styles__c-input-text___1Tl4E",
+  "is-error": "styles__is-error___wKsQv",
+  "c-input-text--tiny": "styles__c-input-text--tiny___wubKz",
+  "c-input-text--medium": "styles__c-input-text--medium___1ISo1",
+  "c-input-text--large": "styles__c-input-text--large___2sSPx",
+  "c-input-text--fullwidth": "styles__c-input-text--fullwidth___cqKU6"
+};
+var Input = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _cx;
+
+  var autoComplete = props.autoComplete,
+      disabled = props.disabled,
+      type = props.type,
+      id = props.id,
+      className = props.className,
+      value = props.value,
+      placeholder = props.placeholder,
+      error = props.error,
+      size = props.size,
+      fullwidth = props.fullwidth,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement("input", _extends({
+    "aria-disabled": disabled,
+    autoComplete: autoComplete,
+    type: type,
+    id: id,
+    ref: ref,
+    className: cx(styles['c-input-text'], (_cx = {}, _defineProperty(_cx, styles["is-error"], error), _defineProperty(_cx, styles["c-input-text--".concat(size)], size), _defineProperty(_cx, styles["c-input-text--fullwidth"], fullwidth), _cx), className),
+    disabled: disabled,
+    placeholder: placeholder,
+    value: value,
+    spellCheck: false
+  }, restProps));
+});
+Input.displayName = 'Input';
+Input.propTypes = {
+  autoComplete: PropTypes.string,
+  disabled: PropTypes.bool,
+  type: PropTypes.oneOf(['date', 'email', 'number', 'password', 'text', 'url', 'tel']),
+  id: PropTypes.string,
+  className: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  placeholder: PropTypes.string,
+  error: PropTypes.bool,
+  size: PropTypes.oneOf(['tiny', 'medium', 'large']),
+  fullwidth: PropTypes.bool,
+  onChange: PropTypes.func,
+  onKeyUp: PropTypes.func
+};
+Input.defaultProps = {
+  type: 'text',
+  error: false,
+  fullwidth: false,
+  size: 'large'
+};
+export default Input;