@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.
Files changed (46) hide show
  1. package/CHANGELOG.md +1399 -1392
  2. package/afm-jira/tsconfig.json +39 -0
  3. package/afm-post-office/tsconfig.json +39 -0
  4. package/dist/cjs/components/DecisionItem.js +11 -2
  5. package/dist/cjs/components/DecisionList.js +20 -14
  6. package/dist/cjs/components/Item.js +22 -11
  7. package/dist/cjs/components/TaskItem.js +9 -2
  8. package/dist/cjs/components/TaskList.js +24 -18
  9. package/dist/cjs/components/styles.js +164 -15
  10. package/dist/es2019/components/DecisionItem.js +10 -2
  11. package/dist/es2019/components/DecisionList.js +22 -15
  12. package/dist/es2019/components/Item.js +22 -11
  13. package/dist/es2019/components/TaskItem.js +8 -2
  14. package/dist/es2019/components/TaskList.js +26 -19
  15. package/dist/es2019/components/styles.js +155 -137
  16. package/dist/esm/components/DecisionItem.js +10 -2
  17. package/dist/esm/components/DecisionList.js +21 -14
  18. package/dist/esm/components/Item.js +22 -11
  19. package/dist/esm/components/TaskItem.js +8 -2
  20. package/dist/esm/components/TaskList.js +25 -18
  21. package/dist/esm/components/styles.js +163 -15
  22. package/dist/types/api/TaskDecisionResource.d.ts +1 -1
  23. package/dist/types/api/TaskDecisionUtils.d.ts +1 -1
  24. package/dist/types/components/DecisionItem.d.ts +5 -2
  25. package/dist/types/components/DecisionList.d.ts +5 -2
  26. package/dist/types/components/Item.d.ts +5 -2
  27. package/dist/types/components/ResourcedTaskItem.d.ts +1 -1
  28. package/dist/types/components/TaskItem.d.ts +6 -3
  29. package/dist/types/components/TaskList.d.ts +1 -1
  30. package/dist/types/index.d.ts +1 -1
  31. package/dist/types/type-helpers.d.ts +1 -1
  32. package/dist/types/types.d.ts +1 -1
  33. package/dist/types-ts4.5/api/TaskDecisionResource.d.ts +1 -1
  34. package/dist/types-ts4.5/api/TaskDecisionUtils.d.ts +1 -1
  35. package/dist/types-ts4.5/components/DecisionItem.d.ts +5 -2
  36. package/dist/types-ts4.5/components/DecisionList.d.ts +5 -2
  37. package/dist/types-ts4.5/components/Item.d.ts +5 -2
  38. package/dist/types-ts4.5/components/ResourcedTaskItem.d.ts +1 -1
  39. package/dist/types-ts4.5/components/TaskItem.d.ts +6 -3
  40. package/dist/types-ts4.5/components/TaskList.d.ts +1 -1
  41. package/dist/types-ts4.5/index.d.ts +1 -1
  42. package/dist/types-ts4.5/type-helpers.d.ts +1 -1
  43. package/dist/types-ts4.5/types.d.ts +1 -1
  44. package/docs/01-intro.tsx +8 -14
  45. package/package.json +86 -87
  46. package/report.api.md +269 -268
@@ -1,5 +1,9 @@
1
- /** @jsx jsx */
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 = jsx("span", {
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
- /** @jsx jsx */
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 jsx("div", {
39
- css: [listStyles, taskListStyles],
40
- "data-task-list-local-id": ""
41
- }, React.Children.map(children, function (child, idx) {
42
- var _ref = child.props,
43
- localId = _ref.localId;
44
- return jsx(FabricElementsAnalyticsContext, {
45
- data: {
46
- listLocalId: listId,
47
- listSize: listSize,
48
- position: idx
49
- }
50
- }, jsx("div", {
51
- key: idx,
52
- "data-task-local-id": localId || ''
53
- }, child));
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
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
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
- Increasing specificity with double ampersand to ensure these rules take
9
- priority over the global styles applied to 'ol' elements.
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(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 0 0 24px;\n width: 24px;\n height: 24px;\n position: relative;\n align-self: start;\n\n & > input[type='checkbox'] {\n width: 16px;\n height: 16px;\n z-index: 1;\n cursor: pointer;\n outline: none;\n margin: 0;\n opacity: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n &[disabled] {\n cursor: default;\n }\n\n + span {\n width: 24px;\n height: 24px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n + span > svg {\n box-sizing: border-box;\n display: inline;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n max-width: unset;\n max-height: unset;\n position: absolute;\n overflow: hidden;\n color: ", ";\n transition: color 0.2s ease-in-out, fill 0.2s ease-in-out;\n path:first-of-type {\n visibility: hidden;\n }\n rect:first-of-type {\n stroke: ", ";\n stroke-width: ", ";\n transition: stroke 0.2s ease-in-out;\n }\n }\n\n &&:focus + span > svg,\n &&:checked:focus + span > svg {\n rect:first-of-type {\n stroke: ", ";\n }\n }\n\n &:hover + span > svg {\n color: ", ";\n rect:first-of-type {\n stroke: ", ";\n }\n }\n\n &:checked:hover + span > svg {\n color: ", ";\n fill: ", ";\n rect:first-of-type {\n stroke: ", ";\n }\n }\n\n &:checked {\n + span > svg {\n path:first-of-type {\n visibility: visible;\n }\n color: ", ";\n fill: ", ";\n rect:first-of-type {\n stroke: ", ";\n }\n }\n }\n\n &:active + span > svg {\n color: ", ";\n rect:first-of-type {\n stroke: ", ";\n }\n }\n\n &:checked:active + span > svg {\n color: ", ";\n fill: ", ";\n rect:first-of-type {\n stroke: ", ";\n }\n }\n\n &:disabled + span > svg,\n &:disabled:hover + span > svg,\n &:disabled:focus + span > svg,\n &:disabled:active + span > svg {\n color: ", ";\n rect:first-of-type {\n stroke: ", ";\n }\n }\n\n &:disabled:checked + span > svg {\n fill: ", ";\n }\n\n &:focus + span > svg rect:first-of-type {\n stroke: ", ";\n }\n &:checked:focus + span {\n & > svg {\n rect:first-of-type {\n stroke: ", ";\n }\n }\n }\n\n ", "\n }\n "])), checkboxTheme.light.boxColor.rest, checkboxTheme.light.borderColor.rest, 1, checkboxTheme.light.borderColor.focused, checkboxTheme.light.boxColor.hovered, checkboxTheme.light.borderColor.hovered, checkboxTheme.light.boxColor.hoveredAndChecked, checkboxTheme.light.tickColor.checked, checkboxTheme.light.borderColor.hoveredAndChecked, checkboxTheme.light.boxColor.checked, checkboxTheme.light.tickColor.checked, checkboxTheme.light.borderColor.checked, checkboxTheme.light.boxColor.active, checkboxTheme.light.borderColor.active, checkboxTheme.light.boxColor.active, checkboxTheme.light.tickColor.activeAndChecked, checkboxTheme.light.borderColor.active, checkboxTheme.light.boxColor.disabled, checkboxTheme.light.borderColor.disabled, checkboxTheme.light.tickColor.disabledAndChecked, checkboxTheme.light.boxColor.checked, checkboxTheme.light.borderColor.focused, isRenderer ? css({
68
- '&:focus + span > svg, &:checked:focus + span > svg': {
69
- 'rect:first-of-type': {
70
- stroke: checkboxTheme.light.borderColor.focused
71
- }
72
- }
73
- }) : css({
74
- '&:active:focus + span > svg, &:checked:active:focus + span > svg': {
75
- 'rect:first-of-type': {
76
- stroke: checkboxTheme.light.borderColor.focused
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
- /** @jsx jsx */
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
- /** @jsx jsx */
2
- import { PureComponent, ReactNode } from 'react';
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
- /** @jsx jsx */
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,5 +1,5 @@
1
1
  import { PureComponent } from 'react';
2
- import { Appearance, ContentRef, TaskDecisionProvider } from '../types';
2
+ import { type Appearance, type ContentRef, type TaskDecisionProvider } from '../types';
3
3
  export interface Props {
4
4
  taskId: string;
5
5
  isDone?: boolean;
@@ -1,7 +1,10 @@
1
- /** @jsx jsx */
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;
@@ -1,4 +1,4 @@
1
- import { PureComponent, ReactNode } from 'react';
1
+ import { PureComponent, type ReactNode } from 'react';
2
2
  import { jsx } from '@emotion/react';
3
3
  export interface Props {
4
4
  listId?: string;
@@ -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';
@@ -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
- /** @jsx jsx */
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
- /** @jsx jsx */
2
- import { PureComponent, ReactNode } from 'react';
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
- /** @jsx jsx */
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,5 +1,5 @@
1
1
  import { PureComponent } from 'react';
2
- import { Appearance, ContentRef, TaskDecisionProvider } from '../types';
2
+ import { type Appearance, type ContentRef, type TaskDecisionProvider } from '../types';
3
3
  export interface Props {
4
4
  taskId: string;
5
5
  isDone?: boolean;
@@ -1,7 +1,10 @@
1
- /** @jsx jsx */
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;
@@ -1,4 +1,4 @@
1
- import { PureComponent, ReactNode } from 'react';
1
+ import { PureComponent, type ReactNode } from 'react';
2
2
  import { jsx } from '@emotion/react';
3
3
  export interface Props {
4
4
  listId?: string;
@@ -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
- <Example
38
- packageName="@atlaskit/status"
39
- Component={TaskDecisionExample}
40
- title="Status Picker"
41
- source={TaskDecisionSource}
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
  `;