cozy-ui-plus 1.1.0

package/dist/Contacts/GroupsSelect/GroupsSelect.js

@@ -0,0 +1,207 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GroupsSelect = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _ClickAwayListener = _interopRequireDefault(require("cozy-ui/transpiled/react/ClickAwayListener"));
+
+var _SelectBox = _interopRequireDefault(require("cozy-ui/transpiled/react/SelectBox"));
+
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
+var _Menu = _interopRequireDefault(require("./SelectBox/Menu"));
+
+var _Option = _interopRequireDefault(require("./SelectBox/Option"));
+
+var _SelectContainer = _interopRequireDefault(require("./SelectBox/SelectContainer"));
+
+var _useGroupSelect = _interopRequireDefault(require("./useGroupSelect"));
+
+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; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+var captureEscapeEvent = function captureEscapeEvent(e) {
+  if (e.key === 'Escape') {
+    e.stopPropagation();
+    e.target.blur();
+  }
+};
+
+var GroupsSelect = function GroupsSelect(_ref) {
+  var allGroups = _ref.allGroups,
+      closeMenuOnSelect = _ref.closeMenuOnSelect,
+      value = _ref.value,
+      styles = _ref.styles,
+      isMulti = _ref.isMulti,
+      noOptionsMessage = _ref.noOptionsMessage,
+      withCheckbox = _ref.withCheckbox,
+      components = _ref.components,
+      onGroupCreated = _ref.onGroupCreated,
+      onChange = _ref.onChange,
+      onGroupCreate = _ref.onGroupCreate,
+      onGroupUpdate = _ref.onGroupUpdate,
+      onGroupDelete = _ref.onGroupDelete,
+      menuPosition = _ref.menuPosition;
+  var client = (0, _cozyClient.useClient)();
+
+  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var _useState = (0, _react.useState)({
+    menuIsOpen: false,
+    editedGroupId: ''
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      _useState2$ = _useState2[0],
+      menuIsOpen = _useState2$.menuIsOpen,
+      editedGroupId = _useState2$.editedGroupId,
+      setState = _useState2[1];
+
+  var _useGroupsSelect = (0, _useGroupSelect.default)({
+    allGroups: allGroups,
+    onGroupCreated: onGroupCreated,
+    client: client,
+    onGroupCreate: onGroupCreate,
+    onGroupUpdate: onGroupUpdate
+  }),
+      createGroup = _useGroupsSelect.createGroup,
+      renameGroup = _useGroupsSelect.renameGroup;
+
+  var toggleMenu = function toggleMenu() {
+    setState(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        menuIsOpen: !prev.menuIsOpen
+      });
+    });
+  };
+
+  var closeMenu = function closeMenu() {
+    setState(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        menuIsOpen: false
+      });
+    });
+  };
+
+  var setEditedGroupId = function setEditedGroupId(id) {
+    setState(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        editedGroupId: id
+      });
+    });
+  };
+
+  var handleChange = function handleChange(props) {
+    if (closeMenuOnSelect) {
+      closeMenu();
+    }
+
+    onChange(props);
+  };
+
+  var handleDelete = function handleDelete(group) {
+    closeMenu();
+    onGroupDelete(group);
+  };
+
+  var defaultComponents = {
+    Menu: _Menu.default,
+    Option: _Option.default,
+    SelectContainer: _SelectContainer.default
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
+    onClickAway: menuIsOpen ? closeMenu : function () {}
+  }, /*#__PURE__*/_react.default.createElement(_SelectBox.default, {
+    className: isMobile ? 'u-mb-half' : 'u-mr-half',
+    classNamePrefix: "react-select",
+    isMulti: isMulti,
+    withCheckbox: withCheckbox,
+    menuIsOpen: menuIsOpen,
+    blurInputOnSelect: true,
+    hideSelectedOptions: false,
+    isSearchable: false,
+    isClearable: false,
+    closeMenuOnSelect: closeMenuOnSelect,
+    tabSelectsValue: false,
+    onKeyDown: captureEscapeEvent,
+    noOptionsMessage: noOptionsMessage,
+    options: allGroups,
+    value: value,
+    onChange: handleChange,
+    getOptionLabel: function getOptionLabel(group) {
+      return group.name;
+    },
+    getOptionValue: function getOptionValue(group) {
+      return group._id;
+    },
+    components: _objectSpread(_objectSpread({}, defaultComponents), components),
+    createGroup: createGroup,
+    deleteGroup: handleDelete,
+    renameGroup: renameGroup,
+    styles: styles,
+    onControlClicked: toggleMenu,
+    setEditedGroupId: setEditedGroupId,
+    editedGroupId: editedGroupId,
+    menuPosition: menuPosition,
+    fullwidth: true
+  })));
+};
+
+exports.GroupsSelect = GroupsSelect;
+GroupsSelect.propTypes = {
+  allGroups: _propTypes.default.array.isRequired,
+  styles: _propTypes.default.object,
+  // for multiple selections, value can be an array
+  value: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object]).isRequired,
+  // to customize react-select elements
+  components: _propTypes.default.object,
+  // to define if it is possible to select more than one option
+  isMulti: _propTypes.default.bool,
+  // noOptionsMessage is used to show a message when there is no options in the menu list
+  noOptionsMessage: _propTypes.default.func,
+  // hide/show checkbox besides menu list options
+  withCheckbox: _propTypes.default.bool,
+  onChange: _propTypes.default.func.isRequired,
+  // function to be triggered after creating a group
+  onGroupCreated: _propTypes.default.func,
+  // function to be triggered when creating a group
+  onGroupCreate: _propTypes.default.func,
+  // function to be triggered when updating a group
+  onGroupUpdate: _propTypes.default.func,
+  // function to be triggered when deleting a group
+  onGroupDelete: _propTypes.default.func,
+  closeMenuOnSelect: _propTypes.default.bool,
+  menuPosition: _propTypes.default.oneOf(['fixed', 'absolute'])
+};
+GroupsSelect.defaultProps = {
+  isMulti: false,
+  components: {},
+  closeMenuOnSelect: false
+};
+GroupsSelect.propTypes = {
+  allGroups: _propTypes.default.array.isRequired,
+  onGroupCreate: _propTypes.default.func.isRequired,
+  onGroupUpdate: _propTypes.default.func.isRequired,
+  onGroupDelete: _propTypes.default.func.isRequired
+};
+var _default = GroupsSelect;
+exports.default = _default;

package/dist/Contacts/GroupsSelect/GroupsSelectProvider.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectedGroup = exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _helpers = require("./helpers");
+
+var _locales = require("./locales");
+
+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; }
+
+var SelectedGroupContext = /*#__PURE__*/_react.default.createContext();
+
+var useSelectedGroup = function useSelectedGroup() {
+  var context = (0, _react.useContext)(SelectedGroupContext);
+
+  if (!context) {
+    throw new Error('useSelectedGroup must be used within a SelectedGroupProvider');
+  }
+
+  return context;
+};
+
+exports.useSelectedGroup = useSelectedGroup;
+
+var SelectedGroupProvider = function SelectedGroupProvider(_ref) {
+  var children = _ref.children;
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)((0, _helpers.translatedDefaultSelectedGroup)(t)),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      selectedGroup = _useState2[0],
+      setSelectedGroup = _useState2[1];
+
+  var contextValue = {
+    selectedGroup: selectedGroup,
+    setSelectedGroup: setSelectedGroup
+  };
+  return /*#__PURE__*/_react.default.createElement(SelectedGroupContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+var _default = SelectedGroupProvider;
+exports.default = _default;

package/dist/Contacts/GroupsSelect/SelectBox/Control.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _BottomSelect = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/BottomSelect"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _locales = require("../locales");
+
+var Control = function Control(_ref) {
+  var innerRef = _ref.innerRef,
+      innerProps = _ref.innerProps,
+      onControlClicked = _ref.selectProps.onControlClicked;
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: innerRef
+  }, innerProps), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "secondary",
+    size: "small",
+    onClick: onControlClicked,
+    onTouchStart: onControlClicked,
+    label: t('Contacts.GroupsSelect.manage'),
+    startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _BottomSelect.default,
+      width: "12"
+    })
+  }));
+};
+
+Control.propTypes = {
+  selectProps: _propTypes.default.object.isRequired
+};
+var _default = Control;
+exports.default = _default;

package/dist/Contacts/GroupsSelect/SelectBox/EditGroupName.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Input = _interopRequireDefault(require("cozy-ui/transpiled/react/legacy/Input"));
+
+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; }
+
+var EditGroupName = function EditGroupName(_ref) {
+  var groupId = _ref.groupId,
+      groupName = _ref.groupName,
+      setEditedGroupId = _ref.setEditedGroupId,
+      renameGroup = _ref.renameGroup;
+  var inputRef = (0, _react.useRef)();
+
+  var stopPropagation = function stopPropagation(e) {
+    e.stopPropagation();
+  };
+
+  var exitEditMode = function exitEditMode() {
+    return setEditedGroupId('');
+  };
+
+  var handleKeyDown = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+      var ENTER_KEY_CODE;
+      return _regenerator.default.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.default.createElement(_Input.default, {
+    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.default.string.isRequired,
+  setEditedGroupId: _propTypes.default.string.isRequired
+};
+var _default = EditGroupName;
+exports.default = _default;

package/dist/Contacts/GroupsSelect/SelectBox/Menu.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SelectBox = require("cozy-ui/transpiled/react/SelectBox");
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _GroupCreation = _interopRequireDefault(require("../GroupCreation"));
+
+var _excluded = ["children", "selectProps", "className"],
+    _excluded2 = ["createGroup"];
+var styles = {
+  "menu": "styles__menu___1C812"
+};
+
+var Menu = function Menu(_ref) {
+  var children = _ref.children,
+      selectProps = _ref.selectProps,
+      className = _ref.className,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var createGroup = selectProps.createGroup,
+      restSelectProps = (0, _objectWithoutProperties2.default)(selectProps, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_SelectBox.components.Menu, (0, _extends2.default)({}, props, {
+    className: (0, _classnames.default)(className, styles['menu']),
+    selectProps: restSelectProps
+  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body1",
+    component: "div"
+  }, children, /*#__PURE__*/_react.default.createElement(_GroupCreation.default, {
+    createGroup: createGroup
+  })));
+};
+
+var _default = Menu;
+exports.default = _default;

package/dist/Contacts/GroupsSelect/SelectBox/Option.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SelectBox = require("cozy-ui/transpiled/react/SelectBox");
+
+var _EditGroupName = _interopRequireDefault(require("./EditGroupName"));
+
+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.default.createElement(_EditGroupName.default, {
+      groupId: groupId,
+      groupName: groupName,
+      setEditedGroupId: setEditedGroupId,
+      renameGroup: renameGroup
+    });
+  }
+
+  if (withNoAction) {
+    return /*#__PURE__*/_react.default.createElement(_SelectBox.Option, props);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_SelectBox.ActionsOption, (0, _extends2.default)({}, 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.default.shape({
+    editedGroupId: _propTypes.default.string.isRequired,
+    deleteGroup: _propTypes.default.func.isRequired,
+    setEditedGroupId: _propTypes.default.func.isRequired,
+    withCheckbox: _propTypes.default.bool
+  }),
+  data: _propTypes.default.shape({
+    name: _propTypes.default.string.isRequired,
+    id: _propTypes.default.string,
+    withNoAction: _propTypes.default.bool
+  })
+};
+var _default = Option;
+exports.default = _default;

package/dist/Contacts/GroupsSelect/SelectBox/SelectContainer.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SelectBox = require("cozy-ui/transpiled/react/SelectBox");
+
+var SelectContainer = function SelectContainer(props) {
+  return /*#__PURE__*/_react.default.createElement(_SelectBox.components.SelectContainer, (0, _extends2.default)({}, props, {
+    className: (0, _classnames.default)(props.className, 'react-select__custom__container')
+  }));
+};
+
+var _default = SelectContainer;
+exports.default = _default;

package/dist/Contacts/GroupsSelect/helpers.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.translatedDefaultSelectedGroup = exports.isExistingGroup = exports.defaultSelectedGroup = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@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) { (0, _defineProperty2.default)(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; }
+
+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
+ */
+
+
+exports.isExistingGroup = isExistingGroup;
+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
+ */
+
+exports.defaultSelectedGroup = defaultSelectedGroup;
+
+var translatedDefaultSelectedGroup = function translatedDefaultSelectedGroup(t) {
+  return _objectSpread(_objectSpread({}, defaultSelectedGroup), {}, {
+    name: t(defaultSelectedGroup.name)
+  });
+};
+
+exports.translatedDefaultSelectedGroup = translatedDefaultSelectedGroup;