@toptal/picasso-rich-text-editor 17.0.21 → 17.1.0

package/dist-package/src/RichText/RichText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../src/RichText/RichText.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGtC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;OAEG;IACH,KAAK,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,4DAKlB,KAAK,gBAeP,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../../src/RichText/RichText.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGtC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;OAEG;IACH,KAAK,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,4DAKlB,KAAK,gBAYP,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist-package/src/RichText/RichText.js

@@ -1,10 +1,9 @@
 import React from 'react';
-import { Container } from '@toptal/picasso-container';
-import { twJoin } from '@toptal/picasso-tailwind-merge';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
 import useRichText from './hooks/useRichText';
 export const RichText = ({ value, style, className, 'data-testid': dataTestId, }) => {
     const richText = useRichText(value);
-    return (React.createElement(Container, { style: style, "data-testid": dataTestId, className: twJoin('break-words', className), gap: 'xsmall', flex: true, direction: 'column' }, richText));
+    return (React.createElement("div", { style: style, "data-testid": dataTestId, className: twMerge('gap-2 flex flex-col break-words', className) }, richText));
 };
 export default RichText;
 //# sourceMappingURL=RichText.js.map

package/dist-package/src/RichText/RichText.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../src/RichText/RichText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAGvD,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAS7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,SAAS,EACT,aAAa,EAAE,UAAU,GACnB,EAAE,EAAE;IACV,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;IAEnC,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,iBACC,UAAU,EACvB,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAC,QAAQ,EACZ,IAAI,QACJ,SAAS,EAAC,QAAQ,IAEjB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"RichText.js","sourceRoot":"","sources":["../../../src/RichText/RichText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAS7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,SAAS,EACT,aAAa,EAAE,UAAU,GACnB,EAAE,EAAE;IACV,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;IAEnC,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,iBACC,UAAU,EACvB,SAAS,EAAE,OAAO,CAAC,iCAAiC,EAAE,SAAS,CAAC,IAE/D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist-package/src/RichText/hooks/useRichText/useRichText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRichText.d.ts","sourceRoot":"","sources":["../../../../../src/RichText/hooks/useRichText/useRichText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAM,MAAM,OAAO,CAAA;AASxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAiF1C,QAAA,MAAM,WAAW,UAAW,OAAO,KAAG,SAAS,EAAE,GAAG,SAwBnD,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"useRichText.d.ts","sourceRoot":"","sources":["../../../../../src/RichText/hooks/useRichText/useRichText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAM,MAAM,OAAO,CAAA;AAQxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAkG1C,QAAA,MAAM,WAAW,UAAW,OAAO,KAAG,SAAS,EAAE,GAAG,SAwBnD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist-package/src/RichText/hooks/useRichText/useRichText.js

@@ -15,28 +15,43 @@ import { Container } from '@toptal/picasso-container';
 import { Typography } from '@toptal/picasso-typography';
 import { List, ListItem } from '@toptal/picasso-list';
 import { Link } from '@toptal/picasso-link';
-import { makeStyles } from '@material-ui/core';
+import { twMerge } from '@toptal/picasso-tailwind-merge';
 import { Emoji, Image, Code, CodeBlock } from '../../components';
 import { isCustomEmoji } from '../../../utils';
-import styles from './styles';
-const useStyles = makeStyles(styles, { name: 'PicassoRichText' });
 // List internaly passes another props to ListItem
 const Li = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
     return (React.createElement(ListItem, Object.assign({}, props), children));
 };
 /* eslint-disable id-length */
-const P = ({ children }) => (React.createElement(Typography, { size: 'medium' }, children));
-const Strong = ({ children }) => (React.createElement(Typography, { size: 'inherit', as: 'strong', weight: 'semibold', color: 'inherit' }, children));
-const Em = ({ children }) => (React.createElement(Typography, { size: 'inherit', as: 'em', color: 'inherit' }, children));
-const H3 = ({ children }) => (React.createElement(Container, { top: 'xsmall' },
-    React.createElement(Typography, { as: 'h3', variant: 'heading', size: 'medium' }, children)));
-const Ul = ({ children }) => React.createElement(List, { variant: 'unordered' }, children);
-const Ol = ({ children }) => React.createElement(List, { variant: 'ordered' }, children);
-const A = (_a) => {
+const P = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (React.createElement(Typography, Object.assign({ size: 'medium' }, props), children));
+};
+const Strong = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (React.createElement(Typography, Object.assign({ size: 'inherit', as: 'strong', weight: 'semibold', color: 'inherit' }, props), children));
+};
+const Em = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (React.createElement(Typography, Object.assign({ size: 'inherit', as: 'em', color: 'inherit' }, props), children));
+};
+const H3 = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    const classes = useStyles();
-    return (React.createElement(Link, Object.assign({}, props, { className: classes.visitedLinkChild }), children));
+    return (React.createElement(Container, Object.assign({ top: 'xsmall' }, props),
+        React.createElement(Typography, { as: 'h3', variant: 'heading', size: 'medium' }, children)));
+};
+const Ul = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (React.createElement(List, Object.assign({ variant: 'unordered' }, props), children));
+};
+const Ol = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (React.createElement(List, Object.assign({ variant: 'ordered' }, props), children));
+};
+const A = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement(Link, Object.assign({}, props, { className: twMerge('[&:visited>strong]:text-purple-500 [&:visited>em]:text-purple-500', className) }), children));
 };
 const Img = (_a) => {
     var props = __rest(_a, []);

package/dist-package/src/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-rich-text-editor",
-  "version": "17.0.21",
+  "version": "17.1.0",
   "description": "Picasso rich text editor",
   "author": "Toptal",
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-rich-text-editor#readme",

package/src/RichText/RichText.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import type { BaseProps } from '@toptal/picasso-shared'
-import { Container } from '@toptal/picasso-container'
-import { twJoin } from '@toptal/picasso-tailwind-merge'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
 
 import type { ASTType } from './types'
 import useRichText from './hooks/useRichText'
@@ -22,16 +21,13 @@ export const RichText = ({
   const richText = useRichText(value)
 
   return (
-    <Container
+    <div
       style={style}
       data-testid={dataTestId}
-      className={twJoin('break-words', className)}
-      gap='xsmall'
-      flex
-      direction='column'
+      className={twMerge('gap-2 flex flex-col break-words', className)}
     >
       {richText}
-    </Container>
+    </div>
   )
 }
 

package/src/RichText/hooks/useRichText/useRichText.tsx

@@ -1,22 +1,19 @@
 import toH from 'hast-to-hyperscript'
 import type { ReactElement, ReactNode, FC } from 'react'
-import type { Theme } from '@material-ui/core/styles'
 import React, { useMemo, createElement, isValidElement } from 'react'
 import { Container } from '@toptal/picasso-container'
 import { Typography } from '@toptal/picasso-typography'
 import { List, ListItem } from '@toptal/picasso-list'
 import { Link } from '@toptal/picasso-link'
-import { makeStyles } from '@material-ui/core'
+import { twMerge } from '@toptal/picasso-tailwind-merge'
 
 import type { ASTType } from '../../types'
 import { Emoji, Image, Code, CodeBlock } from '../../components'
 import { isCustomEmoji } from '../../../utils'
-import styles from './styles'
-
-const useStyles = makeStyles<Theme>(styles, { name: 'PicassoRichText' })
 
 type Props = {
   children?: React.ReactNode
+  className?: string
 }
 
 // List internaly passes another props to ListItem
@@ -25,39 +22,58 @@ const Li = ({ children, ...props }: Props) => (
 )
 
 /* eslint-disable id-length */
-const P = ({ children }: Props) => (
-  <Typography size='medium'>{children}</Typography>
+const P = ({ children, ...props }: Props) => (
+  <Typography size='medium' {...props}>
+    {children}
+  </Typography>
 )
-const Strong = ({ children }: Props) => (
-  <Typography size='inherit' as='strong' weight='semibold' color='inherit'>
+const Strong = ({ children, ...props }: Props) => (
+  <Typography
+    size='inherit'
+    as='strong'
+    weight='semibold'
+    color='inherit'
+    {...props}
+  >
     {children}
   </Typography>
 )
 
-const Em = ({ children }: Props) => (
-  <Typography size='inherit' as='em' color='inherit'>
+const Em = ({ children, ...props }: Props) => (
+  <Typography size='inherit' as='em' color='inherit' {...props}>
     {children}
   </Typography>
 )
 
-const H3 = ({ children }: Props) => (
-  <Container top='xsmall'>
+const H3 = ({ children, ...props }: Props) => (
+  <Container top='xsmall' {...props}>
     <Typography as='h3' variant='heading' size='medium'>
       {children}
     </Typography>
   </Container>
 )
-const Ul = ({ children }: Props) => <List variant='unordered'>{children}</List>
-const Ol = ({ children }: Props) => <List variant='ordered'>{children}</List>
-const A = ({ children, ...props }: Props) => {
-  const classes = useStyles()
 
-  return (
-    <Link {...props} className={classes.visitedLinkChild}>
-      {children}
-    </Link>
-  )
-}
+const Ul = ({ children, ...props }: Props) => (
+  <List variant='unordered' {...props}>
+    {children}
+  </List>
+)
+const Ol = ({ children, ...props }: Props) => (
+  <List variant='ordered' {...props}>
+    {children}
+  </List>
+)
+const A = ({ children, className, ...props }: Props) => (
+  <Link
+    {...props}
+    className={twMerge(
+      '[&:visited>strong]:text-purple-500 [&:visited>em]:text-purple-500',
+      className
+    )}
+  >
+    {children}
+  </Link>
+)
 
 const Img = ({ ...props }: Props) =>
   isCustomEmoji(props) ? <Emoji {...props} /> : <Image {...props} />

package/dist-package/src/RichText/hooks/useRichText/styles.d.ts

@@ -1,4 +0,0 @@
-import type { Theme } from '@material-ui/core/styles';
-declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "visitedLinkChild">;
-export default _default;
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/RichText/hooks/useRichText/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/RichText/hooks/useRichText/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;sCAExB,KAAK;AAAlC,wBAOI"}

package/dist-package/src/RichText/hooks/useRichText/styles.js

@@ -1,9 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default ({ palette }) => createStyles({
-    visitedLinkChild: {
-        '&:visited > strong, &:visited > em': {
-            color: palette.purple.main,
-        },
-    },
-});
-//# sourceMappingURL=styles.js.map

package/dist-package/src/RichText/hooks/useRichText/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/RichText/hooks/useRichText/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGvD,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,gBAAgB,EAAE;QAChB,oCAAoC,EAAE;YACpC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;SAC3B;KACF;CACF,CAAC,CAAA"}

package/src/RichText/hooks/useRichText/styles.ts

@@ -1,11 +0,0 @@
-import { createStyles } from '@material-ui/core/styles'
-import type { Theme } from '@material-ui/core/styles'
-
-export default ({ palette }: Theme) =>
-  createStyles({
-    visitedLinkChild: {
-      '&:visited > strong, &:visited > em': {
-        color: palette.purple.main,
-      },
-    },
-  })