@manuscripts/style-guide 1.1.16-LEAN-2669-v11 → 1.1.16-LEAN-2669-v12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js +4 -2
  2. package/dist/cjs/components/FileManager/InlineFilesSection.js +3 -3
  3. package/dist/es/components/FileManager/FileSectionItem/FileInfo.js +4 -2
  4. package/dist/es/components/FileManager/InlineFilesSection.js +3 -3
  5. package/package.json +1 -1
package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js CHANGED
@@ -29,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
29
29
  exports.FileDescription = exports.FileDate = exports.FileName = exports.FileNameContainer = exports.FileTitle = exports.FileNameTitleContainer = exports.FileInfoContainer = exports.FileDateContainer = exports.FileInfo = void 0;
30
30
  const date_fns_1 = require("date-fns");
31
31
  const react_1 = __importStar(require("react"));
32
+ const react_tooltip_1 = __importDefault(require("react-tooltip"));
32
33
  const styled_components_1 = __importDefault(require("styled-components"));
33
34
  const FileManager_1 = require("../FileManager");
34
35
  const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, fileCreatedDate, }) => {
@@ -44,8 +45,9 @@ const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension
44
45
  react_1.default.createElement("div", null,
45
46
  ".",
46
47
  fileExtension))),
47
- fileCreatedDate && (react_1.default.createElement(exports.FileDateContainer, null,
48
- react_1.default.createElement(exports.FileDate, null, (0, date_fns_1.format)(new Date(fileCreatedDate), 'M/d/yy, HH:mm')))))));
48
+ fileCreatedDate && (react_1.default.createElement(exports.FileDateContainer, { "data-tip": "tooltip-content" },
49
+ react_1.default.createElement(exports.FileDate, null, (0, date_fns_1.format)(new Date(fileCreatedDate), 'M/d/yy, HH:mm')),
50
+ react_1.default.createElement(react_tooltip_1.default, { place: "bottom", offset: { top: 10 }, effect: "solid", className: "tooltip" }, "File Uploaded"))))));
49
51
  };
50
52
  exports.FileInfo = FileInfo;
51
53
  exports.FileDateContainer = styled_components_1.default.div `
package/dist/cjs/components/FileManager/InlineFilesSection.js CHANGED
@@ -76,7 +76,7 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
76
76
  react_1.default.createElement(FileReferenceName, null, attachment.name)),
77
77
  attachment.createdDate && (react_1.default.createElement(exports.FileDateContainer, { "data-tip": "tooltip-content" },
78
78
  react_1.default.createElement(exports.FileDate, null, (0, date_fns_1.format)(new Date(attachment.createdDate), 'M/d/yy, HH:mm')),
79
- react_1.default.createElement(react_tooltip_1.default, { place: 'bottom', className: "tooltip", offset: { top: 10 } }, "File Uploaded"))),
79
+ react_1.default.createElement(react_tooltip_1.default, { place: "bottom", offset: { top: 10 }, effect: "solid", className: "tooltip" }, "File Uploaded"))),
80
80
  handleDownload && handleReplace && (react_1.default.createElement(DropdownContainer, { ref: wrapperRef },
81
81
  react_1.default.createElement(FileSectionItem_1.ActionsIcon, { onClick: toggleOpen, type: "button", className: 'external_file_dropdown', "aria-label": "Download or Replace or Detach", "aria-pressed": isOpen },
82
82
  react_1.default.createElement(dots_icon_1.default, null)),
@@ -89,8 +89,8 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
89
89
  exports.FileDateContainer = styled_components_1.default.div `
90
90
  overflow: hidden;
91
91
  display: none;
92
- width: 50%;
93
- line-height: 27px;
92
+ width: 100%;
93
+ justify-content: flex-end;
94
94
  `;
95
95
  const ElementItem = (0, styled_components_1.default)(FileSectionItem_1.Item) `
96
96
  display: flex;
package/dist/es/components/FileManager/FileSectionItem/FileInfo.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { format } from 'date-fns';
2
2
  import React, { useContext } from 'react';
3
+ import ReactTooltip from 'react-tooltip';
3
4
  import styled from 'styled-components';
4
5
  import { PermissionsContext } from '../FileManager';
5
6
  export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, fileCreatedDate, }) => {
@@ -15,8 +16,9 @@ export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileEx
15
16
  React.createElement("div", null,
16
17
  ".",
17
18
  fileExtension))),
18
- fileCreatedDate && (React.createElement(FileDateContainer, null,
19
- React.createElement(FileDate, null, format(new Date(fileCreatedDate), 'M/d/yy, HH:mm')))))));
19
+ fileCreatedDate && (React.createElement(FileDateContainer, { "data-tip": "tooltip-content" },
20
+ React.createElement(FileDate, null, format(new Date(fileCreatedDate), 'M/d/yy, HH:mm')),
21
+ React.createElement(ReactTooltip, { place: "bottom", offset: { top: 10 }, effect: "solid", className: "tooltip" }, "File Uploaded"))))));
20
22
  };
21
23
  export const FileDateContainer = styled.div `
22
24
  line-height: 20px;
package/dist/es/components/FileManager/InlineFilesSection.js CHANGED
@@ -46,7 +46,7 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
46
46
  React.createElement(FileReferenceName, null, attachment.name)),
47
47
  attachment.createdDate && (React.createElement(FileDateContainer, { "data-tip": "tooltip-content" },
48
48
  React.createElement(FileDate, null, format(new Date(attachment.createdDate), 'M/d/yy, HH:mm')),
49
- React.createElement(ReactTooltip, { place: 'bottom', className: "tooltip", offset: { top: 10 } }, "File Uploaded"))),
49
+ React.createElement(ReactTooltip, { place: "bottom", offset: { top: 10 }, effect: "solid", className: "tooltip" }, "File Uploaded"))),
50
50
  handleDownload && handleReplace && (React.createElement(DropdownContainer, { ref: wrapperRef },
51
51
  React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", className: 'external_file_dropdown', "aria-label": "Download or Replace or Detach", "aria-pressed": isOpen },
52
52
  React.createElement(DotsIcon, null)),
@@ -59,8 +59,8 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
59
59
  export const FileDateContainer = styled.div `
60
60
  overflow: hidden;
61
61
  display: none;
62
- width: 50%;
63
- line-height: 27px;
62
+ width: 100%;
63
+ justify-content: flex-end;
64
64
  `;
65
65
  const ElementItem = styled(Item) `
66
66
  display: flex;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@manuscripts/style-guide",
3
3
  "description": "Shared components for Manuscripts applications",
4
- "version": "1.1.16-LEAN-2669-v11",
4
+ "version": "1.1.16-LEAN-2669-v12",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",