@webiny/lexical-editor 0.0.0-unstable.085ff6572f

package/utils/styleObjectToString.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styleObjectToString = void 0;
+var _reactStyleObjectToCss = _interopRequireDefault(require("react-style-object-to-css"));
+// @ts-ignore - There are no types "@types/react-style-object-to-css" for this lib.
+
+/*
+ * Converts CSS style objects to string
+ * Example:
+ *  { fontSize: '10px' } => "font-size: 10px"
+ * */
+var styleObjectToString = function styleObjectToString(styleObject) {
+  if (!styleObject) {
+    return styleObject;
+  }
+  return (0, _reactStyleObjectToCss.default)(styleObject);
+};
+exports.styleObjectToString = styleObjectToString;

package/utils/styleObjectToString.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styleObjectToString","styleObject","reactToCSS"],"sources":["styleObjectToString.ts"],"sourcesContent":["// @ts-ignore - There are no types \"@types/react-style-object-to-css\" for this lib.\nimport reactToCSS from \"react-style-object-to-css\";\nimport { CSSObject } from \"@emotion/react\";\n\n/*\n * Converts CSS style objects to string\n * Example:\n *  { fontSize: '10px' } => \"font-size: 10px\"\n * */\nexport const styleObjectToString = (styleObject: CSSObject): string => {\n    if (!styleObject) {\n        return styleObject;\n    }\n    return reactToCSS(styleObject);\n};\n"],"mappings":";;;;;;;AACA;AADA;;AAIA;AACA;AACA;AACA;AACA;AACO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,WAAsB,EAAa;EACnE,IAAI,CAACA,WAAW,EAAE;IACd,OAAOA,WAAW;EACtB;EACA,OAAO,IAAAC,8BAAU,EAACD,WAAW,CAAC;AAClC,CAAC;AAAC"}

package/utils/toTypographyEmotionMap.d.ts

@@ -0,0 +1,3 @@
+import { ThemeEmotionMap } from "../types";
+import { WebinyTheme } from "../themes/webinyLexicalTheme";
+export declare const toTypographyEmotionMap: (css: (cssStyle: Record<string, any>) => string, theme: WebinyTheme) => ThemeEmotionMap | {};

package/utils/toTypographyEmotionMap.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toTypographyEmotionMap = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+/*
+ *  Creates a map of style key ID's and typography style objects that include 'className' property which contains the
+ *  CSS class name generated by the Emotion from typography styles object.
+ */
+var toTypographyEmotionMap = function toTypographyEmotionMap(css, theme) {
+  var _theme$styles;
+  var map = {};
+  var typographyStyles = (_theme$styles = theme.styles) === null || _theme$styles === void 0 ? void 0 : _theme$styles.typography;
+  if (!typographyStyles) {
+    return {};
+  }
+  for (var key in typographyStyles) {
+    var typographyTypeData = typographyStyles[key];
+    if (typographyTypeData) {
+      typographyTypeData.forEach(function (styleItem) {
+        // 'lx' (abbreviation of lexical) variable will lead to generate shorter class names.
+        // for example: instead of default 'css-181qz4b-453f345f'
+        // the last segment will always end with 'lx' or 'css-181qz4b-lx'
+        var lx = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styleItem), {}, {
+          className: [/*#__PURE__*/css(styleItem.styles, "label:lx;")].filter(Boolean).join(" ")
+        });
+        map[styleItem.id] = lx;
+      });
+    }
+  }
+  return map;
+};
+exports.toTypographyEmotionMap = toTypographyEmotionMap;

package/utils/toTypographyEmotionMap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toTypographyEmotionMap","css","theme","map","typographyStyles","styles","typography","key","typographyTypeData","forEach","styleItem","lx","className","filter","Boolean","join","id"],"sources":["toTypographyEmotionMap.ts"],"sourcesContent":["import { ThemeEmotionMap, TypographyHTMLTag } from \"~/types\";\nimport { WebinyTheme } from \"~/themes/webinyLexicalTheme\";\n\n/*\n *  Creates a map of style key ID's and typography style objects that include 'className' property which contains the\n *  CSS class name generated by the Emotion from typography styles object.\n */\nexport const toTypographyEmotionMap = (\n    css: (cssStyle: Record<string, any>) => string,\n    theme: WebinyTheme\n): ThemeEmotionMap | {} => {\n    const map: ThemeEmotionMap = {};\n    const typographyStyles = theme.styles?.typography;\n    if (!typographyStyles) {\n        return {};\n    }\n\n    for (const key in typographyStyles) {\n        const typographyTypeData = typographyStyles[key] as {\n            id: string;\n            tag: TypographyHTMLTag;\n            name: string;\n            styles: Record<string, any>;\n        }[];\n        if (typographyTypeData) {\n            typographyTypeData.forEach(styleItem => {\n                // 'lx' (abbreviation of lexical) variable will lead to generate shorter class names.\n                // for example: instead of default 'css-181qz4b-453f345f'\n                // the last segment will always end with 'lx' or 'css-181qz4b-lx'\n                const lx = {\n                    ...styleItem,\n                    className: [css(styleItem.styles)].filter(Boolean).join(\" \")\n                };\n                map[styleItem.id] = lx;\n            });\n        }\n    }\n\n    return map;\n};\n"],"mappings":";;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,CAC/BC,GAA8C,EAC9CC,KAAkB,EACK;EAAA;EACvB,IAAMC,GAAoB,GAAG,CAAC,CAAC;EAC/B,IAAMC,gBAAgB,oBAAGF,KAAK,CAACG,MAAM,kDAAZ,cAAcC,UAAU;EACjD,IAAI,CAACF,gBAAgB,EAAE;IACnB,OAAO,CAAC,CAAC;EACb;EAEA,KAAK,IAAMG,GAAG,IAAIH,gBAAgB,EAAE;IAChC,IAAMI,kBAAkB,GAAGJ,gBAAgB,CAACG,GAAG,CAK5C;IACH,IAAIC,kBAAkB,EAAE;MACpBA,kBAAkB,CAACC,OAAO,CAAC,UAAAC,SAAS,EAAI;QACpC;QACA;QACA;QACA,IAAMC,EAAE,+DACDD,SAAS;UACZE,SAAS,EAAE,cAACX,GAAG,CAACS,SAAS,CAACL,MAAM,cAAC,CAAC,CAACQ,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG;QAAC,EAC/D;QACDZ,GAAG,CAACO,SAAS,CAACM,EAAE,CAAC,GAAGL,EAAE;MAC1B,CAAC,CAAC;IACN;EACJ;EAEA,OAAOR,GAAG;AACd,CAAC;AAAC"}