amotify 0.0.59 → 0.0.62

package/src/functions/Input/Time/Picker.tsx

@@ -1,24 +1,24 @@
 import {
   React
-} from '@global';
+} from '@global'
 import {
   Grid,
   Box,
   Flex,
   FAI
-} from '@atoms';
+} from '@atoms'
 import {
   Column,
   Row,
   Text
-} from '@mols';
+} from '@mols'
 import {
   Buttons,
   Input,
   Tooltips
-} from '@fn';
+} from '@fn'
 
-import style from './style.module.scss';
+import style from './style.module.scss'
 
 let YearOptions: {
   ( params?: {
@@ -26,18 +26,18 @@ let YearOptions: {
     max?: string
   } ): amotify.fn.Input.Select.OptionProps[]
 } = ( params ) => {
-  let Years: amotify.fn.Input.Select.OptionProps[] = [];
-  let minYear = Number( params?.min ?? 1900 );
-  let maxYear = Number( params?.max ?? $.Time().addYear( 10 ).year );
+  let Years: amotify.fn.Input.Select.OptionProps[] = []
+  let minYear = Number( params?.min ?? 1900 )
+  let maxYear = Number( params?.max ?? $.Time().addYear( 10 ).year )
 
   for ( let year = minYear; year <= maxYear; year++ ) {
     Years.unshift( {
       value: year,
       label: [ year,...$.transformer.wareki( year ).value ].join( ' - ' ),
       // displayLabel: year + '年'
-    } );
+    } )
   }
-  return Years;
+  return Years
 }
 
 type ClockValueTypes = {
@@ -77,30 +77,30 @@ export const Picker: React.FC<amotify.fn.Input.Time.PickerParams> = ( params ) =
     restrict,
     era = 'year',
     defaultValue = ''
-  } = params;
+  } = params
   params = { ...params }
-  params.tipsID = params.tipsID || $.uuidGen();
+  params.tipsID = params.tipsID || $.uuidGen()
 
-  const mounted = React.useRef( false );
+  const mounted = React.useRef( false )
 
   let [ val_value,set_value ] = React.useState( ( () => {
     if ( restrict == 'clock' ) {
-      let partValues: any = String( defaultValue ).split( /[^\d]/ );
+      let partValues: any = String( defaultValue ).split( /[^\d]/ )
 
-      if ( !partValues[ 0 ] ) partValues = [ 0,0 ];
+      if ( !partValues[ 0 ] ) partValues = [ 0,0 ]
 
-      let hour = Number( partValues[ 0 ] );
-      let minutes = Number( partValues[ 1 ] );
+      let hour = Number( partValues[ 0 ] )
+      let minutes = Number( partValues[ 1 ] )
 
       return {
         modifiedType: 'init',
         hour: hour,
         minutes: minutes
-      } as ClockValueTypes;
+      } as ClockValueTypes
     } else if ( restrict == 'date' ) {
-      let [ year,month,date ] = String( defaultValue )?.split( /\D/ );
+      let [ year,month,date ] = String( defaultValue )?.split( /\D/ )
       if ( $.is.nullish( year ) || $.is.nullish( month ) || $.is.nullish( date ) ) {
-        [ year,month,date ] = $.Time().toFormat( '%Y-%M-%D' ).split( '-' );
+        [ year,month,date ] = $.Time().toFormat( '%Y-%M-%D' ).split( '-' )
       }
 
       return {
@@ -108,33 +108,33 @@ export const Picker: React.FC<amotify.fn.Input.Time.PickerParams> = ( params ) =
         year: Number( year ),
         month: Number( month ),
         date: Number( date )
-      } as DateValueTypes;
+      } as DateValueTypes
     } else if ( restrict == 'week' ) {
     } else if ( restrict == 'month' ) {
-      let [ year,month ] = String( defaultValue ).split( /\D/ );
+      let [ year,month ] = String( defaultValue ).split( /\D/ )
       if ( $.is.nullish( year ) || $.is.nullish( month ) ) {
-        [ year,month ] = $.Time().toFormat( '%Y-%M' ).split( '-' );
+        [ year,month ] = $.Time().toFormat( '%Y-%M' ).split( '-' )
       }
 
       return {
         modifiedType: 'init',
         year: Number( year ),
         month: Number( month )
-      } as MonthValueTypes;
+      } as MonthValueTypes
     } else if ( restrict == 'year' ) {
-      let [ year ] = String( defaultValue ).split( /\D/ );
+      let [ year ] = String( defaultValue ).split( /\D/ )
       if ( $.is.nullish( year ) ) {
-        [ year ] = $.Time().toFormat( '%Y' ).split( '-' );
+        [ year ] = $.Time().toFormat( '%Y' ).split( '-' )
       }
 
       return {
         modifiedType: 'init',
         year: Number( year )
-      } as YearValueTypes;
+      } as YearValueTypes
     } else if ( restrict == 'dateWareki' ) {
-      let [ year,month,date ] = String( defaultValue )?.split( /\D/ );
+      let [ year,month,date ] = String( defaultValue )?.split( /\D/ )
       if ( $.is.nullish( year ) || $.is.nullish( month ) || $.is.nullish( date ) ) {
-        [ year,month,date ] = $.Time().toFormat( '%Y-%M-%D' ).split( '-' );
+        [ year,month,date ] = $.Time().toFormat( '%Y-%M-%D' ).split( '-' )
       }
 
       return {
@@ -143,61 +143,61 @@ export const Picker: React.FC<amotify.fn.Input.Time.PickerParams> = ( params ) =
         year: Number( year ),
         month: Number( month ),
         date: Number( date )
-      } as DateWarekiValueTypes;
+      } as DateWarekiValueTypes
     }
 
     return {}
-  } )() as any );
+  } )() as any )
 
   React.useEffect( () => {
     if ( mounted.current ) {
       if ( val_value.modifiedType == 'update' ) {
-        let sendValue = '';
-        let sendEra: amotify.fn.Input.Time.EraTypes = era || 'year';
+        let sendValue = ''
+        let sendEra: amotify.fn.Input.Time.EraTypes = era || 'year'
 
         if ( restrict == 'clock' ) {
-          let { hour,minutes } = val_value as ClockValueTypes;
+          let { hour,minutes } = val_value as ClockValueTypes
           sendValue = [
             hour.zeroEmbed( 2 ),
             minutes.zeroEmbed( 2 )
-          ].join( '/' );
+          ].join( '/' )
         } else if ( restrict == 'date' ) {
-          let { year,month,date } = val_value as DateValueTypes;
+          let { year,month,date } = val_value as DateValueTypes
           sendValue = [
             year,
             month.zeroEmbed( 2 ),
             date.zeroEmbed( 2 )
-          ].join( '/' );
+          ].join( '/' )
         } else if ( restrict == 'week' ) {
         } else if ( restrict == 'month' ) {
-          let { year,month } = val_value as MonthValueTypes;
+          let { year,month } = val_value as MonthValueTypes
           sendValue = [
             year,
             month.zeroEmbed( 2 )
-          ].join( '/' );
+          ].join( '/' )
         } else if ( restrict == 'year' ) {
-          let { year } = val_value as YearValueTypes;
-          sendValue = String( year );
+          let { year } = val_value as YearValueTypes
+          sendValue = String( year )
         } else if ( restrict == 'dateWareki' ) {
           let {
             year,
             month,
             date,
             era
-          } = val_value as DateWarekiValueTypes;
-          sendEra = era;
+          } = val_value as DateWarekiValueTypes
+          sendEra = era
           sendValue = [
             year,
             month.zeroEmbed( 2 ),
             date.zeroEmbed( 2 )
-          ].join( '/' );
+          ].join( '/' )
         }
-        params.onValueUpdate( sendValue,sendEra );
+        params.onValueUpdate( sendValue,sendEra )
       }
     } else {
-      mounted.current = true;
+      mounted.current = true
     }
-  },[ val_value ] );
+  },[ val_value ] )
 
   let Params = {
     ...params,
@@ -225,7 +225,7 @@ export const Picker: React.FC<amotify.fn.Input.Time.PickerParams> = ( params ) =
                     : restrict == 'dateWareki' ? <Comps.DateWareki._ { ...Params } />
                       : <></> }
     />
-  </Box>;
+  </Box>
 }
 
 const Comps = {
@@ -237,16 +237,16 @@ const Comps = {
         tipsID,
         val_value,
         set_value
-      } = params;
+      } = params
 
-      let [ val_ampm,set_ampm ] = React.useState( val_value.hour > 12 ? 2 : 1 );
-      let [ val_unit,set_unit ] = React.useState( Number( localStorage.getItem( 'timePickerUnit' ) || 5 ) );
+      let [ val_ampm,set_ampm ] = React.useState( val_value.hour > 12 ? 2 : 1 )
+      let [ val_unit,set_unit ] = React.useState( Number( localStorage.getItem( 'timePickerUnit' ) || 5 ) )
 
       React.useEffect( () => {
-        localStorage.setItem( 'timePickerUnit',String( val_unit ) );
-      },[ val_unit ] );
+        localStorage.setItem( 'timePickerUnit',String( val_unit ) )
+      },[ val_unit ] )
 
-      let { hour,minutes } = val_value;
+      let { hour,minutes } = val_value
 
       return <Column
         padding={ 1 }
@@ -316,15 +316,15 @@ const Comps = {
               } }
               tabIndex={ -1 }
               onUpdateValidValue={ ( { value } ) => {
-                let prevHour = val_value.hour % 12;
-                let Hour = prevHour + ( value == 2 ? 12 : 0 );
+                let prevHour = val_value.hour % 12
+                let Hour = prevHour + ( value == 2 ? 12 : 0 )
 
-                set_ampm( value );
+                set_ampm( value )
                 set_value( {
                   modifiedType: 'update',
                   hour: Hour,
                   minutes: val_value.minutes
-                } );
+                } )
               } }
             />
 
@@ -347,7 +347,7 @@ const Comps = {
               } }
               tabIndex={ -1 }
               onUpdateValidValue={ ( { value } ) => {
-                set_unit( value );
+                set_unit( value )
               } }
             />
           </Column>
@@ -379,12 +379,12 @@ const Comps = {
                 } }
                 children={ Comps.Clock.Hours( {
                   onClick: ( index ) => {
-                    let Hour = index + ( val_ampm == 2 ? 12 : 0 );
+                    let Hour = index + ( val_ampm == 2 ? 12 : 0 )
                     set_value( {
                       modifiedType: 'update',
                       hour: Hour,
                       minutes: val_value.minutes
-                    } );
+                    } )
                   },
                   min,max,
                   ampm: val_ampm
@@ -403,7 +403,7 @@ const Comps = {
                       modifiedType: 'update',
                       hour: val_value.hour,
                       minutes: index
-                    } );
+                    } )
                   },
                   min,max,
                   unit: val_unit
@@ -416,7 +416,7 @@ const Comps = {
           tipsID={ tipsID! }
           onValueUpdate={ onValueUpdate }
         />
-      </Column>;
+      </Column>
     },
     Hours: ( params: {
       min?: string
@@ -424,21 +424,21 @@ const Comps = {
       ampm: number
       onClick( index: number ): void
     } ) => {
-      let list: ReactElement[] = [];
+      let list: ReactElement[] = []
 
       for ( let index = 0; index < 12; index++ ) {
-        let labelIndex = params.ampm == 2 ? index + 12 : index;
-        let Disabled = false;
+        let labelIndex = params.ampm == 2 ? index + 12 : index
+        let Disabled = false
 
         {
-          let VAL = Number( String( labelIndex * 100 ).replace( /\D/ig,'' ) );
+          let VAL = Number( String( labelIndex * 100 ).replace( /\D/ig,'' ) )
           if ( params.min ) {
-            let MIN = Number( String( params.min ).replace( /\D/ig,'' ) );
-            if ( MIN > VAL ) Disabled = true;
+            let MIN = Number( String( params.min ).replace( /\D/ig,'' ) )
+            if ( MIN > VAL ) Disabled = true
           }
           if ( params.max ) {
-            let MAX = Number( String( params.max ).replace( /\D/ig,'' ) );
-            if ( VAL > MAX ) Disabled = true;
+            let MAX = Number( String( params.max ).replace( /\D/ig,'' ) )
+            if ( VAL > MAX ) Disabled = true
           }
         }
 
@@ -450,12 +450,12 @@ const Comps = {
           freeCSS={ { whiteSpace: 'nowrap' } }
           tabIndex={ -1 }
           onClick={ () => {
-            params.onClick( index );
+            params.onClick( index )
           } }
           children={ labelIndex.zeroEmbed( 2 ) }
-        /> );
+        /> )
       }
-      return list;
+      return list
     },
     Minutes: ( params: {
       min?: string
@@ -463,10 +463,10 @@ const Comps = {
       unit: number
       onClick( index: number ): void
     } ) => {
-      let list: ReactElement[] = [];
+      let list: ReactElement[] = []
 
       for ( let index = 0; index < 60 / params.unit; index++ ) {
-        let Value = index * params.unit;
+        let Value = index * params.unit
 
         list.push( <Buttons.Button.Normal.R
           key={ Value }
@@ -475,12 +475,12 @@ const Comps = {
           freeCSS={ { whiteSpace: 'nowrap' } }
           tabIndex={ -1 }
           onClick={ () => {
-            params.onClick( Value );
+            params.onClick( Value )
           } }
           children={ Value.zeroEmbed( 2 ) }
-        /> );
+        /> )
       }
-      return list;
+      return list
     }
   },
   Date: {
@@ -491,9 +491,9 @@ const Comps = {
         tipsID,
         val_value,
         set_value
-      } = params;
+      } = params
 
-      let { year,month,date } = val_value;
+      let { year,month,date } = val_value
 
       return <Column
         padding={ 1 }
@@ -528,7 +528,7 @@ const Comps = {
                   year: Number( value ),
                   month: month,
                   date: date
-                } );
+                } )
               } }
             />
             <Input.Select
@@ -536,15 +536,15 @@ const Comps = {
               enableUnSelected={ false }
               value={ month }
               options={ ( () => {
-                let options = [];
+                let options = []
                 for ( let i = 1; i <= 12; i++ ) {
                   options.push( {
                     value: i,
                     label: String( i ),
                     displayLabel: String( i ) + '月'
-                  } );
+                  } )
                 }
-                return options;
+                return options
               } )() }
               placeholder=''
 
@@ -561,20 +561,20 @@ const Comps = {
                   year: year,
                   month: Number( value ),
                   date: date
-                } );
+                } )
               } }
             />
           </Flex>
           <Comps.Variables.ShiftButtons
             callback={ ( dir ) => {
-              let newMonth = month + dir;
-              let newYear = year;
+              let newMonth = month + dir
+              let newYear = year
 
               if ( dir == -1 ) {
-                if ( newMonth <= 0 ) newYear--;
-                newMonth = newMonth || 12;
+                if ( newMonth <= 0 ) newYear--
+                newMonth = newMonth || 12
               } else {
-                if ( month == 12 ) newYear++;
+                if ( month == 12 ) newYear++
               }
 
               set_value( {
@@ -582,7 +582,7 @@ const Comps = {
                 year: newYear,
                 month: newMonth,
                 date: val_value.date
-              } );
+              } )
             } }
           />
         </Flex>
@@ -594,13 +594,13 @@ const Comps = {
             month: val_value.month,
             current: [ val_value.year,val_value.month,val_value.date ],
             callback: ( ( val: [ number,number,number ] ) => {
-              let [ year,month,date ] = val;
+              let [ year,month,date ] = val
               set_value( {
                 modifiedType: 'update',
                 year: year,
                 month: month,
                 date: date
-              } );
+              } )
             } )
           } ) }
         />
@@ -608,7 +608,7 @@ const Comps = {
           tipsID={ tipsID! }
           onValueUpdate={ onValueUpdate }
         />
-      </Column>;
+      </Column>
     },
     MonthCalendar: ( params: {
       min?: string
@@ -624,17 +624,17 @@ const Comps = {
         month,
         current,
         callback
-      } = params;
-      let today = $.Time();
+      } = params
+      let today = $.Time()
 
-      let firstDate = $.Time( [ year,month.zeroEmbed( 2 ),'01' ].join( '/' ) );
-      let lastDate = firstDate.getLastDayOfTheMonth();
-      let lastMonthLastDay = $.Time( firstDate ).addMonth( -1 ).getLastDayOfTheMonth().date;
+      let firstDate = $.Time( [ year,month.zeroEmbed( 2 ),'01' ].join( '/' ) )
+      let lastDate = firstDate.getLastDayOfTheMonth()
+      let lastMonthLastDay = $.Time( firstDate ).addMonth( -1 ).getLastDayOfTheMonth().date
 
       let legends = [],
         lastMonthLastishDates = [],
         thisMonthDates = [],
-        nextMonthFirstishDates = [];
+        nextMonthFirstishDates = []
 
       let commonStyle: amotifyUniStyleParams = {
         padding: 0,
@@ -654,7 +654,7 @@ const Comps = {
           key={ i }
         >
           { [ '日','月','火','水','木','金','土' ][ i ] }
-        </Box> );
+        </Box> )
       }
 
       for ( var i = 0; i < firstDate.weekday; i++ ) {
@@ -668,23 +668,23 @@ const Comps = {
           key={ i }
         >
           { lastMonthLastDay - i }
-        </Box> );
+        </Box> )
       }
       for ( var i = 1; i <= lastDate.date; i++ ) {
-        let idx = i;
-        let isToday = year == today.year && month == today.month && i == today.date;
+        let idx = i
+        let isToday = year == today.year && month == today.month && i == today.date
 
-        let isLocked = false;
+        let isLocked = false
 
         {
-          let VAL = Number( String( [ year,month.zeroEmbed( 2 ),i.zeroEmbed( 2 ) ].join( '/' ) ).replace( /\D/ig,'' ) );
+          let VAL = Number( String( [ year,month.zeroEmbed( 2 ),i.zeroEmbed( 2 ) ].join( '/' ) ).replace( /\D/ig,'' ) )
           if ( params.min ) {
-            let MIN = Number( String( params.min ).replace( /\D/ig,'' ) );
-            if ( MIN > VAL ) isLocked = true;
+            let MIN = Number( String( params.min ).replace( /\D/ig,'' ) )
+            if ( MIN > VAL ) isLocked = true
           }
           if ( params.max ) {
-            let MAX = Number( String( params.max ).replace( /\D/ig,'' ) );
-            if ( VAL > MAX ) isLocked = true;
+            let MAX = Number( String( params.max ).replace( /\D/ig,'' ) )
+            if ( VAL > MAX ) isLocked = true
           }
         }
 
@@ -695,7 +695,7 @@ const Comps = {
           ].join( ' ' ) }
           { ...commonStyle }
           onClick={ () => {
-            callback( [ year,month,idx ] );
+            callback( [ year,month,idx ] )
           } }
           tabIndex={ -1 }
           key={ idx }
@@ -707,7 +707,7 @@ const Comps = {
           flexCenter
           borderRadius={ 'sphere' }
           children={ i }
-        /> );
+        /> )
       }
       for ( var i = 1; i < 7 - lastDate.weekday; i++ ) {
         nextMonthFirstishDates.push( <Box
@@ -719,7 +719,7 @@ const Comps = {
           { ...commonStyle } key={ i }
         >
           { i }
-        </Box> );
+        </Box> )
       }
 
       return <Grid gridCols={ 7 }
@@ -729,7 +729,7 @@ const Comps = {
         { lastMonthLastishDates }
         { thisMonthDates }
         { nextMonthFirstishDates }
-      </Grid>;
+      </Grid>
     }
   },
   Month: {
@@ -740,9 +740,9 @@ const Comps = {
         tipsID,
         val_value,
         set_value
-      } = params;
+      } = params
 
-      let { year,month } = val_value;
+      let { year,month } = val_value
 
       return <Column
         padding={ 1 }
@@ -770,19 +770,19 @@ const Comps = {
                   modifiedType: 'update',
                   year: Number( value ),
                   month: month
-                } );
+                } )
               } }
             />
           </Row.Center>
 
           <Comps.Variables.ShiftButtons
             callback={ ( dir ) => {
-              let newYear = Math.min( Math.max( year + dir,1900 ),2100 );
+              let newYear = Math.min( Math.max( year + dir,1900 ),2100 )
               set_value( {
                 modifiedType: 'update',
                 year: newYear,
                 month: month
-              } );
+              } )
             } }
           />
         </Row.Separate>
@@ -791,19 +791,19 @@ const Comps = {
           min,max,
           year: val_value.year,
           callback: ( ( val: [ number,number,number ] ) => {
-            let [ year,month ] = val;
+            let [ year,month ] = val
             set_value( {
               modifiedType: 'update',
               year: year,
               month: month
-            } );
+            } )
           } )
         } ) }
         <Comps.Variables.Footer
           tipsID={ tipsID! }
           onValueUpdate={ onValueUpdate }
         />
-      </Column>;
+      </Column>
     },
     Months: ( params: {
       min?: string
@@ -814,31 +814,31 @@ const Comps = {
       let {
         year,
         callback
-      } = params;
-      let Today = $.Time();
+      } = params
+      let Today = $.Time()
 
-      let Months = [];
+      let Months = []
 
       for ( let index = 1; index <= 12; index++ ) {
-        let isThisMonth = year == Today.year && index == Today.month;
-        let isLocked = false;
+        let isThisMonth = year == Today.year && index == Today.month
+        let isLocked = false
 
         {
-          let VAL = Number( String( [ year,index.zeroEmbed( 2 ) ].join( '/' ) ).replace( /\D/ig,'' ) );
+          let VAL = Number( String( [ year,index.zeroEmbed( 2 ) ].join( '/' ) ).replace( /\D/ig,'' ) )
           if ( params.min ) {
-            let MIN = Number( String( params.min ).replace( /\D/ig,'' ) );
-            if ( MIN > VAL ) isLocked = true;
+            let MIN = Number( String( params.min ).replace( /\D/ig,'' ) )
+            if ( MIN > VAL ) isLocked = true
           }
           if ( params.max ) {
-            let MAX = Number( String( params.max ).replace( /\D/ig,'' ) );
-            if ( VAL > MAX ) isLocked = true;
+            let MAX = Number( String( params.max ).replace( /\D/ig,'' ) )
+            if ( VAL > MAX ) isLocked = true
           }
         }
 
         let ClassName = [
           style.Cell,
           isThisMonth ? style.isThisMonth : ''
-        ].join( ' ' );
+        ].join( ' ' )
 
         Months.push( <Buttons.Button.Clear.R
           key={ year + '-' + index }
@@ -848,18 +848,18 @@ const Comps = {
           padding={ [ '2/3',1 ] }
           ssEffectsOnActive={ 'shrink' }
           onClick={ () => {
-            callback( [ year,index ] );
+            callback( [ year,index ] )
           } }
         >
           { index } 月
-        </Buttons.Button.Clear.R> );
+        </Buttons.Button.Clear.R> )
       }
 
       return <Grid
         gridCols={ 4 }
         gap={ '2/3' }
         children={ Months }
-      />;
+      />
     }
   },
   Year: {
@@ -870,9 +870,9 @@ const Comps = {
         tipsID,
         val_value,
         set_value
-      } = params;
+      } = params
 
-      let { year } = val_value;
+      let { year } = val_value
 
       return <Column
         padding={ 1 }
@@ -886,7 +886,7 @@ const Comps = {
             set_value( {
               modifiedType: 'update',
               year: Number( value )
-            } );
+            } )
           } }
         />
         <Comps.Variables.Footer
@@ -896,10 +896,10 @@ const Comps = {
             set_value( {
               modifiedType: 'update',
               year: Number( year || $.Time().year )
-            } );
+            } )
           } }
         />
-      </Column>;
+      </Column>
     }
   },
   DateWareki: {
@@ -910,14 +910,14 @@ const Comps = {
         tipsID,
         val_value,
         set_value
-      } = params;
+      } = params
 
       let {
         era,
         year,
         month,
         date
-      } = val_value;
+      } = val_value
 
       let Params = {
         val_value,
@@ -942,7 +942,7 @@ const Comps = {
             onValueUpdate={ onValueUpdate }
           />
         </Box>
-      </Box>;
+      </Box>
     },
     EraSelect: ( params: {
       val_value: DateWarekiValueTypes
@@ -951,7 +951,7 @@ const Comps = {
       let {
         val_value,
         set_value
-      } = params;
+      } = params
 
       let styles: amotifyUniStyleParams = {
         padding: [ '1/2',1.5 ],
@@ -973,12 +973,12 @@ const Comps = {
           isActiveStyles={ isActiveStyles }
           isActive={ val_value.era == 'year' }
           onClick={ () => {
-            let today = $.Time();
+            let today = $.Time()
             set_value( {
               modifiedType: 'update',
               era: 'year',
               year: today.year,month: today.month,date: today.date
-            } );
+            } )
           } }
         >
           西暦
@@ -989,12 +989,12 @@ const Comps = {
           isActiveStyles={ isActiveStyles }
           isActive={ val_value.era == 'reiwa' }
           onClick={ () => {
-            let today = $.Time();
+            let today = $.Time()
             set_value( {
               modifiedType: 'update',
               era: 'reiwa',
               year: today.year,month: today.month,date: today.date
-            } );
+            } )
           } }
         >
           令和
@@ -1009,7 +1009,7 @@ const Comps = {
               modifiedType: 'update',
               era: 'heisei',
               year: 2019,month: 1,date: 1
-            } );
+            } )
           } }
         >
           平成
@@ -1024,7 +1024,7 @@ const Comps = {
               modifiedType: 'update',
               era: 'shouwa',
               year: 1989,month: 1,date: 1
-            } );
+            } )
           } }
         >
           昭和
@@ -1039,7 +1039,7 @@ const Comps = {
               modifiedType: 'update',
               era: 'taisho',
               year: 1926,month: 1,date: 1
-            } );
+            } )
           } }
         >
           大正
@@ -1054,12 +1054,12 @@ const Comps = {
               modifiedType: 'update',
               era: 'meiji',
               year: 1912,month: 1,date: 1
-            } );
+            } )
           } }
         >
           明治
         </Buttons.Button.Clear.R>
-      </Column>;
+      </Column>
     },
     Calendar: ( params: {
       val_value: DateWarekiValueTypes
@@ -1068,22 +1068,22 @@ const Comps = {
       let {
         val_value,
         set_value
-      } = params;
+      } = params
 
-      let yearOptions: amotify.fn.Input.Select.OptionProps[] = [];
+      let yearOptions: amotify.fn.Input.Select.OptionProps[] = []
       if ( val_value.era == 'year' ) {
-        for ( let i = 1900; i < 2100; i++ ) yearOptions.unshift( { value: i,label: i + '年' } );
+        for ( let i = 1900; i < 2100; i++ ) yearOptions.unshift( { value: i,label: i + '年' } )
       } else if ( val_value.era == 'reiwa' ) {
-        let thisReiwaYear = $.Time().year - 2018;
-        for ( let i = 1; i <= thisReiwaYear + 10; i++ ) yearOptions.unshift( { value: 2019 + i - 1,label: '令和' + ( i == 1 ? '元' : i ) + '年' } );
+        let thisReiwaYear = $.Time().year - 2018
+        for ( let i = 1; i <= thisReiwaYear + 10; i++ ) yearOptions.unshift( { value: 2019 + i - 1,label: '令和' + ( i == 1 ? '元' : i ) + '年' } )
       } else if ( val_value.era == 'heisei' ) {
-        for ( let i = 1; i <= 31; i++ ) yearOptions.unshift( { value: 1989 + i - 1,label: '平成' + ( i == 1 ? '元' : i ) + '年' } );
+        for ( let i = 1; i <= 31; i++ ) yearOptions.unshift( { value: 1989 + i - 1,label: '平成' + ( i == 1 ? '元' : i ) + '年' } )
       } else if ( val_value.era == 'shouwa' ) {
-        for ( let i = 1; i <= 64; i++ ) yearOptions.unshift( { value: 1926 + i - 1,label: '昭和' + ( i == 1 ? '元' : i ) + '年' } );
+        for ( let i = 1; i <= 64; i++ ) yearOptions.unshift( { value: 1926 + i - 1,label: '昭和' + ( i == 1 ? '元' : i ) + '年' } )
       } else if ( val_value.era == 'taisho' ) {
-        for ( let i = 1; i <= 15; i++ ) yearOptions.unshift( { value: 1912 + i - 1,label: '大正' + ( i == 1 ? '元' : i ) + '年' } );
+        for ( let i = 1; i <= 15; i++ ) yearOptions.unshift( { value: 1912 + i - 1,label: '大正' + ( i == 1 ? '元' : i ) + '年' } )
       } else if ( val_value.era == 'meiji' ) {
-        for ( let i = 1; i <= 45; i++ ) yearOptions.unshift( { value: 1868 + i - 1,label: '明治' + ( i == 1 ? '元' : i ) + '年' } );
+        for ( let i = 1; i <= 45; i++ ) yearOptions.unshift( { value: 1868 + i - 1,label: '明治' + ( i == 1 ? '元' : i ) + '年' } )
       }
 
       return <Column
@@ -1106,7 +1106,7 @@ const Comps = {
                 ...val_value,
                 modifiedType: 'update',
                 year: Number( value )
-              } );
+              } )
             } }
           />
           <Row.Center
@@ -1115,14 +1115,14 @@ const Comps = {
             <Buttons.Button.Clear.S
               ssSphere={ 2 }
               onClick={ () => {
-                let nextMonth = val_value.month - 1;
+                let nextMonth = val_value.month - 1
                 set_value( {
                   modifiedType: 'update',
                   era: val_value.era,
                   year: nextMonth == 0 ? val_value.year - 1 : val_value.year,
                   month: nextMonth == 0 ? 12 : nextMonth,
                   date: 1
-                } );
+                } )
               } }
             >
               <FAI.ChevronLeft />
@@ -1157,20 +1157,20 @@ const Comps = {
                   year: val_value.year,
                   month: Number( value ),
                   date: 1
-                } );
+                } )
               } }
             />
             <Buttons.Button.Clear.S
               ssSphere={ 2 }
               onClick={ () => {
-                let nextMonth = val_value.month + 1;
+                let nextMonth = val_value.month + 1
                 set_value( {
                   modifiedType: 'update',
                   era: val_value.era,
                   year: nextMonth == 13 ? val_value.year + 1 : val_value.year,
                   month: nextMonth == 13 ? 1 : nextMonth,
                   date: 1
-                } );
+                } )
               } }
             >
               <FAI.ChevronRight />
@@ -1178,7 +1178,7 @@ const Comps = {
           </Row.Center>
         </Row.Separate>
         <Comps.DateWareki.MonthCell { ...params } />
-      </Column>;
+      </Column>
     },
     MonthCell: ( params: {
       val_value: DateWarekiValueTypes
@@ -1187,38 +1187,38 @@ const Comps = {
       let {
         val_value,
         set_value
-      } = params;
+      } = params
       let targetDate = $.Time( [
         val_value.year.zeroEmbed( 4 ),
         val_value.month.zeroEmbed( 2 ),
         val_value.date.zeroEmbed( 2 )
-      ].join( '/' ) );
+      ].join( '/' ) )
 
-      if ( !targetDate.validate ) return;
+      if ( !targetDate.validate ) return
 
-      let weekdayOfFirstDay = targetDate.getFirstDayOfTheMonth().weekday;
-      let lastDayOfTheMonth = targetDate.getLastDayOfTheMonth();
+      let weekdayOfFirstDay = targetDate.getFirstDayOfTheMonth().weekday
+      let lastDayOfTheMonth = targetDate.getLastDayOfTheMonth()
 
-      let Cells: ReactElement[] = [];
+      let Cells: ReactElement[] = []
       for ( let i = 0; i < 7; i++ ) {
         Cells.push( <Text.Supplement
           flexCenter
           fontColor={ i == 0 ? 'googleRed' : i == 6 ? 'googleBlue' : '3.blur' }
         >
           { $.transformer.weekday.shortJP( i ) }
-        </Text.Supplement> );
+        </Text.Supplement> )
       }
 
       for ( let i = 0; i < weekdayOfFirstDay; i++ ) {
-        let date = $.Time( targetDate ).getFirstDayOfTheMonth().addDate( i - weekdayOfFirstDay );
+        let date = $.Time( targetDate ).getFirstDayOfTheMonth().addDate( i - weekdayOfFirstDay )
         Cells.push( <Buttons.Button.Sub.R
           color='cloud'
           border='1.thin'
           ssSquare={ 3 }
           opacity='middle'
           onClick={ ( e ) => {
-            e.preventDefault();
-            e.stopPropagation();
+            e.preventDefault()
+            e.stopPropagation()
 
             set_value( {
               modifiedType: 'update',
@@ -1226,14 +1226,14 @@ const Comps = {
               year: date.year,
               month: date.month,
               date: date.date
-            } );
+            } )
           } }
         >
           { date.date }
-        </Buttons.Button.Sub.R> );
+        </Buttons.Button.Sub.R> )
       }
       for ( let i = 1; i <= lastDayOfTheMonth.date; i++ ) {
-        let date = $.Time( targetDate ).setDate( i );
+        let date = $.Time( targetDate ).setDate( i )
         Cells.push( <Buttons.Button.Border.R
           ssSquare={ 3 }
           onClick={ () => {
@@ -1243,33 +1243,33 @@ const Comps = {
               year: date.year,
               month: date.month,
               date: date.date
-            } );
+            } )
           } }
         >
           { date.date }
-        </Buttons.Button.Border.R> );
+        </Buttons.Button.Border.R> )
       }
       for ( let i = 0; i < 7 - lastDayOfTheMonth.weekday - 1; i++ ) {
-        let date = $.Time( targetDate ).addMonth( 1 ).setDate( 1 ).addDate( i );
+        let date = $.Time( targetDate ).addMonth( 1 ).setDate( 1 ).addDate( i )
         Cells.push( <Buttons.Button.Sub.R
           color='cloud'
           border='1.thin'
           ssSquare={ 3 }
           opacity='middle'
           onClick={ ( e ) => {
-            e.preventDefault();
-            e.stopPropagation();
+            e.preventDefault()
+            e.stopPropagation()
             set_value( {
               modifiedType: 'update',
               era: val_value.era,
               year: date.year,
               month: date.month,
               date: date.date
-            } );
+            } )
           } }
         >
           { date.date }
-        </Buttons.Button.Sub.R> );
+        </Buttons.Button.Sub.R> )
       }
 
       return <Grid
@@ -1277,7 +1277,7 @@ const Comps = {
         gap={ '1/4' }
       >
         { Cells }
-      </Grid>;
+      </Grid>
     }
   },
   Variables: {
@@ -1298,7 +1298,7 @@ const Comps = {
       >
         <Buttons.Button.Border.R
           onClick={ () => {
-            params.onValueUpdate( '' );
+            params.onValueUpdate( '' )
           } }
           tabIndex={ -1 }
           flexSizing={ 'none' }
@@ -1309,14 +1309,14 @@ const Comps = {
         <Buttons.Button.Prime.R
           flexSizing={ 'auto' }
           onClick={ () => {
-            params.onSubmit && params.onSubmit();
-            Tooltips.close( params.tipsID );
+            params.onSubmit && params.onSubmit()
+            Tooltips.close( params.tipsID )
           } }
           tabIndex={ -1 }
           children={ '決定' }
           padding={ [ '2/3',1 ] }
         />
-      </Flex>;
+      </Flex>
     },
     ShiftButtons: ( params: {
       callback( dir: -1 | 1 ): void
@@ -1331,7 +1331,7 @@ const Comps = {
           right={ 0 }
           { ...Comps.Variables.ShiftButtonStyles }
           onClick={ () => {
-            params.callback( -1 );
+            params.callback( -1 )
           } }
         >
           <FAI.ChevronLeft />
@@ -1342,12 +1342,12 @@ const Comps = {
           left={ 0 }
           { ...Comps.Variables.ShiftButtonStyles }
           onClick={ () => {
-            params.callback( 1 );
+            params.callback( 1 )
           } }
         >
           <FAI.ChevronRight />
         </Buttons.Button.Clear.R>
-      </Flex >;
+      </Flex >
     },
     ShiftButtonStyles: {
       flexCenter: true,