shinkansen-sprockets 1.1.308 → 1.1.310

package/babel.config.cjs

@@ -47,6 +47,7 @@ const plugins = [
         /**
          *  Storybook
          */
+        'shinkansen-sprockets/common': './src/common/index.mjs',
         'shinkansen-sprockets/sprockets/check-answers/group/answer-item': './src/sprockets/check-answers/group/answer-item.jsx',
         'shinkansen-sprockets/sprockets/check-answers/group/answer-title': './src/sprockets/check-answers/group/answer-title.jsx',
         'shinkansen-sprockets/sprockets/check-answers/group/answer-value': './src/sprockets/check-answers/group/answer-value.jsx',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shinkansen-sprockets",
-  "version": "1.1.308",
+  "version": "1.1.310",
   "description": "Shinkansen Sprockets",
   "keywords": [
     "Shinkansen",
@@ -58,18 +58,18 @@
     "@babel/register": "^7.24.6",
     "@modernpoacher/design-system": "1.0.164",
     "@modernpoacher/hooks": "^1.0.479",
-    "@sequencemedia/gulp": "^1.1.193",
+    "@sequencemedia/gulp": "^1.1.194",
     "@sequencemedia/gulp-clean-css": "^1.0.105",
     "@sequencemedia/gulp-css-purge": "^1.1.106",
     "@sequencemedia/gulp-debug": "^1.0.108",
     "@sequencemedia/gulp-postcss": "^1.0.119",
     "@sequencemedia/gulp-sass": "^1.0.104",
     "@sequencemedia/gulp-sourcemaps": "^1.0.109",
-    "@storybook/addon-actions": "^8.1.11",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/react-webpack5": "^8.1.11",
+    "@storybook/addon-actions": "7.6.20",
+    "@storybook/addon-essentials": "7.6.20",
+    "@storybook/addon-links": "7.6.20",
+    "@storybook/react": "7.6.20",
+    "@storybook/react-webpack5": "7.6.20",
     "@types/react": "^18.3.3",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@typescript-eslint/parser": "^7.14.1",
@@ -100,7 +100,7 @@
     "react-test-renderer": "^18.3.1",
     "regenerator-runtime": "^0.14.1",
     "sass": "^1.77.6",
-    "storybook": "^8.1.11",
+    "storybook": "7.6.20",
     "vinyl-paths": "^5.0.0"
   },
   "imports": {
@@ -115,6 +115,7 @@
       "require": "./src/index.cjs",
       "import": "./src/index.mjs"
     },
+    "./common": "./src/common/index.mjs",
     "./components/common/text-content": "./src/components/common/text-content/index.cjs",
     "./components/common/visually-hidden-text": "./src/components/common/visually-hidden-text/index.cjs",
     "./components/description": "./src/components/description/index.cjs",

package/src/common/index.mjs

@@ -0,0 +1,7 @@
+export function DEFAULT_HANDLE_CHANGE () {
+  /* */
+}
+
+export function DEFAULT_HANDLE_CLICK () {
+  /* */
+}

package/src/components/error-message/index.jsx

@@ -11,7 +11,9 @@ import transform from 'shinkansen-sprockets/transformers/error-message'
 import TextContent from 'shinkansen-sprockets/components/common/text-content'
 
 export default class ErrorMessage extends Component {
-  state = {}
+  state = {
+    errorMessage: {}
+  }
 
   hasTextContent () {
     const { errorMessage } = this.props

package/src/components/group/index.jsx

@@ -7,6 +7,10 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
+import {
+  DEFAULT_HANDLE_CHANGE
+} from 'shinkansen-sprockets/common'
+
 export default class Group extends Component {
   getClassName () {
     return 'group'
@@ -25,7 +29,7 @@ export default class Group extends Component {
 
   render () {
     const {
-      onChange,
+      onChange = DEFAULT_HANDLE_CHANGE,
       groupRef,
       children
     } = this.props

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

@@ -48,7 +48,9 @@ export default class CheckAnswersGroup extends Group {
   /**
    * @type {GroupState}
    */
-  state = {}
+  state = {
+    checkAnswers: []
+  }
 
   getClassName () {
     return classnames(super.getClassName(), 'check-answers')

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

@@ -22,9 +22,9 @@ export default class CheckAnswersSprocket extends Sprocket {
    * @param {SprocketProps} props
    * @returns {boolean}
    */
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
-      super.shouldComponentUpdate(props) ||
+      super.shouldComponentUpdate(props, state) ||
       (props.checkAnswers !== this.props.checkAnswers)
     )
   }

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

@@ -50,7 +50,9 @@ export default class ErrorSummaryGroup extends Group {
   /**
    * @type {GroupState}
    */
-  state = {}
+  state = {
+    errorSummary: {}
+  }
 
   getClassName () {
     return classnames(super.getClassName(), 'error-summary')

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

@@ -22,9 +22,9 @@ export default class ErrorSummarySprocket extends Sprocket {
    * @param {SprocketProps} props
    * @returns {boolean}
    */
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
-      super.shouldComponentUpdate(props) ||
+      super.shouldComponentUpdate(props, state) ||
       (props.errorSummary !== this.props.errorSummary)
     )
   }

package/src/sprockets/fieldset/index.jsx

@@ -10,6 +10,11 @@ import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
 import Sprocket from 'shinkansen-sprockets/sprockets'
+
+import {
+  DEFAULT_HANDLE_CHANGE
+} from 'shinkansen-sprockets/common'
+
 import Title from './title/index.jsx'
 import Description from './description/index.jsx'
 import ErrorMessage from './error-message/index.jsx'
@@ -28,9 +33,9 @@ export default class FieldsetSprocket extends Sprocket {
    * @param {SprocketProps} props
    * @returns {boolean}
    */
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
-      super.shouldComponentUpdate(props) ||
+      super.shouldComponentUpdate(props, state) ||
       (props.description !== this.props.description) ||
       (props.errorMessage !== this.props.errorMessage)
     )
@@ -74,7 +79,7 @@ export default class FieldsetSprocket extends Sprocket {
 
   renderGroup () {
     const {
-      onChange,
+      onChange = DEFAULT_HANDLE_CHANGE,
       children
     } = this.props
 

package/src/sprockets/index.jsx

@@ -7,13 +7,13 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 
+import {
+  DEFAULT_HANDLE_CHANGE
+} from 'shinkansen-sprockets/common'
+
 import Title from 'shinkansen-sprockets/components/title'
 import Group from 'shinkansen-sprockets/components/group'
 
-function onChange () {
-  /* */
-}
-
 export default class Sprocket extends Component {
   getClassName () {
     return 'sprocket'
@@ -45,7 +45,7 @@ export default class Sprocket extends Component {
 
   renderGroup () {
     const {
-      onChange,
+      onChange = DEFAULT_HANDLE_CHANGE,
       groupRef,
       children
     } = this.props
@@ -86,5 +86,5 @@ Sprocket.propTypes = {
 }
 
 Sprocket.defaultProps = {
-  onChange
+  onChange: DEFAULT_HANDLE_CHANGE
 }