refactor: convert TextAreaSkeleton to TypeScript (#13275)

* refactor: convert TextAreaSkeleton to TypeScript * chore: remove unneeded omit * chore: remove unneeded omit --------- Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Mar 13, 2023 · 997d7e2 · 997d7e2
1 parent 242256a
commit 997d7e2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/.../components/TextArea/TextArea.Skeleton.js → ...components/TextArea/TextArea.Skeleton.tsx b/.../components/TextArea/TextArea.Skeleton.js → ...components/TextArea/TextArea.Skeleton.tsx
@@ -10,7 +10,20 @@ import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
 
-const TextAreaSkeleton = ({ hideLabel, className, ...rest }) => {
+export interface TextAreaSkeletonProps
+  extends React.InputHTMLAttributes<HTMLDivElement> {
+  /**
+   * Specify an optional className to add to the form item wrapper.
+   */
+  className?: string;
+
+  /**
+   * Specify whether the label should be hidden, or not
+   */
+  hideLabel?: boolean;
+}
+const TextAreaSkeleton = (props: TextAreaSkeletonProps) => {
+  const { className, hideLabel, ...rest } = props;
   const prefix = usePrefix();
   return (
     <div className={cx(`${prefix}--form-item`, className)} {...rest}>

diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
@@ -17,12 +17,8 @@ import { useAnnouncer } from '../../internal/useAnnouncer';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect';
 import { useMergedRefs } from '../../internal/useMergedRefs';
 
-type ExcludedAttributes = '';
 export interface TextAreaProps
-  extends Omit<
-    React.InputHTMLAttributes<HTMLTextAreaElement>,
-    ExcludedAttributes
-  > {
+  extends React.InputHTMLAttributes<HTMLTextAreaElement> {
   /**
    * Provide a custom className that is applied directly to the underlying
    * `<textarea>` node