amotify 0.0.64 → 0.0.66

package/src/functions/Input/TextArea.tsx

@@ -1,109 +0,0 @@
-import {
-  React,
-} from '@global'
-import {
-  BoxWrapper,
-  SubmitForm,
-  ValidationCheck,
-  CommonEffects
-} from './core'
-
-import style from './style.module.scss'
-
-function DefaultValidation( props: {
-  value: any
-  params: any
-} ): amotify.fn.Input.Validation.Result {
-  let { value,params } = props
-  let { required } = params as amotify.fn.Input.TextArea.PlainParams
-  let notice: amotify.fn.Input.Validation.NoticeTypes[] = []
-
-  if ( required && !value ) {
-    notice.push( { type: 'invalid',label: '必須項目です' } )
-  }
-
-  return {
-    ok: !notice.filter( ( { type } ) => type == 'invalid' ).length,
-    notice: notice
-  }
-}
-
-export const TextAreaInput: React.FC<amotify.fn.Input.TextArea.PlainParams> = ( params ) => {
-  let {
-    componentID,
-    tone,
-    required,
-    form,
-
-    enableFormSubmit,
-
-    checkValidationAtFirst,
-    onChange,onKeyDown,
-    onValidate,
-    onUpdateValue,
-    onUpdateValidValue,
-    value = '',
-    leftIndicator,rightIndicator,leftIcon,rightIcon,
-
-    ...others
-  } = params
-
-  let Default_Status: amotify.fn.Input.Status.Plain = {
-    componentID: componentID!,
-    dataValue: value,
-    eventType: 'init',
-    eventID: $.uuidGen()
-  }
-  let [ val_status,set_status ] = React.useState( Default_Status )
-  let [ val_validate,set_validate ] = React.useState( {
-    ok: false,
-    notice: []
-  } as amotify.fn.Input.Validation.Result )
-
-  CommonEffects( {
-    params,
-    val_status,
-    set_status,
-    val_validate,
-    set_validate,
-    onUpdateValue,
-    onUpdateValidValue,
-    DefaultValidation
-  } )
-
-  return <BoxWrapper
-    val_status={ val_status }
-    set_status={ set_status }
-    val_validate={ val_validate }
-    params={ params }
-  >
-    <textarea
-      data-form={ form }
-      data-input-type={ 'textarea' }
-      data-validation={ val_validate.ok }
-      data-value={ val_status.dataValue }
-      data-component-id={ val_status.componentID }
-      value={ val_status.dataValue }
-      onKeyDown={ ( event ) => {
-        if ( onKeyDown ) onKeyDown( event )
-        if ( enableFormSubmit ) SubmitForm( event )
-      } }
-      onChange={ ( event ) => {
-        let {
-          value
-        } = event.target
-
-        if ( val_validate.ok ) set_validate( { ok: false,notice: [] } )
-        set_status( {
-          ...val_status,
-          dataValue: value,
-          eventType: 'update',
-          eventID: $.uuidGen(),
-        } )
-
-        if ( onChange ) onChange( event )
-      } }
-      { ...others }
-    />
-  </BoxWrapper>
-}