@modernpoacher/cogs 0.0.4

package/src/cogs/text/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/text')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/text/index.jsx

@@ -0,0 +1,113 @@
+/**
+ * TextCog 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 TextCog extends ValueCog {
+  getClassName () {
+    return classnames(super.getClassName(), 'text')
+  }
+
+  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}
+      />
+    )
+  }
+}
+
+TextCog.propTypes = {
+  ...ValueCog.propTypes
+}
+
+TextCog.defaultProps = {
+  ...ValueCog.defaultProps
+}

package/src/cogs/text/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/text/title')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

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

package/src/cogs/textarea/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/textarea/description')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

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

package/src/cogs/textarea/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/textarea/error-message')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

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

package/src/cogs/textarea/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/textarea/field')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

@@ -0,0 +1,57 @@
+/**
+ * TextareaField component
+ */
+import React from 'react'
+import classnames from 'classnames'
+
+import { ValueField } from '@modernpoacher/cogs/components/field'
+
+export default class TextareaField extends ValueField {
+  getClassName () {
+    return classnames(super.getClassName(), 'textarea')
+  }
+
+  render () {
+    const {
+      id,
+      name,
+      value,
+      defaultValue,
+      required,
+      disabled,
+      readOnly,
+      tabIndex,
+      accessKey,
+      placeholder,
+      fieldRef
+    } = this.props
+
+    const className = this.getClassName()
+
+    return (
+      <textarea
+        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}
+        ref={fieldRef}
+      />
+    )
+  }
+}
+
+TextareaField.propTypes = {
+  ...ValueField.propTypes
+}
+
+TextareaField.defaultProps = {
+  ...ValueField.defaultProps
+}

package/src/cogs/textarea/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/textarea')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/cogs/textarea/index.jsx

@@ -0,0 +1,113 @@
+/**
+ * TextareaCog 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 TextareaCog extends ValueCog {
+  getClassName () {
+    return classnames(super.getClassName(), 'textarea')
+  }
+
+  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}
+      />
+    )
+  }
+}
+
+TextareaCog.propTypes = {
+  ...ValueCog.propTypes
+}
+
+TextareaCog.defaultProps = {
+  ...ValueCog.defaultProps
+}

package/src/cogs/textarea/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/textarea/title')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

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

package/src/components/common/disabled/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/components/common/disabled')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/common/disabled/index.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const DISABLED = String.fromCharCode(42)
+
+export default () => (
+  <span className='is-disabled'>
+    {DISABLED}
+  </span>
+)

package/src/components/common/readonly/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/components/common/readonly')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/common/readonly/index.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const READONLY = String.fromCharCode(42)
+
+export default () => (
+  <span className='is-readonly'>
+    {READONLY}
+  </span>
+)

package/src/components/common/required/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/components/common/readonly')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/common/required/index.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const REQUIRED = String.fromCharCode(42)
+
+export default () => (
+  <span className='is-required'>
+    {REQUIRED}
+  </span>
+)

package/src/components/common/text-content/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/components/common/text-content')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/common/text-content/index.jsx

@@ -0,0 +1,24 @@
+/**
+ * TextContent component
+ *
+ * @typedef {import('@modernpoacher/cogs/components/common/text-content').TextContentProps} TextContentProps
+ */
+
+import React from 'react'
+import PropTypes from 'prop-types'
+
+/**
+ * @param {TextContentProps}
+ * @returns {React.JSX.Element}
+ */
+const TextContent = ({ textContent }) => (
+  <span className='text-content'>
+    {textContent}
+  </span>
+)
+
+TextContent.propTypes = {
+  textContent: PropTypes.string.isRequired
+}
+
+export default TextContent

package/src/components/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/components/description')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/description/index.jsx

@@ -0,0 +1,37 @@
+/**
+ * Description component
+ */
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+import TextContent from '@modernpoacher/cogs/components/common/text-content'
+
+export default class Description extends Component {
+  getClassName () {
+    return 'description'
+  }
+
+  shouldComponentUpdate (props) {
+    return (
+      (props.description !== this.props.description)
+    )
+  }
+
+  render () {
+    const { description } = this.props
+
+    if (description) {
+      return (
+        <span className={this.getClassName()}>
+          <TextContent textContent={description} />
+        </span>
+      )
+    }
+
+    return null
+  }
+}
+
+Description.propTypes = {
+  description: PropTypes.string
+}

package/src/components/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/components/error-message')
+
+log('`cogs` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component