@atlaskit/task-decision 17.5.8 → 17.5.9

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 (37) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/analytics/index.js +0 -2
  3. package/dist/cjs/api/TaskDecisionResource.js +11 -71
  4. package/dist/cjs/api/TaskDecisionUtils.js +6 -19
  5. package/dist/cjs/components/DecisionItem.js +6 -15
  6. package/dist/cjs/components/DecisionList.js +4 -24
  7. package/dist/cjs/components/Item.js +11 -38
  8. package/dist/cjs/components/ResourcedTaskItem.js +20 -52
  9. package/dist/cjs/components/TaskItem.js +14 -36
  10. package/dist/cjs/components/TaskList.js +6 -28
  11. package/dist/cjs/components/listStyle.js +0 -2
  12. package/dist/cjs/index.js +0 -8
  13. package/dist/cjs/type-helpers.js +2 -12
  14. package/dist/cjs/types.js +0 -4
  15. package/dist/cjs/version.json +1 -1
  16. package/dist/es2019/api/TaskDecisionResource.js +15 -75
  17. package/dist/es2019/api/TaskDecisionUtils.js +0 -1
  18. package/dist/es2019/components/DecisionItem.js +1 -3
  19. package/dist/es2019/components/DecisionList.js +4 -5
  20. package/dist/es2019/components/Item.js +1 -12
  21. package/dist/es2019/components/ResourcedTaskItem.js +7 -22
  22. package/dist/es2019/components/TaskItem.js +3 -8
  23. package/dist/es2019/components/TaskList.js +3 -5
  24. package/dist/es2019/types.js +1 -1
  25. package/dist/es2019/version.json +1 -1
  26. package/dist/esm/api/TaskDecisionResource.js +11 -74
  27. package/dist/esm/api/TaskDecisionUtils.js +6 -12
  28. package/dist/esm/components/DecisionItem.js +6 -8
  29. package/dist/esm/components/DecisionList.js +5 -15
  30. package/dist/esm/components/Item.js +12 -28
  31. package/dist/esm/components/ResourcedTaskItem.js +20 -46
  32. package/dist/esm/components/TaskItem.js +14 -21
  33. package/dist/esm/components/TaskList.js +6 -17
  34. package/dist/esm/type-helpers.js +2 -2
  35. package/dist/esm/types.js +1 -1
  36. package/dist/esm/version.json +1 -1
  37. package/package.json +2 -2
@@ -1,40 +1,24 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
11
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
15
  var _react = require("react");
25
-
26
16
  var _react2 = require("@emotion/react");
27
-
28
17
  var _components = require("@atlaskit/theme/components");
29
-
30
18
  var _colors = require("@atlaskit/theme/colors");
31
-
32
19
  var _constants = require("@atlaskit/theme/constants");
33
-
34
20
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
35
-
36
21
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
-
38
22
  var contentStyle = (0, _react2.css)({
39
23
  margin: 0,
40
24
  wordWrap: 'break-word',
@@ -47,7 +31,6 @@ var taskStyles = (0, _react2.css)({
47
31
  padding: '6px 3px',
48
32
  position: 'relative'
49
33
  });
50
-
51
34
  var decisionStyles = function decisionStyles(theme) {
52
35
  return (0, _react2.css)({
53
36
  display: 'flex',
@@ -68,7 +51,6 @@ var decisionStyles = function decisionStyles(theme) {
68
51
  }
69
52
  });
70
53
  };
71
-
72
54
  var placeHolderStyles = function placeHolderStyles(offset) {
73
55
  return (0, _react2.css)({
74
56
  margin: "0 0 0 ".concat(offset, "px"),
@@ -81,30 +63,24 @@ var placeHolderStyles = function placeHolderStyles(offset) {
81
63
  maxWidth: 'calc(100% - 50px)'
82
64
  });
83
65
  };
84
-
85
66
  var Item = /*#__PURE__*/function (_PureComponent) {
86
67
  (0, _inherits2.default)(Item, _PureComponent);
87
-
88
68
  var _super = _createSuper(Item);
89
-
90
69
  function Item() {
91
70
  (0, _classCallCheck2.default)(this, Item);
92
71
  return _super.apply(this, arguments);
93
72
  }
94
-
95
73
  (0, _createClass2.default)(Item, [{
96
74
  key: "renderPlaceholder",
97
75
  value: function renderPlaceholder() {
98
76
  var _this$props = this.props,
99
- children = _this$props.children,
100
- placeholder = _this$props.placeholder,
101
- showPlaceholder = _this$props.showPlaceholder,
102
- itemType = _this$props.itemType;
103
-
77
+ children = _this$props.children,
78
+ placeholder = _this$props.placeholder,
79
+ showPlaceholder = _this$props.showPlaceholder,
80
+ itemType = _this$props.itemType;
104
81
  if (!showPlaceholder || !placeholder || children) {
105
82
  return null;
106
83
  }
107
-
108
84
  var offset = (0, _constants.gridSize)() * (itemType === 'TASK' ? 3 : 3.5);
109
85
  return (0, _react2.jsx)("span", {
110
86
  "data-component": "placeholder",
@@ -116,14 +92,13 @@ var Item = /*#__PURE__*/function (_PureComponent) {
116
92
  key: "renderMessageAppearance",
117
93
  value: function renderMessageAppearance() {
118
94
  var _this$props2 = this.props,
119
- contentRef = _this$props2.contentRef,
120
- children = _this$props2.children,
121
- icon = _this$props2.icon,
122
- itemType = _this$props2.itemType,
123
- checkBoxId = _this$props2.checkBoxId,
124
- dataAttributes = _this$props2.dataAttributes,
125
- theme = _this$props2.theme;
126
-
95
+ contentRef = _this$props2.contentRef,
96
+ children = _this$props2.children,
97
+ icon = _this$props2.icon,
98
+ itemType = _this$props2.itemType,
99
+ checkBoxId = _this$props2.checkBoxId,
100
+ dataAttributes = _this$props2.dataAttributes,
101
+ theme = _this$props2.theme;
127
102
  if (itemType === 'TASK') {
128
103
  return (0, _react2.jsx)("div", {
129
104
  css: taskStyles,
@@ -143,7 +118,6 @@ var Item = /*#__PURE__*/function (_PureComponent) {
143
118
  ref: contentRef
144
119
  }, dataAttributes), children));
145
120
  }
146
-
147
121
  return null;
148
122
  }
149
123
  }, {
@@ -154,7 +128,6 @@ var Item = /*#__PURE__*/function (_PureComponent) {
154
128
  }]);
155
129
  return Item;
156
130
  }(_react.PureComponent);
157
-
158
131
  exports.default = Item;
159
132
  (0, _defineProperty2.default)(Item, "defaultProps", {
160
133
  appearance: 'inline'
@@ -1,54 +1,32 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.default = void 0;
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
11
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
17
-
18
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
-
20
13
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
21
-
22
14
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
-
24
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
-
26
16
  var _react = _interopRequireWildcard(require("react"));
27
-
28
17
  var _TaskItem = _interopRequireDefault(require("./TaskItem"));
29
-
30
18
  var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
31
-
32
19
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
-
34
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
-
36
21
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
37
-
38
22
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
39
-
40
23
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
41
-
42
24
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
43
-
44
25
  var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
45
26
  (0, _inherits2.default)(ResourcedTaskItem, _PureComponent);
46
-
47
27
  var _super = _createSuper(ResourcedTaskItem);
48
-
49
28
  function ResourcedTaskItem(props) {
50
29
  var _this;
51
-
52
30
  (0, _classCallCheck2.default)(this, ResourcedTaskItem);
53
31
  _this = _super.call(this, props);
54
32
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mounted", false);
@@ -59,27 +37,26 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
59
37
  });
60
38
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOnChange", function (taskId, isDone) {
61
39
  var _this$props = _this.props,
62
- taskDecisionProvider = _this$props.taskDecisionProvider,
63
- objectAri = _this$props.objectAri,
64
- onChange = _this$props.onChange; // Optimistically update the task
65
-
40
+ taskDecisionProvider = _this$props.taskDecisionProvider,
41
+ objectAri = _this$props.objectAri,
42
+ onChange = _this$props.onChange;
43
+ // Optimistically update the task
66
44
  _this.setState({
67
45
  isDone: isDone
68
46
  });
69
-
70
47
  if (taskDecisionProvider && objectAri) {
71
48
  // Call provider to update task
72
49
  taskDecisionProvider.then(function (provider) {
73
50
  if (!_this.mounted) {
74
51
  return;
75
52
  }
76
-
77
53
  provider.toggleTask({
78
54
  localId: taskId,
79
55
  objectAri: objectAri
80
- }, isDone ? 'DONE' : 'TODO'); // onChange could trigger a rerender, in order to get the correct state
81
- // we should only call onChange once the internal state have been modified
56
+ }, isDone ? 'DONE' : 'TODO');
82
57
 
58
+ // onChange could trigger a rerender, in order to get the correct state
59
+ // we should only call onChange once the internal state have been modified
83
60
  if (onChange) {
84
61
  onChange(taskId, isDone);
85
62
  }
@@ -96,7 +73,6 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
96
73
  };
97
74
  return _this;
98
75
  }
99
-
100
76
  (0, _createClass2.default)(ResourcedTaskItem, [{
101
77
  key: "componentDidMount",
102
78
  value: function componentDidMount() {
@@ -112,7 +88,6 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
112
88
  // source of truth from the revised data.
113
89
  this.onUpdate(nextProps.isDone ? 'DONE' : 'TODO');
114
90
  }
115
-
116
91
  if (nextProps.taskDecisionProvider !== this.props.taskDecisionProvider || nextProps.objectAri !== this.props.objectAri) {
117
92
  this.unsubscribe();
118
93
  this.subscribe(nextProps.taskDecisionProvider, nextProps.objectAri, nextProps.isDone);
@@ -128,25 +103,21 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
128
103
  key: "subscribe",
129
104
  value: function subscribe(taskDecisionProvider, objectAri, isDone) {
130
105
  var _this2 = this;
131
-
132
106
  if (taskDecisionProvider && objectAri) {
133
107
  taskDecisionProvider.then(function (provider) {
134
108
  if (!_this2.mounted) {
135
109
  return;
136
110
  }
137
-
138
111
  var taskId = _this2.props.taskId;
139
112
  var objectKey = {
140
113
  localId: taskId,
141
114
  objectAri: objectAri
142
115
  };
143
-
144
116
  var item = _objectSpread(_objectSpread({}, objectKey), {}, {
145
117
  state: isDone ? 'DONE' : 'TODO',
146
118
  lastUpdateDate: new Date(),
147
119
  type: 'TASK'
148
120
  });
149
-
150
121
  provider.subscribe({
151
122
  localId: taskId,
152
123
  objectAri: objectAri
@@ -158,12 +129,10 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
158
129
  key: "unsubscribe",
159
130
  value: function unsubscribe() {
160
131
  var _this3 = this;
161
-
162
132
  var _this$props2 = this.props,
163
- taskDecisionProvider = _this$props2.taskDecisionProvider,
164
- taskId = _this$props2.taskId,
165
- objectAri = _this$props2.objectAri;
166
-
133
+ taskDecisionProvider = _this$props2.taskDecisionProvider,
134
+ taskId = _this$props2.taskId,
135
+ objectAri = _this$props2.objectAri;
167
136
  if (taskDecisionProvider && objectAri) {
168
137
  taskDecisionProvider.then(function (provider) {
169
138
  provider.unsubscribe({
@@ -178,16 +147,16 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
178
147
  value: function render() {
179
148
  var isDone = this.state.isDone;
180
149
  var _this$props3 = this.props,
181
- appearance = _this$props3.appearance,
182
- children = _this$props3.children,
183
- contentRef = _this$props3.contentRef,
184
- objectAri = _this$props3.objectAri,
185
- showPlaceholder = _this$props3.showPlaceholder,
186
- placeholder = _this$props3.placeholder,
187
- taskId = _this$props3.taskId,
188
- disabled = _this$props3.disabled,
189
- dataAttributes = _this$props3.dataAttributes,
190
- isRenderer = _this$props3.isRenderer;
150
+ appearance = _this$props3.appearance,
151
+ children = _this$props3.children,
152
+ contentRef = _this$props3.contentRef,
153
+ objectAri = _this$props3.objectAri,
154
+ showPlaceholder = _this$props3.showPlaceholder,
155
+ placeholder = _this$props3.placeholder,
156
+ taskId = _this$props3.taskId,
157
+ disabled = _this$props3.disabled,
158
+ dataAttributes = _this$props3.dataAttributes,
159
+ isRenderer = _this$props3.isRenderer;
191
160
  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
192
161
  data: {
193
162
  objectAri: objectAri
@@ -208,7 +177,6 @@ var ResourcedTaskItem = /*#__PURE__*/function (_PureComponent) {
208
177
  }]);
209
178
  return ResourcedTaskItem;
210
179
  }(_react.PureComponent);
211
-
212
180
  exports.default = ResourcedTaskItem;
213
181
  (0, _defineProperty2.default)(ResourcedTaskItem, "defaultProps", {
214
182
  appearance: 'inline'
@@ -1,44 +1,27 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.default = void 0;
11
-
12
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
10
  var _react = _interopRequireWildcard(require("react"));
15
-
16
11
  var _react2 = require("@emotion/react");
17
-
18
12
  var _Item = _interopRequireDefault(require("./Item"));
19
-
20
13
  var _analyticsNext = require("@atlaskit/analytics-next");
21
-
22
14
  var _analytics = require("../analytics");
23
-
24
15
  var _constants = require("@atlaskit/theme/constants");
25
-
26
16
  var _components = require("@atlaskit/theme/components");
27
-
28
17
  var _colors = require("@atlaskit/theme/colors");
29
-
30
18
  var _templateObject, _templateObject2;
31
-
32
19
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
-
34
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
-
36
21
  var taskCount = 0;
37
-
38
22
  var getCheckBoxId = function getCheckBoxId(localId) {
39
23
  return "".concat(localId, "-").concat(taskCount++);
40
24
  };
41
-
42
25
  var checkboxStyles = function checkboxStyles(isRenderer) {
43
26
  return function (theme) {
44
27
  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n flex: 0 0 16px;\n width: 16px;\n height: 16px;\n position: relative;\n align-self: start;\n margin: 4px ", "px 0 0;\n\n & > input[type='checkbox'] {\n width: 16px;\n height: 16px;\n z-index: 1;\n cursor: pointer;\n position: absolute;\n outline: none;\n margin: 0;\n opacity: 0;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n\n + div {\n box-sizing: border-box;\n display: inline;\n width: 100%;\n cursor: pointer;\n\n &::after {\n background: ", ";\n background-size: 16px;\n border-radius: 3px;\n border-style: solid;\n border-width: 1px;\n border-color: ", ";\n box-sizing: border-box;\n content: '';\n height: 16px;\n left: 50%;\n position: absolute;\n transition: border-color 0.2s ease-in-out;\n top: 8px;\n width: 16px;\n transform: translate(-50%, -50%);\n }\n }\n ", "\n\n &:not([disabled]):hover + div::after {\n background: ", ";\n transition: border 0.2s ease-in-out;\n }\n &[disabled] + div {\n opacity: 0.5;\n cursor: default;\n }\n &:checked {\n + div::after {\n background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n no-repeat 0 0;\n background-size: 16px;\n border: 0;\n border-color: transparent;\n }\n &:not([disabled]):hover + div::after {\n background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n no-repeat 0 0;\n background-size: 16px;\n }\n }\n }\n "])), (0, _constants.gridSize)(), (0, _components.themed)({
@@ -64,20 +47,19 @@ var checkboxStyles = function checkboxStyles(isRenderer) {
64
47
  }));
65
48
  };
66
49
  };
67
-
68
50
  var TaskItem = function TaskItem(props) {
69
51
  var appearance = props.appearance,
70
- isDone = props.isDone,
71
- isRenderer = props.isRenderer,
72
- contentRef = props.contentRef,
73
- children = props.children,
74
- placeholder = props.placeholder,
75
- showPlaceholder = props.showPlaceholder,
76
- disabled = props.disabled,
77
- dataAttributes = props.dataAttributes,
78
- taskId = props.taskId,
79
- onChange = props.onChange,
80
- createAnalyticsEvent = props.createAnalyticsEvent;
52
+ isDone = props.isDone,
53
+ isRenderer = props.isRenderer,
54
+ contentRef = props.contentRef,
55
+ children = props.children,
56
+ placeholder = props.placeholder,
57
+ showPlaceholder = props.showPlaceholder,
58
+ disabled = props.disabled,
59
+ dataAttributes = props.dataAttributes,
60
+ taskId = props.taskId,
61
+ onChange = props.onChange,
62
+ createAnalyticsEvent = props.createAnalyticsEvent;
81
63
  var theme = (0, _components.useGlobalTheme)();
82
64
  var checkBoxId = (0, _react.useMemo)(function () {
83
65
  return getCheckBoxId(taskId);
@@ -85,13 +67,10 @@ var TaskItem = function TaskItem(props) {
85
67
  var handleOnChange = (0, _react.useMemo)(function () {
86
68
  return function (_evt) {
87
69
  var newIsDone = !isDone;
88
-
89
70
  if (onChange) {
90
71
  onChange(taskId, newIsDone);
91
72
  }
92
-
93
73
  var action = newIsDone ? 'checked' : 'unchecked';
94
-
95
74
  if (createAnalyticsEvent) {
96
75
  (0, _analytics.createAndFireEventInElementsChannel)({
97
76
  action: action,
@@ -136,10 +115,9 @@ var TaskItem = function TaskItem(props) {
136
115
  checkBoxId: checkBoxId,
137
116
  theme: theme
138
117
  }, children);
139
- }; // This is to ensure that the "type" is exported, as it gets lost and not exported along with TaskItem after
140
- // going through the high order component.
141
-
118
+ };
142
119
 
120
+ // This is to ensure that the "type" is exported, as it gets lost and not exported along with TaskItem after
121
+ // going through the high order component.
143
122
  var _default = (0, _analyticsNext.withAnalyticsEvents)()(TaskItem);
144
-
145
123
  exports.default = _default;
@@ -1,75 +1,54 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.default = void 0;
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
11
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
12
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
14
  var _react = _interopRequireWildcard(require("react"));
23
-
24
15
  var _react2 = require("@emotion/react");
25
-
26
16
  var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
27
-
28
17
  var _listStyle = _interopRequireDefault(require("./listStyle"));
29
-
30
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
-
32
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
-
34
20
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
35
-
36
21
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
-
38
22
  var TaskList = /*#__PURE__*/function (_PureComponent) {
39
23
  (0, _inherits2.default)(TaskList, _PureComponent);
40
-
41
24
  var _super = _createSuper(TaskList);
42
-
43
25
  function TaskList() {
44
26
  (0, _classCallCheck2.default)(this, TaskList);
45
27
  return _super.apply(this, arguments);
46
28
  }
47
-
48
29
  (0, _createClass2.default)(TaskList, [{
49
30
  key: "render",
50
31
  value: function render() {
51
32
  var _this$props = this.props,
52
- listId = _this$props.listId,
53
- children = _this$props.children;
54
-
33
+ listId = _this$props.listId,
34
+ children = _this$props.children;
55
35
  var listSize = _react.default.Children.count(children);
56
-
57
36
  if (!children) {
58
37
  return null;
59
- } // Data attributes are required for copy and paste from rendered content
38
+ }
39
+
40
+ // Data attributes are required for copy and paste from rendered content
60
41
  // to the editor to preserve the task.
61
42
  // This allows the editor to differentiate between numbered and ordered lists,
62
43
  // and action items, which all share the common `<li>` element.
63
44
  // The value of `data-task-local-id` should be discarded upon paste, with a
64
45
  // a new uuid generated by the editor for the cloned content.
65
-
66
-
67
46
  return (0, _react2.jsx)("div", {
68
47
  css: _listStyle.default,
69
48
  "data-task-list-local-id": ""
70
49
  }, _react.default.Children.map(children, function (child, idx) {
71
50
  var _ref = child.props,
72
- localId = _ref.localId;
51
+ localId = _ref.localId;
73
52
  return (0, _react2.jsx)(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
74
53
  data: {
75
54
  listLocalId: listId,
@@ -85,5 +64,4 @@ var TaskList = /*#__PURE__*/function (_PureComponent) {
85
64
  }]);
86
65
  return TaskList;
87
66
  }(_react.PureComponent);
88
-
89
67
  exports.default = TaskList;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var listStyle = (0, _react.css)({
11
9
  /*
12
10
  Increasing specificity with double ampersand to ensure these rules take
package/dist/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -47,17 +46,10 @@ Object.defineProperty(exports, "TaskList", {
47
46
  return _TaskList.default;
48
47
  }
49
48
  });
50
-
51
49
  var _DecisionItem = _interopRequireDefault(require("./components/DecisionItem"));
52
-
53
50
  var _DecisionList = _interopRequireDefault(require("./components/DecisionList"));
54
-
55
51
  var _ResourcedTaskItem = _interopRequireDefault(require("./components/ResourcedTaskItem"));
56
-
57
52
  var _TaskDecisionResource = _interopRequireDefault(require("./api/TaskDecisionResource"));
58
-
59
53
  var _TaskItem = _interopRequireDefault(require("./components/TaskItem"));
60
-
61
54
  var _TaskList = _interopRequireDefault(require("./components/TaskList"));
62
-
63
55
  var _types = require("./types");
@@ -4,40 +4,30 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.toggleTaskState = exports.toObjectKey = exports.objectKeyToString = exports.isTask = exports.isDecision = void 0;
7
-
8
7
  var isDecision = function isDecision(item) {
9
8
  return !!(item && item.type === 'DECISION');
10
9
  };
11
-
12
10
  exports.isDecision = isDecision;
13
-
14
11
  var isTask = function isTask(item) {
15
12
  return !!(item && item.type === 'TASK');
16
13
  };
17
-
18
14
  exports.isTask = isTask;
19
-
20
15
  var toObjectKey = function toObjectKey(item) {
21
16
  var localId = item.localId,
22
- objectAri = item.objectAri;
17
+ objectAri = item.objectAri;
23
18
  return {
24
19
  localId: localId,
25
20
  objectAri: objectAri
26
21
  };
27
22
  };
28
-
29
23
  exports.toObjectKey = toObjectKey;
30
-
31
24
  var objectKeyToString = function objectKeyToString(objectKey) {
32
25
  var objectAri = objectKey.objectAri,
33
- localId = objectKey.localId;
26
+ localId = objectKey.localId;
34
27
  return "".concat(objectAri, ":").concat(localId);
35
28
  };
36
-
37
29
  exports.objectKeyToString = objectKeyToString;
38
-
39
30
  var toggleTaskState = function toggleTaskState(state) {
40
31
  return state === 'DONE' ? 'TODO' : 'DONE';
41
32
  };
42
-
43
33
  exports.toggleTaskState = toggleTaskState;
package/dist/cjs/types.js CHANGED
@@ -4,22 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.PubSubSpecialEventType = void 0;
7
-
8
7
  /**
9
8
  * A subscriber interface that can be called back if there are new decisions/tasks/items
10
9
  * available as the result of an external change.
11
10
  */
12
-
13
11
  /**
14
12
  * Same as RendererContext in editor-core (don't want an direct dep though)
15
13
  */
16
-
17
14
  /**
18
15
  * Same as PubSub client types (don't want a direct dep though)
19
16
  */
20
17
  var PubSubSpecialEventType;
21
18
  exports.PubSubSpecialEventType = PubSubSpecialEventType;
22
-
23
19
  (function (PubSubSpecialEventType) {
24
20
  PubSubSpecialEventType["ERROR"] = "ERROR";
25
21
  PubSubSpecialEventType["CONNECTED"] = "CONNECTED";
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/task-decision",
3
- "version": "17.5.8",
3
+ "version": "17.5.9",
4
4
  "sideEffects": false
5
5
  }