@helpdice/ui 2.5.8-beta.0 → 2.5.9

package/dist/menu/index.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var react = require('react');
 var framerMotion = require('framer-motion');
 var reactDom = require('@floating-ui/react-dom');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -57,7 +58,7 @@ var Menu = function Menu(_ref) {
     children = _ref.children,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement;
-  var _useState = React.useState(false),
+  var _useState = react.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
@@ -74,14 +75,14 @@ var Menu = function Menu(_ref) {
     update = _useFloating.update;
 
   // Auto-update on layout changes
-  React.useEffect(function () {
+  react.useEffect(function () {
     if (open && refs.reference.current && refs.floating.current) {
       return reactDom.autoUpdate(refs.reference.current, refs.floating.current, update);
     }
   }, [open, refs.reference, refs.floating, update]);
 
   // Close when clicking outside
-  React.useEffect(function () {
+  react.useEffect(function () {
     var handleClickOutside = function handleClickOutside(event) {
       if (refs.reference.current && refs.floating.current && !refs.floating.current.contains(event.target)) {
         setOpen(false);
@@ -92,52 +93,57 @@ var Menu = function Menu(_ref) {
       return document.removeEventListener('mousedown', handleClickOutside);
     };
   }, [refs]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: {
       display: 'inline-block'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: refs.setReference,
-    onClick: function onClick() {
-      return setOpen(function (prev) {
-        return !prev;
-      });
-    },
-    style: {
-      cursor: 'pointer'
-    }
-  }, anchor), /*#__PURE__*/React.createElement(framerMotion.AnimatePresence, null, open && /*#__PURE__*/React.createElement(framerMotion.motion.div, {
-    ref: refs.setFloating,
-    initial: {
-      opacity: 0,
-      scale: 0.95,
-      y: -5
-    },
-    animate: {
-      opacity: 1,
-      scale: 1,
-      y: 0
     },
-    exit: {
-      opacity: 0,
-      scale: 0.95,
-      y: -5
-    },
-    transition: {
-      duration: 0.2,
-      ease: 'easeOut'
-    },
-    style: {
-      position: strategy,
-      top: y !== null && y !== void 0 ? y : 0,
-      left: x !== null && x !== void 0 ? x : 0,
-      zIndex: 1000,
-      boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
-      minWidth: '150px'
-    }
-  }, typeof children === 'function' ? children(function () {
-    return setOpen(false);
-  }) : children)));
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: refs.setReference,
+      onClick: function onClick() {
+        return setOpen(function (prev) {
+          return !prev;
+        });
+      },
+      style: {
+        cursor: 'pointer'
+      },
+      children: anchor
+    }), /*#__PURE__*/jsxRuntime.jsx(framerMotion.AnimatePresence, {
+      children: open && /*#__PURE__*/jsxRuntime.jsx(framerMotion.motion.div, {
+        ref: refs.setFloating,
+        initial: {
+          opacity: 0,
+          scale: 0.95,
+          y: -5
+        },
+        animate: {
+          opacity: 1,
+          scale: 1,
+          y: 0
+        },
+        exit: {
+          opacity: 0,
+          scale: 0.95,
+          y: -5
+        },
+        transition: {
+          duration: 0.2,
+          ease: 'easeOut'
+        },
+        style: {
+          position: strategy,
+          top: y !== null && y !== void 0 ? y : 0,
+          left: x !== null && x !== void 0 ? x : 0,
+          zIndex: 1000,
+          boxShadow: '0 2px 8px rgba(0,0,0,0.15)',
+          minWidth: '150px'
+        },
+        children: typeof children === 'function' ? children(function () {
+          return setOpen(false);
+        }) : children
+      })
+    })]
+  });
 };
 
 exports.default = Menu;