@modernpoacher/cogs 0.0.4

package/src/cogs/email/description/index.jsx

@@ -0,0 +1,19 @@
+/**
+ * EmailDescription component
+ */
+import classnames from 'classnames'
+import Description from '@modernpoacher/cogs/components/description'
+
+export default class EmailDescription extends Description {
+  getClassName () {
+    return classnames(super.getClassName(), 'email')
+  }
+}
+
+EmailDescription.propTypes = {
+  ...Description.propTypes
+}
+
+EmailDescription.defaultProps = {
+  ...Description.defaultProps
+}

package/src/cogs/email/error-message/index.cjs

@@ -0,0 +1,17 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/cogs/cogs/email/error-message')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/email/error-message/index.jsx

@@ -0,0 +1,19 @@
+/**
+ * EmailErrorMessage component
+ */
+import classnames from 'classnames'
+import ErrorMessage from '@modernpoacher/cogs/components/error-message'
+
+export default class EmailErrorMessage extends ErrorMessage {
+  getClassName () {
+    return classnames(super.getClassName(), 'email')
+  }
+}
+
+EmailErrorMessage.propTypes = {
+  ...ErrorMessage.propTypes
+}
+
+EmailErrorMessage.defaultProps = {
+  ...ErrorMessage.defaultProps
+}

package/src/cogs/email/field/index.cjs

@@ -0,0 +1,17 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/cogs/cogs/email/field')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/email/field/index.jsx

@@ -0,0 +1,58 @@
+/**
+ * EmailField component
+ */
+import React from 'react'
+import classnames from 'classnames'
+
+import { ValueField } from '@modernpoacher/cogs/components/field'
+
+export default class EmailField extends ValueField {
+  getClassName () {
+    return classnames(super.getClassName(), 'email')
+  }
+
+  render () {
+    const {
+      id,
+      name,
+      value,
+      defaultValue,
+      required,
+      disabled,
+      readOnly,
+      tabIndex,
+      accessKey,
+      placeholder,
+      fieldRef
+    } = this.props
+
+    const className = this.getClassName()
+
+    return (
+      <input
+        id={id}
+        name={name}
+        value={value}
+        defaultValue={defaultValue}
+        required={required}
+        disabled={disabled}
+        readOnly={readOnly}
+        tabIndex={tabIndex}
+        accessKey={accessKey}
+        placeholder={placeholder}
+        onChange={this.handleChange}
+        className={className}
+        type='email'
+        ref={fieldRef}
+      />
+    )
+  }
+}
+
+EmailField.propTypes = {
+  ...ValueField.propTypes
+}
+
+EmailField.defaultProps = {
+  ...ValueField.defaultProps
+}

package/src/cogs/email/index.cjs

@@ -0,0 +1,17 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/cogs/cogs/email')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/email/index.jsx

@@ -0,0 +1,113 @@
+/**
+ * EmailCog component
+ */
+import React from 'react'
+import classnames from 'classnames'
+
+import { ValueCog } from '@modernpoacher/cogs/cogs'
+
+import Title from './title/index.jsx'
+import Description from './description/index.jsx'
+import ErrorMessage from './error-message/index.jsx'
+import Field from './field/index.jsx'
+
+export default class EmailCog extends ValueCog {
+  getClassName () {
+    return classnames(super.getClassName(), 'email')
+  }
+
+  handleChange = (value) => {
+    const {
+      onChange
+    } = this.props
+
+    onChange(value)
+  }
+
+  renderTitle () {
+    const id = this.getId()
+
+    const {
+      title,
+      required,
+      disabled,
+      readOnly
+    } = this.props
+
+    return (
+      <Title
+        id={id}
+        title={title}
+        required={required}
+        disabled={disabled}
+        readOnly={readOnly}
+      />
+    )
+  }
+
+  renderDescription () {
+    const {
+      description
+    } = this.props
+
+    return (
+      <Description
+        description={description}
+      />
+    )
+  }
+
+  renderErrorMessage () {
+    const {
+      errorMessage
+    } = this.props
+
+    return (
+      <ErrorMessage
+        errorMessage={errorMessage}
+      />
+    )
+  }
+
+  renderField () {
+    const id = this.getId()
+
+    const {
+      name,
+      value,
+      defaultValue,
+      required,
+      disabled,
+      readOnly,
+      tabIndex,
+      accessKey,
+      placeholder,
+      fieldRef
+    } = this.props
+
+    return (
+      <Field
+        id={id}
+        name={name}
+        value={value}
+        defaultValue={defaultValue}
+        required={required}
+        disabled={disabled}
+        readOnly={readOnly}
+        tabIndex={tabIndex}
+        accessKey={accessKey}
+        placeholder={placeholder}
+        onChange={this.handleChange}
+        fieldRef={fieldRef}
+      />
+    )
+  }
+}
+
+EmailCog.propTypes = {
+  ...ValueCog.propTypes
+}
+
+EmailCog.defaultProps = {
+  ...ValueCog.defaultProps
+}

package/src/cogs/email/title/index.cjs

@@ -0,0 +1,17 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/cogs/cogs/email/title')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/email/title/index.jsx

@@ -0,0 +1,19 @@
+/**
+ * EmailTitle component
+ */
+import classnames from 'classnames'
+import Title from '@modernpoacher/cogs/components/title'
+
+export default class EmailTitle extends Title {
+  getClassName () {
+    return classnames(super.getClassName(), 'email')
+  }
+}
+
+EmailTitle.propTypes = {
+  ...Title.propTypes
+}
+
+EmailTitle.defaultProps = {
+  ...Title.defaultProps
+}

package/src/cogs/index.cjs

@@ -0,0 +1,16 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/cogs/cogs')
+
+log('`cogs` is awake')
+
+/**
+ *  Has default export, etc
+ */
+module.exports = require('./index.jsx')

package/src/cogs/index.jsx

@@ -0,0 +1,211 @@
+/**
+ * Cog component
+ */
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import classnames from 'classnames'
+
+import Title from '@modernpoacher/cogs/components/title'
+import Description from '@modernpoacher/cogs/components/description'
+import ErrorMessage from '@modernpoacher/cogs/components/error-message'
+import Field from '@modernpoacher/cogs/components/field'
+
+function onChange () {
+  /* */
+}
+
+function onClick () {
+  /* */
+}
+
+export default class Cog extends Component {
+  getClassName () {
+    const {
+      required,
+      disabled,
+      readOnly,
+      errorMessage
+    } = this.props
+
+    return classnames('cog', { required, disabled, readOnly, error: !!errorMessage })
+  }
+
+  getId () {
+    const {
+      id,
+      name
+    } = this.props
+
+    return id || name
+  }
+
+  shouldComponentUpdate (props) {
+    return (
+      (props.name !== this.props.name) ||
+      (props.id !== this.props.id) ||
+      (props.title !== this.props.title) ||
+      (props.description !== this.props.description) ||
+      (props.errorMessage !== this.props.errorMessage) ||
+      (props.required !== this.props.required) ||
+      (props.disabled !== this.props.disabled) ||
+      (props.readOnly !== this.props.readOnly) ||
+      (props.tabIndex !== this.props.tabIndex) ||
+      (props.accessKey !== this.props.accessKey) ||
+      (props.placeholder !== this.props.placeholder) ||
+      (props.onChange !== this.props.onChange)
+    )
+  }
+
+  renderTitle () {
+    const id = this.getId()
+
+    const {
+      title,
+      required,
+      disabled,
+      readOnly
+    } = this.props
+
+    return (
+      <Title
+        id={id}
+        title={title}
+        required={required}
+        disabled={disabled}
+        readOnly={readOnly}
+      />
+    )
+  }
+
+  renderDescription () {
+    const {
+      description
+    } = this.props
+
+    return (
+      <Description
+        description={description}
+      />
+    )
+  }
+
+  renderErrorMessage () {
+    const {
+      errorMessage
+    } = this.props
+
+    return (
+      <ErrorMessage
+        errorMessage={errorMessage}
+      />
+    )
+  }
+
+  renderField () {
+    const id = this.getId()
+
+    const {
+      name,
+      required,
+      disabled,
+      readOnly,
+      tabIndex,
+      accessKey,
+      placeholder,
+      onChange,
+      fieldRef
+    } = this.props
+
+    return (
+      <Field
+        id={id}
+        name={name}
+        required={required}
+        disabled={disabled}
+        readOnly={readOnly}
+        tabIndex={tabIndex}
+        accessKey={accessKey}
+        placeholder={placeholder}
+        onChange={onChange}
+        fieldRef={fieldRef}
+      />
+    )
+  }
+
+  render () {
+    const className = this.getClassName()
+
+    return (
+      <div className={className}>
+        {this.renderTitle()}
+        {this.renderDescription()}
+        {this.renderErrorMessage()}
+        {this.renderField()}
+      </div>
+    )
+  }
+}
+
+Cog.propTypes = {
+  id: PropTypes.string,
+  name: PropTypes.string.isRequired,
+  title: PropTypes.string,
+  description: PropTypes.string,
+  errorMessage: PropTypes.string,
+  required: PropTypes.bool,
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  placeholder: PropTypes.string,
+  onChange: PropTypes.func,
+  fieldRef: PropTypes.shape({
+    current: PropTypes.shape().isRequired
+  })
+}
+
+Cog.defaultProps = {
+  required: false,
+  disabled: false,
+  readOnly: false,
+  onChange
+}
+
+export class ValueCog extends Cog {
+  shouldComponentUpdate (props) {
+    return (
+      super.shouldComponentUpdate(props) ||
+      (props.value !== this.props.value)
+    )
+  }
+}
+
+ValueCog.propTypes = {
+  ...Cog.propTypes,
+  value: PropTypes.string,
+  defaultValue: PropTypes.string
+}
+
+ValueCog.defaultProps = {
+  ...Cog.defaultProps
+}
+
+export class CheckCog extends Cog {
+  shouldComponentUpdate (props) {
+    return (
+      super.shouldComponentUpdate(props) ||
+      (props.checked !== this.props.checked) ||
+      (props.onClick !== this.props.onClick)
+    )
+  }
+}
+
+CheckCog.propTypes = {
+  ...Cog.propTypes,
+  checked: PropTypes.bool,
+  defaultChecked: PropTypes.bool,
+  onClick: PropTypes.func
+}
+
+CheckCog.defaultProps = {
+  ...Cog.defaultProps,
+  onClick
+}

package/src/cogs/number/description/index.cjs

@@ -0,0 +1,17 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/cogs/cogs/number/description')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/number/description/index.jsx

@@ -0,0 +1,19 @@
+/**
+ * NumberDescription component
+ */
+import classnames from 'classnames'
+import Description from '@modernpoacher/cogs/components/description'
+
+export default class NumberDescription extends Description {
+  getClassName () {
+    return classnames(super.getClassName(), 'number')
+  }
+}
+
+NumberDescription.propTypes = {
+  ...Description.propTypes
+}
+
+NumberDescription.defaultProps = {
+  ...Description.defaultProps
+}

package/src/cogs/number/error-message/index.cjs

@@ -0,0 +1,17 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/cogs/cogs/number/error-message')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/number/error-message/index.jsx

@@ -0,0 +1,19 @@
+/**
+ * NumberErrorMessage component
+ */
+import classnames from 'classnames'
+import ErrorMessage from '@modernpoacher/cogs/components/error-message'
+
+export default class NumberErrorMessage extends ErrorMessage {
+  getClassName () {
+    return classnames(super.getClassName(), 'number')
+  }
+}
+
+NumberErrorMessage.propTypes = {
+  ...ErrorMessage.propTypes
+}
+
+NumberErrorMessage.defaultProps = {
+  ...ErrorMessage.defaultProps
+}

package/src/cogs/number/field/index.cjs

@@ -0,0 +1,17 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/cogs/cogs/number/field')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/number/field/index.jsx

@@ -0,0 +1,67 @@
+/**
+ * NumberField component
+ */
+import React from 'react'
+import PropTypes from 'prop-types'
+import classnames from 'classnames'
+
+import { ValueField } from '@modernpoacher/cogs/components/field'
+
+export default class NumberField extends ValueField {
+  getClassName () {
+    return classnames(super.getClassName(), 'number')
+  }
+
+  render () {
+    const {
+      id,
+      name,
+      value,
+      defaultValue,
+      required,
+      disabled,
+      readOnly,
+      tabIndex,
+      accessKey,
+      placeholder,
+      fieldRef
+    } = this.props
+
+    const className = this.getClassName()
+
+    return (
+      <input
+        id={id}
+        name={name}
+        value={value}
+        defaultValue={defaultValue}
+        required={required}
+        disabled={disabled}
+        readOnly={readOnly}
+        tabIndex={tabIndex}
+        accessKey={accessKey}
+        placeholder={placeholder}
+        onChange={this.handleChange}
+        className={className}
+        type='number'
+        ref={fieldRef}
+      />
+    )
+  }
+}
+
+NumberField.propTypes = {
+  ...ValueField.propTypes,
+  value: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number
+  ]),
+  defaultValue: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number
+  ])
+}
+
+NumberField.defaultProps = {
+  ...ValueField.defaultProps
+}