@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, _content2;
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
- const tableData = (_content2 = content) === null || _content2 === void 0 ? void 0 : _content2.tableData;
94
- const rowsJsx = tableData === null || tableData === void 0 ? void 0 : tableData.map((row, rIndex) => {
95
- var _tableStyles$rows;
96
-
97
- const colsJsx = row === null || row === void 0 ? void 0 : row.map((col, cIndex) => {
98
- var _tableStyles$columns, _tableStyles$cells, _tableStyles$cells$rI;
99
-
100
- const colStyle = tableStyles === null || tableStyles === void 0 ? void 0 : (_tableStyles$columns = tableStyles.columns) === null || _tableStyles$columns === void 0 ? void 0 : _tableStyles$columns[cIndex];
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
- console.log('colsJsx', colsJsx);
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
- console.log('rowsJsx', rowsJsx); // Use `React.renderToStsaticMarkup` to generate plain HTML string
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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirrormedia/lilith-draft-editor",
3
- "version": "1.1.0-alpha.32",
3
+ "version": "1.1.0-alpha.34",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {