@atlaskit/color-picker 3.6.2 → 3.6.4
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 +14 -0
- package/dist/cjs/components/ColorPaletteMenu.js +2 -2
- package/dist/cjs/components/ColorPicker.js +13 -16
- package/dist/es2019/components/ColorPaletteMenu.js +2 -2
- package/dist/es2019/components/ColorPicker.js +1 -1
- package/dist/esm/components/ColorPaletteMenu.js +2 -2
- package/dist/esm/components/ColorPicker.js +13 -16
- package/package.json +4 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/color-picker
|
|
2
2
|
|
|
3
|
+
## 3.6.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#172505](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/172505)
|
|
8
|
+
[`e43cba2a879aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e43cba2a879aa) -
|
|
9
|
+
Remove explicit jest extension with .toBeAccessible matcher
|
|
10
|
+
|
|
11
|
+
## 3.6.3
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 3.6.2
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -63,7 +63,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
|
|
|
63
63
|
attributes: {
|
|
64
64
|
componentName: 'color-picker',
|
|
65
65
|
packageName: "@atlaskit/color-picker",
|
|
66
|
-
packageVersion: "3.6.
|
|
66
|
+
packageVersion: "3.6.4"
|
|
67
67
|
}
|
|
68
68
|
})(createAnalyticsEvent);
|
|
69
69
|
}
|
|
@@ -149,7 +149,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
|
|
|
149
149
|
var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
|
|
150
150
|
componentName: 'color-picker',
|
|
151
151
|
packageName: "@atlaskit/color-picker",
|
|
152
|
-
packageVersion: "3.6.
|
|
152
|
+
packageVersion: "3.6.4"
|
|
153
153
|
})((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
|
|
154
154
|
var colorCardWrapperStyles = (0, _react2.css)({
|
|
155
155
|
display: 'flex',
|
|
@@ -9,10 +9,9 @@ exports.default = exports.ColorPickerWithoutAnalytics = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
16
|
var _react = _interopRequireDefault(require("react"));
|
|
18
17
|
var _select = require("@atlaskit/select");
|
|
@@ -27,7 +26,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
27
26
|
var _messages = _interopRequireDefault(require("../messages"));
|
|
28
27
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
29
28
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
30
|
-
function
|
|
29
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
31
30
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
32
31
|
* @jsxRuntime classic
|
|
33
32
|
* @jsx jsx
|
|
@@ -43,22 +42,20 @@ var defaultPopperProps = {
|
|
|
43
42
|
placement: 'bottom-start'
|
|
44
43
|
};
|
|
45
44
|
var packageName = "@atlaskit/color-picker";
|
|
46
|
-
var packageVersion = "3.6.
|
|
45
|
+
var packageVersion = "3.6.4";
|
|
47
46
|
var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
48
|
-
(0, _inherits2.default)(ColorPickerWithoutAnalyticsBase, _React$Component);
|
|
49
|
-
var _super = _createSuper(ColorPickerWithoutAnalyticsBase);
|
|
50
47
|
function ColorPickerWithoutAnalyticsBase() {
|
|
51
48
|
var _this;
|
|
52
49
|
(0, _classCallCheck2.default)(this, ColorPickerWithoutAnalyticsBase);
|
|
53
50
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
54
51
|
args[_key] = arguments[_key];
|
|
55
52
|
}
|
|
56
|
-
_this =
|
|
57
|
-
(0, _defineProperty2.default)(
|
|
58
|
-
(0, _defineProperty2.default)(
|
|
53
|
+
_this = _callSuper(this, ColorPickerWithoutAnalyticsBase, [].concat(args));
|
|
54
|
+
(0, _defineProperty2.default)(_this, "createAndFireEventOnAtlaskit", (0, _analyticsNext.createAndFireEvent)('atlaskit'));
|
|
55
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
59
56
|
isTabbing: false
|
|
60
57
|
});
|
|
61
|
-
(0, _defineProperty2.default)(
|
|
58
|
+
(0, _defineProperty2.default)(_this, "changeAnalyticsCaller", function () {
|
|
62
59
|
var createAnalyticsEvent = _this.props.createAnalyticsEvent;
|
|
63
60
|
if (createAnalyticsEvent) {
|
|
64
61
|
return _this.createAndFireEventOnAtlaskit({
|
|
@@ -73,13 +70,13 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
73
70
|
}
|
|
74
71
|
return undefined;
|
|
75
72
|
});
|
|
76
|
-
(0, _defineProperty2.default)(
|
|
73
|
+
(0, _defineProperty2.default)(_this, "onChangeSelect", function (option) {
|
|
77
74
|
_this.props.onChange(option.value, _this.changeAnalyticsCaller());
|
|
78
75
|
});
|
|
79
|
-
(0, _defineProperty2.default)(
|
|
76
|
+
(0, _defineProperty2.default)(_this, "onOptionKeyDown", function (value) {
|
|
80
77
|
_this.props.onChange(value, _this.changeAnalyticsCaller());
|
|
81
78
|
});
|
|
82
|
-
(0, _defineProperty2.default)(
|
|
79
|
+
(0, _defineProperty2.default)(_this, "onKeyDown", function (e) {
|
|
83
80
|
var key = e.key;
|
|
84
81
|
if (key === _constants.KEY_TAB) {
|
|
85
82
|
_this.setState({
|
|
@@ -93,7 +90,7 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
93
90
|
e.stopPropagation();
|
|
94
91
|
}
|
|
95
92
|
});
|
|
96
|
-
(0, _defineProperty2.default)(
|
|
93
|
+
(0, _defineProperty2.default)(_this, "getFullLabel", function (intl, value, label) {
|
|
97
94
|
if (value && value.label) {
|
|
98
95
|
return intl.formatMessage(_messages.default.colorPickerAriaLabel, {
|
|
99
96
|
color: value.label,
|
|
@@ -105,7 +102,8 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
105
102
|
});
|
|
106
103
|
return _this;
|
|
107
104
|
}
|
|
108
|
-
(0,
|
|
105
|
+
(0, _inherits2.default)(ColorPickerWithoutAnalyticsBase, _React$Component);
|
|
106
|
+
return (0, _createClass2.default)(ColorPickerWithoutAnalyticsBase, [{
|
|
109
107
|
key: "render",
|
|
110
108
|
value: function render() {
|
|
111
109
|
var _this$props = this.props,
|
|
@@ -170,7 +168,6 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
170
168
|
}));
|
|
171
169
|
}
|
|
172
170
|
}]);
|
|
173
|
-
return ColorPickerWithoutAnalyticsBase;
|
|
174
171
|
}(_react.default.Component);
|
|
175
172
|
var ColorPickerWithoutAnalytics = exports.ColorPickerWithoutAnalytics = (0, _reactIntlNext.injectIntl)(ColorPickerWithoutAnalyticsBase);
|
|
176
173
|
var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
|
|
@@ -44,7 +44,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
|
|
|
44
44
|
attributes: {
|
|
45
45
|
componentName: 'color-picker',
|
|
46
46
|
packageName: "@atlaskit/color-picker",
|
|
47
|
-
packageVersion: "3.6.
|
|
47
|
+
packageVersion: "3.6.4"
|
|
48
48
|
}
|
|
49
49
|
})(createAnalyticsEvent);
|
|
50
50
|
}
|
|
@@ -123,7 +123,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
|
|
|
123
123
|
export default withAnalyticsContext({
|
|
124
124
|
componentName: 'color-picker',
|
|
125
125
|
packageName: "@atlaskit/color-picker",
|
|
126
|
-
packageVersion: "3.6.
|
|
126
|
+
packageVersion: "3.6.4"
|
|
127
127
|
})(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
|
|
128
128
|
const colorCardWrapperStyles = css({
|
|
129
129
|
display: 'flex',
|
|
@@ -27,7 +27,7 @@ const defaultPopperProps = {
|
|
|
27
27
|
placement: 'bottom-start'
|
|
28
28
|
};
|
|
29
29
|
const packageName = "@atlaskit/color-picker";
|
|
30
|
-
const packageVersion = "3.6.
|
|
30
|
+
const packageVersion = "3.6.4";
|
|
31
31
|
class ColorPickerWithoutAnalyticsBase extends React.Component {
|
|
32
32
|
constructor(...args) {
|
|
33
33
|
super(...args);
|
|
@@ -54,7 +54,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
|
|
|
54
54
|
attributes: {
|
|
55
55
|
componentName: 'color-picker',
|
|
56
56
|
packageName: "@atlaskit/color-picker",
|
|
57
|
-
packageVersion: "3.6.
|
|
57
|
+
packageVersion: "3.6.4"
|
|
58
58
|
}
|
|
59
59
|
})(createAnalyticsEvent);
|
|
60
60
|
}
|
|
@@ -140,7 +140,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
|
|
|
140
140
|
export default withAnalyticsContext({
|
|
141
141
|
componentName: 'color-picker',
|
|
142
142
|
packageName: "@atlaskit/color-picker",
|
|
143
|
-
packageVersion: "3.6.
|
|
143
|
+
packageVersion: "3.6.4"
|
|
144
144
|
})(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
|
|
145
145
|
var colorCardWrapperStyles = css({
|
|
146
146
|
display: 'flex',
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
-
function
|
|
8
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
10
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
10
|
/**
|
|
12
11
|
* @jsxRuntime classic
|
|
@@ -35,22 +34,20 @@ var defaultPopperProps = {
|
|
|
35
34
|
placement: 'bottom-start'
|
|
36
35
|
};
|
|
37
36
|
var packageName = "@atlaskit/color-picker";
|
|
38
|
-
var packageVersion = "3.6.
|
|
37
|
+
var packageVersion = "3.6.4";
|
|
39
38
|
var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
40
|
-
_inherits(ColorPickerWithoutAnalyticsBase, _React$Component);
|
|
41
|
-
var _super = _createSuper(ColorPickerWithoutAnalyticsBase);
|
|
42
39
|
function ColorPickerWithoutAnalyticsBase() {
|
|
43
40
|
var _this;
|
|
44
41
|
_classCallCheck(this, ColorPickerWithoutAnalyticsBase);
|
|
45
42
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
43
|
args[_key] = arguments[_key];
|
|
47
44
|
}
|
|
48
|
-
_this =
|
|
49
|
-
_defineProperty(
|
|
50
|
-
_defineProperty(
|
|
45
|
+
_this = _callSuper(this, ColorPickerWithoutAnalyticsBase, [].concat(args));
|
|
46
|
+
_defineProperty(_this, "createAndFireEventOnAtlaskit", createAndFireEvent('atlaskit'));
|
|
47
|
+
_defineProperty(_this, "state", {
|
|
51
48
|
isTabbing: false
|
|
52
49
|
});
|
|
53
|
-
_defineProperty(
|
|
50
|
+
_defineProperty(_this, "changeAnalyticsCaller", function () {
|
|
54
51
|
var createAnalyticsEvent = _this.props.createAnalyticsEvent;
|
|
55
52
|
if (createAnalyticsEvent) {
|
|
56
53
|
return _this.createAndFireEventOnAtlaskit({
|
|
@@ -65,13 +62,13 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
65
62
|
}
|
|
66
63
|
return undefined;
|
|
67
64
|
});
|
|
68
|
-
_defineProperty(
|
|
65
|
+
_defineProperty(_this, "onChangeSelect", function (option) {
|
|
69
66
|
_this.props.onChange(option.value, _this.changeAnalyticsCaller());
|
|
70
67
|
});
|
|
71
|
-
_defineProperty(
|
|
68
|
+
_defineProperty(_this, "onOptionKeyDown", function (value) {
|
|
72
69
|
_this.props.onChange(value, _this.changeAnalyticsCaller());
|
|
73
70
|
});
|
|
74
|
-
_defineProperty(
|
|
71
|
+
_defineProperty(_this, "onKeyDown", function (e) {
|
|
75
72
|
var key = e.key;
|
|
76
73
|
if (key === KEY_TAB) {
|
|
77
74
|
_this.setState({
|
|
@@ -85,7 +82,7 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
85
82
|
e.stopPropagation();
|
|
86
83
|
}
|
|
87
84
|
});
|
|
88
|
-
_defineProperty(
|
|
85
|
+
_defineProperty(_this, "getFullLabel", function (intl, value, label) {
|
|
89
86
|
if (value && value.label) {
|
|
90
87
|
return intl.formatMessage(messages.colorPickerAriaLabel, {
|
|
91
88
|
color: value.label,
|
|
@@ -97,7 +94,8 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
97
94
|
});
|
|
98
95
|
return _this;
|
|
99
96
|
}
|
|
100
|
-
|
|
97
|
+
_inherits(ColorPickerWithoutAnalyticsBase, _React$Component);
|
|
98
|
+
return _createClass(ColorPickerWithoutAnalyticsBase, [{
|
|
101
99
|
key: "render",
|
|
102
100
|
value: function render() {
|
|
103
101
|
var _this$props = this.props,
|
|
@@ -162,7 +160,6 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
162
160
|
}));
|
|
163
161
|
}
|
|
164
162
|
}]);
|
|
165
|
-
return ColorPickerWithoutAnalyticsBase;
|
|
166
163
|
}(React.Component);
|
|
167
164
|
export var ColorPickerWithoutAnalytics = injectIntl(ColorPickerWithoutAnalyticsBase);
|
|
168
165
|
export default withAnalyticsContext({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/color-picker",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.4",
|
|
4
4
|
"description": "Jira Color Picker Component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
"runReact18": true
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@atlaskit/analytics-next": "^10.
|
|
32
|
+
"@atlaskit/analytics-next": "^10.2.0",
|
|
33
33
|
"@atlaskit/icon": "^23.1.0",
|
|
34
34
|
"@atlaskit/platform-feature-flags": "0.3.0",
|
|
35
|
-
"@atlaskit/select": "^18.
|
|
35
|
+
"@atlaskit/select": "^18.9.0",
|
|
36
36
|
"@atlaskit/theme": "^14.0.0",
|
|
37
37
|
"@atlaskit/tokens": "^2.4.0",
|
|
38
|
-
"@atlaskit/tooltip": "^
|
|
38
|
+
"@atlaskit/tooltip": "^19.0.0",
|
|
39
39
|
"@babel/runtime": "^7.0.0",
|
|
40
40
|
"@emotion/react": "^11.7.1",
|
|
41
41
|
"memoize-one": "^6.0.0",
|
|
@@ -49,7 +49,6 @@
|
|
|
49
49
|
"@af/visual-regression": "*",
|
|
50
50
|
"@atlaskit/primitives": "^13.3.0",
|
|
51
51
|
"@atlaskit/visual-regression": "*",
|
|
52
|
-
"@atlassian/a11y-jest-testing": "*",
|
|
53
52
|
"@testing-library/react": "^12.1.5",
|
|
54
53
|
"@testing-library/user-event": "^14.4.3",
|
|
55
54
|
"ast-types": "^0.13.3",
|