@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.
Files changed (43) hide show
  1. package/dist/{Lexical.prod-CO0gPAfo.js → Lexical.prod-BhH9TCLN.js} +952 -944
  2. package/dist/Lexical.prod-BhH9TCLN.js.map +1 -0
  3. package/dist/{LexicalList.prod-BceA-cJD.js → LexicalList.prod-Czb3Osbz.js} +25 -23
  4. package/dist/LexicalList.prod-Czb3Osbz.js.map +1 -0
  5. package/dist/{LexicalUtils.prod-PbdOb6JG.js → LexicalUtils.prod-Bsuvahba.js} +20 -20
  6. package/dist/{LexicalUtils.prod-PbdOb6JG.js.map → LexicalUtils.prod-Bsuvahba.js.map} +1 -1
  7. package/dist/{TablePlugin-Cj6IBz2k.js → TablePlugin-deK-rcE1.js} +32 -32
  8. package/dist/{TablePlugin-Cj6IBz2k.js.map → TablePlugin-deK-rcE1.js.map} +1 -1
  9. package/dist/assets/Periods.css +1 -1
  10. package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
  11. package/dist/components/InputField/InputField.stories.js +1 -1
  12. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  13. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  14. package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
  15. package/dist/components/MultiSelect/index.js +1 -1
  16. package/dist/components/Periods/Periods.js +28 -25
  17. package/dist/components/Periods/Periods.js.map +1 -1
  18. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
  19. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +1 -1
  20. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +1 -1
  21. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +2 -2
  22. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js +2 -2
  23. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +11 -11
  24. package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js +2 -2
  25. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +1 -1
  26. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
  27. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +3 -3
  28. package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +1 -1
  29. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  30. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +25 -25
  31. package/dist/components/RteEditor/Plugins/index.js +1 -1
  32. package/dist/components/RteEditor/RteEditor.js +505 -505
  33. package/dist/components/RteEditor/RteEditor.js.map +1 -1
  34. package/dist/components/index.js +1 -1
  35. package/dist/{helpers-Ec7CfNnA.js → helpers-BRIyyVa6.js} +23 -23
  36. package/dist/{helpers-Ec7CfNnA.js.map → helpers-BRIyyVa6.js.map} +1 -1
  37. package/dist/{helpers-BewZrn6E.js → helpers-CaU5T9i-.js} +462 -423
  38. package/dist/helpers-CaU5T9i-.js.map +1 -0
  39. package/dist/index.js +1 -1
  40. package/package.json +9 -9
  41. package/dist/Lexical.prod-CO0gPAfo.js.map +0 -1
  42. package/dist/LexicalList.prod-BceA-cJD.js.map +0 -1
  43. 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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"}
@@ -1 +1 @@
1
- ._period__container_1ilj5_1{display:flex;flex-wrap:nowrap}._period__item_1ilj5_6{background-color:var(--color-grey-200);border:1px solid var(--color-grey-300);display:inline-block;height:.75rem;margin-right:.125rem;width:.5rem}._period__item_1ilj5_6:nth-child(3n){margin-right:.5rem}._period__item--active_1ilj5_19{background-color:var(--color-grey-500);border:unset}
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-Cj6IBz2k.js";
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-Cj6IBz2k.js";
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 "react/jsx-runtime";
2
2
  import "../../clsx-OuTLNxxd.js";
3
3
  import "../../MultiSelectItem-D9PxdX43.js";
4
- import { M as p } from "../../TablePlugin-Cj6IBz2k.js";
4
+ import { M as p } from "../../TablePlugin-deK-rcE1.js";
5
5
  export {
6
6
  p as MultiSelect
7
7
  };
@@ -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-Cj6IBz2k.js";
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-Cj6IBz2k.js";
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,4 +1,4 @@
1
- import { M as l } from "../../TablePlugin-Cj6IBz2k.js";
1
+ import { M as l } from "../../TablePlugin-deK-rcE1.js";
2
2
  export {
3
3
  l as MultiSelect
4
4
  };
@@ -1,37 +1,40 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- import { c as P } from "../../clsx-OuTLNxxd.js";
3
- import { useId as j } from "react";
4
- import '../../assets/Periods.css';const N = "_period__container_1ilj5_1", g = "_period__item_1ilj5_6", _ = {
5
- period__container: N,
6
- period__item: g,
7
- "period__item--active": "_period__item--active_1ilj5_19"
8
- }, v = 6, O = ({ periods: s, tooltipTranslations: u, maxPeriods: p = v }) => {
9
- const f = Array.from({ length: p }, (e, t) => t + 1), $ = j(), a = s.some((e) => typeof e == "number"), b = (e) => {
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 ? s.forEach((i) => {
12
- if (typeof i == "number") {
13
- const r = Math.ceil(i / 3), o = (i - 1) % 3 + 1;
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
- }) : s.forEach((i) => {
17
- const { semesterNumber: r, periodInSemester: o } = i;
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((i, r, o) => {
20
- const c = Number(r), n = t[c];
19
+ }), Object.keys(t).reduce((s, r, o) => {
20
+ const n = Number(r), c = t[n];
21
21
  let m = "";
22
- const d = n.length > 1 ? e.periods : e.period;
23
- if (n.length > 1) {
24
- const y = n.pop();
25
- m = `Semester ${c} ${d} ${n.join(", ")} ${e.and} ${y}`;
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 ${c} ${d} ${n[0]}`;
28
- return `${i}${o > 0 ? ". " : ""}${m}`;
27
+ m = `Semester ${n} ${d} ${c[0]}`;
28
+ return `${s}${o > 0 ? ". " : ""}${m}`;
29
29
  }, "").trim() + ".";
30
- }, h = (e) => a ? s.includes(e) : !!s.find((t) => t.number === e);
31
- return /* @__PURE__ */ l("div", { className: _.period__container, title: u ? b(u) : "", children: f.map((e) => /* @__PURE__ */ l(
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: P(_.period__item, h(e) ? _["period__item--active"] : "")
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['period__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n {maxPeriodsList.map((periodIndex) => {\n return (\n <span\n className={clsx(styles['period__item'], isPeriodActive(periodIndex) ? styles['period__item--active'] : '')}\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,mBAAsB,OAAOzB,IAAsBS,EAAUT,CAAmB,IAAI,IACxG,UAAeE,EAAA,IAAI,CAACqB,MAEjB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAKD,EAAO,cAAiBH,EAAeC,CAAW,IAAIE,EAAO,sBAAsB,IAAI,EAAE;AAAA,IAAA;AAAA,IACpG,GAAGpB,CAAQ,IAAIkB,CAAW;AAAA,EAAA,CAGpC,EACH,CAAA;AAEJ;"}
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-Cj6IBz2k.js";
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-Cj6IBz2k.js";
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-CO0gPAfo.js";
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-CO0gPAfo.js";
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-Cj6IBz2k.js";
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-Ec7CfNnA.js";
4
- import { A as z } from "../../../../TablePlugin-Cj6IBz2k.js";
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-Ec7CfNnA.js";
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 C, I as E, m as P } from "../../../../Lexical.prod-CO0gPAfo.js";
7
- import { A as x } from "../../../../TablePlugin-Cj6IBz2k.js";
8
- import { useFlyout as I } from "../../hooks/useFlyout.js";
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 A = 200, st = ({
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 } = I(), r = _(), m = _(!1), F = (o, t) => {
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
- x,
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, A));
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
- C,
56
+ x,
57
57
  (t) => {
58
- const d = E();
59
- if (P(d)) {
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-Ec7CfNnA.js";
2
- import "../../../../LexicalList.prod-BceA-cJD.js";
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-BceA-cJD.js";
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-Cj6IBz2k.js";
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-BewZrn6E.js";
5
- import "../../../../Lexical.prod-CO0gPAfo.js";
4
+ import "../../../../helpers-CaU5T9i-.js";
5
+ import "../../../../Lexical.prod-BhH9TCLN.js";
6
6
  import "react";
7
- import { T as A } from "../../../../TablePlugin-Cj6IBz2k.js";
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,4 +1,4 @@
1
- import { e as s, a as l, b as t, d as o, i as r, c as d } from "../../../../helpers-BewZrn6E.js";
1
+ import { e as s, a as l, b as t, d as o, i as r, c as d } from "../../../../helpers-CaU5T9i-.js";
2
2
  export {
3
3
  s as createTable,
4
4
  l as deleteColumn,
@@ -1,4 +1,4 @@
1
- import { T as o } from "../../../../TablePlugin-Cj6IBz2k.js";
1
+ import { T as o } from "../../../../TablePlugin-deK-rcE1.js";
2
2
  import { TableCellContextMenu as t } from "./TableCellContextMenu/TableCellContextMenu.js";
3
3
  export {
4
4
  t as TableCellContextMenu,
@@ -1,21 +1,21 @@
1
- import { jsxs as N, jsx as n } from "react/jsx-runtime";
2
- import { u as x } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
- import { I as C, m as R } from "../../../../Lexical.prod-CO0gPAfo.js";
4
- import { useState as o, useRef as v, useCallback as A, useEffect as F } from "react";
5
- import { n as S } from "../../../../helpers-BewZrn6E.js";
6
- import { g as f } from "../../../../helpers-Ec7CfNnA.js";
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-Cj6IBz2k.js";
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, l) => {
14
+ const w = (s, n) => {
15
15
  let e = s;
16
16
  for (; e !== null; ) {
17
- if (S(e) && l) {
18
- const r = l.getElementByKey(e.getKey());
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] = x(), [l, e] = o(!1), [r, a] = o(!1), [d, p] = o(!1), [b, h] = o(!1), [I, L] = o({ active: !1, url: "", target: "_self" }), [P, T] = o(!1), [m, B] = o(null), u = v(null), g = A(() => {
30
- const t = C();
31
- if (R(t)) {
32
- const i = t.anchor, c = i.getNode(), y = t.focus;
33
- e(t.hasFormat("bold")), a(t.hasFormat("italic")), p(f(c, "ul")), h(f(c, "ol")), T(Math.abs(i.offset - y.offset) !== 0), L(f(c, "a")), B(w(c, s));
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]), k = (t) => {
36
- var i;
37
- (i = u.current) == null || i.mutateTable(t);
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__ */ N("div", { className: O.editor__toolbar, children: [
46
- /* @__PURE__ */ n(U, { isBold: l, isItalic: r }),
47
- /* @__PURE__ */ n(_, { isUList: d, isOList: b }),
48
- /* @__PURE__ */ n(K, { isActive: !!m, ref: u }),
49
- m && /* @__PURE__ */ n(M, { position: m, onAction: k }),
50
- /* @__PURE__ */ n(j, { isLink: I, isLinkable: P }),
51
- /* @__PURE__ */ n(E, {})
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-Cj6IBz2k.js";
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,