@sikka/hawa 0.8.14-next → 0.8.15-next

package/dist/index.d.mts

@@ -116,7 +116,7 @@ interface ItemCardTypes {
     /** a URL for the image of the card */
     cardImage?: string;
     /** a function that fires when the card is clicked anywhere */
-    onCardClick?: any;
+    onCardClick?: (event: React__default.MouseEvent<HTMLDivElement>) => void;
     /** a React node with HawaIconCount children to have counters at the bottom of the card */
     counts?: JSX.Element;
     /** The action buttons on the bottom right of the card */

package/dist/index.d.ts

@@ -116,7 +116,7 @@ interface ItemCardTypes {
     /** a URL for the image of the card */
     cardImage?: string;
     /** a function that fires when the card is clicked anywhere */
-    onCardClick?: any;
+    onCardClick?: (event: React__default.MouseEvent<HTMLDivElement>) => void;
     /** a React node with HawaIconCount children to have counters at the bottom of the card */
     counts?: JSX.Element;
     /** The action buttons on the bottom right of the card */

package/dist/index.js

@@ -1362,7 +1362,8 @@ var DropdownMenu = function(param) {
 };
 // components/elements/cards/ItemCard.tsx
 var ItemCard = function(_param) {
-    var handleOpenActionHeader = function handleOpenActionHeader() {
+    var handleOpenActionHeader = function handleOpenActionHeader(e) {
+        e.stopPropagation();
         setOpenActionHeader(!openActionHeader);
     };
     var actions = _param.actions, counts = _param.counts, content = _param.content, headerActions = _param.headerActions, clickableImage = _param.clickableImage, clickableImageAction = _param.clickableImageAction, clickableImageActionText = _param.clickableImageActionText, clickableImageActionIcon = _param.clickableImageActionIcon, header = _param.header, cardImage = _param.cardImage, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, props = _object_without_properties(_param, [
@@ -1404,11 +1405,17 @@ var ItemCard = function(_param) {
         openActionHeader
     ]);
     return /* @__PURE__ */ import_react5.default.createElement("div", _object_spread({
-        className: (0, import_clsx5.default)(defaultStyle, orientationStyles[orientation])
+        className: (0, import_clsx5.default)(defaultStyle, orientationStyles[orientation]),
+        onClick: function(e) {
+            e.stopPropagation();
+            if (props.onCardClick) {
+                props.onCardClick(e);
+            }
+        }
     }, props), cardImage && /* @__PURE__ */ import_react5.default.createElement("div", {
         className: "hawa-group hawa-relative hawa-overflow-clip"
     }, /* @__PURE__ */ import_react5.default.createElement("img", {
-        src: "https://via.placeholder.com/50",
+        src: cardImage,
         className: (0, import_clsx5.default)(imageStyles[orientation], clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : "")
     }), clickableImage && /* @__PURE__ */ import_react5.default.createElement("div", {
         className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 "
@@ -1441,7 +1448,15 @@ var ItemCard = function(_param) {
         className: "hawa-w-full hawa-font-normal hawa-text-gray-700 dark:hawa-text-gray-400"
     }, content), actions || counts ? /* @__PURE__ */ import_react5.default.createElement("div", {
         className: (0, import_clsx5.default)("hawa-mt-3 hawa-flex hawa-items-center hawa-rounded-b-lg dark:hawa-text-white ", actions && counts ? "hawa-justify-between" : "hawa-justify-end")
-    }, counts, actions) : null));
+    }, counts, /* @__PURE__ */ import_react5.default.createElement(StopPropagationWrapper, null, actions)) : null));
+};
+var StopPropagationWrapper = function(props) {
+    var handleClick = function(e) {
+        e.stopPropagation();
+    };
+    return /* @__PURE__ */ import_react5.default.createElement("div", {
+        onClick: handleClick
+    }, props.children);
 };
 // components/elements/Dialog.tsx
 var React9 = __toESM(require("react"));

package/dist/index.mjs

@@ -747,7 +747,8 @@ var ItemCard = ({
   };
   let headerActionsButtonStyle = "hawa-inline-block hawa-rounded hawa-p-1 hawa-text-sm hawa-text-gray-500 hover:hawa-bg-gray-100 focus:hawa-outline-none focus:hawa-ring-4 focus:hawa-ring-gray-200 dark:hawa-text-gray-400 dark:hover:hawa-bg-gray-700 dark:focus:hawa-ring-gray-700";
   const [openActionHeader, setOpenActionHeader] = useState3(false);
-  function handleOpenActionHeader() {
+  function handleOpenActionHeader(e) {
+    e.stopPropagation();
     setOpenActionHeader(!openActionHeader);
   }
   useEffect2(() => {
@@ -762,12 +763,18 @@ var ItemCard = ({
     "div",
     {
       className: clsx5(defaultStyle, orientationStyles[orientation]),
+      onClick: (e) => {
+        e.stopPropagation();
+        if (props.onCardClick) {
+          props.onCardClick(e);
+        }
+      },
       ...props
     },
     cardImage && /* @__PURE__ */ React8.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ React8.createElement(
       "img",
       {
-        src: "https://via.placeholder.com/50",
+        src: cardImage,
         className: clsx5(
           imageStyles[orientation],
           clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
@@ -815,10 +822,16 @@ var ItemCard = ({
         )
       },
       counts,
-      actions
+      /* @__PURE__ */ React8.createElement(StopPropagationWrapper, null, actions)
     ) : null)
   );
 };
+var StopPropagationWrapper = (props) => {
+  const handleClick = (e) => {
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ React8.createElement("div", { onClick: handleClick }, props.children);
+};
 
 // components/elements/Dialog.tsx
 import * as React9 from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.8.14-next",
+  "version": "0.8.15-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {