@chayns-components/emoji-input 5.6.4 → 5.6.8

package/lib/esm/utils/selection.test.js

@@ -0,0 +1,158 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { getCurrentCursorPosition, insertInvisibleCursorMarker, setCursorPositionByAbsIndex } from './selection';
+const select = (node, offset) => {
+  const range = document.createRange();
+  range.setStart(node, offset);
+  range.collapse(true);
+  window.getSelection().removeAllRanges();
+  window.getSelection().addRange(range);
+};
+const createEditor = () => {
+  const editor = document.createElement('div');
+  editor.setAttribute('contenteditable', 'true');
+  editor.textContent = 'abcd';
+  document.body.append(editor);
+  editor.focus();
+  select(editor.firstChild, 2);
+  return editor;
+};
+beforeEach(() => {
+  vi.useFakeTimers();
+  // These single-line fixtures do not need layout-dependent innerText semantics.
+  Object.defineProperty(HTMLElement.prototype, 'innerText', {
+    configurable: true,
+    get() {
+      return this.textContent ?? '';
+    },
+    set(value) {
+      this.textContent = value;
+    }
+  });
+  // jsdom has Selection/Range but does not implement browser editing commands.
+  Object.defineProperty(document, 'execCommand', {
+    configurable: true,
+    value: vi.fn()
+  });
+});
+afterEach(() => {
+  vi.runOnlyPendingTimers();
+  vi.useRealTimers();
+  vi.restoreAllMocks();
+  // @ts-expect-error - jsdom does not define innerText.
+  delete HTMLElement.prototype.innerText;
+  document.body.replaceChildren();
+  window.getSelection().removeAllRanges();
+});
+describe('insertInvisibleCursorMarker', () => {
+  it('does not restore a cursor after the editor content was removed', () => {
+    const editor = createEditor();
+    insertInvisibleCursorMarker(editor);
+    editor.replaceChildren();
+    expect(() => vi.advanceTimersByTime(10)).not.toThrow();
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+  });
+  it('does not restore a cursor after the editor was detached', () => {
+    const editor = createEditor();
+    insertInvisibleCursorMarker(editor);
+    editor.remove();
+    const focus = document.activeElement;
+    expect(() => vi.advanceTimersByTime(10)).not.toThrow();
+    expect(document.activeElement).toBe(focus);
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+  });
+  it('does not use a marker moved into another editor', () => {
+    const editor = createEditor();
+    insertInvisibleCursorMarker(editor);
+    const marker = editor.querySelector('.invisible-cursor-marker');
+    const other = document.createElement('div');
+    other.setAttribute('contenteditable', 'true');
+    document.body.append(other);
+    other.append(marker);
+    const anchorNode = window.getSelection().anchorNode;
+    vi.advanceTimersByTime(10);
+    expect(window.getSelection().anchorNode).toBe(anchorNode);
+    expect(marker.isConnected).toBe(false);
+  });
+  it('preserves focus and the caret of another input', () => {
+    const editor = createEditor();
+    insertInvisibleCursorMarker(editor);
+    const input = document.createElement('input');
+    input.value = 'other';
+    document.body.append(input);
+    input.focus();
+    input.setSelectionRange(1, 3);
+    vi.advanceTimersByTime(10);
+    expect(document.activeElement).toBe(input);
+    expect([input.selectionStart, input.selectionEnd]).toEqual([1, 3]);
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+  });
+  it('preserves a selection moved into another contenteditable', () => {
+    const editor = createEditor();
+    insertInvisibleCursorMarker(editor);
+    const other = createEditor();
+    select(other.firstChild, 1);
+    vi.advanceTimersByTime(10);
+    expect(document.activeElement).toBe(other);
+    expect(getCurrentCursorPosition(other)).toBe(1);
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+  });
+  it('preserves a newer cursor operation in the same editor', () => {
+    const editor = createEditor();
+    insertInvisibleCursorMarker(editor);
+    setCursorPositionByAbsIndex({
+      editorElement: editor,
+      position: 1
+    });
+    vi.advanceTimersByTime(10);
+    expect(getCurrentCursorPosition(editor)).toBe(1);
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+  });
+  it('respects a replaced selection even at the same interim coordinates', () => {
+    const editor = createEditor();
+    insertInvisibleCursorMarker(editor);
+    const selection = window.getSelection();
+    select(selection.anchorNode, selection.anchorOffset);
+    const expectedRange = selection.getRangeAt(0);
+    vi.advanceTimersByTime(10);
+    expect(selection.getRangeAt(0)).toBe(expectedRange);
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+  });
+  it('supersedes an older marker operation', () => {
+    const editor = createEditor();
+    insertInvisibleCursorMarker(editor);
+    vi.advanceTimersByTime(5);
+    select(editor.lastChild, 1);
+    insertInvisibleCursorMarker(editor);
+    expect(editor.querySelectorAll('.invisible-cursor-marker')).toHaveLength(1);
+    vi.advanceTimersByTime(5);
+    expect(editor.querySelectorAll('.invisible-cursor-marker')).toHaveLength(1);
+    vi.advanceTimersByTime(5);
+    expect(getCurrentCursorPosition(editor)).toBe(3);
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+  });
+  it('cleans up immediately when cancelled', () => {
+    const editor = createEditor();
+    const cancel = insertInvisibleCursorMarker(editor);
+    const timerCount = vi.getTimerCount();
+    cancel?.();
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+    expect(vi.getTimerCount()).toBe(timerCount - 1);
+  });
+  it('restores the cursor after backward deletion and removes the marker', () => {
+    const editor = createEditor();
+    vi.mocked(document.execCommand).mockImplementation(() => {
+      const range = window.getSelection().getRangeAt(0);
+      range.setStart(range.startContainer, range.startOffset - 1);
+      range.deleteContents();
+      return true;
+    });
+    insertInvisibleCursorMarker(editor);
+    vi.advanceTimersByTime(10);
+    expect(document.execCommand).toHaveBeenCalledWith('delete', false);
+    expect(editor.textContent).toBe('acd');
+    expect(getCurrentCursorPosition(editor)).toBe(1);
+    expect(document.activeElement).toBe(editor);
+    expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();
+  });
+});
+//# sourceMappingURL=selection.test.js.map

package/lib/esm/utils/selection.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.test.js","names":["afterEach","beforeEach","describe","expect","it","vi","getCurrentCursorPosition","insertInvisibleCursorMarker","setCursorPositionByAbsIndex","select","node","offset","range","document","createRange","setStart","collapse","window","getSelection","removeAllRanges","addRange","createEditor","editor","createElement","setAttribute","textContent","body","append","focus","firstChild","useFakeTimers","Object","defineProperty","HTMLElement","prototype","configurable","get","set","value","fn","runOnlyPendingTimers","useRealTimers","restoreAllMocks","innerText","replaceChildren","advanceTimersByTime","not","toThrow","querySelector","toBeNull","remove","activeElement","toBe","marker","other","anchorNode","isConnected","input","setSelectionRange","selectionStart","selectionEnd","toEqual","editorElement","position","selection","anchorOffset","expectedRange","getRangeAt","lastChild","querySelectorAll","toHaveLength","cancel","timerCount","getTimerCount","mocked","execCommand","mockImplementation","startContainer","startOffset","deleteContents","toHaveBeenCalledWith"],"sources":["../../../src/utils/selection.test.ts"],"sourcesContent":["import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';\nimport {\n    getCurrentCursorPosition,\n    insertInvisibleCursorMarker,\n    setCursorPositionByAbsIndex,\n} from './selection';\n\nconst select = (node: Node, offset: number) => {\n    const range = document.createRange();\n    range.setStart(node, offset);\n    range.collapse(true);\n    window.getSelection()!.removeAllRanges();\n    window.getSelection()!.addRange(range);\n};\n\nconst createEditor = () => {\n    const editor = document.createElement('div');\n    editor.setAttribute('contenteditable', 'true');\n    editor.textContent = 'abcd';\n    document.body.append(editor);\n    editor.focus();\n    select(editor.firstChild!, 2);\n    return editor;\n};\n\nbeforeEach(() => {\n    vi.useFakeTimers();\n    // These single-line fixtures do not need layout-dependent innerText semantics.\n    Object.defineProperty(HTMLElement.prototype, 'innerText', {\n        configurable: true,\n        get() {\n            return this.textContent ?? '';\n        },\n        set(value: string) {\n            this.textContent = value;\n        },\n    });\n    // jsdom has Selection/Range but does not implement browser editing commands.\n    Object.defineProperty(document, 'execCommand', { configurable: true, value: vi.fn() });\n});\n\nafterEach(() => {\n    vi.runOnlyPendingTimers();\n    vi.useRealTimers();\n    vi.restoreAllMocks();\n    // @ts-expect-error - jsdom does not define innerText.\n    delete HTMLElement.prototype.innerText;\n    document.body.replaceChildren();\n    window.getSelection()!.removeAllRanges();\n});\n\ndescribe('insertInvisibleCursorMarker', () => {\n    it('does not restore a cursor after the editor content was removed', () => {\n        const editor = createEditor();\n        insertInvisibleCursorMarker(editor);\n        editor.replaceChildren();\n        expect(() => vi.advanceTimersByTime(10)).not.toThrow();\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n    });\n\n    it('does not restore a cursor after the editor was detached', () => {\n        const editor = createEditor();\n        insertInvisibleCursorMarker(editor);\n        editor.remove();\n        const focus = document.activeElement;\n        expect(() => vi.advanceTimersByTime(10)).not.toThrow();\n        expect(document.activeElement).toBe(focus);\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n    });\n\n    it('does not use a marker moved into another editor', () => {\n        const editor = createEditor();\n        insertInvisibleCursorMarker(editor);\n        const marker = editor.querySelector('.invisible-cursor-marker')!;\n        const other = document.createElement('div');\n        other.setAttribute('contenteditable', 'true');\n        document.body.append(other);\n        other.append(marker);\n        const anchorNode = window.getSelection()!.anchorNode;\n        vi.advanceTimersByTime(10);\n        expect(window.getSelection()!.anchorNode).toBe(anchorNode);\n        expect(marker.isConnected).toBe(false);\n    });\n\n    it('preserves focus and the caret of another input', () => {\n        const editor = createEditor();\n        insertInvisibleCursorMarker(editor);\n        const input = document.createElement('input');\n        input.value = 'other';\n        document.body.append(input);\n        input.focus();\n        input.setSelectionRange(1, 3);\n        vi.advanceTimersByTime(10);\n        expect(document.activeElement).toBe(input);\n        expect([input.selectionStart, input.selectionEnd]).toEqual([1, 3]);\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n    });\n\n    it('preserves a selection moved into another contenteditable', () => {\n        const editor = createEditor();\n        insertInvisibleCursorMarker(editor);\n        const other = createEditor();\n        select(other.firstChild!, 1);\n        vi.advanceTimersByTime(10);\n        expect(document.activeElement).toBe(other);\n        expect(getCurrentCursorPosition(other)).toBe(1);\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n    });\n\n    it('preserves a newer cursor operation in the same editor', () => {\n        const editor = createEditor();\n        insertInvisibleCursorMarker(editor);\n        setCursorPositionByAbsIndex({ editorElement: editor, position: 1 });\n        vi.advanceTimersByTime(10);\n        expect(getCurrentCursorPosition(editor)).toBe(1);\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n    });\n\n    it('respects a replaced selection even at the same interim coordinates', () => {\n        const editor = createEditor();\n        insertInvisibleCursorMarker(editor);\n        const selection = window.getSelection()!;\n        select(selection.anchorNode!, selection.anchorOffset);\n        const expectedRange = selection.getRangeAt(0);\n        vi.advanceTimersByTime(10);\n        expect(selection.getRangeAt(0)).toBe(expectedRange);\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n    });\n\n    it('supersedes an older marker operation', () => {\n        const editor = createEditor();\n        insertInvisibleCursorMarker(editor);\n        vi.advanceTimersByTime(5);\n        select(editor.lastChild!, 1);\n        insertInvisibleCursorMarker(editor);\n        expect(editor.querySelectorAll('.invisible-cursor-marker')).toHaveLength(1);\n        vi.advanceTimersByTime(5);\n        expect(editor.querySelectorAll('.invisible-cursor-marker')).toHaveLength(1);\n        vi.advanceTimersByTime(5);\n        expect(getCurrentCursorPosition(editor)).toBe(3);\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n    });\n\n    it('cleans up immediately when cancelled', () => {\n        const editor = createEditor();\n        const cancel = insertInvisibleCursorMarker(editor);\n        const timerCount = vi.getTimerCount();\n        cancel?.();\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n        expect(vi.getTimerCount()).toBe(timerCount - 1);\n    });\n\n    it('restores the cursor after backward deletion and removes the marker', () => {\n        const editor = createEditor();\n        vi.mocked(document.execCommand).mockImplementation(() => {\n            const range = window.getSelection()!.getRangeAt(0);\n            range.setStart(range.startContainer, range.startOffset - 1);\n            range.deleteContents();\n            return true;\n        });\n        insertInvisibleCursorMarker(editor);\n        vi.advanceTimersByTime(10);\n        expect(document.execCommand).toHaveBeenCalledWith('delete', false);\n        expect(editor.textContent).toBe('acd');\n        expect(getCurrentCursorPosition(editor)).toBe(1);\n        expect(document.activeElement).toBe(editor);\n        expect(editor.querySelector('.invisible-cursor-marker')).toBeNull();\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji-picker-emoji-list/EmojiPickerEmojiList.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { type EmojiProps } from '../emoji/Emoji';
+export interface PickerEmoji {
+    emoji: string;
+    name: string;
+    skin_tone_support: boolean;
+}
+interface EmojiPickerEmojiListProps {
+    emojis: PickerEmoji[];
+    emojiList: EmojiProps['emojiList'];
+    isHistory: boolean;
+    onSelect: (emoji: PickerEmoji, shouldRestoreInputFocus?: boolean) => void;
+}
+declare const EmojiPickerEmojiList: FC<EmojiPickerEmojiListProps>;
+export default EmojiPickerEmojiList;

package/lib/types/utils/selection.d.ts

@@ -4,7 +4,7 @@ interface SaveSelectionOptions {
 }
 export declare const saveSelection: (element: HTMLDivElement, { shouldIgnoreEmptyTextNodes }?: SaveSelectionOptions) => void;
 export declare const restoreSelection: (element: HTMLDivElement) => void;
-export declare const insertInvisibleCursorMarker: () => void;
+export declare const insertInvisibleCursorMarker: (editorElement: HTMLDivElement) => VoidFunction | undefined;
 export declare const insertPseudoMarker: () => void;
 export declare const insertCursorAtMarker: (ref: RefObject<HTMLDivElement>) => void;
 export declare const moveSelectionOffset: (distance: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/emoji-input",
-    "version": "5.6.4",
+    "version": "5.6.8",
     "description": "Input field that supports HTML elements and emojis",
     "sideEffects": false,
     "browserslist": [
@@ -75,7 +75,7 @@
         "vitest": "^1.6.1"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.6.4",
+        "@chayns-components/core": "^5.6.6",
         "@chayns/textstrings": "^1.0.2",
         "emojilib": "^3.0.12",
         "react-compiler-runtime": "^1.0.0",
@@ -91,5 +91,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "14fd754461f54c94eb03455cabd6c114fc6993f2"
+    "gitHead": "9d888b15d6d4bf4a420ae01c3df46e177de27886"
 }

package/lib/types/utils/emoji.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/types/utils/text.test.d.ts

@@ -1 +0,0 @@
-export {};