@atlaskit/reactions 28.0.0 → 29.0.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/reactions
 
+## 29.0.0
+
+### Major Changes
+
+- [#129339](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129339)
+  [`fbade126d118d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fbade126d118d) -
+  [ux] Removes the showRoundTrigger prop since it is not being used after an implementation change.
+
 ## 28.0.0
 
 ### Major 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 = "28.0.0";
+var packageVersion = "29.0.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionPicker/ReactionPicker.js

@@ -69,8 +69,6 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
     subtleReactionsSummaryAndPicker = _props$subtleReaction === void 0 ? false : _props$subtleReaction,
     _props$showAddReactio = props.showAddReactionText,
     showAddReactionText = _props$showAddReactio === void 0 ? false : _props$showAddReactio,
-    _props$showRoundTrigg = props.showRoundTrigger,
-    showRoundTrigger = _props$showRoundTrigg === void 0 ? false : _props$showRoundTrigg,
     _props$reactionPicker = props.reactionPickerAdditionalStyle,
     reactionPickerAdditionalStyle = _props$reactionPicker === void 0 ? undefined : _props$reactionPicker,
     reactionPickerTriggerIcon = props.reactionPickerTriggerIcon,
@@ -91,7 +89,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
     selectionStyle = _useState4[0],
     setSelectionStyle = _useState4[1];
   var updatePopper = (0, _react.useRef)();
-  var popperPlacement = showRoundTrigger ? 'left' : reactionPickerPlacement || 'bottom-start';
+  var popperPlacement = reactionPickerPlacement || 'bottom-start';
   var popperModifiers = [
   /**
     Removing this applyStyle modifier as it throws client errors ref:
@@ -131,7 +129,7 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
        */
       showFullPicker: !!allowAllEmojis && Array.isArray(pickerQuickReactionEmojiIds) && pickerQuickReactionEmojiIds.length === 0,
       /**
-       * Use left placement for popper - using value based on showRoundTrigger for now since it needs the left placement
+       * Placement for popper
        */
       popperPlacement: popperPlacement
     }),
@@ -261,7 +259,6 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
         showOpaqueBackground: showOpaqueBackground,
         showAddReactionText: showAddReactionText,
         subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-        showRoundTrigger: showRoundTrigger,
         reactionPickerTriggerIcon: reactionPickerTriggerIcon,
         useButtonAlignmentStyling: useButtonAlignmentStyling
       })

package/dist/cjs/components/Reactions/Reactions.js

@@ -150,8 +150,6 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     ProfileCardWrapper = _ref.ProfileCardWrapper,
     _ref$onlyRenderPicker = _ref.onlyRenderPicker,
     onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker,
-    _ref$showRoundTrigger = _ref.showRoundTrigger,
-    showRoundTrigger = _ref$showRoundTrigger === void 0 ? false : _ref$showRoundTrigger,
     reactionPickerPlacement = _ref.reactionPickerPlacement,
     reactionsPickerPreventOverflowOptions = _ref.reactionsPickerPreventOverflowOptions,
     _ref$isViewOnly = _ref.isViewOnly,
@@ -383,7 +381,6 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     showOpaqueBackground: showOpaqueBackground,
     showAddReactionText: showAddReactionText,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    showRoundTrigger: showRoundTrigger,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
     reactionPickerAdditionalStyle: reactionPickerAdditionalStyle,
     useButtonAlignmentStyling: useButtonAlignmentStyling,

package/dist/cjs/components/Trigger/Trigger.js

@@ -55,11 +55,6 @@ var expandedTriggerStyles = (0, _primitives.xcss)({
 var triggerStylesRefresh = (0, _primitives.xcss)({
   borderRadius: 'border.radius'
 });
-var roundTriggerStyles = (0, _primitives.xcss)({
-  borderRadius: '50%',
-  height: '2rem',
-  width: '2rem'
-});
 var transparentEnabledTriggerStyles = (0, _primitives.xcss)({
   borderColor: 'color.border',
   backgroundColor: 'color.background.neutral.subtle',
@@ -118,8 +113,6 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react.default.forwardRef(function
     showAddReactionText = _props$showAddReactio === void 0 ? false : _props$showAddReactio,
     _props$subtleReaction = props.subtleReactionsSummaryAndPicker,
     subtleReactionsSummaryAndPicker = _props$subtleReaction === void 0 ? false : _props$subtleReaction,
-    _props$showRoundTrigg = props.showRoundTrigger,
-    showRoundTrigger = _props$showRoundTrigg === void 0 ? false : _props$showRoundTrigg,
     selectionStyle = props.selectionStyle,
     reactionPickerTriggerIcon = props.reactionPickerTriggerIcon,
     useButtonAlignmentStyling = props.useButtonAlignmentStyling;
@@ -133,7 +126,7 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react.default.forwardRef(function
     content: tooltipContent
   }, (0, _react2.jsx)(_primitives.Pressable, (0, _extends2.default)({
     testId: RENDER_TRIGGER_BUTTON_TESTID,
-    xcss: [triggerStyles, subtleReactionsSummaryAndPicker && subtleTriggerStyles, showAddReactionText && expandedTriggerStyles, disabled ? disabledTriggerStyles : showOpaqueBackground ? opaqueEnabledTriggerStyles : transparentEnabledTriggerStyles, miniMode && miniModeStyles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && triggerStylesRefresh, showRoundTrigger && roundTriggerStyles,
+    xcss: [triggerStyles, subtleReactionsSummaryAndPicker && subtleTriggerStyles, showAddReactionText && expandedTriggerStyles, disabled ? disabledTriggerStyles : showOpaqueBackground ? opaqueEnabledTriggerStyles : transparentEnabledTriggerStyles, miniMode && miniModeStyles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && triggerStylesRefresh,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     selectionStyle],
     onClick: handleMouseDown,

package/dist/cjs/components/compiled/Reactions.js

@@ -130,8 +130,6 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     ProfileCardWrapper = _ref.ProfileCardWrapper,
     _ref$onlyRenderPicker = _ref.onlyRenderPicker,
     onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker,
-    _ref$showRoundTrigger = _ref.showRoundTrigger,
-    showRoundTrigger = _ref$showRoundTrigger === void 0 ? false : _ref$showRoundTrigger,
     _ref$isViewOnly = _ref.isViewOnly,
     isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
     reactionPickerAdditionalStyle = _ref.reactionPickerAdditionalStyle,
@@ -358,7 +356,6 @@ var Reactions = exports.Reactions = /*#__PURE__*/_react.default.memo(function (_
     showOpaqueBackground: showOpaqueBackground,
     showAddReactionText: showAddReactionText,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    showRoundTrigger: showRoundTrigger,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
     reactionPickerAdditionalStyle: reactionPickerAdditionalStyle,
     useButtonAlignmentStyling: useButtonAlignmentStyling,

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 = "28.0.0";
+const packageVersion = "29.0.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/ReactionPicker/ReactionPicker.js

@@ -52,7 +52,6 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
     showOpaqueBackground = false,
     subtleReactionsSummaryAndPicker = false,
     showAddReactionText = false,
-    showRoundTrigger = false,
     reactionPickerAdditionalStyle = undefined,
     reactionPickerTriggerIcon,
     useButtonAlignmentStyling,
@@ -67,7 +66,7 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
   const wrapperRef = useRef(null);
   const [selectionStyle, setSelectionStyle] = useState(undefined);
   const updatePopper = useRef();
-  const popperPlacement = showRoundTrigger ? 'left' : reactionPickerPlacement || 'bottom-start';
+  const popperPlacement = reactionPickerPlacement || 'bottom-start';
   const popperModifiers = [
   /**
     Removing this applyStyle modifier as it throws client errors ref:
@@ -108,7 +107,7 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
      */
     showFullPicker: !!allowAllEmojis && Array.isArray(pickerQuickReactionEmojiIds) && pickerQuickReactionEmojiIds.length === 0,
     /**
-     * Use left placement for popper - using value based on showRoundTrigger for now since it needs the left placement
+     * Placement for popper
      */
     popperPlacement
   });
@@ -234,7 +233,6 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
     showOpaqueBackground: showOpaqueBackground,
     showAddReactionText: showAddReactionText,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    showRoundTrigger: showRoundTrigger,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
     useButtonAlignmentStyling: useButtonAlignmentStyling
   })), settings.isOpen && jsx(PopperWrapper, {

package/dist/es2019/components/Reactions/Reactions.js

@@ -117,7 +117,6 @@ export const Reactions = /*#__PURE__*/React.memo(({
   hideDefaultReactions = false,
   ProfileCardWrapper,
   onlyRenderPicker = false,
-  showRoundTrigger = false,
   reactionPickerPlacement,
   reactionsPickerPreventOverflowOptions,
   isViewOnly = false,
@@ -329,7 +328,6 @@ export const Reactions = /*#__PURE__*/React.memo(({
     showOpaqueBackground: showOpaqueBackground,
     showAddReactionText: showAddReactionText,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    showRoundTrigger: showRoundTrigger,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
     reactionPickerAdditionalStyle: reactionPickerAdditionalStyle,
     useButtonAlignmentStyling: useButtonAlignmentStyling,

package/dist/es2019/components/Trigger/Trigger.js

@@ -47,11 +47,6 @@ const expandedTriggerStyles = xcss({
 const triggerStylesRefresh = xcss({
   borderRadius: 'border.radius'
 });
-const roundTriggerStyles = xcss({
-  borderRadius: '50%',
-  height: '2rem',
-  width: '2rem'
-});
 const transparentEnabledTriggerStyles = xcss({
   borderColor: 'color.border',
   backgroundColor: 'color.background.neutral.subtle',
@@ -107,7 +102,6 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     showOpaqueBackground = false,
     showAddReactionText = false,
     subtleReactionsSummaryAndPicker = false,
-    showRoundTrigger = false,
     selectionStyle,
     reactionPickerTriggerIcon,
     useButtonAlignmentStyling
@@ -122,7 +116,7 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     content: tooltipContent
   }, jsx(Pressable, _extends({
     testId: RENDER_TRIGGER_BUTTON_TESTID,
-    xcss: [triggerStyles, subtleReactionsSummaryAndPicker && subtleTriggerStyles, showAddReactionText && expandedTriggerStyles, disabled ? disabledTriggerStyles : showOpaqueBackground ? opaqueEnabledTriggerStyles : transparentEnabledTriggerStyles, miniMode && miniModeStyles, fg('platform-component-visual-refresh') && triggerStylesRefresh, showRoundTrigger && roundTriggerStyles,
+    xcss: [triggerStyles, subtleReactionsSummaryAndPicker && subtleTriggerStyles, showAddReactionText && expandedTriggerStyles, disabled ? disabledTriggerStyles : showOpaqueBackground ? opaqueEnabledTriggerStyles : transparentEnabledTriggerStyles, miniMode && miniModeStyles, fg('platform-component-visual-refresh') && triggerStylesRefresh,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     selectionStyle],
     onClick: handleMouseDown,

package/dist/es2019/components/compiled/Reactions.js

@@ -99,7 +99,6 @@ export const Reactions = /*#__PURE__*/React.memo(({
   hideDefaultReactions = false,
   ProfileCardWrapper,
   onlyRenderPicker = false,
-  showRoundTrigger = false,
   isViewOnly = false,
   reactionPickerAdditionalStyle,
   noWrap = false,
@@ -306,7 +305,6 @@ export const Reactions = /*#__PURE__*/React.memo(({
     showOpaqueBackground: showOpaqueBackground,
     showAddReactionText: showAddReactionText,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    showRoundTrigger: showRoundTrigger,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
     reactionPickerAdditionalStyle: reactionPickerAdditionalStyle,
     useButtonAlignmentStyling: useButtonAlignmentStyling,

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 = "28.0.0";
+var packageVersion = "29.0.0";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/ReactionPicker/ReactionPicker.js

@@ -62,8 +62,6 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
     subtleReactionsSummaryAndPicker = _props$subtleReaction === void 0 ? false : _props$subtleReaction,
     _props$showAddReactio = props.showAddReactionText,
     showAddReactionText = _props$showAddReactio === void 0 ? false : _props$showAddReactio,
-    _props$showRoundTrigg = props.showRoundTrigger,
-    showRoundTrigger = _props$showRoundTrigg === void 0 ? false : _props$showRoundTrigg,
     _props$reactionPicker = props.reactionPickerAdditionalStyle,
     reactionPickerAdditionalStyle = _props$reactionPicker === void 0 ? undefined : _props$reactionPicker,
     reactionPickerTriggerIcon = props.reactionPickerTriggerIcon,
@@ -84,7 +82,7 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
     selectionStyle = _useState4[0],
     setSelectionStyle = _useState4[1];
   var updatePopper = useRef();
-  var popperPlacement = showRoundTrigger ? 'left' : reactionPickerPlacement || 'bottom-start';
+  var popperPlacement = reactionPickerPlacement || 'bottom-start';
   var popperModifiers = [
   /**
     Removing this applyStyle modifier as it throws client errors ref:
@@ -124,7 +122,7 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
        */
       showFullPicker: !!allowAllEmojis && Array.isArray(pickerQuickReactionEmojiIds) && pickerQuickReactionEmojiIds.length === 0,
       /**
-       * Use left placement for popper - using value based on showRoundTrigger for now since it needs the left placement
+       * Placement for popper
        */
       popperPlacement: popperPlacement
     }),
@@ -254,7 +252,6 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
         showOpaqueBackground: showOpaqueBackground,
         showAddReactionText: showAddReactionText,
         subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-        showRoundTrigger: showRoundTrigger,
         reactionPickerTriggerIcon: reactionPickerTriggerIcon,
         useButtonAlignmentStyling: useButtonAlignmentStyling
       })

package/dist/esm/components/Reactions/Reactions.js

@@ -136,8 +136,6 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     ProfileCardWrapper = _ref.ProfileCardWrapper,
     _ref$onlyRenderPicker = _ref.onlyRenderPicker,
     onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker,
-    _ref$showRoundTrigger = _ref.showRoundTrigger,
-    showRoundTrigger = _ref$showRoundTrigger === void 0 ? false : _ref$showRoundTrigger,
     reactionPickerPlacement = _ref.reactionPickerPlacement,
     reactionsPickerPreventOverflowOptions = _ref.reactionsPickerPreventOverflowOptions,
     _ref$isViewOnly = _ref.isViewOnly,
@@ -369,7 +367,6 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     showOpaqueBackground: showOpaqueBackground,
     showAddReactionText: showAddReactionText,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    showRoundTrigger: showRoundTrigger,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
     reactionPickerAdditionalStyle: reactionPickerAdditionalStyle,
     useButtonAlignmentStyling: useButtonAlignmentStyling,

package/dist/esm/components/Trigger/Trigger.js

@@ -47,11 +47,6 @@ var expandedTriggerStyles = xcss({
 var triggerStylesRefresh = xcss({
   borderRadius: 'border.radius'
 });
-var roundTriggerStyles = xcss({
-  borderRadius: '50%',
-  height: '2rem',
-  width: '2rem'
-});
 var transparentEnabledTriggerStyles = xcss({
   borderColor: 'color.border',
   backgroundColor: 'color.background.neutral.subtle',
@@ -110,8 +105,6 @@ export var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showAddReactionText = _props$showAddReactio === void 0 ? false : _props$showAddReactio,
     _props$subtleReaction = props.subtleReactionsSummaryAndPicker,
     subtleReactionsSummaryAndPicker = _props$subtleReaction === void 0 ? false : _props$subtleReaction,
-    _props$showRoundTrigg = props.showRoundTrigger,
-    showRoundTrigger = _props$showRoundTrigg === void 0 ? false : _props$showRoundTrigg,
     selectionStyle = props.selectionStyle,
     reactionPickerTriggerIcon = props.reactionPickerTriggerIcon,
     useButtonAlignmentStyling = props.useButtonAlignmentStyling;
@@ -125,7 +118,7 @@ export var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     content: tooltipContent
   }, jsx(Pressable, _extends({
     testId: RENDER_TRIGGER_BUTTON_TESTID,
-    xcss: [triggerStyles, subtleReactionsSummaryAndPicker && subtleTriggerStyles, showAddReactionText && expandedTriggerStyles, disabled ? disabledTriggerStyles : showOpaqueBackground ? opaqueEnabledTriggerStyles : transparentEnabledTriggerStyles, miniMode && miniModeStyles, fg('platform-component-visual-refresh') && triggerStylesRefresh, showRoundTrigger && roundTriggerStyles,
+    xcss: [triggerStyles, subtleReactionsSummaryAndPicker && subtleTriggerStyles, showAddReactionText && expandedTriggerStyles, disabled ? disabledTriggerStyles : showOpaqueBackground ? opaqueEnabledTriggerStyles : transparentEnabledTriggerStyles, miniMode && miniModeStyles, fg('platform-component-visual-refresh') && triggerStylesRefresh,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     selectionStyle],
     onClick: handleMouseDown,

package/dist/esm/components/compiled/Reactions.js

@@ -118,8 +118,6 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     ProfileCardWrapper = _ref.ProfileCardWrapper,
     _ref$onlyRenderPicker = _ref.onlyRenderPicker,
     onlyRenderPicker = _ref$onlyRenderPicker === void 0 ? false : _ref$onlyRenderPicker,
-    _ref$showRoundTrigger = _ref.showRoundTrigger,
-    showRoundTrigger = _ref$showRoundTrigger === void 0 ? false : _ref$showRoundTrigger,
     _ref$isViewOnly = _ref.isViewOnly,
     isViewOnly = _ref$isViewOnly === void 0 ? false : _ref$isViewOnly,
     reactionPickerAdditionalStyle = _ref.reactionPickerAdditionalStyle,
@@ -346,7 +344,6 @@ export var Reactions = /*#__PURE__*/React.memo(function (_ref) {
     showOpaqueBackground: showOpaqueBackground,
     showAddReactionText: showAddReactionText,
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
-    showRoundTrigger: showRoundTrigger,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
     reactionPickerAdditionalStyle: reactionPickerAdditionalStyle,
     useButtonAlignmentStyling: useButtonAlignmentStyling,

package/dist/types/components/ReactionPicker/ReactionPicker.d.ts

@@ -71,11 +71,7 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      */
     showAddReactionText?: boolean;
     /**
-     * Optional prop for controlling if the picker hover border will be rounded
-     */
-    showRoundTrigger?: boolean;
-    /**
-     * Optional prop for controlling the picker location, gets overrided by showRoundTrigger
+     * Optional prop for controlling the picker location
      */
     reactionPickerPlacement?: Placement;
     /**

package/dist/types/components/Reactions/Reactions.d.ts

@@ -139,11 +139,7 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      */
     onlyRenderPicker?: boolean;
     /**
-     * Optional prop for controlling if the picker hover border will be rounded
-     */
-    showRoundTrigger?: boolean;
-    /**
-     * Optional prop for controlling the placement of the reaction picker, is overriden by showRoundTrigger
+     * Optional prop for controlling the placement of the reaction picker
      */
     reactionPickerPlacement?: Placement;
     /**
@@ -187,4 +183,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, showRoundTrigger, reactionPickerPlacement, reactionsPickerPreventOverflowOptions, isViewOnly, reactionPickerAdditionalStyle, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerToolipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, }: ReactionsProps) => jsx.JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, reactionPickerPlacement, reactionsPickerPreventOverflowOptions, isViewOnly, reactionPickerAdditionalStyle, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerToolipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, }: ReactionsProps) => jsx.JSX.Element>;

package/dist/types/components/Trigger/Trigger.d.ts

@@ -45,10 +45,6 @@ export interface TriggerProps {
      * Optional prop for applying subtle styling to reaction picker
      */
     subtleReactionsSummaryAndPicker?: boolean;
-    /**
-     * Optional prop for controlling if the picker hover border will be rounded
-     */
-    showRoundTrigger?: boolean;
     /**
      * Option prop for controlling the reaction picker selection style
      */

package/dist/types/components/compiled/Reactions.d.ts

@@ -137,10 +137,6 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      * Optional prop to hide the user reactions and only render the picker
      */
     onlyRenderPicker?: boolean;
-    /**
-     * Optional prop for controlling if the picker hover border will be rounded
-     */
-    showRoundTrigger?: boolean;
     /**
      * Optional prop for controlling if the reactions component is view only, disabling adding reactions
      */
@@ -178,4 +174,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, showRoundTrigger, isViewOnly, reactionPickerAdditionalStyle, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerToolipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, }: ReactionsProps) => JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, isViewOnly, reactionPickerAdditionalStyle, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerToolipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, }: ReactionsProps) => JSX.Element>;

package/dist/types/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ReactionsProps, type ReactionPickerProps } from '../../components';
 import { ReactionStatus, type Actions, type State, type StorePropInput } from '../../types';
 import { type ReactionUpdateSuccess } from '../../types/reaction';
-export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'showRoundTrigger' | 'isViewOnly' | 'allowSelectFromSummaryView'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
+export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
     /**
      * Wrapper id for reactions list
      */

package/dist/types-ts4.5/components/ReactionPicker/ReactionPicker.d.ts

@@ -71,11 +71,7 @@ export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickRea
      */
     showAddReactionText?: boolean;
     /**
-     * Optional prop for controlling if the picker hover border will be rounded
-     */
-    showRoundTrigger?: boolean;
-    /**
-     * Optional prop for controlling the picker location, gets overrided by showRoundTrigger
+     * Optional prop for controlling the picker location
      */
     reactionPickerPlacement?: Placement;
     /**

package/dist/types-ts4.5/components/Reactions/Reactions.d.ts

@@ -139,11 +139,7 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      */
     onlyRenderPicker?: boolean;
     /**
-     * Optional prop for controlling if the picker hover border will be rounded
-     */
-    showRoundTrigger?: boolean;
-    /**
-     * Optional prop for controlling the placement of the reaction picker, is overriden by showRoundTrigger
+     * Optional prop for controlling the placement of the reaction picker
      */
     reactionPickerPlacement?: Placement;
     /**
@@ -187,4 +183,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, showRoundTrigger, reactionPickerPlacement, reactionsPickerPreventOverflowOptions, isViewOnly, reactionPickerAdditionalStyle, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerToolipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, }: ReactionsProps) => jsx.JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, reactionPickerPlacement, reactionsPickerPreventOverflowOptions, isViewOnly, reactionPickerAdditionalStyle, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerToolipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, }: ReactionsProps) => jsx.JSX.Element>;

package/dist/types-ts4.5/components/Trigger/Trigger.d.ts

@@ -45,10 +45,6 @@ export interface TriggerProps {
      * Optional prop for applying subtle styling to reaction picker
      */
     subtleReactionsSummaryAndPicker?: boolean;
-    /**
-     * Optional prop for controlling if the picker hover border will be rounded
-     */
-    showRoundTrigger?: boolean;
     /**
      * Option prop for controlling the reaction picker selection style
      */

package/dist/types-ts4.5/components/compiled/Reactions.d.ts

@@ -137,10 +137,6 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
      * Optional prop to hide the user reactions and only render the picker
      */
     onlyRenderPicker?: boolean;
-    /**
-     * Optional prop for controlling if the picker hover border will be rounded
-     */
-    showRoundTrigger?: boolean;
     /**
      * Optional prop for controlling if the reactions component is view only, disabling adding reactions
      */
@@ -178,4 +174,4 @@ export declare function getTooltip(status: ReactionStatus, errorMessage?: string
 /**
  * Renders list of reactions
  */
-export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, showRoundTrigger, isViewOnly, reactionPickerAdditionalStyle, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerToolipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, }: ReactionsProps) => JSX.Element>;
+export declare const Reactions: React.MemoExoticComponent<({ flash, particleEffectByEmoji, status, errorMessage, loadReaction, quickReactionEmojis, pickerQuickReactionEmojiIds, getReactionDetails, onSelection, reactions, emojiProvider, allowAllEmojis, onReactionClick, allowUserDialog, onDialogOpenCallback, onDialogCloseCallback, onDialogSelectReactionCallback, onDialogPageChangeCallback, emojiPickerSize, miniMode, summaryViewEnabled, summaryViewThreshold, summaryViewPlacement, showOpaqueBackground, subtleReactionsSummaryAndPicker, showAddReactionText, hideDefaultReactions, ProfileCardWrapper, onlyRenderPicker, isViewOnly, reactionPickerAdditionalStyle, noWrap, noRelativeContainer, showSubtleDefaultReactions, reactionPickerTriggerToolipContent, reactionPickerTriggerIcon, allowSelectFromSummaryView, useButtonAlignmentStyling, }: ReactionsProps) => JSX.Element>;

package/dist/types-ts4.5/containers/ConnectedReactionsView/ConnectedReactionsView.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type ReactionsProps, type ReactionPickerProps } from '../../components';
 import { ReactionStatus, type Actions, type State, type StorePropInput } from '../../types';
 import { type ReactionUpdateSuccess } from '../../types/reaction';
-export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'showRoundTrigger' | 'isViewOnly' | 'allowSelectFromSummaryView'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
+export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quickReactionEmojis' | 'onDialogOpenCallback' | 'onDialogCloseCallback' | 'onDialogSelectReactionCallback' | 'allowUserDialog' | 'allowAllEmojis' | 'emojiProvider' | 'emojiPickerSize' | 'miniMode' | 'summaryViewEnabled' | 'subtleReactionsSummaryAndPicker' | 'onlyRenderPicker' | 'isViewOnly' | 'allowSelectFromSummaryView'>, Pick<ReactionPickerProps, 'pickerQuickReactionEmojiIds'> {
     /**
      * Wrapper id for reactions list
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "28.0.0",
+	"version": "29.0.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
 		"@atlaskit/emoji": "^69.0.0",
 		"@atlaskit/heading": "^5.1.0",
 		"@atlaskit/icon": "^25.0.0",
-		"@atlaskit/modal-dialog": "^13.3.0",
+		"@atlaskit/modal-dialog": "^13.4.0",
 		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.1.0",