@atlaskit/editor-core 187.48.7 → 187.48.8

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 (142) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/labs/next/presets/default.js +2 -2
  3. package/dist/cjs/plugins/index.js +0 -7
  4. package/dist/cjs/version-wrapper.js +1 -1
  5. package/dist/es2019/labs/next/presets/default.js +1 -1
  6. package/dist/es2019/plugins/index.js +0 -1
  7. package/dist/es2019/version-wrapper.js +1 -1
  8. package/dist/esm/labs/next/presets/default.js +1 -1
  9. package/dist/esm/plugins/index.js +0 -1
  10. package/dist/esm/version-wrapper.js +1 -1
  11. package/dist/types/plugins/index.d.ts +0 -1
  12. package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
  13. package/dist/types/ui/ContentStyles/index.d.ts +2 -2
  14. package/dist/types-ts4.5/plugins/index.d.ts +0 -1
  15. package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
  16. package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
  17. package/package.json +3 -3
  18. package/dist/cjs/plugins/floating-toolbar/index.js +0 -386
  19. package/dist/cjs/plugins/floating-toolbar/pm-plugins/force-focus/index.js +0 -73
  20. package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.js +0 -26
  21. package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.js +0 -16
  22. package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.js +0 -9
  23. package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js +0 -16
  24. package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.js +0 -25
  25. package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/types.js +0 -5
  26. package/dist/cjs/plugins/floating-toolbar/ui/CheckboxModal.js +0 -83
  27. package/dist/cjs/plugins/floating-toolbar/ui/ConfirmationModal.js +0 -22
  28. package/dist/cjs/plugins/floating-toolbar/ui/Dropdown.js +0 -208
  29. package/dist/cjs/plugins/floating-toolbar/ui/DropdownMenu.js +0 -205
  30. package/dist/cjs/plugins/floating-toolbar/ui/EditorEmojiAddIcon.js +0 -32
  31. package/dist/cjs/plugins/floating-toolbar/ui/EmojiPickerButton.js +0 -120
  32. package/dist/cjs/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js +0 -179
  33. package/dist/cjs/plugins/floating-toolbar/ui/Input.js +0 -78
  34. package/dist/cjs/plugins/floating-toolbar/ui/ScrollButtons.js +0 -152
  35. package/dist/cjs/plugins/floating-toolbar/ui/Select.js +0 -74
  36. package/dist/cjs/plugins/floating-toolbar/ui/Separator.js +0 -9
  37. package/dist/cjs/plugins/floating-toolbar/ui/SimpleModal.js +0 -42
  38. package/dist/cjs/plugins/floating-toolbar/ui/Toolbar.js +0 -427
  39. package/dist/cjs/plugins/floating-toolbar/ui/ToolbarLoader.js +0 -25
  40. package/dist/cjs/plugins/floating-toolbar/ui/messages.js +0 -55
  41. package/dist/cjs/plugins/floating-toolbar/ui/styles.js +0 -79
  42. package/dist/cjs/plugins/floating-toolbar/utils.js +0 -22
  43. package/dist/es2019/plugins/floating-toolbar/index.js +0 -368
  44. package/dist/es2019/plugins/floating-toolbar/pm-plugins/force-focus/index.js +0 -63
  45. package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.js +0 -10
  46. package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.js +0 -8
  47. package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.js +0 -2
  48. package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js +0 -9
  49. package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.js +0 -16
  50. package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/types.js +0 -1
  51. package/dist/es2019/plugins/floating-toolbar/ui/CheckboxModal.js +0 -71
  52. package/dist/es2019/plugins/floating-toolbar/ui/ConfirmationModal.js +0 -13
  53. package/dist/es2019/plugins/floating-toolbar/ui/Dropdown.js +0 -180
  54. package/dist/es2019/plugins/floating-toolbar/ui/DropdownMenu.js +0 -191
  55. package/dist/es2019/plugins/floating-toolbar/ui/EditorEmojiAddIcon.js +0 -25
  56. package/dist/es2019/plugins/floating-toolbar/ui/EmojiPickerButton.js +0 -107
  57. package/dist/es2019/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js +0 -100
  58. package/dist/es2019/plugins/floating-toolbar/ui/Input.js +0 -52
  59. package/dist/es2019/plugins/floating-toolbar/ui/ScrollButtons.js +0 -137
  60. package/dist/es2019/plugins/floating-toolbar/ui/Select.js +0 -62
  61. package/dist/es2019/plugins/floating-toolbar/ui/Separator.js +0 -2
  62. package/dist/es2019/plugins/floating-toolbar/ui/SimpleModal.js +0 -35
  63. package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js +0 -419
  64. package/dist/es2019/plugins/floating-toolbar/ui/ToolbarLoader.js +0 -6
  65. package/dist/es2019/plugins/floating-toolbar/ui/messages.js +0 -48
  66. package/dist/es2019/plugins/floating-toolbar/ui/styles.js +0 -64
  67. package/dist/es2019/plugins/floating-toolbar/utils.js +0 -16
  68. package/dist/esm/plugins/floating-toolbar/index.js +0 -375
  69. package/dist/esm/plugins/floating-toolbar/pm-plugins/force-focus/index.js +0 -64
  70. package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.js +0 -18
  71. package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.js +0 -8
  72. package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.js +0 -2
  73. package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js +0 -9
  74. package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.js +0 -17
  75. package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/types.js +0 -1
  76. package/dist/esm/plugins/floating-toolbar/ui/CheckboxModal.js +0 -72
  77. package/dist/esm/plugins/floating-toolbar/ui/ConfirmationModal.js +0 -14
  78. package/dist/esm/plugins/floating-toolbar/ui/Dropdown.js +0 -199
  79. package/dist/esm/plugins/floating-toolbar/ui/DropdownMenu.js +0 -197
  80. package/dist/esm/plugins/floating-toolbar/ui/EditorEmojiAddIcon.js +0 -25
  81. package/dist/esm/plugins/floating-toolbar/ui/EmojiPickerButton.js +0 -113
  82. package/dist/esm/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js +0 -168
  83. package/dist/esm/plugins/floating-toolbar/ui/Input.js +0 -70
  84. package/dist/esm/plugins/floating-toolbar/ui/ScrollButtons.js +0 -141
  85. package/dist/esm/plugins/floating-toolbar/ui/Select.js +0 -64
  86. package/dist/esm/plugins/floating-toolbar/ui/Separator.js +0 -2
  87. package/dist/esm/plugins/floating-toolbar/ui/SimpleModal.js +0 -31
  88. package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js +0 -417
  89. package/dist/esm/plugins/floating-toolbar/ui/ToolbarLoader.js +0 -12
  90. package/dist/esm/plugins/floating-toolbar/ui/messages.js +0 -48
  91. package/dist/esm/plugins/floating-toolbar/ui/styles.js +0 -68
  92. package/dist/esm/plugins/floating-toolbar/utils.js +0 -16
  93. package/dist/types/plugins/floating-toolbar/index.d.ts +0 -13
  94. package/dist/types/plugins/floating-toolbar/pm-plugins/force-focus/index.d.ts +0 -21
  95. package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.d.ts +0 -3
  96. package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.d.ts +0 -1
  97. package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.d.ts +0 -3
  98. package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.d.ts +0 -3
  99. package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.d.ts +0 -3
  100. package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/types.d.ts +0 -8
  101. package/dist/types/plugins/floating-toolbar/ui/CheckboxModal.d.ts +0 -4
  102. package/dist/types/plugins/floating-toolbar/ui/ConfirmationModal.d.ts +0 -6
  103. package/dist/types/plugins/floating-toolbar/ui/Dropdown.d.ts +0 -41
  104. package/dist/types/plugins/floating-toolbar/ui/DropdownMenu.d.ts +0 -29
  105. package/dist/types/plugins/floating-toolbar/ui/EditorEmojiAddIcon.d.ts +0 -2
  106. package/dist/types/plugins/floating-toolbar/ui/EmojiPickerButton.d.ts +0 -15
  107. package/dist/types/plugins/floating-toolbar/ui/ExtensionsPlaceholder.d.ts +0 -16
  108. package/dist/types/plugins/floating-toolbar/ui/Input.d.ts +0 -23
  109. package/dist/types/plugins/floating-toolbar/ui/ScrollButtons.d.ts +0 -13
  110. package/dist/types/plugins/floating-toolbar/ui/Select.d.ts +0 -21
  111. package/dist/types/plugins/floating-toolbar/ui/Separator.d.ts +0 -2
  112. package/dist/types/plugins/floating-toolbar/ui/SimpleModal.d.ts +0 -4
  113. package/dist/types/plugins/floating-toolbar/ui/Toolbar.d.ts +0 -44
  114. package/dist/types/plugins/floating-toolbar/ui/ToolbarLoader.d.ts +0 -4
  115. package/dist/types/plugins/floating-toolbar/ui/messages.d.ts +0 -48
  116. package/dist/types/plugins/floating-toolbar/ui/styles.d.ts +0 -20
  117. package/dist/types/plugins/floating-toolbar/utils.d.ts +0 -2
  118. package/dist/types-ts4.5/plugins/floating-toolbar/index.d.ts +0 -13
  119. package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/force-focus/index.d.ts +0 -21
  120. package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.d.ts +0 -3
  121. package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.d.ts +0 -1
  122. package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.d.ts +0 -3
  123. package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.d.ts +0 -3
  124. package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.d.ts +0 -3
  125. package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/types.d.ts +0 -8
  126. package/dist/types-ts4.5/plugins/floating-toolbar/ui/CheckboxModal.d.ts +0 -4
  127. package/dist/types-ts4.5/plugins/floating-toolbar/ui/ConfirmationModal.d.ts +0 -6
  128. package/dist/types-ts4.5/plugins/floating-toolbar/ui/Dropdown.d.ts +0 -41
  129. package/dist/types-ts4.5/plugins/floating-toolbar/ui/DropdownMenu.d.ts +0 -29
  130. package/dist/types-ts4.5/plugins/floating-toolbar/ui/EditorEmojiAddIcon.d.ts +0 -2
  131. package/dist/types-ts4.5/plugins/floating-toolbar/ui/EmojiPickerButton.d.ts +0 -15
  132. package/dist/types-ts4.5/plugins/floating-toolbar/ui/ExtensionsPlaceholder.d.ts +0 -16
  133. package/dist/types-ts4.5/plugins/floating-toolbar/ui/Input.d.ts +0 -23
  134. package/dist/types-ts4.5/plugins/floating-toolbar/ui/ScrollButtons.d.ts +0 -13
  135. package/dist/types-ts4.5/plugins/floating-toolbar/ui/Select.d.ts +0 -21
  136. package/dist/types-ts4.5/plugins/floating-toolbar/ui/Separator.d.ts +0 -2
  137. package/dist/types-ts4.5/plugins/floating-toolbar/ui/SimpleModal.d.ts +0 -4
  138. package/dist/types-ts4.5/plugins/floating-toolbar/ui/Toolbar.d.ts +0 -44
  139. package/dist/types-ts4.5/plugins/floating-toolbar/ui/ToolbarLoader.d.ts +0 -4
  140. package/dist/types-ts4.5/plugins/floating-toolbar/ui/messages.d.ts +0 -48
  141. package/dist/types-ts4.5/plugins/floating-toolbar/ui/styles.d.ts +0 -20
  142. package/dist/types-ts4.5/plugins/floating-toolbar/utils.d.ts +0 -2
@@ -1,427 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
15
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
18
- var _react = _interopRequireWildcard(require("react"));
19
- var _react2 = require("@emotion/react");
20
- var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
21
- var _editorPalette = require("@atlaskit/editor-palette");
22
- var _components = require("@atlaskit/theme/components");
23
- var _constants = require("@atlaskit/theme/constants");
24
- var _colors = require("@atlaskit/theme/colors");
25
- var _commands = require("../pm-plugins/toolbar-data/commands");
26
- var _ui = require("@atlaskit/editor-common/ui");
27
- var _Dropdown = _interopRequireDefault(require("./Dropdown"));
28
- var _Select = _interopRequireDefault(require("./Select"));
29
- var _Separator = _interopRequireDefault(require("./Separator"));
30
- var _Input = _interopRequireDefault(require("./Input"));
31
- var _ExtensionsPlaceholder = require("./ExtensionsPlaceholder");
32
- var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
33
- var _uiMenu = require("@atlaskit/editor-common/ui-menu");
34
- var _uiColor = require("@atlaskit/editor-common/ui-color");
35
- var _EmojiPickerButton = require("./EmojiPickerButton");
36
- var _reactIntlNext = require("react-intl-next");
37
- var _messages = _interopRequireDefault(require("./messages"));
38
- var _commands2 = require("@atlaskit/editor-plugin-table/commands");
39
- var _ScrollButtons = require("./ScrollButtons");
40
- var _forceFocus = require("../pm-plugins/force-focus");
41
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
42
- /** @jsx jsx */
43
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
44
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
45
- 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); }; }
46
- 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; } }
47
- var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
48
- var items = _ref.items,
49
- dispatchCommand = _ref.dispatchCommand,
50
- popupsMountPoint = _ref.popupsMountPoint,
51
- popupsBoundariesElement = _ref.popupsBoundariesElement,
52
- editorView = _ref.editorView,
53
- dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent,
54
- popupsScrollableElement = _ref.popupsScrollableElement,
55
- scrollable = _ref.scrollable,
56
- providerFactory = _ref.providerFactory,
57
- extensionsProvider = _ref.extensionsProvider,
58
- node = _ref.node,
59
- setDisableScroll = _ref.setDisableScroll,
60
- mountRef = _ref.mountRef,
61
- featureFlags = _ref.featureFlags,
62
- api = _ref.api;
63
- var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
64
- return (0, _react2.jsx)(_buttonGroup.default, null, items.filter(function (item) {
65
- return !item.hidden;
66
- }).map(function (item, idx) {
67
- var _api$contextPanel, _api$extension;
68
- switch (item.type) {
69
- case 'button':
70
- var ButtonIcon = item.icon;
71
- var onClickHandler = function onClickHandler() {
72
- if (item.confirmDialog) {
73
- dispatchCommand((0, _commands.showConfirmDialog)(idx));
74
- } else {
75
- dispatchCommand(item.onClick);
76
- if (item.focusEditoronEnter && !(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
77
- editorView === null || editorView === void 0 ? void 0 : editorView.focus();
78
- }
79
- }
80
- };
81
- return (0, _react2.jsx)(_ui.FloatingToolbarButton, {
82
- className: item.className,
83
- key: idx,
84
- title: item.title,
85
- href: item.href,
86
- icon: item.icon ? (0, _react2.jsx)(ButtonIcon, {
87
- label: item.title
88
- }) : undefined,
89
- appearance: item.appearance,
90
- target: item.target,
91
- onClick: onClickHandler,
92
- onMouseEnter: function onMouseEnter() {
93
- return dispatchCommand(item.onMouseEnter);
94
- },
95
- onMouseLeave: function onMouseLeave() {
96
- return dispatchCommand(item.onMouseLeave);
97
- },
98
- onFocus: function onFocus() {
99
- return dispatchCommand(item.onFocus);
100
- },
101
- onBlur: function onBlur() {
102
- return dispatchCommand(item.onBlur);
103
- },
104
- selected: item.selected,
105
- disabled: item.disabled,
106
- tooltipContent: item.tooltipContent,
107
- testId: item.testId,
108
- hideTooltipOnClick: item.hideTooltipOnClick,
109
- ariaHasPopup: item.ariaHasPopup,
110
- tabIndex: item.tabIndex
111
- }, item.showTitle && item.title);
112
- case 'input':
113
- return (0, _react2.jsx)(_Input.default, {
114
- key: idx,
115
- mountPoint: popupsMountPoint,
116
- boundariesElement: popupsBoundariesElement,
117
- defaultValue: item.defaultValue,
118
- placeholder: item.placeholder,
119
- onSubmit: function onSubmit(value) {
120
- return dispatchCommand(item.onSubmit(value));
121
- },
122
- onBlur: function onBlur(value) {
123
- return dispatchCommand(item.onBlur(value));
124
- }
125
- });
126
- case 'custom':
127
- {
128
- return item.render(editorView, idx, dispatchAnalyticsEvent);
129
- }
130
- case 'dropdown':
131
- var DropdownIcon = item.icon;
132
- return (0, _react2.jsx)(_Dropdown.default, {
133
- key: idx,
134
- title: item.title,
135
- icon: DropdownIcon && (0, _react2.jsx)(DropdownIcon, {
136
- label: item.title
137
- }),
138
- dispatchCommand: dispatchCommand,
139
- options: item.options,
140
- disabled: item.disabled,
141
- tooltip: item.tooltip,
142
- hideExpandIcon: item.hideExpandIcon,
143
- mountPoint: popupsMountPoint,
144
- boundariesElement: popupsBoundariesElement,
145
- scrollableElement: popupsScrollableElement,
146
- dropdownWidth: item.dropdownWidth,
147
- showSelected: item.showSelected,
148
- buttonTestId: item.testId,
149
- editorView: editorView,
150
- setDisableParentScroll: scrollable ? setDisableScroll : undefined,
151
- dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && "".concat(item.id, "-dropdownList"),
152
- alignDropdownWithToolbar: items.length === 1
153
- });
154
- case 'select':
155
- if (item.selectType === 'list') {
156
- var ariaLabel = item.title || item.placeholder;
157
- return (0, _react2.jsx)(_Select.default, {
158
- key: idx,
159
- dispatchCommand: dispatchCommand,
160
- options: item.options,
161
- hideExpandIcon: item.hideExpandIcon,
162
- mountPoint: scrollable ? mountRef.current : undefined,
163
- boundariesElement: popupsBoundariesElement,
164
- scrollableElement: popupsScrollableElement,
165
- defaultValue: item.defaultValue,
166
- placeholder: item.placeholder,
167
- onChange: function onChange(selected) {
168
- return dispatchCommand(item.onChange(selected));
169
- },
170
- ariaLabel: ariaLabel,
171
- filterOption: item.filterOption,
172
- setDisableParentScroll: scrollable ? setDisableScroll : undefined,
173
- classNamePrefix: 'floating-toolbar-select'
174
- });
175
- }
176
- if (item.selectType === 'color') {
177
- return (0, _react2.jsx)(_uiMenu.ColorPickerButton, {
178
- skipFocusButtonAfterPick: true,
179
- key: idx,
180
- title: item.title,
181
- onChange: function onChange(selected) {
182
- dispatchCommand(item.onChange(selected));
183
- },
184
- colorPalette: item.options,
185
- currentColor: item.defaultValue ? item.defaultValue.value : undefined,
186
- placement: "Panels",
187
- mountPoint: emojiAndColourPickerMountPoint,
188
- setDisableParentScroll: scrollable ? setDisableScroll : undefined
189
- // Currently in floating toolbar, color picker is only
190
- // used in panel and table cell background color.
191
- // Both uses same color palette.
192
- // That's why hard-coding hexToEditorBackgroundPaletteColor
193
- // and paletteColorTooltipMessages.
194
- // When we need to support different color palette
195
- // in floating toolbar, we need to set hexToPaletteColor
196
- // and paletteColorTooltipMessages in item options.
197
- ,
198
- hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor,
199
- paletteColorTooltipMessages: _uiColor.backgroundPaletteTooltipMessages
200
- });
201
- }
202
- if (item.selectType === 'emoji') {
203
- return (0, _react2.jsx)(_EmojiPickerButton.EmojiPickerButton, {
204
- key: idx,
205
- editorView: editorView,
206
- title: item.title,
207
- providerFactory: providerFactory,
208
- isSelected: item.selected,
209
- onChange: function onChange(selected) {
210
- return dispatchCommand(item.onChange(selected));
211
- },
212
- mountPoint: emojiAndColourPickerMountPoint,
213
- setDisableParentScroll: scrollable ? setDisableScroll : undefined
214
- });
215
- }
216
- return null;
217
- case 'extensions-placeholder':
218
- if (!editorView || !extensionsProvider) {
219
- return null;
220
- }
221
- var _ref2 = featureFlags || {},
222
- extendFloatingToolbar = _ref2.extendFloatingToolbar;
223
- if (!extendFloatingToolbar) {
224
- return null;
225
- }
226
- return (0, _react2.jsx)(_ExtensionsPlaceholder.ExtensionsPlaceholder, {
227
- key: idx,
228
- node: node,
229
- editorView: editorView,
230
- extensionProvider: extensionsProvider,
231
- separator: item.separator,
232
- applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 ? void 0 : _api$contextPanel.actions.applyChange,
233
- extensionApi: api === null || api === void 0 ? void 0 : (_api$extension = api.extension) === null || _api$extension === void 0 ? void 0 : _api$extension.actions.api()
234
- });
235
- case 'separator':
236
- return (0, _react2.jsx)(_Separator.default, {
237
- key: idx
238
- });
239
- }
240
- }));
241
- }, function (prevProps, nextProps) {
242
- if (!nextProps.node) {
243
- return false;
244
- }
245
- // only rerender toolbar items if the node is different
246
- // otherwise it causes an issue where multiple popups stays open
247
- return !(prevProps.node.type !== nextProps.node.type || prevProps.node.attrs.localId !== nextProps.node.attrs.localId || !(0, _floatingToolbar.areSameItems)(prevProps.items, nextProps.items) || !prevProps.mounted !== !nextProps.mounted);
248
- });
249
- var toolbarContainer = function toolbarContainer(theme, scrollable, hasSelect, firstElementIsSelect) {
250
- return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n display: flex;\n line-height: 1;\n box-sizing: border-box;\n\n & > div > div {\n align-items: center;\n }\n ", "\n"])), (0, _components.themed)({
251
- light: "var(--ds-surface-overlay, white)",
252
- dark: "var(--ds-surface-overlay, ".concat(_colors.DN70, ")")
253
- })(theme), (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"), scrollable ? (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n overflow: hidden;\n "])), hasSelect ? (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n height: 40px;\n "]))) : (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n height: 32px;\n "])))) : (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", " ", ";\n ", "\n "])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", firstElementIsSelect && (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: ", ";\n "])), "var(--ds-space-050, 4px)")));
254
- };
255
- var toolbarOverflow = function toolbarOverflow(scrollable, scrollDisabled, firstElementIsSelect) {
256
- return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n"])), scrollable ? (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n -webkit-overflow-scrolling: touch;\n padding: ", " 0 50px;\n > div {\n > div:first-child {\n ", "\n }\n > div:last-child {\n margin-right: ", ";\n }\n }\n "])), scrollDisabled ? (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n "]))) : (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n overflow-x: auto;\n overflow-y: hidden;\n "]))), "var(--ds-space-050, 4px)", firstElementIsSelect ? (0, _react2.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", ";\n "])), "var(--ds-space-050, 4px)") : (0, _react2.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", ";\n "])), "var(--ds-space-100, 8px)"), "var(--ds-space-100, 8px)") : (0, _react2.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n "]))));
257
- };
258
- var Toolbar = /*#__PURE__*/function (_Component) {
259
- (0, _inherits2.default)(Toolbar, _Component);
260
- var _super = _createSuper(Toolbar);
261
- function Toolbar(props) {
262
- var _this;
263
- (0, _classCallCheck2.default)(this, Toolbar);
264
- _this = _super.call(this, props);
265
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "shouldHandleArrowKeys", function () {
266
- var _this$props$items;
267
- //To prevent the keydown handling of arrow keys for custom toolbar items with 'disableArrowNavigation' prop enabled,
268
- //Usually the button which has menus or popups
269
- return !((_this$props$items = _this.props.items) !== null && _this$props$items !== void 0 && _this$props$items.find(function (item) {
270
- return item.type === 'custom' && item.disableArrowNavigation;
271
- }));
272
- });
273
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEscape", function (event) {
274
- var _this$props$editorVie;
275
- // If any menu is open inside the floating toolbar 'Esc' key should not
276
- // focus the editorview.
277
- // Event can't be stopped as they are not childnodes of floating toolbar
278
-
279
- var isDropdownOpen = !!document.querySelector('[data-role="droplistContent"]');
280
- var isSelectMenuOpen = !!document.querySelector('.floating-toolbar-select__menu');
281
- if (isDropdownOpen || isSelectMenuOpen) {
282
- return;
283
- }
284
- (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
285
- event.preventDefault();
286
- event.stopPropagation();
287
- });
288
- _this.scrollContainerRef = /*#__PURE__*/_react.default.createRef();
289
- _this.mountRef = /*#__PURE__*/_react.default.createRef();
290
- _this.toolbarContainerRef = /*#__PURE__*/_react.default.createRef();
291
- _this.state = {
292
- scrollDisabled: false,
293
- mounted: false
294
- };
295
- return _this;
296
- }
297
- // remove any decorations added by toolbar buttons i.e danger and selected styling
298
- // this prevents https://product-fabric.atlassian.net/browse/ED-10207
299
- (0, _createClass2.default)(Toolbar, [{
300
- key: "resetStyling",
301
- value: function resetStyling(_ref3) {
302
- var table = _ref3.table;
303
- if (this.props.editorView) {
304
- var _this$props$api;
305
- var _this$props$editorVie2 = this.props.editorView,
306
- state = _this$props$editorVie2.state,
307
- dispatch = _this$props$editorVie2.dispatch;
308
- if (table) {
309
- return (0, _commands2.clearHoverSelection)()(state, dispatch);
310
- }
311
- (_this$props$api = this.props.api) === null || _this$props$api === void 0 ? void 0 : _this$props$api.decorations.actions.removeDecoration(state, dispatch);
312
- }
313
- }
314
- }, {
315
- key: "setDisableScroll",
316
- value: function setDisableScroll(disabled) {
317
- var _this2 = this;
318
- // wait before setting disabled state incase users jumping from one popup to another
319
- if (disabled) {
320
- requestAnimationFrame(function () {
321
- _this2.setState({
322
- scrollDisabled: disabled
323
- });
324
- });
325
- } else {
326
- this.setState({
327
- scrollDisabled: disabled
328
- });
329
- }
330
- }
331
- }, {
332
- key: "componentDidMount",
333
- value: function componentDidMount() {
334
- this.setState({
335
- mounted: true
336
- });
337
- }
338
- }, {
339
- key: "componentDidUpdate",
340
- value: function componentDidUpdate(prevProps) {
341
- var _this$props;
342
- (0, _forceFocus.checkShouldForceFocusAndApply)((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.editorView);
343
- if (this.props.node !== prevProps.node) {
344
- this.resetStyling({
345
- table: (prevProps === null || prevProps === void 0 ? void 0 : prevProps.node.type.name) === 'table'
346
- });
347
- }
348
- }
349
- }, {
350
- key: "componentWillUnmount",
351
- value: function componentWillUnmount() {
352
- var editorView = this.props.editorView;
353
- if (editorView) {
354
- var tr = editorView.state.tr,
355
- dispatch = editorView.dispatch;
356
- dispatch((0, _forceFocus.forceFocusSelector)(null)(tr));
357
- }
358
- this.resetStyling({
359
- table: this.props.node.type.name === 'table'
360
- });
361
- }
362
- }, {
363
- key: "render",
364
- value: function render() {
365
- var _this$props2 = this.props,
366
- items = _this$props2.items,
367
- className = _this$props2.className,
368
- node = _this$props2.node,
369
- intl = _this$props2.intl,
370
- scrollable = _this$props2.scrollable;
371
- if (!items || !items.length) {
372
- return null;
373
- }
374
-
375
- // Select has left padding of 4px to the border, everything else 8px
376
- var firstElementIsSelect = items[0].type === 'select';
377
- var hasSelect = items.find(function (item) {
378
- return item.type === 'select' && item.selectType === 'list';
379
- });
380
- var isShortcutToFocusToolbar = function isShortcutToFocusToolbar(event) {
381
- //Alt + F10 to reach first element in this floating toolbar
382
- return event.altKey && (event.key === 'F10' || event.keyCode === 121);
383
- };
384
- return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
385
- editorView: this.props.editorView,
386
- handleEscape: this.handleEscape,
387
- disableArrowKeyNavigation: !this.shouldHandleArrowKeys(),
388
- childComponentSelector: "[data-testid='editor-floating-toolbar']",
389
- isShortcutToFocusToolbar: isShortcutToFocusToolbar,
390
- intl: intl
391
- }, (0, _react2.jsx)("div", {
392
- ref: this.toolbarContainerRef,
393
- css: function css(theme) {
394
- return [toolbarContainer({
395
- theme: theme
396
- }, scrollable, hasSelect !== undefined, firstElementIsSelect)];
397
- },
398
- "aria-label": intl.formatMessage(_messages.default.floatingToolbarAriaLabel),
399
- role: "toolbar",
400
- "data-testid": "editor-floating-toolbar",
401
- className: className
402
- }, (0, _react2.jsx)(_ui.Announcer, {
403
- text: intl.formatMessage(_messages.default.floatingToolbarAnnouncer),
404
- delay: 250
405
- }), (0, _react2.jsx)("div", {
406
- "data-testid": "floating-toolbar-items",
407
- ref: this.scrollContainerRef,
408
- css: toolbarOverflow(scrollable, this.state.scrollDisabled, firstElementIsSelect)
409
- }, (0, _react2.jsx)(ToolbarItems, (0, _extends2.default)({}, this.props, {
410
- setDisableScroll: this.setDisableScroll.bind(this),
411
- mountRef: this.mountRef,
412
- mounted: this.state.mounted,
413
- featureFlags: this.props.featureFlags
414
- }))), scrollable && (0, _react2.jsx)(_ScrollButtons.ScrollButtons, {
415
- intl: intl,
416
- scrollContainerRef: this.scrollContainerRef,
417
- node: node,
418
- disabled: this.state.scrollDisabled
419
- })), (0, _react2.jsx)("div", {
420
- ref: this.mountRef
421
- })));
422
- }
423
- }]);
424
- return Toolbar;
425
- }(_react.Component);
426
- var _default = (0, _reactIntlNext.injectIntl)(Toolbar);
427
- exports.default = _default;
@@ -1,25 +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.ToolbarLoader = void 0;
8
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
9
- var _reactLoadable = _interopRequireDefault(require("react-loadable"));
10
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
- var ToolbarLoader = (0, _reactLoadable.default)({
13
- loader: function loader() {
14
- return Promise.resolve().then(function () {
15
- return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-core-floating-toolbar" */
16
- './Toolbar'));
17
- }).then(function (mod) {
18
- return mod.default;
19
- });
20
- },
21
- loading: function loading() {
22
- return null;
23
- }
24
- });
25
- exports.ToolbarLoader = ToolbarLoader;
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _reactIntlNext = require("react-intl-next");
8
- var _default = (0, _reactIntlNext.defineMessages)({
9
- confirmModalDefaultHeading: {
10
- id: 'fabric.editor.floatingToolbar.confirmModalHeading',
11
- defaultMessage: 'Are you sure?',
12
- description: 'Default heading of floating toolbar confirmation modal.'
13
- },
14
- confirmModalOK: {
15
- id: 'fabric.editor.floatingToolbar.confirmModalOK',
16
- defaultMessage: 'OK',
17
- description: 'OK button for floating toolbar confirmation modal.'
18
- },
19
- confirmModalCancel: {
20
- id: 'fabric.editor.floatingToolbar.confirmModalCancel',
21
- defaultMessage: 'Cancel',
22
- description: 'Cancel button for floating toolbar confirmation modal.'
23
- },
24
- confirmModalListUnit: {
25
- id: 'fabric.editor.floatingToolbar.confirmModalConnectedUnit',
26
- defaultMessage: '{name}{amount, plural, =0 {} one { (+1 connected element)} other { (+# connected elements)}}',
27
- description: 'Text displayed in confirmation modal which highlights the nodes and the amount of connected nodes that will be deleted'
28
- },
29
- confirmDeleteLinkedModalMessage: {
30
- id: 'fabric.editor.extension.confirmDeleteLinkedModalMessage',
31
- defaultMessage: 'Deleting {nodeName} will break anything connected to it.',
32
- description: 'Message for confirm modal when deleting a extension linked to an data consumer.'
33
- },
34
- floatingToolbarAriaLabel: {
35
- id: 'fabric.editor.floatingToolbar.floatingToolbarAriaLabel',
36
- defaultMessage: 'Floating Toolbar',
37
- description: "a floating toolbar's aria label"
38
- },
39
- floatingToolbarAnnouncer: {
40
- id: 'fabric.editor.floatingToolbar.floatingToolbarAnnouncer',
41
- defaultMessage: 'Floating toolbar controls have been opened',
42
- description: 'message that will be announced to screenreaders that the floating toolbar is opened'
43
- },
44
- floatingToolbarScrollLeft: {
45
- id: 'fabric.editor.floatingToolbar.scrollLeft',
46
- defaultMessage: 'Scroll left',
47
- description: 'Button to scroll left when the toolbar is in the overflow state'
48
- },
49
- floatingToolbarScrollRight: {
50
- id: 'fabric.editor.floatingToolbar.scrollRight',
51
- defaultMessage: 'Scroll right',
52
- description: 'Button to scroll right when the toolbar is in the overflow state'
53
- }
54
- });
55
- exports.default = _default;
@@ -1,79 +0,0 @@
1
- "use strict";
2
-
3
- var _typeof = require("@babel/runtime/helpers/typeof");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.iconOnlySpacing = exports.getButtonStyles = void 0;
8
- var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
9
- var _adfSchema = require("@atlaskit/adf-schema");
10
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
- var background = {
13
- danger: {
14
- default: {
15
- light: 'inherit',
16
- dark: 'inherit'
17
- },
18
- hover: {
19
- light: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30A, ")"),
20
- dark: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30A, ")")
21
- },
22
- active: {
23
- light: "var(--ds-background-neutral-pressed, ".concat("".concat((0, _adfSchema.hexToRgba)(colors.B75, 0.6)), ")"),
24
- dark: "var(--ds-background-neutral-pressed, ".concat("".concat((0, _adfSchema.hexToRgba)(colors.B75, 0.6)), ")")
25
- }
26
- }
27
- };
28
- var color = {
29
- danger: {
30
- default: {
31
- light: "var(--ds-icon, ".concat(colors.N400, ")"),
32
- dark: "var(--ds-icon, ".concat(colors.DN400, ")")
33
- },
34
- hover: {
35
- light: "var(--ds-icon-danger, ".concat(colors.R400, ")"),
36
- dark: "var(--ds-icon-danger, ".concat(colors.R400, ")")
37
- },
38
- active: {
39
- light: "var(--ds-icon-danger, ".concat(colors.R400, ")"),
40
- dark: "var(--ds-icon-danger, ".concat(colors.R400, ")")
41
- }
42
- }
43
- };
44
- var getStyles = function getStyles(property, _ref) {
45
- var _ref$appearance = _ref.appearance,
46
- appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
47
- _ref$state = _ref.state,
48
- state = _ref$state === void 0 ? 'default' : _ref$state,
49
- _ref$mode = _ref.mode,
50
- mode = _ref$mode === void 0 ? 'light' : _ref$mode;
51
- if (!property[appearance] || !property[appearance][state]) {
52
- return 'initial';
53
- }
54
- return property[appearance][state][mode];
55
- };
56
- var iconOnlySpacing = {
57
- '&&': {
58
- padding: '0px',
59
- /**
60
- Increased specificity here because css for .hyperlink-open-link defined in
61
- packages/editor/editor-core/src/ui/ContentStyles/index.tsx file
62
- overrides padding left-right 2px with 4px.
63
- */
64
- '&&[href]': {
65
- padding: '0 2px'
66
- }
67
- },
68
- '& > span': {
69
- margin: '0px'
70
- }
71
- };
72
- exports.iconOnlySpacing = iconOnlySpacing;
73
- var getButtonStyles = function getButtonStyles(props) {
74
- return {
75
- background: getStyles(background, props),
76
- color: getStyles(color, props)
77
- };
78
- };
79
- exports.getButtonStyles = getButtonStyles;
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.findNode = findNode;
7
- // find node in descendants by condition
8
- function findNode(parent, predicate) {
9
- var matchedNode;
10
- parent.descendants(function (node) {
11
- // dont run predicate if node already found
12
- if (matchedNode) {
13
- return false;
14
- }
15
- if (predicate(node)) {
16
- matchedNode = node;
17
- return false;
18
- }
19
- return true;
20
- });
21
- return matchedNode;
22
- }