amotify 0.0.12 → 0.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "UI Component for React",
   "main": "dist/launch.js",
   "types": "dist/@types.d.ts",
@@ -41,8 +41,6 @@
     "@types/google.maps": "^3.50.0",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
-    "@types/react-router": "^5.1.20",
-    "@types/react-router-dom": "^5.3.3",
     "babel-loader": "^8.2.3",
     "babel-preset-preact": "^2.0.0",
     "browser-sync-webpack-plugin": "^2.3.0",
@@ -62,4 +60,4 @@
     "webpack-cli": "^4.9.2",
     "webpack-remove-empty-scripts": "^0.7.3"
   }
-}
+}

package/src/@global.tsx

@@ -102,7 +102,8 @@ const pageTransit: amotify.global.PageTransitParams = {
       pageTransit.pushSync( url );
       return;
     }
-    useStore.get( 'history' ).push( url );
+    let navigate = useStore.get( 'navigate' );
+    navigate( url );
   },
   push: ( url,newTab ) => {
     if ( newTab ) {
@@ -112,7 +113,8 @@ const pageTransit: amotify.global.PageTransitParams = {
     pageTransit.pushAsync( url );
   },
   back: () => {
-    useStore.get( 'history' ).goBack();
+    let navigate = useStore.get( 'navigate' );
+    navigate( -1 );
   },
 }
 

package/src/functions/Input/List/_.tsx

@@ -86,9 +86,11 @@ const Core: React.FC<amotify.fn.Input.List.OriginParams> = ( params ) => {
     override,
     statusID,
     freeCSS,
+    icon,
+    iconType,
 
     enable_form_submit,
-
+    defaultActiveStyling,
     checkValidationAtFirst,
     onValidate,
     onUpdateValue,onUpdateValidValue,
@@ -245,6 +247,7 @@ const CellList: React.FC<{
         ].join( ' ' ) }
         name={ 'RadioCheckbox-' + name }
         data-list-index={ componentID + '-' + index }
+        key={ CellID }
         id={ CellID }
         value={ String( value ) }
         data-form-name={ form }
@@ -312,6 +315,7 @@ const CellList: React.FC<{
         tabIndex={ tabIndex }
       />,
       <Buttons.Label.Plain
+        key={ 'Button-' + CellID }
         htmlFor={ CellID }
         className={ ClassName.join( ' ' ) }
         tabIndex={ -1 }

package/src/functions/Layout/PageRouter.tsx

@@ -17,10 +17,10 @@ import {
 const userEffect = ( beforeCallback?: Function,afterCallback?: Function,afterFirstCallback?: Function ) => {
   const mounted = React.useRef( false );
   let location = useLocation();
-  let history = useNavigate();
+  let navigate = useNavigate();
   useStore.set( {
-    key: 'history',
-    value: history
+    key: 'navigate',
+    value: navigate
   } );
 
   amotify.fn.Sheet.closeAll( true );
@@ -63,6 +63,7 @@ const Switcher: React.FC<amotify.fn.Layout.PageRouter.RoutesSwitchProps> = ( pro
     let { path,content } = page;
     path = '/' + path.replace( /^\//,'' );
 
+
     return <Route
       key={ path }
       path={ path }
@@ -87,12 +88,10 @@ export const PageRouter: React.FC<amotify.fn.Layout.PageRouter.RouterProps> = (
     afterFirstCallBack
   } = props;
 
-  return (
-    <Switcher
-      routes={ pages }
-      beforeCallBack={ beforeCallBack }
-      afterCallBack={ afterCallBack }
-      afterFirstCallBack={ afterFirstCallBack }
-    />
-  );
+  return <Switcher
+    routes={ pages }
+    beforeCallBack={ beforeCallBack }
+    afterCallBack={ afterCallBack }
+    afterFirstCallBack={ afterFirstCallBack }
+  />;
 }

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

@@ -210,7 +210,7 @@ export const RootViewController: amotify.fn.Layout.RootViewController.Methods =
 
       let groups = $.flatArray( uriGroup );
 
-      let currentURL = location.pathname + location.search;
+      let currentURL = location.pathname;
 
       {
         let isCurrentURL = false;
@@ -219,7 +219,6 @@ export const RootViewController: amotify.fn.Layout.RootViewController.Methods =
             location.origin,
             uri.replace( /\//,'' )
           ].join( '/' );
-
           isCurrentURL = currentURL == new URL( url ).pathname;
         }
 

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

@@ -299,8 +299,8 @@ const BodyRows: React.FC<amotify.fn.Tables.Drag.Params> = ( props ) => {
   </> );
 }
 
-
 export const DragTable: React.FC<amotify.fn.Tables.Drag.Params> = ( params ) => {
+  params = { ...params };
   params.colLength = params.colLength + 1;
 
   if ( params.head ) {

package/src/global/LaunchReactApplication.tsx

@@ -26,5 +26,6 @@ export const LaunchReactApplication: amotify.global.LaunchReactApplicationParams
   }
 
   let reactDom = nonRouter ? reactElement : <ReactRouterDom.BrowserRouter children={ reactElement } />;
-  ReactDOMCLient.createRoot( Base ).render( <React.StrictMode children={ reactDom } /> );
+  // ReactDOMCLient.createRoot( Base ).render( <React.StrictMode children={ reactDom } /> );
+  ReactDOMCLient.createRoot( Base ).render( <>{ reactDom }</> );
 }

package/src/molecules/Accordion/parts.tsx

@@ -9,18 +9,19 @@ import {
 import style from './style.module.scss';
 
 const Component: React.FC<amotify.mols.Accordion.Params> = ( params ) => {
+  params = { ...params }
   let {
     accordionID = '',
     slideAnimation = 'fast',
-    open = false,
+    defaultOpen = false,
     ...others
   } = params;
 
   let [ val_wrapID ] = React.useState( $.uuidGen() );
   let [ val_contentID ] = React.useState( $.uuidGen() );
-  let [ val_open,set_open ] = React.useState( open );
+  let [ val_open,set_open ] = React.useState( defaultOpen );
 
-  if ( val_open != open ) set_open( open );
+  if ( val_open != defaultOpen ) set_open( defaultOpen );
 
   let Query = '[data-accordion-content-id="' + val_contentID + '"]';
 
@@ -95,15 +96,15 @@ const Component: React.FC<amotify.mols.Accordion.Params> = ( params ) => {
       value: {
         open: () => {
           set_open( true );
-          params.open = true;
+          // params.open = true;
         },
         close: () => {
           set_open( false );
-          params.open = false;
+          // params.open = false;
         },
         toggle: () => {
           set_open( !val_open );
-          params.open = !val_open;
+          // params.open = !val_open;
         }
       }
     } );