@transferwise/components 0.0.0-experimental-bb41164 → 0.0.0-experimental-99ffc11

package/build/index.js

@@ -11,13 +11,13 @@ var reactTransitionGroup = require('react-transition-group');
 var focus = require('@react-aria/focus');
 var reactDom = require('react-dom');
 var neptuneValidation = require('@transferwise/neptune-validation');
-var PropTypes = require('prop-types');
 var formatting = require('@transferwise/formatting');
 var react$1 = require('@headlessui/react');
 var mergeProps = require('merge-props');
 var react = require('@floating-ui/react');
 var overlays = require('@react-aria/overlays');
 var reactPopper = require('react-popper');
+var PropTypes = require('prop-types');
 var art = require('@wise/art');
 var clamp$2 = require('lodash.clamp');
 var debounce = require('lodash.debounce');
@@ -46,8 +46,8 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var commonmark__default = /*#__PURE__*/_interopDefault(commonmark);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clamp__default = /*#__PURE__*/_interopDefault(clamp$2);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
@@ -2744,15 +2744,15 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
   }));
 });
 
-const Drawer = ({
+function Drawer({
   children,
   className,
   footerContent,
   headerTitle,
   onClose,
-  open,
-  position
-}) => {
+  open = false,
+  position = 'right'
+}) {
   logActionRequiredIf('Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.', !onClose);
   const {
     isMobile
@@ -2790,32 +2790,7 @@ const Drawer = ({
       })
     })
   });
-};
-Drawer.propTypes = {
-  /** The content to appear in the drawer body. */
-  children: PropTypes__default.default.node,
-  className: PropTypes__default.default.string,
-  /** The content to appear in the drawer footer. */
-  footerContent: PropTypes__default.default.node,
-  /** The content to appear in the drawer header. */
-  headerTitle: PropTypes__default.default.node,
-  /** The status of Drawer either open or not. */
-  open: PropTypes__default.default.bool,
-  /** The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */
-  position: PropTypes__default.default.oneOf(['left', 'right', 'bottom']),
-  /** The action to perform on close click. */
-  onClose: PropTypes__default.default.func
-};
-Drawer.defaultProps = {
-  children: null,
-  className: undefined,
-  footerContent: null,
-  headerTitle: null,
-  onClose: null,
-  open: false,
-  position: exports.Position.RIGHT
-};
-var Drawer$1 = Drawer;
+}
 
 const INITIAL_Y_POSITION = 0;
 const CONTENT_SCROLL_THRESHOLD = 1;
@@ -2945,7 +2920,7 @@ const BottomSheet$1 = props => {
     };
   }
   const is400Zoom = useMedia(`(max-width: ${exports.Breakpoint.ZOOM_400}px)`);
-  return is400Zoom ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
+  return is400Zoom ? /*#__PURE__*/jsxRuntime.jsx(Drawer, {
     open: props.open,
     className: props.className,
     onClose: close,
@@ -5538,7 +5513,7 @@ const Modal = ({
   const noDivider = checkSpecialClasses('no-divider');
   const contentReference = React.useRef(null);
   const titleId = React.useId();
-  return !isMedium ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
+  return !isMedium ? /*#__PURE__*/jsxRuntime.jsx(Drawer, {
     open: open,
     headerTitle: title,
     footerContent: footer,
@@ -10366,7 +10341,7 @@ function Select({
       , {
         className: classNames__default.default(s('tw-icon'), s('tw-chevron-up-icon'), s('tw-chevron'), s('bottom'), s('np-select-chevron'))
       })]
-    }), isMobile ? isSearchEnabled ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
+    }), isMobile ? isSearchEnabled ? /*#__PURE__*/jsxRuntime.jsx(Drawer, {
       open: open,
       headerTitle: searchPlaceholder || formatMessage(messages$2.searchPlaceholder),
       onClose: handleCloseOptions,
@@ -14690,7 +14665,7 @@ exports.DefinitionList = DefinitionList;
 exports.Dimmer = Dimmer$1;
 exports.DirectionProvider = DirectionProvider;
 exports.Display = Display;
-exports.Drawer = Drawer$1;
+exports.Drawer = Drawer;
 exports.DropFade = DropFade;
 exports.Emphasis = Emphasis;
 exports.Field = Field;