amotify 0.0.59 → 0.0.60

package/src/functions/Layout/TabBar.tsx

@@ -1,16 +1,16 @@
 import {
   React,
-} from '@global';
+} from '@global'
 import {
   Box,
   Flex
-} from '@atoms';
+} from '@atoms'
 import {
   Row
-} from '@mols';
+} from '@mols'
 import {
   Input
-} from '@fn';
+} from '@fn'
 
 export const TabBar: React.FC<amotify.fn.Layout.TabBar.Params> = ( params ) => {
   let {
@@ -19,11 +19,11 @@ export const TabBar: React.FC<amotify.fn.Layout.TabBar.Params> = ( params ) => {
     onTabChange,
     componentDidMount,
     ...others
-  } = params;
+  } = params
 
   React.useEffect( () => {
-    if ( componentDidMount ) componentDidMount();
-  },[] );
+    if ( componentDidMount ) componentDidMount()
+  },[] )
 
   return <Flex
     position='relative'
@@ -51,10 +51,10 @@ export const TabBar: React.FC<amotify.fn.Layout.TabBar.Params> = ( params ) => {
           }
         } ) }
         onUpdateValidValue={ ( args ) => {
-          let value = args.value[ 0 ];
-          if ( onTabChange ) onTabChange( value );
+          let value = args.value[ 0 ]
+          if ( onTabChange ) onTabChange( value )
         } }
       />
     </Box>
-  </Flex>;
+  </Flex>
 }

package/src/functions/Layout/_.tsx

@@ -1,11 +1,11 @@
-import { SwipeView } from './SwipeView/parts';
-import { PageViewController } from './PageViewController/parts';
-import { TabBar } from './TabBar';
-import { Plate } from './Plate';
-import { PageNotFound } from './PageNotFound';
-import { PageRouter } from './PageRouter';
+import { SwipeView } from './SwipeView/parts'
+import { PageViewController } from './PageViewController/parts'
+import { TabBar } from './TabBar'
+import { Plate } from './Plate'
+import { PageNotFound } from './PageNotFound'
+import { PageRouter } from './PageRouter'
 
-import { RootViewController } from './RootViewController/parts';
+import { RootViewController } from './RootViewController/parts'
 
 const Layout: amotify.fn.Layout.Methods = {
   PageViewController,

package/src/functions/Loader/corner.tsx

@@ -1,32 +1,32 @@
 import {
   useStore,
   React
-} from '@global';
+} from '@global'
 import {
   Box,
   Flex
-} from '@atoms';
+} from '@atoms'
 
-import style from './style.module.scss';
+import style from './style.module.scss'
 
-import { memoryID } from './parts';
+import { memoryID } from './parts'
 
 export const Corner = () => {
-  let [ val_active,set_active ] = React.useState( false );
+  let [ val_active,set_active ] = React.useState( false )
 
   React.useEffect( () => {
     useStore.set( {
       key: memoryID + '-corner',
       value: {
         active: () => {
-          set_active( true );
+          set_active( true )
         },
         stop: () => {
-          set_active( false );
+          set_active( false )
         }
       }
-    } );
-  },[] );
+    } )
+  },[] )
 
   return <Flex
     className={ [
@@ -70,5 +70,5 @@ export const Corner = () => {
     >
       Loading
     </Box>
-  </Flex>;
+  </Flex>
 }

package/src/functions/Loader/mini.tsx

@@ -1,12 +1,12 @@
 import {
   useStore,
   React
-} from '@global';
+} from '@global'
 import {
   Row
-} from '@mols';
+} from '@mols'
 
-import style from './style.module.scss';
+import style from './style.module.scss'
 
 export const Mini = ( params: amotify.fn.Loader.CompInput & {
   color?: amotify.fn.Loader.Colors
@@ -18,22 +18,22 @@ export const Mini = ( params: amotify.fn.Loader.CompInput & {
     showInitial = false,
     loaderID = '',
     ...props
-  } = params;
-  let [ val_key ] = React.useState( loaderID );
-  let [ val_componentID ] = React.useState( $.uuidGen() );
-  let [ val_active,set_active ] = React.useState( showInitial );
+  } = params
+  let [ val_key ] = React.useState( loaderID )
+  let [ val_componentID ] = React.useState( $.uuidGen() )
+  let [ val_active,set_active ] = React.useState( showInitial )
 
-  let Size: amotify.UniStyles.Sizes.SizeParams = 0;
+  let Size: amotify.UniStyles.Sizes.SizeParams = 0
   if ( size == 'S' ) {
-    Size = 1;
+    Size = 1
   } else if ( size == 'R' ) {
-    Size = 1.5;
+    Size = 1.5
   } else if ( size == 'L' ) {
-    Size = 3;
+    Size = 3
   } else if ( size == 'XL' ) {
-    Size = 4;
+    Size = 4
   } else if ( size == 'MAX' ) {
-    Size = 6;
+    Size = 6
   }
   let BorderColor = {
     'theme': 'hsl( var( --color-theme-hsl ) )',
@@ -42,41 +42,41 @@ export const Mini = ( params: amotify.fn.Loader.CompInput & {
     'warn': 'var( --color-warning )',
     'cloud': 'hsl( var( --color-layer5-hsl ) )',
     'white': 'white',
-  }[ color as 'theme' ];
+  }[ color as 'theme' ]
 
-  let QuerySelector = '[data-component-id="' + val_componentID + '"]';
+  let QuerySelector = '[data-component-id="' + val_componentID + '"]'
   React.useEffect( () => {
     if ( val_active ) {
       $( QuerySelector )
         .removeClass( style.Hide )
         .await( 10 )
-        .addClass( style.Active );
+        .addClass( style.Active )
     } else {
       $( QuerySelector )
         .removeClass( style.Active )
         .await( 210 )
         .addClass( style.Hide )
     }
-  },[ val_active ] );
+  },[ val_active ] )
 
   React.useEffect( () => {
     useStore.set( {
       key: val_componentID,
       value: {
         active: ( keyCode: string ) => {
-          if ( val_key != keyCode ) return;
-          set_active( true );
+          if ( val_key != keyCode ) return
+          set_active( true )
         },
         stop: ( keyCode: string ) => {
-          if ( val_key != keyCode ) return;
-          set_active( false );
+          if ( val_key != keyCode ) return
+          set_active( false )
         },
         stopForce: () => {
-          set_active( false );
+          set_active( false )
         }
       }
-    } );
-  },[] );
+    } )
+  },[] )
 
   return <Row.Center
     ssSphere={ Size }
@@ -110,5 +110,5 @@ export const Mini = ( params: amotify.fn.Loader.CompInput & {
     >
       <circle cx="50" cy="50" r="40" />
     </svg>
-  </Row.Center>;
+  </Row.Center>
 }

package/src/functions/Loader/parts.tsx

@@ -1,16 +1,16 @@
-import React from 'react';
+import React from 'react'
 import {
   launchID,
   LaunchSubApplication,
   useStore
-} from '@global';
+} from '@global'
 
-import style from './style.module.scss';
+import style from './style.module.scss'
 
-export const memoryID = $.uuidGen();
-import { Mini } from './mini';
-import { Top } from './top';
-import { Corner } from './corner';
+export const memoryID = $.uuidGen()
+import { Mini } from './mini'
+import { Top } from './top'
+import { Corner } from './corner'
 
 const SizeWrapper: {
   ( params: {
@@ -23,7 +23,7 @@ const SizeWrapper: {
     MAX: React.FC<amotify.fn.Loader.CompInput>
   }
 } = ( params ) => {
-  let color = params.color;
+  let color = params.color
   return {
     S: ( params ) => <Mini size='S' color={ color } { ...params } />,
     R: ( params ) => <Mini size='R' color={ color } { ...params } />,
@@ -43,50 +43,50 @@ const Loader: amotify.fn.Loader.Methods = {
   fn: {
     top: {
       active: () => {
-        useStore.get( memoryID + '-top' ).active();
+        useStore.get( memoryID + '-top' ).active()
       },
       stop: () => {
-        useStore.get( memoryID + '-top' ).stop();
+        useStore.get( memoryID + '-top' ).stop()
       },
     },
     corner: {
       active: () => {
-        useStore.get( memoryID + '-corner' ).active();
+        useStore.get( memoryID + '-corner' ).active()
       },
       stop: () => {
-        useStore.get( memoryID + '-corner' ).stop();
+        useStore.get( memoryID + '-corner' ).stop()
       },
     },
     mini: {
       active: ( keyCode = '' ) => {
         $( '.' + style.MiniLoader ).for( ( elm ) => {
-          let { dataset: { componentId } = {} } = elm;
-          if ( !componentId ) return;
-          let fn = useStore.get( componentId );
-          if ( fn && fn.active ) fn.active( keyCode );
-        } );
+          let { dataset: { componentId } = {} } = elm
+          if ( !componentId ) return
+          let fn = useStore.get( componentId )
+          if ( fn && fn.active ) fn.active( keyCode )
+        } )
       },
       stop: ( keyCode = '' ) => {
         $( '.' + style.MiniLoader ).for( ( elm ) => {
-          let { dataset: { componentId } = {} } = elm;
-          if ( !componentId ) return;
-          let fn = useStore.get( componentId );
-          if ( fn && fn.stop ) fn.stop( keyCode );
-        } );
+          let { dataset: { componentId } = {} } = elm
+          if ( !componentId ) return
+          let fn = useStore.get( componentId )
+          if ( fn && fn.stop ) fn.stop( keyCode )
+        } )
       },
       stopALL: () => {
         $( '.' + style.MiniLoader ).for( ( elm ) => {
-          let { dataset: { componentId } = {} } = elm;
-          if ( !componentId ) return;
-          let fn = useStore.get( componentId );
-          if ( fn && fn.stopForce ) fn.stopForce();
-        } );
+          let { dataset: { componentId } = {} } = elm
+          if ( !componentId ) return
+          let fn = useStore.get( componentId )
+          if ( fn && fn.stopForce ) fn.stopForce()
+        } )
       },
     },
     stopALL: () => {
-      Loader.fn.top.stop();
-      Loader.fn.corner.stop();
-      Loader.fn.mini.stopALL();
+      Loader.fn.top.stop()
+      Loader.fn.corner.stop()
+      Loader.fn.mini.stopALL()
     }
   }
 }
@@ -100,4 +100,4 @@ LaunchSubApplication( {
     <Corner />
   </>,
   nonRouter: true
-} );
+} )

package/src/functions/Loader/top.tsx

@@ -1,32 +1,32 @@
 import {
   useStore,
   React
-} from '@global';
+} from '@global'
 import {
   Box,
   Flex
-} from '@atoms';
+} from '@atoms'
 
-import style from './style.module.scss';
+import style from './style.module.scss'
 
-import { memoryID } from './parts';
+import { memoryID } from './parts'
 
 export const Top = () => {
-  let [ val_active,set_active ] = React.useState( false );
+  let [ val_active,set_active ] = React.useState( false )
 
   React.useEffect( () => {
     useStore.set( {
       key: memoryID + '-top',
       value: {
         active: () => {
-          set_active( true );
+          set_active( true )
         },
         stop: () => {
-          set_active( false );
+          set_active( false )
         }
       }
-    } );
-  },[] );
+    } )
+  },[] )
 
   return <Flex
     className={ [
@@ -80,5 +80,5 @@ export const Top = () => {
         Loading...
       </Box>
     </Flex>
-  </Flex>;
+  </Flex>
 }