@atlaskit/reactions 21.7.0 → 21.8.0

package/dist/types-ts4.0/components/Counter/Counter.d.ts

@@ -1,13 +1,17 @@
 /** @jsx jsx */
 import React from 'react';
 /**
- * Test id for wrapper div
+ * Test id for component top level div
+ */
+export declare const RENDER_COMPONENT_WRAPPER = "counter-wrapper";
+/**
+ * Test id for wrapper div of the counter inside the slider
  */
 export declare const RENDER_COUNTER_TESTID = "counter-container";
 /**
- * Test id for container div
+ * Counter label value wrapper div
  */
-export declare const RENDER_COUNTER_WRAPPER_TESTID = "counter-wrapper";
+export declare const RENDER_LABEL_TESTID = "counter_label_wrapper";
 export interface CounterProps {
     /**
      * Count of emoji been selected
@@ -34,6 +38,7 @@ export interface CounterProps {
      */
     animationDuration?: number;
 }
+export declare const getLabel: (value: number, overLimitLabel?: string | undefined, limit?: number | undefined) => string;
 /**
  * Display reaction count next to the emoji button
  */

package/dist/types-ts4.0/components/Counter/index.d.ts

@@ -1,3 +1,3 @@
-export { Counter, RENDER_COUNTER_TESTID, RENDER_COUNTER_WRAPPER_TESTID, } from './Counter';
+export { Counter, RENDER_COUNTER_TESTID, RENDER_COMPONENT_WRAPPER, RENDER_LABEL_TESTID, } from './Counter';
 export type { CounterProps } from './Counter';
 export * as styles from './styles';

package/dist/types-ts4.0/components/Counter/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const countStyle: import("@emotion/utils").SerializedStyles;
-export declare const highlightStyle: import("@emotion/utils").SerializedStyles;
-export declare const containerStyle: import("@emotion/utils").SerializedStyles;
+export declare const countStyle: import("@emotion/react").SerializedStyles;
+export declare const highlightStyle: import("@emotion/react").SerializedStyles;
+export declare const containerStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/EmojiButton/styles.d.ts

@@ -1 +1 @@
-export declare const emojiButtonStyle: import("@emotion/utils").SerializedStyles;
+export declare const emojiButtonStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/FlashAnimation/styles.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { keyframes } from '@emotion/core';
+import { keyframes } from '@emotion/react';
 export declare const flashAnimation: typeof keyframes;
-export declare const containerStyle: import("@emotion/utils").SerializedStyles;
-export declare const flashStyle: import("@emotion/utils").SerializedStyles;
+export declare const containerStyle: import("@emotion/react").SerializedStyles;
+export declare const flashStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/Reaction/styles.d.ts

@@ -3,8 +3,8 @@
  * Padding and line height are set within the child components
  * of FlashAnimation b/c it otherwise throws off the flash styling
  */
-export declare const emojiStyle: import("@emotion/utils").SerializedStyles;
-export declare const reactionStyle: import("@emotion/utils").SerializedStyles;
-export declare const reactedStyle: import("@emotion/utils").SerializedStyles;
+export declare const emojiStyle: import("@emotion/react").SerializedStyles;
+export declare const reactionStyle: import("@emotion/react").SerializedStyles;
+export declare const reactedStyle: import("@emotion/react").SerializedStyles;
 export declare const flashHeight: number;
-export declare const flashStyle: import("@emotion/utils").SerializedStyles;
+export declare const flashStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/ReactionPicker/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const pickerStyle: import("@emotion/utils").SerializedStyles;
-export declare const contentStyle: import("@emotion/utils").SerializedStyles;
-export declare const popupStyle: import("@emotion/utils").SerializedStyles;
+export declare const pickerStyle: import("@emotion/react").SerializedStyles;
+export declare const contentStyle: import("@emotion/react").SerializedStyles;
+export declare const popupStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/ReactionTooltip/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const verticalMargin = 5;
-export declare const tooltipStyle: import("@emotion/utils").SerializedStyles;
-export declare const emojiNameStyle: import("@emotion/utils").SerializedStyles;
-export declare const footerStyle: import("@emotion/utils").SerializedStyles;
+export declare const tooltipStyle: import("@emotion/react").SerializedStyles;
+export declare const emojiNameStyle: import("@emotion/react").SerializedStyles;
+export declare const footerStyle: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { ReactionStatus, ReactionClick, ReactionSummary, QuickReactionEmojiSummary } from '../../types';
 import { ReactionPickerProps } from '../ReactionPicker';
 import { SelectorProps } from '../Selector';
@@ -49,7 +50,7 @@ export interface ReactionsProps extends Pick<ReactionPickerProps, 'allowAllEmoji
 /**
  * Get content of the tooltip
  */
-export declare function getTooltip(status: ReactionStatus, errorMessage?: string): string | JSX.Element | null;
+export declare function getTooltip(status: ReactionStatus, errorMessage?: string): string | jsx.JSX.Element | null;
 /**
  * Renders list of reactions
  */

package/dist/types-ts4.0/components/Reactions/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const reactionStyle: import("@emotion/utils").SerializedStyles;
-export declare const wrapperStyle: import("@emotion/utils").SerializedStyles;
+export declare const reactionStyle: import("@emotion/react").SerializedStyles;
+export declare const wrapperStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/components/Selector/styles.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 /** @jsx jsx */
-import { keyframes } from '@emotion/core';
-export declare const selectorStyle: import("@emotion/utils").SerializedStyles;
-export declare const emojiStyle: import("@emotion/utils").SerializedStyles;
+import { keyframes } from '@emotion/react';
+export declare const selectorStyle: import("@emotion/react").SerializedStyles;
+export declare const emojiStyle: import("@emotion/react").SerializedStyles;
 export declare const revealAnimation: typeof keyframes;
-export declare const revealStyle: import("@emotion/utils").SerializedStyles;
+export declare const revealStyle: import("@emotion/react").SerializedStyles;
 /**
  * custom css styling for the emoji icon
  * @param index location of the emoji in the rendered list of items

package/dist/types-ts4.0/components/ShowMore/ShowMore.d.ts

@@ -1,10 +1,11 @@
 /** @jsx jsx */
 import React from 'react';
-import { SerializedStyles } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 /**
  * Test id for wrapper button
  */
 export declare const RENDER_SHOWMORE_TESTID = "show-more-button";
+export declare const RENDER_WRAPPER_TESTID = "show-more-wrapper";
 interface CommonProps<T> {
     container?: T;
     button?: T;

package/dist/types-ts4.0/components/ShowMore/index.d.ts

@@ -1,2 +1,2 @@
-export { ShowMore, RENDER_SHOWMORE_TESTID } from './ShowMore';
+export { ShowMore, RENDER_SHOWMORE_TESTID, RENDER_WRAPPER_TESTID, } from './ShowMore';
 export type { ShowMoreProps } from './ShowMore';

package/dist/types-ts4.0/components/ShowMore/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const moreEmojiContainerStyle: import("@emotion/utils").SerializedStyles;
-export declare const moreButtonStyle: import("@emotion/utils").SerializedStyles;
-export declare const separatorStyle: import("@emotion/utils").SerializedStyles;
+export declare const moreEmojiContainerStyle: import("@emotion/react").SerializedStyles;
+export declare const moreButtonStyle: import("@emotion/react").SerializedStyles;
+export declare const separatorStyle: import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import { AnalyticsEvent } from '@atlaskit/analytics-next';
 /**
  * Test id for the tooltip
@@ -24,6 +24,10 @@ export interface TriggerProps {
      * Tooltip content for trigger button
      */
     tooltipContent: React.ReactNode;
+    /**
+     * Aria accessibility attributes that will be added to the button
+     */
+    ariaAttributes?: AriaAttributes;
 }
 /**
  * Render an emoji button to open the reactions select picker

package/dist/types-ts4.0/components/Trigger/styles.d.ts

@@ -2,4 +2,4 @@ export declare const DISABLED_BUTTON_COLOR: string;
 export declare const triggerStyle: ({ miniMode, disabled }: {
     miniMode?: boolean | undefined;
     disabled?: boolean | undefined;
-}) => import("@emotion/utils").SerializedStyles;
+}) => import("@emotion/react").SerializedStyles;

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

@@ -27,7 +27,7 @@ export interface ConnectedReactionsViewProps extends Pick<ReactionsProps, 'quick
     store: StorePropInput;
 }
 /**
- * Export the mapper function outside the component so easier to do unit tests migration from Enzyme to React Testing Library
+ * Export the mapper function outside the component so easier to do unit tests
  */
 export declare const mapStateToPropsHelper: (containerAri: string, ari: string, state?: State | undefined) => {
     status: ReactionStatus;
@@ -41,7 +41,7 @@ export declare const mapStateToPropsHelper: (containerAri: string, ari: string,
     };
 };
 /**
- * Export the mapper function outside the component so easier to do unit tests migration from Enzyme to React Testing Library
+ * Export the mapper function outside the component so easier to do unit tests
  */
 export declare const mapDispatchToPropsHelper: (actions: Actions, containerAri: string, ari: string) => {
     loadReaction: () => void;

package/dist/types-ts4.0/shared/constants.d.ts

@@ -3,6 +3,14 @@ import { EmojiId } from '@atlaskit/emoji/types';
  * Initial list of emoji to pick from
  */
 export declare const DefaultReactions: EmojiId[];
+/**
+ * Default label to show for the overLimitLabel prop
+ */
+export declare const DEFAULT_OVER_THE_LIMIT_REACTION_LABEL = "1k+";
+/**
+ * Default maximum value to use when the emoji received higher than top limit reactions
+ */
+export declare const DEFAULT_REACTION_TOP_LIMIT = 1000;
 /**
  * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "21.7.0",
+  "version": "21.8.0",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,8 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
@@ -35,11 +36,11 @@
     "@atlaskit/analytics-gas-types": "^5.0.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.3.0",
+    "@atlaskit/button": "^16.4.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/emoji": "^66.0.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/motion": "^1.2.0",
+    "@atlaskit/motion": "^1.3.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
@@ -47,7 +48,7 @@
     "@atlaskit/ufo": "^0.1.0",
     "@atlaskit/util-service-support": "^6.1.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0",