@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.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/analytics/index.js +0 -2
- package/dist/cjs/api/TaskDecisionResource.js +11 -71
- package/dist/cjs/api/TaskDecisionUtils.js +6 -19
- package/dist/cjs/components/DecisionItem.js +6 -15
- package/dist/cjs/components/DecisionList.js +4 -24
- package/dist/cjs/components/Item.js +11 -38
- package/dist/cjs/components/ResourcedTaskItem.js +20 -52
- package/dist/cjs/components/TaskItem.js +14 -36
- package/dist/cjs/components/TaskList.js +6 -28
- package/dist/cjs/components/listStyle.js +0 -2
- package/dist/cjs/index.js +0 -8
- package/dist/cjs/type-helpers.js +2 -12
- package/dist/cjs/types.js +0 -4
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/api/TaskDecisionResource.js +15 -75
- package/dist/es2019/api/TaskDecisionUtils.js +0 -1
- package/dist/es2019/components/DecisionItem.js +1 -3
- package/dist/es2019/components/DecisionList.js +4 -5
- package/dist/es2019/components/Item.js +1 -12
- package/dist/es2019/components/ResourcedTaskItem.js +7 -22
- package/dist/es2019/components/TaskItem.js +3 -8
- package/dist/es2019/components/TaskList.js +3 -5
- package/dist/es2019/types.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/api/TaskDecisionResource.js +11 -74
- package/dist/esm/api/TaskDecisionUtils.js +6 -12
- package/dist/esm/components/DecisionItem.js +6 -8
- package/dist/esm/components/DecisionList.js +5 -15
- package/dist/esm/components/Item.js +12 -28
- package/dist/esm/components/ResourcedTaskItem.js +20 -46
- package/dist/esm/components/TaskItem.js +14 -21
- package/dist/esm/components/TaskList.js +6 -17
- package/dist/esm/type-helpers.js +2 -2
- package/dist/esm/types.js +1 -1
- package/dist/esm/version.json +1 -1
- 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
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
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
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
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
|
-
|
|
63
|
-
|
|
64
|
-
|
|
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');
|
|
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
|
-
|
|
164
|
-
|
|
165
|
-
|
|
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
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
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
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
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
|
-
};
|
|
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
|
-
|
|
53
|
-
|
|
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
|
-
}
|
|
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
|
-
|
|
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;
|
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");
|
package/dist/cjs/type-helpers.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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";
|
package/dist/cjs/version.json
CHANGED