@atlaskit/color-picker 5.1.4 → 5.1.6
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 +12 -0
- package/afm-cc/tsconfig.json +1 -1
- package/dist/cjs/components/ColorPaletteMenu.js +2 -2
- package/dist/cjs/components/ColorPicker.js +5 -3
- package/dist/es2019/components/ColorPaletteMenu.js +2 -2
- package/dist/es2019/components/ColorPicker.js +5 -3
- package/dist/esm/components/ColorPaletteMenu.js +2 -2
- package/dist/esm/components/ColorPicker.js +5 -3
- package/dist/types/components/ColorPicker.d.ts +2 -0
- package/dist/types-ts4.5/components/ColorPicker.d.ts +2 -0
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
package/afm-cc/tsconfig.json
CHANGED
|
@@ -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.5"
|
|
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.5"
|
|
150
150
|
})((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
|
|
151
151
|
var colorCardWrapperStyles = null;
|
|
152
152
|
var colorPaletteContainerStyles = null;
|
|
@@ -40,7 +40,7 @@ var defaultPopperProps = {
|
|
|
40
40
|
placement: 'bottom-start'
|
|
41
41
|
};
|
|
42
42
|
var packageName = "@atlaskit/color-picker";
|
|
43
|
-
var packageVersion = "5.1.
|
|
43
|
+
var packageVersion = "5.1.5";
|
|
44
44
|
var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
45
45
|
function ColorPickerWithoutAnalyticsBase() {
|
|
46
46
|
var _this;
|
|
@@ -120,7 +120,8 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
120
120
|
isDisabledSelectedSwatch = _this$props.isDisabledSelectedSwatch,
|
|
121
121
|
intl = _this$props.intl,
|
|
122
122
|
_this$props$variant = _this$props.variant,
|
|
123
|
-
variant = _this$props$variant === void 0 ? 'fill' : _this$props$variant
|
|
123
|
+
variant = _this$props$variant === void 0 ? 'fill' : _this$props$variant,
|
|
124
|
+
testId = _this$props.testId;
|
|
124
125
|
var _getOptions = (0, _utils.getOptions)(palette, selectedColor, showDefaultSwatchColor),
|
|
125
126
|
options = _getOptions.options,
|
|
126
127
|
value = _getOptions.value;
|
|
@@ -160,7 +161,8 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
160
161
|
variant: variant,
|
|
161
162
|
onKeyDown: this.onKeyDown,
|
|
162
163
|
isTabbing: this.state.isTabbing,
|
|
163
|
-
onOptionKeyDown: this.onOptionKeyDown
|
|
164
|
+
onOptionKeyDown: this.onOptionKeyDown,
|
|
165
|
+
testId: testId
|
|
164
166
|
}, (0, _platformFeatureFlags.fg)('one_event_rules_them_all_fg') && {
|
|
165
167
|
onMenuOpen: this.props.onMenuOpen
|
|
166
168
|
}));
|
|
@@ -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.5"
|
|
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.5"
|
|
124
124
|
})(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
|
|
125
125
|
const colorCardWrapperStyles = null;
|
|
126
126
|
const colorPaletteContainerStyles = null;
|
|
@@ -24,7 +24,7 @@ const defaultPopperProps = {
|
|
|
24
24
|
placement: 'bottom-start'
|
|
25
25
|
};
|
|
26
26
|
const packageName = "@atlaskit/color-picker";
|
|
27
|
-
const packageVersion = "5.1.
|
|
27
|
+
const packageVersion = "5.1.5";
|
|
28
28
|
class ColorPickerWithoutAnalyticsBase extends React.Component {
|
|
29
29
|
constructor(...args) {
|
|
30
30
|
super(...args);
|
|
@@ -93,7 +93,8 @@ class ColorPickerWithoutAnalyticsBase extends React.Component {
|
|
|
93
93
|
showDefaultSwatchColor = true,
|
|
94
94
|
isDisabledSelectedSwatch,
|
|
95
95
|
intl,
|
|
96
|
-
variant = 'fill'
|
|
96
|
+
variant = 'fill',
|
|
97
|
+
testId
|
|
97
98
|
} = this.props;
|
|
98
99
|
const {
|
|
99
100
|
options,
|
|
@@ -134,7 +135,8 @@ class ColorPickerWithoutAnalyticsBase extends React.Component {
|
|
|
134
135
|
variant: variant,
|
|
135
136
|
onKeyDown: this.onKeyDown,
|
|
136
137
|
isTabbing: this.state.isTabbing,
|
|
137
|
-
onOptionKeyDown: this.onOptionKeyDown
|
|
138
|
+
onOptionKeyDown: this.onOptionKeyDown,
|
|
139
|
+
testId: testId
|
|
138
140
|
}, fg('one_event_rules_them_all_fg') && {
|
|
139
141
|
onMenuOpen: this.props.onMenuOpen
|
|
140
142
|
}));
|
|
@@ -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.5"
|
|
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.5"
|
|
141
141
|
})(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
|
|
142
142
|
var colorCardWrapperStyles = null;
|
|
143
143
|
var colorPaletteContainerStyles = null;
|
|
@@ -31,7 +31,7 @@ var defaultPopperProps = {
|
|
|
31
31
|
placement: 'bottom-start'
|
|
32
32
|
};
|
|
33
33
|
var packageName = "@atlaskit/color-picker";
|
|
34
|
-
var packageVersion = "5.1.
|
|
34
|
+
var packageVersion = "5.1.5";
|
|
35
35
|
var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
36
36
|
function ColorPickerWithoutAnalyticsBase() {
|
|
37
37
|
var _this;
|
|
@@ -111,7 +111,8 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
111
111
|
isDisabledSelectedSwatch = _this$props.isDisabledSelectedSwatch,
|
|
112
112
|
intl = _this$props.intl,
|
|
113
113
|
_this$props$variant = _this$props.variant,
|
|
114
|
-
variant = _this$props$variant === void 0 ? 'fill' : _this$props$variant
|
|
114
|
+
variant = _this$props$variant === void 0 ? 'fill' : _this$props$variant,
|
|
115
|
+
testId = _this$props.testId;
|
|
115
116
|
var _getOptions = getOptions(palette, selectedColor, showDefaultSwatchColor),
|
|
116
117
|
options = _getOptions.options,
|
|
117
118
|
value = _getOptions.value;
|
|
@@ -151,7 +152,8 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
151
152
|
variant: variant,
|
|
152
153
|
onKeyDown: this.onKeyDown,
|
|
153
154
|
isTabbing: this.state.isTabbing,
|
|
154
|
-
onOptionKeyDown: this.onOptionKeyDown
|
|
155
|
+
onOptionKeyDown: this.onOptionKeyDown,
|
|
156
|
+
testId: testId
|
|
155
157
|
}, fg('one_event_rules_them_all_fg') && {
|
|
156
158
|
onMenuOpen: this.props.onMenuOpen
|
|
157
159
|
}));
|
|
@@ -35,6 +35,8 @@ export interface Props {
|
|
|
35
35
|
onMenuOpen?: () => void;
|
|
36
36
|
/** Display filled or outline variant of the color */
|
|
37
37
|
variant?: ColorCardVariant;
|
|
38
|
+
/** Test ID */
|
|
39
|
+
testId?: string;
|
|
38
40
|
}
|
|
39
41
|
export declare const ColorPickerWithoutAnalytics: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
40
42
|
WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
|
|
@@ -35,6 +35,8 @@ export interface Props {
|
|
|
35
35
|
onMenuOpen?: () => void;
|
|
36
36
|
/** Display filled or outline variant of the color */
|
|
37
37
|
variant?: ColorCardVariant;
|
|
38
|
+
/** Test ID */
|
|
39
|
+
testId?: string;
|
|
38
40
|
}
|
|
39
41
|
export declare const ColorPickerWithoutAnalytics: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
40
42
|
WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/color-picker",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.6",
|
|
4
4
|
"description": "Jira Color Picker Component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
33
|
-
"@atlaskit/css": "^0.
|
|
34
|
-
"@atlaskit/icon": "^
|
|
33
|
+
"@atlaskit/css": "^0.11.0",
|
|
34
|
+
"@atlaskit/icon": "^27.0.0",
|
|
35
35
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
36
|
-
"@atlaskit/select": "^20.
|
|
36
|
+
"@atlaskit/select": "^20.7.0",
|
|
37
37
|
"@atlaskit/theme": "^18.0.0",
|
|
38
|
-
"@atlaskit/tokens": "^5.
|
|
39
|
-
"@atlaskit/tooltip": "^20.
|
|
38
|
+
"@atlaskit/tokens": "^5.3.0",
|
|
39
|
+
"@atlaskit/tooltip": "^20.3.0",
|
|
40
40
|
"@babel/runtime": "^7.0.0",
|
|
41
41
|
"@compiled/react": "^0.18.3",
|
|
42
42
|
"memoize-one": "^6.0.0",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@af/integration-testing": "workspace:^",
|
|
51
51
|
"@af/visual-regression": "workspace:^",
|
|
52
|
-
"@atlaskit/primitives": "^14.
|
|
52
|
+
"@atlaskit/primitives": "^14.9.0",
|
|
53
53
|
"@atlaskit/visual-regression": "workspace:^",
|
|
54
54
|
"@testing-library/react": "^13.4.0",
|
|
55
55
|
"@testing-library/user-event": "^14.4.3",
|