@toptal/picasso-rich-text-editor 4.2.0 → 5.0.0

package/RichText/components/index.js

@@ -1,3 +1,5 @@
 export { default as Emoji } from './Emoji';
 export { default as Image } from './Image';
+export { default as CodeBlock } from './CodeBlock';
+export { default as Code } from './Code';
 //# sourceMappingURL=index.js.map

package/RichText/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RichText/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RichText/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/RichText/components/styles.d.ts

@@ -1,12 +1,6 @@
 import type { Theme } from '@material-ui/core/styles';
-export declare const codeStyles: ({ palette, typography }: Theme) => {
-    color: string;
-    backgroundColor: string | undefined;
-    border: string;
-    borderRadius: string;
-    padding: string;
-    fontSize: string;
-    fontFamily: string;
-};
-declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "code">;
+import type { CSSProperties } from '@material-ui/core/styles/withStyles';
+export declare const codeStyles: ({ palette, typography }: Theme) => CSSProperties;
+export declare const codeBlockStyles: ({ palette, sizes, typography, }: Theme) => CSSProperties;
+declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "code" | "codeBlock">;
 export default _default;

package/RichText/components/styles.js

@@ -1,4 +1,5 @@
 import { createStyles } from '@material-ui/core/styles';
+import { rem } from '@toptal/picasso-shared';
 export const codeStyles = ({ palette, typography }) => ({
     color: palette.red.main,
     backgroundColor: palette.grey.lighter,
@@ -7,8 +8,24 @@ export const codeStyles = ({ palette, typography }) => ({
     padding: '1px 0.25rem',
     fontSize: typography.fontSizes.xsmall,
     fontFamily: 'monospace',
+    textWrap: 'wrap',
+    wordBreak: 'break-word',
+});
+export const codeBlockStyles = ({ palette, sizes, typography, }) => ({
+    backgroundColor: palette.grey.lighter,
+    borderRadius: sizes.borderRadius.small,
+    padding: '0.25rem 0.5rem',
+    display: 'block',
+    fontFamily: 'monospace',
+    fontSize: typography.fontSizes.xxsmall,
+    lineHeight: rem('18px'),
+    color: palette.common.black,
+    textWrap: 'wrap',
+    wordBreak: 'break-word',
+    margin: 0,
 });
 export default (theme) => createStyles({
     code: codeStyles(theme),
+    codeBlock: codeBlockStyles(theme),
 });
 //# sourceMappingURL=styles.js.map

package/RichText/components/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/RichText/components/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAS,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;IACvB,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;IACrC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;IACzC,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,UAAU,CAAC,SAAS,CAAC,MAAM;IACrC,UAAU,EAAE,WAAW;CACxB,CAAC,CAAA;AAEF,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,CAAC;IACX,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC;CACxB,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/RichText/components/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAS,EAAiB,EAAE,CAAC,CAAC;IAC5E,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;IACvB,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;IACrC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;IACzC,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,UAAU,CAAC,SAAS,CAAC,MAAM;IACrC,UAAU,EAAE,WAAW;IACvB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,YAAY;CACxB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,UAAU,GACJ,EAAiB,EAAE,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;IACrC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;IACtC,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,WAAW;IACvB,QAAQ,EAAE,UAAU,CAAC,SAAS,CAAC,OAAO;IACtC,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;IAC3B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,CAAC;CACV,CAAC,CAAA;AAEF,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,CAAC;IACX,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC;IACvB,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC;CAClC,CAAC,CAAA"}

package/RichText/hooks/useRichText/useRichText.js

@@ -16,9 +16,8 @@ import Container from '@toptal/picasso/Container';
 import List from '@toptal/picasso/List';
 import ListItem from '@toptal/picasso/ListItem';
 import Link from '@toptal/picasso/Link';
-import { Emoji, Image } from '../../components';
+import { Emoji, Image, Code, CodeBlock } from '../../components';
 import { isCustomEmoji } from '../../../utils';
-import Code from '../../components/Code';
 // List internaly passes another props to ListItem
 const Li = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
@@ -51,6 +50,7 @@ const componentMap = {
     a: A,
     img: Img,
     code: Code,
+    pre: CodeBlock,
 };
 const picassoMapper = (child) => {
     var _a, _b;

package/RichText/hooks/useRichText/useRichText.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRichText.js","sourceRoot":"","sources":["../../../../src/RichText/hooks/useRichText/useRichText.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useRichText.js","sourceRoot":"","sources":["../../../../src/RichText/hooks/useRichText/useRichText.tsx"],"names":[],"mappings":"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"}

package/RichText/types.d.ts

@@ -4,7 +4,7 @@ export declare type TextType = {
 };
 export declare type ElementType = {
     type: 'element';
-    tagName: 'p' | 'h3' | 'strong' | 'em' | 'ul' | 'ol' | 'li' | 'br' | 'a' | 'img' | 'code';
+    tagName: 'p' | 'h3' | 'strong' | 'em' | 'ul' | 'ol' | 'li' | 'br' | 'a' | 'img' | 'code' | 'pre';
     properties: {};
     children: ASTChildType[];
 };

package/RichTextEditor/hooks/useTypographyClasses/index.d.ts

@@ -1 +1 @@
-export { default } from './useTypographyClasses';
+export { default } from './use-typography-classes';

package/RichTextEditor/hooks/useTypographyClasses/index.js

@@ -1,2 +1,2 @@
-export { default } from './useTypographyClasses';
+export { default } from './use-typography-classes';
 //# sourceMappingURL=index.js.map

package/RichTextEditor/hooks/useTypographyClasses/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useTypographyClasses/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useTypographyClasses/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA"}

package/RichTextEditor/hooks/useTypographyClasses/{useTypographyClasses.js → use-typography-classes.js}

@@ -8,4 +8,4 @@ const useTypographyClasses = (options) => {
     return getTypographyClassName(classes, options);
 };
 export default useTypographyClasses;
-//# sourceMappingURL=useTypographyClasses.js.map
+//# sourceMappingURL=use-typography-classes.js.map

package/RichTextEditor/hooks/useTypographyClasses/use-typography-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-typography-classes.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useTypographyClasses/use-typography-classes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAG1E,MAAM,0BAA0B,GAAG,UAAU,CAAQ,gBAAgB,EAAE;IACrE,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,oBAAoB,GAAG,CAAC,OAA0B,EAAU,EAAE;IAClE,MAAM,OAAO,GAAG,0BAA0B,EAAE,CAAA;IAE5C,OAAO,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;AACjD,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/RichTextEditor/store/toolbar/{actionTypes.js → action-types.js}

@@ -8,4 +8,4 @@ const actionTypes = {
     link: 'TOOLBAR/LINK',
 };
 export default actionTypes;
-//# sourceMappingURL=actionTypes.js.map
+//# sourceMappingURL=action-types.js.map

package/RichTextEditor/store/toolbar/action-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-types.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/action-types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,MAAM,EAAE,oBAAoB;IAC5B,IAAI,EAAE,kBAAkB;IACxB,QAAQ,EAAE,sBAAsB;IAChC,WAAW,EAAE,sBAAsB;IACnC,IAAI,EAAE,cAAc;CACZ,CAAA;AAEV,eAAe,WAAW,CAAA"}

package/RichTextEditor/store/toolbar/actions.js

@@ -1,4 +1,4 @@
-import actionTypes from './actionTypes';
+import actionTypes from './action-types';
 const setBold = (dispatch) => (payload) => dispatch({ type: actionTypes.bold, payload });
 const setItalic = (dispatch) => (payload) => dispatch({ type: actionTypes.italic, payload });
 const setHeader = (dispatch) => (payload) => dispatch({ type: actionTypes.header, payload });

package/RichTextEditor/store/toolbar/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/actions.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAA;AAWvC,MAAM,OAAO,GACX,CAAC,QAAqC,EAAE,EAAE,CAC1C,CAAC,OAAqC,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAEjD,MAAM,SAAS,GACb,CAAC,QAAuC,EAAE,EAAE,CAC5C,CAAC,OAAuC,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;AAEnD,MAAM,SAAS,GACb,CAAC,QAAuC,EAAE,EAAE,CAC5C,CAAC,OAAuC,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;AAEnD,MAAM,OAAO,GACX,CAAC,QAAqC,EAAE,EAAE,CAC1C,CAAC,OAAqC,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAEjD,MAAM,OAAO,GACX,CAAC,QAAqC,EAAE,EAAE,CAC1C,CAAC,OAAqC,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAEjD,MAAM,WAAW,GAAG,CAAC,QAA+B,EAAE,EAAE,CAAC,CAAC,OAAgB,EAAE,EAAE,CAC5E,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;AAEnD,MAAM,WAAW,GAAG,CAAC,QAAmC,EAAE,EAAE,CAAC,GAAG,EAAE,CAChE,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA;AAE7C,MAAM,OAAO,GAAG;IACd,OAAO;IACP,SAAS;IACT,SAAS;IACT,OAAO;IACP,OAAO;IACP,WAAW;IACX,WAAW;CACZ,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/actions.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAWxC,MAAM,OAAO,GACX,CAAC,QAAqC,EAAE,EAAE,CAC1C,CAAC,OAAqC,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAEjD,MAAM,SAAS,GACb,CAAC,QAAuC,EAAE,EAAE,CAC5C,CAAC,OAAuC,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;AAEnD,MAAM,SAAS,GACb,CAAC,QAAuC,EAAE,EAAE,CAC5C,CAAC,OAAuC,EAAE,EAAE,CAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;AAEnD,MAAM,OAAO,GACX,CAAC,QAAqC,EAAE,EAAE,CAC1C,CAAC,OAAqC,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAEjD,MAAM,OAAO,GACX,CAAC,QAAqC,EAAE,EAAE,CAC1C,CAAC,OAAqC,EAAE,EAAE,CACxC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;AAEjD,MAAM,WAAW,GAAG,CAAC,QAA+B,EAAE,EAAE,CAAC,CAAC,OAAgB,EAAE,EAAE,CAC5E,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;AAEnD,MAAM,WAAW,GAAG,CAAC,QAAmC,EAAE,EAAE,CAAC,GAAG,EAAE,CAChE,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA;AAE7C,MAAM,OAAO,GAAG;IACd,OAAO;IACP,SAAS;IACT,SAAS;IACT,OAAO;IACP,OAAO;IACP,WAAW;IACX,WAAW;CACZ,CAAA;AAED,eAAe,OAAO,CAAA"}

package/RichTextEditor/store/toolbar/index.d.ts

@@ -1,6 +1,6 @@
 import actions from './actions';
 import reducer from './reducer';
-import initialState from './initialState';
-import actionTypes from './actionTypes';
+import initialState from './initial-state';
+import actionTypes from './action-types';
 export * from './types';
 export { actions, actionTypes, reducer, initialState };

package/RichTextEditor/store/toolbar/index.js

@@ -1,7 +1,7 @@
 import actions from './actions';
 import reducer from './reducer';
-import initialState from './initialState';
-import actionTypes from './actionTypes';
+import initialState from './initial-state';
+import actionTypes from './action-types';
 export * from './types';
 export { actions, actionTypes, reducer, initialState };
 //# sourceMappingURL=index.js.map

package/RichTextEditor/store/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/RichTextEditor/store/toolbar/{initialState.js → initial-state.js}

@@ -9,4 +9,4 @@ const initialState = {
     disabled: true,
 };
 export default initialState;
-//# sourceMappingURL=initialState.js.map
+//# sourceMappingURL=initial-state.js.map

package/RichTextEditor/store/toolbar/initial-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initial-state.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/initial-state.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAqB;IACrC,MAAM,EAAE;QACN,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,EAAE;KACT;IACD,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,eAAe,YAAY,CAAA"}

package/RichTextEditor/store/toolbar/reducer.js

@@ -1,5 +1,5 @@
-import actionTypes from './actionTypes';
-import initialState from './initialState';
+import actionTypes from './action-types';
+import initialState from './initial-state';
 const reducer = (state = initialState, action) => {
     switch (action.type) {
         case actionTypes.bold:

package/RichTextEditor/store/toolbar/reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,OAAO,GAAuB,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAE,EAAE;IACnE,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QACH,KAAK,WAAW,CAAC,MAAM;YACrB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,OAClD;QACH,KAAK,WAAW,CAAC,MAAM;YACrB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,OAClD;QACH,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QACH,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QACH,KAAK,WAAW,CAAC,QAAQ;YACvB,uCACK,KAAK,KACR,QAAQ,EAAE,MAAM,CAAC,OAAO,IACzB;QAEH,KAAK,WAAW,CAAC,WAAW;YAC1B,uCACK,KAAK,KACR,MAAM,EAAE,YAAY,CAAC,MAAM,IAC5B;QAEH;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"reducer.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/store/toolbar/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,MAAM,OAAO,GAAuB,CAAC,KAAK,GAAG,YAAY,EAAE,MAAM,EAAE,EAAE;IACnE,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QACH,KAAK,WAAW,CAAC,MAAM;YACrB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,OAClD;QACH,KAAK,WAAW,CAAC,MAAM;YACrB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,OAClD;QACH,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QACH,KAAK,WAAW,CAAC,IAAI;YACnB,uCACK,KAAK,KACR,MAAM,kCAAO,KAAK,CAAC,MAAM,KAAE,IAAI,EAAE,MAAM,CAAC,OAAO,OAChD;QACH,KAAK,WAAW,CAAC,QAAQ;YACvB,uCACK,KAAK,KACR,QAAQ,EAAE,MAAM,CAAC,OAAO,IACzB;QAEH,KAAK,WAAW,CAAC,WAAW;YAC1B,uCACK,KAAK,KACR,MAAM,EAAE,YAAY,CAAC,MAAM,IAC5B;QAEH;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/RichTextEditor/store/toolbar/types.d.ts

@@ -1,4 +1,4 @@
-import type actionTypes from './actionTypes';
+import type actionTypes from './action-types';
 export declare type HeaderValue = '3' | '';
 export declare type BoldValue = boolean;
 export declare type ItalicValue = boolean;

package/RichTextEditor/styles.js

@@ -1,6 +1,6 @@
 import { outline } from '@toptal/picasso-shared';
 import { createStyles } from '@material-ui/core/styles';
-import highlightAutofillStyles from '@toptal/picasso/InputBase/highlightStyles';
+import highlightAutofillStyles from '@toptal/picasso/InputBase/highlight-styles';
 export default (theme) => {
     const { palette, sizes } = theme;
     return createStyles(Object.assign({ editorWrapper: {

package/RichTextEditor/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,uBAAuB,MAAM,2CAA2C,CAAA;AAE/E,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEhC,OAAO,YAAY,iBACjB,aAAa,EAAE;YACb,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;YACtC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;YAC1C,OAAO,EAAE,OAAO;YAEhB,oCAAoC,EAAE;gBACpC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;aAChC;SACF,EAED,QAAQ,EAAE;YACR,aAAa,EAAE,MAAM;YACrB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAChC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;SAC7C,EAED,KAAK,EAAE;YACL,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;YAC7B,WAAW,kBACT,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,IAC1B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAC7B;SACF,EAED,OAAO,kBACL,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAG/B,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,uBAAuB,MAAM,4CAA4C,CAAA;AAEhF,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEhC,OAAO,YAAY,iBACjB,aAAa,EAAE;YACb,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;YACtC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;YAC1C,OAAO,EAAE,OAAO;YAEhB,oCAAoC,EAAE;gBACpC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;aAChC;SACF,EAED,QAAQ,EAAE;YACR,aAAa,EAAE,MAAM;YACrB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAChC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;SAC7C,EAED,KAAK,EAAE;YACL,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;YAC7B,WAAW,kBACT,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,IAC1B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAC7B;SACF,EAED,OAAO,kBACL,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAG/B,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA;AACJ,CAAC,CAAA"}

package/RichTextEditorToolbar/RichTextEditorToolbar.js

@@ -3,7 +3,7 @@ import { Bold16, Container, Italic16, ListOrdered16, ListUnordered16, Select, }
 import { useMultipleForwardRefs } from '@toptal/picasso/utils';
 import cx from 'classnames';
 import React, { forwardRef } from 'react';
-import { useToolbarPortalRegister } from '../plugins/api';
+import { useRTEPluginContext, useToolbarPortalRegister } from '../plugins/api';
 import TextEditorButton from '../RichTextEditorButton';
 import styles from './styles';
 const useStyles = makeStyles(styles, {
@@ -13,9 +13,10 @@ export const ALLOWED_HEADER_TYPE = '3';
 export const RichTextEditorToolbar = forwardRef(function RichTextEditorToolbar(props, ref) {
     const { disabled, format, onBoldClick, onItalicClick, onHeaderChange, onUnorderedClick, onOrderedClick, testIds, id, } = props;
     const { setToolbarPortalEl } = useToolbarPortalRegister();
+    const { disabledFormatting } = useRTEPluginContext();
     const toolbarRef = useMultipleForwardRefs([ref, setToolbarPortalEl]);
     const classes = useStyles(props);
-    const isHeadingFormat = format.header === ALLOWED_HEADER_TYPE;
+    const isInlineFormattingDisabled = disabled || disabledFormatting;
     return (React.createElement(Container, { ref: toolbarRef, id: `${id}toolbar`, className: classes.toolbar },
         React.createElement(Container, { className: cx(classes.group, {
                 groupDisabled: disabled,
@@ -25,8 +26,8 @@ export const RichTextEditorToolbar = forwardRef(function RichTextEditorToolbar(p
                     { value: '', text: 'normal' },
                 ], size: 'small', menuWidth: '123px', className: classes.select, disabled: disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.headerSelect })),
         React.createElement(Container, { className: classes.group },
-            React.createElement(TextEditorButton, { icon: React.createElement(Bold16, null), onClick: onBoldClick, active: isHeadingFormat ? false : format.bold, disabled: isHeadingFormat || disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.boldButton }),
-            React.createElement(TextEditorButton, { icon: React.createElement(Italic16, null), onClick: onItalicClick, active: isHeadingFormat ? false : format.italic, disabled: isHeadingFormat || disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.italicButton })),
+            React.createElement(TextEditorButton, { icon: React.createElement(Bold16, null), onClick: onBoldClick, active: isInlineFormattingDisabled ? false : format.bold, disabled: isInlineFormattingDisabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.boldButton }),
+            React.createElement(TextEditorButton, { icon: React.createElement(Italic16, null), onClick: onItalicClick, active: isInlineFormattingDisabled ? false : format.italic, disabled: isInlineFormattingDisabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.italicButton })),
         React.createElement(Container, { className: classes.group },
             React.createElement(TextEditorButton, { icon: React.createElement(ListUnordered16, null), onClick: onUnorderedClick, active: format.list === 'bullet', disabled: disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.unorderedListButton }),
             React.createElement(TextEditorButton, { icon: React.createElement(ListOrdered16, null), onClick: onOrderedClick, active: format.list === 'ordered', disabled: disabled, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.orderedListButton }))));

package/RichTextEditorToolbar/RichTextEditorToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorToolbar.js","sourceRoot":"","sources":["../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RichTextEditorToolbar.js","sourceRoot":"","sources":["../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -2,5 +2,5 @@ export { default as RichTextEditor } from './RichTextEditor';
 export type { RichTextEditorProps, RichTextEditorChangeHandler, } from './RichTextEditor';
 export { default as RichText } from './RichText';
 export type { RichTextProps, ASTType } from './RichText';
-export { ImagePlugin, EmojiPlugin, LinkPlugin, CodePlugin } from './plugins';
+export { ImagePlugin, EmojiPlugin, LinkPlugin, CodePlugin, CodeBlockPlugin, } from './plugins';
 export type { UploadedImage, CustomEmoji, CustomEmojiGroup } from './plugins';

package/index.js

@@ -1,4 +1,4 @@
 export { default as RichTextEditor } from './RichTextEditor';
 export { default as RichText } from './RichText';
-export { ImagePlugin, EmojiPlugin, LinkPlugin, CodePlugin } from './plugins';
+export { ImagePlugin, EmojiPlugin, LinkPlugin, CodePlugin, CodeBlockPlugin, } from './plugins';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAK5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAK5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,eAAe,GAChB,MAAM,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-rich-text-editor",
-  "version": "4.2.0",
+  "version": "5.0.0",
   "description": "Picasso rich text editor",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-rich-text-editor#readme",
@@ -23,7 +23,7 @@
     "url": "https://github.com/toptal/picasso/issues"
   },
   "peerDependencies": {
-    "@toptal/picasso": "^37.1.0",
+    "@toptal/picasso": "^37.3.0",
     "@toptal/picasso-shared": "^12.0.0",
     "@material-ui/core": "4.12.4",
     "@lexical/utils": "0.11.2",

package/plugins/CodeBlockPlugin/CodeBlockButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type Props = {
+    'data-testid'?: string;
+};
+declare const CodeBlockButton: ({ "data-testid": testId }: Props) => JSX.Element;
+export default CodeBlockButton;

package/plugins/CodeBlockPlugin/CodeBlockButton.js

@@ -0,0 +1,98 @@
+import { CodeBlock16 } from '@toptal/picasso';
+import React, { useCallback, useState } from 'react';
+import { $createLineBreakNode, $createParagraphNode, $getSelection, $isElementNode, $isRangeSelection, ElementNode, } from 'lexical';
+import { $getNearestNodeOfType } from '@lexical/utils';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $setBlocksType } from '@lexical/selection';
+import { useRTEPluginContext, useRTEUpdate } from '../api';
+import RichTextEditorButton from '../../RichTextEditorButton';
+import { $createCodeBlockTextNode, $createCodeBlockNode, $isCodeBlockNode, } from './nodes';
+import { getSelectedNode } from '../../LexicalEditor/utils';
+// go up through the tree and find the nearest block node (paragraph, heading, list, etc)
+const getParentBlockNode = (node) => {
+    if (!node) {
+        return null;
+    }
+    const elementNode = $getNearestNodeOfType(node, ElementNode);
+    if (!elementNode) {
+        return null;
+    }
+    if (elementNode.isInline()) {
+        return getParentBlockNode(elementNode.getParent());
+    }
+    return elementNode;
+};
+const getBlockNodesInSelection = () => {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) {
+        return [];
+    }
+    let blockNodesInSelection = selection
+        .getNodes()
+        .filter($isElementNode)
+        .filter(node => node.isInline() === false);
+    const isBlockNodesEmpty = blockNodesInSelection.length === 0;
+    if (isBlockNodesEmpty) {
+        const selectedNode = getSelectedNode(selection);
+        const blockNode = getParentBlockNode(selectedNode);
+        if (!blockNode) {
+            return [];
+        }
+        blockNodesInSelection = [blockNode];
+    }
+    return blockNodesInSelection;
+};
+const appendTextToCodeBlock = (node, codeBlock, isLast) => {
+    const text = node.getTextContent();
+    if (text) {
+        codeBlock.append($createCodeBlockTextNode(text));
+    }
+    if (!isLast) {
+        codeBlock.append($createLineBreakNode());
+    }
+};
+const replaceChildrenNodesWithRawText = (selection) => {
+    $setBlocksType(selection, () => $createParagraphNode());
+    const codeBlock = $createCodeBlockNode();
+    const blockNodesInSelection = getBlockNodesInSelection();
+    if (blockNodesInSelection.length === 0) {
+        return;
+    }
+    blockNodesInSelection.forEach((node, index) => {
+        const isLast = index === blockNodesInSelection.length - 1;
+        appendTextToCodeBlock(node, codeBlock, isLast);
+        if (isLast) {
+            node.insertAfter(codeBlock);
+        }
+        node.remove();
+    });
+    codeBlock.select();
+};
+const CodeBlockButton = ({ 'data-testid': testId }) => {
+    const [isButtonActive, setButtonActive] = useState(false);
+    const [editor] = useLexicalComposerContext();
+    const { disabled, focused } = useRTEPluginContext();
+    const handleClick = useCallback(() => {
+        editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                if (isButtonActive) {
+                    return $setBlocksType(selection, () => $createParagraphNode());
+                }
+                replaceChildrenNodesWithRawText(selection);
+            }
+        });
+    }, [editor, isButtonActive]);
+    useRTEUpdate(() => {
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+            const node = getSelectedNode(selection);
+            const parent = node.getParent();
+            const isCodeBlockSelected = $isCodeBlockNode(parent) || $isCodeBlockNode(node);
+            setButtonActive(isCodeBlockSelected);
+        }
+    });
+    return (React.createElement(RichTextEditorButton, { icon: React.createElement(CodeBlock16, null), onClick: handleClick, active: isButtonActive, disabled: disabled || !focused, "data-testid": testId }));
+};
+export default CodeBlockButton;
+//# sourceMappingURL=CodeBlockButton.js.map

package/plugins/CodeBlockPlugin/CodeBlockButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockButton.js","sourceRoot":"","sources":["../../../src/plugins/CodeBlockPlugin/CodeBlockButton.tsx"],"names":[],"mappings":"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"}

package/plugins/CodeBlockPlugin/CodeBlockPlugin.d.ts

@@ -0,0 +1,8 @@
+import type { RTEPlugin } from '../api';
+export declare type Props = {
+    testIds?: {
+        button?: string;
+    };
+};
+declare const CodeBlockPlugin: RTEPlugin<Props>;
+export default CodeBlockPlugin;

package/plugins/CodeBlockPlugin/CodeBlockPlugin.js

@@ -0,0 +1,43 @@
+import React, { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { $createTextNode, TextNode } from 'lexical';
+import { RTEPluginMeta, Toolbar } from '../api';
+import CodeBlockButton from './CodeBlockButton';
+import { $isCodeBlockNode, CodeBlockNode, $createCodeBlockTextNode, CodeBlockTextNode, } from './nodes';
+const PLUGIN_NAME = 'code-block';
+const textNodeTransform = (node) => {
+    // Since CodeNode has flat children structure we only need to check
+    // if node's parent is a code node and run highlighting if so
+    const parentNode = node.getParent();
+    if ($isCodeBlockNode(parentNode)) {
+        const text = node.getTextContent();
+        const codeTextNode = $createCodeBlockTextNode(text);
+        node.replace(codeTextNode);
+    }
+};
+// when code block is converted to paragraph
+const codeBlockTextNodeTransform = (node) => {
+    const parentNode = node.getParent();
+    if ($isCodeBlockNode(parentNode)) {
+        return;
+    }
+    node.replace($createTextNode(node.__text));
+};
+const CodeBlockPlugin = ({ testIds = {} }) => {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return mergeRegister(editor.registerNodeTransform(TextNode, textNodeTransform), editor.registerNodeTransform(CodeBlockTextNode, codeBlockTextNodeTransform));
+    }, [editor]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Toolbar, { keyName: PLUGIN_NAME },
+            React.createElement(CodeBlockButton, { "data-testid": testIds.button }))));
+};
+CodeBlockPlugin[RTEPluginMeta] = {
+    name: PLUGIN_NAME,
+    lexical: {
+        nodes: [CodeBlockNode, CodeBlockTextNode],
+    },
+};
+export default CodeBlockPlugin;
+//# sourceMappingURL=CodeBlockPlugin.js.map

package/plugins/CodeBlockPlugin/CodeBlockPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockPlugin.js","sourceRoot":"","sources":["../../../src/plugins/CodeBlockPlugin/CodeBlockPlugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGnD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAC/C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,YAAY,CAAA;AAQhC,MAAM,iBAAiB,GAAG,CAAC,IAAc,EAAQ,EAAE;IACjD,mEAAmE;IACnE,6DAA6D;IAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;IAEnC,IAAI,gBAAgB,CAAC,UAAU,CAAC,EAAE;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;QAElC,MAAM,YAAY,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAA;QAEnD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAA;KAC3B;AACH,CAAC,CAAA;AAED,4CAA4C;AAC5C,MAAM,0BAA0B,GAAG,CAAC,IAAuB,EAAQ,EAAE;IACnE,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;IAEnC,IAAI,gBAAgB,CAAC,UAAU,CAAC,EAAE;QAChC,OAAM;KACP;IAED,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC5C,CAAC,CAAA;AAED,MAAM,eAAe,GAAqB,CAAC,EAAE,OAAO,GAAG,EAAE,EAAS,EAAE,EAAE;IACpE,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAClB,MAAM,CAAC,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,EACzD,MAAM,CAAC,qBAAqB,CAC1B,iBAAiB,EACjB,0BAA0B,CAC3B,CACF,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL;QACE,oBAAC,OAAO,IAAC,OAAO,EAAE,WAAW;YAC3B,oBAAC,eAAe,mBAAc,OAAO,CAAC,MAAM,GAAI,CACxC,CACT,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,CAAC,aAAa,CAAC,GAAG;IAC/B,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE;QACP,KAAK,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC;KAC1C;CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/plugins/CodeBlockPlugin/index.d.ts

@@ -0,0 +1 @@
+export { default, Props } from './CodeBlockPlugin';

package/plugins/CodeBlockPlugin/index.js

@@ -0,0 +1,2 @@
+export { default } from './CodeBlockPlugin';
+//# sourceMappingURL=index.js.map

package/plugins/CodeBlockPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/plugins/CodeBlockPlugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAS,MAAM,mBAAmB,CAAA"}

package/plugins/CodeBlockPlugin/nodes/CodeBlockNode.d.ts

@@ -0,0 +1,18 @@
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, NodeKey, ParagraphNode, RangeSelection, SerializedElementNode } from 'lexical';
+import { ElementNode } from 'lexical';
+import type { CodeBlockTextNode } from '../nodes';
+export declare class CodeBlockNode extends ElementNode {
+    static getType(): string;
+    static clone(node: CodeBlockNode): CodeBlockNode;
+    constructor(key?: NodeKey);
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): boolean;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(serializedNode: SerializedElementNode): CodeBlockNode;
+    exportJSON(): SerializedElementNode;
+    canIndent(): boolean;
+    extractWithChild(): boolean;
+    insertNewAfter(selection: RangeSelection, restoreSelection?: boolean): null | ParagraphNode | CodeBlockTextNode;
+    collapseAtStart(): boolean;
+}