@flozy/editor 1.0.0 → 1.0.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (112) hide show
  1. package/build/asset-manifest.json +14 -0
  2. package/build/index.html +1 -0
  3. package/build/static/css/main.71100b24.css +2 -0
  4. package/build/static/css/main.71100b24.css.map +1 -0
  5. package/build/static/js/main.dd36b23b.js +3 -0
  6. package/build/static/js/main.dd36b23b.js.LICENSE.txt +19 -0
  7. package/build/static/js/main.dd36b23b.js.map +1 -0
  8. package/package.json +6 -2
  9. package/.eslintignore +0 -4
  10. package/.eslintrc.json +0 -6
  11. package/.github/workflows/npm-publish.yml +0 -33
  12. package/.husky/pre-commit +0 -1
  13. package/.storybook/main.js +0 -20
  14. package/.storybook/preview.js +0 -14
  15. package/.vscode/extensions.json +0 -7
  16. package/.vscode/launch.json +0 -15
  17. package/.vscode/settings.json +0 -22
  18. package/craco.config.js +0 -16
  19. package/public/index.html +0 -43
  20. package/src/components/Editor/CollaborativeEditor.js +0 -119
  21. package/src/components/Editor/CommonEditor.js +0 -549
  22. package/src/components/Editor/Editor.css +0 -115
  23. package/src/components/Editor/Elements/CodeToText/CodeToText.css +0 -57
  24. package/src/components/Editor/Elements/CodeToText/CodeToText.jsx +0 -115
  25. package/src/components/Editor/Elements/CodeToText/CodeToTextButton.jsx +0 -16
  26. package/src/components/Editor/Elements/CodeToText/HtmlCode.jsx +0 -59
  27. package/src/components/Editor/Elements/CodeToText/HtmlContextMenu.jsx +0 -39
  28. package/src/components/Editor/Elements/Color Picker/ColorPicker.css +0 -38
  29. package/src/components/Editor/Elements/Color Picker/ColorPicker.jsx +0 -110
  30. package/src/components/Editor/Elements/Color Picker/defaultColors.js +0 -34
  31. package/src/components/Editor/Elements/Embed/Embed.css +0 -14
  32. package/src/components/Editor/Elements/Embed/Embed.jsx +0 -74
  33. package/src/components/Editor/Elements/Embed/Image.jsx +0 -82
  34. package/src/components/Editor/Elements/Embed/Video.jsx +0 -65
  35. package/src/components/Editor/Elements/Equation/Equation.jsx +0 -19
  36. package/src/components/Editor/Elements/Equation/EquationButton.jsx +0 -59
  37. package/src/components/Editor/Elements/Equation/styles.css +0 -4
  38. package/src/components/Editor/Elements/Grid/Grid.js +0 -48
  39. package/src/components/Editor/Elements/Grid/GridButton.js +0 -21
  40. package/src/components/Editor/Elements/Grid/GridItem.js +0 -57
  41. package/src/components/Editor/Elements/ID/Id.jsx +0 -56
  42. package/src/components/Editor/Elements/Link/Link.jsx +0 -24
  43. package/src/components/Editor/Elements/Link/LinkButton.jsx +0 -71
  44. package/src/components/Editor/Elements/Link/styles.css +0 -20
  45. package/src/components/Editor/Elements/Mentions/Mentions.jsx +0 -37
  46. package/src/components/Editor/Elements/NewLine/NewLineButton.js +0 -29
  47. package/src/components/Editor/Elements/Table/Table.jsx +0 -13
  48. package/src/components/Editor/Elements/Table/TableSelector.css +0 -18
  49. package/src/components/Editor/Elements/Table/TableSelector.jsx +0 -76
  50. package/src/components/Editor/Elements/TableContextMenu/TableContextMenu.jsx +0 -97
  51. package/src/components/Editor/Elements/TableContextMenu/styles.css +0 -18
  52. package/src/components/Editor/RemoteCursorOverlay/Overlay.js +0 -78
  53. package/src/components/Editor/Toolbar/Toolbar.jsx +0 -167
  54. package/src/components/Editor/Toolbar/styles.css +0 -28
  55. package/src/components/Editor/Toolbar/toolbarGroups.js +0 -167
  56. package/src/components/Editor/Toolbar/toolbarIcons/align-center.svg +0 -1
  57. package/src/components/Editor/Toolbar/toolbarIcons/align-left.svg +0 -1
  58. package/src/components/Editor/Toolbar/toolbarIcons/align-right.svg +0 -1
  59. package/src/components/Editor/Toolbar/toolbarIcons/blockquote.svg +0 -1
  60. package/src/components/Editor/Toolbar/toolbarIcons/bold.png +0 -0
  61. package/src/components/Editor/Toolbar/toolbarIcons/fontColor.svg +0 -4
  62. package/src/components/Editor/Toolbar/toolbarIcons/headingOne.svg +0 -3
  63. package/src/components/Editor/Toolbar/toolbarIcons/headingTwo.svg +0 -3
  64. package/src/components/Editor/Toolbar/toolbarIcons/italic.png +0 -0
  65. package/src/components/Editor/Toolbar/toolbarIcons/link.svg +0 -1
  66. package/src/components/Editor/Toolbar/toolbarIcons/orderedList.svg +0 -1
  67. package/src/components/Editor/Toolbar/toolbarIcons/strikethrough.png +0 -0
  68. package/src/components/Editor/Toolbar/toolbarIcons/subscript.svg +0 -1
  69. package/src/components/Editor/Toolbar/toolbarIcons/superscript.svg +0 -1
  70. package/src/components/Editor/Toolbar/toolbarIcons/textColor.png +0 -0
  71. package/src/components/Editor/Toolbar/toolbarIcons/underline.png +0 -0
  72. package/src/components/Editor/Toolbar/toolbarIcons/unorderedList.svg +0 -1
  73. package/src/components/Editor/YjsProvider.js +0 -11
  74. package/src/components/Editor/common/Button.jsx +0 -12
  75. package/src/components/Editor/common/Icon.jsx +0 -82
  76. package/src/components/Editor/common/MentionsPopup.jsx +0 -56
  77. package/src/components/Editor/hooks/useMentions.js +0 -44
  78. package/src/components/Editor/hooks/withCollaborative.js +0 -15
  79. package/src/components/Editor/hooks/withCommon.js +0 -17
  80. package/src/components/Editor/plugins/withEmbeds.js +0 -36
  81. package/src/components/Editor/plugins/withEquation.js +0 -8
  82. package/src/components/Editor/plugins/withLinks.js +0 -9
  83. package/src/components/Editor/plugins/withMentions.js +0 -19
  84. package/src/components/Editor/plugins/withTable.js +0 -74
  85. package/src/components/Editor/utils/SlateUtilityFunctions.js +0 -273
  86. package/src/components/Editor/utils/customHooks/useContextMenu.js +0 -42
  87. package/src/components/Editor/utils/customHooks/useFormat.js +0 -26
  88. package/src/components/Editor/utils/customHooks/usePopup.jsx +0 -26
  89. package/src/components/Editor/utils/customHooks/useResize.js +0 -41
  90. package/src/components/Editor/utils/draftToSlate.js +0 -104
  91. package/src/components/Editor/utils/embed.js +0 -18
  92. package/src/components/Editor/utils/equation.js +0 -22
  93. package/src/components/Editor/utils/events.js +0 -56
  94. package/src/components/Editor/utils/grid.js +0 -12
  95. package/src/components/Editor/utils/gridItem.js +0 -19
  96. package/src/components/Editor/utils/link.js +0 -53
  97. package/src/components/Editor/utils/mentions.js +0 -11
  98. package/src/components/Editor/utils/paragraph.js +0 -4
  99. package/src/components/Editor/utils/serializer.js +0 -32
  100. package/src/components/Editor/utils/table.js +0 -151
  101. package/src/components/index.js +0 -5
  102. package/src/index.js +0 -1
  103. package/src/stories/CollaborativeEditor.stories.js +0 -30
  104. package/src/stories/Editor.stories.js +0 -24
  105. package/src/stories/EditorSampleProps/ChatSample.js +0 -43
  106. package/src/stories/EditorSampleProps/LayoutOne.js +0 -551
  107. /package/{public → build}/favicon.ico +0 -0
  108. /package/{public → build}/logo192.png +0 -0
  109. /package/{public → build}/logo512.png +0 -0
  110. /package/{public → build}/manifest.json +0 -0
  111. /package/{public → build}/robots.txt +0 -0
  112. /package/{src/components/Editor/Toolbar/toolbarIcons/unlink.svg → build/static/media/unlink.b8761030d4a17499149d2d61adc064b3.svg} +0 -0
@@ -0,0 +1,14 @@
1
+ {
2
+ "files": {
3
+ "main.css": "/static/css/main.71100b24.css",
4
+ "main.js": "/static/js/main.dd36b23b.js",
5
+ "static/media/unlink.svg": "/static/media/unlink.b8761030d4a17499149d2d61adc064b3.svg",
6
+ "index.html": "/index.html",
7
+ "main.71100b24.css.map": "/static/css/main.71100b24.css.map",
8
+ "main.dd36b23b.js.map": "/static/js/main.dd36b23b.js.map"
9
+ },
10
+ "entrypoints": [
11
+ "static/css/main.71100b24.css",
12
+ "static/js/main.dd36b23b.js"
13
+ ]
14
+ }
@@ -0,0 +1 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>FLOZY APP - Editor</title><script defer="defer" src="/static/js/main.dd36b23b.js"></script><link href="/static/css/main.71100b24.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
@@ -0,0 +1,2 @@
1
+ blockquote{border-left:2px solid #ddd;color:#aaa;font-style:italic;margin-left:0;margin-right:0;padding-left:10px}table,td,th{border:1px solid #000}table{border-collapse:collapse}button{background-color:#fff;border:none;opacity:.5}.btnActive{opacity:1}.editor-wrapper{background:#fff;border-radius:10px;box-shadow:-8px 8px 13px #ededed,8px -8px 13px #fff;font-family:Helvetica,Arial,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%;min-height:400px;min-width:100%;padding:12px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}table{width:100%}td{height:50px;padding:0 5px}.popup-wrapper{display:inline;position:relative}.popup{background-color:#fff;border:1px solid #d3d3d3;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:6px 10px;position:fixed;right:0;top:0;width:300px;z-index:1}button{cursor:pointer}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[data-slate-node=element]{margin:10px 0}html{scroll-behavior:smooth}.editor-wrapper :focus-visible{outline:none}.grid-container{background-color:#f3f6f9;border:1px solid #e5eaf2;border-radius:12px;display:flex;flex-wrap:wrap;padding:16px;position:relative}.grid-container-toolbar,.grid-item-toolbar{position:absolute;right:0;top:0}.grid-item{background-color:#fff;padding:16px;position:relative}@media (max-width:480px){.toolbar{flex-wrap:nowrap;overflow-x:scroll}.toolbar,.toolbar-grp,.toolbar-grp>div{display:flex}.grid-item{width:100%!important}}.link{display:inline;position:relative}.link-popup{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-radius:6px;display:flex;gap:10px;left:0;padding:6px 10px;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}img{height:15px}.equation-inline{display:inline;position:relative}.toolbar{align-items:center;background:#fff;border-radius:10px;box-shadow:-8px 8px 13px #ededed,8px -8px 13px #fff;display:flex;flex-wrap:wrap;margin:4px 0;padding:15px 10px;position:-webkit-sticky;position:sticky;row-gap:15px;top:0;z-index:2}.toolbar-grp>*{cursor:pointer;margin-right:10px}.toolbar-grp{margin:0 10px}select{border:none;height:30px;width:6.9rem}.color-options{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:auto auto auto auto auto auto auto}.clicked{border:1px solid #d3d3d3;border-bottom:none}.hexPreview,.option{background-color:#000;height:16px;width:16px}.color-picker form{align-items:center;-webkit-column-gap:5px;column-gap:5px;display:flex;width:100%}.color-picker input{border:1px solid #d3d3d3;border-radius:5px;height:1.3em;padding-left:5px;width:65%}.color-picker button{cursor:pointer;margin:0;padding:0}.color-picker input:focus{outline:none}.embed{margin-right:20px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.embed iframe,.embed img{height:100%;width:100%}.embed button{bottom:-6px;position:absolute;right:0}.table-option{display:flex;gap:5px;margin:5px 2px;white-space:nowrap}.table-input{grid-gap:3px;display:grid;gap:3px;grid-template-columns:auto auto auto auto auto auto}.table-unit{border:1px solid #d3d3d3;height:15px;width:15px}.contextMenu{background:#fff;border:1px solid #d3d3d3;border-radius:10px;cursor:pointer;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5%;position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contextMenu,.menuOption{display:flex;gap:15px}.code-wrapper{align-items:center;background:rgba(0,0,0,.9);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2}.codeToTextWrapper{height:80%;width:80%}.codeToText,.codeToTextWrapper{grid-template-columns:45% 10% 45%}.codeToText{display:grid;height:90%;width:100%}.codeToText textarea,.textOutput{border-radius:15px;padding:10px}.codeToText textarea{resize:none}.codeToText textarea:focus{outline:none}.textOutput{background:#fff;overflow:scroll}.codeToTextWrapper button{border-radius:5px;cursor:pointer;font-weight:bolder;margin:3% 1%;opacity:1;padding:10px 37px}.done{background:#44c767;color:#fff}.clear{background:#fff;border:1px solid #d3d3d3;color:#a9a4a4}
2
+ /*# sourceMappingURL=main.71100b24.css.map*/
@@ -0,0 +1 @@
1
+ {"version":3,"file":"static/css/main.71100b24.css","mappings":"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","sources":["components/Editor/Editor.css","components/Editor/Elements/Link/styles.css","components/Editor/Elements/Equation/styles.css","components/Editor/Toolbar/styles.css","components/Editor/Elements/Color Picker/ColorPicker.css","components/Editor/Elements/Embed/Embed.css","components/Editor/Elements/Table/TableSelector.css","components/Editor/Elements/TableContextMenu/styles.css","components/Editor/Elements/CodeToText/CodeToText.css"],"sourcesContent":["blockquote{\r\n border-left: 2px solid #ddd;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 10px;\r\n color: #aaa;\r\n font-style: italic;\r\n}\r\ntable, th, td {\r\n border: 1px solid black;\r\n}\r\ntable{\r\n border-collapse: collapse;\r\n}\r\nbutton{\r\n background-color: white;\r\n border:none;\r\n opacity: 0.5;\r\n}\r\n.btnActive{\r\n opacity: 1;\r\n}\r\n.editor-wrapper{\r\n font-family:'Helvetica','Arial', sans-serif;\r\n border-radius: 10px;\r\nbackground: #ffffff;\r\nbox-shadow: -8px 8px 13px #ededed,\r\n 8px -8px 13px #ffffff;\r\n min-height: 400px;\r\n min-width: 100%;\r\n width: fit-content;\r\n height: fit-content;\r\n padding: 12px 10px;\r\n max-width: 100%;\r\n}\r\ntable{\r\n width:100%;\r\n}\r\ntd{\r\n height: 50px;\r\n padding:0 5px;\r\n}\r\n.popup-wrapper{\r\n display: inline;\r\n position: relative;\r\n}\r\n.popup{\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n margin: auto;\r\n background-color: white;\r\n padding: 6px 10px;\r\n border: 1px solid lightgray;\r\n height: fit-content;\r\n z-index: 1;\r\n width: 300px;\r\n\r\n}\r\nbutton{\r\n cursor: pointer;\r\n}\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n[data-slate-node=\"element\"] {\r\n margin: 10px 0;\r\n}\r\nhtml{\r\n scroll-behavior: smooth;\r\n}\r\n.editor-wrapper *:focus-visible {\r\n outline: none;\r\n}\r\n\r\n.grid-container {\r\n display: flex;\r\n border-radius: 12px;\r\n background-color: #F3F6F9;\r\n border: 1px solid #E5EAF2;\r\n padding: 16px;\r\n position: relative;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.grid-container-toolbar,\r\n.grid-item-toolbar {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n.grid-item {\r\n padding: 16px;\r\n background-color: #fff;\r\n position: relative;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .toolbar {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n overflow-x: scroll;\r\n }\r\n .toolbar-grp,\r\n .toolbar-grp > div {\r\n display: flex;\r\n }\r\n .grid-item {\r\n width: 100% !important;\r\n }\r\n}\r\n",".link{\r\n display: inline;\r\n position: relative;\r\n}\r\n.link-popup{\r\n position: absolute;\r\n left: 0;\r\n display: flex;\r\n align-items: center;\r\n background-color: white;\r\n padding: 6px 10px;\r\n gap: 10px;\r\n border-radius: 6px;\r\n border: 1px solid lightgray;\r\n width: fit-content;\r\n z-index: 1;\r\n}\r\nimg{\r\n height: 15px;\r\n}",".equation-inline{\n display: inline;\n position: relative;\n}",".toolbar{\r\n border-radius: 10px;\r\nbackground: #ffffff;\r\nbox-shadow: -8px 8px 13px #ededed,\r\n 8px -8px 13px #ffffff;\r\n margin:4px 0;\r\n display:flex;\r\n flex-wrap:wrap;\r\n align-items:center;\r\n padding: 15px 10px;\r\n row-gap: 15px;\r\n position: -webkit-sticky;\r\n position: sticky;\r\n top: 0;\r\n z-index: 2;\r\n}\r\n.toolbar-grp>*{\r\n margin-right: 10px;\r\n cursor: pointer;\r\n}\r\n.toolbar-grp{\r\n margin:0 10px;\r\n}\r\nselect{\r\n height: 30px;\r\n border: none;\r\n width: 6.9rem;\r\n}\r\n","\r\n.color-options{\r\n display: grid;\r\n grid-template-columns: auto auto auto auto auto auto auto;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n.clicked{\r\n border: 1px solid lightgray;\r\n border-bottom: none;\r\n}\r\n.option,.hexPreview{\r\n width: 16px;\r\n height: 16px;\r\n background-color: #000000;\r\n\r\n}\r\n.color-picker form{\r\n display: flex;\r\n align-items: center;\r\n column-gap: 5px;\r\n width: 100%;\r\n}\r\n.color-picker input{\r\n width: 65%;\r\n height:1.3em;\r\n border:1px solid lightgray;\r\n border-radius: 5px;\r\n padding-left:5px\r\n}\r\n.color-picker button{\r\n margin:0;\r\n padding:0;\r\n cursor: pointer;\r\n}\r\n.color-picker input:focus{\r\n outline: none;\r\n}\r\n",".embed{\n width: fit-content;\n position: relative;\n margin-right: 20px;\n}\n.embed img,.embed iframe{\n width: 100%;\n height:100%;\n}\n.embed button{\n position: absolute;\n bottom: -6px;\n right: 0;\n}",".table-option{\n display: flex;\n margin: 5px 2px;\n gap: 5px;\n}\n.table-option{\n white-space: nowrap;\n}\n.table-input{\n display: grid;\n grid-template-columns: auto auto auto auto auto auto;\n gap: 3px;\n}\n.table-unit{\n width:15px;\n height:15px;\n border: 1px solid lightgray;\n}",".contextMenu{\n width: fit-content;\n height: fit-content;\n position: fixed;\n background: white;\n border: 1px solid lightgray;\n border-radius: 10px;\n padding: 0.5%;\n display: flex;\n gap: 15px;\n flex-direction: column;\n cursor: pointer;\n}\n\n.menuOption {\n display: flex;\n gap:15px;\n}","\n.code-wrapper{\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background:rgba(0,0, 0,0.9);\n z-index:2;\n display: flex;\n justify-content: center;\n align-items: center;\n\n}\n.codeToTextWrapper{\n width: 80%;\n height: 80%;\n grid-template-columns: 45% 10% 45%;\n}\n.codeToText{\n width: 100%;\n height: 90%;\n display: grid;\n grid-template-columns: 45% 10% 45%;\n}\n.codeToText textarea,.textOutput{\n border-radius: 15px;\n padding: 10px;\n}\n\n.codeToText textarea{\n resize: none;\n}\n.codeToText textarea:focus{\n outline: none;\n}\n.textOutput{\n background: #fff;\n overflow: scroll;\n}\n.codeToTextWrapper button{\n margin: 3% 1%;\n padding: 10px 37px;\n cursor: pointer;\n border-radius: 5px;\n opacity: 1;\n font-weight: bolder;\n}\n.done{\n background: #44c767;\n color:#fff;\n}\n.clear{\n background: #fff;\n color:#a9a4a4;\n border:1px solid lightgray;\n}"],"names":[],"sourceRoot":""}