@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.
Files changed (35) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/ColorCard.js +12 -42
  3. package/dist/cjs/components/ColorPaletteMenu.js +10 -42
  4. package/dist/cjs/components/ColorPicker.js +16 -52
  5. package/dist/cjs/components/Trigger.js +3 -24
  6. package/dist/cjs/components/components.js +12 -28
  7. package/dist/cjs/index.js +1 -8
  8. package/dist/cjs/styled/ColorCard.js +0 -18
  9. package/dist/cjs/styled/ColorPalette.js +0 -13
  10. package/dist/cjs/styled/ColorPicker.js +0 -6
  11. package/dist/cjs/types.js +0 -1
  12. package/dist/cjs/utils.js +1 -7
  13. package/dist/cjs/version.json +1 -1
  14. package/dist/es2019/components/ColorCard.js +2 -12
  15. package/dist/es2019/components/ColorPaletteMenu.js +0 -9
  16. package/dist/es2019/components/ColorPicker.js +5 -14
  17. package/dist/es2019/components/Trigger.js +0 -5
  18. package/dist/es2019/styled/ColorCard.js +2 -3
  19. package/dist/es2019/styled/ColorPalette.js +2 -2
  20. package/dist/es2019/types.js +0 -1
  21. package/dist/es2019/utils.js +0 -1
  22. package/dist/es2019/version.json +1 -1
  23. package/dist/esm/components/ColorCard.js +14 -35
  24. package/dist/esm/components/ColorPaletteMenu.js +10 -31
  25. package/dist/esm/components/ColorPicker.js +16 -36
  26. package/dist/esm/components/Trigger.js +3 -19
  27. package/dist/esm/components/components.js +12 -13
  28. package/dist/esm/index.js +1 -1
  29. package/dist/esm/styled/ColorCard.js +2 -5
  30. package/dist/esm/styled/ColorPalette.js +2 -4
  31. package/dist/esm/styled/ColorPicker.js +0 -2
  32. package/dist/esm/types.js +0 -1
  33. package/dist/esm/utils.js +0 -1
  34. package/dist/esm/version.json +1 -1
  35. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 3.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 3.0.7
4
10
 
5
11
  ### Patch Changes
@@ -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
- onClick = _this$props.onClick,
65
- value = _this$props.value;
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
- onKeyDown = _this$props2.onKeyDown,
76
- value = _this$props2.value,
77
- isTabbing = _this$props2.isTabbing;
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
- value = _this$props3.value,
98
- label = _this$props3.label,
99
- selected = _this$props3.selected,
100
- focused = _this$props3.focused,
101
- _this$props3$checkMar = _this$props3.checkMarkColor,
102
- checkMarkColor = _this$props3$checkMar === void 0 ? _theme.colors.N0 : _this$props3$checkMar,
103
- isTabbing = _this$props3.isTabbing;
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
- palette = _this$props.palette,
88
- selectedColor = _this$props.selectedColor,
89
- checkMarkColor = _this$props.checkMarkColor,
90
- cols = _this$props.cols,
91
- _this$props$label = _this$props.label,
92
- label = _this$props$label === void 0 ? 'Color picker' : _this$props$label,
93
- mode = _this$props.mode;
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
- options = _getOptions.options,
97
- selectedValue = _getOptions.value;
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
- value = _ref.value;
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.7";
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
- palette = _this$props.palette,
128
- selectedColor = _this$props.selectedColor,
129
- checkMarkColor = _this$props.checkMarkColor,
130
- cols = _this$props.cols,
131
- _this$props$popperPro = _this$props.popperProps,
132
- popperProps = _this$props$popperPro === void 0 ? defaultPopperProps : _this$props$popperPro,
133
- _this$props$label = _this$props.label,
134
- label = _this$props$label === void 0 ? 'Color picker' : _this$props$label;
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
- options = _getOptions.options,
138
- value = _getOptions.value;
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
- isOpen = _ref.isOpen;
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 // never show search input
124
+ onChange: this.onChangeSelect
125
+ // never show search input
160
126
  ,
161
- searchThreshold: Number.MAX_VALUE // palette props
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
- value = _this$props.value,
67
- label = _this$props.label,
68
- expanded = _this$props.expanded;
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
- cols = props.selectProps.cols,
27
- innerRef = props.innerRef,
28
- rest = (0, _objectWithoutProperties2.default)(props, _excluded);
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
- value = _props$data.value,
43
- label = _props$data.label,
44
- _props$selectProps = props.selectProps,
45
- checkMarkColor = _props$selectProps.checkMarkColor,
46
- onOptionKeyDown = _props$selectProps.onOptionKeyDown,
47
- isTabbing = _props$selectProps.isTabbing,
48
- isFocused = props.isFocused,
49
- isSelected = props.isSelected,
50
- innerProps = props.innerProps;
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
- Standard = _types.Mode.Standard;
32
+ Standard = _types.Mode.Standard;
40
33
  exports.Standard = Standard;
41
34
  exports.Compact = Compact;
42
35
  var _default = _ColorPicker.default;