@atlaskit/editor-plugin-tasks-and-decisions 3.0.3 → 4.0.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.
Files changed (14) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/nodeviews/taskItem.compiled.css +30 -0
  3. package/dist/cjs/nodeviews/taskItem.js +34 -57
  4. package/dist/cjs/tasksAndDecisionsPlugin.compiled.css +1 -0
  5. package/dist/cjs/tasksAndDecisionsPlugin.js +12 -15
  6. package/dist/es2019/nodeviews/taskItem.compiled.css +30 -0
  7. package/dist/es2019/nodeviews/taskItem.js +23 -46
  8. package/dist/es2019/tasksAndDecisionsPlugin.compiled.css +1 -0
  9. package/dist/es2019/tasksAndDecisionsPlugin.js +11 -15
  10. package/dist/esm/nodeviews/taskItem.compiled.css +30 -0
  11. package/dist/esm/nodeviews/taskItem.js +23 -46
  12. package/dist/esm/tasksAndDecisionsPlugin.compiled.css +1 -0
  13. package/dist/esm/tasksAndDecisionsPlugin.js +11 -15
  14. package/package.json +10 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-tasks-and-decisions
2
2
 
3
+ ## 4.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#117947](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/117947)
8
+ [`2c672e958d395`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c672e958d395) -
9
+ [ux] EDF-2346 - [MD] Remove emotion references
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 3.0.4
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 3.0.3
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/nodeviews/taskItem.compiled.css ADDED
@@ -0,0 +1,30 @@
1
+
2
+ ._2rko1ssb{border-radius:50%}
3
+ ._zulp1b66{gap:var(--ds-space-050,4px)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
4
+ ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
5
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
6
+ ._19pku2gc{margin-top:var(--ds-space-100,8px)}
7
+ ._1bsbyh40{width:2px}
8
+ ._1e0c1o8l{display:inline-block}
9
+ ._1e0c1txw{display:flex}
10
+ ._1wybdlk8{font-size:14px}
11
+ ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
12
+ ._2lx21bp4{flex-direction:column}
13
+ ._4cvr1h6o{align-items:center}
14
+ ._4t3iyh40{height:2px}
15
+ ._bfhkc8cv{background-color:var(--ds-background-accent-blue-bolder,#0c66e4)}
16
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
17
+ ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
18
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
19
+ ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
20
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
21
+ ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
22
+ ._p12f1qwj{max-width:333px}
23
+ ._syaz1e6v{color:var(--ds-text-brand,#0c66e4)}
24
+ ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
25
+ ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
26
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
+ ._1bnx8stv:hover{text-decoration-line:underline}
28
+ ._9oik1r31:hover{text-decoration-color:currentColor}
29
+ ._jf4cnqa1:hover{text-decoration-style:solid}
30
+ ._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
package/dist/cjs/nodeviews/taskItem.js CHANGED
@@ -1,3 +1,4 @@
1
+ /* taskItem.tsx generated by @compiled/babel-plugin v0.36.1 */
1
2
  "use strict";
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
6
7
  value: true
7
8
  });
8
9
  exports.taskItemNodeViewFactory = taskItemNodeViewFactory;
10
+ require("./taskItem.compiled.css");
11
+ var _react = _interopRequireWildcard(require("react"));
12
+ var React = _react;
13
+ var _runtime = require("@compiled/react/runtime");
9
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
15
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -14,7 +19,6 @@ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
14
19
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
20
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
21
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
- var _react = _interopRequireWildcard(require("react"));
18
22
  var _reactIntlNext = require("react-intl-next");
19
23
  var _steps = require("@atlaskit/adf-schema/steps");
20
24
  var _analyticsNext = require("@atlaskit/analytics-next");
@@ -26,7 +30,7 @@ var _heading = _interopRequireDefault(require("@atlaskit/heading"));
26
30
  var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
27
31
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
28
32
  var _popup = _interopRequireDefault(require("@atlaskit/popup"));
29
- var _primitives = require("@atlaskit/primitives");
33
+ var _compiled = require("@atlaskit/primitives/compiled");
30
34
  var _Task2 = _interopRequireDefault(require("../ui/Task"));
31
35
  var _useShowPlaceholder = require("./hooks/use-show-placeholder");
32
36
  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); }
@@ -40,46 +44,19 @@ function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototyp
40
44
  // Ignored via go/ees005
41
45
  // eslint-disable-next-line import/no-named-as-default
42
46
  var TRYING_REQUEST_TIMEOUT = 3000;
43
- var wrapperStyles = (0, _primitives.xcss)({
44
- display: 'flex',
45
- flexDirection: 'column',
46
- maxWidth: '333px',
47
- paddingTop: 'space.200',
48
- paddingRight: 'space.300',
49
- paddingBottom: 'space.200',
50
- paddingLeft: 'space.300'
51
- });
52
- var wrapperBoxStyles = (0, _primitives.xcss)({
53
- display: 'flex',
54
- gap: 'space.050',
55
- color: 'color.text.disabled'
56
- });
57
- var dotStyles = (0, _primitives.xcss)({
58
- margin: 'space.100',
59
- display: 'inline-block',
60
- width: '2px',
61
- height: '2px',
62
- backgroundColor: 'color.background.accent.blue.bolder',
63
- borderRadius: '50%',
64
- transform: 'translateY(2px)'
65
- });
66
- var pressableStyles = (0, _primitives.xcss)({
67
- color: 'color.text.brand',
68
- backgroundColor: 'color.background.neutral.subtle',
69
- ':hover': {
70
- textDecoration: 'underline'
71
- },
72
- ':active': {
73
- color: 'color.text.information'
74
- },
75
- padding: 'space.0',
76
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
77
- fontSize: '14px'
78
- });
47
+ var wrapperStyles = null;
48
+ var wrapperBoxStyles = null;
49
+ var dotStyles = null;
50
+
51
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
52
+ var dotStylesUnbounded = null;
53
+ var pressableStyles = {
54
+ pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1e6v _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h16c2"
55
+ };
79
56
  var RequestedMessage = function RequestedMessage() {
80
57
  var _useIntl = (0, _reactIntlNext.useIntl)(),
81
58
  formatMessage = _useIntl.formatMessage;
82
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatMessage(_messages.tasksAndDecisionsMessages.requestToEdit), /*#__PURE__*/_react.default.createElement(_done.default, {
59
+ return /*#__PURE__*/React.createElement(React.Fragment, null, formatMessage(_messages.tasksAndDecisionsMessages.requestToEdit), /*#__PURE__*/React.createElement(_done.default, {
83
60
  label: "requested-to-edit",
84
61
  primaryColor: "var(--ds-icon-disabled, #091E424F)"
85
62
  }));
@@ -88,9 +65,9 @@ var RequestToEditButton = function RequestToEditButton(_ref) {
88
65
  var onClick = _ref.onClick;
89
66
  var _useIntl2 = (0, _reactIntlNext.useIntl)(),
90
67
  formatMessage = _useIntl2.formatMessage;
91
- return /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
68
+ return /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_compiled.Pressable, {
92
69
  onClick: onClick,
93
- xcss: pressableStyles
70
+ xcss: pressableStyles.pressable
94
71
  }, formatMessage(_messages.tasksAndDecisionsMessages.requestToEdit)));
95
72
  };
96
73
  var anaylyticsEventPayload = function anaylyticsEventPayload(action) {
@@ -184,7 +161,7 @@ var TaskItemWrapper = function TaskItemWrapper(_ref2) {
184
161
  }
185
162
  };
186
163
  if (!(0, _platformFeatureFlags.fg)('editor_request_to_edit_task')) {
187
- return /*#__PURE__*/_react.default.createElement(_Task2.default, {
164
+ return /*#__PURE__*/React.createElement(_Task2.default, {
188
165
  taskId: localId,
189
166
  contentRef: forwardRef,
190
167
  isDone: isDone,
@@ -196,7 +173,7 @@ var TaskItemWrapper = function TaskItemWrapper(_ref2) {
196
173
  api: api
197
174
  });
198
175
  }
199
- return /*#__PURE__*/_react.default.createElement(_popup.default, {
176
+ return /*#__PURE__*/React.createElement(_popup.default, {
200
177
  isOpen: isOpen,
201
178
  onClose: function onClose() {
202
179
  var _api$analytics;
@@ -204,32 +181,32 @@ var TaskItemWrapper = function TaskItemWrapper(_ref2) {
204
181
  },
205
182
  content: function content() {
206
183
  var _api$editorViewMode;
207
- return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
208
- xcss: wrapperStyles
209
- }, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
184
+ return /*#__PURE__*/React.createElement("div", {
185
+ className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _p12f1qwj _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb"])
186
+ }, /*#__PURE__*/React.createElement(_compiled.Stack, {
210
187
  space: "space.150"
211
- }, /*#__PURE__*/_react.default.createElement(_heading.default, {
188
+ }, /*#__PURE__*/React.createElement(_heading.default, {
212
189
  size: "xsmall"
213
- }, formatMessage(_messages.tasksAndDecisionsMessages.editAccessTitle)), /*#__PURE__*/_react.default.createElement("div", null, formatMessage(_messages.tasksAndDecisionsMessages.requestToEditDescription)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
214
- xcss: wrapperBoxStyles
215
- }, tryingRequest || requested ? /*#__PURE__*/_react.default.createElement(RequestedMessage, null) : /*#__PURE__*/_react.default.createElement(RequestToEditButton, {
190
+ }, formatMessage(_messages.tasksAndDecisionsMessages.editAccessTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(_messages.tasksAndDecisionsMessages.requestToEditDescription)), /*#__PURE__*/React.createElement("div", {
191
+ className: (0, _runtime.ax)(["_zulp1b66 _1e0c1txw _4cvr1h6o _syaz1lh4"])
192
+ }, tryingRequest || requested ? /*#__PURE__*/React.createElement(RequestedMessage, null) : /*#__PURE__*/React.createElement(RequestToEditButton, {
216
193
  onClick: (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view' ? function () {
217
194
  var _api$analytics2;
218
195
  return onHandleEdit(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
219
196
  } : undefined
220
- }), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
221
- xcss: dotStyles
222
- }), /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
197
+ }), /*#__PURE__*/React.createElement("div", {
198
+ className: (0, _runtime.ax)(["_19pku2gc _otyru2gc _18u0u2gc _2hwxu2gc _1e0c1o8l _1bsbyh40 _4t3iyh40 _bfhkc8cv", "_2rko1ssb"])
199
+ }), /*#__PURE__*/React.createElement(_compiled.Box, null, /*#__PURE__*/React.createElement(_compiled.Pressable, {
223
200
  onClick: function onClick() {
224
201
  var _api$analytics3;
225
202
  return onHandleDismiss(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions);
226
203
  },
227
- xcss: pressableStyles
204
+ xcss: pressableStyles.pressable
228
205
  }, formatMessage(_messages.tasksAndDecisionsMessages.dismiss))))));
229
206
  },
230
207
  trigger: function trigger(triggerProps) {
231
208
  var _api$taskDecision3;
232
- return /*#__PURE__*/_react.default.createElement(_Task2.default, {
209
+ return /*#__PURE__*/React.createElement(_Task2.default, {
233
210
  taskId: localId,
234
211
  contentRef: forwardRef,
235
212
  inputRef: triggerProps.ref,
@@ -371,10 +348,10 @@ var Task = /*#__PURE__*/function (_ReactNodeView) {
371
348
  localId = _this$node$attrs.localId,
372
349
  state = _this$node$attrs.state;
373
350
  var isContentNodeEmpty = this.isContentEmpty(this.node);
374
- return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsListener, {
351
+ return /*#__PURE__*/React.createElement(_analyticsNext.AnalyticsListener, {
375
352
  channel: "fabric-elements",
376
353
  onEvent: this.addListAnalyticsData
377
- }, /*#__PURE__*/_react.default.createElement(TaskItemWrapper, {
354
+ }, /*#__PURE__*/React.createElement(TaskItemWrapper, {
378
355
  localId: localId,
379
356
  forwardRef: forwardRef,
380
357
  isDone: state === 'DONE',
package/dist/cjs/tasksAndDecisionsPlugin.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._1e0c1txw{display:flex}
package/dist/cjs/tasksAndDecisionsPlugin.js CHANGED
@@ -1,3 +1,4 @@
1
+ /* tasksAndDecisionsPlugin.tsx generated by @compiled/babel-plugin v0.36.1 */
1
2
  "use strict";
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
6
7
  value: true
7
8
  });
8
9
  exports.tasksAndDecisionsPlugin = exports.taskItemSpecWithFixedToDOM = void 0;
10
+ require("./tasksAndDecisionsPlugin.compiled.css");
11
+ var React = _interopRequireWildcard(require("react"));
12
+ var _runtime = require("@compiled/react/runtime");
9
13
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
14
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
- var _react = require("@emotion/react");
13
16
  var _adfSchema = require("@atlaskit/adf-schema");
14
17
  var _analytics = require("@atlaskit/editor-common/analytics");
15
18
  var _indentation = require("@atlaskit/editor-common/indentation");
@@ -30,15 +33,9 @@ var _ToolbarTask = _interopRequireDefault(require("./ui/ToolbarTask"));
30
33
  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); }
31
34
  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; }
32
35
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
33
- 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) { (0, _defineProperty2.default)(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; } /**
34
- * @jsxRuntime classic
35
- * @jsx jsx
36
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
37
- // Ignored via go/ees005
36
+ 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) { (0, _defineProperty2.default)(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; } // Ignored via go/ees005
38
37
  // eslint-disable-next-line import/no-named-as-default
39
- var taskDecisionToolbarGroupStyles = (0, _react.css)({
40
- display: 'flex'
41
- });
38
+ var taskDecisionToolbarGroupStyles = null;
42
39
  // @nodeSpecException:toDOM patch
43
40
  var taskItemSpecWithFixedToDOM = exports.taskItemSpecWithFixedToDOM = function taskItemSpecWithFixedToDOM() {
44
41
  if ((0, _experiments.editorExperiment)('platform_editor_exp_lazy_node_views', false)) {
@@ -269,14 +266,14 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
269
266
  secondaryToolbarComponent: function secondaryToolbarComponent(_ref10) {
270
267
  var editorView = _ref10.editorView,
271
268
  disabled = _ref10.disabled;
272
- return (0, _react.jsx)("div", {
273
- css: taskDecisionToolbarGroupStyles
274
- }, (0, _react.jsx)(_ToolbarDecision.default, {
269
+ return /*#__PURE__*/React.createElement("div", {
270
+ className: (0, _runtime.ax)(["_1e0c1txw"])
271
+ }, /*#__PURE__*/React.createElement(_ToolbarDecision.default, {
275
272
  editorView: editorView,
276
273
  isDisabled: disabled,
277
274
  isReducedSpacing: true,
278
275
  editorAPI: api
279
- }), (0, _react.jsx)(_ToolbarTask.default, {
276
+ }), /*#__PURE__*/React.createElement(_ToolbarTask.default, {
280
277
  editorView: editorView,
281
278
  isDisabled: disabled,
282
279
  isReducedSpacing: true,
@@ -294,7 +291,7 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
294
291
  keywords: ['checkbox', 'task', 'todo'],
295
292
  keyshortcut: '[]',
296
293
  icon: function icon() {
297
- return (0, _react.jsx)(_quickInsert.IconAction, null);
294
+ return /*#__PURE__*/React.createElement(_quickInsert.IconAction, null);
298
295
  },
299
296
  action: function action(insert, state) {
300
297
  var _api$analytics5;
@@ -307,7 +304,7 @@ var tasksAndDecisionsPlugin = exports.tasksAndDecisionsPlugin = function tasksAn
307
304
  priority: 900,
308
305
  keyshortcut: '<>',
309
306
  icon: function icon() {
310
- return (0, _react.jsx)(_quickInsert.IconDecision, null);
307
+ return /*#__PURE__*/React.createElement(_quickInsert.IconDecision, null);
311
308
  },
312
309
  action: function action(insert, state) {
313
310
  var _api$analytics6;
package/dist/es2019/nodeviews/taskItem.compiled.css ADDED
@@ -0,0 +1,30 @@
1
+
2
+ ._2rko1ssb{border-radius:50%}
3
+ ._zulp1b66{gap:var(--ds-space-050,4px)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
4
+ ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
5
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
6
+ ._19pku2gc{margin-top:var(--ds-space-100,8px)}
7
+ ._1bsbyh40{width:2px}
8
+ ._1e0c1o8l{display:inline-block}
9
+ ._1e0c1txw{display:flex}
10
+ ._1wybdlk8{font-size:14px}
11
+ ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
12
+ ._2lx21bp4{flex-direction:column}
13
+ ._4cvr1h6o{align-items:center}
14
+ ._4t3iyh40{height:2px}
15
+ ._bfhkc8cv{background-color:var(--ds-background-accent-blue-bolder,#0c66e4)}
16
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
17
+ ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
18
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
19
+ ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
20
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
21
+ ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
22
+ ._p12f1qwj{max-width:333px}
23
+ ._syaz1e6v{color:var(--ds-text-brand,#0c66e4)}
24
+ ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
25
+ ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
26
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
+ ._1bnx8stv:hover{text-decoration-line:underline}
28
+ ._9oik1r31:hover{text-decoration-color:currentColor}
29
+ ._jf4cnqa1:hover{text-decoration-style:solid}
30
+ ._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
package/dist/es2019/nodeviews/taskItem.js CHANGED
@@ -1,5 +1,9 @@
1
+ /* taskItem.tsx generated by @compiled/babel-plugin v0.36.1 */
1
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import React, { useEffect, useState } from 'react';
3
+ import "./taskItem.compiled.css";
4
+ import * as React from 'react';
5
+ import { ax, ix } from "@compiled/react/runtime";
6
+ import { useEffect, useState } from 'react';
3
7
  import { useIntl } from 'react-intl-next';
4
8
  import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
5
9
  import { AnalyticsListener } from '@atlaskit/analytics-next';
@@ -13,48 +17,21 @@ import { fg } from '@atlaskit/platform-feature-flags';
13
17
  // Ignored via go/ees005
14
18
  // eslint-disable-next-line import/no-named-as-default
15
19
  import Popup from '@atlaskit/popup';
16
- import { Box, Pressable, Stack, xcss } from '@atlaskit/primitives';
20
+ import { Box, Pressable, Stack } from '@atlaskit/primitives/compiled';
17
21
  // Ignored via go/ees005
18
22
  // eslint-disable-next-line import/no-named-as-default
19
23
  import TaskItem from '../ui/Task';
20
24
  import { useShowPlaceholder } from './hooks/use-show-placeholder';
21
25
  const TRYING_REQUEST_TIMEOUT = 3000;
22
- const wrapperStyles = xcss({
23
- display: 'flex',
24
- flexDirection: 'column',
25
- maxWidth: '333px',
26
- paddingTop: 'space.200',
27
- paddingRight: 'space.300',
28
- paddingBottom: 'space.200',
29
- paddingLeft: 'space.300'
30
- });
31
- const wrapperBoxStyles = xcss({
32
- display: 'flex',
33
- gap: 'space.050',
34
- color: 'color.text.disabled'
35
- });
36
- const dotStyles = xcss({
37
- margin: 'space.100',
38
- display: 'inline-block',
39
- width: '2px',
40
- height: '2px',
41
- backgroundColor: 'color.background.accent.blue.bolder',
42
- borderRadius: '50%',
43
- transform: 'translateY(2px)'
44
- });
45
- const pressableStyles = xcss({
46
- color: 'color.text.brand',
47
- backgroundColor: 'color.background.neutral.subtle',
48
- ':hover': {
49
- textDecoration: 'underline'
50
- },
51
- ':active': {
52
- color: 'color.text.information'
53
- },
54
- padding: 'space.0',
55
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
56
- fontSize: '14px'
57
- });
26
+ const wrapperStyles = null;
27
+ const wrapperBoxStyles = null;
28
+ const dotStyles = null;
29
+
30
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
31
+ const dotStylesUnbounded = null;
32
+ const pressableStyles = {
33
+ pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1e6v _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h16c2"
34
+ };
58
35
  const RequestedMessage = () => {
59
36
  const {
60
37
  formatMessage
@@ -72,7 +49,7 @@ const RequestToEditButton = ({
72
49
  } = useIntl();
73
50
  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Pressable, {
74
51
  onClick: onClick,
75
- xcss: pressableStyles
52
+ xcss: pressableStyles.pressable
76
53
  }, formatMessage(tasksAndDecisionsMessages.requestToEdit)));
77
54
  };
78
55
  const anaylyticsEventPayload = action => {
@@ -179,27 +156,27 @@ const TaskItemWrapper = ({
179
156
  },
180
157
  content: () => {
181
158
  var _api$editorViewMode, _api$editorViewMode$s;
182
- return /*#__PURE__*/React.createElement(Box, {
183
- xcss: wrapperStyles
159
+ return /*#__PURE__*/React.createElement("div", {
160
+ className: ax(["_1e0c1txw _2lx21bp4 _p12f1qwj _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb"])
184
161
  }, /*#__PURE__*/React.createElement(Stack, {
185
162
  space: "space.150"
186
163
  }, /*#__PURE__*/React.createElement(Heading, {
187
164
  size: "xsmall"
188
- }, formatMessage(tasksAndDecisionsMessages.editAccessTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(tasksAndDecisionsMessages.requestToEditDescription)), /*#__PURE__*/React.createElement(Box, {
189
- xcss: wrapperBoxStyles
165
+ }, formatMessage(tasksAndDecisionsMessages.editAccessTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(tasksAndDecisionsMessages.requestToEditDescription)), /*#__PURE__*/React.createElement("div", {
166
+ className: ax(["_zulp1b66 _1e0c1txw _4cvr1h6o _syaz1lh4"])
190
167
  }, tryingRequest || requested ? /*#__PURE__*/React.createElement(RequestedMessage, null) : /*#__PURE__*/React.createElement(RequestToEditButton, {
191
168
  onClick: (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'view' ? () => {
192
169
  var _api$analytics2;
193
170
  return onHandleEdit(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
194
171
  } : undefined
195
- }), /*#__PURE__*/React.createElement(Box, {
196
- xcss: dotStyles
172
+ }), /*#__PURE__*/React.createElement("div", {
173
+ className: ax(["_19pku2gc _otyru2gc _18u0u2gc _2hwxu2gc _1e0c1o8l _1bsbyh40 _4t3iyh40 _bfhkc8cv", "_2rko1ssb"])
197
174
  }), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Pressable, {
198
175
  onClick: () => {
199
176
  var _api$analytics3;
200
177
  return onHandleDismiss(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions);
201
178
  },
202
- xcss: pressableStyles
179
+ xcss: pressableStyles.pressable
203
180
  }, formatMessage(tasksAndDecisionsMessages.dismiss))))));
204
181
  },
205
182
  trigger: triggerProps => {
package/dist/es2019/tasksAndDecisionsPlugin.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._1e0c1txw{display:flex}
package/dist/es2019/tasksAndDecisionsPlugin.js CHANGED
@@ -1,9 +1,7 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
- import { css, jsx } from '@emotion/react';
1
+ /* tasksAndDecisionsPlugin.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import "./tasksAndDecisionsPlugin.compiled.css";
3
+ import * as React from 'react';
4
+ import { ax, ix } from "@compiled/react/runtime";
7
5
  import { decisionList, taskItem, taskList } from '@atlaskit/adf-schema';
8
6
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
9
7
  import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
@@ -23,9 +21,7 @@ import { createPlugin } from './pm-plugins/main';
23
21
  import { stateKey as taskPluginKey } from './pm-plugins/plugin-key';
24
22
  import ToolbarDecision from './ui/ToolbarDecision';
25
23
  import ToolbarTask from './ui/ToolbarTask';
26
- const taskDecisionToolbarGroupStyles = css({
27
- display: 'flex'
28
- });
24
+ const taskDecisionToolbarGroupStyles = null;
29
25
  // @nodeSpecException:toDOM patch
30
26
  export const taskItemSpecWithFixedToDOM = () => {
31
27
  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
@@ -232,14 +228,14 @@ export const tasksAndDecisionsPlugin = ({
232
228
  editorView,
233
229
  disabled
234
230
  }) {
235
- return jsx("div", {
236
- css: taskDecisionToolbarGroupStyles
237
- }, jsx(ToolbarDecision, {
231
+ return /*#__PURE__*/React.createElement("div", {
232
+ className: ax(["_1e0c1txw"])
233
+ }, /*#__PURE__*/React.createElement(ToolbarDecision, {
238
234
  editorView: editorView,
239
235
  isDisabled: disabled,
240
236
  isReducedSpacing: true,
241
237
  editorAPI: api
242
- }), jsx(ToolbarTask, {
238
+ }), /*#__PURE__*/React.createElement(ToolbarTask, {
243
239
  editorView: editorView,
244
240
  isDisabled: disabled,
245
241
  isReducedSpacing: true,
@@ -256,7 +252,7 @@ export const tasksAndDecisionsPlugin = ({
256
252
  priority: 100,
257
253
  keywords: ['checkbox', 'task', 'todo'],
258
254
  keyshortcut: '[]',
259
- icon: () => jsx(IconAction, null),
255
+ icon: () => /*#__PURE__*/React.createElement(IconAction, null),
260
256
  action(insert, state) {
261
257
  var _api$analytics5;
262
258
  return insertTaskDecisionAction(api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions, getIdentifierProvider)(state, 'taskList', INPUT_METHOD.QUICK_INSERT, addItem(insert, 'taskList', state.schema));
@@ -267,7 +263,7 @@ export const tasksAndDecisionsPlugin = ({
267
263
  description: formatMessage(insertBlockMessages.decisionDescription),
268
264
  priority: 900,
269
265
  keyshortcut: '<>',
270
- icon: () => jsx(IconDecision, null),
266
+ icon: () => /*#__PURE__*/React.createElement(IconDecision, null),
271
267
  action(insert, state) {
272
268
  var _api$analytics6;
273
269
  return insertTaskDecisionAction(api === null || api === void 0 ? void 0 : (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : _api$analytics6.actions, getIdentifierProvider)(state, 'decisionList', INPUT_METHOD.QUICK_INSERT, addItem(insert, 'decisionList', state.schema));
package/dist/esm/nodeviews/taskItem.compiled.css ADDED
@@ -0,0 +1,30 @@
1
+
2
+ ._2rko1ssb{border-radius:50%}
3
+ ._zulp1b66{gap:var(--ds-space-050,4px)}._18u0u2gc{margin-left:var(--ds-space-100,8px)}
4
+ ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
5
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
6
+ ._19pku2gc{margin-top:var(--ds-space-100,8px)}
7
+ ._1bsbyh40{width:2px}
8
+ ._1e0c1o8l{display:inline-block}
9
+ ._1e0c1txw{display:flex}
10
+ ._1wybdlk8{font-size:14px}
11
+ ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
12
+ ._2lx21bp4{flex-direction:column}
13
+ ._4cvr1h6o{align-items:center}
14
+ ._4t3iyh40{height:2px}
15
+ ._bfhkc8cv{background-color:var(--ds-background-accent-blue-bolder,#0c66e4)}
16
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
17
+ ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
18
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
19
+ ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
20
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
21
+ ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
22
+ ._p12f1qwj{max-width:333px}
23
+ ._syaz1e6v{color:var(--ds-text-brand,#0c66e4)}
24
+ ._syaz1lh4{color:var(--ds-text-disabled,#091e424f)}
25
+ ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
26
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
+ ._1bnx8stv:hover{text-decoration-line:underline}
28
+ ._9oik1r31:hover{text-decoration-color:currentColor}
29
+ ._jf4cnqa1:hover{text-decoration-style:solid}
30
+ ._9h8h16c2:active{color:var(--ds-link-pressed,#05c)}
package/dist/esm/nodeviews/taskItem.js CHANGED
@@ -1,3 +1,4 @@
1
+ /* taskItem.tsx generated by @compiled/babel-plugin v0.36.1 */
1
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
3
  import _createClass from "@babel/runtime/helpers/createClass";
3
4
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -6,12 +7,15 @@ import _get from "@babel/runtime/helpers/get";
6
7
  import _inherits from "@babel/runtime/helpers/inherits";
7
8
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
9
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
10
+ import "./taskItem.compiled.css";
11
+ import * as React from 'react';
12
+ import { ax, ix } from "@compiled/react/runtime";
9
13
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10
14
  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
15
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
12
16
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
13
17
  function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
14
- import React, { useEffect, useState } from 'react';
18
+ import { useEffect, useState } from 'react';
15
19
  import { useIntl } from 'react-intl-next';
16
20
  import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
17
21
  import { AnalyticsListener } from '@atlaskit/analytics-next';
@@ -25,48 +29,21 @@ import { fg } from '@atlaskit/platform-feature-flags';
25
29
  // Ignored via go/ees005
26
30
  // eslint-disable-next-line import/no-named-as-default
27
31
  import Popup from '@atlaskit/popup';
28
- import { Box, Pressable, Stack, xcss } from '@atlaskit/primitives';
32
+ import { Box, Pressable, Stack } from '@atlaskit/primitives/compiled';
29
33
  // Ignored via go/ees005
30
34
  // eslint-disable-next-line import/no-named-as-default
31
35
  import TaskItem from '../ui/Task';
32
36
  import { useShowPlaceholder } from './hooks/use-show-placeholder';
33
37
  var TRYING_REQUEST_TIMEOUT = 3000;
34
- var wrapperStyles = xcss({
35
- display: 'flex',
36
- flexDirection: 'column',
37
- maxWidth: '333px',
38
- paddingTop: 'space.200',
39
- paddingRight: 'space.300',
40
- paddingBottom: 'space.200',
41
- paddingLeft: 'space.300'
42
- });
43
- var wrapperBoxStyles = xcss({
44
- display: 'flex',
45
- gap: 'space.050',
46
- color: 'color.text.disabled'
47
- });
48
- var dotStyles = xcss({
49
- margin: 'space.100',
50
- display: 'inline-block',
51
- width: '2px',
52
- height: '2px',
53
- backgroundColor: 'color.background.accent.blue.bolder',
54
- borderRadius: '50%',
55
- transform: 'translateY(2px)'
56
- });
57
- var pressableStyles = xcss({
58
- color: 'color.text.brand',
59
- backgroundColor: 'color.background.neutral.subtle',
60
- ':hover': {
61
- textDecoration: 'underline'
62
- },
63
- ':active': {
64
- color: 'color.text.information'
65
- },
66
- padding: 'space.0',
67
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
68
- fontSize: '14px'
69
- });
38
+ var wrapperStyles = null;
39
+ var wrapperBoxStyles = null;
40
+ var dotStyles = null;
41
+
42
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
43
+ var dotStylesUnbounded = null;
44
+ var pressableStyles = {
45
+ pressable: "_ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t _1wybdlk8 _syaz1e6v _bfhksm61 _9oik1r31 _1bnx8stv _jf4cnqa1 _9h8h16c2"
46
+ };
70
47
  var RequestedMessage = function RequestedMessage() {
71
48
  var _useIntl = useIntl(),
72
49
  formatMessage = _useIntl.formatMessage;
@@ -81,7 +58,7 @@ var RequestToEditButton = function RequestToEditButton(_ref) {
81
58
  formatMessage = _useIntl2.formatMessage;
82
59
  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Pressable, {
83
60
  onClick: onClick,
84
- xcss: pressableStyles
61
+ xcss: pressableStyles.pressable
85
62
  }, formatMessage(tasksAndDecisionsMessages.requestToEdit)));
86
63
  };
87
64
  var anaylyticsEventPayload = function anaylyticsEventPayload(action) {
@@ -195,27 +172,27 @@ var TaskItemWrapper = function TaskItemWrapper(_ref2) {
195
172
  },
196
173
  content: function content() {
197
174
  var _api$editorViewMode;
198
- return /*#__PURE__*/React.createElement(Box, {
199
- xcss: wrapperStyles
175
+ return /*#__PURE__*/React.createElement("div", {
176
+ className: ax(["_1e0c1txw _2lx21bp4 _p12f1qwj _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb"])
200
177
  }, /*#__PURE__*/React.createElement(Stack, {
201
178
  space: "space.150"
202
179
  }, /*#__PURE__*/React.createElement(Heading, {
203
180
  size: "xsmall"
204
- }, formatMessage(tasksAndDecisionsMessages.editAccessTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(tasksAndDecisionsMessages.requestToEditDescription)), /*#__PURE__*/React.createElement(Box, {
205
- xcss: wrapperBoxStyles
181
+ }, formatMessage(tasksAndDecisionsMessages.editAccessTitle)), /*#__PURE__*/React.createElement("div", null, formatMessage(tasksAndDecisionsMessages.requestToEditDescription)), /*#__PURE__*/React.createElement("div", {
182
+ className: ax(["_zulp1b66 _1e0c1txw _4cvr1h6o _syaz1lh4"])
206
183
  }, tryingRequest || requested ? /*#__PURE__*/React.createElement(RequestedMessage, null) : /*#__PURE__*/React.createElement(RequestToEditButton, {
207
184
  onClick: (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view' ? function () {
208
185
  var _api$analytics2;
209
186
  return onHandleEdit(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
210
187
  } : undefined
211
- }), /*#__PURE__*/React.createElement(Box, {
212
- xcss: dotStyles
188
+ }), /*#__PURE__*/React.createElement("div", {
189
+ className: ax(["_19pku2gc _otyru2gc _18u0u2gc _2hwxu2gc _1e0c1o8l _1bsbyh40 _4t3iyh40 _bfhkc8cv", "_2rko1ssb"])
213
190
  }), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Pressable, {
214
191
  onClick: function onClick() {
215
192
  var _api$analytics3;
216
193
  return onHandleDismiss(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions);
217
194
  },
218
- xcss: pressableStyles
195
+ xcss: pressableStyles.pressable
219
196
  }, formatMessage(tasksAndDecisionsMessages.dismiss))))));
220
197
  },
221
198
  trigger: function trigger(triggerProps) {
package/dist/esm/tasksAndDecisionsPlugin.compiled.css ADDED
@@ -0,0 +1 @@
1
+ ._1e0c1txw{display:flex}
package/dist/esm/tasksAndDecisionsPlugin.js CHANGED
@@ -1,14 +1,12 @@
1
+ /* tasksAndDecisionsPlugin.tsx generated by @compiled/babel-plugin v0.36.1 */
1
2
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
+ import "./tasksAndDecisionsPlugin.compiled.css";
5
+ import * as React from 'react';
6
+ import { ax, ix } from "@compiled/react/runtime";
3
7
  import _regeneratorRuntime from "@babel/runtime/regenerator";
4
8
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
9
  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; }
6
- /**
7
- * @jsxRuntime classic
8
- * @jsx jsx
9
- */
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
- import { css, jsx } from '@emotion/react';
12
10
  import { decisionList, taskItem, taskList } from '@atlaskit/adf-schema';
13
11
  import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
14
12
  import { MAX_INDENTATION_LEVEL } from '@atlaskit/editor-common/indentation';
@@ -28,9 +26,7 @@ import { createPlugin } from './pm-plugins/main';
28
26
  import { stateKey as taskPluginKey } from './pm-plugins/plugin-key';
29
27
  import ToolbarDecision from './ui/ToolbarDecision';
30
28
  import ToolbarTask from './ui/ToolbarTask';
31
- var taskDecisionToolbarGroupStyles = css({
32
- display: 'flex'
33
- });
29
+ var taskDecisionToolbarGroupStyles = null;
34
30
  // @nodeSpecException:toDOM patch
35
31
  export var taskItemSpecWithFixedToDOM = function taskItemSpecWithFixedToDOM() {
36
32
  if (editorExperiment('platform_editor_exp_lazy_node_views', false)) {
@@ -261,14 +257,14 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref2) {
261
257
  secondaryToolbarComponent: function secondaryToolbarComponent(_ref10) {
262
258
  var editorView = _ref10.editorView,
263
259
  disabled = _ref10.disabled;
264
- return jsx("div", {
265
- css: taskDecisionToolbarGroupStyles
266
- }, jsx(ToolbarDecision, {
260
+ return /*#__PURE__*/React.createElement("div", {
261
+ className: ax(["_1e0c1txw"])
262
+ }, /*#__PURE__*/React.createElement(ToolbarDecision, {
267
263
  editorView: editorView,
268
264
  isDisabled: disabled,
269
265
  isReducedSpacing: true,
270
266
  editorAPI: api
271
- }), jsx(ToolbarTask, {
267
+ }), /*#__PURE__*/React.createElement(ToolbarTask, {
272
268
  editorView: editorView,
273
269
  isDisabled: disabled,
274
270
  isReducedSpacing: true,
@@ -286,7 +282,7 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref2) {
286
282
  keywords: ['checkbox', 'task', 'todo'],
287
283
  keyshortcut: '[]',
288
284
  icon: function icon() {
289
- return jsx(IconAction, null);
285
+ return /*#__PURE__*/React.createElement(IconAction, null);
290
286
  },
291
287
  action: function action(insert, state) {
292
288
  var _api$analytics5;
@@ -299,7 +295,7 @@ export var tasksAndDecisionsPlugin = function tasksAndDecisionsPlugin(_ref2) {
299
295
  priority: 900,
300
296
  keyshortcut: '<>',
301
297
  icon: function icon() {
302
- return jsx(IconDecision, null);
298
+ return /*#__PURE__*/React.createElement(IconDecision, null);
303
299
  },
304
300
  action: function action(insert, state) {
305
301
  var _api$analytics6;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-tasks-and-decisions",
3
- "version": "3.0.3",
3
+ "version": "4.0.0",
4
4
  "description": "Tasks and decisions plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -25,7 +25,9 @@
25
25
  ]
26
26
  }
27
27
  },
28
- "sideEffects": false,
28
+ "sideEffects": [
29
+ "**/*.compiled.css"
30
+ ],
29
31
  "atlaskit:src": "src/index.ts",
30
32
  "af:exports": {
31
33
  ".": "./src/index.ts"
@@ -34,7 +36,8 @@
34
36
  "@atlaskit/adf-schema": "^47.2.1",
35
37
  "@atlaskit/analytics-namespaced-context": "^7.0.0",
36
38
  "@atlaskit/analytics-next": "^11.0.0",
37
- "@atlaskit/editor-common": "^100.1.0",
39
+ "@atlaskit/css": "^0.10.0",
40
+ "@atlaskit/editor-common": "^100.2.0",
38
41
  "@atlaskit/editor-plugin-analytics": "^2.0.0",
39
42
  "@atlaskit/editor-plugin-context-identifier": "^2.0.0",
40
43
  "@atlaskit/editor-plugin-editor-viewmode": "3.0.0",
@@ -43,14 +46,14 @@
43
46
  "@atlaskit/heading": "5.1.0",
44
47
  "@atlaskit/icon": "24.1.0",
45
48
  "@atlaskit/platform-feature-flags": "^1.1.0",
46
- "@atlaskit/popup": "2.0.0",
47
- "@atlaskit/primitives": "14.1.0",
49
+ "@atlaskit/popup": "2.0.1",
50
+ "@atlaskit/primitives": "14.1.2",
48
51
  "@atlaskit/prosemirror-input-rules": "^3.3.0",
49
52
  "@atlaskit/task-decision": "^19.0.0",
50
53
  "@atlaskit/tmp-editor-statsig": "^3.2.0",
51
54
  "@atlaskit/tokens": "4.2.0",
52
55
  "@babel/runtime": "^7.0.0",
53
- "@emotion/react": "^11.7.1"
56
+ "@compiled/react": "^0.18.2"
54
57
  },
55
58
  "peerDependencies": {
56
59
  "react": "^18.2.0",
@@ -95,8 +98,7 @@
95
98
  ],
96
99
  "deprecation": "no-deprecated-imports",
97
100
  "styling": [
98
- "emotion",
99
- "emotion"
101
+ "compiled"
100
102
  ],
101
103
  "imports": [
102
104
  "import-no-extraneous-disable-for-examples-and-docs"