amotify 0.0.17 → 0.0.19

package/src/functions/Input/_.tsx

@@ -69,7 +69,7 @@ const UniComponent: React.FC<{
     children: Children
   } = props;
 
-  return ( <Children { ...props.params } /> );
+  return <Children { ...props.params } />;
 }
 
 const TextInputs: amotify.fn.Input.Text.Methods = {
@@ -79,11 +79,11 @@ const TextInputs: amotify.fn.Input.Text.Methods = {
     if ( rawParams.rightIcon ) rawParams.paddingRight = rawParams.paddingRight ?? 3;
     if ( rawParams.leftIcon ) rawParams.paddingLeft = rawParams.paddingLeft ?? 3;
 
-    return ( <UniComponent
+    return <UniComponent
       componentID={ rawParams.componentID }
       children={ TextInput }
       params={ DefaultStyles.Boxish( rawParams ) }
-    /> );
+    />;
   },
   CreditCard: ( props ) => ( <TextInputs.Normal
     restrict='creditCard'
@@ -110,62 +110,60 @@ const TextInputs: amotify.fn.Input.Text.Methods = {
       }
     },[] );
 
-    return ( <TextInputs.Normal
+    return <TextInputs.Normal
       restrict='postal'
       placeholder='郵便番号'
       leftIndicator={ <Input.Comps.LeftIndicator children={ '〒' } /> }
       { ...params }
-    /> );
+    />;
   },
   Password: ( props ) => {
-    return (
-      <TextInputs.Normal
-        restrict='password'
-        placeholder='パスワードを入力'
-        rightIndicator={
-          <Input.Comps.RightIndicator
-            padding={ 0 }
-          >
-            <Buttons.Button.Normal.R
-              padding={ [ 0,1 ] }
-              fontColor='theme'
-              borderRadius={ 'inherit' }
-              backgroundColor='inherit'
-              height={ 1 }
-              ssEffectsOnActive={ [ 'expand' ] }
-              onMouseOver={ ( event ) => {
-                Tooltips.open( {
-                  parent: event.currentTarget,
-                  gravityPoint: 24,
-                  padding: [ 1,0 ],
-                  content: <Tooltips.Comps.Body>
-                    パスワードを表示
-                  </Tooltips.Comps.Body>
+    return <TextInputs.Normal
+      restrict='password'
+      placeholder='パスワードを入力'
+      rightIndicator={
+        <Input.Comps.RightIndicator
+          padding={ 0 }
+        >
+          <Buttons.Button.Normal.R
+            padding={ [ 0,1 ] }
+            fontColor='theme'
+            borderRadius={ 'inherit' }
+            backgroundColor='inherit'
+            height={ 1 }
+            ssEffectsOnActive={ [ 'expand' ] }
+            onMouseOver={ ( event ) => {
+              Tooltips.open( {
+                parent: event.currentTarget,
+                gravityPoint: 24,
+                padding: [ 1,0 ],
+                content: <Tooltips.Comps.Body>
+                  パスワードを表示
+                </Tooltips.Comps.Body>
+              } );
+            } }
+            tabIndex={ -1 }
+            onClick={ ( event ) => {
+              $( event.target )
+                .parent().parent().parent()
+                .find( 'input' )
+                .callback( ( input ) => {
+                  let Input = input[ 0 ];
+                  Input.type = Input.type === 'password' ? 'text' : 'password';
                 } );
+            } }
+          >
+            <FAI
+              icon={ faEye }
+              freeCSS={ {
+                pointerEvents: 'none'
               } }
-              tabIndex={ -1 }
-              onClick={ ( event ) => {
-                $( event.target )
-                  .parent().parent().parent()
-                  .find( 'input' )
-                  .callback( ( input ) => {
-                    let Input = input[ 0 ];
-                    Input.type = Input.type === 'password' ? 'text' : 'password';
-                  } );
-              } }
-            >
-              <FAI
-                icon={ faEye }
-                freeCSS={ {
-                  pointerEvents: 'none'
-                } }
-              />
-            </Buttons.Button.Normal.R>
-          </Input.Comps.RightIndicator>
-        }
-        { ...props }
-      />
-    );
+            />
+          </Buttons.Button.Normal.R>
+        </Input.Comps.RightIndicator>
+      }
+      { ...props }
+    />;
   },
   Money: {
     JPY: ( props ) => ( <TextInputs.DigitNumber
@@ -216,11 +214,11 @@ const TimeInputs: amotify.fn.Input.Time.Methods & {
       </Input.Comps.RightIndicator>
     }
 
-    return ( <UniComponent
+    return <UniComponent
       componentID={ rawParams.componentID! }
       children={ TimeInput }
       params={ DefaultStyles.Boxish( rawParams ) }
-    /> );
+    />;
   },
   Clock: ( props ) => ( <TimeInputs.Origin restrict='clock' era='clock' { ...props } /> ),
   Date: ( props ) => ( <TimeInputs.Origin restrict='date' { ...props } /> ),
@@ -259,7 +257,7 @@ const TimeInputs: amotify.fn.Input.Time.Methods & {
       }
     }
 
-    return ( <TimeInputs.Origin
+    return <TimeInputs.Origin
       restrict='dateWareki'
       leftIndicator={ <Input.Select
         enableUnSelected={ false }
@@ -289,7 +287,7 @@ const TimeInputs: amotify.fn.Input.Time.Methods & {
       /> }
       { ...params }
       era={ era }
-    /> );
+    />;
   },
   Periods: {
     Date: ( props ) => ( <TimeInputs.Origin restrict='dates' { ...props } /> ),
@@ -310,11 +308,11 @@ const ChipsInputs = ( rawParams: amotify.fn.Input.Chips.PlainParams ) => {
   }
   let params = DefaultStyles.Boxish( rawParams ) as amotify.fn.Input.Chips.PlainParams;
 
-  return ( <UniComponent
+  return <UniComponent
     componentID={ rawParams.componentID }
     children={ ChipsInput }
     params={ params }
-  /> );
+  />;
 };
 ChipsInputs.fn = ChipsInput.fn;
 
@@ -330,11 +328,11 @@ const FileInputs = ( rawParams: amotify.fn.Input.Filer.PlainParams ) => {
     } ).className,
   ].join( ' ' );
 
-  return ( <UniComponent
+  return <UniComponent
     componentID={ rawParams.componentID }
     children={ FileInput }
     params={ params }
-  /> );
+  />;
 }
 FileInputs.fn = FileInput.fn;
 
@@ -344,11 +342,11 @@ export const ListInputs: amotify.fn.Input.List.Methods & {
   Origin: ( rawParams ) => {
     rawParams = { ...rawParams }
     let params = DefaultStyles.ListCell( rawParams );
-    return ( <UniComponent
+    return <UniComponent
       componentID={ rawParams.componentID }
       children={ ListInput }
       params={ params }
-    /> );
+    />;
   },
   Radio: ( params ) => ( <ListInputs.Origin
     iconType='radio'
@@ -366,11 +364,11 @@ export const ListInputs: amotify.fn.Input.List.Methods & {
 export const Input: amotify.fn.Input.Methods = {
   Plain: ( params ) => ( <input { ...StyleConverter.ToClassName( params ) } /> ),
   Hidden: ( rawParams ) => {
-    return ( <UniComponent
+    return <UniComponent
       componentID={ rawParams.componentID }
       children={ HiddenInput }
       params={ rawParams }
-    /> );
+    />;
   },
   Text: TextInputs,
   TextArea: ( rawParams ) => {
@@ -380,11 +378,11 @@ export const Input: amotify.fn.Input.Methods = {
 
     let params = DefaultStyles.Boxish( rawParams );
     params.rows = params.rows || 5;
-    return ( <UniComponent
+    return <UniComponent
       componentID={ rawParams.componentID }
       children={ TextAreaInput }
       params={ params }
-    /> );
+    />;
   },
   DigitCharacters: ( rawParams ) => {
     rawParams = { ...rawParams }
@@ -413,13 +411,11 @@ export const Input: amotify.fn.Input.Methods = {
     }
     let params = DefaultStyles.Boxish( rawParams ) as amotify.fn.Input.DigitCharacters.PlainParams;
 
-    return (
-      <UniComponent
-        componentID={ rawParams.componentID }
-        children={ DigitCharactersInput }
-        params={ params }
-      />
-    );
+    return <UniComponent
+      componentID={ rawParams.componentID }
+      children={ DigitCharactersInput }
+      params={ params }
+    />;
   },
   Time: TimeInputs,
   Select: ( rawParams ) => {
@@ -438,13 +434,11 @@ export const Input: amotify.fn.Input.Methods = {
 
     let params = DefaultStyles.Boxish( rawParams ) as amotify.fn.Input.Select.PlainParams;
     delete params.rightIconStyles;
-    return (
-      <UniComponent
-        componentID={ rawParams.componentID }
-        children={ SelectInput }
-        params={ params }
-      />
-    );
+    return <UniComponent
+      componentID={ rawParams.componentID }
+      children={ SelectInput }
+      params={ params }
+    />;
   },
   Radio: ListInputs.Radio,
   Checkbox: ListInputs.Checkbox,
@@ -480,23 +474,23 @@ export const Input: amotify.fn.Input.Methods = {
   Switch: ( rawParams ) => {
     rawParams = { ...rawParams }
     rawParams.color = rawParams.color || 'theme';
-    return ( <UniComponent
+    return <UniComponent
       componentID={ rawParams.componentID }
       children={ SwitchInput }
       params={ rawParams }
-    /> );
+    />;
   },
   Slider: ( rawParams ) => {
     rawParams = { ...rawParams }
-    return ( <UniComponent
+    return <UniComponent
       componentID={ rawParams.componentID }
       children={ SliderInput }
       params={ StyleConverter.ToClassName( rawParams ) }
-    /> );
+    />;
   },
   Checker: ( rawParams ) => {
     rawParams = { ...rawParams }
-    return ( <ListInputs.Origin
+    return <ListInputs.Origin
       { ...rawParams }
       tone='plain'
       icon
@@ -518,14 +512,14 @@ export const Input: amotify.fn.Input.Methods = {
             value: Value
           } );
       } }
-    /> );
+    />;
   },
 
   Segmented: Segmented,
 
   Comps: {
     RequiredSign: ( params ) => {
-      return ( <Span
+      return <Span
         fontColor='white'
         fontSize={ '0.xs' }
         padding={ [ '1/4','1/3' ] }
@@ -533,19 +527,19 @@ export const Input: amotify.fn.Input.Methods = {
         borderRadius={ '3.tone.tertiary' }
         children={ '必須' }
         { ...params }
-      /> );
+      />;
     },
     RequiredShortSign: ( params ) => {
-      return ( <Span
+      return <Span
         fontColor='nega'
         padding={ [ '1/4','1/3' ] }
         borderRadius={ '3.tone.tertiary' }
         children={ '*' }
         { ...params }
-      /> );
+      />;
     },
     OmitSign: ( params ) => {
-      return ( <Span
+      return <Span
         fontColor='white'
         fontSize={ '0.xs' }
         padding={ [ '1/4','1/3' ] }
@@ -553,7 +547,7 @@ export const Input: amotify.fn.Input.Methods = {
         backgroundColor='6.layer.darkest'
         children={ '省略可' }
         { ...params }
-      /> );
+      />;
     },
     LeftIndicator: ( params ) => {
       let {
@@ -561,12 +555,12 @@ export const Input: amotify.fn.Input.Methods = {
         ...others
       } = params;
 
-      return ( <Box
+      return <Box
         { ...DefaultStyles.Indicator( tone! ) }
         borderTopRightRadius={ '2/3' }
         borderBottomRightRadius={ '2/3' }
         { ...others }
-      /> );
+      />;
     },
     RightIndicator: ( params ) => {
       let {

package/src/functions/Input/core.tsx

@@ -190,10 +190,10 @@ const GenNotices: React.FC<{
       )
     } );
 
-  return ( <Box
+  return <Box
     className={ style.Notices }
     id={ parentID }
-  /> );
+  />;
 }
 
 export const CommonEffects: {

package/src/functions/Inputs/text.tsx

@@ -44,12 +44,10 @@ export const TextInput = ( params: TextInputs.Text.Params ) => {
     ...params
   }
 
-  return (
-    <input
-      type="text"
-      placeholder='fvdgsbsfgdvs'
-      // value={ 'AAAA' }
-      { ...StyleConverter.ToClassName( params ) }
-    />
-  );
+  return <input
+    type="text"
+    placeholder='fvdgsbsfgdvs'
+    // value={ 'AAAA' }
+    { ...StyleConverter.ToClassName( params ) }
+  />;
 }

package/src/functions/Layout/PageNotFound.tsx

@@ -16,7 +16,7 @@ export const PageNotFound: React.FC<{}> = () => {
 
   let { href } = location;
 
-  return ( <Row.Center
+  return <Row.Center
     padding={ [ 4,1 ] }
   >
     <Column
@@ -74,5 +74,5 @@ export const PageNotFound: React.FC<{}> = () => {
         children={ 'ホームに戻る' }
       />
     </Column>
-  </Row.Center> );
+  </Row.Center>;
 }

package/src/functions/Layout/PageViewController/parts.tsx

@@ -21,9 +21,7 @@ export const PageViewController: React.FC<amotify.fn.Layout.PageViewController.P
   let [ val_index,set_index ] = React.useState( viewIndex );
   if ( val_index != viewIndex ) set_index( viewIndex );
 
-  return (
-    <>
-      { wrapper( views[ viewIndex ] ) }
-    </>
-  );
+  return <>
+    { wrapper( views[ viewIndex ] ) }
+  </>;
 }

package/src/functions/Layout/Plate.tsx

@@ -18,7 +18,7 @@ export const Plate: React.FC<amotify.fn.Layout.Plate.Params> = ( props ) => {
     'MAX': 120,
   }[ size ];
 
-  return ( <Box
+  return <Box
     margin={ [ 0,'auto' ] }
     width={ 1 }
     { ...others }
@@ -26,6 +26,5 @@ export const Plate: React.FC<amotify.fn.Layout.Plate.Params> = ( props ) => {
       maxWidth: 12 * Size,
       ...others.freeCSS
     } }
-  />
-  );
+  />;
 }

package/src/functions/Layout/RootViewController/parts.tsx

@@ -134,7 +134,7 @@ export const RootViewController: amotify.fn.Layout.RootViewController.Methods =
       ...others
     } = params;
 
-    return ( <Box
+    return <Box
       flexSizing={ 'none' }
       className={ [
         className,
@@ -142,7 +142,7 @@ export const RootViewController: amotify.fn.Layout.RootViewController.Methods =
       ].join( ' ' ) }
       minHeight='sideNavigationHeight'
       { ...others }
-    /> );
+    />;
   },
   FooterNavigation: ( params ) => {
     let {
@@ -158,7 +158,7 @@ export const RootViewController: amotify.fn.Layout.RootViewController.Methods =
       $( document.body ).setStyleProperty( '--footerNavHeight',height + 'px' );
     },[] );
 
-    return ( <Flex
+    return <Flex
       data-id={ val_componentID }
       borderTop
       position='sticky'
@@ -184,7 +184,7 @@ export const RootViewController: amotify.fn.Layout.RootViewController.Methods =
         margin={ 'auto' }
         { ...others }
       />
-    </Flex> );
+    </Flex>;
   },
   Comps: {
     Button: ( params ) => {

package/src/functions/Layout/SwipeView/parts.tsx

@@ -28,10 +28,10 @@ type SliderInfoProps = {
 }
 
 export const SwipeView = ( params: amotify.fn.Layout.SwipeView.Params ) => {
-  return ( <Core
+  return <Core
     { ...params }
     slideIndex={ Math.max( Math.min( params.slideIndex!,params.slides.length - 1 ),0 ) }
-  /> );
+  />;
 }
 export const Core: React.FC<amotify.fn.Layout.SwipeView.Params> = ( params ) => {
   let {
@@ -173,7 +173,7 @@ export const Core: React.FC<amotify.fn.Layout.SwipeView.Params> = ( params ) =>
 
   let Index = val_event.index + ( loop ? 1 : 0 );
 
-  return ( <Box
+  return <Box
     overflow='hidden'
     position='relative'
     { ...others }
@@ -209,7 +209,7 @@ export const Core: React.FC<amotify.fn.Layout.SwipeView.Params> = ( params ) =>
       } }
       children={ Slides }
     />
-  </Box> );
+  </Box>;
 }
 
 const FNs = {

package/src/functions/Layout/TabBar.tsx

@@ -25,7 +25,7 @@ export const TabBar: React.FC<amotify.fn.Layout.TabBar.Params> = ( params ) => {
     if ( componentDidMount ) componentDidMount();
   },[] );
 
-  return ( <Flex
+  return <Flex
     position='relative'
     overflow={ 'auto' }
     flexWrap={ false }
@@ -56,5 +56,5 @@ export const TabBar: React.FC<amotify.fn.Layout.TabBar.Params> = ( params ) => {
         } }
       />
     </Box>
-  </Flex> );
+  </Flex>;
 }

package/src/functions/Sheet/parts.tsx

@@ -326,7 +326,7 @@ const Comps = {
         SysStyles.marginLeft = 'auto';
       }
 
-      return ( <Box
+      return <Box
         className={ [
           style.BB,
           className
@@ -350,7 +350,7 @@ const Comps = {
           ...freeCSS
         } }
         children={ $.is.function( Content ) ? <Content /> : Content }
-      /> );
+      />;
     },
     Edge: ( params: amotify.fn.Sheet.NormalParams ) => {
       let {
@@ -367,7 +367,7 @@ const Comps = {
         ...styles
       } = params;
 
-      return ( <Box
+      return <Box
         opacity='trans'
         transition='long'
         position='relative'
@@ -397,7 +397,7 @@ const Comps = {
           ...freeCSS
         } }
         children={ $.is.function( Content ) ? <Content /> : Content }
-      /> );
+      />;
     },
     Bottom: ( params: amotify.fn.Sheet.Bottom.Params ) => {
       let {
@@ -554,7 +554,7 @@ const Comps = {
         }
       },[ val_stableSize ] );
 
-      return ( <Box
+      return <Box
         className={ style.BB }
         margin={ [ 0,'auto' ] }
         marginTop={ 'auto' }
@@ -629,7 +629,7 @@ const Comps = {
             children={ $.is.function( Content ) ? <Content /> : Content }
           />
         </Column>
-      </Box> );
+      </Box>;
     },
     Custom: ( params: amotify.fn.Sheet.CustomParams ) => {
       let {
@@ -728,9 +728,9 @@ const Comps = {
         } );
       },[] );
 
-      if ( !Parent[ 0 ] ) return ( null );
+      if ( !Parent[ 0 ] ) return null;
 
-      return ( <Box
+      return <Box
         className={ [
           style.BB,
           style.CustomSheet
@@ -760,7 +760,7 @@ const Comps = {
             children={ $.is.function( Content ) ? <Content /> : Content }
           />
         </Flex>
-      </Box> );
+      </Box>;
     },
   },
   TapSensor: ( params: {
@@ -866,7 +866,7 @@ const Sheet: amotify.fn.Sheet.Methods = {
               src={ $.flatArray( src )[ 0 ] }
             /> );
           } )
-          return ( <Column
+          return <Column
             gap={ 0 }
           >
             <Row.Separate
@@ -918,7 +918,7 @@ const Sheet: amotify.fn.Sheet.Methods = {
                 { View }
               </Box> ) }
             />
-          </Column> );
+          </Column>;
         },
       } );
       return;

package/src/functions/SnackBar/parts.tsx

@@ -100,6 +100,7 @@ const Cell: React.FC<ElementParams> = ( props ) => {
       <Buttons.Button.Clear.R
         color='layer'
         backgroundColor='lcOpLow'
+        fontColor='white'
         ssSphere={ 2.5 }
         onClick={ () => {
           SnackBar.remove( snackID );
@@ -183,9 +184,9 @@ const SnackBarsWrap: React.FC<{}> = () => {
     } );
   },[] );
 
-  let SnackBars = SnackBarElements.map( ( el ) => { return ( <Cell { ...el } key={ el.snackID } /> ); } )
+  let SnackBars = SnackBarElements.map( ( el ) => { return <Cell { ...el } key={ el.snackID } />; } )
 
-  return ( <Flex
+  return <Flex
     className={ style.SnackBarsWrap }
     position='fixed'
     right={ 0 }
@@ -201,7 +202,7 @@ const SnackBarsWrap: React.FC<{}> = () => {
       paddingLeft: 1,
       width: 'auto'
     } }
-  /> );
+  />;
 }
 
 LaunchReactApplication( {