@uva-glass/component-library 3.48.0 → 3.50.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.
- package/dist/Button.module-S1-6tV9o.js +16 -0
- package/dist/Button.module-S1-6tV9o.js.map +1 -0
- package/dist/MultiSelectItem-BzBmsKof.js +24 -0
- package/dist/{MultiSelectItem-DbOdEllV.js.map → MultiSelectItem-BzBmsKof.js.map} +1 -1
- package/dist/RteEditor.module-CmYZ4MmA.js +36 -0
- package/dist/RteEditor.module-CmYZ4MmA.js.map +1 -0
- package/dist/SearchField.module-CMUEgX7d.js +17 -0
- package/dist/SearchField.module-CMUEgX7d.js.map +1 -0
- package/dist/{SelectListbox.module-CAKDuwcy.js → SelectListbox.module-CgZyIxwT.js} +25 -25
- package/dist/SelectListbox.module-CgZyIxwT.js.map +1 -0
- package/dist/Sortable.module-DCVXxKnw.js +26 -0
- package/dist/Sortable.module-DCVXxKnw.js.map +1 -0
- package/dist/{SortableProvider-l8-7ClBJ.js → SortableProvider-BbwlEPIr.js} +2 -2
- package/dist/{SortableProvider-l8-7ClBJ.js.map → SortableProvider-BbwlEPIr.js.map} +1 -1
- package/dist/{TablePlugin-Cvw0NmoH.js → TablePlugin-8TKXJMYE.js} +62 -62
- package/dist/{TablePlugin-Cvw0NmoH.js.map → TablePlugin-8TKXJMYE.js.map} +1 -1
- package/dist/WeekSelector.module-Clco7jTs.js +17 -0
- package/dist/WeekSelector.module-Clco7jTs.js.map +1 -0
- package/dist/assets/AccordionCard.css +1 -1
- package/dist/assets/ActionList.css +1 -1
- package/dist/assets/AppStatusBar.css +1 -1
- package/dist/assets/Backdrop.css +1 -1
- package/dist/assets/Backdrop2.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Card.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/CheckboxButtonBar.css +1 -1
- package/dist/assets/CheckboxTree.css +1 -1
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/Container.css +1 -1
- package/dist/assets/ControlsButton.css +1 -1
- package/dist/assets/CopyableText.css +1 -1
- package/dist/assets/Drawer.css +1 -1
- package/dist/assets/EditorHeader.css +1 -1
- package/dist/assets/EmptyStateDataDisplay.css +1 -1
- package/dist/assets/ExpandableInfoPanel.css +1 -1
- package/dist/assets/FeedbackBar.css +1 -1
- package/dist/assets/FeedbackBox.css +1 -1
- package/dist/assets/Flyout.css +1 -1
- package/dist/assets/FormInput.css +1 -1
- package/dist/assets/Icon.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/InfoBanner.css +1 -1
- package/dist/assets/InfoMessage.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/InputField.css +1 -1
- package/dist/assets/Label.css +1 -1
- package/dist/assets/LinkContextMenu.css +1 -1
- package/dist/assets/MetaDataList.css +1 -1
- package/dist/assets/ModalDialog.css +1 -1
- package/dist/assets/MultiSelectBox.css +1 -1
- package/dist/assets/MultiSelectItem.css +1 -1
- package/dist/assets/Notification.css +1 -1
- package/dist/assets/OverlayCloseButton.css +1 -1
- package/dist/assets/OverlayStepBar.css +1 -1
- package/dist/assets/PageOverlay.css +1 -1
- package/dist/assets/Periods.css +1 -1
- package/dist/assets/ProgrammeCard.css +1 -1
- package/dist/assets/RadioButton.css +1 -1
- package/dist/assets/RadioGroup.css +1 -1
- package/dist/assets/RadioTabSelector.css +1 -1
- package/dist/assets/RteEditor.css +1 -1
- package/dist/assets/SearchField.css +1 -1
- package/dist/assets/SectionNotification.css +1 -1
- package/dist/assets/SelectListbox.css +1 -1
- package/dist/assets/Slider.css +1 -0
- package/dist/assets/Sortable.css +1 -1
- package/dist/assets/Spinner.css +1 -1
- package/dist/assets/StatusBage.css +1 -1
- package/dist/assets/StatusPill.css +1 -1
- package/dist/assets/TableCellContextMenu.css +1 -1
- package/dist/assets/TablePlugin.css +1 -1
- package/dist/assets/TextArea.css +1 -1
- package/dist/assets/ToggleSwitch.css +1 -1
- package/dist/assets/Tooltip.css +1 -1
- package/dist/assets/VarIndicator.css +1 -1
- package/dist/assets/WeekSelector.css +1 -1
- package/dist/assets/variables.css +72 -147
- package/dist/components/AccordionCard/AccordionCard.js +12 -12
- package/dist/components/ActionList/ActionList.js +16 -16
- package/dist/components/AppStatusBar/AppStatusBar.js +5 -5
- package/dist/components/Backdrop/Backdrop.js +1 -1
- package/dist/components/Buttons/Button.js +1 -1
- package/dist/components/Buttons/LinkButton.js +1 -1
- package/dist/components/Buttons/MenuButton.js +1 -1
- package/dist/components/Card/Card.js +17 -17
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js +40 -40
- package/dist/components/CheckboxTree/CheckboxTree.js +33 -33
- package/dist/components/Chip/Chip.js +6 -6
- package/dist/components/ControlsButton/ControlsButton.js +31 -31
- package/dist/components/CopyableText/CopyableText.js +18 -18
- package/dist/components/Drawer/Drawer.js +34 -34
- package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js +20 -20
- package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.js +21 -21
- package/dist/components/FeedbackBar/FeedbackBar.js +11 -11
- package/dist/components/FeedbackBox/FeedbackBox.js +18 -18
- package/dist/components/FormInput/FormInput.js +22 -22
- package/dist/components/Icon/Icon.stories.js +9 -9
- package/dist/components/IconButton/IconButton.js +9 -9
- package/dist/components/InfoBanner/InfoBanner.js +1 -1
- package/dist/components/InfoMessage/InfoMessage.js +5 -5
- package/dist/components/Input/Input.js +16 -16
- package/dist/components/InputField/InputField.js +29 -29
- package/dist/components/InputField/InputField.stories.js +2 -2
- package/dist/components/Label/Label.js +7 -7
- package/dist/components/MetaDataList/MetaDataList.js +7 -7
- package/dist/components/ModalDialog/ModalDialog.js +55 -55
- package/dist/components/MultiSelect/MultiSelect.js +2 -2
- package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +3 -3
- package/dist/components/MultiSelect/components/MultiSelectItem.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/MultiSelectBox/MultiSelectBox.js +27 -27
- package/dist/components/Notification/Notification.js +36 -36
- package/dist/components/OverlayCloseButton/OverlayCloseButton.js +10 -10
- package/dist/components/OverlayStepBar/OverlayStepBar.js +24 -24
- package/dist/components/PageOverlay/PageOverlay.js +37 -37
- package/dist/components/PeriodSelector/PeriodSelector.js +2 -2
- package/dist/components/Periods/Periods.js +24 -24
- package/dist/components/ProgrammeCard/ProgrammeCard.js +7 -7
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +2 -2
- package/dist/components/RadioButton/RadioButton.js +12 -12
- package/dist/components/RadioGroup/RadioGroup.js +23 -23
- package/dist/components/RadioTabSelector/RadioTabSelector.js +25 -25
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js +7 -7
- package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +1 -1
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +3 -3
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +2 -2
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js +17 -17
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +3 -3
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +2 -2
- package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js +31 -31
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +3 -3
- package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +2 -2
- package/dist/components/RteEditor/Plugins/index.js +1 -1
- package/dist/components/RteEditor/RteEditor.js +3 -3
- package/dist/components/RteEditor/UvaTheme/UvaTheme.js +1 -1
- package/dist/components/RteEditor/hooks/components/Flyout.js +3 -3
- package/dist/components/SearchField/SearchField.js +1 -1
- package/dist/components/SearchField/components/ResultOptionBox.js +1 -1
- package/dist/components/SearchField/components/ResultsOption.js +1 -1
- package/dist/components/SectionNotification/SectionNotification.js +5 -5
- package/dist/components/SelectListbox/components/SelectButton.js +1 -1
- package/dist/components/SelectListbox/components/SelectContainer.js +1 -1
- package/dist/components/SelectListbox/components/SelectOption.js +1 -1
- package/dist/components/SelectListbox/components/SelectOptionBox.js +1 -1
- package/dist/components/Slider/Slider.d.ts +14 -0
- package/dist/components/Slider/Slider.js +111 -0
- package/dist/components/Slider/Slider.js.map +1 -0
- package/dist/components/Slider/Slider.stories.d.ts +5 -0
- package/dist/components/Slider/Slider.stories.js +39 -0
- package/dist/components/Slider/Slider.stories.js.map +1 -0
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/Slider/index.js +5 -0
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/Sortable/Sortable.js +1 -1
- package/dist/components/Sortable/SortableProvider.js +1 -1
- package/dist/components/Sortable/components/SortableContainer.js +2 -2
- package/dist/components/Sortable/components/SortableHandle.js +1 -1
- package/dist/components/Sortable/components/SortableItem.js +2 -2
- package/dist/components/Spinner/Spinner.js +8 -8
- package/dist/components/StatusBadge/StatusBage.js +6 -6
- package/dist/components/StatusPill/StatusPill.js +12 -12
- package/dist/components/TextArea/TextArea.js +17 -17
- package/dist/components/ToggleSwitch/ToggleSwitch.js +13 -13
- package/dist/components/Tooltip/Tooltip.js +23 -23
- package/dist/components/VarIndicator/VarIndicator.js +18 -18
- package/dist/components/WeekSelector/WeekSelector.js +1 -1
- package/dist/components/WeekSelector/components/WeekSelectorButton.js +1 -1
- package/dist/components/WeekSelector/components/WeekSelectorOption.js +1 -1
- package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +25 -23
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +25 -23
- package/dist/index.js.map +1 -1
- package/dist/storyComponents/Container/Container.js +10 -10
- package/package.json +13 -13
- package/dist/Button.module-D-q-W0TM.js +0 -16
- package/dist/Button.module-D-q-W0TM.js.map +0 -1
- package/dist/MultiSelectItem-DbOdEllV.js +0 -24
- package/dist/RteEditor.module-SmmXEc4R.js +0 -36
- package/dist/RteEditor.module-SmmXEc4R.js.map +0 -1
- package/dist/SearchField.module-Be9ZoU-6.js +0 -17
- package/dist/SearchField.module-Be9ZoU-6.js.map +0 -1
- package/dist/SelectListbox.module-CAKDuwcy.js.map +0 -1
- package/dist/Sortable.module-B6I6E9un.js +0 -26
- package/dist/Sortable.module-B6I6E9un.js.map +0 -1
- package/dist/WeekSelector.module-D9MD4nVJ.js +0 -17
- package/dist/WeekSelector.module-D9MD4nVJ.js.map +0 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import './assets/Button.css';const t = "_button_w17f1_1", n = {
|
|
2
|
+
button: t,
|
|
3
|
+
"button--blank": "_button--blank_w17f1_35",
|
|
4
|
+
"button--blank-subtle": "_button--blank-subtle_w17f1_36",
|
|
5
|
+
"button--blank-icon": "_button--blank-icon_w17f1_37",
|
|
6
|
+
"button--primary": "_button--primary_w17f1_82",
|
|
7
|
+
"button--secondary": "_button--secondary_w17f1_98",
|
|
8
|
+
"button--destructive-primary": "_button--destructive-primary_w17f1_114",
|
|
9
|
+
"button--destructive-secondary": "_button--destructive-secondary_w17f1_132",
|
|
10
|
+
"button--destructive-secondary-transparent": "_button--destructive-secondary-transparent_w17f1_150",
|
|
11
|
+
"button--wide-column": "_button--wide-column_w17f1_168"
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
n as s
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=Button.module-S1-6tV9o.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.module-S1-6tV9o.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsxs as o, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useId as r } from "react";
|
|
3
|
+
import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
|
|
4
|
+
import { Label as u } from "./components/Label/Label.js";
|
|
5
|
+
import './assets/MultiSelectItem.css';const n = {
|
|
6
|
+
"multi-select": "_multi-select_140gs_1",
|
|
7
|
+
"multi-select--no-border": "_multi-select--no-border_140gs_7",
|
|
8
|
+
"multi-select__header": "_multi-select__header_140gs_12",
|
|
9
|
+
"multi-select__list": "_multi-select__list_140gs_18",
|
|
10
|
+
"multi-select__list--scrollable": "_multi-select__list--scrollable_140gs_27",
|
|
11
|
+
"multi-select__item": "_multi-select__item_140gs_32"
|
|
12
|
+
};
|
|
13
|
+
function f({ label: s, value: _, checked: e, disabled: i = !1, onChange: m }) {
|
|
14
|
+
const t = r();
|
|
15
|
+
return /* @__PURE__ */ o("li", { className: n["multi-select__item"], children: [
|
|
16
|
+
/* @__PURE__ */ l(c, { id: t, value: _, checked: e, onChange: m, disabled: i }),
|
|
17
|
+
/* @__PURE__ */ l(u, { htmlFor: t, noFontWeight: !e, children: s })
|
|
18
|
+
] });
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
f as M,
|
|
22
|
+
n as s
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=MultiSelectItem-BzBmsKof.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectItem-
|
|
1
|
+
{"version":3,"file":"MultiSelectItem-BzBmsKof.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n label: string;\n value: string | number;\n checked: boolean;\n disabled?: boolean;\n onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n const id = useId();\n\n return (\n <li className={styles['multi-select__item']}>\n <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n <Label htmlFor={id} noFontWeight={!checked}>\n {label}\n </Label>\n </li>\n );\n}\n"],"names":["MultiSelectItem","label","value","checked","disabled","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAgBO,SAASA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,UAAAC,KAAkC;AAC3G,QAAMC,IAAKC,EAAA;AAEX,SACE,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,IAAAL,GAAQ,OAAAJ,GAAc,SAAAC,GAAkB,UAAAE,GAAoB,UAAAD,GAAoB;AAAA,sBACzFQ,GAAA,EAAM,SAASN,GAAI,cAAc,CAACH,GAChC,UAAAF,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import './assets/RteEditor.css';const _ = "_editor__container_12fjb_1", t = "_editor__header_12fjb_7", e = "_editor_12fjb_1", o = "_editor__field_12fjb_36", i = "_editor__toolbar_12fjb_40", r = "_editor__placeholder_12fjb_170", d = {
|
|
2
|
+
editor__container: _,
|
|
3
|
+
editor__header: t,
|
|
4
|
+
"editor__header-word-count": "_editor__header-word-count_12fjb_15",
|
|
5
|
+
"editor__header-word-count--alert": "_editor__header-word-count--alert_12fjb_24",
|
|
6
|
+
editor: e,
|
|
7
|
+
editor__field: o,
|
|
8
|
+
editor__toolbar: i,
|
|
9
|
+
"editor__toolbar-button-group": "_editor__toolbar-button-group_12fjb_49",
|
|
10
|
+
"editor__toolbar-button": "_editor__toolbar-button_12fjb_49",
|
|
11
|
+
"editor__toolbar-button--active": "_editor__toolbar-button--active_12fjb_80",
|
|
12
|
+
"editor__toolbar-button--bold": "_editor__toolbar-button--bold_12fjb_100",
|
|
13
|
+
"editor__toolbar-button--italic": "_editor__toolbar-button--italic_12fjb_104",
|
|
14
|
+
"editor__toolbar-button-flyoutwrapper": "_editor__toolbar-button-flyoutwrapper_12fjb_123",
|
|
15
|
+
"editor__field-wrapper": "_editor__field-wrapper_12fjb_127",
|
|
16
|
+
editor__placeholder: r,
|
|
17
|
+
"guide-text-ltr": "_guide-text-ltr_12fjb_180",
|
|
18
|
+
"guide-text-rtl": "_guide-text-rtl_12fjb_184",
|
|
19
|
+
"guide-text-paragraph": "_guide-text-paragraph_12fjb_188",
|
|
20
|
+
"guide-text__text--bold": "_guide-text__text--bold_12fjb_193",
|
|
21
|
+
"guide-text__text--italic": "_guide-text__text--italic_12fjb_197",
|
|
22
|
+
"guide-text__list--ul": "_guide-text__list--ul_12fjb_201",
|
|
23
|
+
"guide-text__list--ol": "_guide-text__list--ol_12fjb_202",
|
|
24
|
+
"guide-text__list--listitem": "_guide-text__list--listitem_12fjb_214",
|
|
25
|
+
"guide-text__list--nested-listitem": "_guide-text__list--nested-listitem_12fjb_223",
|
|
26
|
+
"guide-text__list--ul2": "_guide-text__list--ul2_12fjb_233",
|
|
27
|
+
"guide-text__list--ul3": "_guide-text__list--ul3_12fjb_237",
|
|
28
|
+
"guide-text__list--ul4": "_guide-text__list--ul4_12fjb_241",
|
|
29
|
+
"guide-text__list--ul5": "_guide-text__list--ul5_12fjb_245",
|
|
30
|
+
"guide-text__table-wrapper": "_guide-text__table-wrapper_12fjb_277",
|
|
31
|
+
"guide-text__table": "_guide-text__table_12fjb_277"
|
|
32
|
+
};
|
|
33
|
+
export {
|
|
34
|
+
d as s
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=RteEditor.module-CmYZ4MmA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RteEditor.module-CmYZ4MmA.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import './assets/SearchField.css';const _ = {
|
|
2
|
+
"search-field__input-wrapper": "_search-field__input-wrapper_ung4q_1",
|
|
3
|
+
"search-field__input-field": "_search-field__input-field_ung4q_8",
|
|
4
|
+
"search-field__icon": "_search-field__icon_ung4q_35",
|
|
5
|
+
"search-field__result-wrapper": "_search-field__result-wrapper_ung4q_43",
|
|
6
|
+
"search-field__input-container": "_search-field__input-container_ung4q_57",
|
|
7
|
+
"search-field__input-container--hidden": "_search-field__input-container--hidden_ung4q_62",
|
|
8
|
+
"search-field__input-container--visible": "_search-field__input-container--visible_ung4q_66",
|
|
9
|
+
"search-field__compact-button": "_search-field__compact-button_ung4q_76",
|
|
10
|
+
"search-field__compact-icon": "_search-field__compact-icon_ung4q_93",
|
|
11
|
+
"search-field__result-list": "_search-field__result-list_ung4q_97",
|
|
12
|
+
"search-field__result-item": "_search-field__result-item_ung4q_110"
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
_ as s
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=SearchField.module-CMUEgX7d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchField.module-CMUEgX7d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import './assets/SelectListbox.css';const
|
|
2
|
-
"select-listbox-container": "_select-listbox-
|
|
3
|
-
"select-listbox__wrapper": "_select-
|
|
4
|
-
"select-listbox-trigger": "_select-listbox-
|
|
5
|
-
"select-listbox-trigger--default": "_select-listbox-trigger--
|
|
6
|
-
"select-listbox-trigger--small": "_select-listbox-trigger--
|
|
7
|
-
"select-listbox-trigger--medium": "_select-listbox-trigger--
|
|
8
|
-
"select-listbox-trigger-label": "_select-listbox-trigger-
|
|
9
|
-
"select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-
|
|
10
|
-
"select-listbox-trigger--bold": "_select-listbox-trigger--
|
|
11
|
-
"select-listbox-trigger--pill": "_select-listbox-trigger--
|
|
12
|
-
"select-listbox-trigger--pillLeft": "_select-listbox-trigger--
|
|
13
|
-
"select-listbox-trigger--pillRight": "_select-listbox-trigger--
|
|
14
|
-
"select-listbox-trigger--darkBorder": "_select-listbox-trigger--
|
|
15
|
-
"select-listbox-trigger--roundedLeft": "_select-listbox-trigger--
|
|
16
|
-
"select-listbox-trigger--roundedRight": "_select-listbox-trigger--
|
|
17
|
-
"select-listbox-trigger--noborder": "_select-listbox-trigger--
|
|
18
|
-
"select-listbox-trigger-icon": "_select-listbox-trigger-
|
|
19
|
-
"select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--
|
|
20
|
-
"select-listbox": "_select-
|
|
21
|
-
"select-listbox-option": "_select-listbox-
|
|
22
|
-
"select-listbox-option--active": "_select-listbox-option--
|
|
23
|
-
"select-listbox-divider": "_select-listbox-
|
|
1
|
+
import './assets/SelectListbox.css';const e = {
|
|
2
|
+
"select-listbox-container": "_select-listbox-container_x5vqx_1",
|
|
3
|
+
"select-listbox__wrapper": "_select-listbox__wrapper_x5vqx_5",
|
|
4
|
+
"select-listbox-trigger": "_select-listbox-trigger_x5vqx_15",
|
|
5
|
+
"select-listbox-trigger--default": "_select-listbox-trigger--default_x5vqx_30",
|
|
6
|
+
"select-listbox-trigger--small": "_select-listbox-trigger--small_x5vqx_34",
|
|
7
|
+
"select-listbox-trigger--medium": "_select-listbox-trigger--medium_x5vqx_38",
|
|
8
|
+
"select-listbox-trigger-label": "_select-listbox-trigger-label_x5vqx_43",
|
|
9
|
+
"select-listbox__wrapper--align-right": "_select-listbox__wrapper--align-right_x5vqx_52",
|
|
10
|
+
"select-listbox-trigger--bold": "_select-listbox-trigger--bold_x5vqx_56",
|
|
11
|
+
"select-listbox-trigger--pill": "_select-listbox-trigger--pill_x5vqx_60",
|
|
12
|
+
"select-listbox-trigger--pillLeft": "_select-listbox-trigger--pillLeft_x5vqx_65",
|
|
13
|
+
"select-listbox-trigger--pillRight": "_select-listbox-trigger--pillRight_x5vqx_70",
|
|
14
|
+
"select-listbox-trigger--darkBorder": "_select-listbox-trigger--darkBorder_x5vqx_75",
|
|
15
|
+
"select-listbox-trigger--roundedLeft": "_select-listbox-trigger--roundedLeft_x5vqx_79",
|
|
16
|
+
"select-listbox-trigger--roundedRight": "_select-listbox-trigger--roundedRight_x5vqx_83",
|
|
17
|
+
"select-listbox-trigger--noborder": "_select-listbox-trigger--noborder_x5vqx_97",
|
|
18
|
+
"select-listbox-trigger-icon": "_select-listbox-trigger-icon_x5vqx_109",
|
|
19
|
+
"select-listbox-trigger-icon--open": "_select-listbox-trigger-icon--open_x5vqx_114",
|
|
20
|
+
"select-listbox": "_select-listbox_x5vqx_1",
|
|
21
|
+
"select-listbox-option": "_select-listbox-option_x5vqx_128",
|
|
22
|
+
"select-listbox-option--active": "_select-listbox-option--active_x5vqx_141",
|
|
23
|
+
"select-listbox-divider": "_select-listbox-divider_x5vqx_151"
|
|
24
24
|
};
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
e as s
|
|
27
27
|
};
|
|
28
|
-
//# sourceMappingURL=SelectListbox.module-
|
|
28
|
+
//# sourceMappingURL=SelectListbox.module-CgZyIxwT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectListbox.module-CgZyIxwT.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import './assets/Sortable.css';const _ = "_sortable__wrapper_1jxfw_1", t = "_sortable__container_1jxfw_13", e = "_sortable__handle_1jxfw_159", r = {
|
|
2
|
+
sortable__wrapper: _,
|
|
3
|
+
"sortable__wrapper--scrollable": "_sortable__wrapper--scrollable_1jxfw_5",
|
|
4
|
+
sortable__container: t,
|
|
5
|
+
"sortable__drop-target": "_sortable__drop-target_1jxfw_24",
|
|
6
|
+
"sortable__drop-target--no-number": "_sortable__drop-target--no-number_1jxfw_41",
|
|
7
|
+
"sortable__sort-item": "_sortable__sort-item_1jxfw_59",
|
|
8
|
+
"sortable__sort-item--grey-200": "_sortable__sort-item--grey-200_1jxfw_70",
|
|
9
|
+
"sortable__sort-item--white": "_sortable__sort-item--white_1jxfw_74",
|
|
10
|
+
"sortable__sort-item--ghost": "_sortable__sort-item--ghost_1jxfw_82",
|
|
11
|
+
"sortable__sort-item__handle": "_sortable__sort-item__handle_1jxfw_93",
|
|
12
|
+
"sortable__sort-item__button-container": "_sortable__sort-item__button-container_1jxfw_103",
|
|
13
|
+
"sortable__sort-item__handle--icon": "_sortable__sort-item__handle--icon_1jxfw_122",
|
|
14
|
+
"sortable__sort-item__handle--up": "_sortable__sort-item__handle--up_1jxfw_129",
|
|
15
|
+
"sortable__sort-item__handle--down": "_sortable__sort-item__handle--down_1jxfw_130",
|
|
16
|
+
"sortable__sort-item--dragging": "_sortable__sort-item--dragging_1jxfw_141",
|
|
17
|
+
"sortable__sort-item__contents": "_sortable__sort-item__contents_1jxfw_145",
|
|
18
|
+
"sortable__sort-item__contents--handle-right": "_sortable__sort-item__contents--handle-right_1jxfw_154",
|
|
19
|
+
sortable__handle: e,
|
|
20
|
+
"sortable__handle--right": "_sortable__handle--right_1jxfw_165",
|
|
21
|
+
"sortable__visually-hidden": "_sortable__visually-hidden_1jxfw_184"
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
r as s
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=Sortable.module-DCVXxKnw.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sortable.module-DCVXxKnw.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
|
|
|
2
2
|
import { useRef as x, useEffect as E, cloneElement as P, createContext as O, useReducer as A, useContext as L } from "react";
|
|
3
3
|
import { sortableReducer as j, initialState as q } from "./components/Sortable/sortableReducer.js";
|
|
4
4
|
import { c as _ } from "./clsx-OuTLNxxd.js";
|
|
5
|
-
import { s as g } from "./Sortable.module-
|
|
5
|
+
import { s as g } from "./Sortable.module-DCVXxKnw.js";
|
|
6
6
|
import { setDraggingTarget as B, setDraggingSource as H, setClone as W, reset as X, moveToPosition as Y, drop as k, dragStart as z, dragEnd as F, clearDraggingTarget as G, clearDraggingSource as J } from "./components/Sortable/actions.js";
|
|
7
7
|
function K({ scrollable: i, hideNumbers: a, onSort: s }) {
|
|
8
8
|
const { clone: n, draggingTarget: p, drop: D, sortableItems: S, setDraggingTarget: o, reset: T, indices: c } = U(), d = x(null), l = x(null), u = x(c);
|
|
@@ -157,4 +157,4 @@ export {
|
|
|
157
157
|
K as a,
|
|
158
158
|
U as u
|
|
159
159
|
};
|
|
160
|
-
//# sourceMappingURL=SortableProvider-
|
|
160
|
+
//# sourceMappingURL=SortableProvider-BbwlEPIr.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortableProvider-l8-7ClBJ.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 hideNumbers?: boolean;\n onSort?: OnSort;\n}\n\nexport function SortableContainer({ scrollable, hideNumbers, onSort }: SortableContainerProps) {\n const { clone, draggingTarget, drop, sortableItems, setDraggingTarget, reset, indices } = useSortable();\n const containerRef = useRef<HTMLUListElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const indicesRef = useRef<number[]>(indices);\n\n function getTargetIndex(event: DragEvent<HTMLLIElement>) {\n const sortableContainer = containerRef.current;\n\n if (!sortableContainer?.hasChildNodes()) return;\n\n const listItemNode = event.currentTarget;\n const childNodes = Array.from(sortableContainer.childNodes);\n const targetIndex = childNodes.findIndex((node) => node.isEqualNode(listItemNode));\n\n return targetIndex;\n }\n\n function handleDrop(event: DragEvent<HTMLLIElement>) {\n const targetIndex = getTargetIndex(event);\n\n if (targetIndex === undefined) return;\n\n if (clone && wrapperRef.current) wrapperRef.current.removeChild(clone);\n\n drop(targetIndex);\n }\n\n function handleDragOver(event: DragEvent<HTMLLIElement>) {\n // Prevent default to allow drop\n event.preventDefault();\n event.dataTransfer.dropEffect = 'move';\n\n if (clone) {\n const { clientX, clientY } = event;\n const { x, y, width, height } = event.currentTarget.getBoundingClientRect();\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n const grabPosition = height / 2 - (clientY - y);\n\n // lock drag image movement to x-axis and mouse pointer\n clone.setAttribute(\n 'style',\n `\n left: ${clientX - (clientX - x)}px;\n top: ${y - grabPosition}px;\n height: ${height}px;\n width: ${width}px;\n visibility: visible;\n `\n );\n }\n\n const targetIndex = getTargetIndex(event);\n\n if (targetIndex === undefined || targetIndex === draggingTarget) return;\n\n setDraggingTarget(targetIndex);\n }\n\n function handleContainerDragLeave(event: DragEvent<HTMLUListElement>) {\n const { relatedTarget } = event;\n\n const within = relatedTarget !== null && containerRef.current?.contains(relatedTarget as Node);\n\n if (!within) {\n reset();\n\n if (clone) {\n clone.setAttribute('style', 'visibility: hidden;');\n }\n }\n }\n\n useEffect(() => {\n if (!clone || !wrapperRef.current) return;\n\n wrapperRef.current.appendChild(clone);\n\n return function () {\n clone.remove();\n };\n }, [clone]);\n\n useEffect(() => {\n if (!onSort) return;\n\n if (indices.valueOf() !== indicesRef.current.valueOf()) {\n onSort(indices);\n\n indicesRef.current = indices;\n }\n }, [indices, indicesRef, onSort]);\n\n return (\n <div\n className={clsx(styles['sortable__wrapper'], { [styles['sortable__wrapper--scrollable']]: scrollable })}\n ref={wrapperRef}\n >\n <ul\n className={clsx(styles['sortable__container'], {\n [styles['sortable__container--drag-over']]: clone !== undefined,\n })}\n onDragLeave={handleContainerDragLeave}\n ref={containerRef}\n role=\"presentation\"\n >\n {sortableItems.map((child, index) => (\n <li\n className={clsx(styles['sortable__drop-target'], {\n [styles['sortable__drop-target--no-number']]: hideNumbers,\n })}\n draggable={false}\n key={index}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n role=\"presentation\"\n >\n {cloneElement(child, { index })}\n </li>\n ))}\n </ul>\n </div>\n );\n}\n","import { createContext, useContext, useReducer, useRef } from 'react';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport type { SortableStateType } from './sortableReducer';\nimport type { SortableItem, SortableItemProps } from './components/SortableItem';\n\nimport { sortableReducer, initialState } from './sortableReducer';\nimport { SortableContainer } from './components/SortableContainer';\nimport * as actions from './actions';\n\ntype SortableContextType = {\n clearDraggingSource: () => void;\n clearDraggingTarget: () => void;\n dragEnd: () => void;\n dragStart: (index: number) => void;\n drop: (index: number) => void;\n moveToPosition: (index: number) => void;\n reset: () => void;\n setClone: (node: Element) => void;\n setDraggingSource: (index: number) => void;\n setDraggingTarget: (index: number) => void;\n};\n\nconst SortableContext = createContext<(SortableContextType & SortableStateType) | undefined>(undefined);\n\ntype SortableItems = ReactElement<SortableItemProps, typeof SortableItem>[];\n\ninterface Props<T = unknown> {\n renderItems: SortableItems;\n dataItems: T[];\n scrollable?: boolean;\n hideNumbers?: boolean;\n onSort?: (items: T[]) => void;\n children?: ReactNode;\n}\n\nfunction isReactElementWithIndex(value: string | ReactElement): value is ReactElement<{ index: number }> {\n return typeof value !== 'string';\n}\n\nconst init = (renderItems: SortableItems): SortableStateType => {\n const reactChildren = renderItems.filter(isReactElementWithIndex);\n\n return {\n ...initialState,\n indices: reactChildren.map(({ props }) => props.index),\n maxIndex: reactChildren.length - 1,\n sortableItems: reactChildren,\n };\n};\n\nexport function SortableProvider<T>({ renderItems, dataItems, scrollable, hideNumbers, onSort }: Props<T>) {\n const persistentItems = useRef(dataItems);\n\n const [state, dispatch] = useReducer(sortableReducer, renderItems, init);\n\n function setDraggingSource(index: number) {\n dispatch(actions.setDraggingSource(index));\n }\n\n function setDraggingTarget(index: number) {\n dispatch(actions.setDraggingTarget(index));\n }\n\n function moveToPosition(index: number) {\n dispatch(actions.moveToPosition(index));\n }\n\n function clearDraggingTarget() {\n dispatch(actions.clearDraggingTarget());\n }\n\n function clearDraggingSource() {\n dispatch(actions.clearDraggingSource());\n }\n\n function drop(index: number) {\n dispatch(actions.drop(index));\n }\n\n function dragStart(index: number) {\n dispatch(actions.dragStart(index));\n }\n\n function dragEnd() {\n dispatch(actions.dragEnd());\n }\n\n function reset() {\n dispatch(actions.reset());\n }\n\n function setClone(node: Element) {\n dispatch(actions.setClone(node));\n }\n\n function onHandleSort(sortedIndices: number[]) {\n const sortedData = sortedIndices.map((index) => persistentItems.current[index]);\n onSort && onSort(sortedData);\n }\n\n return (\n <SortableContext.Provider\n value={{\n ...state,\n clearDraggingSource,\n clearDraggingTarget,\n dragEnd,\n dragStart,\n drop,\n moveToPosition,\n reset,\n setClone,\n setDraggingSource,\n setDraggingTarget,\n }}\n >\n <SortableContainer scrollable={scrollable} hideNumbers={hideNumbers} onSort={onHandleSort} />\n </SortableContext.Provider>\n );\n}\n\nexport function useSortable() {\n const context = useContext(SortableContext);\n\n if (context === undefined) {\n throw new Error('useSortable must be used within a SortableProvider');\n }\n\n return context;\n}\n"],"names":["SortableContainer","scrollable","hideNumbers","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","useEffect","jsx","clsx","styles","child","index","cloneElement","SortableContext","createContext","isReactElementWithIndex","value","init","renderItems","reactChildren","initialState","props","SortableProvider","dataItems","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","sortedData","context","useContext"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SortableProvider-BbwlEPIr.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 hideNumbers?: boolean;\n onSort?: OnSort;\n}\n\nexport function SortableContainer({ scrollable, hideNumbers, onSort }: SortableContainerProps) {\n const { clone, draggingTarget, drop, sortableItems, setDraggingTarget, reset, indices } = useSortable();\n const containerRef = useRef<HTMLUListElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const indicesRef = useRef<number[]>(indices);\n\n function getTargetIndex(event: DragEvent<HTMLLIElement>) {\n const sortableContainer = containerRef.current;\n\n if (!sortableContainer?.hasChildNodes()) return;\n\n const listItemNode = event.currentTarget;\n const childNodes = Array.from(sortableContainer.childNodes);\n const targetIndex = childNodes.findIndex((node) => node.isEqualNode(listItemNode));\n\n return targetIndex;\n }\n\n function handleDrop(event: DragEvent<HTMLLIElement>) {\n const targetIndex = getTargetIndex(event);\n\n if (targetIndex === undefined) return;\n\n if (clone && wrapperRef.current) wrapperRef.current.removeChild(clone);\n\n drop(targetIndex);\n }\n\n function handleDragOver(event: DragEvent<HTMLLIElement>) {\n // Prevent default to allow drop\n event.preventDefault();\n event.dataTransfer.dropEffect = 'move';\n\n if (clone) {\n const { clientX, clientY } = event;\n const { x, y, width, height } = event.currentTarget.getBoundingClientRect();\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n const grabPosition = height / 2 - (clientY - y);\n\n // lock drag image movement to x-axis and mouse pointer\n clone.setAttribute(\n 'style',\n `\n left: ${clientX - (clientX - x)}px;\n top: ${y - grabPosition}px;\n height: ${height}px;\n width: ${width}px;\n visibility: visible;\n `\n );\n }\n\n const targetIndex = getTargetIndex(event);\n\n if (targetIndex === undefined || targetIndex === draggingTarget) return;\n\n setDraggingTarget(targetIndex);\n }\n\n function handleContainerDragLeave(event: DragEvent<HTMLUListElement>) {\n const { relatedTarget } = event;\n\n const within = relatedTarget !== null && containerRef.current?.contains(relatedTarget as Node);\n\n if (!within) {\n reset();\n\n if (clone) {\n clone.setAttribute('style', 'visibility: hidden;');\n }\n }\n }\n\n useEffect(() => {\n if (!clone || !wrapperRef.current) return;\n\n wrapperRef.current.appendChild(clone);\n\n return function () {\n clone.remove();\n };\n }, [clone]);\n\n useEffect(() => {\n if (!onSort) return;\n\n if (indices.valueOf() !== indicesRef.current.valueOf()) {\n onSort(indices);\n\n indicesRef.current = indices;\n }\n }, [indices, indicesRef, onSort]);\n\n return (\n <div\n className={clsx(styles['sortable__wrapper'], { [styles['sortable__wrapper--scrollable']]: scrollable })}\n ref={wrapperRef}\n >\n <ul\n className={clsx(styles['sortable__container'], {\n [styles['sortable__container--drag-over']]: clone !== undefined,\n })}\n onDragLeave={handleContainerDragLeave}\n ref={containerRef}\n role=\"presentation\"\n >\n {sortableItems.map((child, index) => (\n <li\n className={clsx(styles['sortable__drop-target'], {\n [styles['sortable__drop-target--no-number']]: hideNumbers,\n })}\n draggable={false}\n key={index}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n role=\"presentation\"\n >\n {cloneElement(child, { index })}\n </li>\n ))}\n </ul>\n </div>\n );\n}\n","import { createContext, useContext, useReducer, useRef } from 'react';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport type { SortableStateType } from './sortableReducer';\nimport type { SortableItem, SortableItemProps } from './components/SortableItem';\n\nimport { sortableReducer, initialState } from './sortableReducer';\nimport { SortableContainer } from './components/SortableContainer';\nimport * as actions from './actions';\n\ntype SortableContextType = {\n clearDraggingSource: () => void;\n clearDraggingTarget: () => void;\n dragEnd: () => void;\n dragStart: (index: number) => void;\n drop: (index: number) => void;\n moveToPosition: (index: number) => void;\n reset: () => void;\n setClone: (node: Element) => void;\n setDraggingSource: (index: number) => void;\n setDraggingTarget: (index: number) => void;\n};\n\nconst SortableContext = createContext<(SortableContextType & SortableStateType) | undefined>(undefined);\n\ntype SortableItems = ReactElement<SortableItemProps, typeof SortableItem>[];\n\ninterface Props<T = unknown> {\n renderItems: SortableItems;\n dataItems: T[];\n scrollable?: boolean;\n hideNumbers?: boolean;\n onSort?: (items: T[]) => void;\n children?: ReactNode;\n}\n\nfunction isReactElementWithIndex(value: string | ReactElement): value is ReactElement<{ index: number }> {\n return typeof value !== 'string';\n}\n\nconst init = (renderItems: SortableItems): SortableStateType => {\n const reactChildren = renderItems.filter(isReactElementWithIndex);\n\n return {\n ...initialState,\n indices: reactChildren.map(({ props }) => props.index),\n maxIndex: reactChildren.length - 1,\n sortableItems: reactChildren,\n };\n};\n\nexport function SortableProvider<T>({ renderItems, dataItems, scrollable, hideNumbers, onSort }: Props<T>) {\n const persistentItems = useRef(dataItems);\n\n const [state, dispatch] = useReducer(sortableReducer, renderItems, init);\n\n function setDraggingSource(index: number) {\n dispatch(actions.setDraggingSource(index));\n }\n\n function setDraggingTarget(index: number) {\n dispatch(actions.setDraggingTarget(index));\n }\n\n function moveToPosition(index: number) {\n dispatch(actions.moveToPosition(index));\n }\n\n function clearDraggingTarget() {\n dispatch(actions.clearDraggingTarget());\n }\n\n function clearDraggingSource() {\n dispatch(actions.clearDraggingSource());\n }\n\n function drop(index: number) {\n dispatch(actions.drop(index));\n }\n\n function dragStart(index: number) {\n dispatch(actions.dragStart(index));\n }\n\n function dragEnd() {\n dispatch(actions.dragEnd());\n }\n\n function reset() {\n dispatch(actions.reset());\n }\n\n function setClone(node: Element) {\n dispatch(actions.setClone(node));\n }\n\n function onHandleSort(sortedIndices: number[]) {\n const sortedData = sortedIndices.map((index) => persistentItems.current[index]);\n onSort && onSort(sortedData);\n }\n\n return (\n <SortableContext.Provider\n value={{\n ...state,\n clearDraggingSource,\n clearDraggingTarget,\n dragEnd,\n dragStart,\n drop,\n moveToPosition,\n reset,\n setClone,\n setDraggingSource,\n setDraggingTarget,\n }}\n >\n <SortableContainer scrollable={scrollable} hideNumbers={hideNumbers} onSort={onHandleSort} />\n </SortableContext.Provider>\n );\n}\n\nexport function useSortable() {\n const context = useContext(SortableContext);\n\n if (context === undefined) {\n throw new Error('useSortable must be used within a SortableProvider');\n }\n\n return context;\n}\n"],"names":["SortableContainer","scrollable","hideNumbers","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","useEffect","jsx","clsx","styles","child","index","cloneElement","SortableContext","createContext","isReactElementWithIndex","value","init","renderItems","reactChildren","initialState","props","SortableProvider","dataItems","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","sortedData","context","useContext"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as c, jsx as e, Fragment as Z } from "react/jsx-runtime";
|
|
2
2
|
import { o as ee } from "./LexicalComposerContext.prod-DOyoZx0P.js";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as z } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
import { P as te, A as oe, T as re } from "./LexicalTable.prod-CZ1mYUR-.js";
|
|
5
|
-
import { ar as le, A as ne, a as Y, f as
|
|
5
|
+
import { ar as le, A as ne, a as Y, f as V, aV as ae, ah as ie } from "./Lexical.prod-DBU6xTBY.js";
|
|
6
6
|
import { w as se } from "./LexicalUtils.prod-C3vvQk50.js";
|
|
7
|
-
import { forwardRef as
|
|
7
|
+
import { forwardRef as q, useState as y, useRef as x, useId as H, useImperativeHandle as K, useEffect as L } from "react";
|
|
8
8
|
import "./components/Accordion/Accordion.js";
|
|
9
9
|
import { Button as I } from "./components/Buttons/Button.js";
|
|
10
10
|
import "./components/Buttons/LinkButton.js";
|
|
@@ -15,13 +15,13 @@ import "@react-aria/dialog";
|
|
|
15
15
|
import "@react-aria/focus";
|
|
16
16
|
import "@react-aria/overlays";
|
|
17
17
|
import "./components/OverlayCloseButton/OverlayCloseButton.js";
|
|
18
|
-
import { FormField as
|
|
18
|
+
import { FormField as U } from "./components/FormField/FormField.js";
|
|
19
19
|
import "./components/GridRow/GridRow.js";
|
|
20
20
|
import "./components/IconButton/IconButton.js";
|
|
21
21
|
import "./components/Input/Input.js";
|
|
22
|
-
import { InputField as
|
|
22
|
+
import { InputField as $ } from "./components/InputField/InputField.js";
|
|
23
23
|
import "react-router";
|
|
24
|
-
import { s as R, M as ce } from "./MultiSelectItem-
|
|
24
|
+
import { s as R, M as ce } from "./MultiSelectItem-BzBmsKof.js";
|
|
25
25
|
import "./components/RteEditor/Providers/LanguageProvider.js";
|
|
26
26
|
import { ensureHttps as me, validateUrlWithProtocol as de } from "./components/RteEditor/Plugins/LinkPlugin/helpers.js";
|
|
27
27
|
import { Icon as J } from "./components/Icon/Icon.js";
|
|
@@ -32,34 +32,34 @@ import "./components/RteEditor/hooks/components/Flyout.js";
|
|
|
32
32
|
import { PREVENT_OPEN_DELAY as ue, deleteTable as fe, deleteColumn as pe, insertColumn as be, deleteRow as _e, insertRow as he, createTable as ke, getEditorParrentCellWidth as ve, getEditorContentWidth as we, DEFAULT_EDITOR_WIDTH as Fe, DEFAULT_COL_WIDTH as Ce } from "./components/RteEditor/Plugins/TablePlugin/helpers.js";
|
|
33
33
|
import { $createTableWrapperNode as ye } from "./components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js";
|
|
34
34
|
import { useFlyout as Te } from "./components/RteEditor/hooks/useFlyout.js";
|
|
35
|
-
import { s as P } from "./RteEditor.module-
|
|
35
|
+
import { s as P } from "./RteEditor.module-CmYZ4MmA.js";
|
|
36
36
|
import "react-dom";
|
|
37
37
|
import "./index-yEhaxKq-.js";
|
|
38
38
|
import "./components/SearchField/SearchField.js";
|
|
39
39
|
import "./components/SelectListbox/SelectListbox.js";
|
|
40
40
|
import "./components/SelectListbox/SelectProvider.js";
|
|
41
41
|
import "./components/Sortable/components/SortableItem.js";
|
|
42
|
-
import "./SortableProvider-
|
|
42
|
+
import "./SortableProvider-BbwlEPIr.js";
|
|
43
43
|
import "./components/WeekSelector/components/WeekSelectorOptionContainer.js";
|
|
44
|
-
import { setScrollableContainers as Ne, removeScrollableContainers as
|
|
45
|
-
import './assets/TablePlugin.css';function
|
|
44
|
+
import { setScrollableContainers as Ne, removeScrollableContainers as ge } from "./components/RteEditor/helpers.js";
|
|
45
|
+
import './assets/TablePlugin.css';function xe({ label: _, clearTrigger: u, onClear: i }) {
|
|
46
46
|
return /* @__PURE__ */ c("header", { className: R["multi-select__header"], children: [
|
|
47
47
|
/* @__PURE__ */ e(S, { htmlFor: "multi-select-list", children: _ }),
|
|
48
|
-
u && /* @__PURE__ */ e(I, { variant: "blank", onClick:
|
|
48
|
+
u && /* @__PURE__ */ e(I, { variant: "blank", onClick: i, children: u })
|
|
49
49
|
] });
|
|
50
50
|
}
|
|
51
|
-
const Q = ({ scrollable: _ = !0, noBorder: u, header:
|
|
52
|
-
|
|
51
|
+
const Q = ({ scrollable: _ = !0, noBorder: u, header: i, children: o }) => /* @__PURE__ */ c(Z, { children: [
|
|
52
|
+
i,
|
|
53
53
|
/* @__PURE__ */ e(
|
|
54
54
|
"div",
|
|
55
55
|
{
|
|
56
|
-
className:
|
|
56
|
+
className: z(R["multi-select"], {
|
|
57
57
|
[R["multi-select--no-border"]]: u
|
|
58
58
|
}),
|
|
59
59
|
children: /* @__PURE__ */ e(
|
|
60
60
|
"ul",
|
|
61
61
|
{
|
|
62
|
-
className:
|
|
62
|
+
className: z(R["multi-select__list"], {
|
|
63
63
|
[R["multi-select__list--scrollable"]]: _
|
|
64
64
|
}),
|
|
65
65
|
id: "multi-select-list",
|
|
@@ -69,30 +69,30 @@ const Q = ({ scrollable: _ = !0, noBorder: u, header: a, children: o }) => /* @_
|
|
|
69
69
|
}
|
|
70
70
|
)
|
|
71
71
|
] });
|
|
72
|
-
Q.MultiSelectHeader =
|
|
72
|
+
Q.MultiSelectHeader = xe;
|
|
73
73
|
Q.MultiSelectItem = ce;
|
|
74
|
-
const Ee = "
|
|
74
|
+
const Ee = "_linkform_1anda_1", Le = "_linkform__footer_1anda_12", g = {
|
|
75
75
|
linkform: Ee,
|
|
76
|
-
"linkform__input-field": "_linkform__input-
|
|
76
|
+
"linkform__input-field": "_linkform__input-field_1anda_5",
|
|
77
77
|
linkform__footer: Le,
|
|
78
|
-
"linkform__input-url-wrapper": "_linkform__input-url-
|
|
79
|
-
"linkform__open-url-button": "_linkform__open-url-
|
|
80
|
-
}, yt =
|
|
81
|
-
({ onCloseHandler: _, onSaveHandler: u, isLink:
|
|
82
|
-
const l = j(), [f, m] = y(
|
|
78
|
+
"linkform__input-url-wrapper": "_linkform__input-url-wrapper_1anda_19",
|
|
79
|
+
"linkform__open-url-button": "_linkform__open-url-button_1anda_31"
|
|
80
|
+
}, yt = q(
|
|
81
|
+
({ onCloseHandler: _, onSaveHandler: u, isLink: i = { active: !1, url: "", linktext: "" } }, o) => {
|
|
82
|
+
const l = j(), [f, m] = y(i.url || ""), [s, h] = y(i.linktext || ""), [F, k] = y(!1), [C, v] = y(null), [w, p] = y(null), n = x(null), T = `link_${H()}`, t = `text_${H()}`, r = () => {
|
|
83
83
|
window.open(me(f), "_blank");
|
|
84
|
-
}, b = (
|
|
85
|
-
m(
|
|
86
|
-
}, d = (
|
|
87
|
-
h(
|
|
88
|
-
}, A = (
|
|
84
|
+
}, b = (a) => {
|
|
85
|
+
m(a.target.value);
|
|
86
|
+
}, d = (a) => {
|
|
87
|
+
h(a.target.value);
|
|
88
|
+
}, A = (a) => de(a) === !1 || a.trim() === "" ? (v(l.errortext.urlNotValid), !1) : (v(null), !0), D = (a) => a.trim() === "" ? (p(l.errortext.linkTextNotValid), !1) : (p(null), !0), B = () => {
|
|
89
89
|
!A(f) || F && !D(s) || (u(f, s), E());
|
|
90
|
-
},
|
|
90
|
+
}, O = () => {
|
|
91
91
|
_(), E();
|
|
92
92
|
}, E = () => {
|
|
93
93
|
m(""), k(!1), v(null), p(null);
|
|
94
|
-
}, N = (
|
|
95
|
-
m(
|
|
94
|
+
}, N = (a, X) => {
|
|
95
|
+
m(a), !X && !a && k(!0);
|
|
96
96
|
}, M = () => {
|
|
97
97
|
n.current && n.current.focus();
|
|
98
98
|
};
|
|
@@ -100,43 +100,43 @@ const Ee = "_linkform_ki2qx_1", Le = "_linkform__footer_ki2qx_12", x = {
|
|
|
100
100
|
clearForm: E,
|
|
101
101
|
focusFirstField: M,
|
|
102
102
|
setDefaults: N
|
|
103
|
-
})), /* @__PURE__ */ c("div", { className:
|
|
104
|
-
/* @__PURE__ */ c(
|
|
103
|
+
})), /* @__PURE__ */ c("div", { className: g.linkform, children: [
|
|
104
|
+
/* @__PURE__ */ c(U, { className: g["linkform__input-field"], children: [
|
|
105
105
|
/* @__PURE__ */ e(S, { htmlFor: T, children: l.links.linkLabel }),
|
|
106
|
-
/* @__PURE__ */ c("div", { className:
|
|
106
|
+
/* @__PURE__ */ c("div", { className: g["linkform__input-url-wrapper"], children: [
|
|
107
107
|
/* @__PURE__ */ e(
|
|
108
|
-
|
|
108
|
+
$,
|
|
109
109
|
{
|
|
110
110
|
id: T,
|
|
111
111
|
placeholder: l.links.linkPlaceholder,
|
|
112
112
|
value: f,
|
|
113
|
-
onChange: (
|
|
113
|
+
onChange: (a) => b(a),
|
|
114
114
|
onFocus: () => v(null),
|
|
115
115
|
ref: n,
|
|
116
116
|
"aria-label": l.aria.labels.linkField
|
|
117
117
|
}
|
|
118
118
|
),
|
|
119
|
-
f && /* @__PURE__ */ e("button", { type: "button", onClick: r, className:
|
|
119
|
+
f && /* @__PURE__ */ e("button", { type: "button", onClick: r, className: g["linkform__open-url-button"], children: /* @__PURE__ */ e(J, { name: "ArrowTopRightOnSquare", size: 20 }) })
|
|
120
120
|
] }),
|
|
121
121
|
C && /* @__PURE__ */ e(G, { level: "error", feedback: C })
|
|
122
122
|
] }),
|
|
123
|
-
F && /* @__PURE__ */ c(
|
|
123
|
+
F && /* @__PURE__ */ c(U, { className: g["linkform__input-field"], children: [
|
|
124
124
|
/* @__PURE__ */ e(S, { htmlFor: t, children: l.links.linkText }),
|
|
125
125
|
/* @__PURE__ */ e(
|
|
126
|
-
|
|
126
|
+
$,
|
|
127
127
|
{
|
|
128
128
|
id: t,
|
|
129
129
|
value: s,
|
|
130
|
-
onChange: (
|
|
130
|
+
onChange: (a) => d(a),
|
|
131
131
|
onFocus: () => p(null),
|
|
132
132
|
"aria-label": l.aria.labels.linkTextfield
|
|
133
133
|
}
|
|
134
134
|
),
|
|
135
135
|
w && /* @__PURE__ */ e(G, { level: "error", feedback: w })
|
|
136
136
|
] }),
|
|
137
|
-
/* @__PURE__ */ c("div", { className:
|
|
138
|
-
/* @__PURE__ */ e(I, { variant: "secondary", onClick:
|
|
139
|
-
/* @__PURE__ */ e(I, { variant: "primary", onClick:
|
|
137
|
+
/* @__PURE__ */ c("div", { className: g.linkform__footer, children: [
|
|
138
|
+
/* @__PURE__ */ e(I, { variant: "secondary", onClick: O, "aria-label": l.common.cancel, type: "button", children: l.common.cancel }),
|
|
139
|
+
/* @__PURE__ */ e(I, { variant: "primary", onClick: B, "aria-label": l.aria.labels.linkOkButton, type: "button", children: l.links.addLink })
|
|
140
140
|
] })
|
|
141
141
|
] });
|
|
142
142
|
}
|
|
@@ -144,8 +144,8 @@ const Ee = "_linkform_ki2qx_1", Le = "_linkform__footer_ki2qx_12", x = {
|
|
|
144
144
|
tableform: Re,
|
|
145
145
|
"tableform__input-field": "_tableform__input-field_t5fpq_5",
|
|
146
146
|
tableform__footer: Ie
|
|
147
|
-
}, Se =
|
|
148
|
-
const o = j(), [l, f] = y(), [m, s] = y(), h =
|
|
147
|
+
}, Se = q(({ onCloseHandler: _, onSaveHandler: u }, i) => {
|
|
148
|
+
const o = j(), [l, f] = y(), [m, s] = y(), h = x(null), F = `row_${H()}`, k = `column_${H()}`, C = (n, T) => {
|
|
149
149
|
const t = n.target.value;
|
|
150
150
|
T === "row" ? f(parseInt(t)) : s(parseInt(t));
|
|
151
151
|
}, v = () => {
|
|
@@ -155,7 +155,7 @@ const Ee = "_linkform_ki2qx_1", Le = "_linkform__footer_ki2qx_12", x = {
|
|
|
155
155
|
}, p = () => {
|
|
156
156
|
f(void 0), s(void 0);
|
|
157
157
|
};
|
|
158
|
-
return K(
|
|
158
|
+
return K(i, () => ({
|
|
159
159
|
clearForm: p,
|
|
160
160
|
focusFirstField: () => h.current?.focus()
|
|
161
161
|
})), L(() => {
|
|
@@ -163,13 +163,13 @@ const Ee = "_linkform_ki2qx_1", Le = "_linkform__footer_ki2qx_12", x = {
|
|
|
163
163
|
w();
|
|
164
164
|
};
|
|
165
165
|
return Ne(n), window.addEventListener("scroll", n), window.addEventListener("resize", n), () => {
|
|
166
|
-
window.removeEventListener("scroll", n), window.removeEventListener("resize", n),
|
|
166
|
+
window.removeEventListener("scroll", n), window.removeEventListener("resize", n), ge(n);
|
|
167
167
|
};
|
|
168
168
|
}, []), /* @__PURE__ */ c("div", { className: W.tableform, children: [
|
|
169
|
-
/* @__PURE__ */ c(
|
|
169
|
+
/* @__PURE__ */ c(U, { className: W["tableform__input-field"], children: [
|
|
170
170
|
/* @__PURE__ */ e(S, { htmlFor: F, children: o.table.nrofRows }),
|
|
171
171
|
/* @__PURE__ */ e(
|
|
172
|
-
|
|
172
|
+
$,
|
|
173
173
|
{
|
|
174
174
|
id: F,
|
|
175
175
|
placeholder: o.table.nrofRowsPlaceholder,
|
|
@@ -180,10 +180,10 @@ const Ee = "_linkform_ki2qx_1", Le = "_linkform__footer_ki2qx_12", x = {
|
|
|
180
180
|
}
|
|
181
181
|
)
|
|
182
182
|
] }),
|
|
183
|
-
/* @__PURE__ */ c(
|
|
183
|
+
/* @__PURE__ */ c(U, { className: W["tableform__input-field"], children: [
|
|
184
184
|
/* @__PURE__ */ e(S, { htmlFor: k, children: o.table.nrofColumns }),
|
|
185
185
|
/* @__PURE__ */ e(
|
|
186
|
-
|
|
186
|
+
$,
|
|
187
187
|
{
|
|
188
188
|
id: k,
|
|
189
189
|
placeholder: o.table.nrofColumnsPlaceholder,
|
|
@@ -207,25 +207,25 @@ const Ee = "_linkform_ki2qx_1", Le = "_linkform__footer_ki2qx_12", x = {
|
|
|
207
207
|
)
|
|
208
208
|
] })
|
|
209
209
|
] });
|
|
210
|
-
}), Tt =
|
|
211
|
-
const
|
|
210
|
+
}), Tt = q(({ isActive: _ }, u) => {
|
|
211
|
+
const i = j(), [o] = ee(), { flyout: l, showFlyout: f, hideFlyout: m, isVisible: s } = Te(), h = x(void 0), F = x(null), k = x(!1), C = x(s), v = () => {
|
|
212
212
|
const t = F.current?.getBoundingClientRect();
|
|
213
213
|
!k.current && t && f({ position: { top: t.bottom, left: t.left }, ...T });
|
|
214
214
|
}, w = () => {
|
|
215
215
|
m();
|
|
216
216
|
}, p = (t, r) => {
|
|
217
217
|
o.update(() => {
|
|
218
|
-
const b = Y(), d = ke(t, r), A =
|
|
218
|
+
const b = Y(), d = ke(t, r), A = V(b) && b.anchor.getNode() || ae(b) && b.getNodes()[0] || null, D = A ? se(A, re) : null, B = D ? ve(D, r, o) : we(o) || Fe, O = Math.max(Ce, Math.floor(B / Math.max(1, r))), E = Array.from({ length: r }, () => O);
|
|
219
219
|
d.setColWidths(E);
|
|
220
220
|
const N = ye();
|
|
221
|
-
N.append(d),
|
|
221
|
+
N.append(d), V(b) ? b.insertNodes([N]) : ie().append(N);
|
|
222
222
|
const M = N.getFirstDescendant();
|
|
223
223
|
M && M.select();
|
|
224
224
|
}), w();
|
|
225
225
|
}, n = (t) => {
|
|
226
226
|
o.update(() => {
|
|
227
227
|
const r = Y();
|
|
228
|
-
if (
|
|
228
|
+
if (V(r)) {
|
|
229
229
|
const b = r.anchor.getNode(), d = te(b);
|
|
230
230
|
if (oe(d))
|
|
231
231
|
switch (t) {
|
|
@@ -286,10 +286,10 @@ const Ee = "_linkform_ki2qx_1", Le = "_linkform__footer_ki2qx_12", x = {
|
|
|
286
286
|
"button",
|
|
287
287
|
{
|
|
288
288
|
onClick: v,
|
|
289
|
-
title:
|
|
290
|
-
className:
|
|
291
|
-
"aria-label":
|
|
292
|
-
"aria-keyshortcuts":
|
|
289
|
+
title: i.table.tableTooltip,
|
|
290
|
+
className: z(P["editor__toolbar-button"], _ && P["editor__toolbar-button--active"]),
|
|
291
|
+
"aria-label": i.aria.labels.table,
|
|
292
|
+
"aria-keyshortcuts": i.aria.keyshortcuts.table,
|
|
293
293
|
ref: F,
|
|
294
294
|
type: "button",
|
|
295
295
|
children: /* @__PURE__ */ e(J, { name: "Table", size: 24 })
|
|
@@ -302,7 +302,7 @@ export {
|
|
|
302
302
|
yt as A,
|
|
303
303
|
Q as M,
|
|
304
304
|
Tt as T,
|
|
305
|
-
|
|
305
|
+
xe as a,
|
|
306
306
|
Se as b
|
|
307
307
|
};
|
|
308
|
-
//# sourceMappingURL=TablePlugin-
|
|
308
|
+
//# sourceMappingURL=TablePlugin-8TKXJMYE.js.map
|