@mohamed-karawia/library 0.1.14 → 0.1.15

package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.js

@@ -18,8 +18,8 @@ var _excluded = ["data"];
 var ViewForms = function ViewForms(_ref) {
   var data = _ref.data,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_ReusableList.default, {
-    listTitle: "Submitted Form",
+  return /*#__PURE__*/_react.default.createElement(_ReusableList.default, Object.assign({
+    listTitle: "Submitted Forms",
     data: data,
     cardStyle: "card-style-9",
     type: "sectioned",
@@ -38,7 +38,7 @@ var ViewForms = function ViewForms(_ref) {
         dropdownItemHoverColor: '#FE1744'
       }
     }
-  });
+  }, props));
 };
 
 ViewForms.defaultProps = {};

package/dist/stories/Pages/Enrollment/Forms/Forms.js

@@ -83,6 +83,10 @@ var Forms = function Forms(props) {
       forms = _useState2[0],
       setForms = _useState2[1];
 
+  var cardClicked = function cardClicked(index, cardProps) {
+    console.log(cardProps);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
     widgetType: "logo",
     widgetProps: {
@@ -117,7 +121,8 @@ var Forms = function Forms(props) {
     discription: "Lorem ipsum dolor sit amet consectetur.",
     hideTitle: true
   }, /*#__PURE__*/_react.default.createElement(_ViewForms.default, {
-    data: forms
+    data: forms,
+    cardClicked: cardClicked
   }))), /*#__PURE__*/_react.default.createElement(_Right.default, null)));
 };
 

package/dist/stories/Pages/Events/Events/Events.js

@@ -79,6 +79,10 @@ var Events = function Events(props) {
     setEvents((0, _util.deleteFromArrayByIndex)(events, index));
   };
 
+  var cardClicked = function cardClicked(index, cardProps) {
+    console.log(cardProps);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
     widgetType: "logo",
     widgetProps: {
@@ -118,6 +122,7 @@ var Events = function Events(props) {
     cardTitleFontSize: 15,
     onAddEvent: onAddEvent,
     cardIconClicked: cardIconClicked,
+    cardClicked: cardClicked,
     headerStyles: {
       padding: 10,
       headerBackground: '#FE1744',

package/dist/stories/Pages/Library/Notes/Notes.js

@@ -79,6 +79,10 @@ var Notes = function Notes(props) {
     setNotes((0, _util.deleteFromArrayByIndex)(notes, index));
   };
 
+  var cardClicked = function cardClicked(index, cardProps) {
+    console.log(cardProps);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_BaseMaterial.default, Object.assign({}, _styles.default.containerStyle, props), /*#__PURE__*/_react.default.createElement(_Navbar.default, null), /*#__PURE__*/_react.default.createElement(_Body.default, _styles.default.bodyStyle, /*#__PURE__*/_react.default.createElement(_Left.default, null, /*#__PURE__*/_react.default.createElement(_WidgetContainer.default, {
     widgetType: "logo",
     widgetProps: {
@@ -116,6 +120,7 @@ var Notes = function Notes(props) {
     onAddNote: onAddNote,
     cardIconClicked: cardIconClicked,
     notes: notes,
+    cardClicked: cardClicked,
     headerStyles: {
       padding: 10,
       headerBackground: '#FE1744',

package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.js

@@ -45,7 +45,13 @@ var CardStyle11 = function CardStyle11(_ref) {
     props.iconClicked(action, props.index);
   };
 
-  return /*#__PURE__*/_react.default.createElement(Card, props, /*#__PURE__*/_react.default.createElement(SvgWrapper, props, /*#__PURE__*/_react.default.createElement(_bi.BiNotepad, null)), /*#__PURE__*/_react.default.createElement(Content, props, /*#__PURE__*/_react.default.createElement(_globalCardStyles.Title, props, title), /*#__PURE__*/_react.default.createElement(Date, props, date)), props.cardControls && /*#__PURE__*/_react.default.createElement(_Controls.default, Object.assign({
+  var cardClicked = function cardClicked() {
+    props.cardClicked();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(Card, Object.assign({
+    onClick: cardClicked
+  }, props), /*#__PURE__*/_react.default.createElement(SvgWrapper, props, /*#__PURE__*/_react.default.createElement(_bi.BiNotepad, null)), /*#__PURE__*/_react.default.createElement(Content, props, /*#__PURE__*/_react.default.createElement(_globalCardStyles.Title, props, title), /*#__PURE__*/_react.default.createElement(Date, props, date)), props.cardControls && /*#__PURE__*/_react.default.createElement(_Controls.default, Object.assign({
     controls: props.cardControls,
     show: showIcons,
     onIconClicked: iconClicked

package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.js

@@ -37,7 +37,11 @@ var CardStyle9 = function CardStyle9(_ref) {
     alert(props.index);
   };
 
-  return /*#__PURE__*/_react.default.createElement(Card, props, /*#__PURE__*/_react.default.createElement(ImgWrapper, props, /*#__PURE__*/_react.default.createElement(_globalCardStyles.Img, {
+  return /*#__PURE__*/_react.default.createElement(Card, Object.assign({
+    onClick: function onClick() {
+      return props.cardClicked();
+    }
+  }, props), /*#__PURE__*/_react.default.createElement(ImgWrapper, props, /*#__PURE__*/_react.default.createElement(_globalCardStyles.Img, {
     src: img
   })), /*#__PURE__*/_react.default.createElement(Content, props, /*#__PURE__*/_react.default.createElement(_globalCardStyles.Title, props, username), /*#__PURE__*/_react.default.createElement(Answered, null, "Questions Answered: ", answered), /*#__PURE__*/_react.default.createElement(Buttons, null, /*#__PURE__*/_react.default.createElement(Accept, {
     onClick: onAccept

package/dist/stories/Reusable Components/ReusableList/ReusableList.js

@@ -39,8 +39,8 @@ var ReusableList = function ReusableList(_ref) {
     props.iconClicked(action);
   };
 
-  var clicked = function clicked(index) {
-    props.cardClicked(index);
+  var clicked = function clicked(index, cardProps) {
+    props.cardClicked(index, cardProps);
   };
 
   var cardIconClicked = function cardIconClicked(action, index) {

package/dist/stories/helpers/util.js

@@ -136,7 +136,7 @@ var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles,
     }, cardProps, customCardStyles, {
       cardControls: cardControls,
       cardClicked: function cardClicked() {
-        return clicked(index);
+        return clicked(index, cardProps);
       },
       iconClicked: function iconClicked(action) {
         return cardIconClicked(action, index);
@@ -158,7 +158,7 @@ var getCardStyle = function getCardStyle(cardProps, cardType, customCardStyles,
     }, cardProps, customCardStyles, {
       cardControls: cardControls,
       cardClicked: function cardClicked() {
-        return clicked(index);
+        return clicked(index, cardProps);
       },
       iconClicked: function iconClicked(action) {
         return cardIconClicked(action, index);

package/package.json

@@ -10,7 +10,7 @@
       ]
     ]
   },
-  "version": "0.1.14",
+  "version": "0.1.15",
   "private": false,
   "dependencies": {
     "@babel/cli": "^7.16.7",

package/src/stories/Enrollment/Admin/ViewForms/ViewForms.jsx

@@ -8,7 +8,7 @@ const ViewForms = ({
 }) => {
     return (
         <List
-            listTitle="Submitted Form"
+            listTitle="Submitted Forms"
             data={data}
             cardStyle="card-style-9"
             type="sectioned"
@@ -27,6 +27,7 @@ const ViewForms = ({
                     dropdownItemHoverColor: '#FE1744'
                 },
             }}
+            {...props}
         />
     )
 }

package/src/stories/Pages/Enrollment/Forms/Forms.jsx

@@ -69,6 +69,10 @@ const Forms = (props) => {
         },
     ])
 
+    const cardClicked = (index, cardProps) => {
+        console.log(cardProps)
+    }
+
     return (
         <BaseMaterial {...worldStyles.containerStyle} {...props}>
         <Navbar />
@@ -113,7 +117,9 @@ const Forms = (props) => {
                     hideTitle
                 >
                     <ViewForms
-                        data={forms} />
+                        data={forms}
+                        cardClicked={cardClicked}
+                         />
 
                 </SpaceContainer>
 

package/src/stories/Pages/Events/Events/Events.jsx

@@ -45,6 +45,10 @@ const Events = (props) => {
         setEvents(deleteFromArrayByIndex(events, index))
     }
 
+    const cardClicked = (index, cardProps) => {
+        console.log(cardProps)
+    }
+    
     return (
         <BaseMaterial {...worldStyles.containerStyle} {...props}>
         <Navbar />
@@ -94,6 +98,7 @@ const Events = (props) => {
                        cardTitleFontSize={15}
                        onAddEvent={onAddEvent}
                        cardIconClicked={cardIconClicked}
+                       cardClicked={cardClicked}
                        headerStyles={{
                         padding: 10,
                         headerBackground: '#FE1744',

package/src/stories/Pages/Library/Notes/Notes.jsx

@@ -46,6 +46,10 @@ const Notes = (props) => {
         setNotes(deleteFromArrayByIndex(notes, index))
     }
 
+    const cardClicked = (index, cardProps) => {
+        console.log(cardProps)
+    }
+
     return (
         <BaseMaterial {...worldStyles.containerStyle} {...props}>
             <Navbar />
@@ -93,6 +97,7 @@ const Notes = (props) => {
                             onAddNote={onAddNote}
                             cardIconClicked={cardIconClicked}
                             notes={notes}
+                            cardClicked={cardClicked}
                             headerStyles={{
                                 padding: 10,
                                 headerBackground: '#FE1744',

package/src/stories/Reusable Components/Cards/Card-style-11/CardStyle11.jsx

@@ -15,8 +15,13 @@ const CardStyle11 = ({ title, date, ...props }) => {
         props.iconClicked(action, props.index)
     }
 
+    const cardClicked = () => {
+        props.cardClicked()
+    }
+
     return (
         <Card
+        onClick={cardClicked}
             {...props}>
             <SvgWrapper {...props}>
                 <BiNotepad />

package/src/stories/Reusable Components/Cards/Card-style-9/CardStyle9.jsx

@@ -18,7 +18,9 @@ const CardStyle9 = ({ username, answered, img, status, ...props }) => {
     }
 
     return (
-        <Card {...props}>
+        <Card 
+            onClick={() => props.cardClicked()}
+        {...props}>
             <ImgWrapper {...props}>
                 <Img src={img} />
             </ImgWrapper>

package/src/stories/Reusable Components/ReusableList/ReusableList.jsx

@@ -14,8 +14,8 @@ const ReusableList = ({ data, cardStyle, customCardStyles, type, cardControls =
         props.iconClicked(action)
     }
 
-    const clicked = (index) => {
-        props.cardClicked(index)
+    const clicked = (index, cardProps) => {
+        props.cardClicked(index, cardProps)
     }
 
     const cardIconClicked = (action, index) => {

package/src/stories/helpers/util.js

@@ -49,9 +49,9 @@ export const getCardStyle = (cardProps, cardType, customCardStyles, cardControls
 		'card-style-6': (<CardStyle6 key={index} {...cardProps} {...customCardStyles} cardControls={cardControls} cardClicked={() => clicked(index, cardProps)} iconClicked={(action) => cardIconClicked(action, index)} />),
 		'card-style-7': (<CardStyle7 key={index} {...cardProps} {...customCardStyles} cardControls={cardControls} cardClicked={() => clicked(index)} iconClicked={(action) => cardIconClicked(action, index)} />),
 		'card-style-8': (<CardStyle8 key={index} {...cardProps} {...customCardStyles} cardControls={cardControls} cardClicked={() => clicked(index)} iconClicked={(action) => cardIconClicked(action, index)} />),
-		'card-style-9': (<CardStyle9 key={index} {...cardProps} {...customCardStyles} cardControls={cardControls} cardClicked={() => clicked(index)} iconClicked={(action) => cardIconClicked(action, index)} />),
+		'card-style-9': (<CardStyle9 key={index} {...cardProps} {...customCardStyles} cardControls={cardControls} cardClicked={() => clicked(index, cardProps)} iconClicked={(action) => cardIconClicked(action, index)} />),
 		'card-style-10': (<CardStyle10 key={index} {...cardProps} {...customCardStyles} cardControls={cardControls} cardClicked={() => clicked(index)} iconClicked={(action) => cardIconClicked(action, index)} />),
-		'card-style-11': (<CardStyle11 key={index} {...cardProps} {...customCardStyles} cardControls={cardControls} cardClicked={() => clicked(index)} iconClicked={(action) => cardIconClicked(action, index)} />),
+		'card-style-11': (<CardStyle11 key={index} {...cardProps} {...customCardStyles} cardControls={cardControls} cardClicked={() => clicked(index, cardProps)} iconClicked={(action) => cardIconClicked(action, index)} />),
 	}
 	return cardTypes[cardType]
 };