@transferwise/components 0.0.0-experimental-4553cce → 0.0.0-experimental-03e1dec

package/src/alert/withArrow/withArrow.js

@@ -1,50 +0,0 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-
-import { ArrowPosition } from './alertArrowPositions';
-
-function withArrow(Alert, arrow) {
-  const AlertWithArrow = (props) => (
-    <Alert
-      {...props}
-      className={classNames(props.className, arrowClasses(arrow))}
-      arrow={undefined}
-    />
-  );
-
-  AlertWithArrow.propTypes = {
-    className: PropTypes.string,
-  };
-
-  AlertWithArrow.defaultProps = {
-    className: undefined,
-  };
-
-  return AlertWithArrow;
-}
-
-function arrowClasses(arrow) {
-  if (arrow) {
-    const classes = ['arrow'];
-    const { BOTTOM, BOTTOM_LEFT, BOTTOM_RIGHT, TOP, TOP_RIGHT, TOP_LEFT } = ArrowPosition;
-
-    switch (arrow) {
-      case BOTTOM:
-        return classes.concat('arrow-bottom', 'arrow-center');
-      case BOTTOM_LEFT:
-        return classes.concat('arrow-bottom', 'arrow-left');
-      case BOTTOM_RIGHT:
-        return classes.concat('arrow-bottom', 'arrow-right');
-      case TOP:
-        return classes.concat('arrow-center');
-      case TOP_RIGHT:
-        return classes.concat('arrow-right');
-      case TOP_LEFT:
-      default:
-        return classes;
-    }
-  }
-  return '';
-}
-
-export default withArrow;

package/src/alert/withArrow/withArrow.spec.js

@@ -1,51 +0,0 @@
-import { render, screen } from '../../test-utils';
-import Alert from '../Alert';
-
-import { ArrowPosition } from './alertArrowPositions';
-import withArrow from './withArrow';
-
-describe('withArrow', () => {
-  const message = 'I hope you have a nice day today';
-
-  describe('default props', () => {
-    it(`returns an arrowless alert if you don't pass an arrow`, () => {
-      const ArrowLessAlert = withArrow(Alert);
-
-      render(<ArrowLessAlert message={message} />);
-      const component = screen.getByTestId('alert');
-
-      expect(component).not.toHaveClass('arrow');
-    });
-
-    it(`ignores the arrow prop passed to the new alert`, () => {
-      const AlertTopArrow = withArrow(Alert, ArrowPosition.TOP_LEFT);
-
-      render(<AlertTopArrow message={message} arrow={ArrowPosition.BOTTOM_LEFT} />);
-      const component = screen.getByTestId('alert');
-      expect(component).toHaveClass('arrow');
-      expect(component).not.toHaveClass('arrow-bottom');
-    });
-  });
-
-  describe('renders arrows', () => {
-    const getPointyAlert = (arrow) => withArrow(Alert, arrow);
-
-    it(`returns an bottom arrowed alert if you pass a bottom arrow`, () => {
-      const BottomArrowAlert = getPointyAlert(ArrowPosition.BOTTOM);
-      render(<BottomArrowAlert message={message} />);
-      const component = screen.getByTestId('alert');
-
-      expect(component).toHaveClass('arrow');
-      expect(component).toHaveClass('arrow-bottom');
-    });
-
-    it(`returns an top-right arrowed alert if you pass a top right arrow`, () => {
-      const BottomArrowAlert = getPointyAlert(ArrowPosition.TOP_RIGHT);
-      render(<BottomArrowAlert message={message} />);
-      const component = screen.getByTestId('alert');
-
-      expect(component).toHaveClass('arrow');
-      expect(component).toHaveClass('arrow-right');
-    });
-  });
-});