@manuscripts/style-guide 1.1.16-LEAN-2669-v5 → 1.1.16-LEAN-2669-v6

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 (6) hide show
  1. package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js +1 -2
  2. package/dist/cjs/components/FileManager/InlineFilesSection.js +17 -2
  3. package/dist/es/components/FileManager/FileSectionItem/FileInfo.js +1 -2
  4. package/dist/es/components/FileManager/InlineFilesSection.js +16 -1
  5. package/dist/types/components/FileManager/InlineFilesSection.d.ts +2 -0
  6. package/package.json +1 -1
package/dist/cjs/components/FileManager/FileSectionItem/FileInfo.js CHANGED
@@ -44,8 +44,7 @@ const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension
44
44
  ".",
45
45
  fileExtension))),
46
46
  fileCreatedDate && (react_1.default.createElement(exports.FileDateContainer, null,
47
- react_1.default.createElement(exports.FileDate, null, fileCreatedDate)))),
48
- ' '));
47
+ react_1.default.createElement(exports.FileDate, null, fileCreatedDate))))));
49
48
  };
50
49
  exports.FileInfo = FileInfo;
51
50
  exports.FileDateContainer = styled_components_1.default.div `
package/dist/cjs/components/FileManager/InlineFilesSection.js CHANGED
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.InlineFilesSection = void 0;
29
+ exports.FileDate = exports.FileDateContainer = exports.InlineFilesSection = void 0;
30
30
  const react_1 = __importStar(require("react"));
31
31
  const styled_components_1 = __importDefault(require("styled-components"));
32
32
  const use_dropdown_1 = require("../../hooks/use-dropdown");
@@ -58,7 +58,8 @@ const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdateInline,
58
58
  react_1.default.createElement(FileInfo_1.FileInfoContainer, null,
59
59
  react_1.default.createElement(FileInfo_1.FileNameTitleContainer, null,
60
60
  react_1.default.createElement(FileInfo_1.FileTitle, null, file.label)), (_b = file.attachments) === null || _b === void 0 ? void 0 :
61
- _b.map((attachment) => (react_1.default.createElement("div", { key: attachment.id }, attachment.createdDate)))))));
61
+ _b.map((attachment) => (react_1.default.createElement(exports.FileDateContainer, { key: attachment.id },
62
+ react_1.default.createElement(exports.FileDate, null, attachment.createdDate))))))));
62
63
  })));
63
64
  };
64
65
  exports.InlineFilesSection = InlineFilesSection;
@@ -109,9 +110,19 @@ const ElementItem = (0, styled_components_1.default)(FileSectionItem_1.Item) `
109
110
  const Container = styled_components_1.default.div `
110
111
  display: flex;
111
112
  `;
113
+ exports.FileDateContainer = styled_components_1.default.div `
114
+ line-height: 20px;
115
+ overflow: hidden;
116
+ width: 100%;
117
+ display: none;
118
+ `;
112
119
  const Element = styled_components_1.default.div `
113
120
  display: flex;
114
121
  padding: 20px 15px;
122
+
123
+ &:hover ${exports.FileDateContainer} {
124
+ display: flex;
125
+ }
115
126
  `;
116
127
  const FileReferences = styled_components_1.default.div ``;
117
128
  const FileReferenceItem = styled_components_1.default.div `
@@ -162,3 +173,7 @@ const FileReferenceName = styled_components_1.default.div `
162
173
  const DropdownContainer = styled_components_1.default.div `
163
174
  position: relative;
164
175
  `;
176
+ exports.FileDate = styled_components_1.default.div `
177
+ color: '#6E6E6E';
178
+ font-size: 12px;
179
+ `;
package/dist/es/components/FileManager/FileSectionItem/FileInfo.js CHANGED
@@ -15,8 +15,7 @@ export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileEx
15
15
  ".",
16
16
  fileExtension))),
17
17
  fileCreatedDate && (React.createElement(FileDateContainer, null,
18
- React.createElement(FileDate, null, fileCreatedDate)))),
19
- ' '));
18
+ React.createElement(FileDate, null, fileCreatedDate))))));
20
19
  };
21
20
  export const FileDateContainer = styled.div `
22
21
  line-height: 20px;
package/dist/es/components/FileManager/InlineFilesSection.js CHANGED
@@ -29,7 +29,8 @@ export const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdate
29
29
  React.createElement(FileInfoContainer, null,
30
30
  React.createElement(FileNameTitleContainer, null,
31
31
  React.createElement(FileTitle, null, file.label)), (_b = file.attachments) === null || _b === void 0 ? void 0 :
32
- _b.map((attachment) => (React.createElement("div", { key: attachment.id }, attachment.createdDate)))))));
32
+ _b.map((attachment) => (React.createElement(FileDateContainer, { key: attachment.id },
33
+ React.createElement(FileDate, null, attachment.createdDate))))))));
33
34
  })));
34
35
  };
35
36
  const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdateInline, handleDetachFile, dispatch, }) => {
@@ -79,9 +80,19 @@ const ElementItem = styled(Item) `
79
80
  const Container = styled.div `
80
81
  display: flex;
81
82
  `;
83
+ export const FileDateContainer = styled.div `
84
+ line-height: 20px;
85
+ overflow: hidden;
86
+ width: 100%;
87
+ display: none;
88
+ `;
82
89
  const Element = styled.div `
83
90
  display: flex;
84
91
  padding: 20px 15px;
92
+
93
+ &:hover ${FileDateContainer} {
94
+ display: flex;
95
+ }
85
96
  `;
86
97
  const FileReferences = styled.div ``;
87
98
  const FileReferenceItem = styled.div `
@@ -132,3 +143,7 @@ const FileReferenceName = styled.div `
132
143
  const DropdownContainer = styled.div `
133
144
  position: relative;
134
145
  `;
146
+ export const FileDate = styled.div `
147
+ color: '#6E6E6E';
148
+ font-size: 12px;
149
+ `;
package/dist/types/components/FileManager/InlineFilesSection.d.ts CHANGED
@@ -18,3 +18,5 @@ export declare const InlineFilesSection: React.FC<{
18
18
  isEditor: boolean;
19
19
  dispatch: Dispatch<Action>;
20
20
  }>;
21
+ export declare const FileDateContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
22
+ export declare const FileDate: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
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-v5",
4
+ "version": "1.1.16-LEAN-2669-v6",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",