cozy-ui-plus 1.1.0

package/dist/ListItem/ListItemContact/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _contact = require("cozy-client/dist/models/contact");
+
+var _Filename = _interopRequireDefault(require("cozy-ui/transpiled/react/Filename"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Contacts = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Contacts"));
+
+var _useActions = _interopRequireDefault(require("./useActions"));
+
+var _ListItemBase = _interopRequireDefault(require("../ListItemBase"));
+
+var ListItemContact = function ListItemContact(_ref) {
+  var _contact$email, _contact$email$;
+
+  var contact = _ref.contact,
+      primary = _ref.primary,
+      secondary = _ref.secondary,
+      icon = _ref.icon,
+      actions = _ref.actions,
+      selectProps = _ref.selectProps,
+      expandedAttributesProps = _ref.expandedAttributesProps,
+      onClick = _ref.onClick;
+  var defaultActions = (0, _useActions.default)(contact);
+  var primaryText = primary || (0, _contact.getDisplayName)(contact);
+  var secondaryText = secondary || ((_contact$email = contact.email) === null || _contact$email === void 0 ? void 0 : (_contact$email$ = _contact$email[0]) === null || _contact$email$ === void 0 ? void 0 : _contact$email$.address);
+
+  var itemIcon = icon || /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Contacts.default,
+    width: "32",
+    height: "32"
+  });
+
+  var itemActions = defaultActions.concat(actions);
+  return /*#__PURE__*/_react.default.createElement(_ListItemBase.default, {
+    doc: contact,
+    primary: primaryText,
+    secondary: secondaryText,
+    icon: itemIcon,
+    actions: itemActions,
+    actionMenuComp: {
+      Header: /*#__PURE__*/_react.default.createElement(_Filename.default, {
+        icon: _Contacts.default,
+        filename: primaryText
+      })
+    },
+    selectProps: selectProps,
+    expandedAttributesProps: expandedAttributesProps,
+    onClick: onClick
+  });
+};
+
+ListItemContact.defaultProps = {
+  actions: []
+};
+ListItemContact.propTypes = {
+  contact: _propTypes.default.object,
+  primary: _propTypes.default.node,
+  secondary: _propTypes.default.node,
+  icon: _propTypes.default.node,
+  actions: _propTypes.default.array,
+  selectProps: _propTypes.default.shape({
+    isSelectActive: _propTypes.default.bool,
+    isSelected: _propTypes.default.bool,
+    isChecked: _propTypes.default.bool
+  }),
+  expandedAttributesProps: _propTypes.default.shape({
+    isExpandedAttributesActive: _propTypes.default.bool,
+    expandedAttributes: _propTypes.default.array
+  }),
+  onClick: _propTypes.default.func
+};
+var _default = ListItemContact;
+exports.default = _default;

package/dist/ListItem/ListItemContact/useActions.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _Actions = require("cozy-ui/transpiled/react/ActionsMenu/Actions");
+
+var _helpers = require("./helpers");
+
+var useActions = function useActions(contact) {
+  var optionalActions = (0, _react.useMemo)(function () {
+    return (0, _helpers.makeOptionalActions)(contact);
+  }, [contact]);
+  var finalActions = (0, _react.useMemo)(function () {
+    return [_Actions.modify, _Actions.viewInContacts].concat(optionalActions);
+  }, [optionalActions]);
+  var actions = (0, _react.useMemo)(function () {
+    return (0, _Actions.makeActions)(finalActions);
+  }, [finalActions]);
+  return actions;
+};
+
+var _default = useActions;
+exports.default = _default;

package/dist/ListItem/ListItemFile/ExpirationAnnotation.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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _paper = require("cozy-client/dist/models/paper");
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _withListItemLocales = _interopRequireDefault(require("../hoc/withListItemLocales"));
+
+var ExpirationAnnotation = function ExpirationAnnotation(_ref) {
+  var file = _ref.file;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      lang = _useI18n.lang;
+
+  if ((0, _paper.isExpired)(file)) {
+    return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      component: "span",
+      variant: "inherit",
+      color: "error"
+    }, (0, _paper.makeExpiredMessage)({
+      lang: lang
+    }));
+  }
+
+  var expirationDate = (0, _paper.computeExpirationDate)(file);
+  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    component: "span",
+    variant: "inherit",
+    className: "u-warning"
+  }, (0, _paper.makeExpiresInMessage)(expirationDate, {
+    lang: lang
+  }));
+};
+
+ExpirationAnnotation.propTypes = {
+  file: _propTypes.default.object.isRequired
+};
+
+var _default = (0, _withListItemLocales.default)(ExpirationAnnotation);
+
+exports.default = _default;

package/dist/ListItem/ListItemFile/ItemIcon.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozyClient = require("cozy-client");
+
+var _file = require("cozy-client/dist/models/file");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _FileTypeNote = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeNote"));
+
+var _FileTypeText = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypeText"));
+
+var _Skeleton = _interopRequireDefault(require("cozy-ui/transpiled/react/Skeleton"));
+
+var _Thumbnail = _interopRequireDefault(require("cozy-ui/transpiled/react/Thumbnail"));
+
+var _FileImageLoader = _interopRequireDefault(require("../../FileImageLoader"));
+
+var ItemIcon = function ItemIcon(_ref) {
+  var icon = _ref.icon,
+      file = _ref.file;
+  var client = (0, _cozyClient.useClient)();
+  if (icon) return icon;
+  return /*#__PURE__*/_react.default.createElement(_FileImageLoader.default, {
+    client: client,
+    file: file,
+    linkType: "tiny",
+    render: function render(src) {
+      return /*#__PURE__*/_react.default.createElement(_Thumbnail.default, null, src ? /*#__PURE__*/_react.default.createElement("img", {
+        src: src,
+        alt: ""
+      }) : /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
+        variant: "rect",
+        animation: "wave"
+      }));
+    },
+    renderFallback: function renderFallback() {
+      return /*#__PURE__*/_react.default.createElement(_Thumbnail.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icon: (0, _file.isNote)(file) ? _FileTypeNote.default : _FileTypeText.default
+      }));
+    }
+  });
+};
+
+ItemIcon.propTypes = {
+  icon: _propTypes.default.node,
+  file: _propTypes.default.object
+};
+var _default = ItemIcon;
+exports.default = _default;

package/dist/ListItem/ListItemFile/PrimaryText.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _file = require("cozy-client/dist/models/file");
+
+var _Filename = _interopRequireDefault(require("cozy-ui/transpiled/react/Filename"));
+
+var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
+
+var PrimaryText = function PrimaryText(_ref) {
+  var primary = _ref.primary,
+      file = _ref.file;
+
+  var _useBreakpoints = (0, _Breakpoints.default)(),
+      isMobile = _useBreakpoints.isMobile;
+
+  if (primary) return primary;
+  return /*#__PURE__*/_react.default.createElement(_Filename.default, {
+    variant: "body1",
+    midEllipsis: isMobile,
+    filename: (0, _file.splitFilename)({
+      name: file.name,
+      type: 'file'
+    }).filename,
+    extension: (0, _file.splitFilename)({
+      name: file.name,
+      type: 'file'
+    }).extension
+  });
+};
+
+PrimaryText.propTypes = {
+  primary: _propTypes.default.node,
+  file: _propTypes.default.object
+};
+var _default = PrimaryText;
+exports.default = _default;

package/dist/ListItem/ListItemFile/SecondaryText.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _paper = require("cozy-client/dist/models/paper");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _ExpirationAnnotation = _interopRequireDefault(require("./ExpirationAnnotation"));
+
+var SecondaryText = function SecondaryText(_ref) {
+  var _file$metadata, _file$metadata2;
+
+  var secondary = _ref.secondary,
+      file = _ref.file;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      f = _useI18n.f;
+
+  if (secondary) return secondary;
+  var date = file !== null && file !== void 0 && (_file$metadata = file.metadata) !== null && _file$metadata !== void 0 && _file$metadata.datetime ? f(file === null || file === void 0 ? void 0 : (_file$metadata2 = file.metadata) === null || _file$metadata2 === void 0 ? void 0 : _file$metadata2.datetime, 'dd/LL/yyyy') : null;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, date ? date : '', ((0, _paper.isExpired)(file) || (0, _paper.isExpiringSoon)(file)) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, date ? ' · ' : '', /*#__PURE__*/_react.default.createElement(_ExpirationAnnotation.default, {
+    file: file
+  })));
+};
+
+SecondaryText.propTypes = {
+  secondary: _propTypes.default.node,
+  file: _propTypes.default.object
+};
+var _default = SecondaryText;
+exports.default = _default;

package/dist/ListItem/ListItemFile/index.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _file = require("cozy-client/dist/models/file");
+
+var _Filename = _interopRequireDefault(require("cozy-ui/transpiled/react/Filename"));
+
+var _FileTypePdf = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/FileTypePdf"));
+
+var _ItemIcon = _interopRequireDefault(require("./ItemIcon"));
+
+var _PrimaryText = _interopRequireDefault(require("./PrimaryText"));
+
+var _SecondaryText = _interopRequireDefault(require("./SecondaryText"));
+
+var _ListItemBase = _interopRequireDefault(require("../ListItemBase"));
+
+var ListItemFile = function ListItemFile(_ref) {
+  var file = _ref.file,
+      primary = _ref.primary,
+      secondary = _ref.secondary,
+      icon = _ref.icon,
+      actions = _ref.actions,
+      selectProps = _ref.selectProps,
+      expandedAttributesProps = _ref.expandedAttributesProps,
+      onClick = _ref.onClick;
+
+  var _splitFilename = (0, _file.splitFilename)({
+    name: file.name,
+    type: 'file'
+  }),
+      filename = _splitFilename.filename,
+      extension = _splitFilename.extension;
+
+  return /*#__PURE__*/_react.default.createElement(_ListItemBase.default, {
+    doc: file,
+    primary: /*#__PURE__*/_react.default.createElement(_PrimaryText.default, {
+      primary: primary,
+      file: file
+    }),
+    secondary: /*#__PURE__*/_react.default.createElement(_SecondaryText.default, {
+      secondary: secondary,
+      file: file
+    }),
+    icon: /*#__PURE__*/_react.default.createElement(_ItemIcon.default, {
+      icon: icon,
+      file: file
+    }),
+    actions: actions,
+    actionMenuComp: {
+      Header: /*#__PURE__*/_react.default.createElement(_Filename.default, {
+        icon: _FileTypePdf.default,
+        filename: filename,
+        extension: extension
+      })
+    },
+    selectProps: selectProps,
+    expandedAttributesProps: expandedAttributesProps,
+    onClick: onClick
+  });
+};
+
+ListItemFile.defaultProps = {
+  expandedAttributesProps: {
+    isExpandedAttributesActive: false
+  }
+};
+ListItemFile.propTypes = {
+  file: _propTypes.default.object,
+  primary: _propTypes.default.node,
+  secondary: _propTypes.default.node,
+  icon: _propTypes.default.node,
+  actions: _propTypes.default.array,
+  selectProps: _propTypes.default.shape({
+    isSelectActive: _propTypes.default.bool,
+    isSelected: _propTypes.default.bool,
+    isChecked: _propTypes.default.bool
+  }),
+  expandedAttributesProps: _propTypes.default.shape({
+    isExpandedAttributesActive: _propTypes.default.bool,
+    expandedAttributes: _propTypes.default.array
+  }),
+  onClick: _propTypes.default.func
+};
+var _default = ListItemFile;
+exports.default = _default;