Skip to content

Commit

Permalink
Apply review
Browse files Browse the repository at this point in the history
  • Loading branch information
Travis CI committed Jan 28, 2022
1 parent 4330939 commit f210d26
Show file tree
Hide file tree
Showing 3 changed files with 16 additions and 11 deletions.
18 changes: 11 additions & 7 deletions packages/ra-input-rich-text/README.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# ra-richtext-tiptap
# ra-input-rich-text

A rich text editor for [React Admin](http://marmelab.com/react-admin), based on [TipTap](https://www.tiptap.dev/)

## Installation

```sh
npm install ra-richtext-tiptap
npm install ra-input-rich-text
# or
yarn add ra-richtext-tiptap
yarn add ra-input-rich-text
```

## Usage
Expand All @@ -16,7 +16,7 @@ Use it as you would any react-admin inputs:

```jsx
import { Edit, SimpleForm, TextInput } from 'react-admin';
import { RichTextInput } from 'ra-richtext-tiptap';
import { RichTextInput } from 'ra-input-rich-text';

export const PostEdit = (props) => (
<Edit {...props}>
Expand All @@ -36,7 +36,7 @@ You can leverage this to change the buttons [size](#api):

```jsx
import { Edit, SimpleForm, TextInput } from 'react-admin';
import { RichTextInput, RichTextInputToolbar } from 'ra-richtext-tiptap';
import { RichTextInput, RichTextInputToolbar } from 'ra-input-rich-text';

export const PostEdit = (props) => (
<Edit {...props}>
Expand All @@ -60,7 +60,7 @@ import {
LinkButtons,
QuoteButtons,
ClearButtons,
} from 'ra-richtext-tiptap';
} from 'ra-input-rich-text';

const MyRichTextInput = ({ size, ...props }) => (
<RichTextInput
Expand Down Expand Up @@ -99,7 +99,7 @@ import {
LinkButtons,
QuoteButtons,
ClearButtons,
} from 'ra-richtext-tiptap';
} from 'ra-input-rich-text';
import HorizontalRule from '@tiptap/extension-horizontal-rule';
import Remove from '@material-ui/icons/Remove';

Expand Down Expand Up @@ -139,3 +139,7 @@ export const MyEditorOptions = {
],
};
```

## License

This data provider is licensed under the MIT License, and sponsored by [marmelab](https://marmelab.com).
8 changes: 4 additions & 4 deletions packages/ra-input-rich-text/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -41,10 +41,10 @@
"@mui/icons-material": "^5.0.1",
"@mui/material": "^5.0.2",
"@testing-library/react": "^11.2.3",
"data-generator-retail": "^4.0.0-alpha.0",
"ra-core": "^4.0.0-alpha.0",
"ra-data-fakerest": "^4.0.0-alpha.0",
"ra-ui-materialui": "^4.0.0-alpha.0",
"data-generator-retail": "^4.0.0-alpha.2",
"ra-core": "^4.0.0-alpha.2",
"ra-data-fakerest": "^4.0.0-alpha.2",
"ra-ui-materialui": "^4.0.0-alpha.2",
"react": "^17.0.0",
"react-dom": "^17.0.0",
"react-hook-form": "^7.25.0",
Expand Down
1 change: 1 addition & 0 deletions packages/ra-ui-materialui/src/defaultTheme.ts
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@ export const defaultTheme = {
borderRadius: 'inherit',
},
'&:focus::after': {
// This ensures we provide visual cues to users using the keyboard
// recreate a static ripple color
// use the currentColor to make it work both for outlined and contained buttons
// but to dim the background without dimming the text,
Expand Down

0 comments on commit f210d26

Please sign in to comment.