@modernpoacher/sprockets 0.0.288 → 1.0.0

package/src/components/title/index.jsx

@@ -1,59 +0,0 @@
-/**
- * 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'
-  }
-
-  shouldComponentUpdate (props, state) {
-    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/index.d.mts

@@ -1,9 +0,0 @@
-declare module '#sprockets' {
-  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 module '@modernpoacher/sprockets' {
-  export * from '#sprockets'
-}

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

@@ -1,46 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-/**
- * @param {string | string[]}
- * @returns {string | string[]}
- */
-function getAnswerValue (value) {
-  if (Array.isArray(value)) {
-    const n = value.length - 1
-
-    return (
-      value
-        .reduce((a, v, i) => {
-          const s = String(v)
-
-          return (i !== n)
-            ? a.concat(s).concat(<br key={i} />)
-            : a.concat(s)
-        }, [])
-    )
-  }
-
-  return String(value)
-}
-
-/**
- * @param {SprocketsTypes.AnswerDefinitionType}
- * @returns {React.JSX.Element}
- */
-export default function AnswerValue ({ value }) {
-  return (
-    <dd className='answer-value'>
-      {getAnswerValue(value)}
-    </dd>
-  )
-}
-
-AnswerValue.propTypes = {
-  value: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.arrayOf(
-      PropTypes.string
-    )
-  ]).isRequired
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/check-answers/group' {
-  import Group from '#sprockets/components/group'
-
-  export default class CheckAnswersGroup extends Group {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/check-answers/group' {
-  export { default } from '#sprockets/sprockets/check-answers/group'
-}

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

@@ -1,125 +0,0 @@
-/**
- * CheckAnswersGroup component
- *
- * @typedef {import('@modernpoacher/sprockets/components/group').GroupProps} GroupProps
- *
- * Group state
- *
- * @typedef {Object} GroupState
- * @property {{}} [checkAnswers]
- */
-
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import debug from 'debug'
-
-import equal from 'fast-deep-equal'
-import classnames from 'classnames'
-
-import Group from '#sprockets/components/group'
-
-import {
-  getKey
-} from '#sprockets/transformers/common'
-
-import AnswerTitle from './answer-title.jsx'
-import AnswerValue from './answer-value.jsx'
-import ChangeAnswer from './change-answer.jsx'
-
-const DEFAULT_CHECK_ANSWERS = []
-
-const log = debug('@modernpoacher/sprockets/components/group/check-answers')
-
-/* eslint-disable-next-line react/prop-types */
-function render ({ answer: { title, value }, changeAnswer: { href, text, ...changeAnswer } }, index) {
-  log('render')
-
-  return (
-    <div key={getKey(href, text, index)} className='answer'>
-      <AnswerTitle
-        title={title}
-      />
-
-      <AnswerValue
-        value={value}
-      />
-
-      <ChangeAnswer
-        changeAnswer={{ ...changeAnswer, href, text }}
-      />
-    </div>
-  )
-}
-
-export default class CheckAnswersGroup extends Group {
-  /**
-   * @type {GroupState}
-   */
-  state = {
-    checkAnswers: DEFAULT_CHECK_ANSWERS
-  }
-
-  getClassName () {
-    return classnames(super.getClassName(), 'check-answers')
-  }
-
-  /**
-   *  Compare latest 'props' with 'state' for changes to 'checkAnswers'
-   *
-   * @param {GroupProps} props   Latest props
-   * @param {GroupState} state   Current state
-   * @returns {{checkAnswers: {}}}
-   */
-  static getDerivedStateFromProps ({ checkAnswers }, { checkAnswers: C }) {
-    return {
-      checkAnswers: equal(checkAnswers, C) ? C : checkAnswers
-    }
-  }
-
-  /**
-   * Compare latest 'props' with 'state' for changes to 'checkAnswers'
-   *
-   * @param {GroupProps} props   Latest props
-   * @param {GroupState} state   Current state
-   * @returns {boolean}
-   */
-  shouldComponentUpdate (props, state) {
-    const {
-      checkAnswers: c = DEFAULT_CHECK_ANSWERS
-    } = state
-
-    const {
-      checkAnswers: C = DEFAULT_CHECK_ANSWERS
-    } = this.state
-
-    return (c !== C)
-  }
-
-  render () {
-    const {
-      checkAnswers = DEFAULT_CHECK_ANSWERS
-    } = this.props
-
-    if (checkAnswers.length) {
-      const {
-        groupRef
-      } = this.props
-
-      return (
-        <dl
-          className={this.getClassName()}
-          ref={groupRef}>
-          {checkAnswers.map(render)}
-        </dl>
-      )
-    }
-
-    return null
-  }
-}
-
-CheckAnswersGroup.propTypes = {
-  ...Group.propTypes,
-  checkAnswers: PropTypes.arrayOf(PropTypes.shape({}))
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/check-answers' {
-  import Sprocket from '#sprockets/sprockets'
-
-  export default class ErrorSummarySprocket extends Sprocket {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/check-answers' {
-  export { default } from '#sprockets/sprockets/check-answers'
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/check-answers/title' {
-  import Title from '#sprockets/components/title'
-
-  export default class CheckAnswersTitle extends Title {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/check-answers/title' {
-  export { default } from '#sprockets/sprockets/check-answers/title'
-}

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

@@ -1,29 +0,0 @@
-/**
- * CheckAnswersTitle component
- */
-
-import React from 'react'
-import classnames from 'classnames'
-import Title from '#sprockets/components/title'
-
-export default class CheckAnswersTitle extends Title {
-  getClassName () {
-    return classnames(super.getClassName(), 'check-answers')
-  }
-
-  render () {
-    if (this.hasTextContent()) {
-      return (
-        <h2 className={this.getClassName()}>
-          {this.renderTextContent()}
-        </h2>
-      )
-    }
-
-    return null
-  }
-}
-
-CheckAnswersTitle.propTypes = {
-  ...Title.propTypes
-}

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

@@ -1,13 +0,0 @@
-require('@babel/register')({
-  ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
-  ]
-})
-
-const debug = require('debug')
-
-const log = debug('@modernpoacher/sprockets/sprockets/error-summary/group/error-item')
-
-log('`sprockets` is awake')
-
-module.exports = require('./error-item.jsx')

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

@@ -1,22 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import TextContent from '#sprockets/components/common/text-content'
-
-export default function ErrorItem ({
-  href,
-  text
-}) {
-  return (
-    <li className='error'>
-      <a href={href}>
-        <TextContent textContent={text} />
-      </a>
-    </li>
-  )
-}
-
-ErrorItem.propTypes = {
-  href: PropTypes.string.isRequired,
-  text: PropTypes.string.isRequired
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/error-summary/group' {
-  import Group from '#sprockets/components/group'
-
-  export default class ErrorSummaryGroup extends Group {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/error-summary/group' {
-  export { default } from '#sprockets/sprockets/error-summary/group'
-}

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

@@ -1,115 +0,0 @@
-/**
- * ErrorSummaryGroup component
- *
- * @typedef {import('@modernpoacher/sprockets/components/group').GroupProps} GroupProps
- *
- * Group state
- *
- * @typedef {Object} GroupState
- * @property {{}} [errorSummary]
- */
-
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import debug from 'debug'
-
-import equal from 'fast-deep-equal'
-import classnames from 'classnames'
-
-import Group from '#sprockets/components/group'
-
-import {
-  getKey
-} from '#sprockets/transformers/common'
-
-import TextContent from '#sprockets/components/common/text-content'
-
-const DEFAULT_ERROR_SUMMARY = []
-
-const log = debug('@modernpoacher/sprockets/sprockets/error-summary/group')
-
-/* eslint-disable-next-line react/prop-types */
-function render ({ href, text }, index) {
-  log('render')
-
-  return (
-    <li key={getKey(href, text, index)} className='error'>
-      <a href={href}>
-        <TextContent textContent={text} />
-      </a>
-    </li>
-  )
-}
-
-export default class ErrorSummaryGroup extends Group {
-  /**
-   * @type {GroupState}
-   */
-  state = {
-    errorSummary: DEFAULT_ERROR_SUMMARY
-  }
-
-  getClassName () {
-    return classnames(super.getClassName(), 'error-summary')
-  }
-
-  /**
-   * Compare latest 'props' with 'state' for changes to 'errorSummary'
-   *
-   * @param {GroupProps} props   Latest props
-   * @param {GroupState} state   Current state
-   * @returns {GroupState}
-   */
-  static getDerivedStateFromProps ({ errorSummary }, { errorSummary: E }) {
-    return {
-      errorSummary: equal(errorSummary, E) ? E : errorSummary
-    }
-  }
-
-  /**
-   * Compare latest 'props' with 'state' for changes to 'errorSummary'
-   *
-   * @param {GroupProps} props   Latest props
-   * @param {GroupState} state   Current state
-   * @returns {boolean}
-   */
-  shouldComponentUpdate (props, state) {
-    const {
-      errorSummary: e = DEFAULT_ERROR_SUMMARY
-    } = state
-
-    const {
-      errorSummary: E = DEFAULT_ERROR_SUMMARY
-    } = this.state
-
-    return (e !== E)
-  }
-
-  render () {
-    const {
-      errorSummary = DEFAULT_ERROR_SUMMARY
-    } = this.props
-
-    if (errorSummary.length) {
-      const {
-        groupRef
-      } = this.props
-
-      return (
-        <ul
-          className={this.getClassName()}
-          ref={groupRef}>
-          {errorSummary.map(render)}
-        </ul>
-      )
-    }
-
-    return null
-  }
-}
-
-ErrorSummaryGroup.propTypes = {
-  ...Group.propTypes,
-  errorSummary: PropTypes.arrayOf(PropTypes.shape())
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/error-summary' {
-  import Sprocket from '#sprockets/sprockets'
-
-  export default class CheckAnswersSprocket extends Sprocket {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/error-summary' {
-  export { default } from '#sprockets/sprockets/error-summary'
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/error-summary/title' {
-  import Title from '#sprockets/components/title'
-
-  export default class ErrorSummaryTitle extends Title {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/error-summary/title' {
-  export { default } from '#sprockets/sprockets/error-summary/title'
-}

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

@@ -1,29 +0,0 @@
-/**
- * ErrorSummaryTitle component
- */
-
-import React from 'react'
-import classnames from 'classnames'
-import Title from '#sprockets/components/title'
-
-export default class ErrorSummaryTitle extends Title {
-  getClassName () {
-    return classnames(super.getClassName(), 'error-summary')
-  }
-
-  render () {
-    if (this.hasTextContent()) {
-      return (
-        <h2 className={this.getClassName()}>
-          {this.renderTextContent()}
-        </h2>
-      )
-    }
-
-    return null
-  }
-}
-
-ErrorSummaryTitle.propTypes = {
-  ...Title.propTypes
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/fieldset/group' {
-  import Group from '#sprockets/components/group'
-
-  export default class FieldsetGroup extends Group {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/fieldset/group' {
-  export { default } from '#sprockets/sprockets/fieldset/group'
-}

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

@@ -1,16 +0,0 @@
-/**
- * FieldsetGroup component
- */
-
-import classnames from 'classnames'
-import Group from '#sprockets/components/group'
-
-export default class FieldsetGroup extends Group {
-  getClassName () {
-    return classnames(super.getClassName(), 'fieldset')
-  }
-}
-
-FieldsetGroup.propTypes = {
-  ...Group.propTypes
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/fieldset' {
-  import Sprocket from '#sprockets/sprockets'
-
-  export default class FieldsetSprocket extends Sprocket {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/fieldset' {
-  export { default } from '#sprockets/sprockets/fieldset'
-}

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

@@ -1,9 +0,0 @@
-declare module '#sprockets/sprockets/fieldset/title' {
-  import Title from '#sprockets/components/title'
-
-  export default class FieldsetTitle extends Title {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets/fieldset/title' {
-  export { default } from '#sprockets/sprockets/fieldset/title'
-}

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

@@ -1,15 +0,0 @@
-/**
- * FieldsetTitle component
- */
-import classnames from 'classnames'
-import Title from '#sprockets/components/title'
-
-export default class FieldsetTitle extends Title {
-  getClassName () {
-    return classnames(super.getClassName(), 'fieldset')
-  }
-}
-
-FieldsetTitle.propTypes = {
-  ...Title.propTypes
-}

package/src/sprockets/index.d.mts

@@ -1,17 +0,0 @@
-declare module '#sprockets/sprockets' {
-  import React from 'react'
-
-  export interface SprocketProps {
-    title: string
-    onChange: SprocketsTypes.onEventType
-    groupRef: object
-    children: React.JSX.Element | React.JSX.Element[]
-  }
-
-  export default class Sprocket extends React.Component<SprocketProps> {}
-}
-
-declare module '@modernpoacher/sprockets/sprockets' {
-  export { default } from '#sprockets/sprockets'
-  export * from '#sprockets/sprockets'
-}

package/src/transformers/common/index.d.mts

@@ -1,7 +0,0 @@
-declare module '#sprockets/transformers/common' {
-  export function getKey (href: string, text: string, index: number): string
-}
-
-declare module '@modernpoacher/sprockets/transformers/common' {
-  export { default } from '#sprockets/transformers/common'
-}

package/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "module": "ESNext",
-    "target": "ESNext",
-    "allowJs": true,
-    "checkJs": false,
-    "noEmit": true,
-    "strict": true,
-    "allowSyntheticDefaultImports": true,
-    "isolatedModules": true,
-    "baseUrl": "."
-  },
-  "include": [
-    ".",
-    "src/**/*",
-    "stories/**/*"
-  ]
-}