shinkansen-sprockets 1.0.28

package/src/components/group/index.js

@@ -0,0 +1,42 @@
+/**
+ * Group component
+ */
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+export default class Group extends Component {
+  getDOMNode = () => this.domNode
+  setDOMNode = (domNode) => !!(this.domNode = domNode) || delete this.domNode
+
+  getClassName () {
+    return 'group'
+  }
+
+  shouldComponentUpdate (props) {
+    return (
+      (props.onChange !== this.props.onChange) ||
+      (props.children !== this.props.children)
+    )
+  }
+
+  render () {
+    const {
+      onChange,
+      children
+    } = this.props
+
+    return (
+      <fieldset
+        onChange={onChange}
+        className={this.getClassName()}
+        ref={this.setDOMNode}>
+        {children}
+      </fieldset>
+    )
+  }
+}
+
+Group.propTypes = {
+  onChange: PropTypes.func,
+  children: PropTypes.any
+}

package/src/components/title/check-answers/index.js

@@ -0,0 +1,33 @@
+/**
+ * CheckAnswersTitle component
+ */
+
+import React from 'react'
+import classnames from 'classnames'
+import Title from 'shinkansen-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/components/title/error-summary/index.js

@@ -0,0 +1,33 @@
+/**
+ * ErrorSummaryTitle component
+ */
+
+import React from 'react'
+import classnames from 'classnames'
+import Title from 'shinkansen-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/components/title/fieldset/index.js

@@ -0,0 +1,19 @@
+/**
+ * FieldsetTitle component
+ */
+import classnames from 'classnames'
+import Title from 'shinkansen-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/components/title/index.js

@@ -0,0 +1,59 @@
+/**
+ * Title component
+ */
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+import TextContent from 'shinkansen-sprockets/components/common/text-content'
+
+export default class Title extends Component {
+  hasTextContent () {
+    const { title } = this.props
+
+    return !!title
+  }
+
+  getTextContent () {
+    const { title } = this.props
+
+    return title
+  }
+
+  getClassName () {
+    return 'title'
+  }
+
+  shouldComponentUpdate (props) {
+    return (
+      (props.title !== this.props.title)
+    )
+  }
+
+  renderTextContent () {
+    if (this.hasTextContent()) {
+      const textContent = this.getTextContent()
+
+      return (
+        <TextContent textContent={textContent} />
+      )
+    }
+
+    return null
+  }
+
+  render () {
+    if (this.hasTextContent()) {
+      return (
+        <legend className={this.getClassName()}>
+          {this.renderTextContent()}
+        </legend>
+      )
+    }
+
+    return null
+  }
+}
+
+Title.propTypes = {
+  title: PropTypes.string
+}

package/src/index.js

@@ -0,0 +1,13 @@
+import CheckAnswersSprocket from './sprockets/check-answers'
+import ErrorSummarySprocket from './sprockets/error-summary'
+import FieldsetSprocket from './sprockets/fieldset'
+
+export CheckAnswersSprocket from './sprockets/check-answers'
+export ErrorSummarySprocket from './sprockets/error-summary'
+export FieldsetSprocket from './sprockets/fieldset'
+
+export default {
+  CheckAnswersSprocket,
+  ErrorSummarySprocket,
+  FieldsetSprocket
+}

package/src/sprockets/check-answers/index.js

@@ -0,0 +1,74 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import classnames from 'classnames'
+
+import Sprocket from 'shinkansen-sprockets/sprockets'
+import Title from 'shinkansen-sprockets/components/title/check-answers'
+import Group from 'shinkansen-sprockets/components/group/check-answers'
+
+export default class CheckAnswersSprocket extends Sprocket {
+  getClassName () {
+    return classnames(super.getClassName(), 'check-answers')
+  }
+
+  shouldComponentUpdate (props) {
+    return (
+      super.shouldComponentUpdate(props) ||
+      (props.checkAnswers !== this.props.checkAnswers)
+    )
+  }
+
+  renderTitle () {
+    const {
+      title
+    } = this.props
+
+    return (
+      <Title
+        title={title}
+        ref={this.setTitle}
+      />
+    )
+  }
+
+  renderGroup () {
+    const {
+      checkAnswers
+    } = this.props
+
+    return (
+      <Group
+        checkAnswers={checkAnswers}
+        ref={this.setGroup}
+      />
+    )
+  }
+
+  render () {
+    const {
+      checkAnswers
+    } = this.props
+
+    if (checkAnswers.length) {
+      return (
+        <div className={this.getClassName()}>
+          {this.renderTitle()}
+          {this.renderGroup()}
+        </div>
+      )
+    }
+
+    return null
+  }
+}
+
+CheckAnswersSprocket.propTypes = {
+  ...Sprocket.propTypes,
+  checkAnswers: PropTypes.array
+}
+
+CheckAnswersSprocket.defaultProps = {
+  ...Sprocket.defaultProps,
+  checkAnswers: []
+}

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

@@ -0,0 +1,79 @@
+/**
+ * ErrorSummarySprocket component
+ */
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import classnames from 'classnames'
+
+import Sprocket from 'shinkansen-sprockets/sprockets'
+import Title from 'shinkansen-sprockets/components/title/error-summary'
+import Group from 'shinkansen-sprockets/components/group/error-summary'
+
+export default class ErrorSummarySprocket extends Sprocket {
+  getClassName () {
+    return classnames(super.getClassName(), 'error-summary')
+  }
+
+  shouldComponentUpdate (props) {
+    return (
+      super.shouldComponentUpdate(props) ||
+      (props.errorSummary !== this.props.errorSummary)
+    )
+  }
+
+  renderTitle () {
+    const {
+      title
+    } = this.props
+
+    return (
+      <Title
+        title={title}
+        ref={this.setTitle}
+      />
+    )
+  }
+
+  renderGroup () {
+    const {
+      errorSummary
+    } = this.props
+
+    return (
+      <Group
+        errorSummary={errorSummary}
+        ref={this.setGroup}>
+      </Group>
+    )
+  }
+
+  render () {
+    const {
+      errorSummary
+    } = this.props
+
+    if (errorSummary.length) {
+      const className = this.getClassName()
+
+      return (
+        <div tabIndex='-1' className={className}>
+          {this.renderTitle()}
+          {this.renderGroup()}
+        </div>
+      )
+    }
+
+    return null
+  }
+}
+
+ErrorSummarySprocket.propTypes = {
+  ...Sprocket.propTypes,
+  errorSummary: PropTypes.array
+}
+
+ErrorSummarySprocket.defaultProps = {
+  ...Sprocket.defaultProps,
+  errorSummary: []
+}

package/src/sprockets/fieldset/index.js

@@ -0,0 +1,108 @@
+/**
+ * FieldsetSprocket component
+ */
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import classnames from 'classnames'
+
+import Sprocket from 'shinkansen-sprockets/sprockets'
+import Title from 'shinkansen-sprockets/components/title/fieldset'
+import Description from 'shinkansen-sprockets/components/description/fieldset'
+import ErrorMessage from 'shinkansen-sprockets/components/error-message/fieldset'
+import Group from 'shinkansen-sprockets/components/group/fieldset'
+
+export default class FieldsetSprocket extends Sprocket {
+  getDescription = () => this.description
+  getErrorMessage = () => this.errorMessage
+
+  setDescription = (description) => !!(this.description = description) || delete this.description
+  setErrorMessage = (errorMessage) => !!(this.errorMessage = errorMessage) || delete this.errorMessage
+
+  getClassName () {
+    const {
+      errorMessage
+    } = this.props
+
+    return classnames(super.getClassName(), { error: !!errorMessage }, 'fieldset')
+  }
+
+  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}
+        ref={this.setTitle}
+      />
+    )
+  }
+
+  renderDescription () {
+    const {
+      description
+    } = this.props
+
+    return (
+      <Description
+        description={description}
+        ref={this.setDescription}
+      />
+    )
+  }
+
+  renderErrorMessage () {
+    const {
+      errorMessage
+    } = this.props
+
+    return (
+      <ErrorMessage
+        errorMessage={errorMessage}
+        ref={this.setErrorMessage}
+      />
+    )
+  }
+
+  renderGroup () {
+    const {
+      onChange,
+      children
+    } = this.props
+
+    return (
+      <Group
+        onChange={onChange}
+        ref={this.setGroup}>
+        {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/index.js

@@ -0,0 +1,86 @@
+/**
+ * Sprocket component
+ */
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+import Title from 'shinkansen-sprockets/components/title'
+import Group from 'shinkansen-sprockets/components/group'
+
+function onChange () {
+  /* */
+}
+
+export default class Sprocket extends Component {
+  getTitle = () => this.title
+  getGroup = () => this.group
+
+  setTitle = (title) => !!(this.title = title) || delete this.title
+  setGroup = (group) => !!(this.group = group) || delete this.group
+
+  getClassName () {
+    return 'sprocket'
+  }
+
+  shouldComponentUpdate (props) {
+    return (
+      (props.children !== this.props.children) ||
+      (props.title !== this.props.title) ||
+      (props.onChange !== this.props.onChange)
+    )
+  }
+
+  renderTitle () {
+    const {
+      title
+    } = this.props
+
+    return (
+      <Title
+        title={title}
+        ref={this.setTitle}
+      />
+    )
+  }
+
+  renderGroup () {
+    const {
+      onChange,
+      children
+    } = this.props
+
+    return (
+      <Group
+        onChange={onChange}
+        ref={this.setGroup}>
+        {this.renderTitle()}
+        {children}
+      </Group>
+    )
+  }
+
+  render () {
+    const className = this.getClassName()
+
+    return (
+      <div className={className}>
+        {this.renderGroup()}
+      </div>
+    )
+  }
+}
+
+Sprocket.propTypes = {
+  title: PropTypes.string,
+  onChange: PropTypes.func,
+  children: PropTypes.oneOfType([
+    PropTypes.element,
+    PropTypes.arrayOf(
+      PropTypes.element
+    )
+  ])
+}
+
+Sprocket.defaultProps = {
+  onChange
+}

package/src/transformers/check-answers/index.js

@@ -0,0 +1,12 @@
+import debug from 'debug'
+
+const log = debug('shinkansen-sprockets:transformers:check-answer')
+
+export default function transform ({ changeAnswer: { text, href } }, components) {
+  log('transform')
+
+  return {
+    text,
+    href
+  }
+}

package/src/transformers/common/index.js

@@ -0,0 +1,14 @@
+const CHAR32 = String.fromCharCode(32)
+const CHAR45 = String.fromCharCode(45)
+
+export function getKey (href, text, index) {
+  return (
+    `${href}-${text}-${index}`
+      .toLowerCase()
+      .replace(/^#/, 'error-')
+      .replace(/[^\w\-\d]/g, CHAR32).trim()
+      .replace(/\s\s+/g, CHAR32)
+      .replace(/\-\-+/g, CHAR45) // eslint-disable-line
+      .replace(/[\s\s|\-\-|\s\-|\-\s]+/g, CHAR45) // eslint-disable-line
+  )
+}