@atlaskit/color-picker 3.0.7 → 3.0.8
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 +6 -0
- package/dist/cjs/components/ColorCard.js +12 -42
- package/dist/cjs/components/ColorPaletteMenu.js +10 -42
- package/dist/cjs/components/ColorPicker.js +16 -52
- package/dist/cjs/components/Trigger.js +3 -24
- package/dist/cjs/components/components.js +12 -28
- package/dist/cjs/index.js +1 -8
- package/dist/cjs/styled/ColorCard.js +0 -18
- package/dist/cjs/styled/ColorPalette.js +0 -13
- package/dist/cjs/styled/ColorPicker.js +0 -6
- package/dist/cjs/types.js +0 -1
- package/dist/cjs/utils.js +1 -7
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/ColorCard.js +2 -12
- package/dist/es2019/components/ColorPaletteMenu.js +0 -9
- package/dist/es2019/components/ColorPicker.js +5 -14
- package/dist/es2019/components/Trigger.js +0 -5
- package/dist/es2019/styled/ColorCard.js +2 -3
- package/dist/es2019/styled/ColorPalette.js +2 -2
- package/dist/es2019/types.js +0 -1
- package/dist/es2019/utils.js +0 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/ColorCard.js +14 -35
- package/dist/esm/components/ColorPaletteMenu.js +10 -31
- package/dist/esm/components/ColorPicker.js +16 -36
- package/dist/esm/components/Trigger.js +3 -19
- package/dist/esm/components/components.js +12 -13
- package/dist/esm/index.js +1 -1
- package/dist/esm/styled/ColorCard.js +2 -5
- package/dist/esm/styled/ColorPalette.js +2 -4
- package/dist/esm/styled/ColorPicker.js +0 -2
- package/dist/esm/types.js +0 -1
- package/dist/esm/utils.js +0 -1
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,69 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
|
|
29
|
-
|
|
30
18
|
var _theme = require("@atlaskit/theme");
|
|
31
|
-
|
|
32
19
|
var _ColorCard = require("../styled/ColorCard");
|
|
33
|
-
|
|
34
20
|
var _constants = require("../constants");
|
|
35
|
-
|
|
36
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
37
|
-
|
|
38
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
39
|
-
|
|
40
23
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
41
|
-
|
|
42
24
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
25
|
var ColorCard = /*#__PURE__*/function (_PureComponent) {
|
|
45
26
|
(0, _inherits2.default)(ColorCard, _PureComponent);
|
|
46
|
-
|
|
47
27
|
var _super = _createSuper(ColorCard);
|
|
48
|
-
|
|
49
28
|
function ColorCard() {
|
|
50
29
|
var _this;
|
|
51
|
-
|
|
52
30
|
(0, _classCallCheck2.default)(this, ColorCard);
|
|
53
|
-
|
|
54
31
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
55
32
|
args[_key] = arguments[_key];
|
|
56
33
|
}
|
|
57
|
-
|
|
58
34
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
59
35
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (event) {
|
|
60
36
|
event.preventDefault();
|
|
61
37
|
});
|
|
62
38
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (event) {
|
|
63
39
|
var _this$props = _this.props,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
40
|
+
onClick = _this$props.onClick,
|
|
41
|
+
value = _this$props.value;
|
|
67
42
|
if (onClick) {
|
|
68
43
|
event.preventDefault();
|
|
69
44
|
onClick(value);
|
|
@@ -72,35 +47,31 @@ var ColorCard = /*#__PURE__*/function (_PureComponent) {
|
|
|
72
47
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyDown", function (event) {
|
|
73
48
|
var key = event.key;
|
|
74
49
|
var _this$props2 = _this.props,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
50
|
+
onKeyDown = _this$props2.onKeyDown,
|
|
51
|
+
value = _this$props2.value,
|
|
52
|
+
isTabbing = _this$props2.isTabbing;
|
|
79
53
|
if ((isTabbing === undefined || isTabbing) && onKeyDown && (key === _constants.KEY_ENTER || key === _constants.KEY_SPACE)) {
|
|
80
54
|
event.preventDefault();
|
|
81
|
-
|
|
82
55
|
if (isTabbing) {
|
|
83
56
|
event.stopPropagation();
|
|
84
57
|
}
|
|
85
|
-
|
|
86
58
|
onKeyDown(value);
|
|
87
59
|
}
|
|
88
60
|
});
|
|
89
61
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "ref", /*#__PURE__*/_react.default.createRef());
|
|
90
62
|
return _this;
|
|
91
63
|
}
|
|
92
|
-
|
|
93
64
|
(0, _createClass2.default)(ColorCard, [{
|
|
94
65
|
key: "render",
|
|
95
66
|
value: function render() {
|
|
96
67
|
var _this$props3 = this.props,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
68
|
+
value = _this$props3.value,
|
|
69
|
+
label = _this$props3.label,
|
|
70
|
+
selected = _this$props3.selected,
|
|
71
|
+
focused = _this$props3.focused,
|
|
72
|
+
_this$props3$checkMar = _this$props3.checkMarkColor,
|
|
73
|
+
checkMarkColor = _this$props3$checkMar === void 0 ? _theme.colors.N0 : _this$props3$checkMar,
|
|
74
|
+
isTabbing = _this$props3.isTabbing;
|
|
104
75
|
return /*#__PURE__*/_react.default.createElement(_ColorCard.ColorCardOption, {
|
|
105
76
|
onClick: this.onClick,
|
|
106
77
|
onMouseDown: this.onMouseDown,
|
|
@@ -119,5 +90,4 @@ var ColorCard = /*#__PURE__*/function (_PureComponent) {
|
|
|
119
90
|
}]);
|
|
120
91
|
return ColorCard;
|
|
121
92
|
}(_react.PureComponent);
|
|
122
|
-
|
|
123
93
|
exports.default = ColorCard;
|
|
@@ -1,63 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.ColorPaletteMenuWithoutAnalytics = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _types = require("../types");
|
|
27
|
-
|
|
28
17
|
var _version = require("../version.json");
|
|
29
|
-
|
|
30
18
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
31
|
-
|
|
32
19
|
var _ColorPalette = require("../styled/ColorPalette");
|
|
33
|
-
|
|
34
20
|
var _ColorCard = _interopRequireDefault(require("./ColorCard"));
|
|
35
|
-
|
|
36
21
|
var _utils = require("../utils");
|
|
37
|
-
|
|
38
22
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
39
|
-
|
|
40
23
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
24
|
var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
43
25
|
(0, _inherits2.default)(ColorPaletteMenuWithoutAnalytics, _React$Component);
|
|
44
|
-
|
|
45
26
|
var _super = _createSuper(ColorPaletteMenuWithoutAnalytics);
|
|
46
|
-
|
|
47
27
|
function ColorPaletteMenuWithoutAnalytics() {
|
|
48
28
|
var _this;
|
|
49
|
-
|
|
50
29
|
(0, _classCallCheck2.default)(this, ColorPaletteMenuWithoutAnalytics);
|
|
51
|
-
|
|
52
30
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
53
31
|
args[_key] = arguments[_key];
|
|
54
32
|
}
|
|
55
|
-
|
|
56
33
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
57
34
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createAndFireEventOnAtlaskit", (0, _analyticsNext.createAndFireEvent)('atlaskit'));
|
|
58
35
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeAnalyticsCaller", function () {
|
|
59
36
|
var createAnalyticsEvent = _this.props.createAnalyticsEvent;
|
|
60
|
-
|
|
61
37
|
if (createAnalyticsEvent) {
|
|
62
38
|
return _this.createAndFireEventOnAtlaskit({
|
|
63
39
|
action: 'clicked',
|
|
@@ -69,7 +45,6 @@ var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Component)
|
|
|
69
45
|
}
|
|
70
46
|
})(createAnalyticsEvent);
|
|
71
47
|
}
|
|
72
|
-
|
|
73
48
|
return undefined;
|
|
74
49
|
});
|
|
75
50
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (value) {
|
|
@@ -77,25 +52,21 @@ var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Component)
|
|
|
77
52
|
});
|
|
78
53
|
return _this;
|
|
79
54
|
}
|
|
80
|
-
|
|
81
55
|
(0, _createClass2.default)(ColorPaletteMenuWithoutAnalytics, [{
|
|
82
56
|
key: "render",
|
|
83
57
|
value: function render() {
|
|
84
58
|
var _this2 = this;
|
|
85
|
-
|
|
86
59
|
var _this$props = this.props,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
60
|
+
palette = _this$props.palette,
|
|
61
|
+
selectedColor = _this$props.selectedColor,
|
|
62
|
+
checkMarkColor = _this$props.checkMarkColor,
|
|
63
|
+
cols = _this$props.cols,
|
|
64
|
+
_this$props$label = _this$props.label,
|
|
65
|
+
label = _this$props$label === void 0 ? 'Color picker' : _this$props$label,
|
|
66
|
+
mode = _this$props.mode;
|
|
95
67
|
var _getOptions = (0, _utils.getOptions)(palette, selectedColor),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
68
|
+
options = _getOptions.options,
|
|
69
|
+
selectedValue = _getOptions.value;
|
|
99
70
|
var fullLabel = "".concat(label, ", ").concat(selectedValue.label, " selected");
|
|
100
71
|
return /*#__PURE__*/_react.default.createElement(_ColorPalette.ColorPaletteMenu, {
|
|
101
72
|
cols: cols,
|
|
@@ -105,7 +76,7 @@ var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Component)
|
|
|
105
76
|
mode: mode
|
|
106
77
|
}, options.map(function (_ref) {
|
|
107
78
|
var label = _ref.label,
|
|
108
|
-
|
|
79
|
+
value = _ref.value;
|
|
109
80
|
return /*#__PURE__*/_react.default.createElement(_ColorPalette.ColorCardWrapper, {
|
|
110
81
|
key: value
|
|
111
82
|
}, /*#__PURE__*/_react.default.createElement(_ColorCard.default, {
|
|
@@ -122,17 +93,14 @@ var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Component)
|
|
|
122
93
|
}]);
|
|
123
94
|
return ColorPaletteMenuWithoutAnalytics;
|
|
124
95
|
}(_react.default.Component);
|
|
125
|
-
|
|
126
96
|
exports.ColorPaletteMenuWithoutAnalytics = ColorPaletteMenuWithoutAnalytics;
|
|
127
97
|
(0, _defineProperty2.default)(ColorPaletteMenuWithoutAnalytics, "defaultProps", {
|
|
128
98
|
cols: 6,
|
|
129
99
|
mode: _types.Mode.Standard
|
|
130
100
|
});
|
|
131
|
-
|
|
132
101
|
var _default = (0, _analyticsNext.withAnalyticsContext)({
|
|
133
102
|
componentName: 'color-picker',
|
|
134
103
|
packageName: _version.name,
|
|
135
104
|
packageVersion: _version.version
|
|
136
105
|
})((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
|
|
137
|
-
|
|
138
106
|
exports.default = _default;
|
|
@@ -1,54 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = exports.ColorPickerWithoutAnalytics = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
15
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
|
-
|
|
26
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _select = require("@atlaskit/select");
|
|
31
|
-
|
|
32
19
|
var _Trigger = _interopRequireDefault(require("./Trigger"));
|
|
33
|
-
|
|
34
20
|
var components = _interopRequireWildcard(require("./components"));
|
|
35
|
-
|
|
36
21
|
var _constants = require("../constants");
|
|
37
|
-
|
|
38
22
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
39
|
-
|
|
40
23
|
var _ColorPicker = require("../styled/ColorPicker");
|
|
41
|
-
|
|
42
24
|
var _utils = require("../utils");
|
|
43
|
-
|
|
44
25
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
45
|
-
|
|
46
26
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
47
|
-
|
|
48
27
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
49
|
-
|
|
50
28
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
51
|
-
|
|
52
29
|
var defaultPopperProps = {
|
|
53
30
|
strategy: 'fixed',
|
|
54
31
|
modifiers: [{
|
|
@@ -60,22 +37,16 @@ var defaultPopperProps = {
|
|
|
60
37
|
placement: 'bottom-start'
|
|
61
38
|
};
|
|
62
39
|
var packageName = "@atlaskit/color-picker";
|
|
63
|
-
var packageVersion = "3.0.
|
|
64
|
-
|
|
40
|
+
var packageVersion = "3.0.8";
|
|
65
41
|
var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
66
42
|
(0, _inherits2.default)(ColorPickerWithoutAnalytics, _React$Component);
|
|
67
|
-
|
|
68
43
|
var _super = _createSuper(ColorPickerWithoutAnalytics);
|
|
69
|
-
|
|
70
44
|
function ColorPickerWithoutAnalytics() {
|
|
71
45
|
var _this;
|
|
72
|
-
|
|
73
46
|
(0, _classCallCheck2.default)(this, ColorPickerWithoutAnalytics);
|
|
74
|
-
|
|
75
47
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
76
48
|
args[_key] = arguments[_key];
|
|
77
49
|
}
|
|
78
|
-
|
|
79
50
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
80
51
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createAndFireEventOnAtlaskit", (0, _analyticsNext.createAndFireEvent)('atlaskit'));
|
|
81
52
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
|
|
@@ -83,7 +54,6 @@ var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
83
54
|
});
|
|
84
55
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeAnalyticsCaller", function () {
|
|
85
56
|
var createAnalyticsEvent = _this.props.createAnalyticsEvent;
|
|
86
|
-
|
|
87
57
|
if (createAnalyticsEvent) {
|
|
88
58
|
return _this.createAndFireEventOnAtlaskit({
|
|
89
59
|
action: 'clicked',
|
|
@@ -95,7 +65,6 @@ var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
95
65
|
}
|
|
96
66
|
})(createAnalyticsEvent);
|
|
97
67
|
}
|
|
98
|
-
|
|
99
68
|
return undefined;
|
|
100
69
|
});
|
|
101
70
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChangeSelect", function (option) {
|
|
@@ -106,7 +75,6 @@ var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
106
75
|
});
|
|
107
76
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyDown", function (e) {
|
|
108
77
|
var key = e.key;
|
|
109
|
-
|
|
110
78
|
if (key === _constants.KEY_TAB) {
|
|
111
79
|
_this.setState({
|
|
112
80
|
isTabbing: true
|
|
@@ -119,29 +87,26 @@ var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
119
87
|
});
|
|
120
88
|
return _this;
|
|
121
89
|
}
|
|
122
|
-
|
|
123
90
|
(0, _createClass2.default)(ColorPickerWithoutAnalytics, [{
|
|
124
91
|
key: "render",
|
|
125
92
|
value: function render() {
|
|
126
93
|
var _this$props = this.props,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
94
|
+
palette = _this$props.palette,
|
|
95
|
+
selectedColor = _this$props.selectedColor,
|
|
96
|
+
checkMarkColor = _this$props.checkMarkColor,
|
|
97
|
+
cols = _this$props.cols,
|
|
98
|
+
_this$props$popperPro = _this$props.popperProps,
|
|
99
|
+
popperProps = _this$props$popperPro === void 0 ? defaultPopperProps : _this$props$popperPro,
|
|
100
|
+
_this$props$label = _this$props.label,
|
|
101
|
+
label = _this$props$label === void 0 ? 'Color picker' : _this$props$label;
|
|
136
102
|
var _getOptions = (0, _utils.getOptions)(palette, selectedColor),
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
103
|
+
options = _getOptions.options,
|
|
104
|
+
value = _getOptions.value;
|
|
140
105
|
var fullLabel = "".concat(label, ", ").concat(value.label, " selected");
|
|
141
106
|
return /*#__PURE__*/_react.default.createElement(_select.PopupSelect, {
|
|
142
107
|
target: function target(_ref) {
|
|
143
108
|
var ref = _ref.ref,
|
|
144
|
-
|
|
109
|
+
isOpen = _ref.isOpen;
|
|
145
110
|
return /*#__PURE__*/_react.default.createElement(_ColorPicker.ColorCardWrapper, {
|
|
146
111
|
innerRef: ref
|
|
147
112
|
}, /*#__PURE__*/_react.default.createElement(_Trigger.default, (0, _extends2.default)({}, value, {
|
|
@@ -156,9 +121,11 @@ var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
156
121
|
"aria-label": fullLabel,
|
|
157
122
|
value: value,
|
|
158
123
|
components: components,
|
|
159
|
-
onChange: this.onChangeSelect
|
|
124
|
+
onChange: this.onChangeSelect
|
|
125
|
+
// never show search input
|
|
160
126
|
,
|
|
161
|
-
searchThreshold: Number.MAX_VALUE
|
|
127
|
+
searchThreshold: Number.MAX_VALUE
|
|
128
|
+
// palette props
|
|
162
129
|
,
|
|
163
130
|
cols: cols,
|
|
164
131
|
checkMarkColor: checkMarkColor,
|
|
@@ -170,13 +137,10 @@ var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
|
|
|
170
137
|
}]);
|
|
171
138
|
return ColorPickerWithoutAnalytics;
|
|
172
139
|
}(_react.default.Component);
|
|
173
|
-
|
|
174
140
|
exports.ColorPickerWithoutAnalytics = ColorPickerWithoutAnalytics;
|
|
175
|
-
|
|
176
141
|
var _default = (0, _analyticsNext.withAnalyticsContext)({
|
|
177
142
|
componentName: 'color-picker',
|
|
178
143
|
packageName: packageName,
|
|
179
144
|
packageVersion: packageVersion
|
|
180
145
|
})((0, _analyticsNext.withAnalyticsEvents)()(ColorPickerWithoutAnalytics));
|
|
181
|
-
|
|
182
146
|
exports.default = _default;
|
|
@@ -1,48 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _ColorCard = require("../styled/ColorCard");
|
|
27
|
-
|
|
28
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
29
|
-
|
|
30
18
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
31
|
-
|
|
32
19
|
var ColorCard = /*#__PURE__*/function (_React$PureComponent) {
|
|
33
20
|
(0, _inherits2.default)(ColorCard, _React$PureComponent);
|
|
34
|
-
|
|
35
21
|
var _super = _createSuper(ColorCard);
|
|
36
|
-
|
|
37
22
|
function ColorCard() {
|
|
38
23
|
var _this;
|
|
39
|
-
|
|
40
24
|
(0, _classCallCheck2.default)(this, ColorCard);
|
|
41
|
-
|
|
42
25
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
43
26
|
args[_key] = arguments[_key];
|
|
44
27
|
}
|
|
45
|
-
|
|
46
28
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
47
29
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (event) {
|
|
48
30
|
event.preventDefault();
|
|
@@ -50,7 +32,6 @@ var ColorCard = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
50
32
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (event) {
|
|
51
33
|
var onClick = _this.props.onClick;
|
|
52
34
|
event.currentTarget.focus();
|
|
53
|
-
|
|
54
35
|
if (onClick) {
|
|
55
36
|
event.preventDefault();
|
|
56
37
|
onClick();
|
|
@@ -58,14 +39,13 @@ var ColorCard = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
58
39
|
});
|
|
59
40
|
return _this;
|
|
60
41
|
}
|
|
61
|
-
|
|
62
42
|
(0, _createClass2.default)(ColorCard, [{
|
|
63
43
|
key: "render",
|
|
64
44
|
value: function render() {
|
|
65
45
|
var _this$props = this.props,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
46
|
+
value = _this$props.value,
|
|
47
|
+
label = _this$props.label,
|
|
48
|
+
expanded = _this$props.expanded;
|
|
69
49
|
return /*#__PURE__*/_react.default.createElement(_ColorCard.ColorCardButton, {
|
|
70
50
|
title: label,
|
|
71
51
|
onClick: this.onClick,
|
|
@@ -82,5 +62,4 @@ var ColorCard = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
82
62
|
}]);
|
|
83
63
|
return ColorCard;
|
|
84
64
|
}(_react.default.PureComponent);
|
|
85
|
-
|
|
86
65
|
exports.default = ColorCard;
|
|
@@ -1,31 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Placeholder = exports.Option = exports.MenuList = exports.DropdownIndicator = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _ColorCard = _interopRequireDefault(require("./ColorCard"));
|
|
17
|
-
|
|
18
12
|
var _utils = require("../utils");
|
|
19
|
-
|
|
20
13
|
var _ColorPalette = require("../styled/ColorPalette");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["cx", "selectProps", "innerRef"];
|
|
23
|
-
|
|
24
15
|
var MenuList = function MenuList(props) {
|
|
25
16
|
var cx = props.cx,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
cols = props.selectProps.cols,
|
|
18
|
+
innerRef = props.innerRef,
|
|
19
|
+
rest = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
29
20
|
return /*#__PURE__*/_react.default.createElement(_ColorPalette.ColorPaletteContainer, (0, _extends2.default)({
|
|
30
21
|
role: "grid",
|
|
31
22
|
style: {
|
|
@@ -34,20 +25,18 @@ var MenuList = function MenuList(props) {
|
|
|
34
25
|
innerRef: innerRef
|
|
35
26
|
}, rest));
|
|
36
27
|
};
|
|
37
|
-
|
|
38
28
|
exports.MenuList = MenuList;
|
|
39
|
-
|
|
40
29
|
var Option = function Option(props) {
|
|
41
30
|
var _props$data = props.data,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
31
|
+
value = _props$data.value,
|
|
32
|
+
label = _props$data.label,
|
|
33
|
+
_props$selectProps = props.selectProps,
|
|
34
|
+
checkMarkColor = _props$selectProps.checkMarkColor,
|
|
35
|
+
onOptionKeyDown = _props$selectProps.onOptionKeyDown,
|
|
36
|
+
isTabbing = _props$selectProps.isTabbing,
|
|
37
|
+
isFocused = props.isFocused,
|
|
38
|
+
isSelected = props.isSelected,
|
|
39
|
+
innerProps = props.innerProps;
|
|
51
40
|
return (
|
|
52
41
|
/*#__PURE__*/
|
|
53
42
|
// @ts-expect-error - known issue: https://github.com/mui/material-ui/issues/13921. TS treats styled components to be different from HTMLDivElement
|
|
@@ -65,17 +54,12 @@ var Option = function Option(props) {
|
|
|
65
54
|
}))
|
|
66
55
|
);
|
|
67
56
|
};
|
|
68
|
-
|
|
69
57
|
exports.Option = Option;
|
|
70
|
-
|
|
71
58
|
var DropdownIndicator = function DropdownIndicator() {
|
|
72
59
|
return null;
|
|
73
60
|
};
|
|
74
|
-
|
|
75
61
|
exports.DropdownIndicator = DropdownIndicator;
|
|
76
|
-
|
|
77
62
|
var Placeholder = function Placeholder() {
|
|
78
63
|
return null;
|
|
79
64
|
};
|
|
80
|
-
|
|
81
65
|
exports.Placeholder = Placeholder;
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -24,19 +23,13 @@ Object.defineProperty(exports, "ColorPickerWithoutAnalytics", {
|
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
25
|
exports.default = exports.Standard = exports.Compact = void 0;
|
|
27
|
-
|
|
28
26
|
var _ColorPicker = _interopRequireWildcard(require("./components/ColorPicker"));
|
|
29
|
-
|
|
30
27
|
var _types = require("./types");
|
|
31
|
-
|
|
32
28
|
var _ColorPaletteMenu = _interopRequireWildcard(require("./components/ColorPaletteMenu"));
|
|
33
|
-
|
|
34
29
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
|
-
|
|
36
30
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
37
|
-
|
|
38
31
|
var Compact = _types.Mode.Compact,
|
|
39
|
-
|
|
32
|
+
Standard = _types.Mode.Standard;
|
|
40
33
|
exports.Standard = Standard;
|
|
41
34
|
exports.Compact = Compact;
|
|
42
35
|
var _default = _ColorPicker.default;
|