linkedunion-design-kit 1.7.4 → 1.7.5

package/dist/src/components/MediaCard/ContactProfile/ContactProfileTheme1.test.jsx

@@ -1,87 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { render, screen } from "@testing-library/react";
-import "@testing-library/jest-dom";
-import { ContactProfileTheme1 } from "./ContactProfileTheme1";
-import userEvent from "@testing-library/user-event";
-describe("ContactProfileTheme1 Component", function () {
-    var mockProps = {
-        id: 1,
-        heading: "John Doe",
-        body: "Software Engineer",
-        image: "https://via.placeholder.com/150",
-        btnLabel: "View Profile",
-        href: "/profile",
-        className: "custom-class",
-    };
-    it("Render the contact profile theme1 with correct body and heading text", function () {
-        render(<ContactProfileTheme1 {...mockProps}/>);
-        var headingElement = screen.getByText(mockProps.heading);
-        var bodyElement = screen.getByText(mockProps.body);
-        expect(headingElement).toBeInTheDocument();
-        expect(bodyElement).toBeInTheDocument();
-    });
-    it("renders the button with correct label and icon", function () {
-        render(<ContactProfileTheme1 {...mockProps}/>);
-        var buttonElement = screen.getByRole("button", {
-            name: mockProps.btnLabel,
-        });
-        expect(buttonElement).toBeInTheDocument();
-        expect(buttonElement).toHaveTextContent(mockProps.btnLabel);
-    });
-    it("renders the link with the correct href", function () {
-        render(<ContactProfileTheme1 {...mockProps}/>);
-        var linkElement = screen.getByRole("link");
-        expect(linkElement).toHaveAttribute("href", mockProps.href);
-    });
-    it("triggers navigation when the button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user, linkElement;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    render(<ContactProfileTheme1 {...mockProps}/>);
-                    user = userEvent.setup();
-                    linkElement = screen.getByRole("link");
-                    return [4 /*yield*/, user.click(linkElement)];
-                case 1:
-                    _a.sent();
-                    expect(linkElement).toHaveAttribute("href", mockProps.href);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});

package/dist/src/components/MediaCard/ContactProfile/ContactProfileTheme2.jsx

@@ -1,23 +0,0 @@
-import Link from "next/link";
-import LuImage from "../../../components/Images/LuImage";
-import { Button } from "../../../components/Button/Button";
-export var ContactProfileTheme2 = function (props) {
-    return (<div data-testid="contact-profile-theme2" className={"p-8 card_bg_ContactProfile_".concat(props.id, " rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id, " flex flex-col items-center")}>
-      <div className="max-w-[160px] overflow-hidden aspect-square">
-        <LuImage src={props.image} width={160} height={160} className="h-full object-cover rounded-full" alt="Contact Profile"/>
-      </div>
-      <div className={"flex flex-col items-center flex-grow m-5 text-center h-[100px]"}>
-        <div className={"card_ContactProfile_title_color_".concat(props.id, " text-2xl font-semibold line-clamp-1 capitalize")}>
-          {props.heading}
-        </div>
-        <p className={"text-base\tfont-extralight\tcard_ContactProfile_designation_color_".concat(props.id, " line-clamp-2")}>
-          {props.body}
-        </p>
-      </div>
-      <Link href={props.href} passHref className="w-full no-underline">
-        <Button endIcon={"angle-right"} size="lg" className={"rounded justify-between w-full card_ContactProfile_btn_".concat(props.id)}>
-          {props.btnLabel}
-        </Button>
-      </Link>
-    </div>);
-};

package/dist/src/components/MediaCard/ContactProfile/ContactProfileTheme2.test.jsx

@@ -1,87 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { render, screen } from "@testing-library/react";
-import "@testing-library/jest-dom";
-import { ContactProfileTheme2 } from "./ContactProfileTheme2";
-import userEvent from "@testing-library/user-event";
-describe("ContactProfileTheme1 Component", function () {
-    var mockProps = {
-        id: 1,
-        heading: "John Doe",
-        body: "Software Engineer",
-        image: "https://via.placeholder.com/150",
-        btnLabel: "View Profile",
-        href: "/profile",
-        className: "custom-class",
-    };
-    it("Render the contact profile theme1 with correct body and heading text", function () {
-        render(<ContactProfileTheme2 {...mockProps}/>);
-        var headingElement = screen.getByText(mockProps.heading);
-        var bodyElement = screen.getByText(mockProps.body);
-        expect(headingElement).toBeInTheDocument();
-        expect(bodyElement).toBeInTheDocument();
-    });
-    it("renders the button with correct label and icon", function () {
-        render(<ContactProfileTheme2 {...mockProps}/>);
-        var buttonElement = screen.getByRole("button", {
-            name: mockProps.btnLabel,
-        });
-        expect(buttonElement).toBeInTheDocument();
-        expect(buttonElement).toHaveTextContent(mockProps.btnLabel);
-    });
-    it("renders the link with the correct href", function () {
-        render(<ContactProfileTheme2 {...mockProps}/>);
-        var linkElement = screen.getByRole("link");
-        expect(linkElement).toHaveAttribute("href", mockProps.href);
-    });
-    it("triggers navigation when the button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user, linkElement;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    render(<ContactProfileTheme2 {...mockProps}/>);
-                    user = userEvent.setup();
-                    linkElement = screen.getByRole("link");
-                    return [4 /*yield*/, user.click(linkElement)];
-                case 1:
-                    _a.sent();
-                    expect(linkElement).toHaveAttribute("href", mockProps.href);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});

package/dist/src/components/MediaCard/PostByCategory/PostByCategory.jsx

@@ -1,24 +0,0 @@
-import { colors } from "../../../utils/colors";
-import { PostByCategoryTheme1 } from "./PostByCategoryTheme1";
-import { PostByCategoryTheme2 } from "./PostByCategoryTheme2";
-import { OrientationEnum } from "../../../utils/enums";
-export var PostByCategory = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    return (<div>
-      {props.layout === OrientationEnum.horizontal ? (<PostByCategoryTheme1 {...props}/>) : (<PostByCategoryTheme2 {...props}/>)}
-      <style jsx global>
-        {"\n          .card_PostByCategory_title_color_".concat(props.id, " {\n            color: ").concat(((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color) || colors.black, ";\n          }\n          .card_PostByCategory_description_color_").concat(props.id, " {\n            color: ").concat(((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color) ||
-            colors["gray-500"], ";\n          }\n          .card_shadow_PostByCategory_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
-            ? "0px 4px 12px 0px ".concat(((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color) || "rgba(52, 52, 52, 0.15)") //TODO: change shadow color with our color theme
-            : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_PostByCategory_").concat(props.id, " {\n            background-color: ").concat(((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color) ||
-            colors.white, " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, " {\n            background-color: ").concat(((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color) ||
-            colors["gray-50"], " !important;\n            color: ").concat(((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color) ||
-            colors["gray-950"], " !important;\n            fill: ").concat(((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color) ||
-            colors["gray-950"], " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, ":hover {\n            background-color: ").concat(((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color) ||
-            colors["gray-50"], " !important;\n            color: ").concat(((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color) ||
-            colors["gray-950"], " !important;\n            fill: ").concat(((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color) ||
-            colors["gray-950"], " !important;\n          }\n          .card_PostByCategory_theme2_image_").concat(props === null || props === void 0 ? void 0 : props.id, " {\n            border-color: ").concat(((_m = props.cardStyle) === null || _m === void 0 ? void 0 : _m.card_image_border_color) ||
-            (colors === null || colors === void 0 ? void 0 : colors.black), " !important;\n            border-radius: ").concat(((_o = props.cardStyle) === null || _o === void 0 ? void 0 : _o.card_image_border_radius) || "0", "%;\n            border: ").concat(((_p = props.cardStyle) === null || _p === void 0 ? void 0 : _p.card_image_border) || "0", "px solid;\n          }\n        ")}
-      </style>
-    </div>);
-};

package/dist/src/components/MediaCard/PostByCategory/PostByCategory.test.jsx

@@ -1,61 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { render, screen } from "@testing-library/react";
-import { PostByCategory } from "./PostByCategory";
-import { OrientationEnum } from "../../../utils/enums";
-import { Dummy_Url } from "../../../utils/constants";
-var mockProps = {
-    id: 1,
-    layout: OrientationEnum.horizontal,
-    image: "/images/demo-image.jpg",
-    cardStyle: {
-        card_title_color: "#000000",
-        card_description_color: "#666666",
-        card_shadow_toggle: 1,
-        card_shadow_color: "rgba(0,0,0,0.2)",
-        card_background_color: "#ffffff",
-        card_button_background_color: "#f5f5f5",
-        card_button_text_color: "#333333",
-    },
-    href: Dummy_Url,
-};
-describe("PostByCategory Component", function () {
-    it("renders PostByCategoryTheme1 when layout is horizontal", function () {
-        render(<PostByCategory {...mockProps}/>);
-        expect(screen.getByTestId("postByCategory-theme1")).toBeInTheDocument();
-    });
-    it("renders PostByCategoryTheme2 when layout is vertical", function () {
-        render(<PostByCategory {...mockProps} layout={OrientationEnum.vertical}/>);
-        expect(screen.getByTestId("postByCategory-theme2")).toBeInTheDocument();
-    });
-    it("applies correct styles based on id", function () {
-        render(<PostByCategory {...mockProps}/>);
-        var styles = document.styleSheets[document.styleSheets.length - 1].cssRules;
-        expect(Array.from(styles).some(function (rule) {
-            return rule.cssText.includes(".card_PostByCategory_title_color_1");
-        })).toBeTruthy();
-        expect(Array.from(styles).some(function (rule) {
-            return rule.cssText.includes(".card_bg_PostByCategory_1");
-        })).toBeTruthy();
-    });
-    it("applies default shadow when card_shadow_toggle is not 1", function () {
-        render(<PostByCategory {...mockProps} cardStyle={__assign(__assign({}, mockProps.cardStyle), { card_shadow_toggle: 0 })}/>);
-        var styles = document.styleSheets[document.styleSheets.length - 1].cssRules;
-        expect(Array.from(styles).some(function (rule) {
-            return rule.cssText.includes("box-shadow: 0px 4px 12px 0px rgba(52, 52, 52, 0.15)");
-        })).toBeTruthy();
-    });
-    it("renders correctly when cardStyle is undefined", function () {
-        render(<PostByCategory {...mockProps} cardStyle={undefined}/>);
-        expect(screen.getByTestId("postByCategory-theme1")).toBeInTheDocument();
-    });
-});

package/dist/src/components/MediaCard/PostByCategory/PostByCategoryTheme1.jsx

@@ -1,25 +0,0 @@
-import Link from "next/link";
-import LuImage from "../../../components/Images/LuImage";
-import { Button } from "../../../components/Button/Button";
-export var PostByCategoryTheme1 = function (props) {
-    return (<div data-testid="postByCategory-theme1" className={"p-5 card_bg_PostByCategory_".concat(props.id, " rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex gap-x-[20px] w-full")}>
-      <div className={"max-w-[240px] overflow-hidden aspect-square max-xs:hidden"}>
-        <LuImage src={props.image} width={240} height={240} className="rounded-lg w-full h-full object-cover" alt="Post By Category"/>
-      </div>
-      <div className="flex flex-1 flex-col">
-        <div className={"flex flex-col justify-center flex-1 h-full"}>
-          <div className={"card_PostByCategory_title_color_".concat(props.id, " text-2xl font-semibold capitalize line-clamp-1")}>
-            {props.heading}
-          </div>
-          <p className={"card_PostByCategory_description_color_".concat(props.id, " text-base font-extralight line-clamp-2 max-xs:line-clamp-1 max-xs:mt-[7px]")}>
-            {props.body}
-          </p>
-        </div>
-        <Link href={props.href} passHref className="w-full no-underline">
-          <Button endIcon={"angle-right"} size="lg" className={"rounded justify-between w-full max-xs:mt-2.5 card_PostByCategory_btn_".concat(props.id)}>
-            {props.btnLabel}
-          </Button>
-        </Link>
-      </div>
-    </div>);
-};

package/dist/src/components/MediaCard/PostByCategory/PostByCategoryTheme1.test.jsx

@@ -1,87 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { render, screen } from "@testing-library/react";
-import "@testing-library/jest-dom";
-import { PostByCategoryTheme1 } from "./PostByCategoryTheme1";
-import userEvent from "@testing-library/user-event";
-describe("PostByCategoryTheme1 Component", function () {
-    var mockProps = {
-        id: 1,
-        heading: "John Doe",
-        body: "Software Engineer",
-        image: "https://via.placeholder.com/150",
-        btnLabel: "View Profile",
-        href: "/profile",
-        className: "custom-class",
-    };
-    it("Render the post by category theme1 with correct body and heading text", function () {
-        render(<PostByCategoryTheme1 {...mockProps}/>);
-        var headingElement = screen.getByText(mockProps.heading);
-        var bodyElement = screen.getByText(mockProps.body);
-        expect(headingElement).toBeInTheDocument();
-        expect(bodyElement).toBeInTheDocument();
-    });
-    it("renders the button with correct label and icon", function () {
-        render(<PostByCategoryTheme1 {...mockProps}/>);
-        var buttonElement = screen.getByRole("button", {
-            name: mockProps.btnLabel,
-        });
-        expect(buttonElement).toBeInTheDocument();
-        expect(buttonElement).toHaveTextContent(mockProps.btnLabel);
-    });
-    it("renders the link with the correct href", function () {
-        render(<PostByCategoryTheme1 {...mockProps}/>);
-        var linkElement = screen.getByRole("link");
-        expect(linkElement).toHaveAttribute("href", mockProps.href);
-    });
-    it("triggers navigation when the button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user, linkElement;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    render(<PostByCategoryTheme1 {...mockProps}/>);
-                    user = userEvent.setup();
-                    linkElement = screen.getByRole("link");
-                    return [4 /*yield*/, user.click(linkElement)];
-                case 1:
-                    _a.sent();
-                    expect(linkElement).toHaveAttribute("href", mockProps.href);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});

package/dist/src/components/MediaCard/PostByCategory/PostByCategoryTheme2.jsx

@@ -1,23 +0,0 @@
-import Link from "next/link";
-import LuImage from "../../../components/Images/LuImage";
-import { Button } from "../../../components/Button/Button";
-export var PostByCategoryTheme2 = function (props) {
-    return (<div data-testid="postByCategory-theme2" className={"p-8 card_bg_PostByCategory_".concat(props.id, " rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex flex-col items-center w-full")}>
-      <div className="w-full max-w-[240px] overflow-hidden aspect-square">
-        <LuImage src={props.image} width={240} height={240} className={"w-full h-full object-cover card_PostByCategory_theme2_image_".concat(props === null || props === void 0 ? void 0 : props.id)} alt="Post By Category"/>
-      </div>
-      <div className={"flex flex-col items-center flex-grow m-5 text-center h-[100px]"}>
-        <div className={"text-default card_PostByCategory_title_color_".concat(props.id, " text-2xl font-semibold capitalize line-clamp-1")}>
-          {props.heading}
-        </div>
-        <p className={"card_PostByCategory_description_color_".concat(props.id, " text-base font-extralight line-clamp-2 max-xs:line-clamp-1 max-sm:mt-[7px]")}>
-          {props.body}
-        </p>
-      </div>
-      <Link href={props.href} passHref className="w-full no-underline">
-        <Button endIcon={"angle-right"} size="lg" className={"rounded justify-between w-full card_PostByCategory_btn_".concat(props.id)}>
-          {props.btnLabel}
-        </Button>
-      </Link>
-    </div>);
-};

package/dist/src/components/MediaCard/PostByCategory/PostByCategoryTheme2.test.jsx

@@ -1,87 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { render, screen } from "@testing-library/react";
-import "@testing-library/jest-dom";
-import { PostByCategoryTheme2 } from "./PostByCategoryTheme2";
-import userEvent from "@testing-library/user-event";
-describe("PostByCategoryTheme2 Component", function () {
-    var mockProps = {
-        id: 1,
-        heading: "John Doe",
-        body: "Software Engineer",
-        image: "https://via.placeholder.com/150",
-        btnLabel: "View Profile",
-        href: "/profile",
-        className: "custom-class",
-    };
-    it("Render the post by category theme2 with correct body and heading text", function () {
-        render(<PostByCategoryTheme2 {...mockProps}/>);
-        var headingElement = screen.getByText(mockProps.heading);
-        var bodyElement = screen.getByText(mockProps.body);
-        expect(headingElement).toBeInTheDocument();
-        expect(bodyElement).toBeInTheDocument();
-    });
-    it("renders the button with correct label and icon", function () {
-        render(<PostByCategoryTheme2 {...mockProps}/>);
-        var buttonElement = screen.getByRole("button", {
-            name: mockProps.btnLabel,
-        });
-        expect(buttonElement).toBeInTheDocument();
-        expect(buttonElement).toHaveTextContent(mockProps.btnLabel);
-    });
-    it("renders the link with the correct href", function () {
-        render(<PostByCategoryTheme2 {...mockProps}/>);
-        var linkElement = screen.getByRole("link");
-        expect(linkElement).toHaveAttribute("href", mockProps.href);
-    });
-    it("triggers navigation when the button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user, linkElement;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    render(<PostByCategoryTheme2 {...mockProps}/>);
-                    user = userEvent.setup();
-                    linkElement = screen.getByRole("link");
-                    return [4 /*yield*/, user.click(linkElement)];
-                case 1:
-                    _a.sent();
-                    expect(linkElement).toHaveAttribute("href", mockProps.href);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});

package/dist/src/components/MediaCard/VerticalCard/VerticalCard.jsx

@@ -1,30 +0,0 @@
-import LuImage from "../../../components/Images/LuImage";
-import Link from "next/link";
-import { getCardImageSrc } from "..";
-import { Heading } from "../../../components/Typography/Heading/heading";
-import { Body } from "../../../components/Typography/Body/body";
-import { Button } from "../../../components/Button/Button";
-var VerticalCard = function (_a) {
-    var item = _a.item, footer_logo = _a.footer_logo, _b = _a.href, href = _b === void 0 ? "https://www.google.com/" : _b, _c = _a.btnLabel, btnLabel = _c === void 0 ? "View More" : _c, editor = _a.editor, _d = _a.mediaPosition, mediaPosition = _d === void 0 ? "top" : _d, _e = _a.mediaShape, mediaShape = _e === void 0 ? "square" : _e;
-    var imageSrc = getCardImageSrc(item === null || item === void 0 ? void 0 : item.image, footer_logo);
-    return (<div className={"p-8 bg-white rounded-xl inline-flex flex-col gap-5 max-w-[480px]  items-center   shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-      <div className={"flex ".concat(mediaPosition === "top" ? "flex-col" : "flex-col-reverse", "  items-center gap-5 text-center ")}>
-        <LuImage src={imageSrc} width={240} height={240} className={"w-full h-full ".concat(mediaShape === "square" ? "aspect-5/4 " : "aspect-square rounded-full max-w-[160px]", "  object-cover ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage)} alt="Image"/>
-        <div className="flex flex-col gap-1">
-          <Heading variant="h5-700" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle)}>
-            {" "}
-            {item === null || item === void 0 ? void 0 : item.title}
-          </Heading>
-          <Body variant="body-md" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardText)}>
-            {item === null || item === void 0 ? void 0 : item.description}
-          </Body>
-        </div>
-      </div>
-      <Link href={href} passHref>
-        <Button endIcon={"angle-right"} size="md" shape="rounded-full" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn)}>
-          {btnLabel}
-        </Button>
-      </Link>
-    </div>);
-};
-export default VerticalCard;

package/dist/src/components/MediaCard/VerticalCard/VerticalCard.stories.jsx

@@ -1,65 +0,0 @@
-import VerticalCard from "./VerticalCard";
-import Card from "../../../components/Card/card";
-import { Dummy_Para, Dummy_Title } from "../../../utils/constants";
-export default {
-    title: "Components/VerticalCard",
-    component: VerticalCard,
-};
-var Template = function (args) { return <Card {...args}/>; };
-export var _VerticalCard = Template.bind({});
-_VerticalCard.args = {
-    item: {
-        image: "/images/demo-image.jpg",
-        title: Dummy_Title,
-        description: Dummy_Para,
-    },
-    type: "postByCategory",
-    image: "/images/demo-image.jpg",
-    href: "https://www.google.com/",
-    btnLabel: "View More",
-    editor: {
-        card: "",
-        cardImage: "",
-        cardTitle: "",
-        cardText: "",
-        cardBtn: "",
-    },
-    orientation: "horizontal",
-};
-// _Card.args = {
-//   type: SectionTypeEnum.postByCategoriesTheme,
-//   image: "/images/demo-image.jpg",
-//   heading: "Heading Text",
-//   body: "The quick brown fox jumps over the lazy dog.",
-//   layout: OrientationEnum.horizontal,
-//   btnLabel: "View More",
-//   href: "https://www.google.com/",
-//   cardStyle: {
-//     card_title_color: "",
-//     card_description_color: "",
-//     card_shadow_toggle: 0,
-//     card_shadow_color: "",
-//     card_background_color: "",
-//     card_button_background_color: "",
-//     card_button_text_color: "",
-//     card_image_border_color: "",
-//     card_image_border_radius: "",
-//     card_image_border: "",
-//   },
-//   id: 1,
-// };
-// _Card.argTypes = {
-//   layout: {
-//     control: { type: "select" },
-//     options: [OrientationEnum.horizontal, OrientationEnum.vertical],
-//   },
-//   type: {
-//     control: {
-//       type: "select",
-//       labels: Object.fromEntries(
-//         sectionTypeList.map((type) => [type.key, type.label]),
-//       ),
-//     },
-//     options: sectionTypeList.map((type) => type.key),
-//   },
-// };