@transferwise/components 0.0.0-experimental-cbd2a4c → 0.0.0-experimental-9dec57a

package/build/index.js

@@ -5,7 +5,6 @@ var classNames = require('classnames');
 var jsxRuntime = require('react/jsx-runtime');
 var icons = require('@transferwise/icons');
 var reactIntl = require('react-intl');
-var PropTypes = require('prop-types');
 var commonmark = require('commonmark');
 var componentsTheming = require('@wise/components-theming');
 var reactTransitionGroup = require('react-transition-group');
@@ -18,6 +17,7 @@ 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,9 +46,9 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var commonmark__default = /*#__PURE__*/_interopDefault(commonmark);
 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);
 var requiredIf__default = /*#__PURE__*/_interopDefault(requiredIf);
@@ -860,21 +860,14 @@ function stripNodes({
 }
 
 const allowList = [exports.MarkdownNodeType.STRONG];
-const InlineMarkdown = props => {
+function InlineMarkdown(props) {
   return /*#__PURE__*/jsxRuntime.jsx(Markdown, {
     ...props,
     as: "span",
     allowList: allowList,
     blockList: undefined
   });
-};
-InlineMarkdown.propTypes = {
-  children: PropTypes__default.default.string.isRequired,
-  className: PropTypes__default.default.string
-};
-InlineMarkdown.defaultProps = {
-  className: undefined
-};
+}
 
 var messages$c = reactIntl.defineMessages({
   opensInNewTab: {
@@ -2779,15 +2772,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
@@ -2825,32 +2818,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;
@@ -2980,7 +2948,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,
@@ -5573,7 +5541,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,
@@ -10401,7 +10369,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,
@@ -14725,7 +14693,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;