@reacteditor/core 0.0.5 → 0.0.7

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 (52) hide show
  1. package/dist/Editor-4LPVLYSU.css +415 -0
  2. package/dist/{Editor-POJT3RA2.mjs → Editor-OSAG52QF.mjs} +10 -10
  3. package/dist/{Render-JNABKPAF.mjs → Render-STFB5CNO.mjs} +1 -1
  4. package/dist/Render-ZTUTUUAH.css +103 -0
  5. package/dist/{actions-CQmL3wwa.d.mts → actions-BDMhAtxP.d.mts} +2 -1
  6. package/dist/{actions-CQmL3wwa.d.ts → actions-BDMhAtxP.d.ts} +2 -1
  7. package/dist/{chunk-KC727YFW.mjs → chunk-6QJ2HF4O.mjs} +1 -1
  8. package/dist/{chunk-IUOWXGYR.mjs → chunk-AAK2555H.mjs} +4 -4
  9. package/dist/{chunk-DCL4UC2H.mjs → chunk-EEQGJ6FH.mjs} +1 -1
  10. package/dist/{chunk-VOLQMQPK.mjs → chunk-IIRJMJFU.mjs} +1 -1
  11. package/dist/{chunk-43G2QHSV.mjs → chunk-JUC25FB7.mjs} +10 -10
  12. package/dist/{chunk-UB2DES2O.mjs → chunk-M4JDRFYB.mjs} +8 -6
  13. package/dist/{chunk-X7IRHSQN.mjs → chunk-RNRHREWH.mjs} +4 -4
  14. package/dist/{chunk-YFRH22NT.mjs → chunk-TI3KC54Y.mjs} +20 -20
  15. package/dist/{chunk-QB3US7UE.mjs → chunk-W5I2Z7QS.mjs} +580 -195
  16. package/dist/{chunk-5N6RK26Z.mjs → chunk-XI7YTBCP.mjs} +1 -1
  17. package/dist/{chunk-JEDWXGVP.mjs → chunk-ZLSPSBV3.mjs} +1 -1
  18. package/dist/full-7ABPY2WA.css +311 -0
  19. package/dist/{full-HZMEMWCN.mjs → full-IHV5BO2L.mjs} +8 -8
  20. package/dist/{index-BOP2qNVA.d.mts → index-BwLKseT7.d.mts} +1 -1
  21. package/dist/{index-_G46lHpL.d.ts → index-DkYXZRPz.d.ts} +1 -1
  22. package/dist/index.css +1268 -1165
  23. package/dist/index.d.mts +35 -8
  24. package/dist/index.d.ts +35 -8
  25. package/dist/index.js +640 -246
  26. package/dist/index.mjs +15 -15
  27. package/dist/internal.d.mts +2 -2
  28. package/dist/internal.d.ts +2 -2
  29. package/dist/internal.js +7 -5
  30. package/dist/internal.mjs +2 -2
  31. package/dist/{loaded-35JQLXSA.mjs → loaded-3NPQWYKN.mjs} +5 -5
  32. package/dist/{loaded-QJMKRN35.mjs → loaded-FTSXIONQ.mjs} +5 -5
  33. package/dist/loaded-N4KWL7FV.css +90 -0
  34. package/dist/{loaded-U6ZILQXM.mjs → loaded-YTQOQIUU.mjs} +5 -5
  35. package/dist/no-external.css +1268 -1165
  36. package/dist/no-external.d.mts +4 -4
  37. package/dist/no-external.d.ts +4 -4
  38. package/dist/no-external.js +640 -246
  39. package/dist/no-external.mjs +15 -15
  40. package/dist/rsc.css +40 -40
  41. package/dist/rsc.d.mts +2 -2
  42. package/dist/rsc.d.ts +2 -2
  43. package/dist/rsc.js +1 -1
  44. package/dist/rsc.mjs +4 -4
  45. package/dist/{walk-tree-DxSkPLnl.d.ts → walk-tree-BweEZ37Y.d.ts} +1 -1
  46. package/dist/{walk-tree-Dwv3c_9M.d.mts → walk-tree-LcQXXDqe.d.mts} +1 -1
  47. package/package.json +2 -1
  48. package/dist/Editor-WYZZDKT3.css +0 -415
  49. package/dist/Render-WBTAN6PO.css +0 -103
  50. package/dist/full-5442HPZH.css +0 -311
  51. package/dist/loaded-KZZU4RNL.css +0 -90
  52. package/dist/{chunk-GAUBBDIR.mjs → chunk-JIXMPJZA.mjs} +37 -37
@@ -3,7 +3,6 @@ import {
3
3
  Button,
4
4
  ComponentList,
5
5
  Drawer,
6
- DropZone,
7
6
  Editor,
8
7
  FieldLabel,
9
8
  Render,
@@ -18,15 +17,16 @@ import {
18
17
  renderContext,
19
18
  setDeep,
20
19
  useEditor,
21
- useGetEditor
22
- } from "./chunk-QB3US7UE.mjs";
23
- import "./chunk-X7IRHSQN.mjs";
20
+ useGetEditor,
21
+ usePropsContext
22
+ } from "./chunk-W5I2Z7QS.mjs";
23
+ import "./chunk-RNRHREWH.mjs";
24
24
  import {
25
25
  migrate,
26
26
  resolveAllData,
27
27
  transformProps
28
- } from "./chunk-YFRH22NT.mjs";
29
- import "./chunk-KC727YFW.mjs";
28
+ } from "./chunk-TI3KC54Y.mjs";
29
+ import "./chunk-6QJ2HF4O.mjs";
30
30
  import {
31
31
  Action,
32
32
  ActionBar,
@@ -35,17 +35,17 @@ import {
35
35
  Label,
36
36
  RichTextMenu,
37
37
  Separator
38
- } from "./chunk-43G2QHSV.mjs";
39
- import "./chunk-5N6RK26Z.mjs";
40
- import "./chunk-DCL4UC2H.mjs";
41
- import "./chunk-JEDWXGVP.mjs";
42
- import "./chunk-IUOWXGYR.mjs";
43
- import "./chunk-UB2DES2O.mjs";
44
- import "./chunk-VOLQMQPK.mjs";
38
+ } from "./chunk-JUC25FB7.mjs";
39
+ import "./chunk-XI7YTBCP.mjs";
40
+ import "./chunk-EEQGJ6FH.mjs";
41
+ import "./chunk-ZLSPSBV3.mjs";
42
+ import "./chunk-AAK2555H.mjs";
43
+ import "./chunk-M4JDRFYB.mjs";
44
+ import "./chunk-IIRJMJFU.mjs";
45
45
  import "./chunk-Y2EFNT5P.mjs";
46
46
  import {
47
47
  walkTree
48
- } from "./chunk-GAUBBDIR.mjs";
48
+ } from "./chunk-JIXMPJZA.mjs";
49
49
  import {
50
50
  init_react_import
51
51
  } from "./chunk-M6W7YEVX.mjs";
@@ -59,7 +59,6 @@ export {
59
59
  Button,
60
60
  ComponentList,
61
61
  Drawer,
62
- DropZone,
63
62
  Editor,
64
63
  FieldLabel,
65
64
  Group,
@@ -83,5 +82,6 @@ export {
83
82
  transformProps,
84
83
  useEditor,
85
84
  useGetEditor,
85
+ usePropsContext,
86
86
  walkTree
87
87
  };
package/dist/rsc.css CHANGED
@@ -1,103 +1,103 @@
1
1
  /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
2
- ._RichTextEditor_1grt5_1 .ProseMirror {
2
+ ._RichTextEditor_150ed_1 .ProseMirror {
3
3
  white-space: pre-wrap;
4
4
  word-wrap: break-word;
5
5
  cursor: text;
6
6
  outline: none;
7
7
  position: relative;
8
8
  }
9
- ._RichTextEditor_1grt5_1 .rich-text * {
9
+ ._RichTextEditor_150ed_1 .rich-text * {
10
10
  white-space: pre-wrap;
11
11
  user-select: auto;
12
12
  -webkit-user-select: auto;
13
13
  }
14
- ._RichTextEditor_1grt5_1 .rich-text blockquote {
14
+ ._RichTextEditor_150ed_1 .rich-text blockquote {
15
15
  margin: 1em 0;
16
16
  padding: 0 1em;
17
- border-left: 4px solid var(--re-border-default);
17
+ border-left: 4px solid var(--editor-border-default);
18
18
  }
19
- ._RichTextEditor_1grt5_1 .rich-text code {
20
- background-color: var(--re-surface-sunken);
19
+ ._RichTextEditor_150ed_1 .rich-text code {
20
+ background-color: var(--editor-surface-sunken);
21
21
  padding: 4px 8px;
22
- border-radius: var(--re-radius-sm);
22
+ border-radius: var(--editor-radius-sm);
23
23
  }
24
- ._RichTextEditor_1grt5_1 .rich-text p:empty::before {
24
+ ._RichTextEditor_150ed_1 .rich-text p:empty::before {
25
25
  content: "\a0";
26
26
  }
27
- ._RichTextEditor_1grt5_1 .rich-text pre code {
27
+ ._RichTextEditor_150ed_1 .rich-text pre code {
28
28
  display: block;
29
29
  padding: 8px 12px;
30
30
  }
31
- ._RichTextEditor_1grt5_1 .rich-text > *:first-child,
32
- ._RichTextEditor_1grt5_1 .ProseMirror > *:first-child,
33
- ._RichTextEditor_1grt5_1 .rich-text * p:first-of-type {
31
+ ._RichTextEditor_150ed_1 .rich-text > *:first-child,
32
+ ._RichTextEditor_150ed_1 .ProseMirror > *:first-child,
33
+ ._RichTextEditor_150ed_1 .rich-text * p:first-of-type {
34
34
  margin-top: 0;
35
35
  }
36
- ._RichTextEditor_1grt5_1 .rich-text > *:last-child,
37
- ._RichTextEditor_1grt5_1 .ProseMirror > *:last-child,
38
- ._RichTextEditor_1grt5_1 .rich-text * p:last-of-type {
36
+ ._RichTextEditor_150ed_1 .rich-text > *:last-child,
37
+ ._RichTextEditor_150ed_1 .ProseMirror > *:last-child,
38
+ ._RichTextEditor_150ed_1 .rich-text * p:last-of-type {
39
39
  margin-bottom: 0;
40
40
  }
41
- ._RichTextEditor--editor_1grt5_50 {
42
- background: var(--re-surface-panel);
41
+ ._RichTextEditor--editor_150ed_50 {
42
+ background: var(--editor-surface-panel);
43
43
  border-width: 1px;
44
44
  border-style: solid;
45
- border-color: var(--re-border-default);
46
- border-radius: var(--re-radius-md);
45
+ border-color: var(--editor-border-default);
46
+ border-radius: var(--editor-radius-md);
47
47
  box-sizing: border-box;
48
48
  display: flex;
49
49
  flex-direction: column;
50
50
  font-family: inherit;
51
- font-size: var(--re-font-size-xxs);
51
+ font-size: var(--editor-font-size-xxs);
52
52
  resize: vertical;
53
53
  text-align: initial;
54
- transition: border-color var(--re-motion-fast) var(--re-ease), box-shadow var(--re-motion-fast) var(--re-ease);
54
+ transition: border-color var(--editor-motion-fast) var(--editor-ease), box-shadow var(--editor-motion-fast) var(--editor-ease);
55
55
  width: 100%;
56
56
  max-width: 100%;
57
57
  min-height: 128px;
58
58
  }
59
- ._RichTextEditor--editor_1grt5_50 .rich-text {
59
+ ._RichTextEditor--editor_150ed_50 .rich-text {
60
60
  flex-grow: 1;
61
61
  }
62
- ._RichTextEditor--editor_1grt5_50 .rich-text:not(:has(.ProseMirror)),
63
- ._RichTextEditor--editor_1grt5_50 .rich-text .ProseMirror {
62
+ ._RichTextEditor--editor_150ed_50 .rich-text:not(:has(.ProseMirror)),
63
+ ._RichTextEditor--editor_150ed_50 .rich-text .ProseMirror {
64
64
  height: 100%;
65
65
  padding: 12px 15px;
66
66
  }
67
- ._RichTextEditor--editor_1grt5_50 .rich-text ul,
68
- ._RichTextEditor--editor_1grt5_50 .rich-text ol {
67
+ ._RichTextEditor--editor_150ed_50 .rich-text ul,
68
+ ._RichTextEditor--editor_150ed_50 .rich-text ol {
69
69
  padding-left: 24px;
70
70
  }
71
- ._RichTextEditor--editor_1grt5_50 .rich-text li {
71
+ ._RichTextEditor--editor_150ed_50 .rich-text li {
72
72
  line-height: 1.5;
73
73
  }
74
- ._RichTextEditor--editor_1grt5_50 .rich-text p {
74
+ ._RichTextEditor--editor_150ed_50 .rich-text p {
75
75
  margin-block: 12px;
76
76
  }
77
- ._RichTextEditor--editor_1grt5_50 .rich-text ul {
77
+ ._RichTextEditor--editor_150ed_50 .rich-text ul {
78
78
  list-style: disc;
79
79
  }
80
- ._RichTextEditor--editor_1grt5_50 .rich-text ol {
80
+ ._RichTextEditor--editor_150ed_50 .rich-text ol {
81
81
  list-style: decimal;
82
82
  }
83
- ._RichTextEditor--editor_1grt5_50:focus-within {
84
- border-color: var(--re-accent);
83
+ ._RichTextEditor--editor_150ed_50:focus-within {
84
+ border-color: var(--editor-accent);
85
85
  outline: none;
86
- box-shadow: var(--re-ring);
86
+ box-shadow: var(--editor-ring);
87
87
  transition: none;
88
88
  }
89
- ._RichTextEditor--editor_1grt5_50._RichTextEditor--disabled_1grt5_109 {
90
- background: var(--re-surface-sunken);
89
+ ._RichTextEditor--editor_150ed_50._RichTextEditor--disabled_150ed_109 {
90
+ background: var(--editor-surface-sunken);
91
91
  }
92
- ._RichTextEditor_1grt5_1:not(:focus-within):not(._RichTextEditor--isActive_1grt5_113) .ProseMirror ::selection {
92
+ ._RichTextEditor_150ed_1:not(:focus-within):not(._RichTextEditor--isActive_150ed_113) .ProseMirror ::selection {
93
93
  background-color: transparent;
94
94
  }
95
- ._RichTextEditor-menu_1grt5_119 {
96
- border-bottom: 1px solid var(--re-border-subtle);
95
+ ._RichTextEditor-menu_150ed_119 {
96
+ border-bottom: 1px solid var(--editor-border-subtle);
97
97
  position: sticky;
98
98
  top: 0;
99
99
  z-index: 1;
100
100
  }
101
- ._RichTextEditor--disabled_1grt5_109 ._RichTextEditor-menu_1grt5_119 {
102
- border-bottom: 1px solid var(--re-border-subtle);
101
+ ._RichTextEditor--disabled_150ed_109 ._RichTextEditor-menu_150ed_119 {
102
+ border-bottom: 1px solid var(--editor-border-subtle);
103
103
  }
package/dist/rsc.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { C as Config, U as UserGenerics, M as Metadata } from './actions-CQmL3wwa.mjs';
3
- export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Dwv3c_9M.mjs';
2
+ import { C as Config, U as UserGenerics, M as Metadata } from './actions-BDMhAtxP.mjs';
3
+ export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-LcQXXDqe.mjs';
4
4
  import 'react';
5
5
  import '@tiptap/react';
6
6
  import '@tiptap/extension-blockquote';
package/dist/rsc.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { C as Config, U as UserGenerics, M as Metadata } from './actions-CQmL3wwa.js';
3
- export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DxSkPLnl.js';
2
+ import { C as Config, U as UserGenerics, M as Metadata } from './actions-BDMhAtxP.js';
3
+ export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-BweEZ37Y.js';
4
4
  import 'react';
5
5
  import '@tiptap/react';
6
6
  import '@tiptap/extension-blockquote';
package/dist/rsc.js CHANGED
@@ -199,7 +199,7 @@ var init_styles_module = __esm({
199
199
  "use strict";
200
200
  init_react_import();
201
201
  init_css_module_data();
202
- styles_module_default = { "RichTextEditor": "_RichTextEditor_1grt5_1", "RichTextEditor--editor": "_RichTextEditor--editor_1grt5_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_1grt5_109", "RichTextEditor--isActive": "_RichTextEditor--isActive_1grt5_113", "RichTextEditor-menu": "_RichTextEditor-menu_1grt5_119" };
202
+ styles_module_default = { "RichTextEditor": "_RichTextEditor_150ed_1", "RichTextEditor--editor": "_RichTextEditor--editor_150ed_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_150ed_109", "RichTextEditor--isActive": "_RichTextEditor--isActive_150ed_113", "RichTextEditor-menu": "_RichTextEditor-menu_150ed_119" };
203
203
  }
204
204
  });
205
205
 
package/dist/rsc.mjs CHANGED
@@ -5,9 +5,9 @@ import {
5
5
  transformProps,
6
6
  useRichtextProps,
7
7
  useSlots
8
- } from "./chunk-YFRH22NT.mjs";
9
- import "./chunk-KC727YFW.mjs";
10
- import "./chunk-VOLQMQPK.mjs";
8
+ } from "./chunk-TI3KC54Y.mjs";
9
+ import "./chunk-6QJ2HF4O.mjs";
10
+ import "./chunk-IIRJMJFU.mjs";
11
11
  import "./chunk-Y2EFNT5P.mjs";
12
12
  import {
13
13
  rootAreaId,
@@ -15,7 +15,7 @@ import {
15
15
  rootZone,
16
16
  setupZone,
17
17
  walkTree
18
- } from "./chunk-GAUBBDIR.mjs";
18
+ } from "./chunk-JIXMPJZA.mjs";
19
19
  import {
20
20
  __spreadProps,
21
21
  __spreadValues,
@@ -1,4 +1,4 @@
1
- import { C as Config, D as Data, W as WithId, U as UserGenerics, a as Content, b as ComponentData, c as DefaultComponents, d as DefaultComponentProps, e as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-CQmL3wwa.js';
1
+ import { C as Config, D as Data, W as WithId, U as UserGenerics, a as Content, b as ComponentData, c as DefaultComponents, d as DefaultComponentProps, e as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-BDMhAtxP.js';
2
2
 
3
3
  type MigrationOptions<UserConfig extends Config> = {
4
4
  migrateDynamicZonesForComponent?: {
@@ -1,4 +1,4 @@
1
- import { C as Config, D as Data, W as WithId, U as UserGenerics, a as Content, b as ComponentData, c as DefaultComponents, d as DefaultComponentProps, e as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-CQmL3wwa.mjs';
1
+ import { C as Config, D as Data, W as WithId, U as UserGenerics, a as Content, b as ComponentData, c as DefaultComponents, d as DefaultComponentProps, e as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-BDMhAtxP.mjs';
2
2
 
3
3
  type MigrationOptions<UserConfig extends Config> = {
4
4
  migrateDynamicZonesForComponent?: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reacteditor/core",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "description": "The open-source visual editor for React",
5
5
  "author": "Rami Bitar <rami@frontend.co>",
6
6
  "repository": "frontend-inc/react-editor",
@@ -105,6 +105,7 @@
105
105
  "@dnd-kit/helpers": "0.4.0",
106
106
  "@dnd-kit/react": "0.4.0",
107
107
  "@dnd-kit/state": "0.4.0",
108
+ "@base-ui/react": "^1.4.1",
108
109
  "@radix-ui/react-popover": "^1.1.15",
109
110
  "@radix-ui/react-select": "^2.2.6",
110
111
  "@tanstack/react-virtual": "^3.13.9",