@chayns-components/emoji-input 5.0.0-beta.507 → 5.0.0-beta.508
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/utils/selection.js +11 -3
- package/lib/utils/selection.js.map +1 -1
- package/package.json +2 -2
package/lib/utils/selection.js
CHANGED
|
@@ -103,9 +103,17 @@ export const restoreSelection = element => {
|
|
|
103
103
|
startOffset = clamp(startOffset, 0, childNode.nodeValue.length);
|
|
104
104
|
endOffset = clamp(endOffset, 0, childNode.nodeValue.length);
|
|
105
105
|
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
106
|
+
try {
|
|
107
|
+
range.setStart(childNode, startOffset);
|
|
108
|
+
range.setEnd(childNode, endOffset);
|
|
109
|
+
} catch (error) {
|
|
110
|
+
try {
|
|
111
|
+
range.setStartAfter(childNode);
|
|
112
|
+
range.setEndAfter(childNode);
|
|
113
|
+
} catch (_) {
|
|
114
|
+
// Do nothing
|
|
115
|
+
}
|
|
116
|
+
}
|
|
109
117
|
selection.removeAllRanges();
|
|
110
118
|
selection.addRange(range);
|
|
111
119
|
range.collapse(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection.js","names":["clamp","getElementTextLength","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","arguments","length","undefined","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","_ref","nodeType","nodeValue","Node","TEXT_NODE","indexOf","restoreSelection","childNode","elementTextLength","nextSibling","charCodeAt","textNode","document","createTextNode","parentNode","insertBefore","createRange","setStart","setEnd","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","key","previousSibling","startContainer","endContainer","findAndSelectText","_ref2","editorElement","searchText","textContent","includes","startNode","offset","searchNodesForText","node","some"],"sources":["../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport { clamp } from './number';\nimport { getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n element: HTMLDivElement,\n { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {},\n) => {\n const selection = window.getSelection();\n\n if (!selection) {\n return;\n }\n\n const { anchorNode } = selection;\n\n if (!anchorNode) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n\n let childNodesArray = Array.from(element.childNodes);\n\n if (shouldIgnoreEmptyTextNodes) {\n childNodesArray = childNodesArray.filter(\n ({ nodeType, nodeValue }) =>\n nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B'),\n );\n }\n\n childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n endOffset = range.endOffset;\n startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n let childNode = element.childNodes[childIndex];\n\n const selection = window.getSelection();\n\n if (!childNode || !element || !selection) {\n return;\n }\n\n if (typeof childNode.nodeValue !== 'string') {\n const elementTextLength = getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n if (childNode.nextSibling) {\n let elementTextLength = childNode.nodeValue.length;\n\n childNode = childNode.nextSibling;\n\n if (typeof childNode.nodeValue !== 'string') {\n elementTextLength += getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n }\n } else {\n endOffset = childNode.nodeValue.length;\n startOffset = childNode.nodeValue.length;\n }\n }\n\n const range = document.createRange();\n\n if (childNode.nodeValue) {\n startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n }\n\n range.setStart(childNode, startOffset);\n range.setEnd(childNode, startOffset); // ToDo: Check for better solution\n\n selection.removeAllRanges();\n selection.addRange(range);\n\n range.collapse(true);\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n endOffset += distance;\n startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n const range = window.getSelection()?.getRangeAt(0);\n\n /**\n * At this point the function is aborted if there is no selection range, several characters have\n * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n * \"Delete\" key has been pressed.\n */\n if (\n !range ||\n range.endOffset !== range.startOffset ||\n (event.key !== 'Backspace' && event.key !== 'Delete')\n ) {\n return null;\n }\n\n if (event.key === 'Backspace') {\n const { nodeValue, previousSibling } = range.startContainer;\n\n if (range.startOffset > 0) {\n return nodeValue?.charCodeAt(range.startOffset - 1);\n }\n\n return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n }\n\n const { nextSibling, nodeValue } = range.endContainer;\n\n if (range.endOffset < (nodeValue?.length ?? 0)) {\n return nodeValue?.charCodeAt(range.endOffset);\n }\n\n return nextSibling?.nodeValue?.charCodeAt(0);\n};\n\ninterface FindAndSelectTextOptions {\n editorElement: HTMLDivElement;\n searchText: string;\n}\n\nexport const findAndSelectText = ({\n editorElement,\n searchText,\n}: FindAndSelectTextOptions): Range | null => {\n if (!editorElement.textContent?.includes(searchText)) {\n return null;\n }\n\n const range = document.createRange();\n\n let startNode: Node | null = null;\n let offset = -1;\n\n const searchNodesForText = (node: Node) => {\n if (node.nodeType === Node.TEXT_NODE) {\n const index = node.textContent?.indexOf(searchText);\n\n if (typeof index === 'number' && index !== -1) {\n startNode = node;\n offset = index;\n\n range.setStart(node, index);\n range.setEnd(node, index + searchText.length);\n\n return true;\n }\n } else {\n return Array.from(node.childNodes).some(searchNodesForText);\n }\n\n return false;\n };\n\n searchNodesForText(editorElement);\n\n if (startNode && offset !== -1) return range;\n\n return null;\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"selection.js","names":["clamp","getElementTextLength","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","arguments","length","undefined","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","_ref","nodeType","nodeValue","Node","TEXT_NODE","indexOf","restoreSelection","childNode","elementTextLength","nextSibling","charCodeAt","textNode","document","createTextNode","parentNode","insertBefore","createRange","setStart","setEnd","error","setStartAfter","setEndAfter","_","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","key","previousSibling","startContainer","endContainer","findAndSelectText","_ref2","editorElement","searchText","textContent","includes","startNode","offset","searchNodesForText","node","some"],"sources":["../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport { clamp } from './number';\nimport { getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n element: HTMLDivElement,\n { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {},\n) => {\n const selection = window.getSelection();\n\n if (!selection) {\n return;\n }\n\n const { anchorNode } = selection;\n\n if (!anchorNode) {\n return;\n }\n\n const range = selection.getRangeAt(0);\n\n let childNodesArray = Array.from(element.childNodes);\n\n if (shouldIgnoreEmptyTextNodes) {\n childNodesArray = childNodesArray.filter(\n ({ nodeType, nodeValue }) =>\n nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B'),\n );\n }\n\n childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n endOffset = range.endOffset;\n startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n let childNode = element.childNodes[childIndex];\n\n const selection = window.getSelection();\n\n if (!childNode || !element || !selection) {\n return;\n }\n\n if (typeof childNode.nodeValue !== 'string') {\n const elementTextLength = getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n if (childNode.nextSibling) {\n let elementTextLength = childNode.nodeValue.length;\n\n childNode = childNode.nextSibling;\n\n if (typeof childNode.nodeValue !== 'string') {\n elementTextLength += getElementTextLength(childNode as Element);\n\n if (childNode.nextSibling) {\n childNode = childNode.nextSibling;\n\n if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n endOffset -= elementTextLength;\n startOffset -= elementTextLength;\n\n if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n endOffset += 1;\n startOffset += 1;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n } else {\n const textNode = document.createTextNode('\\u200B');\n\n childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n childNode = textNode;\n\n endOffset = textNode.length;\n startOffset = textNode.length;\n }\n }\n } else {\n endOffset = childNode.nodeValue.length;\n startOffset = childNode.nodeValue.length;\n }\n }\n\n const range = document.createRange();\n\n if (childNode.nodeValue) {\n startOffset = clamp(startOffset, 0, childNode.nodeValue.length);\n endOffset = clamp(endOffset, 0, childNode.nodeValue.length);\n }\n\n try {\n range.setStart(childNode, startOffset);\n range.setEnd(childNode, endOffset);\n } catch (error) {\n try {\n range.setStartAfter(childNode);\n range.setEndAfter(childNode);\n } catch (_) {\n // Do nothing\n }\n }\n\n selection.removeAllRanges();\n selection.addRange(range);\n\n range.collapse(true);\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n endOffset += distance;\n startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n const range = window.getSelection()?.getRangeAt(0);\n\n /**\n * At this point the function is aborted if there is no selection range, several characters have\n * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n * \"Delete\" key has been pressed.\n */\n if (\n !range ||\n range.endOffset !== range.startOffset ||\n (event.key !== 'Backspace' && event.key !== 'Delete')\n ) {\n return null;\n }\n\n if (event.key === 'Backspace') {\n const { nodeValue, previousSibling } = range.startContainer;\n\n if (range.startOffset > 0) {\n return nodeValue?.charCodeAt(range.startOffset - 1);\n }\n\n return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n }\n\n const { nextSibling, nodeValue } = range.endContainer;\n\n if (range.endOffset < (nodeValue?.length ?? 0)) {\n return nodeValue?.charCodeAt(range.endOffset);\n }\n\n return nextSibling?.nodeValue?.charCodeAt(0);\n};\n\ninterface FindAndSelectTextOptions {\n editorElement: HTMLDivElement;\n searchText: string;\n}\n\nexport const findAndSelectText = ({\n editorElement,\n searchText,\n}: FindAndSelectTextOptions): Range | null => {\n if (!editorElement.textContent?.includes(searchText)) {\n return null;\n }\n\n const range = document.createRange();\n\n let startNode: Node | null = null;\n let offset = -1;\n\n const searchNodesForText = (node: Node) => {\n if (node.nodeType === Node.TEXT_NODE) {\n const index = node.textContent?.indexOf(searchText);\n\n if (typeof index === 'number' && index !== -1) {\n startNode = node;\n offset = index;\n\n range.setStart(node, index);\n range.setEnd(node, index + searchText.length);\n\n return true;\n }\n } else {\n return Array.from(node.childNodes).some(searchNodesForText);\n }\n\n return false;\n };\n\n searchNodesForText(editorElement);\n\n if (startNode && offset !== -1) return range;\n\n return null;\n};\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/emoji-input",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.508",
|
|
4
4
|
"description": "Input field that supports HTML elements and emojis",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"publishConfig": {
|
|
75
75
|
"access": "public"
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "371c1da5985e5fa1136411f4c8a3818dfbcc864f"
|
|
78
78
|
}
|