@atlaskit/reactions 22.4.0 → 22.5.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/reactions
 
+## 22.5.1
+
+### Patch Changes
+
+- [`f01deb5e6ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f01deb5e6ab) - Use injected env vars instead of version.json
+
+## 22.5.0
+
+### Minor Changes
+
+- [`3920dcfd848`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3920dcfd848) - This removes the feature flag made for upgrading the `focus-trap` dependency and keeps `focus-trap` at it's original version.
+
 ## 22.4.0
 
 ### Minor Changes

package/dist/cjs/analytics/analytics.js

@@ -8,9 +8,10 @@ exports.isSampled = exports.extractErrorInfo = exports.createRestSucceededEvent
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
-var _version = require("../version.json");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var packageName = "@atlaskit/reactions";
+var packageVersion = "22.5.1";
 /**
  * TODO: move to utility package?
  * A random sampling function
@@ -50,8 +51,8 @@ var createPayload = function createPayload(action, actionSubject, eventType, act
       eventType: eventType,
       actionSubjectId: actionSubjectId,
       attributes: _objectSpread(_objectSpread({}, attributes), {}, {
-        packageName: _version.name,
-        packageVersion: _version.version
+        packageName: packageName,
+        packageVersion: packageVersion
       })
     };
   };

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReactionPicker = exports.RENDER_REACTIONPICKER_TESTID = exports.RENDER_REACTIONPICKERPANEL_TESTID = exports.PICKER_CONTROL_ID = void 0;
+exports.ReactionPicker = exports.RENDER_REACTIONPICKER_TESTID = exports.RENDER_REACTIONPICKERPANEL_TESTID = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -42,7 +42,6 @@ var RENDER_REACTIONPICKERPANEL_TESTID = 'reactionPickerPanel-testid';
  */
 exports.RENDER_REACTIONPICKERPANEL_TESTID = RENDER_REACTIONPICKERPANEL_TESTID;
 var PICKER_CONTROL_ID = 'emoji-picker';
-exports.PICKER_CONTROL_ID = PICKER_CONTROL_ID;
 var popperModifiers = [
 /**
  Removing this applyStyle modifier as it throws client errors ref:

package/dist/cjs/hooks/useFocusTrap.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useFocusTrap = void 0;
 var _react = require("react");
-var _focusTrap = require("focus-trap");
-var _focusTrapV = _interopRequireDefault(require("focus-trap-v2"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _focusTrap = _interopRequireDefault(require("focus-trap"));
 /**
  * Custom hook to add focus trap
  * used for focus trap in ReactionPicker
@@ -29,12 +27,7 @@ var useFocusTrap = function useFocusTrap(_ref) {
       fallbackFocus: targetRef,
       returnFocusOnDeactivate: false
     };
-    var focusTrap;
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.focus-trap-upgrade_p2cei')) {
-      focusTrap = (0, _focusTrap.createFocusTrap)(targetRef, trapConfig);
-    } else {
-      focusTrap = (0, _focusTrapV.default)(targetRef, trapConfig);
-    }
+    var focusTrap = (0, _focusTrap.default)(targetRef, trapConfig);
 
     // wait for the popup to reposition itself before we focus
     var frameId = requestAnimationFrame(function () {

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.4.0"
+	"version": "22.5.1"
 }

package/dist/es2019/analytics/analytics.js

@@ -1,6 +1,7 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
-import { name as packageName, version as packageVersion } from '../version.json';
+const packageName = "@atlaskit/reactions";
+const packageVersion = "22.5.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -27,7 +27,7 @@ export const RENDER_REACTIONPICKERPANEL_TESTID = 'reactionPickerPanel-testid';
 /**
  * Emoji Picker Controller Id for Accessibility Labels
  */
-export const PICKER_CONTROL_ID = 'emoji-picker';
+const PICKER_CONTROL_ID = 'emoji-picker';
 const popperModifiers = [
 /**
  Removing this applyStyle modifier as it throws client errors ref:

package/dist/es2019/hooks/useFocusTrap.js

@@ -4,9 +4,7 @@
  * copied from useFocusManager in @atlaskit/popup
  */
 import { useEffect } from 'react';
-import { createFocusTrap } from 'focus-trap';
-import createFocusTrapV2 from 'focus-trap-v2';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import createFocusTrap from 'focus-trap';
 export const useFocusTrap = ({
   targetRef,
   initialFocusRef
@@ -22,12 +20,7 @@ export const useFocusTrap = ({
       fallbackFocus: targetRef,
       returnFocusOnDeactivate: false
     };
-    let focusTrap;
-    if (getBooleanFF('platform.design-system-team.focus-trap-upgrade_p2cei')) {
-      focusTrap = createFocusTrap(targetRef, trapConfig);
-    } else {
-      focusTrap = createFocusTrapV2(targetRef, trapConfig);
-    }
+    const focusTrap = createFocusTrap(targetRef, trapConfig);
 
     // wait for the popup to reposition itself before we focus
     let frameId = requestAnimationFrame(() => {

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.4.0"
+	"version": "22.5.1"
 }

package/dist/esm/analytics/analytics.js

@@ -3,7 +3,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { UI_EVENT_TYPE, OPERATIONAL_EVENT_TYPE } from '@atlaskit/analytics-gas-types';
-import { name as packageName, version as packageVersion } from '../version.json';
+var packageName = "@atlaskit/reactions";
+var packageVersion = "22.5.1";
 /**
  * TODO: move to utility package?
  * A random sampling function

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

@@ -31,7 +31,7 @@ export var RENDER_REACTIONPICKERPANEL_TESTID = 'reactionPickerPanel-testid';
 /**
  * Emoji Picker Controller Id for Accessibility Labels
  */
-export var PICKER_CONTROL_ID = 'emoji-picker';
+var PICKER_CONTROL_ID = 'emoji-picker';
 var popperModifiers = [
 /**
  Removing this applyStyle modifier as it throws client errors ref:

package/dist/esm/hooks/useFocusTrap.js

@@ -4,9 +4,7 @@
  * copied from useFocusManager in @atlaskit/popup
  */
 import { useEffect } from 'react';
-import { createFocusTrap } from 'focus-trap';
-import createFocusTrapV2 from 'focus-trap-v2';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import createFocusTrap from 'focus-trap';
 export var useFocusTrap = function useFocusTrap(_ref) {
   var targetRef = _ref.targetRef,
     initialFocusRef = _ref.initialFocusRef;
@@ -21,12 +19,7 @@ export var useFocusTrap = function useFocusTrap(_ref) {
       fallbackFocus: targetRef,
       returnFocusOnDeactivate: false
     };
-    var focusTrap;
-    if (getBooleanFF('platform.design-system-team.focus-trap-upgrade_p2cei')) {
-      focusTrap = createFocusTrap(targetRef, trapConfig);
-    } else {
-      focusTrap = createFocusTrapV2(targetRef, trapConfig);
-    }
+    var focusTrap = createFocusTrap(targetRef, trapConfig);
 
     // wait for the popup to reposition itself before we focus
     var frameId = requestAnimationFrame(function () {

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "22.4.0"
+	"version": "22.5.1"
 }

package/dist/types/analytics/analytics.d.ts

@@ -19,8 +19,8 @@ export declare const createRestSucceededEvent: (actionSubject: string) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createRestFailedEvent: (actionSubject: string, errorCode?: number) => {
@@ -29,8 +29,8 @@ export declare const createRestFailedEvent: (actionSubject: string, errorCode?:
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionsRenderedEvent: (startTime: number) => {
@@ -39,8 +39,8 @@ export declare const createReactionsRenderedEvent: (startTime: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number) => {
@@ -49,8 +49,8 @@ export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createPickerCancelledEvent: (startTime?: number) => {
@@ -59,8 +59,8 @@ export declare const createPickerCancelledEvent: (startTime?: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createPickerMoreClickedEvent: (startTime?: number) => {
@@ -69,8 +69,8 @@ export declare const createPickerMoreClickedEvent: (startTime?: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionSelectionEvent: (source: ReactionSource, emojiId: string, reaction?: ReactionSummary, startTime?: number) => {
@@ -79,8 +79,8 @@ export declare const createReactionSelectionEvent: (source: ReactionSource, emoj
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionHoveredEvent: (startTime?: number) => {
@@ -89,8 +89,8 @@ export declare const createReactionHoveredEvent: (startTime?: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionFocusedEvent: (startTime?: number) => {
@@ -99,8 +99,8 @@ export declare const createReactionFocusedEvent: (startTime?: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionClickedEvent: (added: boolean, emojiId: string) => {
@@ -109,8 +109,8 @@ export declare const createReactionClickedEvent: (added: boolean, emojiId: strin
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 /**

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

@@ -13,10 +13,6 @@ export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
  * Test id for ReactionPicker panel div
  */
 export declare const RENDER_REACTIONPICKERPANEL_TESTID = "reactionPickerPanel-testid";
-/**
- * Emoji Picker Controller Id for Accessibility Labels
- */
-export declare const PICKER_CONTROL_ID = "emoji-picker";
 export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
     /**
      * Provider for loading emojis

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

@@ -19,8 +19,8 @@ export declare const createRestSucceededEvent: (actionSubject: string) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createRestFailedEvent: (actionSubject: string, errorCode?: number) => {
@@ -29,8 +29,8 @@ export declare const createRestFailedEvent: (actionSubject: string, errorCode?:
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionsRenderedEvent: (startTime: number) => {
@@ -39,8 +39,8 @@ export declare const createReactionsRenderedEvent: (startTime: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number) => {
@@ -49,8 +49,8 @@ export declare const createPickerButtonClickedEvent: (reactionEmojiCount: number
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createPickerCancelledEvent: (startTime?: number) => {
@@ -59,8 +59,8 @@ export declare const createPickerCancelledEvent: (startTime?: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createPickerMoreClickedEvent: (startTime?: number) => {
@@ -69,8 +69,8 @@ export declare const createPickerMoreClickedEvent: (startTime?: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionSelectionEvent: (source: ReactionSource, emojiId: string, reaction?: ReactionSummary, startTime?: number) => {
@@ -79,8 +79,8 @@ export declare const createReactionSelectionEvent: (source: ReactionSource, emoj
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionHoveredEvent: (startTime?: number) => {
@@ -89,8 +89,8 @@ export declare const createReactionHoveredEvent: (startTime?: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionFocusedEvent: (startTime?: number) => {
@@ -99,8 +99,8 @@ export declare const createReactionFocusedEvent: (startTime?: number) => {
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 export declare const createReactionClickedEvent: (added: boolean, emojiId: string) => {
@@ -109,8 +109,8 @@ export declare const createReactionClickedEvent: (added: boolean, emojiId: strin
     eventType: EventType;
     actionSubjectId: string | undefined;
     attributes: {
-        packageName: any;
-        packageVersion: any;
+        packageName: string;
+        packageVersion: string;
     };
 };
 /**

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

@@ -13,10 +13,6 @@ export declare const RENDER_REACTIONPICKER_TESTID = "reactionPicker-testid";
  * Test id for ReactionPicker panel div
  */
 export declare const RENDER_REACTIONPICKERPANEL_TESTID = "reactionPickerPanel-testid";
-/**
- * Emoji Picker Controller Id for Accessibility Labels
- */
-export declare const PICKER_CONTROL_ID = "emoji-picker";
 export interface ReactionPickerProps extends Pick<SelectorProps, 'pickerQuickReactionEmojiIds'>, Partial<Pick<TriggerProps, 'tooltipContent' | 'miniMode'>> {
     /**
      * Provider for loading emojis

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "22.4.0",
+  "version": "22.5.1",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,24 +36,22 @@
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/avatar": "^21.3.0",
-    "@atlaskit/button": "^16.8.0",
+    "@atlaskit/button": "^16.9.0",
     "@atlaskit/emoji": "^67.4.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/modal-dialog": "^12.6.0",
     "@atlaskit/motion": "^1.4.0",
-    "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/tabs": "^13.4.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.9.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/util-service-support": "^6.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
-    "focus-trap": "^7.0.0",
-    "focus-trap-v2": "npm:focus-trap@^2.4.5"
+    "focus-trap": "^2.4.5"
   },
   "peerDependencies": {
     "react": "^16.8.0",
@@ -61,15 +59,10 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/analytics-viewer": "^0.5.0",
-    "@atlaskit/docs": "^9.1.0",
     "@atlaskit/elements-test-helpers": "^0.7.0",
-    "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/util-data-test": "^17.8.0",
-    "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/ufo": "^0.2.0",
     "@emotion/jest": "^11.8.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
@@ -114,10 +107,5 @@
     "typecheck": "cd ../../ && yarn typecheck:package ./packages/elements/reactions",
     "start:dev": "cd ../../ && yarn start reactions --proxy ./packages/elements/reactions/proxy.ts",
     "start:edge": "cd ../../ && PROXY_TARGET_ENV=edge yarn start reactions --proxy ./packages/elements/reactions/proxy.ts"
-  },
-  "platform-feature-flags": {
-    "platform.design-system-team.focus-trap-upgrade_p2cei": {
-      "type": "boolean"
-    }
   }
 }