@quadrats/react 0.6.3 → 0.6.6

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.
@@ -5,7 +5,7 @@ import { createRenderEmbedElementBase } from './createRenderEmbedElementBase.js'
5
5
  function createReactEmbed(options) {
6
6
  const core = createEmbed(options);
7
7
  const { type, strategies } = core;
8
- return Object.assign(Object.assign({}, core), { createRenderElement: (options) => createRenderElement({
8
+ return Object.assign(Object.assign({}, core), { createRenderElement: options => createRenderElement({
9
9
  type,
10
10
  render: createRenderEmbedElementBase({ strategies, renderers: options }),
11
11
  }) });
@@ -56,7 +56,7 @@ function createRenderEmbedElementBase({ strategies, renderers, }) {
56
56
  function createReactEmbed(options) {
57
57
  const core = embed.createEmbed(options);
58
58
  const { type, strategies } = core;
59
- return Object.assign(Object.assign({}, core), { createRenderElement: (options) => react.createRenderElement({
59
+ return Object.assign(Object.assign({}, core), { createRenderElement: options => react.createRenderElement({
60
60
  type,
61
61
  render: createRenderEmbedElementBase({ strategies, renderers: options }),
62
62
  }) });
@@ -50,12 +50,12 @@ function useFootnotes(editor) {
50
50
 
51
51
  function deepSearchFootnoteFromNodes(nodes) {
52
52
  const result = nodes.flatMap((element) => {
53
- var _a, _b, _c, _d;
53
+ var _a, _b;
54
54
  const curNode = core.Node.isNode(element)
55
55
  && element.type === footnote.FOOTNOTE_TYPE ? element : null;
56
- const child = core.Node.isNodeList((_a = element) === null || _a === void 0 ? void 0 : _a.children)
57
- ? deepSearchFootnoteFromNodes((_c = (_b = element) === null || _b === void 0 ? void 0 : _b.children) !== null && _c !== void 0 ? _c : []) : null;
58
- return (_d = curNode !== null && curNode !== void 0 ? curNode : child) !== null && _d !== void 0 ? _d : [];
56
+ const child = core.Node.isNodeList(element === null || element === void 0 ? void 0 : element.children)
57
+ ? deepSearchFootnoteFromNodes((_a = element === null || element === void 0 ? void 0 : element.children) !== null && _a !== void 0 ? _a : []) : null;
58
+ return (_b = curNode !== null && curNode !== void 0 ? curNode : child) !== null && _b !== void 0 ? _b : [];
59
59
  });
60
60
  return result;
61
61
  }
@@ -3,12 +3,12 @@ import { FOOTNOTE_TYPE } from '@quadrats/common/footnote';
3
3
 
4
4
  function deepSearchFootnoteFromNodes(nodes) {
5
5
  const result = nodes.flatMap((element) => {
6
- var _a, _b, _c, _d;
6
+ var _a, _b;
7
7
  const curNode = Node.isNode(element)
8
8
  && element.type === FOOTNOTE_TYPE ? element : null;
9
- const child = Node.isNodeList((_a = element) === null || _a === void 0 ? void 0 : _a.children)
10
- ? deepSearchFootnoteFromNodes((_c = (_b = element) === null || _b === void 0 ? void 0 : _b.children) !== null && _c !== void 0 ? _c : []) : null;
11
- return (_d = curNode !== null && curNode !== void 0 ? curNode : child) !== null && _d !== void 0 ? _d : [];
9
+ const child = Node.isNodeList(element === null || element === void 0 ? void 0 : element.children)
10
+ ? deepSearchFootnoteFromNodes((_a = element === null || element === void 0 ? void 0 : element.children) !== null && _a !== void 0 ? _a : []) : null;
11
+ return (_b = curNode !== null && curNode !== void 0 ? curNode : child) !== null && _b !== void 0 ? _b : [];
12
12
  });
13
13
  return result;
14
14
  }
@@ -89,6 +89,13 @@ function createReactImage(options = {}) {
89
89
  }), Promise.resolve());
90
90
  return;
91
91
  }
92
+ const inCaption = core.isSelectionInImageCaption(editor);
93
+ if (inCaption) {
94
+ const inlineData = new DataTransfer();
95
+ inlineData.setData('text', data.getData('text').replace(/\r?\n/g, ''));
96
+ insertData(inlineData);
97
+ return;
98
+ }
92
99
  insertData(data);
93
100
  };
94
101
  return core.with(editor);
@@ -4,9 +4,9 @@ import Image from './components/Image.js';
4
4
  import ImageCaption from './components/ImageCaption.js';
5
5
 
6
6
  const defaultRenderImageElements = {
7
- figure: (props) => React.createElement(ImageFigure, Object.assign({}, props)),
8
- image: (props) => React.createElement(Image, Object.assign({}, props)),
9
- caption: (props) => React.createElement(ImageCaption, Object.assign({}, props)),
7
+ figure: props => React.createElement(ImageFigure, Object.assign({}, props)),
8
+ image: props => React.createElement(Image, Object.assign({}, props)),
9
+ caption: props => React.createElement(ImageCaption, Object.assign({}, props)),
10
10
  };
11
11
 
12
12
  export { defaultRenderImageElements };
@@ -147,9 +147,9 @@ function ImageCaption(props) {
147
147
  }
148
148
 
149
149
  const defaultRenderImageElements = {
150
- figure: (props) => React__default.createElement(ImageFigure, Object.assign({}, props)),
151
- image: (props) => React__default.createElement(Image, Object.assign({}, props)),
152
- caption: (props) => React__default.createElement(ImageCaption, Object.assign({}, props)),
150
+ figure: props => React__default.createElement(ImageFigure, Object.assign({}, props)),
151
+ image: props => React__default.createElement(Image, Object.assign({}, props)),
152
+ caption: props => React__default.createElement(ImageCaption, Object.assign({}, props)),
153
153
  };
154
154
 
155
155
  function createReactImage(options = {}) {
@@ -235,6 +235,13 @@ function createReactImage(options = {}) {
235
235
  }), Promise.resolve());
236
236
  return;
237
237
  }
238
+ const inCaption = core$1.isSelectionInImageCaption(editor);
239
+ if (inCaption) {
240
+ const inlineData = new DataTransfer();
241
+ inlineData.setData('text', data.getData('text').replace(/\r?\n/g, ''));
242
+ insertData(inlineData);
243
+ return;
244
+ }
238
245
  insertData(data);
239
246
  };
240
247
  return core$1.with(editor);
@@ -23,12 +23,12 @@ function createJsxSerializeImage(options = {}) {
23
23
  {
24
24
  type: image.type || IMAGE_TYPES.image,
25
25
  render: (props) => {
26
- var _a, _b;
26
+ var _a;
27
27
  const { children } = props;
28
28
  const element = props.element;
29
29
  const figure = getFirstAncestor(element, node => node.type === figureType);
30
30
  const caption = (_a = figure === null || figure === void 0 ? void 0 : figure.children) === null || _a === void 0 ? void 0 : _a[1];
31
- return renderImage(Object.assign(Object.assign({}, getImageElementCommonProps(element, hostingResolvers)), { caption: ((_b = caption) === null || _b === void 0 ? void 0 : _b.type) === captionType ? getMergedNodeTexts(caption) : '', children,
31
+ return renderImage(Object.assign(Object.assign({}, getImageElementCommonProps(element, hostingResolvers)), { caption: (caption === null || caption === void 0 ? void 0 : caption.type) === captionType ? getMergedNodeTexts(caption) : '', children,
32
32
  element }));
33
33
  },
34
34
  },
@@ -37,12 +37,12 @@ function createJsxSerializeImage(options = {}) {
37
37
  {
38
38
  type: image$1.type || image.IMAGE_TYPES.image,
39
39
  render: (props) => {
40
- var _a, _b;
40
+ var _a;
41
41
  const { children } = props;
42
42
  const element = props.element;
43
43
  const figure = serializers.getFirstAncestor(element, node => node.type === figureType);
44
44
  const caption = (_a = figure === null || figure === void 0 ? void 0 : figure.children) === null || _a === void 0 ? void 0 : _a[1];
45
- return renderImage(Object.assign(Object.assign({}, image.getImageElementCommonProps(element, hostingResolvers)), { caption: ((_b = caption) === null || _b === void 0 ? void 0 : _b.type) === captionType ? serializers.getMergedNodeTexts(caption) : '', children,
45
+ return renderImage(Object.assign(Object.assign({}, image.getImageElementCommonProps(element, hostingResolvers)), { caption: (caption === null || caption === void 0 ? void 0 : caption.type) === captionType ? serializers.getMergedNodeTexts(caption) : '', children,
46
46
  element }));
47
47
  },
48
48
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quadrats/react",
3
- "version": "0.6.3",
3
+ "version": "0.6.6",
4
4
  "description": "",
5
5
  "author": "Rytass",
6
6
  "homepage": "https://github.com/Quadrats/quadrats#readme",
@@ -20,23 +20,23 @@
20
20
  "url": "https://github.com/Quadrats/quadrats/issues"
21
21
  },
22
22
  "dependencies": {
23
- "@quadrats/common": "^0.6.2",
24
- "@quadrats/core": "^0.6.2",
23
+ "@quadrats/common": "^0.6.6",
24
+ "@quadrats/core": "^0.6.5",
25
25
  "@quadrats/icons": "^0.6.0",
26
26
  "@quadrats/locales": "^0.6.0",
27
27
  "@quadrats/theme": "^0.6.0",
28
- "@quadrats/utils": "^0.6.0",
28
+ "@quadrats/utils": "^0.6.5",
29
29
  "@types/is-hotkey": "^0.1.7",
30
30
  "@types/react-transition-group": "^4.4.4",
31
31
  "clsx": "^1.1.1",
32
32
  "is-hotkey": "^0.2.0",
33
33
  "react-transition-group": "^4.4.2",
34
- "slate-react": "^0.65.3",
34
+ "slate-react": "^0.75.0",
35
35
  "tslib": "^2.3.1"
36
36
  },
37
37
  "peerDependencies": {
38
- "react": "^16.8.6",
39
- "react-dom": "^16.8.6"
38
+ "react": "^17.0.2",
39
+ "react-dom": "^17.0.2"
40
40
  },
41
41
  "main": "./index.cjs.js",
42
42
  "module": "./index.js",