@manuscripts/article-editor 3.1.2 → 3.1.3

package/dist/cjs/components/FileManager/FileName.js

@@ -3,14 +3,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileNameText = exports.FileName = void 0;
+exports.FileNameContainer = exports.FileNameText = exports.FileName = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
+const files_1 = require("../../lib/files");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const FileName = ({ file }) => {
+    const maxBaseNameLength = 30; // Adjust this value as needed
+    // Get the trimmed filename
+    const trimmedFilename = (0, files_1.trimFilename)(file.name, maxBaseNameLength);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { file: file }),
-        react_1.default.createElement(exports.FileNameText, { "data-cy": "filename" }, file.name)));
+        react_1.default.createElement(exports.FileNameContainer, { "data-tooltip-id": `${file.id}-file-name-tooltip` },
+            react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { file: file }),
+            react_1.default.createElement(exports.FileNameText, { "data-cy": "filename" },
+                trimmedFilename,
+                react_1.default.createElement(style_guide_1.Tooltip, { id: `${file.id}-file-name-tooltip`, place: "bottom" }, file.name)))));
 };
 exports.FileName = FileName;
 exports.FileNameText = styled_components_1.default.div `
@@ -25,4 +33,11 @@ exports.FileNameText = styled_components_1.default.div `
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
+exports.FileNameContainer = styled_components_1.default.div `
+  display: flex;
+
+  .react-tooltip {
+    max-width: 100% !important;
+  }
+`;
 //# sourceMappingURL=FileName.js.map

package/dist/cjs/components/FileManager/FileName.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileName.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileName.tsx"],"names":[],"mappings":";;;;;;AAYA,kDAAyB;AACzB,0EAAsC;AAEtC,iDAA6C;AAEtC,MAAM,QAAQ,GAEhB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,OAAO,CACL;QACE,8BAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,GAAI;QAC5B,8BAAC,oBAAY,eAAS,UAAU,IAAE,IAAI,CAAC,IAAI,CAAgB,CAC1D,CACJ,CAAA;AACH,CAAC,CAAA;AATY,QAAA,QAAQ,YASpB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;iBACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;eACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;iBACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;iBAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;WAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;iBACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;;CAKpD,CAAA"}
+{"version":3,"file":"FileName.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileName.tsx"],"names":[],"mappings":";;;;;;AAYA,0DAAkD;AAClD,kDAAyB;AACzB,0EAAsC;AAEtC,2CAA8C;AAC9C,iDAA6C;AAEtC,MAAM,QAAQ,GAEhB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,iBAAiB,GAAG,EAAE,CAAA,CAAC,8BAA8B;IAE3D,2BAA2B;IAC3B,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,IAAI,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAA;IAClE,OAAO,CACL;QACE,8BAAC,yBAAiB,uBAAkB,GAAG,IAAI,CAAC,EAAE,oBAAoB;YAChE,8BAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,GAAI;YAC5B,8BAAC,oBAAY,eAAS,UAAU;gBAC7B,eAAe;gBAChB,8BAAC,qBAAO,IAAC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAC,QAAQ,IACxD,IAAI,CAAC,IAAI,CACF,CACG,CACG,CACnB,CACJ,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,QAAQ,YAoBpB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;iBACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;eACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;iBACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;iBAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;WAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;iBACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;;CAKpD,CAAA;AACY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM1C,CAAA"}

package/dist/cjs/lib/files.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trimFilename = void 0;
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+const trimFilename = (filename, maxLength) => {
+    const lastDotIndex = filename.lastIndexOf('.');
+    if (lastDotIndex === -1) {
+        // No extension found, return the original filename
+        return filename;
+    }
+    const baseName = filename.substring(0, lastDotIndex);
+    const extension = filename.substring(lastDotIndex); // Includes the dot
+    if (baseName.length > maxLength) {
+        // Trim the base name and add ellipsis
+        const truncatedBaseName = baseName.substring(0, maxLength - 3); // Leave space for ellipsis
+        return `${truncatedBaseName}...${extension}`;
+    }
+    return filename;
+};
+exports.trimFilename = trimFilename;
+//# sourceMappingURL=files.js.map

package/dist/cjs/lib/files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.js","sourceRoot":"","sources":["../../../src/lib/files.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;GAUG;AACI,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,SAAiB,EAAE,EAAE;IAClE,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IAE9C,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE;QACvB,mDAAmD;QACnD,OAAO,QAAQ,CAAA;KAChB;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAA;IACpD,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA,CAAC,mBAAmB;IAEtE,IAAI,QAAQ,CAAC,MAAM,GAAG,SAAS,EAAE;QAC/B,sCAAsC;QACtC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAA,CAAC,2BAA2B;QAC1F,OAAO,GAAG,iBAAiB,MAAM,SAAS,EAAE,CAAA;KAC7C;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAlBY,QAAA,YAAY,gBAkBxB"}

package/dist/es/components/FileManager/FileName.js

@@ -1,10 +1,18 @@
+import { Tooltip } from '@manuscripts/style-guide';
 import React from 'react';
 import styled from 'styled-components';
+import { trimFilename } from '../../lib/files';
 import { FileTypeIcon } from './FileTypeIcon';
 export const FileName = ({ file }) => {
+    const maxBaseNameLength = 30; // Adjust this value as needed
+    // Get the trimmed filename
+    const trimmedFilename = trimFilename(file.name, maxBaseNameLength);
     return (React.createElement(React.Fragment, null,
-        React.createElement(FileTypeIcon, { file: file }),
-        React.createElement(FileNameText, { "data-cy": "filename" }, file.name)));
+        React.createElement(FileNameContainer, { "data-tooltip-id": `${file.id}-file-name-tooltip` },
+            React.createElement(FileTypeIcon, { file: file }),
+            React.createElement(FileNameText, { "data-cy": "filename" },
+                trimmedFilename,
+                React.createElement(Tooltip, { id: `${file.id}-file-name-tooltip`, place: "bottom" }, file.name)))));
 };
 export const FileNameText = styled.div `
   font-family: ${(props) => props.theme.font.family.Lato};
@@ -18,4 +26,11 @@ export const FileNameText = styled.div `
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
+export const FileNameContainer = styled.div `
+  display: flex;
+
+  .react-tooltip {
+    max-width: 100% !important;
+  }
+`;
 //# sourceMappingURL=FileName.js.map

package/dist/es/components/FileManager/FileName.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileName.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileName.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAEhB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,OAAO,CACL;QACE,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI;QAC5B,oBAAC,YAAY,eAAS,UAAU,IAAE,IAAI,CAAC,IAAI,CAAgB,CAC1D,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;iBACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;eACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;iBACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;iBAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;WAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;iBACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;;CAKpD,CAAA"}
+{"version":3,"file":"FileName.js","sourceRoot":"","sources":["../../../../src/components/FileManager/FileName.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAEhB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,iBAAiB,GAAG,EAAE,CAAA,CAAC,8BAA8B;IAE3D,2BAA2B;IAC3B,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAA;IAClE,OAAO,CACL;QACE,oBAAC,iBAAiB,uBAAkB,GAAG,IAAI,CAAC,EAAE,oBAAoB;YAChE,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI;YAC5B,oBAAC,YAAY,eAAS,UAAU;gBAC7B,eAAe;gBAChB,oBAAC,OAAO,IAAC,EAAE,EAAE,GAAG,IAAI,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAC,QAAQ,IACxD,IAAI,CAAC,IAAI,CACF,CACG,CACG,CACnB,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;iBACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;eACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;iBACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK;iBAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;WAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;iBACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;;CAKpD,CAAA;AACD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM1C,CAAA"}

package/dist/es/lib/files.js

@@ -0,0 +1,27 @@
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+export const trimFilename = (filename, maxLength) => {
+    const lastDotIndex = filename.lastIndexOf('.');
+    if (lastDotIndex === -1) {
+        // No extension found, return the original filename
+        return filename;
+    }
+    const baseName = filename.substring(0, lastDotIndex);
+    const extension = filename.substring(lastDotIndex); // Includes the dot
+    if (baseName.length > maxLength) {
+        // Trim the base name and add ellipsis
+        const truncatedBaseName = baseName.substring(0, maxLength - 3); // Leave space for ellipsis
+        return `${truncatedBaseName}...${extension}`;
+    }
+    return filename;
+};
+//# sourceMappingURL=files.js.map

package/dist/es/lib/files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.js","sourceRoot":"","sources":["../../../src/lib/files.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,SAAiB,EAAE,EAAE;IAClE,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IAE9C,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE;QACvB,mDAAmD;QACnD,OAAO,QAAQ,CAAA;KAChB;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAA;IACpD,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA,CAAC,mBAAmB;IAEtE,IAAI,QAAQ,CAAC,MAAM,GAAG,SAAS,EAAE;QAC/B,sCAAsC;QACtC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAA,CAAC,2BAA2B;QAC1F,OAAO,GAAG,iBAAiB,MAAM,SAAS,EAAE,CAAA;KAC7C;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/dist/types/components/FileManager/FileName.d.ts

@@ -15,3 +15,4 @@ export declare const FileName: React.FC<{
     file: FileAttachment;
 }>;
 export declare const FileNameText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FileNameContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/lib/files.d.ts

@@ -0,0 +1,12 @@
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+export declare const trimFilename: (filename: string, maxLength: number) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manuscripts/article-editor",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "license": "CPAL-1.0",
   "description": "React components for editing and viewing manuscripts",
   "repository": "github:Atypon-OpenSource/manuscripts-article-editor",
@@ -108,4 +108,4 @@
   "resolutions": {
     "@types/react": "^18.3.1"
   }
-}
+}