cozy-ui 132.0.0 → 133.0.0-beta.1

package/transpiled/react/ContactsListModal/ContactsListContent.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import { models } from 'cozy-client';
-var getDisplayName = models.contact.getDisplayName;
-import EmptyMessage from "cozy-ui/transpiled/react/ContactsListModal/EmptyMessage";
-import { withContactsListLocales } from "cozy-ui/transpiled/react/ContactsListModal/withContactsListLocales";
-import ContactsList from "cozy-ui/transpiled/react/ContactsList";
-import Spinner from "cozy-ui/transpiled/react/Spinner";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-
-var mkFilter = function mkFilter(filterStr) {
-  return function (contacts) {
-    if (!filterStr) {
-      return contacts;
-    }
-
-    var f = filterStr.toLowerCase(); // TODO better filtering methods can be extracted from drive. See https://github.com/cozy/cozy-ui/pull/1273#discussion_r351845385
-
-    return contacts.filter(function (contact) {
-      var displayName = getDisplayName(contact);
-
-      if (!displayName) {
-        return false;
-      }
-
-      return displayName.toLowerCase().includes(f);
-    });
-  };
-};
-
-var ContactsListContent = function ContactsListContent(_ref) {
-  var filter = _ref.filter,
-      contacts = _ref.contacts,
-      emptyMessage = _ref.emptyMessage,
-      onItemClick = _ref.onItemClick,
-      dismissAction = _ref.dismissAction;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var loading = (contacts.fetchStatus === 'loading' || contacts.fetchStatus === 'pending') && !contacts.lastFetch;
-  var filterContacts = mkFilter(filter);
-  var filteredContacts = filterContacts(contacts.data);
-  var selfEmptyMessage = emptyMessage !== null && emptyMessage !== void 0 ? emptyMessage : t('emptyContact');
-
-  var handleItemClick = function handleItemClick(contact) {
-    if (!onItemClick) {
-      return;
-    }
-
-    onItemClick(contact);
-    dismissAction();
-  };
-
-  if (loading) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "u-mv-2 u-ta-center"
-    }, /*#__PURE__*/React.createElement(Spinner, {
-      size: "xxlarge"
-    }));
-  }
-
-  if (filteredContacts.length === 0) {
-    return /*#__PURE__*/React.createElement(EmptyMessage, null, selfEmptyMessage);
-  }
-
-  return /*#__PURE__*/React.createElement(ContactsList, {
-    contacts: filteredContacts,
-    onItemClick: handleItemClick
-  });
-};
-
-export default withContactsListLocales(ContactsListContent);

package/transpiled/react/ContactsListModal/ContactsListModal.d.ts

@@ -1,20 +0,0 @@
-export default ContactsListModal;
-declare function ContactsListModal({ onItemClick, placeholder, addContactLabel, emptyMessage, dismissAction, contacts }: {
-    onItemClick: any;
-    placeholder: any;
-    addContactLabel: any;
-    emptyMessage: any;
-    dismissAction: any;
-    contacts: any;
-}): JSX.Element;
-declare namespace ContactsListModal {
-    namespace propTypes {
-        const onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const placeholder: PropTypes.Requireable<string | boolean>;
-        const addContactLabel: PropTypes.Requireable<string | boolean>;
-        const emptyMessage: PropTypes.Requireable<string | boolean>;
-        const dismissAction: PropTypes.Requireable<(...args: any[]) => any>;
-        const contacts: PropTypes.Requireable<object>;
-    }
-}
-import PropTypes from "prop-types";

package/transpiled/react/ContactsListModal/ContactsListModal.js

@@ -1,144 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { useState } from 'react';
-import { useClient } from 'cozy-client';
-import AddContactDialog from "cozy-ui/transpiled/react/ContactsListModal/AddContact/AddContactDialog";
-import ContactsListContent from "cozy-ui/transpiled/react/ContactsListModal/ContactsListContent";
-import MobileHeader from "cozy-ui/transpiled/react/ContactsListModal/MobileHeader";
-var styles = {
-  "ContactsListModal__addContactContainer": "styles__ContactsListModal__addContactContainer___2W-dE"
-};
-import Button from "cozy-ui/transpiled/react/Buttons";
-import { TopAnchoredDialog, DialogCloseButton, useCozyDialog } from "cozy-ui/transpiled/react/CozyDialogs";
-import { DialogTitle, DialogContent } from "cozy-ui/transpiled/react/Dialog";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import PlusIcon from "cozy-ui/transpiled/react/Icons/Plus";
-import TextField from "cozy-ui/transpiled/react/TextField";
-import useEventListener from "cozy-ui/transpiled/react/hooks/useEventListener";
-import useRealtime from "cozy-ui/transpiled/react/hooks/useRealtime";
-import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
-import CozyTheme from "cozy-ui/transpiled/react/providers/CozyTheme";
-import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
-
-var ContactsListModal = function ContactsListModal(_ref) {
-  var onItemClick = _ref.onItemClick,
-      placeholder = _ref.placeholder,
-      addContactLabel = _ref.addContactLabel,
-      emptyMessage = _ref.emptyMessage,
-      dismissAction = _ref.dismissAction,
-      contacts = _ref.contacts;
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showAddDialog = _useState4[0],
-      setShowAddDialog = _useState4[1];
-
-  var _useBreakpoints = useBreakpoints(),
-      isMobile = _useBreakpoints.isMobile;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var _useCozyDialog = useCozyDialog({
-    size: 'large',
-    open: true,
-    onClose: dismissAction
-  }),
-      dialogProps = _useCozyDialog.dialogProps,
-      dialogTitleProps = _useCozyDialog.dialogTitleProps;
-
-  var client = useClient();
-  useRealtime(client, {
-    'io.cozy.contacts': {
-      created: contacts.fetch,
-      updated: contacts.fetch
-    }
-  }, []);
-  useEventListener(document, 'resume', contacts.fetch);
-
-  var handleFilterChange = function handleFilterChange(e) {
-    setFilter(e.target.value);
-  };
-
-  var selfAddContactLabel = addContactLabel !== null && addContactLabel !== void 0 ? addContactLabel : t('addContact');
-  var selfPlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : t('searchContact');
-  return /*#__PURE__*/React.createElement(TopAnchoredDialog, dialogProps, /*#__PURE__*/React.createElement(CozyTheme, {
-    variant: isMobile ? 'inverted' : 'normal'
-  }, /*#__PURE__*/React.createElement(DialogCloseButton, {
-    onClick: dismissAction
-  })), /*#__PURE__*/React.createElement(DialogTitle, _extends({}, dialogTitleProps, {
-    className: cx(dialogTitleProps.className, {
-      'u-p-0 u-w-100': isMobile
-    })
-  }), isMobile ? /*#__PURE__*/React.createElement(MobileHeader, {
-    filter: filter,
-    placeholder: selfPlaceholder,
-    onChange: handleFilterChange,
-    onDismiss: dismissAction
-  }) : /*#__PURE__*/React.createElement(TextField, {
-    variant: "outlined",
-    type: "text",
-    label: selfPlaceholder,
-    id: "contactsListModal-search-id",
-    fullWidth: true,
-    value: filter,
-    onChange: handleFilterChange,
-    autoFocus: true
-  })), /*#__PURE__*/React.createElement(DialogContent, {
-    className: "u-p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "dialogContentInner"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.ContactsListModal__addContactContainer
-  }, /*#__PURE__*/React.createElement(Button, _extends({
-    className: isMobile && 'u-mt-1',
-    variant: "secondary",
-    theme: "secondary",
-    label: selfAddContactLabel || /*#__PURE__*/React.createElement(Icon, {
-      icon: PlusIcon
-    })
-  }, selfAddContactLabel && {
-    startIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: PlusIcon
-    })
-  }, {
-    onClick: setShowAddDialog
-  }))), /*#__PURE__*/React.createElement(ContactsListContent, {
-    filter: filter,
-    contacts: contacts,
-    onItemClick: onItemClick,
-    emptyMessage: emptyMessage,
-    dismissAction: dismissAction
-  }))), showAddDialog && /*#__PURE__*/React.createElement(AddContactDialog, {
-    onListClose: dismissAction,
-    onCreate: onItemClick,
-    onClose: function onClose() {
-      return setShowAddDialog(false);
-    }
-  }));
-};
-
-ContactsListModal.propTypes = {
-  onItemClick: PropTypes.func,
-
-  /** Label to show in the search input */
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-
-  /** Label to show on the button to add a contact */
-  addContactLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-
-  /** Message to show when no result */
-  emptyMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  dismissAction: PropTypes.func,
-
-  /** Query state of contacts */
-  contacts: PropTypes.object
-};
-export default ContactsListModal;

package/transpiled/react/ContactsListModal/ContactsListModalWithQuery.d.ts

@@ -1,12 +0,0 @@
-export default ContactsListModalWithQuery;
-declare function ContactsListModalWithQuery(props: any): JSX.Element;
-declare namespace ContactsListModalWithQuery {
-    namespace propTypes {
-        const onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const placeholder: PropTypes.Requireable<string | boolean>;
-        const addContactLabel: PropTypes.Requireable<string | boolean>;
-        const emptyMessage: PropTypes.Requireable<string | boolean>;
-        const dismissAction: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";

package/transpiled/react/ContactsListModal/ContactsListModalWithQuery.js

@@ -1,29 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useQueryAll } from 'cozy-client';
-import ContactsListModal from "cozy-ui/transpiled/react/ContactsListModal/ContactsListModal";
-import { buildContactsQuery } from "cozy-ui/transpiled/react/ContactsListModal/queries";
-
-var ContactsListModalWithQuery = function ContactsListModalWithQuery(props) {
-  var contactsQuery = buildContactsQuery();
-  var contacts = useQueryAll(contactsQuery.definition, contactsQuery.options);
-  return /*#__PURE__*/React.createElement(ContactsListModal, _extends({
-    contacts: contacts
-  }, props));
-};
-
-ContactsListModalWithQuery.propTypes = {
-  onItemClick: PropTypes.func,
-
-  /** Label to show in the search input */
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-
-  /** Label to show on the button to add a contact */
-  addContactLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-
-  /** Message to show when no result */
-  emptyMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  dismissAction: PropTypes.func
-};
-export default ContactsListModalWithQuery;

package/transpiled/react/ContactsListModal/EmptyMessage.d.ts

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

package/transpiled/react/ContactsListModal/EmptyMessage.js

@@ -1,19 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className"];
-import cx from 'classnames';
-import React from 'react';
-import Typography from "cozy-ui/transpiled/react/Typography";
-
-var EmptyMessage = function EmptyMessage(props) {
-  var className = props.className,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(Typography, _extends({
-    className: cx('u-ta-center u-pv-2', className)
-  }, rest, {
-    variant: "body1"
-  }));
-};
-
-export default EmptyMessage;

package/transpiled/react/ContactsListModal/MobileHeader.d.ts

@@ -1,16 +0,0 @@
-export default MobileHeader;
-declare function MobileHeader({ filter, placeholder, onChange, onDismiss }: {
-    filter: any;
-    placeholder: any;
-    onChange: any;
-    onDismiss: any;
-}): JSX.Element;
-declare namespace MobileHeader {
-    namespace propTypes {
-        const filter: PropTypes.Requireable<string>;
-        const placeholder: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";

package/transpiled/react/ContactsListModal/MobileHeader.js

@@ -1,49 +0,0 @@
-import Input from '@material-ui/core/Input';
-import PropTypes from 'prop-types';
-import React from 'react';
-import Icon from "cozy-ui/transpiled/react/Icon";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
-import PreviousIcon from "cozy-ui/transpiled/react/Icons/Previous";
-import Paper from "cozy-ui/transpiled/react/Paper";
-import CozyTheme from "cozy-ui/transpiled/react/providers/CozyTheme";
-var barStyle = {
-  height: 48
-};
-
-var MobileHeader = function MobileHeader(_ref) {
-  var filter = _ref.filter,
-      placeholder = _ref.placeholder,
-      onChange = _ref.onChange,
-      onDismiss = _ref.onDismiss;
-  return /*#__PURE__*/React.createElement(CozyTheme, {
-    variant: "inverted"
-  }, /*#__PURE__*/React.createElement(Paper, {
-    square: true,
-    elevation: 0,
-    className: "u-flex u-flex-items-center u-pr-3 u-pl-half",
-    style: barStyle
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    className: "u-mr-half",
-    onClick: onDismiss,
-    size: "medium"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: PreviousIcon
-  })), /*#__PURE__*/React.createElement(Input, {
-    type: "text",
-    placeholder: placeholder,
-    id: placeholder,
-    value: filter,
-    onChange: onChange,
-    autoFocus: true,
-    fullWidth: true,
-    disableUnderline: true
-  })));
-};
-
-MobileHeader.propTypes = {
-  filter: PropTypes.string,
-  placeholder: PropTypes.string,
-  onChange: PropTypes.func,
-  onDismiss: PropTypes.func
-};
-export default MobileHeader;

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

@@ -1,2 +0,0 @@
-declare var _default: any;
-export default _default;

package/transpiled/react/ContactsListModal/index.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["contacts"];
-import PropTypes from 'prop-types';
-import React from 'react';
-import ContactsListModal from "cozy-ui/transpiled/react/ContactsListModal/ContactsListModal";
-import ContactsListModalWithQuery from "cozy-ui/transpiled/react/ContactsListModal/ContactsListModalWithQuery";
-import { withContactsListLocales } from "cozy-ui/transpiled/react/ContactsListModal/withContactsListLocales";
-
-var ContactsListModalWrapper = function ContactsListModalWrapper(_ref) {
-  var contacts = _ref.contacts,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  if (contacts) {
-    return /*#__PURE__*/React.createElement(ContactsListModal, _extends({
-      contacts: contacts
-    }, props));
-  }
-
-  return /*#__PURE__*/React.createElement(ContactsListModalWithQuery, props);
-};
-
-ContactsListModalWrapper.propTypes = {
-  onItemClick: PropTypes.func,
-
-  /** Label to show in the search input */
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-
-  /** Label to show on the button to add a contact */
-  addContactLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-
-  /** Message to show when no result */
-  emptyMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  dismissAction: PropTypes.func,
-
-  /** Query state of contacts */
-  contacts: PropTypes.object
-};
-export default withContactsListLocales(ContactsListModalWrapper);

package/transpiled/react/ContactsListModal/mockClient.d.ts

@@ -1,3 +0,0 @@
-export default mockClient;
-declare const mockClient: CozyClient;
-import CozyClient from "cozy-client";