amotify 0.0.52 → 0.0.54

package/package.json

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

package/src/@styles/props.scss

@@ -67,11 +67,11 @@ $font-size7 : var(--font-size7);
 $font-size8 : var(--font-size8);
 //
 $shadow-color : var(--sc);
-$shadow0 : 0 0 0 transparent inset,(--shadow_style_0) var(--shadow_color_thin);
-$shadow1 : 0 0 0 transparent inset,(--shadow_style_0) var(--shadow_color_normal);
-$shadow2 : 0 0 0 transparent inset,(--shadow_style_1) var(--shadow_color_remark);
-$shadow3 : 0 0 0 transparent inset,(--shadow_style_3) var(--shadow_color_remark);
-$shadow4 : 0 0 0 transparent inset,(--shadow_style_4) var(--shadow_color_remark);
+$shadow0 : 0 0 0 transparent inset,var(--shadow_style_0) var(--shadow_color_thin);
+$shadow1 : 0 0 0 transparent inset,var(--shadow_style_0) var(--shadow_color_normal);
+$shadow2 : 0 0 0 transparent inset,var(--shadow_style_1) var(--shadow_color_remark);
+$shadow3 : 0 0 0 transparent inset,var(--shadow_style_3) var(--shadow_color_remark);
+$shadow4 : 0 0 0 transparent inset,var(--shadow_style_4) var(--shadow_color_remark);
 
 $animation-time-short : var(--animation-time1);
 $animation-time-middle : var(--animation-time2);

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

@@ -213,6 +213,7 @@ const Core: React.FC<amotify.fn.Input.Chips.PlainParams> = ( params ) => {
       label={ label }
       removeCallback={ removeCallback }
       defaultRemoveButton={ <Buttons.Button.Sub.S
+        padding={ '2/3' }
         flexSizing={ 'none' }
         color='cloud'
         backgroundColor='cloud'
@@ -269,7 +270,7 @@ const Core: React.FC<amotify.fn.Input.Chips.PlainParams> = ( params ) => {
       } }
       onClick={ () => {
         if ( isFully ) return;
-        if ( val_selected.length ) return;
+        // if ( val_selected.length ) return;
         OpenSelector();
       } }
       { ...others }

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

@@ -675,7 +675,11 @@ const KeyDownEvent = ( props: {
     {
       let nextFormatValue = String( formatValue ).partReplace( from,String( partsValue ) );
       let nextDataValue = nextFormatValue.split( PeriodMargin ).map( ( value ) => {
-        return value.replace( /(^\D|\D$)/,'' ).split( /\D+/ ).join( restrict == 'clock' ? ':' : '/' );
+        return value
+          .replace( /(^\D|\D$)/,'' )
+          .split( /\D+/ )
+          .join( restrict == 'clock' ? ':' : '/' )
+          .replace( /(^\D|\D$)/,'' );
       } );
       if ( restrict == 'dateWareki' ) {
         let v = nextDataValue[ 0 ].split( /\D/ );

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

@@ -77,7 +77,7 @@ export const RootViewController: amotify.fn.Layout.RootViewController.Methods =
           flexSizing={ 0 }
           width={ 0 }
           UnderBreakPointStyles={ {
-            width: 1
+            width: 'auto'
           } }
         >
           { Chilren }

package/src/functions/Sheet/parts.tsx

@@ -80,6 +80,7 @@ const Comps = {
   },
   mainSheetScrolls: 0,
   subSheetLength: 0,
+  currentIndex: 0,
   Core: ( params: Params ) => {
     let [ val_componentID ] = React.useState( $.uuidGen() );
     let [ val_params,set_params ] = React.useState( params );
@@ -89,7 +90,7 @@ const Comps = {
       type,
       sheetID,
       openAfter,
-      closeAfter
+      closeAfter,
     } = val_params;
 
     let isNewSheet = !params.overwrap;
@@ -135,7 +136,7 @@ const Comps = {
               } as any );
             }
           },
-          close: () => {
+          close: ( force: boolean ) => {
             Comps.contents[ sheetID! ].open = false;
 
             set_open( false );
@@ -149,6 +150,8 @@ const Comps = {
       } );
     } );
     React.useEffect( () => {
+      Comps.currentIndex++;
+
       let {
         close_option
       } = params;
@@ -231,11 +234,13 @@ const Comps = {
             .addClass( style.Hide )
             .callback( () => {
               !closeAfter || closeAfter();
-              params.hold_state || $.fnScope( () => {
-                delete Comps.contents[ sheetID! ];
-                $( '#Sheet-' + sheetID ).remove();
-                $().removeEvent( 'SheetClosation-' + sheetID! );
-              } );
+
+              if ( params.hold_state ) {
+                return;
+              }
+              delete Comps.contents[ sheetID! ];
+              $( '#Sheet-' + sheetID ).remove();
+              $().removeEvent( 'SheetClosation-' + sheetID! );
             } );
         }
       } );
@@ -254,7 +259,7 @@ const Comps = {
       height={ 0 }
       ssAbsoluteCovered
       freeCSS={ {
-        zIndex: Object.keys( Comps.contents ).length + 1
+        zIndex: Comps.currentIndex + 1
       } }
       id={ val_componentID }
     >
@@ -942,7 +947,7 @@ const Sheet: amotify.fn.Sheet.Methods = {
     let Comps = useStore.get( 'customSheet-' + sheetID );
     if ( Comps && Comps.reposition ) Comps.reposition();
   },
-  close: function ( sheetID,et ) {
+  close: function ( sheetID,et,force ) {
     let Content;
     sheetID = sheetID?.replace( /\./g,'-' );
     Content = Comps.contents[ sheetID ];
@@ -955,7 +960,7 @@ const Sheet: amotify.fn.Sheet.Methods = {
       let { sheetID } = params;
 
       let component = useStore.get( sheetID! );
-      if ( component && component.close ) component.close();
+      component && component.close && component.close( force );
     }
   },
   closeGroup: ( sheetGroup ) => {
@@ -970,7 +975,7 @@ const Sheet: amotify.fn.Sheet.Methods = {
       if ( pageTransit ) {
         if ( value.params.close_option?.pageTransit == false ) continue;
       }
-      Sheet.close( key,'pageTransit' );
+      Sheet.close( key,'pageTransit',true );
     }
   },
   Comps: {

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

@@ -77,7 +77,7 @@ html {
         transition: $animation-time-short;
         .BaseBody {
           transition: $animation-time-short;
-          box-shadow: 0 0 0 transparent inset, $shadow4;
+          box-shadow: $shadow4;
         }
       }
       .BB {
@@ -153,7 +153,7 @@ html {
       .TapSensor:active + .BB {
         transform: scale(1.015);
         transition: $animation-time-short;
-        box-shadow: 0 0 0 transparent inset, $shadow4;
+        box-shadow: $shadow4;
       }
       .BB {
         transform: scale(.95);

package/webpack.config.js

@@ -17,7 +17,7 @@ module.exports = ( () => {
   }
   let project = {
     name: 'amotify',
-    ver: 'v3.1.2',
+    ver: 'v0.0.53',
     author: 'mingoo LLC.',
     details: 'https://mingoo.co.jp/'
   }