slate-react 0.120.0 → 0.124.0-20260323164011
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.
- package/dist/chunking/reconcile-children.d.ts.map +1 -1
- package/dist/components/chunk-tree.d.ts +8 -7
- package/dist/components/chunk-tree.d.ts.map +1 -1
- package/dist/components/editable.d.ts +10 -10
- package/dist/components/editable.d.ts.map +1 -1
- package/dist/components/element.d.ts +10 -10
- package/dist/components/element.d.ts.map +1 -1
- package/dist/components/leaf.d.ts +2 -2
- package/dist/components/leaf.d.ts.map +1 -1
- package/dist/components/text.d.ts +3 -3
- package/dist/components/text.d.ts.map +1 -1
- package/dist/hooks/android-input-manager/android-input-manager.d.ts.map +1 -1
- package/dist/hooks/use-children.d.ts +5 -5
- package/dist/hooks/use-children.d.ts.map +1 -1
- package/dist/hooks/use-decorations.d.ts.map +1 -1
- package/dist/index.es.js +58 -46
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +57 -48
- package/dist/index.js.map +1 -1
- package/dist/slate-react.js +240 -212
- package/dist/slate-react.min.js +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reconcile-children.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/chunking/reconcile-children.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAa,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAmB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAG7E,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;IAC9D,SAAS,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,WACpB,MAAM,mGAUX,gBAAgB,
|
|
1
|
+
{"version":3,"file":"reconcile-children.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/chunking/reconcile-children.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAa,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAmB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAG7E,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;IAC9D,SAAS,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,WACpB,MAAM,mGAUX,gBAAgB,SA6FpB,CAAA"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
|
2
2
|
import { Element } from 'slate';
|
|
3
3
|
import { Key } from 'slate-dom';
|
|
4
4
|
import { RenderChunkProps } from './editable';
|
|
5
|
-
import { ChunkTree as TChunkTree } from '../chunking';
|
|
6
|
-
declare const
|
|
5
|
+
import { ChunkAncestor as TChunkAncestor, ChunkTree as TChunkTree } from '../chunking';
|
|
6
|
+
declare const ChunkAncestor: <C extends TChunkAncestor>(props: {
|
|
7
7
|
root: TChunkTree;
|
|
8
|
-
ancestor:
|
|
9
|
-
renderElement: (node: Element, index: number, key: Key) => JSX.Element;
|
|
10
|
-
renderChunk?: ((props: RenderChunkProps) => JSX.Element) | undefined;
|
|
11
|
-
}) => JSX.Element[];
|
|
8
|
+
ancestor: C;
|
|
9
|
+
renderElement: (node: Element, index: number, key: Key) => React.JSX.Element;
|
|
10
|
+
renderChunk?: ((props: RenderChunkProps) => React.JSX.Element) | undefined;
|
|
11
|
+
}) => React.JSX.Element[];
|
|
12
|
+
declare const ChunkTree: (props: ComponentProps<typeof ChunkAncestor<TChunkTree>>) => React.JSX.Element;
|
|
12
13
|
export default ChunkTree;
|
|
13
14
|
//# sourceMappingURL=chunk-tree.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunk-tree.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/chunk-tree.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"chunk-tree.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/chunk-tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAEL,aAAa,IAAI,cAAc,EAC/B,SAAS,IAAI,UAAU,EACxB,MAAM,aAAa,CAAA;AAIpB,QAAA,MAAM,aAAa;UACX,UAAU;;0BAEM,OAAO,SAAS,MAAM,OAAO,GAAG,KAAK,SAAS,QAAQ;2BACtD,gBAAgB,KAAK,SAAS,QAAQ;yBAmC7D,CAAA;AAED,QAAA,MAAM,SAAS,UAAW,eAAe,qBAAqB,UAAU,CAAC,CAAC,sBAUzE,CAAA;AAWD,eAAe,SAAS,CAAA"}
|
|
@@ -68,11 +68,11 @@ export type EditableProps = {
|
|
|
68
68
|
readOnly?: boolean;
|
|
69
69
|
role?: string;
|
|
70
70
|
style?: React.CSSProperties;
|
|
71
|
-
renderElement?: (props: RenderElementProps) => JSX.Element;
|
|
72
|
-
renderChunk?: (props: RenderChunkProps) => JSX.Element;
|
|
73
|
-
renderLeaf?: (props: RenderLeafProps) => JSX.Element;
|
|
74
|
-
renderText?: (props: RenderTextProps) => JSX.Element;
|
|
75
|
-
renderPlaceholder?: (props: RenderPlaceholderProps) => JSX.Element;
|
|
71
|
+
renderElement?: (props: RenderElementProps) => React.JSX.Element;
|
|
72
|
+
renderChunk?: (props: RenderChunkProps) => React.JSX.Element;
|
|
73
|
+
renderLeaf?: (props: RenderLeafProps) => React.JSX.Element;
|
|
74
|
+
renderText?: (props: RenderTextProps) => React.JSX.Element;
|
|
75
|
+
renderPlaceholder?: (props: RenderPlaceholderProps) => React.JSX.Element;
|
|
76
76
|
scrollSelectionIntoView?: (editor: ReactEditor, domRange: DOMRange) => void;
|
|
77
77
|
as?: React.ElementType;
|
|
78
78
|
disableDefaultStyles?: boolean;
|
|
@@ -87,11 +87,11 @@ export declare const Editable: React.ForwardRefExoticComponent<{
|
|
|
87
87
|
readOnly?: boolean | undefined;
|
|
88
88
|
role?: string | undefined;
|
|
89
89
|
style?: React.CSSProperties | undefined;
|
|
90
|
-
renderElement?: ((props: RenderElementProps) => JSX.Element) | undefined;
|
|
91
|
-
renderChunk?: ((props: RenderChunkProps) => JSX.Element) | undefined;
|
|
92
|
-
renderLeaf?: ((props: RenderLeafProps) => JSX.Element) | undefined;
|
|
93
|
-
renderText?: ((props: RenderTextProps) => JSX.Element) | undefined;
|
|
94
|
-
renderPlaceholder?: ((props: RenderPlaceholderProps) => JSX.Element) | undefined;
|
|
90
|
+
renderElement?: ((props: RenderElementProps) => React.JSX.Element) | undefined;
|
|
91
|
+
renderChunk?: ((props: RenderChunkProps) => React.JSX.Element) | undefined;
|
|
92
|
+
renderLeaf?: ((props: RenderLeafProps) => React.JSX.Element) | undefined;
|
|
93
|
+
renderText?: ((props: RenderTextProps) => React.JSX.Element) | undefined;
|
|
94
|
+
renderPlaceholder?: ((props: RenderPlaceholderProps) => React.JSX.Element) | undefined;
|
|
95
95
|
scrollSelectionIntoView?: ((editor: ReactEditor, domRange: DOMRange) => void) | undefined;
|
|
96
96
|
as?: React.ElementType<any> | undefined;
|
|
97
97
|
disableDefaultStyles?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/editable.tsx"],"names":[],"mappings":"AAGA,OAAO,KASN,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,OAAO,EAEL,OAAO,EAEP,SAAS,EAGT,IAAI,EAEJ,cAAc,EACd,YAAY,EACb,MAAM,OAAO,CAAA;AAQd,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,OAAO,EAGL,QAAQ,EAQT,MAAM,WAAW,CAAA;AAyClB;;GAEG;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,GAAG,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE;QACV,iBAAiB,EAAE,SAAS,CAAA;QAC5B,mBAAmB,CAAC,EAAE,IAAI,CAAA;QAC1B,iBAAiB,CAAC,EAAE,IAAI,CAAA;QACxB,GAAG,CAAC,EAAE,KAAK,CAAA;QACX,GAAG,EAAE,GAAG,CAAA;KACT,CAAA;CACF;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,GAAG,CAAA;IACb,UAAU,EAAE;QACV,kBAAkB,EAAE,IAAI,CAAA;KACzB,CAAA;CACF;AAED;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,GAAG,CAAA;IACb;;;OAGG;IACH,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,EAAE;QACV,iBAAiB,EAAE,IAAI,CAAA;KACxB,CAAA;IACD;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,GAAG,CAAA;IACb,UAAU,EAAE;QACV,iBAAiB,EAAE,MAAM,CAAA;QACzB,GAAG,EAAE,GAAG,CAAA;KACT,CAAA;CACF;AAED;;GAEG;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,cAAc,EAAE,CAAA;IACjD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG,CAAC,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/editable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,20 +8,20 @@ import { RenderChunkProps, RenderElementProps, RenderLeafProps, RenderPlaceholde
|
|
|
8
8
|
declare const Element: (props: {
|
|
9
9
|
decorations: DecoratedRange[];
|
|
10
10
|
element: SlateElement;
|
|
11
|
-
renderElement?: ((props: RenderElementProps) => JSX.Element) | undefined;
|
|
12
|
-
renderChunk?: ((props: RenderChunkProps) => JSX.Element) | undefined;
|
|
13
|
-
renderPlaceholder: (props: RenderPlaceholderProps) => JSX.Element;
|
|
14
|
-
renderText?: ((props: RenderTextProps) => JSX.Element) | undefined;
|
|
15
|
-
renderLeaf?: ((props: RenderLeafProps) => JSX.Element) | undefined;
|
|
11
|
+
renderElement?: ((props: RenderElementProps) => React.JSX.Element) | undefined;
|
|
12
|
+
renderChunk?: ((props: RenderChunkProps) => React.JSX.Element) | undefined;
|
|
13
|
+
renderPlaceholder: (props: RenderPlaceholderProps) => React.JSX.Element;
|
|
14
|
+
renderText?: ((props: RenderTextProps) => React.JSX.Element) | undefined;
|
|
15
|
+
renderLeaf?: ((props: RenderLeafProps) => React.JSX.Element) | undefined;
|
|
16
16
|
}) => JSX.Element;
|
|
17
17
|
declare const MemoizedElement: React.MemoExoticComponent<(props: {
|
|
18
18
|
decorations: DecoratedRange[];
|
|
19
19
|
element: SlateElement;
|
|
20
|
-
renderElement?: ((props: RenderElementProps) => JSX.Element) | undefined;
|
|
21
|
-
renderChunk?: ((props: RenderChunkProps) => JSX.Element) | undefined;
|
|
22
|
-
renderPlaceholder: (props: RenderPlaceholderProps) => JSX.Element;
|
|
23
|
-
renderText?: ((props: RenderTextProps) => JSX.Element) | undefined;
|
|
24
|
-
renderLeaf?: ((props: RenderLeafProps) => JSX.Element) | undefined;
|
|
20
|
+
renderElement?: ((props: RenderElementProps) => React.JSX.Element) | undefined;
|
|
21
|
+
renderChunk?: ((props: RenderChunkProps) => React.JSX.Element) | undefined;
|
|
22
|
+
renderPlaceholder: (props: RenderPlaceholderProps) => React.JSX.Element;
|
|
23
|
+
renderText?: ((props: RenderTextProps) => React.JSX.Element) | undefined;
|
|
24
|
+
renderLeaf?: ((props: RenderLeafProps) => React.JSX.Element) | undefined;
|
|
25
25
|
}) => JSX.Element>;
|
|
26
26
|
/**
|
|
27
27
|
* The default element renderer.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/element.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAU,OAAO,IAAI,YAAY,EAAQ,cAAc,EAAE,MAAM,OAAO,CAAA;AAW7E,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,eAAe,EAChB,MAAM,YAAY,CAAA;AASnB;;GAEG;AAEH,QAAA,MAAM,OAAO;iBACE,cAAc,EAAE;aACpB,YAAY;6BACG,kBAAkB,KAAK,
|
|
1
|
+
{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/element.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAU,OAAO,IAAI,YAAY,EAAQ,cAAc,EAAE,MAAM,OAAO,CAAA;AAW7E,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,eAAe,EAChB,MAAM,YAAY,CAAA;AASnB;;GAEG;AAEH,QAAA,MAAM,OAAO;iBACE,cAAc,EAAE;aACpB,YAAY;6BACG,kBAAkB,KAAK,SAAS,QAAQ;2BAC1C,gBAAgB,KAAK,SAAS,QAAQ;+BACjC,sBAAsB,KAAK,SAAS,QAAQ;0BAClD,eAAe,KAAK,SAAS,QAAQ;0BACrC,eAAe,KAAK,SAAS,QAAQ;iBA0G3D,CAAA;AAED,QAAA,MAAM,eAAe;iBAlHN,cAAc,EAAE;aACpB,YAAY;6BACG,kBAAkB,KAAK,SAAS,QAAQ;2BAC1C,gBAAgB,KAAK,SAAS,QAAQ;+BACjC,sBAAsB,KAAK,SAAS,QAAQ;0BAClD,eAAe,KAAK,SAAS,QAAQ;0BACrC,eAAe,KAAK,SAAS,QAAQ;kBAsH1D,CAAA;AAEF;;GAEG;AAEH,eAAO,MAAM,cAAc,UAAW,kBAAkB,gBASvD,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -6,8 +6,8 @@ declare const MemoizedLeaf: React.MemoExoticComponent<(props: {
|
|
|
6
6
|
isLast: boolean;
|
|
7
7
|
leaf: Text;
|
|
8
8
|
parent: Element;
|
|
9
|
-
renderPlaceholder: (props: RenderPlaceholderProps) => JSX.Element;
|
|
10
|
-
renderLeaf?: ((props: RenderLeafProps) => JSX.Element) | undefined;
|
|
9
|
+
renderPlaceholder: (props: RenderPlaceholderProps) => React.JSX.Element;
|
|
10
|
+
renderLeaf?: ((props: RenderLeafProps) => React.JSX.Element) | undefined;
|
|
11
11
|
text: Text;
|
|
12
12
|
leafPosition?: LeafPosition | undefined;
|
|
13
13
|
}) => JSX.Element>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"leaf.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/leaf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAInD,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AA4JpE,QAAA,MAAM,YAAY;YAzHR,OAAO;UACT,IAAI;YACF,OAAO;+BACY,sBAAsB,KAAK,
|
|
1
|
+
{"version":3,"file":"leaf.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/leaf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAInD,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AA4JpE,QAAA,MAAM,YAAY;YAzHR,OAAO;UACT,IAAI;YACF,OAAO;+BACY,sBAAsB,KAAK,SAAS,QAAQ;0BAClD,eAAe,KAAK,SAAS,QAAQ;UACpD,IAAI;;kBA8HV,CAAA;AAEF,eAAO,MAAM,WAAW,UAAW,eAAe,gBAGjD,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -5,9 +5,9 @@ declare const MemoizedText: React.MemoExoticComponent<(props: {
|
|
|
5
5
|
decorations: DecoratedRange[];
|
|
6
6
|
isLast: boolean;
|
|
7
7
|
parent: Element;
|
|
8
|
-
renderPlaceholder: (props: RenderPlaceholderProps) => JSX.Element;
|
|
9
|
-
renderLeaf?: ((props: RenderLeafProps) => JSX.Element) | undefined;
|
|
10
|
-
renderText?: ((props: RenderTextProps) => JSX.Element) | undefined;
|
|
8
|
+
renderPlaceholder: (props: RenderPlaceholderProps) => React.JSX.Element;
|
|
9
|
+
renderLeaf?: ((props: RenderLeafProps) => React.JSX.Element) | undefined;
|
|
10
|
+
renderText?: ((props: RenderTextProps) => React.JSX.Element) | undefined;
|
|
11
11
|
text: SlateText;
|
|
12
12
|
}) => React.JSX.Element>;
|
|
13
13
|
export declare const DefaultText: (props: RenderTextProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAQlE,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,eAAe,EAChB,MAAM,YAAY,CAAA;AAwFnB,QAAA,MAAM,YAAY;iBA7EH,cAAc,EAAE;YACrB,OAAO;YACP,OAAO;+BACY,sBAAsB,KAAK,
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/components/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAQlE,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,eAAe,EAChB,MAAM,YAAY,CAAA;AAwFnB,QAAA,MAAM,YAAY;iBA7EH,cAAc,EAAE;YACrB,OAAO;YACP,OAAO;+BACY,sBAAsB,KAAK,SAAS,QAAQ;0BAClD,eAAe,KAAK,SAAS,QAAQ;0BACrC,eAAe,KAAK,SAAS,QAAQ;UACpD,SAAS;wBAiFf,CAAA;AAEF,eAAO,MAAM,WAAW,UAAW,eAAe,sBAGjD,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"android-input-manager.d.ts","sourceRoot":"","sources":["../../../../../packages/slate-react/src/hooks/android-input-manager/android-input-manager.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,
|
|
1
|
+
{"version":3,"file":"android-input-manager.d.ts","sourceRoot":"","sources":["../../../../../packages/slate-react/src/hooks/android-input-manager/android-input-manager.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAgC,KAAK,EAAE,KAAK,EAAc,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAyBvD,MAAM,MAAM,MAAM,GAAG;IAAE,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,IAAI,CAAA;CAAE,CAAA;AAgB5D,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE,WAAW,CAAA;IAEnB,4BAA4B,EAAE,aAAa,CAAC,MAAM,IAAI,CAAC,CAAA;IACvD,oBAAoB,EAAE,aAAa,CAAC,MAAM,IAAI,CAAC,CAAA;CAChD,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,aAAa,EAAE,MAAM,IAAI,CAAA;IAEzB,eAAe,EAAE,MAAM,OAAO,CAAA;IAC9B,gBAAgB,EAAE,MAAM,OAAO,CAAA;IAC/B,iBAAiB,EAAE,MAAM,OAAO,CAAA;IAChC,UAAU,EAAE,MAAM,OAAO,GAAG,QAAQ,CAAA;IAEpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC7E,sBAAsB,EAAE,CACtB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,KAC1C,IAAI,CAAA;IACT,oBAAoB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAEnE,kBAAkB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IACzD,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,4BAA4B,EAC5B,oBAAoB,GACrB,EAAE,gCAAgC,GAAG,mBAAmB,CA+uBxD"}
|
|
@@ -7,11 +7,11 @@ import { RenderChunkProps, RenderElementProps, RenderLeafProps, RenderPlaceholde
|
|
|
7
7
|
declare const useChildren: (props: {
|
|
8
8
|
decorations: DecoratedRange[];
|
|
9
9
|
node: Ancestor;
|
|
10
|
-
renderElement?: ((props: RenderElementProps) => JSX.Element) | undefined;
|
|
11
|
-
renderChunk?: ((props: RenderChunkProps) => JSX.Element) | undefined;
|
|
12
|
-
renderPlaceholder: (props: RenderPlaceholderProps) => JSX.Element;
|
|
13
|
-
renderText?: ((props: RenderTextProps) => JSX.Element) | undefined;
|
|
14
|
-
renderLeaf?: ((props: RenderLeafProps) => JSX.Element) | undefined;
|
|
10
|
+
renderElement?: ((props: RenderElementProps) => React.JSX.Element) | undefined;
|
|
11
|
+
renderChunk?: ((props: RenderChunkProps) => React.JSX.Element) | undefined;
|
|
12
|
+
renderPlaceholder: (props: RenderPlaceholderProps) => React.JSX.Element;
|
|
13
|
+
renderText?: ((props: RenderTextProps) => React.JSX.Element) | undefined;
|
|
14
|
+
renderLeaf?: ((props: RenderLeafProps) => React.JSX.Element) | undefined;
|
|
15
15
|
}) => React.JSX.Element | React.JSX.Element[];
|
|
16
16
|
export default useChildren;
|
|
17
17
|
//# sourceMappingURL=use-children.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-children.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/hooks/use-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAU,OAAO,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"use-children.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/hooks/use-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAU,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAA;AAE7E,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,eAAe,EAChB,MAAM,wBAAwB,CAAA;AAgB/B;;GAEG;AAEH,QAAA,MAAM,WAAW;iBACF,cAAc,EAAE;UACvB,QAAQ;6BACU,kBAAkB,KAAK,SAAS,QAAQ;2BAC1C,gBAAgB,KAAK,SAAS,QAAQ;+BACjC,sBAAsB,KAAK,SAAS,QAAQ;0BAClD,eAAe,KAAK,SAAS,QAAQ;0BACrC,eAAe,KAAK,SAAS,QAAQ;6CAkH3D,CAAA;AAsCD,eAAe,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-decorations.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/hooks/use-decorations.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"use-decorations.d.ts","sourceRoot":"","sources":["../../../../packages/slate-react/src/hooks/use-decorations.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAA;AAOnE,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAE1B;;;GAGG;AAEH,eAAO,MAAM,eAAe;oCACM,cAAc,EAAE;iCACnB,QAAQ,KAAK,MAAM,IAAI;EACzC,CAAA;AAEb,eAAO,MAAM,cAAc,SACnB,UAAU,qBACG,cAAc,EAAE,KAClC,cAAc,EA0BhB,CAAA;AAED,eAAO,MAAM,kBAAkB,uCACO,cAAc,EAAE;;iCAgBJ,QAAQ;CAYzD,CAAA"}
|
package/dist/index.es.js
CHANGED
|
@@ -3,8 +3,8 @@ import debounce from 'lodash/debounce';
|
|
|
3
3
|
import throttle from 'lodash/throttle';
|
|
4
4
|
import React, { createContext, useContext, useRef, useEffect, useLayoutEffect, useState, memo, forwardRef, useCallback, useReducer, useMemo, Fragment, Component } from 'react';
|
|
5
5
|
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
6
|
-
import {
|
|
7
|
-
import { DOMEditor,
|
|
6
|
+
import { Range, Editor, Node, Path, Transforms, Location, Text as Text$1, Scrubber } from 'slate';
|
|
7
|
+
import { DOMEditor, isTrackedMutation, EDITOR_TO_FORCE_RENDER, IS_NODE_MAP_DIRTY, EDITOR_TO_PENDING_DIFFS, applyStringDiff, EDITOR_TO_PENDING_INSERTION_MARKS, isDOMSelection, IS_COMPOSING, EDITOR_TO_PENDING_SELECTION, EDITOR_TO_PENDING_ACTION, EDITOR_TO_USER_MARKS, targetRange, verifyDiffState, EDITOR_TO_PLACEHOLDER_ELEMENT, normalizeStringDiff, mergeStringDiffs, normalizeRange, normalizePoint, CAN_USE_DOM, IS_ANDROID, EDITOR_TO_SCHEDULE_FLUSH, MARK_PLACEHOLDER_SYMBOL, PLACEHOLDER_SYMBOL, IS_WEBKIT, isTextDecorationsEqual, isElementDecorationsEqual, EDITOR_TO_KEY_TO_ELEMENT, NODE_TO_ELEMENT, ELEMENT_TO_NODE, NODE_TO_INDEX, NODE_TO_PARENT, Key, splitDecorationsByChild, IS_READ_ONLY, getActiveElement, getSelection, IS_FOCUSED, getDefaultView, EDITOR_TO_WINDOW, EDITOR_TO_ELEMENT, IS_FIREFOX, containsShadowAware, EDITOR_TO_USER_SELECTION, HAS_BEFORE_INPUT_SUPPORT, isPlainTextOnlyPaste, Hotkeys, IS_CHROME, IS_FIREFOX_LEGACY, IS_IOS, IS_WECHATBROWSER, IS_UC_MOBILE, isDOMNode, TRIPLE_CLICK, isDOMElement, EDITOR_TO_ON_CHANGE, withDOM } from 'slate-dom';
|
|
8
8
|
export { NODE_TO_INDEX, NODE_TO_PARENT } from 'slate-dom';
|
|
9
9
|
import { ResizeObserver } from '@juggle/resize-observer';
|
|
10
10
|
import ReactDOM from 'react-dom';
|
|
@@ -52,7 +52,7 @@ function _toPrimitive(input, hint) {
|
|
|
52
52
|
if (_typeof(input) !== "object" || input === null) return input;
|
|
53
53
|
var prim = input[Symbol.toPrimitive];
|
|
54
54
|
if (prim !== undefined) {
|
|
55
|
-
var res = prim.call(input, hint
|
|
55
|
+
var res = prim.call(input, hint);
|
|
56
56
|
if (_typeof(res) !== "object") return res;
|
|
57
57
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
58
58
|
}
|
|
@@ -97,8 +97,8 @@ var useSlateStatic = () => {
|
|
|
97
97
|
// eslint-disable-next-line no-redeclare
|
|
98
98
|
var ReactEditor = DOMEditor;
|
|
99
99
|
|
|
100
|
-
function ownKeys$
|
|
101
|
-
function _objectSpread$
|
|
100
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
101
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
102
102
|
// https://github.com/facebook/draft-js/blob/main/src/component/handlers/composition/DraftEditorCompositionHandler.js#L41
|
|
103
103
|
// When using keyboard English association function, conpositionEnd triggered too fast, resulting in after `insertText` still maintain association state.
|
|
104
104
|
var RESOLVE_DELAY = 25;
|
|
@@ -140,7 +140,7 @@ function createAndroidInputManager(_ref) {
|
|
|
140
140
|
return;
|
|
141
141
|
}
|
|
142
142
|
if (action.at) {
|
|
143
|
-
var target =
|
|
143
|
+
var target = Location.isPoint(action.at) ? normalizePoint(editor, action.at) : normalizeRange(editor, action.at);
|
|
144
144
|
if (!target) {
|
|
145
145
|
return;
|
|
146
146
|
}
|
|
@@ -294,7 +294,7 @@ function createAndroidInputManager(_ref) {
|
|
|
294
294
|
updatePlaceholderVisibility();
|
|
295
295
|
return;
|
|
296
296
|
}
|
|
297
|
-
pendingDiffs[idx] = _objectSpread$
|
|
297
|
+
pendingDiffs[idx] = _objectSpread$8(_objectSpread$8({}, pendingDiffs[idx]), {}, {
|
|
298
298
|
diff: merged
|
|
299
299
|
});
|
|
300
300
|
};
|
|
@@ -371,7 +371,7 @@ function createAndroidInputManager(_ref) {
|
|
|
371
371
|
if (leaf.text.length === start.offset && end.offset === 0) {
|
|
372
372
|
var next = Editor.next(editor, {
|
|
373
373
|
at: start.path,
|
|
374
|
-
match:
|
|
374
|
+
match: Node.isText
|
|
375
375
|
});
|
|
376
376
|
if (next && Path.equals(next[1], end.path)) {
|
|
377
377
|
// when deleting a linebreak, targetRange will span across the break (ie start in the node before and end in the node after)
|
|
@@ -623,7 +623,7 @@ function createAndroidInputManager(_ref) {
|
|
|
623
623
|
if (insertPositionHint === null) {
|
|
624
624
|
insertPositionHint = _diff;
|
|
625
625
|
} else if (insertPositionHint && Range.isCollapsed(targetRange) && insertPositionHint.end + insertPositionHint.text.length === _start.offset) {
|
|
626
|
-
insertPositionHint = _objectSpread$
|
|
626
|
+
insertPositionHint = _objectSpread$8(_objectSpread$8({}, insertPositionHint), {}, {
|
|
627
627
|
text: insertPositionHint.text + _text
|
|
628
628
|
});
|
|
629
629
|
} else {
|
|
@@ -774,8 +774,8 @@ function useMutationObserver(node, callback, options) {
|
|
|
774
774
|
}
|
|
775
775
|
|
|
776
776
|
var _excluded$2 = ["node"];
|
|
777
|
-
function ownKeys$
|
|
778
|
-
function _objectSpread$
|
|
777
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
778
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
779
779
|
var MUTATION_OBSERVER_CONFIG$1 = {
|
|
780
780
|
subtree: true,
|
|
781
781
|
childList: true,
|
|
@@ -791,7 +791,7 @@ var useAndroidInputManager = !IS_ANDROID ? () => null : _ref => {
|
|
|
791
791
|
}
|
|
792
792
|
var editor = useSlateStatic();
|
|
793
793
|
var isMounted = useIsMounted();
|
|
794
|
-
var [inputManager] = useState(() => createAndroidInputManager(_objectSpread$
|
|
794
|
+
var [inputManager] = useState(() => createAndroidInputManager(_objectSpread$7({
|
|
795
795
|
editor
|
|
796
796
|
}, options)));
|
|
797
797
|
useMutationObserver(node, inputManager.handleDomMutations, MUTATION_OBSERVER_CONFIG$1);
|
|
@@ -802,8 +802,8 @@ var useAndroidInputManager = !IS_ANDROID ? () => null : _ref => {
|
|
|
802
802
|
return inputManager;
|
|
803
803
|
};
|
|
804
804
|
|
|
805
|
-
function ownKeys$
|
|
806
|
-
function _objectSpread$
|
|
805
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
806
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
807
807
|
/**
|
|
808
808
|
* Leaf content strings.
|
|
809
809
|
*/
|
|
@@ -920,11 +920,11 @@ var ZeroWidthString = props => {
|
|
|
920
920
|
// be because accepting an IME suggestion when at the start of a block (no
|
|
921
921
|
// preceding \uFEFF) removes one or more DOM elements that `toSlateRange`
|
|
922
922
|
// depends on. (https://github.com/ianstormtaylor/slate/issues/5703)
|
|
923
|
-
return /*#__PURE__*/React.createElement("span", _objectSpread$
|
|
923
|
+
return /*#__PURE__*/React.createElement("span", _objectSpread$6({}, attributes), !IS_ANDROID || !isLineBreak ? '\uFEFF' : null, isLineBreak ? /*#__PURE__*/React.createElement("br", null) : null);
|
|
924
924
|
};
|
|
925
925
|
|
|
926
|
-
function ownKeys$
|
|
927
|
-
function _objectSpread$
|
|
926
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
927
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
928
928
|
// Delay the placeholder on Android to prevent the keyboard from closing.
|
|
929
929
|
// (https://github.com/ianstormtaylor/slate/pull/5368)
|
|
930
930
|
var PLACEHOLDER_DELAY = IS_ANDROID ? 300 : 0;
|
|
@@ -942,7 +942,7 @@ function clearTimeoutRef(timeoutRef) {
|
|
|
942
942
|
timeoutRef.current = null;
|
|
943
943
|
}
|
|
944
944
|
}
|
|
945
|
-
var defaultRenderLeaf = props => /*#__PURE__*/React.createElement(DefaultLeaf, _objectSpread$
|
|
945
|
+
var defaultRenderLeaf = props => /*#__PURE__*/React.createElement(DefaultLeaf, _objectSpread$5({}, props));
|
|
946
946
|
/**
|
|
947
947
|
* Individual leaves in a text node with unique formatting.
|
|
948
948
|
*/
|
|
@@ -1049,7 +1049,7 @@ var DefaultLeaf = props => {
|
|
|
1049
1049
|
attributes,
|
|
1050
1050
|
children
|
|
1051
1051
|
} = props;
|
|
1052
|
-
return /*#__PURE__*/React.createElement("span", _objectSpread$
|
|
1052
|
+
return /*#__PURE__*/React.createElement("span", _objectSpread$5({}, attributes), children);
|
|
1053
1053
|
};
|
|
1054
1054
|
|
|
1055
1055
|
/**
|
|
@@ -1140,7 +1140,7 @@ var useDecorations = (node, parentDecorations) => {
|
|
|
1140
1140
|
var path = ReactEditor.findPath(editor, node);
|
|
1141
1141
|
return decorate([node, path]);
|
|
1142
1142
|
};
|
|
1143
|
-
var equalityFn =
|
|
1143
|
+
var equalityFn = Node.isText(node) ? isTextDecorationsEqual : isElementDecorationsEqual;
|
|
1144
1144
|
var [decorations, update] = useGenericSelector(selector, equalityFn);
|
|
1145
1145
|
useIsomorphicLayoutEffect(() => {
|
|
1146
1146
|
var unsubscribe = addEventListener(update);
|
|
@@ -1169,9 +1169,9 @@ var useDecorateContext = decorateProp => {
|
|
|
1169
1169
|
}), [decorate, addEventListener]);
|
|
1170
1170
|
};
|
|
1171
1171
|
|
|
1172
|
-
function ownKeys$
|
|
1173
|
-
function _objectSpread$
|
|
1174
|
-
var defaultRenderText = props => /*#__PURE__*/React.createElement(DefaultText, _objectSpread$
|
|
1172
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1173
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1174
|
+
var defaultRenderText = props => /*#__PURE__*/React.createElement(DefaultText, _objectSpread$4({}, props));
|
|
1175
1175
|
/**
|
|
1176
1176
|
* Text.
|
|
1177
1177
|
*/
|
|
@@ -1241,12 +1241,12 @@ var DefaultText = props => {
|
|
|
1241
1241
|
attributes,
|
|
1242
1242
|
children
|
|
1243
1243
|
} = props;
|
|
1244
|
-
return /*#__PURE__*/React.createElement("span", _objectSpread$
|
|
1244
|
+
return /*#__PURE__*/React.createElement("span", _objectSpread$4({}, attributes), children);
|
|
1245
1245
|
};
|
|
1246
1246
|
|
|
1247
|
-
function ownKeys$
|
|
1248
|
-
function _objectSpread$
|
|
1249
|
-
var defaultRenderElement = props => /*#__PURE__*/React.createElement(DefaultElement, _objectSpread$
|
|
1247
|
+
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1248
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1249
|
+
var defaultRenderElement = props => /*#__PURE__*/React.createElement(DefaultElement, _objectSpread$3({}, props));
|
|
1250
1250
|
/**
|
|
1251
1251
|
* Element.
|
|
1252
1252
|
*/
|
|
@@ -1350,7 +1350,7 @@ var DefaultElement = props => {
|
|
|
1350
1350
|
} = props;
|
|
1351
1351
|
var editor = useSlateStatic();
|
|
1352
1352
|
var Tag = editor.isInline(element) ? 'span' : 'div';
|
|
1353
|
-
return /*#__PURE__*/React.createElement(Tag, _objectSpread$
|
|
1353
|
+
return /*#__PURE__*/React.createElement(Tag, _objectSpread$3(_objectSpread$3({}, attributes), {}, {
|
|
1354
1354
|
style: {
|
|
1355
1355
|
position: 'relative'
|
|
1356
1356
|
}
|
|
@@ -1920,7 +1920,6 @@ var reconcileChildren = (editor, _ref) => {
|
|
|
1920
1920
|
onIndexChange,
|
|
1921
1921
|
debug
|
|
1922
1922
|
} = _ref;
|
|
1923
|
-
chunkTree.modifiedChunks.clear();
|
|
1924
1923
|
var chunkTreeHelper = new ChunkTreeHelper(chunkTree, {
|
|
1925
1924
|
chunkSize,
|
|
1926
1925
|
debug
|
|
@@ -1996,8 +1995,8 @@ var reconcileChildren = (editor, _ref) => {
|
|
|
1996
1995
|
chunkTree.movedNodeKeys.clear();
|
|
1997
1996
|
};
|
|
1998
1997
|
|
|
1999
|
-
function ownKeys$
|
|
2000
|
-
function _objectSpread$
|
|
1998
|
+
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1999
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2001
2000
|
var KEY_TO_CHUNK_TREE = new WeakMap();
|
|
2002
2001
|
/**
|
|
2003
2002
|
* Get or create the chunk tree for a Slate node
|
|
@@ -2020,7 +2019,7 @@ var getChunkTreeForNode = function getChunkTreeForNode(editor, node) {
|
|
|
2020
2019
|
KEY_TO_CHUNK_TREE.set(key, chunkTree);
|
|
2021
2020
|
}
|
|
2022
2021
|
if (options.reconcile) {
|
|
2023
|
-
reconcileChildren(editor, _objectSpread$
|
|
2022
|
+
reconcileChildren(editor, _objectSpread$2({
|
|
2024
2023
|
chunkTree,
|
|
2025
2024
|
children: node.children
|
|
2026
2025
|
}, options.reconcile));
|
|
@@ -2028,6 +2027,8 @@ var getChunkTreeForNode = function getChunkTreeForNode(editor, node) {
|
|
|
2028
2027
|
return chunkTree;
|
|
2029
2028
|
};
|
|
2030
2029
|
|
|
2030
|
+
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2031
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2031
2032
|
var defaultRenderChunk = _ref => {
|
|
2032
2033
|
var {
|
|
2033
2034
|
children
|
|
@@ -2066,7 +2067,16 @@ var ChunkAncestor = props => {
|
|
|
2066
2067
|
return renderElement(element, chunkNode.index, chunkNode.key);
|
|
2067
2068
|
});
|
|
2068
2069
|
};
|
|
2069
|
-
var ChunkTree =
|
|
2070
|
+
var ChunkTree = props => {
|
|
2071
|
+
// Clear the set of modified chunks only when React finishes rendering. The
|
|
2072
|
+
// timing of this is important in strict mode because if the chunks are
|
|
2073
|
+
// cleared during rendering (such as in reconcileChildren), strict mode's
|
|
2074
|
+
// second render won't include them.
|
|
2075
|
+
useEffect(() => {
|
|
2076
|
+
props.root.modifiedChunks.clear();
|
|
2077
|
+
});
|
|
2078
|
+
return /*#__PURE__*/React.createElement(ChunkAncestor, _objectSpread$1({}, props));
|
|
2079
|
+
};
|
|
2070
2080
|
var MemoizedChunk = /*#__PURE__*/React.memo(ChunkAncestor, (prev, next) => prev.root === next.root && prev.renderElement === next.renderElement && prev.renderChunk === next.renderChunk && !next.root.modifiedChunks.has(next.ancestor));
|
|
2071
2081
|
|
|
2072
2082
|
var ElementContext = /*#__PURE__*/createContext(null);
|
|
@@ -2100,8 +2110,7 @@ var useChildren = props => {
|
|
|
2100
2110
|
} = props;
|
|
2101
2111
|
var editor = useSlateStatic();
|
|
2102
2112
|
IS_NODE_MAP_DIRTY.set(editor, false);
|
|
2103
|
-
var
|
|
2104
|
-
var isBlock = !isEditor && Element$1.isElement(node) && !editor.isInline(node);
|
|
2113
|
+
var isBlock = Node.isElement(node) && !editor.isInline(node);
|
|
2105
2114
|
var isLeafBlock = isBlock && Editor.hasInlines(editor, node);
|
|
2106
2115
|
var chunkSize = isLeafBlock ? null : editor.getChunkSize(node);
|
|
2107
2116
|
var chunking = !!chunkSize;
|
|
@@ -2148,7 +2157,7 @@ var useChildren = props => {
|
|
|
2148
2157
|
});
|
|
2149
2158
|
};
|
|
2150
2159
|
if (!chunking) {
|
|
2151
|
-
return node.children.map((n, i) =>
|
|
2160
|
+
return node.children.map((n, i) => Node.isText(n) ? renderTextComponent(n, i) : renderElementComponent(n, i));
|
|
2152
2161
|
}
|
|
2153
2162
|
var chunkTree = getChunkTreeForNode(editor, node, {
|
|
2154
2163
|
reconcile: {
|
|
@@ -2486,7 +2495,7 @@ var useComposing = () => {
|
|
|
2486
2495
|
var _excluded$1 = ["autoFocus", "decorate", "onDOMBeforeInput", "placeholder", "readOnly", "renderElement", "renderChunk", "renderLeaf", "renderText", "renderPlaceholder", "scrollSelectionIntoView", "style", "as", "disableDefaultStyles"],
|
|
2487
2496
|
_excluded2 = ["text"];
|
|
2488
2497
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2489
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t),
|
|
2498
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2490
2499
|
var Children = props => /*#__PURE__*/React.createElement(React.Fragment, null, useChildren(props));
|
|
2491
2500
|
/**
|
|
2492
2501
|
* Editable.
|
|
@@ -2858,7 +2867,7 @@ var Editable = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
2858
2867
|
if (native && node.parentElement && (_window === null || _window === void 0 || (_window$getComputedSt = _window.getComputedStyle(node.parentElement)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.whiteSpace) === 'pre') {
|
|
2859
2868
|
var block = Editor.above(editor, {
|
|
2860
2869
|
at: anchor.path,
|
|
2861
|
-
match: n =>
|
|
2870
|
+
match: n => Node.isElement(n) && Editor.isBlock(editor, n)
|
|
2862
2871
|
});
|
|
2863
2872
|
if (block && Node.string(block[0]).includes('\t')) {
|
|
2864
2873
|
native = false;
|
|
@@ -3120,7 +3129,10 @@ var Editable = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
3120
3129
|
anchor
|
|
3121
3130
|
} = editor.selection;
|
|
3122
3131
|
var leaf = Node.leaf(editor, anchor.path);
|
|
3123
|
-
var
|
|
3132
|
+
var {
|
|
3133
|
+
text
|
|
3134
|
+
} = leaf,
|
|
3135
|
+
rest = _objectWithoutProperties(leaf, _excluded2);
|
|
3124
3136
|
// While marks isn't a 'complete' text, we can still use loose Text.equals
|
|
3125
3137
|
// here which only compares marks anyway.
|
|
3126
3138
|
if (!Text$1.equals(leaf, marks, {
|
|
@@ -3271,7 +3283,7 @@ var Editable = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
3271
3283
|
// a list item of the check list example).
|
|
3272
3284
|
if (relatedTarget != null && isDOMNode(relatedTarget) && ReactEditor.hasDOMNode(editor, relatedTarget)) {
|
|
3273
3285
|
var node = ReactEditor.toSlateNode(editor, relatedTarget);
|
|
3274
|
-
if (
|
|
3286
|
+
if (Node.isElement(node) && !editor.isVoid(node)) {
|
|
3275
3287
|
return;
|
|
3276
3288
|
}
|
|
3277
3289
|
}
|
|
@@ -3297,10 +3309,10 @@ var Editable = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
3297
3309
|
}
|
|
3298
3310
|
if (event.detail === TRIPLE_CLICK && path.length >= 1) {
|
|
3299
3311
|
var blockPath = path;
|
|
3300
|
-
if (!(
|
|
3312
|
+
if (!(Node.isElement(node) && Editor.isBlock(editor, node))) {
|
|
3301
3313
|
var _block$;
|
|
3302
3314
|
var block = Editor.above(editor, {
|
|
3303
|
-
match: n =>
|
|
3315
|
+
match: n => Node.isElement(n) && Editor.isBlock(editor, n),
|
|
3304
3316
|
at: path
|
|
3305
3317
|
});
|
|
3306
3318
|
blockPath = (_block$ = block === null || block === void 0 ? void 0 : block[1]) !== null && _block$ !== void 0 ? _block$ : path.slice(0, 1);
|
|
@@ -3422,7 +3434,7 @@ var Editable = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
3422
3434
|
// that drops are allowed. Editable content is droppable by
|
|
3423
3435
|
// default, and calling `preventDefault` hides the cursor.
|
|
3424
3436
|
var node = ReactEditor.toSlateNode(editor, event.target);
|
|
3425
|
-
if (
|
|
3437
|
+
if (Node.isElement(node) && Editor.isVoid(editor, node)) {
|
|
3426
3438
|
event.preventDefault();
|
|
3427
3439
|
}
|
|
3428
3440
|
}
|
|
@@ -3431,7 +3443,7 @@ var Editable = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
3431
3443
|
if (!readOnly && ReactEditor.hasTarget(editor, event.target) && !isEventHandled(event, attributes.onDragStart)) {
|
|
3432
3444
|
var node = ReactEditor.toSlateNode(editor, event.target);
|
|
3433
3445
|
var path = ReactEditor.findPath(editor, node);
|
|
3434
|
-
var voidMatch =
|
|
3446
|
+
var voidMatch = Node.isElement(node) && Editor.isVoid(editor, node) || Editor.void(editor, {
|
|
3435
3447
|
at: path,
|
|
3436
3448
|
voids: true
|
|
3437
3449
|
});
|
|
@@ -3727,7 +3739,7 @@ var Editable = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
3727
3739
|
// an event when deleting backwards in a selected void inline node
|
|
3728
3740
|
if (selection && (Hotkeys.isDeleteBackward(nativeEvent) || Hotkeys.isDeleteForward(nativeEvent)) && Range.isCollapsed(selection)) {
|
|
3729
3741
|
var currentNode = Node.parent(editor, selection.anchor.path);
|
|
3730
|
-
if (
|
|
3742
|
+
if (Node.isElement(currentNode) && Editor.isVoid(editor, currentNode) && (Editor.isInline(editor, currentNode) || Editor.isBlock(editor, currentNode))) {
|
|
3731
3743
|
event.preventDefault();
|
|
3732
3744
|
Editor.deleteBackward(editor, {
|
|
3733
3745
|
unit: 'block'
|
|
@@ -3946,7 +3958,7 @@ var Slate = props => {
|
|
|
3946
3958
|
document.removeEventListener('blur', fn, true);
|
|
3947
3959
|
};
|
|
3948
3960
|
}
|
|
3949
|
-
}, []);
|
|
3961
|
+
}, [editor]);
|
|
3950
3962
|
return /*#__PURE__*/React.createElement(SlateSelectorContext.Provider, {
|
|
3951
3963
|
value: selectorContext
|
|
3952
3964
|
}, /*#__PURE__*/React.createElement(EditorContext.Provider, {
|