linkedunion-design-kit 1.5.2 → 1.5.4

package/dist/components/Color/TextColor/TextColor.test.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var TextColor_1 = require("./TextColor");
-describe("TextColor Component", function () {
-    it("renders with the default color when no color prop is passed", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(TextColor_1.TextColor, {}));
-        // Select the element
-        var textColorElement = react_1.screen.getByText(".lu-text-default");
-        // Check if the element has the default color class
-        expect(textColorElement).toHaveClass("lu-text-default");
-    });
-    it("renders with the correct custom color class when color prop is passed", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(TextColor_1.TextColor, { color: "lu-text-primary" }));
-        // Select the element
-        var textColorElement = react_1.screen.getByText(".lu-text-primary");
-        // Check if the element has the correct color class
-        expect(textColorElement).toHaveClass("lu-text-primary");
-    });
-    it("renders with an empty string for color class when empty string is passed", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(TextColor_1.TextColor, { color: "" }));
-        // Select the element
-        var textColorElement = react_1.screen.getByText(".");
-        // Check if the element has no additional class (empty string)
-        expect(textColorElement).not.toHaveClass();
-    });
-    it("renders with a non-existent or invalid class when an invalid class is passed", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(TextColor_1.TextColor, { color: "invalid-color-class" }));
-        // Select the element
-        var textColorElement = react_1.screen.getByText(".invalid-color-class");
-        // Check if the element has the incorrect color class
-        expect(textColorElement).toHaveClass("invalid-color-class");
-    });
-    it("renders the correct text content based on the color prop", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(TextColor_1.TextColor, { color: "lu-text-success" }));
-        // Select the element
-        var textColorElement = react_1.screen.getByText(".lu-text-success");
-        // Check if the element displays the correct text content
-        expect(textColorElement).toHaveTextContent(".lu-text-success");
-    });
-});

package/dist/components/Icons/IconView.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconView = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var iconList_1 = require("../../utils/iconList");
-var IconView = function () {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-6 gap-6", "data-testid": "icons-list", children: iconList_1.iconList.map(function (icon, index) {
-                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center bg-gray-100 lu-border-rounded-lg lu-pd-200 shadow-md hover:bg-gray-200", "data-testid": "single-icon", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "25", height: "25", viewBox: "0 0 32 32", fill: "none", className: "mb-2", role: "img", children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_9168_14965)", children: (0, jsx_runtime_1.jsx)("path", { "data-testid": "icon-path-".concat(index), d: icon === null || icon === void 0 ? void 0 : icon.path, fill: "#070808" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_9168_14965", children: (0, jsx_runtime_1.jsx)("rect", { width: "32", height: "32", fill: "black" }) }) })] }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "icon-label-".concat(index), className: "lu-font-size-x-small lu-font-weight-regular lu-text-gray text-center", children: icon === null || icon === void 0 ? void 0 : icon.label })] }, index));
-            }) }) }));
-};
-exports.IconView = IconView;

package/dist/components/Icons/LUIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from "@/types/interface";
-declare const LUIcon: ({ size, fill, icon, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export default LUIcon;

package/dist/components/Icons/LUIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var iconList_1 = require("../../utils/iconList");
-var LUIcon = function (_a) {
-    var _b;
-    var size = _a.size, fill = _a.fill, icon = _a.icon, className = _a.className;
-    var selectedIcon = iconList_1.iconList.find(function (item) { return item.key === icon; });
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("svg", { role: "img", "data-testid": "lu-icon", className: "".concat(size, " ").concat(className), viewBox: "0 0 32 32", fill: "none", children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#clip0_9168_14965)", children: (0, jsx_runtime_1.jsx)("path", { "data-testid": "lu-path", d: (_b = selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) !== null && _b !== void 0 ? _b : "", className: "".concat(fill, " icon") }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_9168_14965", children: (0, jsx_runtime_1.jsx)("rect", { width: "32", height: "32", fill: "black" }) }) })] }) }));
-};
-exports.default = LUIcon;

package/dist/components/Icons/LUIcon.stories.js

@@ -1,56 +0,0 @@
-"use strict";
-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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("../../utils");
-var iconList_1 = require("../../utils/iconList");
-var LUIcon_1 = __importDefault(require("./LUIcon"));
-exports.default = {
-    title: "Components/Icon",
-    component: LUIcon_1.default,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(LUIcon_1.default, __assign({}, args)); };
-exports.Icon = Template.bind({});
-exports.Icon.args = {
-    size: "lu-icon-x-small",
-    fill: "lu-primary-icon-default",
-    icon: iconList_1.iconList[0].key,
-};
-exports.Icon.argTypes = {
-    size: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.iconSizeList.map(function (size) { return [size.key, size.label]; })),
-        },
-        options: utils_1.iconSizeList.map(function (size) { return size.key; }),
-    },
-    fill: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.iconColorList.map(function (color) { return [color.key, color.label]; })),
-        },
-        options: utils_1.iconColorList.map(function (color) { return color.key; }),
-    },
-    icon: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(iconList_1.iconList.map(function (icon) { return [icon.key, icon.label]; })),
-        },
-        options: iconList_1.iconList.map(function (icon) { return icon.key; }),
-    },
-};

package/dist/components/Icons/SingleIcon.test.js

@@ -1,53 +0,0 @@
-"use strict";
-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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-var LUIcon_1 = __importDefault(require("./LUIcon"));
-var iconList_1 = require("../../utils/iconList");
-describe("LUIcon Component", function () {
-    it("renders correctly when a valid icon is provided", function () {
-        var props = {
-            size: "lu-icon-x-small",
-            fill: "lu-primary-icon-default",
-            icon: iconList_1.iconList[0].key, // Valid icon
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(LUIcon_1.default, __assign({}, props)));
-        // Select the element
-        var singleIconElement = react_1.screen.getByTestId("lu-icon");
-        expect(singleIconElement).toHaveClass(props.size);
-        // Assert that the fill class is applied correctly on the <path>
-        var pathElement = react_1.screen.getByTestId("lu-path");
-        expect(pathElement).toHaveClass(props.fill);
-        var selectedIcon = iconList_1.iconList.find(function (icon) { return icon.key === props.icon; });
-        expect(pathElement).toHaveAttribute("d", (selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) || "");
-    });
-    it("renders correctly when an invalid icon is provided", function () {
-        var props = {
-            size: "lu-icon-x-small",
-            fill: "lu-primary-icon-default",
-            icon: "non-existent-icon", // Invalid icon
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(LUIcon_1.default, __assign({}, props)));
-        var svgElement = react_1.screen.getByTestId("lu-icon");
-        expect(svgElement).toBeInTheDocument();
-        var pathElement = react_1.screen.getByTestId("lu-path");
-        expect(pathElement).toBeInTheDocument();
-        expect(pathElement).toHaveClass(props.fill);
-        // Since the icon does not exist, path should be an empty string
-        expect(pathElement).toHaveAttribute("d", "");
-    });
-});

package/dist/components/Images/LuImage.d.ts

@@ -1,3 +0,0 @@
-import { AspectRatioProps } from "@/types/interface";
-export declare const LuImage: ({ image, aspectRatio, width, height, className, }: AspectRatioProps) => import("react/jsx-runtime").JSX.Element;
-export default LuImage;

package/dist/components/Images/LuImage.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LuImage = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var image_1 = __importDefault(require("next/image"));
-var LuImage = function (_a) {
-    var image = _a.image, _b = _a.aspectRatio, aspectRatio = _b === void 0 ? "" : _b, _c = _a.width, width = _c === void 0 ? 240 : _c, _d = _a.height, height = _d === void 0 ? 240 : _d, _e = _a.className, className = _e === void 0 ? "" : _e;
-    return ((0, jsx_runtime_1.jsx)(image_1.default, { src: image ? image : "", alt: "Image", width: width, height: height, className: "".concat(aspectRatio, " ").concat(className) }));
-};
-exports.LuImage = LuImage;
-exports.default = exports.LuImage;

package/dist/components/Images/LuImage.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from "@storybook/react";
-declare const _default: Meta;
-export default _default;
-export declare const _Image: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/react").Args>;

package/dist/components/Images/LuImage.stories.js

@@ -1,53 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._Image = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var LuImage_1 = require("./LuImage");
-var utils_1 = require("../../utils");
-var enums_1 = require("../../utils/enums");
-exports.default = {
-    title: "Components/Image",
-    component: LuImage_1.LuImage,
-};
-var Template = function (args, _a) {
-    var argTypes = _a.argTypes;
-    //Show aspectRatio options based on orientation(landscape)
-    var isLandscape = args.orientation === enums_1.OrientationEnum.horizontal;
-    argTypes.aspectRatio.options = isLandscape
-        ? utils_1.landscapeAspectRatioList.map(function (ratio) { return ratio.key; })
-        : utils_1.portraitAspectRatioList.map(function (ratio) { return ratio.key; });
-    argTypes.aspectRatio.control.labels =
-        Object.fromEntries((isLandscape ? utils_1.landscapeAspectRatioList : utils_1.portraitAspectRatioList).map(function (ratio) { return [ratio.key, ratio.label]; }));
-    return (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, __assign({}, args));
-};
-exports._Image = Template.bind({});
-exports._Image.args = {
-    image: "/images/demo-image.jpg",
-    aspectRatio: utils_1.portraitAspectRatioList[0].key,
-    width: 240,
-    height: 240,
-    className: "",
-};
-exports._Image.argTypes = {
-    orientation: {
-        control: { type: "select" },
-        options: [enums_1.OrientationEnum.vertical, enums_1.OrientationEnum.horizontal],
-    },
-    //Show Default aspectRatio options for portrait orientation
-    aspectRatio: {
-        control: { type: "select" },
-        options: utils_1.portraitAspectRatioList.map(function (ratio) { return ratio.key; }),
-        labels: Object.fromEntries(utils_1.portraitAspectRatioList.map(function (ratio) { return [ratio.key, ratio.label]; })),
-    },
-};

package/dist/components/Images/LuImage.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/components/Images/LuImage.test.js

@@ -1,68 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var LuImage_1 = require("./LuImage");
-describe("Image Component", function () {
-    it("renders the Image component with the provided image src", function () {
-        var props = {
-            image: "/images/demo-image.jpg",
-            aspectRatio: "aspect-ratio-16-9",
-            className: "custom-class",
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(LuImage_1.LuImage, __assign({}, props)));
-        var imgElement = react_1.screen.getByRole("img");
-        expect(imgElement).toBeInTheDocument();
-        expect(imgElement).toHaveAttribute("src", expect.stringContaining("")); // Empty src fallback
-        expect(imgElement).toHaveAttribute("alt", "Image");
-        expect(imgElement).toHaveClass(props.aspectRatio);
-        expect(imgElement).toHaveClass(props.className);
-    });
-    it("renders an empty src when no image is provided", function () {
-        var props = {
-            image: "",
-            aspectRatio: "aspect-ratio-16-9",
-            className: "",
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(LuImage_1.LuImage, __assign({}, props)));
-        var imgElement = react_1.screen.getByRole("img");
-        expect(imgElement).toBeInTheDocument();
-        expect(imgElement).not.toHaveAttribute("src");
-        expect(imgElement).toHaveAttribute("alt", "Image");
-        expect(imgElement).toHaveClass(props.aspectRatio);
-    });
-    it("applies default aspect ratio and className when provided", function () {
-        var props = {
-            image: "/images/demo-image.jpg",
-            aspectRatio: "aspect-ratio-4-3",
-            className: "custom-class",
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(LuImage_1.LuImage, __assign({}, props)));
-        var imgElement = react_1.screen.getByRole("img");
-        expect(imgElement).toHaveClass(props.aspectRatio);
-        expect(imgElement).toHaveClass(props.className);
-    });
-    it("does not apply additional classes if className is not provided", function () {
-        var props = {
-            image: "/images/demo-image.jpg",
-            aspectRatio: "aspect-ratio-16-9",
-            className: "",
-        };
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(LuImage_1.LuImage, __assign({}, props)));
-        var imgElement = react_1.screen.getByRole("img");
-        expect(imgElement).toHaveClass(props.aspectRatio);
-        expect(imgElement).not.toHaveClass("custom-class");
-    });
-});

package/dist/components/MediaCard/Card.d.ts

@@ -1,3 +0,0 @@
-import { CardProps } from "@/types/interface";
-declare const Card: ({ type, layout, id, className, image, mediaPosition, heading, body, href, btnLabel, cardStyle, }: CardProps) => import("react/jsx-runtime").JSX.Element;
-export default Card;

package/dist/components/MediaCard/Card.js

@@ -1,48 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var PostByCategory_1 = require("./PostByCategory/PostByCategory");
-var colors_1 = require("../../utils/colors");
-var utils_1 = require("../../utils");
-var ContactProfile_1 = require("./ContactProfile/ContactProfile");
-var index_1 = require("./index");
-var enums_1 = require("../../utils/enums");
-var Card = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? index_1.SectionTypeEnum.postByCategoriesTheme : _b, _c = _a.layout, layout = _c === void 0 ? enums_1.OrientationEnum.horizontal : _c, _d = _a.id, id = _d === void 0 ? 1 : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.image, image = _f === void 0 ? utils_1.defaultCardProps.image : _f, _g = _a.mediaPosition, mediaPosition = _g === void 0 ? "" : _g, _h = _a.heading, heading = _h === void 0 ? utils_1.defaultCardProps.heading : _h, _j = _a.body, body = _j === void 0 ? utils_1.defaultCardProps.body : _j, _k = _a.href, href = _k === void 0 ? utils_1.defaultCardProps.href : _k, _l = _a.btnLabel, btnLabel = _l === void 0 ? utils_1.defaultCardProps.btnLabel : _l, _m = _a.cardStyle, cardStyle = _m === void 0 ? {
-        card_title_color: colors_1.colors.default,
-        card_description_color: colors_1.colors.caption_color,
-        card_shadow_toggle: 1,
-        card_shadow_color: "rgba(52, 52, 52, 0.15)",
-        card_background_color: colors_1.colors.white,
-        card_button_background_color: colors_1.colors.gray,
-        card_button_text_color: colors_1.colors.default,
-        card_image_border_color: colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default,
-        card_image_border_radius: "0",
-        card_image_border: "0",
-    } : _m;
-    var data = {
-        id: id,
-        image: image,
-        layout: layout,
-        mediaPosition: mediaPosition,
-        heading: heading,
-        body: body,
-        className: className,
-        btnLabel: btnLabel,
-        href: href,
-        cardStyle: cardStyle,
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [type === index_1.SectionTypeEnum.postByCategoriesTheme && ((0, jsx_runtime_1.jsx)(PostByCategory_1.PostByCategory, __assign({}, data))), type === index_1.SectionTypeEnum.contactsProfileTheme && ((0, jsx_runtime_1.jsx)(ContactProfile_1.ContactProfile, __assign({}, data)))] }));
-};
-exports.default = Card;

package/dist/components/MediaCard/Card.stories.js

@@ -1,61 +0,0 @@
-"use strict";
-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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._Card = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Card_1 = __importDefault(require("./Card"));
-var utils_1 = require("../../utils");
-var colors_1 = require("../../utils/colors");
-var _1 = require(".");
-var enums_1 = require("../../utils/enums");
-exports.default = {
-    title: "Components/Card",
-    component: Card_1.default,
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(Card_1.default, __assign({}, args)); };
-exports._Card = Template.bind({});
-exports._Card.args = {
-    type: _1.SectionTypeEnum.postByCategoriesTheme,
-    image: "/images/demo-image.jpg",
-    heading: "Heading Text",
-    body: "The quick brown fox jumps over the lazy dog.",
-    layout: enums_1.OrientationEnum.horizontal,
-    btnLabel: "View More",
-    href: "https://www.google.com/",
-    cardStyle: {
-        card_title_color: colors_1.colors.default,
-        card_description_color: colors_1.colors.caption_color,
-        card_shadow_toggle: 1,
-        card_shadow_color: "rgba(52, 52, 52, 0.15)",
-        card_background_color: colors_1.colors.white,
-        card_button_background_color: colors_1.colors.gray,
-        card_button_text_color: colors_1.colors.default,
-    },
-    id: 1,
-};
-exports._Card.argTypes = {
-    layout: {
-        control: { type: "select" },
-        options: [enums_1.OrientationEnum.horizontal, enums_1.OrientationEnum.vertical],
-    },
-    type: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(utils_1.sectionTypeList.map(function (type) { return [type.key, type.label]; })),
-        },
-        options: utils_1.sectionTypeList.map(function (type) { return type.key; }),
-    },
-};

package/dist/components/MediaCard/Card.test.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var Card_1 = __importDefault(require("./Card"));
-var index_1 = require("./index");
-jest.mock("./PostByCategory/PostByCategory", function () { return ({
-    PostByCategory: jest.fn(function () { return (0, jsx_runtime_1.jsx)("div", { children: "PostByCategory Component" }); }),
-}); });
-jest.mock("./ContactProfile/ContactProfile", function () { return ({
-    ContactProfile: jest.fn(function () { return (0, jsx_runtime_1.jsx)("div", { children: "ContactProfile Component" }); }),
-}); });
-describe("Card Component", function () {
-    it("renders ContactProfile when no prop pass", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, {}));
-        // Check that the PostByCategory component is rendered
-        expect(react_1.screen.getByText("PostByCategory Component")).toBeInTheDocument();
-    });
-    it("renders PostByCategory when type is postByCategoriesTheme", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, { type: index_1.SectionTypeEnum.postByCategoriesTheme }));
-        // Check that the PostByCategory component is rendered
-        expect(react_1.screen.getByText("PostByCategory Component")).toBeInTheDocument();
-    });
-    it("renders ContactProfile when type is contactsProfileTheme", function () {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, { type: index_1.SectionTypeEnum.contactsProfileTheme }));
-        // Check that the ContactProfile component is rendered
-        expect(react_1.screen.getByText("ContactProfile Component")).toBeInTheDocument();
-    });
-});

package/dist/components/MediaCard/ContactProfile/ContactProfile.js

@@ -1,27 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactProfile = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ContactProfileTheme1_1 = require("./ContactProfileTheme1");
-var ContactProfileTheme2_1 = require("./ContactProfileTheme2");
-var scripts_1 = require("../../../app/scripts");
-var colors_1 = require("../../../utils/colors");
-var enums_1 = require("../../../utils/enums");
-var ContactProfile = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [props.layout === enums_1.OrientationEnum.horizontal ? ((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, props))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, props)) })), (0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: "\n          .card_ContactProfile_title_color_".concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), ";\n          }\n          .card_ContactProfile_designation_color_").concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors_1.colors.caption_color), ";\n          }\n          .card_shadow_ContactProfile_").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((0, scripts_1.getColor)((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
-                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_ContactProfile_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors_1.colors.white), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, ":hover {\n            background-color: ").concat((0, scripts_1.getColor)((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n        ") })] }));
-};
-exports.ContactProfile = ContactProfile;

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactProfileTheme1 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Button_1 = require("../../../components/Button/Button");
-var LuImage_1 = require("../../../components/Images/LuImage");
-var link_1 = __importDefault(require("next/link"));
-var card_module_css_1 = __importDefault(require("../card.module.css"));
-var enums_1 = require("../../../utils/enums");
-var ContactProfileTheme1 = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "contact-profile-theme1", className: "lu-pd-250 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-x-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[240px] overflow-hidden lu-aspect-square ".concat(card_module_css_1.default.horizontal_card_image), children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, aspectRatio: "", width: 160, height: 160, className: "lu-border-rounded-full lu-height-100 object-cover" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 lu-height-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }) })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", passHref: true, className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 lu-mt-200 ".concat(card_module_css_1.default.card_button, " card_ContactProfile_btn_").concat(props.id) }) })] }));
-};
-exports.ContactProfileTheme1 = ContactProfileTheme1;

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactProfileTheme2 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Button_1 = require("../../../components/Button/Button");
-var LuImage_1 = require("../../../components/Images/LuImage");
-var link_1 = __importDefault(require("next/link"));
-var card_module_css_1 = __importDefault(require("../card.module.css"));
-var enums_1 = require("../../../utils/enums");
-var ContactProfileTheme2 = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "contact-profile-theme2", className: "lu-pd-400 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id, " flex flex-col items-center"), children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[160px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 160, height: 160, className: "lu-height-100 object-cover lu-border-rounded-full", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", passHref: true, className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_ContactProfile_btn_".concat(props.id) }) })] }));
-};
-exports.ContactProfileTheme2 = ContactProfileTheme2;

package/dist/components/MediaCard/PostByCategory/PostByCategory.js

@@ -1,27 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PostByCategory = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var colors_1 = require("../../../utils/colors");
-var scripts_1 = require("../../../app/scripts");
-var PostByCategoryTheme1_1 = require("./PostByCategoryTheme1");
-var PostByCategoryTheme2_1 = require("./PostByCategoryTheme2");
-var enums_1 = require("../../../utils/enums");
-var PostByCategory = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [props.layout === enums_1.OrientationEnum.horizontal ? ((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, props))) : ((0, jsx_runtime_1.jsx)(PostByCategoryTheme2_1.PostByCategoryTheme2, __assign({}, props))), (0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: "\n          .card_PostByCategory_title_color_".concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), ";\n          }\n          .card_PostByCategory_description_color_").concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors_1.colors.caption_color), ";\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((0, scripts_1.getColor)((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
-                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_PostByCategory_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors_1.colors.white), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, ":hover {\n            background-color: ").concat((0, scripts_1.getColor)((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_PostByCategory_theme2_image_").concat(props === null || props === void 0 ? void 0 : props.id, " {\n            border-color: ").concat((0, scripts_1.getColor)((_m = props.cardStyle) === null || _m === void 0 ? void 0 : _m.card_image_border_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), " !important;\n            border-radius: ").concat((0, scripts_1.ensureValue)((_o = props.cardStyle) === null || _o === void 0 ? void 0 : _o.card_image_border_radius, "0"), "%;\n            border: ").concat((0, scripts_1.ensureValue)((_p = props.cardStyle) === null || _p === void 0 ? void 0 : _p.card_image_border, "0"), "px\n              solid;\n          }\n        ") })] }));
-};
-exports.PostByCategory = PostByCategory;

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PostByCategoryTheme1 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var LuImage_1 = require("../../../components/Images/LuImage");
-var link_1 = __importDefault(require("next/link"));
-var Button_1 = require("../../../components/Button/Button");
-var card_module_css_1 = __importDefault(require("../card.module.css"));
-var enums_1 = require("../../../utils/enums");
-var PostByCategoryTheme1 = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "postByCategory-theme1", className: "lu-pd-250 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex gap-x-[20px] lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 h-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", passHref: true, className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 ".concat(card_module_css_1.default.card_button, " card_PostByCategory_btn_").concat(props.id) }) })] })] }));
-};
-exports.PostByCategoryTheme1 = PostByCategoryTheme1;