Moving RESIZE constant to textarea component folder (#19240)

* Moving RESIZE constant * fixinf linting errors
MetaMask · May 23, 2023 · 49b8dcb · 49b8dcb
1 parent 15598f2
commit 49b8dcb
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 18 deletions.
diff --git a/ui/components/ui/textarea/textarea.constants.js b/ui/components/ui/textarea/textarea.constants.js
@@ -0,0 +1,8 @@
+export const RESIZE = {
+  NONE: 'none',
+  BOTH: 'both',
+  HORIZONTAL: 'horizontal',
+  VERTICAL: 'vertical',
+  INITIAL: 'initial',
+  INHERIT: 'inherit',
+};
diff --git a/ui/components/ui/textarea/textarea.js b/ui/components/ui/textarea/textarea.js
@@ -4,15 +4,14 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import {
-  RESIZE,
   BorderStyle,
-  BLOCK_SIZES,
+  BlockSize,
   Size,
   BorderColor,
   BackgroundColor,
 } from '../../../helpers/constants/design-system';
-
 import Box from '../box';
+import { RESIZE } from './textarea.constants';
 
 const TextArea = ({
   className,
@@ -40,7 +39,7 @@ const TextArea = ({
       borderRadius={Size.SM}
       borderStyle={BorderStyle.solid}
       padding={4}
-      width={BLOCK_SIZES.FULL}
+      width={BlockSize.Full}
       {...boxProps}
     >
       {(boxClassName) => (

diff --git a/ui/components/ui/textarea/textarea.stories.js b/ui/components/ui/textarea/textarea.stories.js
@@ -2,14 +2,13 @@ import React from 'react';
 import { useArgs } from '@storybook/client-api';
 
 import {
-  RESIZE,
   BorderStyle,
-  BLOCK_SIZES,
+  BlockSize,
   BorderRadius,
   BorderColor,
   Size,
 } from '../../../helpers/constants/design-system';
-
+import { RESIZE } from './textarea.constants';
 import README from './README.mdx';
 import Textarea from '.';
 
@@ -115,6 +114,6 @@ Scrollable.args = {
     borderRadius: BorderRadius.none,
     borderStyle: BorderStyle.none,
     padding: [2, 4],
-    width: BLOCK_SIZES.FULL,
+    width: BlockSize.Full,
   },
 };
diff --git a/ui/components/ui/textarea/textarea.test.js b/ui/components/ui/textarea/textarea.test.js
@@ -3,9 +3,9 @@ import { render, fireEvent } from '@testing-library/react';
 import {
   BorderColor,
   BorderStyle,
-  RESIZE,
   Size,
 } from '../../../helpers/constants/design-system';
+import { RESIZE } from './textarea.constants';
 import TextArea from '.';
 
 describe('TextArea', () => {

diff --git a/ui/helpers/constants/design-system.ts b/ui/helpers/constants/design-system.ts
@@ -497,13 +497,4 @@ export const SEVERITIES = {
   SUCCESS: 'success',
 };
 
-export const RESIZE = {
-  NONE: 'none',
-  BOTH: 'both',
-  HORIZONTAL: 'horizontal',
-  VERTICAL: 'vertical',
-  INITIAL: 'initial',
-  INHERIT: 'inherit',
-};
-
 export const BREAKPOINTS = ['base', 'sm', 'md', 'lg'];