@atlaskit/reactions 33.3.0 → 33.3.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/reactions
 
+## 33.3.2
+
+### Patch Changes
+
+- [`2dc6ecfe2679d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2dc6ecfe2679d) -
+  Removing unused option to optimistically load the emoji using the reaction imagePath.
+
+## 33.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 33.3.0
 
 ### Minor Changes

package/dist/cjs/analytics/index.js

@@ -11,7 +11,7 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/reactions";
-var packageVersion = "0.0.0-development";
+var packageVersion = "33.3.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/Reaction.js

@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactIntlNext = require("react-intl-next");
@@ -28,7 +27,6 @@ var _constants = require("../shared/constants");
 var _ReactionButton = require("./ReactionButton");
 var _StaticReaction = require("./StaticReaction");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
 var styles = {
   container: "_kqswh2mm"
@@ -139,14 +137,11 @@ var Reaction = exports.Reaction = function Reaction(_ref) {
   };
   var emojiAndCount = /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_8hrz1nam _vwz41crf _ca0q1b66 _u5f31b66 _n3td1b66 _19bvu2gc", reaction.count === 0 && "_ca0q1b66 _u5f3v77o _n3td1b66 _19bv19bv"])
-  }, /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, (0, _extends2.default)({
+  }, /*#__PURE__*/React.createElement(_emoji.ResourcedEmoji, {
     emojiProvider: emojiProvider,
     emojiId: emojiId,
     fitToHeight: _constants.RESOURCED_EMOJI_COMPACT_HEIGHT
-  }, reaction.emojiPath && (0, _platformFeatureFlags.fg)('platform_optimistic_reaction_emoji') ? {
-    optimistic: true,
-    optimisticImageURL: reaction.emojiPath
-  } : {}))), /*#__PURE__*/React.createElement(_Counter.Counter, {
+  })), /*#__PURE__*/React.createElement(_Counter.Counter, {
     value: reaction.count,
     highlight: !isViewOnly && reaction.reacted
   }));

package/dist/cjs/components/ReactionButton.js

@@ -58,13 +58,9 @@ var ReactionButton = exports.ReactionButton = function ReactionButton(_ref) {
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
     testId: testId,
-    xcss: (0, _react2.cx)(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground,
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && styles.reactionStylesRefresh)
+    xcss: (0, _react2.cx)(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && styles.reactionStylesRefresh)
   }, dataAttributes), /*#__PURE__*/React.createElement(_FlashAnimation.FlashAnimation, {
-    flash: flash
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    ,
+    flash: flash,
     className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "_2rkolb4i _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698"]),
     style: {
       "--_1ed2mu0": (0, _runtime.ix)("".concat(flashHeight, "px"))

package/dist/cjs/components/Trigger.js

@@ -85,9 +85,7 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
   var renderPressableButton = function renderPressableButton() {
     return /*#__PURE__*/_react2.default.createElement(_compiled.Pressable, (0, _extends2.default)({
       testId: RENDER_TRIGGER_BUTTON_TESTID,
-      xcss: (0, _react.cx)(styles.trigger, (fullWidthSummaryViewReactionPickerTrigger || fullWidthSelectorTrayReactionPickerTrigger) && styles.fullWidth, subtleReactionsSummaryAndPicker && styles.subtleTrigger, showAddReactionText && styles.expandedTrigger, disabled ? styles.disabledTrigger : showOpaqueBackground ? styles.opaqueEnabledTrigger : styles.transparentEnabledTrigger, miniMode && styles.miniMode,
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && styles.triggerStylesRefresh),
+      xcss: (0, _react.cx)(styles.trigger, (fullWidthSummaryViewReactionPickerTrigger || fullWidthSelectorTrayReactionPickerTrigger) && styles.fullWidth, subtleReactionsSummaryAndPicker && styles.subtleTrigger, showAddReactionText && styles.expandedTrigger, disabled ? styles.disabledTrigger : showOpaqueBackground ? styles.opaqueEnabledTrigger : styles.transparentEnabledTrigger, miniMode && styles.miniMode, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && styles.triggerStylesRefresh),
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography
         lineHeight: '16px'

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 const packageName = "@atlaskit/reactions";
-const packageVersion = "0.0.0-development";
+const packageVersion = "33.3.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/Reaction.js

@@ -1,5 +1,4 @@
 /* Reaction.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./Reaction.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -17,7 +16,6 @@ import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { ReactionButton } from './ReactionButton';
 import { StaticReaction } from './StaticReaction';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
-import { fg } from '@atlaskit/platform-feature-flags';
 const styles = {
   container: "_kqswh2mm"
 };
@@ -106,14 +104,11 @@ export const Reaction = ({
   };
   const emojiAndCount = /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
     className: ax(["_8hrz1nam _vwz41crf _ca0q1b66 _u5f31b66 _n3td1b66 _19bvu2gc", reaction.count === 0 && "_ca0q1b66 _u5f3v77o _n3td1b66 _19bv19bv"])
-  }, /*#__PURE__*/React.createElement(ResourcedEmoji, _extends({
+  }, /*#__PURE__*/React.createElement(ResourcedEmoji, {
     emojiProvider: emojiProvider,
     emojiId: emojiId,
     fitToHeight: RESOURCED_EMOJI_COMPACT_HEIGHT
-  }, reaction.emojiPath && fg('platform_optimistic_reaction_emoji') ? {
-    optimistic: true,
-    optimisticImageURL: reaction.emojiPath
-  } : {}))), /*#__PURE__*/React.createElement(Counter, {
+  })), /*#__PURE__*/React.createElement(Counter, {
     value: reaction.count,
     highlight: !isViewOnly && reaction.reacted
   }));

package/dist/es2019/components/ReactionButton.js

@@ -48,13 +48,9 @@ export const ReactionButton = ({
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
     testId: testId,
-    xcss: cx(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground,
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    fg('platform-component-visual-refresh') && styles.reactionStylesRefresh)
+    xcss: cx(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, fg('platform-component-visual-refresh') && styles.reactionStylesRefresh)
   }, dataAttributes), /*#__PURE__*/React.createElement(FlashAnimation, {
-    flash: flash
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    ,
+    flash: flash,
     className: ax([fg('platform-component-visual-refresh') ? "_2rkolb4i _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3iqslr" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3iqslr"])
   }, children));
 };

package/dist/es2019/components/Trigger.js

@@ -71,9 +71,7 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
   const renderPressableButton = () => /*#__PURE__*/React.createElement(Pressable, _extends({
     testId: RENDER_TRIGGER_BUTTON_TESTID,
-    xcss: cx(styles.trigger, (fullWidthSummaryViewReactionPickerTrigger || fullWidthSelectorTrayReactionPickerTrigger) && styles.fullWidth, subtleReactionsSummaryAndPicker && styles.subtleTrigger, showAddReactionText && styles.expandedTrigger, disabled ? styles.disabledTrigger : showOpaqueBackground ? styles.opaqueEnabledTrigger : styles.transparentEnabledTrigger, miniMode && styles.miniMode,
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    fg('platform-component-visual-refresh') && styles.triggerStylesRefresh),
+    xcss: cx(styles.trigger, (fullWidthSummaryViewReactionPickerTrigger || fullWidthSelectorTrayReactionPickerTrigger) && styles.fullWidth, subtleReactionsSummaryAndPicker && styles.subtleTrigger, showAddReactionText && styles.expandedTrigger, disabled ? styles.disabledTrigger : showOpaqueBackground ? styles.opaqueEnabledTrigger : styles.transparentEnabledTrigger, miniMode && styles.miniMode, fg('platform-component-visual-refresh') && styles.triggerStylesRefresh),
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography
       lineHeight: '16px'

package/dist/esm/analytics/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
 var packageName = "@atlaskit/reactions";
-var packageVersion = "0.0.0-development";
+var packageVersion = "33.3.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/Reaction.js

@@ -1,5 +1,4 @@
 /* Reaction.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Reaction.compiled.css";
@@ -20,7 +19,6 @@ import { RESOURCED_EMOJI_COMPACT_HEIGHT } from '../shared/constants';
 import { ReactionButton } from './ReactionButton';
 import { StaticReaction } from './StaticReaction';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
-import { fg } from '@atlaskit/platform-feature-flags';
 var styles = {
   container: "_kqswh2mm"
 };
@@ -130,14 +128,11 @@ export var Reaction = function Reaction(_ref) {
   };
   var emojiAndCount = /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("div", {
     className: ax(["_8hrz1nam _vwz41crf _ca0q1b66 _u5f31b66 _n3td1b66 _19bvu2gc", reaction.count === 0 && "_ca0q1b66 _u5f3v77o _n3td1b66 _19bv19bv"])
-  }, /*#__PURE__*/React.createElement(ResourcedEmoji, _extends({
+  }, /*#__PURE__*/React.createElement(ResourcedEmoji, {
     emojiProvider: emojiProvider,
     emojiId: emojiId,
     fitToHeight: RESOURCED_EMOJI_COMPACT_HEIGHT
-  }, reaction.emojiPath && fg('platform_optimistic_reaction_emoji') ? {
-    optimistic: true,
-    optimisticImageURL: reaction.emojiPath
-  } : {}))), /*#__PURE__*/React.createElement(Counter, {
+  })), /*#__PURE__*/React.createElement(Counter, {
     value: reaction.count,
     highlight: !isViewOnly && reaction.reacted
   }));

package/dist/esm/components/ReactionButton.js

@@ -49,13 +49,9 @@ export var ReactionButton = function ReactionButton(_ref) {
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
     testId: testId,
-    xcss: cx(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground,
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    fg('platform-component-visual-refresh') && styles.reactionStylesRefresh)
+    xcss: cx(styles.reactionButton, useCompactStyles && styles.compactButton, reacted && styles.reacted, !reacted && showSubtleStyle && styles.borderless, !reacted && showOpaqueBackground && styles.opaqueBackground, fg('platform-component-visual-refresh') && styles.reactionStylesRefresh)
   }, dataAttributes), /*#__PURE__*/React.createElement(FlashAnimation, {
-    flash: flash
-    // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-    ,
+    flash: flash,
     className: ax([fg('platform-component-visual-refresh') ? "_2rkolb4i _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698" : "_2rko19bv _1e0c1txw _2lx2vrvc _4cvr1h6o _4t3i3698"]),
     style: {
       "--_1ed2mu0": ix("".concat(flashHeight, "px"))

package/dist/esm/components/Trigger.js

@@ -78,9 +78,7 @@ export var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderPressableButton = function renderPressableButton() {
     return /*#__PURE__*/React.createElement(Pressable, _extends({
       testId: RENDER_TRIGGER_BUTTON_TESTID,
-      xcss: cx(styles.trigger, (fullWidthSummaryViewReactionPickerTrigger || fullWidthSelectorTrayReactionPickerTrigger) && styles.fullWidth, subtleReactionsSummaryAndPicker && styles.subtleTrigger, showAddReactionText && styles.expandedTrigger, disabled ? styles.disabledTrigger : showOpaqueBackground ? styles.opaqueEnabledTrigger : styles.transparentEnabledTrigger, miniMode && styles.miniMode,
-      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-      fg('platform-component-visual-refresh') && styles.triggerStylesRefresh),
+      xcss: cx(styles.trigger, (fullWidthSummaryViewReactionPickerTrigger || fullWidthSelectorTrayReactionPickerTrigger) && styles.fullWidth, subtleReactionsSummaryAndPicker && styles.subtleTrigger, showAddReactionText && styles.expandedTrigger, disabled ? styles.disabledTrigger : showOpaqueBackground ? styles.opaqueEnabledTrigger : styles.transparentEnabledTrigger, miniMode && styles.miniMode, fg('platform-component-visual-refresh') && styles.triggerStylesRefresh),
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography
         lineHeight: '16px'

package/dist/types/types/reaction.d.ts

@@ -23,10 +23,6 @@ export interface ReactionSummary {
      * unique Atlassian identifier for an emoji
      */
     emojiId: string;
-    /**
-     * A path to the emoji image, used for optimistic rendering.
-     */
-    emojiPath?: string;
     /**
      * @deprecated Legacy content Not in use anymore
      */

package/dist/types-ts4.5/types/reaction.d.ts

@@ -23,10 +23,6 @@ export interface ReactionSummary {
      * unique Atlassian identifier for an emoji
      */
     emojiId: string;
-    /**
-     * A path to the emoji image, used for optimistic rendering.
-     */
-    emojiPath?: string;
     /**
      * @deprecated Legacy content Not in use anymore
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "33.3.0",
+	"version": "33.3.2",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,8 +37,8 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.4.0",
 		"@atlaskit/button": "^23.5.0",
-		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/emoji": "^69.5.0",
+		"@atlaskit/css": "^0.15.0",
+		"@atlaskit/emoji": "^69.6.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
@@ -49,12 +49,12 @@
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/popup": "^4.4.0",
 		"@atlaskit/portal": "^5.1.0",
-		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/primitives": "^15.0.0",
 		"@atlaskit/react-ufo": "^4.11.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tokens": "^6.5.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",