@atlaskit/emoji 71.4.4 → 71.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/common/Emoji.js +1 -0
  3. package/dist/cjs/components/common/ProductivityColorSelector.js +8 -1
  4. package/dist/cjs/util/analytics/analytics.js +1 -1
  5. package/dist/es2019/components/common/Emoji.js +1 -0
  6. package/dist/es2019/components/common/ProductivityColorSelector.js +6 -1
  7. package/dist/es2019/util/analytics/analytics.js +1 -1
  8. package/dist/esm/components/common/Emoji.js +1 -0
  9. package/dist/esm/components/common/ProductivityColorSelector.js +8 -1
  10. package/dist/esm/util/analytics/analytics.js +1 -1
  11. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 71.4.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 71.4.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`3d5270635bf55`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3d5270635bf55) -
14
+ Select color should not close picker on some pages
15
+ - [`4cb7dec82c494`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4cb7dec82c494) -
16
+ Place emoji tooltip above the emoji renderer by setting position to top
17
+ - Updated dependencies
18
+
3
19
  ## 71.4.4
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/components/common/Emoji.js CHANGED
@@ -528,6 +528,7 @@ var EmojiNodeWrapper = exports.EmojiNodeWrapper = /*#__PURE__*/(0, _react.forwar
528
528
  if (tooltipContent) {
529
529
  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
530
530
  content: tooltipContent,
531
+ position: "top",
531
532
  tag: "span"
532
533
  }, emojiSpan);
533
534
  }
package/dist/cjs/components/common/ProductivityColorSelector.js CHANGED
@@ -50,6 +50,13 @@ var ProductivityColorSelector = exports.ProductivityColorSelector = function Pro
50
50
  var stopPickerDismissal = function stopPickerDismissal(event) {
51
51
  event.stopPropagation();
52
52
  };
53
+ var selectColorOnMouseDown = function selectColorOnMouseDown(color) {
54
+ return function (event) {
55
+ stopPickerDismissal(event);
56
+ event.preventDefault();
57
+ onColorSelected(color);
58
+ };
59
+ };
53
60
  return /*#__PURE__*/React.createElement("fieldset", {
54
61
  id: productivityColorSelectorId,
55
62
  "data-testid": productivityColorSelectorTestId,
@@ -94,7 +101,7 @@ var ProductivityColorSelector = exports.ProductivityColorSelector = function Pro
94
101
  },
95
102
  onClick: stopPickerDismissal,
96
103
  onKeyDown: handleKeyDown,
97
- onMouseDown: stopPickerDismissal,
104
+ onMouseDown: selectColorOnMouseDown(color),
98
105
  testId: "productivity-color-".concat(color),
99
106
  value: color,
100
107
  label: /*#__PURE__*/React.createElement("span", {
package/dist/cjs/util/analytics/analytics.js CHANGED
@@ -20,7 +20,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
20
20
  actionSubjectId: actionSubjectId,
21
21
  attributes: _objectSpread({
22
22
  packageName: "@atlaskit/emoji",
23
- packageVersion: "71.4.3"
23
+ packageVersion: "71.4.5"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/common/Emoji.js CHANGED
@@ -494,6 +494,7 @@ export const EmojiNodeWrapper = /*#__PURE__*/forwardRef((props, ref) => {
494
494
  if (tooltipContent) {
495
495
  return /*#__PURE__*/React.createElement(Tooltip, {
496
496
  content: tooltipContent,
497
+ position: "top",
497
498
  tag: "span"
498
499
  }, emojiSpan);
499
500
  }
package/dist/es2019/components/common/ProductivityColorSelector.js CHANGED
@@ -37,6 +37,11 @@ export const ProductivityColorSelector = ({
37
37
  const stopPickerDismissal = event => {
38
38
  event.stopPropagation();
39
39
  };
40
+ const selectColorOnMouseDown = color => event => {
41
+ stopPickerDismissal(event);
42
+ event.preventDefault();
43
+ onColorSelected(color);
44
+ };
40
45
  return /*#__PURE__*/React.createElement("fieldset", {
41
46
  id: productivityColorSelectorId,
42
47
  "data-testid": productivityColorSelectorTestId,
@@ -79,7 +84,7 @@ export const ProductivityColorSelector = ({
79
84
  onChange: () => onColorSelected(color),
80
85
  onClick: stopPickerDismissal,
81
86
  onKeyDown: handleKeyDown,
82
- onMouseDown: stopPickerDismissal,
87
+ onMouseDown: selectColorOnMouseDown(color),
83
88
  testId: `productivity-color-${color}`,
84
89
  value: color,
85
90
  label: /*#__PURE__*/React.createElement("span", {
package/dist/es2019/util/analytics/analytics.js CHANGED
@@ -9,7 +9,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
9
9
  actionSubjectId,
10
10
  attributes: {
11
11
  packageName: "@atlaskit/emoji",
12
- packageVersion: "71.4.3",
12
+ packageVersion: "71.4.5",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/common/Emoji.js CHANGED
@@ -519,6 +519,7 @@ export var EmojiNodeWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
519
519
  if (tooltipContent) {
520
520
  return /*#__PURE__*/React.createElement(Tooltip, {
521
521
  content: tooltipContent,
522
+ position: "top",
522
523
  tag: "span"
523
524
  }, emojiSpan);
524
525
  }
package/dist/esm/components/common/ProductivityColorSelector.js CHANGED
@@ -41,6 +41,13 @@ export var ProductivityColorSelector = function ProductivityColorSelector(_ref)
41
41
  var stopPickerDismissal = function stopPickerDismissal(event) {
42
42
  event.stopPropagation();
43
43
  };
44
+ var selectColorOnMouseDown = function selectColorOnMouseDown(color) {
45
+ return function (event) {
46
+ stopPickerDismissal(event);
47
+ event.preventDefault();
48
+ onColorSelected(color);
49
+ };
50
+ };
44
51
  return /*#__PURE__*/React.createElement("fieldset", {
45
52
  id: productivityColorSelectorId,
46
53
  "data-testid": productivityColorSelectorTestId,
@@ -85,7 +92,7 @@ export var ProductivityColorSelector = function ProductivityColorSelector(_ref)
85
92
  },
86
93
  onClick: stopPickerDismissal,
87
94
  onKeyDown: handleKeyDown,
88
- onMouseDown: stopPickerDismissal,
95
+ onMouseDown: selectColorOnMouseDown(color),
89
96
  testId: "productivity-color-".concat(color),
90
97
  value: color,
91
98
  label: /*#__PURE__*/React.createElement("span", {
package/dist/esm/util/analytics/analytics.js CHANGED
@@ -14,7 +14,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
14
14
  actionSubjectId: actionSubjectId,
15
15
  attributes: _objectSpread({
16
16
  packageName: "@atlaskit/emoji",
17
- packageVersion: "71.4.3"
17
+ packageVersion: "71.4.5"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "71.4.4",
3
+ "version": "71.4.6",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -49,7 +49,7 @@
49
49
  "@atlaskit/spinner": "^20.0.0",
50
50
  "@atlaskit/textfield": "^9.0.0",
51
51
  "@atlaskit/theme": "^26.0.0",
52
- "@atlaskit/tmp-editor-statsig": "^110.0.0",
52
+ "@atlaskit/tmp-editor-statsig": "^111.0.0",
53
53
  "@atlaskit/tokens": "^15.0.0",
54
54
  "@atlaskit/tooltip": "^23.0.0",
55
55
  "@atlaskit/ufo": "^1.0.0",