@uva-glass/component-library 1.59.1 → 1.59.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Lexical.prod-CO0gPAfo.js → Lexical.prod-BhH9TCLN.js} +952 -944
- package/dist/Lexical.prod-BhH9TCLN.js.map +1 -0
- package/dist/{LexicalList.prod-BceA-cJD.js → LexicalList.prod-Czb3Osbz.js} +25 -23
- package/dist/LexicalList.prod-Czb3Osbz.js.map +1 -0
- package/dist/{LexicalUtils.prod-PbdOb6JG.js → LexicalUtils.prod-Bsuvahba.js} +20 -20
- package/dist/{LexicalUtils.prod-PbdOb6JG.js.map → LexicalUtils.prod-Bsuvahba.js.map} +1 -1
- package/dist/{TablePlugin-Cj6IBz2k.js → TablePlugin-deK-rcE1.js} +32 -32
- package/dist/{TablePlugin-Cj6IBz2k.js.map → TablePlugin-deK-rcE1.js.map} +1 -1
- package/dist/assets/Periods.css +1 -1
- package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
- package/dist/components/InputField/InputField.stories.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/Periods/Periods.js +28 -25
- package/dist/components/Periods/Periods.js.map +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js +1 -1
- package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +1 -1
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +2 -2
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js +2 -2
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +11 -11
- package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js +2 -2
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +3 -3
- package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +25 -25
- package/dist/components/RteEditor/Plugins/index.js +1 -1
- package/dist/components/RteEditor/RteEditor.js +505 -505
- package/dist/components/RteEditor/RteEditor.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/{helpers-Ec7CfNnA.js → helpers-BRIyyVa6.js} +23 -23
- package/dist/{helpers-Ec7CfNnA.js.map → helpers-BRIyyVa6.js.map} +1 -1
- package/dist/{helpers-BewZrn6E.js → helpers-CaU5T9i-.js} +462 -423
- package/dist/helpers-CaU5T9i-.js.map +1 -0
- package/dist/index.js +1 -1
- package/package.json +9 -9
- package/dist/Lexical.prod-CO0gPAfo.js.map +0 -1
- package/dist/LexicalList.prod-BceA-cJD.js.map +0 -1
- package/dist/helpers-BewZrn6E.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePlugin-Cj6IBz2k.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/AddTableFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/TablePlugin.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n label: string;\n clearTrigger?: string;\n onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n return (\n <header className={styles['multi-select__header']}>\n <Label htmlFor=\"multi-select-list\">{label}</Label>\n {clearTrigger && (\n <Button variant={'blank'} onClick={onClear}>\n {clearTrigger}\n </Button>\n )}\n </header>\n );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\n\nexport interface MultiSelectProps {\n /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */\n scrollable?: boolean;\n /** `true` to disable the border around the container; otherwise, `false`. The default is `false`. */\n noBorder?: boolean;\n /** The header contents. */\n header?: ReactNode;\n}\n\n/** Represents a component to list a number of checkboxes. */\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n <>\n {header}\n <div\n className={clsx(styles['multi-select'], {\n [styles['multi-select--no-border']]: noBorder,\n })}\n >\n <ul\n className={clsx(styles['multi-select__list'], {\n [styles['multi-select__list--scrollable']]: scrollable,\n })}\n id=\"multi-select-list\"\n >\n {children}\n </ul>\n </div>\n </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n","import { useState, forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport type { ChangeEvent } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';\n\nimport { validateUrlWithProtocol } from './helpers';\nimport styles from './AddLinkForm.module.css';\n\nimport { Button, Checkbox, FeedbackBox, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n onCloseHandler: () => void;\n onSaveHandler: (url: string, target: string) => void;\n onRemoveHandler?: () => void;\n isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n clearForm: () => void;\n focusFirstField: () => void;\n setDefaults: (url: string, target: boolean) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n (\n {\n onCloseHandler,\n onSaveHandler,\n onRemoveHandler,\n isLink = { active: false, url: '', target: '_self' },\n }: AddLinkFormProps,\n ref\n ): JSX.Element => {\n const t = useTranslation();\n const [target, setTarget] = useState<boolean>(isLink.target === '_blank');\n const [url, setUrl] = useState<string>(isLink.url);\n const [urlError, setUrlError] = useState<string | null>(null);\n const firstField = useRef<HTMLInputElement>(null);\n\n const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n setUrl(event.target.value);\n };\n\n const handleTargetChange = () => {\n setTarget((prev) => !prev);\n };\n\n const validateUrl = (url: string): boolean => {\n if ((!url && url.trim() === '') || validateUrlWithProtocol(url) === false) {\n setUrlError(t.errortext.urlNotValid);\n return false;\n }\n setUrlError(null);\n return true;\n };\n\n const handleSave = () => {\n if (!validateUrl(url)) {\n return;\n }\n onSaveHandler(url, target ? '_blank' : '_self');\n resetForm();\n };\n\n const handleClose = () => {\n onCloseHandler();\n resetForm();\n };\n\n const resetForm = () => {\n setUrl('');\n setUrlError(null);\n };\n\n const handleRemoveHandler = () => {\n if (onRemoveHandler) {\n onRemoveHandler();\n resetForm();\n }\n };\n\n const setDefaults = (url: string, target: boolean) => {\n setUrl(url);\n setTarget(target);\n };\n\n const focusFirstField = () => {\n if (firstField.current) {\n firstField.current.focus();\n }\n };\n\n useImperativeHandle(ref, () => ({\n clearForm: resetForm,\n focusFirstField,\n setDefaults,\n }));\n\n return (\n <div className={styles['linkform']}>\n <FormField className={styles['linkform__input-field']}>\n <Label htmlFor=\"linkUrl\">{t.links.linkLabel}</Label>\n <InputField\n id=\"linkUrl\"\n placeholder=\"http(s)://\"\n value={url ? url : ''}\n onChange={(event) => handleUrl(event)}\n onFocus={() => setUrlError(null)}\n ref={firstField}\n />\n {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n </FormField>\n <FormField inline>\n <Checkbox id=\"linkTarget\" onChange={handleTargetChange} checked={target} />\n <Label htmlFor=\"linkTarget\">{t.links.linkTarget}</Label>\n </FormField>\n <div className={styles['linkform__footer']}>\n <Button variant={'secondary'} onClick={handleClose}>\n {t.common.cancel}\n </Button>\n {url && (\n <Button variant={'secondary'} onClick={handleRemoveHandler}>\n {t.links.deleteLink}\n </Button>\n )}\n <Button variant={'primary'} onClick={handleSave}>\n {url ? t.links.changeLink : t.links.addLink}\n </Button>\n </div>\n </div>\n );\n }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './AddTableFrom.module.css';\n\nimport { Button, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddTableFormProps {\n onCloseHandler: () => void;\n onSaveHandler: (nrfOfRows: number, nrOfColumns: number) => void;\n}\n\nexport interface addTableForm {\n clearForm: () => void;\n focusFirstField: () => void;\n}\n\nexport const AddTableForm = forwardRef(({ onCloseHandler, onSaveHandler }: AddTableFormProps, ref) => {\n const t = useTranslation();\n const [rowCount, setRowCount] = useState<number>();\n const [columnCount, setColumnCount] = useState<number>();\n const firstField = useRef<HTMLInputElement>(null);\n\n const handleDimentionChange = (event: ChangeEvent<HTMLInputElement>, type: string) => {\n const value = event.target.value;\n type === 'row' ? setRowCount(parseInt(value)) : setColumnCount(parseInt(value));\n };\n\n const handleSave = () => {\n if (rowCount !== undefined && columnCount !== undefined) {\n onSaveHandler(rowCount, columnCount);\n resetForm();\n }\n };\n\n const handleClose = () => {\n onCloseHandler();\n resetForm();\n };\n\n const resetForm = () => {\n setRowCount(undefined);\n setColumnCount(undefined);\n };\n\n useImperativeHandle(ref, () => ({\n clearForm: resetForm,\n focusFirstField: () => firstField.current?.focus(),\n }));\n\n return (\n <div className={styles['tableform']}>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor=\"nrOfRows\">{t.table.nrofRows}</Label>\n <InputField\n id=\"nrOfRows\"\n placeholder={t.table.nrofRowsPlaceholder}\n value={rowCount ? rowCount : ''}\n onChange={(event) => handleDimentionChange(event, 'row')}\n ref={firstField}\n />\n </FormField>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor=\"nrOfColumns\">{t.table.nrofColumns}</Label>\n <InputField\n id=\"nrOfColumns\"\n placeholder={t.table.nrofColumnsPlaceholder}\n value={columnCount ? columnCount : ''}\n onChange={(event) => handleDimentionChange(event, 'column')}\n />\n </FormField>\n <div className={styles['tableform__footer']}>\n <Button variant={'secondary'} onClick={handleClose}>\n {t.common.cancel}\n </Button>\n <Button variant={'primary'} onClick={handleSave} disabled={!rowCount || !columnCount}>\n {t.common.add}\n </Button>\n </div>\n </div>\n );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isTableCellNode } from '@lexical/table';\nimport { $getSelection, $isRangeSelection, $getRoot } from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { TextNode, ElementNode } from 'lexical';\nimport type { addTableForm } from './AddTableFrom';\nimport type { Actions } from './TableCellContextMenu';\n\nimport { AddTableForm } from './AddTableFrom';\nimport { createTable, deleteColumn, deleteRow, deleteTable, insertColumn, insertRow } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\nconst PREVENT_OPEN_DELAY = 200;\n\ninterface TablePluginProps {\n isActive: boolean;\n}\n\nexport interface TableMutation {\n mutateTable: (type: Actions) => void;\n}\n\nexport const TablePlugin = forwardRef(({ isActive }: TablePluginProps, ref): JSX.Element => {\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n const addTableForm = useRef<addTableForm>();\n const buttonRef = useRef<HTMLButtonElement>(null);\n const preventOpen = useRef(false);\n\n const insertTable = (nrOfRows: number, nrOfColumns: number) => {\n editor.update(() => {\n const selection = $getSelection();\n const tableNode = createTable(nrOfRows, nrOfColumns);\n if ($isRangeSelection(selection)) {\n selection.insertNodes([tableNode]);\n } else {\n $getRoot().append(tableNode);\n }\n const firstDescendant = tableNode.getFirstDescendant();\n if (firstDescendant) {\n (firstDescendant as TextNode).select();\n }\n });\n\n closeFlyout();\n };\n\n const mutateTable = (action: Actions) => {\n editor.update(() => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode();\n let currentNode: TextNode | ElementNode | null = anchorNode;\n\n while (currentNode !== null) {\n if ($isRangeSelection(selection)) {\n if ($isTableCellNode(currentNode)) {\n switch (action) {\n case 'insertRowAbove':\n case 'insertRowBelow':\n insertRow(currentNode, action);\n break;\n case 'deleteRow':\n deleteRow(currentNode);\n break;\n case 'insertColumnLeft':\n case 'insertColumnRight':\n insertColumn(currentNode, action);\n break;\n case 'deleteColumn':\n deleteColumn(currentNode);\n break;\n case 'deleteTable':\n deleteTable(currentNode);\n break;\n }\n }\n }\n currentNode = currentNode.getParent();\n }\n }\n });\n };\n\n const flyoutOptions = {\n children: (\n <AddTableForm\n onCloseHandler={closeFlyout}\n onSaveHandler={(rows, columns) => insertTable(rows, columns)}\n ref={addTableForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addTableForm.current?.clearForm();\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addTableForm.current?.focusFirstField();\n }\n }, [addTableForm, isVisible]);\n\n useImperativeHandle(ref, () => ({\n mutateTable,\n }));\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n <button\n onClick={() => !preventOpen.current && showFlyout(flyoutOptions)}\n className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n aria-label={`Table`}\n ref={buttonRef}\n >\n <Icon name=\"Table\" size={24} />\n </button>\n {flyout}\n </div>\n </div>\n );\n});\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem","AddLinkForm","forwardRef","onCloseHandler","onSaveHandler","onRemoveHandler","isLink","ref","t","useTranslation","target","setTarget","useState","url","setUrl","urlError","setUrlError","firstField","useRef","handleUrl","event","handleTargetChange","prev","validateUrl","validateUrlWithProtocol","handleSave","resetForm","handleClose","handleRemoveHandler","setDefaults","focusFirstField","useImperativeHandle","FormField","InputField","FeedbackBox","Checkbox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","handleDimentionChange","type","value","_a","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","currentNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","flyoutOptions","rows","columns","useEffect","_b","Icon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TablePlugin-deK-rcE1.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/AddTableFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/TablePlugin.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n label: string;\n clearTrigger?: string;\n onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n return (\n <header className={styles['multi-select__header']}>\n <Label htmlFor=\"multi-select-list\">{label}</Label>\n {clearTrigger && (\n <Button variant={'blank'} onClick={onClear}>\n {clearTrigger}\n </Button>\n )}\n </header>\n );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\n\nexport interface MultiSelectProps {\n /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */\n scrollable?: boolean;\n /** `true` to disable the border around the container; otherwise, `false`. The default is `false`. */\n noBorder?: boolean;\n /** The header contents. */\n header?: ReactNode;\n}\n\n/** Represents a component to list a number of checkboxes. */\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n <>\n {header}\n <div\n className={clsx(styles['multi-select'], {\n [styles['multi-select--no-border']]: noBorder,\n })}\n >\n <ul\n className={clsx(styles['multi-select__list'], {\n [styles['multi-select__list--scrollable']]: scrollable,\n })}\n id=\"multi-select-list\"\n >\n {children}\n </ul>\n </div>\n </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n","import { useState, forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport type { ChangeEvent } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';\n\nimport { validateUrlWithProtocol } from './helpers';\nimport styles from './AddLinkForm.module.css';\n\nimport { Button, Checkbox, FeedbackBox, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n onCloseHandler: () => void;\n onSaveHandler: (url: string, target: string) => void;\n onRemoveHandler?: () => void;\n isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n clearForm: () => void;\n focusFirstField: () => void;\n setDefaults: (url: string, target: boolean) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n (\n {\n onCloseHandler,\n onSaveHandler,\n onRemoveHandler,\n isLink = { active: false, url: '', target: '_self' },\n }: AddLinkFormProps,\n ref\n ): JSX.Element => {\n const t = useTranslation();\n const [target, setTarget] = useState<boolean>(isLink.target === '_blank');\n const [url, setUrl] = useState<string>(isLink.url);\n const [urlError, setUrlError] = useState<string | null>(null);\n const firstField = useRef<HTMLInputElement>(null);\n\n const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n setUrl(event.target.value);\n };\n\n const handleTargetChange = () => {\n setTarget((prev) => !prev);\n };\n\n const validateUrl = (url: string): boolean => {\n if ((!url && url.trim() === '') || validateUrlWithProtocol(url) === false) {\n setUrlError(t.errortext.urlNotValid);\n return false;\n }\n setUrlError(null);\n return true;\n };\n\n const handleSave = () => {\n if (!validateUrl(url)) {\n return;\n }\n onSaveHandler(url, target ? '_blank' : '_self');\n resetForm();\n };\n\n const handleClose = () => {\n onCloseHandler();\n resetForm();\n };\n\n const resetForm = () => {\n setUrl('');\n setUrlError(null);\n };\n\n const handleRemoveHandler = () => {\n if (onRemoveHandler) {\n onRemoveHandler();\n resetForm();\n }\n };\n\n const setDefaults = (url: string, target: boolean) => {\n setUrl(url);\n setTarget(target);\n };\n\n const focusFirstField = () => {\n if (firstField.current) {\n firstField.current.focus();\n }\n };\n\n useImperativeHandle(ref, () => ({\n clearForm: resetForm,\n focusFirstField,\n setDefaults,\n }));\n\n return (\n <div className={styles['linkform']}>\n <FormField className={styles['linkform__input-field']}>\n <Label htmlFor=\"linkUrl\">{t.links.linkLabel}</Label>\n <InputField\n id=\"linkUrl\"\n placeholder=\"http(s)://\"\n value={url ? url : ''}\n onChange={(event) => handleUrl(event)}\n onFocus={() => setUrlError(null)}\n ref={firstField}\n />\n {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n </FormField>\n <FormField inline>\n <Checkbox id=\"linkTarget\" onChange={handleTargetChange} checked={target} />\n <Label htmlFor=\"linkTarget\">{t.links.linkTarget}</Label>\n </FormField>\n <div className={styles['linkform__footer']}>\n <Button variant={'secondary'} onClick={handleClose}>\n {t.common.cancel}\n </Button>\n {url && (\n <Button variant={'secondary'} onClick={handleRemoveHandler}>\n {t.links.deleteLink}\n </Button>\n )}\n <Button variant={'primary'} onClick={handleSave}>\n {url ? t.links.changeLink : t.links.addLink}\n </Button>\n </div>\n </div>\n );\n }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './AddTableFrom.module.css';\n\nimport { Button, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddTableFormProps {\n onCloseHandler: () => void;\n onSaveHandler: (nrfOfRows: number, nrOfColumns: number) => void;\n}\n\nexport interface addTableForm {\n clearForm: () => void;\n focusFirstField: () => void;\n}\n\nexport const AddTableForm = forwardRef(({ onCloseHandler, onSaveHandler }: AddTableFormProps, ref) => {\n const t = useTranslation();\n const [rowCount, setRowCount] = useState<number>();\n const [columnCount, setColumnCount] = useState<number>();\n const firstField = useRef<HTMLInputElement>(null);\n\n const handleDimentionChange = (event: ChangeEvent<HTMLInputElement>, type: string) => {\n const value = event.target.value;\n type === 'row' ? setRowCount(parseInt(value)) : setColumnCount(parseInt(value));\n };\n\n const handleSave = () => {\n if (rowCount !== undefined && columnCount !== undefined) {\n onSaveHandler(rowCount, columnCount);\n resetForm();\n }\n };\n\n const handleClose = () => {\n onCloseHandler();\n resetForm();\n };\n\n const resetForm = () => {\n setRowCount(undefined);\n setColumnCount(undefined);\n };\n\n useImperativeHandle(ref, () => ({\n clearForm: resetForm,\n focusFirstField: () => firstField.current?.focus(),\n }));\n\n return (\n <div className={styles['tableform']}>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor=\"nrOfRows\">{t.table.nrofRows}</Label>\n <InputField\n id=\"nrOfRows\"\n placeholder={t.table.nrofRowsPlaceholder}\n value={rowCount ? rowCount : ''}\n onChange={(event) => handleDimentionChange(event, 'row')}\n ref={firstField}\n />\n </FormField>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor=\"nrOfColumns\">{t.table.nrofColumns}</Label>\n <InputField\n id=\"nrOfColumns\"\n placeholder={t.table.nrofColumnsPlaceholder}\n value={columnCount ? columnCount : ''}\n onChange={(event) => handleDimentionChange(event, 'column')}\n />\n </FormField>\n <div className={styles['tableform__footer']}>\n <Button variant={'secondary'} onClick={handleClose}>\n {t.common.cancel}\n </Button>\n <Button variant={'primary'} onClick={handleSave} disabled={!rowCount || !columnCount}>\n {t.common.add}\n </Button>\n </div>\n </div>\n );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isTableCellNode } from '@lexical/table';\nimport { $getSelection, $isRangeSelection, $getRoot } from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { TextNode, ElementNode } from 'lexical';\nimport type { addTableForm } from './AddTableFrom';\nimport type { Actions } from './TableCellContextMenu';\n\nimport { AddTableForm } from './AddTableFrom';\nimport { createTable, deleteColumn, deleteRow, deleteTable, insertColumn, insertRow } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\nconst PREVENT_OPEN_DELAY = 200;\n\ninterface TablePluginProps {\n isActive: boolean;\n}\n\nexport interface TableMutation {\n mutateTable: (type: Actions) => void;\n}\n\nexport const TablePlugin = forwardRef(({ isActive }: TablePluginProps, ref): JSX.Element => {\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n const addTableForm = useRef<addTableForm>();\n const buttonRef = useRef<HTMLButtonElement>(null);\n const preventOpen = useRef(false);\n\n const insertTable = (nrOfRows: number, nrOfColumns: number) => {\n editor.update(() => {\n const selection = $getSelection();\n const tableNode = createTable(nrOfRows, nrOfColumns);\n if ($isRangeSelection(selection)) {\n selection.insertNodes([tableNode]);\n } else {\n $getRoot().append(tableNode);\n }\n const firstDescendant = tableNode.getFirstDescendant();\n if (firstDescendant) {\n (firstDescendant as TextNode).select();\n }\n });\n\n closeFlyout();\n };\n\n const mutateTable = (action: Actions) => {\n editor.update(() => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode();\n let currentNode: TextNode | ElementNode | null = anchorNode;\n\n while (currentNode !== null) {\n if ($isRangeSelection(selection)) {\n if ($isTableCellNode(currentNode)) {\n switch (action) {\n case 'insertRowAbove':\n case 'insertRowBelow':\n insertRow(currentNode, action);\n break;\n case 'deleteRow':\n deleteRow(currentNode);\n break;\n case 'insertColumnLeft':\n case 'insertColumnRight':\n insertColumn(currentNode, action);\n break;\n case 'deleteColumn':\n deleteColumn(currentNode);\n break;\n case 'deleteTable':\n deleteTable(currentNode);\n break;\n }\n }\n }\n currentNode = currentNode.getParent();\n }\n }\n });\n };\n\n const flyoutOptions = {\n children: (\n <AddTableForm\n onCloseHandler={closeFlyout}\n onSaveHandler={(rows, columns) => insertTable(rows, columns)}\n ref={addTableForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addTableForm.current?.clearForm();\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addTableForm.current?.focusFirstField();\n }\n }, [addTableForm, isVisible]);\n\n useImperativeHandle(ref, () => ({\n mutateTable,\n }));\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n <button\n onClick={() => !preventOpen.current && showFlyout(flyoutOptions)}\n className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n aria-label={`Table`}\n ref={buttonRef}\n >\n <Icon name=\"Table\" size={24} />\n </button>\n {flyout}\n </div>\n </div>\n );\n});\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem","AddLinkForm","forwardRef","onCloseHandler","onSaveHandler","onRemoveHandler","isLink","ref","t","useTranslation","target","setTarget","useState","url","setUrl","urlError","setUrlError","firstField","useRef","handleUrl","event","handleTargetChange","prev","validateUrl","validateUrlWithProtocol","handleSave","resetForm","handleClose","handleRemoveHandler","setDefaults","focusFirstField","useImperativeHandle","FormField","InputField","FeedbackBox","Checkbox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","handleDimentionChange","type","value","_a","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","currentNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","flyoutOptions","rows","columns","useEffect","_b","Icon"],"mappings":"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"}
|
package/dist/assets/Periods.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._periods__container_1cv1o_1{display:flex;flex-wrap:nowrap}._periods__item_1cv1o_6{background-color:var(--color-grey-200);border:1px solid var(--color-grey-300);display:inline-block;height:.75rem;margin-right:.125rem;width:.5rem}._periods__item_1cv1o_6:nth-child(3n):not(:last-child){margin-right:.5rem}._periods__item_1cv1o_6:last-child{margin-right:0}._periods__item--active_1cv1o_23{background-color:var(--color-grey-500);border:unset}
|
|
@@ -17,7 +17,7 @@ import "../IconButton/IconButton.js";
|
|
|
17
17
|
import "../Input/Input.js";
|
|
18
18
|
import "../InputField/InputField.js";
|
|
19
19
|
import "react-router-dom";
|
|
20
|
-
import "../../TablePlugin-
|
|
20
|
+
import "../../TablePlugin-deK-rcE1.js";
|
|
21
21
|
import "../RteEditor/hooks/components/Flyout.js";
|
|
22
22
|
import "../RteEditor/Providers/LanguageProvider.js";
|
|
23
23
|
import "../SelectListbox/SelectListbox.js";
|
|
@@ -15,7 +15,7 @@ import "../GridRow/GridRow.js";
|
|
|
15
15
|
import "../IconButton/IconButton.js";
|
|
16
16
|
import "../Input/Input.js";
|
|
17
17
|
import "react-router-dom";
|
|
18
|
-
import "../../TablePlugin-
|
|
18
|
+
import "../../TablePlugin-deK-rcE1.js";
|
|
19
19
|
import "../RteEditor/hooks/components/Flyout.js";
|
|
20
20
|
import "../RteEditor/Providers/LanguageProvider.js";
|
|
21
21
|
import "../SelectListbox/SelectListbox.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as S, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { fn as d } from "../../index-MQ0yPLdl.js";
|
|
3
3
|
import { useState as p } from "react";
|
|
4
|
-
import { M as e } from "../../TablePlugin-
|
|
4
|
+
import { M as e } from "../../TablePlugin-deK-rcE1.js";
|
|
5
5
|
import { Container as M } from "../../storyComponents/Container/Container.js";
|
|
6
6
|
const C = `
|
|
7
7
|
// MultiSelectHeader can be added optionally
|
|
@@ -14,7 +14,7 @@ import "../../IconButton/IconButton.js";
|
|
|
14
14
|
import "../../Input/Input.js";
|
|
15
15
|
import "../../InputField/InputField.js";
|
|
16
16
|
import "react-router-dom";
|
|
17
|
-
import { a as q } from "../../../TablePlugin-
|
|
17
|
+
import { a as q } from "../../../TablePlugin-deK-rcE1.js";
|
|
18
18
|
import "../../RteEditor/hooks/components/Flyout.js";
|
|
19
19
|
import "../../RteEditor/Providers/LanguageProvider.js";
|
|
20
20
|
import "../../SelectListbox/SelectListbox.js";
|
|
@@ -1,37 +1,40 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { useId as
|
|
4
|
-
import '../../assets/Periods.css';const N = "
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"
|
|
8
|
-
},
|
|
9
|
-
const
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { c as y } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { useId as P } from "react";
|
|
4
|
+
import '../../assets/Periods.css';const N = "_periods__container_1cv1o_1", g = "_periods__item_1cv1o_6", _ = {
|
|
5
|
+
periods__container: N,
|
|
6
|
+
periods__item: g,
|
|
7
|
+
"periods__item--active": "_periods__item--active_1cv1o_23"
|
|
8
|
+
}, S = 6, O = ({ periods: i, tooltipTranslations: u, maxPeriods: f = S }) => {
|
|
9
|
+
const l = Array.from({ length: f }, (e, t) => t + 1), $ = P(), a = i.some((e) => typeof e == "number"), b = (e) => {
|
|
10
10
|
const t = {};
|
|
11
|
-
return a ?
|
|
12
|
-
if (typeof
|
|
13
|
-
const r = Math.ceil(
|
|
11
|
+
return a ? i.forEach((s) => {
|
|
12
|
+
if (typeof s == "number") {
|
|
13
|
+
const r = Math.ceil(s / 3), o = (s - 1) % 3 + 1;
|
|
14
14
|
t[r] || (t[r] = []), t[r].push(o);
|
|
15
15
|
}
|
|
16
|
-
}) :
|
|
17
|
-
const { semesterNumber: r, periodInSemester: o } =
|
|
16
|
+
}) : i.forEach((s) => {
|
|
17
|
+
const { semesterNumber: r, periodInSemester: o } = s;
|
|
18
18
|
t[r] || (t[r] = []), t[r].push(o);
|
|
19
|
-
}), Object.keys(t).reduce((
|
|
20
|
-
const
|
|
19
|
+
}), Object.keys(t).reduce((s, r, o) => {
|
|
20
|
+
const n = Number(r), c = t[n];
|
|
21
21
|
let m = "";
|
|
22
|
-
const d =
|
|
23
|
-
if (
|
|
24
|
-
const
|
|
25
|
-
m = `Semester ${
|
|
22
|
+
const d = c.length > 1 ? e.periods : e.period;
|
|
23
|
+
if (c.length > 1) {
|
|
24
|
+
const v = c.pop();
|
|
25
|
+
m = `Semester ${n} ${d} ${c.join(", ")} ${e.and} ${v}`;
|
|
26
26
|
} else
|
|
27
|
-
m = `Semester ${
|
|
28
|
-
return `${
|
|
27
|
+
m = `Semester ${n} ${d} ${c[0]}`;
|
|
28
|
+
return `${s}${o > 0 ? ". " : ""}${m}`;
|
|
29
29
|
}, "").trim() + ".";
|
|
30
|
-
}, h = (e) => a ?
|
|
31
|
-
return /* @__PURE__ */
|
|
30
|
+
}, h = (e) => a ? i.includes(e) : !!i.find((t) => t.number === e);
|
|
31
|
+
return /* @__PURE__ */ p("div", { className: _.periods__container, title: u ? b(u) : "", children: l.map((e) => /* @__PURE__ */ p(
|
|
32
32
|
"span",
|
|
33
33
|
{
|
|
34
|
-
className:
|
|
34
|
+
className: y(
|
|
35
|
+
_.periods__item,
|
|
36
|
+
h(e) ? _["periods__item--active"] : ""
|
|
37
|
+
)
|
|
35
38
|
},
|
|
36
39
|
`${$}-${e}`
|
|
37
40
|
)) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Periods.js","sources":["../../../src/components/Periods/Periods.tsx"],"sourcesContent":["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?: 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['
|
|
1
|
+
{"version":3,"file":"Periods.js","sources":["../../../src/components/Periods/Periods.tsx"],"sourcesContent":["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?: 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 key={`${idPrefix}-${periodIndex}`}\n />\n );\n })}\n </div>\n );\n};\n"],"names":["MAX_PERIODS","Periods","periods","tooltipTranslations","maxPeriods","maxPeriodsList","_","index","idPrefix","useId","isArrayOfNumbers","value","getTitles","semesterPeriods","period","groupKey","mappedValue","semesterNumber","periodInSemester","acc","semesterKey","periodsInSemester","periodTitle","blokLabel","lastPeriod","isPeriodActive","periodIndex","jsx","styles","clsx"],"mappings":";;;;;;;GA4BMA,IAAc,GAGPC,IAAU,CAAC,EAAE,SAAAC,GAAS,qBAAAC,GAAqB,YAAAC,IAAaJ,QAAgC;AAC7F,QAAAK,IAAiB,MAAM,KAAK,EAAE,QAAQD,KAAc,CAACE,GAAGC,MAAUA,IAAQ,CAAC,GAC3EC,IAAWC,KAEXC,IAAmBR,EAAQ,KAAK,CAACS,MAC9B,OAAOA,KAAU,QACzB,GAEKC,IAAY,CAACT,MAAqD;AACtE,UAAMU,IAA4C,CAAA;AAI9C,WAAAH,IAAAR,EAAQ,QAAQ,CAACY,MAAW;AACtB,UAAA,OAAOA,KAAW,UAAU;AAE9B,cAAMC,IAAW,KAAK,KAAKD,IAAS,CAAC,GAE/BE,KAAgBF,IAAS,KAAK,IAAK;AAErC,QAACD,EAAgBE,CAAQ,MACXF,EAAAE,CAAQ,IAAI,KAEdF,EAAAE,CAAQ,EAAE,KAAKC,CAAW;AAAA,MAC5C;AAAA,IACD,CAAA,IACDd,EAAQ,QAAQ,CAACY,MAAW;AACpB,YAAA,EAAE,gBAAAG,GAAgB,kBAAAC,EAAqB,IAAAJ;AAEzC,MAACD,EAAgBI,CAAc,MACjBJ,EAAAI,CAAc,IAAI,KAEpBJ,EAAAI,CAAc,EAAE,KAAKC,CAAgB;AAAA,IAAA,CACtD,GAGS,OAAO,KAAKL,CAAe,EAAE,OAAO,CAACM,GAAKC,GAAab,MAAU;AACvE,YAAAU,IAAiB,OAAOG,CAAW,GACnCC,IAAoBR,EAAgBI,CAAc;AACxD,UAAIK,IAAc;AAGlB,YAAMC,IAAYF,EAAkB,SAAS,IAAIlB,EAAoB,UAAUA,EAAoB;AAG/F,UAAAkB,EAAkB,SAAS,GAAG;AAC1B,cAAAG,IAAaH,EAAkB;AACrC,QAAAC,IAAc,YAAYL,CAAc,IAAIM,CAAS,IAAIF,EAAkB,KAAK,IAAI,CAAC,IAAIlB,EAAoB,GAAG,IAAIqB,CAAU;AAAA,MAAA;AAE9H,QAAAF,IAAc,YAAYL,CAAc,IAAIM,CAAS,IAAIF,EAAkB,CAAC,CAAC;AAIxE,aAAA,GAAGF,CAAG,GAAGZ,IAAQ,IAAI,OAAO,EAAE,GAAGe,CAAW;AAAA,OAClD,EAAE,EAEQ,KAAS,IAAA;AAAA,EAAA,GAGlBG,IAAiB,CAACC,MAClBhB,IACMR,EAAqB,SAASwB,CAAW,IAE1C,EAAAxB,EAAQ,KAAK,CAACY,MAAYA,EAAkB,WAAWY,CAAW;AAI7E,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,oBAAuB,OAAOzB,IAAsBS,EAAUT,CAAmB,IAAI,IACzG,UAAeE,EAAA,IAAI,CAACqB,MAEjB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACTD,EAAO;AAAA,QACPH,EAAeC,CAAW,IAAIE,EAAO,uBAAuB,IAAI;AAAA,MAClE;AAAA,IAAA;AAAA,IACK,GAAGpB,CAAQ,IAAIkB,CAAW;AAAA,EAAA,CAGpC,EACH,CAAA;AAEJ;"}
|
|
@@ -16,7 +16,7 @@ import "../IconButton/IconButton.js";
|
|
|
16
16
|
import "../Input/Input.js";
|
|
17
17
|
import "../InputField/InputField.js";
|
|
18
18
|
import "react-router-dom";
|
|
19
|
-
import "../../TablePlugin-
|
|
19
|
+
import "../../TablePlugin-deK-rcE1.js";
|
|
20
20
|
import { Repeater as i } from "../Repeater/Repeater.js";
|
|
21
21
|
import "../RteEditor/hooks/components/Flyout.js";
|
|
22
22
|
import "../RteEditor/Providers/LanguageProvider.js";
|
|
@@ -15,7 +15,7 @@ import "../../IconButton/IconButton.js";
|
|
|
15
15
|
import "../../Input/Input.js";
|
|
16
16
|
import "../../InputField/InputField.js";
|
|
17
17
|
import "react-router-dom";
|
|
18
|
-
import "../../../TablePlugin-
|
|
18
|
+
import "../../../TablePlugin-deK-rcE1.js";
|
|
19
19
|
import "../hooks/components/Flyout.js";
|
|
20
20
|
import "../Providers/LanguageProvider.js";
|
|
21
21
|
import "../../SelectListbox/SelectListbox.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { u as m } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
3
|
import { c as n } from "../../../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { d as s } from "../../../../Lexical.prod-
|
|
4
|
+
import { d as s } from "../../../../Lexical.prod-BhH9TCLN.js";
|
|
5
5
|
import { Icon as d } from "../../../Icon/Icon.js";
|
|
6
6
|
import { s as t } from "../../../../RteEditor.module-Dz9a8vaK.js";
|
|
7
7
|
const b = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as b, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { c as e } from "../../../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { u as f } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
4
|
-
import { $ as _, K as h, h as C, g } from "../../../../Lexical.prod-
|
|
4
|
+
import { $ as _, K as h, h as C, g } from "../../../../Lexical.prod-BhH9TCLN.js";
|
|
5
5
|
import { useState as m, useEffect as n } from "react";
|
|
6
6
|
import { Icon as a } from "../../../Icon/Icon.js";
|
|
7
7
|
import "../../../Buttons/Button.js";
|
|
@@ -16,7 +16,7 @@ import "../../../IconButton/IconButton.js";
|
|
|
16
16
|
import "../../../Input/Input.js";
|
|
17
17
|
import "../../../InputField/InputField.js";
|
|
18
18
|
import "react-router-dom";
|
|
19
|
-
import "../../../../TablePlugin-
|
|
19
|
+
import "../../../../TablePlugin-deK-rcE1.js";
|
|
20
20
|
import { s as t } from "../../../../RteEditor.module-Dz9a8vaK.js";
|
|
21
21
|
import "../../hooks/components/Flyout.js";
|
|
22
22
|
import "../../Providers/LanguageProvider.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import "../../../../helpers-
|
|
4
|
-
import { A as z } from "../../../../TablePlugin-
|
|
3
|
+
import "../../../../helpers-BRIyyVa6.js";
|
|
4
|
+
import { A as z } from "../../../../TablePlugin-deK-rcE1.js";
|
|
5
5
|
import "../../../Buttons/Button.js";
|
|
6
6
|
import "../../../Buttons/LinkButton.js";
|
|
7
7
|
import "@react-aria/button";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as n, jsxs as h } from "react/jsx-runtime";
|
|
2
2
|
import { u as y } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
3
|
import { c as L } from "../../../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { g as N, U as b } from "../../../../helpers-
|
|
4
|
+
import { g as N, U as b } from "../../../../helpers-BRIyyVa6.js";
|
|
5
5
|
import { useRef as _, useEffect as g } from "react";
|
|
6
|
-
import { r as
|
|
7
|
-
import { A as
|
|
8
|
-
import { useFlyout as
|
|
6
|
+
import { r as x, A, x as C } from "../../../../Lexical.prod-BhH9TCLN.js";
|
|
7
|
+
import { A as E } from "../../../../TablePlugin-deK-rcE1.js";
|
|
8
|
+
import { useFlyout as P } from "../../hooks/useFlyout.js";
|
|
9
9
|
import { Icon as T } from "../../../Icon/Icon.js";
|
|
10
10
|
import "../../../Buttons/Button.js";
|
|
11
11
|
import "../../../Buttons/LinkButton.js";
|
|
@@ -25,18 +25,18 @@ import "../../../SelectListbox/SelectListbox.js";
|
|
|
25
25
|
import "../../../SelectListbox/SelectProvider.js";
|
|
26
26
|
import "../../../Sortable/components/SortableItem.js";
|
|
27
27
|
import "../../../../SortableProvider-BUsvniX7.js";
|
|
28
|
-
const
|
|
28
|
+
const D = 200, st = ({
|
|
29
29
|
isLink: l = { active: !1, url: "", target: "_self" },
|
|
30
30
|
isLinkable: k = !1
|
|
31
31
|
}) => {
|
|
32
|
-
const [i] = y(), { flyout: v, showFlyout: p, closeFlyout: s, isVisible: c } =
|
|
32
|
+
const [i] = y(), { flyout: v, showFlyout: p, closeFlyout: s, isVisible: c } = P(), r = _(), m = _(!1), F = (o, t) => {
|
|
33
33
|
i.dispatchCommand(b, {
|
|
34
34
|
url: o,
|
|
35
35
|
target: t
|
|
36
36
|
}), s();
|
|
37
37
|
}, u = {
|
|
38
38
|
children: /* @__PURE__ */ n(
|
|
39
|
-
|
|
39
|
+
E,
|
|
40
40
|
{
|
|
41
41
|
isLink: l,
|
|
42
42
|
onCloseHandler: s,
|
|
@@ -50,13 +50,13 @@ const A = 200, st = ({
|
|
|
50
50
|
};
|
|
51
51
|
return g(() => {
|
|
52
52
|
var o, t;
|
|
53
|
-
c ? (m.current = !0, (t = r.current) == null || t.focusFirstField()) : ((o = r.current) == null || o.clearForm(), setTimeout(() => m.current = !1,
|
|
53
|
+
c ? (m.current = !0, (t = r.current) == null || t.focusFirstField()) : ((o = r.current) == null || o.clearForm(), setTimeout(() => m.current = !1, D));
|
|
54
54
|
}, [r, c]), g(() => {
|
|
55
55
|
const o = i.registerCommand(
|
|
56
|
-
|
|
56
|
+
x,
|
|
57
57
|
(t) => {
|
|
58
|
-
const d =
|
|
59
|
-
if (
|
|
58
|
+
const d = A();
|
|
59
|
+
if (C(d)) {
|
|
60
60
|
const a = N(d.anchor.getNode(), "a");
|
|
61
61
|
if (a)
|
|
62
62
|
return t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation(), p(u), setTimeout(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { M as r, g as e, c as l, v as i } from "../../../../helpers-
|
|
2
|
-
import "../../../../LexicalList.prod-
|
|
1
|
+
import { M as r, g as e, c as l, v as i } from "../../../../helpers-BRIyyVa6.js";
|
|
2
|
+
import "../../../../LexicalList.prod-Czb3Osbz.js";
|
|
3
3
|
export {
|
|
4
4
|
r as MATCHERS,
|
|
5
5
|
e as getNodeTag,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { u as b } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
|
-
import { Q as s, G as u, Y as c } from "../../../../LexicalList.prod-
|
|
3
|
+
import { Q as s, G as u, Y as c } from "../../../../LexicalList.prod-Czb3Osbz.js";
|
|
4
4
|
import { useState as d } from "react";
|
|
5
5
|
import { c as p } from "../../../../clsx-OuTLNxxd.js";
|
|
6
6
|
import { Icon as f } from "../../../Icon/Icon.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { b as v } from "../../../../TablePlugin-
|
|
3
|
+
import { b as v } from "../../../../TablePlugin-deK-rcE1.js";
|
|
4
4
|
import "../../../Buttons/Button.js";
|
|
5
5
|
import "../../../Buttons/LinkButton.js";
|
|
6
6
|
import "@react-aria/button";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
3
|
import "../../../../clsx-OuTLNxxd.js";
|
|
4
|
-
import "../../../../helpers-
|
|
5
|
-
import "../../../../Lexical.prod-
|
|
4
|
+
import "../../../../helpers-CaU5T9i-.js";
|
|
5
|
+
import "../../../../Lexical.prod-BhH9TCLN.js";
|
|
6
6
|
import "react";
|
|
7
|
-
import { T as A } from "../../../../TablePlugin-
|
|
7
|
+
import { T as A } from "../../../../TablePlugin-deK-rcE1.js";
|
|
8
8
|
import "../../hooks/useFlyout.js";
|
|
9
9
|
import "../../../Icon/Icon.js";
|
|
10
10
|
import "../../../Buttons/Button.js";
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { u as
|
|
3
|
-
import {
|
|
4
|
-
import { useState as o, useRef as
|
|
5
|
-
import {
|
|
6
|
-
import { g as
|
|
1
|
+
import { jsxs as y, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { u as N } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
|
+
import { A, x as C } from "../../../../Lexical.prod-BhH9TCLN.js";
|
|
4
|
+
import { useState as o, useRef as R, useCallback as v, useEffect as F } from "react";
|
|
5
|
+
import { o as S } from "../../../../helpers-CaU5T9i-.js";
|
|
6
|
+
import { g as m } from "../../../../helpers-BRIyyVa6.js";
|
|
7
7
|
import { BlockFormatPlugin as U } from "../BlockFormatPlugin/BlockFormatPlugin.js";
|
|
8
8
|
import { ListPlugin as _ } from "../ListPlugin/ListPlugin.js";
|
|
9
9
|
import { LinkPlugin as j } from "../LinkPlugin/LinkPlugin.js";
|
|
10
10
|
import { HistoryPlugin as E } from "../HistoryPlugin/HistoryPlugin.js";
|
|
11
|
-
import { T as K } from "../../../../TablePlugin-
|
|
11
|
+
import { T as K } from "../../../../TablePlugin-deK-rcE1.js";
|
|
12
12
|
import { TableCellContextMenu as M } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
|
|
13
13
|
import { s as O } from "../../../../RteEditor.module-Dz9a8vaK.js";
|
|
14
|
-
const w = (s,
|
|
14
|
+
const w = (s, n) => {
|
|
15
15
|
let e = s;
|
|
16
16
|
for (; e !== null; ) {
|
|
17
|
-
if (S(e) &&
|
|
18
|
-
const r =
|
|
17
|
+
if (S(e) && n) {
|
|
18
|
+
const r = n.getElementByKey(e.getKey());
|
|
19
19
|
if (r) {
|
|
20
20
|
const a = r.getBoundingClientRect();
|
|
21
21
|
return { xPos: a.right, yPos: a.bottom };
|
|
@@ -26,15 +26,15 @@ const w = (s, l) => {
|
|
|
26
26
|
}
|
|
27
27
|
return null;
|
|
28
28
|
}, tt = () => {
|
|
29
|
-
const [s] =
|
|
30
|
-
const t =
|
|
31
|
-
if (
|
|
32
|
-
const
|
|
33
|
-
e(t.hasFormat("bold")), a(t.hasFormat("italic")), p(
|
|
29
|
+
const [s] = N(), [n, e] = o(!1), [r, a] = o(!1), [d, p] = o(!1), [b, h] = o(!1), [L, P] = o({ active: !1, url: "", target: "_self" }), [T, I] = o(!1), [f, x] = o(null), u = R(null), g = v(() => {
|
|
30
|
+
const t = A();
|
|
31
|
+
if (C(t)) {
|
|
32
|
+
const l = t.anchor, c = l.getNode(), k = t.focus;
|
|
33
|
+
e(t.hasFormat("bold")), a(t.hasFormat("italic")), p(m(c, "ul")), h(m(c, "ol")), I(Math.abs(l.offset - k.offset) !== 0), P(m(c, "a")), x(w(c, s));
|
|
34
34
|
}
|
|
35
|
-
}, [s]),
|
|
36
|
-
var
|
|
37
|
-
(
|
|
35
|
+
}, [s]), B = (t) => {
|
|
36
|
+
var l;
|
|
37
|
+
(l = u.current) == null || l.mutateTable(t);
|
|
38
38
|
};
|
|
39
39
|
return F(() => {
|
|
40
40
|
s.registerUpdateListener(({ editorState: t }) => {
|
|
@@ -42,13 +42,13 @@ const w = (s, l) => {
|
|
|
42
42
|
g();
|
|
43
43
|
});
|
|
44
44
|
});
|
|
45
|
-
}, [s, g]), /* @__PURE__ */
|
|
46
|
-
/* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
|
|
50
|
-
/* @__PURE__ */
|
|
51
|
-
/* @__PURE__ */
|
|
45
|
+
}, [s, g]), /* @__PURE__ */ y("div", { className: O.editor__toolbar, children: [
|
|
46
|
+
/* @__PURE__ */ i(U, { isBold: n, isItalic: r }),
|
|
47
|
+
/* @__PURE__ */ i(_, { isUList: d, isOList: b }),
|
|
48
|
+
/* @__PURE__ */ i(K, { isActive: !!f, ref: u }),
|
|
49
|
+
f && /* @__PURE__ */ i(M, { position: f, onAction: B }),
|
|
50
|
+
/* @__PURE__ */ i(j, { isLink: L, isLinkable: T }),
|
|
51
|
+
/* @__PURE__ */ i(E, {})
|
|
52
52
|
] });
|
|
53
53
|
};
|
|
54
54
|
export {
|
|
@@ -3,7 +3,7 @@ import { BlockFormatPlugin as t } from "./BlockFormatPlugin/BlockFormatPlugin.js
|
|
|
3
3
|
import { ListPlugin as n } from "./ListPlugin/ListPlugin.js";
|
|
4
4
|
import { LinkPlugin as x } from "./LinkPlugin/LinkPlugin.js";
|
|
5
5
|
import { HistoryPlugin as p } from "./HistoryPlugin/HistoryPlugin.js";
|
|
6
|
-
import { T as g } from "../../../TablePlugin-
|
|
6
|
+
import { T as g } from "../../../TablePlugin-deK-rcE1.js";
|
|
7
7
|
import { TableCellContextMenu as a } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
|
|
8
8
|
export {
|
|
9
9
|
t as BlockFormatPlugin,
|