shinkansen-sprockets 1.2.20 → 1.3.0

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

@@ -1,16 +1,6 @@
 declare module '#sprockets/components/group' {
-  import React from 'react'
-
-  export type GroupProps = SprocketsTypes.Components.Group.GroupProps
-  export type GroupState = SprocketsTypes.Components.Group.GroupState
-
-  export default class Group<P extends GroupProps, S extends GroupState> extends React.Component<P, S> {
-    static propTypes: object
-
-    getClassName (): string
-
-    shouldComponentUpdate (props: GroupProps, state: GroupState): boolean
-  }
+  export { default } from '#sprockets/super/components/group'
+  export * from '#sprockets/super/components/group'
 }
 
 declare module 'shinkansen-sprockets/components/group' {

package/src/components/group/index.jsx

@@ -1,52 +1,5 @@
 /**
- *  @typedef {SprocketsTypes.Components.Group.GroupProps} GroupProps
+ *  Group component
  */
 
-/**
- * Group component
- */
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-
-export default class Group extends Component {
-  getClassName () {
-    return 'group'
-  }
-
-  /**
-   *  @param {GroupProps} props
-   *  @returns {boolean}
-   */
-  shouldComponentUpdate (props) {
-    return (
-      (props.children !== this.props.children)
-    )
-  }
-
-  render () {
-    const {
-      groupRef,
-      children
-    } = this.props
-
-    return (
-      <fieldset
-        className={this.getClassName()}
-        ref={groupRef}>
-        {children}
-      </fieldset>
-    )
-  }
-}
-
-Group.propTypes = {
-  children: PropTypes.oneOfType([
-    PropTypes.node,
-    PropTypes.arrayOf(
-      PropTypes.node
-    )
-  ]),
-  groupRef: PropTypes.shape({
-    current: PropTypes.shape({}).isRequired
-  })
-}
+export { default } from '#sprockets/super/components/group'

package/src/components/index.cjs

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

package/src/components/index.d.cts

@@ -1,4 +1,4 @@
-export * as Description from '#sprockets/components/description'
-export * as ErrorMessage from '#sprockets/components/error-message'
-export * as Group from '#sprockets/components/group'
-export * as Title from '#sprockets/components/title'
+export { default as Description } from '#sprockets/components/description'
+export { default as ErrorMessage } from '#sprockets/components/error-message'
+export { default as Group } from '#sprockets/components/group'
+export { default as Title } from '#sprockets/components/title'

package/src/components/index.d.mts

@@ -1,4 +1,4 @@
-export * as Description from '#sprockets/components/description'
-export * as ErrorMessage from '#sprockets/components/error-message'
-export * as Group from '#sprockets/components/group'
-export * as Title from '#sprockets/components/title'
+export { default as Description } from '#sprockets/components/description'
+export { default as ErrorMessage } from '#sprockets/components/error-message'
+export { default as Group } from '#sprockets/components/group'
+export { default as Title } from '#sprockets/components/title'

package/src/components/index.mjs

@@ -4,7 +4,7 @@ const log = debug('shinkansen-sprockets/components')
 
 log('`shinkansen` is awake')
 
-export * as Description from './description/index.cjs'
-export * as ErrorMessage from './error-message/index.cjs'
-export * as Group from './group/index.cjs'
-export * as Title from './title/index.cjs'
+export { default as Description } from './description/index.cjs'
+export { default as ErrorMessage } from './error-message/index.cjs'
+export { default as Group } from './group/index.cjs'
+export { default as Title } from './title/index.cjs'

package/src/components/title/index.cjs

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/components/title')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: Title // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = Title

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

@@ -1,21 +1,6 @@
 declare module '#sprockets/components/title' {
-  import React from 'react'
-
-  export type TitleProps = SprocketsTypes.Components.Title.TitleProps
-
-  export default class Title<P extends TitleProps> extends React.Component<P> {
-    static propTypes: object
-
-    hasTextContent (): boolean
-
-    getTextContent (): string
-
-    getClassName (): string
-
-    shouldComponentUpdate (props: TitleProps): boolean
-
-    renderTextContent (): React.JSX.Element | null
-  }
+  export { default } from '#sprockets/super/components/title'
+  export * from '#sprockets/super/components/title'
 }
 
 declare module 'shinkansen-sprockets/components/title' {

package/src/components/title/index.jsx

@@ -1,73 +1,5 @@
 /**
- *  @typedef {SprocketsTypes.Components.Title.TitleProps} TitleProps
+ *  Title component
  */
 
-/**
- * Title component
- */
-import React, { Component } from 'react'
-import PropTypes from 'prop-types'
-
-import TextContent from '#sprockets/components/common/text-content'
-
-export default class Title extends Component {
-  hasTextContent () {
-    const {
-      title
-    } = this.props
-
-    return !!title
-  }
-
-  getTextContent () {
-    const {
-      title
-    } = this.props
-
-    return title
-  }
-
-  getClassName () {
-    return 'title'
-  }
-
-  /**
-   *  @param {TitleProps} props
-   *  @returns {boolean}
-   */
-  shouldComponentUpdate (props) {
-    return (
-      (props.title !== this.props.title)
-    )
-  }
-
-  renderTextContent () {
-    if (this.hasTextContent()) {
-      const textContent = this.getTextContent()
-
-      return (
-        <TextContent
-          textContent={textContent}
-        />
-      )
-    }
-
-    return null
-  }
-
-  render () {
-    if (this.hasTextContent()) {
-      return (
-        <legend className={this.getClassName()}>
-          {this.renderTextContent()}
-        </legend>
-      )
-    }
-
-    return null
-  }
-}
-
-Title.propTypes = {
-  title: PropTypes.string
-}
+export { default } from '#sprockets/super/components/title'

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

@@ -13,8 +13,8 @@ import VisuallyHiddenText from '#sprockets/components/common/visually-hidden-tex
 const log = debug('shinkansen-sprockets/sprockets/check-answers/group/change-answer')
 
 /**
- * @param {{ textContent?: string, visuallyHiddenText: string }} props
- * @returns {React.JSX.Element | null}
+ *  @param {{ textContent?: string, visuallyHiddenText: string }} props
+ *  @returns {React.JSX.Element | null}
  */
 function TextContentWithVisuallyHiddenText ({ textContent, visuallyHiddenText }) {
   return (
@@ -32,8 +32,8 @@ TextContentWithVisuallyHiddenText.propTypes = {
 }
 
 /**
- * @param {{ textContent?: string, visuallyHiddenText?: string }} props
- * @returns {React.JSX.Element | null}
+ *  @param {{ textContent?: string, visuallyHiddenText?: string }} props
+ *  @returns {React.JSX.Element | null}
  */
 function LinkText ({ textContent, visuallyHiddenText }) {
   if (textContent) {

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

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/check-answers/group')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: Group // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = Group

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

@@ -1,8 +1,8 @@
 declare module '#sprockets/sprockets/check-answers/group' {
-  import Group from '#sprockets/components/group'
+  import Group from '#sprockets/super/components/group'
 
-  export type CheckAnswersProps = SprocketsTypes.Components.Group.CheckAnswers.CheckAnswersProps
-  export type CheckAnswersState = SprocketsTypes.Components.Group.CheckAnswers.CheckAnswersState
+  export type CheckAnswersProps = SprocketsTypes.Sprockets.CheckAnswers.Group.CheckAnswersProps
+  export type CheckAnswersState = SprocketsTypes.Sprockets.CheckAnswers.Group.CheckAnswersState
 
   export default class CheckAnswersGroup<P extends CheckAnswersProps, S extends CheckAnswersState> extends Group<P, S> {}
 }

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

@@ -1,13 +1,13 @@
 /**
  *  @typedef {SprocketsTypes.AnswerDefinitionType} AnswerDefinitionType
- *  @typedef {SprocketsTypes.Components.Group.GroupProps} GroupProps
- *  @typedef {SprocketsTypes.Components.Group.GroupState} GroupState
- *  @typedef {SprocketsTypes.Components.Group.CheckAnswers.CheckAnswersProps} CheckAnswersProps
- *  @typedef {SprocketsTypes.Components.Group.CheckAnswers.CheckAnswersState} CheckAnswersState
+ *  @typedef {SprocketsTypes.Super.Components.Group.GroupProps} GroupProps
+ *  @typedef {SprocketsTypes.Super.Components.Group.GroupState} GroupState
+ *  @typedef {SprocketsTypes.Sprockets.CheckAnswers.Group.CheckAnswersProps} CheckAnswersProps
+ *  @typedef {SprocketsTypes.Sprockets.CheckAnswers.Group.CheckAnswersState} CheckAnswersState
  */
 
 /**
- * CheckAnswersGroup component
+ *  CheckAnswersGroup component
  */
 import React from 'react'
 import PropTypes from 'prop-types'
@@ -16,7 +16,7 @@ import classnames from 'classnames'
 
 import debug from 'debug'
 
-import Group from '#sprockets/components/group'
+import Group from '#sprockets/super/components/group'
 
 import {
   getKey
@@ -34,9 +34,9 @@ const DEFAULT_CHECK_ANSWERS = []
 const log = debug('shinkansen-sprockets/components/group/check-answers')
 
 /**
- * @param {AnswerDefinitionType} answer
- * @param {number} index
- * @returns {React.JSX.Element}
+ *  @param {AnswerDefinitionType} answer
+ *  @param {number} index
+ *  @returns {React.JSX.Element}
  */
 function render ({ params: { answer, changeAnswer: { href, text, ...changeAnswer } } }, index) {
   log('render')

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

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/check-answers')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: CheckAnswers // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = CheckAnswers

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

@@ -1,7 +1,7 @@
 declare module '#sprockets/sprockets/check-answers' {
   import Sprocket from '#sprockets/sprockets'
 
-  export type CheckAnswersProps = SprocketsTypes.Sprockets.Sprocket.CheckAnswers.CheckAnswersProps
+  export type CheckAnswersProps = SprocketsTypes.Sprockets.CheckAnswers.CheckAnswersProps
 
   export default class CheckAnswersSprocket<P extends CheckAnswersProps> extends Sprocket<P> {}
 }

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

@@ -1,11 +1,11 @@
 /**
  *  @typedef {SprocketsTypes.AnswerDefinitionType} AnswerDefinitionType
- *  @typedef {SprocketsTypes.Sprockets.Sprocket.SprocketProps} SprocketProps
- *  @typedef {SprocketsTypes.Sprockets.Sprocket.CheckAnswers.CheckAnswersProps} CheckAnswersProps
+ *  @typedef {SprocketsTypes.Sprockets.SprocketProps} SprocketProps
+ *  @typedef {SprocketsTypes.Sprockets.CheckAnswers.CheckAnswersProps} CheckAnswersProps
  */
 
 /**
- * CheckAnswersSprocket component
+ *  CheckAnswersSprocket component
  */
 import React from 'react'
 import PropTypes from 'prop-types'

package/src/sprockets/check-answers/title/index.cjs

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/check-answers/title')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: Title // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = Title

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

@@ -1,7 +1,7 @@
 declare module '#sprockets/sprockets/check-answers/title' {
-  import Title from '#sprockets/components/title'
+  import Title from '#sprockets/super/components/title'
 
-  export type CheckAnswersProps = SprocketsTypes.Components.Title.CheckAnswers.CheckAnswersProps
+  export type CheckAnswersProps = SprocketsTypes.Sprockets.CheckAnswers.Title.CheckAnswersProps
 
   export default class CheckAnswersTitle<P extends CheckAnswersProps> extends Title<P> {}
 }

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

@@ -1,14 +1,15 @@
 /**
- *  @typedef {SprocketsTypes.Components.Title.TitleProps} TitleProps
- *  @typedef {SprocketsTypes.Components.Title.CheckAnswers.CheckAnswersProps} CheckAnswersProps
+ *  @typedef {SprocketsTypes.Super.Components.Title.TitleProps} TitleProps
+ *  @typedef {SprocketsTypes.Sprockets.CheckAnswers.Title.CheckAnswersProps} CheckAnswersProps
  */
 
 /**
- * CheckAnswersTitle component
+ *  CheckAnswersTitle component
  */
 import React from 'react'
 import classnames from 'classnames'
-import Title from '#sprockets/components/title'
+
+import Title from '#sprockets/super/components/title'
 
 /**
  *  @extends {Title<TitleProps & CheckAnswersProps>}

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

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/error-summary/group')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: Group // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = Group

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

@@ -1,8 +1,8 @@
 declare module '#sprockets/sprockets/error-summary/group' {
-  import Group from '#sprockets/components/group'
+  import Group from '#sprockets/super/components/group'
 
-  export type ErrorSummaryProps = SprocketsTypes.Components.Group.ErrorSummary.ErrorSummaryProps
-  export type ErrorSummaryState = SprocketsTypes.Components.Group.ErrorSummary.ErrorSummaryState
+  export type ErrorSummaryProps = SprocketsTypes.Sprockets.ErrorSummary.Group.ErrorSummaryProps
+  export type ErrorSummaryState = SprocketsTypes.Sprockets.ErrorSummary.Group.ErrorSummaryState
 
   export default class ErrorSummaryGroup<P extends ErrorSummaryProps, S extends ErrorSummaryState> extends Group<P, S> {}
 }

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

@@ -1,13 +1,13 @@
 /**
  *  @typedef {SprocketsTypes.ErrorDefinitionType} ErrorDefinitionType
- *  @typedef {SprocketsTypes.Components.Group.GroupProps} GroupProps
- *  @typedef {SprocketsTypes.Components.Group.GroupState} GroupState
- *  @typedef {SprocketsTypes.Components.Group.ErrorSummary.ErrorSummaryProps} ErrorSummaryProps
- *  @typedef {SprocketsTypes.Components.Group.ErrorSummary.ErrorSummaryState} ErrorSummaryState
+ *  @typedef {SprocketsTypes.Super.Components.Group.GroupProps} GroupProps
+ *  @typedef {SprocketsTypes.Super.Components.Group.GroupState} GroupState
+ *  @typedef {SprocketsTypes.Sprockets.ErrorSummary.Group.ErrorSummaryProps} ErrorSummaryProps
+ *  @typedef {SprocketsTypes.Sprockets.ErrorSummary.Group.ErrorSummaryState} ErrorSummaryState
  */
 
 /**
- * ErrorSummaryGroup component
+ *  ErrorSummaryGroup component
  */
 import React from 'react'
 import PropTypes from 'prop-types'
@@ -17,7 +17,7 @@ import classnames from 'classnames'
 
 import debug from 'debug'
 
-import Group from '#sprockets/components/group'
+import Group from '#sprockets/super/components/group'
 
 import transform from '#sprockets/transformers/error-summary'
 import {
@@ -34,9 +34,9 @@ const DEFAULT_ERROR_SUMMARY = []
 const log = debug('shinkansen-sprockets/sprockets/error-summary/group')
 
 /**
- * @param {ErrorDefinitionType} error
- * @param {number} index
- * @returns {React.JSX.Element}
+ *  @param {ErrorDefinitionType} error
+ *  @param {number} index
+ *  @returns {React.JSX.Element}
  */
 function render (error, index) {
   log('render')

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

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/error-summary')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: ErrorSummary // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = ErrorSummary

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

@@ -1,7 +1,7 @@
 declare module '#sprockets/sprockets/error-summary' {
   import Sprocket from '#sprockets/sprockets'
 
-  export type ErrorSummaryProps = SprocketsTypes.Sprockets.Sprocket.ErrorSummary.ErrorSummaryProps
+  export type ErrorSummaryProps = SprocketsTypes.Sprockets.ErrorSummary.ErrorSummaryProps
 
   export default class ErrorSummarySprocket<P extends ErrorSummaryProps> extends Sprocket<P> {}
 }

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

@@ -1,11 +1,11 @@
 /**
  *  @typedef {SprocketsTypes.ErrorDefinitionType} ErrorDefinitionType
- *  @typedef {SprocketsTypes.Sprockets.Sprocket.SprocketProps} SprocketProps
- *  @typedef {SprocketsTypes.Sprockets.Sprocket.ErrorSummary.ErrorSummaryProps} ErrorSummaryProps
+ *  @typedef {SprocketsTypes.Sprockets.SprocketProps} SprocketProps
+ *  @typedef {SprocketsTypes.Sprockets.ErrorSummary.ErrorSummaryProps} ErrorSummaryProps
  */
 
 /**
- * ErrorSummarySprocket component
+ *  ErrorSummarySprocket component
  */
 import React from 'react'
 import PropTypes from 'prop-types'

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

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/error-summary/title')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: Title // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = Title

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

@@ -1,7 +1,7 @@
 declare module '#sprockets/sprockets/error-summary/title' {
-  import Title from '#sprockets/components/title'
+  import Title from '#sprockets/super/components/title'
 
-  export type ErrorSummaryProps = SprocketsTypes.Components.Title.ErrorSummary.ErrorSummaryProps
+  export type ErrorSummaryProps = SprocketsTypes.Sprockets.ErrorSummary.Title.ErrorSummaryProps
 
   export default class ErrorSummaryTitle<P extends ErrorSummaryProps> extends Title<P> {}
 }

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

@@ -1,14 +1,15 @@
 /**
- *  @typedef {SprocketsTypes.Components.Title.TitleProps} TitleProps
- *  @typedef {SprocketsTypes.Components.Title.ErrorSummary.ErrorSummaryProps} ErrorSummaryProps
+ *  @typedef {SprocketsTypes.Super.Components.Title.TitleProps} TitleProps
+ *  @typedef {SprocketsTypes.Sprockets.ErrorSummary.Title.ErrorSummaryProps} ErrorSummaryProps
  */
 
 /**
- * ErrorSummaryTitle component
+ *  ErrorSummaryTitle component
  */
 import React from 'react'
 import classnames from 'classnames'
-import Title from '#sprockets/components/title'
+
+import Title from '#sprockets/super/components/title'
 
 /**
  *  @extends {Title<TitleProps & ErrorSummaryProps>}

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

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/fieldset/description')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: Description // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = Description

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

@@ -1,5 +1,5 @@
 declare module '#sprockets/sprockets/fieldset/description' {
-  import Description from '#sprockets/components/description'
+  import Description from '#sprockets/super/components/description'
 
   export default class FieldsetDescription extends Description {}
 }

package/src/sprockets/fieldset/description/index.jsx

@@ -1,8 +1,8 @@
 /**
- * FieldsetDescription component
+ *  FieldsetDescription component
  */
 import classnames from 'classnames'
-import Description from '#sprockets/components/description'
+import Description from '#sprockets/super/components/description'
 
 export default class FieldsetDescription extends Description {
   getClassName () {

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

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/fieldset/error-message')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: ErrorMessage // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = ErrorMessage

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

@@ -1,5 +1,5 @@
 declare module '#sprockets/sprockets/fieldset/error-message' {
-  import ErrorMessage from '#sprockets/components/error-message'
+  import ErrorMessage from '#sprockets/super/components/error-message'
 
   export default class FieldsetErrorMessage extends ErrorMessage {}
 }

package/src/sprockets/fieldset/error-message/index.jsx

@@ -1,8 +1,8 @@
 /**
- * FieldsetErrorMessage component
+ *  FieldsetErrorMessage component
  */
 import classnames from 'classnames'
-import ErrorMessage from '#sprockets/components/error-message'
+import ErrorMessage from '#sprockets/super/components/error-message'
 
 export default class FieldsetErrorMessage extends ErrorMessage {
   getClassName () {

package/src/sprockets/fieldset/group/index.cjs

@@ -11,7 +11,10 @@ const log = debug('shinkansen-sprockets/sprockets/fieldset/group')
 log('`shinkansen` is awake')
 
 const {
-  default: component // @ts-ignore
+  default: Group // @ts-expect-error
 } = require('./index.jsx')
 
-module.exports = component
+/**
+ *  Exports only default
+ */
+module.exports = Group