Update peer dependencies version (niuware#246)

* Format examples sources * Update dependencies * Audit fix dependencies
agbishop · Mar 29, 2021 · b7f70ed · b7f70ed
1 parent 52c7723
commit b7f70ed
Show file tree

Hide file tree

Showing 22 changed files with 112 additions and 117 deletions.
diff --git a/examples/async-atomic-custom-block/index.tsx b/examples/async-atomic-custom-block/index.tsx
@@ -1,6 +1,5 @@
 import React, { useRef, useState, FunctionComponent, useEffect } from 'react'
-import MUIRichTextEditor from '../..'
-import { TMUIRichTextEditorRef, TAsyncAtomicBlockResponse} from '../../src/MUIRichTextEditor'
+import MUIRichTextEditor, { TMUIRichTextEditorRef, TAsyncAtomicBlockResponse } from '../..'
 import { makeStyles } from '@material-ui/core/styles'
 import Card from '@material-ui/core/Card'
 import CardContent from '@material-ui/core/CardContent'
@@ -140,9 +139,9 @@ const MyCardPopover: FunctionComponent<IMyCardPopoverProps> = (props) => {
         >
             <Grid container spacing={1} className={classes.root}>
                 <Grid item xs={12}>
-                    <TextField 
+                    <TextField
                         {...textFieldProps}
-                        autoFocus={true} 
+                        autoFocus={true}
                         label="Search term"
                         name="searchTerm"
                         placeholder="Type anything here..."
@@ -174,12 +173,12 @@ const MyCardPopover: FunctionComponent<IMyCardPopoverProps> = (props) => {
 }
 
 const AsyncAtomicCustomBlock: FunctionComponent = () => {
-    
+
     const ref = useRef<TMUIRichTextEditorRef>(null)
     const [anchor, setAnchor] = useState<HTMLElement | null>(null)
     return (
         <>
-            <MyCardPopover 
+            <MyCardPopover
                 anchor={anchor}
                 onSubmit={(data, insert) => {
                     if (insert && data.searchTerm) {

diff --git a/examples/async-image-upload/index.tsx b/examples/async-image-upload/index.tsx
@@ -1,6 +1,5 @@
 import React, { useRef, useState, FunctionComponent, useEffect } from 'react'
-import MUIRichTextEditor from '../..'
-import { TMUIRichTextEditorRef, TAsyncAtomicBlockResponse } from '../../src/MUIRichTextEditor'
+import MUIRichTextEditor, { TMUIRichTextEditorRef, TAsyncAtomicBlockResponse } from '../..'
 import Grid from '@material-ui/core/Grid'
 import { makeStyles } from '@material-ui/core/styles'
 import Popover from '@material-ui/core/Popover'
@@ -106,8 +105,8 @@ const UploadImagePopover: FunctionComponent<IUploadImagePopoverProps> = (props)
         >
             <Grid container spacing={1} className={classes.root}>
                 <Grid item xs={10}>
-                    <TextField 
-                        className={classes.textField} 
+                    <TextField
+                        className={classes.textField}
                         disabled
                         value={data.file?.name || ""}
                         placeholder="Click icon to attach image"
@@ -167,7 +166,7 @@ const AsyncImageUpload: FunctionComponent = () => {
 
     return (
         <>
-            <UploadImagePopover 
+            <UploadImagePopover
                 anchor={anchor}
                 onSubmit={(data, insert) => {
                     if (insert && data.file) {

diff --git a/examples/atomic-custom-block/index.tsx b/examples/atomic-custom-block/index.tsx
@@ -1,8 +1,9 @@
 import React, { useRef, useState, FunctionComponent, useEffect } from 'react'
-import MUIRichTextEditor from '../..'
-import { TMUIRichTextEditorRef } from '../../src/MUIRichTextEditor'
-import { Card, CardHeader, Avatar, CardMedia, CardContent, 
-    Typography, IconButton, CardActions, Grid } from '@material-ui/core'
+import MUIRichTextEditor, { TMUIRichTextEditorRef } from '../..'
+import {
+    Card, CardHeader, Avatar, CardMedia, CardContent,
+    Typography, IconButton, CardActions, Grid
+} from '@material-ui/core'
 import { makeStyles } from '@material-ui/core/styles'
 import Popover from '@material-ui/core/Popover'
 import TextField from '@material-ui/core/TextField'
@@ -94,12 +95,12 @@ const MyCard: FunctionComponent<any> = (props) => {
                 </Typography>
             </CardContent>
             <CardActions disableSpacing>
-                <IconButton 
-                    aria-label="like card" 
+                <IconButton
+                    aria-label="like card"
                     onClick={handleLiked}>
                     <FavoriteIcon />
                 </IconButton>
-                <IconButton 
+                <IconButton
                     aria-label="share"
                     onClick={handleShared}
                 >
@@ -161,29 +162,29 @@ const MyCardPopover: FunctionComponent<IMyCardPopoverProps> = (props) => {
         >
             <Grid container spacing={1} className={classes.root}>
                 <Grid item xs={6}>
-                    <TextField 
+                    <TextField
                         {...textFieldProps}
-                        autoFocus={true} 
+                        autoFocus={true}
                         label="Title"
                         name="title"
                     />
                 </Grid>
                 <Grid item xs={6}>
-                    <TextField 
+                    <TextField
                         {...textFieldProps}
                         label="Name"
                         name="name"
                     />
                 </Grid>
                 <Grid item xs={12}>
-                    <TextField 
+                    <TextField
                         {...textFieldProps}
                         label="Text"
                         name="text"
                     />
                 </Grid>
                 <Grid item xs={12}>
-                    <TextField 
+                    <TextField
                         {...textFieldProps}
                         label="Image URL"
                         name="image"
@@ -215,12 +216,12 @@ const MyCardPopover: FunctionComponent<IMyCardPopoverProps> = (props) => {
 }
 
 const AtomicCustomBlock: FunctionComponent = () => {
-    
+
     const ref = useRef<TMUIRichTextEditorRef>(null)
     const [anchor, setAnchor] = useState<HTMLElement | null>(null)
     return (
         <>
-            <MyCardPopover 
+            <MyCardPopover
                 anchor={anchor}
                 onSubmit={(data, insert) => {
                     if (insert) {

diff --git a/examples/autocomplete-atomic/index.tsx b/examples/autocomplete-atomic/index.tsx
@@ -1,8 +1,7 @@
 import React, { FunctionComponent } from 'react'
 import Avatar from '@material-ui/core/Avatar'
 import Chip from '@material-ui/core/Chip'
-import MUIRichTextEditor from '../../'
-import { TAutocompleteItem } from '../../src/components/Autocomplete'
+import MUIRichTextEditor, { TAutocompleteItem } from '../../'
 
 const save = (data: string) => {
     console.log(data)
@@ -52,17 +51,17 @@ const CityChip: FunctionComponent<any> = (props) => {
     }
 
     return (
-        <Chip 
-            avatar={<Avatar>{value.image}</Avatar>} 
-            label={value.name} 
-            onClick={handleClick} 
+        <Chip
+            avatar={<Avatar>{value.image}</Avatar>}
+            label={value.name}
+            onClick={handleClick}
         />
     )
 }
 
 const AutocompleteAtomic = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Try typing '/mexico'..."
             onSave={save}
             customControls={[
@@ -85,4 +84,4 @@ const AutocompleteAtomic = () => {
     )
 }
 
-export default AutocompleteAtomic
+export default AutocompleteAtomic
diff --git a/examples/autocomplete/index.tsx b/examples/autocomplete/index.tsx
@@ -2,8 +2,7 @@ import React, { FunctionComponent } from 'react'
 import ListItemText from '@material-ui/core/ListItemText'
 import ListItemAvatar from '@material-ui/core/ListItemAvatar'
 import Avatar from '@material-ui/core/Avatar'
-import MUIRichTextEditor from '../../'
-import { TAutocompleteItem } from '../../src/components/Autocomplete'
+import MUIRichTextEditor, { TAutocompleteItem } from '../../'
 
 const save = (data: string) => {
     console.log(data)
@@ -107,7 +106,7 @@ const staff = [
 
 const Autocomplete = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Try typing ':grin' or '/mexico'..."
             onSave={save}
             autocomplete={{
@@ -131,4 +130,4 @@ const Autocomplete = () => {
     )
 }
 
-export default Autocomplete
+export default Autocomplete
diff --git a/examples/basic/index.tsx b/examples/basic/index.tsx
@@ -7,11 +7,11 @@ const save = (data: string) => {
 
 const Basic = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Type something here..."
             onSave={save}
         />
     )
 }
 
-export default Basic
+export default Basic
diff --git a/examples/custom-controls/index.tsx b/examples/custom-controls/index.tsx
@@ -1,8 +1,7 @@
 import React, { FunctionComponent } from 'react'
 import { Chip, Avatar, Button } from '@material-ui/core'
 import InvertColorsIcon from '@material-ui/icons/InvertColors'
-import MUIRichTextEditor from '../../'
-import { TToolbarComponentProps } from '../../src/components/Toolbar'
+import MUIRichTextEditor, { TToolbarComponentProps } from '../../'
 import { EditorState } from 'draft-js'
 
 const save = (data: string) => {
@@ -23,9 +22,9 @@ const MyBlock = (props: any) => {
 
 const MyCallbackComponent: FunctionComponent<TToolbarComponentProps> = (props) => {
     return (
-        <Chip 
+        <Chip
             id={props.id}
-            avatar={<Avatar>C</Avatar>} 
+            avatar={<Avatar>C</Avatar>}
             onClick={props.onMouseDown}
             label="Callback"
             disabled={props.disabled}
@@ -35,7 +34,7 @@ const MyCallbackComponent: FunctionComponent<TToolbarComponentProps> = (props) =
 
 const ClearComponent: FunctionComponent<TToolbarComponentProps> = (props) => {
     return (
-        <Chip 
+        <Chip
             id={props.id}
             onClick={props.onMouseDown}
             label="Clear all"
@@ -50,7 +49,7 @@ const MyBlockComponent: FunctionComponent<TToolbarComponentProps> = (props) => {
             id={props.id}
             variant="contained"
             onMouseDown={props.onMouseDown}
-            color={props.active ? "primary": "default"}
+            color={props.active ? "primary" : "default"}
             disabled={props.disabled}
         >
             My Block
@@ -60,7 +59,7 @@ const MyBlockComponent: FunctionComponent<TToolbarComponentProps> = (props) => {
 
 const CustomControls = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Type something here..."
             onSave={save}
             controls={["title", "bold", "my-block", "my-style", "clear", "my-callback", "clear-callback", "save"]}
@@ -101,4 +100,4 @@ const CustomControls = () => {
     )
 }
 
-export default CustomControls
+export default CustomControls
diff --git a/examples/custom-inline-toolbar/index.tsx b/examples/custom-inline-toolbar/index.tsx
@@ -8,7 +8,7 @@ const save = (data: string) => {
 
 const CustomInlineToolbar = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Try selecting some text to show the inline toolbar..."
             inlineToolbar={true}
             inlineToolbarControls={["bold", "italic", "my-style", "link"]}
@@ -28,4 +28,4 @@ const CustomInlineToolbar = () => {
     )
 }
 
-export default CustomInlineToolbar
+export default CustomInlineToolbar
diff --git a/examples/decorator/index.tsx b/examples/decorator/index.tsx
@@ -32,7 +32,7 @@ const MyAtDecorator = (props: any) => {
 
 const Decorators = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Try writing a #hashtag or a @mention..."
             onSave={save}
             decorators={[
@@ -49,4 +49,4 @@ const Decorators = () => {
     )
 }
 
-export default Decorators
+export default Decorators
diff --git a/examples/events/index.tsx b/examples/events/index.tsx
@@ -32,7 +32,7 @@ const blur = () => {
 
 const Events = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Open the console to see the event callback as you type..."
             onSave={save}
             onChange={change}
@@ -42,4 +42,4 @@ const Events = () => {
     )
 }
 
-export default Events
+export default Events
diff --git a/examples/index.html b/examples/index.html
@@ -8,4 +8,4 @@
     <div id="root"></div>
     <script type="text/javascript" src="./bundle.js"></script>
   </body>
-</html>
+</html>
diff --git a/examples/inline-toolbar/index.tsx b/examples/inline-toolbar/index.tsx
@@ -3,11 +3,11 @@ import MUIRichTextEditor from '../../'
 
 const InlineToolbar = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Try selecting some text to show the inline toolbar..."
             inlineToolbar={true}
         />
     )
 }
 
-export default InlineToolbar
+export default InlineToolbar
diff --git a/examples/key-bindings/index.tsx b/examples/key-bindings/index.tsx
@@ -8,7 +8,7 @@ const save = (data: string) => {
 
 const KeyBindings = () => {
     return (
-        <MUIRichTextEditor 
+        <MUIRichTextEditor
             label="Press CMD + C to clear the editor or CMD + K to add 'italic' style to the selection..."
             onSave={save}
             controls={["title", "italic", "save"]}
@@ -33,4 +33,4 @@ const KeyBindings = () => {
     )
 }
 
-export default KeyBindings
+export default KeyBindings
diff --git a/examples/load-html/index.tsx b/examples/load-html/index.tsx
@@ -13,11 +13,11 @@ const save = (data: string) => {
 
 const LoadHTML = () => {
     return (
-        <MUIRichTextEditor 
-            defaultValue={content} 
+        <MUIRichTextEditor
+            defaultValue={content}
             onSave={save}
         />
     )
 }
 
-export default LoadHTML
+export default LoadHTML