@atlaskit/status 1.2.8 → 1.2.9

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 (53) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/Status.js +10 -39
  3. package/dist/cjs/components/StatusPicker.js +7 -37
  4. package/dist/cjs/components/analytics.js +1 -10
  5. package/dist/cjs/components/i18n.js +0 -2
  6. package/dist/cjs/components/internal/color-palette.js +10 -40
  7. package/dist/cjs/components/internal/color.js +11 -45
  8. package/dist/cjs/element.js +0 -1
  9. package/dist/cjs/i18n/cs.js +0 -1
  10. package/dist/cjs/i18n/da.js +0 -1
  11. package/dist/cjs/i18n/de.js +0 -1
  12. package/dist/cjs/i18n/en.js +0 -1
  13. package/dist/cjs/i18n/en_GB.js +0 -1
  14. package/dist/cjs/i18n/en_ZZ.js +0 -1
  15. package/dist/cjs/i18n/es.js +0 -1
  16. package/dist/cjs/i18n/et.js +0 -1
  17. package/dist/cjs/i18n/fi.js +0 -1
  18. package/dist/cjs/i18n/fr.js +0 -1
  19. package/dist/cjs/i18n/hu.js +0 -1
  20. package/dist/cjs/i18n/index.js +0 -30
  21. package/dist/cjs/i18n/it.js +0 -1
  22. package/dist/cjs/i18n/ja.js +0 -1
  23. package/dist/cjs/i18n/ko.js +0 -1
  24. package/dist/cjs/i18n/nb.js +0 -1
  25. package/dist/cjs/i18n/nl.js +0 -1
  26. package/dist/cjs/i18n/pl.js +0 -1
  27. package/dist/cjs/i18n/pt_BR.js +0 -1
  28. package/dist/cjs/i18n/pt_PT.js +0 -1
  29. package/dist/cjs/i18n/ru.js +0 -1
  30. package/dist/cjs/i18n/sk.js +0 -1
  31. package/dist/cjs/i18n/sv.js +0 -1
  32. package/dist/cjs/i18n/th.js +0 -1
  33. package/dist/cjs/i18n/tr.js +0 -1
  34. package/dist/cjs/i18n/uk.js +0 -1
  35. package/dist/cjs/i18n/vi.js +0 -1
  36. package/dist/cjs/i18n/zh.js +0 -1
  37. package/dist/cjs/i18n/zh_TW.js +0 -1
  38. package/dist/cjs/index.js +0 -2
  39. package/dist/cjs/picker.js +0 -1
  40. package/dist/cjs/version.json +1 -1
  41. package/dist/es2019/components/Status.js +5 -19
  42. package/dist/es2019/components/StatusPicker.js +3 -13
  43. package/dist/es2019/components/analytics.js +3 -4
  44. package/dist/es2019/components/internal/color-palette.js +0 -13
  45. package/dist/es2019/components/internal/color.js +2 -12
  46. package/dist/es2019/version.json +1 -1
  47. package/dist/esm/components/Status.js +10 -32
  48. package/dist/esm/components/StatusPicker.js +7 -26
  49. package/dist/esm/components/analytics.js +1 -6
  50. package/dist/esm/components/internal/color-palette.js +10 -27
  51. package/dist/esm/components/internal/color.js +11 -33
  52. package/dist/esm/version.json +1 -1
  53. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 1.2.9
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 1.2.8
4
10
 
5
11
  ### Patch Changes
@@ -1,42 +1,25 @@
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.Status = 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 = require("react");
25
-
26
16
  var _react2 = require("@emotion/react");
27
-
28
17
  var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
29
-
30
18
  var _analyticsNext = require("@atlaskit/analytics-next");
31
-
32
19
  var _analytics = require("./analytics");
33
-
34
20
  var _constants = require("./constants");
35
-
36
21
  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); }; }
37
-
38
22
  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; } }
39
-
40
23
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
41
24
  var colorToLozengeAppearanceMap = {
42
25
  neutral: 'default',
@@ -50,36 +33,31 @@ var colorToLozengeAppearanceMap = {
50
33
 
51
34
  var DEFAULT_APPEARANCE = 'default';
52
35
  var MAX_WIDTH = 200;
36
+
53
37
  /**
54
38
  * This is to account for a bug in android chromium and should be removed
55
39
  * when the editor fixes its focus handling with respect to Status.
56
40
  *
57
41
  * See DSP-7701 for additional context.
58
42
  */
59
-
60
43
  var inlineBlockStyles = (0, _react2.css)({
61
44
  '& > *': {
62
45
  display: 'inline-block !important',
63
46
  lineHeight: '16px'
64
47
  }
65
- }); // eg. Version/4.0 Chrome/95.0.4638.50
48
+ });
66
49
 
50
+ // eg. Version/4.0 Chrome/95.0.4638.50
67
51
  var isAndroidChromium = typeof window !== 'undefined' && /Version\/.* Chrome\/.*/.test(window.navigator.userAgent);
68
-
69
52
  var StatusInternal = /*#__PURE__*/function (_PureComponent) {
70
53
  (0, _inherits2.default)(StatusInternal, _PureComponent);
71
-
72
54
  var _super = _createSuper(StatusInternal);
73
-
74
55
  function StatusInternal() {
75
56
  var _this;
76
-
77
57
  (0, _classCallCheck2.default)(this, StatusInternal);
78
-
79
58
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
80
59
  args[_key] = arguments[_key];
81
60
  }
82
-
83
61
  _this = _super.call.apply(_super, [this].concat(args));
84
62
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hoverStartTime", 0);
85
63
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseEnter", function (_e) {
@@ -87,18 +65,14 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
87
65
  });
88
66
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseLeave", function (_e) {
89
67
  var onHover = _this.props.onHover;
90
-
91
68
  var delay = Date.now() - _this.hoverStartTime;
92
-
93
69
  if (delay >= _constants.ANALYTICS_HOVER_DELAY && onHover) {
94
70
  onHover();
95
71
  }
96
-
97
72
  _this.hoverStartTime = 0;
98
73
  });
99
74
  return _this;
100
75
  }
101
-
102
76
  (0, _createClass2.default)(StatusInternal, [{
103
77
  key: "componentWillUnmount",
104
78
  value: function componentWillUnmount() {
@@ -108,18 +82,16 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
108
82
  key: "render",
109
83
  value: function render() {
110
84
  var _this$props = this.props,
111
- text = _this$props.text,
112
- color = _this$props.color,
113
- style = _this$props.style,
114
- role = _this$props.role,
115
- onClick = _this$props.onClick;
116
-
85
+ text = _this$props.text,
86
+ color = _this$props.color,
87
+ style = _this$props.style,
88
+ role = _this$props.role,
89
+ onClick = _this$props.onClick;
117
90
  if (text.trim().length === 0) {
118
91
  return null;
119
92
  }
120
-
121
- var appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE; // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
122
-
93
+ var appearance = colorToLozengeAppearanceMap[color] || DEFAULT_APPEARANCE;
94
+ // Note: ommitted data-local-id attribute to avoid copying/pasting the same localId
123
95
  return (0, _react2.jsx)("span", {
124
96
  css: isAndroidChromium ? inlineBlockStyles : undefined,
125
97
  className: "status-lozenge-span",
@@ -138,7 +110,6 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
138
110
  }]);
139
111
  return StatusInternal;
140
112
  }(_react.PureComponent);
141
-
142
113
  (0, _defineProperty2.default)(StatusInternal, "displayName", 'StatusInternal');
143
114
  var Status = (0, _analyticsNext.withAnalyticsEvents)({
144
115
  onClick: function onClick(createEvent, props) {
@@ -1,70 +1,41 @@
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.StatusPicker = 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
27
-
28
17
  var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
29
-
30
18
  var _constants = require("@atlaskit/theme/constants");
31
-
32
19
  var _react = _interopRequireWildcard(require("react"));
33
-
34
20
  var _reactIntlNext = require("react-intl-next");
35
-
36
21
  var _react2 = require("@emotion/react");
37
-
38
22
  var _colorPalette = _interopRequireDefault(require("./internal/color-palette"));
39
-
40
23
  var _i18n = require("./i18n");
41
-
42
24
  var _templateObject;
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 fieldTextWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n margin: 0 ", "px;\n"])), (0, _constants.gridSize)());
53
-
54
30
  var Picker = /*#__PURE__*/function (_PureComponent) {
55
31
  (0, _inherits2.default)(Picker, _PureComponent);
56
-
57
32
  var _super = _createSuper(Picker);
58
-
59
33
  function Picker() {
60
34
  var _this;
61
-
62
35
  (0, _classCallCheck2.default)(this, Picker);
63
-
64
36
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
65
37
  args[_key] = arguments[_key];
66
38
  }
67
-
68
39
  _this = _super.call.apply(_super, [this].concat(args));
69
40
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fieldTextWrapperKey", Math.random().toString());
70
41
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "colorPaletteKey", Math.random().toString());
@@ -87,18 +58,18 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
87
58
  });
88
59
  return _this;
89
60
  }
90
-
91
61
  (0, _createClass2.default)(Picker, [{
92
62
  key: "render",
93
63
  value: function render() {
94
64
  var _this$props = this.props,
95
- text = _this$props.text,
96
- selectedColor = _this$props.selectedColor,
97
- onColorClick = _this$props.onColorClick,
98
- onColorHover = _this$props.onColorHover,
99
- intl = _this$props.intl; // Using <React.Fragment> instead of [] to workaround Enzyme
100
- // (https://github.com/airbnb/enzyme/issues/1149)
65
+ text = _this$props.text,
66
+ selectedColor = _this$props.selectedColor,
67
+ onColorClick = _this$props.onColorClick,
68
+ onColorHover = _this$props.onColorHover,
69
+ intl = _this$props.intl;
101
70
 
71
+ // Using <React.Fragment> instead of [] to workaround Enzyme
72
+ // (https://github.com/airbnb/enzyme/issues/1149)
102
73
  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
103
74
  css: fieldTextWrapperStyles,
104
75
  key: this.fieldTextWrapperKey
@@ -121,7 +92,6 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
121
92
  }]);
122
93
  return Picker;
123
94
  }(_react.PureComponent);
124
-
125
95
  (0, _defineProperty2.default)(Picker, "defaultProps", {
126
96
  autoFocus: true
127
97
  });
@@ -1,33 +1,25 @@
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.createStatusAnalyticsAndFire = exports.ELEMENTS_CHANNEL = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
-
14
10
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15
-
16
11
  var ELEMENTS_CHANNEL = 'fabric-elements';
17
12
  exports.ELEMENTS_CHANNEL = ELEMENTS_CHANNEL;
18
13
  var packageName = "@atlaskit/status";
19
- var packageVersion = "1.2.8";
20
-
14
+ var packageVersion = "1.2.9";
21
15
  var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
22
16
  return function (payload) {
23
17
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
24
18
  eventType: 'ui'
25
19
  });
26
-
27
20
  if (!statusPayload.attributes) {
28
21
  statusPayload.attributes = {};
29
22
  }
30
-
31
23
  statusPayload.attributes.packageName = packageName;
32
24
  statusPayload.attributes.packageVersion = packageVersion;
33
25
  statusPayload.attributes.componentName = 'status';
@@ -36,5 +28,4 @@ var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createA
36
28
  return event;
37
29
  };
38
30
  };
39
-
40
31
  exports.createStatusAnalyticsAndFire = createStatusAnalyticsAndFire;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.messages = void 0;
7
-
8
7
  var _reactIntlNext = require("react-intl-next");
9
-
10
8
  var messages = (0, _reactIntlNext.defineMessages)({
11
9
  neutralColor: {
12
10
  id: 'fabric.status.color.grey',
@@ -1,53 +1,35 @@
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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
11
  var _constants = require("@atlaskit/theme/constants");
17
-
18
12
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
19
-
20
13
  var _react = _interopRequireWildcard(require("react"));
21
-
22
14
  var _react2 = require("@emotion/react");
23
-
24
15
  var _color = _interopRequireDefault(require("./color"));
25
-
26
16
  var _templateObject;
27
-
28
17
  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); }
29
-
30
18
  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; }
31
-
32
19
  var palette = [['neutral', "var(--ds-background-neutral, ".concat(colors.N40, ")"), "var(--ds-border-bold, ".concat(colors.N400, ")"), "var(--ds-icon, ".concat(colors.N400, ")")], ['purple', "var(--ds-background-discovery, ".concat(colors.P50, ")"), "var(--ds-border-discovery, ".concat(colors.P400, ")"), "var(--ds-icon-discovery, ".concat(colors.P400, ")")], ['blue', "var(--ds-background-information, ".concat(colors.B50, ")"), "var(--ds-border-information, ".concat(colors.B400, ")"), "var(--ds-icon-information, ".concat(colors.B400, ")")], ['red', "var(--ds-background-danger, ".concat(colors.R50, ")"), "var(--ds-border-danger, ".concat(colors.R400, ")"), "var(--ds-icon-danger, ".concat(colors.R400, ")")], ['yellow', "var(--ds-background-warning, ".concat(colors.Y50, ")"), "var(--ds-border-warning, ".concat(colors.Y400, ")"), "var(--ds-icon-warning, ".concat(colors.Y400, ")")], ['green', "var(--ds-background-success, ".concat(colors.G50, ")"), "var(--ds-border-success, ".concat(colors.G400, ")"), "var(--ds-icon-success, ".concat(colors.G400, ")")]];
33
20
  var colorPaletteWrapperStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n margin: ", "px ", "px 0 ", "px;\n /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */\n display: flex;\n flex-wrap: wrap;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)(), (0, _constants.gridSize)());
34
21
  var VK_LEFT = 37; //ArrowLeft
35
-
36
22
  var VK_RIGHT = 39; //ArrowRight
37
-
38
23
  var VK_UP = 38; //ArrowUp
39
-
40
24
  var VK_DOWN = 40; //ArrowDown
41
-
42
25
  var VK_TAB = 9;
43
-
44
26
  var _default = function _default(_ref) {
45
27
  var _ref$cols = _ref.cols,
46
- cols = _ref$cols === void 0 ? 7 : _ref$cols,
47
- onClick = _ref.onClick,
48
- selectedColor = _ref.selectedColor,
49
- className = _ref.className,
50
- onHover = _ref.onHover;
28
+ cols = _ref$cols === void 0 ? 7 : _ref$cols,
29
+ onClick = _ref.onClick,
30
+ selectedColor = _ref.selectedColor,
31
+ className = _ref.className,
32
+ onHover = _ref.onHover;
51
33
  var colorRefs = (0, _react.useRef)([]);
52
34
  (0, _react.useEffect)(function () {
53
35
  colorRefs.current = colorRefs.current.slice(0, palette.length);
@@ -55,49 +37,39 @@ var _default = function _default(_ref) {
55
37
  var memoizedHandleKeyDown = (0, _react.useCallback)(function (e) {
56
38
  var colorIndex = palette.findIndex(function (_ref2) {
57
39
  var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
58
- colorValue = _ref3[0];
59
-
40
+ colorValue = _ref3[0];
60
41
  return colorValue === selectedColor;
61
42
  });
62
43
  var newColorIndex = null;
63
-
64
44
  var nextColor = function nextColor() {
65
45
  return colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
66
46
  };
67
-
68
47
  var previousColor = function previousColor() {
69
48
  return colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
70
49
  };
71
-
72
50
  switch (e.keyCode) {
73
51
  case VK_RIGHT:
74
52
  case VK_DOWN:
75
53
  e.preventDefault();
76
54
  newColorIndex = nextColor();
77
55
  break;
78
-
79
56
  case VK_LEFT:
80
57
  case VK_UP:
81
58
  e.preventDefault();
82
59
  newColorIndex = previousColor();
83
60
  break;
84
-
85
61
  case VK_TAB:
86
62
  e.preventDefault();
87
-
88
63
  if (e.shiftKey) {
89
64
  newColorIndex = previousColor();
90
65
  } else {
91
66
  newColorIndex = nextColor();
92
67
  }
93
-
94
68
  break;
95
69
  }
96
-
97
70
  if (newColorIndex === null) {
98
71
  return;
99
72
  }
100
-
101
73
  var newColorValue = palette[newColorIndex][0];
102
74
  var newRef = colorRefs.current[newColorIndex];
103
75
  newRef === null || newRef === void 0 ? void 0 : newRef.focus();
@@ -121,11 +93,10 @@ var _default = function _default(_ref) {
121
93
  onKeyDown: memoizedHandleKeyDown
122
94
  }, palette.map(function (_ref4, i) {
123
95
  var _ref5 = (0, _slicedToArray2.default)(_ref4, 4),
124
- colorValue = _ref5[0],
125
- backgroundColor = _ref5[1],
126
- borderColor = _ref5[2],
127
- iconColor = _ref5[3];
128
-
96
+ colorValue = _ref5[0],
97
+ backgroundColor = _ref5[1],
98
+ borderColor = _ref5[2],
99
+ iconColor = _ref5[3];
129
100
  return (0, _react2.jsx)(_color.default, {
130
101
  key: colorValue,
131
102
  value: colorValue,
@@ -143,5 +114,4 @@ var _default = function _default(_ref) {
143
114
  }))
144
115
  );
145
116
  };
146
-
147
117
  exports.default = _default;
@@ -1,71 +1,42 @@
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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
27
-
28
17
  var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
29
-
30
18
  var _colors = require("@atlaskit/theme/colors");
31
-
32
19
  var _react = _interopRequireWildcard(require("react"));
33
-
34
20
  var _reactIntlNext = require("react-intl-next");
35
-
36
21
  var _react2 = require("@emotion/react");
37
-
38
22
  var _constants = require("../constants");
39
-
40
23
  var _i18n = require("../i18n");
41
-
42
24
  var _templateObject, _templateObject2;
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 buttonStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n height: 24px;\n width: 24px;\n background: ", ";\n padding: 0;\n border-radius: 4px;\n border: 1px solid ", ";\n cursor: pointer;\n display: block;\n box-sizing: border-box;\n overflow: hidden;\n"])), "var(--ds-background-neutral, ".concat(_colors.N900, ")"), "var(--ds-border, ".concat(_colors.N0, ")"));
53
30
  var buttonWrapperStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n border: 1px solid transparent;\n margin: 0 2px;\n font-size: 0;\n display: flex;\n align-items: center;\n padding: 1px;\n border-radius: 6px;\n &:hover {\n border: 1px solid ", ";\n }\n"])), "var(--ds-border, ".concat(_colors.N50, ")"));
54
-
55
31
  var Color = /*#__PURE__*/function (_PureComponent) {
56
32
  (0, _inherits2.default)(Color, _PureComponent);
57
-
58
33
  var _super = _createSuper(Color);
59
-
60
34
  function Color() {
61
35
  var _this;
62
-
63
36
  (0, _classCallCheck2.default)(this, Color);
64
-
65
37
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
66
38
  args[_key] = arguments[_key];
67
39
  }
68
-
69
40
  _this = _super.call.apply(_super, [this].concat(args));
70
41
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hoverStartTime", 0);
71
42
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseEnter", function () {
@@ -73,13 +44,10 @@ var Color = /*#__PURE__*/function (_PureComponent) {
73
44
  });
74
45
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseLeave", function () {
75
46
  var onHover = _this.props.onHover;
76
-
77
47
  var delay = Date.now() - _this.hoverStartTime;
78
-
79
48
  if (delay >= _constants.ANALYTICS_HOVER_DELAY && onHover) {
80
49
  onHover(_this.props.value);
81
50
  }
82
-
83
51
  _this.hoverStartTime = 0;
84
52
  });
85
53
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (e) {
@@ -87,27 +55,25 @@ var Color = /*#__PURE__*/function (_PureComponent) {
87
55
  });
88
56
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (e) {
89
57
  var _this$props = _this.props,
90
- onClick = _this$props.onClick,
91
- value = _this$props.value;
58
+ onClick = _this$props.onClick,
59
+ value = _this$props.value;
92
60
  e.preventDefault();
93
61
  onClick(value);
94
62
  });
95
63
  return _this;
96
64
  }
97
-
98
65
  (0, _createClass2.default)(Color, [{
99
66
  key: "render",
100
67
  value: function render() {
101
68
  var _this2 = this;
102
-
103
69
  var _this$props2 = this.props,
104
- tabIndex = _this$props2.tabIndex,
105
- backgroundColor = _this$props2.backgroundColor,
106
- isSelected = _this$props2.isSelected,
107
- borderColor = _this$props2.borderColor,
108
- iconColor = _this$props2.iconColor,
109
- value = _this$props2.value,
110
- setRef = _this$props2.setRef;
70
+ tabIndex = _this$props2.tabIndex,
71
+ backgroundColor = _this$props2.backgroundColor,
72
+ isSelected = _this$props2.isSelected,
73
+ borderColor = _this$props2.borderColor,
74
+ iconColor = _this$props2.iconColor,
75
+ value = _this$props2.value,
76
+ setRef = _this$props2.setRef;
111
77
  return (0, _react2.jsx)("span", {
112
78
  css: buttonWrapperStyles
113
79
  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages["".concat(value, "Color")], function (labels) {
@@ -119,7 +85,8 @@ var Color = /*#__PURE__*/function (_PureComponent) {
119
85
  onMouseDown: _this2.onMouseDown,
120
86
  tabIndex: tabIndex,
121
87
  className: "".concat(isSelected ? 'selected' : ''),
122
- title: labels[0] // button element does not support aria-selected.
88
+ title: labels[0]
89
+ // button element does not support aria-selected.
123
90
  // For button selected (to be precise pressed) or not
124
91
  // use aria-pressed as per
125
92
  // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#associated_aria_roles_states_and_properties
@@ -144,5 +111,4 @@ var Color = /*#__PURE__*/function (_PureComponent) {
144
111
  }]);
145
112
  return Color;
146
113
  }(_react.PureComponent);
147
-
148
114
  exports.default = Color;
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Status", {
9
9
  return _Status.Status;
10
10
  }
11
11
  });
12
-
13
12
  var _Status = require("./components/Status");
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * NOTE:
10
9
  *