cozy-ui-plus 1.1.0

package/dist/ListItem/ExpandedAttributes/helpers.js

@@ -0,0 +1,263 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.notExpandedAttributes = exports.normalizeExpandedAttribute = exports.makeLabel = exports.makeDefaultExpandedAttributes = exports.makeAttrsValues = exports.makeAttrsLabelAndFormattedValue = exports.isDate = exports.hasExpandedAttributesDisplayed = exports.hasAllElement = exports.getFormattedValue = exports.getAttrValue = exports.defaultExpandedAttributes = exports.copyToClipboard = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _paper = require("cozy-client/dist/models/paper");
+
+var normalizeExpandedAttribute = function normalizeExpandedAttribute(attr) {
+  return attr.replaceAll(':', '.').replace('flexsearchProps.', '').replace('translated.', '');
+}; // attributes not considered as specific expanded attributes
+// and then fallback to default expanded attributes
+
+
+exports.normalizeExpandedAttribute = normalizeExpandedAttribute;
+var notExpandedAttributes = {
+  'io.cozy.contacts': ['fullname', 'civility', 'note'],
+  'io.cozy.files': [].concat((0, _toConsumableArray2.default)(_paper.KNOWN_DATE_METADATA_NAMES.map(function (x) {
+    return "metadata.".concat(x);
+  })), ['metadata.noticePeriod', 'name', 'flexsearchProps:translated:qualificationLabel', 'flexsearchProps:translated:driverLicense', 'flexsearchProps:translated:paymentProofFamilyAllowance', 'flexsearchProps:translated:caf', 'flexsearchProps:translated:vehicleRegistration', 'flexsearchProps:translated:nationalIdCard', 'flexsearchProps:translated:bankDetails', 'flexsearchProps:translated:paySheet', 'flexsearchProps:translated:passport', 'flexsearchProps:translated:residencePermit'])
+}; // attributes that we want to display if no attribute of the document is related to the search
+
+exports.notExpandedAttributes = notExpandedAttributes;
+var defaultExpandedAttributes = {
+  'io.cozy.contacts': ['email', 'phone', 'address', 'birthday'],
+  'io.cozy.files': [].concat((0, _toConsumableArray2.default)(_paper.KNOWN_INFORMATION_METADATA_NAMES.map(function (x) {
+    return "metadata.".concat(x);
+  })), (0, _toConsumableArray2.default)(_paper.KNOWN_DATE_METADATA_NAMES.map(function (x) {
+    return "metadata.".concat(x);
+  }))).filter(function (x) {
+    return !notExpandedAttributes['io.cozy.files'].includes(x);
+  })
+};
+exports.defaultExpandedAttributes = defaultExpandedAttributes;
+
+var hasAllElement = function hasAllElement(arr1, arr2) {
+  return arr1 === null || arr1 === void 0 ? void 0 : arr1.every(function (x) {
+    return arr2.includes(x);
+  });
+};
+
+exports.hasAllElement = hasAllElement;
+
+var makeDefaultExpandedAttributes = function makeDefaultExpandedAttributes(doc, expandedAttributes) {
+  var doctype = doc === null || doc === void 0 ? void 0 : doc._type;
+  if (!doc || !doctype) return undefined; // checks if there are any expanded attributes.
+  // If there are none, the default expanded attributes are returned
+
+  if (!expandedAttributes || hasAllElement(expandedAttributes, notExpandedAttributes[doctype])) {
+    return defaultExpandedAttributes[doctype];
+  }
+
+  return expandedAttributes.map(function (expandedAttribute) {
+    return notExpandedAttributes[doctype].includes(expandedAttribute) ? undefined : normalizeExpandedAttribute(expandedAttribute);
+  }).filter(function (x) {
+    return x;
+  });
+};
+
+exports.makeDefaultExpandedAttributes = makeDefaultExpandedAttributes;
+
+var copyToClipboard = function copyToClipboard(_ref) {
+  var value = _ref.value,
+      setAlertProps = _ref.setAlertProps,
+      t = _ref.t;
+  return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return navigator.clipboard.writeText(value);
+
+          case 3:
+            setAlertProps({
+              open: true,
+              severity: 'success',
+              message: t("ListItem.snackbar.copyToClipboard.success")
+            });
+            _context.next = 9;
+            break;
+
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+            setAlertProps({
+              open: true,
+              severity: 'error',
+              message: t("ListItem.snackbar.copyToClipboard.error")
+            });
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 6]]);
+  }));
+};
+
+exports.copyToClipboard = copyToClipboard;
+
+var isDate = function isDate(value) {
+  if (!isNaN(value)) return false;
+  var dateTime = new Date(value).getTime();
+  var dateParsedValue = Date.parse(value);
+  return dateTime === dateParsedValue;
+};
+
+exports.isDate = isDate;
+
+var getAttrValue = function getAttrValue(doc, attrName) {
+  var _attrValue$find, _attrValue$find2, _attrValue$find3;
+
+  var attrValue = (0, _get.default)(doc, attrName);
+  if (!attrValue || attrValue.length === 0) return undefined;
+
+  switch (true) {
+    case attrName === 'email':
+      return (_attrValue$find = attrValue.find(function (x) {
+        return x.primary === true;
+      })) === null || _attrValue$find === void 0 ? void 0 : _attrValue$find.address;
+
+    case attrName === 'address':
+      return (_attrValue$find2 = attrValue.find(function (x) {
+        return x.primary === true;
+      })) === null || _attrValue$find2 === void 0 ? void 0 : _attrValue$find2.formattedAddress;
+
+    case attrName === 'phone':
+      return (_attrValue$find3 = attrValue.find(function (x) {
+        return x.primary === true;
+      })) === null || _attrValue$find3 === void 0 ? void 0 : _attrValue$find3.number;
+
+    default:
+      return attrValue;
+  }
+};
+
+exports.getAttrValue = getAttrValue;
+
+var makeAttrsValues = function makeAttrsValues(doc, expandedAttributes) {
+  var attrsValues = expandedAttributes.map(function (attrName) {
+    var attrValue = getAttrValue(doc, attrName);
+    if (!attrValue) return undefined;
+    return {
+      attrName: attrName,
+      attrValue: attrValue
+    };
+  }).filter(function (x) {
+    return x;
+  }).slice(0, 3);
+  return attrsValues;
+}; // could be use in apps
+
+
+exports.makeAttrsValues = makeAttrsValues;
+
+var hasExpandedAttributesDisplayed = function hasExpandedAttributesDisplayed(_ref3) {
+  var doc = _ref3.doc,
+      expandedAttributes = _ref3.expandedAttributes;
+  var defaultExpandedAttributes = makeDefaultExpandedAttributes(doc, expandedAttributes);
+  var attrsValues = makeAttrsValues(doc, defaultExpandedAttributes);
+  return (attrsValues === null || attrsValues === void 0 ? void 0 : attrsValues.length) > 0 || false;
+};
+
+exports.hasExpandedAttributesDisplayed = hasExpandedAttributesDisplayed;
+
+var getFormattedValue = function getFormattedValue(_ref4) {
+  var attrName = _ref4.attrName,
+      attrValue = _ref4.attrValue,
+      qualificationLabel = _ref4.qualificationLabel,
+      f = _ref4.f,
+      lang = _ref4.lang;
+
+  if (isDate(attrValue)) {
+    return (0, _paper.formatDateMetadataValue)(attrValue, {
+      f: f,
+      lang: lang
+    });
+  }
+
+  if (qualificationLabel) {
+    return (0, _paper.formatInformationMetadataValue)(attrValue, {
+      lang: lang,
+      name: attrName.split('metadata.')[1],
+      qualificationLabel: qualificationLabel
+    });
+  }
+
+  return attrValue;
+};
+
+exports.getFormattedValue = getFormattedValue;
+
+var makeLabel = function makeLabel(_ref5) {
+  var attrName = _ref5.attrName,
+      qualificationLabel = _ref5.qualificationLabel,
+      t = _ref5.t,
+      lang = _ref5.lang;
+
+  if (qualificationLabel) {
+    var name = attrName.split('metadata.')[1];
+    var label = (0, _paper.getTranslatedNameForInformationMetadata)(name, {
+      lang: lang,
+      qualificationLabel: qualificationLabel
+    });
+    return label;
+  }
+
+  return t("ListItem.attributes.".concat(attrName));
+};
+
+exports.makeLabel = makeLabel;
+
+var makeAttrsLabelAndFormattedValue = function makeAttrsLabelAndFormattedValue(_ref6) {
+  var doc = _ref6.doc,
+      expandedAttributes = _ref6.expandedAttributes,
+      t = _ref6.t,
+      f = _ref6.f,
+      lang = _ref6.lang;
+  var attrsKeyAndFormattedValue = makeAttrsValues(doc, expandedAttributes);
+  return attrsKeyAndFormattedValue.map(function (_ref7) {
+    var _doc$metadata, _doc$metadata$qualifi;
+
+    var attrName = _ref7.attrName,
+        attrValue = _ref7.attrValue;
+
+    var _attrName = attrName.match(/\[.+\]/g) !== null ? attrName.split('[')[0] : attrName;
+
+    var qualificationLabel = (_doc$metadata = doc.metadata) === null || _doc$metadata === void 0 ? void 0 : (_doc$metadata$qualifi = _doc$metadata.qualification) === null || _doc$metadata$qualifi === void 0 ? void 0 : _doc$metadata$qualifi.label;
+    var label = makeLabel({
+      attrName: _attrName,
+      qualificationLabel: qualificationLabel,
+      t: t,
+      lang: lang
+    });
+    var value = getFormattedValue({
+      attrName: _attrName,
+      attrValue: attrValue,
+      qualificationLabel: qualificationLabel,
+      f: f,
+      lang: lang
+    });
+    return {
+      label: label,
+      value: value
+    };
+  });
+};
+
+exports.makeAttrsLabelAndFormattedValue = makeAttrsLabelAndFormattedValue;

package/dist/ListItem/ExpandedAttributes/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Alert = _interopRequireDefault(require("cozy-ui/transpiled/react/Alert"));
+
+var _Snackbar = _interopRequireDefault(require("cozy-ui/transpiled/react/Snackbar"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _ExpandedAttribute = _interopRequireDefault(require("./ExpandedAttribute"));
+
+var _helpers = require("./helpers");
+
+var _withListItemLocales = _interopRequireDefault(require("../hoc/withListItemLocales"));
+
+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 ExpandedAttributes = function ExpandedAttributes(_ref) {
+  var doc = _ref.doc,
+      expandedAttributes = _ref.expandedAttributes;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t,
+      f = _useI18n.f,
+      lang = _useI18n.lang;
+
+  var _useState = (0, _react.useState)({
+    open: false,
+    severity: 'primary',
+    message: ''
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      alertProps = _useState2[0],
+      setAlertProps = _useState2[1];
+
+  var attrsLabelAndFormattedValue = (0, _helpers.makeAttrsLabelAndFormattedValue)({
+    doc: doc,
+    expandedAttributes: expandedAttributes,
+    t: t,
+    f: f,
+    lang: lang
+  });
+
+  var handleClose = function handleClose() {
+    return setAlertProps({
+      open: false
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, attrsLabelAndFormattedValue.map(function (_ref2, index) {
+    var label = _ref2.label,
+        value = _ref2.value;
+    return /*#__PURE__*/_react.default.createElement(_ExpandedAttribute.default, {
+      key: index,
+      label: label,
+      value: value,
+      setAlertProps: setAlertProps
+    });
+  }), alertProps.open && /*#__PURE__*/_react.default.createElement(_Snackbar.default, {
+    open: true,
+    onClose: handleClose
+  }, /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    variant: "filled",
+    severity: alertProps.severity,
+    onClose: handleClose
+  }, alertProps.message)));
+};
+
+ExpandedAttributes.propTypes = {
+  doc: _propTypes.default.object,
+  expandedAttributes: _propTypes.default.array
+};
+
+var _default = (0, _withListItemLocales.default)(ExpandedAttributes);
+
+exports.default = _default;

package/dist/ListItem/ListItemBase/Renaming/RenameDialog.js

@@ -0,0 +1,52 @@
+"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 _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _withListItemLocales = _interopRequireDefault(require("../../hoc/withListItemLocales"));
+
+var RenameDialog = function RenameDialog(_ref) {
+  var onSubmit = _ref.onSubmit,
+      onCancel = _ref.onCancel;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement(_CozyDialogs.ConfirmDialog, {
+    open: true,
+    title: t('ListItem.renameModal.title'),
+    content: t('ListItem.renameModal.content'),
+    actions: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      variant: "secondary",
+      label: t('ListItem.renameModal.cancel'),
+      onClick: onCancel
+    }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      label: t('ListItem.renameModal.submit'),
+      onClick: onSubmit
+    })),
+    onClose: onCancel
+  });
+};
+
+RenameDialog.propTypes = {
+  onSubmit: _propTypes.default.func,
+  onCancel: _propTypes.default.func
+};
+
+var _default = (0, _withListItemLocales.default)(RenameDialog);
+
+exports.default = _default;