amotify 0.0.17 → 0.0.18

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( {

package/src/functions/Table/Data/parts.tsx

@@ -353,10 +353,10 @@ const Components = {
       </Comps.TH> );
     }
 
-    return ( <Comps.Row
+    return <Comps.Row
       className={ [ style.Row,style.HeadRow ].join( ' ' ) }
       children={ Cols }
-    /> );
+    />;
   },
   Body: ( params: {
     val_status: DataTableOptionParams
@@ -500,7 +500,7 @@ const Components = {
         </Comps.TD>
       </Comps.Row> );
     }
-    return ( <>{ BodyRows }</> );
+    return <>{ BodyRows }</>;
   },
   Core: ( params: {
     val_status: DataTableOptionParams
@@ -645,24 +645,22 @@ const Components = {
       } );
     } );
 
-    return ( <>
-      <Box
-        className={ style.TableBase }
-      >
-        <Comps.Table className={ style.Table }>
-          <Components.Header
-            val_status={ val_status }
-            set_status={ set_status }
-            KeywordFilterRows={ KeywordFilterRows }
-          />
-          <Components.Body
-            val_status={ val_status }
-            set_status={ set_status }
-            PageRows={ PageRows }
-          />
-        </Comps.Table>
-      </Box>
-    </> );
+    return <Box
+      className={ style.TableBase }
+    >
+      <Comps.Table className={ style.Table }>
+        <Components.Header
+          val_status={ val_status }
+          set_status={ set_status }
+          KeywordFilterRows={ KeywordFilterRows }
+        />
+        <Components.Body
+          val_status={ val_status }
+          set_status={ set_status }
+          PageRows={ PageRows }
+        />
+      </Comps.Table>
+    </Box>;
   },
   Propagations: {} as any,
 
@@ -707,10 +705,10 @@ const Components = {
       } );
       row.__sys4SearchKey = __sys4SearchKey.join( '/;' );
     } );
-    return ( <Components.StateManager
+    return <Components.StateManager
       eventID={ $.uuidGen() }
       { ...params }
-    /> );
+    />;
   },
   StateManager: ( params: amotify.fn.Tables.Data.Params ) => {
     let {
@@ -762,10 +760,10 @@ const Components = {
       set_status( DefStatus );
     }
 
-    return ( <Components.Core
+    return <Components.Core
       val_status={ val_status }
       set_status={ set_status }
-    /> );
+    />;
   }
 }
 
@@ -823,9 +821,9 @@ export const DataFNs: amotify.fn.Tables.Data.FNs = {
 export const DataComps: amotify.fn.Tables.Data.Comps = {
   SearchInput: ( params ) => {
     let status = DataFNs.useStatus( params.tableID );
-    if ( !status.tableComponentDidMount ) return ( null );
+    if ( !status.tableComponentDidMount ) return null;
 
-    return ( <Input.Text.Normal
+    return <Input.Text.Normal
       placeholder='検索...'
       clearButton
       padding={ '2/3' }
@@ -841,14 +839,14 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
       onUpdateValidValue={ ( { value } ) => {
         DataFNs.setSearchKeyword( params.tableID,value );
       } }
-    /> );
+    />;
   },
   Info: ( params ) => {
     let status = DataFNs.useStatus( params.tableID );
-    if ( !status.tableComponentDidMount ) return ( null );
+    if ( !status.tableComponentDidMount ) return null;
     let Ratio = status.filteredRows.ratio( status.totalRows ) || 0;
 
-    return ( <Flex
+    return <Flex
       verticalAlign='baseline'
       gap={ '1/2' }
       fontSize='1.mini'
@@ -861,18 +859,18 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
         { status.filteredRows.toLocaleString() }
       </Span>
       / { status.totalRows.toLocaleString() }件 ({ Ratio }%)
-    </Flex> );
+    </Flex>;
   },
   Paging: ( params ) => {
     let status = DataFNs.useStatus( params.tableID );
-    if ( !status.tableComponentDidMount ) return ( null );
+    if ( !status.tableComponentDidMount ) return null;
 
     let PageSelect: amotify.fn.Input.Select.OptionProps[] = [];
     for ( let index = 0; index < status.paging.pageLength; index++ ) {
       PageSelect.push( { value: index + 1,label: ( index + 1 ).toString() } );
     }
 
-    return ( <Row.Center>
+    return <Row.Center>
       <Row.Center
         gap={ '1/2' }
       >
@@ -917,11 +915,11 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
           <FAI.ChevronRight />
         </Buttons.Button.Sub.R>
       </Row.Right>
-    </Row.Center> );
+    </Row.Center>;
   },
   RowLength: ( params ) => {
     let status = DataFNs.useStatus( params.tableID );
-    if ( !status.tableComponentDidMount ) return ( null );
+    if ( !status.tableComponentDidMount ) return null;
 
     let currentLength = status.paging.rowLength;
     let ExistCurrentLength = 0;
@@ -939,7 +937,7 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
       keys: [ 'value' ],
     } );
 
-    return ( <Row.Center
+    return <Row.Center
       gap={ '1/2' }
     >
       件数 :
@@ -955,7 +953,7 @@ export const DataComps: amotify.fn.Tables.Data.Comps = {
           DataFNs.setRowLength( params.tableID,value );
         } }
       />
-    </Row.Center> );
+    </Row.Center>;
   },
 }
 

package/src/functions/Table/Drag/parts.tsx

@@ -64,10 +64,10 @@ const HeadRow: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
     /> );
   }
 
-  return ( <Comps.Row
+  return <Comps.Row
     className={ [ style.Row,style.HeadRow ].join( ' ' ) }
     children={ Cols }
-  /> );
+  />;
 }
 const BodyRows: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
   let {
@@ -294,9 +294,9 @@ const BodyRows: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
     }
   },[] );
 
-  return ( <>
+  return <>
     { BodyRows }
-  </> );
+  </>;
 }
 
 export const DragTable: React.FC<amotify.fn.Tables.Drag.Params> = ( params ) => {
@@ -334,10 +334,10 @@ export const DragTable: React.FC<amotify.fn.Tables.Drag.Params> = ( params ) =>
     return row;
   } );
 
-  return ( <Comps.Table className={ style.Table }>
+  return <Comps.Table className={ style.Table }>
     <HeadRow { ...params } />
     <BodyRows { ...params } />
-  </Comps.Table> );
+  </Comps.Table>;
 }
 
 type InfoParams = {

package/src/functions/Table/Normal/parts.tsx

@@ -47,10 +47,10 @@ const HeadRow: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
     /> );
   } )
 
-  return ( <Comps.Row
+  return <Comps.Row
     className={ [ style.Row,style.HeadRow ].join( ' ' ) }
     children={ Cols }
-  /> );
+  />;
 }
 const BodyRows: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
   let {
@@ -105,9 +105,9 @@ const BodyRows: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
     /> );
   } );
 
-  return ( <>
+  return <>
     { BodyRows }
-  </> );
+  </>;
 }
 
 export const NormalTable: React.FC<amotify.fn.Tables.Normal.Params> = ( params ) => {
@@ -117,8 +117,8 @@ export const NormalTable: React.FC<amotify.fn.Tables.Normal.Params> = ( params )
     return row;
   } );
 
-  return ( <Comps.Table className={ style.Table }>
+  return <Comps.Table className={ style.Table }>
     <HeadRow { ...params } />
     <BodyRows { ...params } />
-  </Comps.Table> );
+  </Comps.Table>;
 }

package/src/functions/Table/_.tsx

@@ -100,12 +100,12 @@ const Wrapper: React.FC<amotify.fn.Tables.Uni.Params & {
     'spread': ''
   }[ type ];
 
-  return ( <Box
+  return <Box
     className={ ClassName }
     style={ freeCSS }
   >
     <TableComponent { ...others as any } />
-  </Box> );
+  </Box>;
 }
 
 let DataComponent: any = ( props: any ) => ( <Wrapper type='data' { ...props } /> );

package/src/molecules/Accordion/parts.tsx

@@ -113,7 +113,7 @@ const Component: React.FC<amotify.mols.Accordion.Params> = ( params ) => {
     } );
   }
 
-  return ( <Box
+  return <Box
     className={ [
       style.Wrap,
       style[ 'Open_' + val_open ]
@@ -124,7 +124,7 @@ const Component: React.FC<amotify.mols.Accordion.Params> = ( params ) => {
       data-accordion-content-id={ val_contentID }
       { ...others }
     />
-  </Box> );
+  </Box>;
 }
 
 const Accordion: amotify.mols.Accordion.SetParams = Component as any

package/src/molecules/LinkifyText/parts.tsx

@@ -46,9 +46,7 @@ export const LinkifyText: React.FC<amotify.mols.LinkifyTextProps> = ( props ) =>
     Description = [ placeholder ];
   }
 
-  return (
-    <>
-      { Description }
-    </>
-  );
+  return <>
+    { Description }
+  </>;
 }

package/src/templates/PlayGround/parts.tsx

@@ -15,7 +15,7 @@ import {
 import style from './style.module.scss';
 
 export const PlayGround: React.FC<{}> = () => {
-  return ( <>
+  return <>
     <Box
       padding={ 2 }
       border
@@ -92,5 +92,5 @@ export const PlayGround: React.FC<{}> = () => {
         />
       </Box>
     </Column>
-  </> );
+  </>;
 }

package/webpack.config.js

@@ -52,12 +52,6 @@ module.exports = ( () => {
       ],
       splitChunks: {
         cacheGroups: {
-          // jsminFront: {
-          //   test: /node_modules\/jsmin-front/,
-          //   filename: 'jsminFront.js',
-          //   chunks: 'all',
-          //   enforce: true
-          // },
           vendor: {
             test: /node_modules/,
             filename: 'coreVender.js',