@atlaskit/editor-core 189.4.0 → 189.4.2

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 (131) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/plugins/index.js +0 -14
  3. package/dist/cjs/presets/universal.js +4 -2
  4. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +7 -3
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/es2019/plugins/index.js +0 -2
  7. package/dist/es2019/presets/universal.js +3 -1
  8. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +7 -3
  9. package/dist/es2019/version-wrapper.js +1 -1
  10. package/dist/esm/plugins/index.js +0 -2
  11. package/dist/esm/presets/universal.js +3 -1
  12. package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +7 -3
  13. package/dist/esm/version-wrapper.js +1 -1
  14. package/dist/types/plugins/index.d.ts +0 -2
  15. package/dist/types-ts4.5/plugins/index.d.ts +0 -2
  16. package/package.json +11 -5
  17. package/dist/cjs/plugins/insert-block/index.js +0 -165
  18. package/dist/cjs/plugins/insert-block/types.js +0 -5
  19. package/dist/cjs/plugins/insert-block/ui/ElementBrowser/InsertMenu.js +0 -152
  20. package/dist/cjs/plugins/insert-block/ui/ElementBrowser/types.js +0 -5
  21. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js +0 -42
  22. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu-legacy.js +0 -42
  23. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js +0 -66
  24. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js +0 -217
  25. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.js +0 -49
  26. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/index.js +0 -565
  27. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/item.js +0 -250
  28. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/messages.js +0 -12
  29. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/shallow-equals.js +0 -20
  30. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/sort-items.js +0 -30
  31. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/styles.js +0 -11
  32. package/dist/cjs/plugins/insert-block/ui/ToolbarInsertBlock/types.js +0 -5
  33. package/dist/cjs/plugins/toolbar-lists-indentation/index.js +0 -91
  34. package/dist/cjs/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js +0 -56
  35. package/dist/cjs/plugins/toolbar-lists-indentation/types.js +0 -5
  36. package/dist/cjs/plugins/toolbar-lists-indentation/ui/Toolbar.js +0 -135
  37. package/dist/cjs/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.js +0 -168
  38. package/dist/cjs/plugins/toolbar-lists-indentation/ui/index.js +0 -63
  39. package/dist/cjs/plugins/toolbar-lists-indentation/ui/onItemActivated.js +0 -53
  40. package/dist/es2019/plugins/insert-block/index.js +0 -159
  41. package/dist/es2019/plugins/insert-block/types.js +0 -1
  42. package/dist/es2019/plugins/insert-block/ui/ElementBrowser/InsertMenu.js +0 -150
  43. package/dist/es2019/plugins/insert-block/ui/ElementBrowser/types.js +0 -1
  44. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js +0 -35
  45. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu-legacy.js +0 -35
  46. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js +0 -59
  47. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js +0 -198
  48. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.js +0 -37
  49. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js +0 -558
  50. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/item.js +0 -201
  51. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/messages.js +0 -1
  52. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/shallow-equals.js +0 -8
  53. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/sort-items.js +0 -22
  54. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/styles.js +0 -16
  55. package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/types.js +0 -1
  56. package/dist/es2019/plugins/toolbar-lists-indentation/index.js +0 -86
  57. package/dist/es2019/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js +0 -53
  58. package/dist/es2019/plugins/toolbar-lists-indentation/types.js +0 -1
  59. package/dist/es2019/plugins/toolbar-lists-indentation/ui/Toolbar.js +0 -123
  60. package/dist/es2019/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.js +0 -158
  61. package/dist/es2019/plugins/toolbar-lists-indentation/ui/index.js +0 -58
  62. package/dist/es2019/plugins/toolbar-lists-indentation/ui/onItemActivated.js +0 -46
  63. package/dist/esm/plugins/insert-block/index.js +0 -158
  64. package/dist/esm/plugins/insert-block/types.js +0 -1
  65. package/dist/esm/plugins/insert-block/ui/ElementBrowser/InsertMenu.js +0 -146
  66. package/dist/esm/plugins/insert-block/ui/ElementBrowser/types.js +0 -1
  67. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js +0 -35
  68. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu-legacy.js +0 -35
  69. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js +0 -59
  70. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js +0 -210
  71. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.js +0 -41
  72. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js +0 -560
  73. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/item.js +0 -243
  74. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/messages.js +0 -1
  75. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/shallow-equals.js +0 -13
  76. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/sort-items.js +0 -24
  77. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/styles.js +0 -4
  78. package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/types.js +0 -1
  79. package/dist/esm/plugins/toolbar-lists-indentation/index.js +0 -83
  80. package/dist/esm/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.js +0 -50
  81. package/dist/esm/plugins/toolbar-lists-indentation/types.js +0 -1
  82. package/dist/esm/plugins/toolbar-lists-indentation/ui/Toolbar.js +0 -124
  83. package/dist/esm/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.js +0 -161
  84. package/dist/esm/plugins/toolbar-lists-indentation/ui/index.js +0 -56
  85. package/dist/esm/plugins/toolbar-lists-indentation/ui/onItemActivated.js +0 -47
  86. package/dist/types/plugins/insert-block/index.d.ts +0 -16
  87. package/dist/types/plugins/insert-block/types.d.ts +0 -45
  88. package/dist/types/plugins/insert-block/ui/ElementBrowser/InsertMenu.d.ts +0 -4
  89. package/dist/types/plugins/insert-block/ui/ElementBrowser/types.d.ts +0 -22
  90. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.d.ts +0 -28
  91. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu-legacy.d.ts +0 -18
  92. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.d.ts +0 -30
  93. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/create-items.d.ts +0 -39
  94. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.d.ts +0 -16
  95. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts +0 -46
  96. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/item.d.ts +0 -34
  97. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/messages.d.ts +0 -1
  98. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/shallow-equals.d.ts +0 -1
  99. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/sort-items.d.ts +0 -2
  100. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/styles.d.ts +0 -1
  101. package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/types.d.ts +0 -59
  102. package/dist/types/plugins/toolbar-lists-indentation/index.d.ts +0 -33
  103. package/dist/types/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.d.ts +0 -19
  104. package/dist/types/plugins/toolbar-lists-indentation/types.d.ts +0 -20
  105. package/dist/types/plugins/toolbar-lists-indentation/ui/Toolbar.d.ts +0 -4
  106. package/dist/types/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.d.ts +0 -9
  107. package/dist/types/plugins/toolbar-lists-indentation/ui/index.d.ts +0 -26
  108. package/dist/types/plugins/toolbar-lists-indentation/ui/onItemActivated.d.ts +0 -9
  109. package/dist/types-ts4.5/plugins/insert-block/index.d.ts +0 -16
  110. package/dist/types-ts4.5/plugins/insert-block/types.d.ts +0 -45
  111. package/dist/types-ts4.5/plugins/insert-block/ui/ElementBrowser/InsertMenu.d.ts +0 -4
  112. package/dist/types-ts4.5/plugins/insert-block/ui/ElementBrowser/types.d.ts +0 -22
  113. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.d.ts +0 -28
  114. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu-legacy.d.ts +0 -18
  115. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.d.ts +0 -30
  116. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/create-items.d.ts +0 -42
  117. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.d.ts +0 -16
  118. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts +0 -46
  119. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/item.d.ts +0 -34
  120. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/messages.d.ts +0 -1
  121. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/shallow-equals.d.ts +0 -1
  122. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/sort-items.d.ts +0 -2
  123. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/styles.d.ts +0 -1
  124. package/dist/types-ts4.5/plugins/insert-block/ui/ToolbarInsertBlock/types.d.ts +0 -59
  125. package/dist/types-ts4.5/plugins/toolbar-lists-indentation/index.d.ts +0 -33
  126. package/dist/types-ts4.5/plugins/toolbar-lists-indentation/pm-plugins/indentation-buttons.d.ts +0 -19
  127. package/dist/types-ts4.5/plugins/toolbar-lists-indentation/types.d.ts +0 -20
  128. package/dist/types-ts4.5/plugins/toolbar-lists-indentation/ui/Toolbar.d.ts +0 -4
  129. package/dist/types-ts4.5/plugins/toolbar-lists-indentation/ui/ToolbarDropdown.d.ts +0 -9
  130. package/dist/types-ts4.5/plugins/toolbar-lists-indentation/ui/index.d.ts +0 -26
  131. package/dist/types-ts4.5/plugins/toolbar-lists-indentation/ui/onItemActivated.d.ts +0 -9
@@ -1,152 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
- var _react = require("react");
13
- var _react2 = require("@emotion/react");
14
- var _theme = require("@atlaskit/theme");
15
- var _colors = require("@atlaskit/theme/colors");
16
- var _quickInsert = require("@atlaskit/editor-common/quick-insert");
17
- var _uiReact = require("@atlaskit/editor-common/ui-react");
18
- var _elementBrowser = require("@atlaskit/editor-common/element-browser");
19
- var _excluded = ["children"];
20
- var _templateObject, _templateObject2;
21
- /** @jsx jsx */
22
- // AFP-2532 TODO: Fix automatic suppressions below
23
- // eslint-disable-next-line @atlassian/tangerine/import/entry-points
24
- var InsertMenu = function InsertMenu(_ref) {
25
- var _pluginInjectionApi$q6, _pluginInjectionApi$q7;
26
- var editorView = _ref.editorView,
27
- dropdownItems = _ref.dropdownItems,
28
- showElementBrowserLink = _ref.showElementBrowserLink,
29
- onInsert = _ref.onInsert,
30
- toggleVisiblity = _ref.toggleVisiblity,
31
- pluginInjectionApi = _ref.pluginInjectionApi;
32
- var _useState = (0, _react.useState)(0),
33
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
34
- itemCount = _useState2[0],
35
- setItemCount = _useState2[1];
36
- var transform = (0, _react.useCallback)(function (item) {
37
- return {
38
- title: item.content,
39
- description: item.tooltipDescription,
40
- keyshortcut: item.shortcut,
41
- icon: function icon() {
42
- return getSvgIconForItem({
43
- name: item.value.name
44
- }) || item.elemBefore;
45
- },
46
- /**
47
- * @note This transformed items action is only used when a quick insert item has been
48
- * called from the quick insert menu and a search has not been performed.
49
- */
50
- action: function action() {
51
- return onInsert({
52
- item: item
53
- });
54
- },
55
- // "insertInsertMenuItem" expects these 2 properties.
56
- onClick: item.onClick,
57
- value: item.value
58
- };
59
- }, [onInsert]);
60
- var quickInsertDropdownItems = dropdownItems.map(transform);
61
- var viewMoreItem = showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
62
- var onInsertItem = (0, _react.useCallback)(function (item) {
63
- var _pluginInjectionApi$q;
64
- toggleVisiblity();
65
- pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 || _pluginInjectionApi$q.actions.insertItem(item)(editorView.state, editorView.dispatch);
66
- }, [editorView, toggleVisiblity, pluginInjectionApi]);
67
- var getItems = (0, _react.useCallback)(function (query, category) {
68
- var result;
69
- /**
70
- * @warning The results if there is a query are not the same as the results if there is no query.
71
- * For example: If you have a typed panel and then select the panel item then it will call a different action
72
- * than is specified on the editor plugins quick insert
73
- * @see above transform function for more details.
74
- */
75
- if (query) {
76
- var _pluginInjectionApi$q2, _pluginInjectionApi$q3;
77
- result = (_pluginInjectionApi$q2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q3 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q3 === void 0 ? void 0 : _pluginInjectionApi$q3.actions.getSuggestions({
78
- query: query,
79
- category: category
80
- })) !== null && _pluginInjectionApi$q2 !== void 0 ? _pluginInjectionApi$q2 : [];
81
- } else {
82
- var _pluginInjectionApi$q4, _pluginInjectionApi$q5;
83
- var featuredQuickInsertSuggestions = (_pluginInjectionApi$q4 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q5 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q5 === void 0 ? void 0 : _pluginInjectionApi$q5.actions.getSuggestions({
84
- category: category,
85
- featuredItems: true
86
- })) !== null && _pluginInjectionApi$q4 !== void 0 ? _pluginInjectionApi$q4 : [];
87
- result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
88
- }
89
- setItemCount(result.length);
90
- return result;
91
- }, [pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q6 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q6 === void 0 ? void 0 : _pluginInjectionApi$q6.actions, quickInsertDropdownItems]);
92
- var emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q7 = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q7 === void 0 || (_pluginInjectionApi$q7 = _pluginInjectionApi$q7.sharedState.currentState()) === null || _pluginInjectionApi$q7 === void 0 ? void 0 : _pluginInjectionApi$q7.emptyStateHandler;
93
- return (0, _react2.jsx)("div", {
94
- css: insertMenuWrapper(itemCount)
95
- }, (0, _react2.jsx)(ElementBrowserWrapper, {
96
- handleClickOutside: toggleVisiblity,
97
- handleEscapeKeydown: toggleVisiblity,
98
- closeOnTab: true
99
- }, (0, _react2.jsx)(_elementBrowser.ElementBrowser, {
100
- mode: "inline",
101
- getItems: getItems,
102
- emptyStateHandler: emptyStateHandler,
103
- onInsertItem: onInsertItem,
104
- showSearch: true,
105
- showCategories: false
106
- // On page resize we want the InlineElementBrowser to show updated tools/overflow items
107
- ,
108
- key: quickInsertDropdownItems.length,
109
- viewMoreItem: viewMoreItem
110
- })));
111
- };
112
- var getSvgIconForItem = function getSvgIconForItem(_ref2) {
113
- var name = _ref2.name;
114
- var Icon = {
115
- codeblock: _quickInsert.IconCode,
116
- panel: _quickInsert.IconPanel,
117
- blockquote: _quickInsert.IconQuote,
118
- decision: _quickInsert.IconDecision,
119
- horizontalrule: _quickInsert.IconDivider,
120
- expand: _quickInsert.IconExpand,
121
- date: _quickInsert.IconDate,
122
- status: _quickInsert.IconStatus
123
- }[name];
124
- return Icon ? (0, _react2.jsx)(Icon, {
125
- label: ""
126
- }) : undefined;
127
- };
128
- var getInsertMenuHeight = function getInsertMenuHeight(_ref3) {
129
- var itemCount = _ref3.itemCount;
130
- // Figure based on visuals to exclude the searchbar, padding/margin, and the ViewMore item.
131
- var EXTRA_SPACE_EXCLUDING_ELEMENTLIST = 112;
132
- if (itemCount > 0 && itemCount < 6) {
133
- return itemCount * _elementBrowser.ELEMENT_ITEM_HEIGHT + EXTRA_SPACE_EXCLUDING_ELEMENTLIST;
134
- }
135
- return 560; // For showing 6 Elements.
136
- };
137
-
138
- var insertMenuWrapper = function insertMenuWrapper(itemCount) {
139
- return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 320px;\n height: ", "px;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n"])), getInsertMenuHeight({
140
- itemCount: itemCount
141
- }), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), (0, _theme.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N30A, ",\n 0 2px 1px ").concat(_colors.N30A, ",\n 0 0 20px -6px ").concat(_colors.N60A), ")"));
142
- };
143
- var flexWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex: 1;\n box-sizing: border-box;\n overflow: hidden;\n"])));
144
- var FlexWrapper = function FlexWrapper(props) {
145
- var children = props.children,
146
- divProps = (0, _objectWithoutProperties2.default)(props, _excluded);
147
- return (0, _react2.jsx)("div", (0, _extends2.default)({
148
- css: flexWrapperStyles
149
- }, divProps), children);
150
- };
151
- var ElementBrowserWrapper = (0, _uiReact.withReactEditorViewOuterListeners)(FlexWrapper);
152
- var _default = exports.default = InsertMenu;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.BlockInsertElementBrowser = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _ui = require("@atlaskit/editor-common/ui");
10
- var _InsertMenu = _interopRequireDefault(require("../ElementBrowser/InsertMenu"));
11
- var _dropdownButton = require("./dropdown-button");
12
- var BlockInsertElementBrowser = exports.BlockInsertElementBrowser = function BlockInsertElementBrowser(props) {
13
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.open && /*#__PURE__*/_react.default.createElement(_ui.Popup, {
14
- target: props.plusButtonRef,
15
- fitHeight: 500,
16
- fitWidth: 350,
17
- offset: [0, 3],
18
- mountTo: props.popupsMountPoint,
19
- boundariesElement: props.popupsBoundariesElement,
20
- scrollableElement: props.popupsScrollableElement,
21
- preventOverflow: true,
22
- alignX: "right"
23
- }, /*#__PURE__*/_react.default.createElement(_InsertMenu.default, {
24
- editorView: props.editorView,
25
- dropdownItems: props.items,
26
- onInsert: props.onInsert,
27
- toggleVisiblity: props.togglePlusMenuVisibility,
28
- showElementBrowserLink: props.showElementBrowserLink,
29
- pluginInjectionApi: props.pluginInjectionApi
30
- })), /*#__PURE__*/_react.default.createElement(_dropdownButton.DropDownButton, {
31
- "aria-expanded": props.open,
32
- "aria-haspopup": true,
33
- handleRef: props.onRef,
34
- selected: props.open,
35
- disabled: props.disabled,
36
- onClick: props.onClick,
37
- onKeyDown: props.onKeyDown,
38
- spacing: props.spacing,
39
- label: props.label,
40
- "aria-keyshortcuts": "/"
41
- }));
42
- };
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.BlockInsertMenuLegacy = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
10
- var _uiMenu = require("@atlaskit/editor-common/ui-menu");
11
- var _dropdownButton = require("./dropdown-button");
12
- var BlockInsertMenuLegacy = exports.BlockInsertMenuLegacy = function BlockInsertMenuLegacy(props) {
13
- var items = props.items;
14
- var dropdownItems = _react.default.useMemo(function () {
15
- return [{
16
- items: items
17
- }];
18
- }, [items]);
19
- return /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownMenuWithKeyboardNavigation, {
20
- items: dropdownItems,
21
- onItemActivated: props.onItemActivated,
22
- onOpenChange: props.onOpenChange,
23
- mountTo: props.popupsMountPoint,
24
- boundariesElement: props.popupsBoundariesElement,
25
- scrollableElement: props.popupsScrollableElement,
26
- isOpen: props.open,
27
- fitHeight: 188,
28
- fitWidth: 175,
29
- zIndex: _editorSharedStyles.akEditorMenuZIndex
30
- }, /*#__PURE__*/_react.default.createElement(_dropdownButton.DropDownButton, {
31
- "aria-expanded": props.open,
32
- "aria-haspopup": true,
33
- handleRef: props.onRef,
34
- selected: props.open,
35
- disabled: props.disabled,
36
- onClick: props.onClick,
37
- onKeyDown: props.onKeyDown,
38
- spacing: props.spacing,
39
- label: props.label,
40
- "aria-keyshortcuts": "/"
41
- }));
42
- };
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.BlockInsertMenu = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _blockInsertElementBrowser = require("./block-insert-element-browser");
10
- var _blockInsertMenuLegacy = require("./block-insert-menu-legacy");
11
- var _dropdownButton = require("./dropdown-button");
12
- var BlockInsertMenu = exports.BlockInsertMenu = function BlockInsertMenu(props) {
13
- if (props.items.length === 0) {
14
- return null;
15
- }
16
- if (props.disabled) {
17
- return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_dropdownButton.DropDownButton, {
18
- "aria-expanded": props.open,
19
- "aria-haspopup": true,
20
- handleRef: props.onRef,
21
- selected: props.open,
22
- disabled: props.disabled,
23
- onClick: props.onClick,
24
- onKeyDown: props.onKeyDown,
25
- spacing: props.spacing,
26
- label: props.label,
27
- "aria-keyshortcuts": "/"
28
- }));
29
- }
30
- if (props.replacePlusMenuWithElementBrowser) {
31
- return /*#__PURE__*/_react.default.createElement(_blockInsertElementBrowser.BlockInsertElementBrowser, {
32
- disabled: props.disabled,
33
- editorView: props.editorView,
34
- items: props.items,
35
- label: props.label,
36
- onClick: props.onClick,
37
- onKeyDown: props.onKeyDown,
38
- onInsert: props.onInsert,
39
- onRef: props.onPlusButtonRef,
40
- open: props.open,
41
- plusButtonRef: props.plusButtonRef,
42
- popupsBoundariesElement: props.popupsBoundariesElement,
43
- popupsMountPoint: props.popupsMountPoint,
44
- popupsScrollableElement: props.popupsScrollableElement,
45
- spacing: props.spacing,
46
- togglePlusMenuVisibility: props.togglePlusMenuVisibility,
47
- showElementBrowserLink: props.showElementBrowserLink,
48
- pluginInjectionApi: props.pluginInjectionApi
49
- });
50
- }
51
- return /*#__PURE__*/_react.default.createElement(_blockInsertMenuLegacy.BlockInsertMenuLegacy, {
52
- disabled: props.disabled,
53
- items: props.items,
54
- label: props.label,
55
- onClick: props.onClick,
56
- onKeyDown: props.onKeyDown,
57
- onItemActivated: props.onItemActivated,
58
- onOpenChange: props.onOpenChange,
59
- onRef: props.onRef,
60
- open: props.open,
61
- popupsBoundariesElement: props.popupsBoundariesElement,
62
- popupsMountPoint: props.popupsMountPoint,
63
- popupsScrollableElement: props.popupsScrollableElement,
64
- spacing: props.spacing
65
- });
66
- };
@@ -1,217 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.createItems = void 0;
8
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _react = _interopRequireDefault(require("react"));
11
- var _memoize = _interopRequireDefault(require("lodash/memoize"));
12
- var _memoizeOne = _interopRequireDefault(require("memoize-one"));
13
- var _messages = require("./messages");
14
- var _messages2 = require("@atlaskit/editor-common/messages");
15
- var _keymaps = require("@atlaskit/editor-common/keymaps");
16
- var _sortItems = require("./sort-items");
17
- var _item = require("./item");
18
- var _shallowEquals = require("./shallow-equals");
19
- 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; }
20
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(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; }
21
- var buttonToItem = (0, _memoize.default)(function (button) {
22
- return _objectSpread(_objectSpread({}, button), {}, {
23
- title: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
24
- description: button.content,
25
- shortcutOverride: button.shortcut
26
- })
27
- });
28
- });
29
- var buttonToDropdownItem = (0, _memoizeOne.default)(function (title) {
30
- return (0, _memoize.default)(function (button) {
31
- return _objectSpread(_objectSpread({}, button), {}, {
32
- title: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
33
- description: title,
34
- shortcutOverride: "/"
35
- })
36
- });
37
- });
38
- });
39
- var createInsertBlockItems = function createInsertBlockItems(config) {
40
- var isTypeAheadAllowed = config.isTypeAheadAllowed,
41
- tableSupported = config.tableSupported,
42
- mediaUploadsEnabled = config.mediaUploadsEnabled,
43
- mediaSupported = config.mediaSupported,
44
- imageUploadSupported = config.imageUploadSupported,
45
- imageUploadEnabled = config.imageUploadEnabled,
46
- mentionsSupported = config.mentionsSupported,
47
- mentionsDisabled = config.mentionsDisabled,
48
- availableWrapperBlockTypes = config.availableWrapperBlockTypes,
49
- actionSupported = config.actionSupported,
50
- decisionSupported = config.decisionSupported,
51
- showElementBrowserLink = config.showElementBrowserLink,
52
- linkSupported = config.linkSupported,
53
- linkDisabled = config.linkDisabled,
54
- emojiDisabled = config.emojiDisabled,
55
- emojiProvider = config.emojiProvider,
56
- nativeStatusSupported = config.nativeStatusSupported,
57
- insertMenuItems = config.insertMenuItems,
58
- dateEnabled = config.dateEnabled,
59
- placeholderTextEnabled = config.placeholderTextEnabled,
60
- horizontalRuleEnabled = config.horizontalRuleEnabled,
61
- layoutSectionEnabled = config.layoutSectionEnabled,
62
- expandEnabled = config.expandEnabled,
63
- numberOfButtons = config.numberOfButtons,
64
- schema = config.schema,
65
- formatMessage = config.formatMessage,
66
- isNewMenuEnabled = config.isNewMenuEnabled;
67
- var items = [];
68
- if (actionSupported) {
69
- items.push((0, _item.action)({
70
- content: formatMessage(_messages.messages.action),
71
- tooltipDescription: formatMessage(_messages.messages.actionDescription),
72
- disabled: false
73
- }));
74
- }
75
- if (linkSupported) {
76
- items.push((0, _item.link)({
77
- content: formatMessage(_messages.messages.link),
78
- tooltipDescription: formatMessage(_messages.messages.linkDescription),
79
- disabled: !!linkDisabled,
80
- 'aria-haspopup': 'dialog'
81
- }));
82
- }
83
- if (mediaSupported && mediaUploadsEnabled) {
84
- items.push((0, _item.media)({
85
- content: formatMessage(_messages.messages.addMediaFiles),
86
- tooltipDescription: formatMessage(_messages.messages.mediaFilesDescription),
87
- disabled: false
88
- }));
89
- }
90
- if (imageUploadSupported) {
91
- items.push((0, _item.imageUpload)({
92
- content: formatMessage(_messages.messages.image),
93
- disabled: !imageUploadEnabled
94
- }));
95
- }
96
- if (mentionsSupported) {
97
- items.push((0, _item.mention)({
98
- content: formatMessage(_messages.messages.mention),
99
- tooltipDescription: formatMessage(_messages.messages.mentionDescription),
100
- disabled: !isTypeAheadAllowed || !!mentionsDisabled,
101
- 'aria-haspopup': 'listbox'
102
- }));
103
- }
104
- if (emojiProvider) {
105
- items.push((0, _item.emoji)({
106
- content: formatMessage(_messages.messages.emoji),
107
- tooltipDescription: formatMessage(_messages.messages.emojiDescription),
108
- disabled: emojiDisabled || !isTypeAheadAllowed,
109
- 'aria-haspopup': 'dialog'
110
- }));
111
- }
112
- if (tableSupported) {
113
- items.push((0, _item.table)({
114
- content: formatMessage(_messages.messages.table),
115
- tooltipDescription: formatMessage(_messages.messages.tableDescription),
116
- disabled: false
117
- }));
118
- }
119
- if (layoutSectionEnabled) {
120
- var labelColumns = formatMessage(_messages.messages.columns);
121
- items.push((0, _item.layout)({
122
- content: labelColumns,
123
- tooltipDescription: formatMessage(_messages.messages.columnsDescription),
124
- disabled: false
125
- }));
126
- }
127
- var blockTypes = availableWrapperBlockTypes || [];
128
- var codeblockData = blockTypes.find(function (type) {
129
- return type.name === 'codeblock';
130
- });
131
- var panelData = blockTypes.find(function (type) {
132
- return type.name === 'panel';
133
- });
134
- var blockquoteData = blockTypes.find(function (type) {
135
- return type.name === 'blockquote';
136
- });
137
- if (codeblockData) {
138
- items.push((0, _item.codeblock)({
139
- content: formatMessage(codeblockData.title),
140
- tooltipDescription: formatMessage(_messages2.blockTypeMessages.codeblockDescription),
141
- disabled: false,
142
- shortcut: '```'
143
- }));
144
- }
145
- if (panelData) {
146
- items.push((0, _item.panel)({
147
- content: formatMessage(panelData.title),
148
- tooltipDescription: formatMessage(_messages2.blockTypeMessages.infoPanelDescription),
149
- disabled: false
150
- }));
151
- }
152
- if (blockquoteData) {
153
- items.push((0, _item.blockquote)({
154
- content: formatMessage(blockquoteData.title),
155
- tooltipDescription: formatMessage(_messages2.blockTypeMessages.blockquoteDescription),
156
- disabled: false,
157
- shortcut: '>'
158
- }));
159
- }
160
- if (decisionSupported) {
161
- items.push((0, _item.decision)({
162
- content: formatMessage(_messages.messages.decision),
163
- tooltipDescription: formatMessage(_messages.messages.decisionDescription),
164
- disabled: false
165
- }));
166
- }
167
- if (horizontalRuleEnabled && schema.nodes.rule) {
168
- items.push((0, _item.horizontalrule)({
169
- content: formatMessage(_messages.messages.horizontalRule),
170
- tooltipDescription: formatMessage(_messages.messages.horizontalRuleDescription),
171
- disabled: false
172
- }));
173
- }
174
- if (expandEnabled && schema.nodes.expand) {
175
- items.push((0, _item.expand)({
176
- content: formatMessage(_messages.messages.expand),
177
- tooltipDescription: formatMessage(_messages.messages.expandDescription),
178
- disabled: false
179
- }));
180
- }
181
- if (dateEnabled) {
182
- var labelDate = formatMessage(_messages.messages.date);
183
- items.push((0, _item.date)({
184
- content: labelDate,
185
- tooltipDescription: formatMessage(_messages.messages.dateDescription),
186
- disabled: false
187
- }));
188
- }
189
- if (placeholderTextEnabled) {
190
- items.push((0, _item.placeholder)({
191
- content: formatMessage(_messages.messages.placeholderText),
192
- disabled: false
193
- }));
194
- }
195
- if (nativeStatusSupported) {
196
- var labelStatus = formatMessage(_messages.messages.status);
197
- items.push((0, _item.status)({
198
- content: labelStatus,
199
- tooltipDescription: formatMessage(_messages.messages.statusDescription),
200
- disabled: false
201
- }));
202
- }
203
- if (insertMenuItems) {
204
- items.push.apply(items, (0, _toConsumableArray2.default)(insertMenuItems));
205
- }
206
- if (showElementBrowserLink) {
207
- items.push((0, _item.more)({
208
- content: formatMessage(_messages.messages.viewMore),
209
- disabled: false
210
- }));
211
- }
212
- var buttonItems = items.slice(0, numberOfButtons).map(buttonToItem);
213
- var remainingItems = items.slice(numberOfButtons);
214
- var dropdownItems = (!isNewMenuEnabled ? (0, _sortItems.sortItems)(remainingItems) : remainingItems).map(buttonToDropdownItem(formatMessage(_messages.messages.insertMenu)));
215
- return [buttonItems, dropdownItems];
216
- };
217
- var createItems = exports.createItems = (0, _memoizeOne.default)(createInsertBlockItems, _shallowEquals.shallowEquals);
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropDownButton = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _react2 = require("@emotion/react");
10
- var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
11
- var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
12
- var _keymaps = require("@atlaskit/editor-common/keymaps");
13
- var _uiMenu = require("@atlaskit/editor-common/ui-menu");
14
- var _styles = require("@atlaskit/editor-common/styles");
15
- var _styles2 = require("./styles");
16
- /** @jsx jsx */
17
-
18
- var DropDownButtonIcon = /*#__PURE__*/_react.default.memo(function (props) {
19
- return (0, _react2.jsx)("span", {
20
- css: _styles2.triggerWrapper
21
- }, (0, _react2.jsx)(_add.default, {
22
- label: props.label
23
- }), (0, _react2.jsx)("span", {
24
- css: _styles.expandIconWrapperStyle
25
- }, (0, _react2.jsx)(_chevronDown.default, {
26
- label: ""
27
- })));
28
- });
29
- var DropDownButton = exports.DropDownButton = /*#__PURE__*/_react.default.memo(function (props) {
30
- return (0, _react2.jsx)(_uiMenu.ToolbarButton, {
31
- ref: props.handleRef,
32
- selected: props.selected,
33
- disabled: props.disabled,
34
- onClick: props.onClick,
35
- onKeyDown: props.onKeyDown,
36
- spacing: props.spacing,
37
- "aria-expanded": props['aria-expanded'],
38
- "aria-haspopup": props['aria-haspopup'],
39
- "aria-keyshortcuts": props['aria-keyshortcuts'],
40
- "aria-label": "".concat(props.label, " /"),
41
- iconBefore: (0, _react2.jsx)(DropDownButtonIcon, {
42
- label: ""
43
- }),
44
- title: (0, _react2.jsx)(_keymaps.ToolTipContent, {
45
- description: props.label,
46
- shortcutOverride: "/"
47
- })
48
- });
49
- });