@appcorp/kismaa-web-ui 0.1.89 → 0.1.90

package/molecules/blog-list/index.d.ts

@@ -1,5 +1,8 @@
 import { FC } from 'react';
 import { BlogItemsProps } from '../../organisms';
-export declare const BlogList: FC<{
+interface Props {
     items: BlogItemsProps[];
-}>;
+    handleClick: () => void;
+}
+export declare const BlogList: FC<Props>;
+export {};

package/molecules/blog-list/index.js

@@ -10,8 +10,8 @@ var calendar_icon_1 = require("../../atoms/calendar-icon");
 var util_functions_1 = require("@react-pakistan/util-functions");
 var outline_1 = require("@heroicons/react/24/outline");
 var BlogList = function (_a) {
-    var items = _a.items;
-    return (react_1.default.createElement("div", { className: "flex flex-col gap-8" }, items.map(function (d) { return (react_1.default.createElement("div", { key: d.id, className: "flex cursor-pointer flex-row gap-4 rounded-lg bg-gray-100 p-4 shadow-md" },
+    var items = _a.items, handleClick = _a.handleClick;
+    return (react_1.default.createElement("div", { className: "flex flex-col gap-8" }, items.map(function (d) { return (react_1.default.createElement("div", { onClick: handleClick, key: d.id, className: "flex cursor-pointer flex-row gap-4 rounded-lg bg-gray-100 p-4 shadow-md" },
         react_1.default.createElement("div", { className: "relative h-50 w-80 rounded-lg shadow-xl" },
             react_1.default.createElement(image_1.default, { alt: d.title, className: "rounded-lg", fill: true, height: 0, objectFit: "cover", priority: true, sizes: "20vw", src: d.banner, width: 0 })),
         react_1.default.createElement("div", { className: "flex w-full flex-col justify-center gap-4" },

package/organisms/blog-section/blog-section.js

@@ -10,13 +10,13 @@ var blog_list_1 = require("../../molecules/blog-list");
 var blog_side_bar_1 = require("../../molecules/blog-side-bar");
 var molecules_1 = require("../../molecules");
 var BlogSection = function (_a) {
-    var breadcrumbs = _a.breadcrumbs, sectionHeading = _a.sectionHeading, items = _a.items;
+    var breadcrumbs = _a.breadcrumbs, sectionHeading = _a.sectionHeading, items = _a.items, handleBlogClick = _a.handleBlogClick;
     return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
         react_1.default.createElement("div", { className: "kismaa-container" },
             react_1.default.createElement(section_header_1.SectionHeader, { heading: sectionHeading, subheading: "", renderCtaButton: false, handleButtonClick: function () { return null; }, btnText: "", breadcrumbs: breadcrumbs }),
             react_1.default.createElement("div", { className: "grid grid-cols-12 gap-16 pt-8" },
                 react_1.default.createElement("div", { className: "col-span-8" },
-                    react_1.default.createElement(blog_list_1.BlogList, { items: items }),
+                    react_1.default.createElement(blog_list_1.BlogList, { items: items, handleClick: handleBlogClick }),
                     react_1.default.createElement("div", { className: "flex justify-center" },
                         react_1.default.createElement("div", { className: "max-w-50 py-8" },
                             react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.QUATERNARY, label: "Load More", size: molecules_1.BUTTON_SIZES.MD })))),

package/organisms/blog-section/props.js

@@ -6,6 +6,7 @@ exports.blogSectionData = {
     breadcrumbs: {
         items: [{ label: 'Blog', route: '/blog', isActive: false }],
     },
+    handleBlogClick: function () { return void 0; },
     items: [
         {
             id: 'item-1',

package/organisms/blog-section/type.d.ts

@@ -8,7 +8,8 @@ export interface BlogItemsProps {
     title: string;
 }
 export interface BlogSectionProps {
-    sectionHeading: string;
-    items: BlogItemsProps[];
     breadcrumbs: BreadcrumbsProps;
+    handleBlogClick: () => void;
+    items: BlogItemsProps[];
+    sectionHeading: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/kismaa-web-ui",
-  "version": "0.1.89",
+  "version": "0.1.90",
   "source": "src/index.ts",
   "main": "lib/main.js",
   "module": "lib/module.js",