@openedx/paragon 23.14.0 → 23.14.2

package/src/Spinner/{index.jsx → index.tsx}

@@ -1,13 +1,20 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import BaseSpinner from 'react-bootstrap/Spinner';
+import BaseSpinner, { type SpinnerProps as BaseSpinnerProps } from 'react-bootstrap/Spinner';
 
+interface SpinnerProps extends BaseSpinnerProps {
+  /** Optionally specify additional CSS classes to give this spinner's `<div>`. */
+  className?: string;
+  /** Specifies the screen reader content for a11y. */
+  screenReaderText?: React.ReactNode;
+}
+
+/** A spinning animation that indicates loading. */
 const Spinner = React.forwardRef(({
   className,
   screenReaderText,
   ...attrs
-}, ref) => {
+}: SpinnerProps, ref: React.ForwardedRef<HTMLDivElement>) => {
   const spinnerProps = {
     ...attrs,
     className: classNames('pgn__spinner', className),
@@ -20,16 +27,4 @@ const Spinner = React.forwardRef(({
   );
 });
 
-Spinner.propTypes = {
-  /** Specifies the class name for the component. */
-  className: PropTypes.string,
-  /** Specifies the screen reader content for a11y. */
-  screenReaderText: PropTypes.node,
-};
-
-Spinner.defaultProps = {
-  className: undefined,
-  screenReaderText: undefined,
-};
-
 export default Spinner;

package/src/index.ts

@@ -37,6 +37,7 @@ export { default as ModalDialog } from './Modal/ModalDialog';
 export { default as ModalLayer } from './Modal/ModalLayer';
 export { default as Overlay, OverlayTrigger } from './Overlay';
 export { default as Portal } from './Modal/Portal';
+export { default as Spinner } from './Spinner';
 export { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';
 export { default as Tooltip } from './Tooltip';
 export { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';
@@ -168,8 +169,6 @@ export {
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as Sheet } from './Sheet';
 // @ts-ignore: has yet to be converted to TypeScript
-export { default as Spinner } from './Spinner';
-// @ts-ignore: has yet to be converted to TypeScript
 export { default as Stepper } from './Stepper';
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as StatefulButton } from './StatefulButton';