@mirrormedia/lilith-draft-editor 1.1.0-alpha.32 → 1.1.0-alpha.34
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.
|
@@ -103,6 +103,8 @@ function AudioGrid(props) {
|
|
|
103
103
|
controls: true
|
|
104
104
|
}, /*#__PURE__*/_react.default.createElement("source", {
|
|
105
105
|
src: audio === null || audio === void 0 ? void 0 : audio.urlOriginal
|
|
106
|
+
}), /*#__PURE__*/_react.default.createElement("source", {
|
|
107
|
+
src: audio === null || audio === void 0 ? void 0 : audio.audioSrc
|
|
106
108
|
}), /*#__PURE__*/_react.default.createElement("source", {
|
|
107
109
|
src: audio === null || audio === void 0 ? void 0 : (_audio$file = audio.file) === null || _audio$file === void 0 ? void 0 : _audio$file.url
|
|
108
110
|
})), /*#__PURE__*/_react.default.createElement(AudioName, null, audio === null || audio === void 0 ? void 0 : audio.name));
|
|
@@ -135,6 +137,8 @@ function AudioMetaGrid(props) {
|
|
|
135
137
|
controls: true
|
|
136
138
|
}, /*#__PURE__*/_react.default.createElement("source", {
|
|
137
139
|
src: audio === null || audio === void 0 ? void 0 : audio.urlOriginal
|
|
140
|
+
}), /*#__PURE__*/_react.default.createElement("source", {
|
|
141
|
+
src: audio === null || audio === void 0 ? void 0 : audio.audioSrc
|
|
138
142
|
}), /*#__PURE__*/_react.default.createElement("source", {
|
|
139
143
|
src: audio === null || audio === void 0 ? void 0 : (_audio$file2 = audio.file) === null || _audio$file2 === void 0 ? void 0 : _audio$file2.url
|
|
140
144
|
})), /*#__PURE__*/_react.default.createElement(AudioName, null, audio === null || audio === void 0 ? void 0 : audio.name));
|
|
@@ -151,6 +155,7 @@ const AudiosQuery = (0, _apollo.gql)`
|
|
|
151
155
|
id
|
|
152
156
|
name
|
|
153
157
|
urlOriginal
|
|
158
|
+
audioSrc
|
|
154
159
|
file {
|
|
155
160
|
url
|
|
156
161
|
}
|
|
@@ -7,14 +7,10 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
9
9
|
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
10
|
var _apiDataInstance = _interopRequireDefault(require("./api-data-instance"));
|
|
13
11
|
|
|
14
12
|
var _entities = _interopRequireDefault(require("./entities"));
|
|
15
13
|
|
|
16
|
-
var _server = _interopRequireDefault(require("react-dom/server"));
|
|
17
|
-
|
|
18
14
|
var _draftJs = require("draft-js");
|
|
19
15
|
|
|
20
16
|
var _draftConvert = require("draft-convert");
|
|
@@ -80,47 +76,25 @@ const processor = {
|
|
|
80
76
|
|
|
81
77
|
case _entities.default.TABLE.type:
|
|
82
78
|
{
|
|
83
|
-
var _content
|
|
79
|
+
var _content;
|
|
84
80
|
|
|
85
81
|
// About TABLE atomic block entity data structure,
|
|
86
82
|
// see `../views/editor/table.tsx` for more information.
|
|
87
83
|
content = entity === null || entity === void 0 ? void 0 : entity.data;
|
|
88
|
-
/** @type DraftEditor.TableEntity.TableStyles */
|
|
89
|
-
|
|
90
|
-
const tableStyles = (_content = content) === null || _content === void 0 ? void 0 : _content.tableStyles;
|
|
91
84
|
/** @type DraftEditor.TableEntity.TableData */
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
const
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
const cellStyle = tableStyles === null || tableStyles === void 0 ? void 0 : (_tableStyles$cells = tableStyles.cells) === null || _tableStyles$cells === void 0 ? void 0 : (_tableStyles$cells$rI = _tableStyles$cells[rIndex]) === null || _tableStyles$cells$rI === void 0 ? void 0 : _tableStyles$cells$rI[cIndex];
|
|
102
|
-
return /*#__PURE__*/_react.default.createElement("td", {
|
|
103
|
-
key: `col_${cIndex}`,
|
|
104
|
-
style: Object.assign({}, colStyle, cellStyle),
|
|
105
|
-
dangerouslySetInnerHTML: {
|
|
106
|
-
__html: (0, _draftConvert.convertToHTML)((0, _draftJs.convertFromRaw)(col))
|
|
107
|
-
}
|
|
108
|
-
});
|
|
85
|
+
// since apiData is now only for app,
|
|
86
|
+
// keep the rows data structure for app to style the table
|
|
87
|
+
|
|
88
|
+
const tableData = (_content = content) === null || _content === void 0 ? void 0 : _content.tableData;
|
|
89
|
+
const rows = tableData === null || tableData === void 0 ? void 0 : tableData.map(row => {
|
|
90
|
+
const cols = row === null || row === void 0 ? void 0 : row.map(col => {
|
|
91
|
+
return {
|
|
92
|
+
html: (0, _draftConvert.convertToHTML)((0, _draftJs.convertFromRaw)(col))
|
|
93
|
+
};
|
|
109
94
|
});
|
|
110
|
-
|
|
111
|
-
return /*#__PURE__*/_react.default.createElement("tr", {
|
|
112
|
-
key: `row_${rIndex}`,
|
|
113
|
-
style: tableStyles === null || tableStyles === void 0 ? void 0 : (_tableStyles$rows = tableStyles.rows) === null || _tableStyles$rows === void 0 ? void 0 : _tableStyles$rows[rIndex]
|
|
114
|
-
}, colsJsx);
|
|
95
|
+
return cols;
|
|
115
96
|
});
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
const html = _server.default.renderToStaticMarkup( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, rowsJsx)));
|
|
119
|
-
|
|
120
|
-
console.log('html', html);
|
|
121
|
-
content = [{
|
|
122
|
-
html
|
|
123
|
-
}];
|
|
97
|
+
content = rows;
|
|
124
98
|
break;
|
|
125
99
|
}
|
|
126
100
|
|
|
@@ -103,6 +103,8 @@ function AudioGrid(props) {
|
|
|
103
103
|
controls: true
|
|
104
104
|
}, /*#__PURE__*/_react.default.createElement("source", {
|
|
105
105
|
src: audio === null || audio === void 0 ? void 0 : audio.urlOriginal
|
|
106
|
+
}), /*#__PURE__*/_react.default.createElement("source", {
|
|
107
|
+
src: audio === null || audio === void 0 ? void 0 : audio.audioSrc
|
|
106
108
|
}), /*#__PURE__*/_react.default.createElement("source", {
|
|
107
109
|
src: audio === null || audio === void 0 ? void 0 : (_audio$file = audio.file) === null || _audio$file === void 0 ? void 0 : _audio$file.url
|
|
108
110
|
})), /*#__PURE__*/_react.default.createElement(AudioName, null, audio === null || audio === void 0 ? void 0 : audio.name));
|
|
@@ -135,6 +137,8 @@ function AudioMetaGrid(props) {
|
|
|
135
137
|
controls: true
|
|
136
138
|
}, /*#__PURE__*/_react.default.createElement("source", {
|
|
137
139
|
src: audio === null || audio === void 0 ? void 0 : audio.urlOriginal
|
|
140
|
+
}), /*#__PURE__*/_react.default.createElement("source", {
|
|
141
|
+
src: audio === null || audio === void 0 ? void 0 : audio.audioSrc
|
|
138
142
|
}), /*#__PURE__*/_react.default.createElement("source", {
|
|
139
143
|
src: audio === null || audio === void 0 ? void 0 : (_audio$file2 = audio.file) === null || _audio$file2 === void 0 ? void 0 : _audio$file2.url
|
|
140
144
|
})), /*#__PURE__*/_react.default.createElement(AudioName, null, audio === null || audio === void 0 ? void 0 : audio.name));
|
|
@@ -152,6 +156,7 @@ const AudiosQuery = (0, _apollo.gql)`
|
|
|
152
156
|
id
|
|
153
157
|
name
|
|
154
158
|
urlOriginal
|
|
159
|
+
audioSrc
|
|
155
160
|
file {
|
|
156
161
|
url
|
|
157
162
|
}
|