@atlaskit/reactions 30.0.7 → 30.0.8

package/dist/cjs/components/Selector/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RENDER_SELECTOR_TESTID", {
-  enumerable: true,
-  get: function get() {
-    return _Selector.RENDER_SELECTOR_TESTID;
-  }
-});
-Object.defineProperty(exports, "Selector", {
-  enumerable: true,
-  get: function get() {
-    return _Selector.Selector;
-  }
-});
-var _Selector = require("./Selector");

package/dist/cjs/components/Selector/styles.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.revealStyle = exports.revealAnimation = void 0;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var revealAnimation = exports.revealAnimation = (0, _react.keyframes)({
-  '0%': {
-    opacity: 1,
-    transform: 'scale(0.5)'
-  },
-  '75%': {
-    transform: 'scale(1.25)'
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'scale(1)'
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var revealStyle = exports.revealStyle = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  animation: "".concat(revealAnimation, " 150ms ease-in-out forwards"),
-  opacity: 0
-});

package/dist/cjs/components/ShowMore/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RENDER_SHOWMORE_TESTID", {
-  enumerable: true,
-  get: function get() {
-    return _ShowMore.RENDER_SHOWMORE_TESTID;
-  }
-});
-Object.defineProperty(exports, "ShowMore", {
-  enumerable: true,
-  get: function get() {
-    return _ShowMore.ShowMore;
-  }
-});
-var _ShowMore = require("./ShowMore");

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

@@ -1,138 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Trigger = exports.RENDER_TRIGGER_BUTTON_TESTID = exports.RENDER_TOOLTIP_TRIGGER_TESTID = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _react2 = require("@emotion/react");
-var _primitives = require("@atlaskit/primitives");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _emojiAdd = _interopRequireDefault(require("@atlaskit/icon/core/migration/emoji-add"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-/**
- * Test id for the tooltip
- */
-var RENDER_TOOLTIP_TRIGGER_TESTID = exports.RENDER_TOOLTIP_TRIGGER_TESTID = 'render-tooltip-trigger';
-var RENDER_TRIGGER_BUTTON_TESTID = exports.RENDER_TRIGGER_BUTTON_TESTID = 'render-trigger-button';
-var i18n = (0, _reactIntlNext.defineMessages)({
-  addReaction: {
-    id: 'reaction-picker-trigger.add.reaction.message',
-    description: 'Message displayed when there are no page reactions existing on the page.',
-    defaultMessage: 'Add a reaction'
-  }
-});
-var triggerStyles = (0, _primitives.xcss)({
-  minWidth: '32px',
-  height: '24px',
-  padding: 'space.0',
-  borderWidth: 'border.width',
-  borderStyle: 'solid',
-  borderRadius: 'border.radius.circle',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '16px'
-});
-var subtleTriggerStyles = (0, _primitives.xcss)({
-  minWidth: '24px',
-  border: 'none'
-});
-var expandedTriggerStyles = (0, _primitives.xcss)({
-  minWidth: '110px'
-});
-var triggerStylesRefresh = (0, _primitives.xcss)({
-  borderRadius: 'border.radius'
-});
-var transparentEnabledTriggerStyles = (0, _primitives.xcss)({
-  borderColor: 'color.border',
-  backgroundColor: 'color.background.neutral.subtle',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-var opaqueEnabledTriggerStyles = (0, _primitives.xcss)({
-  borderColor: 'color.border',
-  backgroundColor: 'elevation.surface',
-  ':hover': {
-    backgroundColor: 'elevation.surface.hovered'
-  },
-  ':active': {
-    backgroundColor: 'elevation.surface.pressed'
-  }
-});
-var disabledTriggerStyles = (0, _primitives.xcss)({
-  borderColor: 'color.border.disabled',
-  backgroundColor: 'color.background.disabled'
-});
-var miniModeStyles = (0, _primitives.xcss)({
-  minWidth: '24px',
-  padding: 'space.050',
-  border: 'none',
-  borderRadius: 'border.radius'
-});
-var addReactionMessageStyles = (0, _primitives.xcss)({
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  color: 'color.text.subtle',
-  marginLeft: 'space.050'
-});
-
-/**
- * Render an emoji button to open the reactions select picker
- */
-var Trigger = exports.Trigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  var onClick = props.onClick,
-    miniMode = props.miniMode,
-    tooltipContent = props.tooltipContent,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$ariaAttributes = props.ariaAttributes,
-    ariaAttributes = _props$ariaAttributes === void 0 ? {} : _props$ariaAttributes,
-    _props$showOpaqueBack = props.showOpaqueBackground,
-    showOpaqueBackground = _props$showOpaqueBack === void 0 ? false : _props$showOpaqueBack,
-    _props$showAddReactio = props.showAddReactionText,
-    showAddReactionText = _props$showAddReactio === void 0 ? false : _props$showAddReactio,
-    _props$subtleReaction = props.subtleReactionsSummaryAndPicker,
-    subtleReactionsSummaryAndPicker = _props$subtleReaction === void 0 ? false : _props$subtleReaction,
-    reactionPickerTriggerIcon = props.reactionPickerTriggerIcon;
-  var handleMouseDown = function handleMouseDown(e, analyticsEvent) {
-    if (onClick && !disabled) {
-      onClick(e, analyticsEvent);
-    }
-  };
-  return (0, _react2.jsx)(_tooltip.default, {
-    testId: RENDER_TOOLTIP_TRIGGER_TESTID,
-    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],
-    onClick: handleMouseDown,
-    isDisabled: disabled,
-    ref: ref
-  }, ariaAttributes), !!reactionPickerTriggerIcon ? reactionPickerTriggerIcon :
-  // TODO: https://product-fabric.atlassian.net/browse/DSP-21007
-  (0, _react2.jsx)(_emojiAdd.default, {
-    testId: "emoji-add-icon",
-    color: disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)",
-    LEGACY_size: "small",
-    label: "Add reaction"
-  }), showAddReactionText && (0, _react2.jsx)(_primitives.Box, {
-    xcss: addReactionMessageStyles
-  }, formatMessage(i18n.addReaction))));
-});

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

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RENDER_TOOLTIP_TRIGGER_TESTID", {
-  enumerable: true,
-  get: function get() {
-    return _Trigger.RENDER_TOOLTIP_TRIGGER_TESTID;
-  }
-});
-Object.defineProperty(exports, "Trigger", {
-  enumerable: true,
-  get: function get() {
-    return _Trigger.Trigger;
-  }
-});
-var _Trigger = require("./Trigger");

package/dist/cjs/components/UfoErrorBoundary/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UfoErrorBoundary", {
-  enumerable: true,
-  get: function get() {
-    return _UfoErrorBoundary.UfoErrorBoundary;
-  }
-});
-var _UfoErrorBoundary = require("./UfoErrorBoundary");

package/dist/es2019/components/Counter/Counter.js

@@ -1,96 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useMemo, useRef } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx, css } from '@emotion/react';
-import { SlideIn, ExitingPersistence } from '@atlaskit/motion';
-// eslint-disable-next-line @atlaskit/design-system/no-banned-imports
-
-import { formatLargeNumber } from '../../shared/utils';
-import { containerStyle, counterLabelStyle, countStyle, highlightStyle, darkerFontStyle, updatedStyles } from './styles';
-
-/**
- * Test id for component top level div
- */
-export const RENDER_COMPONENT_WRAPPER = 'counter-wrapper';
-
-/**
- * Test id for wrapper div of the counter inside the slider
- */
-export const RENDER_COUNTER_TESTID = 'counter-container';
-
-/**
- * Counter label value wrapper div
- */
-export const RENDER_LABEL_TESTID = 'counter_label_wrapper';
-/**
- * Display reaction count next to the emoji button
- */
-export const Counter = ({
-  highlight = false,
-  limit,
-  overLimitLabel,
-  className,
-  value,
-  animationDuration = 'medium',
-  useDarkerFont,
-  useUpdatedStyles
-}) => {
-  const getLabel = value => {
-    // Check if reached limit
-    if (limit && overLimitLabel && value >= limit) {
-      return overLimitLabel || '';
-    } else if (value === 0) {
-      return '';
-    } else {
-      return formatLargeNumber(value);
-    }
-  };
-  const lastValue = useRef();
-  const label = getLabel(value);
-  useEffect(() => {
-    lastValue.current = value;
-  }, [value]);
-  const isIncreasing = useMemo(() => {
-    return lastValue.current ? lastValue.current < value : false;
-  }, [value]);
-  const fontStyles = useDarkerFont ? [darkerFontStyle] : [];
-  const additionalStyles = useUpdatedStyles ? [updatedStyles] : [];
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: className,
-    "data-testid": RENDER_COMPONENT_WRAPPER
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: [countStyle, ...fontStyles, ...additionalStyles]
-  }, jsx(ExitingPersistence, null, jsx(SlideIn, {
-    enterFrom: isIncreasing ? 'top' : 'bottom',
-    exitTo: isIncreasing ? 'top' : 'bottom',
-    key: value,
-    duration: animationDuration
-  }, (motion, direction) => {
-    return jsx("div", {
-      ref: motion.ref,
-      css: [
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      containerStyle,
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      css({
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        position: direction === 'exiting' ? 'absolute' : undefined
-      })]
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: motion.className,
-      "data-testid": RENDER_COUNTER_TESTID
-    }, jsx("span", {
-      "data-testid": RENDER_LABEL_TESTID
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: highlight ? [counterLabelStyle, highlightStyle] : counterLabelStyle,
-      key: value
-    }, label));
-  })));
-};

package/dist/es2019/components/Counter/index.js

@@ -1 +0,0 @@
-export { Counter, RENDER_COUNTER_TESTID, RENDER_COMPONENT_WRAPPER, RENDER_LABEL_TESTID } from './Counter';

package/dist/es2019/components/Counter/styles.js

@@ -1,43 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { N90, B400 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const countStyle = css({
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  color: `var(--ds-text-subtlest, ${N90})`,
-  overflow: 'hidden',
-  position: 'relative',
-  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-050, 4px)"} 0`,
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '14px'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const containerStyle = css({
-  display: 'flex',
-  flexDirection: 'column'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const highlightStyle = css({
-  color: `var(--ds-text-selected, ${B400})`
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const counterLabelStyle = css({
-  fontVariantNumeric: 'tabular-nums'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const darkerFontStyle = css({
-  color: "var(--ds-text-subtle, #44546F)"
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const updatedStyles = css({
-  marginTop: "var(--ds-space-025, 2px)"
-});

package/dist/es2019/components/EmojiButton/EmojiButton.js

@@ -1,55 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { useIntl } from 'react-intl-next';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { ResourcedEmoji } from '@atlaskit/emoji';
-import { Pressable, xcss } from '@atlaskit/primitives';
-import { messages } from '../../shared/i18n';
-import { isLeftClick } from '../../shared/utils';
-const emojiButtonStyles = xcss({
-  outline: 'none',
-  display: 'flex',
-  backgroundColor: 'color.background.neutral.subtle',
-  border: 0,
-  borderRadius: 'border.radius',
-  margin: 'space.0',
-  padding: 'space.100',
-  // @ts-expect-error - Nested selectors not supported in XCSS
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  ':hover > span': {
-    transition: 'transform cubic-bezier(0.23, 1, 0.32, 1) 200ms',
-    transform: 'scale(1.33)'
-  }
-});
-export const RENDER_BUTTON_TESTID = 'button-emoji-id';
-/**
- * custom button to render the custom emoji selector inside the reaction picker
- */
-export const EmojiButton = ({
-  emojiId,
-  onClick,
-  emojiProvider
-}) => {
-  const onButtonClick = event => {
-    event.preventDefault();
-    if (onClick && isLeftClick(event)) {
-      onClick(emojiId, undefined, event);
-    }
-  };
-  const intl = useIntl();
-  return jsx(Pressable, {
-    testId: RENDER_BUTTON_TESTID,
-    onClick: onButtonClick,
-    "aria-label": intl.formatMessage(messages.reactWithEmoji, {
-      emoji: emojiId.shortName
-    }),
-    xcss: emojiButtonStyles
-  }, jsx(ResourcedEmoji, {
-    emojiProvider: emojiProvider,
-    emojiId: emojiId
-  }));
-};

package/dist/es2019/components/EmojiButton/index.js

@@ -1 +0,0 @@
-export { EmojiButton, RENDER_BUTTON_TESTID } from './EmojiButton';

package/dist/es2019/components/FlashAnimation/FlashAnimation.js

@@ -1,24 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { containerStyle, flashStyle } from './styles';
-/**
- * Test id for wrapper FlashAnimation div
- */
-export const RENDER_FLASHANIMATION_TESTID = 'flash-animation';
-
-/**
- * Flash animation background component. See Reaction component for usage.
- */
-export const FlashAnimation = props => jsx("div", {
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  className: props.className
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  ,
-  css: [containerStyle, props.flash && flashStyle],
-  "data-testid": RENDER_FLASHANIMATION_TESTID
-}, props.children);

package/dist/es2019/components/FlashAnimation/index.js

@@ -1 +0,0 @@
-export { FlashAnimation, RENDER_FLASHANIMATION_TESTID } from './FlashAnimation';

package/dist/es2019/components/FlashAnimation/styles.js

@@ -1,39 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, keyframes } from '@emotion/react';
-import { B75, B300 } from '@atlaskit/theme/colors';
-const flashTime = 700;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const flashAnimation = keyframes({
-  '0%': {
-    backgroundColor: 'transparent'
-  },
-  '20%': {
-    backgroundColor: `var(--ds-background-selected-pressed, ${B75})`,
-    borderColor: `var(--ds-border-selected, ${B300})`
-  },
-  '75%': {
-    backgroundColor: `var(--ds-background-selected-pressed, ${B75})`,
-    borderColor: `var(--ds-border-selected, ${B300})`
-  },
-  '100%': {
-    backgroundColor: `var(--ds-background-selected-pressed, ${B75})`,
-    borderColor: `var(--ds-border-selected, ${B300})`
-  }
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const containerStyle = css({
-  width: '100%',
-  height: '100%'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const flashStyle = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  animation: `${flashAnimation} ${flashTime}ms ease-in-out`
-});