@manuscripts/style-guide 1.3.2-LEAN-2859-0 → 1.3.2-LEAN-2859-1

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

@@ -9,9 +9,9 @@ const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Tooltip_1 = require("./Tooltip");
 const FileCreatedDate = ({ file, className }) => {
-    return file.createdDate ? (react_1.default.createElement(exports.FileDateContainer, { "data-tip": "tooltip-content", className: className },
+    return file.createdDate ? (react_1.default.createElement(exports.FileDateContainer, { "data-tip": "File Uploaded", "data-for": `${file.id}-created-date`, className: className },
         react_1.default.createElement(exports.FileDate, null, (0, date_fns_1.format)(new Date(file.createdDate), 'M/d/yy, HH:mm')),
-        react_1.default.createElement(Tooltip_1.Tooltip, { place: "bottom", offset: { top: 0 }, effect: "solid", className: "tooltip" }, "File Uploaded"))) : (react_1.default.createElement(react_1.default.Fragment, null));
+        react_1.default.createElement(Tooltip_1.Tooltip, { id: `${file.id}-created-date`, place: "bottom", offset: { top: 0 }, effect: "solid", className: "tooltip" }, "File Uploaded"))) : (react_1.default.createElement(react_1.default.Fragment, null));
 };
 exports.FileCreatedDate = FileCreatedDate;
 exports.FileDateContainer = styled_components_1.default.div `

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

@@ -7,12 +7,10 @@ exports.FileNameText = exports.FileName = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const FileTypeIcon_1 = require("./FileTypeIcon");
-const Tooltip_1 = require("./Tooltip");
 const FileName = ({ file }) => {
     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, null, file.name),
-        react_1.default.createElement(Tooltip_1.Tooltip, { place: "bottom", offset: { top: 0 }, effect: "solid", className: "tooltip" }, file.name)));
+        react_1.default.createElement(exports.FileNameText, null, file.name)));
 };
 exports.FileName = FileName;
 exports.FileNameText = styled_components_1.default.div `

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

@@ -103,6 +103,7 @@ const Element = styled_components_1.default.div `
 const ElementLabelContainer = styled_components_1.default.div `
   display: flex;
   padding: 20px 16px;
+  cursor: pointer;
 `;
 const ElementLabel = styled_components_1.default.div `
   color: ${(props) => props.theme.colors.text.primary};

package/dist/cjs/hooks/use-files.js

@@ -13,6 +13,7 @@ const useFiles = (modelMap, files, filter) => (0, use_deep_compare_1.useDeepComp
     const inlineFiles = (0, files_1.getInlineFiles)(modelMap, files);
     const supplements = (0, files_1.getSupplements)(modelMap, files);
     const otherFiles = getOtherFiles(inlineFiles, supplements, files, filter);
+    console.log('useFiles called');
     return {
         inlineFiles,
         supplements,

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

@@ -3,9 +3,9 @@ import React from 'react';
 import styled from 'styled-components';
 import { Tooltip } from './Tooltip';
 export const FileCreatedDate = ({ file, className }) => {
-    return file.createdDate ? (React.createElement(FileDateContainer, { "data-tip": "tooltip-content", className: className },
+    return file.createdDate ? (React.createElement(FileDateContainer, { "data-tip": "File Uploaded", "data-for": `${file.id}-created-date`, className: className },
         React.createElement(FileDate, null, format(new Date(file.createdDate), 'M/d/yy, HH:mm')),
-        React.createElement(Tooltip, { place: "bottom", offset: { top: 0 }, effect: "solid", className: "tooltip" }, "File Uploaded"))) : (React.createElement(React.Fragment, null));
+        React.createElement(Tooltip, { id: `${file.id}-created-date`, place: "bottom", offset: { top: 0 }, effect: "solid", className: "tooltip" }, "File Uploaded"))) : (React.createElement(React.Fragment, null));
 };
 export const FileDateContainer = styled.div `
   overflow: hidden;

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

@@ -1,12 +1,10 @@
 import React from 'react';
 import styled from 'styled-components';
 import { FileTypeIcon } from './FileTypeIcon';
-import { Tooltip } from './Tooltip';
 export const FileName = ({ file }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(FileTypeIcon, { file: file }),
-        React.createElement(FileNameText, null, file.name),
-        React.createElement(Tooltip, { place: "bottom", offset: { top: 0 }, effect: "solid", className: "tooltip" }, file.name)));
+        React.createElement(FileNameText, null, file.name)));
 };
 export const FileNameText = styled.div `
   font-family: ${(props) => props.theme.font.family.Lato};

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

@@ -73,6 +73,7 @@ const Element = styled.div `
 const ElementLabelContainer = styled.div `
   display: flex;
   padding: 20px 16px;
+  cursor: pointer;
 `;
 const ElementLabel = styled.div `
   color: ${(props) => props.theme.colors.text.primary};

package/dist/es/hooks/use-files.js

@@ -10,6 +10,7 @@ export const useFiles = (modelMap, files, filter) => useDeepCompareMemo(() => {
     const inlineFiles = getInlineFiles(modelMap, files);
     const supplements = getSupplements(modelMap, files);
     const otherFiles = getOtherFiles(inlineFiles, supplements, files, filter);
+    console.log('useFiles called');
     return {
         inlineFiles,
         supplements,

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

@@ -6,6 +6,7 @@ import { Capabilities } from '../../lib/capabilities';
 import { FileAttachment } from '../../lib/files';
 export type Upload = (file: File) => Promise<FileAttachment>;
 export type Download = (file: FileAttachment) => void;
+export type PreviewLink = (file: FileAttachment) => string | undefined;
 export type Replace = (file: File) => Promise<void>;
 export type Move = {
     sectionType: FileSectionType;
@@ -14,6 +15,7 @@ export type Move = {
 export interface FileManagement {
     upload: Upload;
     download: Download;
+    previewLink: PreviewLink;
 }
 export type SaveModel = <T extends Model>(model: T | Build<T> | Partial<T>) => Promise<T>;
 export type DeleteModel = (id: string) => Promise<string>;

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

@@ -8,7 +8,6 @@ export type FileAttachment = {
     id: string;
     name: string;
     type: FileDesignation;
-    link?: string;
     createdDate?: Date;
 };
 export type ModelFile = FileAttachment & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.3.2-LEAN-2859-0",
+  "version": "1.3.2-LEAN-2859-1",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",