@openedx/paragon 23.14.8 → 23.15.0

package/src/TransitionReplace/README.md

@@ -37,7 +37,7 @@ TransitionReplace expects only one child at any time. Swap content inside the co
           </div>
         )}
       </TransitionReplace>
-      <Button variant="primary" onClick={() => setIsEditing(!isEditing)}>
+      <Button onClick={() => setIsEditing(!isEditing)}>
         Toggle
       </Button>
     </div>
@@ -112,7 +112,7 @@ function DemoTransitionReplace() {
 
   return (
     <div>
-      <Button variant="primary" className="mb-2" onClick={changeContent}>
+      <Button className="mb-2" onClick={changeContent}>
         Next Quote
       </Button>
       <div

package/src/TransitionReplace/TransitionReplace.test.jsx

@@ -1,9 +1,9 @@
-/* eslint-disable no-plusplus, react/prop-types */
 import React from 'react';
 import { render } from '@testing-library/react';
 
 import TransitionReplace from '.';
 
+/* eslint-disable-next-line react/prop-types */
 function TestReplacement({ showContentA, ...props }) {
   return (
     <TransitionReplace {...props}>

package/src/asInput/index.jsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/no-unused-prop-types */
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -84,7 +83,6 @@ const asInput = (WrappedComponent, inputType = undefined, labelFirst = true) =>
       };
     }
 
-    /* eslint-disable react/no-did-update-set-state */
     componentDidUpdate(prevProps) {
       const updatedState = {};
       if (this.props.value !== prevProps.value) {
@@ -135,7 +133,6 @@ const asInput = (WrappedComponent, inputType = undefined, labelFirst = true) =>
 
     getLabel() {
       return (
-        // eslint-disable-next-line jsx-a11y/label-has-for
         <label
           id={`label-${this.state.id}`}
           htmlFor={this.state.id}

package/src/hooks/tests/useToggle.test.tsx

@@ -1,8 +1,8 @@
-/* eslint-disable react/button-has-type */
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
+import Button from '../../Button';
 import { useToggle } from '../..';
 import { ToggleHandlers } from '../useToggleHook';
 
@@ -19,16 +19,15 @@ const resetHandlerMocks = () => {
   mockHandleToggle.mockReset();
 };
 
-// eslint-disable-next-line react/prop-types
 function FakeComponent({ defaultIsOn, handlers }: { defaultIsOn: boolean, handlers: ToggleHandlers }) {
   const [isOn, setOn, setOff, toggle] = useToggle(defaultIsOn, handlers);
 
   return (
     <div>
       <div data-testid="toggle-value">{isOn ? TOGGLE_IS_ON : TOGGLE_IS_OFF}</div>
-      <button id="set-on" onClick={setOn}>set on</button>
-      <button id="set-off" onClick={setOff}>set off</button>
-      <button id="toggle" onClick={toggle}>toggle</button>
+      <Button onClick={setOn}>set on</Button>
+      <Button onClick={setOff}>set off</Button>
+      <Button onClick={toggle}>toggle</Button>
     </div>
   );
 }

package/src/index.ts

@@ -42,6 +42,7 @@ 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 Stack } from './Stack';
 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';
@@ -217,8 +218,6 @@ export { default as CardView } from './DataTable/CardView';
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as Skeleton, SkeletonTheme } from './Skeleton/index';
 // @ts-ignore: has yet to be converted to TypeScript
-export { default as Stack } from './Stack';
-// @ts-ignore: has yet to be converted to TypeScript
 export { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';
 // @ts-ignore: has yet to be converted to TypeScript
 export { default as Sticky } from './Sticky';

package/src/setupTest.ts

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-extraneous-dependencies */
 import 'regenerator-runtime/runtime';
 
 import '@testing-library/jest-dom';

package/src/utils/index.ts

@@ -1,2 +1 @@
-// eslint-disable-next-line import/prefer-default-export
 export { default as newId } from './newId';

package/src/Card/CardBody.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-const CardBody = React.forwardRef(({ className, children, ...rest }, ref) => (
-  <div className={classNames('pgn__card-body', className)} ref={ref} {...rest}>
-    {children}
-  </div>
-));
-
-CardBody.propTypes = {
-  /** Specifies the content of the component. */
-  children: PropTypes.node,
-  /** The class to append to the base element. */
-  className: PropTypes.string,
-};
-
-CardBody.defaultProps = {
-  children: undefined,
-  className: undefined,
-};
-
-export default CardBody;

package/src/Card/CardDivider.jsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-const CardDivider = React.forwardRef(({ className, ...props }, ref) => (
-  <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />
-));
-
-CardDivider.propTypes = {
-  /** Specifies class name to append to the base element. */
-  className: PropTypes.string,
-};
-
-CardDivider.defaultProps = {
-  className: undefined,
-};
-
-export default CardDivider;

package/src/Menu/MenuItem.jsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Icon from '../Icon';
-
-function MenuItem({
-  as,
-  children,
-  defaultSelected,
-  iconAfter,
-  iconBefore,
-  ...props
-}) {
-  const className = classNames(props.className, 'pgn__menu-item');
-
-  return React.createElement(
-    as,
-    {
-      ...props,
-      className,
-    },
-    (
-      <>
-        {iconBefore && <Icon className="btn-icon-before" src={iconBefore} />}
-        <span className="pgn__menu-item-text">{children}</span>
-        <span className="pgn__menu-item-content-spacer" />
-        {iconAfter && <Icon className="btn-icon-after" src={iconAfter} />}
-      </>
-    ),
-  );
-}
-
-MenuItem.propTypes = {
-  /** Specifies that this ``MenuItem`` is selected inside the ``SelectMenu`` */
-  defaultSelected: PropTypes.bool,
-  /** Specifies class name to append to the base element */
-  className: PropTypes.string,
-  /** Specifies the content of the ``MenuItem`` */
-  children: PropTypes.node,
-  /** Specifies the base element */
-  as: PropTypes.elementType,
-  /** Specifies the jsx before the content of the ``MenuItem`` */
-  iconBefore: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),
-  /** Specifies the jsx after the content of the ``MenuItem`` */
-  iconAfter: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),
-};
-
-MenuItem.defaultProps = {
-  defaultSelected: false,
-  as: 'button',
-  className: undefined,
-  children: null,
-  iconBefore: undefined,
-  iconAfter: undefined,
-};
-
-export default MenuItem;