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

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 (3) hide show
  1. package/dist/cjs/components/FileManager/InlineFilesSection.js +14 -10
  2. package/dist/es/components/FileManager/InlineFilesSection.js +14 -10
  3. package/package.json +1 -1
package/dist/cjs/components/FileManager/InlineFilesSection.js CHANGED
@@ -50,16 +50,17 @@ const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdateInline,
50
50
  }
51
51
  }, [isEditor]);
52
52
  return (react_1.default.createElement("div", null, inlineFiles.map((file, index) => {
53
- var _a, _b;
53
+ var _a;
54
54
  return (react_1.default.createElement(ElementItem, { className: 'item', key: index, id: file.id, onClick: onElementClick },
55
- react_1.default.createElement(FileReferences, { className: 'refItems' }, (_a = file.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment) => (react_1.default.createElement(FileReference, { key: attachment.id, attachment: attachment, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDetachFile: handleDetachFile, handleDownload: handleDownload, dispatch: dispatch })))),
55
+ react_1.default.createElement(FileReferences, { className: 'refItems' }, (_a = file.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment) => (react_1.default.createElement(react_1.default.Fragment, null,
56
+ react_1.default.createElement(FileReference, { key: attachment.id, attachment: attachment, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDetachFile: handleDetachFile, handleDownload: handleDownload, dispatch: dispatch }),
57
+ react_1.default.createElement(exports.FileDateContainer, null,
58
+ react_1.default.createElement(exports.FileDate, null, attachment.createdDate)))))),
56
59
  react_1.default.createElement(Element, { className: 'element' },
57
60
  util_1.fileTypesWithIconMap.get(file.type),
58
61
  react_1.default.createElement(FileInfo_1.FileInfoContainer, null,
59
62
  react_1.default.createElement(FileInfo_1.FileNameTitleContainer, null,
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(exports.FileDateContainer, { key: attachment.id },
62
- react_1.default.createElement(exports.FileDate, null, attachment.createdDate))))))));
63
+ react_1.default.createElement(FileInfo_1.FileTitle, null, file.label))))));
63
64
  })));
64
65
  };
65
66
  exports.InlineFilesSection = InlineFilesSection;
@@ -111,9 +112,8 @@ const Container = styled_components_1.default.div `
111
112
  display: flex;
112
113
  `;
113
114
  exports.FileDateContainer = styled_components_1.default.div `
114
- line-height: 20px;
115
+ line-height: 40px;
115
116
  overflow: hidden;
116
- width: 100%;
117
117
  display: none;
118
118
  `;
119
119
  const Element = styled_components_1.default.div `
@@ -124,13 +124,17 @@ const Element = styled_components_1.default.div `
124
124
  display: flex;
125
125
  }
126
126
  `;
127
- const FileReferences = styled_components_1.default.div ``;
127
+ const FileReferences = styled_components_1.default.div `
128
+ display: flex;
129
+ align-items: center;
130
+ justify-content: space-between;
131
+ width: 100%;
132
+ `;
128
133
  const FileReferenceItem = styled_components_1.default.div `
129
134
  display: flex;
130
135
  align-items: center;
131
136
  justify-content: space-between;
132
-
133
- svg {
137
+ width: 100% svg {
134
138
  width: 14px;
135
139
  height: 17px;
136
140
  }
package/dist/es/components/FileManager/InlineFilesSection.js CHANGED
@@ -21,16 +21,17 @@ export const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdate
21
21
  }
22
22
  }, [isEditor]);
23
23
  return (React.createElement("div", null, inlineFiles.map((file, index) => {
24
- var _a, _b;
24
+ var _a;
25
25
  return (React.createElement(ElementItem, { className: 'item', key: index, id: file.id, onClick: onElementClick },
26
- React.createElement(FileReferences, { className: 'refItems' }, (_a = file.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment) => (React.createElement(FileReference, { key: attachment.id, attachment: attachment, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDetachFile: handleDetachFile, handleDownload: handleDownload, dispatch: dispatch })))),
26
+ React.createElement(FileReferences, { className: 'refItems' }, (_a = file.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment) => (React.createElement(React.Fragment, null,
27
+ React.createElement(FileReference, { key: attachment.id, attachment: attachment, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDetachFile: handleDetachFile, handleDownload: handleDownload, dispatch: dispatch }),
28
+ React.createElement(FileDateContainer, null,
29
+ React.createElement(FileDate, null, attachment.createdDate)))))),
27
30
  React.createElement(Element, { className: 'element' },
28
31
  fileTypesWithIconMap.get(file.type),
29
32
  React.createElement(FileInfoContainer, null,
30
33
  React.createElement(FileNameTitleContainer, null,
31
- React.createElement(FileTitle, null, file.label)), (_b = file.attachments) === null || _b === void 0 ? void 0 :
32
- _b.map((attachment) => (React.createElement(FileDateContainer, { key: attachment.id },
33
- React.createElement(FileDate, null, attachment.createdDate))))))));
34
+ React.createElement(FileTitle, null, file.label))))));
34
35
  })));
35
36
  };
36
37
  const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdateInline, handleDetachFile, dispatch, }) => {
@@ -81,9 +82,8 @@ const Container = styled.div `
81
82
  display: flex;
82
83
  `;
83
84
  export const FileDateContainer = styled.div `
84
- line-height: 20px;
85
+ line-height: 40px;
85
86
  overflow: hidden;
86
- width: 100%;
87
87
  display: none;
88
88
  `;
89
89
  const Element = styled.div `
@@ -94,13 +94,17 @@ const Element = styled.div `
94
94
  display: flex;
95
95
  }
96
96
  `;
97
- const FileReferences = styled.div ``;
97
+ const FileReferences = styled.div `
98
+ display: flex;
99
+ align-items: center;
100
+ justify-content: space-between;
101
+ width: 100%;
102
+ `;
98
103
  const FileReferenceItem = styled.div `
99
104
  display: flex;
100
105
  align-items: center;
101
106
  justify-content: space-between;
102
-
103
- svg {
107
+ width: 100% svg {
104
108
  width: 14px;
105
109
  height: 17px;
106
110
  }
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-v6",
4
+ "version": "1.1.16-LEAN-2669-v7",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",