amotify 0.0.59 → 0.0.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.0.59",
+  "version": "0.0.62",
   "description": "UI Component for React",
   "main": "dist/launch.js",
   "types": "dist/@types.d.ts",

package/src/@atoms.tsx

@@ -7,13 +7,13 @@ import {
   Grid,
   Paragraph,
   Placeholder
-} from './atoms/Various/parts';
+} from './atoms/Various/parts'
 
 import {
   FAI
-} from './atoms/FAI/parts';
+} from './atoms/FAI/parts'
 
-import { Logo } from './atoms/Logo/parts';
+import { Logo } from './atoms/Logo/parts'
 
 export {
   Flex,

package/src/@functions.tsx

@@ -1,18 +1,18 @@
 import {
   Effects
-} from './functions/Effects/_';
+} from './functions/Effects/_'
 
-import { Buttons } from './functions/Button/_';
-import { Input } from './functions/Input/_';
-import { Inputs } from './functions/Inputs/_';
-import { Layout } from './functions/Layout/_';
-import { Table } from './functions/Table/_';
-import { Sheet } from './functions/Sheet/parts';
-import { SnackBar } from './functions/SnackBar/parts';
-import { Loader } from './functions/Loader/parts';
-import { Tooltips } from './functions/Tooltips/parts';
+import { Buttons } from './functions/Button/_'
+import { Input } from './functions/Input/_'
+import { Inputs } from './functions/Inputs/_'
+import { Layout } from './functions/Layout/_'
+import { Table } from './functions/Table/_'
+import { Sheet } from './functions/Sheet/parts'
+import { SnackBar } from './functions/SnackBar/parts'
+import { Loader } from './functions/Loader/parts'
+import { Tooltips } from './functions/Tooltips/parts'
 
-import { Cropper } from './functions/Cropper/parts';
+import { Cropper } from './functions/Cropper/parts'
 
 export {
   Buttons,

package/src/@global.tsx

@@ -1,12 +1,12 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import * as ReactRouterDOM from 'react-router-dom';
-import { launchID } from './@variables';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import * as ReactRouterDOM from 'react-router-dom'
+import { launchID } from './@variables'
 
 import {
   LaunchReactApplication,
   LaunchSubApplication
-} from './global/LaunchReactApplication';
+} from './global/LaunchReactApplication'
 
 export { launchID }
 const Inmemory: {
@@ -21,25 +21,25 @@ const useStore: amotify.global.useStoreParams = {
       key,
       value,
       privateKey
-    } = params;
+    } = params
     let Prev = Inmemory[ key ] || {}
-    if ( Prev && Prev.privateKey && Prev.privateKey != privateKey ) return false;
+    if ( Prev && Prev.privateKey && Prev.privateKey != privateKey ) return false
 
     Inmemory[ key ] = {
       privateKey,
       value
     }
-    return true;
+    return true
   },
   update: ( params ) => {
     let {
       key,
       value,
       privateKey
-    } = params;
+    } = params
 
     let Prev = Inmemory[ key ] || {}
-    if ( Prev && Prev.privateKey && Prev.privateKey != privateKey ) return false;
+    if ( Prev && Prev.privateKey && Prev.privateKey != privateKey ) return false
 
     Inmemory[ key ] = {
       ...Inmemory[ key ],
@@ -48,29 +48,29 @@ const useStore: amotify.global.useStoreParams = {
         ...value
       }
     }
-    return true;
+    return true
   },
   get: ( key,privateKey ) => {
-    let Data = Inmemory[ key ];
-    if ( Data && Data.privateKey && Data.privateKey != privateKey ) return void 0;
-    return Data?.value;
+    let Data = Inmemory[ key ]
+    if ( Data && Data.privateKey && Data.privateKey != privateKey ) return void 0
+    return Data?.value
   },
   delete: ( key,privateKey ) => {
-    let Data = Inmemory[ key ];
-    if ( Data && Data.privateKey && Data.privateKey != privateKey ) return false;
-    delete Inmemory[ key ];
-    return true;
+    let Data = Inmemory[ key ]
+    if ( Data && Data.privateKey && Data.privateKey != privateKey ) return false
+    delete Inmemory[ key ]
+    return true
   }
 }
 const useRecycle: amotify.global.useRecycleParams = {
   set: ( key ) => {
-    let [ val_recycleID ] = React.useState( $.uuidGen() );
-    let [ val_refresh,set_refresh ] = React.useState( $.uuidGen() );
+    let [ val_recycleID ] = React.useState( $.uuidGen() )
+    let [ val_refresh,set_refresh ] = React.useState( $.uuidGen() )
 
     useStore.set( {
       key: 'RecycleKey_' + val_recycleID,
       value: () => {
-        set_refresh( $.uuidGen() );
+        set_refresh( $.uuidGen() )
       }
     } )
     useStore.update( {
@@ -82,59 +82,59 @@ const useRecycle: amotify.global.useRecycleParams = {
         ]
       }
     } )
-    return val_refresh;
+    return val_refresh
   },
   do: ( key ) => {
-    let Keys = useStore.get( 'RecycleKeys_' + key )?.keys || [];
+    let Keys = useStore.get( 'RecycleKeys_' + key )?.keys || []
 
-    if ( !Keys.length ) return;
+    if ( !Keys.length ) return
     for ( let key of Keys ) {
-      let receiver = useStore.get( 'RecycleKey_' + key );
-      if ( receiver ) receiver();
+      let receiver = useStore.get( 'RecycleKey_' + key )
+      if ( receiver ) receiver()
     }
   }
 }
 
 const pageTransit: amotify.global.PageTransitParams = {
   open: ( url ) => {
-    window.open( url );
+    window.open( url )
   },
   pushSync: ( url ) => {
-    window.location.href = url;
+    window.location.href = url
   },
   pushAsync: ( url ) => {
     if ( url.match( /https?:\/\// ) ) {
-      pageTransit.pushSync( url );
-      return;
+      pageTransit.pushSync( url )
+      return
     }
-    let navigate = useStore.get( 'navigate' );
-    navigate( url );
+    let navigate = useStore.get( 'navigate' )
+    navigate( url )
   },
   push: ( url,newTab ) => {
     if ( newTab ) {
-      pageTransit.open( url );
-      return;
+      pageTransit.open( url )
+      return
     }
-    pageTransit.pushAsync( url );
+    pageTransit.pushAsync( url )
   },
   back: () => {
-    let navigate = useStore.get( 'navigate' );
-    navigate( -1 );
+    let navigate = useStore.get( 'navigate' )
+    navigate( -1 )
   },
 }
 
 import {
   ReadStyleSet,
   ToClassName
-} from './global/styleConverter';
+} from './global/styleConverter'
 
 const StyleConverter = {
   ReadStyleSet,
   ToClassName
 }
 
-if ( !global.React ) global.React = React;
-if ( !global.ReactDOM ) global.ReactDOM = ReactDOM;
+if ( !global.React ) global.React = React
+if ( !global.ReactDOM ) global.ReactDOM = ReactDOM
 
 export {
   React,

package/src/@jsminAmotifyExtension/_.tsx

@@ -1,4 +1,4 @@
-import './variables';
-import './fetch';
-import './formCollect';
-import './spreadSheet';
+import './variables'
+import './fetch'
+import './formCollect'
+import './spreadSheet'

package/src/@jsminAmotifyExtension/fetch.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from 'react'
 
 const fetcher = async ( params: JsminExtension.Fetch.Input & {
   method: string
@@ -16,7 +16,7 @@ const fetcher = async ( params: JsminExtension.Fetch.Input & {
   } = params || {}
 
   let result: Jsmin.Fetch.Output = await ( async () => {
-    let exist = $.fetch.waitList.includes( key );
+    let exist = $.fetch.waitList.includes( key )
 
     if ( preventMultiRequest && exist ) {
       return {
@@ -29,10 +29,10 @@ const fetcher = async ( params: JsminExtension.Fetch.Input & {
       }
     }
 
-    $.fetch.waitList = [ ...$.fetch.waitList,key ];
+    $.fetch.waitList = [ ...$.fetch.waitList,key ]
 
     if ( !url.match( /https?:/ ) ) {
-      url = '/' + url.replace( /^\//,"" );
+      url = '/' + url.replace( /^\//,"" )
 
       Params.headers = {
         ...$.fetch.defaultHeaders || {},
@@ -40,56 +40,56 @@ const fetcher = async ( params: JsminExtension.Fetch.Input & {
       }
     }
 
-    amotify.fn.Loader.fn.mini.active( params.key || '' );
-    !topLoader || amotify.fn.Loader.fn.top.active();
-    !cornerLoader || amotify.fn.Loader.fn.corner.active();
+    amotify.fn.Loader.fn.mini.active( params.key || '' )
+    !topLoader || amotify.fn.Loader.fn.top.active()
+    !cornerLoader || amotify.fn.Loader.fn.corner.active()
 
     let result = await $.ajax( {
       method,
       url,
       ...Params
-    } );
+    } )
 
-    $.fetch.defaultResultCallback && $.fetch.defaultResultCallback( result );
+    $.fetch.defaultResultCallback && $.fetch.defaultResultCallback( result )
 
     if ( trafficControl ) {
-      let { requestTime } = result;
+      let { requestTime } = result
       if ( requestTime <= trafficControl ) {
-        let CoolDownTime = Number( trafficControl - requestTime );
+        let CoolDownTime = Number( trafficControl - requestTime )
         await ( () => {
-          result.requestTime = trafficControl;
+          result.requestTime = trafficControl
           return new Promise( ( resolve,reject ) => {
             setTimeout( () => {
-              resolve( void 0 );
-            },CoolDownTime );
-          } );
-        } )();
+              resolve( void 0 )
+            },CoolDownTime )
+          } )
+        } )()
       }
     }
 
-    amotify.fn.Loader.fn.mini.stop( params.key || '' );
-    !topLoader || amotify.fn.Loader.fn.top.stop();
-    !cornerLoader || amotify.fn.Loader.fn.corner.stop();
-    $.fetch.waitList.splice( $.fetch.waitList.findIndex( ( a ) => a == key ),1 );
-    return result;
-  } )();
+    amotify.fn.Loader.fn.mini.stop( params.key || '' )
+    !topLoader || amotify.fn.Loader.fn.top.stop()
+    !cornerLoader || amotify.fn.Loader.fn.corner.stop()
+    $.fetch.waitList.splice( $.fetch.waitList.findIndex( ( a ) => a == key ),1 )
+    return result
+  } )()
 
-  if ( callback ) callback( result );
-  return result;
+  if ( callback ) callback( result )
+  return result
 }
 
 $.fetch = {
   get: async ( params,callback ) => {
-    return await fetcher( { ...params,method: 'get' },callback );
+    return await fetcher( { ...params,method: 'get' },callback )
   },
   post: async ( params,callback ) => {
-    return await fetcher( { ...params,method: 'post' },callback );
+    return await fetcher( { ...params,method: 'post' },callback )
   },
   options: async ( params,callback ) => {
-    return await fetcher( { ...params,method: 'options' },callback );
+    return await fetcher( { ...params,method: 'options' },callback )
   },
   put: async ( params,callback ) => {
-    return await fetcher( { ...params,method: 'put' },callback );
+    return await fetcher( { ...params,method: 'put' },callback )
   },
   waitList: [],
   defaultHeaders: {},
@@ -97,14 +97,14 @@ $.fetch = {
     let {
       status,
       statusText
-    } = result;
+    } = result
     if ( status == 500 ) {
       $.NoticeHttpStatus( {
         status,statusText,
         label: <>
           Internal Server Error
         </>
-      } );
+      } )
     }
   }
 }

package/src/@jsminAmotifyExtension/formCollect.tsx

@@ -1,29 +1,29 @@
 import {
   useStore
-} from '@global';
+} from '@global'
 
-let formProcess = false;
+let formProcess = false
 $.formCollect = async ( form ) => {
   if ( formProcess ) return {
     valid: false,
     data: {}
   }
 
-  let focusElement: HTMLElement = document.activeElement as any;
-  if ( focusElement ) focusElement.blur();
+  let focusElement: HTMLElement = document.activeElement as any
+  if ( focusElement ) focusElement.blur()
 
-  formProcess = true;
+  formProcess = true
   let Inputs = $( `[data-form="${ form }"]` ),
     totalValid = 1,
     Values: plainObject = {}
 
   for ( let index = 0; index < Inputs.length; index++ ) {
-    let Input = Inputs[ index ];
+    let Input = Inputs[ index ]
 
-    let { componentId = '' } = Input.dataset;
-    let componentData = useStore.get( componentId );
+    let { componentId = '' } = Input.dataset
+    let componentData = useStore.get( componentId )
 
-    if ( componentData && componentData.Refresh ) await componentData.Refresh();
+    if ( componentData && componentData.Refresh ) await componentData.Refresh()
 
     let {
       value: displayValue,
@@ -35,60 +35,60 @@ $.formCollect = async ( form ) => {
         inputType = '',
         validation
       }
-    } = Inputs[ index ] as any;
-    let Value: any = value;
+    } = Inputs[ index ] as any
+    let Value: any = value
 
-    name = name || dataName;
+    name = name || dataName
 
-    validation = Number( ( validation ?? 'true' ) == 'true' );
+    validation = Number( ( validation ?? 'true' ) == 'true' )
 
     if ( inputType == 'hidden' ) {
-      if ( Value ) Value = JSON.parse( Value );
+      if ( Value ) Value = JSON.parse( Value )
     } else if ( [ 'radio','checkbox','checker' ].includes( inputType ) ) {
       if ( Value ) {
-        Value = JSON.parse( Value );
+        Value = JSON.parse( Value )
         if ( $.is.array( Value ) ) {
           Value = Value.map( ( v ) => JSON.parse( v ) )
         } else {
-          Value = JSON.parse( Value );
+          Value = JSON.parse( Value )
         }
         if ( inputType == 'radio' ) {
-          Value = Value[ 0 ];
+          Value = Value[ 0 ]
         }
         if ( inputType == 'checker' ) {
-          Value = Boolean( Value[ 0 ] );
+          Value = Boolean( Value[ 0 ] )
         }
       }
     } else if ( [ 'chips-single','chips-multi' ].includes( inputType ) ) {
-      Value = JSON.parse( Value );
+      Value = JSON.parse( Value )
       if ( Value.length ) {
-        if ( inputType == 'chips-single' ) Value = Value[ 0 ];
+        if ( inputType == 'chips-single' ) Value = Value[ 0 ]
       }
     } else if ( inputType == 'time' ) {
-      if ( Value ) Value = JSON.parse( Value );
+      if ( Value ) Value = JSON.parse( Value )
     } else if ( inputType == 'select' ) {
-      if ( Value ) Value = JSON.parse( Value );
+      if ( Value ) Value = JSON.parse( Value )
     } else if ( inputType == 'richSelect' ) {
-      if ( Value ) Value = JSON.parse( Value );
+      if ( Value ) Value = JSON.parse( Value )
     } else if ( inputType == 'file' ) {
       if ( componentData ) {
-        let files = componentData.Files;
-        Value = files;
+        let files = componentData.Files
+        Value = files
       }
     } else if ( inputType == 'slider' ) {
-      if ( Value ) Value = JSON.parse( Value );
+      if ( Value ) Value = JSON.parse( Value )
     } else if ( inputType == 'switch' ) {
-      Value = checked | 0;
+      Value = checked | 0
     }
-    let valid = ( validation ?? 1 ) | 0;
-    totalValid &= valid;
+    let valid = ( validation ?? 1 ) | 0
+    totalValid &= valid
 
-    if ( validation ) Values[ name ] = Value;
+    if ( validation ) Values[ name ] = Value
   }
 
-  formProcess = false;
+  formProcess = false
   return {
     valid: Boolean( totalValid ),
     data: Values
-  };
+  }
 }