@atlaskit/emoji 69.0.7 → 69.0.9

package/dist/es2019/components/compiled/picker/CategorySelector.js

@@ -1,136 +0,0 @@
-/* CategorySelector.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./CategorySelector.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { cx } from '@atlaskit/css';
-import { N30 } from '@atlaskit/theme/colors';
-import { useIntl } from 'react-intl-next';
-import { Pressable } from '@atlaskit/primitives/compiled';
-import Tooltip from '@atlaskit/tooltip';
-import { CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED, defaultCategories, KeyboardKeys } from '../../../util/constants';
-import { messages } from '../../i18n';
-import { CategoryDescriptionMap } from '../../picker/categories';
-import { usePrevious } from '../../../hooks/usePrevious';
-import { RENDER_EMOJI_PICKER_LIST_TESTID } from '../../picker/EmojiPickerList';
-const styles = {
-  commonCategory: "_2rkoglpi _v564h5h4 _189eidpf _bfhksm61 _ca0qze3t _n3tdze3t _19bvze3t _u5f3ze3t",
-  defaultCategory: "_syaz131l _30l3aqb7",
-  activeCategory: "_syazaqb7 _30l3aqb7",
-  disabledCategory: "_syaz131l"
-};
-const categorySelector = null;
-const categorySelectorTablist = null;
-export const sortCategories = (c1, c2) => CategoryDescriptionMap[c1].order - CategoryDescriptionMap[c2].order;
-const addNewCategories = (oldCategories, newCategories) => {
-  if (!newCategories) {
-    return oldCategories;
-  }
-  return oldCategories.concat(newCategories.filter(category => !!CategoryDescriptionMap[category])).sort(sortCategories);
-};
-export const categorySelectorComponentTestId = 'category-selector-component';
-export const categorySelectorCategoryTestId = categoryId => `category-selector-${categoryId}`;
-const CategorySelector = props => {
-  const {
-    disableCategories,
-    dynamicCategories,
-    activeCategoryId,
-    onCategorySelected
-  } = props;
-  const [categories, setCategories] = useState(addNewCategories(defaultCategories, dynamicCategories));
-  const [currentFocus, setCurrentFocus] = useState(0);
-  const categoryRef = useRef(null);
-  const prevDynamicCategories = usePrevious(dynamicCategories);
-  const {
-    formatMessage
-  } = useIntl();
-  const updateCategories = useCallback(() => {
-    const newCategories = addNewCategories(defaultCategories, dynamicCategories);
-    setCategories(newCategories);
-  }, [dynamicCategories]);
-  useEffect(() => {
-    if (prevDynamicCategories !== dynamicCategories) {
-      updateCategories();
-    }
-  }, [prevDynamicCategories, dynamicCategories, updateCategories]);
-  const focusCategory = useCallback(index => {
-    var _categoryRef$current;
-    const categoryToFocus = (_categoryRef$current = categoryRef.current) === null || _categoryRef$current === void 0 ? void 0 : _categoryRef$current.querySelector(`[data-focus-index="${index}"]`);
-    categoryToFocus && categoryToFocus.focus();
-    setCurrentFocus(index);
-  }, [categoryRef, setCurrentFocus]);
-  const handleKeyDown = e => {
-    if (!CATEGORYSELECTOR_KEYBOARD_KEYS_SUPPORTED.includes(e.key)) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    const lastCategoryIndex = categories.length - 1;
-    switch (e.key) {
-      // navigate to the right category
-      case KeyboardKeys.ArrowRight:
-        focusCategory(currentFocus === lastCategoryIndex ? 0 : currentFocus + 1);
-        break;
-      // navigate to the left category
-      case KeyboardKeys.ArrowLeft:
-        focusCategory(currentFocus === 0 ? lastCategoryIndex : currentFocus - 1);
-        break;
-      // navigate to the first category
-      case KeyboardKeys.Home:
-        focusCategory(0);
-        break;
-      // navigate to the last category
-      case KeyboardKeys.End:
-        focusCategory(lastCategoryIndex);
-        break;
-    }
-  };
-  const handleClick = (categoryId, index) => event => {
-    if (disableCategories) {
-      event.preventDefault();
-      return;
-    }
-    if (onCategorySelected) {
-      onCategorySelected(categoryId);
-    }
-    setCurrentFocus(index);
-  };
-  let categoriesSection;
-  if (categories) {
-    categoriesSection = /*#__PURE__*/React.createElement("div", {
-      role: "tablist",
-      "aria-label": formatMessage(messages.categoriesSelectorLabel),
-      "data-testid": categorySelectorComponentTestId,
-      ref: categoryRef,
-      className: ax(["_ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1e0c1txw _2lx2vrvc _1bah1b1v _4cvr1h6o"])
-    }, categories.map((categoryId, index) => {
-      const category = CategoryDescriptionMap[categoryId];
-      const Icon = category.icon;
-      const categoryName = formatMessage(messages[category.name]);
-      return /*#__PURE__*/React.createElement(Tooltip, {
-        content: categoryName,
-        position: "bottom",
-        key: category.id
-      }, /*#__PURE__*/React.createElement(Pressable, {
-        id: `category-selector-${category.id}`,
-        "data-focus-index": index,
-        "aria-label": categoryName,
-        "aria-controls": currentFocus === index ? RENDER_EMOJI_PICKER_LIST_TESTID : undefined,
-        "aria-selected": categoryId === activeCategoryId,
-        xcss: cx(styles.commonCategory, styles.defaultCategory, categoryId === activeCategoryId && styles.activeCategory, disableCategories && styles.disabledCategory),
-        isDisabled: disableCategories,
-        onClick: handleClick(categoryId, index),
-        testId: categorySelectorCategoryTestId(categoryId),
-        tabIndex: currentFocus === index ? 0 : -1,
-        onKeyDown: handleKeyDown,
-        role: "tab"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        label: categoryName
-      })));
-    }));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _bfhk1nmp _dpd31txw"])
-  }, categoriesSection);
-};
-export default CategorySelector;

package/dist/es2019/components/compiled/picker/EmojiPicker.js

@@ -1,67 +0,0 @@
-/* EmojiPicker.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./EmojiPicker.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { N40 } from '@atlaskit/theme/colors';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ufoExperiences } from '../../../util/analytics';
-import LoadingEmojiComponent from '../../common/LoadingEmojiComponent';
-import { LoadingItem } from './EmojiPickerVirtualItems';
-import { UfoErrorBoundary } from '../../common/UfoErrorBoundary';
-import { defaultEmojiPickerSize } from '../../../util/constants';
-import { EmojiCommonProvider } from '../../../context/EmojiCommonProvider';
-const emojiPicker = null;
-const emojiPickerModuleLoader = () => import( /* webpackChunkName:"@atlaskit-internal_emojiPickerComponent" */'./EmojiPickerComponent');
-const emojiPickerLoader = () => emojiPickerModuleLoader().then(module => module.default);
-export const preloadEmojiPicker = () => {
-  emojiPickerLoader().then(component => {
-    EmojiPickerInternal.AsyncLoadedComponent = component;
-  });
-};
-export class EmojiPickerInternal extends LoadingEmojiComponent {
-  constructor(props) {
-    super(props, {});
-    _defineProperty(this, "state", {
-      asyncLoadedComponent: EmojiPickerInternal.AsyncLoadedComponent
-    });
-    ufoExperiences['emoji-picker-opened'].start();
-  }
-  asyncLoadComponent() {
-    emojiPickerLoader().then(component => {
-      EmojiPickerInternal.AsyncLoadedComponent = component;
-      this.setAsyncState(component);
-    });
-  }
-  renderLoading() {
-    const item = new LoadingItem();
-    const handlePickerRef = ref => {
-      if (this.props.onPickerRef) {
-        this.props.onPickerRef(ref);
-      }
-    };
-    ufoExperiences['emoji-picker-opened'].markFMP();
-    return /*#__PURE__*/React.createElement("div", {
-      ref: handlePickerRef,
-      className: ax(["_19itcyqh _2rkosqtm _1e0c1txw _2lx21bp4 _1bah1yb4 _bfhk1bhr _16qsp2xt _4t3iixjv _1bsb1edt _1ul91edt _1tke5x59 _c71l1y6z"])
-    }, item.renderItem());
-  }
-  renderLoaded(loadedEmojiProvider, EmojiPickerComponent) {
-    const {
-      emojiProvider,
-      ...otherProps
-    } = this.props;
-    return /*#__PURE__*/React.createElement(UfoErrorBoundary, {
-      experiences: [ufoExperiences['emoji-picker-opened']]
-    }, /*#__PURE__*/React.createElement(EmojiCommonProvider, {
-      emojiProvider: loadedEmojiProvider
-    }, /*#__PURE__*/React.createElement(EmojiPickerComponent, otherProps)));
-  }
-}
-// state initialised with static component to prevent
-// rerender when the module has already been loaded
-_defineProperty(EmojiPickerInternal, "defaultProps", {
-  size: defaultEmojiPickerSize
-});
-const EmojiPicker = withAnalyticsEvents()(EmojiPickerInternal);
-export default EmojiPicker;

package/dist/es2019/components/compiled/picker/EmojiPickerCategoryHeading.js

@@ -1,30 +0,0 @@
-/* EmojiPickerCategoryHeading.tsx generated by @compiled/babel-plugin v0.36.1 */
-import "./EmojiPickerCategoryHeading.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { N900 } from '@atlaskit/theme/colors';
-import { FormattedMessage } from 'react-intl-next';
-import { isMessagesKey } from '../../../util/type-helpers';
-import { messages } from '../../i18n';
-const emojiCategoryTitle = null;
-
-/**
- * Test id for wrapper Emoji Picker List div
- */
-export const RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID = 'render-emoji-picker-categorty-heading';
-const EmojiPickerCategoryHeading = ({
-  id,
-  title,
-  className
-}) => /*#__PURE__*/React.createElement("div", {
-  id: id,
-  "data-category-id": id
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  ,
-  className: className,
-  "data-testid": RENDER_EMOJI_PICKER_CATEGORY_HEADING_TESTID,
-  role: "rowheader"
-}, /*#__PURE__*/React.createElement("div", {
-  className: ax(["_11c82smr _vchhusvi _syazj3m3 _ca0q12x7 _n3td12x7 _19bvu2gc _u5f3u2gc _1p1d1qyh _299mangw"])
-}, isMessagesKey(title) ? /*#__PURE__*/React.createElement(FormattedMessage, messages[title]) : title));
-export default EmojiPickerCategoryHeading;