@chayns-components/emoji-input 5.6.6 → 5.6.9

package/lib/cjs/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.test.js

@@ -0,0 +1,316 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _styledComponents = require("styled-components");
+var _vitest = require("vitest");
+var _EmojiPickerEmojis = _interopRequireDefault(require("./EmojiPickerEmojis"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const fixtures = _vitest.vi.hoisted(() => ({
+  emojis: [{
+    emoji: '😀',
+    name: 'grinning face',
+    skin_tone_support: false
+  }, {
+    emoji: '😃',
+    name: 'smiling face',
+    skin_tone_support: false
+  }, {
+    emoji: '😄',
+    name: 'laughing face',
+    skin_tone_support: false
+  }, {
+    emoji: '🐈',
+    name: 'cat',
+    skin_tone_support: false
+  }, {
+    emoji: '👍',
+    name: 'thumbs up',
+    skin_tone_support: true
+  }, {
+    emoji: '👎',
+    name: 'thumbs down',
+    skin_tone_support: true
+  }, {
+    emoji: '👋',
+    name: 'waving hand',
+    skin_tone_support: true
+  }, {
+    emoji: '🤝',
+    name: 'handshake',
+    skin_tone_support: true
+  }],
+  addHistory: _vitest.vi.fn(),
+  history: []
+}));
+_vitest.vi.mock('unicode-emoji-json/data-by-group.json', () => ({
+  default: [{
+    slug: 'smileys_emotion',
+    emojis: fixtures.emojis
+  }, {
+    slug: 'people_body',
+    emojis: fixtures.emojis.slice(4)
+  }]
+}));
+_vitest.vi.mock('unicode-emoji-json/data-by-emoji.json', () => ({
+  default: Object.fromEntries(fixtures.emojis.map(({
+    emoji,
+    ...data
+  }) => [emoji, data]))
+}));
+_vitest.vi.mock('../../../hooks/emojiHistory', () => ({
+  useEmojiHistory: () => ({
+    addOrUpdateEmojiInHistory: fixtures.addHistory,
+    historyEmojis: fixtures.history.slice()
+  })
+}));
+_vitest.vi.mock('@chayns-components/core', async () => {
+  const {
+    useRef
+  } = await Promise.resolve().then(() => _interopRequireWildcard(require('react')));
+  return {
+    ...(await Promise.resolve().then(() => _interopRequireWildcard(require('../../../../../core/src/hooks/ref')))),
+    useIsMeasuredClone: () => [false, useRef(null)]
+  };
+});
+const setup = async () => {
+  const onSelect = _vitest.vi.fn();
+  const renderPicker = (searchString = '', selectedCategory = 'smileys_emotion') => /*#__PURE__*/_react2.default.createElement(_styledComponents.ThemeProvider, {
+    theme: {
+      'secondary-102': 'rgb(255, 0, 0)'
+    }
+  }, /*#__PURE__*/_react2.default.createElement("input", {
+    "aria-label": "Search"
+  }), /*#__PURE__*/_react2.default.createElement(_EmojiPickerEmojis.default, {
+    onSelect: onSelect,
+    searchString: searchString,
+    selectedCategory: selectedCategory
+  }));
+  const view = (0, _react.render)(renderPicker());
+  await (0, _react.waitFor)(() => (0, _vitest.expect)(view.container.querySelectorAll('[data-emoji]')).toHaveLength(8));
+  return {
+    ...view,
+    onSelect,
+    update: (search = '', category) => view.rerender(renderPicker(search, category))
+  };
+};
+const key = (key, ctrlKey = false) => _react.fireEvent.keyDown(document, {
+  key,
+  ctrlKey
+});
+const navigate = () => {
+  for (let index = 0; index < 7; index += 1) key('ArrowRight');
+};
+const selected = element => (0, _vitest.expect)(getComputedStyle(element).backgroundColor).toBe('rgb(255, 0, 0)');
+(0, _vitest.beforeEach)(() => {
+  fixtures.addHistory.mockReset();
+  fixtures.history = [];
+});
+(0, _vitest.describe)('EmojiPickerEmojis changing results', () => {
+  (0, _vitest.it)('resets to the first result before Enter after narrowing the search', async () => {
+    const {
+      onSelect,
+      update
+    } = await setup();
+    navigate();
+    _react.screen.getByRole('textbox', {
+      name: 'Search'
+    }).focus();
+    update('thumbs');
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('👍', true);
+    (0, _vitest.expect)(document.activeElement).toBe(_react.screen.getByRole('textbox', {
+      name: 'Search'
+    }));
+  });
+  (0, _vitest.it)('does not select the hint or throw on Enter and Ctrl+Enter without results', async () => {
+    const {
+      onSelect,
+      update,
+      container
+    } = await setup();
+    navigate();
+    update('no-matching-emoji-9284');
+    key('Enter');
+    key('Enter', true);
+    (0, _vitest.expect)(onSelect).not.toHaveBeenCalled();
+    (0, _vitest.expect)(container.querySelector('[data-emoji]')).toBeNull();
+    (0, _vitest.expect)(container.querySelector('[tabindex="0"]')).toBeNull();
+  });
+  _vitest.it.each(['thumbs', 'no-matching-emoji-9284'])('handles every arrow after searching for %s', async search => {
+    const {
+      onSelect,
+      update,
+      container
+    } = await setup();
+    navigate();
+    update(search);
+    for (const direction of ['ArrowRight', 'ArrowLeft', 'ArrowUp', 'ArrowDown']) key(direction);
+    key('Enter');
+    if (search === 'thumbs') {
+      (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+      (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('👍', true);
+      selected(container.querySelector('[data-emoji="👍"]'));
+    } else (0, _vitest.expect)(onSelect).not.toHaveBeenCalled();
+  });
+  (0, _vitest.it)('recovers after clearing an empty search', async () => {
+    const {
+      onSelect,
+      update,
+      container
+    } = await setup();
+    navigate();
+    update('no-matching-emoji-9284');
+    key('ArrowRight');
+    update('');
+    key('ArrowRight');
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('😃', true);
+    selected(container.querySelector('[data-emoji="😃"]'));
+  });
+  (0, _vitest.it)('resets on category changes and keeps an empty history unselectable', async () => {
+    const {
+      onSelect,
+      update
+    } = await setup();
+    navigate();
+    update('', 'people_body');
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenLastCalledWith('👍', true);
+    onSelect.mockClear();
+    update('', 'history');
+    key('ArrowRight');
+    key('ArrowDown');
+    key('Enter');
+    (0, _vitest.expect)(onSelect).not.toHaveBeenCalled();
+  });
+  (0, _vitest.it)('uses visible positions for highlight, keyboard selection, and mouse selection including index zero', async () => {
+    const {
+      onSelect,
+      update,
+      container
+    } = await setup();
+    update('thumbs');
+    selected(container.querySelector('[data-emoji="👍"]'));
+    key('ArrowRight');
+    selected(container.querySelector('[data-emoji="👎"]'));
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenLastCalledWith('👎', true);
+    _react.fireEvent.click(container.querySelector('[data-emoji="👍"]'));
+    selected(container.querySelector('[data-emoji="👍"]'));
+    (0, _vitest.expect)(onSelect).toHaveBeenLastCalledWith('👍', false);
+  });
+  (0, _vitest.it)('opens the skin tone popup for the visible right-clicked emoji after filtering', async () => {
+    const {
+      update,
+      onSelect,
+      container
+    } = await setup();
+    update('thumbs');
+    _react.fireEvent.contextMenu(container.querySelector('[data-emoji="👎"]'));
+    selected(container.querySelector('[data-emoji="👎"]'));
+    key('ArrowRight');
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('👎🏼', false);
+  });
+  (0, _vitest.it)('closes a stale popup on result changes and resumes grid controls', async () => {
+    const {
+      update,
+      onSelect,
+      container
+    } = await setup();
+    update('thumbs');
+    key('Enter', true);
+    (0, _vitest.expect)(container.querySelector('[data-skin-tone]')).not.toBeNull();
+    update('cat');
+    (0, _vitest.expect)(container.querySelector('[data-skin-tone]')).toBeNull();
+    key('ArrowRight');
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('🐈', true);
+  });
+  (0, _vitest.it)('dismisses the old popup even when its emoji remains in a smaller result list', async () => {
+    const {
+      update,
+      onSelect,
+      container
+    } = await setup();
+    update('thumbs');
+    _react.fireEvent.contextMenu(container.querySelector('[data-emoji="👍"]'));
+    (0, _vitest.expect)(container.querySelector('[data-skin-tone]')).not.toBeNull();
+    update('thumbs up');
+    (0, _vitest.expect)(container.querySelector('[data-skin-tone]')).toBeNull();
+    selected(container.querySelector('[data-emoji="👍"]'));
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('👍', true);
+  });
+  (0, _vitest.it)('does not carry an unsupported Ctrl+Enter popup request to the next emoji', async () => {
+    const {
+      update,
+      onSelect,
+      container
+    } = await setup();
+    update('cat');
+    key('Enter', true);
+    update('thumbs');
+    (0, _vitest.expect)(container.querySelector('[data-skin-tone]')).toBeNull();
+    key('ArrowRight');
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('👎', true);
+  });
+  (0, _vitest.it)('keeps navigation stable when history is returned as a fresh array', async () => {
+    fixtures.history = fixtures.emojis.slice(0, 3);
+    const {
+      update,
+      onSelect,
+      container
+    } = await setup();
+    update('', 'history');
+    key('ArrowRight');
+    update('', 'history');
+    key('ArrowRight');
+    selected(container.querySelector('[data-emoji="😄"]'));
+    (0, _vitest.expect)(container.querySelectorAll('[data-emoji][tabindex="0"]')).toHaveLength(1);
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('😄', true);
+  });
+  (0, _vitest.it)('clears a search popup when returning to history with the same visible emoji', async () => {
+    fixtures.history = [fixtures.emojis[4]];
+    const {
+      update,
+      container
+    } = await setup();
+    update('thumbs up', 'history');
+    key('Enter', true);
+    (0, _vitest.expect)(container.querySelector('[data-skin-tone]')).not.toBeNull();
+    update('', 'history');
+    (0, _vitest.expect)(container.querySelector('[data-skin-tone]')).toBeNull();
+    key('Enter', true);
+    (0, _vitest.expect)(container.querySelector('[data-skin-tone]')).toBeNull();
+  });
+  (0, _vitest.it)('keeps normal six-column keyboard navigation and history callbacks', async () => {
+    const {
+      onSelect,
+      container
+    } = await setup();
+    key('ArrowDown');
+    selected(container.querySelector('[data-emoji="👋"]'));
+    key('Enter');
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(onSelect).toHaveBeenCalledWith('👋', true);
+    (0, _vitest.expect)(fixtures.addHistory).toHaveBeenCalledTimes(1);
+    (0, _vitest.expect)(fixtures.addHistory).toHaveBeenCalledWith({
+      emoji: '👋',
+      name: 'waving hand',
+      skin_tone_support: true
+    });
+  });
+});
+//# sourceMappingURL=EmojiPickerEmojis.test.js.map

package/lib/cjs/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPickerEmojis.test.js","names":["_react","require","_react2","_interopRequireDefault","_styledComponents","_vitest","_EmojiPickerEmojis","e","__esModule","default","_interopRequireWildcard","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fixtures","vi","hoisted","emojis","emoji","name","skin_tone_support","addHistory","fn","history","mock","slug","slice","fromEntries","map","data","useEmojiHistory","addOrUpdateEmojiInHistory","historyEmojis","useRef","Promise","resolve","then","useIsMeasuredClone","setup","onSelect","renderPicker","searchString","selectedCategory","createElement","ThemeProvider","theme","view","render","waitFor","expect","container","querySelectorAll","toHaveLength","update","search","category","rerender","key","ctrlKey","fireEvent","keyDown","document","navigate","index","selected","element","getComputedStyle","backgroundColor","toBe","beforeEach","mockReset","describe","it","screen","getByRole","focus","toHaveBeenCalledTimes","toHaveBeenCalledWith","activeElement","not","toHaveBeenCalled","querySelector","toBeNull","each","direction","toHaveBeenLastCalledWith","mockClear","click","contextMenu"],"sources":["../../../../../src/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.test.tsx"],"sourcesContent":["import { fireEvent, render, screen, waitFor } from '@testing-library/react';\nimport React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { beforeEach, describe, expect, it, vi } from 'vitest';\nimport EmojiPickerEmojis from './EmojiPickerEmojis';\nimport type { Category } from '../../../types/category';\n\nconst fixtures = vi.hoisted(() => ({\n    emojis: [\n        { emoji: '😀', name: 'grinning face', skin_tone_support: false },\n        { emoji: '😃', name: 'smiling face', skin_tone_support: false },\n        { emoji: '😄', name: 'laughing face', skin_tone_support: false },\n        { emoji: '🐈', name: 'cat', skin_tone_support: false },\n        { emoji: '👍', name: 'thumbs up', skin_tone_support: true },\n        { emoji: '👎', name: 'thumbs down', skin_tone_support: true },\n        { emoji: '👋', name: 'waving hand', skin_tone_support: true },\n        { emoji: '🤝', name: 'handshake', skin_tone_support: true },\n    ],\n    addHistory: vi.fn(),\n    history: [] as { emoji: string; name: string; skin_tone_support: boolean }[],\n}));\n\nvi.mock('unicode-emoji-json/data-by-group.json', () => ({\n    default: [\n        { slug: 'smileys_emotion', emojis: fixtures.emojis },\n        { slug: 'people_body', emojis: fixtures.emojis.slice(4) },\n    ],\n}));\nvi.mock('unicode-emoji-json/data-by-emoji.json', () => ({\n    default: Object.fromEntries(fixtures.emojis.map(({ emoji, ...data }) => [emoji, data])),\n}));\nvi.mock('../../../hooks/emojiHistory', () => ({\n    useEmojiHistory: () => ({\n        addOrUpdateEmojiInHistory: fixtures.addHistory,\n        historyEmojis: fixtures.history.slice(),\n    }),\n}));\nvi.mock('@chayns-components/core', async () => {\n    const { useRef } = await import('react');\n    return {\n        ...(await import('../../../../../core/src/hooks/ref')),\n        useIsMeasuredClone: () => [false, useRef<HTMLDivElement>(null)] as const,\n    };\n});\n\nconst setup = async () => {\n    const onSelect = vi.fn();\n    const renderPicker = (searchString = '', selectedCategory: Category = 'smileys_emotion') => (\n        <ThemeProvider theme={{ 'secondary-102': 'rgb(255, 0, 0)' }}>\n            <input aria-label=\"Search\" />\n            <EmojiPickerEmojis\n                onSelect={onSelect}\n                searchString={searchString}\n                selectedCategory={selectedCategory}\n            />\n        </ThemeProvider>\n    );\n    const view = render(renderPicker());\n    await waitFor(() => expect(view.container.querySelectorAll('[data-emoji]')).toHaveLength(8));\n    return {\n        ...view,\n        onSelect,\n        update: (search = '', category?: Category) => view.rerender(renderPicker(search, category)),\n    };\n};\n\nconst key = (key: string, ctrlKey = false) => fireEvent.keyDown(document, { key, ctrlKey });\nconst navigate = () => {\n    for (let index = 0; index < 7; index += 1) key('ArrowRight');\n};\nconst selected = (element: Element) =>\n    expect(getComputedStyle(element).backgroundColor).toBe('rgb(255, 0, 0)');\n\nbeforeEach(() => {\n    fixtures.addHistory.mockReset();\n    fixtures.history = [];\n});\n\ndescribe('EmojiPickerEmojis changing results', () => {\n    it('resets to the first result before Enter after narrowing the search', async () => {\n        const { onSelect, update } = await setup();\n        navigate();\n        screen.getByRole('textbox', { name: 'Search' }).focus();\n        update('thumbs');\n        key('Enter');\n        expect(onSelect).toHaveBeenCalledTimes(1);\n        expect(onSelect).toHaveBeenCalledWith('👍', true);\n        expect(document.activeElement).toBe(screen.getByRole('textbox', { name: 'Search' }));\n    });\n\n    it('does not select the hint or throw on Enter and Ctrl+Enter without results', async () => {\n        const { onSelect, update, container } = await setup();\n        navigate();\n        update('no-matching-emoji-9284');\n        key('Enter');\n        key('Enter', true);\n        expect(onSelect).not.toHaveBeenCalled();\n        expect(container.querySelector('[data-emoji]')).toBeNull();\n        expect(container.querySelector('[tabindex=\"0\"]')).toBeNull();\n    });\n\n    it.each(['thumbs', 'no-matching-emoji-9284'])(\n        'handles every arrow after searching for %s',\n        async (search) => {\n            const { onSelect, update, container } = await setup();\n            navigate();\n            update(search);\n            for (const direction of ['ArrowRight', 'ArrowLeft', 'ArrowUp', 'ArrowDown'])\n                key(direction);\n            key('Enter');\n            if (search === 'thumbs') {\n                expect(onSelect).toHaveBeenCalledTimes(1);\n                expect(onSelect).toHaveBeenCalledWith('👍', true);\n                selected(container.querySelector('[data-emoji=\"👍\"]')!);\n            } else expect(onSelect).not.toHaveBeenCalled();\n        },\n    );\n\n    it('recovers after clearing an empty search', async () => {\n        const { onSelect, update, container } = await setup();\n        navigate();\n        update('no-matching-emoji-9284');\n        key('ArrowRight');\n        update('');\n        key('ArrowRight');\n        key('Enter');\n        expect(onSelect).toHaveBeenCalledTimes(1);\n        expect(onSelect).toHaveBeenCalledWith('😃', true);\n        selected(container.querySelector('[data-emoji=\"😃\"]')!);\n    });\n\n    it('resets on category changes and keeps an empty history unselectable', async () => {\n        const { onSelect, update } = await setup();\n        navigate();\n        update('', 'people_body');\n        key('Enter');\n        expect(onSelect).toHaveBeenLastCalledWith('👍', true);\n        onSelect.mockClear();\n        update('', 'history');\n        key('ArrowRight');\n        key('ArrowDown');\n        key('Enter');\n        expect(onSelect).not.toHaveBeenCalled();\n    });\n\n    it('uses visible positions for highlight, keyboard selection, and mouse selection including index zero', async () => {\n        const { onSelect, update, container } = await setup();\n        update('thumbs');\n        selected(container.querySelector('[data-emoji=\"👍\"]')!);\n        key('ArrowRight');\n        selected(container.querySelector('[data-emoji=\"👎\"]')!);\n        key('Enter');\n        expect(onSelect).toHaveBeenLastCalledWith('👎', true);\n        fireEvent.click(container.querySelector('[data-emoji=\"👍\"]')!);\n        selected(container.querySelector('[data-emoji=\"👍\"]')!);\n        expect(onSelect).toHaveBeenLastCalledWith('👍', false);\n    });\n\n    it('opens the skin tone popup for the visible right-clicked emoji after filtering', async () => {\n        const { update, onSelect, container } = await setup();\n        update('thumbs');\n        fireEvent.contextMenu(container.querySelector('[data-emoji=\"👎\"]')!);\n        selected(container.querySelector('[data-emoji=\"👎\"]')!);\n        key('ArrowRight');\n        key('Enter');\n        expect(onSelect).toHaveBeenCalledTimes(1);\n        expect(onSelect).toHaveBeenCalledWith('👎🏼', false);\n    });\n\n    it('closes a stale popup on result changes and resumes grid controls', async () => {\n        const { update, onSelect, container } = await setup();\n        update('thumbs');\n        key('Enter', true);\n        expect(container.querySelector('[data-skin-tone]')).not.toBeNull();\n        update('cat');\n        expect(container.querySelector('[data-skin-tone]')).toBeNull();\n        key('ArrowRight');\n        key('Enter');\n        expect(onSelect).toHaveBeenCalledTimes(1);\n        expect(onSelect).toHaveBeenCalledWith('🐈', true);\n    });\n\n    it('dismisses the old popup even when its emoji remains in a smaller result list', async () => {\n        const { update, onSelect, container } = await setup();\n        update('thumbs');\n        fireEvent.contextMenu(container.querySelector('[data-emoji=\"👍\"]')!);\n        expect(container.querySelector('[data-skin-tone]')).not.toBeNull();\n        update('thumbs up');\n        expect(container.querySelector('[data-skin-tone]')).toBeNull();\n        selected(container.querySelector('[data-emoji=\"👍\"]')!);\n        key('Enter');\n        expect(onSelect).toHaveBeenCalledTimes(1);\n        expect(onSelect).toHaveBeenCalledWith('👍', true);\n    });\n\n    it('does not carry an unsupported Ctrl+Enter popup request to the next emoji', async () => {\n        const { update, onSelect, container } = await setup();\n        update('cat');\n        key('Enter', true);\n        update('thumbs');\n        expect(container.querySelector('[data-skin-tone]')).toBeNull();\n        key('ArrowRight');\n        key('Enter');\n        expect(onSelect).toHaveBeenCalledTimes(1);\n        expect(onSelect).toHaveBeenCalledWith('👎', true);\n    });\n\n    it('keeps navigation stable when history is returned as a fresh array', async () => {\n        fixtures.history = fixtures.emojis.slice(0, 3);\n        const { update, onSelect, container } = await setup();\n        update('', 'history');\n        key('ArrowRight');\n        update('', 'history');\n        key('ArrowRight');\n        selected(container.querySelector('[data-emoji=\"😄\"]')!);\n        expect(container.querySelectorAll('[data-emoji][tabindex=\"0\"]')).toHaveLength(1);\n        key('Enter');\n        expect(onSelect).toHaveBeenCalledTimes(1);\n        expect(onSelect).toHaveBeenCalledWith('😄', true);\n    });\n\n    it('clears a search popup when returning to history with the same visible emoji', async () => {\n        fixtures.history = [fixtures.emojis[4]!];\n        const { update, container } = await setup();\n        update('thumbs up', 'history');\n        key('Enter', true);\n        expect(container.querySelector('[data-skin-tone]')).not.toBeNull();\n        update('', 'history');\n        expect(container.querySelector('[data-skin-tone]')).toBeNull();\n        key('Enter', true);\n        expect(container.querySelector('[data-skin-tone]')).toBeNull();\n    });\n\n    it('keeps normal six-column keyboard navigation and history callbacks', async () => {\n        const { onSelect, container } = await setup();\n        key('ArrowDown');\n        selected(container.querySelector('[data-emoji=\"👋\"]')!);\n        key('Enter');\n        expect(onSelect).toHaveBeenCalledTimes(1);\n        expect(onSelect).toHaveBeenCalledWith('👋', true);\n        expect(fixtures.addHistory).toHaveBeenCalledTimes(1);\n        expect(fixtures.addHistory).toHaveBeenCalledWith({\n            emoji: '👋',\n            name: 'waving hand',\n            skin_tone_support: true,\n        });\n    });\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAoD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,wBAAAH,CAAA,EAAAI,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,uBAAA,YAAAA,CAAAH,CAAA,EAAAI,CAAA,SAAAA,CAAA,IAAAJ,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAQ,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAT,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAU,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAZ,CAAA,UAAAQ,CAAA,CAAAK,GAAA,CAAAb,CAAA,GAAAQ,CAAA,CAAAM,GAAA,CAAAd,CAAA,EAAAU,CAAA,gBAAAN,CAAA,IAAAJ,CAAA,gBAAAI,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAI,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAI,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAJ,CAAA,CAAAI,CAAA,WAAAM,CAAA,KAAAV,CAAA,EAAAI,CAAA;AAGpD,MAAMgB,QAAQ,GAAGC,UAAE,CAACC,OAAO,CAAC,OAAO;EAC/BC,MAAM,EAAE,CACJ;IAAEC,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE,eAAe;IAAEC,iBAAiB,EAAE;EAAM,CAAC,EAChE;IAAEF,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE,cAAc;IAAEC,iBAAiB,EAAE;EAAM,CAAC,EAC/D;IAAEF,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE,eAAe;IAAEC,iBAAiB,EAAE;EAAM,CAAC,EAChE;IAAEF,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE,KAAK;IAAEC,iBAAiB,EAAE;EAAM,CAAC,EACtD;IAAEF,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE,WAAW;IAAEC,iBAAiB,EAAE;EAAK,CAAC,EAC3D;IAAEF,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE,aAAa;IAAEC,iBAAiB,EAAE;EAAK,CAAC,EAC7D;IAAEF,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE,aAAa;IAAEC,iBAAiB,EAAE;EAAK,CAAC,EAC7D;IAAEF,KAAK,EAAE,IAAI;IAAEC,IAAI,EAAE,WAAW;IAAEC,iBAAiB,EAAE;EAAK,CAAC,CAC9D;EACDC,UAAU,EAAEN,UAAE,CAACO,EAAE,CAAC,CAAC;EACnBC,OAAO,EAAE;AACb,CAAC,CAAC,CAAC;AAEHR,UAAE,CAACS,IAAI,CAAC,uCAAuC,EAAE,OAAO;EACpD5B,OAAO,EAAE,CACL;IAAE6B,IAAI,EAAE,iBAAiB;IAAER,MAAM,EAAEH,QAAQ,CAACG;EAAO,CAAC,EACpD;IAAEQ,IAAI,EAAE,aAAa;IAAER,MAAM,EAAEH,QAAQ,CAACG,MAAM,CAACS,KAAK,CAAC,CAAC;EAAE,CAAC;AAEjE,CAAC,CAAC,CAAC;AACHX,UAAE,CAACS,IAAI,CAAC,uCAAuC,EAAE,OAAO;EACpD5B,OAAO,EAAEe,MAAM,CAACgB,WAAW,CAACb,QAAQ,CAACG,MAAM,CAACW,GAAG,CAAC,CAAC;IAAEV,KAAK;IAAE,GAAGW;EAAK,CAAC,KAAK,CAACX,KAAK,EAAEW,IAAI,CAAC,CAAC;AAC1F,CAAC,CAAC,CAAC;AACHd,UAAE,CAACS,IAAI,CAAC,6BAA6B,EAAE,OAAO;EAC1CM,eAAe,EAAEA,CAAA,MAAO;IACpBC,yBAAyB,EAAEjB,QAAQ,CAACO,UAAU;IAC9CW,aAAa,EAAElB,QAAQ,CAACS,OAAO,CAACG,KAAK,CAAC;EAC1C,CAAC;AACL,CAAC,CAAC,CAAC;AACHX,UAAE,CAACS,IAAI,CAAC,yBAAyB,EAAE,YAAY;EAC3C,MAAM;IAAES;EAAO,CAAC,GAAG,MAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAvC,uBAAA,CAAAT,OAAA,CAAa,OAAO,GAAC;EACxC,OAAO;IACH,IAAI,MAAA8C,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAvC,uBAAA,CAAAT,OAAA,CAAa,mCAAmC,GAAC,CAAC;IACtDiD,kBAAkB,EAAEA,CAAA,KAAM,CAAC,KAAK,EAAEJ,MAAM,CAAiB,IAAI,CAAC;EAClE,CAAC;AACL,CAAC,CAAC;AAEF,MAAMK,KAAK,GAAG,MAAAA,CAAA,KAAY;EACtB,MAAMC,QAAQ,GAAGxB,UAAE,CAACO,EAAE,CAAC,CAAC;EACxB,MAAMkB,YAAY,GAAGA,CAACC,YAAY,GAAG,EAAE,EAAEC,gBAA0B,GAAG,iBAAiB,kBACnFrD,OAAA,CAAAO,OAAA,CAAA+C,aAAA,CAACpD,iBAAA,CAAAqD,aAAa;IAACC,KAAK,EAAE;MAAE,eAAe,EAAE;IAAiB;EAAE,gBACxDxD,OAAA,CAAAO,OAAA,CAAA+C,aAAA;IAAO,cAAW;EAAQ,CAAE,CAAC,eAC7BtD,OAAA,CAAAO,OAAA,CAAA+C,aAAA,CAAClD,kBAAA,CAAAG,OAAiB;IACd2C,QAAQ,EAAEA,QAAS;IACnBE,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA;EAAiB,CACtC,CACU,CAClB;EACD,MAAMI,IAAI,GAAG,IAAAC,aAAM,EAACP,YAAY,CAAC,CAAC,CAAC;EACnC,MAAM,IAAAQ,cAAO,EAAC,MAAM,IAAAC,cAAM,EAACH,IAAI,CAACI,SAAS,CAACC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAACC,YAAY,CAAC,CAAC,CAAC,CAAC;EAC5F,OAAO;IACH,GAAGN,IAAI;IACPP,QAAQ;IACRc,MAAM,EAAEA,CAACC,MAAM,GAAG,EAAE,EAAEC,QAAmB,KAAKT,IAAI,CAACU,QAAQ,CAAChB,YAAY,CAACc,MAAM,EAAEC,QAAQ,CAAC;EAC9F,CAAC;AACL,CAAC;AAED,MAAME,GAAG,GAAGA,CAACA,GAAW,EAAEC,OAAO,GAAG,KAAK,KAAKC,gBAAS,CAACC,OAAO,CAACC,QAAQ,EAAE;EAAEJ,GAAG;EAAEC;AAAQ,CAAC,CAAC;AAC3F,MAAMI,QAAQ,GAAGA,CAAA,KAAM;EACnB,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAG,CAAC,EAAEA,KAAK,IAAI,CAAC,EAAEN,GAAG,CAAC,YAAY,CAAC;AAChE,CAAC;AACD,MAAMO,QAAQ,GAAIC,OAAgB,IAC9B,IAAAhB,cAAM,EAACiB,gBAAgB,CAACD,OAAO,CAAC,CAACE,eAAe,CAAC,CAACC,IAAI,CAAC,gBAAgB,CAAC;AAE5E,IAAAC,kBAAU,EAAC,MAAM;EACbvD,QAAQ,CAACO,UAAU,CAACiD,SAAS,CAAC,CAAC;EAC/BxD,QAAQ,CAACS,OAAO,GAAG,EAAE;AACzB,CAAC,CAAC;AAEF,IAAAgD,gBAAQ,EAAC,oCAAoC,EAAE,MAAM;EACjD,IAAAC,UAAE,EAAC,oEAAoE,EAAE,YAAY;IACjF,MAAM;MAAEjC,QAAQ;MAAEc;IAAO,CAAC,GAAG,MAAMf,KAAK,CAAC,CAAC;IAC1CwB,QAAQ,CAAC,CAAC;IACVW,aAAM,CAACC,SAAS,CAAC,SAAS,EAAE;MAAEvD,IAAI,EAAE;IAAS,CAAC,CAAC,CAACwD,KAAK,CAAC,CAAC;IACvDtB,MAAM,CAAC,QAAQ,CAAC;IAChBI,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;IACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;IACjD,IAAA5B,cAAM,EAACY,QAAQ,CAACiB,aAAa,CAAC,CAACV,IAAI,CAACK,aAAM,CAACC,SAAS,CAAC,SAAS,EAAE;MAAEvD,IAAI,EAAE;IAAS,CAAC,CAAC,CAAC;EACxF,CAAC,CAAC;EAEF,IAAAqD,UAAE,EAAC,2EAA2E,EAAE,YAAY;IACxF,MAAM;MAAEjC,QAAQ;MAAEc,MAAM;MAAEH;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDwB,QAAQ,CAAC,CAAC;IACVT,MAAM,CAAC,wBAAwB,CAAC;IAChCI,GAAG,CAAC,OAAO,CAAC;IACZA,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC;IAClB,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACwC,GAAG,CAACC,gBAAgB,CAAC,CAAC;IACvC,IAAA/B,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,cAAc,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAC1D,IAAAjC,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAChE,CAAC,CAAC;EAEFV,UAAE,CAACW,IAAI,CAAC,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAC,CACzC,4CAA4C,EAC5C,MAAO7B,MAAM,IAAK;IACd,MAAM;MAAEf,QAAQ;MAAEc,MAAM;MAAEH;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDwB,QAAQ,CAAC,CAAC;IACVT,MAAM,CAACC,MAAM,CAAC;IACd,KAAK,MAAM8B,SAAS,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,EACvE3B,GAAG,CAAC2B,SAAS,CAAC;IAClB3B,GAAG,CAAC,OAAO,CAAC;IACZ,IAAIH,MAAM,KAAK,QAAQ,EAAE;MACrB,IAAAL,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;MACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;MACjDb,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IAC3D,CAAC,MAAM,IAAAhC,cAAM,EAACV,QAAQ,CAAC,CAACwC,GAAG,CAACC,gBAAgB,CAAC,CAAC;EAClD,CACJ,CAAC;EAED,IAAAR,UAAE,EAAC,yCAAyC,EAAE,YAAY;IACtD,MAAM;MAAEjC,QAAQ;MAAEc,MAAM;MAAEH;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDwB,QAAQ,CAAC,CAAC;IACVT,MAAM,CAAC,wBAAwB,CAAC;IAChCI,GAAG,CAAC,YAAY,CAAC;IACjBJ,MAAM,CAAC,EAAE,CAAC;IACVI,GAAG,CAAC,YAAY,CAAC;IACjBA,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;IACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;IACjDb,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;EAC3D,CAAC,CAAC;EAEF,IAAAT,UAAE,EAAC,oEAAoE,EAAE,YAAY;IACjF,MAAM;MAAEjC,QAAQ;MAAEc;IAAO,CAAC,GAAG,MAAMf,KAAK,CAAC,CAAC;IAC1CwB,QAAQ,CAAC,CAAC;IACVT,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC;IACzBI,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAAC8C,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC;IACrD9C,QAAQ,CAAC+C,SAAS,CAAC,CAAC;IACpBjC,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC;IACrBI,GAAG,CAAC,YAAY,CAAC;IACjBA,GAAG,CAAC,WAAW,CAAC;IAChBA,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACwC,GAAG,CAACC,gBAAgB,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEF,IAAAR,UAAE,EAAC,oGAAoG,EAAE,YAAY;IACjH,MAAM;MAAEjC,QAAQ;MAAEc,MAAM;MAAEH;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDe,MAAM,CAAC,QAAQ,CAAC;IAChBW,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACvDxB,GAAG,CAAC,YAAY,CAAC;IACjBO,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACvDxB,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAAC8C,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC;IACrD1B,gBAAS,CAAC4B,KAAK,CAACrC,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IAC9DjB,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACvD,IAAAhC,cAAM,EAACV,QAAQ,CAAC,CAAC8C,wBAAwB,CAAC,IAAI,EAAE,KAAK,CAAC;EAC1D,CAAC,CAAC;EAEF,IAAAb,UAAE,EAAC,+EAA+E,EAAE,YAAY;IAC5F,MAAM;MAAEnB,MAAM;MAAEd,QAAQ;MAAEW;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDe,MAAM,CAAC,QAAQ,CAAC;IAChBM,gBAAS,CAAC6B,WAAW,CAACtC,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACpEjB,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACvDxB,GAAG,CAAC,YAAY,CAAC;IACjBA,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;IACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC;EACxD,CAAC,CAAC;EAEF,IAAAL,UAAE,EAAC,kEAAkE,EAAE,YAAY;IAC/E,MAAM;MAAEnB,MAAM;MAAEd,QAAQ;MAAEW;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDe,MAAM,CAAC,QAAQ,CAAC;IAChBI,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC;IAClB,IAAAR,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAACF,GAAG,CAACG,QAAQ,CAAC,CAAC;IAClE7B,MAAM,CAAC,KAAK,CAAC;IACb,IAAAJ,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAC9DzB,GAAG,CAAC,YAAY,CAAC;IACjBA,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;IACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;EACrD,CAAC,CAAC;EAEF,IAAAL,UAAE,EAAC,8EAA8E,EAAE,YAAY;IAC3F,MAAM;MAAEnB,MAAM;MAAEd,QAAQ;MAAEW;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDe,MAAM,CAAC,QAAQ,CAAC;IAChBM,gBAAS,CAAC6B,WAAW,CAACtC,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACpE,IAAAhC,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAACF,GAAG,CAACG,QAAQ,CAAC,CAAC;IAClE7B,MAAM,CAAC,WAAW,CAAC;IACnB,IAAAJ,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAC9DlB,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACvDxB,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;IACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;EACrD,CAAC,CAAC;EAEF,IAAAL,UAAE,EAAC,0EAA0E,EAAE,YAAY;IACvF,MAAM;MAAEnB,MAAM;MAAEd,QAAQ;MAAEW;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDe,MAAM,CAAC,KAAK,CAAC;IACbI,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC;IAClBJ,MAAM,CAAC,QAAQ,CAAC;IAChB,IAAAJ,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAC9DzB,GAAG,CAAC,YAAY,CAAC;IACjBA,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;IACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;EACrD,CAAC,CAAC;EAEF,IAAAL,UAAE,EAAC,mEAAmE,EAAE,YAAY;IAChF1D,QAAQ,CAACS,OAAO,GAAGT,QAAQ,CAACG,MAAM,CAACS,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9C,MAAM;MAAE2B,MAAM;MAAEd,QAAQ;MAAEW;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IACrDe,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC;IACrBI,GAAG,CAAC,YAAY,CAAC;IACjBJ,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC;IACrBI,GAAG,CAAC,YAAY,CAAC;IACjBO,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACvD,IAAAhC,cAAM,EAACC,SAAS,CAACC,gBAAgB,CAAC,4BAA4B,CAAC,CAAC,CAACC,YAAY,CAAC,CAAC,CAAC;IAChFK,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;IACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;EACrD,CAAC,CAAC;EAEF,IAAAL,UAAE,EAAC,6EAA6E,EAAE,YAAY;IAC1F1D,QAAQ,CAACS,OAAO,GAAG,CAACT,QAAQ,CAACG,MAAM,CAAC,CAAC,CAAC,CAAE;IACxC,MAAM;MAAEoC,MAAM;MAAEH;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IAC3Ce,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC;IAC9BI,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC;IAClB,IAAAR,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAACF,GAAG,CAACG,QAAQ,CAAC,CAAC;IAClE7B,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC;IACrB,IAAAJ,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;IAC9DzB,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC;IAClB,IAAAR,cAAM,EAACC,SAAS,CAAC+B,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAClE,CAAC,CAAC;EAEF,IAAAV,UAAE,EAAC,mEAAmE,EAAE,YAAY;IAChF,MAAM;MAAEjC,QAAQ;MAAEW;IAAU,CAAC,GAAG,MAAMZ,KAAK,CAAC,CAAC;IAC7CmB,GAAG,CAAC,WAAW,CAAC;IAChBO,QAAQ,CAACd,SAAS,CAAC+B,aAAa,CAAC,mBAAmB,CAAE,CAAC;IACvDxB,GAAG,CAAC,OAAO,CAAC;IACZ,IAAAR,cAAM,EAACV,QAAQ,CAAC,CAACqC,qBAAqB,CAAC,CAAC,CAAC;IACzC,IAAA3B,cAAM,EAACV,QAAQ,CAAC,CAACsC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;IACjD,IAAA5B,cAAM,EAACnC,QAAQ,CAACO,UAAU,CAAC,CAACuD,qBAAqB,CAAC,CAAC,CAAC;IACpD,IAAA3B,cAAM,EAACnC,QAAQ,CAACO,UAAU,CAAC,CAACwD,oBAAoB,CAAC;MAC7C3D,KAAK,EAAE,IAAI;MACXC,IAAI,EAAE,aAAa;MACnBC,iBAAiB,EAAE;IACvB,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.js

@@ -120,6 +120,7 @@ const Emoji = ({
   return /*#__PURE__*/_react2.default.createElement(_Emoji.StyledEmoji, {
     ref: emojiRef,
     $isSelected: isSelected,
+    tabIndex: isSelected ? 0 : -1,
     "data-emoji": emoji,
     "data-name": name,
     "data-skin-tone-support": isSkinToneSupported,

package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.js.map

@@ -1 +1 @@
-{"version":3,"file":"Emoji.js","names":["_react","require","_react2","_interopRequireWildcard","_alignment","_Emoji","_SkinTonePopup","_interopRequireDefault","_SkinTonePopup2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Emoji","emoji","isSelected","name","isSkinToneSupported","onPopupVisibilityChange","onSelect","shouldShowSkinTonePopup","onRightClick","index","emojiList","shouldShowPopup","setShouldShowPopup","useState","skinTonePopupAnchorAlignment","setSkinTonePopupAnchorAlignment","AnchorAlignment","Top","skinTonePopupAnchorOffset","setSkinTonePopupAnchorOffset","skinTonePopupOverlayPosition","setSkinTonePopupOverlayPosition","top","skinTonePopupPosition","setSkinTonePopupPosition","left","emojiRef","useRef","handleClick","useCallback","calculatePopupPosition","current","element","parentElement","height","elementHeight","elementLeft","elementTop","width","elementWidth","getBoundingClientRect","parentHeight","parentLeft","parentTop","parentWidth","scrollTop","anchorAlignment","anchorOffset","skinTonePopupContentSize","maxLeft","minLeft","Bottom","handleContextMenu","event","preventDefault","stopPropagation","useEffect","handleHidePopup","createElement","StyledEmoji","ref","$isSelected","className","onClick","onContextMenu","AnimatePresence","initial","key","onHidePopup","overlayPosition","position","displayName","_default","exports"],"sources":["../../../../../../src/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { FC, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { AnchorAlignment } from '../../../../constants/alignment';\nimport { StyledEmoji } from './Emoji.styles';\nimport SkinTonePopup, { SkinTonePopupProps } from './skin-tone-popup/SkinTonePopup';\nimport { skinTonePopupContentSize } from './skin-tone-popup/SkinTonePopup.styles';\n\nexport type EmojiProps = {\n    emoji: string;\n    isSelected: boolean;\n    name: string;\n    index: number;\n    isSkinToneSupported: boolean;\n    onPopupVisibilityChange: (isVisible: boolean) => void;\n    onSelect: (emoji: string) => void;\n    onRightClick: (newIndex: number) => void;\n    shouldShowSkinTonePopup: boolean;\n    emojiList: { [x: string]: { skin_tone_support: any } };\n};\n\nconst Emoji: FC<EmojiProps> = ({\n    emoji,\n    isSelected,\n    name,\n    isSkinToneSupported,\n    onPopupVisibilityChange,\n    onSelect,\n    shouldShowSkinTonePopup,\n    onRightClick,\n    index,\n    emojiList,\n}) => {\n    const [shouldShowPopup, setShouldShowPopup] = useState(false);\n    const [skinTonePopupAnchorAlignment, setSkinTonePopupAnchorAlignment] = useState(\n        AnchorAlignment.Top,\n    );\n    const [skinTonePopupAnchorOffset, setSkinTonePopupAnchorOffset] = useState(0);\n    const [skinTonePopupOverlayPosition, setSkinTonePopupOverlayPosition] = useState<\n        SkinTonePopupProps['overlayPosition']\n    >({ top: 0 });\n    const [skinTonePopupPosition, setSkinTonePopupPosition] = useState<\n        SkinTonePopupProps['position']\n    >({ left: 0, top: 0 });\n\n    const emojiRef = useRef<HTMLDivElement>(null);\n\n    const handleClick = useCallback(() => {\n        onSelect(emoji);\n    }, [emoji, onSelect]);\n\n    const calculatePopupPosition = useCallback(() => {\n        if (!emojiRef.current) {\n            return;\n        }\n\n        const element = emojiRef.current;\n        const { parentElement } = emojiRef.current;\n\n        if (parentElement) {\n            const {\n                height: elementHeight,\n                left: elementLeft,\n                top: elementTop,\n                width: elementWidth,\n            } = element.getBoundingClientRect();\n\n            const {\n                height: parentHeight,\n                left: parentLeft,\n                top: parentTop,\n                width: parentWidth,\n            } = parentElement.getBoundingClientRect();\n\n            const { scrollTop } = parentElement;\n\n            let anchorAlignment = AnchorAlignment.Top;\n            let anchorOffset = 0;\n\n            let left =\n                elementLeft - parentLeft - skinTonePopupContentSize.width / 2 + elementWidth / 2;\n\n            let top = elementTop - parentTop + elementHeight + scrollTop;\n\n            const maxLeft = parentWidth - skinTonePopupContentSize.width - 12;\n            const minLeft = 12;\n\n            if (left < minLeft) {\n                anchorOffset = left - minLeft;\n                left = minLeft;\n            } else if (left > maxLeft) {\n                anchorOffset = left - maxLeft;\n                left = maxLeft;\n            }\n\n            if (top + skinTonePopupContentSize.height > parentHeight + scrollTop) {\n                anchorAlignment = AnchorAlignment.Bottom;\n                top -= elementHeight + skinTonePopupContentSize.height;\n            }\n\n            if (isSkinToneSupported) {\n                setSkinTonePopupAnchorAlignment(anchorAlignment);\n                setSkinTonePopupAnchorOffset(anchorOffset);\n                setSkinTonePopupPosition({ left, top });\n                setSkinTonePopupOverlayPosition({ top: scrollTop });\n                setShouldShowPopup(true);\n            }\n        }\n    }, [isSkinToneSupported]);\n\n    const handleContextMenu = useCallback(\n        (event: MouseEvent) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            if (isSkinToneSupported) {\n                onRightClick(index);\n                calculatePopupPosition();\n            }\n        },\n        [calculatePopupPosition, index, isSkinToneSupported, onRightClick],\n    );\n\n    useEffect(() => {\n        if (\n            emojiRef.current &&\n            shouldShowSkinTonePopup &&\n            skinTonePopupPosition.top === 0 &&\n            skinTonePopupPosition.left === 0\n        ) {\n            calculatePopupPosition();\n        }\n    }, [\n        calculatePopupPosition,\n        index,\n        isSkinToneSupported,\n        shouldShowSkinTonePopup,\n        skinTonePopupPosition,\n    ]);\n\n    useEffect(() => {\n        if (shouldShowSkinTonePopup) {\n            setShouldShowPopup(shouldShowSkinTonePopup);\n        }\n    }, [shouldShowSkinTonePopup]);\n\n    const handleHidePopup = useCallback(() => {\n        setShouldShowPopup(false);\n    }, []);\n\n    useEffect(() => {\n        onPopupVisibilityChange(shouldShowPopup);\n    }, [onPopupVisibilityChange, shouldShowPopup]);\n\n    return (\n        <StyledEmoji\n            ref={emojiRef}\n            $isSelected={isSelected}\n            data-emoji={emoji}\n            data-name={name}\n            data-skin-tone-support={isSkinToneSupported}\n            className=\"prevent-lose-focus\"\n            onClick={handleClick}\n            onContextMenu={handleContextMenu}\n        >\n            {emoji}\n            <AnimatePresence initial={false}>\n                {shouldShowPopup && (\n                    <SkinTonePopup\n                        anchorAlignment={skinTonePopupAnchorAlignment}\n                        anchorOffset={skinTonePopupAnchorOffset}\n                        emoji={emoji}\n                        key={emoji}\n                        onHidePopup={handleHidePopup}\n                        onSelect={onSelect}\n                        overlayPosition={skinTonePopupOverlayPosition}\n                        position={skinTonePopupPosition}\n                        emojiList={emojiList}\n                    />\n                )}\n            </AnimatePresence>\n        </StyledEmoji>\n    );\n};\n\nEmoji.displayName = 'Emoji';\n\nexport default Emoji;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Emoji.js","names":["_react","require","_react2","_interopRequireWildcard","_alignment","_Emoji","_SkinTonePopup","_interopRequireDefault","_SkinTonePopup2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Emoji","emoji","isSelected","name","isSkinToneSupported","onPopupVisibilityChange","onSelect","shouldShowSkinTonePopup","onRightClick","index","emojiList","shouldShowPopup","setShouldShowPopup","useState","skinTonePopupAnchorAlignment","setSkinTonePopupAnchorAlignment","AnchorAlignment","Top","skinTonePopupAnchorOffset","setSkinTonePopupAnchorOffset","skinTonePopupOverlayPosition","setSkinTonePopupOverlayPosition","top","skinTonePopupPosition","setSkinTonePopupPosition","left","emojiRef","useRef","handleClick","useCallback","calculatePopupPosition","current","element","parentElement","height","elementHeight","elementLeft","elementTop","width","elementWidth","getBoundingClientRect","parentHeight","parentLeft","parentTop","parentWidth","scrollTop","anchorAlignment","anchorOffset","skinTonePopupContentSize","maxLeft","minLeft","Bottom","handleContextMenu","event","preventDefault","stopPropagation","useEffect","handleHidePopup","createElement","StyledEmoji","ref","$isSelected","tabIndex","className","onClick","onContextMenu","AnimatePresence","initial","key","onHidePopup","overlayPosition","position","displayName","_default","exports"],"sources":["../../../../../../src/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { FC, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { AnchorAlignment } from '../../../../constants/alignment';\nimport { StyledEmoji } from './Emoji.styles';\nimport SkinTonePopup, { SkinTonePopupProps } from './skin-tone-popup/SkinTonePopup';\nimport { skinTonePopupContentSize } from './skin-tone-popup/SkinTonePopup.styles';\n\nexport type EmojiProps = {\n    emoji: string;\n    isSelected: boolean;\n    name: string;\n    index: number;\n    isSkinToneSupported: boolean;\n    onPopupVisibilityChange: (isVisible: boolean) => void;\n    onSelect: (emoji: string) => void;\n    onRightClick: (newIndex: number) => void;\n    shouldShowSkinTonePopup: boolean;\n    emojiList: { [x: string]: { skin_tone_support: any } };\n};\n\nconst Emoji: FC<EmojiProps> = ({\n    emoji,\n    isSelected,\n    name,\n    isSkinToneSupported,\n    onPopupVisibilityChange,\n    onSelect,\n    shouldShowSkinTonePopup,\n    onRightClick,\n    index,\n    emojiList,\n}) => {\n    const [shouldShowPopup, setShouldShowPopup] = useState(false);\n    const [skinTonePopupAnchorAlignment, setSkinTonePopupAnchorAlignment] = useState(\n        AnchorAlignment.Top,\n    );\n    const [skinTonePopupAnchorOffset, setSkinTonePopupAnchorOffset] = useState(0);\n    const [skinTonePopupOverlayPosition, setSkinTonePopupOverlayPosition] = useState<\n        SkinTonePopupProps['overlayPosition']\n    >({ top: 0 });\n    const [skinTonePopupPosition, setSkinTonePopupPosition] = useState<\n        SkinTonePopupProps['position']\n    >({ left: 0, top: 0 });\n\n    const emojiRef = useRef<HTMLDivElement>(null);\n\n    const handleClick = useCallback(() => {\n        onSelect(emoji);\n    }, [emoji, onSelect]);\n\n    const calculatePopupPosition = useCallback(() => {\n        if (!emojiRef.current) {\n            return;\n        }\n\n        const element = emojiRef.current;\n        const { parentElement } = emojiRef.current;\n\n        if (parentElement) {\n            const {\n                height: elementHeight,\n                left: elementLeft,\n                top: elementTop,\n                width: elementWidth,\n            } = element.getBoundingClientRect();\n\n            const {\n                height: parentHeight,\n                left: parentLeft,\n                top: parentTop,\n                width: parentWidth,\n            } = parentElement.getBoundingClientRect();\n\n            const { scrollTop } = parentElement;\n\n            let anchorAlignment = AnchorAlignment.Top;\n            let anchorOffset = 0;\n\n            let left =\n                elementLeft - parentLeft - skinTonePopupContentSize.width / 2 + elementWidth / 2;\n\n            let top = elementTop - parentTop + elementHeight + scrollTop;\n\n            const maxLeft = parentWidth - skinTonePopupContentSize.width - 12;\n            const minLeft = 12;\n\n            if (left < minLeft) {\n                anchorOffset = left - minLeft;\n                left = minLeft;\n            } else if (left > maxLeft) {\n                anchorOffset = left - maxLeft;\n                left = maxLeft;\n            }\n\n            if (top + skinTonePopupContentSize.height > parentHeight + scrollTop) {\n                anchorAlignment = AnchorAlignment.Bottom;\n                top -= elementHeight + skinTonePopupContentSize.height;\n            }\n\n            if (isSkinToneSupported) {\n                setSkinTonePopupAnchorAlignment(anchorAlignment);\n                setSkinTonePopupAnchorOffset(anchorOffset);\n                setSkinTonePopupPosition({ left, top });\n                setSkinTonePopupOverlayPosition({ top: scrollTop });\n                setShouldShowPopup(true);\n            }\n        }\n    }, [isSkinToneSupported]);\n\n    const handleContextMenu = useCallback(\n        (event: MouseEvent) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            if (isSkinToneSupported) {\n                onRightClick(index);\n                calculatePopupPosition();\n            }\n        },\n        [calculatePopupPosition, index, isSkinToneSupported, onRightClick],\n    );\n\n    useEffect(() => {\n        if (\n            emojiRef.current &&\n            shouldShowSkinTonePopup &&\n            skinTonePopupPosition.top === 0 &&\n            skinTonePopupPosition.left === 0\n        ) {\n            calculatePopupPosition();\n        }\n    }, [\n        calculatePopupPosition,\n        index,\n        isSkinToneSupported,\n        shouldShowSkinTonePopup,\n        skinTonePopupPosition,\n    ]);\n\n    useEffect(() => {\n        if (shouldShowSkinTonePopup) {\n            setShouldShowPopup(shouldShowSkinTonePopup);\n        }\n    }, [shouldShowSkinTonePopup]);\n\n    const handleHidePopup = useCallback(() => {\n        setShouldShowPopup(false);\n    }, []);\n\n    useEffect(() => {\n        onPopupVisibilityChange(shouldShowPopup);\n    }, [onPopupVisibilityChange, shouldShowPopup]);\n\n    return (\n        <StyledEmoji\n            ref={emojiRef}\n            $isSelected={isSelected}\n            tabIndex={isSelected ? 0 : -1}\n            data-emoji={emoji}\n            data-name={name}\n            data-skin-tone-support={isSkinToneSupported}\n            className=\"prevent-lose-focus\"\n            onClick={handleClick}\n            onContextMenu={handleContextMenu}\n        >\n            {emoji}\n            <AnimatePresence initial={false}>\n                {shouldShowPopup && (\n                    <SkinTonePopup\n                        anchorAlignment={skinTonePopupAnchorAlignment}\n                        anchorOffset={skinTonePopupAnchorOffset}\n                        emoji={emoji}\n                        key={emoji}\n                        onHidePopup={handleHidePopup}\n                        onSelect={onSelect}\n                        overlayPosition={skinTonePopupOverlayPosition}\n                        position={skinTonePopupPosition}\n                        emojiList={emojiList}\n                    />\n                )}\n            </AnimatePresence>\n        </StyledEmoji>\n    );\n};\n\nEmoji.displayName = 'Emoji';\n\nexport default Emoji;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji-picker-emoji-list/EmojiPickerEmojiList.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _react = _interopRequireWildcard(require("react"));
+var _Emoji = _interopRequireDefault(require("../emoji/Emoji"));
+var _EmojiPickerEmojis = require("../EmojiPickerEmojis.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const EMOJIS_PER_ROW = 6;
+const EmojiPickerEmojiList = ({
+  emojis,
+  emojiList,
+  isHistory,
+  onSelect
+}) => {
+  const [shouldPreventListener, ref] = (0, _core.useIsMeasuredClone)();
+  const [focusedIndex, setFocusedIndex] = (0, _react.useState)(0);
+  const [shouldShowSkinTonePopup, setShouldShowSkinTonePopup] = (0, _react.useState)(false);
+  const emojiRef = (0, _react.useRef)(null);
+  const shouldPreventEmojiControlsRef = (0, _react.useRef)(false);
+  const combinedRef = (0, _core.useCombinedRefs)(emojiRef, ref);
+  const handlePopupVisibilityChange = (0, _react.useCallback)(isVisible => {
+    setShouldShowSkinTonePopup(isVisible);
+    shouldPreventEmojiControlsRef.current = isVisible;
+  }, []);
+  const handleSelect = (0, _react.useCallback)((emoji, index, shouldRestoreInputFocus = false) => {
+    setFocusedIndex(index);
+    onSelect(emoji, shouldRestoreInputFocus);
+  }, [onSelect]);
+  (0, _react.useEffect)(() => {
+    const handleKeyDown = event => {
+      if (shouldPreventListener || shouldPreventEmojiControlsRef.current) return;
+      const isArrowKey = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key);
+      if (!isArrowKey && event.key !== 'Enter') return;
+      const container = emojiRef.current;
+      const elements = container === null || container === void 0 ? void 0 : container.querySelectorAll(':scope > [data-emoji]');
+      const currentElement = elements === null || elements === void 0 ? void 0 : elements[focusedIndex];
+      if (event.key === 'Enter') {
+        if (!currentElement) return;
+        const {
+          emoji,
+          name,
+          skinToneSupport
+        } = currentElement.dataset;
+        if (!emoji || !name || !skinToneSupport) return;
+        if (event.ctrlKey) {
+          if (skinToneSupport === 'true') handlePopupVisibilityChange(true);
+          return;
+        }
+        handleSelect({
+          emoji,
+          name,
+          skin_tone_support: skinToneSupport === 'true'
+        }, focusedIndex, true);
+        return;
+      }
+      event.preventDefault();
+      if (event.ctrlKey || !container || !(elements !== null && elements !== void 0 && elements.length)) return;
+      let newIndex = currentElement ? focusedIndex : 0;
+      if (event.key === 'ArrowUp') newIndex = (newIndex - EMOJIS_PER_ROW) % elements.length;else if (event.key === 'ArrowDown') newIndex = (newIndex + EMOJIS_PER_ROW) % elements.length;else if (event.key === 'ArrowLeft') newIndex = (newIndex - 1) % elements.length;else newIndex = (newIndex + 1) % elements.length;
+      if (newIndex < 0) newIndex = elements.length - 1;
+      const newElement = elements[newIndex];
+      if (!newElement) return;
+      setFocusedIndex(newIndex);
+      const containerRect = container.getBoundingClientRect();
+      const elementRect = newElement.getBoundingClientRect();
+      if (elementRect.bottom > containerRect.bottom) {
+        container.scrollTop += elementRect.bottom - containerRect.bottom;
+      } else if (elementRect.top < containerRect.top) {
+        container.scrollTop -= containerRect.top - elementRect.top;
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [focusedIndex, handlePopupVisibilityChange, handleSelect, shouldPreventListener]);
+  const shouldShowNoContentInfo = emojis.length === 0;
+  return /*#__PURE__*/_react.default.createElement(_EmojiPickerEmojis.StyledEmojiPickerEmojis, {
+    className: "chayns-scrollbar",
+    $shouldPreventScroll: shouldShowSkinTonePopup,
+    $shouldShowNoContentInfo: shouldShowNoContentInfo,
+    ref: combinedRef
+  }, emojis.map(({
+    emoji,
+    name,
+    skin_tone_support
+  }, index) => /*#__PURE__*/_react.default.createElement(_Emoji.default, {
+    key: emoji,
+    emoji: emoji,
+    name: name,
+    index: index,
+    isSelected: index === focusedIndex,
+    isSkinToneSupported: !isHistory && skin_tone_support,
+    shouldShowSkinTonePopup: index === focusedIndex && !isHistory && skin_tone_support && shouldShowSkinTonePopup,
+    onRightClick: setFocusedIndex,
+    onPopupVisibilityChange: handlePopupVisibilityChange,
+    onSelect: selectedEmoji => handleSelect({
+      emoji: selectedEmoji,
+      name,
+      skin_tone_support
+    }, index),
+    emojiList: emojiList
+  })), shouldShowNoContentInfo && /*#__PURE__*/_react.default.createElement(_EmojiPickerEmojis.StyledEmojiPickerEmojisNoContentInfo, null, "Hier werden die zuletzt verwendeten Emojis angezeigt, die \xFCber diese Auswahl gew\xE4hlt wurden."));
+};
+var _default = exports.default = EmojiPickerEmojiList;
+//# sourceMappingURL=EmojiPickerEmojiList.js.map

package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji-picker-emoji-list/EmojiPickerEmojiList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPickerEmojiList.js","names":["_core","require","_react","_interopRequireWildcard","_Emoji","_interopRequireDefault","_EmojiPickerEmojis","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EMOJIS_PER_ROW","EmojiPickerEmojiList","emojis","emojiList","isHistory","onSelect","shouldPreventListener","ref","useIsMeasuredClone","focusedIndex","setFocusedIndex","useState","shouldShowSkinTonePopup","setShouldShowSkinTonePopup","emojiRef","useRef","shouldPreventEmojiControlsRef","combinedRef","useCombinedRefs","handlePopupVisibilityChange","useCallback","isVisible","current","handleSelect","emoji","index","shouldRestoreInputFocus","useEffect","handleKeyDown","event","isArrowKey","includes","key","container","elements","querySelectorAll","currentElement","name","skinToneSupport","dataset","ctrlKey","skin_tone_support","preventDefault","length","newIndex","newElement","containerRect","getBoundingClientRect","elementRect","bottom","scrollTop","top","document","addEventListener","removeEventListener","shouldShowNoContentInfo","createElement","StyledEmojiPickerEmojis","className","$shouldPreventScroll","$shouldShowNoContentInfo","map","isSelected","isSkinToneSupported","onRightClick","onPopupVisibilityChange","selectedEmoji","StyledEmojiPickerEmojisNoContentInfo","_default","exports"],"sources":["../../../../../../src/components/emoji-picker/emoji-picker-emojis/emoji-picker-emoji-list/EmojiPickerEmojiList.tsx"],"sourcesContent":["import { useCombinedRefs, useIsMeasuredClone } from '@chayns-components/core';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport Emoji, { type EmojiProps } from '../emoji/Emoji';\nimport {\n    StyledEmojiPickerEmojis,\n    StyledEmojiPickerEmojisNoContentInfo,\n} from '../EmojiPickerEmojis.styles';\n\nexport interface PickerEmoji {\n    emoji: string;\n    name: string;\n    skin_tone_support: boolean;\n}\n\ninterface EmojiPickerEmojiListProps {\n    emojis: PickerEmoji[];\n    emojiList: EmojiProps['emojiList'];\n    isHistory: boolean;\n    onSelect: (emoji: PickerEmoji, shouldRestoreInputFocus?: boolean) => void;\n}\n\nconst EMOJIS_PER_ROW = 6;\n\nconst EmojiPickerEmojiList: FC<EmojiPickerEmojiListProps> = ({\n    emojis,\n    emojiList,\n    isHistory,\n    onSelect,\n}) => {\n    const [shouldPreventListener, ref] = useIsMeasuredClone<HTMLDivElement>();\n    const [focusedIndex, setFocusedIndex] = useState(0);\n    const [shouldShowSkinTonePopup, setShouldShowSkinTonePopup] = useState(false);\n    const emojiRef = useRef<HTMLDivElement>(null);\n    const shouldPreventEmojiControlsRef = useRef(false);\n    const combinedRef = useCombinedRefs(emojiRef, ref);\n\n    const handlePopupVisibilityChange = useCallback((isVisible: boolean) => {\n        setShouldShowSkinTonePopup(isVisible);\n        shouldPreventEmojiControlsRef.current = isVisible;\n    }, []);\n\n    const handleSelect = useCallback(\n        (emoji: PickerEmoji, index: number, shouldRestoreInputFocus = false) => {\n            setFocusedIndex(index);\n            onSelect(emoji, shouldRestoreInputFocus);\n        },\n        [onSelect],\n    );\n\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (shouldPreventListener || shouldPreventEmojiControlsRef.current) return;\n\n            const isArrowKey = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(\n                event.key,\n            );\n            if (!isArrowKey && event.key !== 'Enter') return;\n\n            const container = emojiRef.current;\n            const elements = container?.querySelectorAll<HTMLDivElement>(':scope > [data-emoji]');\n            const currentElement = elements?.[focusedIndex];\n\n            if (event.key === 'Enter') {\n                if (!currentElement) return;\n\n                const { emoji, name, skinToneSupport } = currentElement.dataset;\n                if (!emoji || !name || !skinToneSupport) return;\n\n                if (event.ctrlKey) {\n                    if (skinToneSupport === 'true') handlePopupVisibilityChange(true);\n                    return;\n                }\n\n                handleSelect(\n                    { emoji, name, skin_tone_support: skinToneSupport === 'true' },\n                    focusedIndex,\n                    true,\n                );\n                return;\n            }\n\n            event.preventDefault();\n            if (event.ctrlKey || !container || !elements?.length) return;\n\n            let newIndex = currentElement ? focusedIndex : 0;\n            if (event.key === 'ArrowUp') newIndex = (newIndex - EMOJIS_PER_ROW) % elements.length;\n            else if (event.key === 'ArrowDown')\n                newIndex = (newIndex + EMOJIS_PER_ROW) % elements.length;\n            else if (event.key === 'ArrowLeft') newIndex = (newIndex - 1) % elements.length;\n            else newIndex = (newIndex + 1) % elements.length;\n\n            if (newIndex < 0) newIndex = elements.length - 1;\n\n            const newElement = elements[newIndex];\n            if (!newElement) return;\n\n            setFocusedIndex(newIndex);\n\n            const containerRect = container.getBoundingClientRect();\n            const elementRect = newElement.getBoundingClientRect();\n\n            if (elementRect.bottom > containerRect.bottom) {\n                container.scrollTop += elementRect.bottom - containerRect.bottom;\n            } else if (elementRect.top < containerRect.top) {\n                container.scrollTop -= containerRect.top - elementRect.top;\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [focusedIndex, handlePopupVisibilityChange, handleSelect, shouldPreventListener]);\n\n    const shouldShowNoContentInfo = emojis.length === 0;\n\n    return (\n        <StyledEmojiPickerEmojis\n            className=\"chayns-scrollbar\"\n            $shouldPreventScroll={shouldShowSkinTonePopup}\n            $shouldShowNoContentInfo={shouldShowNoContentInfo}\n            ref={combinedRef}\n        >\n            {emojis.map(({ emoji, name, skin_tone_support }, index) => (\n                <Emoji\n                    key={emoji}\n                    emoji={emoji}\n                    name={name}\n                    index={index}\n                    isSelected={index === focusedIndex}\n                    isSkinToneSupported={!isHistory && skin_tone_support}\n                    shouldShowSkinTonePopup={\n                        index === focusedIndex &&\n                        !isHistory &&\n                        skin_tone_support &&\n                        shouldShowSkinTonePopup\n                    }\n                    onRightClick={setFocusedIndex}\n                    onPopupVisibilityChange={handlePopupVisibilityChange}\n                    onSelect={(selectedEmoji) =>\n                        handleSelect({ emoji: selectedEmoji, name, skin_tone_support }, index)\n                    }\n                    emojiList={emojiList}\n                />\n            ))}\n            {shouldShowNoContentInfo && (\n                <StyledEmojiPickerEmojisNoContentInfo>\n                    Hier werden die zuletzt verwendeten Emojis angezeigt, die über diese Auswahl\n                    gewählt wurden.\n                </StyledEmojiPickerEmojisNoContentInfo>\n            )}\n        </StyledEmojiPickerEmojis>\n    );\n};\n\nexport default EmojiPickerEmojiList;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/build.test.js

@@ -0,0 +1,32 @@
+import { execFileSync } from 'node:child_process';
+import { existsSync, mkdtempSync, readFileSync, readdirSync, rmSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { tmpdir } from 'node:os';
+import { dirname, join, relative } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { expect, it } from 'vitest';
+it('emits the public type entry at the declared package path without test declarations', () => {
+  const packageRoot = join(dirname(fileURLToPath(import.meta.url)), '..');
+  const {
+    types
+  } = JSON.parse(readFileSync(join(packageRoot, 'package.json'), 'utf8'));
+  const outputDirectory = mkdtempSync(join(tmpdir(), 'emoji-input-types-'));
+  try {
+    execFileSync(process.execPath, [createRequire(import.meta.url).resolve('typescript/bin/tsc'), '--project', join(packageRoot, 'tsconfig.json'), '--outDir', outputDirectory], {
+      timeout: 25_000,
+      stdio: 'pipe'
+    });
+
+    // A fresh output directory prevents old declarations from hiding a changed emit layout.
+    expect(existsSync(join(outputDirectory, relative('lib/types', types)))).toBe(true);
+    expect(readdirSync(outputDirectory, {
+      recursive: true
+    }).filter(file => file.toString().endsWith('.test.d.ts'))).toEqual([]);
+  } finally {
+    rmSync(outputDirectory, {
+      recursive: true,
+      force: true
+    });
+  }
+}, 30_000);
+//# sourceMappingURL=build.test.js.map

package/lib/esm/build.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.test.js","names":["execFileSync","existsSync","mkdtempSync","readFileSync","readdirSync","rmSync","createRequire","tmpdir","dirname","join","relative","fileURLToPath","expect","it","packageRoot","import","meta","url","types","JSON","parse","outputDirectory","process","execPath","resolve","timeout","stdio","toBe","recursive","filter","file","toString","endsWith","toEqual","force"],"sources":["../../src/build.test.ts"],"sourcesContent":["import { execFileSync } from 'node:child_process';\nimport { existsSync, mkdtempSync, readFileSync, readdirSync, rmSync } from 'node:fs';\nimport { createRequire } from 'node:module';\nimport { tmpdir } from 'node:os';\nimport { dirname, join, relative } from 'node:path';\nimport { fileURLToPath } from 'node:url';\nimport { expect, it } from 'vitest';\n\nit('emits the public type entry at the declared package path without test declarations', () => {\n    const packageRoot = join(dirname(fileURLToPath(import.meta.url)), '..');\n    const { types } = JSON.parse(readFileSync(join(packageRoot, 'package.json'), 'utf8')) as {\n        types: string;\n    };\n    const outputDirectory = mkdtempSync(join(tmpdir(), 'emoji-input-types-'));\n\n    try {\n        execFileSync(\n            process.execPath,\n            [\n                createRequire(import.meta.url).resolve('typescript/bin/tsc'),\n                '--project',\n                join(packageRoot, 'tsconfig.json'),\n                '--outDir',\n                outputDirectory,\n            ],\n            { timeout: 25_000, stdio: 'pipe' },\n        );\n\n        // A fresh output directory prevents old declarations from hiding a changed emit layout.\n        expect(existsSync(join(outputDirectory, relative('lib/types', types)))).toBe(true);\n        expect(\n            readdirSync(outputDirectory, { recursive: true }).filter((file) =>\n                file.toString().endsWith('.test.d.ts'),\n            ),\n        ).toEqual([]);\n    } finally {\n        rmSync(outputDirectory, { recursive: true, force: true });\n    }\n}, 30_000);\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,UAAU,EAAEC,WAAW,EAAEC,YAAY,EAAEC,WAAW,EAAEC,MAAM,QAAQ,SAAS;AACpF,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,MAAM,QAAQ,SAAS;AAChC,SAASC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,WAAW;AACnD,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAEnCA,EAAE,CAAC,oFAAoF,EAAE,MAAM;EAC3F,MAAMC,WAAW,GAAGL,IAAI,CAACD,OAAO,CAACG,aAAa,CAACI,MAAM,CAACC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC;EACvE,MAAM;IAAEC;EAAM,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACjB,YAAY,CAACM,IAAI,CAACK,WAAW,EAAE,cAAc,CAAC,EAAE,MAAM,CAAC,CAEnF;EACD,MAAMO,eAAe,GAAGnB,WAAW,CAACO,IAAI,CAACF,MAAM,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC;EAEzE,IAAI;IACAP,YAAY,CACRsB,OAAO,CAACC,QAAQ,EAChB,CACIjB,aAAa,CAACS,MAAM,CAACC,IAAI,CAACC,GAAG,CAAC,CAACO,OAAO,CAAC,oBAAoB,CAAC,EAC5D,WAAW,EACXf,IAAI,CAACK,WAAW,EAAE,eAAe,CAAC,EAClC,UAAU,EACVO,eAAe,CAClB,EACD;MAAEI,OAAO,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO,CACrC,CAAC;;IAED;IACAd,MAAM,CAACX,UAAU,CAACQ,IAAI,CAACY,eAAe,EAAEX,QAAQ,CAAC,WAAW,EAAEQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAACS,IAAI,CAAC,IAAI,CAAC;IAClFf,MAAM,CACFR,WAAW,CAACiB,eAAe,EAAE;MAAEO,SAAS,EAAE;IAAK,CAAC,CAAC,CAACC,MAAM,CAAEC,IAAI,IAC1DA,IAAI,CAACC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,YAAY,CACzC,CACJ,CAAC,CAACC,OAAO,CAAC,EAAE,CAAC;EACjB,CAAC,SAAS;IACN5B,MAAM,CAACgB,eAAe,EAAE;MAAEO,SAAS,EAAE,IAAI;MAAEM,KAAK,EAAE;IAAK,CAAC,CAAC;EAC7D;AACJ,CAAC,EAAE,MAAM,CAAC","ignoreList":[]}