@atlaskit/editor-plugin-floating-toolbar 29.0.6 → 30.0.1
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 +12 -0
- package/dist/cjs/ui/CheckboxModal.js +3 -3
- package/dist/cjs/ui/EmojiPickerButton.js +2 -2
- package/dist/cjs/ui/ScrollButton.js +8 -5
- package/dist/cjs/ui/SimpleModal.js +2 -2
- package/dist/es2019/ui/CheckboxModal.js +1 -1
- package/dist/es2019/ui/EmojiPickerButton.js +1 -1
- package/dist/es2019/ui/ScrollButton.js +3 -1
- package/dist/es2019/ui/SimpleModal.js +1 -1
- package/dist/esm/ui/CheckboxModal.js +1 -1
- package/dist/esm/ui/EmojiPickerButton.js +1 -1
- package/dist/esm/ui/ScrollButton.js +3 -1
- package/dist/esm/ui/SimpleModal.js +1 -1
- package/dist/types/ui/EmojiPickerButton.d.ts +1 -1
- package/package.json +16 -16
package/CHANGELOG.md
CHANGED
|
@@ -17,7 +17,7 @@ var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-
|
|
|
17
17
|
var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
|
|
18
18
|
var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
|
|
19
19
|
var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
|
|
20
|
-
var
|
|
20
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
21
21
|
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); }
|
|
22
22
|
var CheckboxModal = exports.CheckboxModal = function CheckboxModal(props) {
|
|
23
23
|
var _options$getChildrenI;
|
|
@@ -69,11 +69,11 @@ var CheckboxModal = exports.CheckboxModal = function CheckboxModal(props) {
|
|
|
69
69
|
hasCloseButton: true
|
|
70
70
|
}, /*#__PURE__*/_react.default.createElement(_modalTitle.default, {
|
|
71
71
|
appearance: "warning"
|
|
72
|
-
}, heading)), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(
|
|
72
|
+
}, heading)), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
73
73
|
as: "p"
|
|
74
74
|
}, options === null || options === void 0 ? void 0 : options.message), !!(childrenInfo !== null && childrenInfo !== void 0 && childrenInfo.length) && /*#__PURE__*/_react.default.createElement(ListComponent, {
|
|
75
75
|
nodes: childrenInfo
|
|
76
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
76
|
+
}), /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
77
77
|
as: "p"
|
|
78
78
|
}, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
|
|
79
79
|
isChecked: isChecked
|
|
@@ -14,7 +14,7 @@ var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
|
|
|
14
14
|
var _uiReact = require("@atlaskit/editor-common/ui-react");
|
|
15
15
|
var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners"));
|
|
16
16
|
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
|
|
17
|
-
var
|
|
17
|
+
var _emojiPicker = require("@atlaskit/emoji/emoji-picker");
|
|
18
18
|
var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/emoji-add"));
|
|
19
19
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
20
20
|
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); }
|
|
@@ -46,7 +46,7 @@ var EmojiPickerWithProvider = function EmojiPickerWithProvider(props) {
|
|
|
46
46
|
if (!emojiProvider) {
|
|
47
47
|
return null;
|
|
48
48
|
}
|
|
49
|
-
return (0, _react2.jsx)(
|
|
49
|
+
return (0, _react2.jsx)(_emojiPicker.EmojiPicker, {
|
|
50
50
|
emojiProvider: Promise.resolve(emojiProvider),
|
|
51
51
|
onSelection: props.updateEmoji,
|
|
52
52
|
onPickerRef: setOutsideClickTargetRef
|
|
@@ -14,23 +14,26 @@ var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
|
|
|
14
14
|
var _messages = _interopRequireDefault(require("@atlaskit/editor-common/floating-toolbar/messages"));
|
|
15
15
|
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
|
|
16
16
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
17
|
-
var
|
|
17
|
+
var _box = require("@atlaskit/primitives/box");
|
|
18
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
18
19
|
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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
19
20
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
20
21
|
|
|
21
|
-
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
23
|
+
|
|
24
|
+
var rightSideStyles = (0, _xcss.xcss)({
|
|
22
25
|
borderLeft: "solid ".concat("var(--ds-border, #0B120E24)", " 1px"),
|
|
23
26
|
right: 'space.0',
|
|
24
27
|
borderTopRightRadius: 'radius.small',
|
|
25
28
|
borderBottomRightRadius: 'radius.small'
|
|
26
29
|
});
|
|
27
|
-
var leftSideStyles = (0,
|
|
30
|
+
var leftSideStyles = (0, _xcss.xcss)({
|
|
28
31
|
borderRight: "solid ".concat("var(--ds-border, #0B120E24)", " 1px"),
|
|
29
32
|
left: 'space.0',
|
|
30
33
|
borderTopLeftRadius: 'radius.small',
|
|
31
34
|
borderBottomLeftRadius: 'radius.small'
|
|
32
35
|
});
|
|
33
|
-
var buttonCommonStyles = (0,
|
|
36
|
+
var buttonCommonStyles = (0, _xcss.xcss)({
|
|
34
37
|
backgroundColor: 'elevation.surface.overlay',
|
|
35
38
|
zIndex: '1',
|
|
36
39
|
position: 'absolute'
|
|
@@ -132,7 +135,7 @@ var ScrollButton = exports.ScrollButton = function ScrollButton(_ref) {
|
|
|
132
135
|
}
|
|
133
136
|
}, [node.type, scrollContainerRef]);
|
|
134
137
|
var Icon = side === 'left' ? _chevronLeft.default : _chevronRight.default;
|
|
135
|
-
return needScroll && (side === 'left' && canScrollToSide || side === 'right' && canScrollToSide) && /*#__PURE__*/_react.default.createElement(
|
|
138
|
+
return needScroll && (side === 'left' && canScrollToSide || side === 'right' && canScrollToSide) && /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
136
139
|
padding: "space.050"
|
|
137
140
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
|
|
138
141
|
,
|
|
@@ -13,7 +13,7 @@ var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-
|
|
|
13
13
|
var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
|
|
14
14
|
var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
|
|
15
15
|
var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
|
|
16
|
-
var
|
|
16
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
17
17
|
var SimpleModal = exports.SimpleModal = function SimpleModal(props) {
|
|
18
18
|
var onConfirm = props.onConfirm,
|
|
19
19
|
onClose = props.onClose,
|
|
@@ -30,7 +30,7 @@ var SimpleModal = exports.SimpleModal = function SimpleModal(props) {
|
|
|
30
30
|
hasCloseButton: true
|
|
31
31
|
}, /*#__PURE__*/_react.default.createElement(_modalTitle.default, {
|
|
32
32
|
appearance: "warning"
|
|
33
|
-
}, heading)), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(
|
|
33
|
+
}, heading)), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
34
34
|
as: "p"
|
|
35
35
|
}, options === null || options === void 0 ? void 0 : options.message)), /*#__PURE__*/_react.default.createElement(_modalFooter.default, null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
36
36
|
appearance: "default",
|
|
@@ -8,7 +8,7 @@ import Modal from '@atlaskit/modal-dialog/modal-dialog';
|
|
|
8
8
|
import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
|
|
9
9
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
10
10
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
11
|
-
import { Text } from '@atlaskit/primitives/compiled';
|
|
11
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
12
12
|
export const CheckboxModal = props => {
|
|
13
13
|
var _options$getChildrenI;
|
|
14
14
|
const [isChecked, setCheckbox] = useState(false);
|
|
@@ -11,7 +11,7 @@ import Popup from '@atlaskit/editor-common/Popup';
|
|
|
11
11
|
import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
|
|
12
12
|
import withReactEditorViewOuterListeners from '@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners';
|
|
13
13
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
14
|
-
import { EmojiPicker } from '@atlaskit/emoji';
|
|
14
|
+
import { EmojiPicker } from '@atlaskit/emoji/emoji-picker';
|
|
15
15
|
import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
|
|
16
16
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
17
17
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
@@ -6,7 +6,9 @@ import messages from '@atlaskit/editor-common/floating-toolbar/messages';
|
|
|
6
6
|
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
7
7
|
import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
|
|
8
8
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
9
|
-
import { Box
|
|
9
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
10
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
11
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
10
12
|
const rightSideStyles = xcss({
|
|
11
13
|
borderLeft: `solid ${"var(--ds-border, #0B120E24)"} 1px`,
|
|
12
14
|
right: 'space.0',
|
|
@@ -6,7 +6,7 @@ import Modal from '@atlaskit/modal-dialog/modal-dialog';
|
|
|
6
6
|
import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
|
|
7
7
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
8
8
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
9
|
-
import { Text } from '@atlaskit/primitives/compiled';
|
|
9
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
10
10
|
export const SimpleModal = props => {
|
|
11
11
|
const {
|
|
12
12
|
onConfirm,
|
|
@@ -9,7 +9,7 @@ import Modal from '@atlaskit/modal-dialog/modal-dialog';
|
|
|
9
9
|
import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
|
|
10
10
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
11
11
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
12
|
-
import { Text } from '@atlaskit/primitives/compiled';
|
|
12
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
13
13
|
export var CheckboxModal = function CheckboxModal(props) {
|
|
14
14
|
var _options$getChildrenI;
|
|
15
15
|
var _useState = useState(false),
|
|
@@ -12,7 +12,7 @@ import Popup from '@atlaskit/editor-common/Popup';
|
|
|
12
12
|
import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
|
|
13
13
|
import withReactEditorViewOuterListeners from '@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners';
|
|
14
14
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
15
|
-
import { EmojiPicker } from '@atlaskit/emoji';
|
|
15
|
+
import { EmojiPicker } from '@atlaskit/emoji/emoji-picker';
|
|
16
16
|
import EmojiAddIcon from '@atlaskit/icon/core/emoji-add';
|
|
17
17
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
18
18
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
@@ -7,7 +7,9 @@ import messages from '@atlaskit/editor-common/floating-toolbar/messages';
|
|
|
7
7
|
import ChevronLeftLargeIcon from '@atlaskit/icon/core/chevron-left';
|
|
8
8
|
import ChevronRightLargeIcon from '@atlaskit/icon/core/chevron-right';
|
|
9
9
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
10
|
-
import { Box
|
|
10
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
11
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
12
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
11
13
|
var rightSideStyles = xcss({
|
|
12
14
|
borderLeft: "solid ".concat("var(--ds-border, #0B120E24)", " 1px"),
|
|
13
15
|
right: 'space.0',
|
|
@@ -6,7 +6,7 @@ import Modal from '@atlaskit/modal-dialog/modal-dialog';
|
|
|
6
6
|
import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
|
|
7
7
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
8
8
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
9
|
-
import { Text } from '@atlaskit/primitives/compiled';
|
|
9
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
10
10
|
export var SimpleModal = function SimpleModal(props) {
|
|
11
11
|
var onConfirm = props.onConfirm,
|
|
12
12
|
onClose = props.onClose,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type ProviderFactory from '@atlaskit/editor-common/provider-factory/provider-factory';
|
|
2
2
|
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
|
|
3
3
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
4
|
-
import type { EmojiId } from '@atlaskit/emoji';
|
|
4
|
+
import type { EmojiId } from '@atlaskit/emoji/types';
|
|
5
5
|
import type { FloatingToolbarPlugin } from '../floatingToolbarPluginType';
|
|
6
6
|
type EmojiPickerButtonReturnType = (props: {
|
|
7
7
|
className?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-floating-toolbar",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "30.0.1",
|
|
4
4
|
"description": "Floating toolbar plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -25,26 +25,26 @@
|
|
|
25
25
|
"@atlaskit/button": "^25.4.0",
|
|
26
26
|
"@atlaskit/checkbox": "^19.3.0",
|
|
27
27
|
"@atlaskit/editor-palette": "^3.5.0",
|
|
28
|
-
"@atlaskit/editor-plugin-analytics": "^
|
|
29
|
-
"@atlaskit/editor-plugin-context-panel": "^
|
|
30
|
-
"@atlaskit/editor-plugin-copy-button": "^
|
|
31
|
-
"@atlaskit/editor-plugin-decorations": "^
|
|
32
|
-
"@atlaskit/editor-plugin-editor-disabled": "^
|
|
33
|
-
"@atlaskit/editor-plugin-editor-viewmode": "^
|
|
34
|
-
"@atlaskit/editor-plugin-emoji": "^
|
|
35
|
-
"@atlaskit/editor-plugin-extension": "^
|
|
36
|
-
"@atlaskit/editor-plugin-interaction": "^
|
|
37
|
-
"@atlaskit/editor-plugin-user-intent": "^
|
|
28
|
+
"@atlaskit/editor-plugin-analytics": "^28.0.0",
|
|
29
|
+
"@atlaskit/editor-plugin-context-panel": "^30.0.0",
|
|
30
|
+
"@atlaskit/editor-plugin-copy-button": "^28.0.0",
|
|
31
|
+
"@atlaskit/editor-plugin-decorations": "^28.0.0",
|
|
32
|
+
"@atlaskit/editor-plugin-editor-disabled": "^28.0.0",
|
|
33
|
+
"@atlaskit/editor-plugin-editor-viewmode": "^30.0.0",
|
|
34
|
+
"@atlaskit/editor-plugin-emoji": "^29.0.0",
|
|
35
|
+
"@atlaskit/editor-plugin-extension": "^31.0.0",
|
|
36
|
+
"@atlaskit/editor-plugin-interaction": "^42.0.0",
|
|
37
|
+
"@atlaskit/editor-plugin-user-intent": "^26.0.0",
|
|
38
38
|
"@atlaskit/editor-prosemirror": "^9.0.0",
|
|
39
|
-
"@atlaskit/emoji": "^
|
|
39
|
+
"@atlaskit/emoji": "^73.0.0",
|
|
40
40
|
"@atlaskit/icon": "^38.0.0",
|
|
41
41
|
"@atlaskit/menu": "^11.0.0",
|
|
42
|
-
"@atlaskit/modal-dialog": "^17.
|
|
42
|
+
"@atlaskit/modal-dialog": "^17.1.0",
|
|
43
43
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
45
|
-
"@atlaskit/primitives": "^22.
|
|
45
|
+
"@atlaskit/primitives": "^22.6.0",
|
|
46
46
|
"@atlaskit/select": "^23.1.0",
|
|
47
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
47
|
+
"@atlaskit/tmp-editor-statsig": "^241.0.0",
|
|
48
48
|
"@atlaskit/tokens": "^20.6.0",
|
|
49
49
|
"@atlaskit/tooltip": "^24.4.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"react-loosely-lazy": "^1.0.0"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
|
-
"@atlaskit/editor-common": "^
|
|
59
|
+
"@atlaskit/editor-common": "^132.0.0",
|
|
60
60
|
"react": "^18.2.0 || ^19.2.0",
|
|
61
61
|
"react-dom": "^18.2.0 || ^19.2.0",
|
|
62
62
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|