dce-reactkit 1.0.20 → 2.0.0

package/src-old/glyphs/Bed.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faBed } from '@fortawesome/free-solid-svg-icons';
-
-class Bed extends Component {
-  render() {
-    return (
-      <FontAwesomeIcon icon={faBed} {...this.props} />
-    );
-  }
-}
-
-export default Bed;

package/src-old/glyphs/Bell.js

@@ -1,34 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faBell, faBellSlash } from '@fortawesome/free-solid-svg-icons';
-
-class Bell extends Component {
-  render() {
-    // Extract props
-    const {
-      slashed,
-      ...props
-    } = this.props;
-
-    if (slashed) {
-      return (
-        <FontAwesomeIcon icon={faBellSlash} {...props} />
-      );
-    }
-    return (
-      <FontAwesomeIcon icon={faBell} {...props} />
-    );
-  }
-}
-
-Bell.propTypes = {
-  // If true, a slash is shown cutting through the bell
-  slashed: PropTypes.bool,
-};
-
-Bell.defaultProps = {
-  slashed: false,
-};
-
-export default Bell;

package/src-old/glyphs/Bolt.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faBolt } from '@fortawesome/free-solid-svg-icons';
-
-class Bolt extends Component {
-  render() {
-    return (
-      <FontAwesomeIcon icon={faBolt} {...this.props} />
-    );
-  }
-}
-
-export default Bolt;

package/src-old/glyphs/Bookmark.js

@@ -1,36 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faBookmark } from '@fortawesome/free-solid-svg-icons';
-import { faBookmark as faBookmarkOutlined } from '@fortawesome/free-regular-svg-icons';
-
-class Bookmark extends Component {
-  render() {
-    // Extract props
-    const {
-      outlined,
-      ...props
-    } = this.props;
-
-    if (outlined) {
-      return (
-        <FontAwesomeIcon icon={faBookmarkOutlined} {...props} />
-      );
-    }
-    return (
-      <FontAwesomeIcon icon={faBookmark} {...props} />
-    );
-  }
-}
-
-Bookmark.propTypes = {
-  // If true, bolt is shown in an outline instead of filled
-  outlined: PropTypes.bool,
-};
-
-Bookmark.defaultProps = {
-  outlined: false,
-};
-
-export default Bookmark;

package/src-old/glyphs/Bug.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faBug } from '@fortawesome/free-solid-svg-icons';
-
-class Bug extends Component {
-  render() {
-    return (
-      <FontAwesomeIcon icon={faBug} {...this.props} />
-    );
-  }
-}
-
-export default Bug;

package/src-old/glyphs/Calendar.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCalendar } from '@fortawesome/free-solid-svg-icons';
-
-class Calendar extends Component {
-  render() {
-    return (
-      <FontAwesomeIcon icon={faCalendar} {...this.props} />
-    );
-  }
-}
-
-export default Calendar;

package/src-old/glyphs/Check.js

@@ -1,34 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCheck } from '@fortawesome/free-solid-svg-icons';
-
-class Check extends Component {
-  render() {
-    // Deconstruct props
-    const {
-      grow,
-      ...props
-    } = this.props;
-
-    return (
-      <FontAwesomeIcon
-        icon={faCheck}
-        transform={grow ? `grow-${grow}` : undefined}
-        {...props}
-      />
-    );
-  }
-}
-
-Check.propTypes = {
-  // Factor by which to grow the check mark
-  grow: PropTypes.number,
-};
-
-Check.defaultProps = {
-  grow: null,
-};
-
-export default Check;

package/src-old/glyphs/Checkbox.js

@@ -1,42 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCheckSquare, faSquare } from '@fortawesome/free-solid-svg-icons';
-
-class Checkbox extends Component {
-  render() {
-    // Deconstruct props
-    const {
-      grow,
-      checked,
-      ...props
-    } = this.props;
-
-    return (
-      <FontAwesomeIcon
-        icon={(
-          checked
-            ? faCheckSquare
-            : faSquare
-        )}
-        transform={grow ? `grow-${grow}` : undefined}
-        {...props}
-      />
-    );
-  }
-}
-
-Checkbox.propTypes = {
-  // If true, the checkbox is checked
-  checked: PropTypes.bool,
-  // Factor by which to grow the checkbox
-  grow: PropTypes.number,
-};
-
-Checkbox.defaultProps = {
-  checked: false,
-  grow: null,
-};
-
-export default Checkbox;

package/src-old/glyphs/Chevron.js

@@ -1,88 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import {
-  faChevronUp,
-  faChevronDown,
-  faChevronRight,
-  faChevronLeft,
-  faChevronCircleUp,
-  faChevronCircleDown,
-  faChevronCircleRight,
-  faChevronCircleLeft,
-} from '@fortawesome/free-solid-svg-icons';
-
-/* use direction="up|down|left|right" (default is "right")
- * add circled prop to put the chevron in a circle bubble
- */
-
-class Chevron extends Component {
-  render() {
-    // Extract props
-    const {
-      circled,
-      direction,
-      ...props
-    } = this.props;
-
-    if (circled) {
-      switch (direction) {
-        case 'up':
-          return (
-            <FontAwesomeIcon icon={faChevronCircleUp} {...props} />
-          );
-        case 'down':
-          return (
-            <FontAwesomeIcon icon={faChevronCircleDown} {...props} />
-          );
-        case 'left':
-          return (
-            <FontAwesomeIcon icon={faChevronCircleLeft} {...props} />
-          );
-        default:
-          return (
-            <FontAwesomeIcon icon={faChevronCircleRight} {...props} />
-          );
-      }
-    } else {
-      switch (direction) {
-        case 'up':
-          return (
-            <FontAwesomeIcon icon={faChevronUp} {...props} />
-          );
-        case 'down':
-          return (
-            <FontAwesomeIcon icon={faChevronDown} {...props} />
-          );
-        case 'left':
-          return (
-            <FontAwesomeIcon icon={faChevronLeft} {...props} />
-          );
-        default:
-          return (
-            <FontAwesomeIcon icon={faChevronRight} {...props} />
-          );
-      }
-    }
-  }
-}
-
-Chevron.propTypes = {
-  // If true, the chevron is shown in a circle
-  circled: PropTypes.bool,
-  // The direction of the chevron
-  direction: PropTypes.oneOf([
-    'up',
-    'down',
-    'left',
-    'right',
-  ]),
-};
-
-Chevron.defaultProps = {
-  circled: false,
-  direction: 'right',
-};
-
-export default Chevron;

package/src-old/glyphs/Circle.js

@@ -1,16 +0,0 @@
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCircle } from '@fortawesome/free-solid-svg-icons';
-
-class Circle extends Component {
-  render() {
-    return (
-      <FontAwesomeIcon
-        icon={faCircle}
-        {...this.props}
-      />
-    );
-  }
-}
-
-export default Circle;

package/src-old/glyphs/Cog.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCog } from '@fortawesome/free-solid-svg-icons';
-
-class Cog extends Component {
-  render() {
-    return (
-      <FontAwesomeIcon icon={faCog} {...this.props} />
-    );
-  }
-}
-
-export default Cog;

package/src-old/glyphs/DoubleAngle.js

@@ -1,58 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import {
-  faAngleDoubleUp,
-  faAngleDoubleDown,
-  faAngleDoubleRight,
-  faAngleDoubleLeft,
-} from '@fortawesome/free-solid-svg-icons';
-
-/* use direction="up|down|left|right" (default is "right")
- */
-
-class DoubleAngle extends Component {
-  render() {
-    // Extract props
-    const {
-      direction,
-      ...props
-    } = this.props;
-
-    switch (direction) {
-      case 'up':
-        return (
-          <FontAwesomeIcon icon={faAngleDoubleUp} {...props} />
-        );
-      case 'down':
-        return (
-          <FontAwesomeIcon icon={faAngleDoubleDown} {...props} />
-        );
-      case 'left':
-        return (
-          <FontAwesomeIcon icon={faAngleDoubleLeft} {...props} />
-        );
-      default:
-        return (
-          <FontAwesomeIcon icon={faAngleDoubleRight} {...props} />
-        );
-    }
-  }
-}
-
-DoubleAngle.propTypes = {
-  /* Direction of the angle */
-  direction: PropTypes.oneOf([
-    'up',
-    'down',
-    'left',
-    'right',
-  ]),
-};
-
-DoubleAngle.defaultProps = {
-  direction: 'right',
-};
-
-export default DoubleAngle;

package/src-old/glyphs/Download.js

@@ -1,13 +0,0 @@
-import React, { Component } from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCloudDownloadAlt } from '@fortawesome/free-solid-svg-icons';
-
-class Download extends Component {
-  render() {
-    return (
-      <FontAwesomeIcon icon={faCloudDownloadAlt} {...this.props} />
-    );
-  }
-}
-
-export default Download;

package/src-old/glyphs/Ellipsis.js

@@ -1,35 +0,0 @@
-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 {
-      vertical,
-      ...props
-    } = this.props;
-
-    if (vertical) {
-      return (
-        <FontAwesomeIcon icon={faEllipsisV} {...props} />
-      );
-    }
-    return (
-      <FontAwesomeIcon icon={faEllipsisH} {...props} />
-    );
-  }
-}
-
-Adjust.propTypes = {
-  // If true, ellipsis is vertical
-  vertical: PropTypes.bool,
-};
-
-Adjust.defaultProps = {
-  vertical: false,
-};
-
-export default Adjust;

package/src-old/glyphs/Envelope.js

@@ -1,13 +0,0 @@
-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 (
-      <FontAwesomeIcon icon={faEnvelope} {...this.props} />
-    );
-  }
-}
-
-export default Envelope;

package/src-old/glyphs/File.js

@@ -1,40 +0,0 @@
-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 (
-      <FontAwesomeIcon icon={icon} {...this.props} />
-    );
-  }
-}
-
-File.propTypes = {
-  // Supported file types: 'csv'
-  type: PropTypes.string,
-};
-
-File.defaultProps = {
-  type: null,
-};
-
-export default File;

package/src-old/glyphs/IdCard.js

@@ -1,13 +0,0 @@
-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 (
-      <FontAwesomeIcon icon={faIdCard} {...this.props} />
-    );
-  }
-}
-
-export default IdCard;

package/src-old/glyphs/Menu.js

@@ -1,13 +0,0 @@
-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 (
-      <FontAwesomeIcon icon={faBars} {...this.props} />
-    );
-  }
-}
-
-export default Menu;

package/src-old/glyphs/Minus.js

@@ -1,13 +0,0 @@
-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 (
-      <FontAwesomeIcon icon={faMinus} {...this.props} />
-    );
-  }
-}
-
-export default Minus;

package/src-old/glyphs/Move.js

@@ -1,13 +0,0 @@
-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 (
-      <FontAwesomeIcon icon={faArrowsAlt} {...this.props} />
-    );
-  }
-}
-
-export default Move;

package/src-old/glyphs/Plus.js

@@ -1,13 +0,0 @@
-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 (
-      <FontAwesomeIcon icon={faPlus} {...this.props} />
-    );
-  }
-}
-
-export default Plus;

package/src-old/glyphs/Square.js

@@ -1,48 +0,0 @@
-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 {
-      grow,
-      filled,
-      ...props
-    } = this.props;
-
-    if (filled) {
-      return (
-        <FontAwesomeIcon
-          icon={faSquareFilled}
-          transform={grow ? `grow-${grow}` : undefined}
-          {...props}
-        />
-      );
-    }
-    return (
-      <FontAwesomeIcon
-        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/src-old/glyphs/Teacher.js

@@ -1,13 +0,0 @@
-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 (
-      <FontAwesomeIcon icon={faChalkboardTeacher} {...this.props} />
-    );
-  }
-}
-
-export default Teacher;

package/src-old/glyphs/TextAlign.js

@@ -1,58 +0,0 @@
-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 (
-      <FontAwesomeIcon 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;