@modernpoacher/gremlins 0.0.242 → 0.0.243

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

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

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

@@ -3,7 +3,7 @@
  */
 
 import classnames from 'classnames'
-import Group from '@modernpoacher/gremlins/components/group'
+import Group from '#gremlins/components/group'
 
 export default class FieldsetGroup extends Group {
   getClassName () {
@@ -14,7 +14,3 @@ export default class FieldsetGroup extends Group {
 FieldsetGroup.propTypes = {
   ...Group.propTypes
 }
-
-FieldsetGroup.defaultProps = {
-  ...Group.defaultProps
-}

package/src/gremlins/fieldset/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

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

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/fieldset' {
+  import { GroupGremlin as Gremlin } from '#gremlins/gremlins'
+
+  export default class FieldsetGremlin extends Gremlin {}
+}
+
+declare module '@modernpoacher/gremlins/gremlins/fieldset' {
+  export { default } from '#gremlins/gremlins/fieldset'
+}

package/src/gremlins/fieldset/index.jsx

@@ -8,11 +8,11 @@ import React from 'react'
 
 import classnames from 'classnames'
 
-import { GroupGremlin as Gremlin } from '@modernpoacher/gremlins/gremlins'
+import { GroupGremlin as Gremlin } from '#gremlins/gremlins'
 
 import {
   DEFAULT_HANDLE_CHANGE
-} from '@modernpoacher/gremlins/common'
+} from '#gremlins/common'
 
 import Group from './group/index.jsx'
 
@@ -39,7 +39,3 @@ export default class FieldsetGremlin extends Gremlin {
 FieldsetGremlin.propTypes = {
   ...Gremlin.propTypes
 }
-
-FieldsetGremlin.defaultProps = {
-  ...Gremlin.defaultProps
-}

package/src/gremlins/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/index.d.mts

@@ -0,0 +1,45 @@
+declare module '#gremlins/gremlins' {
+  import React from 'react'
+
+  export interface FieldGremlinProps {
+    id: string
+    name: string
+    required: boolean
+    disabled: boolean
+    readOnly: boolean
+    placeholder: string
+    onChange: GremlinsTypes.OnChangeType
+    fieldRef: object
+  }
+
+  export interface ValueGremlinProps extends FieldGremlinProps {
+    value: string
+    defaultValue: string
+    onChange: GremlinsTypes.OnChangeType
+  }
+
+  export interface CheckGremlinProps extends FieldGremlinProps {
+    checked: boolean
+    defaultChecked: boolean
+    onClick: GremlinsTypes.OnClickType
+  }
+
+  export interface GroupGremlinProps {
+    title: string
+    onChange: GremlinsTypes.OnChangeType
+    groupRef: object
+    children: React.JSX.Element | React.JSX.Element[]
+  }
+
+  export class FieldGremlin extends React.Component<FieldGremlinProps> {}
+
+  export class ValueGremlin extends React.Component<ValueGremlinProps> {}
+
+  export class CheckGremlin extends React.Component<CheckGremlinProps> {}
+
+  export class GroupGremlin extends React.Component<GroupGremlinProps> {}
+}
+
+declare module '@modernpoacher/gremlins/gremlins' {
+  export * from '#gremlins/gremlins'
+}

package/src/gremlins/index.jsx

@@ -16,14 +16,14 @@ import classnames from 'classnames'
 import {
   DEFAULT_HANDLE_CHANGE,
   DEFAULT_HANDLE_CLICK
-} from '@modernpoacher/gremlins/common'
+} from '#gremlins/common'
 
 import Field, {
   ValueField,
   CheckField
-} from '@modernpoacher/gremlins/components/field'
+} from '#gremlins/components/field'
 
-import Group from '@modernpoacher/gremlins/components/group'
+import Group from '#gremlins/components/group'
 
 export class FieldGremlin extends Component {
   getClassName () {
@@ -49,7 +49,7 @@ export class FieldGremlin extends Component {
    * @param {FieldGremlinProps} props
    * @returns {boolean}
    */
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
       (props.name !== this.props.name) ||
       (props.id !== this.props.id) ||
@@ -126,7 +126,7 @@ FieldGremlin.defaultProps = {
 }
 
 export class ValueGremlin extends FieldGremlin {
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
       super.shouldComponentUpdate(props) ||
       (props.value !== this.props.value)
@@ -176,7 +176,7 @@ ValueGremlin.defaultProps = {
 }
 
 export class CheckGremlin extends FieldGremlin {
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
       super.shouldComponentUpdate(props) ||
       (props.checked !== this.props.checked) ||
@@ -239,7 +239,7 @@ export class GroupGremlin extends Component {
    * @param {GroupGremlinProps} props
    * @returns {boolean}
    */
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
       (props.children !== this.props.children) ||
       (props.onChange !== this.props.onChange)

package/src/gremlins/number/field/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/number/field/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/number/field' {
+  import Field from '#gremlins/components/field'
+
+  export default class NumberField extends Field {}
+}
+
+declare module '@modernpoacher/gremlins/number/field' {
+  export { default } from '#gremlins/gremlins/number/field'
+}

package/src/gremlins/number/field/index.jsx

@@ -5,7 +5,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
-import { ValueField } from '@modernpoacher/gremlins/components/field'
+import { ValueField } from '#gremlins/components/field'
 
 export default class NumberField extends ValueField {
   getClassName () {
@@ -61,7 +61,3 @@ NumberField.propTypes = {
     PropTypes.number
   ])
 }
-
-NumberField.defaultProps = {
-  ...ValueField.defaultProps
-}

package/src/gremlins/number/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/number/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/number' {
+  import { FieldGremlin as Gremlin } from '#gremlins/gremlins'
+
+  export default class NumberGremlin extends Gremlin {}
+}
+
+declare module '@modernpoacher/gremlins/gremlins/number' {
+  export { default } from '#gremlins/gremlins/number'
+}

package/src/gremlins/number/index.jsx

@@ -5,7 +5,11 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
-import { ValueGremlin } from '@modernpoacher/gremlins/gremlins'
+import { ValueGremlin } from '#gremlins/gremlins'
+
+import {
+  DEFAULT_HANDLE_CHANGE
+} from '#gremlins/common'
 
 import Field from './field/index.jsx'
 
@@ -16,7 +20,7 @@ export default class NumberGremlin extends ValueGremlin {
 
   handleChange = (value) => {
     const {
-      onChange
+      onChange = DEFAULT_HANDLE_CHANGE
     } = this.props
 
     onChange(value)
@@ -68,7 +72,3 @@ NumberGremlin.propTypes = {
     PropTypes.number
   ])
 }
-
-NumberGremlin.defaultProps = {
-  ...ValueGremlin.defaultProps
-}

package/src/gremlins/password/field/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/password/field/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/password/field' {
+  import Field from '#gremlins/components/field'
+
+  export default class PasswordField extends Field {}
+}
+
+declare module '@modernpoacher/gremlins/password/field' {
+  export { default } from '#gremlins/gremlins/password/field'
+}

package/src/gremlins/password/field/index.jsx

@@ -4,7 +4,7 @@
 import React from 'react'
 import classnames from 'classnames'
 
-import { ValueField } from '@modernpoacher/gremlins/components/field'
+import { ValueField } from '#gremlins/components/field'
 
 export default class PasswordField extends ValueField {
   getClassName () {
@@ -52,7 +52,3 @@ export default class PasswordField extends ValueField {
 PasswordField.propTypes = {
   ...ValueField.propTypes
 }
-
-PasswordField.defaultProps = {
-  ...ValueField.defaultProps
-}

package/src/gremlins/password/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/password/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/password' {
+  import { FieldGremlin as Gremlin } from '#gremlins/gremlins'
+
+  export default class PasswordGremlin extends Gremlin {}
+}
+
+declare module '@modernpoacher/gremlins/gremlins/password' {
+  export { default } from '#gremlins/gremlins/password'
+}

package/src/gremlins/password/index.jsx

@@ -4,7 +4,11 @@
 import React from 'react'
 import classnames from 'classnames'
 
-import { ValueGremlin } from '@modernpoacher/gremlins/gremlins'
+import { ValueGremlin } from '#gremlins/gremlins'
+
+import {
+  DEFAULT_HANDLE_CHANGE
+} from '#gremlins/common'
 
 import Field from './field/index.jsx'
 
@@ -15,7 +19,7 @@ export default class PasswordGremlin extends ValueGremlin {
 
   handleChange = (value) => {
     const {
-      onChange
+      onChange = DEFAULT_HANDLE_CHANGE
     } = this.props
 
     onChange(value)
@@ -59,7 +63,3 @@ export default class PasswordGremlin extends ValueGremlin {
 PasswordGremlin.propTypes = {
   ...ValueGremlin.propTypes
 }
-
-PasswordGremlin.defaultProps = {
-  ...ValueGremlin.defaultProps
-}

package/src/gremlins/radio/field/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/radio/field/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/radio/field' {
+  import Field from '#gremlins/components/field'
+
+  export default class RadioField extends Field {}
+}
+
+declare module '@modernpoacher/gremlins/radio/field' {
+  export { default } from '#gremlins/gremlins/radio/field'
+}

package/src/gremlins/radio/field/index.jsx

@@ -5,25 +5,13 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
-import { CheckField } from '@modernpoacher/gremlins/components/field'
+import { CheckField } from '#gremlins/components/field'
 
 export default class RadioField extends CheckField {
   getClassName () {
     return classnames(super.getClassName(), 'radio')
   }
 
-  handleClick = ({ target: { value } }) => {
-    const { onClick } = this.props
-
-    onClick(value)
-  }
-
-  handleChange = ({ target: { value } }) => {
-    const { onChange } = this.props
-
-    onChange(value)
-  }
-
   render () {
     const {
       checked,
@@ -53,8 +41,8 @@ export default class RadioField extends CheckField {
             readOnly={readOnly}
             tabIndex={tabIndex}
             accessKey={accessKey}
-            onClick={this.handleClick}
             onChange={this.handleChange}
+            onClick={this.handleClick}
             className={className}
             type='radio'
             ref={fieldRef}
@@ -82,8 +70,8 @@ export default class RadioField extends CheckField {
           readOnly={readOnly}
           tabIndex={tabIndex}
           accessKey={accessKey}
-          onClick={this.handleClick}
           onChange={this.handleChange}
+          onClick={this.handleClick}
           className={className}
           type='radio'
           ref={fieldRef}
@@ -101,7 +89,3 @@ RadioField.propTypes = {
   id: PropTypes.string.isRequired,
   value: PropTypes.string.isRequired
 }
-
-RadioField.defaultProps = {
-  ...CheckField.defaultProps
-}

package/src/gremlins/radio/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/radio/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/radio' {
+  import { FieldGremlin as Gremlin } from '#gremlins/gremlins'
+
+  export default class RadioGremlin extends Gremlin {}
+}
+
+declare module '@modernpoacher/gremlins/gremlins/radio' {
+  export { default } from '#gremlins/gremlins/radio'
+}

package/src/gremlins/radio/index.jsx

@@ -5,7 +5,12 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
-import { CheckGremlin } from '@modernpoacher/gremlins/gremlins'
+import { CheckGremlin } from '#gremlins/gremlins'
+
+import {
+  DEFAULT_HANDLE_CHANGE,
+  DEFAULT_HANDLE_CLICK
+} from '#gremlins/common'
 
 import Field from './field/index.jsx'
 
@@ -14,23 +19,23 @@ export default class Radio extends CheckGremlin {
     return classnames(super.getClassName(), 'radio')
   }
 
-  handleClick = (value) => {
+  handleChange = (value, checked) => {
     const {
-      onClick
+      onChange = DEFAULT_HANDLE_CHANGE
     } = this.props
 
-    onClick(value)
+    onChange(value, checked)
   }
 
-  handleChange = (value) => {
+  handleClick = (value, checked) => {
     const {
-      onChange
+      onClick = DEFAULT_HANDLE_CLICK
     } = this.props
 
-    onChange(value)
+    onClick(value, checked)
   }
 
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
       super.shouldComponentUpdate(props) ||
       (props.value !== this.props.value)
@@ -67,8 +72,8 @@ export default class Radio extends CheckGremlin {
         tabIndex={tabIndex}
         accessKey={accessKey}
         placeholder={placeholder}
-        onClick={this.handleClick}
         onChange={this.handleChange}
+        onClick={this.handleClick}
         fieldRef={fieldRef}
       />
     )
@@ -90,7 +95,3 @@ Radio.propTypes = {
   id: PropTypes.string.isRequired,
   value: PropTypes.string.isRequired
 }
-
-Radio.defaultProps = {
-  ...CheckGremlin.defaultProps
-}

package/src/gremlins/select/field/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/select/field/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/select/field' {
+  import Field from '#gremlins/components/field'
+
+  export default class SelectField extends Field {}
+}
+
+declare module '@modernpoacher/gremlins/select/field' {
+  export { default } from '#gremlins/gremlins/select/field'
+}

package/src/gremlins/select/field/index.jsx

@@ -5,7 +5,11 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
-import { ValueField } from '@modernpoacher/gremlins/components/field'
+import { ValueField } from '#gremlins/components/field'
+
+import {
+  DEFAULT_HANDLE_CHANGE
+} from '#gremlins/common'
 
 function getSelectedValues ({ target: { selectedOptions } }) {
   return (
@@ -19,7 +23,7 @@ function getSelectedValue ({ target: { value } }) {
 }
 
 export default class SelectField extends ValueField {
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
       super.shouldComponentUpdate(props) ||
       (props.multiple !== this.props.multiple) ||
@@ -33,8 +37,8 @@ export default class SelectField extends ValueField {
 
   handleChange = (event) => {
     const {
-      multiple,
-      onChange
+      multiple = false,
+      onChange = DEFAULT_HANDLE_CHANGE
     } = this.props
 
     if (multiple) {
@@ -55,7 +59,7 @@ export default class SelectField extends ValueField {
       readOnly = false,
       tabIndex,
       accessKey,
-      multiple,
+      multiple = false,
       children,
       fieldRef
     } = this.props
@@ -105,8 +109,3 @@ SelectField.propTypes = {
     )
   ])
 }
-
-SelectField.defaultProps = {
-  ...ValueField.defaultProps,
-  multiple: false
-}

package/src/gremlins/select/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/select/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/select' {
+  import { FieldGremlin as Gremlin } from '#gremlins/gremlins'
+
+  export default class SelectGremlin extends Gremlin {}
+}
+
+declare module '@modernpoacher/gremlins/gremlins/select' {
+  export { default } from '#gremlins/gremlins/select'
+}

package/src/gremlins/select/index.jsx

@@ -5,12 +5,16 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classnames from 'classnames'
 
-import { ValueGremlin } from '@modernpoacher/gremlins/gremlins'
+import { ValueGremlin } from '#gremlins/gremlins'
+
+import {
+  DEFAULT_HANDLE_CHANGE
+} from '#gremlins/common'
 
 import Field from './field/index.jsx'
 
 export default class SelectGremlin extends ValueGremlin {
-  shouldComponentUpdate (props) {
+  shouldComponentUpdate (props, state) {
     return (
       super.shouldComponentUpdate(props) ||
       (props.multiple !== this.props.multiple) ||
@@ -24,7 +28,7 @@ export default class SelectGremlin extends ValueGremlin {
 
   handleChange = (value) => {
     const {
-      onChange
+      onChange = DEFAULT_HANDLE_CHANGE
     } = this.props
 
     onChange(value)
@@ -43,7 +47,7 @@ export default class SelectGremlin extends ValueGremlin {
       tabIndex,
       accessKey,
       placeholder,
-      multiple,
+      multiple = false,
       fieldRef,
       children
     } = this.props
@@ -91,8 +95,3 @@ SelectGremlin.propTypes = {
     )
   ])
 }
-
-SelectGremlin.defaultProps = {
-  ...ValueGremlin.defaultProps,
-  multiple: false
-}

package/src/gremlins/text/field/index.cjs

@@ -1,6 +1,6 @@
 require('@babel/register')({
   ignore: [
-    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/gremlins|@modernpoacher\/sprockets)/
+    /node_modules\/(?!@modernpoacher\/cogs|@modernpoacher\/sprockets|@modernpoacher\/gremlins)/
   ]
 })
 

package/src/gremlins/text/field/index.d.mts

@@ -0,0 +1,9 @@
+declare module '#gremlins/gremlins/text/field' {
+  import Field from '#gremlins/components/field'
+
+  export default class TextField extends Field {}
+}
+
+declare module '@modernpoacher/gremlins/text/field' {
+  export { default } from '#gremlins/gremlins/text/field'
+}