cozy-viewer 9.0.1 → 9.0.2

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.0.2](https://github.com/cozy/cozy-libs/compare/cozy-viewer@9.0.1...cozy-viewer@9.0.2) (2024-12-16)
+
+
+### Bug Fixes
+
+* **Viewer:** Qualification was editable for file fetched by konnectors ([2ae0af3](https://github.com/cozy/cozy-libs/commit/2ae0af3ae4a20946cd84755135aef50df5945782))
+* **Viewer:** Remove referencedDate metadata for invoices ([8d3b206](https://github.com/cozy/cozy-libs/commit/8d3b2069ab3f08639e2deb61375baf9478ff4020))
+* **Viewer:** Summary now show multiline text correctly ([628bee2](https://github.com/cozy/cozy-libs/commit/628bee2d1a0c30fbb5a7d283a5cb67da5386e1e5))
+
+
+
+
+
 ## [9.0.1](https://github.com/cozy/cozy-libs/compare/cozy-viewer@9.0.0...cozy-viewer@9.0.1) (2024-12-13)
 
 

package/dist/Panel/Qualification.js

@@ -55,16 +55,10 @@ var ComponentFromMetadataQualificationType = {
   bills: _QualificationListItemInformation.default
 };
 
-var isExpirationAlertHidden = function isExpirationAlertHidden(file) {
-  var _file$metadata$hideEx, _file$metadata;
-
-  return (_file$metadata$hideEx = file === null || file === 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 = _ref.file;
-  var _file$metadata2 = file.metadata,
-      metadata = _file$metadata2 === void 0 ? {} : _file$metadata2;
+  var _file$metadata = file.metadata,
+      metadata = _file$metadata === void 0 ? {} : _file$metadata;
   var actionBtnRef = (0, _react.useRef)([]);
 
   var _useState = (0, _react.useState)(false),
@@ -114,7 +108,7 @@ var Qualification = function Qualification(_ref) {
       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, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _paper.isExpiringSoon)(file) && !(0, _helpers.isExpirationAlertHidden)(file) && /*#__PURE__*/_react.default.createElement(_ExpirationAlert.default, {
     file: file
   }), (0, _file.hasQualifications)(file) ? /*#__PURE__*/_react.default.createElement(_QualificationListItemQualification.default, {
     file: file,

package/dist/Panel/QualificationListItemQualification.js

@@ -29,6 +29,8 @@ var _QualificationIconStack = _interopRequireDefault(require("cozy-ui/transpiled
 
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
+var _helpers = require("./helpers");
+
 var QualificationListItemQualification = function QualificationListItemQualification(_ref) {
   var file = _ref.file,
       onClick = _ref.onClick;
@@ -44,8 +46,8 @@ var QualificationListItemQualification = function QualificationListItemQualifica
   return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     size: "large",
     divider: true,
-    button: true,
-    onClick: onClick
+    button: (0, _helpers.canEditQualification)(file),
+    onClick: (0, _helpers.canEditQualification)(file) ? onClick : undefined
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_QualificationIconStack.default, {
     qualification: value
   })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
@@ -55,7 +57,7 @@ var QualificationListItemQualification = function QualificationListItemQualifica
     primaryTypographyProps: {
       variant: 'h6'
     }
-  }), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }), (0, _helpers.canEditQualification)(file) && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Right.default,
     color: "var(--secondaryTextColor)"
   })));

package/dist/Panel/QualificationListItemText.d.ts

@@ -1,5 +1,6 @@
 export default QualificationListItemText;
-declare function QualificationListItemText({ primary, secondary, disabled }: {
+declare function QualificationListItemText({ primary, secondary, disabled, ...props }: {
+    [x: string]: any;
     primary: any;
     secondary: any;
     disabled: any;
@@ -8,6 +9,7 @@ declare namespace QualificationListItemText {
     namespace propTypes {
         const primary: PropTypes.Requireable<string>;
         const secondary: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        const disabled: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from "prop-types";

package/dist/Panel/QualificationListItemText.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -15,11 +19,14 @@ var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/Lis
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _excluded = ["primary", "secondary", "disabled"];
+
 var QualificationListItemText = function QualificationListItemText(_ref) {
   var primary = _ref.primary,
       secondary = _ref.secondary,
-      disabled = _ref.disabled;
-  return /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      disabled = _ref.disabled,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ListItemText.default, (0, _extends2.default)({}, props, {
     disableTypography: true,
     primary: /*#__PURE__*/_react.default.createElement(_Typography.default, {
       variant: "caption"
@@ -31,12 +38,13 @@ var QualificationListItemText = function QualificationListItemText(_ref) {
         color: 'var(--disabledTextColor)'
       } : undefined
     }, secondary)
-  });
+  }));
 };
 
 QualificationListItemText.propTypes = {
   primary: _propTypes.default.string,
-  secondary: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired
+  secondary: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  disabled: _propTypes.default.bool
 };
 
 var _default = exports.default = QualificationListItemText;

package/dist/Panel/Summary.js

@@ -121,6 +121,9 @@ var Summary = function Summary(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Text.default
   })), /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
+    style: {
+      wordBreak: 'break-word'
+    },
     primary: value ? label : undefined,
     secondary: value || label,
     disabled: !value

package/dist/Panel/helpers.d.ts

@@ -80,3 +80,5 @@ export namespace metadataByQualificationLabel {
     const work_quote: never[];
 }
 export function makeFormattedMetadataQualification(file: any): array;
+export function isExpirationAlertHidden(file: any): boolean;
+export function canEditQualification(file: any): boolean;

package/dist/Panel/helpers.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.metadataByQualificationLabel = exports.makeSize = exports.makePath = exports.makeHideDivider = exports.makeFormattedMetadataQualification = exports.makeFormat = exports.makeDate = void 0;
+exports.metadataByQualificationLabel = exports.makeSize = exports.makePath = exports.makeHideDivider = exports.makeFormattedMetadataQualification = exports.makeFormat = exports.makeDate = exports.isExpirationAlertHidden = exports.canEditQualification = void 0;
 
 var _get = _interopRequireDefault(require("lodash/get"));
 
@@ -91,7 +91,7 @@ var metadataByQualificationLabel = exports.metadataByQualificationLabel = {
   driver_license: ['number', 'country', 'AObtentionDate', 'BObtentionDate', 'CObtentionDate', 'DObtentionDate', 'expirationDate', 'noticePeriod'],
   electoral_card: ['referencedDate'],
   employment_center_certificate: ['referencedDate'],
-  energy_invoice: ['issueDate', 'referencedDate'],
+  energy_invoice: ['issueDate'],
   expense_claim: ['referencedDate'],
   family_record_book: [],
   fidelity_card: ['number', 'expirationDate', 'noticePeriod'],
@@ -99,7 +99,7 @@ var metadataByQualificationLabel = exports.metadataByQualificationLabel = {
   health_insurance_card: ['expirationDate', 'noticePeriod'],
   house_insurance: ['referencedDate'],
   identity_photo: ['shootingDate'],
-  isp_invoice: ['issueDate', 'referencedDate'],
+  isp_invoice: ['issueDate'],
   lease: ['date'],
   loan_agreement: ['issueDate'],
   national_health_insurance_card: ['number', 'issueDate'],
@@ -121,7 +121,7 @@ var metadataByQualificationLabel = exports.metadataByQualificationLabel = {
   other_health_document: ['date'],
   other_house_document: ['date'],
   other_identity_document: ['date'],
-  other_invoice: ['issueDate', 'referencedDate'],
+  other_invoice: ['issueDate'],
   other_revenue: ['referencedDate'],
   other_transport_document: ['date'],
   other_work_document: ['date'],
@@ -129,7 +129,7 @@ var metadataByQualificationLabel = exports.metadataByQualificationLabel = {
   passport: ['country', 'number', 'expirationDate', 'noticePeriod'],
   pay_sheet: ['number', 'netSocialAmount', 'employerName', 'referencedDate'],
   payment_proof_family_allowance: ['number', 'issueDate'],
-  phone_invoice: ['issueDate', 'referencedDate'],
+  phone_invoice: ['issueDate'],
   pregnancy_medical_certificate: ['referencedDate'],
   prescription: ['referencedDate'],
   real_estate_tax: ['number', 'referencedDate'],
@@ -145,11 +145,11 @@ var metadataByQualificationLabel = exports.metadataByQualificationLabel = {
   tax_return: ['number', 'referencedDate'],
   tax_timetable: ['number', 'referencedDate'],
   transport_card: ['expirationDate', 'noticePeriod'],
-  transport_invoice: ['issueDate', 'referencedDate'],
+  transport_invoice: ['issueDate'],
   unemployment_benefit: ['referencedDate'],
   unfit_for_habitation_declaration: ['issueDate'],
   vehicle_registration: ['vehicle.licenseNumber', 'number', 'vehicle.confidentialNumber'],
-  water_invoice: ['issueDate', 'referencedDate'],
+  water_invoice: ['issueDate'],
   work_contract: ['contractType', 'date'],
   work_disability_recognition: ['referencedDate'],
   work_quote: []
@@ -184,4 +184,26 @@ var makeFormattedMetadataQualification = exports.makeFormattedMetadataQualificat
     name: 'contact',
     value: null
   }]);
+};
+/**
+ *
+ * @param {import("cozy-client/types").IOCozyFile} file - io.cozy.file
+ * @returns {boolean}
+ */
+
+
+var isExpirationAlertHidden = exports.isExpirationAlertHidden = function isExpirationAlertHidden(file) {
+  var _file$metadata$hideEx, _file$metadata2;
+
+  return (_file$metadata$hideEx = file === null || file === void 0 || (_file$metadata2 = file.metadata) === null || _file$metadata2 === void 0 ? void 0 : _file$metadata2.hideExpirationAlert) !== null && _file$metadata$hideEx !== void 0 ? _file$metadata$hideEx : false;
+};
+/**
+ *
+ * @param {import("cozy-client/types").IOCozyFile} file - io.cozy.file
+ * @returns {boolean}
+ */
+
+
+var canEditQualification = exports.canEditQualification = function canEditQualification(file) {
+  return !(0, _file.isFromKonnector)(file);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "9.0.1",
+  "version": "9.0.2",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "babel-preset-cozy-app": "^2.8.1",
     "cozy-client": "^51.6.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-harvest-lib": "^31.0.18",
+    "cozy-harvest-lib": "^31.0.19",
     "cozy-intent": "^2.29.1",
     "cozy-logger": "^1.16.1",
     "cozy-sharing": "^16.17.0",
@@ -60,5 +60,5 @@
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
-  "gitHead": "192f7607b93186f0c2c5f88bb38490b7c020ef7d"
+  "gitHead": "7c5659170ea8b99787117605811f998a7203a03a"
 }

package/src/Panel/Qualification.jsx

@@ -17,7 +17,11 @@ import QualificationListItemInformation from './QualificationListItemInformation
 import QualificationListItemOther from './QualificationListItemOther'
 import QualificationListItemQualification from './QualificationListItemQualification'
 import QualificationListItemQualificationEmpty from './QualificationListItemQualificationEmpty'
-import { makeHideDivider, makeFormattedMetadataQualification } from './helpers'
+import {
+  makeHideDivider,
+  makeFormattedMetadataQualification,
+  isExpirationAlertHidden
+} from './helpers'
 import ExpirationAlert from '../components/ExpirationAlert'
 import { withViewerLocales } from '../hoc/withViewerLocales'
 
@@ -29,10 +33,6 @@ const ComponentFromMetadataQualificationType = {
   bills: QualificationListItemInformation
 }
 
-const isExpirationAlertHidden = file => {
-  return file?.metadata?.hideExpirationAlert ?? false
-}
-
 const Qualification = ({ file }) => {
   const { metadata = {} } = file
   const actionBtnRef = useRef([])

package/src/Panel/QualificationListItemQualification.jsx

@@ -11,6 +11,8 @@ import MidEllipsis from 'cozy-ui/transpiled/react/MidEllipsis'
 import QualificationIconStack from 'cozy-ui/transpiled/react/QualificationIconStack'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
+import { canEditQualification } from './helpers'
+
 const QualificationListItemQualification = ({ file, onClick }) => {
   const { lang } = useI18n()
   const value = file.metadata.qualification.label
@@ -21,7 +23,12 @@ const QualificationListItemQualification = ({ file, onClick }) => {
   })
 
   return (
-    <ListItem size="large" divider button onClick={onClick}>
+    <ListItem
+      size="large"
+      divider
+      button={canEditQualification(file)}
+      onClick={canEditQualification(file) ? onClick : undefined}
+    >
       <ListItemIcon>
         <QualificationIconStack qualification={value} />
       </ListItemIcon>
@@ -29,9 +36,11 @@ const QualificationListItemQualification = ({ file, onClick }) => {
         primary={<MidEllipsis text={formattedValue} />}
         primaryTypographyProps={{ variant: 'h6' }}
       />
-      <ListItemIcon>
-        <Icon icon={RightIcon} color="var(--secondaryTextColor)" />
-      </ListItemIcon>
+      {canEditQualification(file) && (
+        <ListItemIcon>
+          <Icon icon={RightIcon} color="var(--secondaryTextColor)" />
+        </ListItemIcon>
+      )}
     </ListItem>
   )
 }

package/src/Panel/QualificationListItemText.jsx

@@ -4,9 +4,15 @@ import React from 'react'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import Typography from 'cozy-ui/transpiled/react/Typography'
 
-const QualificationListItemText = ({ primary, secondary, disabled }) => {
+const QualificationListItemText = ({
+  primary,
+  secondary,
+  disabled,
+  ...props
+}) => {
   return (
     <ListItemText
+      {...props}
       disableTypography
       primary={<Typography variant="caption">{primary}</Typography>}
       secondary={
@@ -24,7 +30,8 @@ const QualificationListItemText = ({ primary, secondary, disabled }) => {
 
 QualificationListItemText.propTypes = {
   primary: PropTypes.string,
-  secondary: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
+  secondary: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+  disabled: PropTypes.bool
 }
 
 export default QualificationListItemText

package/src/Panel/Summary.jsx

@@ -49,6 +49,7 @@ const Summary = ({ file, t }) => {
           <Icon icon={TextIcon} />
         </ListItemIcon>
         <QualificationListItemText
+          style={{ wordBreak: 'break-word' }}
           primary={value ? label : undefined}
           secondary={value || label}
           disabled={!value}

package/src/Panel/helpers.js

@@ -1,6 +1,6 @@
 import get from 'lodash/get'
 
-import { splitFilename } from 'cozy-client/dist/models/file'
+import { splitFilename, isFromKonnector } from 'cozy-client/dist/models/file'
 import { KNOWN_BILLS_ATTRIBUTES_NAMES } from 'cozy-client/dist/models/paper'
 
 /**
@@ -84,7 +84,7 @@ export const metadataByQualificationLabel = {
   ],
   electoral_card: ['referencedDate'],
   employment_center_certificate: ['referencedDate'],
-  energy_invoice: ['issueDate', 'referencedDate'],
+  energy_invoice: ['issueDate'],
   expense_claim: ['referencedDate'],
   family_record_book: [],
   fidelity_card: ['number', 'expirationDate', 'noticePeriod'],
@@ -92,7 +92,7 @@ export const metadataByQualificationLabel = {
   health_insurance_card: ['expirationDate', 'noticePeriod'],
   house_insurance: ['referencedDate'],
   identity_photo: ['shootingDate'],
-  isp_invoice: ['issueDate', 'referencedDate'],
+  isp_invoice: ['issueDate'],
   lease: ['date'],
   loan_agreement: ['issueDate'],
   national_health_insurance_card: ['number', 'issueDate'],
@@ -114,7 +114,7 @@ export const metadataByQualificationLabel = {
   other_health_document: ['date'],
   other_house_document: ['date'],
   other_identity_document: ['date'],
-  other_invoice: ['issueDate', 'referencedDate'],
+  other_invoice: ['issueDate'],
   other_revenue: ['referencedDate'],
   other_transport_document: ['date'],
   other_work_document: ['date'],
@@ -122,7 +122,7 @@ export const metadataByQualificationLabel = {
   passport: ['country', 'number', 'expirationDate', 'noticePeriod'],
   pay_sheet: ['number', 'netSocialAmount', 'employerName', 'referencedDate'],
   payment_proof_family_allowance: ['number', 'issueDate'],
-  phone_invoice: ['issueDate', 'referencedDate'],
+  phone_invoice: ['issueDate'],
   pregnancy_medical_certificate: ['referencedDate'],
   prescription: ['referencedDate'],
   real_estate_tax: ['number', 'referencedDate'],
@@ -138,7 +138,7 @@ export const metadataByQualificationLabel = {
   tax_return: ['number', 'referencedDate'],
   tax_timetable: ['number', 'referencedDate'],
   transport_card: ['expirationDate', 'noticePeriod'],
-  transport_invoice: ['issueDate', 'referencedDate'],
+  transport_invoice: ['issueDate'],
   unemployment_benefit: ['referencedDate'],
   unfit_for_habitation_declaration: ['issueDate'],
   vehicle_registration: [
@@ -146,7 +146,7 @@ export const metadataByQualificationLabel = {
     'number',
     'vehicle.confidentialNumber'
   ],
-  water_invoice: ['issueDate', 'referencedDate'],
+  water_invoice: ['issueDate'],
   work_contract: ['contractType', 'date'],
   work_disability_recognition: ['referencedDate'],
   work_quote: []
@@ -184,3 +184,19 @@ export const makeFormattedMetadataQualification = file => {
     .concat(billsMetadataArray)
     .concat([{ name: 'contact', value: null }])
 }
+
+/**
+ *
+ * @param {import("cozy-client/types").IOCozyFile} file - io.cozy.file
+ * @returns {boolean}
+ */
+export const isExpirationAlertHidden = file => {
+  return file?.metadata?.hideExpirationAlert ?? false
+}
+
+/**
+ *
+ * @param {import("cozy-client/types").IOCozyFile} file - io.cozy.file
+ * @returns {boolean}
+ */
+export const canEditQualification = file => !isFromKonnector(file)