npm - @uva-glass/component-library - Versions diffs - 3.55.5 → 3.55.6 - Mend

@uva-glass/component-library 3.55.5 → 3.55.6

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.

Files changed (226) hide show

package/dist/{PasteHandlerPlugin-YpQruA-w.js.map → PasteHandlerPlugin-BNp8ST0q.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PasteHandlerPlugin-YpQruA-w.js","names":[],"sources":["../node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js","../node_modules/@staartwind.nl/lexical-paste-from-word/dist/index.js","../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.normalizeSpacerunSpans = exports.normalizeSpacing = exports.parseHtml = exports.MSWordNormalizer = void 0;\nconst MS_WORD_MATCHES = [\n /<meta\\sname=\"?generator\"?\\scontent=\"?microsoft\\sword\\s\\d+\"?\\/?>/i,\n /xmlns:o=\"urn:schemas-microsoft-com/i\n];\nclass MSWordNormalizer {\n isActive(htmlString) {\n return MS_WORD_MATCHES.some(regex => regex.test(htmlString));\n }\n normalize(htmlString) {\n const { bodyString, stylesString } = parseHtml(htmlString);\n const doc = new DOMParser().parseFromString(bodyString, 'text/html');\n this.transformListItemLikeLElementsIntoLists(doc, stylesString);\n this.removeMSAttributes(doc);\n return doc.body.innerHTML;\n }\n findAllItemLikeElements(doc) {\n const items = doc.querySelectorAll('');\n const res = [];\n for (const item of items) {\n const tagName = item.tagName.toLowerCase();\n // Find all the possible list items\n if (!['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'div'].includes(tagName) \|\| !(item instanceof HTMLElement)) {\n continue;\n }\n const style = convertStyleToObject(item.getAttribute('style') \|\| '');\n // Keep items that are part of a list.\n if ('mso-list' in style) {\n if (!item.parentElement)\n continue;\n if (isList(item.parentElement))\n continue;\n const itemData = getListItemData(style);\n res.push(Object.assign(Object.assign({}, itemData), { element: item }));\n }\n }\n return res;\n }\n transformListItemLikeLElementsIntoLists(doc, stylesString) {\n var _a, _b, _c, _d, _e, _f, _g;\n const itemLikeElements = this.findAllItemLikeElements(doc);\n if (!itemLikeElements.length) {\n return;\n }\n const encounteredLists = {};\n const stack = [];\n for (const itemLikeElement of itemLikeElements) {\n if (itemLikeElement.indent != null) {\n // Reset the current stack if the previous used list does not continue with itemLikeElement\n if (!isListContinuation(itemLikeElement)) {\n stack.length = 0;\n }\n // Combined list ID for addressing encounter lists counters.\n const originalListId = `${itemLikeElement.id}:${itemLikeElement.indent}`;\n // Normalized list item indentation.\n const indent = Math.min(itemLikeElement.indent - 1, stack.length);\n // Trimming of the list stack on list ID change.\n if (indent < stack.length && ((_a = stack[indent]) === null \|\| _a === void 0 ? void 0 : _a.id) !== itemLikeElement.id) {\n stack.length = indent;\n }\n // Trimming of the list stack on lower indent list encountered.\n if (indent < stack.length - 1) {\n stack.length = indent + 1;\n }\n else {\n const listStyle = detectListStyle(itemLikeElement, stylesString);\n // Create a new OL/UL if required (greater indent or different list type).\n if (indent > stack.length - 1 \|\| ((_b = stack[indent]) === null \|\| _b === void 0 ? void 0 : _b.listElement.tagName.toLowerCase()) != listStyle.type) {\n if (indent == 0 &&\n listStyle.type == 'ol' &&\n itemLikeElement.id !== undefined &&\n encounteredLists[originalListId]) {\n listStyle.startIndex = (_c = encounteredLists[originalListId]) !== null && _c !== void 0 ? _c : null;\n }\n const listElement = createNewEmptyList(listStyle, false);\n // Insert the new OL/UL.\n if (stack.length == 0) {\n const parent = itemLikeElement.element.parentNode;\n const index = Array.from(parent.children).indexOf(itemLikeElement.element) + 1;\n if (index === parent.children.length) {\n parent.appendChild(listElement);\n }\n else {\n parent.insertBefore(listElement, itemLikeElement.element);\n }\n }\n else {\n const parentListItems = (_d = stack[indent - 1]) === null \|\| _d === void 0 ? void 0 : _d.listItemElements;\n if (parentListItems) {\n (_e = parentListItems[parentListItems.length - 1]) === null \|\| _e === void 0 ? void 0 : _e.appendChild(listElement);\n }\n }\n // Update the list stack for other items to reference.\n stack[indent] = Object.assign(Object.assign({}, itemLikeElement), { listElement, listItemElements: [] });\n // Prepare list counter for start index.\n if (indent == 0 && itemLikeElement.id !== undefined) {\n encounteredLists[originalListId] = listStyle.startIndex \|\| 1;\n }\n }\n }\n // Use LI if it is already it or create a new LI element.\n const listItem = itemLikeElement.element.tagName.toLowerCase() == 'li' ? itemLikeElement.element : document.createElement('li');\n // Append the LI to OL/UL.\n (_f = stack[indent]) === null \|\| _f === void 0 ? void 0 : _f.listElement.appendChild(listItem);\n (_g = stack[indent]) === null \|\| _g === void 0 ? void 0 : _g.listItemElements.push(listItem);\n // Increment list counter.\n if (indent == 0 && itemLikeElement.id !== undefined) {\n encounteredLists[originalListId]++;\n }\n // Append list block to LI.\n if (itemLikeElement.element != listItem) {\n listItem.appendChild(itemLikeElement.element);\n }\n // Clean list block.\n removeMsoListIgnoreSpans(itemLikeElement.element);\n }\n }\n }\n removeMSAttributes(doc) {\n const items = doc.querySelectorAll('');\n const elementsToUnwrap = [];\n for (const item of items) {\n // Eliminate all classes that include mso.\n for (const className of item.classList) {\n if (/\\bmso/gi.exec(className)) {\n item.classList.remove(className);\n }\n }\n // Eliminate all useless mso styling\n if (item instanceof HTMLElement) {\n removeMSOStyles(item);\n }\n // Push word specific elements to an array\n if (item.tagName === 'W:SDT' \|\| item.tagName === 'W:SDTPR' && isElementEmpty(item) \|\| item.tagName === 'O:P' && isElementEmpty(item)) {\n elementsToUnwrap.push(item);\n }\n }\n // Eliminate word specific elements\n for (const item of elementsToUnwrap) {\n const itemParent = item.parentNode;\n itemParent.removeChild(item);\n }\n }\n}\nexports.MSWordNormalizer = MSWordNormalizer;\nfunction parseHtml(htmlString) {\n const domParser = new DOMParser();\n // Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n htmlString = htmlString.replace(/<!--\\[if gte vml 1]>/g, '');\n // Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n // The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n htmlString = htmlString.replace(/<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]\")?)\\s\\/?>/gi, '');\n const normalizedHtml = normalizeSpacing(cleanContentAfterBody(htmlString));\n // Parse htmlString as native Document object.\n const htmlDocument = domParser.parseFromString(normalizedHtml, 'text/html');\n normalizeSpacerunSpans(htmlDocument);\n // Get `innerHTML` first as transforming to View modifies the source document.\n const bodyString = htmlDocument.body.innerHTML;\n const stylesString = extractStyles(htmlDocument);\n return {\n bodyString,\n stylesString\n };\n}\nexports.parseHtml = parseHtml;\nfunction extractStyles(htmlDocument) {\n const styles = [];\n const stylesString = [];\n const styleTags = Array.from(htmlDocument.getElementsByTagName('style'));\n for (const style of styleTags) {\n if (style.sheet && style.sheet.cssRules && style.sheet.cssRules.length) {\n styles.push(style.sheet);\n stylesString.push(style.innerHTML);\n }\n }\n return stylesString.join(' ');\n}\nfunction normalizeSpacing(htmlString) {\n // Run normalizeSafariSpaceSpans() two times to cover nested spans.\n return normalizeSafariSpaceSpans(normalizeSafariSpaceSpans(htmlString))\n // Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n .replace(/(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]?)[\\r\\n]+([^\\S\\r\\n]<\\/span>)/g, '$1$2')\n .replace(/<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '')\n .replace(/(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2')\n .replace(/ <\\//g, '\\u00A0</')\n .replace(/ <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>')\n // Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of  .\n .replace(/<o:p>( \|\\u00A0)<\\/o:p>/g, '')\n // Remove all whitespaces when they contain any \\r or \\n.\n .replace(/>([^\\S\\r\\n][\\r\\n]\\s)</g, '><');\n}\nexports.normalizeSpacing = normalizeSpacing;\nfunction normalizeSafariSpaceSpans(htmlString) {\n return htmlString.replace(/<span(?: class=\"Apple-converted-space\"\|)>(\\s+)<\\/span>/g, (fullMatch, spaces) => {\n return spaces.length === 1 ? ' ' : Array(spaces.length + 1).join('\\u00A0 ').substring(0, spaces.length);\n });\n}\nfunction normalizeSpacerunSpans(htmlDocument) {\n htmlDocument.querySelectorAll('span[style=spacerun]').forEach(el => {\n const htmlElement = el;\n const innerTextLength = htmlElement.innerText.length \|\| 0;\n htmlElement.innerText = Array(innerTextLength + 1).join('\\u00A0 ').substring(0, innerTextLength);\n });\n}\nexports.normalizeSpacerunSpans = normalizeSpacerunSpans;\nfunction cleanContentAfterBody(htmlString) {\n const bodyCloseTag = '</body>';\n const htmlCloseTag = '</html>';\n const bodyCloseIndex = htmlString.indexOf(bodyCloseTag);\n if (bodyCloseIndex < 0) {\n return htmlString;\n }\n const htmlCloseIndex = htmlString.indexOf(htmlCloseTag, bodyCloseIndex + bodyCloseTag.length);\n return htmlString.substring(0, bodyCloseIndex + bodyCloseTag.length) +\n (htmlCloseIndex >= 0 ? htmlString.substring(htmlCloseIndex) : '');\n}\nfunction convertStyleToObject(styleString) {\n const styleObject = {};\n if (!styleString) {\n return styleObject;\n }\n // Split the style string into individual declarations\n const declarations = styleString.split(';').map(declaration => declaration.trim());\n // Iterate over each declaration and split it into property and value\n declarations.forEach(declaration => {\n const [property, value] = declaration.split(':').map(part => part.trim());\n if (property && value) {\n // Add the property and value to the style object\n styleObject[property] = value;\n }\n });\n return styleObject;\n}\nfunction isElementEmpty(element) {\n return !element.textContent && !element.innerHTML.trim();\n}\nfunction removeMSOStyles(element) {\n // Get the current style string of the paragraph node\n const currentStyle = element.getAttribute('style') \|\| '';\n // Parse the style string to extract individual style properties\n const styleProperties = currentStyle.split(';').map(property => property.trim());\n // Remove the 'mso-bidi-font-family' property from the list of style properties\n const filteredProperties = styleProperties.filter(property => {\n var _a;\n const [key] = property.split(':');\n return !(/\\bmso/gi.exec((_a = key === null \|\| key === void 0 ? void 0 : key.toLowerCase()) !== null && _a !== void 0 ? _a : ''));\n });\n // Reconstruct the style string without the removed property\n const updatedStyle = filteredProperties.join(';');\n // Set the updated style string back to the paragraph node\n element.setAttribute('style', updatedStyle);\n}\nfunction getListItemData(styles) {\n var _a;\n const listStyle = styles['mso-list'];\n if (listStyle === undefined) {\n return {};\n }\n const idMatch = listStyle.match(/(^\|\\s{1,100})l(\\d+)/i);\n const orderMatch = listStyle.match(/\\s{0,100}lfo(\\d+)/i);\n const indentMatch = listStyle.match(/\\s{0,100}level(\\d+)/i);\n if (idMatch && orderMatch && indentMatch) {\n return {\n id: idMatch[2],\n order: orderMatch[1],\n indent: parseInt((_a = indentMatch[1]) !== null && _a !== void 0 ? _a : '')\n };\n }\n return {\n indent: 1\n };\n}\nfunction detectListStyle(listLikeItem, stylesString) {\n const listStyleRegexp = new RegExp(`@list l${listLikeItem.id}:level${listLikeItem.indent}\\\\s({[^}])`, 'gi');\n const listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n const listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n const legalStyleListRegex = new RegExp(`@list\\\\s+l${listLikeItem.id}:level\\\\d\\\\s{[^{]mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi');\n const multiLevelNumberFormatTypeRegex = new RegExp(`@list l${listLikeItem.id}:level\\\\d\\\\s{[^{]mso-level-number-format:`, 'gi');\n const legalStyleListMatch = legalStyleListRegex.exec(stylesString);\n const multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec(stylesString);\n // Multi level lists in Word have mso-level-number-format attribute except legal lists,\n // so we used that. If list has legal list match and doesn't has mso-level-number-format\n // then this is legal-list.\n const islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n const listStyleMatch = listStyleRegexp.exec(stylesString);\n let listStyleType = 'decimal'; // Decimal is default one.\n let type = 'ol'; // <ol> is default list.\n let startIndex = null;\n if (listStyleMatch && listStyleMatch[1]) {\n const listStyleTypeMatch = listStyleTypeRegex.exec(listStyleMatch[1]);\n if (listStyleTypeMatch && listStyleTypeMatch[1]) {\n listStyleType = listStyleTypeMatch[1].trim();\n type = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n }\n // Styles for the numbered lists are always defined in the Word CSS stylesheet.\n // Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n // this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n // based on the list style marker element.\n if (listStyleType === 'bullet') {\n const bulletedStyle = findBulletedListStyle(listLikeItem.element);\n if (bulletedStyle) {\n listStyleType = bulletedStyle;\n }\n }\n else {\n const listStartIndexMatch = listStartIndexRegex.exec(listStyleMatch[1]);\n if (listStartIndexMatch && listStartIndexMatch[1]) {\n startIndex = parseInt(listStartIndexMatch[1]);\n }\n }\n if (islegalStyleList) {\n type = 'ol';\n }\n }\n return {\n type,\n startIndex,\n style: mapListStyleDefinition(listStyleType),\n isLegalStyleList: islegalStyleList\n };\n}\nfunction findBulletedListStyle(element) {\n // https://github.com/ckeditor/ckeditor5/issues/15964\n if (element.tagName.toLowerCase() == 'li' && element.parentElement.tagName.toLowerCase() == 'ul' && element.parentElement.hasAttribute('type')) {\n return element.parentElement.getAttribute('type');\n }\n const listMarkerElement = findListMarkerNode(element);\n if (!listMarkerElement) {\n return null;\n }\n const listMarker = listMarkerElement.textContent;\n if (listMarker === 'o') {\n return 'circle';\n }\n else if ((listMarker !== null && listMarker !== void 0 ? listMarker : '').charCodeAt(0) === 183) {\n return 'disc';\n }\n // Word returns '§' instead of '■' for the square list style.\n else if (listMarker === '§') {\n return 'square';\n }\n return null;\n}\nfunction findListMarkerNode(element) {\n var _a;\n // If the first child is a text node, it is the data for the element.\n // The list-style marker is not present here.\n if (((_a = Array.from(element.children)[0]) === null \|\| _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === '#text') {\n return null;\n }\n for (const childNode of Array.from(element.children)) {\n // The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n // It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n if (!['element', 'span'].includes(childNode.tagName.toLowerCase())) {\n continue;\n }\n return childNode;\n }\n return null;\n}\nfunction mapListStyleDefinition(value) {\n if (value.startsWith('arabic-leading-zero')) {\n return 'decimal-leading-zero';\n }\n switch (value) {\n case 'alpha-upper':\n return 'upper-alpha';\n case 'alpha-lower':\n return 'lower-alpha';\n case 'roman-upper':\n return 'upper-roman';\n case 'roman-lower':\n return 'lower-roman';\n case 'circle':\n case 'disc':\n case 'square':\n return value;\n default:\n return null;\n }\n}\nfunction createNewEmptyList(listStyle, hasMultiLevelListPlugin) {\n const list = document.createElement(listStyle.type);\n // We do not support modifying the marker for a particular list item.\n // Set the value for the `list-style-type` property directly to the list container.\n if (listStyle.style) {\n list.style.setProperty('list-style-type', listStyle.style);\n }\n if (listStyle.startIndex && listStyle.startIndex > 1) {\n list.setAttribute('start', listStyle.startIndex.toString());\n }\n if (listStyle.isLegalStyleList && hasMultiLevelListPlugin) {\n list.classList.add('legal-list');\n }\n return list;\n}\nfunction removeMsoListIgnoreSpans(parentElement) {\n // Get all <span> elements inside the parentElement\n const spans = parentElement.querySelectorAll('span');\n // Iterate over each <span> element\n spans.forEach(span => {\n var _a;\n // Get the value of the 'style' attribute\n const style = span.getAttribute('style');\n // Check if the 'style' attribute contains 'mso-list: Ignore'\n if (style && style.includes('mso-list:Ignore')) {\n // Remove the <span> element\n (_a = span.parentNode) === null \|\| _a === void 0 ? void 0 : _a.removeChild(span);\n }\n });\n}\nfunction isListContinuation(currentItem) {\n const previousSibling = currentItem.element.previousSibling;\n if (!previousSibling) {\n // If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n return isList(currentItem.element.parentElement);\n }\n // Even with the same id the list does not have to be continuous (#43).\n // @ts-expect-error\n return isList(previousSibling);\n}\nconst isList = (element) => ['ul', 'ol'].includes(element.tagName.toLowerCase());\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MSWordNormalizer = void 0;\nconst normalizer_1 = require(\"./normalizer\");\nObject.defineProperty(exports, \"MSWordNormalizer\", { enumerable: true, get: function () { return normalizer_1.MSWordNormalizer; } });\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n const [editor] = useLexicalComposerContext();\n\n const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n event.preventDefault();\n editor.update(() => {\n const selection = $getSelection();\n const clipboardData =\n objectKlassEquals(event, InputEvent) \|\| objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;\n if (clipboardData != null && selection !== null) {\n const content = clipboardData.getData('text/html') \|\| clipboardData.getData('text/plain');\n const newData = new DataTransfer();\n const wordNormalizer = new MSWordNormalizer();\n newData.setData('text/html', content);\n if (wordNormalizer.isActive(content)) {\n newData.setData('text/html', wordNormalizer.normalize(content));\n }\n $insertDataTransferForRichText(newData, selection, editor);\n }\n });\n };\n\n useEffect(() => {\n const removePasteListener = editor.registerCommand(\n PASTE_COMMAND,\n (event) => {\n if (event instanceof ClipboardEvent) {\n handlePaste(event);\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_CRITICAL\n );\n\n return () => {\n removePasteListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n return null;\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
1	+ {"version":3,"file":"PasteHandlerPlugin-BNp8ST0q.js","names":[],"sources":["../node_modules/@staartwind.nl/lexical-paste-from-word/dist/normalizer.js","../node_modules/@staartwind.nl/lexical-paste-from-word/dist/index.js","../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.normalizeSpacerunSpans = exports.normalizeSpacing = exports.parseHtml = exports.MSWordNormalizer = void 0;\nconst MS_WORD_MATCHES = [\n /<meta\\sname=\"?generator\"?\\scontent=\"?microsoft\\sword\\s\\d+\"?\\/?>/i,\n /xmlns:o=\"urn:schemas-microsoft-com/i\n];\nclass MSWordNormalizer {\n isActive(htmlString) {\n return MS_WORD_MATCHES.some(regex => regex.test(htmlString));\n }\n normalize(htmlString) {\n const { bodyString, stylesString } = parseHtml(htmlString);\n const doc = new DOMParser().parseFromString(bodyString, 'text/html');\n this.transformListItemLikeLElementsIntoLists(doc, stylesString);\n this.removeMSAttributes(doc);\n return doc.body.innerHTML;\n }\n findAllItemLikeElements(doc) {\n const items = doc.querySelectorAll('');\n const res = [];\n for (const item of items) {\n const tagName = item.tagName.toLowerCase();\n // Find all the possible list items\n if (!['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'div'].includes(tagName) \|\| !(item instanceof HTMLElement)) {\n continue;\n }\n const style = convertStyleToObject(item.getAttribute('style') \|\| '');\n // Keep items that are part of a list.\n if ('mso-list' in style) {\n if (!item.parentElement)\n continue;\n if (isList(item.parentElement))\n continue;\n const itemData = getListItemData(style);\n res.push(Object.assign(Object.assign({}, itemData), { element: item }));\n }\n }\n return res;\n }\n transformListItemLikeLElementsIntoLists(doc, stylesString) {\n var _a, _b, _c, _d, _e, _f, _g;\n const itemLikeElements = this.findAllItemLikeElements(doc);\n if (!itemLikeElements.length) {\n return;\n }\n const encounteredLists = {};\n const stack = [];\n for (const itemLikeElement of itemLikeElements) {\n if (itemLikeElement.indent != null) {\n // Reset the current stack if the previous used list does not continue with itemLikeElement\n if (!isListContinuation(itemLikeElement)) {\n stack.length = 0;\n }\n // Combined list ID for addressing encounter lists counters.\n const originalListId = `${itemLikeElement.id}:${itemLikeElement.indent}`;\n // Normalized list item indentation.\n const indent = Math.min(itemLikeElement.indent - 1, stack.length);\n // Trimming of the list stack on list ID change.\n if (indent < stack.length && ((_a = stack[indent]) === null \|\| _a === void 0 ? void 0 : _a.id) !== itemLikeElement.id) {\n stack.length = indent;\n }\n // Trimming of the list stack on lower indent list encountered.\n if (indent < stack.length - 1) {\n stack.length = indent + 1;\n }\n else {\n const listStyle = detectListStyle(itemLikeElement, stylesString);\n // Create a new OL/UL if required (greater indent or different list type).\n if (indent > stack.length - 1 \|\| ((_b = stack[indent]) === null \|\| _b === void 0 ? void 0 : _b.listElement.tagName.toLowerCase()) != listStyle.type) {\n if (indent == 0 &&\n listStyle.type == 'ol' &&\n itemLikeElement.id !== undefined &&\n encounteredLists[originalListId]) {\n listStyle.startIndex = (_c = encounteredLists[originalListId]) !== null && _c !== void 0 ? _c : null;\n }\n const listElement = createNewEmptyList(listStyle, false);\n // Insert the new OL/UL.\n if (stack.length == 0) {\n const parent = itemLikeElement.element.parentNode;\n const index = Array.from(parent.children).indexOf(itemLikeElement.element) + 1;\n if (index === parent.children.length) {\n parent.appendChild(listElement);\n }\n else {\n parent.insertBefore(listElement, itemLikeElement.element);\n }\n }\n else {\n const parentListItems = (_d = stack[indent - 1]) === null \|\| _d === void 0 ? void 0 : _d.listItemElements;\n if (parentListItems) {\n (_e = parentListItems[parentListItems.length - 1]) === null \|\| _e === void 0 ? void 0 : _e.appendChild(listElement);\n }\n }\n // Update the list stack for other items to reference.\n stack[indent] = Object.assign(Object.assign({}, itemLikeElement), { listElement, listItemElements: [] });\n // Prepare list counter for start index.\n if (indent == 0 && itemLikeElement.id !== undefined) {\n encounteredLists[originalListId] = listStyle.startIndex \|\| 1;\n }\n }\n }\n // Use LI if it is already it or create a new LI element.\n const listItem = itemLikeElement.element.tagName.toLowerCase() == 'li' ? itemLikeElement.element : document.createElement('li');\n // Append the LI to OL/UL.\n (_f = stack[indent]) === null \|\| _f === void 0 ? void 0 : _f.listElement.appendChild(listItem);\n (_g = stack[indent]) === null \|\| _g === void 0 ? void 0 : _g.listItemElements.push(listItem);\n // Increment list counter.\n if (indent == 0 && itemLikeElement.id !== undefined) {\n encounteredLists[originalListId]++;\n }\n // Append list block to LI.\n if (itemLikeElement.element != listItem) {\n listItem.appendChild(itemLikeElement.element);\n }\n // Clean list block.\n removeMsoListIgnoreSpans(itemLikeElement.element);\n }\n }\n }\n removeMSAttributes(doc) {\n const items = doc.querySelectorAll('');\n const elementsToUnwrap = [];\n for (const item of items) {\n // Eliminate all classes that include mso.\n for (const className of item.classList) {\n if (/\\bmso/gi.exec(className)) {\n item.classList.remove(className);\n }\n }\n // Eliminate all useless mso styling\n if (item instanceof HTMLElement) {\n removeMSOStyles(item);\n }\n // Push word specific elements to an array\n if (item.tagName === 'W:SDT' \|\| item.tagName === 'W:SDTPR' && isElementEmpty(item) \|\| item.tagName === 'O:P' && isElementEmpty(item)) {\n elementsToUnwrap.push(item);\n }\n }\n // Eliminate word specific elements\n for (const item of elementsToUnwrap) {\n const itemParent = item.parentNode;\n itemParent.removeChild(item);\n }\n }\n}\nexports.MSWordNormalizer = MSWordNormalizer;\nfunction parseHtml(htmlString) {\n const domParser = new DOMParser();\n // Remove Word specific \"if comments\" so content inside is not omitted by the parser.\n htmlString = htmlString.replace(/<!--\\[if gte vml 1]>/g, '');\n // Clean the <head> section of MS Windows specific tags. See https://github.com/ckeditor/ckeditor5/issues/15333.\n // The regular expression matches the <o:SmartTagType> tag with optional attributes (with or without values).\n htmlString = htmlString.replace(/<o:SmartTagType(?:\\s+[^\\s>=]+(?:=\"[^\"]\")?)\\s\\/?>/gi, '');\n const normalizedHtml = normalizeSpacing(cleanContentAfterBody(htmlString));\n // Parse htmlString as native Document object.\n const htmlDocument = domParser.parseFromString(normalizedHtml, 'text/html');\n normalizeSpacerunSpans(htmlDocument);\n // Get `innerHTML` first as transforming to View modifies the source document.\n const bodyString = htmlDocument.body.innerHTML;\n const stylesString = extractStyles(htmlDocument);\n return {\n bodyString,\n stylesString\n };\n}\nexports.parseHtml = parseHtml;\nfunction extractStyles(htmlDocument) {\n const styles = [];\n const stylesString = [];\n const styleTags = Array.from(htmlDocument.getElementsByTagName('style'));\n for (const style of styleTags) {\n if (style.sheet && style.sheet.cssRules && style.sheet.cssRules.length) {\n styles.push(style.sheet);\n stylesString.push(style.innerHTML);\n }\n }\n return stylesString.join(' ');\n}\nfunction normalizeSpacing(htmlString) {\n // Run normalizeSafariSpaceSpans() two times to cover nested spans.\n return normalizeSafariSpaceSpans(normalizeSafariSpaceSpans(htmlString))\n // Remove all \\r\\n from \"spacerun spans\" so the last replace line doesn't strip all whitespaces.\n .replace(/(<span\\s+style=['\"]mso-spacerun:yes['\"]>[^\\S\\r\\n]?)[\\r\\n]+([^\\S\\r\\n]<\\/span>)/g, '$1$2')\n .replace(/<span\\s+style=['\"]mso-spacerun:yes['\"]><\\/span>/g, '')\n .replace(/(<span\\s+style=['\"]letter-spacing:[^'\"]+?['\"]>)[\\r\\n]+(<\\/span>)/g, '$1 $2')\n .replace(/ <\\//g, '\\u00A0</')\n .replace(/ <o:p><\\/o:p>/g, '\\u00A0<o:p></o:p>')\n // Remove <o:p> block filler from empty paragraph. Safari uses \\u00A0 instead of  .\n .replace(/<o:p>( \|\\u00A0)<\\/o:p>/g, '')\n // Remove all whitespaces when they contain any \\r or \\n.\n .replace(/>([^\\S\\r\\n][\\r\\n]\\s)</g, '><');\n}\nexports.normalizeSpacing = normalizeSpacing;\nfunction normalizeSafariSpaceSpans(htmlString) {\n return htmlString.replace(/<span(?: class=\"Apple-converted-space\"\|)>(\\s+)<\\/span>/g, (fullMatch, spaces) => {\n return spaces.length === 1 ? ' ' : Array(spaces.length + 1).join('\\u00A0 ').substring(0, spaces.length);\n });\n}\nfunction normalizeSpacerunSpans(htmlDocument) {\n htmlDocument.querySelectorAll('span[style=spacerun]').forEach(el => {\n const htmlElement = el;\n const innerTextLength = htmlElement.innerText.length \|\| 0;\n htmlElement.innerText = Array(innerTextLength + 1).join('\\u00A0 ').substring(0, innerTextLength);\n });\n}\nexports.normalizeSpacerunSpans = normalizeSpacerunSpans;\nfunction cleanContentAfterBody(htmlString) {\n const bodyCloseTag = '</body>';\n const htmlCloseTag = '</html>';\n const bodyCloseIndex = htmlString.indexOf(bodyCloseTag);\n if (bodyCloseIndex < 0) {\n return htmlString;\n }\n const htmlCloseIndex = htmlString.indexOf(htmlCloseTag, bodyCloseIndex + bodyCloseTag.length);\n return htmlString.substring(0, bodyCloseIndex + bodyCloseTag.length) +\n (htmlCloseIndex >= 0 ? htmlString.substring(htmlCloseIndex) : '');\n}\nfunction convertStyleToObject(styleString) {\n const styleObject = {};\n if (!styleString) {\n return styleObject;\n }\n // Split the style string into individual declarations\n const declarations = styleString.split(';').map(declaration => declaration.trim());\n // Iterate over each declaration and split it into property and value\n declarations.forEach(declaration => {\n const [property, value] = declaration.split(':').map(part => part.trim());\n if (property && value) {\n // Add the property and value to the style object\n styleObject[property] = value;\n }\n });\n return styleObject;\n}\nfunction isElementEmpty(element) {\n return !element.textContent && !element.innerHTML.trim();\n}\nfunction removeMSOStyles(element) {\n // Get the current style string of the paragraph node\n const currentStyle = element.getAttribute('style') \|\| '';\n // Parse the style string to extract individual style properties\n const styleProperties = currentStyle.split(';').map(property => property.trim());\n // Remove the 'mso-bidi-font-family' property from the list of style properties\n const filteredProperties = styleProperties.filter(property => {\n var _a;\n const [key] = property.split(':');\n return !(/\\bmso/gi.exec((_a = key === null \|\| key === void 0 ? void 0 : key.toLowerCase()) !== null && _a !== void 0 ? _a : ''));\n });\n // Reconstruct the style string without the removed property\n const updatedStyle = filteredProperties.join(';');\n // Set the updated style string back to the paragraph node\n element.setAttribute('style', updatedStyle);\n}\nfunction getListItemData(styles) {\n var _a;\n const listStyle = styles['mso-list'];\n if (listStyle === undefined) {\n return {};\n }\n const idMatch = listStyle.match(/(^\|\\s{1,100})l(\\d+)/i);\n const orderMatch = listStyle.match(/\\s{0,100}lfo(\\d+)/i);\n const indentMatch = listStyle.match(/\\s{0,100}level(\\d+)/i);\n if (idMatch && orderMatch && indentMatch) {\n return {\n id: idMatch[2],\n order: orderMatch[1],\n indent: parseInt((_a = indentMatch[1]) !== null && _a !== void 0 ? _a : '')\n };\n }\n return {\n indent: 1\n };\n}\nfunction detectListStyle(listLikeItem, stylesString) {\n const listStyleRegexp = new RegExp(`@list l${listLikeItem.id}:level${listLikeItem.indent}\\\\s({[^}])`, 'gi');\n const listStyleTypeRegex = /mso-level-number-format:([^;]{0,100});/gi;\n const listStartIndexRegex = /mso-level-start-at:\\s{0,100}([0-9]{0,10})\\s{0,100};/gi;\n const legalStyleListRegex = new RegExp(`@list\\\\s+l${listLikeItem.id}:level\\\\d\\\\s{[^{]mso-level-text:\"%\\\\d\\\\\\\\.`, 'gi');\n const multiLevelNumberFormatTypeRegex = new RegExp(`@list l${listLikeItem.id}:level\\\\d\\\\s{[^{]mso-level-number-format:`, 'gi');\n const legalStyleListMatch = legalStyleListRegex.exec(stylesString);\n const multiLevelNumberFormatMatch = multiLevelNumberFormatTypeRegex.exec(stylesString);\n // Multi level lists in Word have mso-level-number-format attribute except legal lists,\n // so we used that. If list has legal list match and doesn't has mso-level-number-format\n // then this is legal-list.\n const islegalStyleList = legalStyleListMatch && !multiLevelNumberFormatMatch;\n const listStyleMatch = listStyleRegexp.exec(stylesString);\n let listStyleType = 'decimal'; // Decimal is default one.\n let type = 'ol'; // <ol> is default list.\n let startIndex = null;\n if (listStyleMatch && listStyleMatch[1]) {\n const listStyleTypeMatch = listStyleTypeRegex.exec(listStyleMatch[1]);\n if (listStyleTypeMatch && listStyleTypeMatch[1]) {\n listStyleType = listStyleTypeMatch[1].trim();\n type = listStyleType !== 'bullet' && listStyleType !== 'image' ? 'ol' : 'ul';\n }\n // Styles for the numbered lists are always defined in the Word CSS stylesheet.\n // Unordered lists MAY contain a value for the Word CSS definition `mso-level-text` but sometimes\n // this tag is missing. And because of that, we cannot depend on that. We need to predict the list style value\n // based on the list style marker element.\n if (listStyleType === 'bullet') {\n const bulletedStyle = findBulletedListStyle(listLikeItem.element);\n if (bulletedStyle) {\n listStyleType = bulletedStyle;\n }\n }\n else {\n const listStartIndexMatch = listStartIndexRegex.exec(listStyleMatch[1]);\n if (listStartIndexMatch && listStartIndexMatch[1]) {\n startIndex = parseInt(listStartIndexMatch[1]);\n }\n }\n if (islegalStyleList) {\n type = 'ol';\n }\n }\n return {\n type,\n startIndex,\n style: mapListStyleDefinition(listStyleType),\n isLegalStyleList: islegalStyleList\n };\n}\nfunction findBulletedListStyle(element) {\n // https://github.com/ckeditor/ckeditor5/issues/15964\n if (element.tagName.toLowerCase() == 'li' && element.parentElement.tagName.toLowerCase() == 'ul' && element.parentElement.hasAttribute('type')) {\n return element.parentElement.getAttribute('type');\n }\n const listMarkerElement = findListMarkerNode(element);\n if (!listMarkerElement) {\n return null;\n }\n const listMarker = listMarkerElement.textContent;\n if (listMarker === 'o') {\n return 'circle';\n }\n else if ((listMarker !== null && listMarker !== void 0 ? listMarker : '').charCodeAt(0) === 183) {\n return 'disc';\n }\n // Word returns '§' instead of '■' for the square list style.\n else if (listMarker === '§') {\n return 'square';\n }\n return null;\n}\nfunction findListMarkerNode(element) {\n var _a;\n // If the first child is a text node, it is the data for the element.\n // The list-style marker is not present here.\n if (((_a = Array.from(element.children)[0]) === null \|\| _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === '#text') {\n return null;\n }\n for (const childNode of Array.from(element.children)) {\n // The list-style marker will be inside the `<span>` element. Let's ignore all non-span elements.\n // It may happen that the `<a>` element is added as the first child. Most probably, it's an anchor element.\n if (!['element', 'span'].includes(childNode.tagName.toLowerCase())) {\n continue;\n }\n return childNode;\n }\n return null;\n}\nfunction mapListStyleDefinition(value) {\n if (value.startsWith('arabic-leading-zero')) {\n return 'decimal-leading-zero';\n }\n switch (value) {\n case 'alpha-upper':\n return 'upper-alpha';\n case 'alpha-lower':\n return 'lower-alpha';\n case 'roman-upper':\n return 'upper-roman';\n case 'roman-lower':\n return 'lower-roman';\n case 'circle':\n case 'disc':\n case 'square':\n return value;\n default:\n return null;\n }\n}\nfunction createNewEmptyList(listStyle, hasMultiLevelListPlugin) {\n const list = document.createElement(listStyle.type);\n // We do not support modifying the marker for a particular list item.\n // Set the value for the `list-style-type` property directly to the list container.\n if (listStyle.style) {\n list.style.setProperty('list-style-type', listStyle.style);\n }\n if (listStyle.startIndex && listStyle.startIndex > 1) {\n list.setAttribute('start', listStyle.startIndex.toString());\n }\n if (listStyle.isLegalStyleList && hasMultiLevelListPlugin) {\n list.classList.add('legal-list');\n }\n return list;\n}\nfunction removeMsoListIgnoreSpans(parentElement) {\n // Get all <span> elements inside the parentElement\n const spans = parentElement.querySelectorAll('span');\n // Iterate over each <span> element\n spans.forEach(span => {\n var _a;\n // Get the value of the 'style' attribute\n const style = span.getAttribute('style');\n // Check if the 'style' attribute contains 'mso-list: Ignore'\n if (style && style.includes('mso-list:Ignore')) {\n // Remove the <span> element\n (_a = span.parentNode) === null \|\| _a === void 0 ? void 0 : _a.removeChild(span);\n }\n });\n}\nfunction isListContinuation(currentItem) {\n const previousSibling = currentItem.element.previousSibling;\n if (!previousSibling) {\n // If it's a li inside ul or ol like in here: https://github.com/ckeditor/ckeditor5/issues/15964.\n return isList(currentItem.element.parentElement);\n }\n // Even with the same id the list does not have to be continuous (#43).\n // @ts-expect-error\n return isList(previousSibling);\n}\nconst isList = (element) => ['ul', 'ol'].includes(element.tagName.toLowerCase());\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.MSWordNormalizer = void 0;\nconst normalizer_1 = require(\"./normalizer\");\nObject.defineProperty(exports, \"MSWordNormalizer\", { enumerable: true, get: function () { return normalizer_1.MSWordNormalizer; } });\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n const [editor] = useLexicalComposerContext();\n\n const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n event.preventDefault();\n editor.update(() => {\n const selection = $getSelection();\n const clipboardData =\n objectKlassEquals(event, InputEvent) \|\| objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;\n if (clipboardData != null && selection !== null) {\n const content = clipboardData.getData('text/html') \|\| clipboardData.getData('text/plain');\n const newData = new DataTransfer();\n const wordNormalizer = new MSWordNormalizer();\n newData.setData('text/html', content);\n if (wordNormalizer.isActive(content)) {\n newData.setData('text/html', wordNormalizer.normalize(content));\n }\n $insertDataTransferForRichText(newData, selection, editor);\n }\n });\n };\n\n useEffect(() => {\n const removePasteListener = editor.registerCommand(\n PASTE_COMMAND,\n (event) => {\n if (event instanceof ClipboardEvent) {\n handlePaste(event);\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_CRITICAL\n );\n\n return () => {\n removePasteListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n return null;\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/Periods-BYETtB6R.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Periods-BYETtB6R.js","names":[],"sources":["../src/components/Periods/Periods.module.css","../src/components/Periods/Periods.tsx"],"sourcesContent":[".periods__container {\n display: flex;\n flex-wrap: nowrap;\n}\n\n.periods__item {\n background-color: var(--color-grey-400);\n border: 1px solid var(--color-grey-500);\n display: inline-block;\n height: 0.75rem;\n margin-right: 0.125rem;\n width: 0.5rem;\n}\n\n.periods__item:last-child {\n margin-right: 0;\n}\n\n.periods__item:nth-child(3n):not(:last-child) {\n margin-right: 0.5rem;\n}\n\n.periods__item--active {\n background-color: var(--color-grey-600);\n border: unset;\n}\n","import { clsx } from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n id: string;\n number: number;\n semesterNumber: number;\n periodInSemester: number;\n}\n\ninterface TooltipTranslations {\n period: string;\n periods: string;\n and: string;\n}\n\nexport interface PeriodsProps {\n /** Indicates which periods are selected. /\n periods: Period[] \| number[];\n /* Indicates the maximum number of periods to show in the selector. /\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n maxPeriods?: 3 \| 6 \| 7;\n /* A object of translations for the tooltip. /\n tooltipTranslations?: TooltipTranslations;\n}\n\nconst MAX_PERIODS = 6;\n\n/* Represents a component for a period indicator. */\nexport const Periods = ({ periods, tooltipTranslations, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n const idPrefix = useId();\n\n const isArrayOfNumbers = periods.some((value) => {\n return typeof value === 'number';\n });\n\n const getTitles = (tooltipTranslations: TooltipTranslations): string => {\n const semesterPeriods: Record<number, number[]> = {};\n\n // Group periods by semester\n isArrayOfNumbers\n ? periods.forEach((period) => {\n if (typeof period === 'number') {\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n const groupKey = Math.ceil(period / 3); // Determine the semester (1, 2, or 3)\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n const mappedValue = ((period - 1) % 3) + 1; // Map period to semester\n\n if (!semesterPeriods[groupKey]) {\n semesterPeriods[groupKey] = [];\n }\n semesterPeriods[groupKey].push(mappedValue);\n }\n })\n : periods.forEach((period) => {\n const { semesterNumber, periodInSemester } = period as Period;\n\n if (!semesterPeriods[semesterNumber]) {\n semesterPeriods[semesterNumber] = [];\n }\n semesterPeriods[semesterNumber].push(periodInSemester);\n });\n\n // Build the title string\n const title = Object.keys(semesterPeriods).reduce((acc, semesterKey, index) => {\n const semesterNumber = Number(semesterKey);\n const periodsInSemester = semesterPeriods[semesterNumber];\n let periodTitle = '';\n\n // Determine if we need singular or plural form for \"period\"\n const blokLabel = periodsInSemester.length > 1 ? tooltipTranslations.periods : tooltipTranslations.period;\n\n // Build period sequence for the current semester\n if (periodsInSemester.length > 1) {\n const lastPeriod = periodsInSemester.pop();\n periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester.join(', ')} ${tooltipTranslations.and} ${lastPeriod}`;\n } else {\n periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester[0]}`;\n }\n\n // Add proper spacing and periods\n return `${acc}${index > 0 ? '. ' : ''}${periodTitle}`;\n }, '');\n\n return title.trim() + '.';\n };\n\n const isPeriodActive = (periodIndex: number): boolean => {\n if (isArrayOfNumbers) {\n return (periods as number[]).includes(periodIndex);\n } else {\n return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n }\n };\n\n return (\n <div className={styles['periods__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n {maxPeriodsList.map((periodIndex) => {\n return (\n <span\n className={clsx(\n styles['periods__item'],\n isPeriodActive(periodIndex) ? styles['periods__item--active'] : ''\n )}\n data-period-item\n key={`${idPrefix}-${periodIndex}`}\n />\n );\n })}\n </div>\n );\n};\n"],"mappings":";;;;;;;GC4BM,IAAc,GAGP,KAAW,EAAE,YAAS,wBAAqB,gBAAa,QAAgC;CACnG,IAAM,IAAiB,MAAM,KAAK,EAAE,QAAQ,GAAY,GAAG,GAAG,MAAU,IAAQ,EAAE,EAC5E,IAAW,GAAO,EAElB,IAAmB,EAAQ,MAAM,MAC9B,OAAO,KAAU,SACxB,EAEI,KAAa,MAAqD;EACtE,IAAM,IAA4C,EAAE;AA+CpD,SA5CA,IACI,EAAQ,SAAS,MAAW;AAC1B,OAAI,OAAO,KAAW,UAAU;IAE9B,IAAM,IAAW,KAAK,KAAK,IAAS,EAAE,EAEhC,KAAgB,IAAS,KAAK,IAAK;AAKzC,IAHK,EAAgB,OACnB,EAAgB,KAAY,EAAE,GAEhC,EAAgB,GAAU,KAAK,EAAY;;IAE7C,GACF,EAAQ,SAAS,MAAW;GAC1B,IAAM,EAAE,mBAAgB,wBAAqB;AAK7C,GAHK,EAAgB,OACnB,EAAgB,KAAkB,EAAE,GAEtC,EAAgB,GAAgB,KAAK,EAAiB;IACtD,EAGQ,OAAO,KAAK,EAAgB,CAAC,QAAQ,GAAK,GAAa,MAAU;GAC7E,IAAM,IAAiB,OAAO,EAAY,EACpC,IAAoB,EAAgB,IACtC,IAAc,IAGZ,IAAY,EAAkB,SAAS,IAAI,EAAoB,UAAU,EAAoB;AAGnG,OAAI,EAAkB,SAAS,GAAG;IAChC,IAAM,IAAa,EAAkB,KAAK;AAC1C,QAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB,KAAK,KAAK,CAAC,GAAG,EAAoB,IAAI,GAAG;SAEpH,KAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB;AAI7E,UAAO,GAAG,IAAM,IAAQ,IAAI,OAAO,KAAK;KACvC,~~GAAG~~,~~CAEO~~,MAAM,GAAG;IAGlB,KAAkB,MAClB,IACM,EAAqB,SAAS,EAAY,GAE3C,IAAQ,MAAM,MAAY,EAAkB,WAAW,EAAY;AAI9E,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAuB,OAAO,IAAsB,EAAU,EAAoB,GAAG;YACzG,EAAe,KAAK,MAEjB,kBAAC,QAAD;GACE,WAAW,EACT,EAAO,eACP,EAAe,EAAY,GAAG,EAAO,2BAA2B,GACjE;GACD,oBAAA;GAEA,EADK,GAAG,EAAS,GAAG,IACpB,CAEJ;EACE,CAAA"}
1	+ {"version":3,"file":"Periods-BYETtB6R.js","names":[],"sources":["../src/components/Periods/Periods.module.css","../src/components/Periods/Periods.tsx"],"sourcesContent":[".periods__container {\n display: flex;\n flex-wrap: nowrap;\n}\n\n.periods__item {\n background-color: var(--color-grey-400);\n border: 1px solid var(--color-grey-500);\n display: inline-block;\n height: 0.75rem;\n margin-right: 0.125rem;\n width: 0.5rem;\n}\n\n.periods__item:last-child {\n margin-right: 0;\n}\n\n.periods__item:nth-child(3n):not(:last-child) {\n margin-right: 0.5rem;\n}\n\n.periods__item--active {\n background-color: var(--color-grey-600);\n border: unset;\n}\n","import { clsx } from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n id: string;\n number: number;\n semesterNumber: number;\n periodInSemester: number;\n}\n\ninterface TooltipTranslations {\n period: string;\n periods: string;\n and: string;\n}\n\nexport interface PeriodsProps {\n /** Indicates which periods are selected. /\n periods: Period[] \| number[];\n /* Indicates the maximum number of periods to show in the selector. /\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n maxPeriods?: 3 \| 6 \| 7;\n /* A object of translations for the tooltip. /\n tooltipTranslations?: TooltipTranslations;\n}\n\nconst MAX_PERIODS = 6;\n\n/* Represents a component for a period indicator. */\nexport const Periods = ({ periods, tooltipTranslations, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n const idPrefix = useId();\n\n const isArrayOfNumbers = periods.some((value) => {\n return typeof value === 'number';\n });\n\n const getTitles = (tooltipTranslations: TooltipTranslations): string => {\n const semesterPeriods: Record<number, number[]> = {};\n\n // Group periods by semester\n isArrayOfNumbers\n ? periods.forEach((period) => {\n if (typeof period === 'number') {\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n const groupKey = Math.ceil(period / 3); // Determine the semester (1, 2, or 3)\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n const mappedValue = ((period - 1) % 3) + 1; // Map period to semester\n\n if (!semesterPeriods[groupKey]) {\n semesterPeriods[groupKey] = [];\n }\n semesterPeriods[groupKey].push(mappedValue);\n }\n })\n : periods.forEach((period) => {\n const { semesterNumber, periodInSemester } = period as Period;\n\n if (!semesterPeriods[semesterNumber]) {\n semesterPeriods[semesterNumber] = [];\n }\n semesterPeriods[semesterNumber].push(periodInSemester);\n });\n\n // Build the title string\n const title = Object.keys(semesterPeriods).reduce((acc, semesterKey, index) => {\n const semesterNumber = Number(semesterKey);\n const periodsInSemester = semesterPeriods[semesterNumber];\n let periodTitle = '';\n\n // Determine if we need singular or plural form for \"period\"\n const blokLabel = periodsInSemester.length > 1 ? tooltipTranslations.periods : tooltipTranslations.period;\n\n // Build period sequence for the current semester\n if (periodsInSemester.length > 1) {\n const lastPeriod = periodsInSemester.pop();\n periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester.join(', ')} ${tooltipTranslations.and} ${lastPeriod}`;\n } else {\n periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester[0]}`;\n }\n\n // Add proper spacing and periods\n return `${acc}${index > 0 ? '. ' : ''}${periodTitle}`;\n }, '');\n\n return title.trim() + '.';\n };\n\n const isPeriodActive = (periodIndex: number): boolean => {\n if (isArrayOfNumbers) {\n return (periods as number[]).includes(periodIndex);\n } else {\n return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n }\n };\n\n return (\n <div className={styles['periods__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n {maxPeriodsList.map((periodIndex) => {\n return (\n <span\n className={clsx(\n styles['periods__item'],\n isPeriodActive(periodIndex) ? styles['periods__item--active'] : ''\n )}\n data-period-item\n key={`${idPrefix}-${periodIndex}`}\n />\n );\n })}\n </div>\n );\n};\n"],"mappings":";;;;;;;GC4BM,IAAc,GAGP,KAAW,EAAE,YAAS,wBAAqB,gBAAa,QAAgC;CACnG,IAAM,IAAiB,MAAM,KAAK,EAAE,QAAQ,GAAY,GAAG,GAAG,MAAU,IAAQ,EAAE,EAC5E,IAAW,GAAO,EAElB,IAAmB,EAAQ,MAAM,MAC9B,OAAO,KAAU,SACxB,EAEI,KAAa,MAAqD;EACtE,IAAM,IAA4C,EAAE;AA+CpD,SA5CA,IACI,EAAQ,SAAS,MAAW;AAC1B,OAAI,OAAO,KAAW,UAAU;IAE9B,IAAM,IAAW,KAAK,KAAK,IAAS,EAAE,EAEhC,KAAgB,IAAS,KAAK,IAAK;AAKzC,IAHK,EAAgB,OACnB,EAAgB,KAAY,EAAE,GAEhC,EAAgB,GAAU,KAAK,EAAY;;IAE7C,GACF,EAAQ,SAAS,MAAW;GAC1B,IAAM,EAAE,mBAAgB,wBAAqB;AAK7C,GAHK,EAAgB,OACnB,EAAgB,KAAkB,EAAE,GAEtC,EAAgB,GAAgB,KAAK,EAAiB;IACtD,EAGQ,OAAO,KAAK,EAAgB,CAAC,QAAQ,GAAK,GAAa,MAAU;GAC7E,IAAM,IAAiB,OAAO,EAAY,EACpC,IAAoB,EAAgB,IACtC,IAAc,IAGZ,IAAY,EAAkB,SAAS,IAAI,EAAoB,UAAU,EAAoB;AAGnG,OAAI,EAAkB,SAAS,GAAG;IAChC,IAAM,IAAa,EAAkB,KAAK;AAC1C,QAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB,KAAK,KAAK,CAAC,GAAG,EAAoB,IAAI,GAAG;SAEpH,KAAc,YAAY,EAAe,GAAG,EAAU,GAAG,EAAkB;AAI7E,UAAO,GAAG,IAAM,IAAQ,IAAI,OAAO,KAAK;KACvC,GAEI,CAAM,MAAM,GAAG;IAGlB,KAAkB,MAClB,IACM,EAAqB,SAAS,EAAY,GAE3C,IAAQ,MAAM,MAAY,EAAkB,WAAW,EAAY;AAI9E,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAuB,OAAO,IAAsB,EAAU,EAAoB,GAAG;YACzG,EAAe,KAAK,MAEjB,kBAAC,QAAD;GACE,WAAW,EACT,EAAO,eACP,EAAe,EAAY,GAAG,EAAO,2BAA2B,GACjE;GACD,oBAAA;GAEA,EADK,GAAG,EAAS,GAAG,IACpB,CAEJ;EACE,CAAA"}

package/dist/Slider-BlLyrET9.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider-BlLyrET9.js","names":[],"sources":["../src/components/Slider/Slider.module.css","../src/components/Slider/Slider.tsx"],"sourcesContent":[".slider_wrapper {\n align-items: center;\n display: flex;\n gap: 1rem;\n width: 100%;\n}\n\n.slider_button {\n align-items: center;\n appearance: none;\n aspect-ratio: 1 / 1;\n background: none;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n color: var(--color-uva-black);\n cursor: pointer;\n display: flex;\n height: 2rem;\n justify-content: center;\n width: 2rem;\n}\n\n.slider_button:focus-visible {\n outline: 0.125rem dotted var(--color-navy-600);\n outline-offset: 0.125rem;\n}\n\n.slider_button:hover {\n border-color: var(--color-grey-700);\n}\n\n.slider_button:disabled,\n.slider_button:disabled:hover {\n border: none;\n cursor: not-allowed;\n}\n\n.slider_trackwrapper {\n display: flex;\n position: relative;\n width: 100%;\n}\n\n.slider_balloon {\n color: var(--color-uva-black);\n font-weight: var(--semibold);\n position: absolute;\n text-align: center;\n top: -1.8125rem;\n white-space: nowrap;\n}\n\n.slider_input {\n appearance: none;\n background: var(--color-grey-400);\n flex-grow: 1;\n height: 0.25rem;\n}\n\n.slider_input:focus-visible {\n outline: 0.125rem dotted var(--color-navy-600);\n outline-offset: 0.125rem;\n}\n\n.slider_input:disabled {\n cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-runnable-track {\n appearance: none;\n color: var(--color-navy-600);\n cursor: pointer;\n height: 2rem;\n margin-top: -0.125rem;\n}\n\n.slider_input:disabled::-webkit-slider-runnable-track {\n cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-thumb {\n appearance: none;\n background: var(--color-uva-white);\n border: 2px solid var(--color-navy-600);\n border-radius: 0.125rem;\n cursor: pointer;\n height: var(--thumb-size);\n margin-top: calc(0.5rem + 1px);\n position: relative;\n width: var(--thumb-size);\n}\n\n.slider_input:disabled::-webkit-slider-thumb,\n.slider_input:disabled:hover::-webkit-slider-thumb {\n background: var(--color-grey-700);\n border: 2px solid var(--color-grey-700);\n cursor: not-allowed;\n}\n\n.slider_input::-moz-range-thumb {\n appearance: none;\n background: var(--color-uva-white);\n border: 2px solid var(--color-navy-600);\n border-radius: 0.125rem;\n cursor: pointer;\n height: var(--thumb-size);\n margin-top: calc(-0.25rem - 1px);\n position: relative;\n width: var(--thumb-size);\n}\n\n.slider_input:disabled::-moz-range-thumb,\n.slider_input:hover:disabled::-moz-range-thumb {\n background: var(--color-grey-700);\n border: 2px solid var(--color-grey-700);\n cursor: not-allowed;\n}\n\n.slider_input::-ms-thumb {\n appearance: none;\n background: var(--color-uva-white);\n border: 2px solid var(--color-navy-600);\n border-radius: 0.125rem;\n cursor: pointer;\n height: var(--thumb-size);\n margin-top: calc(-0.25rem - 1px);\n position: relative;\n width: var(--thumb-size);\n}\n\n.slider_input:disabled::-ms-thumb,\n.slider_input:hover:disabled::-ms-thumb {\n background: var(--color-grey-700);\n border: 2px solid var(--color-grey-700);\n cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-thumb:hover {\n background: var(--color-navy-200);\n border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-moz-range-thumb:hover {\n background: var(--color-navy-200);\n border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-ms-thumb:hover {\n background: var(--color-navy-200);\n border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-moz-range-progress {\n background-color: var(--color-navy-600);\n}\n\n.slider_input::-moz-range-track {\n background-color: var(--color-grey-400);\n}\n\n.slider_input::-ms-fill-lower {\n background-color: var(--color-navy-600);\n}\n\n.slider_input::-ms-fill-upper {\n background-color: var(--color-grey-400);\n}\n","import { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { CSSProperties } from 'react';\r\n\r\nimport styles from './Slider.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface SliderProps {\r\n /* The minimum value of the slider /\r\n min: number;\r\n / The maximum value of the slider /\r\n max: number;\r\n / The current value of the slider /\r\n value?: number;\r\n / The step value of the slider /\r\n step?: number;\r\n / The units to display next to the value /\r\n units?: string;\r\n / aria-label labels for navigation buttons /\r\n navigationLabels?: { increase: string; decrease: string };\r\n / Whether the slider is disabled /\r\n disabled?: boolean;\r\n / Callback function when the value changes /\r\n onChange?: (value: number) => void;\r\n}\r\n\r\nconst HALF_STEP = 0.5;\r\nconst HUNDRED = 100;\r\nconst THUMB_SIZE = 16;\r\nconst REM = 16;\r\n\r\nexport const Slider = ({\r\n min,\r\n max,\r\n value,\r\n step = 1,\r\n units,\r\n navigationLabels,\r\n disabled = false,\r\n onChange,\r\n}: SliderProps) => {\r\n const [sliderValue, setSliderValue] = useState(value !== undefined ? value : (min + max) HALF_STEP);\r\n const [balloonLeftPosition, setBalloonLeftPosition] = useState('');\r\n const sliderRef = useRef<HTMLInputElement>(null);\r\n const trackWrapperRef = useRef<HTMLDivElement>(null);\r\n const balloonRef = useRef<HTMLDivElement>(null);\r\n\r\n const handleButtonClick = (direction: number) => {\r\n const newValue = sliderValue + direction * step;\r\n if (newValue >= min && newValue <= max) {\r\n setSliderValue(newValue);\r\n paintValueOnTrack(newValue);\r\n setFloaterPosition(newValue);\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n }\r\n };\r\n\r\n const handleSliderChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const newValue = Number(event.target.value);\r\n setSliderValue(newValue);\r\n paintValueOnTrack(newValue);\r\n setFloaterPosition(newValue);\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n const paintValueOnTrack = (valueToPaint: number) => {\r\n if (!sliderRef.current) return;\r\n const percentage = ((valueToPaint - min) / (max - min)) * HUNDRED;\r\n if (disabled) {\r\n sliderRef.current.style.background = `linear-gradient(\r\n to right, \r\n var(--color-grey-700) 0%, \r\n var(--color-grey-700) ${percentage}%, \r\n var(--color-grey-400) ${percentage}%, \r\n var(--color-grey-400) 100%)`;\r\n } else {\r\n sliderRef.current.style.background = `linear-gradient(\r\n to right, \r\n var(--color-navy-600) 0%, \r\n var(--color-navy-600) ${percentage}%, \r\n var(--color-grey-400) ${percentage}%, \r\n var(--color-grey-400) 100%)`;\r\n }\r\n };\r\n\r\n const setFloaterPosition = (value: number) => {\r\n if (trackWrapperRef.current && balloonRef.current) {\r\n const balloonWidth = balloonRef.current.clientWidth;\r\n const trackWidth = trackWrapperRef.current.clientWidth - THUMB_SIZE;\r\n const position = ((value - min) / (max - min)) * trackWidth;\r\n const leftPosition = position - (balloonWidth - THUMB_SIZE) * HALF_STEP;\r\n const clampedLeft = Math.max(0, Math.min(leftPosition, trackWidth - balloonWidth + THUMB_SIZE * HALF_STEP));\r\n setBalloonLeftPosition(`${clampedLeft}px`);\r\n }\r\n };\r\n\r\n const initializeSlider = useEffectEvent((value: number) => {\r\n setSliderValue(value);\r\n paintValueOnTrack(value);\r\n setFloaterPosition(value);\r\n });\r\n\r\n useEffect(() => {\r\n if (value !== undefined) {\r\n initializeSlider(value);\r\n }\r\n }, [value, disabled]);\r\n\r\n return (\r\n <div className={styles['slider_wrapper']}>\r\n <button\r\n type=\"button\"\r\n className={styles['slider_button']}\r\n onClick={() => handleButtonClick(-1)}\r\n aria-label={navigationLabels?.decrease ? navigationLabels.decrease : 'Verlaag waarde'}\r\n disabled={disabled}\r\n >\r\n <Icon name=\"Minus\" size={20} />\r\n </button>\r\n <div className={styles['slider_trackwrapper']} ref={trackWrapperRef}>\r\n <div\r\n className={clsx(styles['slider_balloon'], { [styles['slider_balloon--disabled']]: disabled })}\r\n style={{ left: balloonLeftPosition }}\r\n ref={balloonRef}\r\n >\r\n {sliderValue}\r\n {units && <span className={styles['slider_units']}>{units}</span>}\r\n </div>\r\n <input\r\n type=\"range\"\r\n className={styles['slider_input']}\r\n min={min}\r\n max={max}\r\n step={step}\r\n value={sliderValue}\r\n onChange={handleSliderChange}\r\n ref={sliderRef}\r\n style={{ '--thumb-size': `${THUMB_SIZE / REM}rem` } as CSSProperties}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={sliderValue}\r\n aria-valuetext={units ? `${sliderValue} ${units}` : `${sliderValue}`}\r\n aria-label=\"Slider\"\r\n disabled={disabled}\r\n />\r\n </div>\r\n <button\r\n type=\"button\"\r\n className={styles['slider_button']}\r\n onClick={() => handleButtonClick(1)}\r\n aria-label={navigationLabels?.increase ? navigationLabels.increase : 'Verhoog waarde'}\r\n disabled={disabled}\r\n >\r\n <Icon name=\"Plus\" size={20} />\r\n </button>\r\n </div>\r\n );\r\n};\r\n"],"mappings":";;;;;;;;;;GC4BM,IAAY,IACZ,IAAU,KACV,IAAa,IACb,IAAM,IAEC,KAAU,EACrB,QACA,QACA,UACA,UAAO,GACP,UACA,qBACA,cAAW,IACX,kBACiB;CACjB,IAAM,CAAC,GAAa,KAAkB,EAAS,MAAU,KAAA,KAAqB,IAAM,KAAO,IAAtB,EAAgC,EAC/F,CAAC,GAAqB,KAA0B,EAAS,GAAG,EAC5D,IAAY,EAAyB,KAAK,EAC1C,IAAkB,EAAuB,KAAK,EAC9C,IAAa,EAAuB,KAAK,EAEzC,KAAqB,MAAsB;EAC/C,IAAM,IAAW,IAAc,IAAY;AAC3C,EAAI,KAAY,KAAO,KAAY,MACjC,EAAe,EAAS,EACxB,EAAkB,EAAS,EAC3B,EAAmB,EAAS,EACxB,KACF,EAAS,EAAS;IAKlB,KAAsB,MAA+C;EACzE,IAAM,IAAW,OAAO,EAAM,OAAO,MAAM;AAI3C,EAHA,EAAe,EAAS,EACxB,EAAkB,EAAS,EAC3B,EAAmB,EAAS,EACxB,KACF,EAAS,EAAS;IAIhB,KAAqB,MAAyB;AAClD,MAAI,CAAC,EAAU,QAAS;EACxB,IAAM,KAAe,IAAe,MAAQ,IAAM,KAAQ;AAC1D,EAAI,IACF,EAAU,QAAQ,MAAM,aAAa;;;iCAGV,EAAW;iCACX,EAAW;wCAGtC,EAAU,QAAQ,MAAM,aAAa;;;iCAGV,EAAW;iCACX,EAAW;;IAKpC,KAAsB,MAAkB;AAC5C,MAAI,EAAgB,WAAW,EAAW,SAAS;GACjD,IAAM,IAAe,EAAW,QAAQ,aAClC,IAAa,EAAgB,QAAQ,cAAc,GAEnD,KADa,IAAQ,MAAQ,IAAM,KAAQ,KAChB,IAAe,KAAc;AAE9D,KAAuB,GADH,KAAK,IAAI,GAAG,KAAK,IAAI,GAAc,IAAa,IAAe,IAAa,EAAU,CAAC,CACrE,IAAI;;IAIxC,IAAmB,GAAgB,MAAkB;AAGzD,EAFA,EAAe,EAAM,EACrB,EAAkB,EAAM,EACxB,EAAmB,EAAM;GACzB;AAQF,QANA,QAAgB;AACd,EAAI,MAAU,KAAA,KACZ,EAAiB,EAAM;IAExB,CAAC,GAAO,EAAS,CAAC,EAGnB,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAO;IAClB,eAAe,EAAkB,GAAG;IACpC,cAAY,GAAkB,WAAW,EAAiB,WAAW;IAC3D;cAEV,kBAAC,GAAD;KAAM,MAAK;KAAQ,MAAM;KAAM,CAAA;IACxB,CAAA;GACT,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAwB,KAAK;cAApD,CACE,kBAAC,OAAD;KACE,WAAW,EAAK,EAAO,gBAAmB,GAAG,EAAO,8BAA8B,GAAU,CAAC;KAC7F,OAAO,EAAE,MAAM,GAAqB;KACpC,KAAK;eAHP,CAKG,GACA,KAAS,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAkB;MAAa,CAAA,CAC7D;QACN,kBAAC,SAAD;KACE,MAAK;KACL,WAAW,EAAO;KACb;KACA;KACC;KACN,OAAO;KACP,UAAU;KACV,KAAK;KACL,OAAO,EAAE,gBAAgB,GAAG,IAAa,EAAI,MAAM;KACnD,iBAAe;KACf,iBAAe;KACf,iBAAe;KACf,kBAAgB,IAAQ,GAAG,EAAY,GAAG,MAAU,GAAG;KACvD,cAAW;KACD;KACV,CAAA,CACE;;GACN,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAO;IAClB,eAAe,EAAkB,EAAE;IACnC,cAAY,GAAkB,WAAW,EAAiB,WAAW;IAC3D;cAEV,kBAAC,GAAD;KAAM,MAAK;KAAO,MAAM;KAAM,CAAA;IACvB,CAAA;GACL"}
1	+ {"version":3,"file":"Slider-BlLyrET9.js","names":[],"sources":["../src/components/Slider/Slider.module.css","../src/components/Slider/Slider.tsx"],"sourcesContent":[".slider_wrapper {\n align-items: center;\n display: flex;\n gap: 1rem;\n width: 100%;\n}\n\n.slider_button {\n align-items: center;\n appearance: none;\n aspect-ratio: 1 / 1;\n background: none;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n color: var(--color-uva-black);\n cursor: pointer;\n display: flex;\n height: 2rem;\n justify-content: center;\n width: 2rem;\n}\n\n.slider_button:focus-visible {\n outline: 0.125rem dotted var(--color-navy-600);\n outline-offset: 0.125rem;\n}\n\n.slider_button:hover {\n border-color: var(--color-grey-700);\n}\n\n.slider_button:disabled,\n.slider_button:disabled:hover {\n border: none;\n cursor: not-allowed;\n}\n\n.slider_trackwrapper {\n display: flex;\n position: relative;\n width: 100%;\n}\n\n.slider_balloon {\n color: var(--color-uva-black);\n font-weight: var(--semibold);\n position: absolute;\n text-align: center;\n top: -1.8125rem;\n white-space: nowrap;\n}\n\n.slider_input {\n appearance: none;\n background: var(--color-grey-400);\n flex-grow: 1;\n height: 0.25rem;\n}\n\n.slider_input:focus-visible {\n outline: 0.125rem dotted var(--color-navy-600);\n outline-offset: 0.125rem;\n}\n\n.slider_input:disabled {\n cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-runnable-track {\n appearance: none;\n color: var(--color-navy-600);\n cursor: pointer;\n height: 2rem;\n margin-top: -0.125rem;\n}\n\n.slider_input:disabled::-webkit-slider-runnable-track {\n cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-thumb {\n appearance: none;\n background: var(--color-uva-white);\n border: 2px solid var(--color-navy-600);\n border-radius: 0.125rem;\n cursor: pointer;\n height: var(--thumb-size);\n margin-top: calc(0.5rem + 1px);\n position: relative;\n width: var(--thumb-size);\n}\n\n.slider_input:disabled::-webkit-slider-thumb,\n.slider_input:disabled:hover::-webkit-slider-thumb {\n background: var(--color-grey-700);\n border: 2px solid var(--color-grey-700);\n cursor: not-allowed;\n}\n\n.slider_input::-moz-range-thumb {\n appearance: none;\n background: var(--color-uva-white);\n border: 2px solid var(--color-navy-600);\n border-radius: 0.125rem;\n cursor: pointer;\n height: var(--thumb-size);\n margin-top: calc(-0.25rem - 1px);\n position: relative;\n width: var(--thumb-size);\n}\n\n.slider_input:disabled::-moz-range-thumb,\n.slider_input:hover:disabled::-moz-range-thumb {\n background: var(--color-grey-700);\n border: 2px solid var(--color-grey-700);\n cursor: not-allowed;\n}\n\n.slider_input::-ms-thumb {\n appearance: none;\n background: var(--color-uva-white);\n border: 2px solid var(--color-navy-600);\n border-radius: 0.125rem;\n cursor: pointer;\n height: var(--thumb-size);\n margin-top: calc(-0.25rem - 1px);\n position: relative;\n width: var(--thumb-size);\n}\n\n.slider_input:disabled::-ms-thumb,\n.slider_input:hover:disabled::-ms-thumb {\n background: var(--color-grey-700);\n border: 2px solid var(--color-grey-700);\n cursor: not-allowed;\n}\n\n.slider_input::-webkit-slider-thumb:hover {\n background: var(--color-navy-200);\n border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-moz-range-thumb:hover {\n background: var(--color-navy-200);\n border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-ms-thumb:hover {\n background: var(--color-navy-200);\n border: 2px solid var(--color-navy-800);\n}\n\n.slider_input::-moz-range-progress {\n background-color: var(--color-navy-600);\n}\n\n.slider_input::-moz-range-track {\n background-color: var(--color-grey-400);\n}\n\n.slider_input::-ms-fill-lower {\n background-color: var(--color-navy-600);\n}\n\n.slider_input::-ms-fill-upper {\n background-color: var(--color-grey-400);\n}\n","import { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { CSSProperties } from 'react';\r\n\r\nimport styles from './Slider.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface SliderProps {\r\n /* The minimum value of the slider /\r\n min: number;\r\n / The maximum value of the slider /\r\n max: number;\r\n / The current value of the slider /\r\n value?: number;\r\n / The step value of the slider /\r\n step?: number;\r\n / The units to display next to the value /\r\n units?: string;\r\n / aria-label labels for navigation buttons /\r\n navigationLabels?: { increase: string; decrease: string };\r\n / Whether the slider is disabled /\r\n disabled?: boolean;\r\n / Callback function when the value changes /\r\n onChange?: (value: number) => void;\r\n}\r\n\r\nconst HALF_STEP = 0.5;\r\nconst HUNDRED = 100;\r\nconst THUMB_SIZE = 16;\r\nconst REM = 16;\r\n\r\nexport const Slider = ({\r\n min,\r\n max,\r\n value,\r\n step = 1,\r\n units,\r\n navigationLabels,\r\n disabled = false,\r\n onChange,\r\n}: SliderProps) => {\r\n const [sliderValue, setSliderValue] = useState(value !== undefined ? value : (min + max) HALF_STEP);\r\n const [balloonLeftPosition, setBalloonLeftPosition] = useState('');\r\n const sliderRef = useRef<HTMLInputElement>(null);\r\n const trackWrapperRef = useRef<HTMLDivElement>(null);\r\n const balloonRef = useRef<HTMLDivElement>(null);\r\n\r\n const handleButtonClick = (direction: number) => {\r\n const newValue = sliderValue + direction * step;\r\n if (newValue >= min && newValue <= max) {\r\n setSliderValue(newValue);\r\n paintValueOnTrack(newValue);\r\n setFloaterPosition(newValue);\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n }\r\n };\r\n\r\n const handleSliderChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n const newValue = Number(event.target.value);\r\n setSliderValue(newValue);\r\n paintValueOnTrack(newValue);\r\n setFloaterPosition(newValue);\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n const paintValueOnTrack = (valueToPaint: number) => {\r\n if (!sliderRef.current) return;\r\n const percentage = ((valueToPaint - min) / (max - min)) * HUNDRED;\r\n if (disabled) {\r\n sliderRef.current.style.background = `linear-gradient(\r\n to right, \r\n var(--color-grey-700) 0%, \r\n var(--color-grey-700) ${percentage}%, \r\n var(--color-grey-400) ${percentage}%, \r\n var(--color-grey-400) 100%)`;\r\n } else {\r\n sliderRef.current.style.background = `linear-gradient(\r\n to right, \r\n var(--color-navy-600) 0%, \r\n var(--color-navy-600) ${percentage}%, \r\n var(--color-grey-400) ${percentage}%, \r\n var(--color-grey-400) 100%)`;\r\n }\r\n };\r\n\r\n const setFloaterPosition = (value: number) => {\r\n if (trackWrapperRef.current && balloonRef.current) {\r\n const balloonWidth = balloonRef.current.clientWidth;\r\n const trackWidth = trackWrapperRef.current.clientWidth - THUMB_SIZE;\r\n const position = ((value - min) / (max - min)) * trackWidth;\r\n const leftPosition = position - (balloonWidth - THUMB_SIZE) * HALF_STEP;\r\n const clampedLeft = Math.max(0, Math.min(leftPosition, trackWidth - balloonWidth + THUMB_SIZE * HALF_STEP));\r\n setBalloonLeftPosition(`${clampedLeft}px`);\r\n }\r\n };\r\n\r\n const initializeSlider = useEffectEvent((value: number) => {\r\n setSliderValue(value);\r\n paintValueOnTrack(value);\r\n setFloaterPosition(value);\r\n });\r\n\r\n useEffect(() => {\r\n if (value !== undefined) {\r\n initializeSlider(value);\r\n }\r\n }, [value, disabled]);\r\n\r\n return (\r\n <div className={styles['slider_wrapper']}>\r\n <button\r\n type=\"button\"\r\n className={styles['slider_button']}\r\n onClick={() => handleButtonClick(-1)}\r\n aria-label={navigationLabels?.decrease ? navigationLabels.decrease : 'Verlaag waarde'}\r\n disabled={disabled}\r\n >\r\n <Icon name=\"Minus\" size={20} />\r\n </button>\r\n <div className={styles['slider_trackwrapper']} ref={trackWrapperRef}>\r\n <div\r\n className={clsx(styles['slider_balloon'], { [styles['slider_balloon--disabled']]: disabled })}\r\n style={{ left: balloonLeftPosition }}\r\n ref={balloonRef}\r\n >\r\n {sliderValue}\r\n {units && <span className={styles['slider_units']}>{units}</span>}\r\n </div>\r\n <input\r\n type=\"range\"\r\n className={styles['slider_input']}\r\n min={min}\r\n max={max}\r\n step={step}\r\n value={sliderValue}\r\n onChange={handleSliderChange}\r\n ref={sliderRef}\r\n style={{ '--thumb-size': `${THUMB_SIZE / REM}rem` } as CSSProperties}\r\n aria-valuemin={min}\r\n aria-valuemax={max}\r\n aria-valuenow={sliderValue}\r\n aria-valuetext={units ? `${sliderValue} ${units}` : `${sliderValue}`}\r\n aria-label=\"Slider\"\r\n disabled={disabled}\r\n />\r\n </div>\r\n <button\r\n type=\"button\"\r\n className={styles['slider_button']}\r\n onClick={() => handleButtonClick(1)}\r\n aria-label={navigationLabels?.increase ? navigationLabels.increase : 'Verhoog waarde'}\r\n disabled={disabled}\r\n >\r\n <Icon name=\"Plus\" size={20} />\r\n </button>\r\n </div>\r\n );\r\n};\r\n"],"mappings":";;;;;;;;;;GC4BM,IAAY,IACZ,IAAU,KACV,IAAa,IACb,IAAM,IAEC,KAAU,EACrB,QACA,QACA,UACA,UAAO,GACP,UACA,qBACA,cAAW,IACX,kBACiB;CACjB,IAAM,CAAC,GAAa,KAAkB,EAAS,MAAU,KAAA,KAAqB,IAAM,KAAO,IAAtB,EAAgC,EAC/F,CAAC,GAAqB,KAA0B,EAAS,GAAG,EAC5D,IAAY,EAAyB,KAAK,EAC1C,IAAkB,EAAuB,KAAK,EAC9C,IAAa,EAAuB,KAAK,EAEzC,KAAqB,MAAsB;EAC/C,IAAM,IAAW,IAAc,IAAY;AAC3C,EAAI,KAAY,KAAO,KAAY,MACjC,EAAe,EAAS,EACxB,EAAkB,EAAS,EAC3B,EAAmB,EAAS,EACxB,KACF,EAAS,EAAS;IAKlB,KAAsB,MAA+C;EACzE,IAAM,IAAW,OAAO,EAAM,OAAO,MAAM;AAI3C,EAHA,EAAe,EAAS,EACxB,EAAkB,EAAS,EAC3B,EAAmB,EAAS,EACxB,KACF,EAAS,EAAS;IAIhB,KAAqB,MAAyB;AAClD,MAAI,CAAC,EAAU,QAAS;EACxB,IAAM,KAAe,IAAe,MAAQ,IAAM,KAAQ;AAC1D,EAAI,IACF,EAAU,QAAQ,MAAM,aAAa;;;iCAGV,EAAW;iCACX,EAAW;wCAGtC,EAAU,QAAQ,MAAM,aAAa;;;iCAGV,EAAW;iCACX,EAAW;;IAKpC,KAAsB,MAAkB;AAC5C,MAAI,EAAgB,WAAW,EAAW,SAAS;GACjD,IAAM,IAAe,EAAW,QAAQ,aAClC,IAAa,EAAgB,QAAQ,cAAc,GAEnD,KADa,IAAQ,MAAQ,IAAM,KAAQ,KAChB,IAAe,KAAc;AAE9D,KAAuB,GADH,KAAK,IAAI,GAAG,KAAK,IAAI,GAAc,IAAa,IAAe,IAAa,EAAU,CAChF,CAAY,IAAI;;IAIxC,IAAmB,GAAgB,MAAkB;AAGzD,EAFA,EAAe,EAAM,EACrB,EAAkB,EAAM,EACxB,EAAmB,EAAM;GACzB;AAQF,QANA,QAAgB;AACd,EAAI,MAAU,KAAA,KACZ,EAAiB,EAAM;IAExB,CAAC,GAAO,EAAS,CAAC,EAGnB,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAO;IAClB,eAAe,EAAkB,GAAG;IACpC,cAAY,GAAkB,WAAW,EAAiB,WAAW;IAC3D;cAEV,kBAAC,GAAD;KAAM,MAAK;KAAQ,MAAM;KAAM,CAAA;IACxB,CAAA;GACT,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAwB,KAAK;cAApD,CACE,kBAAC,OAAD;KACE,WAAW,EAAK,EAAO,gBAAmB,GAAG,EAAO,8BAA8B,GAAU,CAAC;KAC7F,OAAO,EAAE,MAAM,GAAqB;KACpC,KAAK;eAHP,CAKG,GACA,KAAS,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAkB;MAAa,CAAA,CAC7D;QACN,kBAAC,SAAD;KACE,MAAK;KACL,WAAW,EAAO;KACb;KACA;KACC;KACN,OAAO;KACP,UAAU;KACV,KAAK;KACL,OAAO,EAAE,gBAAgB,GAAG,IAAa,EAAI,MAAM;KACnD,iBAAe;KACf,iBAAe;KACf,iBAAe;KACf,kBAAgB,IAAQ,GAAG,EAAY,GAAG,MAAU,GAAG;KACvD,cAAW;KACD;KACV,CAAA,CACE;;GACN,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAO;IAClB,eAAe,EAAkB,EAAE;IACnC,cAAY,GAAkB,WAAW,EAAiB,WAAW;IAC3D;cAEV,kBAAC,GAAD;KAAM,MAAK;KAAO,MAAM;KAAM,CAAA;IACvB,CAAA;GACL"}

package/dist/SortableProvider-8HYiBXJS.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SortableProvider-8HYiBXJS.js","names":[],"sources":["../src/components/Sortable/components/SortableContainer.tsx","../src/components/Sortable/SortableProvider.tsx"],"sourcesContent":["import { cloneElement, useEffect, useRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { DragEvent } from 'react';\n\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport type OnSort = (indices: number[]) => void;\n\ninterface SortableContainerProps {\n scrollable?: boolean;\n hideNumbers?: boolean;\n onSort?: OnSort;\n}\n\nexport function SortableContainer({ scrollable, hideNumbers, onSort }: SortableContainerProps) {\n const { clone, draggingTarget, drop, sortableItems, setDraggingTarget, reset, indices } = useSortable();\n const containerRef = useRef<HTMLUListElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const indicesRef = useRef<number[]>(indices);\n\n function getTargetIndex(event: DragEvent<HTMLLIElement>) {\n const sortableContainer = containerRef.current;\n\n if (!sortableContainer?.hasChildNodes()) return;\n\n const listItemNode = event.currentTarget;\n const childNodes = Array.from(sortableContainer.childNodes);\n const targetIndex = childNodes.findIndex((node) => node.isEqualNode(listItemNode));\n\n return targetIndex;\n }\n\n function handleDrop(event: DragEvent<HTMLLIElement>) {\n const targetIndex = getTargetIndex(event);\n\n if (targetIndex === undefined) return;\n\n if (clone && wrapperRef.current) wrapperRef.current.removeChild(clone);\n\n drop(targetIndex);\n }\n\n function handleDragOver(event: DragEvent<HTMLLIElement>) {\n // Prevent default to allow drop\n event.preventDefault();\n event.dataTransfer.dropEffect = 'move';\n\n if (clone) {\n const { clientX, clientY } = event;\n const { x, y, width, height } = event.currentTarget.getBoundingClientRect();\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n const grabPosition = height / 2 - (clientY - y);\n\n // lock drag image movement to x-axis and mouse pointer\n clone.setAttribute(\n 'style',\n `\n left: ${clientX - (clientX - x)}px;\n top: ${y - grabPosition}px;\n height: ${height}px;\n width: ${width}px;\n visibility: visible;\n `\n );\n }\n\n const targetIndex = getTargetIndex(event);\n\n if (targetIndex === undefined \|\| targetIndex === draggingTarget) return;\n\n setDraggingTarget(targetIndex);\n }\n\n function handleContainerDragLeave(event: DragEvent<HTMLUListElement>) {\n const { relatedTarget } = event;\n\n const within = relatedTarget !== null && containerRef.current?.contains(relatedTarget as Node);\n\n if (!within) {\n reset();\n\n if (clone) {\n clone.setAttribute('style', 'visibility: hidden;');\n }\n }\n }\n\n useEffect(() => {\n if (!clone \|\| !wrapperRef.current) return;\n\n wrapperRef.current.appendChild(clone);\n\n return function () {\n clone.remove();\n };\n }, [clone]);\n\n useEffect(() => {\n if (!onSort) return;\n\n if (indices.valueOf() !== indicesRef.current.valueOf()) {\n onSort(indices);\n\n indicesRef.current = indices;\n }\n }, [indices, indicesRef, onSort]);\n\n return (\n <div\n className={clsx(styles['sortable__wrapper'], { [styles['sortable__wrapper--scrollable']]: scrollable })}\n ref={wrapperRef}\n >\n <ul\n className={clsx(styles['sortable__container'], {\n [styles['sortable__container--drag-over']]: clone !== undefined,\n })}\n onDragLeave={handleContainerDragLeave}\n ref={containerRef}\n role=\"presentation\"\n >\n {sortableItems.map((child, index) => (\n <li\n className={clsx(styles['sortable__drop-target'], {\n [styles['sortable__drop-target--no-number']]: hideNumbers,\n })}\n draggable={false}\n key={index}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n role=\"presentation\"\n >\n {cloneElement(child, { index })}\n </li>\n ))}\n </ul>\n </div>\n );\n}\n","import { createContext, useContext, useReducer, useRef } from 'react';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport type { SortableStateType } from './sortableReducer';\nimport type { SortableItem, SortableItemProps } from './components/SortableItem';\n\nimport { sortableReducer, initialState } from './sortableReducer';\nimport { SortableContainer } from './components/SortableContainer';\nimport * as actions from './actions';\n\ntype SortableContextType = {\n clearDraggingSource: () => void;\n clearDraggingTarget: () => void;\n dragEnd: () => void;\n dragStart: (index: number) => void;\n drop: (index: number) => void;\n moveToPosition: (index: number) => void;\n reset: () => void;\n setClone: (node: Element) => void;\n setDraggingSource: (index: number) => void;\n setDraggingTarget: (index: number) => void;\n};\n\nconst SortableContext = createContext<(SortableContextType & SortableStateType) \| undefined>(undefined);\n\ntype SortableItems = ReactElement<SortableItemProps, typeof SortableItem>[];\n\ninterface Props<T = unknown> {\n renderItems: SortableItems;\n dataItems: T[];\n scrollable?: boolean;\n hideNumbers?: boolean;\n onSort?: (items: T[]) => void;\n children?: ReactNode;\n}\n\nfunction isReactElementWithIndex(value: string \| ReactElement): value is ReactElement<{ index: number }> {\n return typeof value !== 'string';\n}\n\nconst init = (renderItems: SortableItems): SortableStateType => {\n const reactChildren = renderItems.filter(isReactElementWithIndex);\n\n return {\n ...initialState,\n indices: reactChildren.map(({ props }) => props.index),\n maxIndex: reactChildren.length - 1,\n sortableItems: reactChildren,\n };\n};\n\nexport function SortableProvider<T>({ renderItems, dataItems, scrollable, hideNumbers, onSort }: Props<T>) {\n const persistentItems = useRef(dataItems);\n\n const [state, dispatch] = useReducer(sortableReducer, renderItems, init);\n\n function setDraggingSource(index: number) {\n dispatch(actions.setDraggingSource(index));\n }\n\n function setDraggingTarget(index: number) {\n dispatch(actions.setDraggingTarget(index));\n }\n\n function moveToPosition(index: number) {\n dispatch(actions.moveToPosition(index));\n }\n\n function clearDraggingTarget() {\n dispatch(actions.clearDraggingTarget());\n }\n\n function clearDraggingSource() {\n dispatch(actions.clearDraggingSource());\n }\n\n function drop(index: number) {\n dispatch(actions.drop(index));\n }\n\n function dragStart(index: number) {\n dispatch(actions.dragStart(index));\n }\n\n function dragEnd() {\n dispatch(actions.dragEnd());\n }\n\n function reset() {\n dispatch(actions.reset());\n }\n\n function setClone(node: Element) {\n dispatch(actions.setClone(node));\n }\n\n function onHandleSort(sortedIndices: number[]) {\n const sortedData = sortedIndices.map((index) => persistentItems.current[index]);\n onSort && onSort(sortedData);\n }\n\n return (\n <SortableContext.Provider\n value={{\n ...state,\n clearDraggingSource,\n clearDraggingTarget,\n dragEnd,\n dragStart,\n drop,\n moveToPosition,\n reset,\n setClone,\n setDraggingSource,\n setDraggingTarget,\n }}\n >\n <SortableContainer scrollable={scrollable} hideNumbers={hideNumbers} onSort={onHandleSort} />\n </SortableContext.Provider>\n );\n}\n\nexport function useSortable() {\n const context = useContext(SortableContext);\n\n if (context === undefined) {\n throw new Error('useSortable must be used within a SortableProvider');\n }\n\n return context;\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SortableProvider-8HYiBXJS.js","names":[],"sources":["../src/components/Sortable/components/SortableContainer.tsx","../src/components/Sortable/SortableProvider.tsx"],"sourcesContent":["import { cloneElement, useEffect, useRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { DragEvent } from 'react';\n\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport type OnSort = (indices: number[]) => void;\n\ninterface SortableContainerProps {\n scrollable?: boolean;\n hideNumbers?: boolean;\n onSort?: OnSort;\n}\n\nexport function SortableContainer({ scrollable, hideNumbers, onSort }: SortableContainerProps) {\n const { clone, draggingTarget, drop, sortableItems, setDraggingTarget, reset, indices } = useSortable();\n const containerRef = useRef<HTMLUListElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const indicesRef = useRef<number[]>(indices);\n\n function getTargetIndex(event: DragEvent<HTMLLIElement>) {\n const sortableContainer = containerRef.current;\n\n if (!sortableContainer?.hasChildNodes()) return;\n\n const listItemNode = event.currentTarget;\n const childNodes = Array.from(sortableContainer.childNodes);\n const targetIndex = childNodes.findIndex((node) => node.isEqualNode(listItemNode));\n\n return targetIndex;\n }\n\n function handleDrop(event: DragEvent<HTMLLIElement>) {\n const targetIndex = getTargetIndex(event);\n\n if (targetIndex === undefined) return;\n\n if (clone && wrapperRef.current) wrapperRef.current.removeChild(clone);\n\n drop(targetIndex);\n }\n\n function handleDragOver(event: DragEvent<HTMLLIElement>) {\n // Prevent default to allow drop\n event.preventDefault();\n event.dataTransfer.dropEffect = 'move';\n\n if (clone) {\n const { clientX, clientY } = event;\n const { x, y, width, height } = event.currentTarget.getBoundingClientRect();\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n const grabPosition = height / 2 - (clientY - y);\n\n // lock drag image movement to x-axis and mouse pointer\n clone.setAttribute(\n 'style',\n `\n left: ${clientX - (clientX - x)}px;\n top: ${y - grabPosition}px;\n height: ${height}px;\n width: ${width}px;\n visibility: visible;\n `\n );\n }\n\n const targetIndex = getTargetIndex(event);\n\n if (targetIndex === undefined \|\| targetIndex === draggingTarget) return;\n\n setDraggingTarget(targetIndex);\n }\n\n function handleContainerDragLeave(event: DragEvent<HTMLUListElement>) {\n const { relatedTarget } = event;\n\n const within = relatedTarget !== null && containerRef.current?.contains(relatedTarget as Node);\n\n if (!within) {\n reset();\n\n if (clone) {\n clone.setAttribute('style', 'visibility: hidden;');\n }\n }\n }\n\n useEffect(() => {\n if (!clone \|\| !wrapperRef.current) return;\n\n wrapperRef.current.appendChild(clone);\n\n return function () {\n clone.remove();\n };\n }, [clone]);\n\n useEffect(() => {\n if (!onSort) return;\n\n if (indices.valueOf() !== indicesRef.current.valueOf()) {\n onSort(indices);\n\n indicesRef.current = indices;\n }\n }, [indices, indicesRef, onSort]);\n\n return (\n <div\n className={clsx(styles['sortable__wrapper'], { [styles['sortable__wrapper--scrollable']]: scrollable })}\n ref={wrapperRef}\n >\n <ul\n className={clsx(styles['sortable__container'], {\n [styles['sortable__container--drag-over']]: clone !== undefined,\n })}\n onDragLeave={handleContainerDragLeave}\n ref={containerRef}\n role=\"presentation\"\n >\n {sortableItems.map((child, index) => (\n <li\n className={clsx(styles['sortable__drop-target'], {\n [styles['sortable__drop-target--no-number']]: hideNumbers,\n })}\n draggable={false}\n key={index}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n role=\"presentation\"\n >\n {cloneElement(child, { index })}\n </li>\n ))}\n </ul>\n </div>\n );\n}\n","import { createContext, useContext, useReducer, useRef } from 'react';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport type { SortableStateType } from './sortableReducer';\nimport type { SortableItem, SortableItemProps } from './components/SortableItem';\n\nimport { sortableReducer, initialState } from './sortableReducer';\nimport { SortableContainer } from './components/SortableContainer';\nimport * as actions from './actions';\n\ntype SortableContextType = {\n clearDraggingSource: () => void;\n clearDraggingTarget: () => void;\n dragEnd: () => void;\n dragStart: (index: number) => void;\n drop: (index: number) => void;\n moveToPosition: (index: number) => void;\n reset: () => void;\n setClone: (node: Element) => void;\n setDraggingSource: (index: number) => void;\n setDraggingTarget: (index: number) => void;\n};\n\nconst SortableContext = createContext<(SortableContextType & SortableStateType) \| undefined>(undefined);\n\ntype SortableItems = ReactElement<SortableItemProps, typeof SortableItem>[];\n\ninterface Props<T = unknown> {\n renderItems: SortableItems;\n dataItems: T[];\n scrollable?: boolean;\n hideNumbers?: boolean;\n onSort?: (items: T[]) => void;\n children?: ReactNode;\n}\n\nfunction isReactElementWithIndex(value: string \| ReactElement): value is ReactElement<{ index: number }> {\n return typeof value !== 'string';\n}\n\nconst init = (renderItems: SortableItems): SortableStateType => {\n const reactChildren = renderItems.filter(isReactElementWithIndex);\n\n return {\n ...initialState,\n indices: reactChildren.map(({ props }) => props.index),\n maxIndex: reactChildren.length - 1,\n sortableItems: reactChildren,\n };\n};\n\nexport function SortableProvider<T>({ renderItems, dataItems, scrollable, hideNumbers, onSort }: Props<T>) {\n const persistentItems = useRef(dataItems);\n\n const [state, dispatch] = useReducer(sortableReducer, renderItems, init);\n\n function setDraggingSource(index: number) {\n dispatch(actions.setDraggingSource(index));\n }\n\n function setDraggingTarget(index: number) {\n dispatch(actions.setDraggingTarget(index));\n }\n\n function moveToPosition(index: number) {\n dispatch(actions.moveToPosition(index));\n }\n\n function clearDraggingTarget() {\n dispatch(actions.clearDraggingTarget());\n }\n\n function clearDraggingSource() {\n dispatch(actions.clearDraggingSource());\n }\n\n function drop(index: number) {\n dispatch(actions.drop(index));\n }\n\n function dragStart(index: number) {\n dispatch(actions.dragStart(index));\n }\n\n function dragEnd() {\n dispatch(actions.dragEnd());\n }\n\n function reset() {\n dispatch(actions.reset());\n }\n\n function setClone(node: Element) {\n dispatch(actions.setClone(node));\n }\n\n function onHandleSort(sortedIndices: number[]) {\n const sortedData = sortedIndices.map((index) => persistentItems.current[index]);\n onSort && onSort(sortedData);\n }\n\n return (\n <SortableContext.Provider\n value={{\n ...state,\n clearDraggingSource,\n clearDraggingTarget,\n dragEnd,\n dragStart,\n drop,\n moveToPosition,\n reset,\n setClone,\n setDraggingSource,\n setDraggingTarget,\n }}\n >\n <SortableContainer scrollable={scrollable} hideNumbers={hideNumbers} onSort={onHandleSort} />\n </SortableContext.Provider>\n );\n}\n\nexport function useSortable() {\n const context = useContext(SortableContext);\n\n if (context === undefined) {\n throw new Error('useSortable must be used within a SortableProvider');\n }\n\n return context;\n}\n"],"mappings":"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"}

package/dist/{TableCellResizerPlugin-Ceof6StD.js → TableCellResizerPlugin-Bc5y-Qbx.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as e } from "./LexicalComposerContext.prod-Ca-YN_fj.js";
-import { _ as t, j as n } from "./Lexical.prod-sbwgNRjw.js";
-import { f as r, s as i } from "./LexicalUtils.prod-DjjGkphN.js";
-import { C as a, T as o, a as s, b as c, g as l, l as u, t as d, u as f, y as p } from "./LexicalTable.prod-CpIPDW6z.js";
+import { At as t, w as n } from "./Lexical.prod-CqPLSi0R.js";
+import { i as r, n as i } from "./LexicalUtils.prod-BqcriFWV.js";
+import { b as a, d as o, f as s, g as c, i as l, r as u, s as d, w as f, y as p } from "./LexicalTable.prod-DlOxUQou.js";
 import { $createTableWrapperNode as m, TableWrapperNode as h } from "./components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js";
 import { getEditorContentWidth as g, getEditorParrentCellWidth as _, tableHasContent as v } from "./components/RteEditor/Plugins/TablePlugin/helpers.js";
 import { useCallback as y, useEffect as b, useLayoutEffect as x, useMemo as S, useRef as C, useState as w } from "react";
@@ -33,15 +33,15 @@ function I({ editor: e }) {
 	let x = C(null), S = C(null), O = C(null), k = C(null), [A, j] = w(null), [I, L] = w(null), [R, z] = w(!1), [B, V] = w(null), H = y(() => {
 		L(null), x.current = null, V(null), k.current = null, O.current = null;
 	}, []), U = (e) => (e.buttons & 1) == 1;
-	b(() => e.registerNodeTransform(u, (t) => {
+	b(() => e.registerNodeTransform(f, (t) => {
 		if (!t.getColWidths()) {
 			let n = t.getChildren(), r = t.getColumnCount(), a = Array(r).fill(void 0);
 			n[0].getChildren().forEach((n, o) => {
-				let c = e.getElementByKey(n.getKey());
-				if (c && c.style.width) a[o] = parseInt(c.style.width, 10), c.style.width = "";
+				let s = e.getElementByKey(n.getKey());
+				if (s && s.style.width) a[o] = parseInt(s.style.width, 10), s.style.width = "";
 				else if (v(t)) {
-					let n = t ? i(t, s) : null, c = (n ? _(n, r, e) : g(e)) / r;
-					a[o] = Math.max(c, P);
+					let n = t ? i(t, l) : null, s = (n ? _(n, r, e) : g(e)) / r;
+					a[o] = Math.max(s, P);
 				} else a[o] = P;
 			}), t.setColWidths(a);
 		}
@@ -63,22 +63,22 @@ function I({ editor: e }) {
 				}
 				if (z(U(r)), !(S.current && S.current.contains(i)) && x.current !== i) {
 					x.current = i;
-					let t = c(i);
+					let t = a(i);
 					t && I !== t ? e.getEditorState().read(() => {
 						let r = n(t.elem);
 						if (!r) throw Error("TableCellResizer: Table cell node not found.");
-						let a = p(r), s = o(a, e.getElementByKey(a.getKey()));
-						if (!s) throw Error("TableCellResizer: Table element not found.");
-						x.current = i, O.current = s.getBoundingClientRect(), L(t);
+						let a = p(r), o = d(a, e.getElementByKey(a.getKey()));
+						if (!o) throw Error("TableCellResizer: Table element not found.");
+						x.current = i, O.current = o.getBoundingClientRect(), L(t);
 					}, { editor: e }) : t ?? H();
 				}
 			}
 		}, i = () => {
 			z(!0);
-		}, a = () => {
+		}, o = () => {
 			z(!1);
 		}, s = e.registerRootListener((e, t) => {
-			t?.removeEventListener("mousemove", r), t?.removeEventListener("mousedown", i), t?.removeEventListener("mouseup", a), e?.addEventListener("mousemove", r), e?.addEventListener("mousedown", i), e?.addEventListener("mouseup", a);
+			t?.removeEventListener("mousemove", r), t?.removeEventListener("mousedown", i), t?.removeEventListener("mouseup", o), e?.addEventListener("mousemove", r), e?.addEventListener("mousedown", i), e?.addEventListener("mouseup", o);
 		});
 		return () => {
 			s();
@@ -93,18 +93,18 @@ function I({ editor: e }) {
 		if (!I) throw Error("TableCellResizer: Expected active cell.");
 		e.update(() => {
 			let r = n(I.elem);
-			if (!d(r)) throw Error("TableCellResizer: Table cell node not found.");
-			let i = p(r), a = l(r) + r.getRowSpan() - 1, o = i.getChildren();
-			if (a >= o.length || a < 0) throw Error("Expected table cell to be inside of table row.");
-			let s = o[a];
-			if (!f(s)) throw Error("Expected table row");
-			let c = s.getHeight();
-			if (c === void 0) {
-				let t = s.getChildren();
-				c = Math.min(...t.map((t) => K(t, e) ?? Infinity));
+			if (!s(r)) throw Error("TableCellResizer: Table cell node not found.");
+			let i = p(r), a = o(r) + r.getRowSpan() - 1, c = i.getChildren();
+			if (a >= c.length || a < 0) throw Error("Expected table cell to be inside of table row.");
+			let l = c[a];
+			if (!u(l)) throw Error("Expected table row");
+			let d = l.getHeight();
+			if (d === void 0) {
+				let t = l.getChildren();
+				d = Math.min(...t.map((t) => K(t, e) ?? Infinity));
 			}
-			let u = Math.max(c + t, N);
-			s.setHeight(u);
+			let f = Math.max(d + t, N);
+			l.setHeight(f);
 		}, { tag: "skip-scroll-into-view" });
 	}, [I, e]), K = (e, t) => t.getElementByKey(e.getKey())?.clientHeight, q = (e, t) => {
 		for (let n = 0; n < t.length; n++) for (let r = 0; r < t[n].length; r++) if (t[n][r].cell === e) return r;
@@ -113,19 +113,19 @@ function I({ editor: e }) {
 		if (!I) throw Error("TableCellResizer: Expected active cell.");
 		e.update(() => {
 			let e = n(I.elem);
-			if (!d(e)) throw Error("TableCellResizer: Table cell node not found.");
-			let r = p(e), [i] = a(r, null, null), o = q(e, i);
-			if (o === void 0) throw Error("TableCellResizer: Table column not found.");
-			let s = r.getColWidths();
-			if (!s) return;
-			let c = s[o];
-			if (c === void 0) return;
-			let l = [...s];
-			if (l[o] = Math.max(c + t, P), r.setColWidths(l), o < r.getColumnCount() - 1) {
+			if (!s(e)) throw Error("TableCellResizer: Table cell node not found.");
+			let r = p(e), [i] = c(r, null, null), a = q(e, i);
+			if (a === void 0) throw Error("TableCellResizer: Table column not found.");
+			let o = r.getColWidths();
+			if (!o) return;
+			let l = o[a];
+			if (l === void 0) return;
+			let u = [...o];
+			if (u[a] = Math.max(l + t, P), r.setColWidths(u), a < r.getColumnCount() - 1) {
 				let e = r.getColWidths();
 				if (!e) return;
-				let n = [...e], i = o + 1, a = e[i];
-				n[i] = Math.max(a - t, P), r.setColWidths(n);
+				let n = [...e], i = a + 1, o = e[i];
+				n[i] = Math.max(o - t, P), r.setColWidths(n);
 			}
 		}, { tag: "skip-scroll-into-view" });
 	}, [I, e]), Y = y((e) => {
@@ -205,4 +205,4 @@ var L = () => {
 //#endregion
 export { j as n, L as t };
-//# sourceMappingURL=TableCellResizerPlugin-Ceof6StD.js.map
+//# sourceMappingURL=TableCellResizerPlugin-Bc5y-Qbx.js.map

package/dist/{TableCellResizerPlugin-Ceof6StD.js.map → TableCellResizerPlugin-Bc5y-Qbx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCellResizerPlugin-Ceof6StD.js","names":["n","t","e","i","r","o"],"sources":["../node_modules/@lexical/react/useLexicalEditable.prod.mjs","../src/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.module.css","../src/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.tsx"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\n\nimport{useLexicalComposerContext as e}from\"@lexical/react/LexicalComposerContext\";import{useLayoutEffect as n,useEffect as t,useMemo as i,useState as r,useRef as o}from\"react\";const c=\"undefined\"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n:t;function u(e){return{initialValueFn:()=>e.isEditable(),subscribe:n=>e.registerEditableListener(n)}}function a(){return function(n){const[t]=e(),u=i(()=>n(t),[t,n]),[a,l]=r(()=>u.initialValueFn()),d=o(a);return c(()=>{const{initialValueFn:e,subscribe:n}=u,t=e();return d.current!==t&&(d.current=t,l(t)),n(e=>{d.current=e,l(e)})},[u,n]),a}(u)}export{a as useLexicalEditable};\n","/*\r\n Copyright (c) Meta Platforms, Inc. and affiliates.\r\n \r\n This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n \r\n \r\n /\n\n.table-cell-resizer__resizer {\n position: absolute;\n}\n","/ eslint-disable jsx-a11y/no-static-element-interactions /\r\n/\r\n Copyright (c) Meta Platforms, Inc. and affiliates.\r\n \r\n This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n \r\n Modified from original to fit project needs wim jurriaans.\r\n \r\n \r\n */\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable';\r\nimport {\r\n $computeTableMapSkipCellCheck,\r\n $getTableNodeFromLexicalNodeOrThrow,\r\n $getTableRowIndexFromTableCellNode,\r\n $isTableCellNode,\r\n $isTableRowNode,\r\n TableNode,\r\n getDOMCellFromTarget,\r\n getTableElement,\r\n TableCellNode,\r\n} from '@lexical/table';\r\nimport { $getNearestNodeOfType, calculateZoomLevel } from '@lexical/utils';\r\nimport { $getNearestNodeFromDOMNode, isHTMLElement } from 'lexical';\r\nimport { createPortal } from 'react-dom';\r\n\r\nimport type { LexicalEditor } from 'lexical';\r\nimport type { TableDOMCell, TableMapType, TableRowNode } from '@lexical/table';\r\nimport type { JSX, MouseEventHandler, ReactPortal } from 'react';\r\n\r\nimport styles from './TableCellResizerPlugin.module.css';\r\n\r\nimport {\r\n getEditorContentWidth,\r\n getEditorParrentCellWidth,\r\n tableHasContent,\r\n} from 'components/RteEditor/Plugins/TablePlugin/helpers';\r\nimport { $createTableWrapperNode, TableWrapperNode } from 'components/RteEditor/nodes';\r\n\r\ntype MousePosition = {\r\n x: number;\r\n y: number;\r\n};\r\n\r\ntype MouseDraggingDirection = 'right' \| 'bottom';\r\n\r\nconst MIN_ROW_HEIGHT = 33;\r\nconst MIN_COLUMN_WIDTH = 32;\r\nconst HALF = 2;\r\n\r\nfunction TableCellResizer({ editor }: { editor: LexicalEditor }): JSX.Element {\r\n const targetRef = useRef<HTMLElement \| null>(null);\r\n const resizerRef = useRef<HTMLDivElement \| null>(null);\r\n const tableRectRef = useRef<DOMRect \| null>(null);\r\n\r\n const mouseStartPosRef = useRef<MousePosition \| null>(null);\r\n const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition \| null>(null);\r\n\r\n const [activeCell, updateActiveCell] = useState<TableDOMCell \| null>(null);\r\n const [isMouseDown, updateIsMouseDown] = useState<boolean>(false);\r\n const [draggingDirection, updateDraggingDirection] = useState<MouseDraggingDirection \| null>(null);\r\n\r\n const resetState = useCallback(() => {\r\n updateActiveCell(null);\r\n targetRef.current = null;\r\n updateDraggingDirection(null);\r\n mouseStartPosRef.current = null;\r\n tableRectRef.current = null;\r\n }, []);\r\n\r\n const isMouseDownOnEvent = (event: MouseEvent) => {\r\n return (event.buttons & 1) === 1;\r\n };\r\n\r\n useEffect(() => {\r\n return editor.registerNodeTransform(TableNode, (tableNode) => {\r\n // modification: set default column widths if not defined or table cells of imported tables has the width set\r\n if (!tableNode.getColWidths()) {\r\n const tableRows = tableNode.getChildren();\r\n const columnCount = tableNode.getColumnCount();\r\n const colWidths = new Array(columnCount).fill(undefined);\r\n\r\n const firstRow = tableRows[0] as TableRowNode;\r\n const cells = firstRow.getChildren();\r\n cells.forEach((cell, colIdx) => {\r\n const domCell = editor.getElementByKey(cell.getKey());\r\n if (domCell && domCell.style.width) {\r\n colWidths[colIdx] = parseInt(domCell.style.width, 10);\r\n domCell.style.width = '';\r\n } else if (tableHasContent(tableNode)) {\r\n const isNested = tableNode ? $getNearestNodeOfType(tableNode, TableCellNode) : null;\r\n\r\n const availableWidth = isNested\r\n ? getEditorParrentCellWidth(isNested, columnCount, editor)\r\n : getEditorContentWidth(editor);\r\n const newColWidth = availableWidth / columnCount;\r\n colWidths[colIdx] = Math.max(newColWidth, MIN_COLUMN_WIDTH);\r\n } else {\r\n colWidths[colIdx] = MIN_COLUMN_WIDTH;\r\n }\r\n });\r\n\r\n tableNode.setColWidths(colWidths);\r\n }\r\n\r\n // modification: wrap table node in a wrapper node if there is no wrapper node present\r\n if (tableNode && !(tableNode.getParent() instanceof TableWrapperNode)) {\r\n const wrapperNode = $createTableWrapperNode();\r\n tableNode.replace(wrapperNode);\r\n wrapperNode.append(tableNode);\r\n }\r\n\r\n return tableNode;\r\n });\r\n }, [editor]);\r\n\r\n useEffect(() => {\r\n const onMouseMove = (event: MouseEvent) => {\r\n const target = event.target;\r\n if (!isHTMLElement(target)) {\r\n return;\r\n }\r\n\r\n if (draggingDirection) {\r\n updateMouseCurrentPos({\r\n x: event.clientX,\r\n y: event.clientY,\r\n });\r\n return;\r\n }\r\n updateIsMouseDown(isMouseDownOnEvent(event));\r\n if (resizerRef.current && resizerRef.current.contains(target)) {\r\n return;\r\n }\r\n\r\n if (targetRef.current !== target) {\r\n targetRef.current = target;\r\n const cell = getDOMCellFromTarget(target);\r\n\r\n if (cell && activeCell !== cell) {\r\n editor.getEditorState().read(\r\n () => {\r\n const tableCellNode = $getNearestNodeFromDOMNode(cell.elem);\r\n if (!tableCellNode) {\r\n throw new Error('TableCellResizer: Table cell node not found.');\r\n }\r\n\r\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));\r\n\r\n if (!tableElement) {\r\n throw new Error('TableCellResizer: Table element not found.');\r\n }\r\n\r\n targetRef.current = target;\r\n tableRectRef.current = tableElement.getBoundingClientRect();\r\n updateActiveCell(cell);\r\n },\r\n { editor }\r\n );\r\n } else if (cell == null) {\r\n resetState();\r\n }\r\n }\r\n };\r\n\r\n const onMouseDown = () => {\r\n updateIsMouseDown(true);\r\n };\r\n\r\n const onMouseUp = () => {\r\n updateIsMouseDown(false);\r\n };\r\n\r\n const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\r\n prevRootElement?.removeEventListener('mousemove', onMouseMove);\r\n prevRootElement?.removeEventListener('mousedown', onMouseDown);\r\n prevRootElement?.removeEventListener('mouseup', onMouseUp);\r\n rootElement?.addEventListener('mousemove', onMouseMove);\r\n rootElement?.addEventListener('mousedown', onMouseDown);\r\n rootElement?.addEventListener('mouseup', onMouseUp);\r\n });\r\n\r\n return () => {\r\n removeRootListener();\r\n };\r\n }, [activeCell, draggingDirection, editor, resetState]);\r\n\r\n const isHeightChanging = (direction: MouseDraggingDirection) => {\r\n if (direction === 'bottom') {\r\n return true;\r\n }\r\n return false;\r\n };\r\n\r\n const updateRowHeight = useCallback(\r\n (heightChange: number) => {\r\n if (!activeCell) {\r\n throw new Error('TableCellResizer: Expected active cell.');\r\n }\r\n\r\n editor.update(\r\n () => {\r\n const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);\r\n if (!$isTableCellNode(tableCellNode)) {\r\n throw new Error('TableCellResizer: Table cell node not found.');\r\n }\r\n\r\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n\r\n const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode) + tableCellNode.getRowSpan() - 1;\r\n\r\n const tableRows = tableNode.getChildren();\r\n\r\n if (tableRowIndex >= tableRows.length \|\| tableRowIndex < 0) {\r\n throw new Error('Expected table cell to be inside of table row.');\r\n }\r\n\r\n const tableRow = tableRows[tableRowIndex];\r\n\r\n if (!$isTableRowNode(tableRow)) {\r\n throw new Error('Expected table row');\r\n }\r\n\r\n let height = tableRow.getHeight();\r\n if (height === undefined) {\r\n const rowCells = tableRow.getChildren<TableCellNode>();\r\n height = Math.min(...rowCells.map((cell) => getCellNodeHeight(cell, editor) ?? Infinity));\r\n }\r\n\r\n const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT);\r\n tableRow.setHeight(newHeight);\r\n },\r\n { tag: 'skip-scroll-into-view' }\r\n );\r\n },\r\n [activeCell, editor]\r\n );\r\n\r\n const getCellNodeHeight = (cell: TableCellNode, activeEditor: LexicalEditor): number \| undefined => {\r\n const domCellNode = activeEditor.getElementByKey(cell.getKey());\r\n return domCellNode?.clientHeight;\r\n };\r\n\r\n const getCellColumnIndex = (tableCellNode: TableCellNode, tableMap: TableMapType) => {\r\n for (let row = 0; row < tableMap.length; row++) {\r\n for (let column = 0; column < tableMap[row].length; column++) {\r\n if (tableMap[row][column].cell === tableCellNode) {\r\n return column;\r\n }\r\n }\r\n }\r\n return -1;\r\n };\r\n\r\n const updateColumnWidth = useCallback(\r\n (widthChange: number) => {\r\n if (!activeCell) {\r\n throw new Error('TableCellResizer: Expected active cell.');\r\n }\r\n editor.update(\r\n () => {\r\n const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);\r\n if (!$isTableCellNode(tableCellNode)) {\r\n throw new Error('TableCellResizer: Table cell node not found.');\r\n }\r\n\r\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);\r\n const columnIndex = getCellColumnIndex(tableCellNode, tableMap);\r\n if (columnIndex === undefined) {\r\n throw new Error('TableCellResizer: Table column not found.');\r\n }\r\n\r\n const colWidths = tableNode.getColWidths();\r\n if (!colWidths) {\r\n return;\r\n }\r\n const width = colWidths[columnIndex];\r\n if (width === undefined) {\r\n return;\r\n }\r\n const newColWidths = [...colWidths];\r\n const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH);\r\n newColWidths[columnIndex] = newWidth;\r\n tableNode.setColWidths(newColWidths);\r\n\r\n // modification: when resizing a column, also resize the next column so the table doesn't overflow\r\n if (columnIndex < tableNode.getColumnCount() - 1) {\r\n const nextColWidths = tableNode.getColWidths();\r\n if (!nextColWidths) {\r\n return;\r\n }\r\n const newNextColWidths = [...nextColWidths];\r\n const newColumnIndex = columnIndex + 1;\r\n const newNextWidth = nextColWidths[newColumnIndex];\r\n const nextWidth = Math.max(newNextWidth - widthChange, MIN_COLUMN_WIDTH);\r\n newNextColWidths[newColumnIndex] = nextWidth;\r\n tableNode.setColWidths(newNextColWidths);\r\n }\r\n },\r\n { tag: 'skip-scroll-into-view' }\r\n );\r\n },\r\n [activeCell, editor]\r\n );\r\n\r\n const mouseUpHandler = useCallback(\r\n (direction: MouseDraggingDirection) => {\r\n const handler = (event: MouseEvent) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n if (!activeCell) {\r\n throw new Error('TableCellResizer: Expected active cell.');\r\n }\r\n\r\n if (mouseStartPosRef.current) {\r\n const { x, y } = mouseStartPosRef.current;\r\n\r\n if (activeCell === null) {\r\n return;\r\n }\r\n const zoom = calculateZoomLevel(event.target as Element);\r\n\r\n if (isHeightChanging(direction)) {\r\n const heightChange = (event.clientY - y) / zoom;\r\n updateRowHeight(heightChange);\r\n } else {\r\n const widthChange = (event.clientX - x) / zoom;\r\n updateColumnWidth(widthChange);\r\n }\r\n\r\n resetState();\r\n document.removeEventListener('mouseup', handler);\r\n }\r\n };\r\n return handler;\r\n },\r\n [activeCell, resetState, updateColumnWidth, updateRowHeight]\r\n );\r\n\r\n const toggleResize = useCallback(\r\n (direction: MouseDraggingDirection): MouseEventHandler<HTMLDivElement> =>\r\n (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n if (!activeCell) {\r\n throw new Error('TableCellResizer: Expected active cell.');\r\n }\r\n\r\n mouseStartPosRef.current = {\r\n x: event.clientX,\r\n y: event.clientY,\r\n };\r\n updateMouseCurrentPos(mouseStartPosRef.current);\r\n updateDraggingDirection(direction);\r\n\r\n document.addEventListener('mouseup', mouseUpHandler(direction));\r\n },\r\n [activeCell, mouseUpHandler]\r\n );\r\n\r\n const getResizers = useCallback(() => {\r\n if (activeCell) {\r\n const { height, width, top, left } = activeCell.elem.getBoundingClientRect();\r\n const zoom = calculateZoomLevel(activeCell.elem);\r\n const zoneWidth = 10; // Pixel width of the zone where you can drag the edge\r\n const styles = {\r\n bottom: {\r\n backgroundColor: 'none',\r\n cursor: 'ns-resize',\r\n height: `${zoneWidth}px`,\r\n left: `${window.pageXOffset + left}px`,\r\n top: `${window.pageYOffset + top + height - zoneWidth / HALF}px`,\r\n width: `${width}px`,\r\n zIndex: 5000,\r\n },\r\n right: {\r\n backgroundColor: 'none',\r\n cursor: 'ew-resize',\r\n height: `${height}px`,\r\n left: `${window.pageXOffset + left + width - zoneWidth / HALF}px`,\r\n top: `${window.pageYOffset + top}px`,\r\n width: `${zoneWidth}px`,\r\n zIndex: 5000,\r\n },\r\n };\r\n\r\n const tableRect = tableRectRef.current;\r\n\r\n if (draggingDirection && mouseCurrentPos && tableRect) {\r\n if (isHeightChanging(draggingDirection)) {\r\n styles[draggingDirection].left = `${window.pageXOffset + tableRect.left}px`;\r\n styles[draggingDirection].top = `${window.pageYOffset + mouseCurrentPos.y / zoom}px`;\r\n styles[draggingDirection].height = '3px';\r\n styles[draggingDirection].width = `${tableRect.width}px`;\r\n } else {\r\n styles[draggingDirection].top = `${window.pageYOffset + tableRect.top}px`;\r\n styles[draggingDirection].left = `${window.pageXOffset + mouseCurrentPos.x / zoom}px`;\r\n styles[draggingDirection].width = '3px';\r\n styles[draggingDirection].height = `${tableRect.height}px`;\r\n }\r\n\r\n styles[draggingDirection].backgroundColor = '#adf';\r\n }\r\n\r\n return styles;\r\n }\r\n\r\n return {\r\n bottom: null,\r\n left: null,\r\n right: null,\r\n top: null,\r\n };\r\n }, [activeCell, draggingDirection, mouseCurrentPos]);\r\n\r\n const resizerStyles = getResizers();\r\n\r\n return (\r\n <div ref={resizerRef}>\r\n {activeCell != null && !isMouseDown && (\r\n <>\r\n <div\r\n className={styles['table-cell-resizer__resizer']}\r\n style={resizerStyles.right \|\| undefined}\r\n onMouseDown={toggleResize('right')}\r\n />\r\n <div\r\n className={styles['table-cell-resizer__resizer']}\r\n style={resizerStyles.bottom \|\| undefined}\r\n onMouseDown={toggleResize('bottom')}\r\n />\r\n </>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\nexport const TableCellResizerPlugin = (): null \| ReactPortal => {\r\n const [editor] = useLexicalComposerContext();\r\n const isEditable = useLexicalEditable();\r\n\r\n return useMemo(\r\n () => (isEditable ? createPortal(<TableCellResizer editor={editor} />, document.body) : null),\r\n [editor, isEditable]\r\n );\r\n};\r\n"],"x_google_ignoreList":[0],"mappings":"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"}
1	+ {"version":3,"file":"TableCellResizerPlugin-Bc5y-Qbx.js","names":["n","t","e","i","r","o"],"sources":["../node_modules/@lexical/react/useLexicalEditable.prod.mjs","../src/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.module.css","../src/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.tsx"],"sourcesContent":["/*\n Copyright (c) Meta Platforms, Inc. and affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n \n /\n\nimport{useLexicalComposerContext as e}from\"@lexical/react/LexicalComposerContext\";import{useLayoutEffect as n,useEffect as t,useMemo as i,useState as r,useRef as o}from\"react\";const c=\"undefined\"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n:t;function u(e){return{initialValueFn:()=>e.isEditable(),subscribe:n=>e.registerEditableListener(n)}}function a(){return function(n){const[t]=e(),u=i(()=>n(t),[t,n]),[a,l]=r(()=>u.initialValueFn()),d=o(a);return c(()=>{const{initialValueFn:e,subscribe:n}=u,t=e();return d.current!==t&&(d.current=t,l(t)),n(e=>{d.current=e,l(e)})},[u,n]),a}(u)}export{a as useLexicalEditable};\n","/*\r\n Copyright (c) Meta Platforms, Inc. and affiliates.\r\n \r\n This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n \r\n \r\n /\n\n.table-cell-resizer__resizer {\n position: absolute;\n}\n","/ eslint-disable jsx-a11y/no-static-element-interactions /\r\n/\r\n Copyright (c) Meta Platforms, Inc. and affiliates.\r\n \r\n This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n \r\n Modified from original to fit project needs wim jurriaans.\r\n \r\n \r\n */\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable';\r\nimport {\r\n $computeTableMapSkipCellCheck,\r\n $getTableNodeFromLexicalNodeOrThrow,\r\n $getTableRowIndexFromTableCellNode,\r\n $isTableCellNode,\r\n $isTableRowNode,\r\n TableNode,\r\n getDOMCellFromTarget,\r\n getTableElement,\r\n TableCellNode,\r\n} from '@lexical/table';\r\nimport { $getNearestNodeOfType, calculateZoomLevel } from '@lexical/utils';\r\nimport { $getNearestNodeFromDOMNode, isHTMLElement } from 'lexical';\r\nimport { createPortal } from 'react-dom';\r\n\r\nimport type { LexicalEditor } from 'lexical';\r\nimport type { TableDOMCell, TableMapType, TableRowNode } from '@lexical/table';\r\nimport type { JSX, MouseEventHandler, ReactPortal } from 'react';\r\n\r\nimport styles from './TableCellResizerPlugin.module.css';\r\n\r\nimport {\r\n getEditorContentWidth,\r\n getEditorParrentCellWidth,\r\n tableHasContent,\r\n} from 'components/RteEditor/Plugins/TablePlugin/helpers';\r\nimport { $createTableWrapperNode, TableWrapperNode } from 'components/RteEditor/nodes';\r\n\r\ntype MousePosition = {\r\n x: number;\r\n y: number;\r\n};\r\n\r\ntype MouseDraggingDirection = 'right' \| 'bottom';\r\n\r\nconst MIN_ROW_HEIGHT = 33;\r\nconst MIN_COLUMN_WIDTH = 32;\r\nconst HALF = 2;\r\n\r\nfunction TableCellResizer({ editor }: { editor: LexicalEditor }): JSX.Element {\r\n const targetRef = useRef<HTMLElement \| null>(null);\r\n const resizerRef = useRef<HTMLDivElement \| null>(null);\r\n const tableRectRef = useRef<DOMRect \| null>(null);\r\n\r\n const mouseStartPosRef = useRef<MousePosition \| null>(null);\r\n const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition \| null>(null);\r\n\r\n const [activeCell, updateActiveCell] = useState<TableDOMCell \| null>(null);\r\n const [isMouseDown, updateIsMouseDown] = useState<boolean>(false);\r\n const [draggingDirection, updateDraggingDirection] = useState<MouseDraggingDirection \| null>(null);\r\n\r\n const resetState = useCallback(() => {\r\n updateActiveCell(null);\r\n targetRef.current = null;\r\n updateDraggingDirection(null);\r\n mouseStartPosRef.current = null;\r\n tableRectRef.current = null;\r\n }, []);\r\n\r\n const isMouseDownOnEvent = (event: MouseEvent) => {\r\n return (event.buttons & 1) === 1;\r\n };\r\n\r\n useEffect(() => {\r\n return editor.registerNodeTransform(TableNode, (tableNode) => {\r\n // modification: set default column widths if not defined or table cells of imported tables has the width set\r\n if (!tableNode.getColWidths()) {\r\n const tableRows = tableNode.getChildren();\r\n const columnCount = tableNode.getColumnCount();\r\n const colWidths = new Array(columnCount).fill(undefined);\r\n\r\n const firstRow = tableRows[0] as TableRowNode;\r\n const cells = firstRow.getChildren();\r\n cells.forEach((cell, colIdx) => {\r\n const domCell = editor.getElementByKey(cell.getKey());\r\n if (domCell && domCell.style.width) {\r\n colWidths[colIdx] = parseInt(domCell.style.width, 10);\r\n domCell.style.width = '';\r\n } else if (tableHasContent(tableNode)) {\r\n const isNested = tableNode ? $getNearestNodeOfType(tableNode, TableCellNode) : null;\r\n\r\n const availableWidth = isNested\r\n ? getEditorParrentCellWidth(isNested, columnCount, editor)\r\n : getEditorContentWidth(editor);\r\n const newColWidth = availableWidth / columnCount;\r\n colWidths[colIdx] = Math.max(newColWidth, MIN_COLUMN_WIDTH);\r\n } else {\r\n colWidths[colIdx] = MIN_COLUMN_WIDTH;\r\n }\r\n });\r\n\r\n tableNode.setColWidths(colWidths);\r\n }\r\n\r\n // modification: wrap table node in a wrapper node if there is no wrapper node present\r\n if (tableNode && !(tableNode.getParent() instanceof TableWrapperNode)) {\r\n const wrapperNode = $createTableWrapperNode();\r\n tableNode.replace(wrapperNode);\r\n wrapperNode.append(tableNode);\r\n }\r\n\r\n return tableNode;\r\n });\r\n }, [editor]);\r\n\r\n useEffect(() => {\r\n const onMouseMove = (event: MouseEvent) => {\r\n const target = event.target;\r\n if (!isHTMLElement(target)) {\r\n return;\r\n }\r\n\r\n if (draggingDirection) {\r\n updateMouseCurrentPos({\r\n x: event.clientX,\r\n y: event.clientY,\r\n });\r\n return;\r\n }\r\n updateIsMouseDown(isMouseDownOnEvent(event));\r\n if (resizerRef.current && resizerRef.current.contains(target)) {\r\n return;\r\n }\r\n\r\n if (targetRef.current !== target) {\r\n targetRef.current = target;\r\n const cell = getDOMCellFromTarget(target);\r\n\r\n if (cell && activeCell !== cell) {\r\n editor.getEditorState().read(\r\n () => {\r\n const tableCellNode = $getNearestNodeFromDOMNode(cell.elem);\r\n if (!tableCellNode) {\r\n throw new Error('TableCellResizer: Table cell node not found.');\r\n }\r\n\r\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));\r\n\r\n if (!tableElement) {\r\n throw new Error('TableCellResizer: Table element not found.');\r\n }\r\n\r\n targetRef.current = target;\r\n tableRectRef.current = tableElement.getBoundingClientRect();\r\n updateActiveCell(cell);\r\n },\r\n { editor }\r\n );\r\n } else if (cell == null) {\r\n resetState();\r\n }\r\n }\r\n };\r\n\r\n const onMouseDown = () => {\r\n updateIsMouseDown(true);\r\n };\r\n\r\n const onMouseUp = () => {\r\n updateIsMouseDown(false);\r\n };\r\n\r\n const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\r\n prevRootElement?.removeEventListener('mousemove', onMouseMove);\r\n prevRootElement?.removeEventListener('mousedown', onMouseDown);\r\n prevRootElement?.removeEventListener('mouseup', onMouseUp);\r\n rootElement?.addEventListener('mousemove', onMouseMove);\r\n rootElement?.addEventListener('mousedown', onMouseDown);\r\n rootElement?.addEventListener('mouseup', onMouseUp);\r\n });\r\n\r\n return () => {\r\n removeRootListener();\r\n };\r\n }, [activeCell, draggingDirection, editor, resetState]);\r\n\r\n const isHeightChanging = (direction: MouseDraggingDirection) => {\r\n if (direction === 'bottom') {\r\n return true;\r\n }\r\n return false;\r\n };\r\n\r\n const updateRowHeight = useCallback(\r\n (heightChange: number) => {\r\n if (!activeCell) {\r\n throw new Error('TableCellResizer: Expected active cell.');\r\n }\r\n\r\n editor.update(\r\n () => {\r\n const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);\r\n if (!$isTableCellNode(tableCellNode)) {\r\n throw new Error('TableCellResizer: Table cell node not found.');\r\n }\r\n\r\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n\r\n const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode) + tableCellNode.getRowSpan() - 1;\r\n\r\n const tableRows = tableNode.getChildren();\r\n\r\n if (tableRowIndex >= tableRows.length \|\| tableRowIndex < 0) {\r\n throw new Error('Expected table cell to be inside of table row.');\r\n }\r\n\r\n const tableRow = tableRows[tableRowIndex];\r\n\r\n if (!$isTableRowNode(tableRow)) {\r\n throw new Error('Expected table row');\r\n }\r\n\r\n let height = tableRow.getHeight();\r\n if (height === undefined) {\r\n const rowCells = tableRow.getChildren<TableCellNode>();\r\n height = Math.min(...rowCells.map((cell) => getCellNodeHeight(cell, editor) ?? Infinity));\r\n }\r\n\r\n const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT);\r\n tableRow.setHeight(newHeight);\r\n },\r\n { tag: 'skip-scroll-into-view' }\r\n );\r\n },\r\n [activeCell, editor]\r\n );\r\n\r\n const getCellNodeHeight = (cell: TableCellNode, activeEditor: LexicalEditor): number \| undefined => {\r\n const domCellNode = activeEditor.getElementByKey(cell.getKey());\r\n return domCellNode?.clientHeight;\r\n };\r\n\r\n const getCellColumnIndex = (tableCellNode: TableCellNode, tableMap: TableMapType) => {\r\n for (let row = 0; row < tableMap.length; row++) {\r\n for (let column = 0; column < tableMap[row].length; column++) {\r\n if (tableMap[row][column].cell === tableCellNode) {\r\n return column;\r\n }\r\n }\r\n }\r\n return -1;\r\n };\r\n\r\n const updateColumnWidth = useCallback(\r\n (widthChange: number) => {\r\n if (!activeCell) {\r\n throw new Error('TableCellResizer: Expected active cell.');\r\n }\r\n editor.update(\r\n () => {\r\n const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);\r\n if (!$isTableCellNode(tableCellNode)) {\r\n throw new Error('TableCellResizer: Table cell node not found.');\r\n }\r\n\r\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);\r\n const columnIndex = getCellColumnIndex(tableCellNode, tableMap);\r\n if (columnIndex === undefined) {\r\n throw new Error('TableCellResizer: Table column not found.');\r\n }\r\n\r\n const colWidths = tableNode.getColWidths();\r\n if (!colWidths) {\r\n return;\r\n }\r\n const width = colWidths[columnIndex];\r\n if (width === undefined) {\r\n return;\r\n }\r\n const newColWidths = [...colWidths];\r\n const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH);\r\n newColWidths[columnIndex] = newWidth;\r\n tableNode.setColWidths(newColWidths);\r\n\r\n // modification: when resizing a column, also resize the next column so the table doesn't overflow\r\n if (columnIndex < tableNode.getColumnCount() - 1) {\r\n const nextColWidths = tableNode.getColWidths();\r\n if (!nextColWidths) {\r\n return;\r\n }\r\n const newNextColWidths = [...nextColWidths];\r\n const newColumnIndex = columnIndex + 1;\r\n const newNextWidth = nextColWidths[newColumnIndex];\r\n const nextWidth = Math.max(newNextWidth - widthChange, MIN_COLUMN_WIDTH);\r\n newNextColWidths[newColumnIndex] = nextWidth;\r\n tableNode.setColWidths(newNextColWidths);\r\n }\r\n },\r\n { tag: 'skip-scroll-into-view' }\r\n );\r\n },\r\n [activeCell, editor]\r\n );\r\n\r\n const mouseUpHandler = useCallback(\r\n (direction: MouseDraggingDirection) => {\r\n const handler = (event: MouseEvent) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n if (!activeCell) {\r\n throw new Error('TableCellResizer: Expected active cell.');\r\n }\r\n\r\n if (mouseStartPosRef.current) {\r\n const { x, y } = mouseStartPosRef.current;\r\n\r\n if (activeCell === null) {\r\n return;\r\n }\r\n const zoom = calculateZoomLevel(event.target as Element);\r\n\r\n if (isHeightChanging(direction)) {\r\n const heightChange = (event.clientY - y) / zoom;\r\n updateRowHeight(heightChange);\r\n } else {\r\n const widthChange = (event.clientX - x) / zoom;\r\n updateColumnWidth(widthChange);\r\n }\r\n\r\n resetState();\r\n document.removeEventListener('mouseup', handler);\r\n }\r\n };\r\n return handler;\r\n },\r\n [activeCell, resetState, updateColumnWidth, updateRowHeight]\r\n );\r\n\r\n const toggleResize = useCallback(\r\n (direction: MouseDraggingDirection): MouseEventHandler<HTMLDivElement> =>\r\n (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n\r\n if (!activeCell) {\r\n throw new Error('TableCellResizer: Expected active cell.');\r\n }\r\n\r\n mouseStartPosRef.current = {\r\n x: event.clientX,\r\n y: event.clientY,\r\n };\r\n updateMouseCurrentPos(mouseStartPosRef.current);\r\n updateDraggingDirection(direction);\r\n\r\n document.addEventListener('mouseup', mouseUpHandler(direction));\r\n },\r\n [activeCell, mouseUpHandler]\r\n );\r\n\r\n const getResizers = useCallback(() => {\r\n if (activeCell) {\r\n const { height, width, top, left } = activeCell.elem.getBoundingClientRect();\r\n const zoom = calculateZoomLevel(activeCell.elem);\r\n const zoneWidth = 10; // Pixel width of the zone where you can drag the edge\r\n const styles = {\r\n bottom: {\r\n backgroundColor: 'none',\r\n cursor: 'ns-resize',\r\n height: `${zoneWidth}px`,\r\n left: `${window.pageXOffset + left}px`,\r\n top: `${window.pageYOffset + top + height - zoneWidth / HALF}px`,\r\n width: `${width}px`,\r\n zIndex: 5000,\r\n },\r\n right: {\r\n backgroundColor: 'none',\r\n cursor: 'ew-resize',\r\n height: `${height}px`,\r\n left: `${window.pageXOffset + left + width - zoneWidth / HALF}px`,\r\n top: `${window.pageYOffset + top}px`,\r\n width: `${zoneWidth}px`,\r\n zIndex: 5000,\r\n },\r\n };\r\n\r\n const tableRect = tableRectRef.current;\r\n\r\n if (draggingDirection && mouseCurrentPos && tableRect) {\r\n if (isHeightChanging(draggingDirection)) {\r\n styles[draggingDirection].left = `${window.pageXOffset + tableRect.left}px`;\r\n styles[draggingDirection].top = `${window.pageYOffset + mouseCurrentPos.y / zoom}px`;\r\n styles[draggingDirection].height = '3px';\r\n styles[draggingDirection].width = `${tableRect.width}px`;\r\n } else {\r\n styles[draggingDirection].top = `${window.pageYOffset + tableRect.top}px`;\r\n styles[draggingDirection].left = `${window.pageXOffset + mouseCurrentPos.x / zoom}px`;\r\n styles[draggingDirection].width = '3px';\r\n styles[draggingDirection].height = `${tableRect.height}px`;\r\n }\r\n\r\n styles[draggingDirection].backgroundColor = '#adf';\r\n }\r\n\r\n return styles;\r\n }\r\n\r\n return {\r\n bottom: null,\r\n left: null,\r\n right: null,\r\n top: null,\r\n };\r\n }, [activeCell, draggingDirection, mouseCurrentPos]);\r\n\r\n const resizerStyles = getResizers();\r\n\r\n return (\r\n <div ref={resizerRef}>\r\n {activeCell != null && !isMouseDown && (\r\n <>\r\n <div\r\n className={styles['table-cell-resizer__resizer']}\r\n style={resizerStyles.right \|\| undefined}\r\n onMouseDown={toggleResize('right')}\r\n />\r\n <div\r\n className={styles['table-cell-resizer__resizer']}\r\n style={resizerStyles.bottom \|\| undefined}\r\n onMouseDown={toggleResize('bottom')}\r\n />\r\n </>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\nexport const TableCellResizerPlugin = (): null \| ReactPortal => {\r\n const [editor] = useLexicalComposerContext();\r\n const isEditable = useLexicalEditable();\r\n\r\n return useMemo(\r\n () => (isEditable ? createPortal(<TableCellResizer editor={editor} />, document.body) : null),\r\n [editor, isEditable]\r\n );\r\n};\r\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/{chunk-DeC0fbbY.js → chunk-3e0lkp8x.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 //#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, n) => {
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
 	let r = {};
 	for (var i in e) t(r, i, {
 		get: e[i],

package/dist/{chunk-SZQXB3JV-KiB8lSa9.js → chunk-SZQXB3JV-D6GR5B4F.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as e, D as t, I as n, L as r, N as i, R as a, V as o, a as s, i as c, r as l, u, z as d } from "./test-Cr_l59hN.js";
+import { B as e, D as t, I as n, L as r, N as i, R as a, V as o, a as s, i as c, r as l, u, z as d } from "./test-Pa9Lwbsq.js";
 function f(e) {
 	return [e, ...e.querySelectorAll("*")].reduce((e, t) => ("shadowRoot" in t && t.shadowRoot && e.push(t.shadowRoot, ...f(t.shadowRoot)), e), []);
 }
@@ -8445,4 +8445,4 @@ async function xs(e, t) {
 //#endregion
 export { p as _, Uo as a, Me as c, Qt as d, Xt as f, St as g, Ct as h, Wo as i, q as l, Fe as m, $o as n, Ja as o, Ie as p, xs as r, rn as s, fs as t, en as u };
-//# sourceMappingURL=chunk-SZQXB3JV-KiB8lSa9.js.map
+//# sourceMappingURL=chunk-SZQXB3JV-D6GR5B4F.js.map