bump sidecar

Author: theKashey

.storybook/webpack.config.js renamed to .storybook/_webpack.config.js

@@ -5,5 +5,5 @@ module.exports = (baseConfig, env, defaultConfig) => {
 
   // defaultConfig.resolve.alias['../src/index'] = path.resolve(__dirname, '../dist/es2015/index.js')
 
-  return defaultConfig;
+  return baseConfig;
 };

_tests/FocusLock.spec.js

@@ -600,13 +600,15 @@ describe('react-focus-lock', () => {
         expect(document.activeElement.innerHTML).to.be.equal('action');
       });
 
-      it('MoveFocusInside works without FocusLock', () => {
+      it('MoveFocusInside works without FocusLock', async () => {
         mount(<MoveFocusInside>
           <div>text
             <button>action</button>
             text
           </div>
         </MoveFocusInside>);
+        expect(document.activeElement.innerHTML).not.to.be.equal('action');
+        await tick();
         expect(document.activeElement.innerHTML).to.be.equal('action');
       });
 

package.json

@@ -96,6 +96,6 @@
     "focus-lock": "^0.6.4",
     "prop-types": "^15.6.2",
     "react-clientside-effect": "^1.2.1",
-    "use-sidecar": "^0.2.0"
+    "use-sidecar": "^1.0.0"
   }
 }

src/Lock.js

@@ -41,7 +41,7 @@ function FocusLock(props) {
     }
   }, []);
 
-  // MEDUIM CALLBACKS
+  // MEDIUM CALLBACKS
 
   const onFocus = useCallback((event) => {
     if (isActive.current) {

src/MoveFocusInside.js

@@ -18,7 +18,7 @@ function MoveFocusInside({ disabled: isDisabled, className, children }) {
     });
   };
 
-  React.useLayoutEffect(() => {
+  React.useEffect(() => {
     disabled.current = isDisabled;
     moveFocus();
   }, [isDisabled]);

src/Trap.js

@@ -205,7 +205,7 @@ function handleStateChangeOnClient(traps) {
 }
 
 // bind medium
-mediumFocus.assignMedium(onFocus);
+mediumFocus.assignSyncMedium(onFocus);
 mediumBlur.assignMedium(onBlur);
 mediumEffect.assignMedium(cb => cb({
   moveFocusInside,

src/medium.js

@@ -8,4 +8,6 @@ export const mediumBlur = createMedium();
 
 export const mediumEffect = createMedium();
 
-export const mediumSidecar = createSidecarMedium();
+export const mediumSidecar = createSidecarMedium({
+  async: true
+});

yarn.lock

@@ -13786,10 +13786,10 @@ url@^0.11.0:
     punycode "1.3.2"
     querystring "0.2.0"
 
-use-sidecar@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-0.2.0.tgz#4a25c17ccd7d48b763dd6aff82ac36452ef973a5"
-  integrity sha512-Lc/ufC5jwasJwWx+NTDgXzzBCw86XIbydKRieE19auvu5D6nTqE6cz6TT9DNCtVnFprGoV3FzsAYVdc+uLQ0lA==
+use-sidecar@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.0.0.tgz#29e6d33e9eb58577b821a8ff53767302fde5ac8e"
+  integrity sha512-j3mTfU91uqwVeG/zcICvb+rWt9PnBCJPiVNrpI3Vlu/VxIp8Rnf7yJ+gxHDrLzsEKKWaXozUWhkU3c3AlVPD2Q==
   dependencies:
     detect-node "^2.0.4"
     tslib "^1.9.3"