feat: exporting typescript props for various components - 1 (#16447)

* feat: exporting typescript props * feat: designated label as FC cos of tests --------- Co-authored-by: Guilherme Datilio Ribeiro <[email protected]>
carbon-design-system · May 21, 2024 · 111db86 · 111db86
1 parent 36bd564
commit 111db86
Show file tree

Hide file tree

Showing 11 changed files with 25 additions and 19 deletions.
diff --git a/packages/react/src/components/InlineLoading/index.ts b/packages/react/src/components/InlineLoading/index.ts
@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import InlineLoading from './InlineLoading';
+import InlineLoading, { type InlineLoadingProps } from './InlineLoading';
 export default InlineLoading;
-export { InlineLoading };
+export { InlineLoading, type InlineLoadingProps };
diff --git a/packages/react/src/components/Loading/index.ts b/packages/react/src/components/Loading/index.ts
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import Loading from './Loading';
+import Loading, { type LoadingProps } from './Loading';
 
 export default Loading;
-export { Loading };
+export { Loading, type LoadingProps };
diff --git a/packages/react/src/components/Modal/index.ts b/packages/react/src/components/Modal/index.ts
@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import Modal from './Modal';
+import Modal, { type ModalProps } from './Modal';
 
 export default Modal;
-export { Modal };
+export { Modal, type ModalProps };
diff --git a/packages/react/src/components/NumberInput/NumberInput.tsx b/packages/react/src/components/NumberInput/NumberInput.tsx
@@ -14,6 +14,7 @@ import React, {
   useRef,
   useState,
   useEffect,
+  FC,
 } from 'react';
 import { useMergedRefs } from '../../internal/useMergedRefs';
 import { useNormalizedInputProps as normalize } from '../../internal/useNormalizedInputProps';
@@ -629,13 +630,13 @@ NumberInput.propTypes = {
   warnText: PropTypes.node,
 };
 
-interface Label {
+export interface Label {
   disabled?: boolean;
   hideLabel?: boolean;
   id?: string;
   label?: ReactNode;
 }
-function Label({ disabled, id, hideLabel, label }: Label) {
+const Label: FC<Label> = ({ disabled, id, hideLabel, label }) => {
   const prefix = usePrefix();
   const className = cx({
     [`${prefix}--label`]: true,
@@ -651,7 +652,7 @@ function Label({ disabled, id, hideLabel, label }: Label) {
     );
   }
   return null;
-}
+};
 
 Label.propTypes = {
   disabled: PropTypes.bool,
@@ -660,7 +661,7 @@ Label.propTypes = {
   label: PropTypes.node,
 };
 
-interface HelperTextProps {
+export interface HelperTextProps {
   id?: string;
   description?: ReactNode;
   disabled?: boolean;

diff --git a/packages/react/src/components/NumberInput/index.ts b/packages/react/src/components/NumberInput/index.ts
@@ -6,4 +6,4 @@
  */
 
 export { default as NumberInputSkeleton } from './NumberInput.Skeleton';
-export { NumberInput } from './NumberInput';
+export { NumberInput, type NumberInputProps } from './NumberInput';
diff --git a/packages/react/src/components/ProgressBar/ProgressBar.tsx b/packages/react/src/components/ProgressBar/ProgressBar.tsx
@@ -13,7 +13,7 @@ import { useId } from '../../internal/useId';
 import { usePrefix } from '../../internal/usePrefix';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect';
 
-interface ProgressBarProps {
+export interface ProgressBarProps {
   /**
    * Additional CSS class names.
    */

diff --git a/packages/react/src/components/ProgressBar/index.ts b/packages/react/src/components/ProgressBar/index.ts
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import ProgressBar from './ProgressBar';
+import ProgressBar, { type ProgressBarProps } from './ProgressBar';
 
 export default ProgressBar;
-export { ProgressBar };
+export { ProgressBar, type ProgressBarProps };
diff --git a/packages/react/src/components/ProgressIndicator/ProgressIndicator.tsx b/packages/react/src/components/ProgressIndicator/ProgressIndicator.tsx
@@ -29,7 +29,7 @@ function translateWithId(messageId) {
   return defaultTranslations[messageId];
 }
 
-interface ProgressIndicatorProps
+export interface ProgressIndicatorProps
   extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onChange'> {
   /**
    * Provide `<ProgressStep>` components to be rendered in the
@@ -156,7 +156,7 @@ ProgressIndicator.propTypes = {
   vertical: PropTypes.bool,
 };
 
-interface ProgressStepProps {
+export interface ProgressStepProps {
   /**
    * Provide an optional className to be applied to the containing `<li>` node
    */

diff --git a/packages/react/src/components/ProgressIndicator/index.ts b/packages/react/src/components/ProgressIndicator/index.ts
@@ -4,6 +4,11 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import {
+  type ProgressIndicatorProps,
+  type ProgressStepProps,
+} from './ProgressIndicator';
 
 export { default as ProgressIndicatorSkeleton } from './ProgressIndicator.Skeleton';
 export * from './ProgressIndicator';
+export { type ProgressIndicatorProps, type ProgressStepProps };
diff --git a/packages/react/src/components/Switch/Switch.tsx b/packages/react/src/components/Switch/Switch.tsx
@@ -16,7 +16,7 @@ import classNames from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
 import { noopFn } from '../../internal/noopFn';
 
-interface SwitchEventHandlersParams {
+export interface SwitchEventHandlersParams {
   index?: number;
   name?: string | number;
   text?: string;

diff --git a/packages/react/src/components/Switch/index.ts b/packages/react/src/components/Switch/index.ts
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import Switch from './Switch';
+import Switch, { type SwitchProps } from './Switch';
 import IconSwitch from './IconSwitch';
 
 export default Switch;
-export { Switch, IconSwitch };
+export { Switch, IconSwitch, type SwitchProps };