cozy-viewer 1.1.0

package/dist/Panel/Qualification.js

@@ -0,0 +1,148 @@
+"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 _paper = require("cozy-client/dist/models/paper");
+
+var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
+
+var _ActionMenuWrapper = _interopRequireDefault(require("./ActionMenuWrapper"));
+
+var _QualificationListItemContact = _interopRequireDefault(require("./QualificationListItemContact"));
+
+var _QualificationListItemDate = _interopRequireDefault(require("./QualificationListItemDate"));
+
+var _QualificationListItemInformation = _interopRequireDefault(require("./QualificationListItemInformation"));
+
+var _QualificationListItemOther = _interopRequireDefault(require("./QualificationListItemOther"));
+
+var _ExpirationAlert = _interopRequireDefault(require("../components/ExpirationAlert"));
+
+var _withViewerLocales = require("../hoc/withViewerLocales");
+
+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 ComponentFromMetadataQualificationType = {
+  contact: _QualificationListItemContact.default,
+  date: _QualificationListItemDate.default,
+  information: _QualificationListItemInformation.default,
+  other: _QualificationListItemOther.default,
+  bills: _QualificationListItemInformation.default
+};
+
+var isExpirationAlertHidden = function isExpirationAlertHidden(file) {
+  var _file$metadata$hideEx, _file$metadata;
+
+  return (_file$metadata$hideEx = file === null || file === void 0 ? void 0 : (_file$metadata = file.metadata) === null || _file$metadata === void 0 ? void 0 : _file$metadata.hideExpirationAlert) !== null && _file$metadata$hideEx !== void 0 ? _file$metadata$hideEx : false;
+};
+
+var Qualification = function Qualification(_ref) {
+  var _file$bills2;
+
+  var file = _ref.file;
+  var _file$metadata2 = file.metadata,
+      metadata = _file$metadata2 === void 0 ? {} : _file$metadata2;
+  var actionBtnRef = (0, _react.useRef)([]);
+
+  var _useState = (0, _react.useState)({
+    id: '',
+    name: '',
+    value: ''
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      optionFile = _useState2[0],
+      setOptionFile = _useState2[1];
+
+  var hideActionsMenu = function hideActionsMenu() {
+    setOptionFile({
+      id: '',
+      name: '',
+      value: ''
+    });
+  };
+
+  var _toggleActionsMenu = function toggleActionsMenu(id, name, value) {
+    setOptionFile(function (prev) {
+      if (prev.value) return {
+        id: '',
+        name: '',
+        value: ''
+      };
+      return {
+        id: id,
+        name: name,
+        value: value
+      };
+    });
+  };
+
+  var formattedMetadataQualification = (0, _react.useMemo)(function () {
+    var _file$bills, _file$bills$data;
+
+    var relatedBills = (_file$bills = file.bills) === null || _file$bills === void 0 ? void 0 : (_file$bills$data = _file$bills.data) === null || _file$bills$data === void 0 ? void 0 : _file$bills$data[0];
+
+    if (relatedBills) {
+      var formattedBillsMetadata = _paper.KNOWN_BILLS_ATTRIBUTES_NAMES.map(function (attrName) {
+        return {
+          name: attrName,
+          value: relatedBills[attrName]
+        };
+      });
+
+      return (0, _paper.formatMetadataQualification)(metadata).concat(formattedBillsMetadata);
+    }
+
+    return (0, _paper.formatMetadataQualification)(metadata);
+  }, [metadata, (_file$bills2 = file.bills) === null || _file$bills2 === void 0 ? void 0 : _file$bills2.data]);
+  (0, _react.useEffect)(function () {
+    actionBtnRef.current = formattedMetadataQualification.map(function (_, idx) {
+      var _actionBtnRef$current;
+
+      return (_actionBtnRef$current = actionBtnRef.current[idx]) !== null && _actionBtnRef$current !== void 0 ? _actionBtnRef$current : /*#__PURE__*/(0, _react.createRef)();
+    });
+  }, [formattedMetadataQualification]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _paper.isExpiringSoon)(file) && !isExpirationAlertHidden(file) && /*#__PURE__*/_react.default.createElement(_ExpirationAlert.default, {
+    file: file
+  }), /*#__PURE__*/_react.default.createElement(_List.default, {
+    className: "u-pv-1"
+  }, formattedMetadataQualification.map(function (meta, idx) {
+    var name = meta.name;
+    var metadataQualificationType = (0, _paper.getMetadataQualificationType)(name);
+    var QualificationListItemComp = ComponentFromMetadataQualificationType[metadataQualificationType];
+    return /*#__PURE__*/_react.default.createElement(QualificationListItemComp, {
+      key: idx,
+      file: file,
+      ref: actionBtnRef.current[idx],
+      formattedMetadataQualification: meta,
+      toggleActionsMenu: function toggleActionsMenu(val) {
+        return _toggleActionsMenu(idx, name, val);
+      }
+    });
+  }), optionFile.name && /*#__PURE__*/_react.default.createElement(_ActionMenuWrapper.default, {
+    onClose: hideActionsMenu,
+    file: file,
+    optionFile: optionFile,
+    ref: actionBtnRef.current[optionFile.id]
+  })));
+};
+
+Qualification.propTypes = {
+  file: _propTypes.default.object.isRequired
+};
+
+var _default = (0, _withViewerLocales.withViewerLocales)(Qualification);
+
+exports.default = _default;

package/dist/Panel/QualificationListItemContact.d.ts

@@ -0,0 +1,10 @@
+export default QualificationListItemContact;
+declare function QualificationListItemContact({ file }: {
+    file: any;
+}): JSX.Element | null;
+declare namespace QualificationListItemContact {
+    namespace propTypes {
+        const file: PropTypes.Validator<object>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Panel/QualificationListItemContact.js

@@ -0,0 +1,123 @@
+"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 _paper = require("cozy-client/dist/models/paper");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Dots = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dots"));
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _ListItemSecondaryAction = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemSecondaryAction"));
+
+var _Spinner = _interopRequireDefault(require("cozy-ui/transpiled/react/Spinner"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _ActionMenuWrapper = _interopRequireDefault(require("./ActionMenuWrapper"));
+
+var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
+
+var _useReferencedContactName = _interopRequireDefault(require("../hooks/useReferencedContactName"));
+
+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 QualificationListItemContact = function QualificationListItemContact(_ref) {
+  var file = _ref.file;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      lang = _useI18n.lang;
+
+  var actionBtnRef = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)({
+    name: '',
+    value: ''
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      optionFile = _useState2[0],
+      setOptionFile = _useState2[1];
+
+  var hideActionsMenu = function hideActionsMenu() {
+    return setOptionFile({
+      name: '',
+      value: ''
+    });
+  };
+
+  var toggleActionsMenu = function toggleActionsMenu(name, value) {
+    return setOptionFile(function (prev) {
+      if (prev.value) return {
+        name: '',
+        value: ''
+      };
+      return {
+        name: name,
+        value: value
+      };
+    });
+  };
+
+  var _useReferencedContact = (0, _useReferencedContactName.default)(file),
+      contacts = _useReferencedContact.contacts,
+      isLoadingContacts = _useReferencedContact.isLoadingContacts;
+
+  if (isLoadingContacts) {
+    return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      className: "u-pl-2 u-pr-3"
+    }, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      color: "var(--secondaryTextColor)"
+    }));
+  }
+
+  var formattedTitle = (0, _paper.getTranslatedNameForContact)({
+    lang: lang
+  });
+  var formattedValue = (0, _paper.formatContactValue)(contacts);
+
+  if (!isLoadingContacts && !formattedValue) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: "u-ph-2"
+  }, /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
+    primary: formattedTitle,
+    secondary: formattedValue
+  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    ref: actionBtnRef,
+    onClick: function onClick() {
+      return toggleActionsMenu('contact', formattedValue);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Dots.default
+  })))), optionFile.value && /*#__PURE__*/_react.default.createElement(_ActionMenuWrapper.default, {
+    onClose: hideActionsMenu,
+    file: file,
+    optionFile: optionFile,
+    ref: actionBtnRef
+  }));
+};
+
+QualificationListItemContact.propTypes = {
+  file: _propTypes.default.object.isRequired
+};
+var _default = QualificationListItemContact;
+exports.default = _default;

package/dist/Panel/QualificationListItemDate.d.ts

@@ -0,0 +1,3 @@
+export default QualificationListItemDate;
+declare const QualificationListItemDate: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/Panel/QualificationListItemDate.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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _paper = require("cozy-client/dist/models/paper");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Dots = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dots"));
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _ListItemSecondaryAction = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemSecondaryAction"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
+
+var _ExpirationAnnotation = _interopRequireDefault(require("../components/ExpirationAnnotation"));
+
+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 QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var file = _ref.file,
+      formattedMetadataQualification = _ref.formattedMetadataQualification,
+      toggleActionsMenu = _ref.toggleActionsMenu;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      f = _useI18n.f,
+      lang = _useI18n.lang;
+
+  var name = formattedMetadataQualification.name,
+      value = formattedMetadataQualification.value;
+  var formattedTitle = (0, _paper.getTranslatedNameForDateMetadata)(name, {
+    lang: lang
+  });
+  var formattedDate = (0, _paper.formatDateMetadataValue)(value, {
+    f: f,
+    lang: lang
+  });
+  var isExpirationDate = name === 'expirationDate';
+  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: "u-pl-2 u-pr-3"
+  }, /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
+    primary: formattedTitle,
+    secondary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      component: "span",
+      variant: "inherit"
+    }, formattedDate), isExpirationDate && ((0, _paper.isExpired)(file) || (0, _paper.isExpiringSoon)(file)) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      component: "span",
+      variant: "inherit"
+    }, ' · '), /*#__PURE__*/_react.default.createElement(_ExpirationAnnotation.default, {
+      file: file
+    }))),
+    disabled: !value
+  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    ref: ref,
+    onClick: function onClick() {
+      return toggleActionsMenu(formattedDate);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Dots.default
+  }))));
+});
+QualificationListItemDate.displayName = 'QualificationListItemDate';
+QualificationListItemDate.propTypes = {
+  file: _propTypes.default.object.isRequired,
+  formattedMetadataQualification: _propTypes.default.shape({
+    name: _propTypes.default.string,
+    value: _propTypes.default.string
+  }).isRequired,
+  toggleActionsMenu: _propTypes.default.func.isRequired
+};
+var _default = QualificationListItemDate;
+exports.default = _default;

package/dist/Panel/QualificationListItemInformation.d.ts

@@ -0,0 +1,3 @@
+export default QualificationListItemInformation;
+declare const QualificationListItemInformation: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/Panel/QualificationListItemInformation.js

@@ -0,0 +1,84 @@
+"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 = _interopRequireWildcard(require("react"));
+
+var _paper = require("cozy-client/dist/models/paper");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Dots = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dots"));
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _ListItemSecondaryAction = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemSecondaryAction"));
+
+var _MidEllipsis = _interopRequireDefault(require("cozy-ui/transpiled/react/MidEllipsis"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
+
+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 QualificationListItemInformation = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var formattedMetadataQualification = _ref.formattedMetadataQualification,
+      file = _ref.file,
+      toggleActionsMenu = _ref.toggleActionsMenu;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      lang = _useI18n.lang;
+
+  var name = formattedMetadataQualification.name,
+      value = formattedMetadataQualification.value;
+  var qualificationLabel = file.metadata.qualification.label;
+  var formattedTitle = (0, _paper.getTranslatedNameForInformationMetadata)(name, {
+    lang: lang,
+    qualificationLabel: qualificationLabel
+  });
+  var formattedValue = (0, _paper.formatInformationMetadataValue)(value, {
+    lang: lang,
+    name: name,
+    qualificationLabel: qualificationLabel
+  });
+  var titleComponent = formattedTitle === name ? /*#__PURE__*/_react.default.createElement(_MidEllipsis.default, {
+    text: name
+  }) : formattedTitle;
+  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: "u-pl-2 u-pr-3"
+  }, /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
+    primary: titleComponent,
+    secondary: formattedValue,
+    disabled: !value
+  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    ref: ref,
+    onClick: function onClick() {
+      return toggleActionsMenu(value);
+    },
+    "data-testid": "toggleActionsMenuBtn"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Dots.default
+  }))));
+});
+QualificationListItemInformation.displayName = 'QualificationListItemNumber';
+QualificationListItemInformation.propTypes = {
+  formattedMetadataQualification: _propTypes.default.shape({
+    name: _propTypes.default.string,
+    value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+  }).isRequired,
+  toggleActionsMenu: _propTypes.default.func.isRequired
+};
+var _default = QualificationListItemInformation;
+exports.default = _default;

package/dist/Panel/QualificationListItemInformation.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Panel/QualificationListItemOther.d.ts

@@ -0,0 +1,3 @@
+export default QualificationListItemOther;
+declare const QualificationListItemOther: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/Panel/QualificationListItemOther.js

@@ -0,0 +1,78 @@
+"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 = _interopRequireWildcard(require("react"));
+
+var _paper = require("cozy-client/dist/models/paper");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Dots = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dots"));
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _ListItemSecondaryAction = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemSecondaryAction"));
+
+var _MidEllipsis = _interopRequireDefault(require("cozy-ui/transpiled/react/MidEllipsis"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
+
+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 QualificationListItemOther = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var formattedMetadataQualification = _ref.formattedMetadataQualification,
+      toggleActionsMenu = _ref.toggleActionsMenu;
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      lang = _useI18n.lang;
+
+  var name = formattedMetadataQualification.name,
+      value = formattedMetadataQualification.value;
+  if (!value) return null;
+  var formattedTitle = (0, _paper.getTranslatedNameForOtherMetadata)(name, {
+    lang: lang
+  });
+  var formattedValue = (0, _paper.formatOtherMetadataValue)(value, {
+    lang: lang,
+    name: name
+  });
+  return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: "u-pl-2 u-pr-3"
+  }, /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
+    primary: formattedTitle,
+    secondary: /*#__PURE__*/_react.default.createElement(_MidEllipsis.default, {
+      text: formattedValue
+    })
+  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    ref: ref,
+    onClick: function onClick() {
+      return toggleActionsMenu(formattedValue);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Dots.default
+  }))));
+});
+QualificationListItemOther.displayName = 'QualificationListItemOther';
+QualificationListItemOther.propTypes = {
+  formattedMetadataQualification: _propTypes.default.shape({
+    name: _propTypes.default.string,
+    value: _propTypes.default.string
+  }).isRequired,
+  toggleActionsMenu: _propTypes.default.func.isRequired
+};
+var _default = QualificationListItemOther;
+exports.default = _default;

package/dist/Panel/QualificationListItemText.d.ts

@@ -0,0 +1,13 @@
+export default QualificationListItemText;
+declare function QualificationListItemText({ primary, secondary, disabled }: {
+    primary: any;
+    secondary: any;
+    disabled: any;
+}): JSX.Element;
+declare namespace QualificationListItemText {
+    namespace propTypes {
+        const primary: PropTypes.Validator<string>;
+        const secondary: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Panel/QualificationListItemText.js

@@ -0,0 +1,42 @@
+"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 _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
+
+var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var QualificationListItemText = function QualificationListItemText(_ref) {
+  var primary = _ref.primary,
+      secondary = _ref.secondary,
+      disabled = _ref.disabled;
+  return /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    disableTypography: true,
+    primary: /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      variant: "caption"
+    }, primary),
+    secondary: /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      component: "div",
+      variant: "body1",
+      style: disabled ? {
+        color: 'var(--disabledTextColor)'
+      } : undefined
+    }, secondary)
+  });
+};
+
+QualificationListItemText.propTypes = {
+  primary: _propTypes.default.string.isRequired,
+  secondary: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired
+};
+var _default = QualificationListItemText;
+exports.default = _default;

package/dist/Panel/getPanelBlocks.d.ts

@@ -0,0 +1,26 @@
+export function getPanelBlocksSpecs(isPublic?: boolean): PanelBlocksSpecs;
+export default getPanelBlocks;
+export type PanelBlockSpec = {
+    /**
+     * - Function that returns true if the block should be displayed
+     */
+    condition: Function;
+    /**
+     * - Component to display
+     */
+    component: React.Component;
+};
+export type PanelBlocksSpecs = {
+    [x: string]: PanelBlockSpec;
+};
+/**
+ * Returns the blocks to display in the panel
+ * @param {Object} options
+ * @param {PanelBlocksSpecs} options.panelBlocksSpecs - Specs of the blocks to display in the panel
+ * @param {import('cozy-client/types/types').FileDocument} options.file - File object
+ * @returns {Array.<React.Component>}
+ */
+declare function getPanelBlocks({ panelBlocksSpecs, file }: {
+    panelBlocksSpecs: PanelBlocksSpecs;
+    file: import('cozy-client/types/types').FileDocument;
+}): Array<React.Component>;