shinkansen-sprockets 1.2.21 → 1.3.1

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

@@ -0,0 +1,24 @@
+declare module '#sprockets/super/components/title' {
+  import React from 'react'
+
+  export type TitleProps = SprocketsTypes.Super.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
+  }
+}
+
+declare module 'shinkansen-sprockets/super/components/title' {
+  export { default } from '#sprockets/super/components/title'
+  export * from '#sprockets/super/components/title'
+}

package/src/super/components/title/index.jsx

@@ -0,0 +1,73 @@
+/**
+ *  @typedef {SprocketsTypes.Super.Components.Title.TitleProps} TitleProps
+ */
+
+/**
+ *  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
+}

package/src/super/sprockets/index.cjs

@@ -0,0 +1,20 @@
+require('@babel/register')({
+  ignore: [
+    /node_modules\/(?!shinkansen|@modernpoacher)/
+  ]
+})
+
+const debug = require('debug')
+
+const log = debug('shinkansen-sprockets/super/sprockets')
+
+log('`shinkansen` is awake')
+
+const {
+  default: Sprocket // @ts-expect-error
+} = require('./index.jsx')
+
+/**
+ *  Exports only default
+ */
+module.exports = Sprocket

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

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

package/src/super/sprockets/index.d.mts

@@ -0,0 +1,22 @@
+declare module '#sprockets/super/sprockets' {
+  import React from 'react'
+
+  export type SprocketProps = SprocketsTypes.Sprockets.SprocketProps
+
+  export default class Sprocket<P extends SprocketProps> extends React.Component<P> {
+    static propTypes: object
+
+    getClassName (): string
+
+    shouldComponentUpdate (props: SprocketProps): boolean
+
+    renderTitle (): React.JSX.Element | null
+
+    renderGroup (): React.JSX.Element | null
+  }
+}
+
+declare module 'shinkansen-sprockets/super/sprockets' {
+  export { default } from '#sprockets/super/sprockets'
+  export * from '#sprockets/super/sprockets'
+}

package/src/super/sprockets/index.jsx

@@ -0,0 +1,79 @@
+/**
+ *  @typedef {SprocketsTypes.Sprockets.SprocketProps} SprocketProps
+ */
+
+/**
+ *  Sprocket component
+ */
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+import Title from '#sprockets/super/components/title'
+import Group from '#sprockets/super/components/group'
+
+export default class Sprocket extends Component {
+  getClassName () {
+    return 'sprocket'
+  }
+
+  /**
+   *  @param {SprocketProps} props
+   *  @returns {boolean}
+   */
+  shouldComponentUpdate (props) {
+    return (
+      (props.children !== this.props.children) ||
+      (props.title !== this.props.title)
+    )
+  }
+
+  renderTitle () {
+    const {
+      title
+    } = this.props
+
+    return (
+      <Title
+        title={title}
+      />
+    )
+  }
+
+  renderGroup () {
+    const {
+      groupRef,
+      children
+    } = this.props
+
+    return (
+      <Group
+        groupRef={groupRef}>
+        {this.renderTitle()}
+        {children}
+      </Group>
+    )
+  }
+
+  render () {
+    const className = this.getClassName()
+
+    return (
+      <div className={className}>
+        {this.renderGroup()}
+      </div>
+    )
+  }
+}
+
+Sprocket.propTypes = {
+  title: PropTypes.string,
+  children: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.arrayOf(
+      PropTypes.node
+    )
+  ]),
+  groupRef: PropTypes.shape({
+    current: PropTypes.shape({}).isRequired
+  })
+}

package/src/common/index.d.mts

@@ -1 +0,0 @@
-export {}

package/src/common/index.mjs

@@ -1 +0,0 @@
-export default {}