@bitrise/bitkit 10.5.1 → 10.6.0-alpha-notification.1

package/src/Old/Notification/Notification.css

@@ -1,34 +0,0 @@
-.Notification {
-  border: 0.0625rem solid transparent;
-  border-radius: var(--size--x2);
-}
-
-.Notification--type-alert {
-  border-color: var(--color-red--3);
-  background-color: var(--color-red--1);
-  color: var(--color-red--4);
-}
-
-.Notification--type-inform {
-  border-color: var(--color-blue--2);
-  background-color: var(--color-blue--1);
-  color: var(--color-blue--4);
-}
-
-.Notification--type-progress {
-  border-color: var(--color-grape--2);
-  background-color: var(--color-grape--1);
-  color: var(--color-eggplant);
-}
-
-.Notification--type-success {
-  border-color: var(--color-green--2);
-  background-color: var(--color-green--1);
-  color: var(--color-green--5);
-}
-
-.Notification--type-warning {
-  border-color: var(--color-yellow--3);
-  background-color: var(--color-yellow--1);
-  color: var(--color-yellow--5);
-}

package/src/Old/Notification/Notification.test.tsx

@@ -1,33 +0,0 @@
-import { shallow } from 'enzyme';
-import { shallowToJson } from 'enzyme-to-json';
-import Notification from './Notification';
-
-describe('Notification', () => {
-  test('default template', () => {
-    expect(shallowToJson(shallow(<Notification type="alert">Content</Notification>))).toMatchSnapshot();
-  });
-
-  test('default icon can be overridden', () => {
-    expect(
-      shallowToJson(
-        shallow(
-          <Notification icon="Bell" type="alert">
-            Content
-          </Notification>,
-        ),
-      ),
-    ).toMatchSnapshot();
-  });
-
-  test('with onRemove has a close icon', () => {
-    expect(
-      shallowToJson(
-        shallow(
-          <Notification onRemove={() => {}} type="alert">
-            Content
-          </Notification>,
-        ),
-      ),
-    ).toMatchSnapshot();
-  });
-});

package/src/Old/Notification/Notification.tsx

@@ -1,69 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Flex, { Props as FlexProps } from '../Flex/Flex';
-import Icon, { TypeIconName } from '../../Components/Icon/Icon';
-import Link from '../../Components/Link/Link';
-import ProgressSpinner from '../Progress/ProgressSpinner';
-import './Notification.css';
-
-type TypeNotificationType = 'alert' | 'inform' | 'progress' | 'success' | 'warning';
-
-export interface Props extends FlexProps {
-  /**
-   * A callback to remove the notification, that when provided will
-   * render a clickable cross, that when clicked will call the given
-   * function.
-   */
-  onRemove?: (e: React.SyntheticEvent) => void;
-  /**
-   * Name of one of the Bitkit icons that will accompany the message
-   * of the notification. By default, some of the notification
-   * types have icons, but these can be overridden.
-   */
-  icon?: TypeIconName;
-  /**
-   * The type of the notification that affects the styling and content.
-   */
-  type: TypeNotificationType;
-}
-
-const defaultIcons: {
-  [key: string]: TypeIconName;
-} = {
-  alert: 'ErrorGeneral',
-  success: 'Tick',
-  warning: 'Warning',
-};
-
-/**
- * Notification component used to inform the user of something important.
- */
-const Notification: React.FunctionComponent<Props> = (props: Props) => {
-  const { children, onRemove, type, icon, className, ...rest } = props;
-
-  const classes = classnames('Notification', `Notification--type-${type}`, className);
-  const defaultIcon = defaultIcons[type];
-
-  return (
-    <Flex {...rest} alignChildrenVertical="middle" className={classes} direction="horizontal" gap="x2" padding="x3">
-      {(icon || defaultIcon || type === 'progress') && (
-        <Flex>{type === 'progress' ? <ProgressSpinner /> : <Icon name={icon || defaultIcon} />}</Flex>
-      )}
-
-      <Flex grow shrink>
-        {children}
-      </Flex>
-
-      {onRemove && (
-        <Flex>
-          {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
-          <Link as="button" onClick={onRemove}>
-            <Icon name="CloseSmall" />
-          </Link>
-        </Flex>
-      )}
-    </Flex>
-  );
-};
-
-export default Notification;

package/src/Old/Notification/__snapshots__/Notification.test.tsx.snap

@@ -1,78 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Notification default icon can be overridden 1`] = `
-<Flex
-  alignChildrenVertical="middle"
-  className="Notification Notification--type-alert"
-  direction="horizontal"
-  gap="x2"
-  padding="x3"
->
-  <Flex>
-    <ForwardRef
-      name="Bell"
-    />
-  </Flex>
-  <Flex
-    grow={true}
-    shrink={true}
-  >
-    Content
-  </Flex>
-</Flex>
-`;
-
-exports[`Notification default template 1`] = `
-<Flex
-  alignChildrenVertical="middle"
-  className="Notification Notification--type-alert"
-  direction="horizontal"
-  gap="x2"
-  padding="x3"
->
-  <Flex>
-    <ForwardRef
-      name="ErrorGeneral"
-    />
-  </Flex>
-  <Flex
-    grow={true}
-    shrink={true}
-  >
-    Content
-  </Flex>
-</Flex>
-`;
-
-exports[`Notification with onRemove has a close icon 1`] = `
-<Flex
-  alignChildrenVertical="middle"
-  className="Notification Notification--type-alert"
-  direction="horizontal"
-  gap="x2"
-  padding="x3"
->
-  <Flex>
-    <ForwardRef
-      name="ErrorGeneral"
-    />
-  </Flex>
-  <Flex
-    grow={true}
-    shrink={true}
-  >
-    Content
-  </Flex>
-  <Flex>
-    <ForwardRef
-      as="button"
-      isUnderlined={false}
-      onClick={[Function]}
-    >
-      <ForwardRef
-        name="CloseSmall"
-      />
-    </ForwardRef>
-  </Flex>
-</Flex>
-`;