cozy-ui 127.10.1 → 127.12.0

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;

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

@@ -0,0 +1,88 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useRef } from 'react';
+import { useClient, generateWebLink } from 'cozy-client';
+import { CONTACTS_DOCTYPE } from 'cozy-client/dist/models/contact';
+import { locales } from "cozy-ui/transpiled/react/Contacts/Header/locales";
+import AppIcon from "cozy-ui/transpiled/react/AppIcon";
+import AppLinker from "cozy-ui/transpiled/react/AppLinker";
+import Button from "cozy-ui/transpiled/react/Buttons";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import BottomIcon from "cozy-ui/transpiled/react/Icons/Bottom";
+import TeamIcon from "cozy-ui/transpiled/react/Icons/Team";
+import Link from "cozy-ui/transpiled/react/Link";
+import ActionMenu, { ActionMenuItem } from "cozy-ui/transpiled/react/deprecated/ActionMenu";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var ImportDropdown = function ImportDropdown(_ref) {
+  var onContactImport = _ref.onContactImport;
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var client = useClient();
+  var anchorRef = useRef();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showMenu = _useState2[0],
+      setShowMenu = _useState2[1];
+
+  var storeURL = generateWebLink({
+    cozyUrl: client.getStackClient().uri,
+    hash: "discover/?type=konnector&doctype=".concat(CONTACTS_DOCTYPE),
+    pathname: '/',
+    slug: 'store',
+    subDomainType: client.getInstanceOptions().subdomain
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    ref: anchorRef,
+    variant: "secondary",
+    label: t('Contacts.Header.import.title'),
+    endIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: BottomIcon
+    }),
+    fullWidth: true,
+    onClick: function onClick() {
+      return setShowMenu(function (v) {
+        return !v;
+      });
+    }
+  }), showMenu && /*#__PURE__*/React.createElement(ActionMenu, {
+    anchorElRef: anchorRef,
+    popperOptions: {
+      placement: 'bottom-end'
+    },
+    onClose: function onClose() {
+      return setShowMenu(false);
+    }
+  }, /*#__PURE__*/React.createElement(ActionMenuItem, {
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: TeamIcon
+    }),
+    onClick: onContactImport
+  }, t('Contacts.Header.import.vcard')), /*#__PURE__*/React.createElement(AppLinker, {
+    app: {
+      slug: 'store'
+    },
+    href: storeURL
+  }, function (_ref2) {
+    var onClick = _ref2.onClick,
+        href = _ref2.href;
+    return /*#__PURE__*/React.createElement(ActionMenuItem, {
+      left: /*#__PURE__*/React.createElement(AppIcon, {
+        app: "store",
+        className: "u-h-1 u-w-1"
+      }),
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(Link, {
+      className: "u-p-0",
+      href: href,
+      style: {
+        color: 'var(--primaryTextColor)'
+      }
+    }, t('Contacts.Header.import.store')));
+  })));
+};
+
+export default ImportDropdown;

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

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

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

@@ -0,0 +1,24 @@
+import debounce from 'lodash/debounce';
+import React, { useMemo } from 'react';
+import SearchBar from "cozy-ui/transpiled/react/SearchBar";
+
+var SearchInput = function SearchInput(_ref) {
+  var setSearchValue = _ref.setSearchValue;
+  var delayedSetSearchValue = useMemo(function () {
+    return debounce(function (searchValue) {
+      return setSearchValue(searchValue);
+    }, 375);
+  }, [setSearchValue]);
+
+  var handleOnChange = function handleOnChange(ev) {
+    delayedSetSearchValue(ev.target.value);
+  };
+
+  return /*#__PURE__*/React.createElement(SearchBar, {
+    size: "small",
+    elevation: 0,
+    onChange: handleOnChange
+  });
+};
+
+export default SearchInput;

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

@@ -0,0 +1,26 @@
+export default Header;
+declare function Header({ allGroups, onContactCreate, onContactImport, onSearch, onGroupCreate, onGroupDelete, onGroupUpdate }: {
+    allGroups: any;
+    onContactCreate: any;
+    onContactImport: any;
+    onSearch: any;
+    onGroupCreate: any;
+    onGroupDelete: any;
+    onGroupUpdate: any;
+}): JSX.Element;
+declare namespace Header {
+    namespace propTypes {
+        const allGroups: PropTypes.Requireable<any[]>;
+        const onContactCreate: PropTypes.Requireable<(...args: any[]) => any>;
+        const onContactImport: PropTypes.Requireable<(...args: any[]) => any>;
+        const onSearch: PropTypes.Requireable<(...args: any[]) => any>;
+        const onGroupCreate: PropTypes.Requireable<(...args: any[]) => any>;
+        const onGroupUpdate: PropTypes.Requireable<(...args: any[]) => any>;
+        const onGroupDelete: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        const allGroups_1: never[];
+        export { allGroups_1 as allGroups };
+    }
+}
+import PropTypes from "prop-types";

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

@@ -0,0 +1,72 @@
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
+import GroupsSelection from "cozy-ui/transpiled/react/Contacts/Header/GroupsSelection";
+import ImportDropdown from "cozy-ui/transpiled/react/Contacts/Header/ImportDropdown";
+import SearchInput from "cozy-ui/transpiled/react/Contacts/Header/SearchInput";
+import { locales } from "cozy-ui/transpiled/react/Contacts/Header/locales";
+import Button from "cozy-ui/transpiled/react/Buttons";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import PersonAddIcon from "cozy-ui/transpiled/react/Icons/PersonAdd";
+import { useBreakpoints } from "cozy-ui/transpiled/react/providers/Breakpoints";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var Header = function Header(_ref) {
+  var allGroups = _ref.allGroups,
+      onContactCreate = _ref.onContactCreate,
+      onContactImport = _ref.onContactImport,
+      onSearch = _ref.onSearch,
+      onGroupCreate = _ref.onGroupCreate,
+      onGroupDelete = _ref.onGroupDelete,
+      onGroupUpdate = _ref.onGroupUpdate;
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: !isMobile ? 'u-flex u-flex-justify-between' : undefined
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx('u-flex u-flex-items-center u-w-auto-s u-w-5 u-maw-6', {
+      'u-mb-1': isMobile,
+      'u-mr-1': !isMobile
+    })
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "u-mr-half",
+    variant: "ghost",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: PersonAddIcon
+    }),
+    label: t('Contacts.Header.create'),
+    fullWidth: true,
+    onClick: onContactCreate
+  }), /*#__PURE__*/React.createElement(ImportDropdown, {
+    onContactImport: onContactImport
+  })), /*#__PURE__*/React.createElement("div", {
+    className: !isMobile ? 'u-flex u-flex-items-center u-flex-justify-end u-flex-grow-1 u-maw-7' : undefined
+  }, /*#__PURE__*/React.createElement(GroupsSelection, {
+    allGroups: allGroups,
+    onGroupCreate: onGroupCreate,
+    onGroupUpdate: onGroupUpdate,
+    onGroupDelete: onGroupDelete
+  }), /*#__PURE__*/React.createElement(SearchInput, {
+    setSearchValue: onSearch
+  })));
+};
+
+Header.propTypes = {
+  allGroups: PropTypes.array,
+  onContactCreate: PropTypes.func,
+  onContactImport: PropTypes.func,
+  onSearch: PropTypes.func,
+  onGroupCreate: PropTypes.func,
+  onGroupUpdate: PropTypes.func,
+  onGroupDelete: PropTypes.func
+};
+Header.defaultProps = {
+  allGroups: []
+};
+export default Header;

package/transpiled/react/Contacts/Header/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/Header/locales/index.js

@@ -0,0 +1,37 @@
+var en = {
+  Contacts: {
+    Header: {
+      create: "Create",
+      filter: {
+        "no-group": "Create contact groups to facilitate filing and sharing!"
+      },
+      "import": {
+        title: "Import",
+        store: "From other sources",
+        vcard: "From a vCard file"
+      }
+    }
+  }
+};
+var fr = {
+  Contacts: {
+    Header: {
+      create: "Cr\xE9er",
+      filter: {
+        "no-group": "Cr\xE9er des groupes de contacts pour faciliter leur classement et le partage !"
+      },
+      "import": {
+        title: "Importer",
+        store: "Depuis d'autres sources",
+        vcard: "Depuis un fichier vCard"
+      }
+    }
+  }
+}; // import { getI18n } from '../../../providers/I18n/helpers'
+// import withOnlyLocales from '../../../providers/I18n/withOnlyLocales'
+
+export var locales = {
+  en: en,
+  fr: fr
+}; // export const getOwnI18n = () => getI18n(undefined, lang => locales[lang])
+// export default withOnlyLocales(locales)

package/transpiled/react/ContactsList/ContactCell.d.ts

@@ -0,0 +1,8 @@
+declare var _default: React.MemoExoticComponent<({ row, column, cell, actions }: {
+    row: any;
+    column: any;
+    cell: any;
+    actions: any;
+}) => any>;
+export default _default;
+import React from "react";

package/transpiled/react/ContactsList/ContactCell.js

@@ -0,0 +1,68 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useRef, useState } from 'react';
+import ContactIdentity from "cozy-ui/transpiled/react/ContactsList/Contacts/ContactIdentity";
+import { locales } from "cozy-ui/transpiled/react/ContactsList/locales/withContactsListLocales";
+import ActionsMenu from "cozy-ui/transpiled/react/ActionsMenu";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
+import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var Cell = function Cell(_ref) {
+  var row = _ref.row,
+      column = _ref.column,
+      cell = _ref.cell,
+      actions = _ref.actions;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showActions = _useState2[0],
+      setShowActions = _useState2[1];
+
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var actionsRef = useRef();
+
+  if (column.id === 'fullname') {
+    return /*#__PURE__*/React.createElement(ContactIdentity, {
+      contact: row,
+      noWrapper: true
+    });
+  }
+
+  if (column.id === 'actions') {
+    if (!actions) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(IconButton, {
+      ref: actionsRef,
+      "arial-label": t('menu'),
+      onClick: function onClick() {
+        return setShowActions(true);
+      }
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: DotsIcon
+    }))), showActions && /*#__PURE__*/React.createElement(ActionsMenu, {
+      open: true,
+      ref: actionsRef,
+      docs: [row],
+      actions: actions,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'right'
+      },
+      onClose: function onClose() {
+        return setShowActions(false);
+      }
+    }));
+  }
+
+  return cell;
+};
+
+export default /*#__PURE__*/React.memo(Cell);

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

@@ -3,6 +3,7 @@ export function sortLastNameFirst(contact: any, comparedContact: any): any;
 export function sortContacts(contacts: any): any;
 export function categorizeContacts(contacts: object[], t: Function): CategorizedContactsResult;
 export function sortHeaders(categorized: CategorizedContactsResult, t: Function): string[];
+export function makeGroupLabelsAndCounts(contacts: array, t: any): object;
 export type CategorizedContactsResult = {
     [x: string]: Object;
 };