@modernpoacher/sprockets 0.0.5 → 0.0.6

package/babel.config.cjs

@@ -71,9 +71,6 @@ const plugins = [
         '@modernpoacher/sprockets/sprockets/fieldset/group': './src/sprockets/fieldset/group/index.jsx',
         '@modernpoacher/sprockets/sprockets/fieldset/title': './src/sprockets/fieldset/title/index.jsx',
         '@modernpoacher/sprockets/sprockets/fieldset': './src/sprockets/fieldset/index.jsx',
-        '@modernpoacher/sprockets/sprockets/table/group': './src/sprockets/table/group/index.jsx',
-        '@modernpoacher/sprockets/sprockets/table/title': './src/sprockets/table/title/index.jsx',
-        '@modernpoacher/sprockets/sprockets/table': './src/sprockets/table/index.jsx',
         '@modernpoacher/sprockets/sprockets': './src/sprockets/index.jsx',
         '@modernpoacher/sprockets/components/common/text-content': './src/components/common/text-content/index.jsx',
         '@modernpoacher/sprockets/components/description': './src/components/description/index.jsx',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modernpoacher/sprockets",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Sprockets",
   "keywords": [
     "Sprockets",
@@ -112,21 +112,21 @@
       "require": "./src/index.cjs",
       "import": "./src/index.mjs"
     },
-    "./sprockets/check-answers/group/*": "./src/components/group/check-answers/*.cjs",
-    "./sprockets/check-answers/group": "./src/components/group/check-answers/index.cjs",
-    "./sprockets/check-answers/title": "./src/components/title/check-answers/index.cjs",
+    "./sprockets/check-answers/group/*": "./src/sprockets/check-answers/group/*.cjs",
+    "./sprockets/check-answers/group": "./src/sprockets/check-answers/group/index.cjs",
+    "./sprockets/check-answers/title": "./src/sprockets/check-answers/title/index.cjs",
     "./sprockets/check-answers": "./src/sprockets/check-answers/index.cjs",
-    "./sprockets/error-summary/group/*": "./src/components/group/error-summary/*.cjs",
-    "./sprockets/error-summary/group": "./src/components/group/error-summary/index.cjs",
-    "./sprockets/error-summary/title": "./src/components/title/error-summary/index.cjs",
+    "./sprockets/error-summary/group/*": "./src/sprockets/error-summary/group/*.cjs",
+    "./sprockets/error-summary/group": "./src/sprockets/error-summary/group/index.cjs",
+    "./sprockets/error-summary/title": "./src/sprockets/error-summary/title/index.cjs",
     "./sprockets/error-summary": "./src/sprockets/error-summary/index.cjs",
-    "./sprockets/fieldset/description": "./src/components/description/fieldset/index.cjs",
-    "./sprockets/fieldset/error-message": "./src/components/error-message/fieldset/index.cjs",
-    "./sprockets/fieldset/group": "./src/components/group/fieldset/index.cjs",
-    "./sprockets/fieldset/title": "./src/components/title/fieldset/index.cjs",
+    "./sprockets/fieldset/description": "./src/sprockets/fieldset/description/index.cjs",
+    "./sprockets/fieldset/error-message": "./src/sprockets/fieldset/error-message/index.cjs",
+    "./sprockets/fieldset/group": "./src/sprockets/fieldset/group/index.cjs",
+    "./sprockets/fieldset/title": "./src/sprockets/fieldset/title/index.cjs",
     "./sprockets/fieldset": "./src/sprockets/fieldset/index.cjs",
-    "./sprockets/table/group": "./src/components/group/table/index.cjs",
-    "./sprockets/table/title": "./src/components/table/table/index.cjs",
+    "./sprockets/table/group": "./src/sprockets/group/table/index.cjs",
+    "./sprockets/table/title": "./src/sprockets/table/table/index.cjs",
     "./sprockets/table": "./src/sprockets/table/index.cjs",
     "./sprockets": "./src/sprockets/index.cjs",
     "./components/common/text-content": "./src/components/common/text-content/index.cjs",

package/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "module": "NodeNext",
+    "target": "ESNext",
+    "moduleResolution": "NodeNext",
+    "noEmit": true,
+    "strict": true,
+    "isolatedModules": true,
+    "baseUrl": "."
+  }
+}

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

@@ -1,17 +0,0 @@
-require('@babel/register')({
-  ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
-  ]
-})
-
-const debug = require('debug')
-
-const log = debug('@modernpoacher/sprockets/sprockets/table/group')
-
-log('`sprockets` is awake')
-
-const {
-  default: component
-} = require('./index.jsx')
-
-module.exports = component

package/src/sprockets/table/group/index.jsx

@@ -1,163 +0,0 @@
-/**
- * TableGroup component
- *
- * @typedef {import('@modernpoacher/sprockets/components/group').GroupProps} GroupProps
- *
- * Group state
- *
- * @typedef {Object} GroupState
- * @property {{}} [children]
- */
-
-import React, { isValidElement } from 'react'
-import PropTypes from 'prop-types'
-
-import classnames from 'classnames'
-
-import Group from '@modernpoacher/sprockets/components/group'
-import Title from '@modernpoacher/sprockets/sprockets/table/title'
-
-function getText ({ text }) {
-  return text
-}
-
-export default class TableGroup extends Group {
-  /**
-   * @type {GroupState}
-   */
-  state = {}
-
-  getClassName () {
-    return classnames(super.getClassName(), 'table')
-  }
-
-  /**
-   *  Compare latest 'props' with 'state' for changes to 'children'
-   *
-   * @param {GroupProps} props   Latest props
-   * @param {GroupState} state   Current state
-   * @returns {{children: {}}}
-   */
-  static getDerivedStateFromProps ({ children: c }, { children: C }) {
-    return {
-      children: (c !== C) ? c : C
-    }
-  }
-
-  /**
-   * Compare latest 'props' with 'state' for changes to 'children'
-   *
-   * @param {GroupProps} props   Latest props
-   * @param {GroupState} state   Current state
-   * @returns {boolean}
-   */
-  shouldComponentUpdate (props, state) {
-    const {
-      head: h,
-      body: b
-    } = state
-
-    const {
-      head: H,
-      body: B
-    } = this.state
-
-    return (h !== H) || (b !== B)
-  }
-
-  render () {
-    const {
-      groupRef,
-      title,
-      head,
-      body
-    } = this.props
-
-    if (head.length || body.length) {
-      return (
-        <table
-          className={this.getClassName()}
-          ref={groupRef}>
-          <Title
-            title={title}
-          />
-          {head.length && (
-            <thead>
-              <tr>
-                {head.map(({ text }, i) => (
-                  <th key={i}>
-                    {text}
-                  </th>
-                ))}
-              </tr>
-            </thead>
-          )}
-          {body.length && (
-            <tbody>
-              {body.map((row, i) => (
-                <tr key={i}>
-                  {row.map((item, i) => {
-                    if (i) {
-                      if (isValidElement(item)) {
-                        return (
-                          <td key={i}>
-                            {item}
-                          </td>
-                        )
-                      }
-
-                      return (
-                        <td key={i}>
-                          {getText(item)}
-                        </td>
-                      )
-                    }
-
-                    if (isValidElement(item)) {
-                      return (
-                        <th key={i}>
-                          {item}
-                        </th>
-                      )
-                    }
-
-                    return (
-                      <th key={i}>
-                        {getText(item)}
-                      </th>
-                    )
-                  })}
-                </tr>
-              ))}
-            </tbody>
-          )}
-        </table>
-      )
-    }
-
-    return null
-  }
-}
-
-TableGroup.propTypes = {
-  title: PropTypes.string,
-  head: PropTypes.arrayOf(
-    PropTypes.shape({
-      text: PropTypes.string.isRequired
-    })
-  ),
-  body: PropTypes.arrayOf(
-    PropTypes.arrayOf(
-      PropTypes.shape({
-        text: PropTypes.string.isRequired
-      })
-    )
-  ),
-  groupRef: PropTypes.shape({
-    current: PropTypes.shape().isRequired
-  })
-}
-
-TableGroup.defaultProps = {
-  ...Group.defaultProps
-}

package/src/sprockets/table/index.cjs

@@ -1,17 +0,0 @@
-require('@babel/register')({
-  ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
-  ]
-})
-
-const debug = require('debug')
-
-const log = debug('@modernpoacher/sprockets/sprockets/table')
-
-log('`sprockets` is awake')
-
-const {
-  default: component
-} = require('./index.jsx')
-
-module.exports = component

package/src/sprockets/table/index.jsx

@@ -1,91 +0,0 @@
-/**
- * TableSprocket component
- *
- * @typedef {import('@modernpoacher/sprockets/sprockets').SprocketProps} SprocketProps
- */
-
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import classnames from 'classnames'
-
-import Sprocket from '@modernpoacher/sprockets/sprockets'
-import Group from './group/index.jsx'
-
-export default class TableSprocket extends Sprocket {
-  getClassName () {
-    return classnames(super.getClassName(), 'table')
-  }
-
-  /**
-   * @param {SprocketProps} props
-   * @returns {boolean}
-   */
-  shouldComponentUpdate (props) {
-    return (
-      (props.title !== this.props.title) ||
-      (props.head !== this.props.head) ||
-      (props.body !== this.props.body)
-    )
-  }
-
-  renderGroup () {
-    const {
-      groupRef,
-      title,
-      head,
-      body
-    } = this.props
-
-    return (
-      <Group
-        groupRef={groupRef}
-        title={title}
-        head={head}
-        body={body}
-      />
-    )
-  }
-
-  render () {
-    const {
-      head,
-      body
-    } = this.props
-
-    if (head.length || body.length) {
-      return (
-        <div className={this.getClassName()}>
-          {this.renderGroup()}
-        </div>
-      )
-    }
-
-    return null
-  }
-}
-
-TableSprocket.propTypes = {
-  title: PropTypes.string,
-  head: PropTypes.arrayOf(
-    PropTypes.shape({
-      text: PropTypes.string.isRequired
-    })
-  ),
-  body: PropTypes.arrayOf(
-    PropTypes.arrayOf(
-      PropTypes.shape({
-        text: PropTypes.string.isRequired
-      })
-    )
-  ),
-  groupRef: PropTypes.shape({
-    current: PropTypes.shape().isRequired
-  })
-}
-
-TableSprocket.defaultProps = {
-  ...Sprocket.defaultProps,
-  head: [],
-  body: []
-}

package/src/sprockets/table/title/index.cjs

@@ -1,17 +0,0 @@
-require('@babel/register')({
-  ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets)/
-  ]
-})
-
-const debug = require('debug')
-
-const log = debug('@modernpoacher/sprockets/sprockets/table/title')
-
-log('`sprockets` is awake')
-
-const {
-  default: component
-} = require('./index.jsx')
-
-module.exports = component

package/src/sprockets/table/title/index.jsx

@@ -1,33 +0,0 @@
-/**
- * TableTitle component
- */
-
-import React from 'react'
-import classnames from 'classnames'
-import Title from '@modernpoacher/sprockets/components/title'
-
-export default class TableTitle extends Title {
-  getClassName () {
-    return classnames(super.getClassName(), 'table')
-  }
-
-  render () {
-    if (this.hasTextContent()) {
-      return (
-        <caption className={this.getClassName()}>
-          {this.renderTextContent()}
-        </caption>
-      )
-    }
-
-    return null
-  }
-}
-
-TableTitle.propTypes = {
-  ...Title.propTypes
-}
-
-TableTitle.defaultProps = {
-  ...Title.defaultProps
-}