@atlaskit/task-decision 17.10.0 → 17.10.2
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 +1399 -1392
- package/afm-jira/tsconfig.json +39 -0
- package/afm-post-office/tsconfig.json +39 -0
- package/dist/cjs/components/DecisionItem.js +11 -2
- package/dist/cjs/components/DecisionList.js +20 -14
- package/dist/cjs/components/Item.js +22 -11
- package/dist/cjs/components/TaskItem.js +9 -2
- package/dist/cjs/components/TaskList.js +24 -18
- package/dist/cjs/components/styles.js +164 -15
- package/dist/es2019/components/DecisionItem.js +10 -2
- package/dist/es2019/components/DecisionList.js +22 -15
- package/dist/es2019/components/Item.js +22 -11
- package/dist/es2019/components/TaskItem.js +8 -2
- package/dist/es2019/components/TaskList.js +26 -19
- package/dist/es2019/components/styles.js +155 -137
- package/dist/esm/components/DecisionItem.js +10 -2
- package/dist/esm/components/DecisionList.js +21 -14
- package/dist/esm/components/Item.js +22 -11
- package/dist/esm/components/TaskItem.js +8 -2
- package/dist/esm/components/TaskList.js +25 -18
- package/dist/esm/components/styles.js +163 -15
- package/dist/types/api/TaskDecisionResource.d.ts +1 -1
- package/dist/types/api/TaskDecisionUtils.d.ts +1 -1
- package/dist/types/components/DecisionItem.d.ts +5 -2
- package/dist/types/components/DecisionList.d.ts +5 -2
- package/dist/types/components/Item.d.ts +5 -2
- package/dist/types/components/ResourcedTaskItem.d.ts +1 -1
- package/dist/types/components/TaskItem.d.ts +6 -3
- package/dist/types/components/TaskList.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/type-helpers.d.ts +1 -1
- package/dist/types/types.d.ts +1 -1
- package/dist/types-ts4.5/api/TaskDecisionResource.d.ts +1 -1
- package/dist/types-ts4.5/api/TaskDecisionUtils.d.ts +1 -1
- package/dist/types-ts4.5/components/DecisionItem.d.ts +5 -2
- package/dist/types-ts4.5/components/DecisionList.d.ts +5 -2
- package/dist/types-ts4.5/components/Item.d.ts +5 -2
- package/dist/types-ts4.5/components/ResourcedTaskItem.d.ts +1 -1
- package/dist/types-ts4.5/components/TaskItem.d.ts +6 -3
- package/dist/types-ts4.5/components/TaskList.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/type-helpers.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +1 -1
- package/docs/01-intro.tsx +8 -14
- package/package.json +86 -87
- package/report.api.md +269 -268
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import React, { useMemo, useRef } from 'react';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
7
|
import { jsx } from '@emotion/react';
|
|
4
8
|
import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
|
|
5
9
|
import Item from './Item';
|
|
@@ -54,7 +58,9 @@ var TaskItem = function TaskItem(props) {
|
|
|
54
58
|
};
|
|
55
59
|
}, [handleOnChange]);
|
|
56
60
|
var inputRef = useRef(null);
|
|
57
|
-
var icon =
|
|
61
|
+
var icon =
|
|
62
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
63
|
+
jsx("span", {
|
|
58
64
|
css: checkboxStyles(isRenderer),
|
|
59
65
|
contentEditable: false
|
|
60
66
|
}, jsx("input", {
|
|
@@ -5,9 +5,13 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
|
|
|
5
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
6
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
7
7
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
8
|
-
/**
|
|
8
|
+
/**
|
|
9
|
+
* @jsxRuntime classic
|
|
10
|
+
* @jsx jsx
|
|
11
|
+
*/
|
|
9
12
|
import React from 'react';
|
|
10
13
|
import { PureComponent } from 'react';
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
15
|
import { jsx } from '@emotion/react';
|
|
12
16
|
import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
|
|
13
17
|
import { listStyles, taskListStyles } from './styles';
|
|
@@ -35,23 +39,26 @@ var TaskList = /*#__PURE__*/function (_PureComponent) {
|
|
|
35
39
|
// and action items, which all share the common `<li>` element.
|
|
36
40
|
// The value of `data-task-local-id` should be discarded upon paste, with a
|
|
37
41
|
// a new uuid generated by the editor for the cloned content.
|
|
38
|
-
return
|
|
39
|
-
css
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"
|
|
53
|
-
|
|
54
|
-
|
|
42
|
+
return (
|
|
43
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
44
|
+
jsx("div", {
|
|
45
|
+
css: [listStyles, taskListStyles],
|
|
46
|
+
"data-task-list-local-id": ""
|
|
47
|
+
}, React.Children.map(children, function (child, idx) {
|
|
48
|
+
var _ref = child.props,
|
|
49
|
+
localId = _ref.localId;
|
|
50
|
+
return jsx(FabricElementsAnalyticsContext, {
|
|
51
|
+
data: {
|
|
52
|
+
listLocalId: listId,
|
|
53
|
+
listSize: listSize,
|
|
54
|
+
position: idx
|
|
55
|
+
}
|
|
56
|
+
}, jsx("div", {
|
|
57
|
+
key: idx,
|
|
58
|
+
"data-task-local-id": localId || ''
|
|
59
|
+
}, child));
|
|
60
|
+
}))
|
|
61
|
+
);
|
|
55
62
|
}
|
|
56
63
|
}]);
|
|
57
64
|
return TaskList;
|
|
@@ -1,30 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
var _templateObject;
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
2
|
import { css } from '@emotion/react';
|
|
4
3
|
import { N200, N20A } from '@atlaskit/theme/colors';
|
|
5
4
|
import checkboxTheme from './theme';
|
|
6
5
|
|
|
7
6
|
/*
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
Increasing specificity with double ampersand to ensure these rules take
|
|
8
|
+
priority over the global styles applied to 'ol' elements.
|
|
10
9
|
*/
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
11
11
|
export var listStyles = css({
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
12
13
|
'&&': {
|
|
13
14
|
listStyleType: 'none',
|
|
14
15
|
paddingLeft: 0
|
|
15
16
|
}
|
|
16
17
|
});
|
|
18
|
+
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
17
20
|
export var taskListStyles = css({
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
22
|
'div + div': {
|
|
19
23
|
marginTop: "var(--ds-space-050, 4px)"
|
|
20
24
|
}
|
|
21
25
|
});
|
|
26
|
+
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
22
28
|
export var contentStyles = css({
|
|
23
29
|
margin: 0,
|
|
24
30
|
wordWrap: 'break-word',
|
|
25
31
|
minWidth: 0,
|
|
26
32
|
flex: '1 1 auto'
|
|
27
33
|
});
|
|
34
|
+
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
28
36
|
export var taskStyles = css({
|
|
29
37
|
display: 'flex',
|
|
30
38
|
flexDirection: 'row',
|
|
@@ -40,6 +48,7 @@ export var decisionStyles = function decisionStyles() {
|
|
|
40
48
|
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
41
49
|
backgroundColor: "var(--ds-background-neutral, ".concat(N20A, ")"),
|
|
42
50
|
position: 'relative',
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
43
52
|
'.decision-item': {
|
|
44
53
|
cursor: 'initial'
|
|
45
54
|
}
|
|
@@ -47,6 +56,7 @@ export var decisionStyles = function decisionStyles() {
|
|
|
47
56
|
};
|
|
48
57
|
export var placeholderStyles = function placeholderStyles(offset) {
|
|
49
58
|
return css({
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
50
60
|
margin: "0 0 0 ".concat(offset, "px"),
|
|
51
61
|
position: 'absolute',
|
|
52
62
|
color: "var(--ds-text-subtlest, ".concat(N200, ")"),
|
|
@@ -64,17 +74,155 @@ export var placeholderStyles = function placeholderStyles(offset) {
|
|
|
64
74
|
* which will allow migration to use @atlaskit/checkbox instead
|
|
65
75
|
*/
|
|
66
76
|
export var checkboxStyles = function checkboxStyles(isRenderer) {
|
|
67
|
-
return css(
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
+
return css({
|
|
78
|
+
flex: '0 0 24px',
|
|
79
|
+
width: '24px',
|
|
80
|
+
height: '24px',
|
|
81
|
+
position: 'relative',
|
|
82
|
+
alignSelf: 'start',
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
84
|
+
"& > input[type='checkbox']": {
|
|
85
|
+
width: '16px',
|
|
86
|
+
height: '16px',
|
|
87
|
+
zIndex: 1,
|
|
88
|
+
cursor: 'pointer',
|
|
89
|
+
outline: 'none',
|
|
90
|
+
margin: 0,
|
|
91
|
+
opacity: 0,
|
|
92
|
+
position: 'absolute',
|
|
93
|
+
top: '50%',
|
|
94
|
+
left: '50%',
|
|
95
|
+
transform: 'translate(-50%, -50%)',
|
|
96
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
97
|
+
'&[disabled]': {
|
|
98
|
+
cursor: 'default'
|
|
99
|
+
},
|
|
100
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
101
|
+
'+ span': {
|
|
102
|
+
width: '24px',
|
|
103
|
+
height: '24px',
|
|
104
|
+
position: 'absolute',
|
|
105
|
+
top: '50%',
|
|
106
|
+
left: '50%',
|
|
107
|
+
transform: 'translate(-50%, -50%)'
|
|
108
|
+
},
|
|
109
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
110
|
+
'+ span > svg': {
|
|
111
|
+
boxSizing: 'border-box',
|
|
112
|
+
display: 'inline',
|
|
113
|
+
top: '50%',
|
|
114
|
+
left: '50%',
|
|
115
|
+
transform: 'translate(-50%, -50%)',
|
|
116
|
+
maxWidth: 'unset',
|
|
117
|
+
maxHeight: 'unset',
|
|
118
|
+
position: 'absolute',
|
|
119
|
+
overflow: 'hidden',
|
|
120
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
121
|
+
color: checkboxTheme.light.boxColor.rest,
|
|
122
|
+
transition: 'color 0.2s ease-in-out, fill 0.2s ease-in-out',
|
|
123
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
124
|
+
'path:first-of-type': {
|
|
125
|
+
visibility: 'hidden'
|
|
126
|
+
},
|
|
127
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
128
|
+
'rect:first-of-type': {
|
|
129
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
130
|
+
stroke: checkboxTheme.light.borderColor.rest,
|
|
131
|
+
strokeWidth: 1,
|
|
132
|
+
transition: 'stroke 0.2s ease-in-out'
|
|
133
|
+
}
|
|
134
|
+
},
|
|
135
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
136
|
+
'&:hover + span > svg': {
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
138
|
+
color: checkboxTheme.light.boxColor.hovered,
|
|
139
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
140
|
+
'rect:first-of-type': {
|
|
141
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
142
|
+
stroke: checkboxTheme.light.borderColor.hovered
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
146
|
+
'&:checked:hover + span > svg': {
|
|
147
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
148
|
+
color: checkboxTheme.light.boxColor.hoveredAndChecked,
|
|
149
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
150
|
+
fill: checkboxTheme.light.tickColor.checked,
|
|
151
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
152
|
+
'rect:first-of-type': {
|
|
153
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
154
|
+
stroke: checkboxTheme.light.borderColor.hoveredAndChecked
|
|
155
|
+
}
|
|
156
|
+
},
|
|
157
|
+
'&:checked': {
|
|
158
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
159
|
+
'+ span > svg': {
|
|
160
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
161
|
+
'path:first-of-type': {
|
|
162
|
+
visibility: 'visible'
|
|
163
|
+
},
|
|
164
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
165
|
+
color: checkboxTheme.light.boxColor.checked,
|
|
166
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
167
|
+
fill: checkboxTheme.light.tickColor.checked,
|
|
168
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
169
|
+
'rect:first-of-type': {
|
|
170
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
171
|
+
stroke: checkboxTheme.light.borderColor.checked
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
176
|
+
'&:active + span > svg': {
|
|
177
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
178
|
+
color: checkboxTheme.light.boxColor.active,
|
|
179
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
180
|
+
'rect:first-of-type': {
|
|
181
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
182
|
+
stroke: checkboxTheme.light.borderColor.active
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
186
|
+
'&:checked:active + span > svg': {
|
|
187
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
188
|
+
color: checkboxTheme.light.boxColor.active,
|
|
189
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
190
|
+
fill: checkboxTheme.light.tickColor.activeAndChecked,
|
|
191
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
192
|
+
'rect:first-of-type': {
|
|
193
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
194
|
+
stroke: checkboxTheme.light.borderColor.active
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
198
|
+
'&:disabled + span > svg, &:disabled:hover + span > svg, &:disabled:focus + span > svg, &:disabled:active + span > svg': {
|
|
199
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
200
|
+
color: checkboxTheme.light.boxColor.disabled,
|
|
201
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
202
|
+
'rect:first-of-type': {
|
|
203
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
204
|
+
stroke: checkboxTheme.light.borderColor.disabled
|
|
205
|
+
}
|
|
206
|
+
},
|
|
207
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
208
|
+
'&:disabled:checked + span > svg': {
|
|
209
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
210
|
+
fill: checkboxTheme.light.tickColor.disabledAndChecked
|
|
211
|
+
},
|
|
212
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
213
|
+
'&:focus + span::after': {
|
|
214
|
+
position: 'absolute',
|
|
215
|
+
width: "var(--ds-space-200, 16px)",
|
|
216
|
+
height: "var(--ds-space-200, 16px)",
|
|
217
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
218
|
+
border: "2px solid ".concat(checkboxTheme.light.borderColor.focused),
|
|
219
|
+
borderRadius: "var(--ds-space-050, 4px)",
|
|
220
|
+
content: "''",
|
|
221
|
+
display: 'block',
|
|
222
|
+
top: '50%',
|
|
223
|
+
left: '50%',
|
|
224
|
+
transform: 'translate(-50%, -50%)'
|
|
77
225
|
}
|
|
78
226
|
}
|
|
79
|
-
})
|
|
227
|
+
});
|
|
80
228
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BaseItem, ServiceTaskState, DecisionState, Handler, ObjectKey, PubSubClient, RecentUpdateContext, RecentUpdatesId, RecentUpdatesListener, ServiceTask, TaskDecisionProvider, TaskDecisionResourceConfig, TaskState, ServiceItem } from '../types';
|
|
1
|
+
import { type BaseItem, type ServiceTaskState, type DecisionState, type Handler, type ObjectKey, type PubSubClient, type RecentUpdateContext, type RecentUpdatesId, type RecentUpdatesListener, type ServiceTask, type TaskDecisionProvider, type TaskDecisionResourceConfig, type TaskState, type ServiceItem } from '../types';
|
|
2
2
|
export declare const ACTION_CREATED_FPS_EVENT = "avi:task-decision-service:created:action";
|
|
3
3
|
export declare const ACTION_EDITED_FPS_EVENT = "avi:task-decision-service:edited:action";
|
|
4
4
|
export declare const ACTION_DELETED_FPS_EVENT = "avi:task-decision-service:deleted:action";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ServiceTask, Task, ServiceTaskState, BaseItem, TaskState } from '../types';
|
|
1
|
+
import { type ServiceTask, type Task, type ServiceTaskState, type BaseItem, type TaskState } from '../types';
|
|
2
2
|
export declare const convertServiceTaskToTask: (serviceTask: ServiceTask) => Task;
|
|
3
3
|
export declare const convertServiceTaskStateToBaseItem: (serviceTaskInfo: ServiceTaskState) => BaseItem<TaskState>;
|
|
4
4
|
export declare const findIndex: (array: any[], predicate: (item: any) => boolean) => number;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import { Appearance, ContentRef } from '../types';
|
|
6
|
+
import { type Appearance, type ContentRef } from '../types';
|
|
4
7
|
export interface Props {
|
|
5
8
|
children?: any;
|
|
6
9
|
contentRef?: ContentRef;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
/**
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { PureComponent, type ReactNode } from 'react';
|
|
3
6
|
import { jsx } from '@emotion/react';
|
|
4
7
|
export interface Props {
|
|
5
8
|
children?: ReactNode;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import { PureComponent } from 'react';
|
|
3
6
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { Appearance, ContentRef, TaskType, DecisionType } from '../types';
|
|
7
|
+
import { type Appearance, type ContentRef, type TaskType, type DecisionType } from '../types';
|
|
5
8
|
export interface Props {
|
|
6
9
|
icon: JSX.Element;
|
|
7
10
|
itemType: TaskType | DecisionType;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import React from 'react';
|
|
3
|
-
import { Appearance, ContentRef } from '../types';
|
|
4
|
-
import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
6
|
+
import { type Appearance, type ContentRef } from '../types';
|
|
7
|
+
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
5
8
|
export interface Props {
|
|
6
9
|
taskId: string;
|
|
7
10
|
isDone?: boolean;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -6,4 +6,4 @@ import TaskItem from './components/TaskItem';
|
|
|
6
6
|
import TaskList from './components/TaskList';
|
|
7
7
|
export { PubSubSpecialEventType } from './types';
|
|
8
8
|
export type { Appearance, ARI, AVI, BaseItem, ContentRef, Cursor, Decision, DecisionState, DecisionStatus, DecisionType, Handler, Item, Meta, ObjectKey, OnUpdate, PubSubClient, PubSubOnEvent, RecentUpdateContext, RecentUpdatesId, RecentUpdatesListener, RenderDocument, RendererContext, ServiceDecision, ServiceDecisionResponse, ServiceItem, ServiceTask, ServiceTaskState, Task, TaskDecisionProvider, TaskDecisionResourceConfig, TaskState, TaskType, UserId, } from './types';
|
|
9
|
-
export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList
|
|
9
|
+
export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BaseItem, Decision, Item, ObjectKey, ServiceDecision, ServiceTask, Task, TaskState } from './types';
|
|
1
|
+
import { type BaseItem, type Decision, type Item, type ObjectKey, type ServiceDecision, type ServiceTask, type Task, type TaskState } from './types';
|
|
2
2
|
export declare const isDecision: (item: Item) => item is Decision;
|
|
3
3
|
export declare const isTask: (item: Item) => item is Task;
|
|
4
4
|
export declare const toObjectKey: (item: Item | ServiceDecision | ServiceTask | BaseItem<any>) => ObjectKey;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ServiceConfig } from '@atlaskit/util-service-support';
|
|
2
|
+
import { type ServiceConfig } from '@atlaskit/util-service-support';
|
|
3
3
|
export type DecisionState = 'DECIDED';
|
|
4
4
|
export type DecisionStatus = 'CREATED';
|
|
5
5
|
export type TaskState = 'TODO' | 'DONE';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BaseItem, ServiceTaskState, DecisionState, Handler, ObjectKey, PubSubClient, RecentUpdateContext, RecentUpdatesId, RecentUpdatesListener, ServiceTask, TaskDecisionProvider, TaskDecisionResourceConfig, TaskState, ServiceItem } from '../types';
|
|
1
|
+
import { type BaseItem, type ServiceTaskState, type DecisionState, type Handler, type ObjectKey, type PubSubClient, type RecentUpdateContext, type RecentUpdatesId, type RecentUpdatesListener, type ServiceTask, type TaskDecisionProvider, type TaskDecisionResourceConfig, type TaskState, type ServiceItem } from '../types';
|
|
2
2
|
export declare const ACTION_CREATED_FPS_EVENT = "avi:task-decision-service:created:action";
|
|
3
3
|
export declare const ACTION_EDITED_FPS_EVENT = "avi:task-decision-service:edited:action";
|
|
4
4
|
export declare const ACTION_DELETED_FPS_EVENT = "avi:task-decision-service:deleted:action";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ServiceTask, Task, ServiceTaskState, BaseItem, TaskState } from '../types';
|
|
1
|
+
import { type ServiceTask, type Task, type ServiceTaskState, type BaseItem, type TaskState } from '../types';
|
|
2
2
|
export declare const convertServiceTaskToTask: (serviceTask: ServiceTask) => Task;
|
|
3
3
|
export declare const convertServiceTaskStateToBaseItem: (serviceTaskInfo: ServiceTaskState) => BaseItem<TaskState>;
|
|
4
4
|
export declare const findIndex: (array: any[], predicate: (item: any) => boolean) => number;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import { jsx } from '@emotion/react';
|
|
3
|
-
import { Appearance, ContentRef } from '../types';
|
|
6
|
+
import { type Appearance, type ContentRef } from '../types';
|
|
4
7
|
export interface Props {
|
|
5
8
|
children?: any;
|
|
6
9
|
contentRef?: ContentRef;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
/**
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
5
|
+
import { PureComponent, type ReactNode } from 'react';
|
|
3
6
|
import { jsx } from '@emotion/react';
|
|
4
7
|
export interface Props {
|
|
5
8
|
children?: ReactNode;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import { PureComponent } from 'react';
|
|
3
6
|
import { jsx } from '@emotion/react';
|
|
4
|
-
import { Appearance, ContentRef, TaskType, DecisionType } from '../types';
|
|
7
|
+
import { type Appearance, type ContentRef, type TaskType, type DecisionType } from '../types';
|
|
5
8
|
export interface Props {
|
|
6
9
|
icon: JSX.Element;
|
|
7
10
|
itemType: TaskType | DecisionType;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
* @jsx jsx
|
|
4
|
+
*/
|
|
2
5
|
import React from 'react';
|
|
3
|
-
import { Appearance, ContentRef } from '../types';
|
|
4
|
-
import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
6
|
+
import { type Appearance, type ContentRef } from '../types';
|
|
7
|
+
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
5
8
|
export interface Props {
|
|
6
9
|
taskId: string;
|
|
7
10
|
isDone?: boolean;
|
|
@@ -6,4 +6,4 @@ import TaskItem from './components/TaskItem';
|
|
|
6
6
|
import TaskList from './components/TaskList';
|
|
7
7
|
export { PubSubSpecialEventType } from './types';
|
|
8
8
|
export type { Appearance, ARI, AVI, BaseItem, ContentRef, Cursor, Decision, DecisionState, DecisionStatus, DecisionType, Handler, Item, Meta, ObjectKey, OnUpdate, PubSubClient, PubSubOnEvent, RecentUpdateContext, RecentUpdatesId, RecentUpdatesListener, RenderDocument, RendererContext, ServiceDecision, ServiceDecisionResponse, ServiceItem, ServiceTask, ServiceTaskState, Task, TaskDecisionProvider, TaskDecisionResourceConfig, TaskState, TaskType, UserId, } from './types';
|
|
9
|
-
export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList
|
|
9
|
+
export { DecisionItem, DecisionList, ResourcedTaskItem, TaskDecisionResource, TaskItem, TaskList };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BaseItem, Decision, Item, ObjectKey, ServiceDecision, ServiceTask, Task, TaskState } from './types';
|
|
1
|
+
import { type BaseItem, type Decision, type Item, type ObjectKey, type ServiceDecision, type ServiceTask, type Task, type TaskState } from './types';
|
|
2
2
|
export declare const isDecision: (item: Item) => item is Decision;
|
|
3
3
|
export declare const isTask: (item: Item) => item is Task;
|
|
4
4
|
export declare const toObjectKey: (item: Item | ServiceDecision | ServiceTask | BaseItem<any>) => ObjectKey;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ServiceConfig } from '@atlaskit/util-service-support';
|
|
2
|
+
import { type ServiceConfig } from '@atlaskit/util-service-support';
|
|
3
3
|
export type DecisionState = 'DECIDED';
|
|
4
4
|
export type DecisionStatus = 'CREATED';
|
|
5
5
|
export type TaskState = 'TODO' | 'DONE';
|
package/docs/01-intro.tsx
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
md,
|
|
4
|
-
Example,
|
|
5
|
-
Props,
|
|
6
|
-
code,
|
|
7
|
-
AtlassianInternalWarning,
|
|
8
|
-
} from '@atlaskit/docs';
|
|
2
|
+
import { md, Example, Props, code, AtlassianInternalWarning } from '@atlaskit/docs';
|
|
9
3
|
|
|
10
4
|
import TaskDecisionExample from '../examples/00-decision-item';
|
|
11
5
|
const TaskDecisionSource = require('!!raw-loader!../examples/00-decision-item');
|
|
@@ -34,13 +28,13 @@ export default md`
|
|
|
34
28
|
};`}
|
|
35
29
|
|
|
36
30
|
${(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
31
|
+
<Example
|
|
32
|
+
packageName="@atlaskit/status"
|
|
33
|
+
Component={TaskDecisionExample}
|
|
34
|
+
title="Status Picker"
|
|
35
|
+
source={TaskDecisionSource}
|
|
36
|
+
/>
|
|
37
|
+
)}
|
|
44
38
|
|
|
45
39
|
${(<Props heading="Decision Props" props={TaskDecisionProps} />)}
|
|
46
40
|
`;
|