@modernpoacher/sprockets 0.0.5

package/src/sprockets/check-answers/title/index.jsx

@@ -0,0 +1,33 @@
+/**
+ * CheckAnswersTitle component
+ */
+
+import React from 'react'
+import classnames from 'classnames'
+import Title from '@modernpoacher/sprockets/components/title'
+
+export default class CheckAnswersTitle extends Title {
+  getClassName () {
+    return classnames(super.getClassName(), 'check-answers')
+  }
+
+  render () {
+    if (this.hasTextContent()) {
+      return (
+        <h2 className={this.getClassName()}>
+          {this.renderTextContent()}
+        </h2>
+      )
+    }
+
+    return null
+  }
+}
+
+CheckAnswersTitle.propTypes = {
+  ...Title.propTypes
+}
+
+CheckAnswersTitle.defaultProps = {
+  ...Title.defaultProps
+}

package/src/sprockets/error-summary/group/error-item.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('@modernpoacher/sprockets/sprockets/error-summary/group/error-item')
+
+log('`sprockets` is awake')
+
+module.exports = require('./error-item.jsx')

package/src/sprockets/error-summary/group/error-item.jsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import TextContent from '@modernpoacher/sprockets/components/common/text-content'
+
+export default function ErrorItem ({
+  href,
+  text
+}) {
+  return (
+    <li className='error'>
+      <a href={href}>
+        <TextContent textContent={text} />
+      </a>
+    </li>
+  )
+}
+
+ErrorItem.propTypes = {
+  href: PropTypes.string.isRequired,
+  text: PropTypes.string.isRequired
+}

package/src/sprockets/error-summary/group/index.cjs

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

package/src/sprockets/error-summary/group/index.jsx

@@ -0,0 +1,93 @@
+/**
+ * ErrorSummaryGroup component
+ *
+ * @typedef {import('@modernpoacher/sprockets/components/group').GroupProps} GroupProps
+ *
+ * Group state
+ *
+ * @typedef {Object} GroupState
+ * @property {{}} [children]
+ */
+
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import classnames from 'classnames'
+
+import Group from '@modernpoacher/sprockets/components/group'
+
+export default class ErrorSummaryGroup extends Group {
+  /**
+   * @type {GroupState}
+   */
+  state = {}
+
+  getClassName () {
+    return classnames(super.getClassName(), 'error-summary')
+  }
+
+  /**
+   * Compare latest 'props' with 'state' for changes to 'children'
+   *
+   * @param {GroupProps} props   Latest props
+   * @param {GroupState} state   Current state
+   * @returns {GroupState}
+   */
+  static getDerivedStateFromProps ({ children: e }, { children: E }) {
+    return {
+      children: (e !== E) ? e : E
+    }
+  }
+
+  /**
+   * Compare latest 'props' with 'state' for changes to 'children'
+   *
+   * @param {GroupProps} props   Latest props
+   * @param {GroupState} state   Current state
+   * @returns {boolean}
+   */
+  shouldComponentUpdate (props, state) {
+    const {
+      children: e
+    } = state
+
+    const {
+      children: E
+    } = this.state
+
+    return (e !== E)
+  }
+
+  render () {
+    const {
+      groupRef,
+      children
+    } = this.props
+
+    if (children) {
+      return (
+        <ul
+          className={this.getClassName()}
+          ref={groupRef}>
+          {children}
+        </ul>
+      )
+    }
+
+    return null
+  }
+}
+
+ErrorSummaryGroup.propTypes = {
+  ...Group.propTypes,
+  children: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.arrayOf(
+      PropTypes.node
+    )
+  ])
+}
+
+ErrorSummaryGroup.defaultProps = {
+  ...Group.defaultProps
+}

package/src/sprockets/error-summary/index.cjs

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

package/src/sprockets/error-summary/index.jsx

@@ -0,0 +1,88 @@
+/**
+ * ErrorSummarySprocket component
+ *
+ * @typedef {import('@modernpoacher/sprockets/sprockets').SprocketProps} SprocketProps
+ */
+
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import classnames from 'classnames'
+
+import Sprocket from '@modernpoacher/sprockets/sprockets'
+import Title from './title/index.jsx'
+import Group from './group/index.jsx'
+
+export default class ErrorSummarySprocket extends Sprocket {
+  getClassName () {
+    return classnames(super.getClassName(), 'error-summary')
+  }
+
+  /**
+   * @param {SprocketProps} props
+   * @returns {boolean}
+   */
+  shouldComponentUpdate (props) {
+    return (
+      super.shouldComponentUpdate(props) ||
+      (props.children !== this.props.children)
+    )
+  }
+
+  renderTitle () {
+    const {
+      title
+    } = this.props
+
+    return (
+      <Title
+        title={title}
+      />
+    )
+  }
+
+  renderGroup () {
+    const {
+      children
+    } = this.props
+
+    return (
+      <Group>
+        {children}
+      </Group>
+    )
+  }
+
+  render () {
+    const {
+      children
+    } = this.props
+
+    if (children) {
+      const className = this.getClassName()
+
+      return (
+        <div tabIndex='-1' className={className}>
+          {this.renderTitle()}
+          {this.renderGroup()}
+        </div>
+      )
+    }
+
+    return null
+  }
+}
+
+ErrorSummarySprocket.propTypes = {
+  ...Sprocket.propTypes,
+  children: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.arrayOf(
+      PropTypes.node
+    )
+  ])
+}
+
+ErrorSummarySprocket.defaultProps = {
+  ...Sprocket.defaultProps
+}

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

package/src/sprockets/error-summary/title/index.jsx

@@ -0,0 +1,33 @@
+/**
+ * ErrorSummaryTitle component
+ */
+
+import React from 'react'
+import classnames from 'classnames'
+import Title from '@modernpoacher/sprockets/components/title'
+
+export default class ErrorSummaryTitle extends Title {
+  getClassName () {
+    return classnames(super.getClassName(), 'error-summary')
+  }
+
+  render () {
+    if (this.hasTextContent()) {
+      return (
+        <h2 className={this.getClassName()}>
+          {this.renderTextContent()}
+        </h2>
+      )
+    }
+
+    return null
+  }
+}
+
+ErrorSummaryTitle.propTypes = {
+  ...Title.propTypes
+}
+
+ErrorSummaryTitle.defaultProps = {
+  ...Title.defaultProps
+}

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

package/src/sprockets/fieldset/description/index.jsx

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

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

package/src/sprockets/fieldset/error-message/index.jsx

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

package/src/sprockets/fieldset/group/index.cjs

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

package/src/sprockets/fieldset/group/index.jsx

@@ -0,0 +1,20 @@
+/**
+ * FieldsetGroup component
+ */
+
+import classnames from 'classnames'
+import Group from '@modernpoacher/sprockets/components/group'
+
+export default class FieldsetGroup extends Group {
+  getClassName () {
+    return classnames(super.getClassName(), 'fieldset')
+  }
+}
+
+FieldsetGroup.propTypes = {
+  ...Group.propTypes
+}
+
+FieldsetGroup.defaultProps = {
+  ...Group.defaultProps
+}

package/src/sprockets/fieldset/index.cjs

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

package/src/sprockets/fieldset/index.jsx

@@ -0,0 +1,105 @@
+/**
+ * FieldsetSprocket component
+ *
+ * @typedef {import('@modernpoacher/sprockets/sprockets').SprocketProps} SprocketProps
+ */
+
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import classnames from 'classnames'
+
+import Sprocket from '@modernpoacher/sprockets/sprockets'
+import Title from './title/index.jsx'
+import Description from './description/index.jsx'
+import ErrorMessage from './error-message/index.jsx'
+import Group from './group/index.jsx'
+
+export default class FieldsetSprocket extends Sprocket {
+  getClassName () {
+    const {
+      errorMessage
+    } = this.props
+
+    return classnames(super.getClassName(), { error: !!errorMessage }, 'fieldset')
+  }
+
+  /**
+   * @param {SprocketProps} props
+   * @returns {boolean}
+   */
+  shouldComponentUpdate (props) {
+    return (
+      super.shouldComponentUpdate(props) ||
+      (props.description !== this.props.description) ||
+      (props.errorMessage !== this.props.errorMessage)
+    )
+  }
+
+  renderTitle () {
+    const {
+      title
+    } = this.props
+
+    return (
+      <Title
+        title={title}
+      />
+    )
+  }
+
+  renderDescription () {
+    const {
+      description
+    } = this.props
+
+    return (
+      <Description
+        description={description}
+      />
+    )
+  }
+
+  renderErrorMessage () {
+    const {
+      errorMessage
+    } = this.props
+
+    return (
+      <ErrorMessage
+        errorMessage={errorMessage}
+      />
+    )
+  }
+
+  renderGroup () {
+    const {
+      onChange,
+      children
+    } = this.props
+
+    return (
+      <Group
+        onChange={onChange}>
+        {this.renderTitle()}
+        {this.renderDescription()}
+        {this.renderErrorMessage()}
+        {children}
+      </Group>
+    )
+  }
+}
+
+FieldsetSprocket.propTypes = {
+  ...Sprocket.propTypes,
+  description: PropTypes.string,
+  errorMessage: PropTypes.shape({
+    type: PropTypes.string.isRequired,
+    params: PropTypes.shape().isRequired,
+    uri: PropTypes.string.isRequired
+  })
+}
+
+FieldsetSprocket.defaultProps = {
+  ...Sprocket.defaultProps
+}

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

package/src/sprockets/fieldset/title/index.jsx

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

package/src/sprockets/index.cjs

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