@teselagen/ui 0.7.34 → 0.7.36

package/src/DialogFooter/index.js

@@ -1,86 +0,0 @@
-/* Copyright (C) 2018 TeselaGen Biotechnology, Inc. */
-
-import React, { useRef } from "react";
-import { Intent, Button, Classes } from "@blueprintjs/core";
-import { noop } from "lodash-es";
-import classNames from "classnames";
-
-function DialogFooter({
-  hideModal,
-  loading,
-  submitting,
-  onBackClick,
-  style,
-  onClick = noop,
-  secondaryAction,
-  secondaryDisabled,
-  secondaryNotMinimal,
-  intent = Intent.PRIMARY,
-  secondaryIntent,
-  backText = "Back",
-  secondaryText = "Cancel",
-  additionalButtons,
-  className,
-  secondaryClassName = "",
-  text = "Submit",
-  disabled,
-  containerClassname,
-  noCancel
-}) {
-  const divRef = useRef();
-  return (
-    <div
-      style={style}
-      ref={divRef}
-      className={classNames(Classes.DIALOG_FOOTER, containerClassname)}
-    >
-      <div className={Classes.DIALOG_FOOTER_ACTIONS}>
-        {onBackClick && (
-          <Button
-            className={Classes.MINIMAL + " " + secondaryClassName}
-            text={backText}
-            onClick={onBackClick}
-          />
-        )}
-        {!noCancel && (
-          <Button
-            intent={secondaryIntent}
-            disabled={secondaryDisabled}
-            className={
-              (!secondaryNotMinimal ? Classes.MINIMAL : "") +
-              " " +
-              secondaryClassName
-            }
-            text={secondaryText}
-            onClick={
-              secondaryAction ||
-              hideModal ||
-              function () {
-                try {
-                  divRef.current
-                    .closest(".bp3-dialog")
-                    .querySelector(".bp3-dialog-close-button")
-                    .click();
-                } catch (error) {
-                  console.error(`error closing dialog:`, error);
-                }
-              }
-            }
-          />
-        )}
-        {additionalButtons}
-        <Button
-          text={text}
-          intent={intent}
-          type="submit"
-          className={className}
-          onClick={onClick}
-          disabled={disabled}
-          loading={loading || submitting}
-        />
-      </div>
-    </div>
-  );
-}
-
-export default DialogFooter;

package/src/DialogFooter/style.css

@@ -1,9 +0,0 @@
-.tg-dialog-footer-error {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 5;
-}
-
-.tg-dialog-footer-error .bp3-form-group {
-  margin-bottom: 0;
-}

package/src/DropdownButton.js

@@ -1,36 +0,0 @@
-/* Copyright (C) 2018 TeselaGen Biotechnology, Inc. */
-
-import React from "react";
-import { Button, Popover, Position } from "@blueprintjs/core";
-import classnames from "classnames";
-import popoverOverflowModifiers from "./utils/popoverOverflowModifiers";
-
-function DropdownButton({
-  disabled,
-  menu,
-  noRightIcon,
-  popoverProps,
-  className,
-  ...rest
-}) {
-  return (
-    <Popover
-      minimal
-      modifiers={popoverOverflowModifiers}
-      disabled={disabled}
-      autoFocus={false}
-      content={menu}
-      position={Position.BOTTOM_LEFT}
-      {...popoverProps}
-    >
-      <Button
-        disabled={disabled}
-        className={classnames(className, "dropdown-button")}
-        rightIcon={noRightIcon ? undefined : "caret-down"}
-        {...rest}
-      />
-    </Popover>
-  );
-}
-
-export default DropdownButton;

package/src/FillWindow.css

@@ -1,6 +0,0 @@
-.tg-fillWindow {
-  background: white;
-}
-.bp3-dark .tg-fillWindow {
-  background: #293742;
-}

package/src/FillWindow.js

@@ -1,69 +0,0 @@
-import React from "react";
-import { createPortal } from "react-dom";
-import { isFunction } from "lodash-es";
-import rerenderOnWindowResize from "./rerenderOnWindowResize";
-import "./FillWindow.css";
-
-// use like:
-// <FillWindow>
-//         {({ width, height }) => {
-//           return <div style={{width, height}}></div>
-//         }
-// <FillWindow/>
-
-export default class FillWindow extends React.Component {
-  constructor(props) {
-    super(props);
-    rerenderOnWindowResize(this);
-  }
-  // this is left here for posterity. componentDidMount didn't work before commit ee1853a5ae2e6e27b720dd225650cc2154076db5 "fixing rerenderOnWindowResize to bind this keyword correctly"
-  // componentDidMount(){
-  //   this.setState({thomas: "realCool"})
-  // }
-
-  render() {
-    const w = window,
-      d = document,
-      e = d.documentElement,
-      g = d.getElementsByTagName("body")[0],
-      width = w.innerWidth || e.clientWidth || g.clientWidth,
-      height = w.innerHeight || e.clientHeight || g.clientHeight;
-    const windowDimensions = {
-      width,
-      height
-    };
-    const {
-      containerStyle = {},
-      style,
-      styleOverrides,
-      className,
-      asPortal,
-      ...rest
-    } = this.props;
-    if (this.props.disabled) return this.props.children(windowDimensions);
-    const inner = (
-      <div
-        className={
-          "tg-fillWindow " + (asPortal ? "bp3-portal " : "") + (className || "")
-        }
-        style={{
-          ...style,
-          width,
-          height,
-          position: "fixed",
-          top: 0,
-          left: 0,
-          ...containerStyle,
-          ...styleOverrides
-        }}
-        {...rest}
-      >
-        {this.props.children && isFunction(this.props.children)
-          ? this.props.children(windowDimensions)
-          : this.props.children}
-      </div>
-    );
-    if (asPortal) return createPortal(inner, window.document.body);
-    return inner;
-  }
-}

package/src/FormComponents/FormSeparator.js

@@ -1,9 +0,0 @@
-import React from "react";
-import "./style.css";
-export const FormSeparator = ({ label = "or" } = {}) => {
-  return (
-    <div className="form-separator">
-      <p style={{ opacity: 0.8 }}>{label}</p>
-    </div>
-  );
-};

package/src/FormComponents/LoadingDots.js

@@ -1,14 +0,0 @@
-import React, { useEffect, useState } from "react";
-
-export const LoadingDots = () => {
-  const [dots, setDots] = useState("");
-  useEffect(() => {
-    const interval = setInterval(() => {
-      setDots(dots => {
-        return dots.length === 3 ? "" : dots + ".";
-      });
-    }, 500);
-    return () => clearInterval(interval);
-  }, []);
-  return <span>{dots}</span>;
-};