cozy-ui 75.4.0 → 75.5.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [75.5.0](https://github.com/cozy/cozy-ui/compare/v75.4.1...v75.5.0) (2022-09-29)
+
+
+### Features
+
+* **Viewer:** Add new condition for isEditableAttribute helper ([af99054](https://github.com/cozy/cozy-ui/commit/af99054))
+
+## [75.4.1](https://github.com/cozy/cozy-ui/compare/v75.4.0...v75.4.1) (2022-09-27)
+
+
+### Bug Fixes
+
+* Rename componentWill* to UNSAFE_componentWill* ([10b5fba](https://github.com/cozy/cozy-ui/commit/10b5fba))
+
 # [75.4.0](https://github.com/cozy/cozy-ui/compare/v75.3.0...v75.4.0) (2022-09-26)
 
 

package/CODEOWNERS

@@ -1,2 +1,2 @@
 # General code owners
-*       @JF-Cozy @Merkur39 @trollepierre @Ldoppea
+*       @JF-Cozy @Merkur39 @Ldoppea

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "75.4.0",
+  "version": "75.5.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/Viewer/Panel/ActionMenuWrapper.jsx

@@ -6,19 +6,18 @@ import { useAppLinkWithStoreFallback, useClient } from 'cozy-client'
 import useBreakpoints from '../../hooks/useBreakpoints'
 import { useI18n } from '../../I18n'
 import useViewerSnackbar from '../providers/ViewerSnackbarProvider'
-import { buildEditAttributePath, getCurrentModel } from '../helpers'
+import {
+  buildEditAttributePath,
+  isEditableAttribute,
+  getCurrentModel
+} from '../helpers'
 import useActionMenuContext from '../providers/ActionMenuProvider'
 import ActionMenuMobile from './ActionMenuMobile'
 import ActionMenuDesktop from './ActionMenuDesktop'
 
 const mespapiersAppSlug = 'mespapiers'
 
-const checkEditableAttribute = name => {
-  const isNotEditableAttributes = ['datetime', 'qualification']
-  return !isNotEditableAttributes.includes(name)
-}
-
-const ActionMenuWrapper = forwardRef(({ onClose, optionFile }, ref) => {
+const ActionMenuWrapper = forwardRef(({ onClose, file, optionFile }, ref) => {
   const { name, value } = optionFile
   const editPathByModelProps = useActionMenuContext()
   const { isMobile } = useBreakpoints()
@@ -26,7 +25,6 @@ const ActionMenuWrapper = forwardRef(({ onClose, optionFile }, ref) => {
   const { showViewerSnackbar } = useViewerSnackbar()
   const client = useClient()
 
-  const isEditableAttribute = checkEditableAttribute(name)
   const currentModel = getCurrentModel(name)
   const editPath = buildEditAttributePath(
     editPathByModelProps,
@@ -65,7 +63,7 @@ const ActionMenuWrapper = forwardRef(({ onClose, optionFile }, ref) => {
     return (
       <ActionMenuMobile
         onClose={onClose}
-        isEditable={Boolean(editPath) && isEditableAttribute}
+        isEditable={Boolean(editPath) && isEditableAttribute(name, file)}
         actions={{ handleCopy, handleEdit }}
         appLink={url}
         appSlug={mespapiersAppSlug}
@@ -77,7 +75,7 @@ const ActionMenuWrapper = forwardRef(({ onClose, optionFile }, ref) => {
     <ActionMenuDesktop
       ref={ref}
       onClose={onClose}
-      isEditable={Boolean(editPath) && isEditableAttribute}
+      isEditable={Boolean(editPath) && isEditableAttribute(name, file)}
       actions={{ handleCopy, handleEdit }}
       appLink={url}
       appSlug={mespapiersAppSlug}
@@ -88,6 +86,7 @@ ActionMenuWrapper.displayName = 'ActionMenuWrapper'
 
 ActionMenuWrapper.propTypes = {
   onClose: PropTypes.func,
+  file: PropTypes.object,
   optionFile: PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.string

package/react/Viewer/Panel/getPanelBlocks.jsx

@@ -1,13 +1,11 @@
 import KonnectorBlock from 'cozy-harvest-lib/dist/components/KonnectorBlock'
+import { models } from 'cozy-client'
 
-import {
-  hasCertifications,
-  hasQualifications,
-  isFromKonnector
-} from '../helpers'
 import Certifications from './Certifications'
 import Qualification from './Qualification'
 
+const { isFromKonnector, hasQualifications, hasCertifications } = models.file
+
 export const panelBlocksSpecs = {
   qualifications: {
     condition: hasQualifications,
@@ -27,7 +25,7 @@ const getPanelBlocks = ({ panelBlocksSpecs, file }) => {
   const panelBlocks = []
 
   Object.values(panelBlocksSpecs).forEach(panelBlock => {
-    panelBlock.condition({ file }) && panelBlocks.push(panelBlock.component)
+    panelBlock.condition(file) && panelBlocks.push(panelBlock.component)
   })
 
   return panelBlocks

package/react/Viewer/ViewersByFile/ImageViewer.jsx

@@ -36,7 +36,7 @@ class ImageViewer extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.file &&
       this.props.file &&

package/react/Viewer/components/ViewerByFile.jsx

@@ -2,10 +2,11 @@ import React, { useMemo } from 'react'
 import PropTypes from 'prop-types'
 
 import { isMobile as isMobileDevice } from 'cozy-device-helper'
+import { models } from 'cozy-client'
+
 import { FileDoctype } from '../../proptypes'
 import withBreakpoints from '../../helpers/withBreakpoints'
 
-import { isPlainText } from '../helpers'
 import ImageViewer from '../ViewersByFile/ImageViewer'
 import AudioViewer from '../ViewersByFile/AudioViewer'
 import VideoViewer from '../ViewersByFile/VideoViewer'
@@ -18,6 +19,8 @@ import OnlyOfficeViewer from '../ViewersByFile/OnlyOfficeViewer'
 
 import { useEncrypted } from '../providers/EncryptedProvider'
 
+const { isPlainText } = models.file
+
 export const getViewerComponentName = ({
   file,
   isDesktop,

package/react/Viewer/helpers.js

@@ -1,6 +1,10 @@
-import has from 'lodash/has'
 import { models } from 'cozy-client'
-const { isEncrypted } = models.file
+const {
+  isEncrypted,
+  isFromKonnector,
+  hasQualifications,
+  hasCertifications
+} = models.file
 
 export const knownDateMetadataNames = [
   'AObtentionDate',
@@ -41,25 +45,6 @@ export const getCurrentModel = metadataName => {
  * @property {string} type - doctype of the document
  */
 
-// TODO : should be in file model of cozy-client
-export const isPlainText = (mimeType = '', fileName = '') => {
-  return mimeType ? /^text\//.test(mimeType) : /\.(txt|md)$/.test(fileName)
-}
-
-export const hasQualifications = ({ file }) => {
-  return has(file, 'metadata.qualification')
-}
-
-export const hasCertifications = ({ file }) => {
-  return (
-    has(file, 'metadata.carbonCopy') || has(file, 'metadata.electronicSafe')
-  )
-}
-
-export const isFromKonnector = ({ file }) => {
-  return has(file, 'cozyMetadata.sourceAccount')
-}
-
 /**
  * Checks if the file matches one of the following conditions:
  * - Is certified
@@ -72,9 +57,7 @@ export const isFromKonnector = ({ file }) => {
  */
 export const isValidForPanel = ({ file }) => {
   return (
-    hasCertifications({ file }) ||
-    hasQualifications({ file }) ||
-    isFromKonnector({ file })
+    hasCertifications(file) || hasQualifications(file) || isFromKonnector(file)
   )
 }
 
@@ -165,3 +148,12 @@ export const buildEditAttributePath = (
   const currentPath = editPathByModelProps[currentModel]
   return currentPath?.replace(/__NAME__/, name) ?? ''
 }
+
+export const isEditableAttribute = (name, file) => {
+  const isNotEditableAttributes = ['datetime', 'qualification']
+
+  return (
+    !isNotEditableAttributes.includes(name) &&
+    ((name === 'issueDate' && !isFromKonnector(file)) || name !== 'issueDate')
+  )
+}

package/react/Viewer/helpers.spec.js

@@ -2,12 +2,12 @@ import { createMockClient } from 'cozy-client'
 
 import {
   downloadFile,
-  isPlainText,
   formatMetadataQualification,
   getCurrentModel,
   buildEditAttributePath,
   knownDateMetadataNames,
-  knownInformationMetadataNames
+  knownInformationMetadataNames,
+  isEditableAttribute
 } from './helpers'
 
 const fakeMetadata = {
@@ -50,50 +50,6 @@ const computedMetadata = [
 ]
 
 describe('helpers', () => {
-  describe('isPlainText', () => {
-    describe('using mime types', () => {
-      it('should match mime types starting with "text/"', () => {
-        expect(isPlainText('text/plain')).toBe(true)
-        expect(isPlainText('text/markdown')).toBe(true)
-        expect(isPlainText('application/text')).toBe(false)
-        expect(isPlainText('something/text/else')).toBe(false)
-        expect(isPlainText('text/vnd.cozy.note+markdown')).toBe(true)
-      })
-
-      it('should not match complex text formats', () => {
-        expect(isPlainText('application/msword')).toBe(false)
-        expect(isPlainText('application/vnd.oasis.opendocument.text')).toBe(
-          false
-        )
-        expect(isPlainText('application/x-iwork-pages-sffpages')).toBe(false)
-      })
-
-      it('should not use the filename if a mime type is present', () => {
-        expect(isPlainText('application/msword', 'iswearitstext.txt')).toBe(
-          false
-        )
-      })
-    })
-
-    describe('using file names', () => {
-      it('should match txt files', () => {
-        expect(isPlainText(undefined, 'iswearitstext.txt')).toBe(true)
-      })
-
-      it('should match md files', () => {
-        expect(isPlainText(undefined, 'markdown.md')).toBe(true)
-      })
-
-      it('should not match anything else', () => {
-        expect(isPlainText(undefined, 'file.doc')).toBe(false)
-        expect(isPlainText(undefined, 'file.docx')).toBe(false)
-        expect(isPlainText(undefined, 'file.pages')).toBe(false)
-        expect(isPlainText(undefined, 'file.odt')).toBe(false)
-        expect(isPlainText(undefined, 'file.csv')).toBe(false)
-        expect(isPlainText(undefined, 'file.vcf')).toBe(false)
-      })
-    })
-  })
   describe('download', () => {
     const client = new createMockClient({})
     const mockDownload = jest.fn()
@@ -156,4 +112,53 @@ describe('helpers', () => {
       expect(buildPagePath).toBe('#/paper/edit/page/01?backgroundPath=/path')
     })
   })
+  describe('isEditableAttribute', () => {
+    const makeFile = ({ fromConnector } = {}) => ({
+      _id: '00',
+      name: 'file',
+      cozyMetadata: fromConnector ? { sourceAccount: '123' } : {}
+    })
+    describe('file provided by a Connector', () => {
+      it('"issueDate" should not be a editable attribute', () => {
+        const issueDate = isEditableAttribute(
+          'issueDate',
+          makeFile({ fromConnector: true })
+        )
+        expect(issueDate).toBe(false)
+      })
+      it('"cardNumber" should be an editable attribute', () => {
+        const cardNumber = isEditableAttribute(
+          'cardNumber',
+          makeFile({ fromConnector: true })
+        )
+        expect(cardNumber).toBe(true)
+      })
+      it('"datetime" should not be an editable attribute', () => {
+        const datetime = isEditableAttribute('datetime', makeFile())
+        expect(datetime).toBe(false)
+      })
+      it('"qualification" should not be an editable attribute', () => {
+        const qualification = isEditableAttribute('qualification', makeFile())
+        expect(qualification).toBe(false)
+      })
+    })
+    describe('file NOT provided by a Connector', () => {
+      it('"issueDate" should not be a editable attribute', () => {
+        const issueDate = isEditableAttribute('issueDate', makeFile())
+        expect(issueDate).toBe(true)
+      })
+      it('"cardNumber" should be a editable attribute', () => {
+        const cardNumber = isEditableAttribute('cardNumber', makeFile())
+        expect(cardNumber).toBe(true)
+      })
+      it('"datetime" should not be an editable attribute', () => {
+        const datetime = isEditableAttribute('datetime', makeFile())
+        expect(datetime).toBe(false)
+      })
+      it('"qualification" should not be an editable attribute', () => {
+        const qualification = isEditableAttribute('qualification', makeFile())
+        expect(qualification).toBe(false)
+      })
+    })
+  })
 })

package/react/Viewer/hoc/withFileUrl.jsx

@@ -20,11 +20,11 @@ const withFileUrl = BaseComponent =>
     static contextTypes = {
       client: PropTypes.object.isRequired
     }
-    componentWillMount() {
+    UNSAFE_componentWillMount() {
       this.loadDownloadUrl()
     }
 
-    componentWillReceiveProps(nextProps) {
+    UNSAFE_componentWillReceiveProps(nextProps) {
       if (
         nextProps.file.id !== this.props.file.id ||
         nextProps.url !== this.props.url

package/transpiled/react/Viewer/Panel/ActionMenuWrapper.js

@@ -4,19 +4,14 @@ import { useAppLinkWithStoreFallback, useClient } from 'cozy-client';
 import useBreakpoints from "cozy-ui/transpiled/react/hooks/useBreakpoints";
 import { useI18n } from "cozy-ui/transpiled/react/I18n";
 import useViewerSnackbar from "cozy-ui/transpiled/react/Viewer/providers/ViewerSnackbarProvider";
-import { buildEditAttributePath, getCurrentModel } from "cozy-ui/transpiled/react/Viewer/helpers";
+import { buildEditAttributePath, isEditableAttribute, getCurrentModel } from "cozy-ui/transpiled/react/Viewer/helpers";
 import useActionMenuContext from "cozy-ui/transpiled/react/Viewer/providers/ActionMenuProvider";
 import ActionMenuMobile from "cozy-ui/transpiled/react/Viewer/Panel/ActionMenuMobile";
 import ActionMenuDesktop from "cozy-ui/transpiled/react/Viewer/Panel/ActionMenuDesktop";
 var mespapiersAppSlug = 'mespapiers';
-
-var checkEditableAttribute = function checkEditableAttribute(name) {
-  var isNotEditableAttributes = ['datetime', 'qualification'];
-  return !isNotEditableAttributes.includes(name);
-};
-
 var ActionMenuWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onClose = _ref.onClose,
+      file = _ref.file,
       optionFile = _ref.optionFile;
   var name = optionFile.name,
       value = optionFile.value;
@@ -32,7 +27,6 @@ var ActionMenuWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
       showViewerSnackbar = _useViewerSnackbar.showViewerSnackbar;
 
   var client = useClient();
-  var isEditableAttribute = checkEditableAttribute(name);
   var currentModel = getCurrentModel(name);
   var editPath = buildEditAttributePath(editPathByModelProps, currentModel, optionFile.name);
 
@@ -65,7 +59,7 @@ var ActionMenuWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   if (isMobile) {
     return /*#__PURE__*/React.createElement(ActionMenuMobile, {
       onClose: onClose,
-      isEditable: Boolean(editPath) && isEditableAttribute,
+      isEditable: Boolean(editPath) && isEditableAttribute(name, file),
       actions: {
         handleCopy: handleCopy,
         handleEdit: handleEdit
@@ -78,7 +72,7 @@ var ActionMenuWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(ActionMenuDesktop, {
     ref: ref,
     onClose: onClose,
-    isEditable: Boolean(editPath) && isEditableAttribute,
+    isEditable: Boolean(editPath) && isEditableAttribute(name, file),
     actions: {
       handleCopy: handleCopy,
       handleEdit: handleEdit
@@ -90,6 +84,7 @@ var ActionMenuWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
 ActionMenuWrapper.displayName = 'ActionMenuWrapper';
 ActionMenuWrapper.propTypes = {
   onClose: PropTypes.func,
+  file: PropTypes.object,
   optionFile: PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.string

package/transpiled/react/Viewer/Panel/getPanelBlocks.js

@@ -1,7 +1,11 @@
 import KonnectorBlock from 'cozy-harvest-lib/dist/components/KonnectorBlock';
-import { hasCertifications, hasQualifications, isFromKonnector } from "cozy-ui/transpiled/react/Viewer/helpers";
+import { models } from 'cozy-client';
 import Certifications from "cozy-ui/transpiled/react/Viewer/Panel/Certifications";
 import Qualification from "cozy-ui/transpiled/react/Viewer/Panel/Qualification";
+var _models$file = models.file,
+    isFromKonnector = _models$file.isFromKonnector,
+    hasQualifications = _models$file.hasQualifications,
+    hasCertifications = _models$file.hasCertifications;
 export var panelBlocksSpecs = {
   qualifications: {
     condition: hasQualifications,
@@ -22,9 +26,7 @@ var getPanelBlocks = function getPanelBlocks(_ref) {
       file = _ref.file;
   var panelBlocks = [];
   Object.values(panelBlocksSpecs).forEach(function (panelBlock) {
-    panelBlock.condition({
-      file: file
-    }) && panelBlocks.push(panelBlock.component);
+    panelBlock.condition(file) && panelBlocks.push(panelBlock.component);
   });
   return panelBlocks;
 };

package/transpiled/react/Viewer/ViewersByFile/ImageViewer.js

@@ -116,8 +116,8 @@ var ImageViewer = /*#__PURE__*/function (_Component) {
   }
 
   _createClass(ImageViewer, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       if (nextProps.file && this.props.file && nextProps.file.id !== this.props.file.id) {
         this.tearDownGestures();
         this.setState({

package/transpiled/react/Viewer/components/ViewerByFile.js

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { isMobile as isMobileDevice } from 'cozy-device-helper';
+import { models } from 'cozy-client';
 import { FileDoctype } from "cozy-ui/transpiled/react/proptypes";
 import withBreakpoints from "cozy-ui/transpiled/react/helpers/withBreakpoints";
-import { isPlainText } from "cozy-ui/transpiled/react/Viewer/helpers";
 import ImageViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/ImageViewer";
 import AudioViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/AudioViewer";
 import VideoViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/VideoViewer";
@@ -14,6 +14,7 @@ import NoViewer from "cozy-ui/transpiled/react/Viewer/NoViewer";
 import ShortcutViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/ShortcutViewer";
 import OnlyOfficeViewer from "cozy-ui/transpiled/react/Viewer/ViewersByFile/OnlyOfficeViewer";
 import { useEncrypted } from "cozy-ui/transpiled/react/Viewer/providers/EncryptedProvider";
+var isPlainText = models.file.isPlainText;
 export var getViewerComponentName = function getViewerComponentName(_ref) {
   var file = _ref.file,
       isDesktop = _ref.isDesktop,

package/transpiled/react/Viewer/helpers.js

@@ -1,9 +1,12 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import has from 'lodash/has';
 import { models } from 'cozy-client';
-var isEncrypted = models.file.isEncrypted;
+var _models$file = models.file,
+    isEncrypted = _models$file.isEncrypted,
+    isFromKonnector = _models$file.isFromKonnector,
+    hasQualifications = _models$file.hasQualifications,
+    hasCertifications = _models$file.hasCertifications;
 export var knownDateMetadataNames = ['AObtentionDate', 'BObtentionDate', 'CObtentionDate', 'DObtentionDate', 'obtentionDate', 'expirationDate', 'referencedDate', 'issueDate', 'shootingDate', 'date', 'datetime'];
 export var knownInformationMetadataNames = ['number', 'cardNumber', 'vinNumber', 'ibanNumber', 'country'];
 export var knownOtherMetadataNames = ['contact', 'page', 'qualification'];
@@ -20,25 +23,7 @@ export var getCurrentModel = function getCurrentModel(metadataName) {
  * @property {string} id - id of the document
  * @property {string} type - doctype of the document
  */
-// TODO : should be in file model of cozy-client
 
-export var isPlainText = function isPlainText() {
-  var mimeType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var fileName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return mimeType ? /^text\//.test(mimeType) : /\.(txt|md)$/.test(fileName);
-};
-export var hasQualifications = function hasQualifications(_ref) {
-  var file = _ref.file;
-  return has(file, 'metadata.qualification');
-};
-export var hasCertifications = function hasCertifications(_ref2) {
-  var file = _ref2.file;
-  return has(file, 'metadata.carbonCopy') || has(file, 'metadata.electronicSafe');
-};
-export var isFromKonnector = function isFromKonnector(_ref3) {
-  var file = _ref3.file;
-  return has(file, 'cozyMetadata.sourceAccount');
-};
 /**
  * Checks if the file matches one of the following conditions:
  * - Is certified
@@ -50,24 +35,18 @@ export var isFromKonnector = function isFromKonnector(_ref3) {
  * @returns {boolean}
  */
 
-export var isValidForPanel = function isValidForPanel(_ref4) {
-  var file = _ref4.file;
-  return hasCertifications({
-    file: file
-  }) || hasQualifications({
-    file: file
-  }) || isFromKonnector({
-    file: file
-  });
+export var isValidForPanel = function isValidForPanel(_ref) {
+  var file = _ref.file;
+  return hasCertifications(file) || hasQualifications(file) || isFromKonnector(file);
 };
 export var downloadFile = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref5) {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
     var client, file, url;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            client = _ref5.client, file = _ref5.file, url = _ref5.url;
+            client = _ref2.client, file = _ref2.file, url = _ref2.url;
 
             if (!isEncrypted(file)) {
               _context.next = 3;
@@ -88,17 +67,17 @@ export var downloadFile = /*#__PURE__*/function () {
   }));
 
   return function downloadFile(_x) {
-    return _ref6.apply(this, arguments);
+    return _ref3.apply(this, arguments);
   };
 }();
 export var isFileEncrypted = function isFileEncrypted(file) {
   return isEncrypted(file);
 };
 
-var makeMetadataQualification = function makeMetadataQualification(_ref7) {
-  var metadata = _ref7.metadata,
-      knownMetadataName = _ref7.knownMetadataName,
-      value = _ref7.value;
+var makeMetadataQualification = function makeMetadataQualification(_ref4) {
+  var metadata = _ref4.metadata,
+      knownMetadataName = _ref4.knownMetadataName,
+      value = _ref4.value;
   var shouldReturnThisMetadata = Object.keys(metadata).includes(knownMetadataName);
 
   if (shouldReturnThisMetadata) {
@@ -144,10 +123,10 @@ export var formatMetadataQualification = function formatMetadataQualification(me
   }).filter(Boolean);
   return [].concat(_toConsumableArray(dates), _toConsumableArray(informations), _toConsumableArray(others));
 };
-export var formatDate = function formatDate(_ref8) {
-  var f = _ref8.f,
-      lang = _ref8.lang,
-      date = _ref8.date;
+export var formatDate = function formatDate(_ref5) {
+  var f = _ref5.f,
+      lang = _ref5.lang,
+      date = _ref5.date;
 
   if (lang === 'en') {
     return f(date, 'MM/DD/YYYY');
@@ -167,4 +146,8 @@ export var buildEditAttributePath = function buildEditAttributePath(editPathByMo
 
   var currentPath = editPathByModelProps[currentModel];
   return (_currentPath$replace = currentPath === null || currentPath === void 0 ? void 0 : currentPath.replace(/__NAME__/, name)) !== null && _currentPath$replace !== void 0 ? _currentPath$replace : '';
+};
+export var isEditableAttribute = function isEditableAttribute(name, file) {
+  var isNotEditableAttributes = ['datetime', 'qualification'];
+  return !isNotEditableAttributes.includes(name) && (name === 'issueDate' && !isFromKonnector(file) || name !== 'issueDate');
 };

package/transpiled/react/Viewer/hoc/withFileUrl.js

@@ -64,13 +64,13 @@ var withFileUrl = function withFileUrl(BaseComponent) {
     }
 
     _createClass(withFileUrlClass, [{
-      key: "componentWillMount",
-      value: function componentWillMount() {
+      key: "UNSAFE_componentWillMount",
+      value: function UNSAFE_componentWillMount() {
         this.loadDownloadUrl();
       }
     }, {
-      key: "componentWillReceiveProps",
-      value: function componentWillReceiveProps(nextProps) {
+      key: "UNSAFE_componentWillReceiveProps",
+      value: function UNSAFE_componentWillReceiveProps(nextProps) {
         if (nextProps.file.id !== this.props.file.id || nextProps.url !== this.props.url) {
           this.reset();
         }