dce-reactkit 1.0.19 → 2.0.1

package/lib/glyph/Ellipsis.js

@@ -1,36 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faEllipsisH, faEllipsisV } from '@fortawesome/free-solid-svg-icons';
-
-class Adjust extends Component {
-  render() {
-    // Deconstruct props
-    const _props = this.props,
-          {
-      vertical
-    } = _props,
-          props = _objectWithoutProperties(_props, ['vertical']);
-
-    if (vertical) {
-      return React.createElement(FontAwesomeIcon, _extends({ icon: faEllipsisV }, props));
-    }
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faEllipsisH }, props));
-  }
-}
-
-Adjust.propTypes = {
-  // If true, ellipsis is vertical
-  vertical: PropTypes.bool
-};
-
-Adjust.defaultProps = {
-  vertical: false
-};
-
-export default Adjust;

package/lib/glyph/Envelope.js

@@ -1,13 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
-
-class Envelope extends Component {
-  render() {
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faEnvelope }, this.props));
-  }
-}
-
-export default Envelope;

package/lib/glyph/File.js

@@ -1,37 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faFile, faFileCsv } from '@fortawesome/free-solid-svg-icons';
-
-class File extends Component {
-  render() {
-    const { type } = this.props;
-
-    // Choose an icon
-    let icon;
-    switch (type) {
-      case 'csv':
-        icon = faFileCsv;
-        break;
-      default:
-        icon = faFile;
-        break;
-    }
-
-    return React.createElement(FontAwesomeIcon, _extends({ icon: icon }, this.props));
-  }
-}
-
-File.propTypes = {
-  // Supported file types: 'csv'
-  type: PropTypes.string
-};
-
-File.defaultProps = {
-  type: null
-};
-
-export default File;

package/lib/glyph/IdCard.js

@@ -1,13 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faIdCard } from '@fortawesome/free-solid-svg-icons';
-
-class IdCard extends Component {
-  render() {
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faIdCard }, this.props));
-  }
-}
-
-export default IdCard;

package/lib/glyph/Menu.js

@@ -1,13 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faBars } from '@fortawesome/free-solid-svg-icons';
-
-class Menu extends Component {
-  render() {
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faBars }, this.props));
-  }
-}
-
-export default Menu;

package/lib/glyph/Minus.js

@@ -1,13 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faMinus } from '@fortawesome/free-solid-svg-icons';
-
-class Minus extends Component {
-  render() {
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faMinus }, this.props));
-  }
-}
-
-export default Minus;

package/lib/glyph/Move.js

@@ -1,13 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faArrowsAlt } from '@fortawesome/free-solid-svg-icons';
-
-class Move extends Component {
-  render() {
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faArrowsAlt }, this.props));
-  }
-}
-
-export default Move;

package/lib/glyph/Plus.js

@@ -1,13 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faPlus } from '@fortawesome/free-solid-svg-icons';
-
-class Plus extends Component {
-  render() {
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faPlus }, this.props));
-  }
-}
-
-export default Plus;

package/lib/glyph/Square.js

@@ -1,47 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faSquare as faSquareFilled } from '@fortawesome/free-solid-svg-icons';
-import { faSquare } from '@fortawesome/free-regular-svg-icons';
-
-class Square extends Component {
-  render() {
-    // Deconstruct props
-    const _props = this.props,
-          {
-      grow,
-      filled
-    } = _props,
-          props = _objectWithoutProperties(_props, ['grow', 'filled']);
-
-    if (filled) {
-      return React.createElement(FontAwesomeIcon, _extends({
-        icon: faSquareFilled,
-        transform: grow ? `grow-${grow}` : undefined
-      }, props));
-    }
-    return React.createElement(FontAwesomeIcon, _extends({
-      icon: faSquare,
-      transform: grow ? `grow-${grow}` : undefined
-    }, props));
-  }
-}
-
-Square.propTypes = {
-  // If true, the square is filled
-  filled: PropTypes.bool,
-  // Factor by which to grow the check mark
-  grow: PropTypes.number
-};
-
-Square.defaultProps = {
-  filled: false,
-  grow: null
-};
-
-export default Square;

package/lib/glyph/Teacher.js

@@ -1,13 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faChalkboardTeacher } from '@fortawesome/free-solid-svg-icons';
-
-class Teacher extends Component {
-  render() {
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faChalkboardTeacher }, this.props));
-  }
-}
-
-export default Teacher;

package/lib/glyph/TextAlign.js

@@ -1,53 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faAlignCenter, faAlignLeft, faAlignRight, faAlignJustify } from '@fortawesome/free-solid-svg-icons';
-
-class TextAlign extends Component {
-  render() {
-    // Deconstruct props
-    const {
-      left,
-      right,
-      justify,
-      center
-    } = this.props;
-
-    let icon;
-    if (left) {
-      icon = faAlignLeft;
-    } else if (right) {
-      icon = faAlignRight;
-    } else if (justify) {
-      icon = faAlignJustify;
-    } else if (center) {
-      icon = faAlignCenter;
-    } else {
-      icon = faAlignLeft;
-    }
-    return React.createElement(FontAwesomeIcon, _extends({ icon: icon }, this.props));
-  }
-}
-
-TextAlign.propTypes = {
-  // If true, left align is shown
-  left: PropTypes.bool,
-  // If true, right align is shown
-  right: PropTypes.bool,
-  // If true, justify alignment is shown
-  justify: PropTypes.bool,
-  // If true, center align is shown
-  center: PropTypes.bool
-};
-
-TextAlign.defaultProps = {
-  left: null,
-  right: null,
-  justify: null,
-  center: null
-};
-
-export default TextAlign;

package/lib/glyph/Times.js

@@ -1,36 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faTimes } from '@fortawesome/free-solid-svg-icons';
-
-class Times extends Component {
-  render() {
-    // Deconstruct props
-    const _props = this.props,
-          {
-      grow
-    } = _props,
-          props = _objectWithoutProperties(_props, ['grow']);
-
-    return React.createElement(FontAwesomeIcon, _extends({
-      icon: faTimes,
-      transform: grow ? `grow-${grow}` : undefined
-    }, props));
-  }
-}
-
-Times.propTypes = {
-  // Factor by which to grow the check mark
-  grow: PropTypes.number
-};
-
-Times.defaultProps = {
-  grow: null
-};
-
-export default Times;

package/lib/glyph/WarningTriangle.js

@@ -1,13 +0,0 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
-
-class WarningTriangle extends Component {
-  render() {
-    return React.createElement(FontAwesomeIcon, _extends({ icon: faExclamationTriangle }, this.props));
-  }
-}
-
-export default WarningTriangle;

package/lib/index.js

@@ -1 +0,0 @@
-throw new Error('Do not import dce-reactkit directly. Import components individually. View the docs for more information: https://harvard-edtech.github.io/dce-reactkit/');

package/src-old/common/csvToString.js

@@ -1,5 +0,0 @@
-import CSVParser from 'papaparse';
-
-export default (csv) => {
-  return CSVParser.unparse(csv);
-};

package/src-old/common/isFloat.js

@@ -1,3 +0,0 @@
-export default (str) => {
-  return String(str).match(/^-?\d*(\.\d+)?$/);
-};

package/src-old/common/isInteger.js

@@ -1,14 +0,0 @@
-import isFloat from './isFloat';
-
-export default (str) => {
-  const matchSucceeded = String(str).match(/^-{0,1}\d+$/);
-  if (matchSucceeded) {
-    return true;
-  }
-  // If no match, check if string represents an integer with decimals but all
-  // of which are zeroes
-  if (isFloat(str)) {
-    return (parseFloat(str) % 1) === 0;
-  }
-  return false;
-};

package/src-old/common/math.js

@@ -1,16 +0,0 @@
-import _ from 'lodash-arithmetic';
-
-export default {
-  add: (a, b) => {
-    return _.add(a, b);
-  },
-  sub: (a, b) => {
-    return _.subtract(a, b);
-  },
-  mult: (a, b) => {
-    return _.multiply(a, b);
-  },
-  div: (a, b) => {
-    return _.divide(a, b);
-  },
-};

package/src-old/common/validators.js

@@ -1,14 +0,0 @@
-import Validator from 'validator';
-
-export default {
-  email: Validator.isEmail,
-  eightDigit: (datum) => {
-    if (!Number.isNaN(parseFloat(datum))) {
-      return false;
-    }
-    return String(datum).length === 8;
-  },
-  number: (datum) => {
-    return !Number.isNaN(parseFloat(datum));
-  },
-};

package/src-old/components/Alert.js

@@ -1,79 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-// Import bootstrap components
-import { Alert as BootstrapAlert } from 'reactstrap';
-// Import bootstrap stylesheet
-import 'bootstrap/dist/css/bootstrap.min.css';
-
-class Alert extends Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      visible: true,
-    };
-    this.closeClicked = this.closeClicked.bind(this);
-  }
-
-  closeClicked() {
-    this.setState({
-      visible: false,
-    });
-
-    // Call parent's onDismiss function
-    const { onDismiss } = this.props;
-    if (onDismiss) {
-      onDismiss();
-    }
-  }
-
-  render() {
-    // Extract properties
-    const {
-      dismissible,
-      onDismiss,
-      centered,
-      children,
-      ...props
-    } = this.props;
-
-    // Deconstruct state
-    const { visible } = this.state;
-
-    return (
-      <BootstrapAlert
-        isOpen={visible}
-        toggle={dismissible ? this.closeClicked : undefined}
-        style={{
-          textAlign: (centered ? 'center' : 'left'),
-        }}
-        {...props}
-      >
-        {children}
-      </BootstrapAlert>
-    );
-  }
-}
-
-Alert.propTypes = {
-  /* If true, the alert is dismissible */
-  dismissible: PropTypes.bool,
-  /* Handler to call when the alert is dismissed (only valid if dismissible) */
-  onDismiss: PropTypes.func,
-  /* If true, text is centered in the alert */
-  centered: PropTypes.bool,
-  /* Children (body) of the alert */
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node,
-  ]).isRequired,
-};
-
-Alert.defaultProps = {
-  dismissible: false,
-  onDismiss: null,
-  centered: false,
-};
-
-export default Alert;

package/src-old/components/Button.js

@@ -1,64 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-// Import bootstrap components
-import { Button as BootstrapButton } from 'reactstrap';
-// Import bootstrap stylesheet
-import 'bootstrap/dist/css/bootstrap.min.css';
-
-/* Allowed colors:
- * - primary
- * - secondary
- * - success
- * - info
- * - warning
- * - danger
- * - link
- *
- * To disable, include "disabled" tag
- * To use outline-style of button, include "outline" tag
- * To use block-style of button, include "block" tag
- *
- * Sizes:
- * - lg
- * - sm
- * - normal (used by default)
- */
-
-class Button extends Component {
-  render() {
-    // Extract properties
-    const {
-      text,
-      children,
-      ...props
-    } = this.props;
-
-    // Set up button style
-    return (
-      <BootstrapButton {...props}>
-        {text || children || 'Choose'}
-      </BootstrapButton>
-    );
-  }
-}
-
-Button.propTypes = {
-  /* Label text of the button */
-  text: PropTypes.string,
-  /* Body of the button (only valid if text is not included) */
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node,
-  ]),
-  /* Also, all Bootstrap button props may be included:
-   * https://reactstrap.github.io/components/buttons/
-   */
-};
-
-Button.defaultProps = {
-  text: null,
-  children: null,
-};
-
-export default Button;