@uva-glass/component-library 1.58.0 → 1.59.1

package/dist/Sortable.module-DDhRFD1T.js

@@ -0,0 +1,23 @@
+import './assets/Sortable.css';const _ = "_sortable__wrapper_pdpg0_1", t = "_sortable__container_pdpg0_13", e = "_sortable__handle_pdpg0_149", r = {
+  sortable__wrapper: _,
+  "sortable__wrapper--scrollable": "_sortable__wrapper--scrollable_pdpg0_5",
+  sortable__container: t,
+  "sortable__drop-target": "_sortable__drop-target_pdpg0_25",
+  "sortable__sort-item": "_sortable__sort-item_pdpg0_56",
+  "sortable__sort-item--ghost": "_sortable__sort-item--ghost_pdpg0_72",
+  "sortable__sort-item__handle": "_sortable__sort-item__handle_pdpg0_83",
+  "sortable__sort-item__button-container": "_sortable__sort-item__button-container_pdpg0_93",
+  "sortable__sort-item__handle--icon": "_sortable__sort-item__handle--icon_pdpg0_112",
+  "sortable__sort-item__handle--up": "_sortable__sort-item__handle--up_pdpg0_119",
+  "sortable__sort-item__handle--down": "_sortable__sort-item__handle--down_pdpg0_120",
+  "sortable__sort-item--dragging": "_sortable__sort-item--dragging_pdpg0_131",
+  "sortable__sort-item__contents": "_sortable__sort-item__contents_pdpg0_135",
+  "sortable__sort-item__contents--handle-right": "_sortable__sort-item__contents--handle-right_pdpg0_144",
+  sortable__handle: e,
+  "sortable__handle--right": "_sortable__handle--right_pdpg0_155",
+  "sortable__visually-hidden": "_sortable__visually-hidden_pdpg0_173"
+};
+export {
+  r as s
+};
+//# sourceMappingURL=Sortable.module-DDhRFD1T.js.map

package/dist/Sortable.module-DDhRFD1T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sortable.module-DDhRFD1T.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/{SortableProvider-i4PDjRS_.js → SortableProvider-BUsvniX7.js}

@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
 import { useRef as b, useEffect as w, cloneElement as R, createContext as O, useReducer as A, useContext as L, Children as _ } from "react";
 import { sortableReducer as j, initialState as q } from "./components/Sortable/sortableReducer.js";
 import { c as N } from "./clsx-OuTLNxxd.js";
-import { s as u } from "./Sortable.module-uk_YuFs1.js";
+import { s as u } from "./Sortable.module-DDhRFD1T.js";
 import { setDraggingSource as B, setDraggingTarget as H, moveToPosition as X, clearDraggingTarget as Y, clearDraggingSource as k, drop as z, dragStart as F, dragEnd as G, reset as J, setClone as K } from "./components/Sortable/actions.js";
 function M({ scrollable: i, onSort: a }) {
   const { clone: n, draggingTarget: p, drop: x, sortableItems: D, setDraggingTarget: o, reset: S, indices: s } = U(), l = b(null), c = b(null), d = b(s);
@@ -149,4 +149,4 @@ export {
   M as a,
   U as u
 };
-//# sourceMappingURL=SortableProvider-i4PDjRS_.js.map
+//# sourceMappingURL=SortableProvider-BUsvniX7.js.map

package/dist/{SortableProvider-i4PDjRS_.js.map → SortableProvider-BUsvniX7.js.map}

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

package/dist/{TablePlugin-1L5UZfDH.js → TablePlugin-Cj6IBz2k.js}

@@ -30,7 +30,7 @@ import "./components/RteEditor/Providers/LanguageProvider.js";
 import "./components/SelectListbox/SelectListbox.js";
 import "./components/SelectListbox/SelectProvider.js";
 import "./components/Sortable/components/SortableItem.js";
-import "./SortableProvider-i4PDjRS_.js";
+import "./SortableProvider-BUsvniX7.js";
 import { useTranslation as A } from "./components/RteEditor/hooks/useTranslation.js";
 import './assets/TablePlugin.css';function se({ label: p, clearTrigger: d, onClear: s }) {
   return /* @__PURE__ */ m("header", { className: F["multi-select__header"], children: [
@@ -246,4 +246,4 @@ export {
   se as a,
   de as b
 };
-//# sourceMappingURL=TablePlugin-1L5UZfDH.js.map
+//# sourceMappingURL=TablePlugin-Cj6IBz2k.js.map

package/dist/{TablePlugin-1L5UZfDH.js.map → TablePlugin-Cj6IBz2k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TablePlugin-1L5UZfDH.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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"}
+{"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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"}

package/dist/assets/Sortable.css

@@ -1 +1 @@
-._sortable__wrapper_td575_1{position:relative}._sortable__wrapper--scrollable_td575_5{border-bottom:1px solid var(--color-pattens-blue);border-top:1px solid var(--color-pattens-blue);margin-bottom:1rem;max-height:21rem;overflow-y:auto}._sortable__container_td575_13{--item-min-height: 3.75rem;counter-reset:container;display:flex;flex-direction:column;gap:1rem;list-style:none;margin:1rem 1rem 1rem 0;padding:0}._sortable__drop-target_td575_25{display:flex;gap:1rem;min-height:var(--item-min-height);position:relative}._sortable__drop-target_td575_25:before{align-items:center;content:counter(container);counter-increment:container;display:flex;opacity:1;position:relative;transition:opacity .25s}._sortable__drop-target_td575_25:after{content:"";display:block;height:1px;left:0;position:absolute;width:100%;z-index:1}._sortable__drop-target_td575_25:last-child:after{display:inline}._sortable__sort-item_td575_56{align-items:center;background-color:var(--color-grey-50);border-radius:.5rem;display:flex;gap:1rem;min-height:var(--item-min-height);position:relative;width:100%;z-index:0}._sortable__sort-item_td575_56:focus{z-index:2}._sortable__sort-item--ghost_td575_72{margin:0 1rem;opacity:.5;padding:.5rem 0;pointer-events:none;position:fixed;-webkit-user-drag:none;visibility:hidden;z-index:2}._sortable__container--drag-over_td575_83 ._sortable__drop-target_td575_25:before,._sortable__sort-item--ghost_td575_72:before{opacity:0}._sortable__sort-item__handle_td575_88{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--color-white);border:0;cursor:grab;height:2.625rem;width:2.625rem}._sortable__sort-item__button-container_td575_98{align-items:center;background-color:var(--color-pattens-blue);border-left:1px solid var(--color-pattens-blue);border-radius:0 .5rem .5rem 0;display:flex;flex-direction:column;inset:0 0 0 auto;margin-right:1px;overflow:hidden;position:absolute;width:2.625rem;z-index:20}._sortable__sort-item__button-container_td575_98[data-touch=false]{display:none}._sortable__sort-item__handle--icon_td575_117{align-items:center;display:flex;height:1rem;width:1rem}._sortable__sort-item__handle--up_td575_124,._sortable__sort-item__handle--down_td575_125{color:#000;display:none;height:100%;right:.5rem}._sortable__sort-item__handle--up_td575_124{transform:rotate(180deg)}._sortable__sort-item--dragging_td575_136 ._sortable__sort-item__handle_td575_88{cursor:grabbing}._sortable__sort-item__contents_td575_140{align-items:center;color:var(--color-uva-black);display:flex;gap:.5rem;padding:.5rem;width:100%}._sortable__sort-item__contents--handle-right_td575_149{padding-left:1rem;padding-right:2.5rem}._sortable__handle_td575_154{color:var(--color-grey-500);cursor:grab;display:flex}._sortable__handle--right_td575_160{position:absolute;right:.5rem}._sortable__sort-item__button-container_td575_98[data-touch=true]{gap:1px;justify-content:center}._sortable__sort-item__button-container_td575_98[data-touch=true] ._sortable__sort-item__handle--up_td575_124,._sortable__sort-item__button-container_td575_98[data-touch=true] ._sortable__sort-item__handle--down_td575_125{align-items:center;display:flex;justify-content:center}._sortable__visually-hidden_td575_178{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
+._sortable__wrapper_pdpg0_1{position:relative}._sortable__wrapper--scrollable_pdpg0_5{border-bottom:1px solid var(--color-pattens-blue);border-top:1px solid var(--color-pattens-blue);margin-bottom:1rem;max-height:21rem;overflow-y:auto}._sortable__container_pdpg0_13{--item-min-height: 3.75rem;counter-reset:container;display:flex;flex-direction:column;gap:1rem;list-style:none;margin:1rem 1rem 1rem 0;padding:0}._sortable__drop-target_pdpg0_25{display:flex;gap:1rem;min-height:var(--item-min-height);position:relative}._sortable__drop-target_pdpg0_25:before{align-items:center;content:counter(container);counter-increment:container;display:flex;opacity:1;position:relative;transition:opacity .25s}._sortable__drop-target_pdpg0_25:after{content:"";display:block;height:1px;left:0;position:absolute;width:100%;z-index:1}._sortable__drop-target_pdpg0_25:last-child:after{display:inline}._sortable__sort-item_pdpg0_56{align-items:center;background-color:var(--color-grey-50);border-radius:.5rem;display:flex;gap:1rem;min-height:var(--item-min-height);position:relative;width:100%;z-index:0}._sortable__sort-item_pdpg0_56:focus{z-index:2}._sortable__sort-item--ghost_pdpg0_72{margin:0 1rem;opacity:.5;padding:.5rem 0;pointer-events:none;position:fixed;-webkit-user-drag:none;visibility:hidden;z-index:2}._sortable__sort-item__handle_pdpg0_83{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--color-white);border:0;cursor:grab;height:2.625rem;width:2.625rem}._sortable__sort-item__button-container_pdpg0_93{align-items:center;background-color:var(--color-pattens-blue);border-left:1px solid var(--color-pattens-blue);border-radius:0 .5rem .5rem 0;display:flex;flex-direction:column;inset:0 0 0 auto;margin-right:1px;overflow:hidden;position:absolute;width:2.625rem;z-index:20}._sortable__sort-item__button-container_pdpg0_93[data-touch=false]{display:none}._sortable__sort-item__handle--icon_pdpg0_112{align-items:center;display:flex;height:1rem;width:1rem}._sortable__sort-item__handle--up_pdpg0_119,._sortable__sort-item__handle--down_pdpg0_120{color:#000;display:none;height:100%;right:.5rem}._sortable__sort-item__handle--up_pdpg0_119{transform:rotate(180deg)}._sortable__sort-item--dragging_pdpg0_131 ._sortable__sort-item__handle_pdpg0_83{cursor:grabbing}._sortable__sort-item__contents_pdpg0_135{align-items:center;color:var(--color-uva-black);display:flex;gap:.5rem;padding:.5rem;width:100%}._sortable__sort-item__contents--handle-right_pdpg0_144{padding-left:1rem;padding-right:2.5rem}._sortable__handle_pdpg0_149{color:var(--color-grey-500);cursor:grab;display:flex}._sortable__handle--right_pdpg0_155{position:absolute;right:.5rem}._sortable__sort-item__button-container_pdpg0_93[data-touch=true]{gap:1px;justify-content:center}._sortable__sort-item__button-container_pdpg0_93[data-touch=true] ._sortable__sort-item__handle--up_pdpg0_119,._sortable__sort-item__button-container_pdpg0_93[data-touch=true] ._sortable__sort-item__handle--down_pdpg0_120{align-items:center;display:flex;justify-content:center}._sortable__visually-hidden_pdpg0_173{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -17,13 +17,13 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-1L5UZfDH.js";
+import "../../TablePlugin-Cj6IBz2k.js";
 import "../RteEditor/hooks/components/Flyout.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-i4PDjRS_.js";
+import "../../SortableProvider-BUsvniX7.js";
 import { useResponsive as j } from "../hooks/useResponsive.js";
 import '../../assets/CheckboxTree.css';const o = {
   "checkbox-tree__header": "_checkbox-tree__header_xbe4e_1",

package/dist/components/InputField/InputField.stories.js

@@ -15,13 +15,13 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router-dom";
-import "../../TablePlugin-1L5UZfDH.js";
+import "../../TablePlugin-Cj6IBz2k.js";
 import "../RteEditor/hooks/components/Flyout.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-i4PDjRS_.js";
+import "../../SortableProvider-BUsvniX7.js";
 const C = `
 // Has all HTMLInputElement props available except "className" and "style" 
 <InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../MultiSelectItem-D9PxdX43.js";
-import { M as p } from "../../TablePlugin-1L5UZfDH.js";
+import { M as p } from "../../TablePlugin-Cj6IBz2k.js";
 export {
   p as MultiSelect
 };

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
 import { fn as d } from "../../index-MQ0yPLdl.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-1L5UZfDH.js";
+import { M as e } from "../../TablePlugin-Cj6IBz2k.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -14,13 +14,13 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import { a as q } from "../../../TablePlugin-1L5UZfDH.js";
+import { a as q } from "../../../TablePlugin-Cj6IBz2k.js";
 import "../../RteEditor/hooks/components/Flyout.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-i4PDjRS_.js";
+import "../../../SortableProvider-BUsvniX7.js";
 export {
   q as MultiSelectHeader
 };

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../TablePlugin-1L5UZfDH.js";
+import { M as l } from "../../TablePlugin-Cj6IBz2k.js";
 export {
   l as MultiSelect
 };

package/dist/components/Periods/Periods.d.ts

@@ -4,14 +4,19 @@ interface Period {
     semesterNumber: number;
     periodInSemester: number;
 }
+interface TooltipTranslations {
+    period: string;
+    periods: string;
+    and: string;
+}
 export interface PeriodsProps {
     /** Indicates which periods are selected. */
     periods: Period[] | number[];
     /** Indicates the maximum number of periods to show in the selector. */
     maxPeriods?: 6 | 7;
-    /** A mapping for the tooltips of each period indicator. */
-    titlePeriods?: Record<string, Record<string, string>>;
+    /** A object of translations for the tooltip. */
+    tooltipTranslations?: TooltipTranslations;
 }
 /** Represents a component for a period indicator. */
-export declare const Periods: ({ periods, titlePeriods, maxPeriods }: PeriodsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Periods: ({ periods, tooltipTranslations, maxPeriods }: PeriodsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Periods/Periods.js

@@ -1,35 +1,42 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as N } from "../../clsx-OuTLNxxd.js";
-import { useId as v } from "react";
-import '../../assets/Periods.css';const j = "_period__container_1ilj5_1", y = "_period__item_1ilj5_6", n = {
-  period__container: j,
-  period__item: y,
+import { jsx as l } from "react/jsx-runtime";
+import { c as P } from "../../clsx-OuTLNxxd.js";
+import { useId as j } from "react";
+import '../../assets/Periods.css';const N = "_period__container_1ilj5_1", g = "_period__item_1ilj5_6", _ = {
+  period__container: N,
+  period__item: g,
   "period__item--active": "_period__item--active_1ilj5_19"
-}, A = 6, x = ({ periods: r, titlePeriods: l, maxPeriods: a = A }) => {
-  const p = Array.from({ length: a }, (e, t) => t + 1), u = v(), _ = r.some((e) => typeof e == "number"), d = (e) => {
-    let t = 0;
-    return r.reduce(($, b, m) => {
-      const { semesterNumber: s, periodInSemester: o } = b;
-      let i = "";
-      return s !== t ? i = ` ${e.periods["period-title"].replace("{{ semester }}", s.toString())} ${o}` : r[m + 1] && r[m + 1].semesterNumber === t ? i = `, ${o}` : i = ` ${e.periods["last-separator"]} ${o}`, t = s, `${$}${i}`;
-    }, "").trim();
-  }, f = (e) => _ ? r.includes(e) : !!r.find((t) => t.number === e);
-  return /* @__PURE__ */ c(
-    "div",
+}, v = 6, O = ({ periods: s, tooltipTranslations: u, maxPeriods: p = v }) => {
+  const f = Array.from({ length: p }, (e, t) => t + 1), $ = j(), a = s.some((e) => typeof e == "number"), b = (e) => {
+    const t = {};
+    return a ? s.forEach((i) => {
+      if (typeof i == "number") {
+        const r = Math.ceil(i / 3), o = (i - 1) % 3 + 1;
+        t[r] || (t[r] = []), t[r].push(o);
+      }
+    }) : s.forEach((i) => {
+      const { semesterNumber: r, periodInSemester: o } = i;
+      t[r] || (t[r] = []), t[r].push(o);
+    }), Object.keys(t).reduce((i, r, o) => {
+      const c = Number(r), n = t[c];
+      let m = "";
+      const d = n.length > 1 ? e.periods : e.period;
+      if (n.length > 1) {
+        const y = n.pop();
+        m = `Semester ${c} ${d} ${n.join(", ")} ${e.and} ${y}`;
+      } else
+        m = `Semester ${c} ${d} ${n[0]}`;
+      return `${i}${o > 0 ? ". " : ""}${m}`;
+    }, "").trim() + ".";
+  }, h = (e) => a ? s.includes(e) : !!s.find((t) => t.number === e);
+  return /* @__PURE__ */ l("div", { className: _.period__container, title: u ? b(u) : "", children: f.map((e) => /* @__PURE__ */ l(
+    "span",
     {
-      className: n.period__container,
-      title: _ ? "" : d(l),
-      children: p.map((e) => /* @__PURE__ */ c(
-        "span",
-        {
-          className: N(n.period__item, f(e) ? n["period__item--active"] : "")
-        },
-        `${u}-${e}`
-      ))
-    }
-  );
+      className: P(_.period__item, h(e) ? _["period__item--active"] : "")
+    },
+    `${$}-${e}`
+  )) });
 };
 export {
-  x as Periods
+  O as Periods
 };
 //# sourceMappingURL=Periods.js.map

package/dist/components/Periods/Periods.js.map

@@ -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\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 mapping for the tooltips of each period indicator. */\n  titlePeriods?: Record<string, Record<string, string>>;\n}\n\nconst MAX_PERIODS = 6;\n\n/** Represents a component for a period indicator. */\nexport const Periods = ({ periods, titlePeriods, 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 = (titlePeriods: Record<string, Record<string, string>>): string => {\n    let currentSemesterNumber = 0;\n\n    const title = periods.reduce((acc, period, index) => {\n      const { semesterNumber, periodInSemester } = period as Period;\n      let periodTitle = '';\n      if (semesterNumber !== currentSemesterNumber) {\n        periodTitle = ` ${titlePeriods.periods['period-title'].replace('{{ semester }}', semesterNumber.toString())} ${periodInSemester}`;\n      } else if (periods[index + 1] && (periods[index + 1] as Period).semesterNumber === currentSemesterNumber) {\n        periodTitle = `, ${periodInSemester}`;\n      } else {\n        periodTitle = ` ${titlePeriods.periods['last-separator']} ${periodInSemester}`;\n      }\n\n      currentSemesterNumber = semesterNumber;\n      return `${acc}${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\n      className={styles['period__container']}\n      title={isArrayOfNumbers ? '' : getTitles(titlePeriods as Record<string, Record<string, string>>)}\n    >\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","titlePeriods","maxPeriods","maxPeriodsList","_","index","idPrefix","useId","isArrayOfNumbers","value","getTitles","currentSemesterNumber","acc","period","semesterNumber","periodInSemester","periodTitle","isPeriodActive","periodIndex","jsx","styles","clsx"],"mappings":";;;;;;;GAsBMA,IAAc,GAGPC,IAAU,CAAC,EAAE,SAAAC,GAAS,cAAAC,GAAc,YAAAC,IAAaJ,QAAgC;AACtF,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,MAAiE;AAClF,QAAIU,IAAwB;AAiB5B,WAfcX,EAAQ,OAAO,CAACY,GAAKC,GAAQR,MAAU;AAC7C,YAAA,EAAE,gBAAAS,GAAgB,kBAAAC,EAAqB,IAAAF;AAC7C,UAAIG,IAAc;AAClB,aAAIF,MAAmBH,IACrBK,IAAc,IAAIf,EAAa,QAAQ,cAAc,EAAE,QAAQ,kBAAkBa,EAAe,SAAU,CAAA,CAAC,IAAIC,CAAgB,KACtHf,EAAQK,IAAQ,CAAC,KAAML,EAAQK,IAAQ,CAAC,EAAa,mBAAmBM,IACjFK,IAAc,KAAKD,CAAgB,KAEnCC,IAAc,IAAIf,EAAa,QAAQ,gBAAgB,CAAC,IAAIc,CAAgB,IAGtDJ,IAAAG,GACjB,GAAGF,CAAG,GAAGI,CAAW;AAAA,OAC1B,EAAE,EAEQ;EAAK,GAGdC,IAAiB,CAACC,MAClBV,IACMR,EAAqB,SAASkB,CAAW,IAE1C,EAAAlB,EAAQ,KAAK,CAACa,MAAYA,EAAkB,WAAWK,CAAW;AAK3E,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,OAAOZ,IAAmB,KAAKE,EAAUT,CAAsD;AAAA,MAE9F,UAAAE,EAAe,IAAI,CAACe,MAEjB,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,EAAKD,EAAO,cAAiBH,EAAeC,CAAW,IAAIE,EAAO,sBAAsB,IAAI,EAAE;AAAA,QAAA;AAAA,QACpG,GAAGd,CAAQ,IAAIY,CAAW;AAAA,MAAA,CAGpC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"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;"}

package/dist/components/Periods/Periods.stories.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { Periods as e } from "./Periods.js";
-const t = "<Periods periods={periods} />", o = [
+const o = "<Periods periods={periods} />", t = [
   {
     id: "2023P1",
     number: 1,
@@ -13,6 +13,12 @@ const t = "<Periods periods={periods} />", o = [
     semesterNumber: 1,
     periodInSemester: 2
   },
+  {
+    id: "2023P3",
+    number: 3,
+    semesterNumber: 1,
+    periodInSemester: 3
+  },
   {
     id: "2023P5",
     number: 5,
@@ -26,10 +32,9 @@ const t = "<Periods periods={periods} />", o = [
     periodInSemester: 1
   }
 ], i = {
-  periods: {
-    "period-title": "Semester {{ semester }} block",
-    "last-separator": "en"
-  }
+  period: "blok",
+  periods: "blokken",
+  and: "en"
 }, a = {
   title: "Atoms/Periods",
   component: e,
@@ -43,16 +48,16 @@ const t = "<Periods periods={periods} />", o = [
   },
   parameters: {
     inspectComponent: e,
-    codeString: t
+    codeString: o
   }
-}, m = (r) => /* @__PURE__ */ s(e, { ...r }), d = m.bind({});
-d.args = {
-  periods: o,
+}, m = (r) => /* @__PURE__ */ s(e, { ...r }), n = m.bind({});
+n.args = {
+  periods: t,
   maxPeriods: 7,
-  titlePeriods: i
+  tooltipTranslations: i
 };
 export {
-  d as PeriodsExample,
+  n as PeriodsExample,
   a as default
 };
 //# sourceMappingURL=Periods.stories.js.map

package/dist/components/Periods/Periods.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Periods.stories.js","sources":["../../../src/components/Periods/Periods.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodsProps } from './Periods';\n\nimport { Periods } from './Periods';\n\nconst codeString = '<Periods periods={periods} />';\n\nconst PERIODS = [\n  {\n    id: '2023P1',\n    number: 1,\n    semesterNumber: 1,\n    periodInSemester: 1,\n  },\n  {\n    id: '2023P2',\n    number: 2,\n    semesterNumber: 1,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P5',\n    number: 5,\n    semesterNumber: 2,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P7',\n    number: 7,\n    semesterNumber: 3,\n    periodInSemester: 1,\n  },\n];\n\nconst TITLE_PERIODS = {\n  periods: {\n    'period-title': 'Semester {{ semester }} block',\n    'last-separator': 'en',\n  },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Periods',\n  component: Periods,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Periods,\n    codeString: codeString,\n  },\n} as Meta<PeriodsProps>;\n\nconst Template: StoryFn<PeriodsProps> = (args) => <Periods {...args} />;\n\nexport const PeriodsExample = Template.bind({});\n\nPeriodsExample.args = {\n  periods: PERIODS,\n  maxPeriods: 7,\n  titlePeriods: TITLE_PERIODS,\n};\n"],"names":["codeString","PERIODS","TITLE_PERIODS","Periods_stories","Periods","Template","args","jsx","PeriodsExample"],"mappings":";;AAKA,MAAMA,IAAa,iCAEbC,IAAU;AAAA,EACd;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAEMC,IAAgB;AAAA,EACpB,SAAS;AAAA,IACP,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAJ;AAAA,EACF;AACF,GAEMK,IAAkC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,EAAM,CAAA,GAExDE,IAAiBH,EAAS,KAAK,EAAE;AAE9CG,EAAe,OAAO;AAAA,EACpB,SAASP;AAAA,EACT,YAAY;AAAA,EACZ,cAAcC;AAChB;"}
+{"version":3,"file":"Periods.stories.js","sources":["../../../src/components/Periods/Periods.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PeriodsProps } from './Periods';\n\nimport { Periods } from './Periods';\n\nconst codeString = '<Periods periods={periods} />';\n\nconst PERIODS = [\n  {\n    id: '2023P1',\n    number: 1,\n    semesterNumber: 1,\n    periodInSemester: 1,\n  },\n  {\n    id: '2023P2',\n    number: 2,\n    semesterNumber: 1,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P3',\n    number: 3,\n    semesterNumber: 1,\n    periodInSemester: 3,\n  },\n  {\n    id: '2023P5',\n    number: 5,\n    semesterNumber: 2,\n    periodInSemester: 2,\n  },\n  {\n    id: '2023P7',\n    number: 7,\n    semesterNumber: 3,\n    periodInSemester: 1,\n  },\n];\n\nconst TOOLTIP_PERIODS = {\n  period: 'blok',\n  periods: 'blokken',\n  and: 'en',\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Periods',\n  component: Periods,\n  argTypes: {\n    expanded: {\n      // Hide the expanded prop. Changing the value in Storybook doesn't update the state of the component.\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Periods,\n    codeString: codeString,\n  },\n} as Meta<PeriodsProps>;\n\nconst Template: StoryFn<PeriodsProps> = (args) => <Periods {...args} />;\n\nexport const PeriodsExample = Template.bind({});\n\nPeriodsExample.args = {\n  periods: PERIODS,\n  maxPeriods: 7,\n  tooltipTranslations: TOOLTIP_PERIODS,\n};\n"],"names":["codeString","PERIODS","TOOLTIP_PERIODS","Periods_stories","Periods","Template","args","jsx","PeriodsExample"],"mappings":";;AAKA,MAAMA,IAAa,iCAEbC,IAAU;AAAA,EACd;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EACpB;AACF,GAEMC,IAAkB;AAAA,EACtB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,KAAK;AACP,GAGeC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAJ;AAAA,EACF;AACF,GAEMK,IAAkC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAS,GAAGE,EAAM,CAAA,GAExDE,IAAiBH,EAAS,KAAK,EAAE;AAE9CG,EAAe,OAAO;AAAA,EACpB,SAASP;AAAA,EACT,YAAY;AAAA,EACZ,qBAAqBC;AACvB;"}

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -16,14 +16,14 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-1L5UZfDH.js";
+import "../../TablePlugin-Cj6IBz2k.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../RteEditor/hooks/components/Flyout.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-i4PDjRS_.js";
+import "../../SortableProvider-BUsvniX7.js";
 const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", B = {
   title: "Atoms/ProgrammeCard",
   component: o,

package/dist/components/RteEditor/EditorHeader/EditorHeader.js

@@ -15,13 +15,13 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../TablePlugin-1L5UZfDH.js";
+import "../../../TablePlugin-Cj6IBz2k.js";
 import "../hooks/components/Flyout.js";
 import "../Providers/LanguageProvider.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-i4PDjRS_.js";
+import "../../../SortableProvider-BUsvniX7.js";
 import '../../../assets/EditorHeader.css';const o = {
   "editor-header__container": "_editor-header__container_1kv3n_1",
   "editor-header__info-icon": "_editor-header__info-icon_1kv3n_10",

package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js

@@ -16,14 +16,14 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../TablePlugin-1L5UZfDH.js";
+import "../../../../TablePlugin-Cj6IBz2k.js";
 import { s as t } from "../../../../RteEditor.module-Dz9a8vaK.js";
 import "../../hooks/components/Flyout.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-i4PDjRS_.js";
+import "../../../../SortableProvider-BUsvniX7.js";
 const O = () => {
   const [o] = f(), [s, d] = m(!1), [p, l] = m(!1), c = () => {
     o.dispatchCommand(C, void 0);

package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../helpers-Ec7CfNnA.js";
-import { A as z } from "../../../../TablePlugin-1L5UZfDH.js";
+import { A as z } from "../../../../TablePlugin-Cj6IBz2k.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -24,7 +24,7 @@ import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-i4PDjRS_.js";
+import "../../../../SortableProvider-BUsvniX7.js";
 export {
   z as AddLinkForm
 };

package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js

@@ -4,7 +4,7 @@ import { c as L } from "../../../../clsx-OuTLNxxd.js";
 import { g as N, U as b } from "../../../../helpers-Ec7CfNnA.js";
 import { useRef as _, useEffect as g } from "react";
 import { r as C, I as E, m as P } from "../../../../Lexical.prod-CO0gPAfo.js";
-import { A as x } from "../../../../TablePlugin-1L5UZfDH.js";
+import { A as x } from "../../../../TablePlugin-Cj6IBz2k.js";
 import { useFlyout as I } from "../../hooks/useFlyout.js";
 import { Icon as T } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -24,7 +24,7 @@ import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-i4PDjRS_.js";
+import "../../../../SortableProvider-BUsvniX7.js";
 const A = 200, st = ({
   isLink: l = { active: !1, url: "", target: "_self" },
   isLinkable: k = !1

package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as v } from "../../../../TablePlugin-1L5UZfDH.js";
+import { b as v } from "../../../../TablePlugin-Cj6IBz2k.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -21,7 +21,7 @@ import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-i4PDjRS_.js";
+import "../../../../SortableProvider-BUsvniX7.js";
 export {
   v as AddTableForm
 };

package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js

@@ -4,7 +4,7 @@ import "../../../../clsx-OuTLNxxd.js";
 import "../../../../helpers-BewZrn6E.js";
 import "../../../../Lexical.prod-CO0gPAfo.js";
 import "react";
-import { T as A } from "../../../../TablePlugin-1L5UZfDH.js";
+import { T as A } from "../../../../TablePlugin-Cj6IBz2k.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -24,7 +24,7 @@ import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-i4PDjRS_.js";
+import "../../../../SortableProvider-BUsvniX7.js";
 export {
   A as TablePlugin
 };

package/dist/components/RteEditor/Plugins/TablePlugin/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../../../TablePlugin-1L5UZfDH.js";
+import { T as o } from "../../../../TablePlugin-Cj6IBz2k.js";
 import { TableCellContextMenu as t } from "./TableCellContextMenu/TableCellContextMenu.js";
 export {
   t as TableCellContextMenu,

package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js

@@ -8,7 +8,7 @@ import { BlockFormatPlugin as U } from "../BlockFormatPlugin/BlockFormatPlugin.j
 import { ListPlugin as _ } from "../ListPlugin/ListPlugin.js";
 import { LinkPlugin as j } from "../LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as E } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as K } from "../../../../TablePlugin-1L5UZfDH.js";
+import { T as K } from "../../../../TablePlugin-Cj6IBz2k.js";
 import { TableCellContextMenu as M } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 import { s as O } from "../../../../RteEditor.module-Dz9a8vaK.js";
 const w = (s, l) => {

package/dist/components/RteEditor/Plugins/index.js

@@ -3,7 +3,7 @@ import { BlockFormatPlugin as t } from "./BlockFormatPlugin/BlockFormatPlugin.js
 import { ListPlugin as n } from "./ListPlugin/ListPlugin.js";
 import { LinkPlugin as x } from "./LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as p } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as g } from "../../../TablePlugin-1L5UZfDH.js";
+import { T as g } from "../../../TablePlugin-Cj6IBz2k.js";
 import { TableCellContextMenu as a } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 export {
   t as BlockFormatPlugin,

package/dist/components/RteEditor/RteEditor.js

@@ -12,7 +12,7 @@ import { c as nn } from "../../clsx-OuTLNxxd.js";
 import { s as L } from "../../RteEditor.module-Dz9a8vaK.js";
 import { ToolBarPlugin as rn } from "./Plugins/ToolbarPlugin/ToolbarPlugin.js";
 import { Icon as on } from "../Icon/Icon.js";
-import "../../TablePlugin-1L5UZfDH.js";
+import "../../TablePlugin-Cj6IBz2k.js";
 import "./hooks/components/Flyout.js";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
@@ -29,7 +29,7 @@ import "react-router-dom";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-i4PDjRS_.js";
+import "../../SortableProvider-BUsvniX7.js";
 import { useTranslation as sn } from "./hooks/useTranslation.js";
 import { UvaTheme as an } from "./UvaTheme/UvaTheme.js";
 import { EditorHeader as ln } from "./EditorHeader/EditorHeader.js";

package/dist/components/Sortable/Sortable.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Children as e } from "react";
 import { SortableItem as b } from "./components/SortableItem.js";
-import { S as n } from "../../SortableProvider-i4PDjRS_.js";
+import { S as n } from "../../SortableProvider-BUsvniX7.js";
 const S = ({ children: t, ItemHandlePlacement: m = "left", scrollable: a, disabled: l, onSort: i }) => /* @__PURE__ */ o(
   n,
   {

package/dist/components/Sortable/SortableProvider.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "./sortableReducer.js";
-import { S as p, u as a } from "../../SortableProvider-i4PDjRS_.js";
+import { S as p, u as a } from "../../SortableProvider-BUsvniX7.js";
 import "./actions.js";
 export {
   p as SortableProvider,

package/dist/components/Sortable/components/SortableContainer.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../clsx-OuTLNxxd.js";
-import "../../../Sortable.module-uk_YuFs1.js";
-import { a } from "../../../SortableProvider-i4PDjRS_.js";
+import "../../../Sortable.module-DDhRFD1T.js";
+import { a } from "../../../SortableProvider-BUsvniX7.js";
 export {
   a as SortableContainer
 };

package/dist/components/Sortable/components/SortableHandle.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Icon as e } from "../../Icon/Icon.js";
-import { s as t } from "../../../Sortable.module-uk_YuFs1.js";
+import { s as t } from "../../../Sortable.module-DDhRFD1T.js";
 const r = "ontouchstart" in globalThis.document.documentElement;
 function m({ placement: n }) {
   return r ? null : /* @__PURE__ */ o("div", { className: `${t.sortable__handle} ${t[`sortable__handle--${n}`]}`, children: /* @__PURE__ */ o(e, { name: "Dots" }) });

package/dist/components/Sortable/components/SortableItem.js

@@ -2,8 +2,8 @@ import { jsxs as i, jsx as r, Fragment as v } from "react/jsx-runtime";
 import { useState as S, useRef as M, useEffect as Q } from "react";
 import { Icon as w } from "../../Icon/Icon.js";
 import { SortableHandle as E } from "./SortableHandle.js";
-import { s as t } from "../../../Sortable.module-uk_YuFs1.js";
-import { u as k } from "../../../SortableProvider-i4PDjRS_.js";
+import { s as t } from "../../../Sortable.module-DDhRFD1T.js";
+import { u as k } from "../../../SortableProvider-BUsvniX7.js";
 const G = ["Space", "ArrowDown", "ArrowUp"], J = "ontouchstart" in globalThis.document.documentElement, C = new Image(0, 0);
 C.src = // 1px transparent png
 "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";

package/dist/components/index.js

@@ -29,7 +29,7 @@ import { Label as to } from "./Label/Label.js";
 import { MenuLink as po } from "./MenuLink/MenuLink.js";
 import { MetaDataList as mo } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as io } from "./ModalDialog/ModalDialog.js";
-import { M as no } from "../TablePlugin-1L5UZfDH.js";
+import { M as no } from "../TablePlugin-Cj6IBz2k.js";
 import { OverlayCloseButton as co } from "./OverlayCloseButton/OverlayCloseButton.js";
 import { PageOverlay as so } from "./PageOverlay/PageOverlay.js";
 import { Periods as So } from "./Periods/Periods.js";

package/dist/index.js

@@ -29,7 +29,7 @@ import { Label as to } from "./components/Label/Label.js";
 import { MenuLink as po } from "./components/MenuLink/MenuLink.js";
 import { MetaDataList as mo } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as io } from "./components/ModalDialog/ModalDialog.js";
-import { M as no } from "./TablePlugin-1L5UZfDH.js";
+import { M as no } from "./TablePlugin-Cj6IBz2k.js";
 import { OverlayCloseButton as co } from "./components/OverlayCloseButton/OverlayCloseButton.js";
 import { PageOverlay as so } from "./components/PageOverlay/PageOverlay.js";
 import { Periods as So } from "./components/Periods/Periods.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.58.0",
+  "version": "1.59.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -57,8 +57,8 @@
     "@storybook/react": "^8.3.6",
     "@storybook/react-vite": "^8.3.6",
     "@storybook/test": "^8.3.6",
-    "@types/node": "^20.16.14",
-    "@types/react": "^18.3.11",
+    "@types/node": "^20.16.15",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@uva-glass/eslint-config": "^1.3.1",
     "@uva-glass/stylelint-config": "^1.1.0",
@@ -67,7 +67,7 @@
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.13",
     "eslint-plugin-storybook": "^0.10.1",
@@ -88,8 +88,8 @@
     "stylelint-config-standard": "^36.0.1",
     "stylelint-order": "^6.0.4",
     "typescript": "^5.6.3",
-    "vite": "^5.4.9",
-    "vite-plugin-dts": "^4.2.4",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-static-copy": "^2.0.0",
     "vite-plugin-svgr": "^4.2.0",

package/dist/Sortable.module-uk_YuFs1.js

@@ -1,24 +0,0 @@
-import './assets/Sortable.css';const _ = "_sortable__wrapper_td575_1", t = "_sortable__container_td575_13", e = "_sortable__handle_td575_154", r = {
-  sortable__wrapper: _,
-  "sortable__wrapper--scrollable": "_sortable__wrapper--scrollable_td575_5",
-  sortable__container: t,
-  "sortable__drop-target": "_sortable__drop-target_td575_25",
-  "sortable__sort-item": "_sortable__sort-item_td575_56",
-  "sortable__sort-item--ghost": "_sortable__sort-item--ghost_td575_72",
-  "sortable__container--drag-over": "_sortable__container--drag-over_td575_83",
-  "sortable__sort-item__handle": "_sortable__sort-item__handle_td575_88",
-  "sortable__sort-item__button-container": "_sortable__sort-item__button-container_td575_98",
-  "sortable__sort-item__handle--icon": "_sortable__sort-item__handle--icon_td575_117",
-  "sortable__sort-item__handle--up": "_sortable__sort-item__handle--up_td575_124",
-  "sortable__sort-item__handle--down": "_sortable__sort-item__handle--down_td575_125",
-  "sortable__sort-item--dragging": "_sortable__sort-item--dragging_td575_136",
-  "sortable__sort-item__contents": "_sortable__sort-item__contents_td575_140",
-  "sortable__sort-item__contents--handle-right": "_sortable__sort-item__contents--handle-right_td575_149",
-  sortable__handle: e,
-  "sortable__handle--right": "_sortable__handle--right_td575_160",
-  "sortable__visually-hidden": "_sortable__visually-hidden_td575_178"
-};
-export {
-  r as s
-};
-//# sourceMappingURL=Sortable.module-uk_YuFs1.js.map

package/dist/Sortable.module-uk_YuFs1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sortable.module-uk_YuFs1.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}