shinkansen-sprockets 1.1.92 → 1.1.93

package/babel.config.cjs

@@ -54,32 +54,29 @@ const plugins = [
         /**
          *  Storybook
          */
+        'shinkansen-sprockets/sprockets/check-answers/group/answer-item': './src/sprockets/group/check-answers/answer-item.cjs',
+        'shinkansen-sprockets/sprockets/check-answers/group/answer-title': './src/sprockets/group/check-answers/answer-title.cjs',
+        'shinkansen-sprockets/sprockets/check-answers/group/answer-value': './src/sprockets/group/check-answers/answer-value.cjs',
+        'shinkansen-sprockets/sprockets/check-answers/group/change-answer': './src/sprockets/group/check-answers/change-answer.cjs',
+        'shinkansen-sprockets/sprockets/check-answers/group/visually-hidden-text': './src/sprockets/group/check-answers/visually-hidden-text.cjs',
+        'shinkansen-sprockets/sprockets/check-answers/group': './src/sprockets/check-answers/group/index.cjs',
+        'shinkansen-sprockets/sprockets/check-answers/title': './src/sprockets/check-answers/title/index.cjs',
         'shinkansen-sprockets/sprockets/check-answers': './src/sprockets/check-answers/index.cjs',
+        'shinkansen-sprockets/sprockets/error-summary/group/error-item': './src/sprockets/group/error-summary/error-item.cjs',
+        'shinkansen-sprockets/sprockets/error-summary/group': './src/sprockets/error-summary/group/index.cjs',
+        'shinkansen-sprockets/sprockets/error-summary/title': './src/sprockets/error-summary/title/index.cjs',
         'shinkansen-sprockets/sprockets/error-summary': './src/sprockets/error-summary/index.cjs',
+        'shinkansen-sprockets/sprockets/fieldset/description': './src/sprockets/description/fieldset/index.cjs',
+        'shinkansen-sprockets/sprockets/fieldset/error-message': './src/sprockets/error-message/fieldset/index.cjs',
+        'shinkansen-sprockets/sprockets/fieldset/group': './src/sprockets/group/fieldset/index.cjs',
+        'shinkansen-sprockets/sprockets/fieldset/title': './src/sprockets/title/fieldset/index.cjs',
         'shinkansen-sprockets/sprockets/fieldset': './src/sprockets/fieldset/index.cjs',
         'shinkansen-sprockets/sprockets': './src/sprockets/index.cjs',
         'shinkansen-sprockets/components/common/text-content': './src/components/common/text-content/index.cjs',
-        'shinkansen-sprockets/components/description/fieldset': './src/components/description/fieldset/index.cjs',
         'shinkansen-sprockets/components/description': './src/components/description/index.cjs',
-        'shinkansen-sprockets/components/error-message/fieldset': './src/components/error-message/fieldset/index.cjs',
         'shinkansen-sprockets/components/error-message': './src/components/error-message/index.cjs',
-        'shinkansen-sprockets/components/group/check-answers/answer-title': './src/components/group/check-answers/answer-title.cjs',
-        'shinkansen-sprockets/components/group/check-answers/answer-value': './src/components/group/check-answers/answer-value.cjs',
-        'shinkansen-sprockets/components/group/check-answers/change-answer': './src/components/group/check-answers/change-answer.cjs',
-        'shinkansen-sprockets/components/group/check-answers/visually-hidden-text': './src/components/group/check-answers/visually-hidden-text.cjs',
-        'shinkansen-sprockets/components/group/check-answers': './src/components/group/check-answers/index.cjs',
-        'shinkansen-sprockets/components/group/error-summary': './src/components/group/error-summary/index.cjs',
-        'shinkansen-sprockets/components/group/fieldset': './src/components/group/fieldset/index.cjs',
-        'shinkansen-sprockets/components/group': './src/components/group/index.cjs',
-        'shinkansen-sprockets/components/title/check-answers': './src/components/title/check-answers/index.cjs',
-        'shinkansen-sprockets/components/title/error-summary': './src/components/title/error-summary/index.cjs',
-        'shinkansen-sprockets/components/title/fieldset': './src/components/title/fieldset/index.cjs',
         'shinkansen-sprockets/components/title': './src/components/title/index.cjs',
-        'shinkansen-sprockets/transformers/check-answers': './src/transformers/check-answers/index.mjs',
-        'shinkansen-sprockets/transformers/common': './src/transformers/common/index.mjs',
-        'shinkansen-sprockets/transformers/error-message': './src/transformers/error-message/index.mjs',
-        'shinkansen-sprockets/transformers/error-summary': './src/transformers/error-summary/index.mjs',
-        '#stories/errors': './stories/errors.mjs',
+        'shinkansen-sprockets/components/group': './src/components/group/index.cjs',
         '#stories': './stories'
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shinkansen-sprockets",
-  "version": "1.1.92",
+  "version": "1.1.93",
   "description": "Shinkansen Sprockets",
   "keywords": [
     "Shinkansen",
@@ -50,23 +50,23 @@
     "fast-deep-equal": "^3.1.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.11",
-    "@babel/eslint-parser": "^7.22.11",
+    "@babel/core": "^7.22.15",
+    "@babel/eslint-parser": "^7.22.15",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-export-default-from": "^7.22.5",
     "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@babel/preset-env": "^7.22.14",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/register": "^7.22.5",
+    "@babel/preset-env": "^7.22.15",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/register": "^7.22.15",
     "@modernpoacher/design-system": "1.0.71",
-    "@modernpoacher/hooks": "^1.0.432",
-    "@sequencemedia/gulp": "^1.1.66",
-    "@sequencemedia/gulp-clean-css": "^1.0.30",
-    "@sequencemedia/gulp-css-purge": "^1.1.23",
-    "@sequencemedia/gulp-debug": "^1.0.34",
-    "@sequencemedia/gulp-postcss": "^1.0.33",
-    "@sequencemedia/gulp-sass": "^1.0.29",
-    "@sequencemedia/gulp-sourcemaps": "^1.0.30",
+    "@modernpoacher/hooks": "^1.0.433",
+    "@sequencemedia/gulp": "^1.1.69",
+    "@sequencemedia/gulp-clean-css": "^1.0.32",
+    "@sequencemedia/gulp-css-purge": "^1.1.25",
+    "@sequencemedia/gulp-debug": "^1.0.36",
+    "@sequencemedia/gulp-postcss": "^1.0.35",
+    "@sequencemedia/gulp-sass": "^1.0.31",
+    "@sequencemedia/gulp-sourcemaps": "^1.0.32",
     "@storybook/addon-actions": "^7.4.0",
     "@storybook/addon-essentials": "^7.4.0",
     "@storybook/addon-links": "^7.4.0",
@@ -117,23 +117,24 @@
       "require": "./src/index.cjs",
       "import": "./src/index.mjs"
     },
+    "./sprockets/check-answers/group/*": "./src/components/group/check-answers/*.cjs",
+    "./sprockets/check-answers/group": "./src/components/group/check-answers/index.cjs",
+    "./sprockets/check-answers/title": "./src/components/title/check-answers/index.cjs",
     "./sprockets/check-answers": "./src/sprockets/check-answers/index.cjs",
+    "./sprockets/error-summary/group/*": "./src/components/group/error-summary/*.cjs",
+    "./sprockets/error-summary/group": "./src/components/group/error-summary/index.cjs",
+    "./sprockets/error-summary/title": "./src/components/title/error-summary/index.cjs",
     "./sprockets/error-summary": "./src/sprockets/error-summary/index.cjs",
+    "./sprockets/fieldset/description": "./src/components/description/fieldset/index.cjs",
+    "./sprockets/fieldset/error-message": "./src/components/error-message/fieldset/index.cjs",
+    "./sprockets/fieldset/group": "./src/components/group/fieldset/index.cjs",
+    "./sprockets/fieldset/title": "./src/components/title/fieldset/index.cjs",
     "./sprockets/fieldset": "./src/sprockets/fieldset/index.cjs",
     "./sprockets": "./src/sprockets/index.cjs",
     "./components/common/text-content": "./src/components/common/text-content/index.cjs",
-    "./components/description/fieldset": "./src/components/description/fieldset/index.cjs",
     "./components/description": "./src/components/description/index.cjs",
-    "./components/error-message/fieldset": "./src/components/error-message/fieldset/index.cjs",
     "./components/error-message": "./src/components/error-message/index.cjs",
-    "./components/group/check-answers/*": "./src/components/group/check-answers/*.cjs",
-    "./components/group/check-answers": "./src/components/group/check-answers/index.cjs",
-    "./components/group/error-summary": "./src/components/group/error-summary/index.cjs",
-    "./components/group/fieldset": "./src/components/group/fieldset/index.cjs",
     "./components/group": "./src/components/group/index.cjs",
-    "./components/title/check-answers": "./src/components/title/check-answers/index.cjs",
-    "./components/title/error-summary": "./src/components/title/error-summary/index.cjs",
-    "./components/title/fieldset": "./src/components/title/fieldset/index.cjs",
     "./components/title": "./src/components/title/index.cjs",
     "./transformers/check-answers": "./src/transformers/check-answers/index.mjs",
     "./transformers/common": "./src/transformers/common/index.mjs",

package/src/components/description/index.jsx

@@ -8,18 +8,6 @@ import PropTypes from 'prop-types'
 import TextContent from 'shinkansen-sprockets/components/common/text-content'
 
 export default class Description extends Component {
-  hasTextContent () {
-    const { description } = this.props
-
-    return !!description
-  }
-
-  getTextContent () {
-    const { description } = this.props
-
-    return description
-  }
-
   getClassName () {
     return 'description'
   }
@@ -30,25 +18,13 @@ export default class Description extends Component {
     )
   }
 
-  renderTextContent () {
-    if (this.hasTextContent()) {
-      const textContent = this.getTextContent()
-
-      return (
-        <TextContent textContent={textContent} />
-      )
-    }
-
-    return null
-  }
-
   render () {
     const { description } = this.props
 
     if (description) {
       return (
         <span className={this.getClassName()}>
-          {this.renderTextContent()}
+          <TextContent textContent={description} />
         </span>
       )
     }

package/src/components/group/index.jsx

@@ -8,9 +8,6 @@ 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'
   }
@@ -29,6 +26,7 @@ export default class Group extends Component {
   render () {
     const {
       onChange,
+      groupRef,
       children
     } = this.props
 
@@ -36,7 +34,7 @@ export default class Group extends Component {
       <fieldset
         onChange={onChange}
         className={this.getClassName()}
-        ref={this.setDOMNode}>
+        ref={groupRef}>
         {children}
       </fieldset>
     )
@@ -50,5 +48,8 @@ Group.propTypes = {
     PropTypes.arrayOf(
       PropTypes.node
     )
-  ])
+  ]),
+  groupRef: PropTypes.shape({
+    current: PropTypes.shape().isRequired
+  })
 }

package/src/index.d.cts

@@ -34,36 +34,6 @@ declare namespace SprocketsTypes {
   }
 }
 
-declare module 'shinkansen-sprockets/sprockets' {
-  import React from 'react'
-
-  export type SprocketProps = {
-    title: string
-    onChange: SprocketsTypes.OnChangeType
-    children: React.JSX.Element | React.JSX.Element[]
-  }
-
-  export default class Sprocket extends React.Component<SprocketProps> {}
-}
-
-declare module 'shinkansen-sprockets/sprockets/check-answers' {
-  import Sprocket from 'shinkansen-sprockets/sprockets'
-
-  export default class ErrorSummarySprocket extends Sprocket {}
-}
-
-declare module 'shinkansen-sprockets/sprockets/error-summary' {
-  import Sprocket from 'shinkansen-sprockets/sprockets'
-
-  export default class CheckAnswersSprocket extends Sprocket {}
-}
-
-declare module 'shinkansen-sprockets/sprockets/fieldset' {
-  import Sprocket from 'shinkansen-sprockets/sprockets'
-
-  export default class FieldsetSprocket extends Sprocket {}
-}
-
 declare module 'shinkansen-sprockets/components/common/text-content' {
   import React from 'react'
 
@@ -84,12 +54,6 @@ declare module 'shinkansen-sprockets/components/description' {
   export default class Description extends React.Component<DescriptionProps> {}
 }
 
-declare module 'shinkansen-sprockets/components/description/fieldset' {
-  import Description from 'shinkansen-sprockets/components/description'
-
-  export default class FieldsetDescription extends Description {}
-}
-
 declare module 'shinkansen-sprockets/components/error-message' {
   import React from 'react'
 
@@ -100,12 +64,6 @@ declare module 'shinkansen-sprockets/components/error-message' {
   export default class ErrorMessage extends React.Component<ErrorMessageProps> {}
 }
 
-declare module 'shinkansen-sprockets/components/error-message/fieldset' {
-  import ErrorMessage from 'shinkansen-sprockets/components/error-message'
-
-  export default class FieldsetErrorMessage extends ErrorMessage {}
-}
-
 declare module 'shinkansen-sprockets/components/title' {
   import React from 'react'
 
@@ -120,49 +78,93 @@ declare module 'shinkansen-sprockets/components/group' {
   import React from 'react'
 
   export type GroupProps = {
-    onChange: SprocketsTypes.OnChangeType
+    onChange: SprocketsTypes.OnChangeType,
+    groupRef: object,
     children: React.JSX.Element | React.JSX.Element[]
   }
 
   export default class Group extends React.Component<GroupProps> {}
 }
 
-declare module 'shinkansen-sprockets/components/title/check-answers' {
+declare module 'shinkansen-sprockets/sprockets/check-answers/title' {
   import Title from 'shinkansen-sprockets/components/title'
 
   export default class CheckAnswersTitle extends Title {}
 }
 
-declare module 'shinkansen-sprockets/components/group/check-answers' {
+declare module 'shinkansen-sprockets/sprockets/check-answers/group' {
   import Group from 'shinkansen-sprockets/components/group'
 
   export default class CheckAnswersGroup extends Group {}
 }
 
-declare module 'shinkansen-sprockets/components/title/error-summary' {
+declare module 'shinkansen-sprockets/sprockets/check-answers' {
+  import Sprocket from 'shinkansen-sprockets/sprockets'
+
+  export default class ErrorSummarySprocket extends Sprocket {}
+}
+
+declare module 'shinkansen-sprockets/sprockets/error-summary/title' {
   import Title from 'shinkansen-sprockets/components/title'
 
   export default class ErrorSummaryTitle extends Title {}
 }
 
-declare module 'shinkansen-sprockets/components/group/error-summary' {
+declare module 'shinkansen-sprockets/sprockets/error-summary/group' {
   import Group from 'shinkansen-sprockets/components/group'
 
   export default class ErrorSummaryGroup extends Group {}
 }
 
-declare module 'shinkansen-sprockets/components/title/fieldset' {
+declare module 'shinkansen-sprockets/sprockets/error-summary' {
+  import Sprocket from 'shinkansen-sprockets/sprockets'
+
+  export default class CheckAnswersSprocket extends Sprocket {}
+}
+
+declare module 'shinkansen-sprockets/sprockets/fieldset/description' {
+  import Description from 'shinkansen-sprockets/components/description'
+
+  export default class FieldsetDescription extends Description {}
+}
+
+declare module 'shinkansen-sprockets/sprockets/fieldset/error-message' {
+  import ErrorMessage from 'shinkansen-sprockets/components/error-message'
+
+  export default class FieldsetErrorMessage extends ErrorMessage {}
+}
+
+declare module 'shinkansen-sprockets/sprockets/fieldset/title' {
   import Title from 'shinkansen-sprockets/components/title'
 
   export default class FieldsetTitle extends Title {}
 }
 
-declare module 'shinkansen-sprockets/components/group/fieldset' {
+declare module 'shinkansen-sprockets/sprockets/fieldset/group' {
   import Group from 'shinkansen-sprockets/components/group'
 
   export default class FieldsetGroup extends Group {}
 }
 
+declare module 'shinkansen-sprockets/sprockets/fieldset' {
+  import Sprocket from 'shinkansen-sprockets/sprockets'
+
+  export default class FieldsetSprocket extends Sprocket {}
+}
+
+declare module 'shinkansen-sprockets/sprockets' {
+  import React from 'react'
+
+  export type SprocketProps = {
+    title: string,
+    onChange: SprocketsTypes.OnChangeType,
+    groupRef: object,
+    children: React.JSX.Element | React.JSX.Element[]
+  }
+
+  export default class Sprocket extends React.Component<SprocketProps> {}
+}
+
 declare module 'shinkansen-sprockets/transformers/check-answers' {
   export default function transform (answer: SprocketsTypes.AnswerDefinitionType): SprocketsTypes.FieldChangeType
 }

package/src/{components/group/check-answers → sprockets/check-answers/group}/answer-title.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/group/check-answers/answer-title')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group/answer-title')
 
 log('`shinkansen` is awake')
 

package/src/{components/group/check-answers → sprockets/check-answers/group}/answer-title.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import debug from 'debug'
 
-const log = debug('shinkansen-sprockets/components/group/check-answers')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group')
 
 /**
  * @param {SprocketsTypes.AnswerDefinitionType}

package/src/{components/group/check-answers → sprockets/check-answers/group}/answer-value.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/group/check-answers/answer-value')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group/answer-value')
 
 log('`shinkansen` is awake')
 

package/src/{components/group/check-answers → sprockets/check-answers/group}/answer-value.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import debug from 'debug'
 
-const log = debug('shinkansen-sprockets/components/group/check-answers')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group')
 
 /**
  * @param {string | string[]}

package/src/{components/group/check-answers → sprockets/check-answers/group}/change-answer.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/group/check-answers/change-answer')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group/change-answer')
 
 log('`shinkansen` is awake')
 

package/src/{components/group/check-answers → sprockets/check-answers/group}/change-answer.jsx

@@ -10,7 +10,7 @@ import TextContent from 'shinkansen-sprockets/components/common/text-content'
 
 import VisuallyHiddenText from './visually-hidden-text.cjs'
 
-const log = debug('shinkansen-sprockets/components/group/check-answers')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group/change-answer')
 
 /**
  * @param {SprocketsTypes.AnswerDefinitionType}

package/src/{components/group/check-answers → sprockets/check-answers/group}/index.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/group/check-answers')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group')
 
 log('`shinkansen` is awake')
 

package/src/{components/group/check-answers → sprockets/check-answers/group}/visually-hidden-text.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/group/check-answers/visually-hidden-text')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group/visually-hidden-text')
 
 log('`shinkansen` is awake')
 

package/src/{components/group/check-answers → sprockets/check-answers/group}/visually-hidden-text.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import debug from 'debug'
 
-const log = debug('shinkansen-sprockets/components/group/check-answers')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/group')
 
 export default function VisuallyHiddenText ({ visuallyHiddenText }) {
   log('VisuallyHiddenText')

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

@@ -10,8 +10,8 @@ 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'
+import Title from './title/index.jsx'
+import Group from './group/index.jsx'
 
 export default class CheckAnswersSprocket extends Sprocket {
   getClassName () {
@@ -37,7 +37,6 @@ export default class CheckAnswersSprocket extends Sprocket {
     return (
       <Title
         title={title}
-        ref={this.setTitle}
       />
     )
   }
@@ -50,7 +49,6 @@ export default class CheckAnswersSprocket extends Sprocket {
     return (
       <Group
         checkAnswers={checkAnswers}
-        ref={this.setGroup}
       />
     )
   }

package/src/{components/group/error-summary → sprockets/check-answers/title}/index.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/group/error-summary')
+const log = debug('shinkansen-sprockets/sprockets/check-answers/title')
 
 log('`shinkansen` is awake')
 

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

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

package/src/{components/group/error-summary → sprockets/error-summary/group}/index.jsx

@@ -26,7 +26,7 @@ import {
 
 import TextContent from 'shinkansen-sprockets/components/common/text-content'
 
-const log = debug('shinkansen-sprockets/components/group/error-summary')
+const log = debug('shinkansen-sprockets/sprockets/error-summary/group')
 
 /* eslint-disable-next-line react/prop-types */
 function render (error, index) {
@@ -90,6 +90,7 @@ export default class ErrorSummaryGroup extends Group {
 
   render () {
     const {
+      groupRef,
       errorSummary
     } = this.props
 
@@ -97,7 +98,7 @@ export default class ErrorSummaryGroup extends Group {
       return (
         <ul
           className={this.getClassName()}
-          ref={this.setDOMNode}>
+          ref={groupRef}>
           {errorSummary.map(render)}
         </ul>
       )

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

@@ -10,8 +10,8 @@ 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'
+import Title from './title/index.jsx'
+import Group from './group/index.jsx'
 
 export default class ErrorSummarySprocket extends Sprocket {
   getClassName () {
@@ -37,7 +37,6 @@ export default class ErrorSummarySprocket extends Sprocket {
     return (
       <Title
         title={title}
-        ref={this.setTitle}
       />
     )
   }
@@ -50,8 +49,7 @@ export default class ErrorSummarySprocket extends Sprocket {
     return (
       <Group
         errorSummary={errorSummary}
-        ref={this.setGroup}>
-      </Group>
+      />
     )
   }
 

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

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

package/src/{components/title/check-answers → sprockets/fieldset/description}/index.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/title/check-answers')
+const log = debug('shinkansen-sprockets/sprockets/fieldset/description')
 
 log('`shinkansen` is awake')
 

package/src/{components/description/fieldset → sprockets/fieldset/error-message}/index.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/description/fieldset')
+const log = debug('shinkansen-sprockets/sprockets/fieldset/error-message')
 
 log('`shinkansen` is awake')
 

package/src/{components/title/fieldset → sprockets/fieldset/group}/index.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/title/fieldset')
+const log = debug('shinkansen-sprockets/sprockets/fieldset/group')
 
 log('`shinkansen` is awake')
 

package/src/sprockets/fieldset/index.jsx

@@ -10,18 +10,12 @@ 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'
+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 {
-  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
@@ -50,7 +44,6 @@ export default class FieldsetSprocket extends Sprocket {
     return (
       <Title
         title={title}
-        ref={this.setTitle}
       />
     )
   }
@@ -63,7 +56,6 @@ export default class FieldsetSprocket extends Sprocket {
     return (
       <Description
         description={description}
-        ref={this.setDescription}
       />
     )
   }
@@ -76,7 +68,6 @@ export default class FieldsetSprocket extends Sprocket {
     return (
       <ErrorMessage
         errorMessage={errorMessage}
-        ref={this.setErrorMessage}
       />
     )
   }
@@ -89,8 +80,7 @@ export default class FieldsetSprocket extends Sprocket {
 
     return (
       <Group
-        onChange={onChange}
-        ref={this.setGroup}>
+        onChange={onChange}>
         {this.renderTitle()}
         {this.renderDescription()}
         {this.renderErrorMessage()}

package/src/{components/group/fieldset → sprockets/fieldset/title}/index.cjs

@@ -6,7 +6,7 @@ require('@babel/register')({
 
 const debug = require('debug')
 
-const log = debug('shinkansen-sprockets/components/group/fieldset')
+const log = debug('shinkansen-sprockets/sprockets/fieldset/title')
 
 log('`shinkansen` is awake')
 

package/src/sprockets/index.jsx

@@ -15,12 +15,6 @@ 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'
   }
@@ -45,7 +39,6 @@ export default class Sprocket extends Component {
     return (
       <Title
         title={title}
-        ref={this.setTitle}
       />
     )
   }
@@ -53,13 +46,14 @@ export default class Sprocket extends Component {
   renderGroup () {
     const {
       onChange,
+      groupRef,
       children
     } = this.props
 
     return (
       <Group
         onChange={onChange}
-        ref={this.setGroup}>
+        groupRef={groupRef}>
         {this.renderTitle()}
         {children}
       </Group>
@@ -85,7 +79,10 @@ Sprocket.propTypes = {
     PropTypes.arrayOf(
       PropTypes.node
     )
-  ])
+  ]),
+  groupRef: PropTypes.shape({
+    current: PropTypes.shape().isRequired
+  })
 }
 
 Sprocket.defaultProps = {

package/src/components/error-message/fieldset/index.cjs

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

package/src/components/title/error-summary/index.cjs

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