cozy-viewer 8.1.0 → 9.0.0

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.0.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@8.1.0...cozy-viewer@9.0.0) (2024-12-12)
+
+
+### Bug Fixes
+
+* **Viewer:** Sharing and Summary panel item right icon color ([d026cb5](https://github.com/cozy/cozy-libs/commit/d026cb5422afe4e3e332808f3302ba47b64dbfc3))
+
+
+### Features
+
+* **Viewer:** Add possibility to set/modify file qualification ([747eab8](https://github.com/cozy/cozy-libs/commit/747eab8acce3a12925475a4fc854749b428519b4))
+* **Viewer:** Adjust right icon on qualification items ([a1d71d5](https://github.com/cozy/cozy-libs/commit/a1d71d5d55e30792ac15a4749a97958f3e8e6b8c))
+* **Viewer:** Showing metadata is now based on a list ([217ccfa](https://github.com/cozy/cozy-libs/commit/217ccfa31a1ed83ef13d8759cd70443e72868d2c))
+* **Viewer:** Upgrade packages ([8da361f](https://github.com/cozy/cozy-libs/commit/8da361f7b46cbbe96414581897ec987d4af4d86a))
+
+
+### BREAKING CHANGES
+
+* **Viewer:** You must have `cozy-client >= 51.6.0`, `cozy-ui >= 114.0.0` and `cozy-intent >= 2.29.1`
+
+
+
+
+
 # [8.1.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@8.0.9...cozy-viewer@8.1.0) (2024-12-12)
 
 

package/dist/Panel/Qualification.js

@@ -13,12 +13,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _file = require("cozy-client/dist/models/file");
+
 var _paper = require("cozy-client/dist/models/paper");
 
 var _Divider = _interopRequireDefault(require("cozy-ui/transpiled/react/Divider"));
 
 var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
 
+var _QualificationModal = _interopRequireDefault(require("cozy-ui/transpiled/react/QualificationModal"));
+
 var _ActionMenuWrapper = _interopRequireDefault(require("./ActionMenuWrapper"));
 
 var _QualificationListItemContact = _interopRequireDefault(require("./QualificationListItemContact"));
@@ -31,14 +35,14 @@ var _QualificationListItemOther = _interopRequireDefault(require("./Qualificatio
 
 var _QualificationListItemQualification = _interopRequireDefault(require("./QualificationListItemQualification"));
 
+var _QualificationListItemQualificationEmpty = _interopRequireDefault(require("./QualificationListItemQualificationEmpty"));
+
 var _helpers = require("./helpers");
 
 var _ExpirationAlert = _interopRequireDefault(require("../components/ExpirationAlert"));
 
 var _withViewerLocales = require("../hoc/withViewerLocales");
 
-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; }
@@ -58,26 +62,27 @@ var isExpirationAlertHidden = function isExpirationAlertHidden(file) {
 };
 
 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)({
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showQualifModal = _useState2[0],
+      setShowQualifModal = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({
     id: '',
     name: '',
     value: ''
   }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      optionFile = _useState2[0],
-      setOptionFile = _useState2[1];
-
-  var _useReferencedContact = (0, _useReferencedContactName.default)(file),
-      contacts = _useReferencedContact.contacts;
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      optionFile = _useState4[0],
+      setOptionFile = _useState4[1];
 
-  var formattedContactValue = (0, _paper.formatContactValue)(contacts);
+  var formattedMetadataQualification = (0, _helpers.makeFormattedMetadataQualification)(file, metadata);
+  var showMetadataList = (0, _file.hasQualifications)(file) && formattedMetadataQualification.length > 1; // we have at minimum "contact" item
 
   var hideActionsMenu = function hideActionsMenu() {
     setOptionFile({
@@ -102,27 +107,6 @@ var Qualification = function Qualification(_ref) {
     });
   };
 
-  var formattedMetadataQualification = (0, _react.useMemo)(function () {
-    var _file$bills;
-
-    var relatedBills = (_file$bills = file.bills) === null || _file$bills === void 0 || (_file$bills = _file$bills.data) === null || _file$bills === void 0 ? void 0 : _file$bills[0];
-    var formattedMetadataQualification = (0, _paper.formatMetadataQualification)(metadata).sort(function (a, b) {
-      return a.name === 'qualification' ? -1 : b.name === 'qualification' ? 1 : 0;
-    }); // move "qualification" metadata in first position
-
-    if (relatedBills) {
-      var formattedBillsMetadata = _paper.KNOWN_BILLS_ATTRIBUTES_NAMES.map(function (attrName) {
-        return {
-          name: attrName,
-          value: relatedBills[attrName]
-        };
-      });
-
-      return formattedMetadataQualification.concat(formattedBillsMetadata);
-    }
-
-    return formattedMetadataQualification;
-  }, [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;
@@ -130,20 +114,24 @@ var Qualification = function Qualification(_ref) {
       return (_actionBtnRef$current = actionBtnRef.current[idx]) !== null && _actionBtnRef$current !== void 0 ? _actionBtnRef$current : /*#__PURE__*/(0, _react.createRef)();
     });
   }, [formattedMetadataQualification]);
-  var showMetadataList = formattedMetadataQualification.length !== 2 || formattedContactValue; // we have at minimum "qualification" and "contact" item
-
   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(_QualificationListItemQualification.default, {
+  }), (0, _file.hasQualifications)(file) ? /*#__PURE__*/_react.default.createElement(_QualificationListItemQualification.default, {
+    file: file,
+    onClick: function onClick() {
+      return setShowQualifModal(true);
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_QualificationListItemQualificationEmpty.default, {
+    onClick: function onClick() {
+      return setShowQualifModal(true);
+    }
+  }), showQualifModal && /*#__PURE__*/_react.default.createElement(_QualificationModal.default, {
     file: file,
-    ref: actionBtnRef.current[0],
-    formattedMetadataQualification: formattedMetadataQualification[0],
-    toggleActionsMenu: function toggleActionsMenu(val) {
-      return _toggleActionsMenu(0, formattedMetadataQualification[0].name, val);
+    onClose: function onClose() {
+      return setShowQualifModal(false);
     }
   }), showMetadataList && /*#__PURE__*/_react.default.createElement(_List.default, null, formattedMetadataQualification.map(function (meta, idx) {
     var name = meta.name;
-    if (name === 'qualification') return null;
     var metadataQualificationType = (0, _paper.getMetadataQualificationType)(name);
     var QualificationListItemComp = ComponentFromMetadataQualificationType[metadataQualificationType];
     var hideDivider = (0, _helpers.makeHideDivider)(formattedMetadataQualification, idx);

package/dist/Panel/QualificationListItemDate.js

@@ -21,6 +21,8 @@ var _Calendar = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/C
 
 var _Dots = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dots"));
 
+var _Right = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Right"));
+
 var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
 
 var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
@@ -61,8 +63,8 @@ var QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_r
   return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Calendar.default
   })), /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
-    primary: formattedTitle,
-    secondary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    primary: value ? formattedTitle : undefined,
+    secondary: value ? /*#__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, {
@@ -70,16 +72,19 @@ var QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_r
       variant: "inherit"
     }, ' · '), /*#__PURE__*/_react.default.createElement(_ExpirationAnnotation.default, {
       file: file
-    }))),
+    }))) : formattedTitle,
     disabled: !value
-  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+  }), 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
-  }))));
+  }))) : /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Right.default,
+    color: "var(--secondaryTextColor)"
+  })));
 });
 QualificationListItemDate.displayName = 'QualificationListItemDate';
 QualificationListItemDate.propTypes = {

package/dist/Panel/QualificationListItemInformation.js

@@ -29,6 +29,8 @@ var _Globe = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Glob
 
 var _Number = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Number"));
 
+var _Right = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Right"));
+
 var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
 
 var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
@@ -80,10 +82,10 @@ var QualificationListItemInformation = /*#__PURE__*/(0, _react.forwardRef)(funct
   return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: InformationIcon
   })), /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
-    primary: titleComponent,
-    secondary: formattedValue,
+    primary: value ? titleComponent : undefined,
+    secondary: value ? formattedValue : titleComponent,
     disabled: !value
-  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+  }), value ? /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     ref: ref,
     onClick: function onClick() {
       return toggleActionsMenu(value);
@@ -91,7 +93,10 @@ var QualificationListItemInformation = /*#__PURE__*/(0, _react.forwardRef)(funct
     "data-testid": "toggleActionsMenuBtn"
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Dots.default
-  }))));
+  }))) : /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Right.default,
+    color: "var(--secondaryTextColor)"
+  })));
 });
 QualificationListItemInformation.displayName = 'QualificationListItemNumber';
 QualificationListItemInformation.propTypes = {

package/dist/Panel/QualificationListItemOther.js

@@ -21,6 +21,8 @@ var _Dots = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dots"
 
 var _File = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/File"));
 
+var _Right = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Right"));
+
 var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
 
 var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
@@ -57,18 +59,21 @@ var QualificationListItemOther = /*#__PURE__*/(0, _react.forwardRef)(function (_
   return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _File.default
   })), /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
-    primary: formattedTitle,
-    secondary: /*#__PURE__*/_react.default.createElement(_MidEllipsis.default, {
+    primary: value ? formattedTitle : undefined,
+    secondary: value ? /*#__PURE__*/_react.default.createElement(_MidEllipsis.default, {
       text: formattedValue
-    })
-  }), /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    }) : formattedTitle
+  }), value ? /*#__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
-  }))));
+  }))) : /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Right.default,
+    color: "var(--secondaryTextColor)"
+  })));
 });
 QualificationListItemOther.displayName = 'QualificationListItemOther';
 QualificationListItemOther.propTypes = {

package/dist/Panel/QualificationListItemQualification.d.ts

@@ -1,14 +1,13 @@
 export default QualificationListItemQualification;
-declare function QualificationListItemQualification({ formattedMetadataQualification }: {
-    formattedMetadataQualification: any;
-}): JSX.Element | null;
+declare function QualificationListItemQualification({ file, onClick }: {
+    file: any;
+    onClick: any;
+}): JSX.Element;
 declare namespace QualificationListItemQualification {
     const displayName: string;
     namespace propTypes {
-        const formattedMetadataQualification: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<string>;
-        }>>;
+        const file: PropTypes.Requireable<object>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
 import PropTypes from "prop-types";

package/dist/Panel/QualificationListItemQualification.js

@@ -13,6 +13,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _paper = require("cozy-client/dist/models/paper");
 
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Right = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Right"));
+
 var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
 
 var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
@@ -26,21 +30,22 @@ var _QualificationIconStack = _interopRequireDefault(require("cozy-ui/transpiled
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var QualificationListItemQualification = function QualificationListItemQualification(_ref) {
-  var formattedMetadataQualification = _ref.formattedMetadataQualification;
+  var file = _ref.file,
+      onClick = _ref.onClick;
 
   var _useI18n = (0, _I18n.useI18n)(),
       lang = _useI18n.lang;
 
-  var name = formattedMetadataQualification.name,
-      value = formattedMetadataQualification.value;
-  if (!value) return null;
+  var value = file.metadata.qualification.label;
   var formattedValue = (0, _paper.formatOtherMetadataValue)(value, {
     lang: lang,
-    name: name
+    name: 'qualification'
   });
   return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     size: "large",
-    divider: true
+    divider: true,
+    button: true,
+    onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_QualificationIconStack.default, {
     qualification: value
   })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
@@ -50,15 +55,16 @@ var QualificationListItemQualification = function QualificationListItemQualifica
     primaryTypographyProps: {
       variant: 'h6'
     }
-  }));
+  }), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Right.default,
+    color: "var(--secondaryTextColor)"
+  })));
 };
 
 QualificationListItemQualification.displayName = 'QualificationListItemQualification';
 QualificationListItemQualification.propTypes = {
-  formattedMetadataQualification: _propTypes.default.shape({
-    name: _propTypes.default.string,
-    value: _propTypes.default.string
-  })
+  file: _propTypes.default.object,
+  onClick: _propTypes.default.func
 };
 
 var _default = exports.default = QualificationListItemQualification;

package/dist/Panel/QualificationListItemQualificationEmpty.d.ts

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

package/dist/Panel/QualificationListItemQualificationEmpty.js

@@ -0,0 +1,60 @@
+"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 _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _LabelOutlined = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/LabelOutlined"));
+
+var _Right = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Right"));
+
+var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
+
+var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
+
+var _withViewerLocales = require("../hoc/withViewerLocales");
+
+var QualificationListItemQualificationEmpty = function QualificationListItemQualificationEmpty(_ref) {
+  var t = _ref.t,
+      onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: true,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _LabelOutlined.default
+  })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    style: {
+      color: 'var(--disabledTextColor)'
+    },
+    primaryTypographyProps: {
+      color: 'inherit'
+    },
+    secondaryTypographyProps: {
+      color: 'inherit'
+    },
+    primary: t('Viewer.panel.qualification.empty.primary'),
+    secondary: t('Viewer.panel.qualification.empty.secondary')
+  }), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Right.default,
+    color: "var(--secondaryTextColor)"
+  }))));
+};
+
+QualificationListItemQualificationEmpty.propTypes = {
+  onClick: _propTypes.default.func
+};
+
+var _default = exports.default = (0, _withViewerLocales.withViewerLocales)(QualificationListItemQualificationEmpty);

package/dist/Panel/Sharing.js

@@ -70,7 +70,8 @@ var Sharing = function Sharing(_ref) {
       variant: 'h6'
     }
   }), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: _Right.default
+    icon: _Right.default,
+    color: "var(--secondaryTextColor)"
   }))), /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_cozySharing.LinkRecipientLite, {
     permissions: permissions,
     link: link

package/dist/Panel/Summary.js

@@ -121,7 +121,7 @@ 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, {
-    primary: value && label,
+    primary: value ? label : undefined,
     secondary: value || label,
     disabled: !value
   }), value ? /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -134,7 +134,8 @@ var Summary = function Summary(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Dots.default
   }))) : /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icon: _Right.default
+    icon: _Right.default,
+    color: "var(--secondaryTextColor)"
   }))), showModal && /*#__PURE__*/_react.default.createElement(_SummaryDialog.default, {
     file: file,
     onClose: function onClose() {

package/dist/Panel/getPanelBlocks.js

@@ -44,7 +44,9 @@ var getPanelBlocksSpecs = exports.getPanelBlocksSpecs = function getPanelBlocksS
       component: _Summary.default
     },
     qualifications: {
-      condition: _file.hasQualifications,
+      condition: function condition() {
+        return true;
+      },
       component: _Qualification.default
     },
     konnector: {

package/dist/Panel/helpers.d.ts

@@ -3,3 +3,80 @@ export function makeDate(lang: string): string;
 export function makeSize(bytes: number): string;
 export function makePath(file: any): string;
 export function makeHideDivider(formattedMetadataQualification: array, idx: number): boolean;
+export namespace metadataByQualificationLabel {
+    const accommodation_proof: string[];
+    const bank_details: string[];
+    const bank_statement: string[];
+    const birth_certificate: never[];
+    const caf: string[];
+    const car_insurance: never[];
+    const condition_report: string[];
+    const diploma: string[];
+    const divorce: never[];
+    const driver_license: string[];
+    const electoral_card: string[];
+    const employment_center_certificate: string[];
+    const energy_invoice: string[];
+    const expense_claim: string[];
+    const family_record_book: never[];
+    const fidelity_card: string[];
+    const health_certificate: string[];
+    const health_insurance_card: string[];
+    const house_insurance: string[];
+    const identity_photo: string[];
+    const isp_invoice: string[];
+    const lease: string[];
+    const loan_agreement: string[];
+    const national_health_insurance_card: string[];
+    const national_health_insurance_right_certificate: string[];
+    const national_id_card: string[];
+    const note_activity_document: never[];
+    const note_family_document: never[];
+    const note_finance: never[];
+    const note_health_document: never[];
+    const note_house_document: never[];
+    const note_identity_document: never[];
+    const note_invoice: never[];
+    const note_transport_document: never[];
+    const note_work_document: never[];
+    const other_activity_document: string[];
+    const other_administrative_document: string[];
+    const other_bank_document: string[];
+    const other_family_document: string[];
+    const other_health_document: string[];
+    const other_house_document: string[];
+    const other_identity_document: string[];
+    const other_invoice: string[];
+    const other_revenue: string[];
+    const other_transport_document: string[];
+    const other_work_document: string[];
+    const pacs: string[];
+    const passport: string[];
+    const pay_sheet: string[];
+    const payment_proof_family_allowance: string[];
+    const phone_invoice: string[];
+    const pregnancy_medical_certificate: string[];
+    const prescription: string[];
+    const real_estate_tax: string[];
+    const rent_receipt: string[];
+    const residence_permit: string[];
+    const resume: string[];
+    const school_attendance_certificate: string[];
+    const school_insurance_certificate: string[];
+    const single_parent_benefit: string[];
+    const student_card: string[];
+    const tax_certificate: string[];
+    const tax_notice: string[];
+    const tax_return: string[];
+    const tax_timetable: string[];
+    const transport_card: string[];
+    const transport_invoice: string[];
+    const unemployment_benefit: string[];
+    const unfit_for_habitation_declaration: string[];
+    const vehicle_registration: string[];
+    const water_invoice: string[];
+    const work_contract: string[];
+    const work_disability_recognition: string[];
+    const work_quote: never[];
+}
+export function makeFormattedMetadataQualification(file: any): array;