@webiny/app-website-builder 0.0.0-unstable.4485d22882 → 0.0.0-unstable.461c047ab7
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.
|
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
|
|
|
2
2
|
import { $getNearestNodeOfType } from "@lexical/utils";
|
|
3
3
|
import { DropDown, DropDownItem, useCurrentSelection, useCurrentElement, useTypographyAction } from "@webiny/lexical-editor";
|
|
4
4
|
import { $isHeadingNode, $isParagraphNode, $isQuoteNode, $isListNode, ListNode } from "@webiny/lexical-nodes";
|
|
5
|
-
import {
|
|
5
|
+
import { useWebsiteBuilderTheme } from "../../BaseEditor/components";
|
|
6
6
|
export const TypographyDropDown = () => {
|
|
7
7
|
const {
|
|
8
8
|
value,
|
|
@@ -10,7 +10,7 @@ export const TypographyDropDown = () => {
|
|
|
10
10
|
} = useTypographyAction();
|
|
11
11
|
const {
|
|
12
12
|
theme
|
|
13
|
-
} =
|
|
13
|
+
} = useWebsiteBuilderTheme();
|
|
14
14
|
const [styles, setStyles] = useState([]);
|
|
15
15
|
const {
|
|
16
16
|
element
|
|
@@ -63,7 +63,7 @@ export const TypographyDropDown = () => {
|
|
|
63
63
|
setStyles(getListStyles("ol"));
|
|
64
64
|
}
|
|
65
65
|
} else if ($isQuoteNode(element)) {
|
|
66
|
-
setStyles(theme?.styles
|
|
66
|
+
setStyles(theme?.styles?.typography?.quotes || []);
|
|
67
67
|
} else {
|
|
68
68
|
setStyles([]);
|
|
69
69
|
}
|
|
@@ -77,10 +77,7 @@ export const TypographyDropDown = () => {
|
|
|
77
77
|
showScroll: true
|
|
78
78
|
}, styles?.map(option => /*#__PURE__*/React.createElement(DropDownItem, {
|
|
79
79
|
className: `item typography-item ${value?.id === option.id ? "active dropdown-item-active" : ""}`,
|
|
80
|
-
onClick: () => applyTypography(
|
|
81
|
-
...option,
|
|
82
|
-
css: option.styles
|
|
83
|
-
}),
|
|
80
|
+
onClick: () => applyTypography(option),
|
|
84
81
|
key: option.id
|
|
85
82
|
}, /*#__PURE__*/React.createElement("span", {
|
|
86
83
|
className: "text"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","$getNearestNodeOfType","DropDown","DropDownItem","useCurrentSelection","useCurrentElement","useTypographyAction","$isHeadingNode","$isParagraphNode","$isQuoteNode","$isListNode","ListNode","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","$getNearestNodeOfType","DropDown","DropDownItem","useCurrentSelection","useCurrentElement","useTypographyAction","$isHeadingNode","$isParagraphNode","$isQuoteNode","$isListNode","ListNode","useWebsiteBuilderTheme","TypographyDropDown","value","applyTypography","theme","styles","setStyles","element","rangeSelection","getAllTextStyles","typography","headingsStyles","headings","paragraphStyles","paragraphs","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","type","anchorNode","anchor","getNode","parentList","getListType","quotes","createElement","Fragment","buttonClassName","buttonAriaLabel","buttonLabel","name","stopCloseOnClickSelf","disabled","showScroll","map","option","className","id","onClick","key"],"sources":["TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n DropDown,\n DropDownItem,\n useCurrentSelection,\n useCurrentElement,\n useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n $isHeadingNode,\n $isParagraphNode,\n $isQuoteNode,\n $isListNode,\n ListNode\n} from \"@webiny/lexical-nodes\";\nimport { useWebsiteBuilderTheme } from \"~/BaseEditor/components\";\nimport type { TypographyStyle } from \"@webiny/website-builder-sdk/types/WebsiteBuilderTheme\";\n\nexport const TypographyDropDown = () => {\n const { value, applyTypography } = useTypographyAction();\n const { theme } = useWebsiteBuilderTheme();\n const [styles, setStyles] = useState<TypographyStyle[]>([]);\n const { element } = useCurrentElement();\n const { rangeSelection } = useCurrentSelection();\n\n const getAllTextStyles = (): TypographyStyle[] => {\n if (!theme?.styles.typography) {\n return [];\n }\n const headingsStyles = theme.styles.typography?.headings || [];\n const paragraphStyles = theme.styles.typography?.paragraphs || [];\n return [...headingsStyles, ...paragraphStyles];\n };\n\n useEffect(() => {\n // In static toolbar typography, styles always need to be visible.\n if (theme?.styles) {\n setStyles(getAllTextStyles());\n }\n }, [theme?.styles]);\n\n const getListStyles = (tag: string): TypographyStyle[] => {\n const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];\n if (listStyles.length > 0) {\n return listStyles;\n }\n\n const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];\n };\n\n useEffect(() => {\n if (!element || !rangeSelection) {\n return;\n }\n\n if ($isParagraphNode(element) || $isHeadingNode(element)) {\n setStyles(getAllTextStyles());\n } else if ($isListNode(element)) {\n let type;\n try {\n const anchorNode = rangeSelection.anchor.getNode();\n const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n if (parentList) {\n type = parentList.getListType();\n }\n } catch {\n type = element.getListType();\n }\n\n if (type === \"bullet\") {\n setStyles(getListStyles(\"ul\"));\n } else {\n setStyles(getListStyles(\"ol\"));\n }\n } else if ($isQuoteNode(element)) {\n setStyles(theme?.styles?.typography?.quotes || []);\n } else {\n setStyles([]);\n }\n }, [element]);\n\n return (\n <>\n {!!styles?.length ? (\n <DropDown\n buttonClassName=\"toolbar-item typography-dropdown\"\n buttonAriaLabel={\"Typography formatting options\"}\n buttonLabel={value?.name || \"Typography\"}\n stopCloseOnClickSelf={true}\n disabled={false}\n showScroll={true}\n >\n {styles?.map(option => (\n <DropDownItem\n className={`item typography-item ${\n value?.id === option.id ? \"active dropdown-item-active\" : \"\"\n }`}\n onClick={() => applyTypography(option)}\n key={option.id}\n >\n <span className=\"text\">{option.name}</span>\n </DropDownItem>\n ))}\n </DropDown>\n ) : null}\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SACIC,QAAQ,EACRC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,QAChB,wBAAwB;AAC/B,SACIC,cAAc,EACdC,gBAAgB,EAChBC,YAAY,EACZC,WAAW,EACXC,QAAQ,QACL,uBAAuB;AAC9B,SAASC,sBAAsB;AAG/B,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACxD,MAAM;IAAEU;EAAM,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAC1C,MAAM,CAACK,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAoB,EAAE,CAAC;EAC3D,MAAM;IAAEmB;EAAQ,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEe;EAAe,CAAC,GAAGhB,mBAAmB,CAAC,CAAC;EAEhD,MAAMiB,gBAAgB,GAAGA,CAAA,KAAyB;IAC9C,IAAI,CAACL,KAAK,EAAEC,MAAM,CAACK,UAAU,EAAE;MAC3B,OAAO,EAAE;IACb;IACA,MAAMC,cAAc,GAAGP,KAAK,CAACC,MAAM,CAACK,UAAU,EAAEE,QAAQ,IAAI,EAAE;IAC9D,MAAMC,eAAe,GAAGT,KAAK,CAACC,MAAM,CAACK,UAAU,EAAEI,UAAU,IAAI,EAAE;IACjE,OAAO,CAAC,GAAGH,cAAc,EAAE,GAAGE,eAAe,CAAC;EAClD,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZ;IACA,IAAIiB,KAAK,EAAEC,MAAM,EAAE;MACfC,SAAS,CAACG,gBAAgB,CAAC,CAAC,CAAC;IACjC;EACJ,CAAC,EAAE,CAACL,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,MAAMU,aAAa,GAAIC,GAAW,IAAwB;IACtD,MAAMC,UAAU,GAAGb,KAAK,EAAEC,MAAM,CAACK,UAAU,CAACQ,KAAK,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACJ,GAAG,KAAKA,GAAG,CAAC,IAAI,EAAE;IACnF,IAAIC,UAAU,CAACI,MAAM,GAAG,CAAC,EAAE;MACvB,OAAOJ,UAAU;IACrB;IAEA,MAAMK,WAAW,GAAGN,GAAG,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C,OAAOZ,KAAK,EAAEC,MAAM,CAACK,UAAU,CAACQ,KAAK,EAAEC,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACJ,GAAG,KAAKM,WAAW,CAAC,IAAI,EAAE;EACnF,CAAC;EAEDnC,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoB,OAAO,IAAI,CAACC,cAAc,EAAE;MAC7B;IACJ;IAEA,IAAIZ,gBAAgB,CAACW,OAAO,CAAC,IAAIZ,cAAc,CAACY,OAAO,CAAC,EAAE;MACtDD,SAAS,CAACG,gBAAgB,CAAC,CAAC,CAAC;IACjC,CAAC,MAAM,IAAIX,WAAW,CAACS,OAAO,CAAC,EAAE;MAC7B,IAAIgB,IAAI;MACR,IAAI;QACA,MAAMC,UAAU,GAAGhB,cAAc,CAACiB,MAAM,CAACC,OAAO,CAAC,CAAC;QAClD,MAAMC,UAAU,GAAGtC,qBAAqB,CAAWmC,UAAU,EAAEzB,QAAQ,CAAC;QACxE,IAAI4B,UAAU,EAAE;UACZJ,IAAI,GAAGI,UAAU,CAACC,WAAW,CAAC,CAAC;QACnC;MACJ,CAAC,CAAC,MAAM;QACJL,IAAI,GAAGhB,OAAO,CAACqB,WAAW,CAAC,CAAC;MAChC;MAEA,IAAIL,IAAI,KAAK,QAAQ,EAAE;QACnBjB,SAAS,CAACS,aAAa,CAAC,IAAI,CAAC,CAAC;MAClC,CAAC,MAAM;QACHT,SAAS,CAACS,aAAa,CAAC,IAAI,CAAC,CAAC;MAClC;IACJ,CAAC,MAAM,IAAIlB,YAAY,CAACU,OAAO,CAAC,EAAE;MAC9BD,SAAS,CAACF,KAAK,EAAEC,MAAM,EAAEK,UAAU,EAAEmB,MAAM,IAAI,EAAE,CAAC;IACtD,CAAC,MAAM;MACHvB,SAAS,CAAC,EAAE,CAAC;IACjB;EACJ,CAAC,EAAE,CAACC,OAAO,CAAC,CAAC;EAEb,oBACIrB,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA6C,QAAA,QACK,CAAC,CAAC1B,MAAM,EAAEgB,MAAM,gBACbnC,KAAA,CAAA4C,aAAA,CAACxC,QAAQ;IACL0C,eAAe,EAAC,kCAAkC;IAClDC,eAAe,EAAE,+BAAgC;IACjDC,WAAW,EAAEhC,KAAK,EAAEiC,IAAI,IAAI,YAAa;IACzCC,oBAAoB,EAAE,IAAK;IAC3BC,QAAQ,EAAE,KAAM;IAChBC,UAAU,EAAE;EAAK,GAEhBjC,MAAM,EAAEkC,GAAG,CAACC,MAAM,iBACftD,KAAA,CAAA4C,aAAA,CAACvC,YAAY;IACTkD,SAAS,EAAE,wBACPvC,KAAK,EAAEwC,EAAE,KAAKF,MAAM,CAACE,EAAE,GAAG,6BAA6B,GAAG,EAAE,EAC7D;IACHC,OAAO,EAAEA,CAAA,KAAMxC,eAAe,CAACqC,MAAM,CAAE;IACvCI,GAAG,EAAEJ,MAAM,CAACE;EAAG,gBAEfxD,KAAA,CAAA4C,aAAA;IAAMW,SAAS,EAAC;EAAM,GAAED,MAAM,CAACL,IAAW,CAChC,CACjB,CACK,CAAC,GACX,IACN,CAAC;AAEX,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-website-builder",
|
|
3
|
-
"version": "0.0.0-unstable.
|
|
3
|
+
"version": "0.0.0-unstable.461c047ab7",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -16,30 +16,30 @@
|
|
|
16
16
|
"@monaco-editor/react": "4.7.0",
|
|
17
17
|
"@svgr/webpack": "6.5.1",
|
|
18
18
|
"@types/react": "18.2.79",
|
|
19
|
-
"@webiny/admin-ui": "0.0.0-unstable.
|
|
20
|
-
"@webiny/app": "0.0.0-unstable.
|
|
21
|
-
"@webiny/app-aco": "0.0.0-unstable.
|
|
22
|
-
"@webiny/app-admin": "0.0.0-unstable.
|
|
23
|
-
"@webiny/app-headless-cms-common": "0.0.0-unstable.
|
|
24
|
-
"@webiny/app-i18n": "0.0.0-unstable.
|
|
25
|
-
"@webiny/app-security": "0.0.0-unstable.
|
|
26
|
-
"@webiny/app-tenancy": "0.0.0-unstable.
|
|
27
|
-
"@webiny/app-utils": "0.0.0-unstable.
|
|
28
|
-
"@webiny/error": "0.0.0-unstable.
|
|
29
|
-
"@webiny/form": "0.0.0-unstable.
|
|
30
|
-
"@webiny/icons": "0.0.0-unstable.
|
|
31
|
-
"@webiny/lexical-converter": "0.0.0-unstable.
|
|
32
|
-
"@webiny/lexical-editor": "0.0.0-unstable.
|
|
33
|
-
"@webiny/lexical-nodes": "0.0.0-unstable.
|
|
34
|
-
"@webiny/lexical-theme": "0.0.0-unstable.
|
|
35
|
-
"@webiny/react-composition": "0.0.0-unstable.
|
|
36
|
-
"@webiny/react-properties": "0.0.0-unstable.
|
|
37
|
-
"@webiny/react-router": "0.0.0-unstable.
|
|
38
|
-
"@webiny/theme": "0.0.0-unstable.
|
|
39
|
-
"@webiny/ui": "0.0.0-unstable.
|
|
40
|
-
"@webiny/utils": "0.0.0-unstable.
|
|
41
|
-
"@webiny/validation": "0.0.0-unstable.
|
|
42
|
-
"@webiny/website-builder-sdk": "0.0.0-unstable.
|
|
19
|
+
"@webiny/admin-ui": "0.0.0-unstable.461c047ab7",
|
|
20
|
+
"@webiny/app": "0.0.0-unstable.461c047ab7",
|
|
21
|
+
"@webiny/app-aco": "0.0.0-unstable.461c047ab7",
|
|
22
|
+
"@webiny/app-admin": "0.0.0-unstable.461c047ab7",
|
|
23
|
+
"@webiny/app-headless-cms-common": "0.0.0-unstable.461c047ab7",
|
|
24
|
+
"@webiny/app-i18n": "0.0.0-unstable.461c047ab7",
|
|
25
|
+
"@webiny/app-security": "0.0.0-unstable.461c047ab7",
|
|
26
|
+
"@webiny/app-tenancy": "0.0.0-unstable.461c047ab7",
|
|
27
|
+
"@webiny/app-utils": "0.0.0-unstable.461c047ab7",
|
|
28
|
+
"@webiny/error": "0.0.0-unstable.461c047ab7",
|
|
29
|
+
"@webiny/form": "0.0.0-unstable.461c047ab7",
|
|
30
|
+
"@webiny/icons": "0.0.0-unstable.461c047ab7",
|
|
31
|
+
"@webiny/lexical-converter": "0.0.0-unstable.461c047ab7",
|
|
32
|
+
"@webiny/lexical-editor": "0.0.0-unstable.461c047ab7",
|
|
33
|
+
"@webiny/lexical-nodes": "0.0.0-unstable.461c047ab7",
|
|
34
|
+
"@webiny/lexical-theme": "0.0.0-unstable.461c047ab7",
|
|
35
|
+
"@webiny/react-composition": "0.0.0-unstable.461c047ab7",
|
|
36
|
+
"@webiny/react-properties": "0.0.0-unstable.461c047ab7",
|
|
37
|
+
"@webiny/react-router": "0.0.0-unstable.461c047ab7",
|
|
38
|
+
"@webiny/theme": "0.0.0-unstable.461c047ab7",
|
|
39
|
+
"@webiny/ui": "0.0.0-unstable.461c047ab7",
|
|
40
|
+
"@webiny/utils": "0.0.0-unstable.461c047ab7",
|
|
41
|
+
"@webiny/validation": "0.0.0-unstable.461c047ab7",
|
|
42
|
+
"@webiny/website-builder-sdk": "0.0.0-unstable.461c047ab7",
|
|
43
43
|
"apollo-cache": "1.3.5",
|
|
44
44
|
"apollo-client": "2.6.10",
|
|
45
45
|
"apollo-link": "1.2.14",
|
|
@@ -75,8 +75,8 @@
|
|
|
75
75
|
"@types/react-virtualized": "9.22.0",
|
|
76
76
|
"@types/resize-observer-browser": "0.1.7",
|
|
77
77
|
"@types/store": "2.0.2",
|
|
78
|
-
"@webiny/cli": "0.0.0-unstable.
|
|
79
|
-
"@webiny/project-utils": "0.0.0-unstable.
|
|
78
|
+
"@webiny/cli": "0.0.0-unstable.461c047ab7",
|
|
79
|
+
"@webiny/project-utils": "0.0.0-unstable.461c047ab7",
|
|
80
80
|
"execa": "5.1.1",
|
|
81
81
|
"rimraf": "6.0.1",
|
|
82
82
|
"typescript": "5.3.3"
|
|
@@ -96,5 +96,5 @@
|
|
|
96
96
|
]
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
|
-
"gitHead": "
|
|
99
|
+
"gitHead": "461c047ab7dd75a537e760dc6e917d21fedfaaae"
|
|
100
100
|
}
|