@atlaskit/emoji 69.0.7 → 69.0.9

package/dist/esm/components/compiled/common/EmojiUploadPicker.js

@@ -1,312 +0,0 @@
-/* EmojiUploadPicker.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "./EmojiUploadPicker.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { useEffect, useLayoutEffect, useState, useRef, memo, useCallback } from 'react';
-import { N300 } from '@atlaskit/theme/colors';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import TextField from '@atlaskit/textfield';
-import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
-import AkButton from '@atlaskit/button/standard-button';
-import { Text } from '@atlaskit/primitives';
-import FocusLock from 'react-focus-lock';
-import * as ImageUtil from '../../../util/image';
-import debug from '../../../util/logger';
-import { messages } from '../../i18n';
-import EmojiErrorMessage from './EmojiErrorMessage';
-import EmojiUploadPreview from './EmojiUploadPreview';
-import FileChooser from '../../common/FileChooser';
-import { UploadStatus } from '../../common/internal-types';
-var closeEmojiUploadButton = null;
-var emojiUpload = null;
-var emojiUploadTop = null;
-var headingH5 = null;
-var uploadChooseFileEmojiName = null;
-var uploadChooseFileMessage = null;
-var uploadChooseFileRow = null;
-export var uploadEmojiNameInputTestId = 'upload-emoji-name-input';
-export var uploadEmojiComponentTestId = 'upload-emoji-component';
-export var cancelEmojiUploadPickerTestId = 'cancel-emoji-upload-picker';
-var disallowedReplacementsMap = new Map([[':', ''], ['!', ''], ['@', ''], ['#', ''], ['%', ''], ['^', ''], ['&', ''], ['*', ''], ['(', ''], [')', ''], [' ', '_']]);
-var sanitizeName = function sanitizeName(name) {
-  // prevent / replace certain characters, allow others
-  disallowedReplacementsMap.forEach(function (replaceWith, exclude) {
-    name = name.split(exclude).join(replaceWith);
-  });
-  return name;
-};
-var maxNameLength = 50;
-var toEmojiName = function toEmojiName(uploadName) {
-  var name = uploadName.split('_').join(' ');
-  return "".concat(name.substr(0, 1).toLocaleUpperCase()).concat(name.substr(1));
-};
-var ChooseEmojiFile = /*#__PURE__*/memo(function (props) {
-  var _props$name = props.name,
-    name = _props$name === void 0 ? '' : _props$name,
-    onChooseFile = props.onChooseFile,
-    onClick = props.onClick,
-    onNameChange = props.onNameChange,
-    onUploadCancelled = props.onUploadCancelled,
-    errorMessage = props.errorMessage,
-    intl = props.intl;
-  var formatMessage = intl.formatMessage;
-  var disableChooser = !name;
-  var fileChooserButtonDescriptionId = 'choose.emoji.file.button.screen.reader.description.id';
-  var inputRef = useRef(null);
-  var onKeyDownHandler = useCallback(function (event) {
-    if (event.key === 'Escape') {
-      onUploadCancelled();
-    }
-  }, [onUploadCancelled]);
-  useLayoutEffect(function () {
-    requestAnimationFrame(function () {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-    });
-  }, []);
-  var cancelLabel = formatMessage(messages.cancelLabel);
-  var emojiPlaceholder = formatMessage(messages.emojiPlaceholder);
-  var emojiNameAriaLabel = formatMessage(messages.emojiNameAriaLabel);
-  var emojiChooseFileTitle = formatMessage(messages.emojiChooseFileTitle);
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": uploadEmojiComponentTestId,
-    className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _4t3icae7 _1e0c1txw _2lx21bp4 _1bah1b1v"])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_11c8dcr7 _n3td1v6z _1e0c1txw _1bah1yb4 _4cvresu3"])
-  }, /*#__PURE__*/React.createElement("label", {
-    htmlFor: "new-emoji-name-input",
-    className: ax(["_1w901vvm", "_fqoxdcr7 _12r21pd9"]),
-    style: {
-      "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
-    }
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.addCustomEmojiLabel)), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw"])
-  }, /*#__PURE__*/React.createElement(AkButton, {
-    onClick: onUploadCancelled,
-    "aria-label": cancelLabel,
-    appearance: "subtle",
-    spacing: "none",
-    shouldFitContainer: true,
-    testId: cancelEmojiUploadPickerTestId
-  }, /*#__PURE__*/React.createElement(CrossIcon, {
-    color: "currentColor",
-    LEGACY_size: "small",
-    label: cancelLabel
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1txw _1bah1yb4 _n3td1v6z"])
-  }, /*#__PURE__*/React.createElement("span", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug _2hwx14y2 _1rwq1j28 _scffidpf _xmji1r31 _gxxuglyw _34ir1o36 _coc6glyw _9bj2glyw"])
-  }, /*#__PURE__*/React.createElement(TextField, {
-    placeholder: emojiPlaceholder,
-    "aria-label": emojiNameAriaLabel,
-    maxLength: maxNameLength,
-    onChange: onNameChange,
-    onKeyDown: onKeyDownHandler,
-    value: name,
-    isCompact: true,
-    autoFocus: true,
-    testId: uploadEmojiNameInputTestId,
-    ref: inputRef,
-    id: "new-emoji-name-input",
-    "aria-required": true
-  })), /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiChooseFileScreenReaderDescription, function () {
-    return /*#__PURE__*/React.createElement(FileChooser, {
-      label: emojiChooseFileTitle,
-      onChange: onChooseFile,
-      onClick: onClick,
-      accept: "image/png,image/jpeg,image/gif",
-      ariaDescribedBy: fileChooserButtonDescriptionId,
-      isDisabled: disableChooser
-    });
-  }))), /*#__PURE__*/React.createElement("div", {
-    id: fileChooserButtonDescriptionId
-  }, !errorMessage ? /*#__PURE__*/React.createElement(Text, {
-    as: "p",
-    size: "small"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiImageRequirements)) : /*#__PURE__*/React.createElement(EmojiErrorMessage, {
-    errorStyle: "chooseFile",
-    message: errorMessage
-  })));
-});
-var EmojiUploadPicker = function EmojiUploadPicker(props) {
-  var _document$activeEleme;
-  var errorMessage = props.errorMessage,
-    initialUploadName = props.initialUploadName,
-    onUploadEmoji = props.onUploadEmoji,
-    onFileChooserClicked = props.onFileChooserClicked,
-    onUploadCancelled = props.onUploadCancelled,
-    intl = props.intl;
-  var _useState = useState(errorMessage ? UploadStatus.Error : UploadStatus.Waiting),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadStatus = _useState2[0],
-    setUploadStatus = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    chooseEmojiErrorMessage = _useState4[0],
-    setChooseEmojiErrorMessage = _useState4[1];
-  var _useState5 = useState(initialUploadName && sanitizeName(initialUploadName)),
-    _useState6 = _slicedToArray(_useState5, 2),
-    name = _useState6[0],
-    setName = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filename = _useState8[0],
-    setFilename = _useState8[1];
-  var _useState9 = useState(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    previewImage = _useState10[0],
-    setPreviewImage = _useState10[1];
-  // document is undefined during ssr rendering and throws an error
-  var lastFocusedElementId = useRef(typeof document !== 'undefined' ? (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.id : '');
-  useEffect(function () {
-    if (errorMessage) {
-      setUploadStatus(UploadStatus.Error);
-      return;
-    } else {
-      if (uploadStatus === UploadStatus.Error) {
-        setUploadStatus(UploadStatus.Waiting);
-      }
-    }
-  }, [errorMessage, uploadStatus]);
-  useEffect(function () {
-    if (initialUploadName) {
-      setName(sanitizeName(initialUploadName));
-    }
-  }, [initialUploadName]);
-  var clearUploadPicker = useCallback(function () {
-    setName(undefined);
-    setPreviewImage(undefined);
-    setUploadStatus(UploadStatus.Waiting);
-  }, []);
-  var onNameChange = useCallback(function (event) {
-    var newName = sanitizeName(event.target.value);
-    if (name !== newName) {
-      setName(newName);
-    }
-  }, [name]);
-  var onAddEmoji = useCallback(function () {
-    if (uploadStatus === UploadStatus.Uploading) {
-      return;
-    }
-    if (filename && name && previewImage) {
-      var notifyUpload = function notifyUpload(size) {
-        var width = size.width,
-          height = size.height;
-        setUploadStatus(UploadStatus.Uploading);
-        onUploadEmoji({
-          name: toEmojiName(name),
-          shortName: ":".concat(name, ":"),
-          filename: filename,
-          dataURL: previewImage,
-          width: width,
-          height: height
-        }, uploadStatus === UploadStatus.Error, clearUploadPicker);
-      };
-      ImageUtil.getNaturalImageSize(previewImage).then(function (size) {
-        notifyUpload(size);
-      }).catch(function (error) {
-        debug('getNaturalImageSize error', error);
-        // Just set arbitrary size, worse case is it may render
-        // in wrong aspect ratio in some circumstances.
-        notifyUpload({
-          width: 32,
-          height: 32
-        });
-      });
-    }
-  }, [clearUploadPicker, filename, name, onUploadEmoji, previewImage, uploadStatus]);
-  var cancelChooseFile = useCallback(function () {
-    setPreviewImage(undefined);
-  }, []);
-  var errorOnUpload = useCallback(function (event) {
-    debug('File load error: ', event);
-    setChooseEmojiErrorMessage( /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiUploadFailed));
-    cancelChooseFile();
-  }, [cancelChooseFile]);
-  var onFileLoad = useCallback(function (file) {
-    return /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(f) {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              setFilename(file.name);
-              _context.next = 4;
-              return ImageUtil.parseImage(f.target.result);
-            case 4:
-              setPreviewImage(f.target.result);
-              _context.next = 11;
-              break;
-            case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              setChooseEmojiErrorMessage( /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiInvalidImage));
-              cancelChooseFile();
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 7]]);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-  }, [cancelChooseFile]);
-  var onChooseFile = useCallback(function (event) {
-    var files = event.target.files;
-    if (files.length) {
-      var reader = new FileReader();
-      var file = files[0];
-      if (ImageUtil.hasFileExceededSize(file)) {
-        setChooseEmojiErrorMessage( /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiImageTooBig));
-        cancelChooseFile();
-        return;
-      }
-      reader.addEventListener('load', onFileLoad(file));
-      reader.addEventListener('abort', errorOnUpload);
-      reader.addEventListener('error', errorOnUpload);
-      reader.readAsDataURL(file);
-    } else {
-      cancelChooseFile();
-    }
-  }, [cancelChooseFile, errorOnUpload, onFileLoad]);
-  var cancelUpload = useCallback(function () {
-    clearUploadPicker();
-    onUploadCancelled();
-
-    // using setTimeout here to allow the UI to update before setting focus
-    setTimeout(function (lastFocus) {
-      if (lastFocus) {
-        var _document$getElementB;
-        (_document$getElementB = document.getElementById(lastFocus)) === null || _document$getElementB === void 0 || _document$getElementB.focus();
-      }
-    }, 0, lastFocusedElementId.current);
-  }, [clearUploadPicker, onUploadCancelled]);
-  var onChooseFileClicked = function onChooseFileClicked() {
-    onFileChooserClicked && onFileChooserClicked();
-  };
-  return /*#__PURE__*/React.createElement(FocusLock, {
-    noFocusGuards: true
-  }, name && previewImage ? /*#__PURE__*/React.createElement(EmojiUploadPreview, {
-    errorMessage: errorMessage,
-    name: name,
-    onAddEmoji: onAddEmoji,
-    onUploadCancelled: cancelUpload,
-    previewImage: previewImage,
-    uploadStatus: uploadStatus
-  }) : /*#__PURE__*/React.createElement(ChooseEmojiFile, {
-    name: name,
-    onChooseFile: onChooseFile,
-    onClick: onChooseFileClicked,
-    onNameChange: onNameChange,
-    onUploadCancelled: cancelUpload,
-    errorMessage: chooseEmojiErrorMessage,
-    intl: intl
-  }));
-};
-var EmojiUploadPickerComponent = injectIntl( /*#__PURE__*/memo(EmojiUploadPicker));
-export default EmojiUploadPickerComponent;

package/dist/esm/components/compiled/common/EmojiUploadPreview.js

@@ -1,114 +0,0 @@
-/* EmojiUploadPreview.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import "./EmojiUploadPreview.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { PureComponent } from 'react';
-import { N20, N300 } from '@atlaskit/theme/colors';
-import AkButton from '@atlaskit/button/standard-button';
-import Heading from '@atlaskit/heading';
-import { FormattedMessage, injectIntl } from 'react-intl-next';
-import { customCategory } from '../../../util/constants';
-import { messages } from '../../i18n';
-import Emoji from './Emoji';
-import EmojiErrorMessage from './EmojiErrorMessage';
-import { UploadStatus } from '../../common/internal-types';
-import RetryableButton from './RetryableButton';
-var bigEmojiPreview = null;
-var uploadAddRow = null;
-var uploadPreview = null;
-var uploadPreviewFooter = null;
-var uploadPreviewText = null;
-export var uploadPreviewTestId = 'upload-preview';
-export var cancelUploadButtonTestId = 'cancel-upload-button';
-var addEmojiPreviewDescriptionId = 'fabric.emoji.preview.description.id';
-var EmojiUploadPreview = /*#__PURE__*/function (_PureComponent) {
-  function EmojiUploadPreview() {
-    _classCallCheck(this, EmojiUploadPreview);
-    return _callSuper(this, EmojiUploadPreview, arguments);
-  }
-  _inherits(EmojiUploadPreview, _PureComponent);
-  return _createClass(EmojiUploadPreview, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        name = _this$props.name,
-        previewImage = _this$props.previewImage,
-        uploadStatus = _this$props.uploadStatus,
-        errorMessage = _this$props.errorMessage,
-        onAddEmoji = _this$props.onAddEmoji,
-        onUploadCancelled = _this$props.onUploadCancelled,
-        intl = _this$props.intl;
-      var formatMessage = intl.formatMessage;
-      var emojiComponent;
-      if (previewImage) {
-        var emoji = {
-          shortName: ":".concat(name, ":"),
-          type: customCategory,
-          category: customCategory,
-          representation: {
-            imagePath: previewImage,
-            width: 24,
-            height: 24
-          },
-          searchable: true
-        };
-        emojiComponent = /*#__PURE__*/React.createElement(Emoji, {
-          emoji: emoji
-        });
-      }
-      var uploading = uploadStatus === UploadStatus.Uploading;
-      var retryableButtonLabel = errorMessage ? formatMessage(messages.retryLabel) : formatMessage(messages.addEmojiLabel);
-      return /*#__PURE__*/React.createElement("div", {
-        className: ax(["_ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _2lx21bp4 _4t3i53f4"])
-      }, /*#__PURE__*/React.createElement("div", {
-        "data-testid": uploadPreviewTestId,
-        className: ax(["_2rkosqtm _ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1e0c1txw _1bah1yb4 _4cvr1h6o _bfhklslw"]),
-        style: {
-          "--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")"))
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: ax(["_1fztdcr7 _jl6w1vvm _avw21b66 _19l3gktf _rtys12am"]),
-        style: {
-          "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
-        }
-      }, /*#__PURE__*/React.createElement(Heading, {
-        size: "xsmall"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.emojiPreviewTitle)), /*#__PURE__*/React.createElement("div", {
-        id: addEmojiPreviewDescriptionId
-      }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.emojiPreview, {
-        values: {
-          emoji: emojiComponent
-        }
-      })))), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_19bv1b66 _19l31ylp _rtys53f4"])
-      }, emojiComponent)), /*#__PURE__*/React.createElement("div", {
-        className: ax(["_1e0c1txw _1bahesu3 _4cvr1h6o _ca0q19bv"])
-      }, !uploading && errorMessage ? /*#__PURE__*/React.createElement(EmojiErrorMessage, {
-        errorStyle: "preview",
-        message: errorMessage,
-        tooltip: true
-      }) : null, /*#__PURE__*/React.createElement(RetryableButton, {
-        label: retryableButtonLabel,
-        onSubmit: onAddEmoji,
-        appearance: "primary",
-        loading: uploading,
-        error: !!errorMessage,
-        ariaDescribedBy: addEmojiPreviewDescriptionId
-      }), /*#__PURE__*/React.createElement(AkButton, {
-        onClick: onUploadCancelled,
-        appearance: "subtle",
-        isDisabled: uploading,
-        testId: cancelUploadButtonTestId
-      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelLabel))));
-    }
-  }]);
-}(PureComponent);
-export default injectIntl(EmojiUploadPreview);

package/dist/esm/components/compiled/common/RetryableButton.js

@@ -1,63 +0,0 @@
-/* RetryableButton.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./RetryableButton.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { FormattedMessage } from 'react-intl-next';
-import AkButton from '@atlaskit/button/new';
-import Spinner from '@atlaskit/spinner';
-import { Box } from '@atlaskit/primitives/compiled';
-import { messages } from '../../i18n';
-var buttonSpinner = null;
-export var retryUploadButtonTestId = 'retry-upload-button';
-export var uploadEmojiButtonTestId = 'upload-emoji-button';
-var LoadingSpinner = function LoadingSpinner() {
-  return /*#__PURE__*/React.createElement("span", {
-    className: ax(["_2hwx19bv _18u019bv"])
-  }, /*#__PURE__*/React.createElement(Spinner, null));
-};
-var RetryButton = function RetryButton(props) {
-  var onSubmit = props.onSubmit,
-    ariaLabelledBy = props.ariaLabelledBy,
-    ariaDescribedBy = props.ariaDescribedBy;
-  return /*#__PURE__*/React.createElement(FormattedMessage, messages.retryLabel, function (retryLabel) {
-    return /*#__PURE__*/React.createElement(Box, {
-      paddingInlineEnd: "space.050"
-    }, /*#__PURE__*/React.createElement(AkButton, {
-      appearance: "warning",
-      onClick: onSubmit,
-      testId: retryUploadButtonTestId,
-      "aria-describedby": ariaDescribedBy,
-      "aria-labelledby": ariaLabelledBy,
-      autoFocus: true
-    }, retryLabel));
-  });
-};
-var UploadButton = function UploadButton(props) {
-  var appearance = props.appearance,
-    onSubmit = props.onSubmit,
-    label = props.label,
-    ariaLabelledBy = props.ariaLabelledBy,
-    ariaDescribedBy = props.ariaDescribedBy;
-  return /*#__PURE__*/React.createElement(Box, {
-    paddingInlineEnd: "space.050"
-  }, /*#__PURE__*/React.createElement(AkButton, {
-    appearance: appearance,
-    onClick: onSubmit,
-    testId: uploadEmojiButtonTestId,
-    "aria-describedby": ariaDescribedBy,
-    "aria-labelledby": ariaLabelledBy,
-    autoFocus: true
-  }, label));
-};
-var RetryableButton = function RetryableButton(props) {
-  var loading = props.loading,
-    error = props.error;
-  if (loading) {
-    return /*#__PURE__*/React.createElement(LoadingSpinner, null);
-  }
-  if (error) {
-    return /*#__PURE__*/React.createElement(RetryButton, props);
-  }
-  return /*#__PURE__*/React.createElement(UploadButton, props);
-};
-export default RetryableButton;

package/dist/esm/components/compiled/common/Scrollable.js

@@ -1,90 +0,0 @@
-/* Scrollable.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./Scrollable.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-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) { _defineProperty(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; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-// FIXME - FAB-1732 looking at making a shared component for this
-
-import { PureComponent } from 'react';
-var emojiScrollable = null;
-var Scrollable = /*#__PURE__*/function (_PureComponent) {
-  function Scrollable() {
-    var _this;
-    _classCallCheck(this, Scrollable);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Scrollable, [].concat(args));
-    _defineProperty(_this, "scrollableDiv", null);
-    // API
-    _defineProperty(_this, "reveal", function (child, forceToTop) {
-      if (child && _this.scrollableDiv) {
-        // Not using Element.scrollIntoView as it scrolls even to top/bottom of view even if
-        // already visible
-        var scrollableRect = _this.scrollableDiv.getBoundingClientRect();
-        var elementRect = child.getBoundingClientRect();
-        if (forceToTop || elementRect.top < scrollableRect.top) {
-          _this.scrollableDiv.scrollTop += elementRect.top - scrollableRect.top;
-        } else if (elementRect.bottom > scrollableRect.bottom) {
-          _this.scrollableDiv.scrollTop += elementRect.bottom - scrollableRect.bottom;
-        }
-      }
-    });
-    _defineProperty(_this, "scrollToBottom", function () {
-      if (_this.scrollableDiv) {
-        _this.scrollableDiv.scrollTop = _this.scrollableDiv.scrollHeight;
-      }
-    });
-    _defineProperty(_this, "handleScroll", function (event) {
-      var sampleOffset = 10;
-      var firstElement;
-      if (_this.scrollableDiv) {
-        var scrollableRect = _this.scrollableDiv.getBoundingClientRect();
-        firstElement = document.elementFromPoint(scrollableRect.left + sampleOffset, scrollableRect.top + sampleOffset);
-      }
-      if (_this.props.onScroll && firstElement) {
-        _this.props.onScroll(firstElement, event);
-      }
-    });
-    _defineProperty(_this, "handleRef", function (ref) {
-      _this.scrollableDiv = ref;
-    });
-    return _this;
-  }
-  _inherits(Scrollable, _PureComponent);
-  return _createClass(Scrollable, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        maxHeight = _this$props.maxHeight,
-        onMouseLeave = _this$props.onMouseLeave;
-      var style = maxHeight ? {
-        maxHeight: maxHeight
-      } : {};
-      return /*#__PURE__*/React.createElement("div", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: ax(["_19ityw3a _2rkosqtm _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1e0c1ule _1reo15vq _18m91wug", "emoji-scrollable ".concat(className)]),
-        onMouseLeave: onMouseLeave,
-        onScroll: this.handleScroll,
-        ref: this.handleRef
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        ,
-        style: _objectSpread(_objectSpread({}, style), {}, {
-          "--_1id3pet": ix("1px solid ".concat("var(--ds-border, #fff)"))
-        })
-      }, children);
-    }
-  }]);
-}(PureComponent);
-export { Scrollable as default };

package/dist/esm/components/compiled/common/TonePreviewButton.js

@@ -1,42 +0,0 @@
-/* TonePreviewButton.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./TonePreviewButton.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { forwardRef, memo } from 'react';
-import { B100 } from '@atlaskit/theme/colors';
-import Emoji from './Emoji';
-export var tonePreviewTestId = 'tone-preview';
-var emojiButton = null;
-var hidden = null;
-export var TonePreviewButton = /*#__PURE__*/forwardRef(function (props, ref) {
-  var emoji = props.emoji,
-    selectOnHover = props.selectOnHover,
-    ariaLabelText = props.ariaLabelText,
-    ariaExpanded = props.ariaExpanded,
-    onSelected = props.onSelected,
-    _props$isVisible = props.isVisible,
-    isVisible = _props$isVisible === void 0 ? true : _props$isVisible;
-  return /*#__PURE__*/React.createElement("button", {
-    ref: ref,
-    onClick: onSelected,
-    "aria-label": ariaLabelText,
-    "aria-expanded": ariaExpanded,
-    "aria-controls": "emoji-picker-tone-selector"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-
-    "data-testid": tonePreviewTestId,
-    type: "button",
-    className: ax(["_19itidpf _2rkosqtm _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _bfhk1j28 _80omtlke _kqswh2mm _1e0c1o8l _lev4idpf _1cx6idpf _tyukidpf _2ewlidpf _11bcidpf _dqozglyw _1at812x7 _1cjo12x7 _1yg612x7 _hjaq12x7 _hlt21tcg _1s3c1tcg _1i911tcg _1ye71tcg _nt751r31 _49pcglyw _1hvw1o36 _7ehi1r2v _491113zc", !isVisible && "_tzy4idpf _3um015vq _1e0cglyw"]),
-    style: {
-      overflow: 'hidden',
-      "--_1rebzxw": ix("0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")))
-    }
-  }, /*#__PURE__*/React.createElement(Emoji, {
-    emoji: emoji,
-    selectOnHover: selectOnHover,
-    shouldBeInteractive: false,
-    "aria-hidden": true
-  }));
-});
-export default /*#__PURE__*/memo(TonePreviewButton);