use default imports for commonjs sources

src/Lock.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import * as constants from 'focus-lock/constants';
 import { useMergeRefs } from 'use-callback-ref';
 
@@ -191,4 +192,36 @@ const FocusLock = React.forwardRef(function FocusLockUI(props, parentRef) {
   );
 });
 
+
+const {
+  node, bool, string, any, arrayOf, oneOfType, object, func,
+} = PropTypes;
+FocusLock.propTypes = {
+  children: node,
+  disabled: bool,
+  returnFocus: oneOfType([bool, object, func]),
+  focusOptions: object,
+  noFocusGuards: bool,
+  hasPositiveIndices: bool,
+
+  allowTextSelection: bool,
+  autoFocus: bool,
+  persistentFocus: bool,
+  crossFrame: bool,
+
+  group: string,
+  className: string,
+
+  whiteList: func,
+  shards: arrayOf(any),
+
+  as: oneOfType([string, func, object]),
+  lockProps: object,
+
+  onActivation: func,
+  onDeactivation: func,
+
+  sideCar: any.isRequired,
+};
+
 export default FocusLock;

src/Trap.js

@@ -2,17 +2,20 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import withSideEffect from 'react-clientside-effect';
-import {
+import focusLockPkg from 'focus-lock';
+import { deferAction, extractRef } from './util.js';
+import { mediumFocus, mediumBlur, mediumEffect } from './medium.js';
+
+
+const {
   moveFocusInside, focusInside,
   focusIsHidden, expandFocusableNodes,
   focusNextElement,
   focusPrevElement,
   focusFirstElement,
   focusLastElement,
   captureFocusRestore,
-} from 'focus-lock';
-import { deferAction, extractRef } from './util.js';
-import { mediumFocus, mediumBlur, mediumEffect } from './medium.js';
+} = focusLockPkg;
 
 const focusOnBody = () => (
   document && document.activeElement === document.body