shinkansen-sprockets 1.0.32 → 1.0.36

package/babel.config.cjs

@@ -0,0 +1,96 @@
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets')
+
+const {
+  env: {
+    NODE_ENV = 'development'
+  }
+} = process
+
+log('`shinkansen` is awake')
+
+function env () {
+  log({ NODE_ENV })
+
+  return (
+    NODE_ENV === 'production'
+  )
+}
+
+const presets = [
+  [
+    '@babel/env', {
+      targets: {
+        node: 'current',
+        browsers: [
+          'last 4 versions',
+          'safari >= 9',
+          'ios >= 8',
+          'ie >= 9',
+          '> 2%'
+        ]
+      },
+      useBuiltIns: 'usage',
+      corejs: 3
+    }
+  ],
+  '@babel/react'
+]
+
+const plugins = [
+  '@babel/syntax-jsx',
+  '@babel/proposal-export-default-from',
+  '@babel/proposal-export-namespace-from',
+  [
+    '@babel/proposal-class-properties',
+    {
+      loose: false
+    }
+  ],
+  [
+    'module-resolver', {
+      root: [
+        '.'
+      ],
+      alias: {
+        'shinkansen-sprockets/sprockets/check-answers': './src/sprockets/check-answers/index.jsx',
+        'shinkansen-sprockets/sprockets/error-summary': './src/sprockets/error-summary/index.jsx',
+        'shinkansen-sprockets/sprockets/fieldset': './src/sprockets/fieldset/index.jsx',
+        'shinkansen-sprockets/sprockets': './src/sprockets/index.jsx',
+        'shinkansen-sprockets/components/common/text-content': './src/components/common/text-content/index.jsx',
+        'shinkansen-sprockets/components/description/fieldset': './src/components/description/fieldset/index.jsx',
+        'shinkansen-sprockets/components/description': './src/components/description/index.jsx',
+        'shinkansen-sprockets/components/error-message/fieldset': './src/components/error-message/fieldset/index.jsx',
+        'shinkansen-sprockets/components/error-message': './src/components/error-message/index.jsx',
+        'shinkansen-sprockets/components/group/check-answers/answer-title': './src/components/group/check-answers/answer-title.jsx',
+        'shinkansen-sprockets/components/group/check-answers/answer-value': './src/components/group/check-answers/answer-value.jsx',
+        'shinkansen-sprockets/components/group/check-answers/change-answer': './src/components/group/check-answers/change-answer.jsx',
+        'shinkansen-sprockets/components/group/check-answers/visually-hidden-text': './src/components/group/check-answers/visually-hidden-text.jsx',
+        'shinkansen-sprockets/components/group/check-answers': './src/components/group/check-answers/index.jsx',
+        'shinkansen-sprockets/components/group/error-summary': './src/components/group/error-summary/index.jsx',
+        'shinkansen-sprockets/components/group/fieldset': './src/components/group/fieldset/index.jsx',
+        'shinkansen-sprockets/components/group': './src/components/group/index.jsx',
+        'shinkansen-sprockets/components/title/check-answers': './src/components/title/check-answers/index.jsx',
+        'shinkansen-sprockets/components/title/error-summary': './src/components/title/error-summary/index.jsx',
+        'shinkansen-sprockets/components/title/fieldset': './src/components/title/fieldset/index.jsx',
+        'shinkansen-sprockets/components/title': './src/components/title/index.jsx',
+        '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',
+        build: './build',
+        stories: './stories'
+      }
+    }
+  ]
+]
+
+module.exports = (api) => {
+  if (api) api.cache.using(env)
+
+  return {
+    presets,
+    plugins
+  }
+}

package/gulpfile.mjs

@@ -0,0 +1,75 @@
+import 'regenerator-runtime/runtime.js'
+
+import gulp from '@sequencemedia/gulp'
+
+import {
+  cleanFonts,
+  fonts as buildFonts,
+  watchFonts,
+  cleanIcons,
+  icons as buildIcons,
+  watchIcons,
+  cleanCss,
+  css as buildCss,
+  watchCss
+} from '#build/gulp/build'
+
+import {
+  transformClean,
+  transform,
+  transformWatch
+} from '#build/gulp/transform'
+
+gulp
+  .task('clean:fonts', cleanFonts)
+
+gulp
+  .task('build:fonts', gulp.series('clean:fonts', buildFonts))
+
+gulp
+  .task('watch:fonts', gulp.series('build:fonts', watchFonts))
+
+gulp
+  .task('clean:icons', cleanIcons)
+
+gulp
+  .task('build:icons', gulp.series('clean:icons', buildIcons))
+
+gulp
+  .task('watch:icons', gulp.series('build:icons', watchIcons))
+
+gulp
+  .task('clean:css', cleanCss)
+
+gulp
+  .task('build:css', gulp.series('clean:css', buildCss))
+
+gulp
+  .task('watch:css', gulp.series('build:css', watchCss))
+
+gulp
+  .task('clean', gulp.series('clean:fonts', 'clean:icons', 'clean:css'))
+
+gulp
+  .task('build', gulp.series('build:fonts', 'build:icons', 'build:css'))
+
+gulp
+  .task('watch', gulp.parallel('watch:fonts', 'watch:icons', 'watch:css'))
+
+gulp
+  .task('transform', transform)
+
+gulp
+  .task('build:clean', gulp.series('clean:fonts', 'clean:icons', 'clean:css'))
+
+gulp
+  .task('build:watch', gulp.series('watch:fonts', 'watch:icons', 'watch:css'))
+
+gulp
+  .task('transform:clean', transformClean)
+
+gulp
+  .task('transform:watch', transformWatch)
+
+gulp
+  .task('default', gulp.series('build', 'transform'))

package/jest.config.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  bail: 1,
+  verbose: true,
+  rootDir: '.',
+  collectCoverage: true,
+  coverageDirectory: './coverage',
+  testEnvironment: 'jsdom',
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(mjs?|mts?|jsx?|js?|tsx?|ts?)$',
+  transform: {
+    '^.+\\.jsx?$': 'babel-jest',
+    '^.+\\.mjs$': 'babel-jest',
+    '^.+\\.cjs$': 'babel-jest'
+  },
+  moduleFileExtensions: ['js', 'jsx', 'mjs', 'cjs']
+}

package/nvm.sh

@@ -0,0 +1,42 @@
+#!/bin/bash
+
+NVM=~/.nvm
+
+if [ -f "$NVM/nvm.sh" ];
+then
+  unset npm_package_scripts_nvm
+  unset npm_config_prefix
+  unset npm_lifecycle_script
+
+  source $NVM/nvm.sh
+else
+  NVM=$(brew --prefix nvm)
+  if [ -f "$NVM/nvm.sh" ];
+  then
+    unset npm_package_scripts_nvm
+    unset npm_config_prefix
+    unset npm_lifecycle_script
+
+    source $NVM/nvm.sh
+  fi
+fi
+
+VERSION=$(nvm --version)
+
+if [ -z "$VERSION" ];
+then
+  echo Environment does not have NVM installed
+else
+  echo Environment has NVM version $VERSION installed
+
+  set -e
+
+  nvm use
+
+  if [[ $? != 0 ]];
+  then
+    echo Environment does not have NVM configured
+  else
+    echo Environment has NVM version $VERSION configured
+  fi
+fi

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shinkansen-sprockets",
-  "version": "1.0.32",
+  "version": "1.0.36",
   "description": "Shinkansen Sprockets",
   "keywords": [
     "Shinkansen",
@@ -10,11 +10,12 @@
     "Karakuri",
     "React"
   ],
-  "main": "./index.js",
+  "main": "./src/index.cjs",
+  "type": "module",
   "author": "Jonathan Perry for Modern Poacher Limited <modernpoacher@modernpoacher.com>",
   "license": "MIT",
   "engines": {
-    "node": ">=12.19.0"
+    "node": ">=16.13.0"
   },
   "repository": {
     "type": "git",
@@ -22,86 +23,123 @@
   },
   "scripts": {
     "prepublishOnly": "cross-env NODE_ENV=production npm run build",
-    "prebuild": "npm run clean",
-    "build": "cross-env DEBUG=shinkansen-sprockets npm run babel -- --ignore \"**/__tests__/**\" && npm run gulp",
-    "build:watch": "npm run gulp -- build:watch",
-    "watch": "cross-env DEBUG=shinkansen-sprockets concurrently -r \"npm run babel:watch\" \"npm run build:watch\"",
-    "clean": "rimraf lib",
-    "transform": "npm run gulp -- transform",
-    "transform:watch": "npm run gulp -- transform:watch",
-    "babel": "babel src -d lib",
-    "babel:watch": "npm run babel -- -w",
-    "gulp": "bash gulp.sh --color",
-    "lint": "eslint . .storybook",
+    "build": "cross-env DEBUG=shinkansen-sprockets npm run gulp -- build",
+    "build:watch": "cross-env DEBUG=shinkansen-sprockets npm run gulp -- build:watch",
+    "transform": "cross-env DEBUG=shinkansen-sprockets npm run gulp -- transform",
+    "transform:watch": "cross-env DEBUG=shinkansen-sprockets npm run gulp -- transform:watch",
+    "pregulp": "npm run nvm",
+    "gulp": "gulp --color",
+    "prelint": "npm run nvm",
+    "lint": "cross-env NODE_ENV=production eslint . .storybook --ext .mjs --ext .cjs --ext .jsx",
     "lint:fix": "npm run lint -- --fix",
+    "pretest": "npm run nvm",
     "test": "cross-env NODE_ENV=test jest --collect-coverage false --verbose --run-in-band",
     "storybook": "npm run build && npm run transform && start-storybook -p 6007",
-    "pre-commit": "npm run lint && npm test && npm run build && npm run transform && git add lib .storybook"
+    "nvm": "bash nvm.sh"
   },
   "dependencies": {
-    "classnames": "^2.3.1",
-    "debug": "^4.3.2",
+    "classnames": "^2.3.2",
+    "debug": "^4.3.4",
     "fast-deep-equal": "^3.1.3"
   },
   "devDependencies": {
-    "@babel/cli": "^7.15.7",
-    "@babel/core": "^7.15.5",
-    "@babel/eslint-parser": "^7.15.7",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-export-default-from": "^7.14.5",
-    "@babel/plugin-proposal-export-namespace-from": "^7.14.5",
-    "@babel/plugin-transform-runtime": "^7.15.0",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/register": "^7.15.3",
-    "@modernpoacher/design-system": "0.0.386",
-    "@storybook/addon-actions": "^6.3.8",
-    "@storybook/addon-essentials": "^6.3.8",
-    "@storybook/addon-links": "^6.3.8",
-    "@storybook/react": "^6.3.8",
-    "autoprefixer": "^10.3.4",
-    "babel-jest": "^27.2.1",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-module-resolver": "^4.1.0",
-    "concurrently": "^6.2.1",
-    "core-js": "^3.18.0",
+    "@babel/core": "^7.21.8",
+    "@babel/eslint-parser": "^7.21.8",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-export-default-from": "^7.18.10",
+    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
+    "@babel/plugin-syntax-jsx": "^7.21.4",
+    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/register": "^7.21.0",
+    "@modernpoacher/design-system": "1.0.0",
+    "@modernpoacher/hooks": "^1.0.391",
+    "@sequencemedia/gulp": "^1.0.5",
+    "@storybook/addon-actions": "6.5.12",
+    "@storybook/addon-essentials": "6.5.12",
+    "@storybook/addon-links": "6.5.12",
+    "@storybook/react": "6.5.12",
+    "autoprefixer": "^10.4.14",
+    "babel-jest": "^29.5.0",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "cheerio": "1.0.0-rc.6",
+    "concurrently": "^8.0.1",
+    "core-js": "^3.30.1",
     "cross-env": "^7.0.3",
-    "cssnano": "^5.0.8",
-    "del": "^6.0.0",
+    "cssnano": "^6.0.1",
+    "del": "^7.0.0",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
-    "eslint": "^7.32.0",
-    "eslint-config-standard": "^16.0.3",
-    "eslint-import-resolver-babel-module": "^5.3.1",
-    "eslint-plugin-import": "^2.24.2",
+    "enzyme-adapter-react-16": "^1.15.7",
+    "eslint": "^8.39.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-import-resolver-babel-module": "^5.3.2",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-react": "^7.25.3",
-    "glob-all": "^3.2.1",
-    "gulp": "^4.0.2",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "glob-all": "^3.3.1",
     "gulp-clean-css": "^4.3.0",
     "gulp-css-purge": "^3.0.9",
     "gulp-debug": "^4.0.0",
     "gulp-postcss": "^9.0.1",
     "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.0.0",
+    "gulp-sass": "^5.1.0",
     "gulp-sourcemaps": "^3.0.0",
-    "husky": "^7.0.2",
-    "jest": "^27.2.1",
-    "postcss": "^8.3.6",
-    "postcss-easy-import": "^3.0.0",
+    "husky": "^8.0.3",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jsdom": "^22.0.0",
+    "jsdom-global": "^3.0.2",
+    "postcss": "^8.4.23",
+    "postcss-easy-import": "^4.0.0",
     "postcss-map": "^0.11.0",
     "postcss-normalize": "^10.0.1",
-    "postcss-scss": "^4.0.0",
+    "postcss-scss": "^4.0.6",
     "prop-types": "15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-router": "5.2.0",
     "react-router-dom": "5.2.0",
     "react-test-renderer": "16.14.0",
-    "regenerator-runtime": "^0.13.9",
-    "rimraf": "^3.0.2",
-    "sass": "^1.41.1",
+    "regenerator-runtime": "^0.13.11",
+    "rimraf": "^5.0.0",
+    "sass": "^1.62.1",
     "vinyl-paths": "3.0.1"
+  },
+  "imports": {
+    "#build/gulp/build/*": "./build/gulp/build/*.mjs",
+    "#build/gulp/build": "./build/gulp/build/index.mjs",
+    "#build/gulp/paths": "./build/gulp/paths.mjs",
+    "#build/gulp/handle-watch-error": "./build/gulp/handle-watch-error.mjs",
+    "#build/gulp/transform": "./build/gulp/transform/index.mjs",
+    "#build/paths": "./build/paths.mjs"
+  },
+  "exports": {
+    ".": {
+      "require": "./src/index.cjs",
+      "import": "./src/index.mjs"
+    },
+    "./sprockets/check-answers": "./src/sprockets/check-answers/index.cjs",
+    "./sprockets/error-summary": "./src/sprockets/error-summary/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",
+    "./transformers/error-message": "./src/transformers/error-message/index.mjs",
+    "./transformers/error-summary": "./src/transformers/error-summary/index.mjs"
   }
 }

package/src/.babelrc

@@ -0,0 +1,68 @@
+{
+  "presets": [
+    [
+      "@babel/env",
+      {
+        "targets": {
+          "node": "current",
+          "browsers": [
+            "last 4 versions",
+            "safari >= 9",
+            "ios >= 8",
+            "ie >= 9",
+            "> 2%"
+          ]
+        },
+        "useBuiltIns": "usage",
+        "corejs": 3
+      }
+    ],
+    "@babel/react"
+  ],
+  "plugins": [
+    "@babel/syntax-jsx",
+    "@babel/proposal-export-default-from",
+    "@babel/proposal-export-namespace-from",
+    [
+      "@babel/proposal-class-properties",
+      {
+        "loose": false
+      }
+    ],
+    [
+      "module-resolver",
+      {
+        "cwd": "babelrc",
+        "alias": {
+          "shinkansen-sprockets/sprockets/check-answers": "./sprockets/check-answers/index.jsx",
+          "shinkansen-sprockets/sprockets/error-summary": "./sprockets/error-summary/index.jsx",
+          "shinkansen-sprockets/sprockets/fieldset": "./sprockets/fieldset/index.jsx",
+          "shinkansen-sprockets/sprockets": "./sprockets/index.jsx",
+          "shinkansen-sprockets/components/common/text-content": "./components/common/text-content/index.jsx",
+          "shinkansen-sprockets/components/description/fieldset": "./components/description/fieldset/index.jsx",
+          "shinkansen-sprockets/components/description": "./components/description/index.jsx",
+          "shinkansen-sprockets/components/error-message/fieldset": "./components/error-message/fieldset/index.jsx",
+          "shinkansen-sprockets/components/error-message": "./components/error-message/index.jsx",
+          "shinkansen-sprockets/components/group/check-answers/answer-title": "./components/group/check-answers/answer-title.jsx",
+          "shinkansen-sprockets/components/group/check-answers/answer-value": "./components/group/check-answers/answer-value.jsx",
+          "shinkansen-sprockets/components/group/check-answers/change-answer": "./components/group/check-answers/change-answer.jsx",
+          "shinkansen-sprockets/components/group/check-answers/visually-hidden-text": "./components/group/check-answers/visually-hidden-text.jsx",
+          "shinkansen-sprockets/components/group/check-answers": "./components/group/check-answers/index.jsx",
+          "shinkansen-sprockets/components/group/error-summary": "./components/group/error-summary/index.jsx",
+          "shinkansen-sprockets/components/group/fieldset": "./components/group/fieldset/index.jsx",
+          "shinkansen-sprockets/components/group": "./components/group/index.jsx",
+          "shinkansen-sprockets/components/title/check-answers": "./components/title/check-answers/index.jsx",
+          "shinkansen-sprockets/components/title/error-summary": "./components/title/error-summary/index.jsx",
+          "shinkansen-sprockets/components/title/fieldset": "./components/title/fieldset/index.jsx",
+          "shinkansen-sprockets/components/title": "./components/title/index.jsx",
+          "shinkansen-sprockets/transformers/check-answers": "./transformers/check-answers/index.mjs",
+          "shinkansen-sprockets/transformers/common": "./transformers/common/index.mjs",
+          "shinkansen-sprockets/transformers/error-message": "./transformers/error-message/index.mjs",
+          "shinkansen-sprockets/transformers/error-summary": "./transformers/error-summary/index.mjs",
+          "build": "../build",
+          "stories": "../stories"
+        }
+      }
+    ]
+  ]
+}

package/src/components/common/text-content/index.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/components/common/text-content')
+
+log('`shinkansen` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/description/fieldset/index.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/components/description/fieldset')
+
+log('`shinkansen` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/description/index.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/components/description')
+
+log('`shinkansen` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

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

@@ -0,0 +1,13 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../../babel.config.cjs') })
+
+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/error-message/index.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/components/error-message')
+
+log('`shinkansen` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/group/check-answers/answer-title.cjs

@@ -0,0 +1,9 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/components/group/check-answers/answer-title')
+
+log('`shinkansen` is awake')
+
+module.exports = require('./answer-title.jsx')

package/src/components/group/check-answers/answer-value.cjs

@@ -0,0 +1,9 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/components/group/check-answers/answer-value')
+
+log('`shinkansen` is awake')
+
+module.exports = require('./answer-value.jsx')

package/src/components/group/check-answers/change-answer.cjs

@@ -0,0 +1,9 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/components/group/check-answers/change-answer')
+
+log('`shinkansen` is awake')
+
+module.exports = require('./change-answer.jsx')

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

@@ -8,7 +8,7 @@ import {
 
 import TextContent from 'shinkansen-sprockets/components/common/text-content'
 
-import VisuallyHiddenText from './visually-hidden-text'
+import VisuallyHiddenText from './visually-hidden-text.cjs'
 
 const log = debug('shinkansen-sprockets:components:group:check-answers')
 

package/src/components/group/check-answers/index.cjs

@@ -0,0 +1,13 @@
+require('@babel/register')({ ignore: [/node_modules/], configFile: require.resolve('../../../../babel.config.cjs') })
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/components/group/check-answers')
+
+log('`shinkansen` is awake')
+
+const {
+  default: component
+} = require('./index.jsx')
+
+module.exports = component

package/src/components/group/check-answers/{index.js → index.jsx}

@@ -15,9 +15,9 @@ import {
   getKey
 } from 'shinkansen-sprockets/transformers/common'
 
-import AnswerTitle from './answer-title'
-import AnswerValue from './answer-value'
-import ChangeAnswer from './change-answer'
+import AnswerTitle from './answer-title.cjs'
+import AnswerValue from './answer-value.cjs'
+import ChangeAnswer from './change-answer.cjs'
 
 const log = debug('shinkansen-sprockets:components:group:check-answers')