rename textarea to use kebab case

This commit is contained in:
Matthew Russell 2022-03-07 12:49:49 -08:00
parent ac3e10a0a4
commit 6ba41f4345
6 changed files with 7 additions and 7 deletions

View File

@ -0,0 +1 @@
export * from './text-area';

View File

@ -1,6 +1,6 @@
import { render } from '@testing-library/react'; import { render } from '@testing-library/react';
import { TextArea } from './textArea'; import { TextArea } from './text-area';
describe('TextArea', () => { describe('TextArea', () => {
it('should render successfully', () => { it('should render successfully', () => {

View File

@ -1,5 +1,5 @@
import { Story, Meta } from '@storybook/react'; import { Story, Meta } from '@storybook/react';
import { TextArea } from './textArea'; import { TextArea } from './text-area';
export default { export default {
component: TextArea, component: TextArea,

View File

@ -1,13 +1,13 @@
import { TextareaHTMLAttributes, forwardRef } from 'react'; import { TextareaHTMLAttributes, forwardRef } from 'react';
import { inputClassNames } from '../input/input'; import { inputClassNames } from '../input/input';
/* eslint-disable-next-line */
export interface TextAreaProps export interface TextAreaProps
extends TextareaHTMLAttributes<HTMLTextAreaElement> { extends TextareaHTMLAttributes<HTMLTextAreaElement> {
hasError?: boolean;
className?: string; className?: string;
} }
export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>( export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
(props, ref) => <textarea {...props} className={inputClassNames(props)} /> (props, ref) => (
<textarea {...props} ref={ref} className={inputClassNames(props)} />
)
); );

View File

@ -1 +0,0 @@
export * from './textArea';

View File

@ -8,4 +8,4 @@ export { Icon } from './components/icon';
export { Input } from './components/input'; export { Input } from './components/input';
export { InputError } from './components/inputError'; export { InputError } from './components/inputError';
export { Select } from './components/select'; export { Select } from './components/select';
export { TextArea } from './components/textArea'; export { TextArea } from './components/text-area';