@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

package/admin/components/IconPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_react2","_plugins","_Typography","_reactVirtualized","_reactFontawesome","_DelayedOnChange","_Menu","_Input","_FormElementMessage","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","iconPickerLabel","css","marginBottom","marginLeft","globalStyles","process","env","NODE_ENV","name","styles","map","toString","MenuWrapper","_taggedTemplateLiteral2","default","NoResultWrapper","width","color","padding","COLUMN_COUNT","gridItem","display","flexDirection","justifyContent","boxSizing","paddingTop","alignItems","textAlign","cursor","transform","borderRadius","transition","boxShadow","content","position","top","left","height","zIndex","opacity","backgroundColor","grid","pickIcon","searchInput","input","IconPicker","exports","_ref","value","onChange","label","description","validation","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","mustRenderGrid","setMustRenderGrid","inputRef","useRef","useEffect","setTimeout","current","focus","onFilterChange","useCallback","cb","allIcons","useMemo","iconPlugins","plugins","byType","reduce","icons","pl","concat","getIcons","ic","includes","renderCell","_ref2","closeMenu","_ref3","columnIndex","key","rowIndex","style","item","createElement","className","onClick","id","join","FontAwesomeIcon","icon","size","Typography","use","renderGrid","_ref4","Fragment","Global","DelayedOnChange","_ref5","Input","placeholder","length","Grid","cellRenderer","columnCount","columnWidth","rowCount","Math","ceil","rowHeight","fontAwesomeIconValue","split","_ref6","validationIsValid","isValid","validationMessage","message","Menu","onOpen","onClose","renderToPortal","render","handle","FormElementMessage","error"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { css as reactCss, Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Grid } from \"react-virtualized\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { DelayedOnChange, OnChangeCallable } from \"@webiny/ui/DelayedOnChange\";\nimport { Menu, RenderableMenuChildren } from \"@webiny/ui/Menu\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { GridCellProps } from \"react-virtualized/dist/es/Grid\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst iconPickerLabel = css({ marginBottom: 5, marginLeft: 2 });\n\nconst globalStyles = reactCss`\n    #rmwcPortal > .mdc-menu-surface {\n        z-index: 1000;\n    }\n`;\n\nconst MenuWrapper = css`\n    color: var(--mdc-theme-text-secondary-on-background);\n    background-color: var(--mdc-theme-on-background);\n    border-bottom: 1px solid var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n    padding: 16px 8px;\n    cursor: pointer;\n    :hover {\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\n    }\n`;\n\nconst NoResultWrapper = css({\n    width: 640,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    padding: \"16px 12px\"\n});\n\nconst COLUMN_COUNT = 6;\n\nconst gridItem = css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"flex-start\",\n    boxSizing: \"border-box\",\n    paddingTop: 15,\n    alignItems: \"center\",\n    textAlign: \"center\",\n    cursor: \"pointer\",\n    transform: \"translateZ(0)\",\n    borderRadius: 2,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    transition: \"all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n    \"&::after\": {\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    },\n    \">svg\": {\n        width: 42,\n        marginBottom: 5\n    }\n});\n\nconst grid = css({\n    padding: 20\n});\n\nconst pickIcon = css({\n    width: 50,\n    textAlign: \"center\",\n    cursor: \"pointer\"\n});\n\nconst searchInput = css({\n    input: {\n        padding: \"20px 12px 20px\"\n    }\n});\n\nexport interface IconPickerProps extends FormComponentProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\n\ninterface RenderCellParams {\n    closeMenu: () => void;\n}\n\nexport const IconPicker = ({\n    value,\n    onChange,\n    label,\n    description,\n    validation\n}: IconPickerProps) => {\n    const [filter, setFilter] = useState(\"\");\n    const [mustRenderGrid, setMustRenderGrid] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        setTimeout(() => {\n            if (mustRenderGrid && inputRef.current) {\n                inputRef.current.focus();\n            }\n        }, 50);\n    }, [mustRenderGrid]);\n\n    const onFilterChange = useCallback<OnChangeCallable>(\n        (value, cb) => {\n            setFilter(value);\n            if (cb) {\n                cb(value);\n            }\n        },\n        [filter]\n    );\n\n    const allIcons: CmsIcon[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<CmsIcon>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    const icons = useMemo(() => {\n        return filter ? allIcons.filter(ic => ic.name.includes(filter)) : allIcons;\n    }, [filter]);\n\n    const renderCell = useCallback(\n        ({ closeMenu }: RenderCellParams) => {\n            return function renderCell({\n                columnIndex,\n                key,\n                rowIndex,\n                style\n            }: GridCellProps): React.ReactNode {\n                const item = icons[rowIndex * COLUMN_COUNT + columnIndex];\n                if (!item) {\n                    return null;\n                }\n\n                return (\n                    <div\n                        key={key}\n                        style={style}\n                        className={gridItem}\n                        onClick={() => {\n                            if (onChange) {\n                                onChange(item.id.join(\"/\"));\n                            }\n                            closeMenu();\n                        }}\n                    >\n                        <FontAwesomeIcon icon={item.id} size={\"2x\"} />\n                        <Typography use={\"body2\"}>{item.name}</Typography>\n                    </div>\n                );\n            };\n        },\n        [icons]\n    );\n\n    const renderGrid = useCallback<RenderableMenuChildren>(\n        ({ closeMenu }) => {\n            return (\n                <>\n                    <Global styles={globalStyles} />\n                    <DelayedOnChange value={filter} onChange={onFilterChange}>\n                        {({ value, onChange }) => (\n                            <Input\n                                inputRef={inputRef}\n                                className={searchInput}\n                                value={value}\n                                onChange={onChange}\n                                placeholder={\"Search icons...\"}\n                            />\n                        )}\n                    </DelayedOnChange>\n                    {icons.length === 0 ? (\n                        <div className={NoResultWrapper}>\n                            <Typography use=\"body1\">No results found.</Typography>\n                        </div>\n                    ) : (\n                        <Grid\n                            className={grid}\n                            cellRenderer={renderCell({ closeMenu })}\n                            columnCount={COLUMN_COUNT}\n                            columnWidth={100}\n                            height={440}\n                            rowCount={Math.ceil(icons.length / COLUMN_COUNT)}\n                            rowHeight={100}\n                            width={640}\n                        />\n                    )}\n                </>\n            );\n        },\n        [icons]\n    );\n\n    const fontAwesomeIconValue: any =\n        typeof value === \"string\" && value.includes(\"/\") ? value.split(\"/\") : [\"fas\", \"star\"];\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            {label && (\n                <div className={iconPickerLabel}>\n                    <Typography use={\"body1\"}>{label}</Typography>\n                </div>\n            )}\n\n            <Menu\n                onOpen={() => setMustRenderGrid(true)}\n                onClose={() => setMustRenderGrid(false)}\n                renderToPortal={true}\n                render={mustRenderGrid ? renderGrid : () => null}\n                handle={\n                    <div className={MenuWrapper}>\n                        <div className={pickIcon}>\n                            <FontAwesomeIcon icon={fontAwesomeIconValue} size={\"2x\"} />\n                        </div>\n                    </div>\n                }\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","IconPicker","AdminIconPicker","plugins","props","icons","iconPlugins","byType","reduce","pl","concat","getIcons","createElement","Object","assign","size"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IconPickerIconDto, IconPickerProps } from \"@webiny/admin-ui\";\nimport { IconPicker as AdminIconPicker } from \"@webiny/admin-ui\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsIconsPlugin } from \"~/types\";\n\nexport const IconPicker = (props: Omit<IconPickerProps, \"icons\">) => {\n    const icons: IconPickerIconDto[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<IconPickerIconDto>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    return <AdminIconPicker size={\"lg\"} icons={icons} {...props} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,IAAIC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,MAAMF,UAAU,GAAIG,KAAqC,IAAK;EACjE,MAAMC,KAA0B,GAAGL,OAAO,CAAC,MAAM;IAC7C,MAAMM,WAAW,GAAGH,OAAO,CAACI,MAAM,CAAiB,WAAW,CAAC;IAC/D,OAAOD,WAAW,CAACE,MAAM,CAAC,CAACH,KAA+B,EAAEI,EAAE,KAAK;MAC/D,OAAOJ,KAAK,CAACK,MAAM,CAACD,EAAE,CAACE,QAAQ,CAAC,CAAC,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOZ,KAAA,CAAAa,aAAA,CAACV,eAAe,EAAAW,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACV,KAAK,EAAEA;EAAM,GAAKD,KAAK,CAAG,CAAC;AACnE,CAAC","ignoreList":[]}

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { RichTextEditorProps } from "@webiny/lexical-editor/types";
+import type { RichTextEditorProps } from "@webiny/lexical-editor/types";
 export declare const LexicalCmsEditor: (props: Omit<RichTextEditorProps, "theme">) => React.JSX.Element;

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.js

@@ -1,38 +1,31 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LexicalCmsEditor = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lexicalEditor = require("@webiny/lexical-editor");
-var _LexicalEditor = require("@webiny/app-admin/components/LexicalEditor");
-var placeholderStyles = {
+import React, { useCallback } from "react";
+import { StaticToolbar } from "@webiny/lexical-editor";
+import { LexicalEditor } from "@webiny/app-admin/components/LexicalEditor";
+const placeholderStyles = {
   position: "absolute",
   top: 40,
   left: 25
 };
-var contentEditableStyles = {
+const contentEditableStyles = {
   minHeight: 200,
   display: "block",
   padding: 10
 };
-var styles = {
+const styles = {
   backgroundColor: "#fff",
   border: "1px solid #e1e1e1",
   padding: "10px 14px",
   minHeight: 200,
   maxHeight: 350
 };
-var toolbar = /*#__PURE__*/_react.default.createElement(_lexicalEditor.StaticToolbar, null);
-var LexicalCmsEditor = exports.LexicalCmsEditor = function LexicalCmsEditor(props) {
-  var onChange = (0, _react.useCallback)(function (jsonString) {
+const toolbar = /*#__PURE__*/React.createElement(StaticToolbar, null);
+export const LexicalCmsEditor = props => {
+  const onChange = useCallback(jsonString => {
     if (props?.onChange) {
       props?.onChange(JSON.parse(jsonString));
     }
   }, [props?.onChange]);
-  return /*#__PURE__*/_react.default.createElement(_LexicalEditor.LexicalEditor, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(LexicalEditor, Object.assign({}, props, {
     focus: true,
     value: props.value ? JSON.stringify(props.value) : props.value,
     onChange: onChange,

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_lexicalEditor","_LexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","default","createElement","StaticToolbar","LexicalCmsEditor","exports","props","onChange","useCallback","jsonString","JSON","parse","LexicalEditor","Object","assign","focus","value","stringify","staticToolbar","tag","placeholder"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { LexicalEditor } from \"@webiny/app-admin/components/LexicalEditor\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350\n};\n\nconst toolbar = <StaticToolbar />;\n\nexport const LexicalCmsEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    const onChange = useCallback(\n        (jsonString: string) => {\n            if (props?.onChange) {\n                props?.onChange(JSON.parse(jsonString));\n            }\n        },\n        [props?.onChange]\n    );\n\n    return (\n        <LexicalEditor\n            {...props}\n            focus={true}\n            value={props.value ? JSON.stringify(props.value) : props.value}\n            onChange={onChange}\n            staticToolbar={toolbar}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAMG,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,IAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,IAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE;AACf,CAAC;AAED,IAAMC,OAAO,gBAAGjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,cAAA,CAAAiB,aAAa,MAAE,CAAC;AAE1B,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAyC,EAAK;EAC3E,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,UAAkB,EAAK;IACpB,IAAIH,KAAK,EAAEC,QAAQ,EAAE;MACjBD,KAAK,EAAEC,QAAQ,CAACG,IAAI,CAACC,KAAK,CAACF,UAAU,CAAC,CAAC;IAC3C;EACJ,CAAC,EACD,CAACH,KAAK,EAAEC,QAAQ,CACpB,CAAC;EAED,oBACIxB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,cAAA,CAAAyB,aAAa,EAAAC,MAAA,CAAAC,MAAA,KACNR,KAAK;IACTS,KAAK,EAAE,IAAK;IACZC,KAAK,EAAEV,KAAK,CAACU,KAAK,GAAGN,IAAI,CAACO,SAAS,CAACX,KAAK,CAACU,KAAK,CAAC,GAAGV,KAAK,CAACU,KAAM;IAC/DT,QAAQ,EAAEA,QAAS;IACnBW,aAAa,EAAElB,OAAQ;IACvBmB,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEd,KAAK,EAAEc,WAAW,IAAI,yBAA0B;IAC7DhC,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","StaticToolbar","LexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","createElement","LexicalCmsEditor","props","onChange","jsonString","JSON","parse","Object","assign","focus","value","stringify","staticToolbar","tag","placeholder"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport type { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { LexicalEditor } from \"@webiny/app-admin/components/LexicalEditor\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: 40, left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n    minHeight: 200,\n    display: \"block\",\n    padding: 10\n};\n\nconst styles: React.CSSProperties = {\n    backgroundColor: \"#fff\",\n    border: \"1px solid #e1e1e1\",\n    padding: \"10px 14px\",\n    minHeight: 200,\n    maxHeight: 350\n};\n\nconst toolbar = <StaticToolbar />;\n\nexport const LexicalCmsEditor = (props: Omit<RichTextEditorProps, \"theme\">) => {\n    const onChange = useCallback(\n        (jsonString: string) => {\n            if (props?.onChange) {\n                props?.onChange(JSON.parse(jsonString));\n            }\n        },\n        [props?.onChange]\n    );\n\n    return (\n        <LexicalEditor\n            {...props}\n            focus={true}\n            value={props.value ? JSON.stringify(props.value) : props.value}\n            onChange={onChange}\n            staticToolbar={toolbar}\n            tag={\"p\"}\n            placeholder={props?.placeholder || \"Enter your text here...\"}\n            placeholderStyles={placeholderStyles}\n            contentEditableStyles={contentEditableStyles}\n            styles={styles}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,aAAa,QAAQ,wBAAwB;AAEtD,SAASC,aAAa,QAAQ,4CAA4C;AAE1E,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE;AACf,CAAC;AAED,MAAMC,OAAO,gBAAGhB,KAAA,CAAAiB,aAAA,CAACf,aAAa,MAAE,CAAC;AAEjC,OAAO,MAAMgB,gBAAgB,GAAIC,KAAyC,IAAK;EAC3E,MAAMC,QAAQ,GAAGnB,WAAW,CACvBoB,UAAkB,IAAK;IACpB,IAAIF,KAAK,EAAEC,QAAQ,EAAE;MACjBD,KAAK,EAAEC,QAAQ,CAACE,IAAI,CAACC,KAAK,CAACF,UAAU,CAAC,CAAC;IAC3C;EACJ,CAAC,EACD,CAACF,KAAK,EAAEC,QAAQ,CACpB,CAAC;EAED,oBACIpB,KAAA,CAAAiB,aAAA,CAACd,aAAa,EAAAqB,MAAA,CAAAC,MAAA,KACNN,KAAK;IACTO,KAAK,EAAE,IAAK;IACZC,KAAK,EAAER,KAAK,CAACQ,KAAK,GAAGL,IAAI,CAACM,SAAS,CAACT,KAAK,CAACQ,KAAK,CAAC,GAAGR,KAAK,CAACQ,KAAM;IAC/DP,QAAQ,EAAEA,QAAS;IACnBS,aAAa,EAAEb,OAAQ;IACvBc,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEZ,KAAK,EAAEY,WAAW,IAAI,yBAA0B;IAC7D3B,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.d.ts

@@ -1,2 +1,2 @@
-import { FC } from "react";
+import type { FC } from "react";
 export declare const LexicalEditorCmsPlugin: FC;

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js

@@ -1,98 +1,93 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LexicalEditorCmsPlugin = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lexicalEditor = require("@webiny/lexical-editor");
-var _TypographyDropDown = require("./TypographyDropDown");
-var _reactComposition = require("@webiny/react-composition");
-var ToolbarElement = _lexicalEditor.LexicalEditorConfig.ToolbarElement,
-  Plugin = _lexicalEditor.LexicalEditorConfig.Plugin;
-var LexicalEditorCmsPlugin = exports.LexicalEditorCmsPlugin = function LexicalEditorCmsPlugin() {
-  return /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
+import React from "react";
+import { TypographyAction, LexicalEditorConfig, FontSizeAction, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, ImageAction, LinkAction, QuoteAction, ImagesPlugin, QuotePlugin, CodeHighlightPlugin, FloatingLinkEditorPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
+import { TypographyDropDown } from "./TypographyDropDown";
+import { CompositionScope } from "@webiny/react-composition";
+const {
+  ToolbarElement,
+  Plugin
+} = LexicalEditorConfig;
+export const LexicalEditorCmsPlugin = () => {
+  return /*#__PURE__*/React.createElement(CompositionScope, {
     name: "cms"
-  }, /*#__PURE__*/_react.default.createElement(_lexicalEditor.LexicalEditorConfig, null, /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "fontSize",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.FontSizeAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(FontSizeAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "fontColor",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.FontColorAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(FontColorAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "typography",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.TypographyAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(TypographyAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "textAlignment",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.TextAlignmentAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(TextAlignmentAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "divider1",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(Divider, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "boldAction",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.BoldAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(BoldAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "italic",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.ItalicAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(ItalicAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "underline",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.UnderlineAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(UnderlineAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "codeHighlight",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.CodeHighlightAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(CodeHighlightAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "divider2",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(Divider, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "numberedList",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.NumberedListAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(NumberedListAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "bulletList",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.BulletListAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(BulletListAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "divider",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(Divider, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "image",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.ImageAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(ImageAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "divider3",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(Divider, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "link",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.LinkAction, null)
-  }), /*#__PURE__*/_react.default.createElement(ToolbarElement, {
+    element: /*#__PURE__*/React.createElement(LinkAction, null)
+  }), /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "quote",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.QuoteAction, null)
-  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    element: /*#__PURE__*/React.createElement(QuoteAction, null)
+  }), /*#__PURE__*/React.createElement(Plugin, {
     name: "fontColor",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.FontColorPlugin, null)
-  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    element: /*#__PURE__*/React.createElement(FontColorPlugin, null)
+  }), /*#__PURE__*/React.createElement(Plugin, {
     name: "list",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.ListPlugin, null)
-  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    element: /*#__PURE__*/React.createElement(ListPlugin, null)
+  }), /*#__PURE__*/React.createElement(Plugin, {
     name: "codeHighlight",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.CodeHighlightPlugin, null)
-  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    element: /*#__PURE__*/React.createElement(CodeHighlightPlugin, null)
+  }), /*#__PURE__*/React.createElement(Plugin, {
     name: "typography",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.TypographyPlugin, null)
-  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    element: /*#__PURE__*/React.createElement(TypographyPlugin, null)
+  }), /*#__PURE__*/React.createElement(Plugin, {
     name: "link",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.LinkPlugin, null)
-  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    element: /*#__PURE__*/React.createElement(LinkPlugin, null)
+  }), /*#__PURE__*/React.createElement(Plugin, {
     name: "floatingLinkEditor",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.FloatingLinkEditorPlugin, {
-      anchorElem: document.body
+    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
+      anchorElem: () => document.body
     })
-  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+  }), /*#__PURE__*/React.createElement(Plugin, {
     name: "images",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.ImagesPlugin, null)
-  }), /*#__PURE__*/_react.default.createElement(Plugin, {
+    element: /*#__PURE__*/React.createElement(ImagesPlugin, null)
+  }), /*#__PURE__*/React.createElement(Plugin, {
     name: "quote",
-    element: /*#__PURE__*/_react.default.createElement(_lexicalEditor.QuotePlugin, null)
-  }), /*#__PURE__*/_react.default.createElement(_lexicalEditor.TypographyAction.TypographyDropDown, {
-    element: /*#__PURE__*/_react.default.createElement(_TypographyDropDown.TypographyDropDown, null)
+    element: /*#__PURE__*/React.createElement(QuotePlugin, null)
+  }), /*#__PURE__*/React.createElement(TypographyAction.TypographyDropDown, {
+    element: /*#__PURE__*/React.createElement(TypographyDropDown, null)
   })));
 };
 

package/admin/components/LexicalCmsEditor/LexicalEditorCmsPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lexicalEditor","_TypographyDropDown","_reactComposition","ToolbarElement","LexicalEditorConfig","Plugin","LexicalEditorCmsPlugin","exports","default","createElement","CompositionScope","name","element","FontSizeAction","FontColorAction","TypographyAction","TextAlignmentAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","FontColorPlugin","ListPlugin","CodeHighlightPlugin","TypographyPlugin","LinkPlugin","FloatingLinkEditorPlugin","anchorElem","document","body","ImagesPlugin","QuotePlugin","TypographyDropDown"],"sources":["LexicalEditorCmsPlugin.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n    TypographyAction,\n    LexicalEditorConfig,\n    FontSizeAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    ImageAction,\n    LinkAction,\n    QuoteAction,\n    ImagesPlugin,\n    QuotePlugin,\n    CodeHighlightPlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"~/admin/components/LexicalCmsEditor/TypographyDropDown\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nexport const LexicalEditorCmsPlugin: FC = () => {\n    return (\n        <CompositionScope name={\"cms\"}>\n            <LexicalEditorConfig>\n                <ToolbarElement name=\"fontSize\" element={<FontSizeAction />} />\n                <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                <ToolbarElement name=\"divider1\" element={<Divider />} />\n                <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                <ToolbarElement name=\"divider2\" element={<Divider />} />\n                <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                <ToolbarElement name=\"divider\" element={<Divider />} />\n                <ToolbarElement name=\"image\" element={<ImageAction />} />\n                <ToolbarElement name=\"divider3\" element={<Divider />} />\n                <ToolbarElement name=\"link\" element={<LinkAction />} />\n                <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n                <Plugin name={\"list\"} element={<ListPlugin />} />\n                <Plugin name={\"codeHighlight\"} element={<CodeHighlightPlugin />} />\n                <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n                <Plugin name={\"link\"} element={<LinkPlugin />} />\n                <Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={<FloatingLinkEditorPlugin anchorElem={document.body} />}\n                />\n                <Plugin name={\"images\"} element={<ImagesPlugin />} />\n                <Plugin name={\"quote\"} element={<QuotePlugin />} />\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n            </LexicalEditorConfig>\n        </CompositionScope>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","TypographyAction","LexicalEditorConfig","FontSizeAction","FontColorAction","Divider","BoldAction","ItalicAction","UnderlineAction","CodeHighlightAction","NumberedListAction","BulletListAction","ImageAction","LinkAction","QuoteAction","ImagesPlugin","QuotePlugin","CodeHighlightPlugin","FloatingLinkEditorPlugin","LinkPlugin","ListPlugin","TypographyPlugin","FontColorPlugin","TextAlignmentAction","TypographyDropDown","CompositionScope","ToolbarElement","Plugin","LexicalEditorCmsPlugin","createElement","name","element","anchorElem","document","body"],"sources":["LexicalEditorCmsPlugin.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport {\n    TypographyAction,\n    LexicalEditorConfig,\n    FontSizeAction,\n    FontColorAction,\n    Divider,\n    BoldAction,\n    ItalicAction,\n    UnderlineAction,\n    CodeHighlightAction,\n    NumberedListAction,\n    BulletListAction,\n    ImageAction,\n    LinkAction,\n    QuoteAction,\n    ImagesPlugin,\n    QuotePlugin,\n    CodeHighlightPlugin,\n    FloatingLinkEditorPlugin,\n    LinkPlugin,\n    ListPlugin,\n    TypographyPlugin,\n    FontColorPlugin,\n    TextAlignmentAction\n} from \"@webiny/lexical-editor\";\nimport { TypographyDropDown } from \"~/admin/components/LexicalCmsEditor/TypographyDropDown\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst { ToolbarElement, Plugin } = LexicalEditorConfig;\n\nexport const LexicalEditorCmsPlugin: FC = () => {\n    return (\n        <CompositionScope name={\"cms\"}>\n            <LexicalEditorConfig>\n                <ToolbarElement name=\"fontSize\" element={<FontSizeAction />} />\n                <ToolbarElement name=\"fontColor\" element={<FontColorAction />} />\n                <ToolbarElement name=\"typography\" element={<TypographyAction />} />\n                <ToolbarElement name=\"textAlignment\" element={<TextAlignmentAction />} />\n                <ToolbarElement name=\"divider1\" element={<Divider />} />\n                <ToolbarElement name=\"boldAction\" element={<BoldAction />} />\n                <ToolbarElement name=\"italic\" element={<ItalicAction />} />\n                <ToolbarElement name=\"underline\" element={<UnderlineAction />} />\n                <ToolbarElement name=\"codeHighlight\" element={<CodeHighlightAction />} />\n                <ToolbarElement name=\"divider2\" element={<Divider />} />\n                <ToolbarElement name=\"numberedList\" element={<NumberedListAction />} />\n                <ToolbarElement name=\"bulletList\" element={<BulletListAction />} />\n                <ToolbarElement name=\"divider\" element={<Divider />} />\n                <ToolbarElement name=\"image\" element={<ImageAction />} />\n                <ToolbarElement name=\"divider3\" element={<Divider />} />\n                <ToolbarElement name=\"link\" element={<LinkAction />} />\n                <ToolbarElement name=\"quote\" element={<QuoteAction />} />\n                <Plugin name={\"fontColor\"} element={<FontColorPlugin />} />\n                <Plugin name={\"list\"} element={<ListPlugin />} />\n                <Plugin name={\"codeHighlight\"} element={<CodeHighlightPlugin />} />\n                <Plugin name={\"typography\"} element={<TypographyPlugin />} />\n                <Plugin name={\"link\"} element={<LinkPlugin />} />\n                <Plugin\n                    name={\"floatingLinkEditor\"}\n                    element={<FloatingLinkEditorPlugin anchorElem={() => document.body} />}\n                />\n                <Plugin name={\"images\"} element={<ImagesPlugin />} />\n                <Plugin name={\"quote\"} element={<QuotePlugin />} />\n                <TypographyAction.TypographyDropDown element={<TypographyDropDown />} />\n            </LexicalEditorConfig>\n        </CompositionScope>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/LexicalCmsEditor/TypographyDropDown.js

@@ -1,74 +1,60 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypographyDropDown = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@lexical/utils");
-var _lexicalEditor = require("@webiny/lexical-editor");
-var _lexicalNodes = require("@webiny/lexical-nodes");
-var _appAdmin = require("@webiny/app-admin");
-var TypographyDropDown = exports.TypographyDropDown = function TypographyDropDown() {
-  var _useTypographyAction = (0, _lexicalEditor.useTypographyAction)(),
-    value = _useTypographyAction.value,
-    applyTypography = _useTypographyAction.applyTypography;
-  var _useTheme = (0, _appAdmin.useTheme)(),
-    theme = _useTheme.theme;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    styles = _useState2[0],
-    setStyles = _useState2[1];
-  var _useCurrentElement = (0, _lexicalEditor.useCurrentElement)(),
-    element = _useCurrentElement.element;
-  var _useCurrentSelection = (0, _lexicalEditor.useCurrentSelection)(),
-    rangeSelection = _useCurrentSelection.rangeSelection;
-  var getAllTextStyles = function getAllTextStyles() {
+import React, { useEffect, useState } from "react";
+import { $getNearestNodeOfType } from "@lexical/utils";
+import { DropDown, DropDownItem, useCurrentSelection, useCurrentElement, useTypographyAction } from "@webiny/lexical-editor";
+import { $isHeadingNode, $isParagraphNode, $isQuoteNode, $isListNode, ListNode } from "@webiny/lexical-nodes";
+import { useTheme } from "@webiny/app-admin";
+export const TypographyDropDown = () => {
+  const {
+    value,
+    applyTypography
+  } = useTypographyAction();
+  const {
+    theme
+  } = useTheme();
+  const [styles, setStyles] = useState([]);
+  const {
+    element
+  } = useCurrentElement();
+  const {
+    rangeSelection
+  } = useCurrentSelection();
+  const getAllTextStyles = () => {
     if (!theme?.styles.typography) {
       return [];
     }
-    var headingsStyles = theme.styles.typography?.headings || [];
-    var paragraphStyles = theme.styles.typography?.paragraphs || [];
-    return [].concat((0, _toConsumableArray2.default)(headingsStyles), (0, _toConsumableArray2.default)(paragraphStyles));
+    const headingsStyles = theme.styles.typography?.headings || [];
+    const paragraphStyles = theme.styles.typography?.paragraphs || [];
+    return [...headingsStyles, ...paragraphStyles];
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     // In static toolbar typography, styles always need to be visible.
     if (theme?.styles) {
       setStyles(getAllTextStyles());
     }
   }, [theme?.styles]);
-  var getListStyles = function getListStyles(tag) {
-    var listStyles = theme?.styles.typography.lists?.filter(function (x) {
-      return x.tag === tag;
-    }) || [];
+  const getListStyles = tag => {
+    const listStyles = theme?.styles.typography.lists?.filter(x => x.tag === tag) || [];
     if (listStyles.length > 0) {
       return listStyles;
     }
-    var fallbackTag = tag === "ul" ? "ol" : "ul";
-    return theme?.styles.typography.lists?.filter(function (x) {
-      return x.tag === fallbackTag;
-    }) || [];
+    const fallbackTag = tag === "ul" ? "ol" : "ul";
+    return theme?.styles.typography.lists?.filter(x => x.tag === fallbackTag) || [];
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!element || !rangeSelection) {
       return;
     }
-    if ((0, _lexicalNodes.$isParagraphNode)(element) || (0, _lexicalNodes.$isHeadingNode)(element)) {
+    if ($isParagraphNode(element) || $isHeadingNode(element)) {
       setStyles(getAllTextStyles());
-    } else if ((0, _lexicalNodes.$isListNode)(element)) {
-      var type;
+    } else if ($isListNode(element)) {
+      let type;
       try {
-        var anchorNode = rangeSelection.anchor.getNode();
-        var parentList = (0, _utils.$getNearestNodeOfType)(anchorNode, _lexicalNodes.ListNode);
+        const anchorNode = rangeSelection.anchor.getNode();
+        const parentList = $getNearestNodeOfType(anchorNode, ListNode);
         if (parentList) {
           type = parentList.getListType();
         }
-      } catch (_unused) {
+      } catch {
         type = element.getListType();
       }
       if (type === "bullet") {
@@ -76,32 +62,29 @@ var TypographyDropDown = exports.TypographyDropDown = function TypographyDropDow
       } else {
         setStyles(getListStyles("ol"));
       }
-    } else if ((0, _lexicalNodes.$isQuoteNode)(element)) {
+    } else if ($isQuoteNode(element)) {
       setStyles(theme?.styles.typography?.quotes || []);
     } else {
       setStyles([]);
     }
   }, [element]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !!styles?.length ? /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDown, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !!styles?.length ? /*#__PURE__*/React.createElement(DropDown, {
     buttonClassName: "toolbar-item typography-dropdown",
     buttonAriaLabel: "Typography formatting options",
     buttonLabel: value?.name || "Typography",
     stopCloseOnClickSelf: true,
     disabled: false,
     showScroll: true
-  }, styles?.map(function (option) {
-    return /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
-      className: "item typography-item ".concat(value?.id === option.id ? "active dropdown-item-active" : ""),
-      onClick: function onClick() {
-        return applyTypography((0, _objectSpread2.default)((0, _objectSpread2.default)({}, option), {}, {
-          css: option.styles
-        }));
-      },
-      key: option.id
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "text"
-    }, option.name));
-  })) : null);
+  }, styles?.map(option => /*#__PURE__*/React.createElement(DropDownItem, {
+    className: `item typography-item ${value?.id === option.id ? "active dropdown-item-active" : ""}`,
+    onClick: () => applyTypography({
+      ...option,
+      css: option.styles
+    }),
+    key: option.id
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text"
+  }, option.name)))) : null);
 };
 
 //# sourceMappingURL=TypographyDropDown.js.map

package/admin/components/LexicalCmsEditor/TypographyDropDown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_lexicalEditor","_lexicalNodes","_appAdmin","TypographyDropDown","exports","_useTypographyAction","useTypographyAction","value","applyTypography","_useTheme","useTheme","theme","_useState","useState","_useState2","_slicedToArray2","default","styles","setStyles","_useCurrentElement","useCurrentElement","element","_useCurrentSelection","useCurrentSelection","rangeSelection","getAllTextStyles","typography","headingsStyles","headings","paragraphStyles","paragraphs","concat","_toConsumableArray2","useEffect","getListStyles","tag","listStyles","lists","filter","x","length","fallbackTag","$isParagraphNode","$isHeadingNode","$isListNode","type","anchorNode","anchor","getNode","parentList","$getNearestNodeOfType","ListNode","getListType","_unused","$isQuoteNode","quotes","createElement","Fragment","DropDown","buttonClassName","buttonAriaLabel","buttonLabel","name","stopCloseOnClickSelf","disabled","showScroll","map","option","DropDownItem","className","id","onClick","_objectSpread2","css","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 { TypographyStyle } from \"@webiny/theme/types\";\nimport { TypographyValue } from \"@webiny/lexical-theme\";\nimport { useTheme } from \"@webiny/app-admin\";\n\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { theme } = useTheme();\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={() =>\n                                applyTypography({\n                                    ...option,\n                                    css: option.styles\n                                } as TypographyValue)\n                            }\n                            key={option.id}\n                        >\n                            <span className=\"text\">{option.name}</span>\n                        </DropDownItem>\n                    ))}\n                </DropDown>\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","$getNearestNodeOfType","DropDown","DropDownItem","useCurrentSelection","useCurrentElement","useTypographyAction","$isHeadingNode","$isParagraphNode","$isQuoteNode","$isListNode","ListNode","useTheme","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","css","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 type { TypographyStyle } from \"@webiny/theme/types\";\nimport type { TypographyValue } from \"@webiny/lexical-theme\";\nimport { useTheme } from \"@webiny/app-admin\";\n\nexport const TypographyDropDown = () => {\n    const { value, applyTypography } = useTypographyAction();\n    const { theme } = useTheme();\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={() =>\n                                applyTypography({\n                                    ...option,\n                                    css: option.styles\n                                } as TypographyValue)\n                            }\n                            key={option.id}\n                        >\n                            <span className=\"text\">{option.name}</span>\n                        </DropDownItem>\n                    ))}\n                </DropDown>\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/ModelFieldProvider/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ModelFieldProvider = require("@webiny/app-headless-cms-common/ModelFieldProvider");
-Object.keys(_ModelFieldProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ModelFieldProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ModelFieldProvider[key];
-    }
-  });
-});
+export * from "@webiny/app-headless-cms-common/ModelFieldProvider";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ModelFieldProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ModelFieldProvider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/ModelFieldProvider\";\n"],"mappings":";;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,mBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/ModelFieldProvider\";\n"],"mappings":"AAAA,cAAc,oDAAoD","ignoreList":[]}