systemview 1.1.1 → 1.2.2

package/src/atoms/Markdown/styles.scss

@@ -1,414 +0,0 @@
-.markdown {
-  // font-family: Helvetica, arial, sans-serif;
-  font-size: 15px;
-  line-height: 1.6;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  background-color: white;
-  padding: 30px;
-
-  & > *:first-child {
-    margin-top: 0 !important;
-  }
-  & > *:last-child {
-    margin-bottom: 0 !important;
-  }
-
-  & a {
-    color: #4183c4;
-  }
-  & a.absent {
-    color: #cc0000;
-  }
-  & a.anchor {
-    display: block;
-    padding-left: 30px;
-    margin-left: -30px;
-    cursor: pointer;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-  }
-
-  & h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 20px 0 10px;
-    padding: 0;
-    font-weight: bold;
-    -webkit-font-smoothing: antialiased;
-    cursor: text;
-    position: relative;
-    color: #5960b6 !important;
-  }
-
-  & h1:hover a.anchor,
-  h2:hover a.anchor,
-  h3:hover a.anchor,
-  h4:hover a.anchor,
-  h5:hover a.anchor,
-  h6:hover a.anchor {
-    text-decoration: none;
-  }
-
-  & h1 tt,
-  h1 code {
-    font-size: inherit;
-  }
-
-  & h2 tt,
-  h2 code {
-    font-size: inherit;
-  }
-
-  & h3 tt,
-  h3 code {
-    font-size: inherit;
-  }
-
-  & h4 tt,
-  h4 code {
-    font-size: inherit;
-  }
-
-  & h5 tt,
-  h5 code {
-    font-size: inherit;
-  }
-
-  & h6 tt,
-  h6 code {
-    font-size: inherit;
-  }
-
-  & h1 {
-    font-size: 28px;
-    color: black;
-  }
-
-  & h2 {
-    font-size: 24px;
-    border-bottom: 1px solid #cccccc;
-    color: black;
-  }
-
-  & h3 {
-    font-size: 18px;
-  }
-
-  & h4 {
-    font-size: 16px;
-  }
-
-  & h5 {
-    font-size: 14px;
-  }
-
-  & h6 {
-    color: #777777;
-    font-size: 14px;
-  }
-
-  & p,
-  blockquote,
-  ul,
-  ol,
-  dl,
-  li,
-  table,
-  pre {
-    margin: 15px 0;
-  }
-
-  & hr {
-    border: 0 none;
-    color: #cccccc;
-    height: 4px;
-    padding: 0;
-    border-bottom: 1px solid;
-  }
-
-  & > h2:first-child {
-    margin-top: 0;
-    padding-top: 0;
-  }
-  & > h1:first-child {
-    margin-top: 0;
-    padding-top: 0;
-  }
-  & > h1:first-child + h2 {
-    margin-top: 0;
-    padding-top: 0;
-  }
-  & > h3:first-child,
-  & > h4:first-child,
-  & > h5:first-child,
-  & > h6:first-child {
-    margin-top: 0;
-    padding-top: 0;
-  }
-
-  & a:first-child h1,
-  a:first-child h2,
-  a:first-child h3,
-  a:first-child h4,
-  a:first-child h5,
-  a:first-child h6 {
-    margin-top: 0;
-    padding-top: 0;
-  }
-
-  & h1 p,
-  h2 p,
-  h3 p,
-  h4 p,
-  h5 p,
-  h6 p {
-    margin-top: 0;
-  }
-
-  & li p.first {
-    display: inline-block;
-  }
-  & li {
-    margin: 0;
-  }
-  & ul,
-  ol {
-    padding-left: 30px;
-  }
-
-  & ul :first-child,
-  ol :first-child {
-    margin-top: 0;
-  }
-
-  & dl {
-    padding: 0;
-  }
-  & dl dt {
-    font-size: 14px;
-    font-weight: bold;
-    font-style: italic;
-    padding: 0;
-    margin: 15px 0 5px;
-  }
-  & dl dt:first-child {
-    padding: 0;
-  }
-  & dl dt > :first-child {
-    margin-top: 0;
-  }
-  & dl dt > :last-child {
-    margin-bottom: 0;
-  }
-  & dl dd {
-    margin: 0 0 15px;
-    padding: 0 15px;
-  }
-  & dl dd > :first-child {
-    margin-top: 0;
-  }
-  & dl dd > :last-child {
-    margin-bottom: 0;
-  }
-
-  & blockquote {
-    border-left: 3px solid #c3c3c3;
-    color: #777777;
-    font-size: 14px;
-    text-indent: 8px;
-  }
-  & blockquote > :first-child {
-    margin-top: 0;
-  }
-  & blockquote > :last-child {
-    margin-bottom: 0;
-  }
-
-  & table {
-    padding: 0;
-    border-collapse: collapse;
-  }
-  & table tr {
-    border-top: 1px solid #cccccc;
-    background-color: white;
-    margin: 0;
-    padding: 0;
-  }
-  & table tr:nth-child(2n) {
-    background-color: #f8f8f8;
-  }
-  & table tr th {
-    font-weight: bold;
-    border: 1px solid #cccccc;
-    margin: 0;
-    padding: 6px 13px;
-  }
-  & table tr td {
-    border: 1px solid #cccccc;
-    margin: 0;
-    padding: 6px 13px;
-  }
-  & table tr th :first-child,
-  table tr td :first-child {
-    margin-top: 0;
-  }
-  & table tr th :last-child,
-  table tr td :last-child {
-    margin-bottom: 0;
-  }
-
-  & img {
-    max-width: 100%;
-  }
-
-  & span.frame {
-    display: block;
-    overflow: hidden;
-  }
-  & span.frame > span {
-    border: 1px solid #dddddd;
-    display: block;
-    float: left;
-    overflow: hidden;
-    margin: 13px 0 0;
-    padding: 7px;
-    width: auto;
-  }
-  & span.frame span img {
-    display: block;
-    float: left;
-  }
-  & span.frame span span {
-    clear: both;
-    color: #333333;
-    display: block;
-    padding: 5px 0 0;
-  }
-  & span.align-center {
-    display: block;
-    overflow: hidden;
-    clear: both;
-  }
-  & span.align-center > span {
-    display: block;
-    overflow: hidden;
-    margin: 13px auto 0;
-    text-align: center;
-  }
-  & span.align-center span img {
-    margin: 0 auto;
-    text-align: center;
-  }
-  & span.align-right {
-    display: block;
-    overflow: hidden;
-    clear: both;
-  }
-  & span.align-right > span {
-    display: block;
-    overflow: hidden;
-    margin: 13px 0 0;
-    text-align: right;
-  }
-  & span.align-right span img {
-    margin: 0;
-    text-align: right;
-  }
-  & span.float-left {
-    display: block;
-    margin-right: 13px;
-    overflow: hidden;
-    float: left;
-  }
-  & span.float-left span {
-    margin: 13px 0 0;
-  }
-  & span.float-right {
-    display: block;
-    margin-left: 13px;
-    overflow: hidden;
-    float: right;
-  }
-  & span.float-right > span {
-    display: block;
-    overflow: hidden;
-    margin: 13px auto 0;
-    text-align: right;
-  }
-
-  & code,
-  tt {
-    margin: 0 2px;
-    padding: 2px 3px;
-    white-space: nowrap;
-    background-color: #efeeee;
-    border-radius: 3px;
-    color: #3f51b5;
-    // font-weight: 600;
-    font-size: 14px;
-  }
-
-  & pre code {
-    margin: 0;
-    padding: 0;
-    white-space: pre;
-    border: none;
-    background: transparent;
-    // font-family: Monaco, monospace;
-  }
-
-  & .highlight pre {
-    // background-color: #f8f8f8;
-    // border: 1px solid #cccccc;
-    font-size: 13px;
-    // line-height: 19px;
-    // overflow: auto;
-    // padding: 6px 10px;
-    // border-radius: 3px;
-  }
-
-  & pre {
-    // background-color: #f8f8f8;
-    // border: 1px solid #cccccc;
-    font-size: 13px;
-    // line-height: 19px;
-    // overflow: auto;
-    // padding: 6px 10px;
-    // border-radius: 3px;
-  }
-  & pre code,
-  pre tt {
-    background-color: transparent;
-    border: none;
-  }
-
-  & sup {
-    font-size: 0.83em;
-    vertical-align: super;
-    line-height: 0;
-  }
-  & * {
-    -webkit-print-color-adjust: exact;
-  }
-  @media screen and (min-width: 914px) {
-    body {
-      width: 854px;
-      margin: 0 auto;
-    }
-  }
-  @media print {
-    table,
-    & pre {
-      page-break-inside: avoid;
-    }
-    & pre {
-      word-wrap: break-word;
-    }
-  }
-}

package/src/atoms/RunTestIcon/index.js

@@ -1,41 +0,0 @@
-import React from "react";
-import TEST_ICON from "../../assets/test-icon.svg";
-import EDIT_ICON from "../../assets/edit.png";
-import X_BUTTON from "../../assets/x.svg";
-import "./styles.scss";
-
-export default function RunTestIcon({ onClick }) {
-  return (
-    <img
-      className="btn"
-      onClick={onClick}
-      style={{ width: "16px" }}
-      src={TEST_ICON}
-      alt={"Run Test"}
-    />
-  );
-}
-
-export function EditIcon({ onClick }) {
-  return (
-    <img
-      className="btn"
-      style={{ width: "16px" }}
-      src={EDIT_ICON}
-      alt={"Edit Test"}
-      onClick={onClick}
-    />
-  );
-}
-
-export function XButton({ onClick }) {
-  return (
-    <img
-      className="btn"
-      style={{ width: "10px" }}
-      src={X_BUTTON}
-      alt={"Delete Test"}
-      onClick={onClick}
-    />
-  );
-}

package/src/atoms/RunTestIcon/styles.scss

@@ -1,16 +0,0 @@
-.doc-icon {
-  display: inline-flex;
-  vertical-align: middle;
-  img {
-    width: 20px;
-  }
-}
-
-.delete-button {
-  font-family: system-ui;
-  color: #c50000;
-  background: white;
-  padding: 6px 3px;
-  border-radius: 40px;
-  font-weight: 300;
-}

package/src/atoms/SaveIcon/SaveIcon.js

@@ -1,6 +0,0 @@
-import React from "react";
-import "./styles.scss";
-import icon from "../../assets/icons-save-60.png";
-export default function SaveIcon({ onClick }) {
-  return <img className="save-icon" src={icon} alt="Save" />;
-}

package/src/atoms/SaveIcon/styles.scss

@@ -1,3 +0,0 @@
-.save-icon {
-  height: 16px;
-}

package/src/atoms/Selector/Selector.js

@@ -1,28 +0,0 @@
-import React from "react";
-import "./styles.scss";
-
-const Selector = ({
-  options = [],
-  values = [],
-  selected_option,
-  onSelect,
-  className,
-  controlledOption,
-}) => {
-  return (
-    <select
-      className={className}
-      defaultValue={selected_option}
-      onChange={onSelect}
-      value={controlledOption}
-    >
-      {options.map((option, i) => (
-        <option key={i} value={values[i]}>
-          {option}
-        </option>
-      ))}
-    </select>
-  );
-};
-
-export default Selector;

package/src/atoms/Selector/styles.scss

@@ -1 +0,0 @@
-

package/src/atoms/StatusIndicator/StatusIndicator.js

@@ -1,16 +0,0 @@
-import "./styles.scss";
-
-export function CurrentTest({ name, onClick }) {
-  return (
-    <span className="status-indicator saved-message">
-      <span className="status-indicator__title">{name}</span>
-      <span onClick={onClick} className="status-indicator__clear-button btn">
-        ×
-      </span>
-    </span>
-  );
-}
-
-export function ErrorStatus({ message }) {
-  return <span className="status-indicator">{message}</span>;
-}

package/src/atoms/StatusIndicator/styles.scss

@@ -1,33 +0,0 @@
-.status-indicator {
-  background: #22886b;
-  font-family: sans-serif;
-  text-overflow: ellipsis;
-  font-weight: 500;
-  border-radius: 41px;
-  line-height: 19px;
-  color: #e9e9e9;
-  text-align: center;
-  margin: 0px 5px;
-  display: flex;
-  align-self: center;
-  padding: 3px 0;
-  align-items: center;
-
-  font-weight: bold;
-  background: #292936;
-  color: #3bcaa1;
-  &__title {
-    padding: 0 13px;
-  }
-  &__clear-button {
-    font-family: system-ui;
-    color: #ffffff;
-    padding: 0px 11px 1px 0px;
-    border-radius: 0 40px 40px 0;
-    display: flex !important;
-    &:hover {
-      color: #ff1100;
-      font-weight: 300;
-    }
-  }
-}

package/src/atoms/TestsIcon/TestsIcon.js

@@ -1,17 +0,0 @@
-import React from "react";
-import "./styles.scss";
-import testMissingImg from "../../assets/test-missing.png";
-import testSavedImg from "../../assets/test-saved.png";
-const TestsIcon = ({ isSaved, className }) => {
-  return (
-    <div className={`doc-icon`}>
-      <img
-        className={`doc-icon__img ${className && className}`}
-        src={isSaved ? testSavedImg : testMissingImg}
-        alt="missing tests"
-      />
-    </div>
-  );
-};
-
-export default TestsIcon;

package/src/atoms/TestsIcon/TestsIcon.test.js

@@ -1,18 +0,0 @@
-/* eslint-disable jest/valid-expect */
-import React from "react";
-import ReactDom from "react-dom";
-import { render, cleanup, screen } from "@testing-library/react";
-import "@testing-library/jest-dom/extend-expect";
-import TestsIcon from "./TestsIcon";
-
-import Enzyme from "enzyme";
-import Adapter from "enzyme-adapter-react-16";
-
-Enzyme.configure({ adapter: new Adapter() });
-
-describe("<TestsIcon/>", () => {
-  it("renders test-saved.png if isSaved prop equals true", () => {
-    const div = document.createElement("div");
-    ReactDom.render(<TestsIcon />, div);
-  });
-});

package/src/atoms/Text/Text.js

@@ -1,8 +0,0 @@
-import React from "react";
-import "./styles.scss";
-
-const Text = ({ text }) => {
-  return <span className="text">{text}</span>;
-};
-
-export default Text;

package/src/atoms/Text/Text.test.js

@@ -1,21 +0,0 @@
-/* eslint-disable jest/valid-expect */
-import React from "react";
-import { expect } from "chai";
-import { shallow, render } from "enzyme";
-import Enzyme from "enzyme";
-import Adapter from "enzyme-adapter-react-16";
-import Text from "./Text";
-
-Enzyme.configure({ adapter: new Adapter() });
-
-describe("<Text/>", () => {
-  it("renders a span tag with class text", () => {
-    const wrapper = shallow(<Text />);
-    expect(wrapper.find("span.text")).to.have.a.lengthOf(1);
-  });
-
-  it("use the text prop to render a span with innerText", () => {
-    const wrapper = render(<Text text="test" />);
-    expect(wrapper.text()).to.equal("test");
-  });
-});

package/src/atoms/Textbox/Textbox.js

@@ -1,33 +0,0 @@
-import React from "react";
-import "./styles.scss";
-
-const Textbox = ({
-  placeholderText,
-  TextboxSubmit,
-  text,
-  setValue,
-  disabled = false,
-  defaultText,
-  inputClassName,
-}) => {
-  const enterClicked = (e) => {
-    if (e.key === "Enter" && typeof TextboxSubmit === "function") TextboxSubmit(e);
-  };
-
-  return (
-    <div className={`textbox`}>
-      <input
-        type="text"
-        value={text}
-        defaultValue={defaultText}
-        placeholder={placeholderText}
-        onKeyDown={enterClicked}
-        onChange={setValue}
-        disabled={disabled}
-        className={inputClassName}
-      />
-    </div>
-  );
-};
-
-export default Textbox;

package/src/atoms/Textbox/Textbox.test.js

@@ -1,23 +0,0 @@
-/* eslint-disable jest/valid-expect */
-import React from "react";
-
-import { expect } from "chai";
-import { shallow } from "enzyme";
-
-import Textbox from "./Textbox";
-
-import Enzyme from "enzyme";
-import Adapter from "enzyme-adapter-react-16";
-Enzyme.configure({ adapter: new Adapter() });
-
-describe("<Textbox/>", () => {
-  it("renders a div with class textbox and a nested input", () => {
-    const wrapper = shallow(<Textbox />);
-    expect(wrapper.find("div.textbox > input")).to.have.a.lengthOf(1);
-  });
-
-  // it("should user the placeholderText prop to apply input placeholder attribute", () => {
-  //   const wrapper = shallow(<Textbox placeholderText="textbox test" />);
-  //   expect(wrapper.find("div.textbox > input").props().placeholder).to.equal("textbox test");
-  // });
-});