@atlaskit/color-picker 5.1.7 → 5.2.0
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 +4 -6
- package/dist/es2019/components/ColorPaletteMenu.js +2 -2
- package/dist/es2019/components/ColorPicker.js +4 -6
- package/dist/esm/components/ColorPaletteMenu.js +2 -2
- package/dist/esm/components/ColorPicker.js +4 -6
- package/package.json +4 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/color-picker
|
|
2
2
|
|
|
3
|
+
## 5.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#180876](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180876)
|
|
8
|
+
[`390f8dbbf76d3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/390f8dbbf76d3) -
|
|
9
|
+
Cleaned up feature flag one_event_rules_them_all_fg
|
|
10
|
+
|
|
11
|
+
## 5.1.8
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 5.1.7
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -61,7 +61,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
|
|
|
61
61
|
attributes: {
|
|
62
62
|
componentName: 'color-picker',
|
|
63
63
|
packageName: "@atlaskit/color-picker",
|
|
64
|
-
packageVersion: "5.1.
|
|
64
|
+
packageVersion: "5.1.8"
|
|
65
65
|
}
|
|
66
66
|
})(createAnalyticsEvent);
|
|
67
67
|
}
|
|
@@ -146,7 +146,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
|
|
|
146
146
|
var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
|
|
147
147
|
componentName: 'color-picker',
|
|
148
148
|
packageName: "@atlaskit/color-picker",
|
|
149
|
-
packageVersion: "5.1.
|
|
149
|
+
packageVersion: "5.1.8"
|
|
150
150
|
})((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
|
|
151
151
|
var colorCardWrapperStyles = null;
|
|
152
152
|
var colorPaletteContainerStyles = null;
|
|
@@ -24,7 +24,6 @@ var _constants = require("../constants");
|
|
|
24
24
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
25
25
|
var _utils = require("../utils");
|
|
26
26
|
var _reactIntlNext = require("react-intl-next");
|
|
27
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
28
27
|
var _messages = _interopRequireDefault(require("../messages"));
|
|
29
28
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
30
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)); }
|
|
@@ -40,7 +39,7 @@ var defaultPopperProps = {
|
|
|
40
39
|
placement: 'bottom-start'
|
|
41
40
|
};
|
|
42
41
|
var packageName = "@atlaskit/color-picker";
|
|
43
|
-
var packageVersion = "5.1.
|
|
42
|
+
var packageVersion = "5.1.8";
|
|
44
43
|
var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
45
44
|
function ColorPickerWithoutAnalyticsBase() {
|
|
46
45
|
var _this;
|
|
@@ -126,7 +125,7 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
126
125
|
options = _getOptions.options,
|
|
127
126
|
value = _getOptions.value;
|
|
128
127
|
var fullLabel = this.getFullLabel(intl, value, label);
|
|
129
|
-
return /*#__PURE__*/_react.default.createElement(_select.PopupSelect,
|
|
128
|
+
return /*#__PURE__*/_react.default.createElement(_select.PopupSelect, {
|
|
130
129
|
target: function target(_ref) {
|
|
131
130
|
var ref = _ref.ref,
|
|
132
131
|
isOpen = _ref.isOpen;
|
|
@@ -162,10 +161,9 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
162
161
|
onKeyDown: this.onKeyDown,
|
|
163
162
|
isTabbing: this.state.isTabbing,
|
|
164
163
|
onOptionKeyDown: this.onOptionKeyDown,
|
|
165
|
-
testId: testId
|
|
166
|
-
}, (0, _platformFeatureFlags.fg)('one_event_rules_them_all_fg') && {
|
|
164
|
+
testId: testId,
|
|
167
165
|
onMenuOpen: this.props.onMenuOpen
|
|
168
|
-
})
|
|
166
|
+
});
|
|
169
167
|
}
|
|
170
168
|
}]);
|
|
171
169
|
}(_react.default.Component);
|
|
@@ -42,7 +42,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
|
|
|
42
42
|
attributes: {
|
|
43
43
|
componentName: 'color-picker',
|
|
44
44
|
packageName: "@atlaskit/color-picker",
|
|
45
|
-
packageVersion: "5.1.
|
|
45
|
+
packageVersion: "5.1.8"
|
|
46
46
|
}
|
|
47
47
|
})(createAnalyticsEvent);
|
|
48
48
|
}
|
|
@@ -120,7 +120,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
|
|
|
120
120
|
export default withAnalyticsContext({
|
|
121
121
|
componentName: 'color-picker',
|
|
122
122
|
packageName: "@atlaskit/color-picker",
|
|
123
|
-
packageVersion: "5.1.
|
|
123
|
+
packageVersion: "5.1.8"
|
|
124
124
|
})(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
|
|
125
125
|
const colorCardWrapperStyles = null;
|
|
126
126
|
const colorPaletteContainerStyles = null;
|
|
@@ -11,7 +11,6 @@ import { KEY_ARROW_DOWN, KEY_ARROW_UP, KEY_TAB, KEY_ESCAPE } from '../constants'
|
|
|
11
11
|
import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
12
12
|
import { getOptions } from '../utils';
|
|
13
13
|
import { injectIntl } from 'react-intl-next';
|
|
14
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
14
|
import messages from '../messages';
|
|
16
15
|
const defaultPopperProps = {
|
|
17
16
|
strategy: 'fixed',
|
|
@@ -24,7 +23,7 @@ const defaultPopperProps = {
|
|
|
24
23
|
placement: 'bottom-start'
|
|
25
24
|
};
|
|
26
25
|
const packageName = "@atlaskit/color-picker";
|
|
27
|
-
const packageVersion = "5.1.
|
|
26
|
+
const packageVersion = "5.1.8";
|
|
28
27
|
class ColorPickerWithoutAnalyticsBase extends React.Component {
|
|
29
28
|
constructor(...args) {
|
|
30
29
|
super(...args);
|
|
@@ -101,7 +100,7 @@ class ColorPickerWithoutAnalyticsBase extends React.Component {
|
|
|
101
100
|
value
|
|
102
101
|
} = getOptions(palette, selectedColor, showDefaultSwatchColor);
|
|
103
102
|
const fullLabel = this.getFullLabel(intl, value, label);
|
|
104
|
-
return /*#__PURE__*/React.createElement(PopupSelect,
|
|
103
|
+
return /*#__PURE__*/React.createElement(PopupSelect, {
|
|
105
104
|
target: ({
|
|
106
105
|
ref,
|
|
107
106
|
isOpen
|
|
@@ -136,10 +135,9 @@ class ColorPickerWithoutAnalyticsBase extends React.Component {
|
|
|
136
135
|
onKeyDown: this.onKeyDown,
|
|
137
136
|
isTabbing: this.state.isTabbing,
|
|
138
137
|
onOptionKeyDown: this.onOptionKeyDown,
|
|
139
|
-
testId: testId
|
|
140
|
-
}, fg('one_event_rules_them_all_fg') && {
|
|
138
|
+
testId: testId,
|
|
141
139
|
onMenuOpen: this.props.onMenuOpen
|
|
142
|
-
})
|
|
140
|
+
});
|
|
143
141
|
}
|
|
144
142
|
}
|
|
145
143
|
export const ColorPickerWithoutAnalytics = injectIntl(ColorPickerWithoutAnalyticsBase);
|
|
@@ -52,7 +52,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
|
|
|
52
52
|
attributes: {
|
|
53
53
|
componentName: 'color-picker',
|
|
54
54
|
packageName: "@atlaskit/color-picker",
|
|
55
|
-
packageVersion: "5.1.
|
|
55
|
+
packageVersion: "5.1.8"
|
|
56
56
|
}
|
|
57
57
|
})(createAnalyticsEvent);
|
|
58
58
|
}
|
|
@@ -137,7 +137,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
|
|
|
137
137
|
export default withAnalyticsContext({
|
|
138
138
|
componentName: 'color-picker',
|
|
139
139
|
packageName: "@atlaskit/color-picker",
|
|
140
|
-
packageVersion: "5.1.
|
|
140
|
+
packageVersion: "5.1.8"
|
|
141
141
|
})(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
|
|
142
142
|
var colorCardWrapperStyles = null;
|
|
143
143
|
var colorPaletteContainerStyles = null;
|
|
@@ -18,7 +18,6 @@ import { KEY_ARROW_DOWN, KEY_ARROW_UP, KEY_TAB, KEY_ESCAPE } from '../constants'
|
|
|
18
18
|
import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
19
19
|
import { getOptions } from '../utils';
|
|
20
20
|
import { injectIntl } from 'react-intl-next';
|
|
21
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
21
|
import messages from '../messages';
|
|
23
22
|
var defaultPopperProps = {
|
|
24
23
|
strategy: 'fixed',
|
|
@@ -31,7 +30,7 @@ var defaultPopperProps = {
|
|
|
31
30
|
placement: 'bottom-start'
|
|
32
31
|
};
|
|
33
32
|
var packageName = "@atlaskit/color-picker";
|
|
34
|
-
var packageVersion = "5.1.
|
|
33
|
+
var packageVersion = "5.1.8";
|
|
35
34
|
var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
36
35
|
function ColorPickerWithoutAnalyticsBase() {
|
|
37
36
|
var _this;
|
|
@@ -117,7 +116,7 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
117
116
|
options = _getOptions.options,
|
|
118
117
|
value = _getOptions.value;
|
|
119
118
|
var fullLabel = this.getFullLabel(intl, value, label);
|
|
120
|
-
return /*#__PURE__*/React.createElement(PopupSelect,
|
|
119
|
+
return /*#__PURE__*/React.createElement(PopupSelect, {
|
|
121
120
|
target: function target(_ref) {
|
|
122
121
|
var ref = _ref.ref,
|
|
123
122
|
isOpen = _ref.isOpen;
|
|
@@ -153,10 +152,9 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
153
152
|
onKeyDown: this.onKeyDown,
|
|
154
153
|
isTabbing: this.state.isTabbing,
|
|
155
154
|
onOptionKeyDown: this.onOptionKeyDown,
|
|
156
|
-
testId: testId
|
|
157
|
-
}, fg('one_event_rules_them_all_fg') && {
|
|
155
|
+
testId: testId,
|
|
158
156
|
onMenuOpen: this.props.onMenuOpen
|
|
159
|
-
})
|
|
157
|
+
});
|
|
160
158
|
}
|
|
161
159
|
}]);
|
|
162
160
|
}(React.Component);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/color-picker",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.2.0",
|
|
4
4
|
"description": "Jira Color Picker Component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,12 +25,11 @@
|
|
|
25
25
|
"team": "AAIS: Chronos",
|
|
26
26
|
"website": {
|
|
27
27
|
"name": "Color Picker"
|
|
28
|
-
}
|
|
29
|
-
"runReact18": true
|
|
28
|
+
}
|
|
30
29
|
},
|
|
31
30
|
"dependencies": {
|
|
32
31
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
33
|
-
"@atlaskit/css": "^0.
|
|
32
|
+
"@atlaskit/css": "^0.12.0",
|
|
34
33
|
"@atlaskit/icon": "^27.2.0",
|
|
35
34
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
36
35
|
"@atlaskit/select": "^21.0.0",
|
|
@@ -49,7 +48,7 @@
|
|
|
49
48
|
"devDependencies": {
|
|
50
49
|
"@af/integration-testing": "workspace:^",
|
|
51
50
|
"@af/visual-regression": "workspace:^",
|
|
52
|
-
"@atlaskit/primitives": "^14.
|
|
51
|
+
"@atlaskit/primitives": "^14.10.0",
|
|
53
52
|
"@atlaskit/visual-regression": "workspace:^",
|
|
54
53
|
"@testing-library/react": "^13.4.0",
|
|
55
54
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -79,9 +78,6 @@
|
|
|
79
78
|
"platform-feature-flags": {
|
|
80
79
|
"platform-design-system-dsp-20821-color-pickr-focus": {
|
|
81
80
|
"type": "boolean"
|
|
82
|
-
},
|
|
83
|
-
"one_event_rules_them_all_fg": {
|
|
84
|
-
"type": "boolean"
|
|
85
81
|
}
|
|
86
82
|
},
|
|
87
83
|
"sideEffects": [
|