@atlaskit/editor-plugin-floating-toolbar 4.0.2 → 4.0.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 +13 -0
- package/dist/cjs/ui/CheckboxModal.js +3 -3
- package/dist/cjs/ui/ExpandButton.js +2 -2
- package/dist/cjs/ui/SimpleModal.js +2 -2
- package/dist/cjs/ui/Toolbar.js +2 -3
- package/dist/es2019/ui/CheckboxModal.js +1 -1
- package/dist/es2019/ui/ExpandButton.js +1 -1
- package/dist/es2019/ui/SimpleModal.js +1 -1
- package/dist/es2019/ui/Toolbar.js +2 -3
- package/dist/esm/ui/CheckboxModal.js +1 -1
- package/dist/esm/ui/ExpandButton.js +1 -1
- package/dist/esm/ui/SimpleModal.js +1 -1
- package/dist/esm/ui/Toolbar.js +2 -3
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-floating-toolbar
|
|
2
2
|
|
|
3
|
+
## 4.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#142352](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142352)
|
|
8
|
+
[`05903fde6d94d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/05903fde6d94d) -
|
|
9
|
+
Internal change to use Compiled variant of `@atlaskit/primitives`.
|
|
10
|
+
- [#141455](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141455)
|
|
11
|
+
[`8a8bd624345b5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8a8bd624345b5) -
|
|
12
|
+
[ED-27542] Clean up platform_editor_controls_patch_2 used for floating toolbar scroll left/right
|
|
13
|
+
buttons
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 4.0.2
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -13,7 +13,7 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
|
13
13
|
var _checkbox = require("@atlaskit/checkbox");
|
|
14
14
|
var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
|
|
15
15
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
16
|
-
var
|
|
16
|
+
var _compiled = require("@atlaskit/primitives/compiled");
|
|
17
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
19
|
var CheckboxModal = exports.CheckboxModal = function CheckboxModal(props) {
|
|
@@ -64,11 +64,11 @@ var CheckboxModal = exports.CheckboxModal = function CheckboxModal(props) {
|
|
|
64
64
|
testId: testId
|
|
65
65
|
}, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
|
|
66
66
|
appearance: "warning"
|
|
67
|
-
}, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(
|
|
67
|
+
}, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
68
68
|
as: "p"
|
|
69
69
|
}, options === null || options === void 0 ? void 0 : options.message), !!(childrenInfo !== null && childrenInfo !== void 0 && childrenInfo.length) && /*#__PURE__*/_react.default.createElement(ListComponent, {
|
|
70
70
|
nodes: childrenInfo
|
|
71
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
71
|
+
}), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
72
72
|
as: "p"
|
|
73
73
|
}, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
|
|
74
74
|
isChecked: isChecked,
|
|
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ExpandButton = ExpandButton;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
|
|
10
|
-
var
|
|
10
|
+
var _compiled = require("@atlaskit/primitives/compiled");
|
|
11
11
|
function ExpandButton() {
|
|
12
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
12
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
13
13
|
paddingInline: "space.075"
|
|
14
14
|
}, /*#__PURE__*/_react.default.createElement(_chevronRight.default, {
|
|
15
15
|
label: 'Edit'
|
|
@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
11
11
|
var _floatingToolbar = require("@atlaskit/editor-common/floating-toolbar");
|
|
12
12
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
13
|
-
var
|
|
13
|
+
var _compiled = require("@atlaskit/primitives/compiled");
|
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
var SimpleModal = exports.SimpleModal = function SimpleModal(props) {
|
|
@@ -27,7 +27,7 @@ var SimpleModal = exports.SimpleModal = function SimpleModal(props) {
|
|
|
27
27
|
testId: testId
|
|
28
28
|
}, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
|
|
29
29
|
appearance: "warning"
|
|
30
|
-
}, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(
|
|
30
|
+
}, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
31
31
|
as: "p"
|
|
32
32
|
}, options === null || options === void 0 ? void 0 : options.message)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
|
|
33
33
|
appearance: "default",
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -651,7 +651,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
|
|
|
651
651
|
scrollable = _this$props2.scrollable,
|
|
652
652
|
mediaAssistiveMessage = _this$props2.mediaAssistiveMessage;
|
|
653
653
|
var isEditorControlsEnabled = (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1');
|
|
654
|
-
var isEditorControlsPatch2Enabled = isEditorControlsEnabled && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_2');
|
|
655
654
|
if (!items || !items.length) {
|
|
656
655
|
return null;
|
|
657
656
|
}
|
|
@@ -687,7 +686,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
|
|
|
687
686
|
}, (0, _react2.jsx)(_ui.Announcer, {
|
|
688
687
|
text: mediaAssistiveMessage ? "".concat(mediaAssistiveMessage, ", ").concat(intl.formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer)) : intl.formatMessage(_floatingToolbar.messages.floatingToolbarAnnouncer),
|
|
689
688
|
delay: 250
|
|
690
|
-
}), scrollable &&
|
|
689
|
+
}), scrollable && isEditorControlsEnabled && (0, _react2.jsx)(_ScrollButton.ScrollButton, {
|
|
691
690
|
intl: intl,
|
|
692
691
|
scrollContainerRef: this.scrollContainerRef,
|
|
693
692
|
node: node,
|
|
@@ -712,7 +711,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
|
|
|
712
711
|
setDisableScroll: this.setDisableScroll.bind(this),
|
|
713
712
|
mountRef: this.mountRef,
|
|
714
713
|
mounted: this.state.mounted
|
|
715
|
-
}))), scrollable && (
|
|
714
|
+
}))), scrollable && (isEditorControlsEnabled ? (0, _react2.jsx)(_ScrollButton.ScrollButton, {
|
|
716
715
|
intl: intl,
|
|
717
716
|
scrollContainerRef: this.scrollContainerRef,
|
|
718
717
|
node: node,
|
|
@@ -4,7 +4,7 @@ import Button from '@atlaskit/button/new';
|
|
|
4
4
|
import { Checkbox } from '@atlaskit/checkbox';
|
|
5
5
|
import { messages } from '@atlaskit/editor-common/floating-toolbar';
|
|
6
6
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
|
|
7
|
-
import { Text } from '@atlaskit/primitives';
|
|
7
|
+
import { Text } from '@atlaskit/primitives/compiled';
|
|
8
8
|
export const CheckboxModal = props => {
|
|
9
9
|
var _options$getChildrenI;
|
|
10
10
|
const [isChecked, setCheckbox] = useState(false);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Icon from '@atlaskit/icon/utility/chevron-right';
|
|
3
|
-
import { Box } from '@atlaskit/primitives';
|
|
3
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
4
4
|
export function ExpandButton() {
|
|
5
5
|
return /*#__PURE__*/React.createElement(Box, {
|
|
6
6
|
paddingInline: "space.075"
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import Button from '@atlaskit/button/new';
|
|
3
3
|
import { messages } from '@atlaskit/editor-common/floating-toolbar';
|
|
4
4
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
|
|
5
|
-
import { Text } from '@atlaskit/primitives';
|
|
5
|
+
import { Text } from '@atlaskit/primitives/compiled';
|
|
6
6
|
export const SimpleModal = props => {
|
|
7
7
|
const {
|
|
8
8
|
onConfirm,
|
|
@@ -605,7 +605,6 @@ class Toolbar extends Component {
|
|
|
605
605
|
mediaAssistiveMessage
|
|
606
606
|
} = this.props;
|
|
607
607
|
const isEditorControlsEnabled = editorExperiment('platform_editor_controls', 'variant1');
|
|
608
|
-
const isEditorControlsPatch2Enabled = isEditorControlsEnabled && fg('platform_editor_controls_patch_2');
|
|
609
608
|
if (!items || !items.length) {
|
|
610
609
|
return null;
|
|
611
610
|
}
|
|
@@ -637,7 +636,7 @@ class Toolbar extends Component {
|
|
|
637
636
|
}, jsx(Announcer, {
|
|
638
637
|
text: mediaAssistiveMessage ? `${mediaAssistiveMessage}, ${intl.formatMessage(messages.floatingToolbarAnnouncer)}` : intl.formatMessage(messages.floatingToolbarAnnouncer),
|
|
639
638
|
delay: 250
|
|
640
|
-
}), scrollable &&
|
|
639
|
+
}), scrollable && isEditorControlsEnabled && jsx(ScrollButton, {
|
|
641
640
|
intl: intl,
|
|
642
641
|
scrollContainerRef: this.scrollContainerRef,
|
|
643
642
|
node: node,
|
|
@@ -662,7 +661,7 @@ class Toolbar extends Component {
|
|
|
662
661
|
setDisableScroll: this.setDisableScroll.bind(this),
|
|
663
662
|
mountRef: this.mountRef,
|
|
664
663
|
mounted: this.state.mounted
|
|
665
|
-
}))), scrollable && (
|
|
664
|
+
}))), scrollable && (isEditorControlsEnabled ? jsx(ScrollButton, {
|
|
666
665
|
intl: intl,
|
|
667
666
|
scrollContainerRef: this.scrollContainerRef,
|
|
668
667
|
node: node,
|
|
@@ -5,7 +5,7 @@ import Button from '@atlaskit/button/new';
|
|
|
5
5
|
import { Checkbox } from '@atlaskit/checkbox';
|
|
6
6
|
import { messages } from '@atlaskit/editor-common/floating-toolbar';
|
|
7
7
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
|
|
8
|
-
import { Text } from '@atlaskit/primitives';
|
|
8
|
+
import { Text } from '@atlaskit/primitives/compiled';
|
|
9
9
|
export var CheckboxModal = function CheckboxModal(props) {
|
|
10
10
|
var _options$getChildrenI;
|
|
11
11
|
var _useState = useState(false),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Icon from '@atlaskit/icon/utility/chevron-right';
|
|
3
|
-
import { Box } from '@atlaskit/primitives';
|
|
3
|
+
import { Box } from '@atlaskit/primitives/compiled';
|
|
4
4
|
export function ExpandButton() {
|
|
5
5
|
return /*#__PURE__*/React.createElement(Box, {
|
|
6
6
|
paddingInline: "space.075"
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import Button from '@atlaskit/button/new';
|
|
3
3
|
import { messages } from '@atlaskit/editor-common/floating-toolbar';
|
|
4
4
|
import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
|
|
5
|
-
import { Text } from '@atlaskit/primitives';
|
|
5
|
+
import { Text } from '@atlaskit/primitives/compiled';
|
|
6
6
|
export var SimpleModal = function SimpleModal(props) {
|
|
7
7
|
var onConfirm = props.onConfirm,
|
|
8
8
|
onClose = props.onClose,
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -644,7 +644,6 @@ var Toolbar = /*#__PURE__*/function (_Component) {
|
|
|
644
644
|
scrollable = _this$props2.scrollable,
|
|
645
645
|
mediaAssistiveMessage = _this$props2.mediaAssistiveMessage;
|
|
646
646
|
var isEditorControlsEnabled = editorExperiment('platform_editor_controls', 'variant1');
|
|
647
|
-
var isEditorControlsPatch2Enabled = isEditorControlsEnabled && fg('platform_editor_controls_patch_2');
|
|
648
647
|
if (!items || !items.length) {
|
|
649
648
|
return null;
|
|
650
649
|
}
|
|
@@ -680,7 +679,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
|
|
|
680
679
|
}, jsx(Announcer, {
|
|
681
680
|
text: mediaAssistiveMessage ? "".concat(mediaAssistiveMessage, ", ").concat(intl.formatMessage(messages.floatingToolbarAnnouncer)) : intl.formatMessage(messages.floatingToolbarAnnouncer),
|
|
682
681
|
delay: 250
|
|
683
|
-
}), scrollable &&
|
|
682
|
+
}), scrollable && isEditorControlsEnabled && jsx(ScrollButton, {
|
|
684
683
|
intl: intl,
|
|
685
684
|
scrollContainerRef: this.scrollContainerRef,
|
|
686
685
|
node: node,
|
|
@@ -705,7 +704,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
|
|
|
705
704
|
setDisableScroll: this.setDisableScroll.bind(this),
|
|
706
705
|
mountRef: this.mountRef,
|
|
707
706
|
mounted: this.state.mounted
|
|
708
|
-
}))), scrollable && (
|
|
707
|
+
}))), scrollable && (isEditorControlsEnabled ? jsx(ScrollButton, {
|
|
709
708
|
intl: intl,
|
|
710
709
|
scrollContainerRef: this.scrollContainerRef,
|
|
711
710
|
node: node,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-floating-toolbar",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.3",
|
|
4
4
|
"description": "Floating toolbar plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"@atlaskit/adf-utils": "^19.19.0",
|
|
29
29
|
"@atlaskit/button": "^23.0.0",
|
|
30
30
|
"@atlaskit/checkbox": "^17.0.0",
|
|
31
|
-
"@atlaskit/editor-common": "^103.
|
|
31
|
+
"@atlaskit/editor-common": "^103.12.0",
|
|
32
32
|
"@atlaskit/editor-palette": "^2.1.0",
|
|
33
33
|
"@atlaskit/editor-plugin-context-panel": "^4.0.0",
|
|
34
34
|
"@atlaskit/editor-plugin-copy-button": "^2.0.0",
|
|
@@ -133,9 +133,6 @@
|
|
|
133
133
|
"platform_editor_fix_floating_toolbar_scrollbar": {
|
|
134
134
|
"type": "boolean"
|
|
135
135
|
},
|
|
136
|
-
"platform_editor_controls_patch_2": {
|
|
137
|
-
"type": "boolean"
|
|
138
|
-
},
|
|
139
136
|
"platform_editor_controls_patch_4": {
|
|
140
137
|
"type": "boolean"
|
|
141
138
|
},
|