@sendoutcards/quantum-design-ui 1.8.39 → 1.8.40

package/dist/index.es.js

@@ -12034,26 +12034,30 @@ const useOutsideClick = (ref, handler, targetIdBypass) => {
 };
 
 const Div = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const rest = __rest(props, []);
+  const {
+      animate,
+      children,
+      className,
+      clickElementBypass,
+      motionKey,
+      onClick,
+      onMouseEvent,
+      outsideClick
+    } = props,
+    rest = __rest(props, ["animate", "children", "className", "clickElementBypass", "motionKey", "onClick", "onMouseEvent", "outsideClick"]);
   const entities = useEntities();
   const generatedDivStyles = generateStyles(props, entities);
   useOutsideClick(ref, () => {
-    props.outsideClick && props.outsideClick();
-  }, props.clickElementBypass);
-  return jsx(motion.div, _extends({}, props, {
-    key: props.motionKey,
+    outsideClick && outsideClick();
+  }, clickElementBypass);
+  return jsx(motion.div, _extends({}, rest, {
+    key: motionKey,
     ref: ref,
-    animate: process.env.NODE_ENV === 'test' ? undefined : props.animate,
-    onClick: props.onMouseEvent ? e => {
-      var _a;
-      return (_a = props.onMouseEvent) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    } : () => {
-      var _a;
-      return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
-    },
+    animate: process.env.NODE_ENV === 'test' ? undefined : animate,
+    onClick: onMouseEvent ? e => onMouseEvent === null || onMouseEvent === void 0 ? void 0 : onMouseEvent(e) : () => onClick === null || onClick === void 0 ? void 0 : onClick(),
     css: styles$R.divStyles(generatedDivStyles),
-    className: `${props.className ? props.className : ''}`
-  }, rest), props.children);
+    className: `${className ? className : ''}`
+  }), children);
 });
 
 const useWindowSize = () => {
@@ -12589,28 +12593,27 @@ var styles$L = {
 const Flex = props => {
   const entities = useEntities();
   const {
-      display = 'flex'
+      display = 'flex',
+      onClick,
+      onMouseEvent,
+      outsideClick,
+      className,
+      children
     } = props,
-    rest = __rest(props, ["display"]);
-  const generatedDivStyles = generateStyles(Object.assign({
+    rest = __rest(props, ["display", "onClick", "onMouseEvent", "outsideClick", "className", "children"]);
+  const generatedDivStyles = generateStyles(Object.assign(Object.assign({}, props), {
     display
-  }, rest), entities);
+  }), entities);
   const ref = useRef(null);
   useOutsideClick(ref, () => {
-    props.outsideClick && props.outsideClick();
+    outsideClick === null || outsideClick === void 0 ? void 0 : outsideClick();
   });
   return jsx(motion.main, _extends({}, rest, {
     ref: ref,
-    onClick: props.onMouseEvent ? e => {
-      var _a;
-      return (_a = props.onMouseEvent) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    } : () => {
-      var _a;
-      return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
-    },
+    onClick: onMouseEvent ? e => onMouseEvent === null || onMouseEvent === void 0 ? void 0 : onMouseEvent(e) : () => onClick === null || onClick === void 0 ? void 0 : onClick(),
     css: styles$L.flexStyles(generatedDivStyles),
-    className: `${props.className ? props.className : ''}`
-  }), props.children);
+    className: `${className ? className : ''}`
+  }), children);
 };
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$u() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -12783,6 +12786,7 @@ const HStack = ({
     if (child) {
       const isLastItem = i === childrenArray.length - 1;
       return jsx(Div, {
+        key: i,
         outset: typeof gap === 'object' ? gap : {
           right: isLastItem ? 'x0' : gap,
           bottom: shouldWrap ? gap : 'x0'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.39",
+  "version": "1.8.40",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",