authscape 1.0.412 → 1.0.416

package/index.js

@@ -2376,7 +2376,7 @@ exports.Item = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _material = require("@mui/material");
-var _excluded = ["color", "dragOverlay", "dragging", "disabled", "fadeIn", "name", "handle", "handleProps", "height", "itemStyles", "cardDetail", "CardTemplate", "index", "listeners", "onRemove", "renderItem", "sorting", "style", "transition", "transform", "value", "handleMoreClick", "handleMoreClose", "wrapperStyle"]; // import { Handle } from './Handle';
+var _excluded = ["color", "dragOverlay", "dragging", "disabled", "fadeIn", "name", "handle", "handleProps", "height", "itemStyles", "cardDetail", "CardTemplate", "index", "listeners", "onRemove", "onCardClicked", "renderItem", "sorting", "style", "transition", "transform", "value", "handleMoreClick", "handleMoreClose", "wrapperStyle"]; // import { Handle } from './Handle';
 // import { Remove } from './Remove';
 // import styles from './dist/Item.module.css';
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -2406,6 +2406,7 @@ var Item = /*#__PURE__*/_react["default"].memo( /*#__PURE__*/_react["default"].f
     index = _ref.index,
     listeners = _ref.listeners,
     onRemove = _ref.onRemove,
+    onCardClicked = _ref.onCardClicked,
     renderItem = _ref.renderItem,
     sorting = _ref.sorting,
     style = _ref.style,
@@ -2453,6 +2454,11 @@ var Item = /*#__PURE__*/_react["default"].memo( /*#__PURE__*/_react["default"].f
     ref: ref
   }, /*#__PURE__*/_react["default"].createElement(_material.Box, _extends({
     className: (0, _classnames["default"])(itemStyles.Item, dragging && itemStyles.dragging, handle && itemStyles.withHandle, dragOverlay && itemStyles.dragOverlay, disabled && itemStyles.disabled, color && itemStyles.color),
+    onClick: function onClick() {
+      if (onCardClicked != null) {
+        onCardClicked(value);
+      }
+    },
     style: style,
     "data-cypress": "draggable-item"
   }, !handle ? listeners : undefined, props, {
@@ -2606,6 +2612,7 @@ function Kanban(_ref2) {
     trashable = _ref2$trashable === void 0 ? false : _ref2$trashable,
     _ref2$vertical = _ref2.vertical,
     vertical = _ref2$vertical === void 0 ? false : _ref2$vertical,
+    onCardClicked = _ref2.onCardClicked,
     scrollable = _ref2.scrollable;
   var _useState = (0, _react.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -3000,6 +3007,7 @@ function Kanban(_ref2) {
       return /*#__PURE__*/_react["default"].createElement(SortableItem, {
         disabled: isSortingContainer,
         key: value,
+        onCardClicked: onCardClicked,
         itemStyles: itemStyles,
         id: value,
         cardDetail: getCardDetails(value),
@@ -3046,6 +3054,7 @@ function Kanban(_ref2) {
       itemStyles: itemStyles,
       name: getCardName(id),
       cardDetail: getCardDetails(id),
+      onCardClicked: onCardClicked,
       CardTemplate: CardTemplate,
       handle: handle,
       style: getItemStyles({
@@ -3079,6 +3088,7 @@ function Kanban(_ref2) {
     }, items[containerId].map(function (item, index) {
       return /*#__PURE__*/_react["default"].createElement(Item, {
         key: item,
+        onCardClicked: onCardClicked,
         value: item,
         itemStyles: itemStyles,
         CardTemplate: CardTemplate,
@@ -3171,6 +3181,7 @@ function SortableItem(_ref8) {
     handle = _ref8.handle,
     name = _ref8.name,
     renderItem = _ref8.renderItem,
+    onCardClicked = _ref8.onCardClicked,
     CardTemplate = _ref8.CardTemplate,
     cardDetail = _ref8.cardDetail,
     handleMoreClick = _ref8.handleMoreClick,
@@ -3198,6 +3209,7 @@ function SortableItem(_ref8) {
     ref: disabled ? undefined : setNodeRef,
     value: id,
     itemStyles: itemStyles,
+    onCardClicked: onCardClicked,
     dragging: isDragging,
     sorting: isSorting,
     cardDetail: cardDetail,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.412",
+  "version": "1.0.416",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/kanban/Item.js

@@ -26,6 +26,7 @@ export const Item = React.memo(
         index,
         listeners,
         onRemove,
+        onCardClicked,
         renderItem,
         sorting,
         style,
@@ -109,6 +110,12 @@ export const Item = React.memo(
               disabled && itemStyles.disabled,
               color && itemStyles.color
             )}
+            onClick={() => {
+              if (onCardClicked != null)
+              {
+                onCardClicked(value);
+              }
+            }}
             style={style}
             data-cypress="draggable-item"
             {...(!handle ? listeners : undefined)}

package/src/components/kanban/Kanban.js

@@ -135,6 +135,7 @@ export function Kanban({
   strategy = verticalListSortingStrategy,
   trashable = false,
   vertical = false,
+  onCardClicked,
   scrollable,
 }) {
 
@@ -591,6 +592,7 @@ export function Kanban({
                         <SortableItem
                           disabled={isSortingContainer}
                           key={value}
+                          onCardClicked={onCardClicked}
                           itemStyles={itemStyles}
                           id={value}
                           cardDetail={getCardDetails(value)}
@@ -663,6 +665,7 @@ export function Kanban({
         itemStyles={itemStyles}
         name={getCardName(id)}
         cardDetail={getCardDetails(id)}
+        onCardClicked={onCardClicked}
         CardTemplate={CardTemplate}
         handle={handle}
         style={getItemStyles({
@@ -698,6 +701,7 @@ export function Kanban({
         {items[containerId].map((item, index) => (
           <Item
             key={item}
+            onCardClicked={onCardClicked}
             value={item}
             itemStyles={itemStyles}
             CardTemplate={CardTemplate}
@@ -799,6 +803,7 @@ function SortableItem({
   handle,
   name,
   renderItem,
+  onCardClicked,
   CardTemplate,
   cardDetail,
   handleMoreClick,
@@ -830,6 +835,7 @@ function SortableItem({
       ref={disabled ? undefined : setNodeRef}
       value={id}
       itemStyles={itemStyles}
+      onCardClicked={onCardClicked}
       dragging={isDragging}
       sorting={isSorting}
       cardDetail={cardDetail}