cozy-ui 130.11.1 → 131.0.1

package/transpiled/react/CozyDialogs/SpecificDialogs/helpers/shortcuts.js

@@ -54,27 +54,35 @@ export var checkAndSaveShortcut = /*#__PURE__*/function () {
             return _context.abrupt("return");
 
           case 9:
-            try {
-              onSave(validFileName, validURL);
-              showAlert({
-                message: isEditing ? t('shortcut-dialog.edited') : t('shortcut-dialog.created'),
-                severity: 'success'
-              });
-            } catch (_unused) {
-              showAlert({
-                message: t('shortcut-dialog.errored'),
-                severity: 'error'
-              });
-            }
+            _context.prev = 9;
+            _context.next = 12;
+            return onSave(validFileName, validURL);
+
+          case 12:
+            showAlert({
+              message: isEditing ? t('shortcut-dialog.edited') : t('shortcut-dialog.created'),
+              severity: 'success'
+            });
+            _context.next = 18;
+            break;
+
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](9);
+            showAlert({
+              message: t('shortcut-dialog.errored'),
+              severity: 'error'
+            });
 
+          case 18:
             onClose();
 
-          case 11:
+          case 19:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee);
+    }, _callee, null, [[9, 15]]);
   }));
 
   return function checkAndSaveShortcut(_x) {

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;