@atlaskit/editor-toolbar 2.6.2 → 2.6.3
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 +10 -0
- package/dist/cjs/ui/ColorPalette/Color.js +5 -5
- package/dist/cjs/ui/ColorPalette/index.js +2 -2
- package/dist/cjs/ui/ToolbarDropdownItem.js +4 -4
- package/dist/cjs/ui/ToolbarDropdownItemSection.js +2 -2
- package/dist/cjs/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/cjs/ui/ToolbarKeyboardShortcutHint.js +1 -1
- package/dist/cjs/ui/ToolbarNestedDropdownMenu.js +4 -4
- package/dist/cjs/ui/ToolbarTooltip.js +2 -2
- package/dist/es2019/ui/ColorPalette/Color.js +2 -2
- package/dist/es2019/ui/ColorPalette/index.js +1 -1
- package/dist/es2019/ui/ToolbarDropdownItem.js +2 -2
- package/dist/es2019/ui/ToolbarDropdownItemSection.js +1 -1
- package/dist/es2019/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/es2019/ui/ToolbarKeyboardShortcutHint.js +1 -1
- package/dist/es2019/ui/ToolbarNestedDropdownMenu.js +2 -2
- package/dist/es2019/ui/ToolbarTooltip.js +1 -1
- package/dist/esm/ui/ColorPalette/Color.js +2 -2
- package/dist/esm/ui/ColorPalette/index.js +1 -1
- package/dist/esm/ui/ToolbarDropdownItem.js +2 -2
- package/dist/esm/ui/ToolbarDropdownItemSection.js +1 -1
- package/dist/esm/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/esm/ui/ToolbarKeyboardShortcutHint.js +1 -1
- package/dist/esm/ui/ToolbarNestedDropdownMenu.js +2 -2
- package/dist/esm/ui/ToolbarTooltip.js +1 -1
- package/dist/types/hooks/ui-context.d.ts +1 -1
- package/dist/types/types.d.ts +1 -1
- package/dist/types/ui/ToolbarButton.d.ts +1 -1
- package/dist/types/ui/ToolbarTooltip.d.ts +1 -1
- package/package.json +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/editor-toolbar
|
|
2
2
|
|
|
3
|
+
## 2.6.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`656801b9e097c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/656801b9e097c) -
|
|
8
|
+
VOLTC-331 - Migrate updated package usage in platform/editor: rewrite barrel imports of
|
|
9
|
+
voltCompliant provider packages to deep/subpath imports (consumer-side debarrel). No public API
|
|
10
|
+
changes.
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 2.6.2
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
|
@@ -11,9 +11,9 @@ require("./Color.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
|
|
14
|
-
var
|
|
14
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
15
15
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
16
|
-
var
|
|
16
|
+
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
17
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
18
18
|
var buttonWrapperStyles = null;
|
|
19
19
|
var buttonWrapperStylesNew = null;
|
|
@@ -51,8 +51,8 @@ var Color = exports.Color = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
51
51
|
e.preventDefault();
|
|
52
52
|
onKeyDown(value, label, e);
|
|
53
53
|
}, [onKeyDown, value, label]);
|
|
54
|
-
if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && (0,
|
|
55
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
54
|
+
if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && (0, _fg.fg)('platform_editor_lovability_text_bg_color_patch_1')) {
|
|
55
|
+
return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
56
56
|
content: label
|
|
57
57
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
58
58
|
className: (0, _runtime.ax)(["_2rko1qi0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858u1l7x _jyzf1l7x _4cvx1l7x"])
|
|
@@ -76,7 +76,7 @@ var Color = exports.Color = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
76
76
|
label: ""
|
|
77
77
|
}), decorator)));
|
|
78
78
|
}
|
|
79
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
79
|
+
return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
80
80
|
content: label
|
|
81
81
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
82
82
|
className: (0, _runtime.ax)(["_2rko12b0 _1h6d1j28 _1dqonqa1 _189ee4h9 _1e0c1txw _4cvr1h6o _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _858u1l7x _jyzf1l7x _4cvx1l7x"])
|
|
@@ -9,7 +9,7 @@ exports.default = void 0;
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _chromatism = _interopRequireDefault(require("chromatism"));
|
|
11
11
|
var _reactIntl = require("react-intl");
|
|
12
|
-
var
|
|
12
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
13
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
14
14
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
15
|
var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
|
|
@@ -72,7 +72,7 @@ var ColorPalette = function ColorPalette(_ref) {
|
|
|
72
72
|
var _useThemeObserver = (0, _useThemeObserver2.useThemeObserver)(),
|
|
73
73
|
tokenTheme = _useThemeObserver.colorMode;
|
|
74
74
|
var useIconToken = !!hexToPaletteColor;
|
|
75
|
-
var shouldUseInlineColorGap = (0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && (0,
|
|
75
|
+
var shouldUseInlineColorGap = (0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && (0, _fg.fg)('platform_editor_lovability_text_bg_color_patch_1');
|
|
76
76
|
|
|
77
77
|
// Refs for keyboard navigation
|
|
78
78
|
var paletteRef = (0, _react.useRef)(null);
|
|
@@ -14,8 +14,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
14
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
16
16
|
var _css = require("@atlaskit/css");
|
|
17
|
-
var
|
|
18
|
-
var
|
|
17
|
+
var _dropdownMenuItem = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item"));
|
|
18
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
19
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
20
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
21
|
var _ToolbarDropdownMenuContext = require("./ToolbarDropdownMenuContext");
|
|
@@ -69,7 +69,7 @@ var CustomDropdownMenuItemButton = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
|
69
69
|
"data-toolbar-component": "menu-item",
|
|
70
70
|
ref: ref,
|
|
71
71
|
title: (0, _expValEquals.expValEquals)('platform_editor_renderer_toolbar_updates', 'isEnabled', true) ? title : undefined,
|
|
72
|
-
"data-extension-item-key": (0,
|
|
72
|
+
"data-extension-item-key": (0, _fg.fg)('cc_blocks_changeboarding') ? dataExtensionItemKey : undefined
|
|
73
73
|
}, children);
|
|
74
74
|
});
|
|
75
75
|
var CustomDropdownMenuItemAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
|
|
@@ -155,7 +155,7 @@ var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdown
|
|
|
155
155
|
isDisabled: isDisabled
|
|
156
156
|
}));
|
|
157
157
|
}();
|
|
158
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
158
|
+
return /*#__PURE__*/_react.default.createElement(_dropdownMenuItem.default
|
|
159
159
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
160
160
|
, (0, _extends2.default)({
|
|
161
161
|
onClick: function onClick(e) {
|
|
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.ToolbarDropdownItemSection = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _dropdownMenuItemGroup = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu-item-group"));
|
|
10
10
|
var ToolbarDropdownItemSection = exports.ToolbarDropdownItemSection = function ToolbarDropdownItemSection(_ref) {
|
|
11
11
|
var children = _ref.children,
|
|
12
12
|
hasSeparator = _ref.hasSeparator,
|
|
13
13
|
title = _ref.title,
|
|
14
14
|
testId = _ref.testId;
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_dropdownMenuItemGroup.default, {
|
|
16
16
|
hasSeparator: hasSeparator,
|
|
17
17
|
title: title,
|
|
18
18
|
"data-toolbar-component": "menu-section",
|
|
@@ -11,7 +11,7 @@ require("./ToolbarDropdownMenu.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _react2 = require("@compiled/react");
|
|
14
|
-
var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
|
|
14
|
+
var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
|
|
15
15
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
16
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
17
|
var _uiContext = require("../hooks/ui-context");
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.ToolbarKeyboardShortcutHint = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _badge = _interopRequireDefault(require("@atlaskit/badge"));
|
|
9
|
+
var _badge = _interopRequireDefault(require("@atlaskit/badge/badge"));
|
|
10
10
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
11
11
|
var ToolbarKeyboardShortcutHint = exports.ToolbarKeyboardShortcutHint = function ToolbarKeyboardShortcutHint(_ref) {
|
|
12
12
|
var shortcut = _ref.shortcut,
|
|
@@ -12,8 +12,8 @@ require("./ToolbarNestedDropdownMenu.compiled.css");
|
|
|
12
12
|
var React = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _react2 = require("@compiled/react");
|
|
15
|
-
var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
|
|
16
|
-
var
|
|
15
|
+
var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu/dropdown-menu"));
|
|
16
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
17
17
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
18
18
|
var _ToolbarDropdownItem = require("./ToolbarDropdownItem");
|
|
19
19
|
var _ToolbarTooltip = require("./ToolbarTooltip");
|
|
@@ -41,7 +41,7 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
|
|
|
41
41
|
dataExtensionItemKey = _ref['data-extension-item-key'];
|
|
42
42
|
return /*#__PURE__*/React.createElement(_dropdownMenu.default, {
|
|
43
43
|
shouldFitContainer: shouldFitContainer,
|
|
44
|
-
shouldIgnoreCloseEvent: (0,
|
|
44
|
+
shouldIgnoreCloseEvent: (0, _fg.fg)('cc_blocks_changeboarding') ? shouldIgnoreCloseEvent : undefined,
|
|
45
45
|
placement: "right-start",
|
|
46
46
|
testId: dropdownTestId
|
|
47
47
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
@@ -62,7 +62,7 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
|
|
|
62
62
|
hasNestedDropdownMenu: true,
|
|
63
63
|
isDisabled: isDisabled,
|
|
64
64
|
shouldTitleWrap: shouldTitleWrap,
|
|
65
|
-
"data-extension-item-key": (0,
|
|
65
|
+
"data-extension-item-key": (0, _fg.fg)('cc_blocks_changeboarding') ? dataExtensionItemKey : undefined
|
|
66
66
|
}, text, elemAfterText);
|
|
67
67
|
if (tooltipContent) {
|
|
68
68
|
return /*#__PURE__*/React.createElement(_ToolbarTooltip.ToolbarTooltip, {
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ToolbarTooltip = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
10
|
-
var
|
|
10
|
+
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
11
11
|
var ToolbarTooltip = exports.ToolbarTooltip = function ToolbarTooltip(_ref) {
|
|
12
12
|
var content = _ref.content,
|
|
13
13
|
shortcut = _ref.shortcut,
|
|
@@ -15,7 +15,7 @@ var ToolbarTooltip = exports.ToolbarTooltip = function ToolbarTooltip(_ref) {
|
|
|
15
15
|
_ref$position = _ref.position,
|
|
16
16
|
position = _ref$position === void 0 ? 'top' : _ref$position,
|
|
17
17
|
delay = _ref.delay;
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
19
19
|
content: content,
|
|
20
20
|
position: position,
|
|
21
21
|
delay: delay,
|
|
@@ -3,9 +3,9 @@ import "./Color.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback, memo } from 'react';
|
|
5
5
|
import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
7
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
8
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
8
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
9
9
|
const buttonWrapperStyles = null;
|
|
10
10
|
const buttonWrapperStylesNew = null;
|
|
11
11
|
const buttonStyles = null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useMemo, useCallback, useRef, useEffect } from 'react';
|
|
2
2
|
import chromatism from 'chromatism';
|
|
3
3
|
import { useIntl } from 'react-intl';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
5
|
import { Grid, Inline } from '@atlaskit/primitives/compiled';
|
|
6
6
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
7
|
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
@@ -4,8 +4,8 @@ import "./ToolbarDropdownItem.compiled.css";
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React, { forwardRef, isValidElement, cloneElement } from 'react';
|
|
6
6
|
import { cx } from '@atlaskit/css';
|
|
7
|
-
import
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
9
|
import { Anchor, Box, Pressable } from '@atlaskit/primitives/compiled';
|
|
10
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
11
|
import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
|
|
@@ -3,7 +3,7 @@ import "./ToolbarDropdownMenu.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback } from 'react';
|
|
5
5
|
import { cx } from '@compiled/react';
|
|
6
|
-
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
6
|
+
import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
|
|
7
7
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
8
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
9
9
|
import { useToolbarUI } from '../hooks/ui-context';
|
|
@@ -4,8 +4,8 @@ import "./ToolbarNestedDropdownMenu.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
|
-
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
9
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
10
|
import { ToolbarDropdownItem } from './ToolbarDropdownItem';
|
|
11
11
|
import { ToolbarTooltip } from './ToolbarTooltip';
|
|
@@ -3,9 +3,9 @@ import "./Color.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback, memo } from 'react';
|
|
5
5
|
import EditorDoneIcon from '@atlaskit/icon/core/check-mark';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
7
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
8
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
8
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
9
9
|
var buttonWrapperStyles = null;
|
|
10
10
|
var buttonWrapperStylesNew = null;
|
|
11
11
|
var buttonStyles = null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useMemo, useCallback, useRef, useEffect } from 'react';
|
|
2
2
|
import chromatism from 'chromatism';
|
|
3
3
|
import { useIntl } from 'react-intl';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
5
|
import { Grid, Inline } from '@atlaskit/primitives/compiled';
|
|
6
6
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
7
|
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
@@ -10,8 +10,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
10
10
|
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) { _defineProperty(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; }
|
|
11
11
|
import React, { forwardRef, isValidElement, cloneElement } from 'react';
|
|
12
12
|
import { cx } from '@atlaskit/css';
|
|
13
|
-
import
|
|
14
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
|
+
import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
|
|
14
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
15
15
|
import { Anchor, Box, Pressable } from '@atlaskit/primitives/compiled';
|
|
16
16
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
17
17
|
import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
|
|
3
3
|
export var ToolbarDropdownItemSection = function ToolbarDropdownItemSection(_ref) {
|
|
4
4
|
var children = _ref.children,
|
|
5
5
|
hasSeparator = _ref.hasSeparator,
|
|
@@ -3,7 +3,7 @@ import "./ToolbarDropdownMenu.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback } from 'react';
|
|
5
5
|
import { cx } from '@compiled/react';
|
|
6
|
-
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
6
|
+
import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
|
|
7
7
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
8
8
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
9
9
|
import { useToolbarUI } from '../hooks/ui-context';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Badge from '@atlaskit/badge';
|
|
2
|
+
import Badge from '@atlaskit/badge/badge';
|
|
3
3
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
4
4
|
export var ToolbarKeyboardShortcutHint = function ToolbarKeyboardShortcutHint(_ref) {
|
|
5
5
|
var shortcut = _ref.shortcut,
|
|
@@ -4,8 +4,8 @@ import "./ToolbarNestedDropdownMenu.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
|
-
import DropdownMenu from '@atlaskit/dropdown-menu';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
9
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
10
|
import { ToolbarDropdownItem } from './ToolbarDropdownItem';
|
|
11
11
|
import { ToolbarTooltip } from './ToolbarTooltip';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
3
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
3
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
4
4
|
export var ToolbarTooltip = function ToolbarTooltip(_ref) {
|
|
5
5
|
var content = _ref.content,
|
|
6
6
|
shortcut = _ref.shortcut,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { OnOpenChangeArgs } from '@atlaskit/dropdown-menu';
|
|
2
|
+
import type { OnOpenChangeArgs } from '@atlaskit/dropdown-menu/types';
|
|
3
3
|
import type { ToolbarKeyboardNavigationProviderConfig } from '../types';
|
|
4
4
|
type AnalyticsEventPayload = {
|
|
5
5
|
action: string;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { NewCoreIconProps } from '@atlaskit/icon';
|
|
1
|
+
import type { NewCoreIconProps } from '@atlaskit/icon/types';
|
|
2
2
|
export type IconComponent = (props: NewCoreIconProps) => JSX.Element;
|
|
3
3
|
export type ToolbarKeyboardNavigationProviderConfig = {
|
|
4
4
|
ariaControls?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
|
-
import type { TriggerProps } from '@atlaskit/popup';
|
|
3
|
+
import type { TriggerProps } from '@atlaskit/popup/types';
|
|
4
4
|
type ToolbarButtonProps = Partial<TriggerProps> & {
|
|
5
5
|
ariaKeyshortcuts?: string;
|
|
6
6
|
children?: ReactNode;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org/"
|
|
5
5
|
},
|
|
6
|
-
"version": "2.6.
|
|
6
|
+
"version": "2.6.3",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"react-compiler": {
|
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
"@atlaskit/dropdown-menu": "^18.2.0",
|
|
35
35
|
"@atlaskit/icon": "^37.5.0",
|
|
36
36
|
"@atlaskit/icon-lab": "^7.7.0",
|
|
37
|
+
"@atlaskit/menu": "^10.1.0",
|
|
37
38
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
38
39
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
39
40
|
"@atlaskit/popup": "^6.2.0",
|