@appcorp/kismaa-web-ui 0.1.89 → 0.1.91

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: (s: string) => 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: function () { return handleClick(d.slug); }, 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',
@@ -14,6 +15,7 @@ exports.blogSectionData = {
             readTime: '3 mins',
             title: '3 Interviewing Tips That Can Help You Find Right Candidate',
             excerpt: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas.',
+            slug: 'slug-1',
         },
         {
             id: 'item-2',
@@ -22,6 +24,7 @@ exports.blogSectionData = {
             readTime: '3 mins',
             title: '3 Interviewing Tips That Can Help You Find Right Candidate',
             excerpt: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas. Morbi amet, lorem tristique In laoreet morbi morbi lorem maecenas.',
+            slug: 'slug-2',
         },
     ],
 };

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

@@ -5,10 +5,12 @@ export interface BlogItemsProps {
     excerpt: string;
     id: string;
     readTime: string;
+    slug: string;
     title: string;
 }
 export interface BlogSectionProps {
-    sectionHeading: string;
-    items: BlogItemsProps[];
     breadcrumbs: BreadcrumbsProps;
+    handleBlogClick: (s: string) => void;
+    items: BlogItemsProps[];
+    sectionHeading: string;
 }

package/package.json

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