@atlaskit/emoji 69.10.44 → 69.10.46

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 +14 -0
  2. package/dist/cjs/components/common/EmojiRadioButton.compiled.css +1 -6
  3. package/dist/cjs/components/common/EmojiRadioButton.js +15 -10
  4. package/dist/cjs/util/analytics/analytics.js +1 -1
  5. package/dist/es2019/components/common/EmojiRadioButton.compiled.css +1 -6
  6. package/dist/es2019/components/common/EmojiRadioButton.js +10 -4
  7. package/dist/es2019/util/analytics/analytics.js +1 -1
  8. package/dist/esm/components/common/EmojiRadioButton.compiled.css +1 -6
  9. package/dist/esm/components/common/EmojiRadioButton.js +15 -10
  10. package/dist/esm/util/analytics/analytics.js +1 -1
  11. package/package.json +9 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/emoji
2
2
 
3
+ ## 69.10.46
4
+
5
+ ### Patch Changes
6
+
7
+ - [`a592557c4d6a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a592557c4d6a1) -
8
+ [ux] A11y Updates
9
+ - Updated dependencies
10
+
11
+ ## 69.10.45
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 69.10.44
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/components/common/EmojiRadioButton.compiled.css CHANGED
@@ -31,9 +31,4 @@
31
31
  ._n3tdidpf{padding-bottom:0}
32
32
  ._tyukidpf::-moz-focus-inner{padding-bottom:0}
33
33
  ._tzy4idpf{opacity:0}
34
- ._u5f3idpf{padding-right:0}
35
- ._1hvw1o36:focus{outline-width:medium}
36
- ._491113zc:focus{transition-duration:0s,.2s}
37
- ._49pcglyw:focus{outline-style:none}
38
- ._7ehi1r2v:focus{box-shadow:var(--_1rebzxw)}
39
- ._nt751r31:focus{outline-color:currentColor}
34
+ ._u5f3idpf{padding-right:0}
package/dist/cjs/components/common/EmojiRadioButton.js CHANGED
@@ -15,6 +15,7 @@ var _mouse = require("../../util/mouse");
15
15
  var _Emoji = _interopRequireDefault(require("./Emoji"));
16
16
  var _constants = require("../../util/constants");
17
17
  var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
18
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
19
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
19
20
  var emojiButton = null;
20
21
  var emojiRadio = {
@@ -27,7 +28,7 @@ var handleMouseDown = function handleMouseDown(props, event) {
27
28
  onSelected();
28
29
  }
29
30
  };
30
- var handleKeyPress = function handleKeyPress(props, event) {
31
+ var handleKeyDown = function handleKeyDown(props, event) {
31
32
  if (_constants.TONESELECTOR_KEYBOARD_KEYS_SUPPORTED.includes(event.key)) {
32
33
  var onSelected = props.onSelected;
33
34
  event.preventDefault();
@@ -43,22 +44,26 @@ var EmojiRadioButton = exports.EmojiRadioButton = /*#__PURE__*/(0, _react.forwar
43
44
  ariaLabelText = props.ariaLabelText,
44
45
  defaultChecked = props.defaultChecked;
45
46
  return /*#__PURE__*/_react.default.createElement("label", {
46
- onMouseDown: function onMouseDown(event) {
47
+ onMouseDown: !(0, _platformFeatureFlags.fg)('platform_suppression_removal_emoji_radio_a11y') ? function (event) {
47
48
  return handleMouseDown(props, event);
48
- },
49
- onKeyDown: function onKeyDown(event) {
50
- return handleKeyPress(props, event);
51
- },
52
- className: (0, _runtime.ax)(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc"]),
53
- style: {
54
- "--_1rebzxw": (0, _runtime.ix)("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")))
55
- }
49
+ } : undefined,
50
+ onKeyDown: !(0, _platformFeatureFlags.fg)('platform_suppression_removal_emoji_radio_a11y') ? function (event) {
51
+ return handleKeyDown(props, event);
52
+ } : undefined,
53
+ className: (0, _runtime.ax)(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg"])
56
54
  }, /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, null, ariaLabelText), /*#__PURE__*/_react.default.createElement("input", {
57
55
  ref: ref,
58
56
  "data-testid": ariaLabelText,
59
57
  type: "radio",
60
58
  name: "skin-tone",
61
59
  defaultChecked: defaultChecked,
60
+ onClick: (0, _platformFeatureFlags.fg)('platform_suppression_removal_emoji_radio_a11y') ? function () {
61
+ var _props$onSelected;
62
+ return (_props$onSelected = props.onSelected) === null || _props$onSelected === void 0 ? void 0 : _props$onSelected.call(props);
63
+ } : undefined,
64
+ onKeyDown: (0, _platformFeatureFlags.fg)('platform_suppression_removal_emoji_radio_a11y') ? function (event) {
65
+ return handleKeyDown(props, event);
66
+ } : undefined,
62
67
  className: (0, _runtime.ax)([emojiRadio.default])
63
68
  }), /*#__PURE__*/_react.default.createElement(_Emoji.default, {
64
69
  emoji: emoji,
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: "69.10.43"
23
+ packageVersion: "69.10.46"
24
24
  }, attributes)
25
25
  };
26
26
  };
package/dist/es2019/components/common/EmojiRadioButton.compiled.css CHANGED
@@ -31,9 +31,4 @@
31
31
  ._n3tdidpf{padding-bottom:0}
32
32
  ._tyukidpf::-moz-focus-inner{padding-bottom:0}
33
33
  ._tzy4idpf{opacity:0}
34
- ._u5f3idpf{padding-right:0}
35
- ._1hvw1o36:focus{outline-width:medium}
36
- ._491113zc:focus{transition-duration:0s,.2s}
37
- ._49pcglyw:focus{outline-style:none}
38
- ._7ehi1n2i:focus{box-shadow:0 0 0 2px var(--ds-border-focused,#4c9aff)}
39
- ._nt751r31:focus{outline-color:currentColor}
34
+ ._u5f3idpf{padding-right:0}
package/dist/es2019/components/common/EmojiRadioButton.js CHANGED
@@ -7,6 +7,7 @@ import { leftClick } from '../../util/mouse';
7
7
  import Emoji from './Emoji';
8
8
  import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
9
9
  import VisuallyHidden from '@atlaskit/visually-hidden';
10
+ import { fg } from '@atlaskit/platform-feature-flags';
10
11
  const emojiButton = null;
11
12
  const emojiRadio = {
12
13
  default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1n2i _1i1213zc"
@@ -20,7 +21,7 @@ const handleMouseDown = (props, event) => {
20
21
  onSelected();
21
22
  }
22
23
  };
23
- const handleKeyPress = (props, event) => {
24
+ const handleKeyDown = (props, event) => {
24
25
  if (TONESELECTOR_KEYBOARD_KEYS_SUPPORTED.includes(event.key)) {
25
26
  const {
26
27
  onSelected
@@ -40,15 +41,20 @@ export const EmojiRadioButton = /*#__PURE__*/forwardRef((props, ref) => {
40
41
  defaultChecked
41
42
  } = props;
42
43
  return /*#__PURE__*/React.createElement("label", {
43
- onMouseDown: event => handleMouseDown(props, event),
44
- onKeyDown: event => handleKeyPress(props, event),
45
- className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1n2i _491113zc"])
44
+ onMouseDown: !fg('platform_suppression_removal_emoji_radio_a11y') ? event => handleMouseDown(props, event) : undefined,
45
+ onKeyDown: !fg('platform_suppression_removal_emoji_radio_a11y') ? event => handleKeyDown(props, event) : undefined,
46
+ className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg"])
46
47
  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, ariaLabelText), /*#__PURE__*/React.createElement("input", {
47
48
  ref: ref,
48
49
  "data-testid": ariaLabelText,
49
50
  type: "radio",
50
51
  name: "skin-tone",
51
52
  defaultChecked: defaultChecked,
53
+ onClick: fg('platform_suppression_removal_emoji_radio_a11y') ? () => {
54
+ var _props$onSelected;
55
+ return (_props$onSelected = props.onSelected) === null || _props$onSelected === void 0 ? void 0 : _props$onSelected.call(props);
56
+ } : undefined,
57
+ onKeyDown: fg('platform_suppression_removal_emoji_radio_a11y') ? event => handleKeyDown(props, event) : undefined,
52
58
  className: ax([emojiRadio.default])
53
59
  }), /*#__PURE__*/React.createElement(Emoji, {
54
60
  emoji: emoji,
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: "69.10.43",
12
+ packageVersion: "69.10.46",
13
13
  ...attributes
14
14
  }
15
15
  });
package/dist/esm/components/common/EmojiRadioButton.compiled.css CHANGED
@@ -31,9 +31,4 @@
31
31
  ._n3tdidpf{padding-bottom:0}
32
32
  ._tyukidpf::-moz-focus-inner{padding-bottom:0}
33
33
  ._tzy4idpf{opacity:0}
34
- ._u5f3idpf{padding-right:0}
35
- ._1hvw1o36:focus{outline-width:medium}
36
- ._491113zc:focus{transition-duration:0s,.2s}
37
- ._49pcglyw:focus{outline-style:none}
38
- ._7ehi1r2v:focus{box-shadow:var(--_1rebzxw)}
39
- ._nt751r31:focus{outline-color:currentColor}
34
+ ._u5f3idpf{padding-right:0}
package/dist/esm/components/common/EmojiRadioButton.js CHANGED
@@ -7,6 +7,7 @@ import { leftClick } from '../../util/mouse';
7
7
  import Emoji from './Emoji';
8
8
  import { TONESELECTOR_KEYBOARD_KEYS_SUPPORTED } from '../../util/constants';
9
9
  import VisuallyHidden from '@atlaskit/visually-hidden';
10
+ import { fg } from '@atlaskit/platform-feature-flags';
10
11
  var emojiButton = null;
11
12
  var emojiRadio = {
12
13
  default: "_tzy4idpf _kqswstnw _154i14id _1ltv14id _3y8mfajl _157z1r31 _1dzmglyw _1sqm1o36 _fh6w1n2i _1i1213zc"
@@ -18,7 +19,7 @@ var handleMouseDown = function handleMouseDown(props, event) {
18
19
  onSelected();
19
20
  }
20
21
  };
21
- var handleKeyPress = function handleKeyPress(props, event) {
22
+ var handleKeyDown = function handleKeyDown(props, event) {
22
23
  if (TONESELECTOR_KEYBOARD_KEYS_SUPPORTED.includes(event.key)) {
23
24
  var onSelected = props.onSelected;
24
25
  event.preventDefault();
@@ -34,22 +35,26 @@ export var EmojiRadioButton = /*#__PURE__*/forwardRef(function (props, ref) {
34
35
  ariaLabelText = props.ariaLabelText,
35
36
  defaultChecked = props.defaultChecked;
36
37
  return /*#__PURE__*/React.createElement("label", {
37
- onMouseDown: function onMouseDown(event) {
38
+ onMouseDown: !fg('platform_suppression_removal_emoji_radio_a11y') ? function (event) {
38
39
  return handleMouseDown(props, event);
39
- },
40
- onKeyDown: function onKeyDown(event) {
41
- return handleKeyPress(props, event);
42
- },
43
- className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc"]),
44
- style: {
45
- "--_1rebzxw": ix("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")))
46
- }
40
+ } : undefined,
41
+ onKeyDown: !fg('platform_suppression_removal_emoji_radio_a11y') ? function (event) {
42
+ return handleKeyDown(props, event);
43
+ } : undefined,
44
+ className: ax(["_19itidpf _2rkofajl _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg"])
47
45
  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, ariaLabelText), /*#__PURE__*/React.createElement("input", {
48
46
  ref: ref,
49
47
  "data-testid": ariaLabelText,
50
48
  type: "radio",
51
49
  name: "skin-tone",
52
50
  defaultChecked: defaultChecked,
51
+ onClick: fg('platform_suppression_removal_emoji_radio_a11y') ? function () {
52
+ var _props$onSelected;
53
+ return (_props$onSelected = props.onSelected) === null || _props$onSelected === void 0 ? void 0 : _props$onSelected.call(props);
54
+ } : undefined,
55
+ onKeyDown: fg('platform_suppression_removal_emoji_radio_a11y') ? function (event) {
56
+ return handleKeyDown(props, event);
57
+ } : undefined,
53
58
  className: ax([emojiRadio.default])
54
59
  }), /*#__PURE__*/React.createElement(Emoji, {
55
60
  emoji: emoji,
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: "69.10.43"
17
+ packageVersion: "69.10.46"
18
18
  }, attributes)
19
19
  };
20
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/emoji",
3
- "version": "69.10.44",
3
+ "version": "69.10.46",
4
4
  "description": "Fabric emoji React components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,20 +38,20 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@atlaskit/afm-i18n-platform-elements-emoji": "2.7.0",
41
- "@atlaskit/analytics-next": "^11.1.0",
41
+ "@atlaskit/analytics-next": "^11.2.0",
42
42
  "@atlaskit/button": "^23.10.0",
43
43
  "@atlaskit/css": "^0.19.0",
44
44
  "@atlaskit/heading": "^5.3.0",
45
- "@atlaskit/icon": "^33.0.0",
45
+ "@atlaskit/icon": "^33.1.0",
46
46
  "@atlaskit/media-client": "^36.0.0",
47
47
  "@atlaskit/media-client-react": "^5.0.0",
48
48
  "@atlaskit/platform-feature-flags": "^1.1.0",
49
- "@atlaskit/primitives": "^18.0.0",
49
+ "@atlaskit/primitives": "^18.1.0",
50
50
  "@atlaskit/spinner": "^19.0.0",
51
51
  "@atlaskit/textfield": "^8.2.0",
52
52
  "@atlaskit/theme": "^22.0.0",
53
- "@atlaskit/tmp-editor-statsig": "^45.0.0",
54
- "@atlaskit/tokens": "^11.1.0",
53
+ "@atlaskit/tmp-editor-statsig": "^47.0.0",
54
+ "@atlaskit/tokens": "^11.3.0",
55
55
  "@atlaskit/tooltip": "^21.0.0",
56
56
  "@atlaskit/ufo": "^0.4.0",
57
57
  "@atlaskit/util-service-support": "^6.3.0",
@@ -124,6 +124,9 @@
124
124
  },
125
125
  "platform_suppression_removal_fix_reactions": {
126
126
  "type": "boolean"
127
+ },
128
+ "platform_suppression_removal_emoji_radio_a11y": {
129
+ "type": "boolean"
127
130
  }
128
131
  },
129
132
  "scripts": {