@atlaskit/editor-toolbar 1.1.1 → 1.3.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.
- package/CHANGELOG.md +27 -0
- package/dist/cjs/index.js +49 -0
- package/dist/cjs/ui/ToolbarMenuContainer.compiled.css +3 -0
- package/dist/cjs/ui/ToolbarMenuContainer.js +27 -0
- package/dist/cjs/ui/ToolbarNestedDropdownMenu.js +2 -3
- package/dist/cjs/ui/icons/CrossIcon.js +13 -0
- package/dist/cjs/ui/icons/DeleteIcon.js +13 -0
- package/dist/cjs/ui/icons/PaintBucketIcon.js +13 -0
- package/dist/cjs/ui/icons/TableRowAddAboveIcon.js +13 -0
- package/dist/cjs/ui/icons/TableRowAddBelowIcon.js +13 -0
- package/dist/cjs/ui/icons/TableRowMoveDownIcon.js +13 -0
- package/dist/cjs/ui/icons/TableRowMoveUpIcon.js +13 -0
- package/dist/es2019/index.js +7 -0
- package/dist/es2019/ui/ToolbarMenuContainer.compiled.css +3 -0
- package/dist/es2019/ui/ToolbarMenuContainer.js +21 -0
- package/dist/es2019/ui/ToolbarNestedDropdownMenu.js +2 -3
- package/dist/es2019/ui/icons/CrossIcon.js +2 -0
- package/dist/es2019/ui/icons/DeleteIcon.js +2 -0
- package/dist/es2019/ui/icons/PaintBucketIcon.js +2 -0
- package/dist/es2019/ui/icons/TableRowAddAboveIcon.js +2 -0
- package/dist/es2019/ui/icons/TableRowAddBelowIcon.js +2 -0
- package/dist/es2019/ui/icons/TableRowMoveDownIcon.js +2 -0
- package/dist/es2019/ui/icons/TableRowMoveUpIcon.js +2 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/ui/ToolbarMenuContainer.compiled.css +3 -0
- package/dist/esm/ui/ToolbarMenuContainer.js +20 -0
- package/dist/esm/ui/ToolbarNestedDropdownMenu.js +2 -3
- package/dist/esm/ui/icons/CrossIcon.js +2 -0
- package/dist/esm/ui/icons/DeleteIcon.js +2 -0
- package/dist/esm/ui/icons/PaintBucketIcon.js +2 -0
- package/dist/esm/ui/icons/TableRowAddAboveIcon.js +2 -0
- package/dist/esm/ui/icons/TableRowAddBelowIcon.js +2 -0
- package/dist/esm/ui/icons/TableRowMoveDownIcon.js +2 -0
- package/dist/esm/ui/icons/TableRowMoveUpIcon.js +2 -0
- package/dist/types/index.d.ts +7 -0
- package/dist/types/ui/ToolbarMenuContainer.d.ts +16 -0
- package/dist/types/ui/icons/CrossIcon.d.ts +1 -0
- package/dist/types/ui/icons/DeleteIcon.d.ts +1 -0
- package/dist/types/ui/icons/PaintBucketIcon.d.ts +1 -0
- package/dist/types/ui/icons/TableRowAddAboveIcon.d.ts +1 -0
- package/dist/types/ui/icons/TableRowAddBelowIcon.d.ts +1 -0
- package/dist/types/ui/icons/TableRowMoveDownIcon.d.ts +1 -0
- package/dist/types/ui/icons/TableRowMoveUpIcon.d.ts +1 -0
- package/dist/types-ts4.5/index.d.ts +7 -0
- package/dist/types-ts4.5/ui/ToolbarMenuContainer.d.ts +16 -0
- package/dist/types-ts4.5/ui/icons/CrossIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/DeleteIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/PaintBucketIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/TableRowAddAboveIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/TableRowAddBelowIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/TableRowMoveDownIcon.d.ts +1 -0
- package/dist/types-ts4.5/ui/icons/TableRowMoveUpIcon.d.ts +1 -0
- package/package.json +2 -5
- package/toolbar-menu-container/package.json +17 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,32 @@
|
|
|
1
1
|
# @atlaskit/editor-toolbar
|
|
2
2
|
|
|
3
|
+
## 1.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`89a8af72aa2c9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89a8af72aa2c9) -
|
|
8
|
+
Add reusable toolbar menu container and render the layout column menu in a popup
|
|
9
|
+
|
|
10
|
+
## 1.2.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [`6403e27aa3327`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6403e27aa3327) -
|
|
15
|
+
Add the experimental table row menu structure, keyboard shortcut hints, and shared table menu
|
|
16
|
+
items. Expose table row menu icons through editor-toolbar. Ensure the UI control registry is
|
|
17
|
+
available before table row menu items are registered.
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- [`9b17a2bfdbc92`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9b17a2bfdbc92) -
|
|
22
|
+
Cleanup feature gates `platform_editor_block_menu_v2_patch_1` and
|
|
23
|
+
`platform_editor_block_menu_v2_patch_2`. The patch_1 behaviour (inline toolbar uses
|
|
24
|
+
`InlineToolbarMenuItemComponent` and block menu is only closed when
|
|
25
|
+
`extensionLocation === 'block-menu'`) and patch_2 behaviour (max-width styles on block menu,
|
|
26
|
+
tooltip/title-wrap on nested dropdown menus, truncation tooltip on dropdown items) are now
|
|
27
|
+
permanent.
|
|
28
|
+
- Updated dependencies
|
|
29
|
+
|
|
3
30
|
## 1.1.1
|
|
4
31
|
|
|
5
32
|
### Patch Changes
|
package/dist/cjs/index.js
CHANGED
|
@@ -142,12 +142,24 @@ Object.defineProperty(exports, "CommentIcon", {
|
|
|
142
142
|
return _CommentIcon.CommentIcon;
|
|
143
143
|
}
|
|
144
144
|
});
|
|
145
|
+
Object.defineProperty(exports, "CrossIcon", {
|
|
146
|
+
enumerable: true,
|
|
147
|
+
get: function get() {
|
|
148
|
+
return _CrossIcon.CrossIcon;
|
|
149
|
+
}
|
|
150
|
+
});
|
|
145
151
|
Object.defineProperty(exports, "DefineIcon", {
|
|
146
152
|
enumerable: true,
|
|
147
153
|
get: function get() {
|
|
148
154
|
return _DefineIcon.DefineIcon;
|
|
149
155
|
}
|
|
150
156
|
});
|
|
157
|
+
Object.defineProperty(exports, "DeleteIcon", {
|
|
158
|
+
enumerable: true,
|
|
159
|
+
get: function get() {
|
|
160
|
+
return _DeleteIcon.DeleteIcon;
|
|
161
|
+
}
|
|
162
|
+
});
|
|
151
163
|
Object.defineProperty(exports, "EmojiIcon", {
|
|
152
164
|
enumerable: true,
|
|
153
165
|
get: function get() {
|
|
@@ -268,6 +280,12 @@ Object.defineProperty(exports, "OutdentIcon", {
|
|
|
268
280
|
return _OutdentIcon.OutdentIcon;
|
|
269
281
|
}
|
|
270
282
|
});
|
|
283
|
+
Object.defineProperty(exports, "PaintBucketIcon", {
|
|
284
|
+
enumerable: true,
|
|
285
|
+
get: function get() {
|
|
286
|
+
return _PaintBucketIcon.PaintBucketIcon;
|
|
287
|
+
}
|
|
288
|
+
});
|
|
271
289
|
Object.defineProperty(exports, "PinIcon", {
|
|
272
290
|
enumerable: true,
|
|
273
291
|
get: function get() {
|
|
@@ -358,6 +376,30 @@ Object.defineProperty(exports, "TableIcon", {
|
|
|
358
376
|
return _TableIcon.TableIcon;
|
|
359
377
|
}
|
|
360
378
|
});
|
|
379
|
+
Object.defineProperty(exports, "TableRowAddAboveIcon", {
|
|
380
|
+
enumerable: true,
|
|
381
|
+
get: function get() {
|
|
382
|
+
return _TableRowAddAboveIcon.TableRowAddAboveIcon;
|
|
383
|
+
}
|
|
384
|
+
});
|
|
385
|
+
Object.defineProperty(exports, "TableRowAddBelowIcon", {
|
|
386
|
+
enumerable: true,
|
|
387
|
+
get: function get() {
|
|
388
|
+
return _TableRowAddBelowIcon.TableRowAddBelowIcon;
|
|
389
|
+
}
|
|
390
|
+
});
|
|
391
|
+
Object.defineProperty(exports, "TableRowMoveDownIcon", {
|
|
392
|
+
enumerable: true,
|
|
393
|
+
get: function get() {
|
|
394
|
+
return _TableRowMoveDownIcon.TableRowMoveDownIcon;
|
|
395
|
+
}
|
|
396
|
+
});
|
|
397
|
+
Object.defineProperty(exports, "TableRowMoveUpIcon", {
|
|
398
|
+
enumerable: true,
|
|
399
|
+
get: function get() {
|
|
400
|
+
return _TableRowMoveUpIcon.TableRowMoveUpIcon;
|
|
401
|
+
}
|
|
402
|
+
});
|
|
361
403
|
Object.defineProperty(exports, "TaskIcon", {
|
|
362
404
|
enumerable: true,
|
|
363
405
|
get: function get() {
|
|
@@ -553,6 +595,9 @@ var _LinkIcon = require("./ui/icons/LinkIcon");
|
|
|
553
595
|
var _ListBulletedIcon = require("./ui/icons/ListBulletedIcon");
|
|
554
596
|
var _ListNumberedIcon = require("./ui/icons/ListNumberedIcon");
|
|
555
597
|
var _MoreItemsIcon = require("./ui/icons/MoreItemsIcon");
|
|
598
|
+
var _CrossIcon = require("./ui/icons/CrossIcon");
|
|
599
|
+
var _DeleteIcon = require("./ui/icons/DeleteIcon");
|
|
600
|
+
var _PaintBucketIcon = require("./ui/icons/PaintBucketIcon");
|
|
556
601
|
var _PinIcon = require("./ui/icons/PinIcon");
|
|
557
602
|
var _PinnedIcon = require("./ui/icons/PinnedIcon");
|
|
558
603
|
var _QuoteIcon = require("./ui/icons/QuoteIcon");
|
|
@@ -577,6 +622,10 @@ var _LayoutIcon = require("./ui/icons/LayoutIcon");
|
|
|
577
622
|
var _ImageIcon = require("./ui/icons/ImageIcon");
|
|
578
623
|
var _MentionIcon = require("./ui/icons/MentionIcon");
|
|
579
624
|
var _TableIcon = require("./ui/icons/TableIcon");
|
|
625
|
+
var _TableRowAddAboveIcon = require("./ui/icons/TableRowAddAboveIcon");
|
|
626
|
+
var _TableRowAddBelowIcon = require("./ui/icons/TableRowAddBelowIcon");
|
|
627
|
+
var _TableRowMoveDownIcon = require("./ui/icons/TableRowMoveDownIcon");
|
|
628
|
+
var _TableRowMoveUpIcon = require("./ui/icons/TableRowMoveUpIcon");
|
|
580
629
|
var _TaskIcon = require("./ui/icons/TaskIcon");
|
|
581
630
|
var _UndoIcon = require("./ui/icons/UndoIcon");
|
|
582
631
|
var _RedoIcon = require("./ui/icons/RedoIcon");
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.ToolbarMenuContainer = void 0;
|
|
9
|
+
require("./ToolbarMenuContainer.compiled.css");
|
|
10
|
+
var _runtime = require("@compiled/react/runtime");
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _compiled = require("@atlaskit/primitives/compiled");
|
|
13
|
+
var styles = {
|
|
14
|
+
container: "_2rko12b0 _bfhk1bhr _16qs130s"
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Shared visual shell for popup-hosted editor toolbar menus.
|
|
18
|
+
*
|
|
19
|
+
* This intentionally does not provide a trigger or popup positioning; callers own those concerns.
|
|
20
|
+
*/
|
|
21
|
+
var ToolbarMenuContainer = exports.ToolbarMenuContainer = function ToolbarMenuContainer(_ref) {
|
|
22
|
+
var children = _ref.children;
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
24
|
+
xcss: styles.container,
|
|
25
|
+
"data-toolbar-component": "menu"
|
|
26
|
+
}, children);
|
|
27
|
+
};
|
|
@@ -13,7 +13,6 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _react2 = require("@compiled/react");
|
|
15
15
|
var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
18
17
|
var _ToolbarDropdownItem = require("./ToolbarDropdownItem");
|
|
19
18
|
var _ToolbarTooltip = require("./ToolbarTooltip");
|
|
@@ -57,9 +56,9 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
|
|
|
57
56
|
triggerRef: triggerProps.triggerRef,
|
|
58
57
|
hasNestedDropdownMenu: true,
|
|
59
58
|
isDisabled: isDisabled,
|
|
60
|
-
shouldTitleWrap:
|
|
59
|
+
shouldTitleWrap: shouldTitleWrap
|
|
61
60
|
}, text);
|
|
62
|
-
if (tooltipContent
|
|
61
|
+
if (tooltipContent) {
|
|
63
62
|
return /*#__PURE__*/React.createElement(_ToolbarTooltip.ToolbarTooltip, {
|
|
64
63
|
content: tooltipContent,
|
|
65
64
|
position: "top"
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "CrossIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _cross.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "DeleteIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _delete.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "PaintBucketIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _paintBucket.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _paintBucket = _interopRequireDefault(require("@atlaskit/icon/core/paint-bucket"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "TableRowAddAboveIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _tableRowAddAbove.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _tableRowAddAbove = _interopRequireDefault(require("@atlaskit/icon/core/table-row-add-above"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "TableRowAddBelowIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _tableRowAddBelow.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _tableRowAddBelow = _interopRequireDefault(require("@atlaskit/icon/core/table-row-add-below"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "TableRowMoveDownIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _tableRowMoveDown.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _tableRowMoveDown = _interopRequireDefault(require("@atlaskit/icon/core/table-row-move-down"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "TableRowMoveUpIcon", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _tableRowMoveUp.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _tableRowMoveUp = _interopRequireDefault(require("@atlaskit/icon/core/table-row-move-up"));
|
package/dist/es2019/index.js
CHANGED
|
@@ -44,6 +44,9 @@ export { LinkIcon } from './ui/icons/LinkIcon';
|
|
|
44
44
|
export { ListBulletedIcon } from './ui/icons/ListBulletedIcon';
|
|
45
45
|
export { ListNumberedIcon } from './ui/icons/ListNumberedIcon';
|
|
46
46
|
export { MoreItemsIcon } from './ui/icons/MoreItemsIcon';
|
|
47
|
+
export { CrossIcon } from './ui/icons/CrossIcon';
|
|
48
|
+
export { DeleteIcon } from './ui/icons/DeleteIcon';
|
|
49
|
+
export { PaintBucketIcon } from './ui/icons/PaintBucketIcon';
|
|
47
50
|
export { PinIcon } from './ui/icons/PinIcon';
|
|
48
51
|
export { PinnedIcon } from './ui/icons/PinnedIcon';
|
|
49
52
|
export { QuoteIcon } from './ui/icons/QuoteIcon';
|
|
@@ -68,6 +71,10 @@ export { LayoutIcon } from './ui/icons/LayoutIcon';
|
|
|
68
71
|
export { ImageIcon } from './ui/icons/ImageIcon';
|
|
69
72
|
export { MentionIcon } from './ui/icons/MentionIcon';
|
|
70
73
|
export { TableIcon } from './ui/icons/TableIcon';
|
|
74
|
+
export { TableRowAddAboveIcon } from './ui/icons/TableRowAddAboveIcon';
|
|
75
|
+
export { TableRowAddBelowIcon } from './ui/icons/TableRowAddBelowIcon';
|
|
76
|
+
export { TableRowMoveDownIcon } from './ui/icons/TableRowMoveDownIcon';
|
|
77
|
+
export { TableRowMoveUpIcon } from './ui/icons/TableRowMoveUpIcon';
|
|
71
78
|
export { TaskIcon } from './ui/icons/TaskIcon';
|
|
72
79
|
export { UndoIcon } from './ui/icons/UndoIcon';
|
|
73
80
|
export { RedoIcon } from './ui/icons/RedoIcon';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import "./ToolbarMenuContainer.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
const styles = {
|
|
7
|
+
container: "_2rko12b0 _bfhk1bhr _16qs130s"
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Shared visual shell for popup-hosted editor toolbar menus.
|
|
11
|
+
*
|
|
12
|
+
* This intentionally does not provide a trigger or popup positioning; callers own those concerns.
|
|
13
|
+
*/
|
|
14
|
+
export const ToolbarMenuContainer = ({
|
|
15
|
+
children
|
|
16
|
+
}) => {
|
|
17
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
18
|
+
xcss: styles.container,
|
|
19
|
+
"data-toolbar-component": "menu"
|
|
20
|
+
}, children);
|
|
21
|
+
};
|
|
@@ -5,7 +5,6 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
7
|
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
9
|
import { ToolbarDropdownItem } from './ToolbarDropdownItem';
|
|
11
10
|
import { ToolbarTooltip } from './ToolbarTooltip';
|
|
@@ -47,9 +46,9 @@ export const ToolbarNestedDropdownMenu = ({
|
|
|
47
46
|
triggerRef: triggerProps.triggerRef,
|
|
48
47
|
hasNestedDropdownMenu: true,
|
|
49
48
|
isDisabled: isDisabled,
|
|
50
|
-
shouldTitleWrap:
|
|
49
|
+
shouldTitleWrap: shouldTitleWrap
|
|
51
50
|
}, text);
|
|
52
|
-
if (tooltipContent
|
|
51
|
+
if (tooltipContent) {
|
|
53
52
|
return /*#__PURE__*/React.createElement(ToolbarTooltip, {
|
|
54
53
|
content: tooltipContent,
|
|
55
54
|
position: "top"
|
package/dist/esm/index.js
CHANGED
|
@@ -44,6 +44,9 @@ export { LinkIcon } from './ui/icons/LinkIcon';
|
|
|
44
44
|
export { ListBulletedIcon } from './ui/icons/ListBulletedIcon';
|
|
45
45
|
export { ListNumberedIcon } from './ui/icons/ListNumberedIcon';
|
|
46
46
|
export { MoreItemsIcon } from './ui/icons/MoreItemsIcon';
|
|
47
|
+
export { CrossIcon } from './ui/icons/CrossIcon';
|
|
48
|
+
export { DeleteIcon } from './ui/icons/DeleteIcon';
|
|
49
|
+
export { PaintBucketIcon } from './ui/icons/PaintBucketIcon';
|
|
47
50
|
export { PinIcon } from './ui/icons/PinIcon';
|
|
48
51
|
export { PinnedIcon } from './ui/icons/PinnedIcon';
|
|
49
52
|
export { QuoteIcon } from './ui/icons/QuoteIcon';
|
|
@@ -68,6 +71,10 @@ export { LayoutIcon } from './ui/icons/LayoutIcon';
|
|
|
68
71
|
export { ImageIcon } from './ui/icons/ImageIcon';
|
|
69
72
|
export { MentionIcon } from './ui/icons/MentionIcon';
|
|
70
73
|
export { TableIcon } from './ui/icons/TableIcon';
|
|
74
|
+
export { TableRowAddAboveIcon } from './ui/icons/TableRowAddAboveIcon';
|
|
75
|
+
export { TableRowAddBelowIcon } from './ui/icons/TableRowAddBelowIcon';
|
|
76
|
+
export { TableRowMoveDownIcon } from './ui/icons/TableRowMoveDownIcon';
|
|
77
|
+
export { TableRowMoveUpIcon } from './ui/icons/TableRowMoveUpIcon';
|
|
71
78
|
export { TaskIcon } from './ui/icons/TaskIcon';
|
|
72
79
|
export { UndoIcon } from './ui/icons/UndoIcon';
|
|
73
80
|
export { RedoIcon } from './ui/icons/RedoIcon';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
|
+
import "./ToolbarMenuContainer.compiled.css";
|
|
3
|
+
import { ax, ix } from "@compiled/react/runtime";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
var styles = {
|
|
7
|
+
container: "_2rko12b0 _bfhk1bhr _16qs130s"
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Shared visual shell for popup-hosted editor toolbar menus.
|
|
11
|
+
*
|
|
12
|
+
* This intentionally does not provide a trigger or popup positioning; callers own those concerns.
|
|
13
|
+
*/
|
|
14
|
+
export var ToolbarMenuContainer = function ToolbarMenuContainer(_ref) {
|
|
15
|
+
var children = _ref.children;
|
|
16
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
17
|
+
xcss: styles.container,
|
|
18
|
+
"data-toolbar-component": "menu"
|
|
19
|
+
}, children);
|
|
20
|
+
};
|
|
@@ -5,7 +5,6 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
7
|
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
9
|
import { ToolbarDropdownItem } from './ToolbarDropdownItem';
|
|
11
10
|
import { ToolbarTooltip } from './ToolbarTooltip';
|
|
@@ -48,9 +47,9 @@ export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref)
|
|
|
48
47
|
triggerRef: triggerProps.triggerRef,
|
|
49
48
|
hasNestedDropdownMenu: true,
|
|
50
49
|
isDisabled: isDisabled,
|
|
51
|
-
shouldTitleWrap:
|
|
50
|
+
shouldTitleWrap: shouldTitleWrap
|
|
52
51
|
}, text);
|
|
53
|
-
if (tooltipContent
|
|
52
|
+
if (tooltipContent) {
|
|
54
53
|
return /*#__PURE__*/React.createElement(ToolbarTooltip, {
|
|
55
54
|
content: tooltipContent,
|
|
56
55
|
position: "top"
|
package/dist/types/index.d.ts
CHANGED
|
@@ -43,6 +43,9 @@ export { LinkIcon } from './ui/icons/LinkIcon';
|
|
|
43
43
|
export { ListBulletedIcon } from './ui/icons/ListBulletedIcon';
|
|
44
44
|
export { ListNumberedIcon } from './ui/icons/ListNumberedIcon';
|
|
45
45
|
export { MoreItemsIcon } from './ui/icons/MoreItemsIcon';
|
|
46
|
+
export { CrossIcon } from './ui/icons/CrossIcon';
|
|
47
|
+
export { DeleteIcon } from './ui/icons/DeleteIcon';
|
|
48
|
+
export { PaintBucketIcon } from './ui/icons/PaintBucketIcon';
|
|
46
49
|
export { PinIcon } from './ui/icons/PinIcon';
|
|
47
50
|
export { PinnedIcon } from './ui/icons/PinnedIcon';
|
|
48
51
|
export { QuoteIcon } from './ui/icons/QuoteIcon';
|
|
@@ -67,6 +70,10 @@ export { LayoutIcon } from './ui/icons/LayoutIcon';
|
|
|
67
70
|
export { ImageIcon } from './ui/icons/ImageIcon';
|
|
68
71
|
export { MentionIcon } from './ui/icons/MentionIcon';
|
|
69
72
|
export { TableIcon } from './ui/icons/TableIcon';
|
|
73
|
+
export { TableRowAddAboveIcon } from './ui/icons/TableRowAddAboveIcon';
|
|
74
|
+
export { TableRowAddBelowIcon } from './ui/icons/TableRowAddBelowIcon';
|
|
75
|
+
export { TableRowMoveDownIcon } from './ui/icons/TableRowMoveDownIcon';
|
|
76
|
+
export { TableRowMoveUpIcon } from './ui/icons/TableRowMoveUpIcon';
|
|
70
77
|
export { TaskIcon } from './ui/icons/TaskIcon';
|
|
71
78
|
export { UndoIcon } from './ui/icons/UndoIcon';
|
|
72
79
|
export { RedoIcon } from './ui/icons/RedoIcon';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import type { ReactNode } from 'react';
|
|
7
|
+
type ToolbarMenuContainerProps = {
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Shared visual shell for popup-hosted editor toolbar menus.
|
|
12
|
+
*
|
|
13
|
+
* This intentionally does not provide a trigger or popup positioning; callers own those concerns.
|
|
14
|
+
*/
|
|
15
|
+
export declare const ToolbarMenuContainer: ({ children }: ToolbarMenuContainerProps) => React.JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as CrossIcon } from '@atlaskit/icon/core/cross';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DeleteIcon } from '@atlaskit/icon/core/delete';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PaintBucketIcon } from '@atlaskit/icon/core/paint-bucket';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableRowAddAboveIcon } from '@atlaskit/icon/core/table-row-add-above';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableRowAddBelowIcon } from '@atlaskit/icon/core/table-row-add-below';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableRowMoveDownIcon } from '@atlaskit/icon/core/table-row-move-down';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableRowMoveUpIcon } from '@atlaskit/icon/core/table-row-move-up';
|
|
@@ -43,6 +43,9 @@ export { LinkIcon } from './ui/icons/LinkIcon';
|
|
|
43
43
|
export { ListBulletedIcon } from './ui/icons/ListBulletedIcon';
|
|
44
44
|
export { ListNumberedIcon } from './ui/icons/ListNumberedIcon';
|
|
45
45
|
export { MoreItemsIcon } from './ui/icons/MoreItemsIcon';
|
|
46
|
+
export { CrossIcon } from './ui/icons/CrossIcon';
|
|
47
|
+
export { DeleteIcon } from './ui/icons/DeleteIcon';
|
|
48
|
+
export { PaintBucketIcon } from './ui/icons/PaintBucketIcon';
|
|
46
49
|
export { PinIcon } from './ui/icons/PinIcon';
|
|
47
50
|
export { PinnedIcon } from './ui/icons/PinnedIcon';
|
|
48
51
|
export { QuoteIcon } from './ui/icons/QuoteIcon';
|
|
@@ -67,6 +70,10 @@ export { LayoutIcon } from './ui/icons/LayoutIcon';
|
|
|
67
70
|
export { ImageIcon } from './ui/icons/ImageIcon';
|
|
68
71
|
export { MentionIcon } from './ui/icons/MentionIcon';
|
|
69
72
|
export { TableIcon } from './ui/icons/TableIcon';
|
|
73
|
+
export { TableRowAddAboveIcon } from './ui/icons/TableRowAddAboveIcon';
|
|
74
|
+
export { TableRowAddBelowIcon } from './ui/icons/TableRowAddBelowIcon';
|
|
75
|
+
export { TableRowMoveDownIcon } from './ui/icons/TableRowMoveDownIcon';
|
|
76
|
+
export { TableRowMoveUpIcon } from './ui/icons/TableRowMoveUpIcon';
|
|
70
77
|
export { TaskIcon } from './ui/icons/TaskIcon';
|
|
71
78
|
export { UndoIcon } from './ui/icons/UndoIcon';
|
|
72
79
|
export { RedoIcon } from './ui/icons/RedoIcon';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import type { ReactNode } from 'react';
|
|
7
|
+
type ToolbarMenuContainerProps = {
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Shared visual shell for popup-hosted editor toolbar menus.
|
|
12
|
+
*
|
|
13
|
+
* This intentionally does not provide a trigger or popup positioning; callers own those concerns.
|
|
14
|
+
*/
|
|
15
|
+
export declare const ToolbarMenuContainer: ({ children }: ToolbarMenuContainerProps) => React.JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as CrossIcon } from '@atlaskit/icon/core/cross';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DeleteIcon } from '@atlaskit/icon/core/delete';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PaintBucketIcon } from '@atlaskit/icon/core/paint-bucket';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableRowAddAboveIcon } from '@atlaskit/icon/core/table-row-add-above';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableRowAddBelowIcon } from '@atlaskit/icon/core/table-row-add-below';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableRowMoveDownIcon } from '@atlaskit/icon/core/table-row-move-down';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TableRowMoveUpIcon } from '@atlaskit/icon/core/table-row-move-up';
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org/"
|
|
5
5
|
},
|
|
6
|
-
"version": "1.
|
|
6
|
+
"version": "1.3.0",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"react-compiler": {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
38
38
|
"@atlaskit/popup": "^4.19.0",
|
|
39
39
|
"@atlaskit/primitives": "^19.0.0",
|
|
40
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
40
|
+
"@atlaskit/tmp-editor-statsig": "^80.0.0",
|
|
41
41
|
"@atlaskit/tokens": "^13.0.0",
|
|
42
42
|
"@atlaskit/tooltip": "^22.2.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
@@ -90,9 +90,6 @@
|
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
"platform-feature-flags": {
|
|
93
|
-
"platform_editor_block_menu_v2_patch_2": {
|
|
94
|
-
"type": "boolean"
|
|
95
|
-
},
|
|
96
93
|
"platform_editor_fix_t_at_is_not_a_function": {
|
|
97
94
|
"type": "boolean"
|
|
98
95
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/editor-toolbar/toolbar-menu-container",
|
|
3
|
+
"main": "../dist/cjs/ui/ToolbarMenuContainer.js",
|
|
4
|
+
"module": "../dist/esm/ui/ToolbarMenuContainer.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/ui/ToolbarMenuContainer.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/ui/ToolbarMenuContainer.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/ui/ToolbarMenuContainer.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|