shinkansen-sprockets 2.1.15 → 2.1.17

package/index.d.mts

@@ -38,9 +38,10 @@ declare global {
     export namespace Super {
       export namespace Sprockets {
         export interface SprocketProps extends React.PropsWithChildren {
-          title?: string
-          groupRe?: React.RefObject<any> // eslint-disable-line @typescript-eslint/no-explicit-any -- Simplicity
+          groupRef?: React.RefObject<any> // eslint-disable-line @typescript-eslint/no-explicit-any -- Simplicity
         }
+
+        export type SprocketState = Record<PropertyKey, unknown>
       }
 
       export namespace Components {
@@ -61,11 +62,9 @@ declare global {
         }
 
         export namespace Group {
-          export interface GroupProps extends React.PropsWithChildren {
-            groupRef?: React.RefObject<any> // eslint-disable-line @typescript-eslint/no-explicit-any -- Simplicity
-          }
+          export type GroupProps = Sprockets.SprocketProps
 
-          export type GroupState = Record<PropertyKey, unknown>
+          export type GroupState = Sprockets.SprocketState
         }
 
         export namespace Title {
@@ -115,8 +114,10 @@ declare global {
     export namespace Sprockets {
       export type SprocketProps = Super.Sprockets.SprocketProps
 
+      export type SprocketState = Super.Sprockets.SprocketState
+
       export namespace CheckAnswers {
-        export interface CheckAnswersProps extends Super.Sprockets.SprocketProps {
+        export interface CheckAnswersProps extends SprocketProps {
           checkAnswers?: AnswerDefinitionType[]
         }
 
@@ -136,7 +137,7 @@ declare global {
       }
 
       export namespace ErrorSummary {
-        export interface ErrorSummaryProps extends Super.Sprockets.SprocketProps {
+        export interface ErrorSummaryProps extends SprocketProps {
           errorSummary?: ErrorDefinitionType[]
         }
 
@@ -156,13 +157,13 @@ declare global {
       }
 
       export namespace Fieldset {
-        export interface FieldsetProps extends Super.Sprockets.SprocketProps {
-          description?: string
-          errorMessage?: ErrorDefinitionType
-        }
+        export type FieldsetProps = SprocketProps
+
+        export type FieldsetState = SprocketState
 
         export namespace Group {
           export type FieldsetProps = Super.Components.Group.GroupProps
+
           export type FieldsetState = Super.Components.Group.GroupState
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shinkansen-sprockets",
-  "version": "2.1.15",
+  "version": "2.1.17",
   "description": "Shinkansen Sprockets",
   "keywords": [
     "Shinkansen",
@@ -63,16 +63,16 @@
     "@babel/register": "^7.25.9",
     "@modernpoacher/design-system": "2.0.2",
     "@sequencemedia/eslint-config-standard": "^0.2.47",
-    "@sequencemedia/eslint-config-typescript": "^0.1.68",
-    "@storybook/addon-actions": "^8.6.10",
-    "@storybook/addon-essentials": "^8.6.10",
-    "@storybook/addon-links": "^8.6.10",
+    "@sequencemedia/eslint-config-typescript": "^0.1.69",
+    "@storybook/addon-actions": "^8.6.11",
+    "@storybook/addon-essentials": "^8.6.11",
+    "@storybook/addon-links": "^8.6.11",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/manager-api": "^8.6.10",
-    "@storybook/react": "^8.6.10",
-    "@storybook/react-webpack5": "^8.6.10",
-    "@storybook/test": "^8.6.10",
-    "@storybook/theming": "^8.6.10",
+    "@storybook/manager-api": "^8.6.11",
+    "@storybook/react": "^8.6.11",
+    "@storybook/react-webpack5": "^8.6.11",
+    "@storybook/test": "^8.6.11",
+    "@storybook/theming": "^8.6.11",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/babel__register": "^7.17.3",
@@ -108,14 +108,14 @@
     "prettier": "^3.5.3",
     "prop-types": "^15.8.1",
     "react": "^19.0.0",
-    "react-component-instance": "^0.0.15",
-    "react-component-snapshot": "^0.0.15",
+    "react-component-instance": "^0.0.16",
+    "react-component-snapshot": "^0.0.17",
     "react-dom": "^19.0.0",
     "react-router": "^7.4.0",
     "remove-files-webpack-plugin": "^1.5.0",
     "sass": "^1.86.0",
     "sass-loader": "^16.0.5",
-    "storybook": "^8.6.10",
+    "storybook": "^8.6.11",
     "stylelint": "^16.17.0",
     "stylelint-config-recommended-scss": "^14.1.0",
     "stylelint-scss": "^6.11.1",

package/src/js/components/index.cjs

@@ -10,7 +10,23 @@ const log = debug('shinkansen-sprockets/components')
 
 log('`shinkansen` is awake')
 
-module.exports.Description = require('./description/index.cjs')
-module.exports.ErrorMessage = require('./error-message/index.cjs')
-module.exports.Group = require('./group/index.cjs')
-module.exports.Title = require('./title/index.cjs')
+const {
+  default: Description
+} = require('./description/index.jsx')
+
+const {
+  default: ErrorMessage
+} = require('./error-message/index.jsx')
+
+const {
+  default: Group
+} = require('./group/index.jsx')
+
+const {
+  default: Title
+} = require('./title/index.jsx')
+
+module.exports.Description = Description
+module.exports.ErrorMessage = ErrorMessage
+module.exports.Group = Group
+module.exports.Title = Title

package/src/js/sprockets/check-answers/group/answer-title.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 /**
- *  @param {{ answer: { title: string } }} answer
+ *  @param {{ answer: { title: string } }} props
  *  @returns {React.JSX.Element}
  */
 export default function AnswerTitle ({ answer: { title } }) {

package/src/js/sprockets/check-answers/group/answer-value.jsx

@@ -42,7 +42,7 @@ function getAnswerValue (value) {
 }
 
 /**
- *  @param {{ answer: { value: string | string[] } }} answer
+ *  @param {{ answer: { value: string | string[] } }} props
  *  @returns {React.JSX.Element}
  */
 export default function AnswerValue ({ answer: { value } }) {

package/src/js/sprockets/check-answers/group/change-answer.jsx

@@ -53,7 +53,7 @@ LinkText.propTypes = {
 }
 
 /**
- *  @param {{ changeAnswer: { href: string, text: string, visuallyHiddenText?: string } }}  answer
+ *  @param {{ changeAnswer: { href: string, text: string, visuallyHiddenText?: string } }} props
  *  @returns {React.JSX.Element}
  */
 export default function ChangeAnswer ({ changeAnswer: { href, text, visuallyHiddenText } }) {

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

@@ -38,7 +38,7 @@ const log = debug('shinkansen-sprockets/components/group/check-answers')
  *  @param {number} index
  *  @returns {React.JSX.Element}
  */
-function render ({ params: { answer, changeAnswer: { href, text, ...changeAnswer } } }, index) {
+function render ({ params: { answer, changeAnswer: { href, text, visuallyHiddenText } } }, index) {
   log('render')
 
   return (
@@ -52,7 +52,7 @@ function render ({ params: { answer, changeAnswer: { href, text, ...changeAnswer
       />
 
       <ChangeAnswer
-        changeAnswer={{ ...changeAnswer, href, text }}
+        changeAnswer={{ href, text, visuallyHiddenText }}
       />
     </div>
   )

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

@@ -48,7 +48,9 @@ function render (error, index) {
   return (
     <li key={getKey(href, text, index)} className='error'>
       <a href={href}>
-        <TextContent textContent={text} />
+        <TextContent
+          textContent={text}
+        />
       </a>
     </li>
   )

package/src/js/super/components/index.cjs

@@ -10,7 +10,23 @@ const log = debug('shinkansen-sprockets/super/components')
 
 log('`shinkansen` is awake')
 
-module.exports.Description = require('./description/index.cjs')
-module.exports.ErrorMessage = require('./error-message/index.cjs')
-module.exports.Group = require('./group/index.cjs')
-module.exports.Title = require('./title/index.cjs')
+const {
+  default: Description
+} = require('./description/index.jsx')
+
+const {
+  default: ErrorMessage
+} = require('./error-message/index.jsx')
+
+const {
+  default: Group
+} = require('./group/index.jsx')
+
+const {
+  default: Title
+} = require('./title/index.jsx')
+
+module.exports.Description = Description
+module.exports.ErrorMessage = ErrorMessage
+module.exports.Group = Group
+module.exports.Title = Title

package/src/sass/_sprockets.scss

@@ -31,8 +31,7 @@
     legend {
       @include typography.heading-m;
 
-      // stylelint-disable-next-line no-duplicate-selectors
-      & {
+      & /* stylelint-disable-line no-duplicate-selectors */ {
         padding: 0;
         margin-top: 0;
       }
@@ -47,8 +46,7 @@
     .description {
       @include typography.secondary-text;
 
-      // stylelint-disable-next-line no-duplicate-selectors
-      & {
+      & /* stylelint-disable-line no-duplicate-selectors */ {
         display: block;
         padding: 0;
         margin: 0 0 0.25rem 0;
@@ -58,8 +56,7 @@
     .error-message {
       @include typography.error-standard;
 
-      // stylelint-disable-next-line no-duplicate-selectors
-      & {
+      & /* stylelint-disable-line no-duplicate-selectors */ {
         display: block;
         padding: 0;
         margin: 0 0 0.25rem 0;

package/src/sass/sprockets/_check-answers.scss

@@ -27,8 +27,7 @@
     .answer-title {
       @include typography.heading-s;
 
-      // stylelint-disable-next-line no-duplicate-selectors
-      & {
+      & /* stylelint-disable-line no-duplicate-selectors */ {
         width: 30%;
         padding-right: 1rem;
       }

package/src/sass/sprockets/_error-summary.scss

@@ -23,8 +23,7 @@
   li {
     @include typography.error-standard;
 
-    // stylelint-disable-next-line no-duplicate-selectors
-    & {
+    & /* stylelint-disable-line no-duplicate-selectors */ {
       display: block;
       padding: 0;
       margin: 0 0 0.25rem 0;

package/src/sass/sprockets/_error.scss

@@ -18,13 +18,11 @@
   &.checkbox {
     padding-left: 4rem;
 
-    // stylelint-disable-next-line no-descending-specificity
-    input {
+    input /* stylelint-disable-line no-descending-specificity */ {
       left: 1.5rem;
     }
 
-    // stylelint-disable-next-line no-descending-specificity
-    label:before {
+    label:before /* stylelint-disable-line no-descending-specificity */ {
       left: 1rem;
 
       border: 2px solid palette.$error-standard;

package/.publish/README.md

@@ -1,20 +0,0 @@
-# Publish to NPM
-
-For CircleCI or the shell
-
-If you need an _authentication token_ to publish then you should resolve that before executing this script
-
-```bash
-echo ".publish/publish.sh" >> .npmignore
-git clone https://github.com/modernpoacher/publish.git .publish
-.publish/publish.sh
-```
-
-A Gist with the same content as `publish.sh` may need an additional step
-
-```bash
-echo ".publish/publish.sh" >> .npmignore
-git clone https://gist.github.com/efd85e2b8da1ee830dd637f134994a9d.git .publish
-chmod +x .publish/publish.sh
-.publish/publish.sh
-```