@pingux/astro 2.129.0-alpha.5 → 2.129.0

package/lib/components/TableBase/TableBase.stories.js

@@ -1,100 +0,0 @@
-import React from 'react';
-import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Badge, Card, Cell, Column, Row, TableBase, TBody, THead } from '../..';
-import { items } from '../../utils/devUtils/constants/items';
-import TableReadme from './TableBase.mdx';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Experimental/Table',
-  component: TableBase,
-  parameters: {
-    docs: {
-      page: function page() {
-        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(TableReadme, null), ___EmotionJSX(DocsLayout, null));
-      }
-    }
-  }
-};
-var headers = [{
-  key: 'type',
-  name: 'Type'
-}, {
-  key: 'date',
-  name: 'Date'
-}, {
-  key: 'additional_grant',
-  name: 'Additional Grant'
-}, {
-  key: 'total_grant',
-  name: 'Total Grant'
-}];
-var objects = [{
-  id: 1,
-  type: 'Lorem ipsum',
-  date: '2020-06-12',
-  additional_grant: '+25,000',
-  total_grant: '25,000'
-}, {
-  id: 2,
-  type: 'Lorem ipsum',
-  date: '2020-10-01',
-  additional_grant: '+25,000',
-  total_grant: '50,000'
-}, {
-  id: 3,
-  type: 'Lorem ipsum',
-  date: '2021-01-01',
-  additional_grant: '+25,000',
-  total_grant: '75,000'
-}];
-export var Default = function Default() {
-  return ___EmotionJSX(Card, {
-    variant: "cards.tableWrapper"
-  }, ___EmotionJSX(TableBase, {
-    caption: "Lorem ipsum",
-    "aria-label": "table"
-  }, ___EmotionJSX(THead, {
-    columns: headers
-  }, function (column) {
-    return ___EmotionJSX(Column, {
-      key: column.key
-    }, column.name);
-  }), ___EmotionJSX(TBody, {
-    items: objects
-  }, function (item) {
-    return ___EmotionJSX(Row, {
-      key: item.id
-    }, function (columnKey) {
-      return ___EmotionJSX(Cell, null, item[columnKey]);
-    });
-  })));
-};
-export var Customization = function Customization() {
-  var statusVariant = {
-    'Pending': 'warningStatusBadge',
-    'Failed': 'criticalStatusBadge',
-    'Rejected': 'criticalStatusBadge',
-    'Active': 'healthyStatusBadge',
-    'Inactive': 'secondaryStatusBadge'
-  };
-  return ___EmotionJSX(Card, {
-    variant: "cards.tableWrapper"
-  }, ___EmotionJSX(TableBase, {
-    "aria-label": "table"
-  }, ___EmotionJSX(THead, null, ___EmotionJSX(Column, {
-    width: 70
-  }, "#"), ___EmotionJSX(Column, null, "Name"), ___EmotionJSX(Column, null, "Email"), ___EmotionJSX(Column, null, "Status"), ___EmotionJSX(Column, null, "Bio")), ___EmotionJSX(TBody, {
-    items: items
-  }, function (item) {
-    return ___EmotionJSX(Row, {
-      key: item.email
-    }, ___EmotionJSX(Cell, null, item.id), ___EmotionJSX(Cell, {
-      noWrap: true
-    }, item.firstName, ' ', item.lastName), ___EmotionJSX(Cell, {
-      noWrap: true
-    }, item.email), ___EmotionJSX(Cell, null, ___EmotionJSX(Badge, {
-      variant: statusVariant[item.status],
-      label: item.status
-    })), ___EmotionJSX(Cell, null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo quidem accusantium architecto tempore facere!"));
-  })));
-};

package/lib/components/TableBase/TableBase.styles.js

@@ -1,72 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { text } from '../Text/Text.styles';
-var defaultFocus = {
-  outline: '1px',
-  outlineStyle: 'solid',
-  outlineColor: 'focus',
-  outlineOffset: '-1px'
-};
-var container = {
-  width: '100%',
-  borderSpacing: '0',
-  borderCollapse: 'collapse'
-};
-var caption = {
-  fontFamily: 'standard',
-  fontSize: 'lg',
-  fontWeight: '2',
-  p: 'sm',
-  textAlign: 'left'
-};
-var thead = {};
-var head = _objectSpread(_objectSpread({}, text.label), {}, {
-  fontWeight: 500,
-  textAlign: 'left',
-  p: 'sm',
-  cursor: 'default',
-  '&.is-focused': _objectSpread({}, defaultFocus)
-});
-var tbody = {
-  borderTop: '1px solid',
-  borderTopColor: 'neutral.40',
-  borderBottom: '1px solid',
-  borderBottomColor: 'neutral.80'
-};
-var row = {
-  '&:nth-of-type(odd) ': {
-    bg: 'neutral.95'
-  },
-  '&.is-focused': _objectSpread({}, defaultFocus),
-  '&.is-hovered': {
-    // This is the hover state for the row
-  },
-  '&.is-selected': {
-    // This is the selected state for the row
-  }
-};
-var data = _objectSpread(_objectSpread({}, text.tableData), {}, {
-  p: 'sm',
-  '&.no-wrap': {
-    whiteSpace: 'nowrap'
-  },
-  '&.is-focused': _objectSpread({}, defaultFocus)
-});
-export default {
-  thead: thead,
-  tbody: tbody,
-  caption: caption,
-  container: container,
-  data: data,
-  head: head,
-  row: row
-};

package/lib/components/TableBase/TableBase.test.js

@@ -1,119 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { Cell, Column, Row, TBody, THead } from '../../index';
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
-import TableBase from './TableBase';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var testId = 'test-table';
-var defaultProps = {
-  'aria-label': 'table',
-  'data-testid': testId,
-  caption: 'Populations of Countries'
-};
-var headers = [{
-  key: 'country',
-  name: 'Country'
-}, {
-  key: 'population',
-  name: 'Population'
-}, {
-  key: 'continent',
-  name: 'Continent'
-}];
-var objects = [{
-  key: '1',
-  country: 'USA',
-  population: '320,000,000',
-  continent: 'South America',
-  cellProps: {
-    noWrap: true
-  }
-}, {
-  key: '2',
-  country: 'Canada',
-  population: '37,000,000',
-  continent: 'North America'
-}, {
-  key: '3',
-  country: 'China',
-  population: '1,398,000,000',
-  continent: 'Asia'
-}, {
-  key: '4',
-  country: 'France',
-  population: '67,000,000',
-  continent: 'Europe'
-}];
-var getComponent = function getComponent() {
-  return render(___EmotionJSX(TableBase, defaultProps, ___EmotionJSX(THead, {
-    columns: headers
-  }, function (head) {
-    return ___EmotionJSX(Column, {
-      key: head.key
-    }, head.name);
-  }), ___EmotionJSX(TBody, {
-    items: objects
-  }, function (row) {
-    return ___EmotionJSX(Row, {
-      key: row.key
-    }, function (columnKey) {
-      return ___EmotionJSX(Cell, row.cellProps || {}, row[columnKey]);
-    });
-  })));
-};
-
-// Needs to be added to each components test file
-universalComponentTests({
-  renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(TableBase, _extends({}, defaultProps, props), ___EmotionJSX(THead, {
-      columns: headers
-    }, function (head) {
-      return ___EmotionJSX(Column, {
-        key: head.key
-      }, head.name);
-    }), ___EmotionJSX(TBody, {
-      items: objects
-    }, function (row) {
-      return ___EmotionJSX(Row, {
-        key: row.key
-      }, function (columnKey) {
-        return ___EmotionJSX(Cell, null, row[columnKey]);
-      });
-    }));
-  }
-});
-test('default table', function () {
-  getComponent();
-  var table = screen.getByTestId(testId);
-  expect(table).toBeInTheDocument();
-});
-test('renders caption', function () {
-  getComponent();
-  var caption = screen.getByText(defaultProps.caption);
-  expect(caption).toBeInTheDocument();
-});
-test('renders table headers', function () {
-  getComponent();
-  var headerCells = screen.getAllByRole('columnheader');
-  expect(headerCells).toHaveLength(headers.length);
-  _forEachInstanceProperty(headers).call(headers, function (header) {
-    expect(screen.getByText(header.name)).toBeInTheDocument();
-  });
-});
-test('renders table rows', function () {
-  getComponent();
-  var rows = screen.getAllByRole('row');
-  expect(rows).toHaveLength(objects.length + 1);
-  _forEachInstanceProperty(objects).call(objects, function (object) {
-    expect(screen.getByText(object.country)).toBeInTheDocument();
-    expect(screen.getByText(object.population)).toBeInTheDocument();
-    expect(screen.getByText(object.continent)).toBeInTheDocument();
-  });
-});
-test('renders cell with noWrap prop', function () {
-  getComponent();
-  var cell = screen.getByText('South America');
-  expect(cell).toHaveClass('no-wrap');
-});

package/lib/components/TableBase/index.js

@@ -1 +0,0 @@
-export { default } from './TableBase';

package/lib/components/TableBase/stories/NextGenDarkTableBase.chromatic.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AstroProvider, NextGenDarkTheme } from '../../..';
-import NextGenTableBase from './NextGenTableBase';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Chromatic Only Onyx Dark TableBase'
-};
-export var Default = function Default() {
-  return ___EmotionJSX(AstroProvider, {
-    themeOverrides: [NextGenDarkTheme]
-  }, ___EmotionJSX(NextGenTableBase, null));
-};

package/lib/components/TableBase/stories/NextGenTableBase.chromatic.stories.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AstroProvider, NextGenTheme } from '../../..';
-import NextGenTableBase from './NextGenTableBase';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Chromatic Only Onyx TableBase'
-};
-export var Default = function Default() {
-  return ___EmotionJSX(AstroProvider, {
-    themeOverrides: [NextGenTheme]
-  }, ___EmotionJSX(NextGenTableBase, null));
-};

package/lib/components/TableBase/stories/NextGenTableBase.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import { Card, Cell, Column, Row, TableBase, TBody, THead } from '../../..';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var NextGenTableBase = function NextGenTableBase() {
-  var headers = [{
-    key: 'type',
-    name: 'Type'
-  }, {
-    key: 'date',
-    name: 'Date'
-  }, {
-    key: 'additional_grant',
-    name: 'Additional Grant'
-  }, {
-    key: 'total_grant',
-    name: 'Total Grant'
-  }];
-  var objects = [{
-    id: 1,
-    type: 'Lorem ipsum',
-    date: '2020-06-12',
-    additional_grant: '+25,000',
-    total_grant: '25,000'
-  }, {
-    id: 2,
-    type: 'Lorem ipsum',
-    date: '2020-10-01',
-    additional_grant: '+25,000',
-    total_grant: '50,000'
-  }, {
-    id: 3,
-    type: 'Lorem ipsum',
-    date: '2021-01-01',
-    additional_grant: '+25,000',
-    total_grant: '75,000'
-  }];
-  return ___EmotionJSX(Card, {
-    variant: "cards.tableWrapper"
-  }, ___EmotionJSX(TableBase, {
-    caption: "Lorem ipsum",
-    "aria-label": "table"
-  }, ___EmotionJSX(THead, {
-    columns: headers
-  }, function (column) {
-    return ___EmotionJSX(Column, {
-      key: column.key
-    }, column.name);
-  }), ___EmotionJSX(TBody, {
-    items: objects
-  }, function (item) {
-    return ___EmotionJSX(Row, {
-      key: item.id
-    }, function (columnKey) {
-      return ___EmotionJSX(Cell, null, item[columnKey]);
-    });
-  })));
-};
-export default NextGenTableBase;

package/lib/styles/themeOverrides/nextGenDarkMode/variants/callout.js

@@ -1,27 +0,0 @@
-var base = {
-  color: 'text.secondary',
-  '> span': {
-    color: 'text.secondary'
-  },
-  '& > svg > path': {
-    fill: 'text.secondary'
-  },
-  '&.is-success, > .is-success': {
-    '& > svg > path': {
-      fill: 'text.secondary'
-    }
-  },
-  '&.is-warning, > .is-warning': {
-    '& > svg > path': {
-      fill: 'text.secondary'
-    }
-  },
-  '&.is-error, > .is-error': {
-    '& > svg > path': {
-      fill: 'text.secondary'
-    }
-  }
-};
-export default {
-  base: base
-};

package/lib/styles/themes/next-gen/variants/callout.js

@@ -1,36 +0,0 @@
-import tShirtSizes from '../customProperties/tShirtSizes';
-var base = {
-  width: '100%',
-  backgroundColor: 'background.secondary',
-  lineHeight: 'md',
-  p: 'md',
-  border: 'none',
-  borderLeft: '5px solid',
-  borderLeftColor: 'active',
-  borderRadius: '.25rem',
-  alignItems: 'flex-start',
-  color: 'text.primary',
-  '&.is-success, > .is-success': {
-    borderColor: 'unset',
-    borderLeftColor: 'success.bright'
-  },
-  '&.is-warning, > .is-warning': {
-    borderColor: 'unset',
-    borderLeftColor: 'warning.bright'
-  },
-  '&.is-error, > .is-error': {
-    borderColor: 'unset',
-    borderLeftColor: 'critical.bright'
-  }
-};
-var icon = {
-  ml: '0',
-  mr: 'md',
-  minWidth: "".concat(tShirtSizes.sm, " !important"),
-  width: "".concat(tShirtSizes.sm, " !important"),
-  height: "".concat(tShirtSizes.sm, " !important")
-};
-export default {
-  base: base,
-  icon: icon
-};

package/lib/styles/themes/next-gen/variants/table.js

@@ -1,57 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var container = {
-  overflow: 'hidden'
-};
-var caption = {
-  px: 'lg',
-  color: 'text.primary',
-  borderBottom: '1px solid',
-  borderBottomColor: 'border.base'
-};
-var head = {
-  px: 'lg',
-  py: 'sm',
-  fontSize: 'md',
-  fontWeight: '2',
-  color: 'text.primary',
-  lineHeight: 'body'
-};
-var body = {
-  borderTopColor: 'border.base',
-  borderBottom: 'unset',
-  backgroundColor: 'background.base',
-  borderBottomLeftRadius: '16px',
-  borderBottomRightRadius: '16px',
-  '&& > tr:not(:last-child)': {
-    borderBottom: '1px solid',
-    borderBottomColor: 'border.base'
-  },
-  '&& > tr:nth-of-type(odd) ': {
-    backgroundColor: 'background.base'
-  },
-  '&& > tr:last-child': {
-    borderBottomLeftRadius: '16px',
-    borderBottomRightRadius: '16px'
-  }
-};
-var data = _objectSpread(_objectSpread({}, head), {}, {
-  py: 'md',
-  fontWeight: '1'
-});
-export var table = {
-  container: container,
-  caption: caption,
-  head: head,
-  body: body,
-  data: data
-};

package/lib/styles/themes/next-gen/variants/tableBase.js

@@ -1,91 +0,0 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { defaultFocus as baseFocus } from './button';
-var borderRadius = '16px';
-var defaultFocus = _objectSpread(_objectSpread({}, baseFocus), {}, {
-  outlineOffset: '-2px'
-});
-var caption = {
-  backgroundColor: 'background.base',
-  px: 'lg',
-  color: 'text.primary',
-  borderBottom: '1px solid',
-  borderBottomColor: 'border.base',
-  borderTopLeftRadius: borderRadius,
-  borderTopRightRadius: borderRadius
-};
-var row = {
-  borderBottom: '1px solid',
-  borderBottomColor: 'border.base',
-  '&.is-focused': _objectSpread({}, defaultFocus),
-  '&.is-hovered': {
-    bg: 'background.hover'
-  },
-  '&:nth-of-type(odd)': {
-    bg: 'background.base',
-    '&.is-hovered': {
-      bg: 'background.hover'
-    }
-  }
-};
-var thead = {
-  backgroundColor: 'background.base',
-  '&:not(.has-caption)': {
-    '& > tr:first-child': {
-      borderTopLeftRadius: borderRadius,
-      borderTopRightRadius: borderRadius,
-      '& > th:first-of-type': {
-        borderTopLeftRadius: borderRadius
-      },
-      '& > th:last-of-type': {
-        borderTopRightRadius: borderRadius
-      }
-    }
-  }
-};
-var head = {
-  px: 'lg',
-  py: 'sm',
-  fontSize: 'md',
-  fontWeight: '2',
-  color: 'text.primary',
-  lineHeight: 'body',
-  '&.is-focused': _objectSpread({}, defaultFocus)
-};
-var tbody = {
-  borderTopColor: 'border.base',
-  borderBottom: 'unset',
-  backgroundColor: 'background.base',
-  '& > tr:last-child': {
-    borderBottom: 'unset',
-    borderBottomLeftRadius: borderRadius,
-    borderBottomRightRadius: borderRadius,
-    '& > td:first-of-type': {
-      borderBottomLeftRadius: borderRadius
-    },
-    '& > td:last-of-type': {
-      borderBottomRightRadius: borderRadius
-    }
-  }
-};
-var data = _objectSpread(_objectSpread({}, head), {}, {
-  py: 'md',
-  fontWeight: '1'
-});
-export var tableBase = {
-  caption: caption,
-  row: row,
-  thead: thead,
-  head: head,
-  tbody: tbody,
-  data: data
-};

package/lib/types/cell.js

@@ -1 +0,0 @@
-export {};

package/lib/types/tableBase.js

@@ -1 +0,0 @@
-export {};

package/lib/utils/devUtils/constants/items.js

@@ -1,79 +0,0 @@
-export var items = [{
-  id: '1',
-  email: 'dburkitt5@columbia.edu',
-  firstName: 'Nicola',
-  lastName: 'Burkitt',
-  status: 'Failed'
-}, {
-  id: '2',
-  email: 'idixie2@elegantthemes.com',
-  firstName: 'Cacilia',
-  lastName: 'Dixie',
-  status: 'Active'
-}, {
-  id: '3',
-  email: 'dfowler0@rambler.ru',
-  firstName: 'Stavro',
-  lastName: 'Fowler',
-  status: 'Active'
-}, {
-  id: '4',
-  email: 'jgolde8@jimdo.com',
-  firstName: 'Celisse',
-  lastName: 'Golde',
-  status: 'Active'
-}, {
-  id: '5',
-  email: 'shearst9@answers.com',
-  firstName: 'Jeth',
-  lastName: 'Hearst',
-  status: 'Pending'
-}, {
-  id: '6',
-  email: 'ajinaa@mapquest.com',
-  firstName: 'Kaycee',
-  lastName: 'Jina',
-  status: 'Active'
-}, {
-  id: '7',
-  email: 'vmalster4@biblegateway.com',
-  firstName: 'Lorry',
-  lastName: 'Malster',
-  status: 'Pending'
-}, {
-  id: '8',
-  email: 'yphipp6@yellowpages.com',
-  firstName: 'Stanley',
-  lastName: 'Phipp',
-  status: 'Active'
-}, {
-  id: '9',
-  email: 'mskilbeck3@bbc.co.uk',
-  firstName: 'Gradey',
-  lastName: 'Skilbeck',
-  status: 'Pending'
-}, {
-  id: '10',
-  email: 'dstebbing1@msu.edu',
-  firstName: 'Marnia',
-  lastName: 'Stebbing',
-  status: 'Rejected'
-}, {
-  id: '11',
-  email: 'lsterley7@lulu.com',
-  firstName: 'Joshua',
-  lastName: 'Sterley',
-  status: 'Pending'
-}, {
-  id: '12',
-  email: 'luttleyb@hugedomains.com',
-  firstName: 'Jarrod',
-  lastName: 'Uttley',
-  status: 'Active'
-}, {
-  id: '13',
-  email: 'lidelc@yelp.com',
-  firstName: 'Andromache',
-  lastName: 'Idel',
-  status: 'Pending'
-}];