shinkansen-sprockets 1.2.11 → 1.2.13

package/eslint.config.mjs

@@ -119,19 +119,16 @@ export default [
       globals: {
         ...globals.browser
       }
-    },
+    }, // @ts-expect-error Storybook
     plugins: {
       ...reactPlugins,
       ...storybookPlugins
-    },
+    }, // @ts-expect-error Storybook
     rules: {
       ...reactRules
     },
     settings: {
-      ...reactSettings,
-      'import/resolver': {
-        'babel-module': {}
-      }
+      ...reactSettings
     }
   }),
   standard({
@@ -149,19 +146,16 @@ export default [
         ...globals.browser,
         ...globals.jest
       }
-    },
+    }, // @ts-expect-error Storybook
     plugins: {
       ...reactPlugins,
       ...storybookPlugins
-    },
+    }, // @ts-expect-error Storybook
     rules: {
       ...reactRules
     },
     settings: {
-      ...reactSettings,
-      'import/resolver': {
-        'babel-module': {}
-      }
+      ...reactSettings
     }
   }),
   /**

package/index.d.mts

@@ -136,7 +136,10 @@ declare global {
         }
 
         export namespace Fieldset {
-          export type FieldsetProps = SprocketProps
+          export interface FieldsetProps extends SprocketProps {
+            description?: string
+            errorMessage?: ErrorDefinitionType[]
+          }
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shinkansen-sprockets",
-  "version": "1.2.11",
+  "version": "1.2.13",
   "description": "Shinkansen Sprockets",
   "keywords": [
     "Shinkansen",
@@ -73,7 +73,6 @@
     "core-js": "^3.40.0",
     "cross-env": "^7.0.3",
     "eslint": "^9.21.0",
-    "eslint-import-resolver-babel-module": "^5.3.2",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-storybook": "^0.11.3",
     "globals": "^16.0.0",
@@ -101,13 +100,16 @@
   },
   "imports": {
     "#build/paths": "./build/paths.mjs",
-    "#sprockets": "./src/index.mjs",
+    "#sprockets": {
+      "require": "./src/index.cjs",
+      "import": "./src/index.mjs"
+    },
     "#sprockets/common": "./src/common/index.mjs",
-    "#sprockets/components/*": "./src/components/*/index.jsx",
-    "#sprockets/sprockets": "./src/sprockets/index.jsx",
-    "#sprockets/sprockets/*": "./src/sprockets/*/index.jsx",
-    "#sprockets/sprockets/check-answers/group/*": "./src/sprockets/check-answers/group/*.jsx",
-    "#sprockets/sprockets/error-summary/group/*": "./src/sprockets/error-summary/group/*.jsx",
+    "#sprockets/components/*": "./src/components/*/index.cjs",
+    "#sprockets/sprockets": "./src/sprockets/index.cjs",
+    "#sprockets/sprockets/*": "./src/sprockets/*/index.cjs",
+    "#sprockets/sprockets/check-answers/group/*": "./src/sprockets/check-answers/group/*.cjs",
+    "#sprockets/sprockets/error-summary/group/*": "./src/sprockets/error-summary/group/*.cjs",
     "#sprockets/transformers/*": "./src/transformers/*/index.mjs",
     "#stories/definitions/*": "./stories/definitions/*.json",
     "#stories/errors": "./stories/errors.mjs",

package/src/components/common/text-content/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/components/common/text-content'
+export * from '#sprockets/components/common/text-content'

package/src/components/common/visually-hidden-text/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/components/common/visually-hidden-text'
+export * from '#sprockets/components/common/visually-hidden-text'

package/src/components/description/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/components/description'
+export * from '#sprockets/components/description'

package/src/components/error-message/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/components/error-message'
+export * from '#sprockets/components/error-message'

package/src/components/group/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/components/group'
+export * from '#sprockets/components/group'

package/src/components/title/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/components/title'
+export * from '#sprockets/components/title'

package/src/index.d.cts

@@ -0,0 +1,34 @@
+import type CheckAnswersSprocket from '#sprockets/sprockets/check-answers'
+
+import type {
+  CheckAnswersProps
+} from '#sprockets/sprockets/check-answers'
+
+import type ErrorSummarySprocket from '#sprockets/sprockets/error-summary'
+
+import type {
+  ErrorSummaryProps
+} from '#sprockets/sprockets/error-summary'
+
+import type FieldsetSprocket from '#sprockets/sprockets/fieldset'
+
+import type {
+  FieldsetProps
+} from '#sprockets/sprockets/fieldset'
+
+export type AnswerDefinitionType = SprocketsTypes.AnswerDefinitionType
+export type FieldChangeType = SprocketsTypes.FieldChangeType
+export type ErrorDefinitionType = SprocketsTypes.ErrorDefinitionType
+export type FieldErrorType = SprocketsTypes.FieldErrorType
+
+export { default as CheckAnswersSprocket } from '#sprockets/sprockets/check-answers'
+export { default as ErrorSummarySprocket } from '#sprockets/sprockets/error-summary'
+export { default as FieldsetSprocket } from '#sprockets/sprockets/fieldset'
+
+declare const sprockets: {
+  CheckAnswersSprocket: CheckAnswersSprocket<CheckAnswersProps>
+  ErrorSummarySprocket: ErrorSummarySprocket<ErrorSummaryProps>
+  FieldsetSprocket: FieldsetSprocket<FieldsetProps>
+}
+
+export default sprockets

package/src/index.d.mts

@@ -1,3 +1,21 @@
+import type CheckAnswersSprocket from '#sprockets/sprockets/check-answers'
+
+import type {
+  CheckAnswersProps
+} from '#sprockets/sprockets/check-answers'
+
+import type ErrorSummarySprocket from '#sprockets/sprockets/error-summary'
+
+import type {
+  ErrorSummaryProps
+} from '#sprockets/sprockets/error-summary'
+
+import type FieldsetSprocket from '#sprockets/sprockets/fieldset'
+
+import type {
+  FieldsetProps
+} from '#sprockets/sprockets/fieldset'
+
 export type AnswerDefinitionType = SprocketsTypes.AnswerDefinitionType
 export type FieldChangeType = SprocketsTypes.FieldChangeType
 export type ErrorDefinitionType = SprocketsTypes.ErrorDefinitionType
@@ -6,3 +24,11 @@ export type FieldErrorType = SprocketsTypes.FieldErrorType
 export { default as CheckAnswersSprocket } from '#sprockets/sprockets/check-answers'
 export { default as ErrorSummarySprocket } from '#sprockets/sprockets/error-summary'
 export { default as FieldsetSprocket } from '#sprockets/sprockets/fieldset'
+
+declare const sprockets: {
+  CheckAnswersSprocket: CheckAnswersSprocket<CheckAnswersProps>
+  ErrorSummarySprocket: ErrorSummarySprocket<ErrorSummaryProps>
+  FieldsetSprocket: FieldsetSprocket<FieldsetProps>
+}
+
+export default sprockets

package/src/sprockets/check-answers/group/answer-title.d.cts

@@ -0,0 +1 @@
+export { default } from '#sprockets/sprockets/check-answers/group/answer-title'

package/src/sprockets/check-answers/group/answer-title.d.mts

@@ -0,0 +1,9 @@
+declare module '#sprockets/sprockets/check-answers/group/answer-title' {
+  import type React from 'react'
+
+  export default function AnswerTitle (props: { answer: { title: string } }): React.JSX.Element
+}
+
+declare module 'shinkansen-sprockets/sprockets/check-answers/group/answer-title' {
+  export { default } from '#sprockets/sprockets/check-answers/group/answer-title'
+}

package/src/sprockets/check-answers/group/answer-value.d.cts

@@ -0,0 +1 @@
+export { default } from '#sprockets/sprockets/check-answers/group/answer-value'

package/src/sprockets/check-answers/group/answer-value.d.mts

@@ -0,0 +1,9 @@
+declare module '#sprockets/sprockets/check-answers/group/answer-value' {
+  import type React from 'react'
+
+  export default function AnswerValue (props: { answer: { value: string | string[] } }): React.JSX.Element
+}
+
+declare module 'shinkansen-sprockets/sprockets/check-answers/group/answer-value' {
+  export { default } from '#sprockets/sprockets/check-answers/group/answer-value'
+}

package/src/sprockets/check-answers/group/change-answer.d.cts

@@ -0,0 +1 @@
+export { default } from '#sprockets/sprockets/check-answers/group/answer-value'

package/src/sprockets/check-answers/group/change-answer.d.mts

@@ -0,0 +1,9 @@
+declare module '#sprockets/sprockets/check-answers/group/change-answer' {
+  import type React from 'react'
+
+  export default function ChangeAnswer (props: { changeAnswer: { href: string; text: string; visuallyHiddenText?: string } }): React.JSX.Element
+}
+
+declare module 'shinkansen-sprockets/sprockets/check-answers/group/change-answer' {
+  export { default } from '#sprockets/sprockets/check-answers/group/change-answer'
+}

package/src/sprockets/check-answers/group/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/check-answers/group'
+export * from '#sprockets/sprockets/check-answers/group'

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

@@ -22,9 +22,9 @@ import {
   getKey
 } from '#sprockets/transformers/common'
 
-import AnswerTitle from './answer-title.jsx'
-import AnswerValue from './answer-value.jsx'
-import ChangeAnswer from './change-answer.jsx'
+import AnswerTitle from '#sprockets/sprockets/check-answers/group/answer-title'
+import AnswerValue from '#sprockets/sprockets/check-answers/group/answer-value'
+import ChangeAnswer from '#sprockets/sprockets/check-answers/group/change-answer'
 
 /**
  *  @type {AnswerDefinitionType[]}

package/src/sprockets/check-answers/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/check-answers'
+export * from '#sprockets/sprockets/check-answers'

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

@@ -13,8 +13,8 @@ import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
 import Sprocket from '#sprockets/sprockets'
-import Title from './title/index.jsx'
-import Group from './group/index.jsx'
+import Title from '#sprockets/sprockets/check-answers/title'
+import Group from '#sprockets/sprockets/check-answers/group'
 
 /**
  *  @type {AnswerDefinitionType[]}

package/src/sprockets/check-answers/title/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/check-answers/title'
+export * from '#sprockets/sprockets/check-answers/title'

package/src/sprockets/error-summary/group/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/error-summary/group'
+export * from '#sprockets/sprockets/error-summary/group'

package/src/sprockets/error-summary/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/error-summary'
+export * from '#sprockets/sprockets/error-summary'

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

@@ -1,4 +1,5 @@
 /**
+ *  @typedef {SprocketsTypes.ErrorDefinitionType} ErrorDefinitionType
  *  @typedef {SprocketsTypes.Sprockets.Sprocket.SprocketProps} SprocketProps
  *  @typedef {SprocketsTypes.Sprockets.Sprocket.ErrorSummary.ErrorSummaryProps} ErrorSummaryProps
  */
@@ -12,9 +13,12 @@ import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
 import Sprocket from '#sprockets/sprockets'
-import Title from './title/index.jsx'
-import Group from './group/index.jsx'
+import Title from '#sprockets/sprockets/error-summary/title'
+import Group from '#sprockets/sprockets/error-summary/group'
 
+/**
+ *  @type {ErrorDefinitionType[]}
+ */
 const DEFAULT_ERROR_SUMMARY = []
 
 /**
@@ -74,7 +78,7 @@ export default class ErrorSummarySprocket extends Sprocket {
       const className = this.getClassName()
 
       return (
-        <div tabIndex='-1' className={className}>
+        <div tabIndex={-1} className={className}>
           {this.renderTitle()}
           {this.renderGroup()}
         </div>

package/src/sprockets/error-summary/title/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/error-summary/title'
+export * from '#sprockets/sprockets/error-summary/title'

package/src/sprockets/fieldset/description/index.d.cts

@@ -0,0 +1 @@
+export { default } from '#sprockets/sprockets/fieldset/description'

package/src/sprockets/fieldset/error-message/index.d.cts

@@ -0,0 +1 @@
+export { default } from '#sprockets/sprockets/fieldset/error-message'

package/src/sprockets/fieldset/group/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/fieldset/group'
+export * from '#sprockets/sprockets/fieldset/group'

package/src/sprockets/fieldset/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/fieldset'
+export * from '#sprockets/sprockets/fieldset'

package/src/sprockets/fieldset/index.jsx

@@ -13,10 +13,10 @@ import classnames from 'classnames'
 
 import Sprocket from '#sprockets/sprockets'
 
-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'
+import Title from '#sprockets/sprockets/fieldset/title'
+import Description from '#sprockets/sprockets/fieldset/description'
+import ErrorMessage from '#sprockets/sprockets/fieldset/error-message'
+import Group from '#sprockets/sprockets/fieldset/group'
 
 /**
  *  @extends {Sprocket<SprocketProps & FieldsetProps>}

package/src/sprockets/fieldset/title/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets/fieldset/title'
+export * from '#sprockets/sprockets/fieldset/title'

package/src/sprockets/index.d.cts

@@ -0,0 +1,2 @@
+export { default } from '#sprockets/sprockets'
+export * from '#sprockets/sprockets'