@atlaskit/editor-plugin-tasks-and-decisions 10.0.0 → 10.1.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 +25 -0
- package/dist/cjs/nodeviews/taskItemNodeSpec.js +39 -18
- package/dist/cjs/tasksAndDecisionsPlugin.js +10 -0
- package/dist/cjs/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js +0 -5
- package/dist/cjs/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js +0 -5
- package/dist/es2019/nodeviews/taskItemNodeSpec.js +40 -19
- package/dist/es2019/tasksAndDecisionsPlugin.js +20 -6
- package/dist/es2019/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js +0 -5
- package/dist/es2019/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js +0 -5
- package/dist/esm/nodeviews/taskItemNodeSpec.js +39 -18
- package/dist/esm/tasksAndDecisionsPlugin.js +10 -0
- package/dist/esm/ui/DecisionListBlockMenuItem/DecisionListBlockMenuItem.js +0 -5
- package/dist/esm/ui/TaskListBlockMenuItem/TaskListBlockMenuItem.js +0 -5
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-tasks-and-decisions
|
|
2
2
|
|
|
3
|
+
## 10.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`7c8501566cbe0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7c8501566cbe0) -
|
|
8
|
+
improve task item styles by using 1 inline svg instead of 2
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 10.0.2
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [`b909e5f47ea91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b909e5f47ea91) -
|
|
19
|
+
EDITOR-4159 Make sure block-menu-item type component return null when tranform disabled
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
22
|
+
## 10.0.1
|
|
23
|
+
|
|
24
|
+
### Patch Changes
|
|
25
|
+
|
|
26
|
+
- Updated dependencies
|
|
27
|
+
|
|
3
28
|
## 10.0.0
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -91,23 +91,27 @@ function taskItemToDom(node, placeholder, intl) {
|
|
|
91
91
|
'data-empty': 'true'
|
|
92
92
|
} : {};
|
|
93
93
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
'data-component': '
|
|
100
|
-
}, ['
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
'
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
94
|
+
var checkboxIcons = (0, _expValEquals.expValEquals)('platform_editor_task_item_styles', 'isEnabled', true) ? ['http://www.w3.org/2000/svg svg', {
|
|
95
|
+
width: '20',
|
|
96
|
+
height: '20',
|
|
97
|
+
viewBox: '2 2 20 20',
|
|
98
|
+
role: 'presentation',
|
|
99
|
+
'data-component': 'checkbox-icon'
|
|
100
|
+
}, ['http://www.w3.org/2000/svg g', {
|
|
101
|
+
'fill-rule': 'evenodd'
|
|
102
|
+
}, ['http://www.w3.org/2000/svg rect', {
|
|
103
|
+
fill: 'currentcolor',
|
|
104
|
+
x: '5.5',
|
|
105
|
+
y: '5.5',
|
|
106
|
+
width: '13',
|
|
107
|
+
height: '13',
|
|
108
|
+
rx: '1.5'
|
|
109
|
+
}], ['http://www.w3.org/2000/svg path', {
|
|
110
|
+
'fill-rule': 'evenodd',
|
|
111
|
+
'clip-rule': 'evenodd',
|
|
112
|
+
d: 'm16.326 9.48-1.152-.96-4.424 5.308-1.924-2.308-1.152.96 2.5 3a.75.75 0 0 0 1.152 0z',
|
|
113
|
+
fill: 'inherit'
|
|
114
|
+
}]]] : ['span', {
|
|
111
115
|
'aria-hidden': true,
|
|
112
116
|
'data-component': 'checkbox-icon-wrap'
|
|
113
117
|
}, ['http://www.w3.org/2000/svg svg', {
|
|
@@ -137,7 +141,24 @@ function taskItemToDom(node, placeholder, intl) {
|
|
|
137
141
|
'fill-rule': 'evenodd',
|
|
138
142
|
'clip-rule': 'evenodd',
|
|
139
143
|
d: 'M3 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm9.326 4.48-1.152-.96L6.75 9.828 4.826 7.52l-1.152.96 2.5 3a.75.75 0 0 0 1.152 0z'
|
|
140
|
-
}]]]
|
|
144
|
+
}]]];
|
|
145
|
+
return ['div', _objectSpread(_objectSpread({
|
|
146
|
+
class: "".concat(_styles.TaskDecisionSharedCssClassName.TASK_CONTAINER)
|
|
147
|
+
}, dataAttrs), {}, {
|
|
148
|
+
state: node.attrs.state
|
|
149
|
+
}), ['div', {
|
|
150
|
+
'data-component': 'task-item-main'
|
|
151
|
+
}, ['span', {
|
|
152
|
+
contenteditable: 'false',
|
|
153
|
+
class: "".concat(_styles.TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER),
|
|
154
|
+
'data-component': 'task-item-input-wrap'
|
|
155
|
+
}, ['input', _objectSpread(_objectSpread({}, inputAttrs), {}, {
|
|
156
|
+
'data-input-type': 'task-item',
|
|
157
|
+
'data-task-input': true,
|
|
158
|
+
'data-testid': 'task-item-checkbox',
|
|
159
|
+
'data-component': 'task-item-input',
|
|
160
|
+
role: 'checkbox'
|
|
161
|
+
})], checkboxIcons], ['span', {
|
|
141
162
|
class: 'placeholder-node-view',
|
|
142
163
|
'data-testid': 'task-decision-item-placeholder',
|
|
143
164
|
'data-component': 'placeholder',
|
|
@@ -42,6 +42,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
42
42
|
// Ignored via go/ees005
|
|
43
43
|
// eslint-disable-next-line import/no-named-as-default
|
|
44
44
|
var taskDecisionToolbarGroupStyles = null;
|
|
45
|
+
var TASK_LIST_NODE_NAME = 'taskList';
|
|
46
|
+
var DECISION_LIST_NODE_NAME = 'decisionList';
|
|
45
47
|
var addItem = function addItem(insert, listType, schema) {
|
|
46
48
|
return function (_ref) {
|
|
47
49
|
var listLocalId = _ref.listLocalId,
|
|
@@ -139,6 +141,10 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
|
|
|
139
141
|
return /*#__PURE__*/React.createElement(_TaskListBlockMenuItem.TaskListBlockMenuItem, {
|
|
140
142
|
api: api
|
|
141
143
|
});
|
|
144
|
+
},
|
|
145
|
+
isHidden: function isHidden() {
|
|
146
|
+
var _api$blockMenu2;
|
|
147
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(TASK_LIST_NODE_NAME));
|
|
142
148
|
}
|
|
143
149
|
}, {
|
|
144
150
|
type: 'block-menu-item',
|
|
@@ -152,6 +158,10 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
|
|
|
152
158
|
return /*#__PURE__*/React.createElement(_DecisionListBlockMenuItem.DecisionListBlockMenuItem, {
|
|
153
159
|
api: api
|
|
154
160
|
});
|
|
161
|
+
},
|
|
162
|
+
isHidden: function isHidden() {
|
|
163
|
+
var _api$blockMenu3;
|
|
164
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu3 = api.blockMenu) === null || _api$blockMenu3 === void 0 ? void 0 : _api$blockMenu3.actions.isTransformOptionDisabled(DECISION_LIST_NODE_NAME));
|
|
155
165
|
}
|
|
156
166
|
}]);
|
|
157
167
|
}
|
|
@@ -13,7 +13,6 @@ var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
|
13
13
|
var _decision = _interopRequireDefault(require("@atlaskit/icon/core/decision"));
|
|
14
14
|
var NODE_NAME = 'decisionList';
|
|
15
15
|
var DecisionListBlockMenuItem = exports.DecisionListBlockMenuItem = function DecisionListBlockMenuItem(_ref) {
|
|
16
|
-
var _api$blockMenu2;
|
|
17
16
|
var api = _ref.api;
|
|
18
17
|
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
19
18
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -33,10 +32,6 @@ var DecisionListBlockMenuItem = exports.DecisionListBlockMenuItem = function Dec
|
|
|
33
32
|
}) : null;
|
|
34
33
|
});
|
|
35
34
|
};
|
|
36
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
37
|
-
if (isTransfromToPanelDisabled) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
35
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
41
36
|
onClick: onClick,
|
|
42
37
|
elemBefore: /*#__PURE__*/_react.default.createElement(_decision.default, {
|
|
@@ -13,7 +13,6 @@ var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
|
13
13
|
var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));
|
|
14
14
|
var NODE_NAME = 'taskList';
|
|
15
15
|
var TaskListBlockMenuItem = exports.TaskListBlockMenuItem = function TaskListBlockMenuItem(_ref) {
|
|
16
|
-
var _api$blockMenu2;
|
|
17
16
|
var api = _ref.api;
|
|
18
17
|
var _useIntl = (0, _reactIntlNext.useIntl)(),
|
|
19
18
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -33,10 +32,6 @@ var TaskListBlockMenuItem = exports.TaskListBlockMenuItem = function TaskListBlo
|
|
|
33
32
|
}) : null;
|
|
34
33
|
});
|
|
35
34
|
};
|
|
36
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
37
|
-
if (isTransfromToPanelDisabled) {
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
35
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
|
|
41
36
|
onClick: onClick,
|
|
42
37
|
elemBefore: /*#__PURE__*/_react.default.createElement(_task.default, {
|
|
@@ -77,24 +77,27 @@ export function taskItemToDom(node, placeholder, intl) {
|
|
|
77
77
|
'data-empty': 'true'
|
|
78
78
|
} : {};
|
|
79
79
|
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
'data-component': '
|
|
86
|
-
}, ['
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
'
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
80
|
+
const checkboxIcons = expValEquals('platform_editor_task_item_styles', 'isEnabled', true) ? ['http://www.w3.org/2000/svg svg', {
|
|
81
|
+
width: '20',
|
|
82
|
+
height: '20',
|
|
83
|
+
viewBox: '2 2 20 20',
|
|
84
|
+
role: 'presentation',
|
|
85
|
+
'data-component': 'checkbox-icon'
|
|
86
|
+
}, ['http://www.w3.org/2000/svg g', {
|
|
87
|
+
'fill-rule': 'evenodd'
|
|
88
|
+
}, ['http://www.w3.org/2000/svg rect', {
|
|
89
|
+
fill: 'currentcolor',
|
|
90
|
+
x: '5.5',
|
|
91
|
+
y: '5.5',
|
|
92
|
+
width: '13',
|
|
93
|
+
height: '13',
|
|
94
|
+
rx: '1.5'
|
|
95
|
+
}], ['http://www.w3.org/2000/svg path', {
|
|
96
|
+
'fill-rule': 'evenodd',
|
|
97
|
+
'clip-rule': 'evenodd',
|
|
98
|
+
d: 'm16.326 9.48-1.152-.96-4.424 5.308-1.924-2.308-1.152.96 2.5 3a.75.75 0 0 0 1.152 0z',
|
|
99
|
+
fill: 'inherit'
|
|
100
|
+
}]]] : ['span', {
|
|
98
101
|
'aria-hidden': true,
|
|
99
102
|
'data-component': 'checkbox-icon-wrap'
|
|
100
103
|
}, ['http://www.w3.org/2000/svg svg', {
|
|
@@ -124,7 +127,25 @@ export function taskItemToDom(node, placeholder, intl) {
|
|
|
124
127
|
'fill-rule': 'evenodd',
|
|
125
128
|
'clip-rule': 'evenodd',
|
|
126
129
|
d: 'M3 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm9.326 4.48-1.152-.96L6.75 9.828 4.826 7.52l-1.152.96 2.5 3a.75.75 0 0 0 1.152 0z'
|
|
127
|
-
}]]]
|
|
130
|
+
}]]];
|
|
131
|
+
return ['div', {
|
|
132
|
+
class: `${TaskDecisionSharedCssClassName.TASK_CONTAINER}`,
|
|
133
|
+
...dataAttrs,
|
|
134
|
+
state: node.attrs.state
|
|
135
|
+
}, ['div', {
|
|
136
|
+
'data-component': 'task-item-main'
|
|
137
|
+
}, ['span', {
|
|
138
|
+
contenteditable: 'false',
|
|
139
|
+
class: `${TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER}`,
|
|
140
|
+
'data-component': 'task-item-input-wrap'
|
|
141
|
+
}, ['input', {
|
|
142
|
+
...inputAttrs,
|
|
143
|
+
'data-input-type': 'task-item',
|
|
144
|
+
'data-task-input': true,
|
|
145
|
+
'data-testid': 'task-item-checkbox',
|
|
146
|
+
'data-component': 'task-item-input',
|
|
147
|
+
role: 'checkbox'
|
|
148
|
+
}], checkboxIcons], ['span', {
|
|
128
149
|
class: 'placeholder-node-view',
|
|
129
150
|
'data-testid': 'task-decision-item-placeholder',
|
|
130
151
|
'data-component': 'placeholder',
|
|
@@ -30,6 +30,8 @@ import { getTasksAndDecisionsToolbarComponents } from './ui/toolbar-components';
|
|
|
30
30
|
import ToolbarDecision from './ui/ToolbarDecision';
|
|
31
31
|
import ToolbarTask from './ui/ToolbarTask';
|
|
32
32
|
const taskDecisionToolbarGroupStyles = null;
|
|
33
|
+
const TASK_LIST_NODE_NAME = 'taskList';
|
|
34
|
+
const DECISION_LIST_NODE_NAME = 'decisionList';
|
|
33
35
|
const addItem = (insert, listType, schema) => ({
|
|
34
36
|
listLocalId,
|
|
35
37
|
itemLocalId
|
|
@@ -123,9 +125,15 @@ export const tasksAndDecisionsPlugin = ({
|
|
|
123
125
|
key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
|
|
124
126
|
rank: TRANSFORM_STRUCTURE_MENU_SECTION_RANK[TRANSFORM_STRUCTURE_TASK_LIST_MENU_ITEM.key]
|
|
125
127
|
},
|
|
126
|
-
component: () =>
|
|
127
|
-
|
|
128
|
-
|
|
128
|
+
component: () => {
|
|
129
|
+
return /*#__PURE__*/React.createElement(TaskListBlockMenuItem, {
|
|
130
|
+
api: api
|
|
131
|
+
});
|
|
132
|
+
},
|
|
133
|
+
isHidden: () => {
|
|
134
|
+
var _api$blockMenu2;
|
|
135
|
+
return Boolean(api === null || api === void 0 ? void 0 : (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(TASK_LIST_NODE_NAME));
|
|
136
|
+
}
|
|
129
137
|
}, {
|
|
130
138
|
type: 'block-menu-item',
|
|
131
139
|
key: TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key,
|
|
@@ -134,9 +142,15 @@ export const tasksAndDecisionsPlugin = ({
|
|
|
134
142
|
key: TRANSFORM_STRUCTURE_MENU_SECTION.key,
|
|
135
143
|
rank: TRANSFORM_STRUCTURE_MENU_SECTION_RANK[TRANSFORM_STRUCTURE_DECISION_MENU_ITEM.key]
|
|
136
144
|
},
|
|
137
|
-
component: () =>
|
|
138
|
-
|
|
139
|
-
|
|
145
|
+
component: () => {
|
|
146
|
+
return /*#__PURE__*/React.createElement(DecisionListBlockMenuItem, {
|
|
147
|
+
api: api
|
|
148
|
+
});
|
|
149
|
+
},
|
|
150
|
+
isHidden: () => {
|
|
151
|
+
var _api$blockMenu3;
|
|
152
|
+
return Boolean(api === null || api === void 0 ? void 0 : (_api$blockMenu3 = api.blockMenu) === null || _api$blockMenu3 === void 0 ? void 0 : _api$blockMenu3.actions.isTransformOptionDisabled(DECISION_LIST_NODE_NAME));
|
|
153
|
+
}
|
|
140
154
|
}]);
|
|
141
155
|
}
|
|
142
156
|
return {
|
|
@@ -8,7 +8,6 @@ const NODE_NAME = 'decisionList';
|
|
|
8
8
|
export const DecisionListBlockMenuItem = ({
|
|
9
9
|
api
|
|
10
10
|
}) => {
|
|
11
|
-
var _api$blockMenu2;
|
|
12
11
|
const {
|
|
13
12
|
formatMessage
|
|
14
13
|
} = useIntl();
|
|
@@ -29,10 +28,6 @@ export const DecisionListBlockMenuItem = ({
|
|
|
29
28
|
}) : null;
|
|
30
29
|
});
|
|
31
30
|
};
|
|
32
|
-
const isTransfromToPanelDisabled = api === null || api === void 0 ? void 0 : (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
33
|
-
if (isTransfromToPanelDisabled) {
|
|
34
|
-
return null;
|
|
35
|
-
}
|
|
36
31
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
37
32
|
onClick: onClick,
|
|
38
33
|
elemBefore: /*#__PURE__*/React.createElement(DecisionIcon, {
|
|
@@ -8,7 +8,6 @@ const NODE_NAME = 'taskList';
|
|
|
8
8
|
export const TaskListBlockMenuItem = ({
|
|
9
9
|
api
|
|
10
10
|
}) => {
|
|
11
|
-
var _api$blockMenu2;
|
|
12
11
|
const {
|
|
13
12
|
formatMessage
|
|
14
13
|
} = useIntl();
|
|
@@ -29,10 +28,6 @@ export const TaskListBlockMenuItem = ({
|
|
|
29
28
|
}) : null;
|
|
30
29
|
});
|
|
31
30
|
};
|
|
32
|
-
const isTransfromToPanelDisabled = api === null || api === void 0 ? void 0 : (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
33
|
-
if (isTransfromToPanelDisabled) {
|
|
34
|
-
return null;
|
|
35
|
-
}
|
|
36
31
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
37
32
|
onClick: onClick,
|
|
38
33
|
elemBefore: /*#__PURE__*/React.createElement(TaskIcon, {
|
|
@@ -83,23 +83,27 @@ export function taskItemToDom(node, placeholder, intl) {
|
|
|
83
83
|
'data-empty': 'true'
|
|
84
84
|
} : {};
|
|
85
85
|
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
'data-component': '
|
|
92
|
-
}, ['
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
'
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
86
|
+
var checkboxIcons = expValEquals('platform_editor_task_item_styles', 'isEnabled', true) ? ['http://www.w3.org/2000/svg svg', {
|
|
87
|
+
width: '20',
|
|
88
|
+
height: '20',
|
|
89
|
+
viewBox: '2 2 20 20',
|
|
90
|
+
role: 'presentation',
|
|
91
|
+
'data-component': 'checkbox-icon'
|
|
92
|
+
}, ['http://www.w3.org/2000/svg g', {
|
|
93
|
+
'fill-rule': 'evenodd'
|
|
94
|
+
}, ['http://www.w3.org/2000/svg rect', {
|
|
95
|
+
fill: 'currentcolor',
|
|
96
|
+
x: '5.5',
|
|
97
|
+
y: '5.5',
|
|
98
|
+
width: '13',
|
|
99
|
+
height: '13',
|
|
100
|
+
rx: '1.5'
|
|
101
|
+
}], ['http://www.w3.org/2000/svg path', {
|
|
102
|
+
'fill-rule': 'evenodd',
|
|
103
|
+
'clip-rule': 'evenodd',
|
|
104
|
+
d: 'm16.326 9.48-1.152-.96-4.424 5.308-1.924-2.308-1.152.96 2.5 3a.75.75 0 0 0 1.152 0z',
|
|
105
|
+
fill: 'inherit'
|
|
106
|
+
}]]] : ['span', {
|
|
103
107
|
'aria-hidden': true,
|
|
104
108
|
'data-component': 'checkbox-icon-wrap'
|
|
105
109
|
}, ['http://www.w3.org/2000/svg svg', {
|
|
@@ -129,7 +133,24 @@ export function taskItemToDom(node, placeholder, intl) {
|
|
|
129
133
|
'fill-rule': 'evenodd',
|
|
130
134
|
'clip-rule': 'evenodd',
|
|
131
135
|
d: 'M3 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm9.326 4.48-1.152-.96L6.75 9.828 4.826 7.52l-1.152.96 2.5 3a.75.75 0 0 0 1.152 0z'
|
|
132
|
-
}]]]
|
|
136
|
+
}]]];
|
|
137
|
+
return ['div', _objectSpread(_objectSpread({
|
|
138
|
+
class: "".concat(TaskDecisionSharedCssClassName.TASK_CONTAINER)
|
|
139
|
+
}, dataAttrs), {}, {
|
|
140
|
+
state: node.attrs.state
|
|
141
|
+
}), ['div', {
|
|
142
|
+
'data-component': 'task-item-main'
|
|
143
|
+
}, ['span', {
|
|
144
|
+
contenteditable: 'false',
|
|
145
|
+
class: "".concat(TaskDecisionSharedCssClassName.TASK_CHECKBOX_CONTAINER),
|
|
146
|
+
'data-component': 'task-item-input-wrap'
|
|
147
|
+
}, ['input', _objectSpread(_objectSpread({}, inputAttrs), {}, {
|
|
148
|
+
'data-input-type': 'task-item',
|
|
149
|
+
'data-task-input': true,
|
|
150
|
+
'data-testid': 'task-item-checkbox',
|
|
151
|
+
'data-component': 'task-item-input',
|
|
152
|
+
role: 'checkbox'
|
|
153
|
+
})], checkboxIcons], ['span', {
|
|
133
154
|
class: 'placeholder-node-view',
|
|
134
155
|
'data-testid': 'task-decision-item-placeholder',
|
|
135
156
|
'data-component': 'placeholder',
|
|
@@ -33,6 +33,8 @@ import { getTasksAndDecisionsToolbarComponents } from './ui/toolbar-components';
|
|
|
33
33
|
import ToolbarDecision from './ui/ToolbarDecision';
|
|
34
34
|
import ToolbarTask from './ui/ToolbarTask';
|
|
35
35
|
var taskDecisionToolbarGroupStyles = null;
|
|
36
|
+
var TASK_LIST_NODE_NAME = 'taskList';
|
|
37
|
+
var DECISION_LIST_NODE_NAME = 'decisionList';
|
|
36
38
|
var addItem = function addItem(insert, listType, schema) {
|
|
37
39
|
return function (_ref) {
|
|
38
40
|
var listLocalId = _ref.listLocalId,
|
|
@@ -130,6 +132,10 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref3) {
|
|
|
130
132
|
return /*#__PURE__*/React.createElement(TaskListBlockMenuItem, {
|
|
131
133
|
api: api
|
|
132
134
|
});
|
|
135
|
+
},
|
|
136
|
+
isHidden: function isHidden() {
|
|
137
|
+
var _api$blockMenu2;
|
|
138
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(TASK_LIST_NODE_NAME));
|
|
133
139
|
}
|
|
134
140
|
}, {
|
|
135
141
|
type: 'block-menu-item',
|
|
@@ -143,6 +149,10 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref3) {
|
|
|
143
149
|
return /*#__PURE__*/React.createElement(DecisionListBlockMenuItem, {
|
|
144
150
|
api: api
|
|
145
151
|
});
|
|
152
|
+
},
|
|
153
|
+
isHidden: function isHidden() {
|
|
154
|
+
var _api$blockMenu3;
|
|
155
|
+
return Boolean(api === null || api === void 0 || (_api$blockMenu3 = api.blockMenu) === null || _api$blockMenu3 === void 0 ? void 0 : _api$blockMenu3.actions.isTransformOptionDisabled(DECISION_LIST_NODE_NAME));
|
|
146
156
|
}
|
|
147
157
|
}]);
|
|
148
158
|
}
|
|
@@ -6,7 +6,6 @@ import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
|
6
6
|
import DecisionIcon from '@atlaskit/icon/core/decision';
|
|
7
7
|
var NODE_NAME = 'decisionList';
|
|
8
8
|
export var DecisionListBlockMenuItem = function DecisionListBlockMenuItem(_ref) {
|
|
9
|
-
var _api$blockMenu2;
|
|
10
9
|
var api = _ref.api;
|
|
11
10
|
var _useIntl = useIntl(),
|
|
12
11
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -26,10 +25,6 @@ export var DecisionListBlockMenuItem = function DecisionListBlockMenuItem(_ref)
|
|
|
26
25
|
}) : null;
|
|
27
26
|
});
|
|
28
27
|
};
|
|
29
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
30
|
-
if (isTransfromToPanelDisabled) {
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
28
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
34
29
|
onClick: onClick,
|
|
35
30
|
elemBefore: /*#__PURE__*/React.createElement(DecisionIcon, {
|
|
@@ -6,7 +6,6 @@ import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
|
|
|
6
6
|
import TaskIcon from '@atlaskit/icon/core/task';
|
|
7
7
|
var NODE_NAME = 'taskList';
|
|
8
8
|
export var TaskListBlockMenuItem = function TaskListBlockMenuItem(_ref) {
|
|
9
|
-
var _api$blockMenu2;
|
|
10
9
|
var api = _ref.api;
|
|
11
10
|
var _useIntl = useIntl(),
|
|
12
11
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -26,10 +25,6 @@ export var TaskListBlockMenuItem = function TaskListBlockMenuItem(_ref) {
|
|
|
26
25
|
}) : null;
|
|
27
26
|
});
|
|
28
27
|
};
|
|
29
|
-
var isTransfromToPanelDisabled = api === null || api === void 0 || (_api$blockMenu2 = api.blockMenu) === null || _api$blockMenu2 === void 0 ? void 0 : _api$blockMenu2.actions.isTransformOptionDisabled(NODE_NAME);
|
|
30
|
-
if (isTransfromToPanelDisabled) {
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
28
|
return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
|
|
34
29
|
onClick: onClick,
|
|
35
30
|
elemBefore: /*#__PURE__*/React.createElement(TaskIcon, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-tasks-and-decisions",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.1.0",
|
|
4
4
|
"description": "Tasks and decisions plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -41,22 +41,22 @@
|
|
|
41
41
|
"@atlaskit/editor-plugin-type-ahead": "^7.0.0",
|
|
42
42
|
"@atlaskit/editor-prosemirror": "^7.2.0",
|
|
43
43
|
"@atlaskit/editor-shared-styles": "^3.10.0",
|
|
44
|
-
"@atlaskit/editor-toolbar": "^0.
|
|
44
|
+
"@atlaskit/editor-toolbar": "^0.19.0",
|
|
45
45
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
46
46
|
"@atlaskit/heading": "^5.2.0",
|
|
47
|
-
"@atlaskit/icon": "^29.
|
|
47
|
+
"@atlaskit/icon": "^29.4.0",
|
|
48
48
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
49
49
|
"@atlaskit/primitives": "^17.0.0",
|
|
50
50
|
"@atlaskit/prosemirror-input-rules": "^3.6.0",
|
|
51
51
|
"@atlaskit/task-decision": "^19.2.0",
|
|
52
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
53
|
-
"@atlaskit/tokens": "^9.
|
|
52
|
+
"@atlaskit/tmp-editor-statsig": "^16.14.0",
|
|
53
|
+
"@atlaskit/tokens": "^9.1.0",
|
|
54
54
|
"@babel/runtime": "^7.0.0",
|
|
55
55
|
"@compiled/react": "^0.18.6",
|
|
56
56
|
"bind-event-listener": "^3.0.0"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
|
-
"@atlaskit/editor-common": "^111.
|
|
59
|
+
"@atlaskit/editor-common": "^111.7.0",
|
|
60
60
|
"react": "^18.2.0",
|
|
61
61
|
"react-dom": "^18.2.0",
|
|
62
62
|
"react-intl-next": "npm:react-intl@^5.18.1"
|