@uva-glass/component-library 1.63.0 → 1.64.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Lexical.prod-DSqOWcE1.js +4072 -0
- package/dist/Lexical.prod-DSqOWcE1.js.map +1 -0
- package/dist/{LexicalClipboard.prod-C6LsK5E6.js → LexicalClipboard.prod-DP0us-xV.js} +107 -107
- package/dist/{LexicalClipboard.prod-C6LsK5E6.js.map → LexicalClipboard.prod-DP0us-xV.js.map} +1 -1
- package/dist/LexicalLink.prod-DWrTW8iE.js +208 -0
- package/dist/LexicalLink.prod-DWrTW8iE.js.map +1 -0
- package/dist/LexicalList.prod-Cg8npow-.js +564 -0
- package/dist/LexicalList.prod-Cg8npow-.js.map +1 -0
- package/dist/LexicalTable.prod-DEA4KRzX.js +1221 -0
- package/dist/LexicalTable.prod-DEA4KRzX.js.map +1 -0
- package/dist/{LexicalUtils.prod-BTFNWAMw.js → LexicalUtils.prod-CicP_X7u.js} +44 -35
- package/dist/{LexicalUtils.prod-BTFNWAMw.js.map → LexicalUtils.prod-CicP_X7u.js.map} +1 -1
- package/dist/{TablePlugin-BLzR0g93.js → TablePlugin-BBOjr3TX.js} +56 -58
- package/dist/{TablePlugin-BLzR0g93.js.map → TablePlugin-BBOjr3TX.js.map} +1 -1
- package/dist/assets/AccordionCard.css +1 -0
- package/dist/components/AccordionCard/AccordionCard.d.ts +10 -0
- package/dist/components/AccordionCard/AccordionCard.js +58 -0
- package/dist/components/AccordionCard/AccordionCard.js.map +1 -0
- package/dist/components/AccordionCard/AccordionCard.stories.d.ts +5 -0
- package/dist/components/AccordionCard/AccordionCard.stories.js +33 -0
- package/dist/components/AccordionCard/AccordionCard.stories.js.map +1 -0
- package/dist/components/AccordionCard/index.d.ts +1 -0
- package/dist/components/AccordionCard/index.js +5 -0
- package/dist/components/AccordionCard/index.js.map +1 -0
- package/dist/components/CheckboxTree/CheckboxTree.js +18 -21
- package/dist/components/CheckboxTree/CheckboxTree.js.map +1 -1
- package/dist/components/FormInput/FormInput.js +12 -15
- package/dist/components/FormInput/FormInput.js.map +1 -1
- package/dist/components/InputField/InputField.stories.js +13 -16
- package/dist/components/InputField/InputField.stories.js.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +3 -6
- package/dist/components/MultiSelect/components/MultiSelectHeader.js.map +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/PeriodSelector/PeriodSelector.js +19 -22
- package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +17 -20
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js.map +1 -1
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js +4 -7
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js.map +1 -1
- package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +16 -16
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +26 -28
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +4 -7
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +100 -101
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js +1 -1
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +35 -35
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js +15 -15
- package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +3 -6
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +5 -7
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +12 -12
- package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +34 -34
- package/dist/components/RteEditor/Plugins/index.js +1 -1
- package/dist/components/RteEditor/RteEditor.js +354 -354
- package/dist/components/RteEditor/RteEditor.js.map +1 -1
- package/dist/components/RteEditor/helpers.js +27 -27
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +98 -96
- package/dist/components/index.js.map +1 -1
- package/dist/helpers-BuSJOvGF.js +168 -0
- package/dist/{helpers-B-pdj8pq.js.map → helpers-BuSJOvGF.js.map} +1 -1
- package/dist/index-DPQ9bZx5.js +231 -0
- package/dist/index-DPQ9bZx5.js.map +1 -0
- package/dist/index.js +98 -96
- package/dist/index.js.map +1 -1
- package/package.json +8 -6
- package/dist/LexicalTable.prod-DqzrJuYr.js +0 -1221
- package/dist/LexicalTable.prod-DqzrJuYr.js.map +0 -1
- package/dist/helpers-B-pdj8pq.js +0 -168
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as e, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { fn as a } from "../../index-C9QoqAAt.js";
|
|
3
3
|
import { ProgrammeCard as o } from "./ProgrammeCard.js";
|
|
4
4
|
import { Container as n } from "../../storyComponents/Container/Container.js";
|
|
@@ -16,55 +16,52 @@ import "../IconButton/IconButton.js";
|
|
|
16
16
|
import "../Input/Input.js";
|
|
17
17
|
import "../InputField/InputField.js";
|
|
18
18
|
import "react-router-dom";
|
|
19
|
-
import "../../TablePlugin-
|
|
20
|
-
import { Repeater as
|
|
21
|
-
import "lexical";
|
|
22
|
-
import "@lexical/list";
|
|
23
|
-
import "@lexical/link";
|
|
19
|
+
import "../../TablePlugin-BBOjr3TX.js";
|
|
20
|
+
import { Repeater as i } from "../Repeater/Repeater.js";
|
|
24
21
|
import "../RteEditor/Providers/LanguageProvider.js";
|
|
25
22
|
import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
|
|
26
23
|
import "../RteEditor/hooks/components/Flyout.js";
|
|
27
|
-
import "
|
|
24
|
+
import "../../index-DPQ9bZx5.js";
|
|
28
25
|
import "../SelectListbox/SelectListbox.js";
|
|
29
26
|
import "../SelectListbox/SelectProvider.js";
|
|
30
27
|
import "../Sortable/components/SortableItem.js";
|
|
31
28
|
import "../../SortableProvider-BUsvniX7.js";
|
|
32
|
-
const
|
|
29
|
+
const l = "<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />", J = {
|
|
33
30
|
title: "Atoms/ProgrammeCard",
|
|
34
31
|
component: o,
|
|
35
32
|
parameters: {
|
|
36
33
|
inspectComponent: o,
|
|
37
|
-
codeString:
|
|
34
|
+
codeString: l
|
|
38
35
|
}
|
|
39
|
-
},
|
|
40
|
-
|
|
36
|
+
}, s = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ r(o, { ...t }) }), p = s.bind({});
|
|
37
|
+
p.args = {
|
|
41
38
|
header: "This is my header",
|
|
42
39
|
details: "This is my details",
|
|
43
40
|
onClick: a()
|
|
44
41
|
};
|
|
45
|
-
const d =
|
|
42
|
+
const d = s.bind({});
|
|
46
43
|
d.args = {
|
|
47
|
-
header: /* @__PURE__ */ i
|
|
44
|
+
header: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
|
|
48
45
|
/* @__PURE__ */ r(m, { name: "Envelope", size: 32 }),
|
|
49
46
|
/* @__PURE__ */ r("h2", { style: { margin: 0 }, children: "This is my header" })
|
|
50
47
|
] }),
|
|
51
|
-
details: /* @__PURE__ */ i
|
|
52
|
-
/* @__PURE__ */ i
|
|
48
|
+
details: /* @__PURE__ */ e(i, { flexDirection: "row", gap: "150", children: [
|
|
49
|
+
/* @__PURE__ */ e(i, { flexDirection: "row", children: [
|
|
53
50
|
/* @__PURE__ */ r(m, { name: "FaceFrown" }),
|
|
54
51
|
"Details 1"
|
|
55
52
|
] }),
|
|
56
|
-
/* @__PURE__ */ i
|
|
53
|
+
/* @__PURE__ */ e(i, { flexDirection: "row", children: [
|
|
57
54
|
/* @__PURE__ */ r(m, { name: "Heart" }),
|
|
58
55
|
"Details 2"
|
|
59
56
|
] }),
|
|
60
|
-
/* @__PURE__ */ i
|
|
57
|
+
/* @__PURE__ */ e(i, { flexDirection: "row", children: [
|
|
61
58
|
/* @__PURE__ */ r(m, { name: "Sparkles" }),
|
|
62
59
|
"Details 3"
|
|
63
60
|
] })
|
|
64
61
|
] }),
|
|
65
62
|
onClick: a()
|
|
66
63
|
};
|
|
67
|
-
const c = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ i
|
|
64
|
+
const c = (t) => /* @__PURE__ */ r(n, { size: "large", children: /* @__PURE__ */ e(i, { children: [
|
|
68
65
|
/* @__PURE__ */ r(o, { ...t }),
|
|
69
66
|
/* @__PURE__ */ r(o, { ...t }),
|
|
70
67
|
/* @__PURE__ */ r(o, { ...t })
|
|
@@ -76,8 +73,8 @@ h.args = {
|
|
|
76
73
|
};
|
|
77
74
|
export {
|
|
78
75
|
h as MultiProgrammeCards,
|
|
79
|
-
|
|
76
|
+
p as ProgrammeCardExample,
|
|
80
77
|
d as WithComplexContent,
|
|
81
|
-
|
|
78
|
+
J as default
|
|
82
79
|
};
|
|
83
80
|
//# sourceMappingURL=ProgrammeCard.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/ProgrammeCard',\n component: ProgrammeCard,\n parameters: {\n inspectComponent: ProgrammeCard,\n codeString: codeString,\n },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n <Container size=\"large\">\n <ProgrammeCard {...args} />\n </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n header: 'This is my header',\n details: 'This is my details',\n onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n header: (\n <Repeater flexDirection=\"row\" gap=\"150\">\n <Icon name=\"Envelope\" size={32} />\n <h2 style={{ margin: 0 }}>This is my header</h2>\n </Repeater>\n ),\n details: (\n <Repeater flexDirection=\"row\" gap=\"150\">\n <Repeater flexDirection=\"row\">\n <Icon name=\"FaceFrown\" />\n Details 1\n </Repeater>\n <Repeater flexDirection=\"row\">\n <Icon name=\"Heart\" />\n Details 2\n </Repeater>\n <Repeater flexDirection=\"row\">\n <Icon name=\"Sparkles\" />\n Details 3\n </Repeater>\n </Repeater>\n ),\n onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n <Container size=\"large\">\n <Repeater>\n <ProgrammeCard {...args} />\n <ProgrammeCard {...args} />\n <ProgrammeCard {...args} />\n </Repeater>\n </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n header: 'This is my header',\n details: 'This is my details',\n onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\nconst codeString = '<ProgrammeCard key={key} header={header} details={details} onClick={onClickFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/ProgrammeCard',\n component: ProgrammeCard,\n parameters: {\n inspectComponent: ProgrammeCard,\n codeString: codeString,\n },\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n <Container size=\"large\">\n <ProgrammeCard {...args} />\n </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n header: 'This is my header',\n details: 'This is my details',\n onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n header: (\n <Repeater flexDirection=\"row\" gap=\"150\">\n <Icon name=\"Envelope\" size={32} />\n <h2 style={{ margin: 0 }}>This is my header</h2>\n </Repeater>\n ),\n details: (\n <Repeater flexDirection=\"row\" gap=\"150\">\n <Repeater flexDirection=\"row\">\n <Icon name=\"FaceFrown\" />\n Details 1\n </Repeater>\n <Repeater flexDirection=\"row\">\n <Icon name=\"Heart\" />\n Details 2\n </Repeater>\n <Repeater flexDirection=\"row\">\n <Icon name=\"Sparkles\" />\n Details 3\n </Repeater>\n </Repeater>\n ),\n onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n <Container size=\"large\">\n <Repeater>\n <ProgrammeCard {...args} />\n <ProgrammeCard {...args} />\n <ProgrammeCard {...args} />\n </Repeater>\n </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n header: 'This is my header',\n details: 'This is my details',\n onClick: fn(),\n};\n"],"names":["codeString","ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAAa,2FAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}
|
|
@@ -13,14 +13,11 @@ import "../../IconButton/IconButton.js";
|
|
|
13
13
|
import "../../Input/Input.js";
|
|
14
14
|
import "../../InputField/InputField.js";
|
|
15
15
|
import "react-router-dom";
|
|
16
|
-
import "../../../TablePlugin-
|
|
17
|
-
import "lexical";
|
|
18
|
-
import "@lexical/list";
|
|
19
|
-
import "@lexical/link";
|
|
16
|
+
import "../../../TablePlugin-BBOjr3TX.js";
|
|
20
17
|
import "../Providers/LanguageProvider.js";
|
|
21
18
|
import "../Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
|
|
22
19
|
import "../hooks/components/Flyout.js";
|
|
23
|
-
import "
|
|
20
|
+
import "../../../index-DPQ9bZx5.js";
|
|
24
21
|
import "../../SelectListbox/SelectListbox.js";
|
|
25
22
|
import "../../SelectListbox/SelectProvider.js";
|
|
26
23
|
import "../../Sortable/components/SortableItem.js";
|
|
@@ -28,7 +25,7 @@ import "../../../SortableProvider-BUsvniX7.js";
|
|
|
28
25
|
import '../../../assets/EditorHeader.css';const t = {
|
|
29
26
|
"editor-header__container": "_editor-header__container_nsi6h_1",
|
|
30
27
|
"editor-header__info": "_editor-header__info_nsi6h_10"
|
|
31
|
-
},
|
|
28
|
+
}, z = ({ label: i, info: o = "", required: e = !1 }) => {
|
|
32
29
|
const m = `info_${d()}`;
|
|
33
30
|
return /* @__PURE__ */ p("div", { className: t["editor-header__container"], children: [
|
|
34
31
|
i !== "" && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(n, { htmlFor: m, required: e, children: i }) }),
|
|
@@ -36,6 +33,6 @@ import '../../../assets/EditorHeader.css';const t = {
|
|
|
36
33
|
] });
|
|
37
34
|
};
|
|
38
35
|
export {
|
|
39
|
-
|
|
36
|
+
z as EditorHeader
|
|
40
37
|
};
|
|
41
38
|
//# sourceMappingURL=EditorHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditorHeader.js","sources":["../../../../src/components/RteEditor/EditorHeader/EditorHeader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport styles from './EditorHeader.module.css';\n\nimport { Label } from 'components';\n\ninterface EditorHeaderProps {\n label: string;\n info?: string;\n required?: boolean;\n}\n\nexport const EditorHeader = ({ label, info = '', required = false }: EditorHeaderProps) => {\n const infoId = `info_${useId()}`;\n\n return (\n <div className={styles['editor-header__container']}>\n {label !== '' && (\n <div>\n <Label htmlFor={infoId} required={required}>\n {label}\n </Label>\n </div>\n )}\n {info !== '' && <div className={styles['editor-header__info']}>{info}</div>}\n </div>\n );\n};\n"],"names":["EditorHeader","label","info","required","infoId","useId","jsxs","styles","jsx","Label"],"mappings":"
|
|
1
|
+
{"version":3,"file":"EditorHeader.js","sources":["../../../../src/components/RteEditor/EditorHeader/EditorHeader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport styles from './EditorHeader.module.css';\n\nimport { Label } from 'components';\n\ninterface EditorHeaderProps {\n label: string;\n info?: string;\n required?: boolean;\n}\n\nexport const EditorHeader = ({ label, info = '', required = false }: EditorHeaderProps) => {\n const infoId = `info_${useId()}`;\n\n return (\n <div className={styles['editor-header__container']}>\n {label !== '' && (\n <div>\n <Label htmlFor={infoId} required={required}>\n {label}\n </Label>\n </div>\n )}\n {info !== '' && <div className={styles['editor-header__info']}>{info}</div>}\n </div>\n );\n};\n"],"names":["EditorHeader","label","info","required","infoId","useId","jsxs","styles","jsx","Label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAYaA,IAAe,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,IAAI,UAAAC,IAAW,SAA+B;AACnF,QAAAC,IAAS,QAAQC,EAAA,CAAO;AAE9B,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,0BAA0B,GAC9C,UAAA;AAAA,IAAUN,MAAA,wBACR,OACC,EAAA,UAAA,gBAAAO,EAACC,KAAM,SAASL,GAAQ,UAAAD,GACrB,UAAAF,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,MAAS,MAAO,gBAAAM,EAAA,OAAA,EAAI,WAAWD,EAAO,qBAAqB,GAAI,UAAKL,GAAA;AAAA,EACvE,EAAA,CAAA;AAEJ;"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { u } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
3
|
import { c as f } from "../../../../clsx-OuTLNxxd.js";
|
|
4
|
-
import {
|
|
5
|
-
import { useState as
|
|
6
|
-
import { Icon as
|
|
7
|
-
import { s as
|
|
8
|
-
import { useTranslation as
|
|
4
|
+
import { M as _, v as p, q as h } from "../../../../Lexical.prod-DSqOWcE1.js";
|
|
5
|
+
import { useState as l, useEffect as k } from "react";
|
|
6
|
+
import { Icon as I } from "../../../Icon/Icon.js";
|
|
7
|
+
import { s as a } from "../../../../RteEditor.module-DcvGRx3a.js";
|
|
8
|
+
import { useTranslation as v } from "../../hooks/useTranslation.js";
|
|
9
9
|
const B = {
|
|
10
10
|
bold: "Bold",
|
|
11
11
|
italic: "Italic"
|
|
12
12
|
}, C = ["bold", "italic"], E = () => {
|
|
13
|
-
const t =
|
|
14
|
-
|
|
13
|
+
const t = v(), [i] = u(), [e, c] = l(!1), [n, m] = l(!1), d = (o) => {
|
|
14
|
+
i.dispatchCommand(h, o);
|
|
15
15
|
};
|
|
16
|
-
return
|
|
17
|
-
const o =
|
|
16
|
+
return k(() => {
|
|
17
|
+
const o = i.registerUpdateListener(({ editorState: b }) => {
|
|
18
18
|
b.read(() => {
|
|
19
19
|
const r = _();
|
|
20
20
|
p(r) && (c(r.hasFormat("bold")), m(r.hasFormat("italic")));
|
|
@@ -23,21 +23,21 @@ const B = {
|
|
|
23
23
|
return () => {
|
|
24
24
|
o();
|
|
25
25
|
};
|
|
26
|
-
}, [
|
|
26
|
+
}, [i]), /* @__PURE__ */ s("div", { className: a["editor__toolbar-button-group"], children: C.map((o) => /* @__PURE__ */ s(
|
|
27
27
|
"button",
|
|
28
28
|
{
|
|
29
29
|
onClick: () => d(o),
|
|
30
30
|
title: o === "bold" ? t.format.boldTooltip : t.format.italicTooltip,
|
|
31
31
|
className: f(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
o === "bold" && e &&
|
|
35
|
-
o === "italic" && n &&
|
|
32
|
+
a["editor__toolbar-button"],
|
|
33
|
+
a[`editor__toolbar-button--${o}`],
|
|
34
|
+
o === "bold" && e && a["editor__toolbar-button--active"],
|
|
35
|
+
o === "italic" && n && a["editor__toolbar-button--active"]
|
|
36
36
|
),
|
|
37
37
|
"aria-label": `${o === "bold" ? t.aria.labels.bold : t.aria.labels.italic}`,
|
|
38
38
|
"aria-keyshortcuts": `${o === "bold" ? t.aria.keyshortcuts.bold : t.aria.keyshortcuts.italic}`,
|
|
39
39
|
type: "button",
|
|
40
|
-
children: /* @__PURE__ */
|
|
40
|
+
children: /* @__PURE__ */ s(I, { name: B[o], size: 24 })
|
|
41
41
|
},
|
|
42
42
|
o
|
|
43
43
|
)) });
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as f, jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { u as
|
|
4
|
-
import {
|
|
5
|
-
import { useState as
|
|
1
|
+
import { jsxs as f, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { c as e } from "../../../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { u as h } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
4
|
+
import { a2 as _, a3 as y, a4 as C, a5 as k } from "../../../../Lexical.prod-DSqOWcE1.js";
|
|
5
|
+
import { useState as s, useEffect as m } from "react";
|
|
6
6
|
import { Icon as n } from "../../../Icon/Icon.js";
|
|
7
7
|
import "../../../Buttons/Button.js";
|
|
8
8
|
import "../../../Buttons/LinkButton.js";
|
|
@@ -16,63 +16,61 @@ import "../../../IconButton/IconButton.js";
|
|
|
16
16
|
import "../../../Input/Input.js";
|
|
17
17
|
import "../../../InputField/InputField.js";
|
|
18
18
|
import "react-router-dom";
|
|
19
|
-
import "../../../../TablePlugin-
|
|
20
|
-
import "@lexical/list";
|
|
21
|
-
import "@lexical/link";
|
|
19
|
+
import "../../../../TablePlugin-BBOjr3TX.js";
|
|
22
20
|
import { s as r } from "../../../../RteEditor.module-DcvGRx3a.js";
|
|
23
|
-
import { useTranslation as
|
|
21
|
+
import { useTranslation as g } from "../../hooks/useTranslation.js";
|
|
24
22
|
import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
|
|
25
23
|
import "../../hooks/components/Flyout.js";
|
|
26
24
|
import "../../Providers/LanguageProvider.js";
|
|
27
|
-
import "
|
|
25
|
+
import "../../../../index-DPQ9bZx5.js";
|
|
28
26
|
import "../../../SelectListbox/SelectListbox.js";
|
|
29
27
|
import "../../../SelectListbox/SelectProvider.js";
|
|
30
28
|
import "../../../Sortable/components/SortableItem.js";
|
|
31
29
|
import "../../../../SortableProvider-BUsvniX7.js";
|
|
32
|
-
const
|
|
33
|
-
const o =
|
|
34
|
-
t.dispatchCommand(
|
|
30
|
+
const X = () => {
|
|
31
|
+
const o = g(), [t] = h(), [d, p] = s(!1), [l, c] = s(!1), u = () => {
|
|
32
|
+
t.dispatchCommand(C, void 0);
|
|
35
33
|
}, b = () => {
|
|
36
|
-
t.dispatchCommand(
|
|
34
|
+
t.dispatchCommand(k, void 0);
|
|
37
35
|
};
|
|
38
|
-
return
|
|
39
|
-
|
|
40
|
-
(
|
|
36
|
+
return m(() => t.registerCommand(
|
|
37
|
+
_,
|
|
38
|
+
(i) => (p(i), !1),
|
|
41
39
|
1
|
|
42
|
-
), [t]),
|
|
43
|
-
|
|
44
|
-
(
|
|
40
|
+
), [t]), m(() => t.registerCommand(
|
|
41
|
+
y,
|
|
42
|
+
(i) => (c(i), !1),
|
|
45
43
|
1
|
|
46
44
|
), [t]), /* @__PURE__ */ f("div", { className: r["editor__toolbar-button-group"], children: [
|
|
47
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ a(
|
|
48
46
|
"button",
|
|
49
47
|
{
|
|
50
48
|
onClick: u,
|
|
51
|
-
className:
|
|
49
|
+
className: e(r["editor__toolbar-button"], r["editor__toolbar-button--undo"]),
|
|
52
50
|
"aria-label": o.aria.labels.undo,
|
|
53
51
|
"aria-keyshortcuts": o.aria.keyshortcuts.undo,
|
|
54
|
-
disabled: !
|
|
52
|
+
disabled: !d,
|
|
55
53
|
title: o.format.undoTooltip,
|
|
56
54
|
type: "button",
|
|
57
|
-
children: /* @__PURE__ */
|
|
55
|
+
children: /* @__PURE__ */ a(n, { name: "StepBack", size: 24 })
|
|
58
56
|
}
|
|
59
57
|
),
|
|
60
|
-
/* @__PURE__ */
|
|
58
|
+
/* @__PURE__ */ a(
|
|
61
59
|
"button",
|
|
62
60
|
{
|
|
63
61
|
onClick: b,
|
|
64
|
-
className:
|
|
62
|
+
className: e(r["editor__toolbar-button"], r["editor__toolbar-button--redo"]),
|
|
65
63
|
"aria-label": o.aria.labels.redo,
|
|
66
64
|
"aria-keyshortcuts": o.aria.keyshortcuts.redo,
|
|
67
65
|
disabled: !l,
|
|
68
66
|
title: o.format.redoTooltip,
|
|
69
67
|
type: "button",
|
|
70
|
-
children: /* @__PURE__ */
|
|
68
|
+
children: /* @__PURE__ */ a(n, { name: "StepForwards", size: 24 })
|
|
71
69
|
}
|
|
72
70
|
)
|
|
73
71
|
] });
|
|
74
72
|
};
|
|
75
73
|
export {
|
|
76
|
-
|
|
74
|
+
X as HistoryPlugin
|
|
77
75
|
};
|
|
78
76
|
//# sourceMappingURL=HistoryPlugin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HistoryPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { CAN_UNDO_COMMAND, CAN_REDO_COMMAND, UNDO_COMMAND, REDO_COMMAND } from 'lexical';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport const HistoryPlugin = () => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const [canUndo, setCanUndo] = useState(false);\n const [canRedo, setCanRedo] = useState(false);\n\n const handleUndo = () => {\n editor.dispatchCommand(UNDO_COMMAND, undefined);\n };\n\n const handleRedo = () => {\n editor.dispatchCommand(REDO_COMMAND, undefined);\n };\n\n useEffect(() => {\n return editor.registerCommand<boolean>(\n CAN_UNDO_COMMAND,\n (payload) => {\n setCanUndo(payload);\n return false;\n },\n 1\n );\n }, [editor]);\n\n useEffect(() => {\n return editor.registerCommand<boolean>(\n CAN_REDO_COMMAND,\n (payload) => {\n setCanRedo(payload);\n return false;\n },\n 1\n );\n }, [editor]);\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n <button\n onClick={handleUndo}\n className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--undo`])}\n aria-label={t.aria.labels.undo}\n aria-keyshortcuts={t.aria.keyshortcuts.undo}\n disabled={!canUndo}\n title={t.format.undoTooltip}\n type=\"button\"\n >\n <Icon name=\"StepBack\" size={24} />\n </button>\n <button\n onClick={handleRedo}\n className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--redo`])}\n aria-label={t.aria.labels.redo}\n aria-keyshortcuts={t.aria.keyshortcuts.redo}\n disabled={!canRedo}\n title={t.format.redoTooltip}\n type=\"button\"\n >\n <Icon name=\"StepForwards\" size={24} />\n </button>\n </div>\n );\n};\n"],"names":["HistoryPlugin","t","useTranslation","editor","useLexicalComposerContext","canUndo","setCanUndo","useState","canRedo","setCanRedo","handleUndo","UNDO_COMMAND","handleRedo","REDO_COMMAND","useEffect","CAN_UNDO_COMMAND","payload","CAN_REDO_COMMAND","jsxs","styles","jsx","clsx","Icon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"HistoryPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { CAN_UNDO_COMMAND, CAN_REDO_COMMAND, UNDO_COMMAND, REDO_COMMAND } from 'lexical';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport const HistoryPlugin = () => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const [canUndo, setCanUndo] = useState(false);\n const [canRedo, setCanRedo] = useState(false);\n\n const handleUndo = () => {\n editor.dispatchCommand(UNDO_COMMAND, undefined);\n };\n\n const handleRedo = () => {\n editor.dispatchCommand(REDO_COMMAND, undefined);\n };\n\n useEffect(() => {\n return editor.registerCommand<boolean>(\n CAN_UNDO_COMMAND,\n (payload) => {\n setCanUndo(payload);\n return false;\n },\n 1\n );\n }, [editor]);\n\n useEffect(() => {\n return editor.registerCommand<boolean>(\n CAN_REDO_COMMAND,\n (payload) => {\n setCanRedo(payload);\n return false;\n },\n 1\n );\n }, [editor]);\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n <button\n onClick={handleUndo}\n className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--undo`])}\n aria-label={t.aria.labels.undo}\n aria-keyshortcuts={t.aria.keyshortcuts.undo}\n disabled={!canUndo}\n title={t.format.undoTooltip}\n type=\"button\"\n >\n <Icon name=\"StepBack\" size={24} />\n </button>\n <button\n onClick={handleRedo}\n className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--redo`])}\n aria-label={t.aria.labels.redo}\n aria-keyshortcuts={t.aria.keyshortcuts.redo}\n disabled={!canRedo}\n title={t.format.redoTooltip}\n type=\"button\"\n >\n <Icon name=\"StepForwards\" size={24} />\n </button>\n </div>\n );\n};\n"],"names":["HistoryPlugin","t","useTranslation","editor","useLexicalComposerContext","canUndo","setCanUndo","useState","canRedo","setCanRedo","handleUndo","UNDO_COMMAND","handleRedo","REDO_COMMAND","useEffect","CAN_UNDO_COMMAND","payload","CAN_REDO_COMMAND","jsxs","styles","jsx","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,IAAgB,MAAM;AACjC,QAAMC,IAAIC,KACJ,CAACC,CAAM,IAAIC,KACX,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAa,MAAM;AAChB,IAAAP,EAAA,gBAAgBQ,GAAc,MAAS;AAAA,EAAA,GAG1CC,IAAa,MAAM;AAChB,IAAAT,EAAA,gBAAgBU,GAAc,MAAS;AAAA,EAAA;AAGhD,SAAAC,EAAU,MACDX,EAAO;AAAA,IACZY;AAAAA,IACA,CAACC,OACCV,EAAWU,CAAO,GACX;AAAA,IAET;AAAA,EAAA,GAED,CAACb,CAAM,CAAC,GAEXW,EAAU,MACDX,EAAO;AAAA,IACZc;AAAAA,IACA,CAACD,OACCP,EAAWO,CAAO,GACX;AAAA,IAET;AAAA,EAAA,GAED,CAACb,CAAM,CAAC,GAGR,gBAAAe,EAAA,OAAA,EAAI,WAAWC,EAAO,8BAA8B,GACnD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASV;AAAA,QACT,WAAWW,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAYlB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,UAAU,CAACI;AAAA,QACX,OAAOJ,EAAE,OAAO;AAAA,QAChB,MAAK;AAAA,QAEL,UAAC,gBAAAmB,EAAAE,GAAA,EAAK,MAAK,YAAW,MAAM,IAAI;AAAA,MAAA;AAAA,IAClC;AAAA,IACA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASR;AAAA,QACT,WAAWS,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAYlB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,UAAU,CAACO;AAAA,QACX,OAAOP,EAAE,OAAO;AAAA,QAChB,MAAK;AAAA,QAEL,UAAC,gBAAAmB,EAAAE,GAAA,EAAK,MAAK,gBAAe,MAAM,IAAI;AAAA,MAAA;AAAA,IACtC;AAAA,EACF,EAAA,CAAA;AAEJ;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { A as
|
|
4
|
-
import "../../../../../helpers-
|
|
3
|
+
import { A as C } from "../../../../../TablePlugin-BBOjr3TX.js";
|
|
4
|
+
import "../../../../../helpers-BuSJOvGF.js";
|
|
5
5
|
import "../../../../Icon/Icon.js";
|
|
6
6
|
import "../../../../Buttons/Button.js";
|
|
7
7
|
import "../../../../Buttons/LinkButton.js";
|
|
@@ -18,19 +18,16 @@ import "../../../../IconButton/IconButton.js";
|
|
|
18
18
|
import "../../../../Input/Input.js";
|
|
19
19
|
import "../../../../InputField/InputField.js";
|
|
20
20
|
import "react-router-dom";
|
|
21
|
-
import "lexical";
|
|
22
|
-
import "@lexical/list";
|
|
23
|
-
import "@lexical/link";
|
|
24
21
|
import "../../../hooks/useTranslation.js";
|
|
25
22
|
import "../LinkContextMenu/LinkContextMenu.js";
|
|
26
23
|
import "../../../hooks/components/Flyout.js";
|
|
27
24
|
import "../../../Providers/LanguageProvider.js";
|
|
28
|
-
import "
|
|
25
|
+
import "../../../../../index-DPQ9bZx5.js";
|
|
29
26
|
import "../../../../SelectListbox/SelectListbox.js";
|
|
30
27
|
import "../../../../SelectListbox/SelectProvider.js";
|
|
31
28
|
import "../../../../Sortable/components/SortableItem.js";
|
|
32
29
|
import "../../../../../SortableProvider-BUsvniX7.js";
|
|
33
30
|
export {
|
|
34
|
-
|
|
31
|
+
C as AddLinkForm
|
|
35
32
|
};
|
|
36
33
|
//# sourceMappingURL=AddLinkFrom.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddLinkFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddLinkFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as c, Fragment as w, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as C, useState as u, useImperativeHandle as N, useLayoutEffect as L } from "react";
|
|
3
|
-
import { e as g } from "../../../../../helpers-
|
|
3
|
+
import { e as g } from "../../../../../helpers-BuSJOvGF.js";
|
|
4
4
|
import { Icon as s } from "../../../../Icon/Icon.js";
|
|
5
5
|
import { useTranslation as S } from "../../../hooks/useTranslation.js";
|
|
6
6
|
import { Button as _ } from "../../../../Buttons/Button.js";
|