@uva-glass/component-library 3.22.0 → 3.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/dist/Button.module-Dlqf6mMD.js +15 -0
  2. package/dist/Button.module-Dlqf6mMD.js.map +1 -0
  3. package/dist/RteEditor.module-B_3uFnFu.js +41 -0
  4. package/dist/RteEditor.module-B_3uFnFu.js.map +1 -0
  5. package/dist/{SelectListbox.module-N3Kg0UvL.js → SelectListbox.module-DHFU0NjU.js} +21 -21
  6. package/dist/SelectListbox.module-DHFU0NjU.js.map +1 -0
  7. package/dist/Sortable.module-CekPNg54.js +23 -0
  8. package/dist/Sortable.module-CekPNg54.js.map +1 -0
  9. package/dist/{SortableProvider-B3_u0pKv.js → SortableProvider-CwX1lFMa.js} +2 -2
  10. package/dist/{SortableProvider-B3_u0pKv.js.map → SortableProvider-CwX1lFMa.js.map} +1 -1
  11. package/dist/{TablePlugin-CrCof8yO.js → TablePlugin-Bj5FObQ_.js} +3 -3
  12. package/dist/{TablePlugin-CrCof8yO.js.map → TablePlugin-Bj5FObQ_.js.map} +1 -1
  13. package/dist/assets/Backdrop.css +1 -1
  14. package/dist/assets/Backdrop2.css +1 -1
  15. package/dist/assets/Button.css +1 -1
  16. package/dist/assets/CheckboxTree.css +1 -1
  17. package/dist/assets/Container.css +1 -1
  18. package/dist/assets/EditorHeader.css +1 -1
  19. package/dist/assets/Flyout.css +1 -1
  20. package/dist/assets/InfoBanner.css +1 -0
  21. package/dist/assets/Input.css +1 -1
  22. package/dist/assets/MultiSelectBox.css +1 -1
  23. package/dist/assets/OverlayStepBar.css +1 -1
  24. package/dist/assets/PageOverlay.css +1 -1
  25. package/dist/assets/RteEditor.css +1 -1
  26. package/dist/assets/SelectListbox.css +1 -1
  27. package/dist/assets/Sortable.css +1 -1
  28. package/dist/assets/StatusBage.css +1 -1
  29. package/dist/assets/TableCellContextMenu.css +1 -1
  30. package/dist/assets/ToggleSwitch.css +1 -1
  31. package/dist/assets/variables.css +75 -52
  32. package/dist/components/Backdrop/Backdrop.js +5 -5
  33. package/dist/components/Buttons/Button.js +1 -1
  34. package/dist/components/Buttons/LinkButton.js +1 -1
  35. package/dist/components/Buttons/MenuButton.js +1 -1
  36. package/dist/components/CheckboxTree/CheckboxTree.js +19 -19
  37. package/dist/components/FormInput/FormInput.js +2 -2
  38. package/dist/components/Icon/icons/index.d.ts +12 -0
  39. package/dist/components/Icon/icons/index.js +179 -169
  40. package/dist/components/Icon/icons/index.js.map +1 -1
  41. package/dist/components/InfoBanner/InfoBanner.d.ts +9 -0
  42. package/dist/components/InfoBanner/InfoBanner.js +12 -0
  43. package/dist/components/InfoBanner/InfoBanner.js.map +1 -0
  44. package/dist/components/InfoBanner/InfoBanner.stories.d.ts +5 -0
  45. package/dist/components/InfoBanner/InfoBanner.stories.js +23 -0
  46. package/dist/components/InfoBanner/InfoBanner.stories.js.map +1 -0
  47. package/dist/components/InfoBanner/index.d.ts +1 -0
  48. package/dist/components/InfoBanner/index.js +5 -0
  49. package/dist/components/InfoBanner/index.js.map +1 -0
  50. package/dist/components/Input/Input.js +16 -16
  51. package/dist/components/InputField/InputField.stories.js +2 -2
  52. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  53. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  54. package/dist/components/MultiSelect/components/MultiSelectHeader.js +2 -2
  55. package/dist/components/MultiSelect/index.js +1 -1
  56. package/dist/components/MultiSelectBox/MultiSelectBox.js +56 -56
  57. package/dist/components/MultiSelectBox/MultiSelectBox.js.map +1 -1
  58. package/dist/components/MultiSelectBox/MultiSelectBox.stories.js.map +1 -1
  59. package/dist/components/MultiSelectBox/MultiSelectBox.test.js.map +1 -1
  60. package/dist/components/OverlayStepBar/OverlayStepBar.js +6 -6
  61. package/dist/components/PageOverlay/PageOverlay.js +26 -26
  62. package/dist/components/PeriodSelector/PeriodSelector.js +2 -2
  63. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +2 -2
  64. package/dist/components/RadioTabSelector/RadioTabSelector.js +2 -2
  65. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +8 -8
  66. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +1 -1
  67. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +3 -3
  68. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +2 -2
  69. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +3 -3
  70. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +1 -1
  71. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +2 -2
  72. package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js +20 -20
  73. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +3 -3
  74. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  75. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +2 -2
  76. package/dist/components/RteEditor/Plugins/index.js +1 -1
  77. package/dist/components/RteEditor/RteEditor.js +3 -3
  78. package/dist/components/RteEditor/UvaTheme/UvaTheme.js +1 -1
  79. package/dist/components/RteEditor/hooks/components/Flyout.js +3 -3
  80. package/dist/components/SelectListbox/components/SelectButton.js +1 -1
  81. package/dist/components/SelectListbox/components/SelectContainer.js +1 -1
  82. package/dist/components/SelectListbox/components/SelectOption.js +1 -1
  83. package/dist/components/SelectListbox/components/SelectOptionBox.js +1 -1
  84. package/dist/components/Sortable/Sortable.js +1 -1
  85. package/dist/components/Sortable/SortableProvider.js +1 -1
  86. package/dist/components/Sortable/components/SortableContainer.js +2 -2
  87. package/dist/components/Sortable/components/SortableHandle.js +1 -1
  88. package/dist/components/Sortable/components/SortableItem.js +2 -2
  89. package/dist/components/StatusBadge/StatusBage.js +6 -6
  90. package/dist/components/TextArea/TextArea.d.ts +3 -1
  91. package/dist/components/TextArea/TextArea.js +9 -8
  92. package/dist/components/TextArea/TextArea.js.map +1 -1
  93. package/dist/components/TextArea/TextArea.stories.js +8 -7
  94. package/dist/components/TextArea/TextArea.stories.js.map +1 -1
  95. package/dist/components/ToggleSwitch/ToggleSwitch.js +10 -10
  96. package/dist/components/index.d.ts +1 -0
  97. package/dist/components/index.js +70 -68
  98. package/dist/components/index.js.map +1 -1
  99. package/dist/index.js +70 -68
  100. package/dist/index.js.map +1 -1
  101. package/dist/storyComponents/Container/Container.js +22 -22
  102. package/package.json +6 -6
  103. package/dist/Button.module-BXzi8gZH.js +0 -15
  104. package/dist/Button.module-BXzi8gZH.js.map +0 -1
  105. package/dist/RteEditor.module-45648CA2.js +0 -41
  106. package/dist/RteEditor.module-45648CA2.js.map +0 -1
  107. package/dist/SelectListbox.module-N3Kg0UvL.js.map +0 -1
  108. package/dist/Sortable.module-CuvuQhr8.js +0 -23
  109. package/dist/Sortable.module-CuvuQhr8.js.map +0 -1
@@ -0,0 +1,15 @@
1
+ import './assets/Button.css';const t = "_button_14m2f_1", n = {
2
+ button: t,
3
+ "button--blank": "_button--blank_14m2f_35",
4
+ "button--blank-subtle": "_button--blank-subtle_14m2f_36",
5
+ "button--blank-icon": "_button--blank-icon_14m2f_37",
6
+ "button--primary": "_button--primary_14m2f_82",
7
+ "button--secondary": "_button--secondary_14m2f_98",
8
+ "button--destructive-primary": "_button--destructive-primary_14m2f_114",
9
+ "button--destructive-secondary": "_button--destructive-secondary_14m2f_132",
10
+ "button--wide-column": "_button--wide-column_14m2f_150"
11
+ };
12
+ export {
13
+ n as s
14
+ };
15
+ //# sourceMappingURL=Button.module-Dlqf6mMD.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.module-Dlqf6mMD.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
@@ -0,0 +1,41 @@
1
+ import './assets/RteEditor.css';const _ = "_editor__container_z9oa6_1", t = "_editor__header_z9oa6_7", e = "_editor_z9oa6_1", o = "_editor__field_z9oa6_36", i = "_editor__toolbar_z9oa6_40", d = "_editor__placeholder_z9oa6_170", l = "_listitem_z9oa6_201", r = {
2
+ editor__container: _,
3
+ editor__header: t,
4
+ "editor__header-word-count": "_editor__header-word-count_z9oa6_15",
5
+ "editor__header-word-count--alert": "_editor__header-word-count--alert_z9oa6_24",
6
+ editor: e,
7
+ editor__field: o,
8
+ editor__toolbar: i,
9
+ "editor__toolbar-button-group": "_editor__toolbar-button-group_z9oa6_49",
10
+ "editor__toolbar-button": "_editor__toolbar-button_z9oa6_49",
11
+ "editor__toolbar-button--active": "_editor__toolbar-button--active_z9oa6_80",
12
+ "editor__toolbar-button--bold": "_editor__toolbar-button--bold_z9oa6_100",
13
+ "editor__toolbar-button--italic": "_editor__toolbar-button--italic_z9oa6_104",
14
+ "editor__toolbar-button-flyoutwrapper": "_editor__toolbar-button-flyoutwrapper_z9oa6_123",
15
+ "editor__field-wrapper": "_editor__field-wrapper_z9oa6_127",
16
+ editor__placeholder: d,
17
+ "guide-text-ltr": "_guide-text-ltr_z9oa6_180",
18
+ "guide-text-rtl": "_guide-text-rtl_z9oa6_184",
19
+ "guide-text-paragraph": "_guide-text-paragraph_z9oa6_188",
20
+ "guide-text__text--bold": "_guide-text__text--bold_z9oa6_193",
21
+ "guide-text__text--italic": "_guide-text__text--italic_z9oa6_197",
22
+ listitem: l,
23
+ "guide-text__list--ol": "_guide-text__list--ol_z9oa6_205",
24
+ "guide-text__list--ol2": "_guide-text__list--ol2_z9oa6_210",
25
+ "guide-text__list--ol3": "_guide-text__list--ol3_z9oa6_217",
26
+ "guide-text__list--ol4": "_guide-text__list--ol4_z9oa6_224",
27
+ "guide-text__list--ol5": "_guide-text__list--ol5_z9oa6_231",
28
+ "guide-text__list--ul": "_guide-text__list--ul_z9oa6_238",
29
+ "guide-text__list--ul2": "_guide-text__list--ul2_z9oa6_244",
30
+ "guide-text__list--ul3": "_guide-text__list--ul3_z9oa6_251",
31
+ "guide-text__list--ul4": "_guide-text__list--ul4_z9oa6_258",
32
+ "guide-text__list--ul5": "_guide-text__list--ul5_z9oa6_265",
33
+ "guide-text__list--listitem": "_guide-text__list--listitem_z9oa6_272",
34
+ "guide-text__list--nested-listitem": "_guide-text__list--nested-listitem_z9oa6_276",
35
+ "guide-text__link": "_guide-text__link_z9oa6_281",
36
+ "guide-text__table": "_guide-text__table_z9oa6_287"
37
+ };
38
+ export {
39
+ r as s
40
+ };
41
+ //# sourceMappingURL=RteEditor.module-B_3uFnFu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RteEditor.module-B_3uFnFu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,26 +1,26 @@
1
1
  import './assets/SelectListbox.css';const e = {
2
- "select-listbox-container": "_select-listbox-container_qlp06_1",
3
- "select-listbox__wrapper": "_select-listbox__wrapper_qlp06_5",
4
- "select-listbox-trigger": "_select-listbox-trigger_qlp06_15",
5
- "select-listbox-trigger--default": "_select-listbox-trigger--default_qlp06_30",
6
- "select-listbox-trigger--small": "_select-listbox-trigger--small_qlp06_34",
7
- "select-listbox-trigger--medium": "_select-listbox-trigger--medium_qlp06_38",
8
- "select-listbox-trigger-label": "_select-listbox-trigger-label_qlp06_43",
9
- "select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_qlp06_52",
10
- "select-listbox-trigger--bold": "_select-listbox-trigger--bold_qlp06_56",
11
- "select-listbox-trigger--pill": "_select-listbox-trigger--pill_qlp06_60",
12
- "select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_qlp06_65",
13
- "select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_qlp06_70",
14
- "select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_qlp06_75",
15
- "select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_qlp06_89",
16
- "select-listbox-trigger-icon": "_select-listbox-trigger-icon_qlp06_101",
17
- "select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_qlp06_106",
18
- "select-listbox": "_select-listbox_qlp06_1",
19
- "select-listbox-option": "_select-listbox-option_qlp06_120",
20
- "select-listbox-option--active": "_select-listbox-option--active_qlp06_133",
21
- "select-listbox-divider": "_select-listbox-divider_qlp06_143"
2
+ "select-listbox-container": "_select-listbox-container_10373_1",
3
+ "select-listbox__wrapper": "_select-listbox__wrapper_10373_5",
4
+ "select-listbox-trigger": "_select-listbox-trigger_10373_15",
5
+ "select-listbox-trigger--default": "_select-listbox-trigger--default_10373_30",
6
+ "select-listbox-trigger--small": "_select-listbox-trigger--small_10373_34",
7
+ "select-listbox-trigger--medium": "_select-listbox-trigger--medium_10373_38",
8
+ "select-listbox-trigger-label": "_select-listbox-trigger-label_10373_43",
9
+ "select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_10373_52",
10
+ "select-listbox-trigger--bold": "_select-listbox-trigger--bold_10373_56",
11
+ "select-listbox-trigger--pill": "_select-listbox-trigger--pill_10373_60",
12
+ "select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_10373_65",
13
+ "select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_10373_70",
14
+ "select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_10373_75",
15
+ "select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_10373_89",
16
+ "select-listbox-trigger-icon": "_select-listbox-trigger-icon_10373_101",
17
+ "select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_10373_106",
18
+ "select-listbox": "_select-listbox_10373_1",
19
+ "select-listbox-option": "_select-listbox-option_10373_120",
20
+ "select-listbox-option--active": "_select-listbox-option--active_10373_133",
21
+ "select-listbox-divider": "_select-listbox-divider_10373_143"
22
22
  };
23
23
  export {
24
24
  e as s
25
25
  };
26
- //# sourceMappingURL=SelectListbox.module-N3Kg0UvL.js.map
26
+ //# sourceMappingURL=SelectListbox.module-DHFU0NjU.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectListbox.module-DHFU0NjU.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,23 @@
1
+ import './assets/Sortable.css';const _ = "_sortable__wrapper_ttudd_1", t = "_sortable__container_ttudd_13", e = "_sortable__handle_ttudd_149", r = {
2
+ sortable__wrapper: _,
3
+ "sortable__wrapper--scrollable": "_sortable__wrapper--scrollable_ttudd_5",
4
+ sortable__container: t,
5
+ "sortable__drop-target": "_sortable__drop-target_ttudd_25",
6
+ "sortable__sort-item": "_sortable__sort-item_ttudd_56",
7
+ "sortable__sort-item--ghost": "_sortable__sort-item--ghost_ttudd_72",
8
+ "sortable__sort-item__handle": "_sortable__sort-item__handle_ttudd_83",
9
+ "sortable__sort-item__button-container": "_sortable__sort-item__button-container_ttudd_93",
10
+ "sortable__sort-item__handle--icon": "_sortable__sort-item__handle--icon_ttudd_112",
11
+ "sortable__sort-item__handle--up": "_sortable__sort-item__handle--up_ttudd_119",
12
+ "sortable__sort-item__handle--down": "_sortable__sort-item__handle--down_ttudd_120",
13
+ "sortable__sort-item--dragging": "_sortable__sort-item--dragging_ttudd_131",
14
+ "sortable__sort-item__contents": "_sortable__sort-item__contents_ttudd_135",
15
+ "sortable__sort-item__contents--handle-right": "_sortable__sort-item__contents--handle-right_ttudd_144",
16
+ sortable__handle: e,
17
+ "sortable__handle--right": "_sortable__handle--right_ttudd_155",
18
+ "sortable__visually-hidden": "_sortable__visually-hidden_ttudd_174"
19
+ };
20
+ export {
21
+ r as s
22
+ };
23
+ //# sourceMappingURL=Sortable.module-CekPNg54.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Sortable.module-CekPNg54.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
2
2
  import { useRef as b, useEffect as w, cloneElement as R, createContext as O, useReducer as A, Children as _, useContext as L } from "react";
3
3
  import { sortableReducer as j, initialState as q } from "./components/Sortable/sortableReducer.js";
4
4
  import { c as N } from "./clsx-OuTLNxxd.js";
5
- import { s as u } from "./Sortable.module-CuvuQhr8.js";
5
+ import { s as u } from "./Sortable.module-CekPNg54.js";
6
6
  import { setDraggingTarget as B, setDraggingSource as H, setClone as X, reset as Y, moveToPosition as k, drop as z, dragStart as F, dragEnd as G, clearDraggingTarget as J, clearDraggingSource as K } from "./components/Sortable/actions.js";
7
7
  function M({ scrollable: i, onSort: a }) {
8
8
  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 {
149
149
  M as a,
150
150
  U as u
151
151
  };
152
- //# sourceMappingURL=SortableProvider-B3_u0pKv.js.map
152
+ //# sourceMappingURL=SortableProvider-CwX1lFMa.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SortableProvider-B3_u0pKv.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":";;;;;;AAeO,SAASA,EAAkB,EAAE,YAAAC,GAAY,QAAAC,KAAkC;AAC1E,QAAA,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,MAAAC,GAAM,eAAAC,GAAe,mBAAAC,GAAmB,OAAAC,GAAO,SAAAC,EAAQ,IAAIC,EAAY,GAChGC,IAAeC,EAAyB,IAAI,GAC5CC,IAAaD,EAAuB,IAAI,GACxCE,IAAaF,EAAiBH,CAAO;AAE3C,WAASM,EAAeC,GAAiC;AACvD,UAAMC,IAAoBN,EAAa;AAEnC,QAAA,EAACM,KAAA,QAAAA,EAAmB,iBAAiB;AAEzC,UAAMC,IAAeF,EAAM;AAIpB,WAHY,MAAM,KAAKC,EAAkB,UAAU,EAC3B,UAAU,CAACE,MAASA,EAAK,YAAYD,CAAY,CAAC;AAAA,EAE1E;AAGT,WAASE,EAAWJ,GAAiC;AAC7C,UAAAK,IAAcN,EAAeC,CAAK;AAExC,IAAIK,MAAgB,WAEhBlB,KAASU,EAAW,WAAoBA,EAAA,QAAQ,YAAYV,CAAK,GAErEE,EAAKgB,CAAW;AAAA,EAAA;AAGlB,WAASC,EAAeN,GAAiC;AAKvD,QAHAA,EAAM,eAAe,GACrBA,EAAM,aAAa,aAAa,QAE5Bb,GAAO;AACH,YAAA,EAAE,SAAAoB,GAAS,SAAAC,EAAA,IAAYR,GACvB,EAAE,GAAAS,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,MAAWZ,EAAM,cAAc,sBAAsB,GAEpEa,IAAeD,IAAS,KAAKJ,IAAUE;AAGvC,MAAAvB,EAAA;AAAA,QACJ;AAAA,QACA;AAAA,gBACQoB,KAAWA,IAAUE,EAAE;AAAA,eACxBC,IAAIG,CAAY;AAAA,kBACbD,CAAM;AAAA,iBACPD,CAAK;AAAA;AAAA;AAAA,MAGhB;AAAA,IAAA;AAGI,UAAAN,IAAcN,EAAeC,CAAK;AAEpC,IAAAK,MAAgB,UAAaA,MAAgBjB,KAEjDG,EAAkBc,CAAW;AAAA,EAAA;AAG/B,WAASS,EAAyBd,GAAoC;;AAC9D,UAAA,EAAE,eAAAe,MAAkBf;AAI1B,IAFee,MAAkB,UAAQC,IAAArB,EAAa,YAAb,gBAAAqB,EAAsB,SAASD,QAGhEvB,EAAA,GAEFL,KACIA,EAAA,aAAa,SAAS,qBAAqB;AAAA,EAErD;AAGF,SAAA8B,EAAU,MAAM;AACd,QAAI,GAAC9B,KAAS,CAACU,EAAW;AAEf,aAAAA,EAAA,QAAQ,YAAYV,CAAK,GAE7B,WAAY;AACjB,QAAAA,EAAM,OAAO;AAAA,MACf;AAAA,EAAA,GACC,CAACA,CAAK,CAAC,GAEV8B,EAAU,MAAM;AACd,IAAK/B,KAEDO,EAAQ,QAAQ,MAAMK,EAAW,QAAQ,cAC3CZ,EAAOO,CAAO,GAEdK,EAAW,UAAUL;AAAA,EAEtB,GAAA,CAACA,GAASK,GAAYZ,CAAM,CAAC,GAG9B,gBAAAgC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,mBAAsB,EAAE,CAACA,EAAO,+BAA+B,CAAC,GAAGnC,GAAY;AAAA,MACtG,KAAKY;AAAA,MAEL,UAAA,gBAAAqB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAKC,EAAO,qBAAwB;AAAA,YAC7C,CAACA,EAAO,gCAAgC,CAAC,GAAGjC,MAAU;AAAA,UAAA,CACvD;AAAA,UACD,aAAa2B;AAAA,UACb,KAAKnB;AAAA,UACL,MAAK;AAAA,UAEJ,UAAcL,EAAA,IAAI,CAAC+B,GAAOC,MACzB,gBAAAJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE,EAAO,uBAAuB;AAAA,cACzC,WAAW;AAAA,cAEX,YAAYd;AAAA,cACZ,QAAQF;AAAA,cACR,MAAK;AAAA,cAEJ,UAAamB,EAAAF,GAAO,EAAE,OAAAC,EAAO,CAAA;AAAA,YAAA;AAAA,YALzBA;AAAA,UAOR,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;AClHA,MAAME,IAAkBC,EAAqE,MAAS,GAShGC,IAAO,CAACC,OAAoD;AAAA,EAChE,GAAGC;AAAA,EACH,SAASC,EAAS,IAAIF,GAAU,CAAC,EAAE,OAAAG,EAAY,MAAAA,EAAM,KAAK;AAAA,EAC1D,UAAUD,EAAS,MAAMF,CAAQ,IAAI;AAAA,EACrC,eAAeA;AACjB;AAEO,SAASI,GAAiB,EAAE,UAAAJ,GAAU,OAAAK,GAAO,YAAA/C,GAAY,QAAAC,KAAiB;AACzE,QAAA+C,IAAkBrC,EAAOoC,CAAK,GAE9B,CAACE,GAAOC,CAAQ,IAAIC,EAAWC,GAAiBV,GAAUD,CAAI;AAEpE,WAASY,EAAkBhB,GAAe;AAC/B,IAAAa,EAAAI,EAA0BjB,CAAK,CAAC;AAAA,EAAA;AAG3C,WAAS/B,EAAkB+B,GAAe;AAC/B,IAAAa,EAAAK,EAA0BlB,CAAK,CAAC;AAAA,EAAA;AAG3C,WAASmB,EAAenB,GAAe;AAC5B,IAAAa,EAAAO,EAAuBpB,CAAK,CAAC;AAAA,EAAA;AAGxC,WAASqB,IAAsB;AACpB,IAAAR,EAAAS,GAA6B;AAAA,EAAA;AAGxC,WAASC,IAAsB;AACpB,IAAAV,EAAAW,GAA6B;AAAA,EAAA;AAGxC,WAASzD,EAAKiC,GAAe;AAClB,IAAAa,EAAAY,EAAazB,CAAK,CAAC;AAAA,EAAA;AAG9B,WAAS0B,EAAU1B,GAAe;AACvB,IAAAa,EAAAc,EAAkB3B,CAAK,CAAC;AAAA,EAAA;AAGnC,WAAS4B,IAAU;AACR,IAAAf,EAAAgB,GAAiB;AAAA,EAAA;AAG5B,WAAS3D,IAAQ;AACN,IAAA2C,EAAAiB,GAAe;AAAA,EAAA;AAG1B,WAASC,EAASlD,GAAe;AACtB,IAAAgC,EAAAmB,EAAiBnD,CAAI,CAAC;AAAA,EAAA;AAGjC,WAASoD,EAAaC,GAAyB;AACvC,UAAAC,IAAcD,EAAc,IAAI,CAAClC,MAAUW,EAAgB,QAAQX,CAAK,CAAC;AAC/E,IAAApC,KAAUA,EAAOuE,CAAW;AAAA,EAAA;AAI5B,SAAA,gBAAAvC;AAAA,IAACM,EAAgB;AAAA,IAAhB;AAAA,MACC,OAAO;AAAA,QACL,GAAGU;AAAA,QAAA,qBACHW;AAAAA,QAAA,qBACAF;AAAAA,QAAA,SACAO;AAAAA,QAAA,WACAF;AAAAA,QAAA,MACA3D;AAAAA,QAAA,gBACAoD;AAAAA,QAAA,OACAjD;AAAAA,QAAA,UACA6D;AAAAA,QAAA,mBACAf;AAAAA,QACA/C,mBAAAA;AAAAA,MACF;AAAA,MAEA,UAAC,gBAAA2B,EAAAlC,GAAA,EAAkB,YAAAC,GAAwB,QAAQsE,EAAc,CAAA;AAAA,IAAA;AAAA,EACnE;AAEJ;AAEO,SAAS7D,IAAc;AACtB,QAAAgE,IAAUC,EAAWnC,CAAe;AAE1C,MAAIkC,MAAY;AACR,UAAA,IAAI,MAAM,oDAAoD;AAG/D,SAAAA;AACT;"}
1
+ {"version":3,"file":"SortableProvider-CwX1lFMa.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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"}
@@ -29,12 +29,12 @@ import "./components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMen
29
29
  import "./components/RteEditor/hooks/components/Flyout.js";
30
30
  import { deleteTable as ce, deleteColumn as me, insertColumn as ue, deleteRow as de, insertRow as fe, createTable as pe } from "./components/RteEditor/Plugins/TablePlugin/helpers.js";
31
31
  import { useFlyout as be } from "./components/RteEditor/hooks/useFlyout.js";
32
- import { s as I } from "./RteEditor.module-45648CA2.js";
32
+ import { s as I } from "./RteEditor.module-B_3uFnFu.js";
33
33
  import "./index-DllfJcv4.js";
34
34
  import "./components/SelectListbox/SelectListbox.js";
35
35
  import "./components/SelectListbox/SelectProvider.js";
36
36
  import "./components/Sortable/components/SortableItem.js";
37
- import "./SortableProvider-B3_u0pKv.js";
37
+ import "./SortableProvider-CwX1lFMa.js";
38
38
  import { setScrollableContainers as _e, removeScrollableContainers as ke } from "./components/RteEditor/helpers.js";
39
39
  import './assets/TablePlugin.css';function he({ label: b, clearTrigger: d, onClear: a }) {
40
40
  return /* @__PURE__ */ m("header", { className: L["multi-select__header"], children: [
@@ -302,4 +302,4 @@ export {
302
302
  he as a,
303
303
  ye as b
304
304
  };
305
- //# sourceMappingURL=TablePlugin-CrCof8yO.js.map
305
+ //# sourceMappingURL=TablePlugin-Bj5FObQ_.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TablePlugin-CrCof8yO.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/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, useId } from 'react';\n\nimport type { ChangeEvent, JSX } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport styles from './AddLinkForm.module.css';\n\nimport { ensureHttps, validateUrlWithProtocol } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Button, FeedbackBox, FormField, Icon, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n onCloseHandler: () => void;\n onSaveHandler: (url: string, linktext: string) => void;\n isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n clearForm: () => void;\n focusFirstField: () => void;\n setDefaults: (url: string, linktext: string) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n (\n { onCloseHandler, onSaveHandler, isLink = { active: false, url: '', linktext: '' } }: AddLinkFormProps,\n ref\n ): JSX.Element => {\n const t = useTranslation();\n const [url, setUrl] = useState<string>(isLink.url || '');\n const [linkText, setLinkText] = useState<string>(isLink.linktext || '');\n const [showLinktextField, setShowLinktextField] = useState<boolean>(false);\n const [urlError, setUrlError] = useState<string | null>(null);\n const [linkTextError, setLinkTextError] = useState<string | null>(null);\n const firstField = useRef<HTMLInputElement>(null);\n const linkId = `link_${useId()}`;\n const textId = `text_${useId()}`;\n\n const handleOpenUrl = () => {\n window.open(ensureHttps(url), '_blank');\n };\n\n const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n setUrl(event.target.value);\n };\n\n const handleLinkText = (event: ChangeEvent<HTMLInputElement>) => {\n setLinkText(event.target.value);\n };\n\n const validateUrl = (url: string): boolean => {\n if (validateUrlWithProtocol(url) === false || url.trim() === '') {\n setUrlError(t.errortext.urlNotValid);\n return false;\n }\n setUrlError(null);\n return true;\n };\n\n const validateLinkText = (linkText: string): boolean => {\n if (linkText.trim() === '') {\n setLinkTextError(t.errortext.linkTextNotValid);\n return false;\n }\n setLinkTextError(null);\n return true;\n };\n\n const handleSave = () => {\n if (!validateUrl(url) || (showLinktextField && !validateLinkText(linkText))) {\n return;\n }\n\n onSaveHandler(url, linkText);\n resetForm();\n };\n\n const handleClose = () => {\n onCloseHandler();\n resetForm();\n };\n\n const resetForm = () => {\n setUrl('');\n setShowLinktextField(false);\n setUrlError(null);\n setLinkTextError(null);\n };\n\n const setDefaults = (url: string, linktext: string) => {\n setUrl(url);\n if (!linktext && !url) {\n setShowLinktextField(true);\n }\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={linkId}>{t.links.linkLabel}</Label>\n <div className={styles['linkform__input-url-wrapper']}>\n <InputField\n id={linkId}\n placeholder={t.links.linkPlaceholder}\n value={url}\n onChange={(event) => handleUrl(event)}\n onFocus={() => setUrlError(null)}\n ref={firstField}\n aria-label={t.aria.labels.linkField}\n />\n {url && (\n <button type=\"button\" onClick={handleOpenUrl} className={styles['linkform__open-url-button']}>\n <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n </button>\n )}\n </div>\n {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n </FormField>\n {showLinktextField && (\n <FormField className={styles['linkform__input-field']}>\n <Label htmlFor={textId}>{t.links.linkText}</Label>\n <InputField\n id={textId}\n value={linkText}\n onChange={(event) => handleLinkText(event)}\n onFocus={() => setLinkTextError(null)}\n aria-label={t.aria.labels.linkTextfield}\n />\n {linkTextError && <FeedbackBox level=\"error\" feedback={linkTextError} />}\n </FormField>\n )}\n <div className={styles['linkform__footer']}>\n <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n {t.common.cancel}\n </Button>\n <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n {t.links.addLink}\n </Button>\n </div>\n </div>\n );\n }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef, useId, useEffect } 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';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\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 const rowId = `row_${useId()}`;\n const columnId = `column_${useId()}`;\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 useEffect(() => {\n const handleResizeScroll = () => {\n handleClose();\n };\n\n setScrollableContainers(handleResizeScroll);\n\n window.addEventListener('scroll', handleResizeScroll);\n window.addEventListener('resize', handleResizeScroll);\n\n return () => {\n window.removeEventListener('scroll', handleResizeScroll);\n window.removeEventListener('resize', handleResizeScroll);\n removeScrollableContainers(handleResizeScroll);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <div className={styles['tableform']}>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor={rowId}>{t.table.nrofRows}</Label>\n <InputField\n id={rowId}\n placeholder={t.table.nrofRowsPlaceholder}\n value={rowCount ? rowCount : ''}\n onChange={(event) => handleDimentionChange(event, 'row')}\n aria-label={t.aria.labels.tableRowfield}\n ref={firstField}\n />\n </FormField>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor={columnId}>{t.table.nrofColumns}</Label>\n <InputField\n id={columnId}\n placeholder={t.table.nrofColumnsPlaceholder}\n value={columnCount ? columnCount : ''}\n onChange={(event) => handleDimentionChange(event, 'column')}\n aria-label={t.aria.labels.tableColumnfield}\n />\n </FormField>\n <div className={styles['tableform__footer']}>\n <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel}>\n {t.common.cancel}\n </Button>\n <Button\n variant={'primary'}\n onClick={handleSave}\n disabled={!rowCount || !columnCount}\n aria-label={t.aria.labels.tableOkButton}\n >\n {t.common.add}\n </Button>\n </div>\n </div>\n );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $getTableCellNodeFromLexicalNode, $isTableCellNode } from '@lexical/table';\nimport { $getSelection, $isRangeSelection, $getRoot, KEY_DOWN_COMMAND, COMMAND_PRIORITY_EDITOR } from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { JSX } from 'react';\nimport type { TextNode } 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';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\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 t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n const addTableForm = useRef<addTableForm>(undefined);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const preventOpen = useRef(false);\n const isVisibleRef = useRef(isVisible);\n\n const openFlyout = () => {\n const rect = buttonRef.current?.getBoundingClientRect();\n if (!preventOpen.current && rect) {\n showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n };\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 const currentNode = $getTableCellNodeFromLexicalNode(anchorNode);\n\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 });\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 useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.code === 'Digit9') {\n event.preventDefault();\n openFlyout();\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n return () => {\n removeKeyboardShortcut();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n isVisibleRef.current = isVisible;\n }, [isVisible]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && isVisibleRef.current) {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown, { capture: true });\n\n return () => {\n document.removeEventListener('keydown', removeKeydown);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\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={openFlyout}\n title={t.table.tableTooltip}\n className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n aria-label={t.aria.labels.table}\n aria-keyshortcuts={t.aria.keyshortcuts.table}\n ref={buttonRef}\n type=\"button\"\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","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","showLinktextField","setShowLinktextField","urlError","setUrlError","linkTextError","setLinkTextError","firstField","useRef","linkId","useId","textId","handleOpenUrl","ensureHttps","handleUrl","event","handleLinkText","validateUrl","validateUrlWithProtocol","validateLinkText","handleSave","resetForm","handleClose","setDefaults","linktext","focusFirstField","useImperativeHandle","FormField","InputField","Icon","FeedbackBox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","rowId","columnId","handleDimentionChange","type","value","_a","useEffect","handleResizeScroll","setScrollableContainers","removeScrollableContainers","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","isVisibleRef","openFlyout","rect","flyoutOptions","closeFlyout","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","rows","columns","_b","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":"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"}
1
+ {"version":3,"file":"TablePlugin-Bj5FObQ_.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/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, useId } from 'react';\n\nimport type { ChangeEvent, JSX } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport styles from './AddLinkForm.module.css';\n\nimport { ensureHttps, validateUrlWithProtocol } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Button, FeedbackBox, FormField, Icon, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n onCloseHandler: () => void;\n onSaveHandler: (url: string, linktext: string) => void;\n isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n clearForm: () => void;\n focusFirstField: () => void;\n setDefaults: (url: string, linktext: string) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n (\n { onCloseHandler, onSaveHandler, isLink = { active: false, url: '', linktext: '' } }: AddLinkFormProps,\n ref\n ): JSX.Element => {\n const t = useTranslation();\n const [url, setUrl] = useState<string>(isLink.url || '');\n const [linkText, setLinkText] = useState<string>(isLink.linktext || '');\n const [showLinktextField, setShowLinktextField] = useState<boolean>(false);\n const [urlError, setUrlError] = useState<string | null>(null);\n const [linkTextError, setLinkTextError] = useState<string | null>(null);\n const firstField = useRef<HTMLInputElement>(null);\n const linkId = `link_${useId()}`;\n const textId = `text_${useId()}`;\n\n const handleOpenUrl = () => {\n window.open(ensureHttps(url), '_blank');\n };\n\n const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n setUrl(event.target.value);\n };\n\n const handleLinkText = (event: ChangeEvent<HTMLInputElement>) => {\n setLinkText(event.target.value);\n };\n\n const validateUrl = (url: string): boolean => {\n if (validateUrlWithProtocol(url) === false || url.trim() === '') {\n setUrlError(t.errortext.urlNotValid);\n return false;\n }\n setUrlError(null);\n return true;\n };\n\n const validateLinkText = (linkText: string): boolean => {\n if (linkText.trim() === '') {\n setLinkTextError(t.errortext.linkTextNotValid);\n return false;\n }\n setLinkTextError(null);\n return true;\n };\n\n const handleSave = () => {\n if (!validateUrl(url) || (showLinktextField && !validateLinkText(linkText))) {\n return;\n }\n\n onSaveHandler(url, linkText);\n resetForm();\n };\n\n const handleClose = () => {\n onCloseHandler();\n resetForm();\n };\n\n const resetForm = () => {\n setUrl('');\n setShowLinktextField(false);\n setUrlError(null);\n setLinkTextError(null);\n };\n\n const setDefaults = (url: string, linktext: string) => {\n setUrl(url);\n if (!linktext && !url) {\n setShowLinktextField(true);\n }\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={linkId}>{t.links.linkLabel}</Label>\n <div className={styles['linkform__input-url-wrapper']}>\n <InputField\n id={linkId}\n placeholder={t.links.linkPlaceholder}\n value={url}\n onChange={(event) => handleUrl(event)}\n onFocus={() => setUrlError(null)}\n ref={firstField}\n aria-label={t.aria.labels.linkField}\n />\n {url && (\n <button type=\"button\" onClick={handleOpenUrl} className={styles['linkform__open-url-button']}>\n <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n </button>\n )}\n </div>\n {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n </FormField>\n {showLinktextField && (\n <FormField className={styles['linkform__input-field']}>\n <Label htmlFor={textId}>{t.links.linkText}</Label>\n <InputField\n id={textId}\n value={linkText}\n onChange={(event) => handleLinkText(event)}\n onFocus={() => setLinkTextError(null)}\n aria-label={t.aria.labels.linkTextfield}\n />\n {linkTextError && <FeedbackBox level=\"error\" feedback={linkTextError} />}\n </FormField>\n )}\n <div className={styles['linkform__footer']}>\n <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n {t.common.cancel}\n </Button>\n <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n {t.links.addLink}\n </Button>\n </div>\n </div>\n );\n }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef, useId, useEffect } 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';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\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 const rowId = `row_${useId()}`;\n const columnId = `column_${useId()}`;\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 useEffect(() => {\n const handleResizeScroll = () => {\n handleClose();\n };\n\n setScrollableContainers(handleResizeScroll);\n\n window.addEventListener('scroll', handleResizeScroll);\n window.addEventListener('resize', handleResizeScroll);\n\n return () => {\n window.removeEventListener('scroll', handleResizeScroll);\n window.removeEventListener('resize', handleResizeScroll);\n removeScrollableContainers(handleResizeScroll);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <div className={styles['tableform']}>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor={rowId}>{t.table.nrofRows}</Label>\n <InputField\n id={rowId}\n placeholder={t.table.nrofRowsPlaceholder}\n value={rowCount ? rowCount : ''}\n onChange={(event) => handleDimentionChange(event, 'row')}\n aria-label={t.aria.labels.tableRowfield}\n ref={firstField}\n />\n </FormField>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor={columnId}>{t.table.nrofColumns}</Label>\n <InputField\n id={columnId}\n placeholder={t.table.nrofColumnsPlaceholder}\n value={columnCount ? columnCount : ''}\n onChange={(event) => handleDimentionChange(event, 'column')}\n aria-label={t.aria.labels.tableColumnfield}\n />\n </FormField>\n <div className={styles['tableform__footer']}>\n <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel}>\n {t.common.cancel}\n </Button>\n <Button\n variant={'primary'}\n onClick={handleSave}\n disabled={!rowCount || !columnCount}\n aria-label={t.aria.labels.tableOkButton}\n >\n {t.common.add}\n </Button>\n </div>\n </div>\n );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $getTableCellNodeFromLexicalNode, $isTableCellNode } from '@lexical/table';\nimport { $getSelection, $isRangeSelection, $getRoot, KEY_DOWN_COMMAND, COMMAND_PRIORITY_EDITOR } from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { JSX } from 'react';\nimport type { TextNode } 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';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\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 t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n const addTableForm = useRef<addTableForm>(undefined);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const preventOpen = useRef(false);\n const isVisibleRef = useRef(isVisible);\n\n const openFlyout = () => {\n const rect = buttonRef.current?.getBoundingClientRect();\n if (!preventOpen.current && rect) {\n showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n };\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 const currentNode = $getTableCellNodeFromLexicalNode(anchorNode);\n\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 });\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 useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.code === 'Digit9') {\n event.preventDefault();\n openFlyout();\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n return () => {\n removeKeyboardShortcut();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n isVisibleRef.current = isVisible;\n }, [isVisible]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && isVisibleRef.current) {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown, { capture: true });\n\n return () => {\n document.removeEventListener('keydown', removeKeydown);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\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={openFlyout}\n title={t.table.tableTooltip}\n className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n aria-label={t.aria.labels.table}\n aria-keyshortcuts={t.aria.keyshortcuts.table}\n ref={buttonRef}\n type=\"button\"\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","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","showLinktextField","setShowLinktextField","urlError","setUrlError","linkTextError","setLinkTextError","firstField","useRef","linkId","useId","textId","handleOpenUrl","ensureHttps","handleUrl","event","handleLinkText","validateUrl","validateUrlWithProtocol","validateLinkText","handleSave","resetForm","handleClose","setDefaults","linktext","focusFirstField","useImperativeHandle","FormField","InputField","Icon","FeedbackBox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","rowId","columnId","handleDimentionChange","type","value","_a","useEffect","handleResizeScroll","setScrollableContainers","removeScrollableContainers","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","isVisibleRef","openFlyout","rect","flyoutOptions","closeFlyout","insertTable","nrOfRows","nrOfColumns","selection","$getSelection","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","rows","columns","_b","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,SAASA,GAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,EAAA,CAAA;AAAA,EAAA,GAEJ;AAEJ;ACFa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF,EACF,CAAA;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;;;;;;;GCjBjBC,KAAcC;AAAA,EACzB,CACE,EAAE,gBAAAC,GAAgB,eAAAC,GAAe,QAAAC,IAAS,EAAE,QAAQ,IAAO,KAAK,IAAI,UAAU,GAAG,EAAA,GACjFC,MACgB;AAChB,UAAMC,IAAIC,EAAe,GACnB,CAACC,GAAKC,CAAM,IAAIC,EAAiBN,EAAO,OAAO,EAAE,GACjD,CAACO,GAAUC,CAAW,IAAIF,EAAiBN,EAAO,YAAY,EAAE,GAChE,CAACS,GAAmBC,CAAoB,IAAIJ,EAAkB,EAAK,GACnE,CAACK,GAAUC,CAAW,IAAIN,EAAwB,IAAI,GACtD,CAACO,GAAeC,CAAgB,IAAIR,EAAwB,IAAI,GAChES,IAAaC,EAAyB,IAAI,GAC1CC,IAAS,QAAQC,EAAO,CAAA,IACxBC,IAAS,QAAQD,EAAO,CAAA,IAExBE,IAAgB,MAAM;AAC1B,aAAO,KAAKC,GAAYjB,CAAG,GAAG,QAAQ;AAAA,IACxC,GAEMkB,IAAY,CAACC,MAAyC;AACnD,MAAAlB,EAAAkB,EAAM,OAAO,KAAK;AAAA,IAC3B,GAEMC,IAAiB,CAACD,MAAyC;AACnD,MAAAf,EAAAe,EAAM,OAAO,KAAK;AAAA,IAChC,GAEME,IAAc,CAACrB,MACfsB,GAAwBtB,CAAG,MAAM,MAASA,EAAI,WAAW,MAC/CQ,EAAAV,EAAE,UAAU,WAAW,GAC5B,OAETU,EAAY,IAAI,GACT,KAGHe,IAAmB,CAACpB,MACpBA,EAAS,KAAK,MAAM,MACLO,EAAAZ,EAAE,UAAU,gBAAgB,GACtC,OAETY,EAAiB,IAAI,GACd,KAGHc,IAAa,MAAM;AACnB,MAAA,CAACH,EAAYrB,CAAG,KAAMK,KAAqB,CAACkB,EAAiBpB,CAAQ,MAIzER,EAAcK,GAAKG,CAAQ,GACjBsB,EAAA;AAAA,IACZ,GAEMC,IAAc,MAAM;AACT,MAAAhC,EAAA,GACL+B,EAAA;AAAA,IACZ,GAEMA,IAAY,MAAM;AACtB,MAAAxB,EAAO,EAAE,GACTK,EAAqB,EAAK,GAC1BE,EAAY,IAAI,GAChBE,EAAiB,IAAI;AAAA,IACvB,GAEMiB,IAAc,CAAC3B,GAAa4B,MAAqB;AACrD,MAAA3B,EAAOD,CAAG,GACN,CAAC4B,KAAY,CAAC5B,KAChBM,EAAqB,EAAI;AAAA,IAE7B,GAEMuB,IAAkB,MAAM;AAC5B,MAAIlB,EAAW,WACbA,EAAW,QAAQ,MAAM;AAAA,IAE7B;AAEA,WAAAmB,EAAoBjC,GAAK,OAAO;AAAA,MAC9B,WAAW4B;AAAA,MACX,iBAAAI;AAAA,MACA,aAAAF;AAAA,IAAA,EACA,GAGC,gBAAAhD,EAAA,OAAA,EAAI,WAAWC,EAAO,UACrB,UAAA;AAAA,MAAA,gBAAAD,EAACoD,GAAU,EAAA,WAAWnD,EAAO,uBAAuB,GAClD,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAM,EAAA,SAAS+B,GAAS,UAAAf,EAAE,MAAM,WAAU;AAAA,QAC1C,gBAAAnB,EAAA,OAAA,EAAI,WAAWC,EAAO,6BAA6B,GAClD,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACmD;AAAA,YAAA;AAAA,cACC,IAAInB;AAAA,cACJ,aAAaf,EAAE,MAAM;AAAA,cACrB,OAAOE;AAAA,cACP,UAAU,CAACmB,MAAUD,EAAUC,CAAK;AAAA,cACpC,SAAS,MAAMX,EAAY,IAAI;AAAA,cAC/B,KAAKG;AAAA,cACL,cAAYb,EAAE,KAAK,OAAO;AAAA,YAAA;AAAA,UAC5B;AAAA,UACCE,KACE,gBAAAnB,EAAA,UAAA,EAAO,MAAK,UAAS,SAASmC,GAAe,WAAWpC,EAAO,2BAA2B,GACzF,UAAC,gBAAAC,EAAAoD,GAAA,EAAK,MAAK,yBAAwB,MAAM,IAAI,EAC/C,CAAA;AAAA,QAAA,GAEJ;AAAA,QACC1B,KAAa,gBAAA1B,EAAAqD,GAAA,EAAY,OAAM,SAAQ,UAAU3B,EAAU,CAAA;AAAA,MAAA,GAC9D;AAAA,MACCF,KACE,gBAAA1B,EAAAoD,GAAA,EAAU,WAAWnD,EAAO,uBAAuB,GAClD,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAM,EAAA,SAASiC,GAAS,UAAAjB,EAAE,MAAM,UAAS;AAAA,QAC1C,gBAAAjB;AAAA,UAACmD;AAAA,UAAA;AAAA,YACC,IAAIjB;AAAA,YACJ,OAAOZ;AAAA,YACP,UAAU,CAACgB,MAAUC,EAAeD,CAAK;AAAA,YACzC,SAAS,MAAMT,EAAiB,IAAI;AAAA,YACpC,cAAYZ,EAAE,KAAK,OAAO;AAAA,UAAA;AAAA,QAC5B;AAAA,QACCW,KAAkB,gBAAA5B,EAAAqD,GAAA,EAAY,OAAM,SAAQ,UAAUzB,EAAe,CAAA;AAAA,MAAA,GACxE;AAAA,MAED,gBAAA9B,EAAA,OAAA,EAAI,WAAWC,EAAO,kBACrB,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAO,EAAA,SAAS,aAAa,SAAS2C,GAAa,cAAY5B,EAAE,OAAO,QAAQ,MAAK,UACnF,UAAAA,EAAE,OAAO,QACZ;AAAA,QACC,gBAAAjB,EAAAE,GAAA,EAAO,SAAS,WAAW,SAASyC,GAAY,cAAY1B,EAAE,KAAK,OAAO,cAAc,MAAK,UAC3F,UAAAA,EAAE,MAAM,QACX,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAGN;;;;GCtIaqC,KAAe1C,EAAW,CAAC,EAAE,gBAAAC,GAAgB,eAAAC,EAAA,GAAoCE,MAAQ;AACpG,QAAMC,IAAIC,EAAe,GACnB,CAACqC,GAAUC,CAAW,IAAInC,EAAiB,GAC3C,CAACoC,GAAaC,CAAc,IAAIrC,EAAiB,GACjDS,IAAaC,EAAyB,IAAI,GAC1C4B,IAAQ,OAAO1B,EAAO,CAAA,IACtB2B,IAAW,UAAU3B,EAAO,CAAA,IAE5B4B,IAAwB,CAACvB,GAAsCwB,MAAiB;AAC9E,UAAAC,IAAQzB,EAAM,OAAO;AAClB,IAAAwB,MAAA,QAAQN,EAAY,SAASO,CAAK,CAAC,IAAIL,EAAe,SAASK,CAAK,CAAC;AAAA,EAChF,GAEMpB,IAAa,MAAM;AACnB,IAAAY,MAAa,UAAaE,MAAgB,WAC5C3C,EAAcyC,GAAUE,CAAW,GACzBb,EAAA;AAAA,EAEd,GAEMC,IAAc,MAAM;AACT,IAAAhC,EAAA,GACL+B,EAAA;AAAA,EACZ,GAEMA,IAAY,MAAM;AACtB,IAAAY,EAAY,MAAS,GACrBE,EAAe,MAAS;AAAA,EAC1B;AAEA,SAAAT,EAAoBjC,GAAK,OAAO;AAAA,IAC9B,WAAW4B;AAAA,IACX,iBAAiB,MAAA;;AAAM,cAAAoB,IAAAlC,EAAW,YAAX,gBAAAkC,EAAoB;AAAA;AAAA,EAAM,EACjD,GAEFC,EAAU,MAAM;AACd,UAAMC,IAAqB,MAAM;AACnB,MAAArB,EAAA;AAAA,IACd;AAEA,WAAAsB,GAAwBD,CAAkB,GAEnC,OAAA,iBAAiB,UAAUA,CAAkB,GAC7C,OAAA,iBAAiB,UAAUA,CAAkB,GAE7C,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAkB,GAChD,OAAA,oBAAoB,UAAUA,CAAkB,GACvDE,GAA2BF,CAAkB;AAAA,IAC/C;AAAA,EAEF,GAAG,EAAE,GAGF,gBAAApE,EAAA,OAAA,EAAI,WAAWC,EAAO,WACrB,UAAA;AAAA,IAAA,gBAAAD,EAACoD,GAAU,EAAA,WAAWnD,EAAO,wBAAwB,GACnD,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAM,EAAA,SAAS0D,GAAQ,UAAA1C,EAAE,MAAM,UAAS;AAAA,MACzC,gBAAAjB;AAAA,QAACmD;AAAA,QAAA;AAAA,UACC,IAAIQ;AAAA,UACJ,aAAa1C,EAAE,MAAM;AAAA,UACrB,OAAOsC,KAAsB;AAAA,UAC7B,UAAU,CAACjB,MAAUuB,EAAsBvB,GAAO,KAAK;AAAA,UACvD,cAAYrB,EAAE,KAAK,OAAO;AAAA,UAC1B,KAAKa;AAAA,QAAA;AAAA,MAAA;AAAA,IACP,GACF;AAAA,IACC,gBAAAhC,EAAAoD,GAAA,EAAU,WAAWnD,EAAO,wBAAwB,GACnD,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAM,EAAA,SAAS2D,GAAW,UAAA3C,EAAE,MAAM,aAAY;AAAA,MAC/C,gBAAAjB;AAAA,QAACmD;AAAA,QAAA;AAAA,UACC,IAAIS;AAAA,UACJ,aAAa3C,EAAE,MAAM;AAAA,UACrB,OAAOwC,KAA4B;AAAA,UACnC,UAAU,CAACnB,MAAUuB,EAAsBvB,GAAO,QAAQ;AAAA,UAC1D,cAAYrB,EAAE,KAAK,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,GACF;AAAA,IACC,gBAAAnB,EAAA,OAAA,EAAI,WAAWC,EAAO,mBACrB,UAAA;AAAA,MAAC,gBAAAC,EAAAE,GAAA,EAAO,SAAS,aAAa,SAAS2C,GAAa,cAAY5B,EAAE,OAAO,QACtE,UAAEA,EAAA,OAAO,QACZ;AAAA,MACA,gBAAAjB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,SAASyC;AAAA,UACT,UAAU,CAACY,KAAY,CAACE;AAAA,UACxB,cAAYxC,EAAE,KAAK,OAAO;AAAA,UAEzB,YAAE,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,EACF,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC,GC5FKoD,KAAqB,KAUdC,KAAc1D,EAAW,CAAC,EAAE,UAAA2D,EAAA,GAA8BvD,MAAqB;AAC1F,QAAMC,IAAIC,EAAe,GACnB,CAACsD,CAAM,IAAIC,GAA0B,GACrC,EAAE,QAAAC,GAAQ,YAAAC,GAAY,YAAAC,GAAY,WAAAC,EAAA,IAAcC,GAAU,GAC1DC,IAAehD,EAAqB,MAAS,GAC7CiD,IAAYjD,EAA0B,IAAI,GAC1CkD,IAAclD,EAAO,EAAK,GAC1BmD,IAAenD,EAAO8C,CAAS,GAE/BM,IAAa,MAAM;;AACjB,UAAAC,KAAOpB,IAAAgB,EAAU,YAAV,gBAAAhB,EAAmB;AAC5B,IAAA,CAACiB,EAAY,WAAWG,KAC1BT,EAAW,EAAE,UAAU,EAAE,KAAKS,EAAK,QAAQ,MAAMA,EAAK,QAAQ,GAAGC,EAAA,CAAe;AAAA,EAEpF,GAEMC,IAAc,MAAM;AACb,IAAAV,EAAA;AAAA,EACb,GAEMW,IAAc,CAACC,GAAkBC,MAAwB;AAC7D,IAAAjB,EAAO,OAAO,MAAM;AAClB,YAAMkB,IAAYC,EAAc,GAC1BC,IAAYC,GAAYL,GAAUC,CAAW;AAC/C,MAAAK,EAAkBJ,CAAS,IACnBA,EAAA,YAAY,CAACE,CAAS,CAAC,IAExBG,GAAA,EAAE,OAAOH,CAAS;AAEvB,YAAAI,IAAkBJ,EAAU,mBAAmB;AACrD,MAAII,KACDA,EAA6B,OAAO;AAAA,IACvC,CACD,GAEWV,EAAA;AAAA,EACd,GAEMW,IAAc,CAACC,MAAoB;AACvC,IAAA1B,EAAO,OAAO,MAAM;AAClB,YAAMkB,IAAYC,EAAc;AAC5B,UAAAG,EAAkBJ,CAAS,GAAG;AAC1B,cAAAS,IAAaT,EAAU,OAAO,QAAQ,GACtCU,IAAcC,GAAiCF,CAAU;AAE3D,YAAAG,GAAiBF,CAAW;AAC9B,kBAAQF,GAAQ;AAAA,YACd,KAAK;AAAA,YACL,KAAK;AACH,cAAAK,GAAUH,GAAaF,CAAM;AAC7B;AAAA,YACF,KAAK;AACH,cAAAM,GAAUJ,CAAW;AACrB;AAAA,YACF,KAAK;AAAA,YACL,KAAK;AACH,cAAAK,GAAaL,GAAaF,CAAM;AAChC;AAAA,YACF,KAAK;AACH,cAAAQ,GAAaN,CAAW;AACxB;AAAA,YACF,KAAK;AACH,cAAAO,GAAYP,CAAW;AACvB;AAAA,UAAA;AAAA,MAEN;AAAA,IACF,CACD;AAAA,EACH,GAEMf,IAAgB;AAAA,IACpB,UACE,gBAAArF;AAAA,MAACsD;AAAA,MAAA;AAAA,QACC,gBAAgBgC;AAAA,QAChB,eAAe,CAACsB,GAAMC,MAAYtB,EAAYqB,GAAMC,CAAO;AAAA,QAC3D,KAAK9B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGX;AAEA,SAAAd,EAAU,MAAM;;AACd,IAAKY,KAIHI,EAAY,UAAU,KACtB6B,IAAA/B,EAAa,YAAb,QAAA+B,EAAsB,uBAJtB9C,IAAAe,EAAa,YAAb,QAAAf,EAAsB,aACtB,WAAW,MAAOiB,EAAY,UAAU,IAAQZ,EAAkB;AAAA,EAIpE,GACC,CAACU,GAAcF,CAAS,CAAC,GAE5BZ,EAAU,MAAM;AACd,UAAM8C,IAAyBvC,EAAO;AAAA,MACpCwC;AAAAA,MACA,CAAC1E,MACKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,SAAS,YACpDA,EAAM,eAAe,GACV6C,EAAA,GACJ,MAEF;AAAA,MAET8B;AAAAA,IACF;AAEA,WAAO,MAAM;AACY,MAAAF,EAAA;AAAA,IACzB;AAAA,EAAA,GAEC,CAACvC,CAAM,CAAC,GAEXP,EAAU,MAAM;AACd,IAAAiB,EAAa,UAAUL;AAAA,EAAA,GACtB,CAACA,CAAS,CAAC,GAEdZ,EAAU,MAAM;AACR,UAAAiD,IAAgB,CAAC5E,MAAyB;AAC9C,MAAIA,EAAM,QAAQ,YAAY4C,EAAa,YACzC5C,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACVgD,EAAA;AAAA,IAEhB;AAEA,oBAAS,iBAAiB,WAAW4B,GAAe,EAAE,SAAS,IAAM,GAE9D,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa;AAAA,IACvD;AAAA,EAEF,GAAG,EAAE,GAELjE,EAAoBjC,GAAK,OAAO;AAAA,IAC9B,aAAAiF;AAAA,EAAA,EACA,GAGA,gBAAAjG,EAAC,OAAI,EAAA,WAAWD,EAAO,8BAA8B,GACnD,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAO,sCAAsC,GAC3D,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASmF;AAAA,QACT,OAAOlE,EAAE,MAAM;AAAA,QACf,WAAWR,EAAKV,EAAO,wBAAwB,GAAGwE,KAAYxE,EAAO,gCAAgC,CAAC;AAAA,QACtG,cAAYkB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,KAAK+D;AAAA,QACL,MAAK;AAAA,QAEL,UAAC,gBAAAhF,EAAAoD,GAAA,EAAK,MAAK,SAAQ,MAAM,GAAI,CAAA;AAAA,MAAA;AAAA,IAC/B;AAAA,IACCsB;AAAA,EAAA,EAAA,CACH,EACF,CAAA;AAEJ,CAAC;"}
@@ -1 +1 @@
1
- ._backdrop_t17s7_1{bottom:0;left:0;position:fixed;right:0;top:0;z-index:100;overflow:hidden}._backdrop_t17s7_1:after{content:"";top:0;right:0;bottom:0;left:0;background-color:var(--new-color-uva-black);opacity:.5;pointer-events:none}@media (min-width: 28rem) and (min-height: 28rem){._backdrop_t17s7_1{align-items:center;display:flex;justify-content:center}._backdrop_t17s7_1:after{position:absolute}._backdrop_t17s7_1>*{position:relative;z-index:1}}
1
+ ._backdrop_1n3f5_1{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:100}._backdrop_1n3f5_1:after{background-color:var(--new-color-uva-black);content:"";top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}@media (min-width: 28rem) and (min-height: 28rem){._backdrop_1n3f5_1{align-items:center;display:flex;justify-content:center}._backdrop_1n3f5_1:after{position:absolute}._backdrop_1n3f5_1>*{position:relative;z-index:1}}
@@ -1 +1 @@
1
- .container{align-items:center;background-color:var(--color-white);border:2px dotted var(--color-black);display:flex;height:10rem;justify-content:center;padding:1rem;position:relative;width:10rem}
1
+ .container{align-items:center;background-color:var(--new-color-uva-white);border:2px dotted var(--new-color-uva-black);display:flex;height:10rem;justify-content:center;padding:1rem;position:relative;width:10rem}
@@ -1 +1 @@
1
- ._button_ezcrm_1{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;justify-content:center;line-height:inherit;margin:0;padding:.75rem 1rem;transition:var(--transition-colors);white-space:nowrap}._button_ezcrm_1[href]{text-decoration:none}._button_ezcrm_1:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._button_ezcrm_1:hover{background-color:var(--new-color-grey-300);outline:0}._button--blank_ezcrm_35,._button--blank-subtle_ezcrm_36,._button--blank-icon_ezcrm_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_ezcrm_35,._button--blank-icon_ezcrm_37{color:var(--new-color-uva-black)}._button--blank-subtle_ezcrm_36{color:var(--new-color-grey-700)}._button--blank-icon_ezcrm_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_ezcrm_35:focus,._button--blank_ezcrm_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_ezcrm_36:focus,._button--blank-subtle_ezcrm_36:not([disabled]):hover{background:none;color:var(--new-color-uva-black);text-decoration:underline}._button--blank-icon_ezcrm_37:focus,._button--blank-icon_ezcrm_37:not([disabled]):hover{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-600)}._button--primary_ezcrm_82{background-color:var(--new-color-uva-black);border-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--primary_ezcrm_82:hover{background-color:var(--new-color-grey-700);border-color:var(--new-color-grey-700)}._button--primary_ezcrm_82[disabled]{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_ezcrm_98{background-color:transparent;border-color:var(--new-color-uva-black);color:var(--new-color-uva-black)}._button--secondary_ezcrm_98:hover{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_ezcrm_98[disabled]{background-color:transparent;color:var(--new-color-uva-black)}._button--destructive-primary_ezcrm_114{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-primary_ezcrm_114:hover{background-color:var(--new-color-red-800);border-color:var(--new-color-red-800);color:var(--new-color-uva-white)}._button--destructive-primary_ezcrm_114[disabled]{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_ezcrm_132{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary_ezcrm_132:hover{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_ezcrm_132[disabled]{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--wide-column_ezcrm_150{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_ezcrm_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}
1
+ ._button_14m2f_1{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;justify-content:center;line-height:inherit;margin:0;padding:.75rem 1rem;transition:var(--transition-colors);white-space:nowrap}._button_14m2f_1[href]{text-decoration:none}._button_14m2f_1:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._button_14m2f_1:hover{background-color:var(--new-color-grey-300);outline:0}._button--blank_14m2f_35,._button--blank-subtle_14m2f_36,._button--blank-icon_14m2f_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_14m2f_35,._button--blank-icon_14m2f_37{color:var(--new-color-uva-black)}._button--blank-subtle_14m2f_36{color:var(--new-color-grey-700)}._button--blank-icon_14m2f_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_14m2f_35:focus,._button--blank_14m2f_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_14m2f_36:focus,._button--blank-subtle_14m2f_36:not([disabled]):hover{background:none;color:var(--new-color-uva-black);text-decoration:underline}._button--blank-icon_14m2f_37:focus,._button--blank-icon_14m2f_37:not([disabled]):hover{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-600)}._button--primary_14m2f_82{background-color:var(--new-color-uva-black);border-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--primary_14m2f_82:hover{background-color:var(--new-color-grey-700);border-color:var(--new-color-grey-700)}._button--primary_14m2f_82[disabled]{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_14m2f_98{background-color:transparent;border-color:var(--new-color-uva-black);color:var(--new-color-uva-black)}._button--secondary_14m2f_98:hover{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_14m2f_98[disabled]{background-color:transparent;color:var(--new-color-uva-black)}._button--destructive-primary_14m2f_114{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-primary_14m2f_114:hover{background-color:var(--new-color-red-800);border-color:var(--new-color-red-800);color:var(--new-color-uva-white)}._button--destructive-primary_14m2f_114[disabled]{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_14m2f_132{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary_14m2f_132:hover{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_14m2f_132[disabled]{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--wide-column_14m2f_150{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_14m2f_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}
@@ -1 +1 @@
1
- ._checkbox-tree__header_1nrfk_1{display:block;font-weight:var(--semibold);margin-bottom:.25rem;text-align:left}._checkbox-tree__branch_1nrfk_8{list-style:none;-webkit-user-select:none;user-select:none}._checkbox-tree__branch_1nrfk_8[aria-expanded=false]{margin-bottom:.5rem}._checkbox-tree__branch_1nrfk_8 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}._checkbox-tree__branch--icon_1nrfk_21{pointer-events:none;transform:rotate(0);transition:transform .3s ease-out}._checkbox-tree__branch--icon--expanded_1nrfk_27{transform:rotate(90deg);transition:transform .3s ease-in}._checkbox-tree__branch--formfield_1nrfk_32{align-items:center;display:flex;flex-direction:row;gap:.5rem}._checkbox-tree__leaves_1nrfk_39{display:none;flex-direction:column;gap:.5rem;list-style:none;margin:.5rem 0 .5rem 1rem;-webkit-user-select:none;user-select:none}._checkbox-tree__leaves--expanded_1nrfk_48{display:flex}._checkbox-tree__leaf_1nrfk_52{align-items:center;display:flex;flex-direction:row;gap:0 .5rem;margin-left:1.5rem;-webkit-user-select:none;user-select:none}._checkbox-tree__leaf_1nrfk_52 input[type=checkbox]:disabled+label{color:var(--new-color-grey-500)}
1
+ ._checkbox-tree__header_l338d_1{display:block;font-weight:var(--semibold);margin-bottom:.25rem;text-align:left}._checkbox-tree__branch_l338d_8{list-style:none;-webkit-user-select:none;user-select:none}._checkbox-tree__branch_l338d_8[aria-expanded=false]{margin-bottom:.5rem}._checkbox-tree__branch_l338d_8 input[type=checkbox]:disabled+label{color:var(--new-color-grey-500)}._checkbox-tree__branch--icon_l338d_21{pointer-events:none;transform:rotate(0);transition:transform .3s ease-out}._checkbox-tree__branch--icon--expanded_l338d_27{transform:rotate(90deg);transition:transform .3s ease-in}._checkbox-tree__branch--formfield_l338d_32{align-items:center;display:flex;flex-direction:row;gap:.5rem}._checkbox-tree__leaves_l338d_39{display:none;flex-direction:column;gap:.5rem;list-style:none;margin:.5rem 0 .5rem 1rem;-webkit-user-select:none;user-select:none}._checkbox-tree__leaves--expanded_l338d_48{display:flex}._checkbox-tree__leaf_l338d_52{align-items:center;display:flex;flex-direction:row;gap:0 .5rem;margin-left:1.5rem;-webkit-user-select:none;user-select:none}._checkbox-tree__leaf_l338d_52 input[type=checkbox]:disabled+label{color:var(--new-color-grey-500)}
@@ -1 +1 @@
1
- ._container_cgawq_1{background-color:var(--color-white);border:2px dotted var(--color-black);overflow:auto;position:relative}._container--padded_cgawq_8{padding:1rem}._container--small_cgawq_12{height:10rem;width:10rem}._container--medium_cgawq_17{height:30rem;width:30rem}._container--large_cgawq_22{height:50rem;width:50rem}._container--large-full-height_cgawq_27{width:50rem}._container--hidden_cgawq_31{display:none}._container--centered-content_cgawq_35{align-items:center;display:flex;justify-content:center}
1
+ ._container_1fwsz_1{background-color:var(--new-color-uva-white);border:2px dotted var(--new-color-uva-black);overflow:auto;position:relative}._container--padded_1fwsz_8{padding:1rem}._container--small_1fwsz_12{height:10rem;width:10rem}._container--medium_1fwsz_17{height:30rem;width:30rem}._container--large_1fwsz_22{height:50rem;width:50rem}._container--large-full-height_1fwsz_27{width:50rem}._container--hidden_1fwsz_31{display:none}._container--centered-content_1fwsz_35{align-items:center;display:flex;justify-content:center}
@@ -1 +1 @@
1
- ._editor-header__container_nsi6h_1{align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:flex-start;max-width:calc(100% - 5rem)}._editor-header__info_nsi6h_10{color:var(--color-grey-500);font-size:1rem}
1
+ ._editor-header__container_9khdz_1{align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:flex-start;max-width:calc(100% - 5rem)}._editor-header__info_9khdz_10{color:var(--new-color-grey-700);font-size:1rem}
@@ -1 +1 @@
1
- ._flyout__wrapper_1d8z8_1{background-color:var(--color-white);border-radius:.25rem;box-shadow:0 3px 6px #0006;display:none;flex-direction:column;left:0;padding:1rem;position:fixed;top:calc(100% + .25rem);z-index:1500}._flyout__open_1d8z8_14{display:flex}._flyout__header_1d8z8_18{display:flex;justify-content:flex-end;margin-bottom:.5rem;width:100%}
1
+ ._flyout__wrapper_cadga_1{background-color:var(--new-color-uva-white);border-radius:.25rem;box-shadow:0 3px 6px #0006;display:none;flex-direction:column;left:0;padding:1rem;position:fixed;top:calc(100% + .25rem);z-index:1500}._flyout__open_cadga_14{display:flex}._flyout__header_cadga_18{display:flex;justify-content:flex-end;margin-bottom:.5rem;width:100%}
@@ -0,0 +1 @@
1
+ ._infobanner_wrapper_1ojyh_1{align-items:center;background-color:var(--new-color-grey-300);border-left:.5rem solid var(--new-color-grey-600);display:flex;gap:1rem;padding:1rem;width:100%}
@@ -1 +1 @@
1
- ._input_1hohz_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--new-color-uva-black);color:var(--color-black);font-family:inherit;font-size:inherit;height:2rem;margin:0;padding:0 .5rem}._input--numeric_1hohz_13{text-align:right;width:8rem}._input--error_1hohz_18,._input_1hohz_1:invalid{border-color:var(--new-color-red-600)}._input--full-with_1hohz_23{min-width:100%;width:0}._input_1hohz_1::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._input_1hohz_1[type=file]{border:none}._input_1hohz_1:disabled{color:var(--new-color-grey-700)}
1
+ ._input_1jwvu_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--new-color-uva-black);color:var(--new-color-uva-black);font-family:inherit;font-size:inherit;height:2rem;margin:0;padding:0 .5rem}._input--numeric_1jwvu_13{text-align:right;width:8rem}._input--error_1jwvu_18,._input_1jwvu_1:invalid{border-color:var(--new-color-red-600)}._input--full-with_1jwvu_23{min-width:100%;width:0}._input_1jwvu_1::placeholder{color:var(--new-color-grey-700);font-size:inherit;opacity:1}._input_1jwvu_1[type=file]{border:none}._input_1jwvu_1:disabled{color:var(--new-color-grey-700)}
@@ -1 +1 @@
1
- ._multi-select-box-wrapper_1yhht_1{position:relative}._multi-select-box-trigger_1yhht_5{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-500);border-radius:.5rem;cursor:pointer;display:flex;font:inherit;height:2.75rem;justify-content:space-between;line-height:inherit;overflow:hidden;padding:.4rem 2rem .4rem 1rem;position:relative;width:100%}._multi-select-box-trigger_1yhht_5:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-300)}._multi-select-box-trigger_1yhht_5:focus-visible,._multi-select-box-trigger_1yhht_5:hover{background-color:var(--new-color-grey-700)}._multi-select-box-trigger-label_1yhht_32{min-height:.65rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._multi-select-box-trigger-icon_1yhht_41{position:absolute;right:.875rem}._multi-select-box-trigger-icon--open_1yhht_46{transform:rotate(180deg)}._multi-select-box-listbox--wrapper_1yhht_50{border-radius:.5rem;box-shadow:0 0 .25rem #00000040;display:flex;height:auto;margin:.25rem 0;overflow:hidden;position:fixed;width:auto;z-index:20}._multi-select-box-listbox_1yhht_50{background-color:var(--new-color-uva-white);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.125rem;list-style:none;margin:0;min-width:100%;overflow-y:auto;padding:.25rem;white-space:nowrap;width:fit-content}._multi-select-box-listbox-option_1yhht_77{border-radius:.25rem;cursor:pointer;display:flex;height:2.5rem;justify-content:flex-start;position:relative;-webkit-user-select:none;user-select:none;width:100%}._multi-select-box-listbox-option--active_1yhht_88,._multi-select-box-listbox-option_1yhht_77:hover{background-color:var(--new-color-grey-300);box-shadow:0 0 0 1px var(--new-color-uva-white)}._multi-select-box-listbox-option_1yhht_77:focus-visible,._multi-select-box-listbox-option_1yhht_77:hover{background-color:var(--new-color-grey-300)}._multi-select-box-listbox-option-content_1yhht_99{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:.75rem;width:100%}._multi-select-box-listbox-option_1yhht_77:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._multi-select-box-listbox-option--disabled_1yhht_113{cursor:not-allowed;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}
1
+ ._multi-select-box-wrapper_4fwo9_1{position:relative}._multi-select-box-trigger_4fwo9_5{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-500);border-radius:.5rem;cursor:pointer;display:flex;font:inherit;height:2.75rem;justify-content:space-between;line-height:inherit;overflow:hidden;padding:.4rem 2rem .4rem 1rem;position:relative;width:100%}._multi-select-box-trigger_4fwo9_5:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-300)}._multi-select-box-trigger_4fwo9_5:focus-visible,._multi-select-box-trigger_4fwo9_5:hover{background-color:var(--new-color-grey-300)}._multi-select-box-trigger-label_4fwo9_32{min-height:.65rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._multi-select-box-trigger-icon_4fwo9_41{position:absolute;right:.875rem}._multi-select-box-trigger-icon--open_4fwo9_46{transform:rotate(180deg)}._multi-select-box-listbox--wrapper_4fwo9_50{border-radius:.5rem;box-shadow:0 0 .25rem #00000040;display:flex;height:auto;margin:.25rem 0;overflow:hidden;position:fixed;width:auto;z-index:20}._multi-select-box-listbox_4fwo9_50{background-color:var(--new-color-uva-white);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.125rem;list-style:none;margin:0;min-width:100%;overflow-y:auto;padding:.25rem;white-space:nowrap;width:fit-content}._multi-select-box-listbox-option_4fwo9_77{border-radius:.25rem;cursor:pointer;display:flex;height:2.5rem;justify-content:flex-start;position:relative;-webkit-user-select:none;user-select:none;width:100%}._multi-select-box-listbox-option--active_4fwo9_88,._multi-select-box-listbox-option_4fwo9_77:hover{background-color:var(--new-color-grey-300);box-shadow:0 0 0 1px var(--new-color-uva-white)}._multi-select-box-listbox-option_4fwo9_77:focus-visible,._multi-select-box-listbox-option_4fwo9_77:hover{background-color:var(--new-color-grey-300)}._multi-select-box-listbox-option-content_4fwo9_99{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:.75rem;width:100%}._multi-select-box-listbox-option_4fwo9_77:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._multi-select-box-listbox-option--disabled_4fwo9_113{cursor:not-allowed;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}
@@ -1 +1 @@
1
- ._overlay-step-bar__container_olxm1_1{align-items:center;background-color:var(--new-color-grey-200);display:flex;height:2.5rem;justify-content:center;overflow-y:hidden}._overlay-step-bar__step-wrapper_olxm1_10{background-color:var(--new-color-grey-200);height:100%;position:relative}._overlay-step-bar__step-wrapper_olxm1_10:not(:last-child):after{border-bottom:1.5rem solid transparent;border-left:1rem solid var(--new-color-grey-200);border-top:1.5rem solid transparent;content:"";position:absolute;right:-.25rem;top:-.25rem;z-index:10}._overlay-step-bar__step-wrapper_olxm1_10:not(:last-child):before{border-bottom:1.5rem solid transparent;border-left:1rem solid var(--new-color-uva-white);border-top:1.5rem solid transparent;content:"";position:absolute;right:-.5rem;top:-.25rem;z-index:5}._overlay-step-bar__step_olxm1_10{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--new-color-grey-700);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:100%;margin-left:.5rem;padding:0 2rem 0 1.5rem;position:relative;width:calc(100% - .75rem)}._overlay-step-bar__step--label_olxm1_56{display:none;text-decoration:none;white-space:nowrap}._overlay-step-bar__step_olxm1_10:hover ._overlay-step-bar__step--index_olxm1_62,._overlay-step-bar__step_olxm1_10:hover ._overlay-step-bar__step--label_olxm1_56{text-decoration:underline}@media (min-width: 70rem){._overlay-step-bar__step--label_olxm1_56{display:block}._overlay-step-bar__step_olxm1_10:hover ._overlay-step-bar__step--index_olxm1_62{text-decoration:none}}._overlay-step-bar__step_olxm1_10:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:-.25rem;z-index:15}._overlay-step-bar__step--label_olxm1_56:hover{text-decoration:underline}._overlay-step-bar__step--active_olxm1_87{color:var(--new-color-uva-black);font-weight:var(--semibold)}._overlay-step-bar__step--active_olxm1_87 ._overlay-step-bar__step--label_olxm1_56{display:block}._overlay-step-bar__step--active_olxm1_87:hover ._overlay-step-bar__step--index_olxm1_62,._overlay-step-bar__step--active_olxm1_87:hover ._overlay-step-bar__step--label_olxm1_56{cursor:default;text-decoration:none}
1
+ ._overlay-step-bar__container_j9bq4_1{align-items:center;background-color:var(--new-color-grey-200);display:flex;height:2.5rem;justify-content:center;overflow-y:hidden}._overlay-step-bar__step-wrapper_j9bq4_10{background-color:var(--new-color-grey-200);height:100%;position:relative}._overlay-step-bar__step-wrapper_j9bq4_10:not(:last-child):after{border-bottom:1.5rem solid transparent;border-left:1rem solid var(--new-color-grey-200);border-top:1.5rem solid transparent;content:"";position:absolute;right:-.25rem;top:-.25rem;z-index:10}._overlay-step-bar__step-wrapper_j9bq4_10:not(:last-child):before{border-bottom:1.5rem solid transparent;border-left:1rem solid var(--new-color-uva-white);border-top:1.5rem solid transparent;content:"";position:absolute;right:-.5rem;top:-.25rem;z-index:5}._overlay-step-bar__step_j9bq4_10{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--new-color-grey-700);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:100%;margin-left:.5rem;padding:0 2rem 0 1.5rem;position:relative;width:calc(100% - .75rem)}._overlay-step-bar__step--label_j9bq4_56{display:none;text-decoration:none;white-space:nowrap}._overlay-step-bar__step--label_j9bq4_56:hover{text-decoration:underline}._overlay-step-bar__step--active_j9bq4_66 ._overlay-step-bar__step--label_j9bq4_56{display:block}._overlay-step-bar__step_j9bq4_10:hover ._overlay-step-bar__step--index_j9bq4_70,._overlay-step-bar__step_j9bq4_10:hover ._overlay-step-bar__step--label_j9bq4_56{text-decoration:underline}@media (min-width: 70rem){._overlay-step-bar__step--label_j9bq4_56{display:block}._overlay-step-bar__step_j9bq4_10:hover ._overlay-step-bar__step--index_j9bq4_70{text-decoration:none}}._overlay-step-bar__step_j9bq4_10:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:-.25rem;z-index:15}._overlay-step-bar__step--active_j9bq4_66{color:var(--new-color-uva-black);font-weight:var(--semibold)}._overlay-step-bar__step--active_j9bq4_66:hover ._overlay-step-bar__step--index_j9bq4_70,._overlay-step-bar__step--active_j9bq4_66:hover ._overlay-step-bar__step--label_j9bq4_56{cursor:default;text-decoration:none}
@@ -1 +1 @@
1
- ._page-overlay__container_1wy1h_1{bottom:0;left:0;position:fixed;right:0;top:0;z-index:50}._page-overlay_1wy1h_1{background:var(--new-color-uva-white);display:flex;flex-direction:column;height:100dvh}._page-overlay--full-screen_1wy1h_18{width:100vw}._page-overlay--with-gutters_1wy1h_22{max-width:87.5rem;width:100%}._page-overlay__content_1wy1h_27{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 1.5rem;width:100%}._page-overlay__content--grey_1wy1h_38{background-color:var(--new-color-grey-300)}._page-overlay__content--white_1wy1h_42{background-color:var(--new-color-uva-white)}._page-overlay__children_1wy1h_46{padding-bottom:1rem}._page-overlay__title-wrapper_1wy1h_50{position:relative}._page-overlay__title_1wy1h_50{font-size:var(--font-size-s);line-height:var(--line-height-m);margin:0 1.5rem 0 0;padding:1rem 1.5rem}._page-overlay__buttons-bar_1wy1h_61{background-color:var(--new-color-uva-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 -1.5rem;padding:.5rem 1rem;position:sticky;right:0}._page-overlay__buttons-bar_1wy1h_61:before{background:linear-gradient(to top,#0000004d,#0000);bottom:100%;content:"";height:10px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease-out}._page-overlay__buttons-bar--shadow_1wy1h_87:before{opacity:1}._page-overlay__close_1wy1h_92{height:1.5rem;position:absolute;right:1rem;top:calc(50% - .125rem);transform:translateY(-50%)}@media (min-width: 28rem) and (min-height: 28rem){._page-overlay--with-gutters_1wy1h_22{margin:0 .75rem}}
1
+ ._page-overlay__container_1oudu_1{bottom:0;left:0;position:fixed;right:0;top:0;z-index:50}._page-overlay_1oudu_1{background:var(--new-color-uva-white);display:flex;flex-direction:column;height:100dvh}._page-overlay--full-screen_1oudu_19{width:100vw}._page-overlay--with-gutters_1oudu_23{max-width:87.5rem;width:100%}._page-overlay__content_1oudu_28{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 1.5rem;width:100%}._page-overlay__content--grey_1oudu_39{background-color:var(--new-color-grey-300)}._page-overlay__content--white_1oudu_43{background-color:var(--new-color-uva-white)}._page-overlay__children_1oudu_47{padding-bottom:1rem}._page-overlay__title-wrapper_1oudu_51{position:relative}._page-overlay__title_1oudu_51{font-size:var(--font-size-s);line-height:var(--line-height-m);margin:0 1.5rem 0 0;padding:1rem 1.5rem}._page-overlay__buttons-bar_1oudu_62{background-color:var(--new-color-uva-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 -1.5rem;padding:.5rem 1rem;position:sticky;right:0}._page-overlay__buttons-bar_1oudu_62:before{background:linear-gradient(to top,#0000004d,#0000);bottom:100%;content:"";height:10px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease-out}._page-overlay__buttons-bar--shadow_1oudu_88:before{opacity:1}._page-overlay__close_1oudu_94{height:1.5rem;position:absolute;right:1rem;top:calc(50% - .125rem);transform:translateY(-50%)}@media (min-width: 28rem) and (min-height: 28rem){._page-overlay--with-gutters_1oudu_23{margin:0 .75rem}}
@@ -1 +1 @@
1
- ._editor__container_oluzl_1{background-color:var(--new-color-uva-white);display:flex;flex-direction:column}._editor__header_oluzl_7{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;min-height:1.5rem}._editor__header-word-count_oluzl_15{align-self:flex-end;font-size:.875rem;margin-left:.5rem;text-align:right;white-space:nowrap;width:4.5rem}._editor__header-word-count--alert_oluzl_24{color:var(--new-color-red-600);font-weight:700}._editor_oluzl_1{border:1px solid var(--new-color-grey-600);border-radius:4px;margin-bottom:.5rem;padding:.25rem}._editor_oluzl_1:has(._editor__field_oluzl_36:focus-visible){outline:1px solid var(--new-color-navy-600)}._editor__toolbar_oluzl_40{align-items:center;display:flex;gap:.25rem;justify-content:flex-start;margin-bottom:.25rem;padding:.25rem}._editor__toolbar-button-group_oluzl_49{align-items:center;display:flex;gap:.125rem;justify-content:center}._editor__toolbar-button_oluzl_49{align-items:center;background-color:var(--new-color-uva-white);border:none;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.1rem;height:2rem;justify-content:center;width:2rem}._editor__toolbar-button_oluzl_49:hover{background-color:var(--new-color-grey-400);border:1px solid var(--new-color-grey-700)}._editor__toolbar-button_oluzl_49:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem;z-index:1}._editor__toolbar-button--active_oluzl_80,._editor__toolbar-button_oluzl_49:active{background-color:var(--new-color-uva-black);border-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._editor__toolbar-button_oluzl_49:disabled{border-color:var(--color-grey-100);color:var(--color-grey-200);cursor:not-allowed}._editor__toolbar-button_oluzl_49:hover:disabled{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-300);color:var(--new-color-grey-500);cursor:not-allowed}._editor__toolbar-button--bold_oluzl_100{font-weight:700}._editor__toolbar-button--italic_oluzl_104{font-style:italic}._editor__toolbar-button_oluzl_49:active:hover{color:var(--new-color-uva-white)}._editor__toolbar-button--active_oluzl_80:hover{color:var(--new-color-uva-black)}._editor__toolbar-button--active_oluzl_80:disabled{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-300);color:var(--new-color-grey-500);cursor:not-allowed}._editor__toolbar-button-flyoutwrapper_oluzl_123,._editor__field-wrapper_oluzl_127{position:relative}._editor__field-wrapper_oluzl_127:before{border-top:1px solid var(--new-color-grey-600);content:"";display:block;height:0;margin-left:-.25rem;margin-top:-.3rem;width:calc(100% + .5rem)}._editor__field_oluzl_36{background-color:var(--new-color-uva-white);margin-top:.5rem;min-height:8rem;overflow-x:hidden;padding:0 .5rem .5rem;position:relative}._editor__field_oluzl_36::-webkit-scrollbar{cursor:default;width:12px}._editor__field_oluzl_36::-webkit-scrollbar-track{background:var(--new-color-uva-white)}._editor__field_oluzl_36::-webkit-scrollbar-thumb{background-color:var(--new-color-grey-500);border:3px solid var(--new-color-uva-white);border-radius:20px;cursor:default}._editor__field_oluzl_36:focus-visible{outline:none}._editor__placeholder_oluzl_170{color:var(--new-color-grey-500);left:.45rem;pointer-events:none;position:absolute;top:.55rem}._guide-text-ltr_oluzl_180{text-align:left}._guide-text-rtl_oluzl_184{text-align:right}._guide-text-paragraph_oluzl_188{margin:0;position:relative}._guide-text__text--bold_oluzl_193{font-weight:700}._guide-text__text--italic_oluzl_197{font-style:italic}._listitem_oluzl_201{margin:0 2rem 0 1rem}._guide-text__list--ol_oluzl_205{list-style-position:inside;margin:0 0 0 -1.25rem}._guide-text__list--ol2_oluzl_210{list-style-position:inside;list-style-type:upper-alpha;margin:0;padding:0}._guide-text__list--ol3_oluzl_217{list-style-position:inside;list-style-type:lower-alpha;margin:0;padding:0}._guide-text__list--ol4_oluzl_224{list-style-position:inside;list-style-type:upper-roman;margin:0;padding:0}._guide-text__list--ol5_oluzl_231{list-style-position:inside;list-style-type:lower-roman;margin:0;padding:0}._guide-text__list--ul_oluzl_238{list-style-position:inside;margin:0 0 0 -1rem;padding:0}._guide-text__list--ul2_oluzl_244{list-style-position:inside;list-style-type:circle;margin:0;padding:0}._guide-text__list--ul3_oluzl_251{list-style-position:inside;list-style-type:square;margin:0;padding:0}._guide-text__list--ul4_oluzl_258{list-style-position:inside;list-style-type:disc;margin:0;padding:0}._guide-text__list--ul5_oluzl_265{list-style-position:inside;list-style-type:circle;margin:0;padding:0}._guide-text__list--listitem_oluzl_272{margin:0 1.5rem}._guide-text__list--ol_oluzl_205 ._guide-text__list--nested-listitem_oluzl_276,._guide-text__list--ul_oluzl_238 ._guide-text__list--nested-listitem_oluzl_276{list-style-type:none}._guide-text__link_oluzl_281{color:var(--new-color-navy-600);cursor:pointer;text-decoration:underline}._guide-text__table_oluzl_287{border:1px solid var(--new-color-grey-500);border-collapse:collapse;margin:.5rem 0;width:100%}._guide-text__table_oluzl_287 tr{width:100%}._guide-text__table_oluzl_287 td{border:1px solid var(--new-color-grey-500);padding:.125rem .25rem;vertical-align:top;width:auto}
1
+ ._editor__container_z9oa6_1{background-color:var(--new-color-uva-white);display:flex;flex-direction:column}._editor__header_z9oa6_7{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;min-height:1.5rem}._editor__header-word-count_z9oa6_15{align-self:flex-end;font-size:.875rem;margin-left:.5rem;text-align:right;white-space:nowrap;width:4.5rem}._editor__header-word-count--alert_z9oa6_24{color:var(--new-color-red-600);font-weight:700}._editor_z9oa6_1{border:1px solid var(--new-color-grey-600);border-radius:4px;margin-bottom:.5rem;padding:.25rem}._editor_z9oa6_1:has(._editor__field_z9oa6_36:focus-visible){outline:1px solid var(--new-color-navy-600)}._editor__toolbar_z9oa6_40{align-items:center;display:flex;gap:.25rem;justify-content:flex-start;margin-bottom:.25rem;padding:.25rem}._editor__toolbar-button-group_z9oa6_49{align-items:center;display:flex;gap:.125rem;justify-content:center}._editor__toolbar-button_z9oa6_49{align-items:center;background-color:var(--new-color-uva-white);border:none;border-radius:.25rem;cursor:pointer;display:flex;font-size:1.1rem;height:2rem;justify-content:center;width:2rem}._editor__toolbar-button_z9oa6_49:hover{background-color:var(--new-color-grey-400);border:1px solid var(--new-color-grey-700)}._editor__toolbar-button_z9oa6_49:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem;z-index:1}._editor__toolbar-button--active_z9oa6_80,._editor__toolbar-button_z9oa6_49:active{background-color:var(--new-color-uva-black);border-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._editor__toolbar-button_z9oa6_49:disabled{border-color:var(--new-color-grey-300);color:var(--new-color-grey-400);cursor:not-allowed}._editor__toolbar-button_z9oa6_49:hover:disabled{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-300);color:var(--new-color-grey-500);cursor:not-allowed}._editor__toolbar-button--bold_z9oa6_100{font-weight:700}._editor__toolbar-button--italic_z9oa6_104{font-style:italic}._editor__toolbar-button_z9oa6_49:active:hover{color:var(--new-color-uva-white)}._editor__toolbar-button--active_z9oa6_80:hover{color:var(--new-color-uva-black)}._editor__toolbar-button--active_z9oa6_80:disabled{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-300);color:var(--new-color-grey-500);cursor:not-allowed}._editor__toolbar-button-flyoutwrapper_z9oa6_123,._editor__field-wrapper_z9oa6_127{position:relative}._editor__field-wrapper_z9oa6_127:before{border-top:1px solid var(--new-color-grey-600);content:"";display:block;height:0;margin-left:-.25rem;margin-top:-.3rem;width:calc(100% + .5rem)}._editor__field_z9oa6_36{background-color:var(--new-color-uva-white);margin-top:.5rem;min-height:8rem;overflow-x:hidden;padding:0 .5rem .5rem;position:relative}._editor__field_z9oa6_36::-webkit-scrollbar{cursor:default;width:12px}._editor__field_z9oa6_36::-webkit-scrollbar-track{background:var(--new-color-uva-white)}._editor__field_z9oa6_36::-webkit-scrollbar-thumb{background-color:var(--new-color-grey-500);border:3px solid var(--new-color-uva-white);border-radius:20px;cursor:default}._editor__field_z9oa6_36:focus-visible{outline:none}._editor__placeholder_z9oa6_170{color:var(--new-color-grey-500);left:.45rem;pointer-events:none;position:absolute;top:.55rem}._guide-text-ltr_z9oa6_180{text-align:left}._guide-text-rtl_z9oa6_184{text-align:right}._guide-text-paragraph_z9oa6_188{margin:0;position:relative}._guide-text__text--bold_z9oa6_193{font-weight:700}._guide-text__text--italic_z9oa6_197{font-style:italic}._listitem_z9oa6_201{margin:0 2rem 0 1rem}._guide-text__list--ol_z9oa6_205{list-style-position:inside;margin:0 0 0 -1.25rem}._guide-text__list--ol2_z9oa6_210{list-style-position:inside;list-style-type:upper-alpha;margin:0;padding:0}._guide-text__list--ol3_z9oa6_217{list-style-position:inside;list-style-type:lower-alpha;margin:0;padding:0}._guide-text__list--ol4_z9oa6_224{list-style-position:inside;list-style-type:upper-roman;margin:0;padding:0}._guide-text__list--ol5_z9oa6_231{list-style-position:inside;list-style-type:lower-roman;margin:0;padding:0}._guide-text__list--ul_z9oa6_238{list-style-position:inside;margin:0 0 0 -1rem;padding:0}._guide-text__list--ul2_z9oa6_244{list-style-position:inside;list-style-type:circle;margin:0;padding:0}._guide-text__list--ul3_z9oa6_251{list-style-position:inside;list-style-type:square;margin:0;padding:0}._guide-text__list--ul4_z9oa6_258{list-style-position:inside;list-style-type:disc;margin:0;padding:0}._guide-text__list--ul5_z9oa6_265{list-style-position:inside;list-style-type:circle;margin:0;padding:0}._guide-text__list--listitem_z9oa6_272{margin:0 1.5rem}._guide-text__list--ol_z9oa6_205 ._guide-text__list--nested-listitem_z9oa6_276,._guide-text__list--ul_z9oa6_238 ._guide-text__list--nested-listitem_z9oa6_276{list-style-type:none}._guide-text__link_z9oa6_281{color:var(--new-color-navy-600);cursor:pointer;text-decoration:underline}._guide-text__table_z9oa6_287{border:1px solid var(--new-color-grey-500);border-collapse:collapse;margin:.5rem 0;width:100%}._guide-text__table_z9oa6_287 tr{width:100%}._guide-text__table_z9oa6_287 td{border:1px solid var(--new-color-grey-500);padding:.125rem .25rem;vertical-align:top;width:auto}
@@ -1 +1 @@
1
- ._select-listbox-container_qlp06_1{position:relative}._select-listbox__wrapper_qlp06_5{border-radius:.5rem;box-shadow:0 0 .25rem #00000040;height:auto;overflow:hidden;position:fixed;width:auto;z-index:20}._select-listbox-trigger_qlp06_15{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-500);border-radius:.5rem;cursor:pointer;display:flex;font:inherit;justify-content:space-between;line-height:inherit;overflow:hidden;padding:.4rem 2rem .4rem 1rem;width:100%}._select-listbox-trigger--default_qlp06_30{padding:.75rem 2rem .75rem 1rem}._select-listbox-trigger--small_qlp06_34{padding:.4rem 2rem .4rem 1rem}._select-listbox-trigger--medium_qlp06_38{height:2.75rem;padding:.5rem 2rem .5rem 1rem}._select-listbox-trigger-label_qlp06_43{min-height:.65rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._select-listbox__wrapper--align-right_qlp06_52{right:0}._select-listbox-trigger--bold_qlp06_56{font-weight:var(--semibold)}._select-listbox-trigger--pill_qlp06_60{border-radius:6.25rem;padding:.5rem 1.5rem}._select-listbox-trigger--pillLeft_qlp06_65{border-radius:6.25rem 0 0 6.25rem;padding-left:1.5rem}._select-listbox-trigger--pillRight_qlp06_70{border-radius:0 6.25rem 6.25rem 0;padding-right:1.25rem}._select-listbox-trigger--darkBorder_qlp06_75{border-color:var(--new-color-uva-black)}._select-listbox-trigger_qlp06_15:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._select-listbox-trigger_qlp06_15:focus-visible,._select-listbox-trigger_qlp06_15:hover{background-color:var(--new-color-grey-300)}._select-listbox-trigger--noborder_qlp06_89{border:none}._select-listbox-trigger--pillLeft_qlp06_65+._select-listbox__wrapper_qlp06_5{left:1rem}._select-listbox-trigger--pillRight_qlp06_70+._select-listbox__wrapper--align-right_qlp06_52{right:1rem}._select-listbox-trigger-icon_qlp06_101{position:absolute;right:.875rem}._select-listbox-trigger-icon--open_qlp06_106{transform:rotate(180deg)}._select-listbox_qlp06_1{background-color:var(--new-color-uva-white);list-style:none;margin:0;min-width:100%;overflow-y:auto;padding:4px;width:fit-content}._select-listbox-option_qlp06_120{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;position:relative;-webkit-user-select:none;user-select:none}._select-listbox-option--active_qlp06_133,._select-listbox-option_qlp06_120:hover{background-color:var(--new-color-grey-300);box-shadow:0 0 0 1px var(--new-color-uva-white)}._select-listbox-option_qlp06_120[aria-selected=true]{font-weight:var(--semibold)}._select-listbox-divider_qlp06_143{background-color:var(--new-color-grey-400);height:1px;margin:1px -.25rem}
1
+ ._select-listbox-container_10373_1{position:relative}._select-listbox__wrapper_10373_5{border-radius:.5rem;box-shadow:0 0 .25rem #00000040;height:auto;overflow:hidden;position:fixed;width:auto;z-index:20}._select-listbox-trigger_10373_15{align-items:center;background-color:var(--new-color-uva-white);border:1px solid var(--new-color-grey-500);border-radius:.5rem;cursor:pointer;display:flex;font:inherit;justify-content:space-between;line-height:inherit;overflow:hidden;padding:.4rem 2rem .4rem 1rem;width:100%}._select-listbox-trigger--default_10373_30{padding:.75rem 2rem .75rem 1rem}._select-listbox-trigger--small_10373_34{padding:.4rem 2rem .4rem 1rem}._select-listbox-trigger--medium_10373_38{height:2.75rem;padding:.5rem 2rem .5rem 1rem}._select-listbox-trigger-label_10373_43{min-height:.65rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}._select-listbox__wrapper--align-right_10373_52{right:0}._select-listbox-trigger--bold_10373_56{font-weight:var(--semibold)}._select-listbox-trigger--pill_10373_60{border-radius:6.25rem;padding:.5rem 1.5rem}._select-listbox-trigger--pillLeft_10373_65{border-radius:6.25rem 0 0 6.25rem;padding-left:1.5rem}._select-listbox-trigger--pillRight_10373_70{border-radius:0 6.25rem 6.25rem 0;padding-right:1.25rem}._select-listbox-trigger--darkBorder_10373_75{border-color:var(--new-color-uva-black)}._select-listbox-trigger_10373_15:focus-visible{background-color:var(--new-color-grey-300);outline:1px solid var(--new-color-grey-700)}._select-listbox-trigger_10373_15:focus-visible,._select-listbox-trigger_10373_15:hover{background-color:var(--new-color-grey-300)}._select-listbox-trigger--noborder_10373_89{border:none}._select-listbox-trigger--pillLeft_10373_65+._select-listbox__wrapper_10373_5{left:1rem}._select-listbox-trigger--pillRight_10373_70+._select-listbox__wrapper--align-right_10373_52{right:1rem}._select-listbox-trigger-icon_10373_101{position:absolute;right:.875rem}._select-listbox-trigger-icon--open_10373_106{transform:rotate(180deg)}._select-listbox_10373_1{background-color:var(--new-color-uva-white);list-style:none;margin:0;min-width:100%;overflow-y:auto;padding:4px;width:fit-content}._select-listbox-option_10373_120{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;position:relative;-webkit-user-select:none;user-select:none}._select-listbox-option--active_10373_133,._select-listbox-option_10373_120:hover{background-color:var(--new-color-grey-300);box-shadow:0 0 0 1px var(--new-color-uva-white)}._select-listbox-option_10373_120[aria-selected=true]{font-weight:var(--semibold)}._select-listbox-divider_10373_143{background-color:var(--new-color-grey-400);height:1px;margin:1px -.25rem}
@@ -1 +1 @@
1
- ._sortable__wrapper_2hcbc_1{position:relative}._sortable__wrapper--scrollable_2hcbc_5{border-bottom:1px solid var(--new-color-grey-300);border-top:1px solid var(--new-color-grey-300);margin-bottom:1rem;max-height:21rem;overflow-y:auto}._sortable__container_2hcbc_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_2hcbc_24{display:flex;gap:1rem;min-height:var(--item-min-height);position:relative}._sortable__drop-target_2hcbc_24:before{align-items:center;content:counter(container);counter-increment:container;display:flex;opacity:1;position:relative;transition:opacity .25s}._sortable__drop-target_2hcbc_24:after{content:"";display:block;height:1px;left:0;position:absolute;width:100%;z-index:1}._sortable__drop-target_2hcbc_24:last-child:after{display:inline}._sortable__sort-item_2hcbc_55{align-items:center;background-color:var(--new-color-grey-200);border-radius:.5rem;display:flex;gap:1rem;min-height:var(--item-min-height);position:relative;width:100%;z-index:0}._sortable__sort-item_2hcbc_55:focus{z-index:2}._sortable__sort-item--ghost_2hcbc_71{-webkit-user-drag:none;margin:0 1rem;opacity:.5;padding:.5rem 0;pointer-events:none;position:fixed;visibility:hidden;z-index:2}._sortable__sort-item__handle_2hcbc_82{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--new-color-uva-white);border:0;cursor:grab;height:2.625rem;width:2.625rem}._sortable__sort-item__button-container_2hcbc_92{align-items:center;background-color:var(--new-color-grey-300);border-left:1px solid var(--new-color-grey-300);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_2hcbc_92[data-touch=false]{display:none}._sortable__sort-item__handle--icon_2hcbc_111{align-items:center;display:flex;height:1rem;width:1rem}._sortable__sort-item__handle--up_2hcbc_118,._sortable__sort-item__handle--down_2hcbc_119{color:#000;display:none;height:100%;right:.5rem}._sortable__sort-item__handle--up_2hcbc_118{transform:rotate(180deg)}._sortable__sort-item--dragging_2hcbc_130 ._sortable__sort-item__handle_2hcbc_82{cursor:grabbing}._sortable__sort-item__contents_2hcbc_134{align-items:center;color:var(--new-color-uva-black);display:flex;gap:.5rem;padding:.5rem;width:100%}._sortable__sort-item__contents--handle-right_2hcbc_143{padding-left:1rem;padding-right:2.5rem}._sortable__handle_2hcbc_148{color:var(--new-color-grey-700);cursor:grab;display:flex}._sortable__handle--right_2hcbc_154{position:absolute;right:.5rem}._sortable__sort-item__button-container_2hcbc_92[data-touch=true]{gap:1px;justify-content:center}._sortable__sort-item__button-container_2hcbc_92[data-touch=true] ._sortable__sort-item__handle--up_2hcbc_118,._sortable__sort-item__button-container_2hcbc_92[data-touch=true] ._sortable__sort-item__handle--down_2hcbc_119{align-items:center;display:flex;justify-content:center}._sortable__visually-hidden_2hcbc_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}
1
+ ._sortable__wrapper_ttudd_1{position:relative}._sortable__wrapper--scrollable_ttudd_5{border-bottom:1px solid var(--new-color-grey-300);border-top:1px solid var(--new-color-grey-300);margin-bottom:1rem;max-height:21rem;overflow-y:auto}._sortable__container_ttudd_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_ttudd_25{display:flex;gap:1rem;min-height:var(--item-min-height);position:relative}._sortable__drop-target_ttudd_25:before{align-items:center;content:counter(container);counter-increment:container;display:flex;opacity:1;position:relative;transition:opacity .25s}._sortable__drop-target_ttudd_25:after{content:"";display:block;height:1px;left:0;position:absolute;width:100%;z-index:1}._sortable__drop-target_ttudd_25:last-child:after{display:inline}._sortable__sort-item_ttudd_56{align-items:center;background-color:var(--new-color-grey-200);border-radius:.5rem;display:flex;gap:1rem;min-height:var(--item-min-height);position:relative;width:100%;z-index:0}._sortable__sort-item_ttudd_56:focus{z-index:2}._sortable__sort-item--ghost_ttudd_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_ttudd_83{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--new-color-uva-white);border:0;cursor:grab;height:2.625rem;width:2.625rem}._sortable__sort-item__button-container_ttudd_93{align-items:center;background-color:var(--new-color-grey-300);border-left:1px solid var(--new-color-grey-300);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_ttudd_93[data-touch=false]{display:none}._sortable__sort-item__handle--icon_ttudd_112{align-items:center;display:flex;height:1rem;width:1rem}._sortable__sort-item__handle--up_ttudd_119,._sortable__sort-item__handle--down_ttudd_120{color:#000;display:none;height:100%;right:.5rem}._sortable__sort-item__handle--up_ttudd_119{transform:rotate(180deg)}._sortable__sort-item--dragging_ttudd_131 ._sortable__sort-item__handle_ttudd_83{cursor:grabbing}._sortable__sort-item__contents_ttudd_135{align-items:center;color:var(--new-color-uva-black);display:flex;gap:.5rem;padding:.5rem;width:100%}._sortable__sort-item__contents--handle-right_ttudd_144{padding-left:1rem;padding-right:2.5rem}._sortable__handle_ttudd_149{color:var(--new-color-grey-700);cursor:grab;display:flex}._sortable__handle--right_ttudd_155{position:absolute;right:.5rem}._sortable__sort-item__button-container_ttudd_93[data-touch=true]{gap:1px;justify-content:center}._sortable__sort-item__button-container_ttudd_93[data-touch=true] ._sortable__sort-item__handle--up_ttudd_119,._sortable__sort-item__button-container_ttudd_93[data-touch=true] ._sortable__sort-item__handle--down_ttudd_120{align-items:center;display:flex;justify-content:center}._sortable__visually-hidden_ttudd_174{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}
@@ -1 +1 @@
1
- ._statusbadge_6tmbw_1{align-items:center;background-color:var(--color-ghost-white);color:var(--color-grey-500);display:flex;font-family:inherit;font-size:var(--font-size-text-non-essential);height:1.5rem;padding:0 .5rem;white-space:nowrap;width:fit-content}._statusbadge--high-contrast_6tmbw_14{background-color:var(--color-white)}
1
+ ._statusbadge_1dz6c_1{align-items:center;background-color:var(--new-color-grey-200);color:var(--new-color-grey-700);display:flex;font-family:inherit;font-size:var(--font-size-text-non-essential);height:1.5rem;padding:0 .5rem;white-space:nowrap;width:fit-content}._statusbadge--high-contrast_1dz6c_14{background-color:var(--new-color-uva-white)}