@atlaskit/reactions 34.0.6 → 34.1.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/reactions
 
+## 34.1.0
+
+### Minor Changes
+
+- [`954d295f45814`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/954d295f45814) -
+  [ux] Ensuring add emoji button takes emojiPickerSize as size
+
+## 34.0.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 34.0.6
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"target": "es5",
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__reactions",
 		"rootDir": "../",
 		"composite": true,

package/afm-products/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
-		"target": "es5",
 		"outDir": "../../../../../tsDist/@atlaskit__reactions/app",
 		"rootDir": "../",
 		"composite": true,

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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
 var packageName = "@atlaskit/reactions";
-var packageVersion = "34.0.5";
+var packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/cjs/components/ReactionPicker.js

@@ -323,7 +323,8 @@ var ReactionPicker = exports.ReactionPicker = /*#__PURE__*/_react.default.memo(f
         subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
         reactionPickerTriggerIcon: reactionPickerTriggerIcon,
         reactionPickerTriggerText: reactionPickerTriggerText,
-        isListItem: isListItem
+        isListItem: isListItem,
+        emojiPickerSize: emojiPickerSize
       }))
     );
   }), isPopupTrayOpen && /*#__PURE__*/_react.default.createElement(_portal.default, {

package/dist/cjs/components/Trigger.js

@@ -76,7 +76,8 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
     _props$isListItem = props.isListItem,
     isListItem = _props$isListItem === void 0 ? false : _props$isListItem,
     _props$fullWidthSelec = props.fullWidthSelectorTrayReactionPickerTrigger,
-    fullWidthSelectorTrayReactionPickerTrigger = _props$fullWidthSelec === void 0 ? false : _props$fullWidthSelec;
+    fullWidthSelectorTrayReactionPickerTrigger = _props$fullWidthSelec === void 0 ? false : _props$fullWidthSelec,
+    emojiPickerSize = props.emojiPickerSize;
   var handleMouseDown = function handleMouseDown(e, analyticsEvent) {
     if (onClick && !disabled) {
       onClick(e, analyticsEvent);
@@ -101,7 +102,8 @@ var Trigger = exports.Trigger = /*#__PURE__*/_react2.default.forwardRef(function
     _react2.default.createElement(_emojiAdd.default, {
       testId: "emoji-add-icon",
       color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
-      label: "Add reaction"
+      label: "Add reaction",
+      size: emojiPickerSize === 'small' ? 'small' : 'medium'
     }), showAddReactionText && /*#__PURE__*/_react2.default.createElement(_compiled.Box, {
       xcss: (0, _react.cx)(addReactionStyles.addReactionMessage)
     }, reactionPickerTriggerText));

package/dist/es2019/analytics/index.js

@@ -2,7 +2,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 = "34.0.5";
+const packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/es2019/components/ReactionPicker.js

@@ -281,7 +281,8 @@ export const ReactionPicker = /*#__PURE__*/React.memo(props => {
     subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
     reactionPickerTriggerIcon: reactionPickerTriggerIcon,
     reactionPickerTriggerText: reactionPickerTriggerText,
-    isListItem: isListItem
+    isListItem: isListItem,
+    emojiPickerSize: emojiPickerSize
   }))), isPopupTrayOpen && /*#__PURE__*/React.createElement(Portal, {
     zIndex: reactionPickerPopperZIndex || layers.flag()
   }, /*#__PURE__*/React.createElement(PopperWrapper, {

package/dist/es2019/components/Trigger.js

@@ -62,7 +62,8 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     reactionPickerTriggerText = formatMessage(i18n.addReaction),
     fullWidthSummaryViewReactionPickerTrigger = false,
     isListItem = false,
-    fullWidthSelectorTrayReactionPickerTrigger = false
+    fullWidthSelectorTrayReactionPickerTrigger = false,
+    emojiPickerSize
   } = props;
   const handleMouseDown = (e, analyticsEvent) => {
     if (onClick && !disabled) {
@@ -87,7 +88,8 @@ export const Trigger = /*#__PURE__*/React.forwardRef((props, ref) => {
   React.createElement(EmojiAddIcon, {
     testId: "emoji-add-icon",
     color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
-    label: "Add reaction"
+    label: "Add reaction",
+    size: emojiPickerSize === 'small' ? 'small' : 'medium'
   }), showAddReactionText && /*#__PURE__*/React.createElement(Box, {
     xcss: cx(addReactionStyles.addReactionMessage)
   }, reactionPickerTriggerText));

package/dist/esm/analytics/index.js

@@ -5,7 +5,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 = "34.0.5";
+var packageVersion = "0.0.0-development";
 /**
  * TODO: move to utility package?
  * A random sampling function

package/dist/esm/components/ReactionPicker.js

@@ -314,7 +314,8 @@ export var ReactionPicker = /*#__PURE__*/React.memo(function (props) {
         subtleReactionsSummaryAndPicker: subtleReactionsSummaryAndPicker,
         reactionPickerTriggerIcon: reactionPickerTriggerIcon,
         reactionPickerTriggerText: reactionPickerTriggerText,
-        isListItem: isListItem
+        isListItem: isListItem,
+        emojiPickerSize: emojiPickerSize
       }))
     );
   }), isPopupTrayOpen && /*#__PURE__*/React.createElement(Portal, {

package/dist/esm/components/Trigger.js

@@ -69,7 +69,8 @@ export var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$isListItem = props.isListItem,
     isListItem = _props$isListItem === void 0 ? false : _props$isListItem,
     _props$fullWidthSelec = props.fullWidthSelectorTrayReactionPickerTrigger,
-    fullWidthSelectorTrayReactionPickerTrigger = _props$fullWidthSelec === void 0 ? false : _props$fullWidthSelec;
+    fullWidthSelectorTrayReactionPickerTrigger = _props$fullWidthSelec === void 0 ? false : _props$fullWidthSelec,
+    emojiPickerSize = props.emojiPickerSize;
   var handleMouseDown = function handleMouseDown(e, analyticsEvent) {
     if (onClick && !disabled) {
       onClick(e, analyticsEvent);
@@ -94,7 +95,8 @@ export var Trigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     React.createElement(EmojiAddIcon, {
       testId: "emoji-add-icon",
       color: disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)",
-      label: "Add reaction"
+      label: "Add reaction",
+      size: emojiPickerSize === 'small' ? 'small' : 'medium'
     }), showAddReactionText && /*#__PURE__*/React.createElement(Box, {
       xcss: cx(addReactionStyles.addReactionMessage)
     }, reactionPickerTriggerText));

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

@@ -4,6 +4,7 @@
  */
 import { type AriaAttributes } from 'react';
 import { type AnalyticsEvent } from '@atlaskit/analytics-next';
+import { type PickerSize } from '@atlaskit/emoji/types';
 import React from 'react';
 /**
  * Test id for the tooltip
@@ -21,6 +22,13 @@ export interface TriggerProps {
      * Enable/Disable the button to be clickable (defaults to false)
      */
     disabled?: boolean;
+    /**
+     * Optional emoji picker size; when supplied, the default trigger icon is rendered at the
+     * matching size ('small' = 12px, 'medium' = 16px). Mirrors the size used by the emoji
+     * picker popup so the trigger stays visually consistent. `'large'` is excluded because
+     * the underlying icon family does not provide a large variant.
+     */
+    emojiPickerSize?: PickerSize;
     fullWidthSelectorTrayReactionPickerTrigger?: boolean;
     /**
      * Optional prop for controlling if the summary view reaction picker trigger should be full width

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

@@ -4,6 +4,7 @@
  */
 import { type AriaAttributes } from 'react';
 import { type AnalyticsEvent } from '@atlaskit/analytics-next';
+import { type PickerSize } from '@atlaskit/emoji/types';
 import React from 'react';
 /**
  * Test id for the tooltip
@@ -21,6 +22,13 @@ export interface TriggerProps {
      * Enable/Disable the button to be clickable (defaults to false)
      */
     disabled?: boolean;
+    /**
+     * Optional emoji picker size; when supplied, the default trigger icon is rendered at the
+     * matching size ('small' = 12px, 'medium' = 16px). Mirrors the size used by the emoji
+     * picker popup so the trigger stays visually consistent. `'large'` is excluded because
+     * the underlying icon family does not provide a large variant.
+     */
+    emojiPickerSize?: PickerSize;
     fullWidthSelectorTrayReactionPickerTrigger?: boolean;
     /**
      * Optional prop for controlling if the summary view reaction picker trigger should be full width

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "34.0.6",
+	"version": "34.1.0",
 	"description": "Reactions component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,18 +38,18 @@
 		"@atlaskit/avatar": "^25.14.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/emoji": "^70.3.0",
+		"@atlaskit/emoji": "^70.4.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.3.0",
+		"@atlaskit/icon": "^34.4.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/modal-dialog": "^14.18.0",
+		"@atlaskit/modal-dialog": "^15.0.0",
 		"@atlaskit/motion": "^6.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.2.0",
 		"@atlaskit/popup": "^4.17.0",
 		"@atlaskit/portal": "^5.5.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/react-ufo": "^5.18.0",
+		"@atlaskit/react-ufo": "^5.19.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/tabs": "^19.1.0",
 		"@atlaskit/theme": "^23.2.0",
@@ -72,7 +72,7 @@
 		"@atlaskit/elements-test-helpers": "workspace:^",
 		"@atlaskit/util-data-test": "^18.5.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
-		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",

package/afm-jira/tsconfig.json

@@ -1,102 +0,0 @@
-{
-	"extends": "../../../../tsconfig.local-consumption.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../jira/tsDist/@atlaskit__reactions/app",
-		"rootDir": "../",
-		"composite": true,
-		"noCheck": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../../analytics/analytics-gas-types/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-namespaced-context/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/avatar/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/css/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../emoji/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/heading/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/link/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/modal-dialog/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/motion/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popper/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/popup/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/portal/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../react-ufo/atlaskit/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tabs/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/theme/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../data/ufo-external/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../util-service-support/afm-jira/tsconfig.json"
-		}
-	]
-}