cozy-ui 127.11.0 → 127.13.0

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

@@ -0,0 +1,71 @@
+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";
+
+var EditGroupName = function EditGroupName(_ref) {
+  var groupId = _ref.groupId,
+      groupName = _ref.groupName,
+      setEditedGroupId = _ref.setEditedGroupId,
+      renameGroup = _ref.renameGroup;
+  var inputRef = useRef();
+
+  var stopPropagation = function stopPropagation(e) {
+    e.stopPropagation();
+  };
+
+  var exitEditMode = function exitEditMode() {
+    return setEditedGroupId('');
+  };
+
+  var handleKeyDown = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+      var ENTER_KEY_CODE;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              ENTER_KEY_CODE = 13;
+
+              if (e.keyCode == ENTER_KEY_CODE) {
+                exitEditMode();
+                renameGroup(groupId, inputRef.current.value);
+              }
+
+              stopPropagation(e);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleKeyDown(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(Input, {
+    id: "editGroupInput",
+    ref: inputRef,
+    type: "text",
+    defaultValue: groupName,
+    size: "tiny",
+    autoComplete: "off",
+    autoFocus: true,
+    onKeyDown: handleKeyDown,
+    onClick: stopPropagation,
+    onFocus: stopPropagation,
+    onMouseDown: stopPropagation,
+    onBlur: exitEditMode
+  });
+};
+
+Option.propTypes = {
+  groupName: PropTypes.string.isRequired,
+  setEditedGroupId: PropTypes.string.isRequired
+};
+export default EditGroupName;

package/transpiled/react/Contacts/GroupsSelect/SelectBox/Menu.d.ts

@@ -0,0 +1,7 @@
+export default Menu;
+declare function Menu({ children, selectProps, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    selectProps: any;
+    className: any;
+}): JSX.Element;

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

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "selectProps", "className"],
+    _excluded2 = ["createGroup"];
+import cx from 'classnames';
+import React from 'react';
+var styles = {
+  "menu": "styles__menu___120ui"
+};
+import { components } from "cozy-ui/transpiled/react/SelectBox";
+import Typography from "cozy-ui/transpiled/react/Typography";
+import GroupCreation from "cozy-ui/transpiled/react/Contacts/GroupsSelect/GroupCreation";
+
+var Menu = function Menu(_ref) {
+  var children = _ref.children,
+      selectProps = _ref.selectProps,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var createGroup = selectProps.createGroup,
+      restSelectProps = _objectWithoutProperties(selectProps, _excluded2);
+
+  return /*#__PURE__*/React.createElement(components.Menu, _extends({}, props, {
+    className: cx(className, styles['menu']),
+    selectProps: restSelectProps
+  }), /*#__PURE__*/React.createElement(Typography, {
+    variant: "body1",
+    component: "div"
+  }, children, /*#__PURE__*/React.createElement(GroupCreation, {
+    createGroup: createGroup
+  })));
+};
+
+export default Menu;

package/transpiled/react/Contacts/GroupsSelect/SelectBox/Option.d.ts

@@ -0,0 +1,18 @@
+export default Option;
+declare function Option(props: any): JSX.Element;
+declare namespace Option {
+    namespace propTypes {
+        const selectProps: PropTypes.Requireable<PropTypes.InferProps<{
+            editedGroupId: PropTypes.Validator<string>;
+            deleteGroup: PropTypes.Validator<(...args: any[]) => any>;
+            setEditedGroupId: PropTypes.Validator<(...args: any[]) => any>;
+            withCheckbox: PropTypes.Requireable<boolean>;
+        }>>;
+        const data: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            id: PropTypes.Requireable<string>;
+            withNoAction: PropTypes.Requireable<boolean>;
+        }>>;
+    }
+}
+import PropTypes from "prop-types";

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

@@ -0,0 +1,66 @@
+import _extends from "@babel/runtime/helpers/extends";
+import PropTypes from 'prop-types';
+import React from 'react';
+import EditGroupName from "cozy-ui/transpiled/react/Contacts/GroupsSelect/SelectBox/EditGroupName";
+import { ActionsOption, Option as DefaultOption } from "cozy-ui/transpiled/react/SelectBox";
+
+var Option = function Option(props) {
+  var _props$data = props.data,
+      groupName = _props$data.name,
+      groupId = _props$data.id,
+      withNoAction = _props$data.withNoAction;
+  var _props$selectProps = props.selectProps,
+      editedGroupId = _props$selectProps.editedGroupId,
+      setEditedGroupId = _props$selectProps.setEditedGroupId,
+      deleteGroup = _props$selectProps.deleteGroup,
+      renameGroup = _props$selectProps.renameGroup,
+      withCheckbox = _props$selectProps.withCheckbox;
+
+  if (editedGroupId === groupId) {
+    return /*#__PURE__*/React.createElement(EditGroupName, {
+      groupId: groupId,
+      groupName: groupName,
+      setEditedGroupId: setEditedGroupId,
+      renameGroup: renameGroup
+    });
+  }
+
+  if (withNoAction) {
+    return /*#__PURE__*/React.createElement(DefaultOption, props);
+  }
+
+  return /*#__PURE__*/React.createElement(ActionsOption, _extends({}, props, {
+    withCheckbox: withCheckbox,
+    actions: [{
+      icon: 'pen',
+      onClick: function onClick(_ref) {
+        var data = _ref.data;
+        return setEditedGroupId(data.id);
+      },
+      iconProps: {
+        'data-testid': "ActionsOption_".concat(props.children, "-icon_pen")
+      }
+    }, {
+      icon: 'trash',
+      onClick: function onClick(_ref2) {
+        var data = _ref2.data;
+        return deleteGroup(data);
+      }
+    }]
+  }));
+};
+
+Option.propTypes = {
+  selectProps: PropTypes.shape({
+    editedGroupId: PropTypes.string.isRequired,
+    deleteGroup: PropTypes.func.isRequired,
+    setEditedGroupId: PropTypes.func.isRequired,
+    withCheckbox: PropTypes.bool
+  }),
+  data: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    id: PropTypes.string,
+    withNoAction: PropTypes.bool
+  })
+};
+export default Option;

package/transpiled/react/Contacts/GroupsSelect/SelectBox/SelectContainer.d.ts

@@ -0,0 +1,2 @@
+export default SelectContainer;
+declare function SelectContainer(props: any): JSX.Element;

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

@@ -0,0 +1,12 @@
+import _extends from "@babel/runtime/helpers/extends";
+import classNames from 'classnames';
+import React from 'react';
+import { components } from "cozy-ui/transpiled/react/SelectBox";
+
+var SelectContainer = function SelectContainer(props) {
+  return /*#__PURE__*/React.createElement(components.SelectContainer, _extends({}, props, {
+    className: classNames(props.className, 'react-select__custom__container')
+  }));
+};
+
+export default SelectContainer;

package/transpiled/react/Contacts/GroupsSelect/helpers.d.ts

@@ -0,0 +1,9 @@
+export function isExistingGroup(groupsAlreadyCreated: any, groupToCreate: any): boolean;
+export namespace defaultSelectedGroup {
+    const name: string;
+    const withNoAction: boolean;
+}
+export function translatedDefaultSelectedGroup(t: Function): {
+    name: any;
+    withNoAction: boolean;
+};

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

@@ -0,0 +1,30 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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; }
+
+export var isExistingGroup = function isExistingGroup(groupsAlreadyCreated, groupToCreate) {
+  var isNameAlreadyUsed = groupsAlreadyCreated.find(function (group) {
+    return group.name.toLowerCase() === groupToCreate.name.toLowerCase();
+  }) !== undefined;
+  return isNameAlreadyUsed;
+};
+/**
+ * Returns the group defined as default in the group filter
+ */
+
+export var defaultSelectedGroup = {
+  name: 'Contacts.GroupsSelect.filter.all-groups',
+  withNoAction: true
+};
+/**
+ * Returns the translated group defined as default in the group filter
+ * @param {function} t - Translate
+ */
+
+export var translatedDefaultSelectedGroup = function translatedDefaultSelectedGroup(t) {
+  return _objectSpread(_objectSpread({}, defaultSelectedGroup), {}, {
+    name: t(defaultSelectedGroup.name)
+  });
+};

package/transpiled/react/Contacts/GroupsSelect/locales/index.d.ts

@@ -0,0 +1,6 @@
+export namespace locales {
+    export { en };
+    export { fr };
+}
+import en from "./en.json";
+import fr from "./fr.json";

package/transpiled/react/Contacts/GroupsSelect/locales/index.js

@@ -0,0 +1,46 @@
+var en = {
+  Contacts: {
+    GroupsSelect: {
+      create: "Create a group",
+      name: "Name of the group",
+      already_exists: "The group %{name} already exists.",
+      manage: "Groups",
+      filter: {
+        "all-groups": "All groups"
+      },
+      created: {
+        success: "The group has been created correctly.",
+        error: "The group has not been created."
+      },
+      renamed: {
+        success: "The group has been renamed correctly.",
+        error: "The group has not been renamed."
+      }
+    }
+  }
+};
+var fr = {
+  Contacts: {
+    GroupsSelect: {
+      create: "Cr\xE9er un groupe",
+      name: "Nom du groupe",
+      already_exists: "Le groupe %{name} existe d\xE9j\xE0.",
+      manage: "Groupes",
+      filter: {
+        "all-groups": "Tous les groupes"
+      },
+      created: {
+        success: "Le groupe a bien \xE9t\xE9 cr\xE9\xE9.",
+        error: "Le groupe n'a pas \xE9t\xE9 cr\xE9\xE9."
+      },
+      renamed: {
+        success: "Le groupe a bien \xE9t\xE9 renomm\xE9.",
+        error: "Le groupe n'a pas \xE9t\xE9 renomm\xE9."
+      }
+    }
+  }
+};
+export var locales = {
+  en: en,
+  fr: fr
+};

package/transpiled/react/Contacts/GroupsSelect/useGroupSelect.d.ts

@@ -0,0 +1,11 @@
+export default useGroupsSelect;
+declare function useGroupsSelect({ allGroups, onGroupCreated, client, onGroupCreate, onGroupUpdate }: {
+    allGroups: any;
+    onGroupCreated: any;
+    client: any;
+    onGroupCreate: any;
+    onGroupUpdate: any;
+}): {
+    createGroup: (group: any) => Promise<void>;
+    renameGroup: (groupId: any, newName: any) => Promise<void>;
+};

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

@@ -0,0 +1,179 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+
+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 _regeneratorRuntime from "@babel/runtime/regenerator";
+import get from 'lodash/get';
+import { useSelectedGroup } from "cozy-ui/transpiled/react/Contacts/GroupsSelect/GroupsSelectProvider";
+import { isExistingGroup } from "cozy-ui/transpiled/react/Contacts/GroupsSelect/helpers";
+import { locales } from "cozy-ui/transpiled/react/Contacts/GroupsSelect/locales";
+import { useAlert } from "cozy-ui/transpiled/react/providers/Alert";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var useGroupsSelect = function useGroupsSelect(_ref) {
+  var allGroups = _ref.allGroups,
+      onGroupCreated = _ref.onGroupCreated,
+      client = _ref.client,
+      onGroupCreate = _ref.onGroupCreate,
+      onGroupUpdate = _ref.onGroupUpdate;
+
+  var _useSelectedGroup = useSelectedGroup(),
+      selectedGroup = _useSelectedGroup.selectedGroup,
+      setSelectedGroup = _useSelectedGroup.setSelectedGroup;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var createGroupSelf = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(group) {
+      var _yield$onGroupCreate, createdGroup;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (group.name) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              if (!isExistingGroup(allGroups, group)) {
+                _context.next = 4;
+                break;
+              }
+
+              return _context.abrupt("return", showAlert({
+                severity: 'error',
+                message: t('Contacts.GroupsSelect.already_exists', {
+                  name: group.name
+                })
+              }));
+
+            case 4:
+              _context.prev = 4;
+              _context.next = 7;
+              return onGroupCreate(client, group);
+
+            case 7:
+              _yield$onGroupCreate = _context.sent;
+              createdGroup = _yield$onGroupCreate.data;
+
+              if (onGroupCreated) {
+                onGroupCreated(createdGroup);
+              }
+
+              return _context.abrupt("return", showAlert({
+                severity: 'success',
+                message: t('Contacts.GroupsSelect.created.success')
+              }));
+
+            case 13:
+              _context.prev = 13;
+              _context.t0 = _context["catch"](4);
+              return _context.abrupt("return", showAlert({
+                severity: 'error',
+                message: t('Contacts.GroupsSelect.created.error')
+              }));
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[4, 13]]);
+    }));
+
+    return function createGroupSelf(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var renameGroupSelf = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(groupId, newName) {
+      var group, allOtherGroups, isRenamedGroupSelected, _yield$onGroupUpdate, data;
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              group = allGroups.find(function (group) {
+                return group.id === groupId;
+              });
+              allOtherGroups = allGroups.filter(function (group) {
+                return group.id !== groupId;
+              });
+              isRenamedGroupSelected = get(group, '_id') === get(selectedGroup, '_id');
+
+              if (!isExistingGroup(allOtherGroups, {
+                name: newName
+              })) {
+                _context2.next = 5;
+                break;
+              }
+
+              return _context2.abrupt("return", showAlert({
+                severity: 'error',
+                message: t('Contacts.GroupsSelect.already_exists', {
+                  name: newName
+                })
+              }));
+
+            case 5:
+              _context2.prev = 5;
+              _context2.next = 8;
+              return onGroupUpdate(client, _objectSpread(_objectSpread({}, group), {}, {
+                name: newName
+              }));
+
+            case 8:
+              _yield$onGroupUpdate = _context2.sent;
+              data = _yield$onGroupUpdate.data;
+
+              if (isRenamedGroupSelected) {
+                setSelectedGroup(data);
+              }
+
+              return _context2.abrupt("return", showAlert({
+                severity: 'success',
+                message: t('Contacts.GroupsSelect.renamed.success')
+              }));
+
+            case 14:
+              _context2.prev = 14;
+              _context2.t0 = _context2["catch"](5);
+              return _context2.abrupt("return", showAlert({
+                severity: 'error',
+                message: t('Contacts.GroupsSelect.renamed.error')
+              }));
+
+            case 17:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[5, 14]]);
+    }));
+
+    return function renameGroupSelf(_x2, _x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return {
+    createGroup: createGroupSelf,
+    renameGroup: renameGroupSelf
+  };
+};
+
+export default useGroupsSelect;

package/transpiled/react/Contacts/Header/GroupsSelection.d.ts

@@ -0,0 +1,7 @@
+export default GroupsSelection;
+declare function GroupsSelection({ allGroups, onGroupCreate, onGroupUpdate, onGroupDelete }: {
+    allGroups: any;
+    onGroupCreate: any;
+    onGroupUpdate: any;
+    onGroupDelete: any;
+}): JSX.Element;

package/transpiled/react/Contacts/Header/GroupsSelection.js

@@ -0,0 +1,84 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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 React from 'react';
+import { locales } from "cozy-ui/transpiled/react/Contacts/Header/locales";
+import { ControlDefault } from "cozy-ui/transpiled/react/SelectBox";
+import { useBreakpoints } from "cozy-ui/transpiled/react/providers/Breakpoints";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import GroupsSelect from "cozy-ui/transpiled/react/Contacts/GroupsSelect/GroupsSelect";
+import { useSelectedGroup } from "cozy-ui/transpiled/react/Contacts/GroupsSelect/GroupsSelectProvider";
+import { translatedDefaultSelectedGroup } from "cozy-ui/transpiled/react/Contacts/GroupsSelect/helpers";
+
+var setGroupsSelectOptions = function setGroupsSelectOptions(allGroups, defaultSelectedGroup) {
+  return allGroups.length > 0 ? [defaultSelectedGroup].concat(allGroups) : allGroups;
+};
+
+var useGroupsSelectCustomStyles = function useGroupsSelectCustomStyles() {
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  return {
+    container: function container(base) {
+      return _objectSpread(_objectSpread({}, base), {}, {
+        width: isMobile ? '100%' : '50%'
+      });
+    },
+    noOptionsMessage: function noOptionsMessage(base) {
+      return _objectSpread(_objectSpread({}, base), {}, {
+        textAlign: 'left'
+      });
+    }
+  };
+};
+
+var ControlDefaultWithTestId = function ControlDefaultWithTestId(_ref) {
+  var props = _extends({}, _ref);
+
+  return /*#__PURE__*/React.createElement(ControlDefault, _extends({}, props, {
+    innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
+      'data-testid': 'selectBox-controlDefault',
+      className: 'u-bdrs-4'
+    })
+  }));
+};
+
+var GroupsSelection = function GroupsSelection(_ref2) {
+  var allGroups = _ref2.allGroups,
+      onGroupCreate = _ref2.onGroupCreate,
+      onGroupUpdate = _ref2.onGroupUpdate,
+      onGroupDelete = _ref2.onGroupDelete;
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useSelectedGroup = useSelectedGroup(),
+      selectedGroup = _useSelectedGroup.selectedGroup,
+      setSelectedGroup = _useSelectedGroup.setSelectedGroup;
+
+  var groupsSelectOptions = setGroupsSelectOptions(allGroups, translatedDefaultSelectedGroup(t));
+  var groupsSelectCustomStyles = useGroupsSelectCustomStyles();
+  return /*#__PURE__*/React.createElement(GroupsSelect, {
+    allGroups: groupsSelectOptions,
+    value: selectedGroup,
+    noOptionsMessage: function noOptionsMessage() {
+      return t('Contacts.Header.filter.no-group');
+    },
+    styles: groupsSelectCustomStyles,
+    closeMenuOnSelect: true,
+    components: {
+      Control: ControlDefaultWithTestId
+    },
+    onChange: setSelectedGroup,
+    onGroupCreate: onGroupCreate,
+    onGroupUpdate: onGroupUpdate,
+    onGroupDelete: onGroupDelete
+  });
+};
+
+export default GroupsSelection;

package/transpiled/react/Contacts/Header/ImportDropdown.d.ts

@@ -0,0 +1,4 @@
+export default ImportDropdown;
+declare function ImportDropdown({ onContactImport }: {
+    onContactImport: any;
+}): JSX.Element;