@livepreso/react-plugin-textfield 0.1.2 → 0.2.0

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 (31) hide show
  1. package/.rush/temp/shrinkwrap-deps.json +32 -27
  2. package/CHANGELOG.json +29 -0
  3. package/CHANGELOG.md +15 -1
  4. package/components/InsertTokenDialog.js +82 -0
  5. package/components/InsertTokenDialog.module.scss +166 -0
  6. package/components/editor-toolbars/EditorMenu.module.scss +1 -0
  7. package/components/editor-toolbars/SimpleButton.js +34 -0
  8. package/components/editor-toolbars/SimpleButton.module.scss +36 -0
  9. package/components/tiptap/token/Token.js +142 -0
  10. package/components/tiptap/token/Token.module.scss +28 -0
  11. package/components/tiptap/token/TokenList.js +93 -0
  12. package/components/tiptap/token/TokenList.module.scss +58 -0
  13. package/components/tiptap/token/utils.js +92 -0
  14. package/configs/generate-toolbar-configuration.js +14 -2
  15. package/configs/generate-toolbar-options.js +4 -2
  16. package/configs/toolbar-configuration.js +15 -0
  17. package/constants.js +19 -1
  18. package/icons/HelpCenter.js +13 -0
  19. package/icons/MoreVert.js +13 -0
  20. package/icons/WandStars.js +13 -0
  21. package/icons/help_center.svg +1 -0
  22. package/icons/index.js +9 -1
  23. package/icons/more_vert.svg +1 -0
  24. package/icons/wand_stars.svg +1 -0
  25. package/index.js +48 -4
  26. package/index.module.scss +9 -8
  27. package/package.json +30 -27
  28. package/scripts/extract-svg.js +3 -1
  29. package/variables.scss +6 -0
  30. package/icons/format_color_text.svg +0 -5
  31. package/icons/format_color_text_ungrouped.svg +0 -6
package/index.module.scss CHANGED
@@ -1,6 +1,4 @@
1
- $interactive-color: #3c80f6;
2
- $button-color: #f0f0f0;
3
- $button-hover-color: #e0e0e0;
1
+ @import "./variables.scss";
4
2
 
5
3
  :global(.sp-presenter-overlay) {
6
4
  * {
@@ -11,20 +9,23 @@ $button-hover-color: #e0e0e0;
11
9
 
12
10
  --sp-toolbar-color-white: #ffffff;
13
11
  --sp-toolbar-bg-color: var(--sp-toolbar-color-white);
14
- --sp-toolbar-color: rgb(34, 47, 62);
12
+ --sp-toolbar-color: #{$toolbar-color};
15
13
  --sp-toolbar-modal-bg-color: rgba(255, 255, 255, 0.75);
16
14
  --sp-toolbar-separator-color: rgba(0, 0, 0, 0.12);
17
15
  --sp-toolbar-highlight-color: rgba(0, 0, 0, 0.38);
18
- --sp-toolbar-interactive-color: $interactive-color;
16
+ --sp-toolbar-interactive-color: #{$interactive-color};
19
17
  --sp-toolbar-focus-color: #006ce7;
20
- --sp-toolbar-active-color: #a6ccf7;
18
+ --sp-toolbar-active-color: #{$active-color};
21
19
  --sp-toolbar-hover-color: #cce2fa;
22
20
  --sp-toolbar-select-trigger: #f7f7f7;
23
21
  // Buttons
24
- --sp-toolbar-button: $button-color;
25
- --sp-toolbar-button-hover: $button-hover-color;
22
+ --sp-toolbar-button: #{$button-color};
23
+ --sp-toolbar-button-hover: #{$button-hover-color};
26
24
  --sp-toolbar-button-primary: var(--sp-toolbar-focus-color);
27
25
  --sp-toolbar-button-primary-hover: #0060ce;
26
+ // tokens (for the dialog)
27
+ --sp-token-background-color: #{$active-color};
28
+ --sp-token-color: #{$toolbar-color};
28
29
 
29
30
  a,
30
31
  button,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livepreso/react-plugin-textfield",
3
- "version": "0.1.2",
3
+ "version": "0.2.0",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "publishConfig": {
@@ -25,37 +25,40 @@
25
25
  "react-dom": "18.x"
26
26
  },
27
27
  "dependencies": {
28
- "@floating-ui/react-dom": "~2.1.3",
28
+ "@floating-ui/react-dom": "~2.1.6",
29
29
  "use-sync-external-store": "~1.5.0",
30
30
  "classnames": "~2.5.1",
31
31
  "radix-ui": "~1.4.2",
32
32
  "@radix-ui/react-icons": "~1.3.2",
33
- "@tiptap/core": "~3.0.6",
34
- "@tiptap/react": "~3.0.6",
35
- "@tiptap/pm": "~3.0.6",
36
- "@tiptap/extension-document": "~3.0.6",
37
- "@tiptap/extension-paragraph": "~3.0.6",
38
- "@tiptap/extension-text": "~3.0.6",
39
- "@tiptap/extension-hard-break": "~3.0.6",
40
- "@tiptap/extension-heading": "~3.0.6",
41
- "@tiptap/extension-bubble-menu": "~3.0.6",
42
- "@tiptap/extension-table": "~3.0.6",
43
- "@tiptap/extension-table-cell": "~3.0.6",
44
- "@tiptap/extension-table-header": "~3.0.6",
45
- "@tiptap/extension-table-row": "~3.0.6",
46
- "@tiptap/extension-image": "~3.0.6",
47
- "@tiptap/extension-text-align": "~3.0.6",
48
- "@tiptap/extension-underline": "~3.0.6",
49
- "@tiptap/extension-link": "~3.0.6",
50
- "@tiptap/extension-bold": "~3.0.6",
51
- "@tiptap/extension-italic": "~3.0.6",
52
- "@tiptap/extension-list": "~3.0.6",
53
- "@tiptap/extension-text-style": "~3.0.6",
54
- "@tiptap/extensions": "~3.0.6",
55
- "@tiptap/extension-subscript": "~3.0.6",
56
- "@tiptap/extension-superscript": "~3.0.6",
33
+ "@tiptap/core": "~3.10.1",
34
+ "@tiptap/react": "~3.10.1",
35
+ "@tiptap/pm": "~3.10.1",
36
+ "@tiptap/extension-document": "~3.10.1",
37
+ "@tiptap/extension-paragraph": "~3.10.1",
38
+ "@tiptap/extension-text": "~3.10.1",
39
+ "@tiptap/extension-hard-break": "~3.10.1",
40
+ "@tiptap/extension-heading": "~3.10.1",
41
+ "@tiptap/extension-bubble-menu": "~3.10.1",
42
+ "@tiptap/extension-table": "~3.10.1",
43
+ "@tiptap/extension-table-cell": "~3.10.1",
44
+ "@tiptap/extension-table-header": "~3.10.1",
45
+ "@tiptap/extension-table-row": "~3.10.1",
46
+ "@tiptap/extension-image": "~3.10.1",
47
+ "@tiptap/extension-text-align": "~3.10.1",
48
+ "@tiptap/extension-underline": "~3.10.1",
49
+ "@tiptap/extension-link": "~3.10.1",
50
+ "@tiptap/extension-bold": "~3.10.1",
51
+ "@tiptap/extension-italic": "~3.10.1",
52
+ "@tiptap/extension-list": "~3.10.1",
53
+ "@tiptap/extension-text-style": "~3.10.1",
54
+ "@tiptap/extensions": "~3.10.1",
55
+ "@tiptap/extension-subscript": "~3.10.1",
56
+ "@tiptap/extension-superscript": "~3.10.1",
57
57
  "lodash.debounce": "~4.0.8",
58
- "@livepreso/content-react": "2.0.1"
58
+ "@tiptap/extension-mention": "~3.10.1",
59
+ "@tiptap/suggestion": "~3.10.1",
60
+ "fuse.js": "~7.1.0",
61
+ "@livepreso/content-react": "2.0.2"
59
62
  },
60
63
  "scripts": {
61
64
  "build": ""
package/scripts/extract-svg.js CHANGED
@@ -34,21 +34,23 @@ const SYMBOL_NAMES = [
34
34
  "format_bold",
35
35
  "format_clear",
36
36
  "format_color_fill",
37
- "format_color_text",
38
37
  "format_italic",
39
38
  "format_list_bulleted",
40
39
  "format_list_numbered",
41
40
  "format_strikethrough",
42
41
  "format_underlined",
42
+ "help_center",
43
43
  "horizontal_rule",
44
44
  "link",
45
45
  "link_off",
46
+ "more_vert",
46
47
  "redo",
47
48
  "undo",
48
49
  "format_line_spacing",
49
50
  "vertical_align_top",
50
51
  "vertical_align_center",
51
52
  "vertical_align_bottom",
53
+ "wand_stars",
52
54
  ];
53
55
 
54
56
  /**
package/variables.scss ADDED
@@ -0,0 +1,6 @@
1
+ $interactive-color: #3c80f6;
2
+ $button-color: #f0f0f0;
3
+ $button-hover-color: #e0e0e0;
4
+
5
+ $active-color: #a6ccf7;
6
+ $toolbar-color: #222f3e;
package/icons/format_color_text.svg DELETED
@@ -1,5 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24">
3
- <!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) -->
4
- <path d="M2.5,24v-3.7h19v3.7H2.5ZM5.9,17L11.1,3.5h1.7l5.3,13.5h-1.8l-1.3-3.6h-6l-1.4,3.6h-1.8ZM9.5,11.9h4.9l-2.4-6.3h-.1l-2.4,6.3Z"/>
5
- </svg>
package/icons/format_color_text_ungrouped.svg DELETED
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24">
3
- <!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) -->
4
- <rect x="2.5" y="20.3" width="19" height="3.7"/>
5
- <path d="M12.9,3.5h-1.7l-5.3,13.5h1.8l1.4-3.6h6l1.3,3.6h1.8L12.9,3.5ZM9.5,11.9l2.4-6.3h.1l2.4,6.3h-4.9Z"/>
6
- </svg>