@pie-lib/editable-html 11.1.1 → 11.2.1-beta.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 (166) hide show
  1. package/CHANGELOG.md +43 -167
  2. package/NEXT.CHANGELOG.json +1 -0
  3. package/package.json +10 -6
  4. package/src/__tests__/editor.test.jsx +363 -0
  5. package/src/__tests__/serialization.test.js +291 -0
  6. package/src/__tests__/utils.js +36 -0
  7. package/src/block-tags.js +17 -0
  8. package/src/constants.js +7 -0
  9. package/src/editor.jsx +303 -49
  10. package/src/index.jsx +19 -10
  11. package/src/plugins/characters/index.jsx +11 -3
  12. package/src/plugins/characters/utils.js +12 -12
  13. package/src/plugins/css/icons/index.jsx +17 -0
  14. package/src/plugins/css/index.jsx +346 -0
  15. package/src/plugins/customPlugin/index.jsx +85 -0
  16. package/src/plugins/html/index.jsx +9 -6
  17. package/src/plugins/image/__tests__/__snapshots__/component.test.jsx.snap +51 -0
  18. package/src/plugins/image/__tests__/__snapshots__/image-toolbar-logic.test.jsx.snap +27 -0
  19. package/src/plugins/image/__tests__/__snapshots__/image-toolbar.test.jsx.snap +44 -0
  20. package/src/plugins/image/__tests__/component.test.jsx +41 -0
  21. package/src/plugins/image/__tests__/image-toolbar-logic.test.jsx +42 -0
  22. package/src/plugins/image/__tests__/image-toolbar.test.jsx +11 -0
  23. package/src/plugins/image/__tests__/index.test.js +95 -0
  24. package/src/plugins/image/__tests__/insert-image-handler.test.js +113 -0
  25. package/src/plugins/image/__tests__/mock-change.js +15 -0
  26. package/src/plugins/image/index.jsx +2 -1
  27. package/src/plugins/image/insert-image-handler.js +13 -6
  28. package/src/plugins/index.jsx +248 -5
  29. package/src/plugins/list/__tests__/index.test.js +54 -0
  30. package/src/plugins/list/index.jsx +130 -0
  31. package/src/plugins/math/__tests__/__snapshots__/index.test.jsx.snap +48 -0
  32. package/src/plugins/math/__tests__/index.test.jsx +245 -0
  33. package/src/plugins/math/index.jsx +87 -56
  34. package/src/plugins/media/__tests__/index.test.js +75 -0
  35. package/src/plugins/media/index.jsx +3 -2
  36. package/src/plugins/media/media-dialog.js +106 -57
  37. package/src/plugins/rendering/index.js +31 -0
  38. package/src/plugins/respArea/drag-in-the-blank/choice.jsx +4 -1
  39. package/src/plugins/respArea/explicit-constructed-response/index.jsx +10 -8
  40. package/src/plugins/respArea/index.jsx +53 -7
  41. package/src/plugins/respArea/inline-dropdown/index.jsx +13 -6
  42. package/src/plugins/respArea/math-templated/index.jsx +104 -0
  43. package/src/plugins/respArea/utils.jsx +11 -0
  44. package/src/plugins/table/CustomTablePlugin.js +113 -0
  45. package/src/plugins/table/__tests__/__snapshots__/table-toolbar.test.jsx.snap +44 -0
  46. package/src/plugins/table/__tests__/index.test.jsx +401 -0
  47. package/src/plugins/table/__tests__/table-toolbar.test.jsx +42 -0
  48. package/src/plugins/table/index.jsx +46 -59
  49. package/src/plugins/table/table-toolbar.jsx +39 -2
  50. package/src/plugins/textAlign/icons/index.jsx +139 -0
  51. package/src/plugins/textAlign/index.jsx +23 -0
  52. package/src/plugins/toolbar/__tests__/__snapshots__/default-toolbar.test.jsx.snap +923 -0
  53. package/src/plugins/toolbar/__tests__/__snapshots__/editor-and-toolbar.test.jsx.snap +20 -0
  54. package/src/plugins/toolbar/__tests__/__snapshots__/toolbar-buttons.test.jsx.snap +36 -0
  55. package/src/plugins/toolbar/__tests__/__snapshots__/toolbar.test.jsx.snap +46 -0
  56. package/src/plugins/toolbar/__tests__/default-toolbar.test.jsx +94 -0
  57. package/src/plugins/toolbar/__tests__/editor-and-toolbar.test.jsx +37 -0
  58. package/src/plugins/toolbar/__tests__/toolbar-buttons.test.jsx +51 -0
  59. package/src/plugins/toolbar/__tests__/toolbar.test.jsx +106 -0
  60. package/src/plugins/toolbar/default-toolbar.jsx +82 -20
  61. package/src/plugins/toolbar/done-button.jsx +3 -1
  62. package/src/plugins/toolbar/editor-and-toolbar.jsx +18 -13
  63. package/src/plugins/toolbar/toolbar-buttons.jsx +52 -11
  64. package/src/plugins/toolbar/toolbar.jsx +31 -8
  65. package/src/serialization.jsx +213 -38
  66. package/README.md +0 -45
  67. package/deploy.sh +0 -16
  68. package/lib/editor.js +0 -1094
  69. package/lib/editor.js.map +0 -1
  70. package/lib/index.js +0 -253
  71. package/lib/index.js.map +0 -1
  72. package/lib/parse-html.js +0 -16
  73. package/lib/parse-html.js.map +0 -1
  74. package/lib/plugins/characters/custom-popper.js +0 -73
  75. package/lib/plugins/characters/custom-popper.js.map +0 -1
  76. package/lib/plugins/characters/index.js +0 -300
  77. package/lib/plugins/characters/index.js.map +0 -1
  78. package/lib/plugins/characters/utils.js +0 -381
  79. package/lib/plugins/characters/utils.js.map +0 -1
  80. package/lib/plugins/html/icons/index.js +0 -38
  81. package/lib/plugins/html/icons/index.js.map +0 -1
  82. package/lib/plugins/html/index.js +0 -76
  83. package/lib/plugins/html/index.js.map +0 -1
  84. package/lib/plugins/image/alt-dialog.js +0 -129
  85. package/lib/plugins/image/alt-dialog.js.map +0 -1
  86. package/lib/plugins/image/component.js +0 -419
  87. package/lib/plugins/image/component.js.map +0 -1
  88. package/lib/plugins/image/image-toolbar.js +0 -177
  89. package/lib/plugins/image/image-toolbar.js.map +0 -1
  90. package/lib/plugins/image/index.js +0 -262
  91. package/lib/plugins/image/index.js.map +0 -1
  92. package/lib/plugins/image/insert-image-handler.js +0 -152
  93. package/lib/plugins/image/insert-image-handler.js.map +0 -1
  94. package/lib/plugins/index.js +0 -143
  95. package/lib/plugins/index.js.map +0 -1
  96. package/lib/plugins/list/index.js +0 -204
  97. package/lib/plugins/list/index.js.map +0 -1
  98. package/lib/plugins/math/index.js +0 -419
  99. package/lib/plugins/math/index.js.map +0 -1
  100. package/lib/plugins/media/index.js +0 -384
  101. package/lib/plugins/media/index.js.map +0 -1
  102. package/lib/plugins/media/media-dialog.js +0 -668
  103. package/lib/plugins/media/media-dialog.js.map +0 -1
  104. package/lib/plugins/media/media-toolbar.js +0 -101
  105. package/lib/plugins/media/media-toolbar.js.map +0 -1
  106. package/lib/plugins/media/media-wrapper.js +0 -93
  107. package/lib/plugins/media/media-wrapper.js.map +0 -1
  108. package/lib/plugins/respArea/drag-in-the-blank/choice.js +0 -251
  109. package/lib/plugins/respArea/drag-in-the-blank/choice.js.map +0 -1
  110. package/lib/plugins/respArea/drag-in-the-blank/index.js +0 -97
  111. package/lib/plugins/respArea/drag-in-the-blank/index.js.map +0 -1
  112. package/lib/plugins/respArea/explicit-constructed-response/index.js +0 -55
  113. package/lib/plugins/respArea/explicit-constructed-response/index.js.map +0 -1
  114. package/lib/plugins/respArea/icons/index.js +0 -95
  115. package/lib/plugins/respArea/icons/index.js.map +0 -1
  116. package/lib/plugins/respArea/index.js +0 -293
  117. package/lib/plugins/respArea/index.js.map +0 -1
  118. package/lib/plugins/respArea/inline-dropdown/index.js +0 -70
  119. package/lib/plugins/respArea/inline-dropdown/index.js.map +0 -1
  120. package/lib/plugins/respArea/utils.js +0 -110
  121. package/lib/plugins/respArea/utils.js.map +0 -1
  122. package/lib/plugins/table/icons/index.js +0 -69
  123. package/lib/plugins/table/icons/index.js.map +0 -1
  124. package/lib/plugins/table/index.js +0 -499
  125. package/lib/plugins/table/index.js.map +0 -1
  126. package/lib/plugins/table/table-toolbar.js +0 -158
  127. package/lib/plugins/table/table-toolbar.js.map +0 -1
  128. package/lib/plugins/toolbar/default-toolbar.js +0 -174
  129. package/lib/plugins/toolbar/default-toolbar.js.map +0 -1
  130. package/lib/plugins/toolbar/done-button.js +0 -50
  131. package/lib/plugins/toolbar/done-button.js.map +0 -1
  132. package/lib/plugins/toolbar/editor-and-toolbar.js +0 -287
  133. package/lib/plugins/toolbar/editor-and-toolbar.js.map +0 -1
  134. package/lib/plugins/toolbar/index.js +0 -34
  135. package/lib/plugins/toolbar/index.js.map +0 -1
  136. package/lib/plugins/toolbar/toolbar-buttons.js +0 -161
  137. package/lib/plugins/toolbar/toolbar-buttons.js.map +0 -1
  138. package/lib/plugins/toolbar/toolbar.js +0 -352
  139. package/lib/plugins/toolbar/toolbar.js.map +0 -1
  140. package/lib/plugins/utils.js +0 -62
  141. package/lib/plugins/utils.js.map +0 -1
  142. package/lib/serialization.js +0 -488
  143. package/lib/serialization.js.map +0 -1
  144. package/lib/theme.js +0 -9
  145. package/lib/theme.js.map +0 -1
  146. package/playground/image/data.js +0 -59
  147. package/playground/image/index.html +0 -22
  148. package/playground/image/index.jsx +0 -81
  149. package/playground/index.html +0 -25
  150. package/playground/mathquill/index.html +0 -22
  151. package/playground/mathquill/index.jsx +0 -155
  152. package/playground/package.json +0 -15
  153. package/playground/prod-test/index.html +0 -22
  154. package/playground/prod-test/index.jsx +0 -28
  155. package/playground/schema-override/data.js +0 -29
  156. package/playground/schema-override/image-plugin.jsx +0 -41
  157. package/playground/schema-override/index.html +0 -21
  158. package/playground/schema-override/index.jsx +0 -97
  159. package/playground/serialization/data.js +0 -29
  160. package/playground/serialization/image-plugin.jsx +0 -41
  161. package/playground/serialization/index.html +0 -22
  162. package/playground/serialization/index.jsx +0 -12
  163. package/playground/static.json +0 -3
  164. package/playground/table-examples.html +0 -70
  165. package/playground/webpack.config.js +0 -42
  166. package/static.json +0 -1
@@ -1,352 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.Toolbar = void 0;
9
-
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
- var _react = _interopRequireDefault(require("react"));
25
-
26
- var _slate = require("slate");
27
-
28
- var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
29
-
30
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
31
-
32
- var _propTypes = _interopRequireDefault(require("prop-types"));
33
-
34
- var _classnames = _interopRequireDefault(require("classnames"));
35
-
36
- var _debug = _interopRequireDefault(require("debug"));
37
-
38
- var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
39
-
40
- var _debounce = _interopRequireDefault(require("lodash/debounce"));
41
-
42
- var _doneButton = require("./done-button");
43
-
44
- var _utils = require("../utils");
45
-
46
- var _styles = require("@material-ui/core/styles");
47
-
48
- var _defaultToolbar = _interopRequireDefault(require("./default-toolbar"));
49
-
50
- var _characters = require("../characters");
51
-
52
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
53
-
54
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
55
-
56
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
57
-
58
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
59
-
60
- var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar');
61
-
62
- var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, onDataChange) {
63
- if (!plugin) {
64
- return;
65
- }
66
-
67
- if (!plugin.toolbar) {
68
- return;
69
- }
70
-
71
- if (plugin.toolbar.CustomToolbarComp) {
72
- /**
73
- * Using a pre-defined Component should be preferred
74
- * as the rendering of it (and it's children) can be optimized by React.
75
- * If you keep re-defining the comp with an inline function
76
- * then react will have to re-render.
77
- */
78
- return plugin.toolbar.CustomToolbarComp;
79
- } else if (typeof plugin.toolbar.customToolbar === 'function') {
80
- log('deprecated - use CustomToolbarComp');
81
- return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);
82
- }
83
- };
84
-
85
- var Toolbar = /*#__PURE__*/function (_React$Component) {
86
- (0, _inherits2["default"])(Toolbar, _React$Component);
87
-
88
- var _super = _createSuper(Toolbar);
89
-
90
- function Toolbar(props) {
91
- var _this;
92
-
93
- (0, _classCallCheck2["default"])(this, Toolbar);
94
- _this = _super.call(this, props);
95
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hasMark", function (type) {
96
- var value = _this.props.value;
97
- return value.marks.some(function (mark) {
98
- return mark.type == type;
99
- });
100
- });
101
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hasBlock", function (type) {
102
- var value = _this.props.value;
103
- return value.blocks.some(function (node) {
104
- return node.type == type;
105
- });
106
- });
107
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onToggle", function (plugin) {
108
- var _this$props = _this.props,
109
- value = _this$props.value,
110
- onChange = _this$props.onChange;
111
- if (!plugin.onToggle) return;
112
- var change = plugin.onToggle(value.change());
113
- onChange(change);
114
- });
115
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
116
- log('[onClick]');
117
- e.preventDefault();
118
- });
119
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onButtonClick", function (fn) {
120
- return function (e) {
121
- e.preventDefault();
122
- fn();
123
- };
124
- });
125
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onToolbarDone", function (change, finishEditing) {
126
- log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);
127
- var _this$props2 = _this.props,
128
- onChange = _this$props2.onChange,
129
- onDone = _this$props2.onDone; // use handler only if this is an actual Slate Change
130
-
131
- if (change instanceof _slate.Change) {
132
- onChange(change, function () {
133
- if (finishEditing) {
134
- onDone();
135
- }
136
- });
137
- } else {
138
- if (finishEditing) {
139
- log('[onToolbarChange] call onDone');
140
- onDone();
141
- }
142
- }
143
- });
144
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDeleteClick", (0, _debounce["default"])(function (e, plugin, node, value, onChange) {
145
- return plugin.deleteNode(e, node, value, onChange);
146
- }, 500));
147
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDeleteMouseDown", function (e, plugin, node, value, onChange) {
148
- e.persist();
149
-
150
- _this.onDeleteClick(e, plugin, node, value, onChange);
151
- });
152
- _this.state = {
153
- change: null
154
- };
155
- return _this;
156
- }
157
-
158
- (0, _createClass2["default"])(Toolbar, [{
159
- key: "componentWillUnmount",
160
- value: function componentWillUnmount() {
161
- (0, _characters.removeDialogs)();
162
- }
163
- }, {
164
- key: "render",
165
- value: function render() {
166
- var _this2 = this,
167
- _classNames;
168
-
169
- var _this$props3 = this.props,
170
- classes = _this$props3.classes,
171
- plugins = _this$props3.plugins,
172
- pluginProps = _this$props3.pluginProps,
173
- toolbarOpts = _this$props3.toolbarOpts,
174
- value = _this$props3.value,
175
- autoWidth = _this$props3.autoWidth,
176
- onChange = _this$props3.onChange,
177
- getFocusedValue = _this$props3.getFocusedValue,
178
- isFocused = _this$props3.isFocused,
179
- onDone = _this$props3.onDone,
180
- toolbarRef = _this$props3.toolbarRef;
181
- var node = (0, _utils.findSingleNode)(value);
182
- var parentNode = (0, _utils.findParentNode)(value, node);
183
- log(' --------------> [render] node: ', node);
184
- log('[render] node: ', node);
185
- var plugin = plugins.find(function (p) {
186
- if (!node) {
187
- return;
188
- }
189
-
190
- if (p.toolbar) {
191
- return p.toolbar.supports && p.toolbar.supports(node, value);
192
- }
193
- });
194
- var parentPlugin = plugins.find(function (p) {
195
- if (!parentNode) {
196
- return;
197
- }
198
-
199
- if (p.toolbar) {
200
- return p.toolbar.supports && p.toolbar.supports(parentNode, value);
201
- }
202
- });
203
- log('[render] plugin: ', plugin);
204
-
205
- var handleDone = function handleDone(change, done) {
206
- var handler = onDone;
207
-
208
- if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {
209
- handler = _this2.onToolbarDone;
210
- }
211
-
212
- handler(change, done);
213
-
214
- if (parentPlugin && parentPlugin.handleDone) {
215
- parentPlugin.handleDone(value, node, plugin, onChange);
216
- }
217
- };
218
-
219
- var handleDataChange = function handleDataChange(key, data) {
220
- _this2.props.onDataChange(key, data);
221
- };
222
-
223
- var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, this.props.onDataChange);
224
- var filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;
225
- log('[render] CustomToolbar: ', CustomToolbar);
226
- var parentExtraStyles = parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};
227
- var pluginExtraStyles = plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};
228
-
229
- var extraStyles = _objectSpread(_objectSpread({}, pluginExtraStyles), parentExtraStyles);
230
-
231
- var deletable = node && plugin && plugin.deleteNode;
232
- var customToolbarShowDone = node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible; // If there is a toolbarOpts we check if the showDone is not equal to false
233
-
234
- var defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;
235
- var hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;
236
- var names = (0, _classnames["default"])(classes.toolbar, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.toolbarWithNoDone, !hasDoneButton), (0, _defineProperty2["default"])(_classNames, classes.toolbarTop, toolbarOpts.position === 'top'), (0, _defineProperty2["default"])(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), (0, _defineProperty2["default"])(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), (0, _defineProperty2["default"])(_classNames, classes.autoWidth, autoWidth), (0, _defineProperty2["default"])(_classNames, classes.fullWidth, !autoWidth), _classNames));
237
- return /*#__PURE__*/_react["default"].createElement("div", {
238
- className: names,
239
- style: extraStyles,
240
- onClick: this.onClick,
241
- ref: toolbarRef
242
- }, CustomToolbar ? /*#__PURE__*/_react["default"].createElement(CustomToolbar, {
243
- node: node,
244
- value: value,
245
- onToolbarDone: this.onToolbarDone,
246
- onDataChange: handleDataChange,
247
- pluginProps: pluginProps
248
- }) : /*#__PURE__*/_react["default"].createElement(_defaultToolbar["default"], {
249
- plugins: filteredPlugins,
250
- pluginProps: pluginProps,
251
- value: value,
252
- onChange: onChange,
253
- getFocusedValue: getFocusedValue,
254
- showDone: defaultToolbarShowDone,
255
- onDone: handleDone,
256
- deletable: deletable,
257
- isHtmlMode: toolbarOpts.isHtmlMode
258
- }), /*#__PURE__*/_react["default"].createElement("div", {
259
- className: classes.shared
260
- }, deletable && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
261
- "aria-label": "Delete",
262
- className: classes.iconRoot,
263
- onMouseDown: function onMouseDown(e) {
264
- return _this2.onDeleteMouseDown(e, plugin, node, value, onChange);
265
- },
266
- classes: {
267
- root: classes.iconRoot
268
- }
269
- }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)), customToolbarShowDone && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
270
- onClick: handleDone
271
- })));
272
- }
273
- }]);
274
- return Toolbar;
275
- }(_react["default"].Component);
276
-
277
- exports.Toolbar = Toolbar;
278
- (0, _defineProperty2["default"])(Toolbar, "propTypes", {
279
- zIndex: _propTypes["default"].number,
280
- value: _slatePropTypes["default"].value.isRequired,
281
- plugins: _propTypes["default"].array,
282
- plugin: _propTypes["default"].object,
283
- onImageClick: _propTypes["default"].func,
284
- onDone: _propTypes["default"].func.isRequired,
285
- toolbarRef: _propTypes["default"].func.isRequired,
286
- classes: _propTypes["default"].object.isRequired,
287
- isFocused: _propTypes["default"].bool,
288
- autoWidth: _propTypes["default"].bool,
289
- onChange: _propTypes["default"].func.isRequired,
290
- getFocusedValue: _propTypes["default"].func.isRequired,
291
- pluginProps: _propTypes["default"].object,
292
- toolbarOpts: _propTypes["default"].shape({
293
- position: _propTypes["default"].oneOf(['bottom', 'top']),
294
- alignment: _propTypes["default"].oneOf(['left', 'right']),
295
- alwaysVisible: _propTypes["default"].bool,
296
- ref: _propTypes["default"].func,
297
- showDone: _propTypes["default"].bool
298
- }),
299
- onDataChange: _propTypes["default"].func
300
- });
301
- var style = {
302
- toolbar: {
303
- position: 'absolute',
304
- zIndex: 10,
305
- cursor: 'pointer',
306
- justifyContent: 'space-between',
307
- background: 'var(--editable-html-toolbar-bg, #efefef)',
308
- minWidth: '280px',
309
- margin: '5px 0 0 0',
310
- padding: '2px',
311
- boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',
312
- boxSizing: 'border-box',
313
- display: 'none'
314
- },
315
- toolbarWithNoDone: {
316
- minWidth: '265px'
317
- },
318
- toolbarTop: {
319
- top: '-45px'
320
- },
321
- toolbarRight: {
322
- right: 0
323
- },
324
- fullWidth: {
325
- width: '100%'
326
- },
327
- autoWidth: {
328
- width: 'auto'
329
- },
330
- focused: {
331
- display: 'flex'
332
- },
333
- iconRoot: {
334
- width: '28px',
335
- height: '28px',
336
- padding: '4px',
337
- verticalAlign: 'top'
338
- },
339
- label: {
340
- color: 'var(--editable-html-toolbar-check, #00bb00)'
341
- },
342
- shared: {
343
- display: 'flex'
344
- }
345
- };
346
-
347
- var _default = (0, _styles.withStyles)(style, {
348
- index: 1000
349
- })(Toolbar);
350
-
351
- exports["default"] = _default;
352
- //# sourceMappingURL=toolbar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/plugins/toolbar/toolbar.jsx"],"names":["log","getCustomToolbar","plugin","node","value","handleDone","onDataChange","toolbar","CustomToolbarComp","customToolbar","Toolbar","props","type","marks","some","mark","blocks","onChange","onToggle","change","e","preventDefault","fn","finishEditing","onDone","Change","deleteNode","persist","onDeleteClick","state","classes","plugins","pluginProps","toolbarOpts","autoWidth","getFocusedValue","isFocused","toolbarRef","parentNode","find","p","supports","parentPlugin","done","handler","onToolbarDone","handleDataChange","key","data","CustomToolbar","filteredPlugins","filterPlugins","parentExtraStyles","pluginStyles","pluginExtraStyles","extraStyles","deletable","customToolbarShowDone","showDone","alwaysVisible","defaultToolbarShowDone","hasDoneButton","names","toolbarWithNoDone","toolbarTop","position","toolbarRight","alignment","focused","fullWidth","onClick","isHtmlMode","shared","iconRoot","onDeleteMouseDown","root","React","Component","zIndex","PropTypes","number","SlatePropTypes","isRequired","array","object","onImageClick","func","bool","shape","oneOf","ref","style","cursor","justifyContent","background","minWidth","margin","padding","boxShadow","boxSizing","display","top","right","width","height","verticalAlign","label","color","index"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Change } from 'slate';\nimport Delete from '@material-ui/icons/Delete';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport SlatePropTypes from 'slate-prop-types';\nimport debounce from 'lodash/debounce';\n\nimport { DoneButton } from './done-button';\n\nimport { findSingleNode, findParentNode } from '../utils';\nimport { withStyles } from '@material-ui/core/styles';\nimport DefaultToolbar from './default-toolbar';\nimport { removeDialogs as removeCharacterDialogs } from '../characters';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar');\n\nconst getCustomToolbar = (plugin, node, value, handleDone, onDataChange) => {\n if (!plugin) {\n return;\n }\n if (!plugin.toolbar) {\n return;\n }\n if (plugin.toolbar.CustomToolbarComp) {\n /**\n * Using a pre-defined Component should be preferred\n * as the rendering of it (and it's children) can be optimized by React.\n * If you keep re-defining the comp with an inline function\n * then react will have to re-render.\n */\n return plugin.toolbar.CustomToolbarComp;\n } else if (typeof plugin.toolbar.customToolbar === 'function') {\n log('deprecated - use CustomToolbarComp');\n return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);\n }\n};\n\nexport class Toolbar extends React.Component {\n static propTypes = {\n zIndex: PropTypes.number,\n value: SlatePropTypes.value.isRequired,\n plugins: PropTypes.array,\n plugin: PropTypes.object,\n onImageClick: PropTypes.func,\n onDone: PropTypes.func.isRequired,\n toolbarRef: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n isFocused: PropTypes.bool,\n autoWidth: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n getFocusedValue: PropTypes.func.isRequired,\n pluginProps: PropTypes.object,\n toolbarOpts: PropTypes.shape({\n position: PropTypes.oneOf(['bottom', 'top']),\n alignment: PropTypes.oneOf(['left', 'right']),\n alwaysVisible: PropTypes.bool,\n ref: PropTypes.func,\n showDone: PropTypes.bool,\n }),\n onDataChange: PropTypes.func,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n change: null,\n };\n }\n\n componentWillUnmount() {\n removeCharacterDialogs();\n }\n\n hasMark = (type) => {\n const { value } = this.props;\n return value.marks.some((mark) => mark.type == type);\n };\n\n hasBlock = (type) => {\n const { value } = this.props;\n return value.blocks.some((node) => node.type == type);\n };\n\n onToggle = (plugin) => {\n const { value, onChange } = this.props;\n\n if (!plugin.onToggle) return;\n\n const change = plugin.onToggle(value.change());\n onChange(change);\n };\n\n onClick = (e) => {\n log('[onClick]');\n e.preventDefault();\n };\n\n onButtonClick = (fn) => {\n return (e) => {\n e.preventDefault();\n fn();\n };\n };\n\n onToolbarDone = (change, finishEditing) => {\n log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);\n const { onChange, onDone } = this.props;\n\n // use handler only if this is an actual Slate Change\n if (change instanceof Change) {\n onChange(change, () => {\n if (finishEditing) {\n onDone();\n }\n });\n } else {\n if (finishEditing) {\n log('[onToolbarChange] call onDone');\n onDone();\n }\n }\n };\n\n onDeleteClick = debounce((e, plugin, node, value, onChange) => plugin.deleteNode(e, node, value, onChange), 500);\n\n onDeleteMouseDown = (e, plugin, node, value, onChange) => {\n e.persist();\n this.onDeleteClick(e, plugin, node, value, onChange);\n };\n\n render() {\n const {\n classes,\n plugins,\n pluginProps,\n toolbarOpts,\n value,\n autoWidth,\n onChange,\n getFocusedValue,\n isFocused,\n onDone,\n toolbarRef,\n } = this.props;\n\n const node = findSingleNode(value);\n const parentNode = findParentNode(value, node);\n\n log(' --------------> [render] node: ', node);\n log('[render] node: ', node);\n\n const plugin = plugins.find((p) => {\n if (!node) {\n return;\n }\n\n if (p.toolbar) {\n return p.toolbar.supports && p.toolbar.supports(node, value);\n }\n });\n const parentPlugin = plugins.find((p) => {\n if (!parentNode) {\n return;\n }\n\n if (p.toolbar) {\n return p.toolbar.supports && p.toolbar.supports(parentNode, value);\n }\n });\n\n log('[render] plugin: ', plugin);\n\n const handleDone = (change, done) => {\n let handler = onDone;\n\n if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {\n handler = this.onToolbarDone;\n }\n\n handler(change, done);\n\n if (parentPlugin && parentPlugin.handleDone) {\n parentPlugin.handleDone(value, node, plugin, onChange);\n }\n };\n\n const handleDataChange = (key, data) => {\n this.props.onDataChange(key, data);\n };\n\n const CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, this.props.onDataChange);\n\n const filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;\n\n log('[render] CustomToolbar: ', CustomToolbar);\n const parentExtraStyles =\n parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};\n const pluginExtraStyles = plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};\n const extraStyles = {\n ...pluginExtraStyles,\n ...parentExtraStyles,\n };\n\n const deletable = node && plugin && plugin.deleteNode;\n const customToolbarShowDone =\n node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible;\n\n // If there is a toolbarOpts we check if the showDone is not equal to false\n const defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;\n\n const hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;\n\n const names = classNames(classes.toolbar, {\n [classes.toolbarWithNoDone]: !hasDoneButton,\n [classes.toolbarTop]: toolbarOpts.position === 'top',\n [classes.toolbarRight]: toolbarOpts.alignment === 'right',\n [classes.focused]: toolbarOpts.alwaysVisible || isFocused,\n [classes.autoWidth]: autoWidth,\n [classes.fullWidth]: !autoWidth,\n });\n\n return (\n <div className={names} style={extraStyles} onClick={this.onClick} ref={toolbarRef}>\n {CustomToolbar ? (\n <CustomToolbar\n node={node}\n value={value}\n onToolbarDone={this.onToolbarDone}\n onDataChange={handleDataChange}\n pluginProps={pluginProps}\n />\n ) : (\n <DefaultToolbar\n plugins={filteredPlugins}\n pluginProps={pluginProps}\n value={value}\n onChange={onChange}\n getFocusedValue={getFocusedValue}\n showDone={defaultToolbarShowDone}\n onDone={handleDone}\n deletable={deletable}\n isHtmlMode={toolbarOpts.isHtmlMode}\n />\n )}\n\n <div className={classes.shared}>\n {deletable && (\n <IconButton\n aria-label=\"Delete\"\n className={classes.iconRoot}\n onMouseDown={(e) => this.onDeleteMouseDown(e, plugin, node, value, onChange)}\n classes={{\n root: classes.iconRoot,\n }}\n >\n <Delete />\n </IconButton>\n )}\n {customToolbarShowDone && <DoneButton onClick={handleDone} />}\n </div>\n </div>\n );\n }\n}\n\nconst style = {\n toolbar: {\n position: 'absolute',\n zIndex: 10,\n cursor: 'pointer',\n justifyContent: 'space-between',\n background: 'var(--editable-html-toolbar-bg, #efefef)',\n minWidth: '280px',\n margin: '5px 0 0 0',\n padding: '2px',\n boxShadow:\n '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n boxSizing: 'border-box',\n display: 'none',\n },\n toolbarWithNoDone: {\n minWidth: '265px',\n },\n toolbarTop: {\n top: '-45px',\n },\n toolbarRight: {\n right: 0,\n },\n fullWidth: {\n width: '100%',\n },\n autoWidth: {\n width: 'auto',\n },\n focused: {\n display: 'flex',\n },\n iconRoot: {\n width: '28px',\n height: '28px',\n padding: '4px',\n verticalAlign: 'top',\n },\n label: {\n color: 'var(--editable-html-toolbar-check, #00bb00)',\n },\n shared: {\n display: 'flex',\n },\n};\nexport default withStyles(style, { index: 1000 })(Toolbar);\n"],"file":"toolbar.js"}
@@ -1,62 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.hasNode = exports.hasMark = exports.hasBlock = exports.findSingleNode = exports.findParentNode = void 0;
7
-
8
- var findSingleNode = function findSingleNode(value) {
9
- if (!value || !value.isCollapsed || !value.startKey) {
10
- return;
11
- }
12
-
13
- var inline = value.document.getClosestInline(value.startKey);
14
-
15
- if (inline) {
16
- return inline;
17
- }
18
-
19
- var block = value.document.getClosestBlock(value.startKey);
20
-
21
- if (block) {
22
- return block;
23
- }
24
- };
25
-
26
- exports.findSingleNode = findSingleNode;
27
-
28
- var findParentNode = function findParentNode(value, node) {
29
- if (!value || !node) {
30
- return;
31
- }
32
-
33
- return value.document.getParent(node.key);
34
- };
35
-
36
- exports.findParentNode = findParentNode;
37
-
38
- var hasMark = function hasMark(value, type) {
39
- return value && value.marks.some(function (mark) {
40
- return mark.type == type;
41
- });
42
- };
43
-
44
- exports.hasMark = hasMark;
45
-
46
- var hasBlock = function hasBlock(value, type) {
47
- return value && value.blocks.some(function (node) {
48
- return node.type == type;
49
- });
50
- };
51
-
52
- exports.hasBlock = hasBlock;
53
-
54
- var hasNode = function hasNode(_ref, type) {
55
- var document = _ref.document;
56
- return document && document.nodes.some(function (node) {
57
- return node.type == type;
58
- });
59
- };
60
-
61
- exports.hasNode = hasNode;
62
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/plugins/utils.js"],"names":["findSingleNode","value","isCollapsed","startKey","inline","document","getClosestInline","block","getClosestBlock","findParentNode","node","getParent","key","hasMark","type","marks","some","mark","hasBlock","blocks","hasNode","nodes"],"mappings":";;;;;;;AAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAW;AACvC,MAAI,CAACA,KAAD,IAAU,CAACA,KAAK,CAACC,WAAjB,IAAgC,CAACD,KAAK,CAACE,QAA3C,EAAqD;AACnD;AACD;;AAED,MAAMC,MAAM,GAAGH,KAAK,CAACI,QAAN,CAAeC,gBAAf,CAAgCL,KAAK,CAACE,QAAtC,CAAf;;AAEA,MAAIC,MAAJ,EAAY;AACV,WAAOA,MAAP;AACD;;AAED,MAAMG,KAAK,GAAGN,KAAK,CAACI,QAAN,CAAeG,eAAf,CAA+BP,KAAK,CAACE,QAArC,CAAd;;AAEA,MAAII,KAAJ,EAAW;AACT,WAAOA,KAAP;AACD;AACF,CAhBM;;;;AAkBA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACR,KAAD,EAAQS,IAAR,EAAiB;AAC7C,MAAI,CAACT,KAAD,IAAU,CAACS,IAAf,EAAqB;AACnB;AACD;;AAED,SAAOT,KAAK,CAACI,QAAN,CAAeM,SAAf,CAAyBD,IAAI,CAACE,GAA9B,CAAP;AACD,CANM;;;;AAQA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACZ,KAAD,EAAQa,IAAR;AAAA,SAAiBb,KAAK,IAAIA,KAAK,CAACc,KAAN,CAAYC,IAAZ,CAAiB,UAACC,IAAD;AAAA,WAAUA,IAAI,CAACH,IAAL,IAAaA,IAAvB;AAAA,GAAjB,CAA1B;AAAA,CAAhB;;;;AAEA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAACjB,KAAD,EAAQa,IAAR;AAAA,SAAiBb,KAAK,IAAIA,KAAK,CAACkB,MAAN,CAAaH,IAAb,CAAkB,UAACN,IAAD;AAAA,WAAUA,IAAI,CAACI,IAAL,IAAaA,IAAvB;AAAA,GAAlB,CAA1B;AAAA,CAAjB;;;;AAEA,IAAMM,OAAO,GAAG,SAAVA,OAAU,OAAeN,IAAf;AAAA,MAAGT,QAAH,QAAGA,QAAH;AAAA,SAAwBA,QAAQ,IAAIA,QAAQ,CAACgB,KAAT,CAAeL,IAAf,CAAoB,UAACN,IAAD;AAAA,WAAUA,IAAI,CAACI,IAAL,IAAaA,IAAvB;AAAA,GAApB,CAApC;AAAA,CAAhB","sourcesContent":["export const findSingleNode = (value) => {\n if (!value || !value.isCollapsed || !value.startKey) {\n return;\n }\n\n const inline = value.document.getClosestInline(value.startKey);\n\n if (inline) {\n return inline;\n }\n\n const block = value.document.getClosestBlock(value.startKey);\n\n if (block) {\n return block;\n }\n};\n\nexport const findParentNode = (value, node) => {\n if (!value || !node) {\n return;\n }\n\n return value.document.getParent(node.key);\n};\n\nexport const hasMark = (value, type) => value && value.marks.some((mark) => mark.type == type);\n\nexport const hasBlock = (value, type) => value && value.blocks.some((node) => node.type == type);\n\nexport const hasNode = ({ document }, type) => document && document.nodes.some((node) => node.type == type);\n"],"file":"utils.js"}