@transferwise/components 0.0.0-experimental-c9cdfe3 → 0.0.0-experimental-79c0fba

package/build/index.js

@@ -1786,15 +1786,14 @@ const useLayout = () => {
 
 const EXIT_ANIMATION = 350;
 const SlidingPanel = /*#__PURE__*/React.forwardRef(({
-  children,
-  className,
+  position = 'left',
   open,
-  position,
   showSlidingPanelBorder,
   slidingPanelPositionFixed,
+  className,
+  children,
   ...rest
 }, reference) => {
-  /** @type {RefObject<HTMLDivElement>} */
   const localReference = React.useRef(null);
   return /*#__PURE__*/React.createElement(reactTransitionGroup.CSSTransition, {
     ...rest,
@@ -1807,34 +1806,15 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
       enter: 0,
       exit: EXIT_ANIMATION
     },
-    classNames: classNames__default.default(`sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, {
-      'sliding-panel--fixed': slidingPanelPositionFixed
-    }, 'sliding-panel'),
+    classNames: "sliding-panel",
     appear: true,
     unmountOnExit: true
   }, /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: mergeRefs__default.default([reference, localReference]),
-    className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, className),
+    className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, slidingPanelPositionFixed && 'sliding-panel--fixed', className),
     children: children
   }));
 });
-SlidingPanel.propTypes = {
-  children: PropTypes__default.default.node,
-  className: PropTypes__default.default.string,
-  open: PropTypes__default.default.bool,
-  position: PropTypes__default.default.oneOf(['top', 'bottom', 'left', 'right']),
-  showSlidingPanelBorder: PropTypes__default.default.bool,
-  slidingPanelPositionFixed: PropTypes__default.default.bool
-};
-SlidingPanel.defaultProps = {
-  children: null,
-  className: undefined,
-  open: false,
-  position: 'left',
-  showSlidingPanelBorder: false,
-  slidingPanelPositionFixed: false
-};
-var SlidingPanel$1 = SlidingPanel;
 
 const Drawer = ({
   children,
@@ -1853,7 +1833,7 @@ const Drawer = ({
   return /*#__PURE__*/jsxRuntime.jsx(Dimmer$1, {
     open: open,
     onClose: onClose,
-    children: /*#__PURE__*/jsxRuntime.jsx(SlidingPanel$1, {
+    children: /*#__PURE__*/jsxRuntime.jsx(SlidingPanel, {
       open: open,
       position: isMobile ? exports.Position.BOTTOM : position,
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -1970,15 +1950,15 @@ const BottomSheet$1 = props => {
       props.onClose(event);
     }
   }
-  const onSwipeStart = isMobile => event => {
-    initialYCoordinate.current = (isMobile ? event.touches[0] : event).clientY;
+  const onSwipeStart = event => {
+    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;
     setPressed(true);
   };
-  const onSwipeMove = isMobile => event => {
+  const onSwipeMove = event => {
     if (pressed) {
       const {
         clientY
-      } = isMobile ? event.touches[0] : event;
+      } = 'touches' in event ? event.touches[0] : event;
       const offset = calculateOffsetAfterMove(clientY);
       // check whether move is to the bottom only and content scroll position is at the top
       if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {
@@ -2047,34 +2027,37 @@ const BottomSheet$1 = props => {
     fadeContentOnEnter: true,
     fadeContentOnExit: true,
     onClose: close,
-    children: /*#__PURE__*/jsxRuntime.jsxs(SlidingPanel$1, {
+    children: /*#__PURE__*/jsxRuntime.jsx(SlidingPanel, {
       ref: bottomSheetReference,
       open: props.open,
       position: exports.Position.BOTTOM,
       className: classNames__default.default('np-bottom-sheet', props.className),
-      role: "dialog",
-      onTouchStart: onSwipeStart(true),
-      onTouchMove: onSwipeMove(true),
-      onTouchEnd: onSwipeEnd,
-      onMouseDown: onSwipeStart(false),
-      onMouseMove: onSwipeMove(false),
-      onMouseUp: onSwipeEnd,
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        ref: topBarReference,
-        className: "np-bottom-sheet--top-bar",
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "np-bottom-sheet--handler"
-        }), /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
-          size: "sm",
-          className: "sr-only np-bottom-sheet--close-btn",
-          onClick: close
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        role: "dialog",
+        "aria-modal": true,
+        onTouchStart: onSwipeStart,
+        onTouchMove: onSwipeMove,
+        onTouchEnd: onSwipeEnd,
+        onMouseDown: onSwipeStart,
+        onMouseMove: onSwipeMove,
+        onMouseUp: onSwipeEnd,
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          ref: topBarReference,
+          className: "np-bottom-sheet--top-bar",
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "np-bottom-sheet--handler"
+          }), /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
+            size: "sm",
+            className: "sr-only np-bottom-sheet--close-btn",
+            onClick: close
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          ref: contentReference,
+          style: setContentMaxHeight(),
+          className: "np-bottom-sheet--content",
+          children: props.children
         })]
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        ref: contentReference,
-        style: setContentMaxHeight(),
-        className: "np-bottom-sheet--content",
-        children: props.children
-      })]
+      })
     })
   });
 };
@@ -10975,28 +10958,19 @@ function SnackbarProvider({
   });
 }
 
-const Sticky = ({
-  open,
-  position,
+function Sticky({
+  open = true,
+  position = 'bottom',
   children
-}) => /*#__PURE__*/jsxRuntime.jsx(SlidingPanel$1, {
-  open: open,
-  position: position,
-  slidingPanelPositionFixed: true,
-  showSlidingPanelBorder: true,
-  children: children
-});
-Sticky.propTypes = {
-  open: PropTypes__default.default.bool,
-  position: PropTypes__default.default.oneOf(['top', 'bottom']),
-  children: PropTypes__default.default.node
-};
-Sticky.defaultProps = {
-  open: true,
-  position: 'bottom',
-  children: null
-};
-var Sticky$1 = Sticky;
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(SlidingPanel, {
+    open: open,
+    position: position,
+    slidingPanelPositionFixed: true,
+    showSlidingPanelBorder: true,
+    children: children
+  });
+}
 
 var messages$1 = reactIntl.defineMessages({
   statusNotDone: {
@@ -15187,14 +15161,14 @@ exports.Select = Select;
 exports.SelectInput = SelectInput;
 exports.SelectInputOptionContent = SelectInputOptionContent;
 exports.SelectInputTriggerButton = SelectInputTriggerButton;
-exports.SlidingPanel = SlidingPanel$1;
+exports.SlidingPanel = SlidingPanel;
 exports.SnackbarConsumer = SnackbarConsumer;
 exports.SnackbarContext = SnackbarContext;
 exports.SnackbarPortal = SnackbarPortal;
 exports.SnackbarProvider = SnackbarProvider;
 exports.StatusIcon = StatusIcon;
 exports.Stepper = Stepper;
-exports.Sticky = Sticky$1;
+exports.Sticky = Sticky;
 exports.Summary = Summary;
 exports.Switch = Switch;
 exports.SwitchOption = SwitchOption;