qlu-20-ui-library 1.7.2 → 1.7.4

package/dist/types/components/AssignmentCreationCard/index.js

@@ -2,22 +2,23 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./style.scss";
 import { getInitials } from "../../utils";
 import { BadgeNonClickable, EllipsisText, IconButton, Loader } from "..";
-const RenderAddOrRemoveButton = ({ isAdmin = false, isLoading = false, iconType = "plus", onClick, }) => {
+const RenderAddOrRemoveButton = ({ isAdmin = false, isLoading = false, iconType = "plus", onClick, dataCy, }) => {
     if (isAdmin) {
         return null;
     }
     else if (isLoading) {
         return _jsx(Loader, { height: "36", width: "36" });
     }
-    return (_jsx(IconButton, { shape: "circular", color: "gray", variant: "tertiary", iconType: iconType, onClick: onClick, sizeVariant: "xs" }));
+    return (_jsx(IconButton, { shape: "circular", color: "gray", variant: "tertiary", iconType: iconType, onClick: onClick, sizeVariant: "xs", "data-cy": `${dataCy}-${iconType.toLowerCase()}` }));
 };
-const AssignmentCreation = ({ assigneeName, assigneeMail, iconType = "plus", isLoading = false, isAdmin = false, onClick, }) => {
+const AssignmentCreation = ({ assigneeName, assigneeMail, iconType = "plus", isLoading = false, isAdmin = false, onClick, dataCy, }) => {
     const invalidName = !assigneeName || !assigneeName.trim();
     return (_jsxs("div", { className: `assignmentCreation ${iconType}`, children: [_jsx("div", { className: "addTribeMemberCard--Initials", children: invalidName ? "U" : getInitials(assigneeName).toUpperCase() }), _jsxs("span", { className: "addTribeMemberCard--TextAndButton", children: [_jsxs("span", { className: "addTribeMemberCard--Details", children: [_jsx("span", { className: "addTribeMemberCard--Name", children: _jsx(EllipsisText, { maxWidth: "100%", children: assigneeName }) }), _jsx("span", { className: "addTribeMemberCard--Mail", children: _jsx(EllipsisText, { maxWidth: "100%", children: assigneeMail }) }), isAdmin && (_jsx(BadgeNonClickable, { showIcon: false, text: "Owner", variant: "neutral" }))] }), RenderAddOrRemoveButton({
                         iconType,
                         isAdmin,
                         isLoading,
                         onClick,
+                        dataCy,
                     })] })] }));
 };
 export default AssignmentCreation;

package/dist/types/components/AssignmentIdealProfileSelectionCard/DynamicEducationCard/index.d.ts

@@ -9,6 +9,7 @@ interface EducationCardProps {
 interface DynamicEducationCardProps {
     educations: EducationCardProps[];
     initialItemsToShow: number;
+    dataCy?: string;
 }
-declare const DynamicEducationCard: ({ educations, initialItemsToShow, }: DynamicEducationCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicEducationCard: ({ educations, initialItemsToShow, dataCy, }: DynamicEducationCardProps) => import("react/jsx-runtime").JSX.Element;
 export default DynamicEducationCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/DynamicEducationCard/index.js

@@ -3,7 +3,7 @@ import "./style.scss";
 import { useState } from "react";
 import { ClickableText } from "../..";
 import EducationCard from "../../EducationCard";
-const DynamicEducationCard = ({ educations = [], initialItemsToShow = 3, }) => {
+const DynamicEducationCard = ({ educations = [], initialItemsToShow = 3, dataCy, }) => {
     const [count, setCount] = useState(initialItemsToShow);
     const [buttonText, setButtonText] = useState(`${educations.length > initialItemsToShow
         ? educations.length - initialItemsToShow
@@ -16,6 +16,6 @@ const DynamicEducationCard = ({ educations = [], initialItemsToShow = 3, }) => {
                             setCount(educations.length === count
                                 ? initialItemsToShow
                                 : educations.length);
-                        } })) })] }) }));
+                        }, dataCy: `${dataCy}-view-more-less` })) })] }) }));
 };
 export default DynamicEducationCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/DynamicExperienceCard/index.d.ts

@@ -15,6 +15,7 @@ interface DynamicExperienceCardProps {
     experiences: ExperienceCardProps[];
     initialItemsToShow: number;
     onCompanyClick: (universalName: string, urn: string) => void;
+    dataCy?: string;
 }
-declare const DynamicExperienceCardList: ({ experiences, initialItemsToShow, onCompanyClick, }: DynamicExperienceCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicExperienceCardList: ({ experiences, initialItemsToShow, onCompanyClick, dataCy, }: DynamicExperienceCardProps) => import("react/jsx-runtime").JSX.Element;
 export default DynamicExperienceCardList;

package/dist/types/components/AssignmentIdealProfileSelectionCard/DynamicExperienceCard/index.js

@@ -4,7 +4,7 @@ import { useState } from "react";
 import { ClickableText } from "../..";
 import ExperienceCard from "../../ExperienceAndEducatioCard";
 import { isFirstExperience, isLastExperience } from "../../../utils";
-const DynamicExperienceCardList = ({ experiences, initialItemsToShow, onCompanyClick, }) => {
+const DynamicExperienceCardList = ({ experiences, initialItemsToShow, onCompanyClick, dataCy, }) => {
     const [count, setCount] = useState(initialItemsToShow);
     const [buttonText, setButtonText] = useState(`${experiences.length > initialItemsToShow
         ? experiences.length - initialItemsToShow
@@ -20,6 +20,6 @@ const DynamicExperienceCardList = ({ experiences, initialItemsToShow, onCompanyC
                             setCount(experiences.length === count
                                 ? initialItemsToShow
                                 : experiences.length);
-                        } })) })] }) }));
+                        }, dataCy: `${dataCy}-view-more-less` })) })] }) }));
 };
 export default DynamicExperienceCardList;

package/dist/types/components/AssignmentIdealProfileSelectionCard/NotesProspectiveList/index.d.ts

@@ -3,6 +3,7 @@ import "./style.scss";
 interface NoteProspectiveCardListProps {
     notes: ProfileNote[];
     onNotesViewAllClick: () => void;
+    dataCy?: string;
 }
-declare const NoteProspectiveCardList: ({ notes, onNotesViewAllClick, }: NoteProspectiveCardListProps) => import("react/jsx-runtime").JSX.Element;
+declare const NoteProspectiveCardList: ({ notes, onNotesViewAllClick, dataCy, }: NoteProspectiveCardListProps) => import("react/jsx-runtime").JSX.Element;
 export default NoteProspectiveCardList;

package/dist/types/components/AssignmentIdealProfileSelectionCard/NotesProspectiveList/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ClickableText } from "../..";
 import Note from "../Note";
 import "./style.scss";
-const NoteProspectiveCardList = ({ notes, onNotesViewAllClick, }) => {
+const NoteProspectiveCardList = ({ notes, onNotesViewAllClick, dataCy, }) => {
     const options = {
         month: "short",
         day: "numeric",
@@ -11,7 +11,7 @@ const NoteProspectiveCardList = ({ notes, onNotesViewAllClick, }) => {
         minute: "numeric",
         hour12: true,
     };
-    return (_jsxs("div", { className: "notes--container", children: [_jsxs("div", { className: "notes-header", children: [_jsxs("div", { className: "notes-info", children: ["Notes", notes && notes.length > 0 && (_jsx("div", { className: "count", children: notes.length }))] }), _jsx("span", { children: _jsx(ClickableText, { colorVariant: "gray", sizeVariant: "sm", text: notes && notes.length > 0 ? "View All" : "Add", onClick: onNotesViewAllClick }) })] }), _jsx("div", { className: "notesContainer", children: notes &&
+    return (_jsxs("div", { className: "notes--container", children: [_jsxs("div", { className: "notes-header", children: [_jsxs("div", { className: "notes-info", children: ["Notes", notes && notes.length > 0 && (_jsx("div", { className: "count", children: notes.length }))] }), _jsx("span", { children: _jsx(ClickableText, { colorVariant: "gray", sizeVariant: "sm", text: notes && notes.length > 0 ? "View All" : "Add", onClick: onNotesViewAllClick, dataCy: `${dataCy}-${notes && notes.length > 0 ? "view-all" : "add"}` }) })] }), _jsx("div", { className: "notesContainer", children: notes &&
                     notes.slice(0, 2).map((note) => {
                         const correctDateTime = note.updatedAt || note.createdAt;
                         const tranformedDataTime = new Date(correctDateTime)

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileCard/index.d.ts

@@ -11,6 +11,7 @@ interface ChatClickableCardProps {
     recentCompany?: string;
     location?: string;
     onViewProfileButtonClick: () => void;
+    dataCy?: string;
 }
-declare const ProfileCard: ({ iconPath, iconSize, name, designation, universalName, urn, recentCompany, location, onViewProfileButtonClick, onCompanyNameClick, }: ChatClickableCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProfileCard: ({ iconPath, iconSize, name, designation, universalName, urn, recentCompany, location, onViewProfileButtonClick, onCompanyNameClick, dataCy, }: ChatClickableCardProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfileCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileCard/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CircularIcon, SecondaryButton } from "../..";
 import "./style.scss";
-const ProfileCard = ({ iconPath = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", iconSize = "88", name = "Ethan Brown", designation = "VP Product @ Beyond Meat", universalName, urn, recentCompany, location, onViewProfileButtonClick, onCompanyNameClick, }) => {
-    return (_jsx("div", { className: "profileCard", children: _jsxs("span", { className: "body-profile-card", children: [_jsx("span", { children: _jsx(CircularIcon, { iconPath: iconPath, iconSize: iconSize, altImageType: "profile" }) }), _jsxs("span", { className: "profile-details-section", children: [_jsx("span", { className: "person-name", onClick: onViewProfileButtonClick, children: name }), _jsxs("span", { className: "designation", children: [`${designation} at `, _jsx("span", { className: "companyName", onClick: () => onCompanyNameClick(universalName, urn), children: recentCompany })] }), _jsx("span", { className: "location", children: location })] }), _jsx("span", { className: "view-profile-button-istcardcolum", children: _jsx(SecondaryButton, { text: "View Full Profile", colorVariant: "orange", onClick: onViewProfileButtonClick, sizeVariant: "sm" }) })] }) }));
+const ProfileCard = ({ iconPath = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", iconSize = "88", name = "Ethan Brown", designation = "VP Product @ Beyond Meat", universalName, urn, recentCompany, location, onViewProfileButtonClick, onCompanyNameClick, dataCy, }) => {
+    return (_jsx("div", { className: "profileCard", children: _jsxs("span", { className: "body-profile-card", children: [_jsx("span", { children: _jsx(CircularIcon, { iconPath: iconPath, iconSize: iconSize, altImageType: "profile" }) }), _jsxs("span", { className: "profile-details-section", children: [_jsx("span", { className: "person-name", onClick: onViewProfileButtonClick, children: name }), _jsxs("span", { className: "designation", children: [`${designation} at `, _jsx("span", { className: "companyName", onClick: () => onCompanyNameClick(universalName, urn), children: recentCompany })] }), _jsx("span", { className: "location", children: location })] }), _jsx("span", { className: "view-profile-button-istcardcolum", children: _jsx(SecondaryButton, { text: "View Full Profile", colorVariant: "orange", onClick: onViewProfileButtonClick, sizeVariant: "sm", "data-cy": `${dataCy}-view-profile` }) })] }) }));
 };
 export default ProfileCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileIstSection/index.d.ts

@@ -25,6 +25,7 @@ interface ProfileCardIstSectionProps {
             isPaused: boolean;
         };
     };
+    dataCy?: string;
 }
-declare const ProfileCardIstSection: ({ profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, companyLocation, onNotesViewAllClick, onViewProfileButtonClick, universalName, urn, onCompanyNameClick, notes, campaign, onCampaignClick, }: ProfileCardIstSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProfileCardIstSection: ({ profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, companyLocation, onNotesViewAllClick, onViewProfileButtonClick, universalName, urn, onCompanyNameClick, notes, campaign, onCampaignClick, dataCy, }: ProfileCardIstSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfileCardIstSection;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileIstSection/index.js

@@ -3,7 +3,7 @@ import NoteProspectiveCardList from "../NotesProspectiveList";
 import ProfileCard from "../ProfileCard";
 import "./style.scss";
 import ProspectCampaign from "../../ProspectCampaign";
-const ProfileCardIstSection = ({ profileIconPath = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", profileIconSize = "88", personName = "Ethan Brown", personDesignation = "VP Product @ Beyond Meat", personRecentCompany, companyLocation, onNotesViewAllClick, onViewProfileButtonClick = () => { }, universalName, urn, onCompanyNameClick, notes, campaign, onCampaignClick = () => { }, }) => {
-    return (_jsxs("div", { className: "profileCard--Generic", children: [_jsx("span", { children: _jsx(ProfileCard, { iconPath: profileIconPath, iconSize: profileIconSize, name: personName, universalName: universalName, urn: urn, onCompanyNameClick: onCompanyNameClick, designation: personDesignation, recentCompany: personRecentCompany, location: companyLocation, onViewProfileButtonClick: onViewProfileButtonClick }) }), !!campaign?.id && (_jsx("span", { children: _jsx(ProspectCampaign, { onCampaignClick: onCampaignClick, campaign: campaign }) })), _jsx("span", { children: _jsx(NoteProspectiveCardList, { notes: notes, onNotesViewAllClick: onNotesViewAllClick }) })] }));
+const ProfileCardIstSection = ({ profileIconPath = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", profileIconSize = "88", personName = "Ethan Brown", personDesignation = "VP Product @ Beyond Meat", personRecentCompany, companyLocation, onNotesViewAllClick, onViewProfileButtonClick = () => { }, universalName, urn, onCompanyNameClick, notes, campaign, onCampaignClick = () => { }, dataCy, }) => {
+    return (_jsxs("div", { className: "profileCard--Generic", children: [_jsx("span", { children: _jsx(ProfileCard, { iconPath: profileIconPath, iconSize: profileIconSize, name: personName, universalName: universalName, urn: urn, onCompanyNameClick: onCompanyNameClick, designation: personDesignation, recentCompany: personRecentCompany, location: companyLocation, onViewProfileButtonClick: onViewProfileButtonClick, dataCy: dataCy }) }), !!campaign?.id && (_jsx("span", { children: _jsx(ProspectCampaign, { onCampaignClick: onCampaignClick, campaign: campaign }) })), _jsx("span", { children: _jsx(NoteProspectiveCardList, { notes: notes, onNotesViewAllClick: onNotesViewAllClick, dataCy: dataCy }) })] }));
 };
 export default ProfileCardIstSection;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileSecondSection/index.d.ts

@@ -27,6 +27,7 @@ interface ProfileCardSecondSectionProps {
     experiencesList: ExperienceList[];
     educationsList: EducationList[];
     onExpoerienceCompanyClick: (universalName: string, urn: string) => void;
+    dataCy?: string;
 }
-declare const ProfileCardSecondSection: ({ initialExperienceShow, initialEducationShow, experiencesList, educationsList, onExpoerienceCompanyClick, }: ProfileCardSecondSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProfileCardSecondSection: ({ initialExperienceShow, initialEducationShow, experiencesList, educationsList, onExpoerienceCompanyClick, dataCy, }: ProfileCardSecondSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfileCardSecondSection;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileSecondSection/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DynamicEducationCard from "../DynamicEducationCard";
 import DynamicExperienceCardList from "../DynamicExperienceCard";
 import "./style.scss";
-const ProfileCardSecondSection = ({ initialExperienceShow = 3, initialEducationShow = 1, experiencesList, educationsList, onExpoerienceCompanyClick, }) => {
-    return (_jsx("div", { className: "profileDetailedCard--Generic", children: _jsxs("span", { className: "experenieceAndEducationSection", children: [_jsxs("span", { className: "profileDetailedCard-Experience", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Experience" }), experiencesList?.length === 0 || !experiencesList ? (_jsx("div", { children: "No experiences found" })) : (_jsx(DynamicExperienceCardList, { experiences: experiencesList, initialItemsToShow: initialExperienceShow, onCompanyClick: onExpoerienceCompanyClick }))] }), _jsxs("span", { className: "profileDetailedCard-Education", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Education" }), educationsList?.length === 0 || !educationsList ? (_jsx("div", { children: "No record of education found" })) : (_jsx(DynamicEducationCard, { educations: educationsList, initialItemsToShow: initialEducationShow }))] })] }) }));
+const ProfileCardSecondSection = ({ initialExperienceShow = 3, initialEducationShow = 1, experiencesList, educationsList, onExpoerienceCompanyClick, dataCy, }) => {
+    return (_jsx("div", { className: "profileDetailedCard--Generic", children: _jsxs("span", { className: "experenieceAndEducationSection", children: [_jsxs("span", { className: "profileDetailedCard-Experience", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Experience" }), experiencesList?.length === 0 || !experiencesList ? (_jsx("div", { children: "No experiences found" })) : (_jsx(DynamicExperienceCardList, { experiences: experiencesList, initialItemsToShow: initialExperienceShow, onCompanyClick: onExpoerienceCompanyClick, dataCy: `${dataCy}-experience` }))] }), _jsxs("span", { className: "profileDetailedCard-Education", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Education" }), educationsList?.length === 0 || !educationsList ? (_jsx("div", { children: "No record of education found" })) : (_jsx(DynamicEducationCard, { educations: educationsList, initialItemsToShow: initialEducationShow, dataCy: `${dataCy}-education` }))] })] }) }));
 };
 export default ProfileCardSecondSection;

package/dist/types/components/AssignmentIdealProfileSelectionCard/index.d.ts

@@ -49,6 +49,7 @@ export interface AssignmentIdealProfileCardProps {
             isPaused: boolean;
         };
     };
+    dataCy?: string;
 }
-declare const AssignmentIdealProfileCard: ({ profileIndex, id, profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, recentCompanyUniversalName, recentCompanyUrn, companyLocation, notes, onCheckboxSelected, onNotesViewAllClick, initialExperienceShow, initialEducationShow, skillsMissingList, skillsMatchingList, industryMissingList, industryMatchingList, experiencesList, educationsList, onViewDetailsClick, onCompanyClick, handleStarClick, starSelected, checkSelected, isStarIconShown, onCampaignClick, campaign, }: AssignmentIdealProfileCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const AssignmentIdealProfileCard: ({ profileIndex, id, profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, recentCompanyUniversalName, recentCompanyUrn, companyLocation, notes, onCheckboxSelected, onNotesViewAllClick, initialExperienceShow, initialEducationShow, skillsMissingList, skillsMatchingList, industryMissingList, industryMatchingList, experiencesList, educationsList, onViewDetailsClick, onCompanyClick, handleStarClick, starSelected, checkSelected, isStarIconShown, onCampaignClick, campaign, dataCy, }: AssignmentIdealProfileCardProps) => import("react/jsx-runtime").JSX.Element;
 export default AssignmentIdealProfileCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/index.js

@@ -11,13 +11,13 @@ initialExperienceShow, initialEducationShow, skillsMissingList, skillsMatchingLi
 // onContextViewAllButton,
 onViewDetailsClick = (_p) => { }, onCompanyClick, 
 // breadCrumbItemsList,
-handleStarClick, starSelected = false, checkSelected = false, isStarIconShown = true, onCampaignClick = () => { }, campaign, }) => {
+handleStarClick, starSelected = false, checkSelected = false, isStarIconShown = true, onCampaignClick = () => { }, campaign, dataCy, }) => {
     const handleSlectedState = () => {
         onCheckboxSelected(id);
     };
     const handleStarState = () => {
         handleStarClick(id);
     };
-    return (_jsxs("span", { className: `assignment-ideal-profile-card--Generic ${checkSelected ? "checkboxChecked" : ""}`, children: [_jsxs("span", { className: "left-component-ideal-profile", children: [_jsxs("span", { className: "profilecard-header-checkboxandstar-emoji", children: [_jsxs("span", { className: "check-box--profilecard", children: [profileIndex && _jsxs("p", { children: [profileIndex, "."] }), _jsx(CheckboxComponent, { checked: checkSelected, onClick: handleSlectedState })] }), isStarIconShown && (_jsx("span", { className: `profilecard-header-star ${starSelected ? "" : "starNotChecked"}`, children: _jsx(IconButton, { shape: "circular", iconType: "star", variant: "tertiary", color: "gray", iconSize: "20", sizeVariant: "sm", onClick: handleStarState }) }))] }), _jsx(ProfileCardIstSection, { profileIconPath: profileIconPath, profileIconSize: profileIconSize, personName: personName, personDesignation: personDesignation, personRecentCompany: personRecentCompany, companyLocation: companyLocation, universalName: recentCompanyUniversalName, urn: recentCompanyUrn, notes: notes, onNotesViewAllClick: () => onNotesViewAllClick(id), onViewProfileButtonClick: () => onViewDetailsClick(id), onCompanyNameClick: onCompanyClick, onCampaignClick: onCampaignClick, campaign: campaign })] }), _jsx(ProfileCardSecondSection, { initialExperienceShow: initialExperienceShow, initialEducationShow: initialEducationShow, skillsMissingList: skillsMissingList, skillsMatchingList: skillsMatchingList, industryMissingList: industryMissingList, industryMatchingList: industryMatchingList, experiencesList: experiencesList, educationsList: educationsList, onExpoerienceCompanyClick: onCompanyClick })] }));
+    return (_jsxs("span", { className: `assignment-ideal-profile-card--Generic ${checkSelected ? "checkboxChecked" : ""}`, children: [_jsxs("span", { className: "left-component-ideal-profile", children: [_jsxs("span", { className: "profilecard-header-checkboxandstar-emoji", children: [_jsxs("span", { className: "check-box--profilecard", children: [profileIndex && _jsxs("p", { children: [profileIndex, "."] }), _jsx(CheckboxComponent, { checked: checkSelected, onClick: handleSlectedState, dataCy: `${dataCy}-checkbox` })] }), isStarIconShown && (_jsx("span", { className: `profilecard-header-star ${starSelected ? "" : "starNotChecked"}`, children: _jsx(IconButton, { shape: "circular", iconType: "star", variant: "tertiary", color: "gray", iconSize: "20", sizeVariant: "sm", onClick: handleStarState, "data-cy": `${dataCy}-star` }) }))] }), _jsx(ProfileCardIstSection, { profileIconPath: profileIconPath, profileIconSize: profileIconSize, personName: personName, personDesignation: personDesignation, personRecentCompany: personRecentCompany, companyLocation: companyLocation, universalName: recentCompanyUniversalName, urn: recentCompanyUrn, notes: notes, onNotesViewAllClick: () => onNotesViewAllClick(id), onViewProfileButtonClick: () => onViewDetailsClick(id), onCompanyNameClick: onCompanyClick, onCampaignClick: onCampaignClick, campaign: campaign, dataCy: dataCy })] }), _jsx(ProfileCardSecondSection, { initialExperienceShow: initialExperienceShow, initialEducationShow: initialEducationShow, skillsMissingList: skillsMissingList, skillsMatchingList: skillsMatchingList, industryMissingList: industryMissingList, industryMatchingList: industryMatchingList, experiencesList: experiencesList, educationsList: educationsList, onExpoerienceCompanyClick: onCompanyClick, dataCy: dataCy })] }));
 };
 export default AssignmentIdealProfileCard;

package/dist/types/components/BadgeWithCount/index.d.ts

@@ -8,6 +8,7 @@ type BadgeWithCountProps = {
     iconType?: IconType;
     iconSize?: IconSize;
     onClick?: () => void;
+    dataCy?: string;
 };
-declare const BadgeWithCount: ({ count, iconSize, iconType, toolTipPosition, toolTipContent, onClick, }: BadgeWithCountProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const BadgeWithCount: ({ count, iconSize, iconType, toolTipPosition, toolTipContent, onClick, dataCy, }: BadgeWithCountProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BadgeWithCount;

package/dist/types/components/BadgeWithCount/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GetSvgIcon, Tooltip } from "..";
 import "./style.scss";
-const BadgeWithCount = ({ count, iconSize = "16", iconType = "briefcase", toolTipPosition = "bottom", toolTipContent, onClick, }) => {
+const BadgeWithCount = ({ count, iconSize = "16", iconType = "briefcase", toolTipPosition = "bottom", toolTipContent, onClick, dataCy, }) => {
     if (count === undefined)
         return null;
-    return (_jsx("div", { className: "badgeWithCount", children: _jsx(Tooltip, { content: toolTipContent, toolTipPosition: toolTipPosition, isDisabled: !toolTipContent, children: _jsxs("div", { className: "badgeIconAndText", onClick: onClick, role: "button", onKeyDown: onClick, children: [_jsx(GetSvgIcon, { iconSize: iconSize, iconType: iconType }), _jsx("span", { className: "badgeText", children: count })] }) }) }));
+    return (_jsx("div", { className: "badgeWithCount", "data-cy": dataCy, children: _jsx(Tooltip, { content: toolTipContent, toolTipPosition: toolTipPosition, isDisabled: !toolTipContent, children: _jsxs("div", { className: "badgeIconAndText", onClick: onClick, role: "button", onKeyDown: onClick, children: [_jsx(GetSvgIcon, { iconSize: iconSize, iconType: iconType }), _jsx("span", { className: "badgeText", children: count })] }) }) }));
 };
 export default BadgeWithCount;

package/dist/types/components/BusinessUnitView/BusinessUnitViewTabsComponent/BusinessUnitViewTabsComponent.d.ts

@@ -5,6 +5,7 @@ type BusinessUnitViewTabsComponentProps = {
     }>;
     activeTab: BusinessUnitViewTabTypes;
     onClick: (tabName: BusinessUnitViewTabTypes) => void;
+    dataCy?: string;
 };
-declare function BusinessUnitViewTabsComponent({ tabs, activeTab, onClick, }: BusinessUnitViewTabsComponentProps): import("react/jsx-runtime").JSX.Element;
+declare function BusinessUnitViewTabsComponent({ tabs, activeTab, onClick, dataCy, }: BusinessUnitViewTabsComponentProps): import("react/jsx-runtime").JSX.Element;
 export default BusinessUnitViewTabsComponent;

package/dist/types/components/BusinessUnitView/BusinessUnitViewTabsComponent/BusinessUnitViewTabsComponent.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 import clsx from "clsx";
 import { BusinessUnitViewTabs } from "../../../utils";
-function BusinessUnitViewTabsComponent({ tabs = BusinessUnitViewTabs, activeTab = "Summary", onClick, }) {
+function BusinessUnitViewTabsComponent({ tabs = BusinessUnitViewTabs, activeTab = "Summary", onClick, dataCy, }) {
     const getClassName = (tabName, activeTab) => {
         return clsx({
             [styles.tabButton]: true,
@@ -11,7 +11,7 @@ function BusinessUnitViewTabsComponent({ tabs = BusinessUnitViewTabs, activeTab
         });
     };
     return (_jsx("div", { className: styles.businessUnitViewTabs, children: tabs.map((entity, key) => {
-            return (_jsx("button", { onClick: () => onClick(entity.tabName), className: getClassName(entity.tabName, activeTab), children: entity.tabName.toUpperCase() }, key));
+            return (_jsx("button", { onClick: () => onClick(entity.tabName), className: getClassName(entity.tabName, activeTab), "data-cy": `${dataCy}-${entity.tabName.toLowerCase()}`, children: entity.tabName.toUpperCase() }, key));
         }) }));
 }
 export default BusinessUnitViewTabsComponent;

package/dist/types/components/Charts/DoughnutChart/DoughnutChart.d.ts

@@ -6,6 +6,7 @@ type DoughnutChartProps = {
     textVariant?: "xs" | "sm" | "base" | "lg" | "xl" | "xxl";
     hollowPercent: number;
     heading: string;
+    backgroundColors?: string[];
 };
-declare function DoughnutChart({ data, textVariant, hollowPercent, heading, }: DoughnutChartProps): import("react/jsx-runtime").JSX.Element;
+declare function DoughnutChart({ data, textVariant, hollowPercent, heading, backgroundColors, }: DoughnutChartProps): import("react/jsx-runtime").JSX.Element;
 export default DoughnutChart;

package/dist/types/components/Charts/DoughnutChart/DoughnutChart.js

@@ -1,27 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Chart as ChartJS, ArcElement, Tooltip, Legend, } from "chart.js";
 import { Doughnut } from "react-chartjs-2";
+import { formatLabel } from "../../../utils";
 import styles from "./styles.module.scss";
 ChartJS.register(ArcElement, Tooltip, Legend);
-const formatLabel = (text, maxChars) => {
-    const words = text.split(" ");
-    const result = [];
-    let currentLine = "";
-    words.forEach((word) => {
-        if ((currentLine + word).length > maxChars) {
-            result.push(currentLine.trim());
-            currentLine = word;
-        }
-        else {
-            currentLine += ` ${word}`;
-        }
-    });
-    if (currentLine) {
-        result.push(currentLine.trim());
-    }
-    return result;
-};
-function DoughnutChart({ data, textVariant = "base", hollowPercent = 72, heading, }) {
+function DoughnutChart({ data, textVariant = "base", hollowPercent = 72, heading, backgroundColors = [
+    "#FACC15",
+    "#3B82F6",
+    "#14B8A6",
+    "#EC4899",
+    "#F59E0B",
+    "#6266F1",
+], }) {
     const labels = data.map((item) => item.label);
     const numbers = data.map((item) => item.number);
     const chartData = {
@@ -29,14 +19,8 @@ function DoughnutChart({ data, textVariant = "base", hollowPercent = 72, heading
         datasets: [
             {
                 data: numbers,
-                backgroundColor: [
-                    "#FACC15",
-                    "#3B82F6",
-                    "#14B8A6",
-                    "#EC4899",
-                    "#F59E0B",
-                    "#6266F1",
-                ],
+                backgroundColor: backgroundColors,
+                hoverBackgroundColor: backgroundColors,
                 borderWidth: 1,
                 borderColor: "#212121",
             },

package/dist/types/components/ChatDropDown/index.d.ts

@@ -16,8 +16,11 @@ interface ChatDropDownProps<T extends {
     handleOptionClick: (option: T) => void;
     handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     renderProps?: (props: T) => React.ReactElement;
+    dataCyInput?: string;
+    dataCySuggestion?: string;
+    dataCyCreate?: string;
 }
 declare const ChatDropDown: <T extends {
     label: string;
-}>({ value, isCreateShown, zIndex, placeholder, showSearchIcon, filteredOptions, isLoading, isReadOnly, showNoResults, handleCreateClick, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps<T>) => import("react/jsx-runtime").JSX.Element;
+}>({ value, isCreateShown, zIndex, placeholder, showSearchIcon, filteredOptions, isLoading, isReadOnly, showNoResults, dataCyInput, dataCySuggestion, dataCyCreate, handleCreateClick, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ChatDropDown;

package/dist/types/components/ChatDropDown/index.js

@@ -5,7 +5,7 @@ import "./style.scss";
 import { v4 as uuidv4 } from "uuid";
 import clsx from "clsx";
 import { Loader } from "..";
-const ChatDropDown = ({ value = "", isCreateShown = true, zIndex = 100, placeholder = "Search options", showSearchIcon = true, filteredOptions = [], isLoading = false, isReadOnly = false, showNoResults = false, handleCreateClick = (value) => {
+const ChatDropDown = ({ value = "", isCreateShown = true, zIndex = 100, placeholder = "Search options", showSearchIcon = true, filteredOptions = [], isLoading = false, isReadOnly = false, showNoResults = false, dataCyInput, dataCySuggestion, dataCyCreate, handleCreateClick = (value) => {
     console.log({ value });
 }, handleOptionClick = (value) => {
     console.log({ value });
@@ -66,8 +66,8 @@ const ChatDropDown = ({ value = "", isCreateShown = true, zIndex = 100, placehol
                 }), children: [showSearchIcon && _jsx(GetSvgIcon, { iconType: "search", iconSize: "24" }), _jsx("input", { type: "text", placeholder: placeholder, onChange: handleChange, onClick: () => setShowOptions(!!value), readOnly: isReadOnly, value: value, className: clsx({
                             "inputField--Generic": true,
                             [getWidthControl(showSearchIcon, isLoading)]: true,
-                        }) }), isLoading && _jsx(Loader, { height: "20", width: "20" })] }), (filteredOptions.length > 0 || isCreateShown || showNoResults) &&
-                showOptions && (_jsx("div", { ref: dropdownRef, children: _jsxs("ul", { className: "options-list", style: { zIndex }, children: [showNoResults && _jsx("p", { className: "noResults", children: "No Results Found" }), isCreateShown && (_jsx(_Fragment, { children: _jsx("li", { className: "create-section", onClick: (e) => {
+                        }), "data-cy": dataCyInput }), isLoading && _jsx(Loader, { height: "20", width: "20" })] }), (filteredOptions.length > 0 || isCreateShown || showNoResults) &&
+                showOptions && (_jsx("div", { ref: dropdownRef, children: _jsxs("ul", { className: "options-list", style: { zIndex }, children: [showNoResults && _jsx("p", { className: "noResults", children: "No Results Found" }), isCreateShown && (_jsx(_Fragment, { children: _jsx("li", { "data-cy": dataCyCreate, className: "create-section", onClick: (e) => {
                                     e.stopPropagation();
                                     setShowOptions(false);
                                     handleCreateClick(value);
@@ -75,6 +75,6 @@ const ChatDropDown = ({ value = "", isCreateShown = true, zIndex = 100, placehol
                                 e.stopPropagation();
                                 setShowOptions(false);
                                 handleOptionClick(props);
-                            }, children: renderProps(props) }, uuidv4())))] }) }))] }));
+                            }, "data-cy": dataCySuggestion, children: renderProps(props) }, uuidv4())))] }) }))] }));
 };
 export default ChatDropDown;

package/dist/types/components/CheckboxComponent/index.d.ts

@@ -6,6 +6,7 @@ interface CheckboxProps {
     sizeVariant?: "xs" | "sm" | "base" | "lg" | "xl";
     id?: string;
     isDisabled?: boolean;
+    dataCy?: string;
 }
 declare const CheckboxComponent: React.FC<CheckboxProps>;
 export default CheckboxComponent;

package/dist/types/components/CheckboxComponent/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import "./style.scss";
 import { v4 as uuidv4 } from "uuid";
-const CheckboxComponent = ({ checked = false, onClick, id = uuidv4(), sizeVariant = "sm", isDisabled = false, }) => {
+const CheckboxComponent = ({ checked = false, onClick, id = uuidv4(), sizeVariant = "sm", isDisabled = false, dataCy, }) => {
     const [isOn, setIsOn] = useState(checked);
     useEffect(() => {
         setIsOn(checked);
@@ -13,6 +13,6 @@ const CheckboxComponent = ({ checked = false, onClick, id = uuidv4(), sizeVarian
     };
     return (_jsx("input", { type: "checkbox", className: isDisabled
             ? `checkBoxComponent--Generic ${sizeVariant}SizeCheckBox disabled-CheckBox`
-            : `checkBoxComponent--Generic ${sizeVariant}SizeCheckBox notDisabled-CheckBox`, id: `${id}`, checked: isOn, onChange: handleToggle, disabled: isDisabled }));
+            : `checkBoxComponent--Generic ${sizeVariant}SizeCheckBox notDisabled-CheckBox`, id: `${id}`, checked: isOn, onChange: handleToggle, disabled: isDisabled, "data-cy": dataCy }));
 };
 export default CheckboxComponent;

package/dist/types/components/ChevronDropDown/index.d.ts

@@ -3,6 +3,9 @@ interface ChevronDropDownProps {
     dropdownItemList: string[];
     onLabelClick: (value: string) => void;
     name: string;
+    dataCyDropdown?: string;
+    dataCyChangePass?: string;
+    dataCySignout?: string;
 }
-declare const ChevronDropDown: ({ dropdownItemList, onLabelClick, name, }: ChevronDropDownProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChevronDropDown: ({ dropdownItemList, onLabelClick, name, dataCyDropdown, dataCyChangePass, dataCySignout, }: ChevronDropDownProps) => import("react/jsx-runtime").JSX.Element;
 export default ChevronDropDown;

package/dist/types/components/ChevronDropDown/index.js

@@ -5,14 +5,21 @@ import { IconButton } from "..";
 import { getFirstName } from "../../utils";
 const ChevronDropDown = ({ dropdownItemList, onLabelClick, 
 // profileImage,
-name, }) => {
+name, dataCyDropdown, dataCyChangePass, dataCySignout, }) => {
     const [listShow, setListShow] = useState(false);
     const toggleListShow = () => {
         setListShow((prevState) => !prevState);
     };
-    return (_jsx("div", { className: "chevronButtondropdown--container", children: _jsxs("span", { className: "filterButtondropdown--dropdown", children: [_jsxs("div", { children: [_jsx("button", { onClick: toggleListShow, children: _jsx("p", { className: "first-name", children: getFirstName(name) }) }), _jsx("span", { className: "chevronButtondropdown--btn--dropdown", children: _jsx(IconButton, { shape: "circular", onClick: toggleListShow, sizeVariant: "base", color: "orange", variant: "primary", iconType: "arrowDown" }) })] }), _jsx("ul", { className: `filterButtondropdown--dropdown-list-${listShow ? "show" : "hide"}`, children: dropdownItemList.map((item, key) => (_jsx("li", { children: _jsx("button", { onClick: () => {
+    const selectDataCy = (item) => {
+        item === "Change Password" && dataCyChangePass
+            ? dataCyChangePass
+            : item === "Sign Out" && dataCySignout
+                ? dataCySignout
+                : "";
+    };
+    return (_jsx("div", { className: "chevronButtondropdown--container", children: _jsxs("span", { className: "filterButtondropdown--dropdown", children: [_jsxs("div", { children: [_jsx("button", { onClick: toggleListShow, "data-cy": dataCyDropdown, children: _jsx("p", { className: "first-name", children: getFirstName(name) }) }), _jsx("span", { className: "chevronButtondropdown--btn--dropdown", children: _jsx(IconButton, { shape: "circular", onClick: toggleListShow, sizeVariant: "base", color: "orange", variant: "primary", iconType: "arrowDown" }) })] }), _jsx("ul", { className: `filterButtondropdown--dropdown-list-${listShow ? "show" : "hide"}`, children: dropdownItemList.map((item, key) => (_jsx("li", { children: _jsx("button", { onClick: () => {
                                 setListShow(false);
                                 onLabelClick(item);
-                            }, children: item }) }, `${key}-${item}`))) })] }) }));
+                            }, "data-cy": selectDataCy(item), children: item }) }, `${key}-${item}`))) })] }) }));
 };
 export default ChevronDropDown;

package/dist/types/components/ClickableText/index.d.ts

@@ -12,6 +12,7 @@ interface ClickableTextProps {
     disabled?: boolean;
     props?: any;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    dataCy?: string;
 }
-declare const ClickableText: ({ text, showIcon, iconOnLeft, iconType, sizeVariant, colorVariant, iconSize, props, disabled, onClick, }: ClickableTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const ClickableText: ({ text, showIcon, iconOnLeft, iconType, sizeVariant, colorVariant, iconSize, props, disabled, onClick, dataCy, }: ClickableTextProps) => import("react/jsx-runtime").JSX.Element;
 export default ClickableText;

package/dist/types/components/ClickableText/index.js

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import GetSvgIcon from "../GetSvgIcon";
 import "./style.scss";
-const ClickableText = ({ text = "String of Button", showIcon = false, iconOnLeft = false, iconType = "plus", sizeVariant = "xs", colorVariant = "orange", iconSize = "16", props = {}, disabled = false, onClick, }) => {
+const ClickableText = ({ text = "String of Button", showIcon = false, iconOnLeft = false, iconType = "plus", sizeVariant = "xs", colorVariant = "orange", iconSize = "16", props = {}, disabled = false, onClick, dataCy, }) => {
     const clickableTextClassName = clsx({
         clickableTextGeneric: true,
         [`${sizeVariant}SizeClickableText`]: true,
         [`${colorVariant}ClickableText`]: true,
         iconOnLeftClickableText: iconOnLeft,
     });
-    return (_jsxs("button", { disabled: disabled, onClick: onClick, className: clickableTextClassName, ...props, children: [text, showIcon && _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize })] }));
+    return (_jsxs("button", { disabled: disabled, onClick: onClick, className: clickableTextClassName, ...props, "data-cy": dataCy, children: [text, showIcon && _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize })] }));
 };
 export default ClickableText;

package/dist/types/components/ColoredButton/index.d.ts

@@ -6,6 +6,7 @@ interface ColoredButtonProps {
     colorVariant: "orange" | "green" | "teal" | "socialTwitter";
     isDisabled?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    dataCy?: string;
 }
-declare const ColoredButton: ({ text, sizeVariant, colorVariant, isDisabled, onClick, }: ColoredButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ColoredButton: ({ text, sizeVariant, colorVariant, isDisabled, onClick, dataCy, }: ColoredButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ColoredButton;

package/dist/types/components/ColoredButton/index.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import "./style.scss";
-const ColoredButton = ({ text = "16876", sizeVariant = "xs", colorVariant = "orange", isDisabled = false, onClick, }) => {
+const ColoredButton = ({ text = "16876", sizeVariant = "xs", colorVariant = "orange", isDisabled = false, onClick, dataCy, }) => {
     const className = clsx({
         "colored-button--Generic": true,
         [`${sizeVariant}Size--ColoredButton`]: true,
         [`${colorVariant}--ColoredButton`]: true,
     });
-    return (_jsx("button", { className: className, disabled: isDisabled, onClick: onClick, children: text }));
+    return (_jsx("button", { className: className, disabled: isDisabled, onClick: onClick, "data-cy": dataCy, children: text }));
 };
 export default ColoredButton;

package/dist/types/components/CompanyDetailsCard/index.d.ts

@@ -5,6 +5,7 @@ interface CompanyDetailsCardProps {
     viewMore: () => void;
     descriptionCollapseCount?: number;
     intialHeight?: string;
+    dataCy?: string;
 }
-declare const CompanyDetailsCard: ({ company, descriptionCollapseCount, viewMore, intialHeight, }: CompanyDetailsCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const CompanyDetailsCard: ({ company, descriptionCollapseCount, viewMore, intialHeight, dataCy, }: CompanyDetailsCardProps) => import("react/jsx-runtime").JSX.Element;
 export default CompanyDetailsCard;

package/dist/types/components/CompanyDetailsCard/index.js

@@ -34,7 +34,7 @@ const getStatusText = (evalStatus) => {
             return null;
     }
 };
-const CompanyDetailsCard = ({ company, descriptionCollapseCount = 250, viewMore, intialHeight = "calc(100% - 84px)", }) => {
+const CompanyDetailsCard = ({ company, descriptionCollapseCount = 250, viewMore, intialHeight = "calc(100% - 84px)", dataCy, }) => {
     const topSectionRef = useRef(null);
     const [bodySectionHeight, setBodySectionHeight] = useState(intialHeight);
     const [descriptionCollapse, setDescriptionCollapse] = useState(company?.description?.length > descriptionCollapseCount);
@@ -56,12 +56,12 @@ const CompanyDetailsCard = ({ company, descriptionCollapseCount = 250, viewMore,
                                             (company.industries && company.staffcount ? " • " : "") +
                                             (company.staffcount
                                                 ? `${company?.staffcount?.toLocaleString()} Employees`
-                                                : "-") })), _jsx(ClickableText, { onClick: viewMore, sizeVariant: "sm", text: "View more details" })] })] }), company.evaluationStatus && (_jsxs("div", { className: company.evaluationStatus, children: [company.evaluationStatus !== "loading" ? (_jsx("p", { children: getStatusText(company.evaluationStatus) })) : (_jsx("p", { children: "Verifying" })), getStatusIcon(company.evaluationStatus)] }))] }), company.evaluating ? (_jsx("div", { className: "textShimmer" })) : company.evaluatedDescription &&
+                                                : "-") })), _jsx(ClickableText, { onClick: viewMore, sizeVariant: "sm", text: "View more details", dataCy: `${dataCy}-view-more-details` })] })] }), company.evaluationStatus && (_jsxs("div", { className: company.evaluationStatus, children: [company.evaluationStatus !== "loading" ? (_jsx("p", { children: getStatusText(company.evaluationStatus) })) : (_jsx("p", { children: "Verifying" })), getStatusIcon(company.evaluationStatus)] }))] }), company.evaluating ? (_jsx("div", { className: "textShimmer" })) : company.evaluatedDescription &&
                 company.evaluatedDescription.length > 0 ? (_jsx("div", { className: "evaluatedDescription", children: _jsxs("p", { className: "evaluatedData", children: [_jsx(GetSvgIcon, { iconType: "sparkles", iconSize: "20" }), company.evaluatedDescription ? company.evaluatedDescription : " "] }) })) : null, _jsxs("div", { className: "BodySection", style: { height: bodySectionHeight }, children: [_jsx("pre", { className: `CompanyDescription ${descriptionCollapse ? "CompanyDescriptionExpanded" : ""}`, contentEditable: "false", children: descriptionCollapse
                             ? company?.description?.slice(0, descriptionCollapseCount) + "..."
-                            : company?.description || "" }), company?.description?.length > descriptionCollapseCount && (_jsx(ClickableText, { iconSize: "22", showIcon: true, iconType: descriptionCollapse ? "cheveronDown" : "cheveronUp", sizeVariant: "xs", text: descriptionCollapse ? "Show More" : `Show Less`, onClick: () => {
+                            : company?.description || "" }), company?.description?.length > descriptionCollapseCount && (_jsx(ClickableText, { iconSize: "22", showIcon: true, iconType: descriptionCollapse ? "cheveronDown" : "cheveronUp", sizeVariant: "sm", text: descriptionCollapse ? "Show More" : `Show Less`, onClick: () => {
                             setDescriptionCollapse((prev) => !prev);
-                        } })), _jsxs("div", { className: "BottomSection", children: [_jsxs("div", { children: [_jsx("p", { className: "label", children: "Industry" }), _jsx("p", { className: "value", children: company?.industries || "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Sub-Industries" }), _jsx("p", { className: "value", children: Array.isArray(company?.specialities)
+                        }, dataCy: `${dataCy}-show-more-less` })), _jsxs("div", { className: "BottomSection", children: [_jsxs("div", { children: [_jsx("p", { className: "label", children: "Industry" }), _jsx("p", { className: "value", children: company?.industries || "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Sub-Industries" }), _jsx("p", { className: "value", children: Array.isArray(company?.specialities)
                                             ? company.specialities.join(", ")
                                             : "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Company Size" }), _jsx("p", { className: "value", children: company?.staffcount?.toLocaleString() || "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Website" }), _jsx("p", { onClick: () => window.open(company?.websiteUrl, "_blank"), className: "value link", children: company?.websiteUrl || "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Headquarters" }), _jsx("p", { className: "value", children: headquarter })] })] })] })] }));
 };

package/dist/types/components/CompanyLikePillSelectable/index.d.ts

@@ -10,6 +10,7 @@ interface CompanyLikePillSelectableProps {
     onEnter?: () => void;
     onLeave?: () => void;
     isDisabled?: boolean;
+    dataCy?: string;
 }
-declare const CompanyLikePillSelectable: ({ id, text, onClick, isSelected, props, highlight, onEnter, onLeave, isDisabled, }: CompanyLikePillSelectableProps) => import("react/jsx-runtime").JSX.Element;
+declare const CompanyLikePillSelectable: ({ id, text, onClick, isSelected, props, highlight, onEnter, onLeave, isDisabled, dataCy, }: CompanyLikePillSelectableProps) => import("react/jsx-runtime").JSX.Element;
 export default CompanyLikePillSelectable;

package/dist/types/components/CompanyLikePillSelectable/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import GetSvgIcon from "../GetSvgIcon";
 import "./style.scss";
-const CompanyLikePillSelectable = ({ id, text = "", onClick, isSelected = false, props = {}, highlight = false, onEnter = () => { }, onLeave = () => { }, isDisabled = false, }) => {
+const CompanyLikePillSelectable = ({ id, text = "", onClick, isSelected = false, props = {}, highlight = false, onEnter = () => { }, onLeave = () => { }, isDisabled = false, dataCy, }) => {
     const className = clsx({
         "companyLikePillSelectable--Generic": true,
         "companyLikePillSelectable--Selected": isSelected,
@@ -10,6 +10,6 @@ const CompanyLikePillSelectable = ({ id, text = "", onClick, isSelected = false,
         "companyLikePillSelectable--SelectedHover": isSelected && highlight,
         "companyLikePillSelectable--UnselectedHover": !isSelected && highlight,
     });
-    return (_jsxs("button", { id: id, disabled: isDisabled, className: className, onClick: onClick, ...props, onMouseEnter: onEnter, onMouseLeave: onLeave, children: [text, _jsx(GetSvgIcon, { iconType: "tick", iconSize: "24" })] }));
+    return (_jsxs("button", { id: id, disabled: isDisabled, className: className, onClick: onClick, ...props, onMouseEnter: onEnter, onMouseLeave: onLeave, "data-cy": dataCy, children: [text, _jsx(GetSvgIcon, { iconType: "tick", iconSize: "24" })] }));
 };
 export default CompanyLikePillSelectable;

package/dist/types/components/CompanyLogoPillSelectable/index.d.ts

@@ -10,6 +10,7 @@ interface CompanyLogoPillSelectableProps {
     isHoverShown?: boolean;
     props?: object;
     variant: SelectedUnselectedErrorVariant;
+    dataCy?: string;
 }
-declare const CompanyLogoPillSelectable: ({ text, variant, onClick, picturePath, props, svgType, isHoverShown, children, }: CompanyLogoPillSelectableProps) => import("react/jsx-runtime").JSX.Element;
+declare const CompanyLogoPillSelectable: ({ text, variant, onClick, picturePath, props, svgType, isHoverShown, children, dataCy, }: CompanyLogoPillSelectableProps) => import("react/jsx-runtime").JSX.Element;
 export default CompanyLogoPillSelectable;