@transferwise/components 0.0.0-experimental-a4db2ca → 0.0.0-experimental-2ce5185

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 mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+var mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
 var clamp__default = /*#__PURE__*/_interopDefault(clamp$2);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
@@ -2744,15 +2744,15 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
   }));
 });
 
-function Drawer({
+const Drawer = ({
   children,
   className,
   footerContent,
   headerTitle,
   onClose,
-  open = false,
-  position = 'right'
-}) {
+  open,
+  position
+}) => {
   logActionRequiredIf('Drawer now expects `onClose`, and will soon make this prop required. Please update your usage to provide it.', !onClose);
   const {
     isMobile
@@ -2790,7 +2790,32 @@ function 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;
@@ -2920,7 +2945,7 @@ const BottomSheet$1 = props => {
     };
   }
   const is400Zoom = useMedia(`(max-width: ${exports.Breakpoint.ZOOM_400}px)`);
-  return is400Zoom ? /*#__PURE__*/jsxRuntime.jsx(Drawer, {
+  return is400Zoom ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
     open: props.open,
     className: props.className,
     onClose: close,
@@ -5513,7 +5538,7 @@ const Modal = ({
   const noDivider = checkSpecialClasses('no-divider');
   const contentReference = React.useRef(null);
   const titleId = React.useId();
-  return !isMedium ? /*#__PURE__*/jsxRuntime.jsx(Drawer, {
+  return !isMedium ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
     open: open,
     headerTitle: title,
     footerContent: footer,
@@ -10341,7 +10366,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, {
+    }), isMobile ? isSearchEnabled ? /*#__PURE__*/jsxRuntime.jsx(Drawer$1, {
       open: open,
       headerTitle: searchPlaceholder || formatMessage(messages$2.searchPlaceholder),
       onClose: handleCloseOptions,
@@ -14665,7 +14690,7 @@ exports.DefinitionList = DefinitionList;
 exports.Dimmer = Dimmer$1;
 exports.DirectionProvider = DirectionProvider;
 exports.Display = Display;
-exports.Drawer = Drawer;
+exports.Drawer = Drawer$1;
 exports.DropFade = DropFade;
 exports.Emphasis = Emphasis;
 exports.Field = Field;