amotify 0.0.59 → 0.0.60

package/src/functions/Sheet/style.module.scss

@@ -88,11 +88,6 @@ html {
           pointer-events: all;
         }
       }
-      @media (max-width:$breakPoint ) {
-        .BB {
-          width: 100vw;
-        }
-      }
       &.Open .BB {
         transform: scale(1);
         opacity: 1;
@@ -112,16 +107,6 @@ html {
           .BB {
             max-width: 100vw;
             #{ $type }: -10%;
-            @media (max-width : $breakPoint ) {
-              min-width: 25rem !important;
-              .Footer {
-                padding-bottom: $safe-area-top;
-              }
-            }
-            @media (max-width : $breakPoint ) {
-              min-width: 0 !important;
-              max-width: 85vw !important;
-            }
           }
           &.Open .BB {
             #{ $type }: 0;
@@ -214,11 +199,6 @@ html {
           }
         }
       }
-      // @media (max-width:$breakPoint ) {
-      //   .BB {
-      //     width: 100vw;
-      //   }
-      // }
       &.Open .BB {
         transform: scale(1);
         opacity: 1;

package/src/functions/SnackBar/parts.tsx

@@ -3,31 +3,31 @@ import {
   LaunchSubApplication,
   useStore,
   React
-} from '@global';
+} from '@global'
 import {
   Box,
   Flex,
   FAI
-} from '@atoms';
+} from '@atoms'
 import {
   Row,
   Column
-} from '@mols';
+} from '@mols'
 import {
   Buttons
-} from '@fn';
+} from '@fn'
 
-import style from './style.module.scss';
+import style from './style.module.scss'
 
 const SnackBar: amotify.fn.SnackBar.Methods = {
   __memoryID: $.uuidGen(),
   add: function ( params ) {
-    useStore.get( 'SnackBar',this.__memoryID ).add( params );
-    return this;
+    useStore.get( 'SnackBar',this.__memoryID ).add( params )
+    return this
   },
   remove: function ( val_componentID ) {
-    useStore.get( 'SnackBar',this.__memoryID ).remove( val_componentID );
-    return this;
+    useStore.get( 'SnackBar',this.__memoryID ).remove( val_componentID )
+    return this
   }
 }
 
@@ -44,49 +44,49 @@ const Cell: React.FC<ElementParams> = ( props ) => {
     children: Children,
     customChildren: CustomChildren,
     ...others
-  } = props;
+  } = props
 
-  let [ val_componentID ] = React.useState( componentID );
-  let [ val_mouseOn,set_mouseOn ] = React.useState( false );
+  let [ val_componentID ] = React.useState( componentID )
+  let [ val_mouseOn,set_mouseOn ] = React.useState( false )
 
   React.useEffect( () => {
-    let Query = '[data-component-id="' + val_componentID + '"]';
+    let Query = '[data-component-id="' + val_componentID + '"]'
     setTimeout( () => {
-      $( Query ).addClass( style.FadeIn );
-    },10 );
+      $( Query ).addClass( style.FadeIn )
+    },10 )
 
     useStore.set( {
       key: 'SnackBar-' + snackID,
       value: {
         remove: () => {
-          $( Query ).addClass( style.FadeOut );
+          $( Query ).addClass( style.FadeOut )
         }
       }
-    } );
-  },[] );
+    } )
+  },[] )
 
   React.useEffect( () => {
-    $.interval.clear( 'SnackBar-' + val_componentID );
+    $.interval.clear( 'SnackBar-' + val_componentID )
     if ( !val_mouseOn ) {
       setTimeout( () => {
         $.interval.standBy(
           'SnackBar-' + val_componentID,
           secondsToClose * 1000,
           () => {
-            if ( !val_mouseOn ) SnackBar.remove( snackID );
+            if ( !val_mouseOn ) SnackBar.remove( snackID )
           }
-        );
-      },100 );
+        )
+      },100 )
     }
-  },[ val_mouseOn ] );
+  },[ val_mouseOn ] )
 
-  let Content: ReactElement = <></>;
+  let Content: ReactElement = <></>
   if ( CustomChildren ) {
     Content = <CustomChildren
       close={ () => {
-        SnackBar.remove( snackID );
+        SnackBar.remove( snackID )
       } }
-    />;
+    />
   } else {
     Content = <Row.Separate
       verticalAlign='top'
@@ -103,7 +103,7 @@ const Cell: React.FC<ElementParams> = ( props ) => {
         fontColor='white'
         ssSphere={ 2.5 }
         onClick={ () => {
-          SnackBar.remove( snackID );
+          SnackBar.remove( snackID )
         } }
       >
         <FAI.Times />
@@ -124,10 +124,10 @@ const Cell: React.FC<ElementParams> = ( props ) => {
     transition={ 'middle' }
     componentID={ val_componentID }
     onMouseOver={ () => {
-      set_mouseOn( true );
+      set_mouseOn( true )
     } }
     onMouseOut={ () => {
-      set_mouseOn( false );
+      set_mouseOn( false )
     } }
     { ...others }
   >
@@ -135,10 +135,10 @@ const Cell: React.FC<ElementParams> = ( props ) => {
   </Box>
 }
 
-let SnackBarElements: ElementParams[] = [];
+let SnackBarElements: ElementParams[] = []
 
 const SnackBarsWrap: React.FC<{}> = () => {
-  let [ val_refresh,set_refresh ] = React.useState( $.uuidGen() );
+  let [ val_refresh,set_refresh ] = React.useState( $.uuidGen() )
 
   React.useEffect( () => {
     useStore.set( {
@@ -146,45 +146,45 @@ const SnackBarsWrap: React.FC<{}> = () => {
       privateKey: SnackBar.__memoryID,
       value: {
         add: ( params: amotify.fn.SnackBar.AddParams ) => {
-          params.snackID = params.snackID || $.uuidGen();
-          let findIndex = SnackBarElements.findIndex( ( el ) => el.snackID == params.snackID );
+          params.snackID = params.snackID || $.uuidGen()
+          let findIndex = SnackBarElements.findIndex( ( el ) => el.snackID == params.snackID )
 
           if ( findIndex == -1 ) {
             SnackBarElements.unshift( {
               ...params,
               snackID: params.snackID
-            } );
+            } )
           } else {
-            let newList = [ ...SnackBarElements ];
+            let newList = [ ...SnackBarElements ]
             newList[ findIndex ] = {
               ...params,
               snackID: params.snackID
-            };
-            SnackBarElements = newList;
+            }
+            SnackBarElements = newList
           }
-          set_refresh( $.uuidGen() );
+          set_refresh( $.uuidGen() )
         },
         remove: ( snackID: string ) => {
-          let component = useStore.get( 'SnackBar-' + snackID );
+          let component = useStore.get( 'SnackBar-' + snackID )
           if ( component && component.remove ) {
-            component.remove();
+            component.remove()
             setTimeout( () => {
-              let findIndex = SnackBarElements.findIndex( ( cell ) => cell.snackID == snackID );
+              let findIndex = SnackBarElements.findIndex( ( cell ) => cell.snackID == snackID )
               if ( findIndex != -1 ) {
                 let newList = [ ...SnackBarElements ]
-                newList.splice( findIndex,1 );
+                newList.splice( findIndex,1 )
 
-                SnackBarElements = newList;
-                set_refresh( $.uuidGen() );
+                SnackBarElements = newList
+                set_refresh( $.uuidGen() )
               }
-            },210 );
+            },210 )
           }
         }
       }
-    } );
-  },[] );
+    } )
+  },[] )
 
-  let SnackBars = SnackBarElements.map( ( el ) => { return <Cell { ...el } key={ el.snackID } />; } )
+  let SnackBars = SnackBarElements.map( ( el ) => { return <Cell { ...el } key={ el.snackID } /> } )
 
   return <Flex
     className={ style.SnackBarsWrap }
@@ -202,7 +202,7 @@ const SnackBarsWrap: React.FC<{}> = () => {
       paddingLeft: 1,
       width: 'auto'
     } }
-  />;
+  />
 }
 
 LaunchSubApplication( {
@@ -210,6 +210,6 @@ LaunchSubApplication( {
   baseElement: '#' + launchID + ' .AMOTIFY_be_snackbar',
   reactElement: <SnackBarsWrap />,
   nonRouter: true
-} );
+} )
 
 export { SnackBar }