qlu-20-ui-library 1.7.3 → 1.7.5

package/dist/types/components/CompanyView/CompanyViewTabsComponent/index.js

@@ -4,7 +4,7 @@ import { useRef, useState, useEffect } from "react";
 import { CompanyViewTabs } from "../../../utils";
 import "./style.scss";
 import IconButton from "../../IconButton";
-const CompanyViewTabsComponent = ({ tabs = CompanyViewTabs, activeCompanyViewTab = "Summary", onClick, }) => {
+const CompanyViewTabsComponent = ({ tabs = CompanyViewTabs, activeCompanyViewTab = "Summary", onClick, dataCy, }) => {
     const tabsContainerRef = useRef(null);
     const [canScrollLeft, setCanScrollLeft] = useState(false);
     const [canScrollRight, setCanScrollRight] = useState(true);
@@ -49,6 +49,8 @@ const CompanyViewTabsComponent = ({ tabs = CompanyViewTabs, activeCompanyViewTab
             };
         }
     }, []);
-    return (_jsxs("div", { className: "companyViewTabsComponent--Container", children: [canScrollLeft && (_jsx(IconButton, { onClick: () => handleScroll("left"), iconType: "chevronLeft", sizeVariant: "xs", className: clsx("scrollButton", "left"), variant: "tertiary" })), _jsx("div", { ref: tabsContainerRef, className: "companyViewTabsComponent--Generic", children: tabs.map((entity, key) => (_jsx("button", { onClick: () => onClick(entity.tabName), className: getCompanyViewTabButtonClasses(entity.tabName, activeCompanyViewTab), children: entity.tabName.toUpperCase() }, key))) }), canScrollRight && (_jsx(IconButton, { onClick: () => handleScroll("right"), iconType: "chevronRight", sizeVariant: "xs", className: clsx("scrollButton", "right"), variant: "tertiary" }))] }));
+    return (_jsxs("div", { className: "companyViewTabsComponent--Container", children: [canScrollLeft && (_jsx(IconButton, { onClick: () => handleScroll("left"), iconType: "chevronLeft", sizeVariant: "xs", className: clsx("scrollButton", "left"), variant: "tertiary" })), _jsx("div", { ref: tabsContainerRef, className: "companyViewTabsComponent--Generic", children: tabs.map((entity, key) => (_jsx("button", { onClick: () => onClick(entity.tabName), className: getCompanyViewTabButtonClasses(entity.tabName, activeCompanyViewTab), "data-cy": `${dataCy}-${entity.tabName
+                        .toLowerCase()
+                        .replace(/\s+/g, "-")}`, children: entity.tabName.toUpperCase() }, key))) }), canScrollRight && (_jsx(IconButton, { onClick: () => handleScroll("right"), iconType: "chevronRight", sizeVariant: "xs", className: clsx("scrollButton", "right"), variant: "tertiary" }))] }));
 };
 export default CompanyViewTabsComponent;

package/dist/types/components/ContinuousRangeComponent/ContinuousRangeComponent.js

@@ -29,11 +29,11 @@ function ContinuousRangeComponent({ minValue, maxValue, getRange, initialMinValu
             isSliderMoving.current = true;
             setRangeData({
                 min: Math.max(0, newValue.min),
-                max: Math.max(0, newValue.max > displayLimit ? displayLimit + 1 : newValue.max),
+                max: Math.min(displayLimit, Math.max(0, newValue.max)),
             });
             getRange({
                 minRange: Math.max(0, newValue.min),
-                maxRange: Math.max(0, newValue.max > displayLimit ? displayLimit + 1 : newValue.max),
+                maxRange: Math.min(displayLimit, Math.max(0, newValue.max)),
             });
         }
     };

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

@@ -11,6 +11,7 @@ interface DropDownButtonProps {
     iconType?: IconType;
     showIcon?: boolean;
     colorStyling?: "gray" | "tertiaryGray";
+    dataCy?: string;
 }
-declare const DropDownButton: ({ dropDownText, children, dropdownRight, maxWidth, textEllipses, disabled, iconType, showIcon, colorStyling, }: DropDownButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropDownButton: ({ dropDownText, children, dropdownRight, maxWidth, textEllipses, disabled, iconType, showIcon, colorStyling, dataCy, }: DropDownButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default DropDownButton;

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

@@ -3,7 +3,7 @@ import { useEffect, useRef, useState } from "react";
 import "./style.scss";
 import { GetSvgIcon } from "..";
 import clsx from "clsx";
-const DropDownButton = ({ dropDownText, children, dropdownRight = false, maxWidth = "100px", textEllipses = "ellipsis", disabled = false, iconType = "cheveronDown", showIcon = false, colorStyling = "gray", }) => {
+const DropDownButton = ({ dropDownText, children, dropdownRight = false, maxWidth = "100px", textEllipses = "ellipsis", disabled = false, iconType = "cheveronDown", showIcon = false, colorStyling = "gray", dataCy, }) => {
     const [listShow, setListShow] = useState(false);
     const dropContainerRef = useRef(null);
     const dropdownRef = useRef(null);
@@ -31,6 +31,6 @@ const DropDownButton = ({ dropDownText, children, dropdownRight = false, maxWidt
             document?.removeEventListener("mousedown", handleClickOutside);
         };
     }, []);
-    return (_jsxs("div", { className: background, children: [_jsxs("button", { type: "button", className: buttonClassName, onClick: toggleListShow, ref: dropContainerRef, disabled: disabled, children: [showIcon && (_jsx("div", { className: "leftIcon", children: _jsx(GetSvgIcon, { iconType: iconType, iconSize: "16" }) })), _jsx("span", { style: { textOverflow: textEllipses, maxWidth: maxWidth }, children: dropDownText }), _jsx("div", { className: "rightIcon", children: _jsx(GetSvgIcon, { iconType: listShow ? "cheveronUp" : "cheveronDown", iconSize: "16" }) })] }), listShow && (_jsx("div", { className: "dropDownButton-DropDown", onClick: toggleListShow, ref: dropdownRef, children: children }))] }));
+    return (_jsxs("div", { className: background, "data-cy": dataCy, children: [_jsxs("button", { type: "button", className: buttonClassName, onClick: toggleListShow, ref: dropContainerRef, disabled: disabled, children: [showIcon && (_jsx("div", { className: "leftIcon", children: _jsx(GetSvgIcon, { iconType: iconType, iconSize: "16" }) })), _jsx("span", { style: { textOverflow: textEllipses, maxWidth: maxWidth }, children: dropDownText }), _jsx("div", { className: "rightIcon", children: _jsx(GetSvgIcon, { iconType: listShow ? "cheveronUp" : "cheveronDown", iconSize: "16" }) })] }), listShow && (_jsx("div", { className: "dropDownButton-DropDown", onClick: toggleListShow, ref: dropdownRef, children: children }))] }));
 };
 export default DropDownButton;

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

@@ -9,6 +9,7 @@ interface FilterAndSortDropdownProps {
     onLabelClick: (value: string) => void;
     showHeading?: boolean;
     showComingSoon?: boolean;
+    dataCy?: string;
 }
-declare const FilterAndSortDropdown: ({ iconType, usageTypeText, filterDropdownItemList, isolateFilterDropdowns, disabledButtons, onLabelClick, showHeading, showComingSoon, }: FilterAndSortDropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterAndSortDropdown: ({ iconType, usageTypeText, filterDropdownItemList, isolateFilterDropdowns, disabledButtons, onLabelClick, showHeading, showComingSoon, dataCy, }: FilterAndSortDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterAndSortDropdown;

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

@@ -3,26 +3,26 @@ import { useState } from "react";
 import { TextWithSvgButton, Tooltip } from "..";
 import "./style.scss";
 import clsx from "clsx";
-const LabelButton = ({ onClick, value, isIsolated, isDisabled, showComingSoon, }) => {
+const LabelButton = ({ onClick, value, isIsolated, isDisabled, showComingSoon, dataCy, }) => {
     return (_jsx("li", { children: isDisabled && showComingSoon ? (_jsx(Tooltip, { content: "Coming Soon", children: _jsx("button", { className: clsx({
                     "filterDropDownButton--Generic": true,
                     "filterDropDownButton--Isolated": isIsolated,
                 }), onClick: onClick, disabled: isDisabled, children: value }) })) : (_jsx("button", { className: clsx({
                 "filterDropDownButton--Generic": true,
                 "filterDropDownButton--Isolated": isIsolated,
-            }), onClick: onClick, disabled: isDisabled, children: value })) }));
+            }), onClick: onClick, disabled: isDisabled, "data-cy": `${dataCy}-${value.toLowerCase().replace(/\s+/g, "-")}`, children: value })) }));
 };
-const FilterAndSortDropdown = ({ iconType, usageTypeText, filterDropdownItemList, isolateFilterDropdowns = [], disabledButtons = [], onLabelClick, showHeading = true, showComingSoon = true, }) => {
+const FilterAndSortDropdown = ({ iconType, usageTypeText, filterDropdownItemList, isolateFilterDropdowns = [], disabledButtons = [], onLabelClick, showHeading = true, showComingSoon = true, dataCy, }) => {
     const [listShow, setListShow] = useState(false);
     const toggleListShow = () => {
         setListShow((prevState) => !prevState);
     };
-    return (_jsx("div", { className: "filterButtondropdown--container", children: _jsxs("span", { className: "filterButtondropdown--dropdown", children: [_jsx("span", { className: "filterAndSortDropdown-Button", children: _jsx(TextWithSvgButton, { text: usageTypeText, colorVariant: "gray", onClick: toggleListShow, sizeVariant: "sm", iconType: iconType }) }), _jsxs("ul", { className: `filterButtondropdown--dropdown-list-${listShow ? "show" : "hide"}`, children: [showHeading && (_jsx("span", { className: "filter-span-dropdown", children: usageTypeText })), filterDropdownItemList.map((item, index) => {
+    return (_jsx("div", { className: "filterButtondropdown--container", children: _jsxs("span", { className: "filterButtondropdown--dropdown", children: [_jsx("span", { className: "filterAndSortDropdown-Button", children: _jsx(TextWithSvgButton, { text: usageTypeText, colorVariant: "gray", onClick: toggleListShow, sizeVariant: "sm", iconType: iconType, "data-cy": dataCy }) }), _jsxs("ul", { className: `filterButtondropdown--dropdown-list-${listShow ? "show" : "hide"}`, children: [showHeading && (_jsx("span", { className: "filter-span-dropdown", children: usageTypeText })), filterDropdownItemList.map((item, index) => {
                             const onClick = () => {
                                 setListShow(false);
                                 onLabelClick(item);
                             };
-                            return (_jsx(LabelButton, { onClick: onClick, value: item, isIsolated: isolateFilterDropdowns.includes(item), isDisabled: disabledButtons.includes(item), showComingSoon: showComingSoon }, index));
+                            return (_jsx(LabelButton, { onClick: onClick, value: item, isIsolated: isolateFilterDropdowns.includes(item), isDisabled: disabledButtons.includes(item), showComingSoon: showComingSoon, dataCy: dataCy }, index));
                         })] })] }) }));
 };
 export default FilterAndSortDropdown;

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

@@ -125,7 +125,8 @@ import CheckCircle from "../Svg/CheckCircle";
 import CompanyClock from "../Svg/CompanyClock";
 import CompanyOwnership from "../Svg/CompanyOwnership";
 import CutBriefcase from "../Svg/CutBriefcase";
+import Box from "../Svg/Box";
 const GetSvgIcon = ({ iconType = "cross", iconSize = "24" }) => {
-    return iconType === "cross" ? (_jsx(Cross, { width: iconSize, height: iconSize })) : iconType === "plus" ? (_jsx(Plus, { width: iconSize, height: iconSize })) : iconType === "thumb" ? (_jsx(Thumb, { width: iconSize, height: iconSize })) : iconType === "clock" ? (_jsx(Clock, { width: iconSize, height: iconSize })) : iconType === "tick" ? (_jsx(Tick, { width: iconSize, height: iconSize })) : iconType === "linkedinLogo" ? (_jsx(LinkedinLogo, { width: iconSize, height: iconSize })) : iconType === "searchArrow" ? (_jsx(SearchArrow, { width: iconSize, height: iconSize })) : iconType === "excalamationCircle" ? (_jsx(ExclamationCircle, { width: iconSize, height: iconSize })) : iconType === "edit" ? (_jsx(Edit, { width: iconSize, height: iconSize })) : iconType === "delete" ? (_jsx(Delete, { width: iconSize, height: iconSize })) : iconType === "chatOneBallon" ? (_jsx(ChatOneballon, { width: iconSize, height: iconSize })) : iconType === "qluLogo" ? (_jsx(QluLogo, { width: iconSize, height: iconSize })) : iconType === "gear" ? (_jsx(Gear, { width: iconSize, height: iconSize })) : iconType === "home" ? (_jsx(Home, { width: iconSize, height: iconSize })) : iconType === "paperPlaneUpRight" ? (_jsx(PaperPlaneUpRight, { width: iconSize, height: iconSize })) : iconType === "search" ? (_jsx(Search, { width: iconSize, height: iconSize })) : iconType === "chat" ? (_jsx(Chat, { width: iconSize, height: iconSize })) : iconType === "briefcase" ? (_jsx(Briefcase, { width: iconSize, height: iconSize })) : iconType === "barGraph" ? (_jsx(BarGraph, { width: iconSize, height: iconSize })) : iconType === "book" ? (_jsx(Book, { width: iconSize, height: iconSize })) : iconType === "company" ? (_jsx(Company, { width: iconSize, height: iconSize })) : iconType === "dollarBriefcase" ? (_jsx(DollarBriefcase, { width: iconSize, height: iconSize })) : iconType === "industry" ? (_jsx(Industry, { width: iconSize, height: iconSize })) : iconType === "jobTitle" ? (_jsx(JobTitle, { width: iconSize, height: iconSize })) : iconType === "location" ? (_jsx(Location, { width: iconSize, height: iconSize })) : iconType === "strategyPath" ? (_jsx(StrategyPath, { width: iconSize, height: iconSize })) : iconType === "tools" ? (_jsx(Tools, { width: iconSize, height: iconSize })) : iconType === "management" ? (_jsx(Management, { width: iconSize, height: iconSize })) : iconType === "employees" ? (_jsx(Employees, { width: iconSize, height: iconSize })) : iconType === "cheveronDown" ? (_jsx(CheveronDown, { width: iconSize, height: iconSize })) : iconType === "cheveronUp" ? (_jsx(CheveronUp, { width: iconSize, height: iconSize })) : iconType === "arrowLeft" ? (_jsx(ArrowLeft, { width: iconSize, height: iconSize })) : iconType === "arrowRight" ? (_jsx(ArrowRight, { width: iconSize, height: iconSize })) : iconType === "passTick" ? (_jsx(PassTick, { width: iconSize, height: iconSize })) : iconType === "doNotInclude" ? (_jsx(DoNotInclude, { width: iconSize, height: iconSize })) : iconType === "tickCircle" ? (_jsx(TickCircle, { width: iconSize, height: iconSize })) : iconType === "phone" ? (_jsx(Phone, { width: iconSize, height: iconSize })) : iconType === "email" ? (_jsx(Email, { width: iconSize, height: iconSize })) : iconType === "eye" ? (_jsx(Eye, { width: iconSize, height: iconSize })) : iconType === "eyeOff" ? (_jsx(EyeOff, { width: iconSize, height: iconSize })) : iconType === "congratulations" ? (_jsx(Congratulations, {})) : iconType === "heart" ? (_jsx(Heart, { width: iconSize, height: iconSize })) : iconType === "questionMark" ? (_jsx(QuestionMark, { width: iconSize, height: iconSize })) : iconType === "kebab" ? (_jsx(Kebab, { width: iconSize, height: iconSize })) : iconType === "calendar" ? (_jsx(Calendar, { width: iconSize, height: iconSize })) : iconType === "officeBuilding" ? (_jsx(OfficeBuilding, { width: iconSize, height: iconSize })) : iconType === "notes" ? (_jsx(Notes, { width: iconSize, height: iconSize })) : iconType === "star" ? (_jsx(Star, { width: iconSize, height: iconSize })) : iconType === "filterFunel" ? (_jsx(FilterFunel, { width: iconSize, height: iconSize })) : iconType === "sortUpDownArrows" ? (_jsx(SortUpDownArrows, { width: iconSize, height: iconSize })) : iconType === "download" ? (_jsx(Download, { width: iconSize, height: iconSize })) : iconType === "sparkles" ? (_jsx(Sparkles, { width: iconSize, height: iconSize })) : iconType === "writeNotes" ? (_jsx(WriteNotes, { width: iconSize, height: iconSize })) : iconType === "undo" ? (_jsx(Undo, { width: iconSize, height: iconSize })) : iconType === "emailSend" ? (_jsx(EmailSend, { width: iconSize, height: iconSize })) : iconType === "copy" ? (_jsx(Copy, { width: iconSize, height: iconSize })) : iconType === "openLink" ? (_jsx(OpenLink, { width: iconSize, height: iconSize })) : iconType === "internalUser" ? (_jsx(InternalUser, { width: iconSize, height: iconSize })) : iconType === "link" ? (_jsx(Link, { width: iconSize, height: iconSize })) : iconType === "bell" ? (_jsx(Bell, { width: iconSize, height: iconSize })) : iconType === "graduationHat" ? (_jsx(GraduationHat, { width: iconSize, height: iconSize })) : iconType === "user" ? (_jsx(User, { width: iconSize, height: iconSize })) : iconType === "password" ? (_jsx(Password, { width: iconSize, height: iconSize })) : iconType === "emailDisconnected" ? (_jsx(EmailDisconnected, { width: iconSize, height: iconSize })) : iconType === "bolt" ? (_jsx(Bolt, { width: iconSize, height: iconSize })) : iconType === "images" ? (_jsx(Images, { width: iconSize, height: iconSize })) : iconType === "information" ? (_jsx(Information, { width: iconSize, height: iconSize })) : iconType === "inviteUser" ? (_jsx(InviteUser, { width: iconSize, height: iconSize })) : iconType === "list" ? (_jsx(List, { width: iconSize, height: iconSize })) : iconType === "table" ? (_jsx(Table, { width: iconSize, height: iconSize })) : iconType === "arrowDown" ? (_jsx(ArrowDown, { width: iconSize, height: iconSize })) : iconType === "arrowUp" ? (_jsx(ArrowUp, { width: iconSize, height: iconSize })) : iconType === "chevronLeft" ? (_jsx(ChevronLeft, { width: iconSize, height: iconSize })) : iconType === "chevronRight" ? (_jsx(ChevronRight, { width: iconSize, height: iconSize })) : iconType === "radio" ? (_jsx(Radio, { width: iconSize, height: iconSize })) : iconType === "like" ? (_jsx(Like, { width: iconSize, height: iconSize })) : iconType === "unlike" ? (_jsx(Unlike, { width: iconSize, height: iconSize })) : iconType === "refresh" ? (_jsx(Refresh, { width: iconSize, height: iconSize })) : iconType === "emailRound" ? (_jsx(EmailRound, { width: iconSize, height: iconSize })) : iconType === "abstractGeometric" ? (_jsx(AbstractGeometric, { width: iconSize, height: iconSize })) : iconType === "seo" ? (_jsx(Seo, { width: iconSize, height: iconSize })) : iconType === "abstractCircle" ? (_jsx(AbstractCircle, { width: iconSize, height: iconSize })) : iconType === "checkList" ? (_jsx(CheckList, { width: iconSize, height: iconSize })) : iconType === "penEdit" ? (_jsx(PenEdit, { width: iconSize, height: iconSize })) : iconType === "globeSearch" ? (_jsx(GlobeSearch, { width: iconSize, height: iconSize })) : iconType === "groupIcon" ? (_jsx(GroupIcon, { width: iconSize, height: iconSize })) : iconType === "jD" ? (_jsx(JD, {})) : iconType === "hiringCompany" ? (_jsx(HiringCompany, {})) : iconType === "sampleProfiles" ? (_jsx(SampleProfiles, {})) : iconType === "matchingProfile" ? (_jsx(MatchingProfile, {})) : iconType === "clipBoard" ? (_jsx(ClipBoard, { width: iconSize, height: iconSize })) : iconType === "sortascending" ? (_jsx(SortAscending, { width: iconSize, height: iconSize })) : iconType === "sortdescending" ? (_jsx(SortDescending, { width: iconSize, height: iconSize })) : iconType === "hourglass" ? (_jsx(HourGlass, { width: iconSize, height: iconSize })) : iconType === "exclamation" ? (_jsx(Exclamation, { width: iconSize, height: iconSize })) : iconType === "refresh-ccw" ? (_jsx(RefreshCounterClockWise, { width: iconSize, height: iconSize })) : iconType === "adjustment" ? (_jsx(Adjustment, { width: iconSize, height: iconSize })) : iconType === "outlook" ? (_jsx(Outlook, { width: iconSize, height: iconSize })) : iconType === "menu-alt" ? (_jsx(MenuAlt, { width: iconSize, height: iconSize })) : iconType === "simpler-tick" ? (_jsx(SimplerTick, { width: iconSize, height: iconSize })) : iconType === "menu-extended" ? (_jsx(MenuExtended, { width: iconSize, height: iconSize })) : iconType === "umberalla" ? (_jsx(Umberalla, { width: iconSize, height: iconSize })) : iconType === "sidebar" ? (_jsx(Sidebar, { width: iconSize, height: iconSize })) : iconType === "paperClip" ? (_jsx(PaperClip, { width: iconSize, height: iconSize })) : iconType === "document" ? (_jsx(Document, { width: iconSize, height: iconSize })) : iconType === "file" ? (_jsx(File, { width: iconSize, height: iconSize })) : iconType === "google" ? (_jsx(Google, { width: iconSize, height: iconSize })) : iconType === "pdf" ? (_jsx(PDF, { width: iconSize, height: iconSize })) : iconType === "enter" ? (_jsx(Enter, { width: iconSize, height: iconSize })) : iconType === "key" ? (_jsx(Key, { width: iconSize, height: iconSize })) : iconType === "cornerDown" ? (_jsx(CornerDown, { width: iconSize, height: iconSize })) : iconType === "notAllowed" ? (_jsx(NotAllowed, { width: iconSize, height: iconSize })) : iconType === "university" ? (_jsx(University, { width: iconSize, height: iconSize })) : iconType === "pause" ? (_jsx(Pause, { width: iconSize, height: iconSize })) : iconType === "resume" ? (_jsx(Resume, { width: iconSize, height: iconSize })) : iconType === "ascendingOrder" ? (_jsx(AscendingOrder, { width: iconSize, height: iconSize })) : iconType === "descendingOrder" ? (_jsx(DescendingOrder, { width: iconSize, height: iconSize })) : iconType === "userClock" ? (_jsx(UserClock, { width: iconSize, height: iconSize })) : iconType === "tickVerification" ? (_jsx(TickVerification, { width: iconSize, height: iconSize })) : iconType === "copied" ? (_jsx(Copied, { width: iconSize, height: iconSize })) : iconType === "archive" ? (_jsx(Archive, { width: iconSize, height: iconSize })) : iconType === "additionalInformation" ? (_jsx(AdditionalInformation, { width: iconSize, height: iconSize })) : iconType === "checkCircle" ? (_jsx(CheckCircle, { width: iconSize, height: iconSize })) : iconType === "companyClock" ? (_jsx(CompanyClock, { width: iconSize, height: iconSize })) : iconType === "companyOwnership" ? (_jsx(CompanyOwnership, { width: iconSize, height: iconSize })) : iconType === "cutBriefcase" ? (_jsx(CutBriefcase, { width: iconSize, height: iconSize })) : null;
+    return iconType === "cross" ? (_jsx(Cross, { width: iconSize, height: iconSize })) : iconType === "plus" ? (_jsx(Plus, { width: iconSize, height: iconSize })) : iconType === "thumb" ? (_jsx(Thumb, { width: iconSize, height: iconSize })) : iconType === "clock" ? (_jsx(Clock, { width: iconSize, height: iconSize })) : iconType === "tick" ? (_jsx(Tick, { width: iconSize, height: iconSize })) : iconType === "linkedinLogo" ? (_jsx(LinkedinLogo, { width: iconSize, height: iconSize })) : iconType === "searchArrow" ? (_jsx(SearchArrow, { width: iconSize, height: iconSize })) : iconType === "excalamationCircle" ? (_jsx(ExclamationCircle, { width: iconSize, height: iconSize })) : iconType === "edit" ? (_jsx(Edit, { width: iconSize, height: iconSize })) : iconType === "delete" ? (_jsx(Delete, { width: iconSize, height: iconSize })) : iconType === "chatOneBallon" ? (_jsx(ChatOneballon, { width: iconSize, height: iconSize })) : iconType === "qluLogo" ? (_jsx(QluLogo, { width: iconSize, height: iconSize })) : iconType === "gear" ? (_jsx(Gear, { width: iconSize, height: iconSize })) : iconType === "home" ? (_jsx(Home, { width: iconSize, height: iconSize })) : iconType === "paperPlaneUpRight" ? (_jsx(PaperPlaneUpRight, { width: iconSize, height: iconSize })) : iconType === "search" ? (_jsx(Search, { width: iconSize, height: iconSize })) : iconType === "chat" ? (_jsx(Chat, { width: iconSize, height: iconSize })) : iconType === "briefcase" ? (_jsx(Briefcase, { width: iconSize, height: iconSize })) : iconType === "barGraph" ? (_jsx(BarGraph, { width: iconSize, height: iconSize })) : iconType === "book" ? (_jsx(Book, { width: iconSize, height: iconSize })) : iconType === "company" ? (_jsx(Company, { width: iconSize, height: iconSize })) : iconType === "dollarBriefcase" ? (_jsx(DollarBriefcase, { width: iconSize, height: iconSize })) : iconType === "industry" ? (_jsx(Industry, { width: iconSize, height: iconSize })) : iconType === "jobTitle" ? (_jsx(JobTitle, { width: iconSize, height: iconSize })) : iconType === "location" ? (_jsx(Location, { width: iconSize, height: iconSize })) : iconType === "strategyPath" ? (_jsx(StrategyPath, { width: iconSize, height: iconSize })) : iconType === "tools" ? (_jsx(Tools, { width: iconSize, height: iconSize })) : iconType === "management" ? (_jsx(Management, { width: iconSize, height: iconSize })) : iconType === "employees" ? (_jsx(Employees, { width: iconSize, height: iconSize })) : iconType === "cheveronDown" ? (_jsx(CheveronDown, { width: iconSize, height: iconSize })) : iconType === "cheveronUp" ? (_jsx(CheveronUp, { width: iconSize, height: iconSize })) : iconType === "arrowLeft" ? (_jsx(ArrowLeft, { width: iconSize, height: iconSize })) : iconType === "arrowRight" ? (_jsx(ArrowRight, { width: iconSize, height: iconSize })) : iconType === "passTick" ? (_jsx(PassTick, { width: iconSize, height: iconSize })) : iconType === "doNotInclude" ? (_jsx(DoNotInclude, { width: iconSize, height: iconSize })) : iconType === "tickCircle" ? (_jsx(TickCircle, { width: iconSize, height: iconSize })) : iconType === "phone" ? (_jsx(Phone, { width: iconSize, height: iconSize })) : iconType === "email" ? (_jsx(Email, { width: iconSize, height: iconSize })) : iconType === "eye" ? (_jsx(Eye, { width: iconSize, height: iconSize })) : iconType === "eyeOff" ? (_jsx(EyeOff, { width: iconSize, height: iconSize })) : iconType === "congratulations" ? (_jsx(Congratulations, {})) : iconType === "heart" ? (_jsx(Heart, { width: iconSize, height: iconSize })) : iconType === "questionMark" ? (_jsx(QuestionMark, { width: iconSize, height: iconSize })) : iconType === "kebab" ? (_jsx(Kebab, { width: iconSize, height: iconSize })) : iconType === "calendar" ? (_jsx(Calendar, { width: iconSize, height: iconSize })) : iconType === "officeBuilding" ? (_jsx(OfficeBuilding, { width: iconSize, height: iconSize })) : iconType === "notes" ? (_jsx(Notes, { width: iconSize, height: iconSize })) : iconType === "star" ? (_jsx(Star, { width: iconSize, height: iconSize })) : iconType === "filterFunel" ? (_jsx(FilterFunel, { width: iconSize, height: iconSize })) : iconType === "sortUpDownArrows" ? (_jsx(SortUpDownArrows, { width: iconSize, height: iconSize })) : iconType === "download" ? (_jsx(Download, { width: iconSize, height: iconSize })) : iconType === "sparkles" ? (_jsx(Sparkles, { width: iconSize, height: iconSize })) : iconType === "writeNotes" ? (_jsx(WriteNotes, { width: iconSize, height: iconSize })) : iconType === "undo" ? (_jsx(Undo, { width: iconSize, height: iconSize })) : iconType === "emailSend" ? (_jsx(EmailSend, { width: iconSize, height: iconSize })) : iconType === "copy" ? (_jsx(Copy, { width: iconSize, height: iconSize })) : iconType === "openLink" ? (_jsx(OpenLink, { width: iconSize, height: iconSize })) : iconType === "internalUser" ? (_jsx(InternalUser, { width: iconSize, height: iconSize })) : iconType === "link" ? (_jsx(Link, { width: iconSize, height: iconSize })) : iconType === "bell" ? (_jsx(Bell, { width: iconSize, height: iconSize })) : iconType === "graduationHat" ? (_jsx(GraduationHat, { width: iconSize, height: iconSize })) : iconType === "user" ? (_jsx(User, { width: iconSize, height: iconSize })) : iconType === "password" ? (_jsx(Password, { width: iconSize, height: iconSize })) : iconType === "emailDisconnected" ? (_jsx(EmailDisconnected, { width: iconSize, height: iconSize })) : iconType === "bolt" ? (_jsx(Bolt, { width: iconSize, height: iconSize })) : iconType === "images" ? (_jsx(Images, { width: iconSize, height: iconSize })) : iconType === "information" ? (_jsx(Information, { width: iconSize, height: iconSize })) : iconType === "inviteUser" ? (_jsx(InviteUser, { width: iconSize, height: iconSize })) : iconType === "list" ? (_jsx(List, { width: iconSize, height: iconSize })) : iconType === "table" ? (_jsx(Table, { width: iconSize, height: iconSize })) : iconType === "arrowDown" ? (_jsx(ArrowDown, { width: iconSize, height: iconSize })) : iconType === "arrowUp" ? (_jsx(ArrowUp, { width: iconSize, height: iconSize })) : iconType === "chevronLeft" ? (_jsx(ChevronLeft, { width: iconSize, height: iconSize })) : iconType === "chevronRight" ? (_jsx(ChevronRight, { width: iconSize, height: iconSize })) : iconType === "radio" ? (_jsx(Radio, { width: iconSize, height: iconSize })) : iconType === "like" ? (_jsx(Like, { width: iconSize, height: iconSize })) : iconType === "unlike" ? (_jsx(Unlike, { width: iconSize, height: iconSize })) : iconType === "refresh" ? (_jsx(Refresh, { width: iconSize, height: iconSize })) : iconType === "emailRound" ? (_jsx(EmailRound, { width: iconSize, height: iconSize })) : iconType === "abstractGeometric" ? (_jsx(AbstractGeometric, { width: iconSize, height: iconSize })) : iconType === "seo" ? (_jsx(Seo, { width: iconSize, height: iconSize })) : iconType === "abstractCircle" ? (_jsx(AbstractCircle, { width: iconSize, height: iconSize })) : iconType === "checkList" ? (_jsx(CheckList, { width: iconSize, height: iconSize })) : iconType === "penEdit" ? (_jsx(PenEdit, { width: iconSize, height: iconSize })) : iconType === "globeSearch" ? (_jsx(GlobeSearch, { width: iconSize, height: iconSize })) : iconType === "groupIcon" ? (_jsx(GroupIcon, { width: iconSize, height: iconSize })) : iconType === "jD" ? (_jsx(JD, {})) : iconType === "hiringCompany" ? (_jsx(HiringCompany, {})) : iconType === "sampleProfiles" ? (_jsx(SampleProfiles, {})) : iconType === "matchingProfile" ? (_jsx(MatchingProfile, {})) : iconType === "clipBoard" ? (_jsx(ClipBoard, { width: iconSize, height: iconSize })) : iconType === "sortascending" ? (_jsx(SortAscending, { width: iconSize, height: iconSize })) : iconType === "sortdescending" ? (_jsx(SortDescending, { width: iconSize, height: iconSize })) : iconType === "hourglass" ? (_jsx(HourGlass, { width: iconSize, height: iconSize })) : iconType === "exclamation" ? (_jsx(Exclamation, { width: iconSize, height: iconSize })) : iconType === "refresh-ccw" ? (_jsx(RefreshCounterClockWise, { width: iconSize, height: iconSize })) : iconType === "adjustment" ? (_jsx(Adjustment, { width: iconSize, height: iconSize })) : iconType === "outlook" ? (_jsx(Outlook, { width: iconSize, height: iconSize })) : iconType === "menu-alt" ? (_jsx(MenuAlt, { width: iconSize, height: iconSize })) : iconType === "simpler-tick" ? (_jsx(SimplerTick, { width: iconSize, height: iconSize })) : iconType === "menu-extended" ? (_jsx(MenuExtended, { width: iconSize, height: iconSize })) : iconType === "umberalla" ? (_jsx(Umberalla, { width: iconSize, height: iconSize })) : iconType === "sidebar" ? (_jsx(Sidebar, { width: iconSize, height: iconSize })) : iconType === "paperClip" ? (_jsx(PaperClip, { width: iconSize, height: iconSize })) : iconType === "document" ? (_jsx(Document, { width: iconSize, height: iconSize })) : iconType === "file" ? (_jsx(File, { width: iconSize, height: iconSize })) : iconType === "google" ? (_jsx(Google, { width: iconSize, height: iconSize })) : iconType === "pdf" ? (_jsx(PDF, { width: iconSize, height: iconSize })) : iconType === "enter" ? (_jsx(Enter, { width: iconSize, height: iconSize })) : iconType === "key" ? (_jsx(Key, { width: iconSize, height: iconSize })) : iconType === "cornerDown" ? (_jsx(CornerDown, { width: iconSize, height: iconSize })) : iconType === "notAllowed" ? (_jsx(NotAllowed, { width: iconSize, height: iconSize })) : iconType === "university" ? (_jsx(University, { width: iconSize, height: iconSize })) : iconType === "pause" ? (_jsx(Pause, { width: iconSize, height: iconSize })) : iconType === "resume" ? (_jsx(Resume, { width: iconSize, height: iconSize })) : iconType === "ascendingOrder" ? (_jsx(AscendingOrder, { width: iconSize, height: iconSize })) : iconType === "descendingOrder" ? (_jsx(DescendingOrder, { width: iconSize, height: iconSize })) : iconType === "userClock" ? (_jsx(UserClock, { width: iconSize, height: iconSize })) : iconType === "tickVerification" ? (_jsx(TickVerification, { width: iconSize, height: iconSize })) : iconType === "copied" ? (_jsx(Copied, { width: iconSize, height: iconSize })) : iconType === "archive" ? (_jsx(Archive, { width: iconSize, height: iconSize })) : iconType === "additionalInformation" ? (_jsx(AdditionalInformation, { width: iconSize, height: iconSize })) : iconType === "checkCircle" ? (_jsx(CheckCircle, { width: iconSize, height: iconSize })) : iconType === "companyClock" ? (_jsx(CompanyClock, { width: iconSize, height: iconSize })) : iconType === "companyOwnership" ? (_jsx(CompanyOwnership, { width: iconSize, height: iconSize })) : iconType === "cutBriefcase" ? (_jsx(CutBriefcase, { width: iconSize, height: iconSize })) : iconType === "box" ? (_jsx(Box, { width: iconSize, height: iconSize })) : null;
 };
 export default GetSvgIcon;

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

@@ -14,6 +14,8 @@ interface InputFieldProps {
     register?: any;
     name?: string;
     autoComplete?: string;
+    dataCyInput?: string;
+    dataCyToggle?: string;
 }
-declare const InputField: ({ id, value, type, placeholder, style, disabled, errorState, props, onChangeHandler, errorMessage, name, register, autoComplete, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputField: ({ id, value, type, placeholder, style, disabled, errorState, props, onChangeHandler, errorMessage, name, register, autoComplete, dataCyInput, dataCyToggle, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default InputField;

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

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import "./style.scss";
 import GetSvgIcon from "../GetSvgIcon";
-const InputField = ({ id, value, type = "text", placeholder = "", style = {}, disabled = false, errorState = false, props = {}, onChangeHandler, errorMessage = "Something went wrong!", name, register = (_prop) => ({}), autoComplete = "on", }) => {
+const InputField = ({ id, value, type = "text", placeholder = "", style = {}, disabled = false, errorState = false, props = {}, onChangeHandler, errorMessage = "Something went wrong!", name, register = (_prop) => ({}), autoComplete = "on", dataCyInput, dataCyToggle, }) => {
     const [showPassword, setShowPassword] = useState(false);
     const togglePasswordVisibility = () => {
         setShowPassword((prevShowPassword) => !prevShowPassword);
     };
-    return (_jsxs("div", { className: "parent-inputfiled", children: [_jsxs("div", { className: `inputFieldGeneric ${errorState && "errorInputField"}`, children: [_jsx("input", { id: id, type: showPassword ? "text" : type, disabled: disabled, style: style, placeholder: placeholder, value: value, onChange: onChangeHandler, name: name, ...register(name), ...props, autoComplete: autoComplete }), type === "password" && (_jsx("span", { className: "passwordToggle", onClick: togglePasswordVisibility, children: showPassword ? (_jsx(GetSvgIcon, { iconType: "eye", iconSize: "12" })) : (_jsx(GetSvgIcon, { iconType: "eyeOff", iconSize: "12" })) }))] }), errorState && _jsx("span", { children: errorMessage })] }));
+    return (_jsxs("div", { className: "parent-inputfiled", children: [_jsxs("div", { className: `inputFieldGeneric ${errorState && "errorInputField"}`, children: [_jsx("input", { id: id, type: showPassword ? "text" : type, disabled: disabled, style: style, placeholder: placeholder, value: value, onChange: onChangeHandler, name: name, ...register(name), ...props, autoComplete: autoComplete, "data-cy": dataCyInput }), type === "password" && (_jsx("span", { className: "passwordToggle", onClick: togglePasswordVisibility, "data-cy": dataCyToggle, children: showPassword ? (_jsx(GetSvgIcon, { iconType: "eye", iconSize: "12" })) : (_jsx(GetSvgIcon, { iconType: "eyeOff", iconSize: "12" })) }))] }), errorState && _jsx("span", { children: errorMessage })] }));
 };
 export default InputField;

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

@@ -8,6 +8,7 @@ interface InputFieldWithSvgProps {
     onChange: (value: string) => void;
     handleOnFocus?: () => void;
     onEnter?: () => void;
+    dataCy?: string;
 }
-declare const InputFieldWithSvg: ({ placeholder, iconType, iconSize, showIconOnLeft, onChange, handleOnFocus, onEnter, }: InputFieldWithSvgProps) => import("react/jsx-runtime").JSX.Element;
+declare const InputFieldWithSvg: ({ placeholder, iconType, iconSize, showIconOnLeft, onChange, handleOnFocus, onEnter, dataCy, }: InputFieldWithSvgProps) => import("react/jsx-runtime").JSX.Element;
 export default InputFieldWithSvg;

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

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import "./style.scss";
 import GetSvgIcon from "../GetSvgIcon";
 import { useState } from "react";
-const InputFieldWithSvg = ({ placeholder = "", iconType = "search", iconSize = "18", showIconOnLeft = false, onChange = () => { }, handleOnFocus = () => { }, onEnter = () => { }, }) => {
+const InputFieldWithSvg = ({ placeholder = "", iconType = "search", iconSize = "18", showIconOnLeft = false, onChange = () => { }, handleOnFocus = () => { }, onEnter = () => { }, dataCy, }) => {
     const [fieldFocused, setFieldFocused] = useState(false);
     const className = clsx({
         "inputFieldWithSvg--Container": true,
@@ -11,13 +11,13 @@ const InputFieldWithSvg = ({ placeholder = "", iconType = "search", iconSize = "
         "inputFieldWithSvg--RowReverse": showIconOnLeft,
     });
     const handleKeyPress = (event) => {
-        if (event.key === 'Enter') {
+        if (event.key === "Enter") {
             onEnter();
         }
     };
     return (_jsxs("div", { className: className, children: [_jsx("input", { placeholder: placeholder, onFocus: () => {
                     setFieldFocused(true);
                     handleOnFocus();
-                }, onBlur: () => setFieldFocused(false), onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyPress }), _jsx("button", { className: "inputFieldWithSvg--SvgButton", children: _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize }) })] }));
+                }, onBlur: () => setFieldFocused(false), onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyPress, "data-cy": `${dataCy}-input` }), _jsx("button", { className: "inputFieldWithSvg--SvgButton", "data-cy": `${dataCy}-submit`, children: _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize }) })] }));
 };
 export default InputFieldWithSvg;

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

@@ -10,6 +10,7 @@ interface NumberInputFieldProps {
     handleChange?: (value: number) => void;
     onFocus?: () => void;
     onBlur?: () => void;
+    dataCy?: string;
 }
-declare const NumberInputField: ({ onFocus, onBlur, initialNumber, unit, props, placeholder, isDisabled, isIncrementDisabled, isDecrementDisabled, handleChange, }: NumberInputFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const NumberInputField: ({ onFocus, onBlur, initialNumber, unit, props, placeholder, isDisabled, isIncrementDisabled, isDecrementDisabled, handleChange, dataCy, }: NumberInputFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default NumberInputField;

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

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { useRef } from "react";
 import "./style.scss";
 import GetSvgIcon from "../GetSvgIcon";
-const NumberInputField = ({ onFocus, onBlur, initialNumber = "0", unit, props = {}, placeholder = "123", isDisabled = false, isIncrementDisabled = false, isDecrementDisabled = false, handleChange = () => { }, }) => {
+const NumberInputField = ({ onFocus, onBlur, initialNumber = "0", unit, props = {}, placeholder = "123", isDisabled = false, isIncrementDisabled = false, isDecrementDisabled = false, handleChange = () => { }, dataCy, }) => {
     const inputRef = useRef(null);
     const handleInputChange = (event) => {
         const inputValue = event.target.value.replaceAll(",", "");
@@ -29,6 +29,6 @@ const NumberInputField = ({ onFocus, onBlur, initialNumber = "0", unit, props =
             inputRef.current.blur();
         }
     };
-    return (_jsxs("div", { className: className, ...props, children: [unit, _jsx("input", { ref: inputRef, onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, type: "text", value: initialNumber, min: "1", onChange: handleInputChange, disabled: isDisabled, onKeyDown: handleKeyDown }), _jsxs("div", { className: "numberInputField-Buttons", children: [_jsx("button", { onClick: handleIncrement, disabled: isDisabled || isIncrementDisabled, children: _jsx(GetSvgIcon, { iconType: "arrowUp", iconSize: "16" }) }), _jsx("button", { onClick: handleDecrement, disabled: isDisabled || isDecrementDisabled, children: _jsx(GetSvgIcon, { iconType: "arrowDown", iconSize: "16" }) })] })] }));
+    return (_jsxs("div", { className: className, ...props, children: [unit, _jsx("input", { ref: inputRef, onFocus: onFocus, onBlur: onBlur, placeholder: placeholder, type: "text", value: initialNumber, min: "1", onChange: handleInputChange, disabled: isDisabled, onKeyDown: handleKeyDown, "data-cy": dataCy }), _jsxs("div", { className: "numberInputField-Buttons", children: [_jsx("button", { onClick: handleIncrement, disabled: isDisabled || isIncrementDisabled, children: _jsx(GetSvgIcon, { iconType: "arrowUp", iconSize: "16" }) }), _jsx("button", { onClick: handleDecrement, disabled: isDisabled || isDecrementDisabled, children: _jsx(GetSvgIcon, { iconType: "arrowDown", iconSize: "16" }) })] })] }));
 };
 export default NumberInputField;

package/dist/types/components/PersonView/PersonViewBody/index.d.ts

@@ -10,6 +10,7 @@ interface PersonViewBodyProps {
     filterSkills: string[];
     isExpIndustriesLoading: boolean;
     scrollToEducation?: boolean;
+    dataCy?: string;
 }
 declare const PersonViewBody: React.FC<PersonViewBodyProps>;
 export default PersonViewBody;

package/dist/types/components/PersonView/PersonViewBody/index.js

@@ -6,10 +6,10 @@ const PersonViewBody = ({ personViewActiveTab = "Experience", personViewSummaryP
     experience: dummyExpPayload,
     education: dummyEduPayload,
     totalExperience: "",
-}, onCompanyNameClick, industries = [], isIndustryLoading = false, filterIndustries = [], filterSkills = [], isExpIndustriesLoading = false, scrollToEducation = false, }) => {
+}, onCompanyNameClick, industries = [], isIndustryLoading = false, filterIndustries = [], filterSkills = [], isExpIndustriesLoading = false, scrollToEducation = false, dataCy, }) => {
     switch (personViewActiveTab) {
         case "Experience":
-            return (_jsx(PersonViewSummary, { about: personViewSummaryPayload.about, experience: personViewSummaryPayload.experience, education: personViewSummaryPayload.education, onCompanyNameClick: onCompanyNameClick ? onCompanyNameClick : () => { }, totalExperience: personViewSummaryPayload.totalExperience, industries: industries, isIndustryLoading: isIndustryLoading, filterIndustries: filterIndustries, filterSkills: filterSkills, isExpIndustriesLoading: isExpIndustriesLoading, scrollToEducation: scrollToEducation }));
+            return (_jsx(PersonViewSummary, { about: personViewSummaryPayload.about, experience: personViewSummaryPayload.experience, education: personViewSummaryPayload.education, onCompanyNameClick: onCompanyNameClick ? onCompanyNameClick : () => { }, totalExperience: personViewSummaryPayload.totalExperience, industries: industries, isIndustryLoading: isIndustryLoading, filterIndustries: filterIndustries, filterSkills: filterSkills, isExpIndustriesLoading: isExpIndustriesLoading, scrollToEducation: scrollToEducation, dataCy: dataCy }));
         default:
             return _jsx(_Fragment, {});
     }

package/dist/types/components/PersonView/PersonViewExperienceCard/index.d.ts

@@ -11,6 +11,7 @@ interface PersonViewExperienceCardProps {
     companyExp: PersonExperiencePayloadTypes;
     isNoSkillsOrIndustries: boolean;
     isSummaryView?: boolean;
+    dataCy?: string;
 }
 declare const PersonViewExperienceCard: React.FC<PersonViewExperienceCardProps>;
 export default PersonViewExperienceCard;

package/dist/types/components/PersonView/PersonViewExperienceCard/index.js

@@ -3,7 +3,7 @@ import "./style.scss";
 import RectangularIcon from "../../RectangularIcon";
 import PersonViewExperienceDetails from "../PersonViewExperienceDetails";
 import clsx from "clsx";
-const PersonViewExperienceCard = ({ companyLogo = "", experienceDetails = [], onCompanyNameClick, filterIndustries, filterSkills, isExpIndustriesLoading = false, companyExp, isSummaryView = false, }) => {
+const PersonViewExperienceCard = ({ companyLogo = "", experienceDetails = [], onCompanyNameClick, filterIndustries, filterSkills, isExpIndustriesLoading = false, companyExp, isSummaryView = false, dataCy, }) => {
     const groupedExperiences = {};
     experienceDetails.forEach((experience) => {
         const { companyName } = experience;
@@ -20,7 +20,7 @@ const PersonViewExperienceCard = ({ companyLogo = "", experienceDetails = [], on
                                 }), children: _jsx(PersonViewExperienceDetails, { showCompanyName: hasMultipleExperiences && key === 0, experienceDetails: {
                                         ...experience,
                                         location: experience.location,
-                                    }, onCompanyNameClick: onCompanyNameClick, filterIndustries: filterIndustries, filterSkills: filterSkills, isExpIndustriesLoading: isExpIndustriesLoading, singleExperience: !hasMultipleExperiences, companyExp: companyExp, isSummaryView: isSummaryView }) })] }, key));
+                                    }, onCompanyNameClick: onCompanyNameClick, filterIndustries: filterIndustries, filterSkills: filterSkills, isExpIndustriesLoading: isExpIndustriesLoading, singleExperience: !hasMultipleExperiences, companyExp: companyExp, isSummaryView: isSummaryView, dataCy: dataCy }) })] }, key));
                 }) }, companyName));
         }) }));
 };

package/dist/types/components/PersonView/PersonViewExperienceDetails/index.d.ts

@@ -13,6 +13,7 @@ interface PersonViewExperienceDetailsProps {
         duration: string;
     };
     isSummaryView?: boolean;
+    dataCy?: string;
 }
 declare const PersonViewExperienceDetails: React.FC<PersonViewExperienceDetailsProps>;
 export default PersonViewExperienceDetails;

package/dist/types/components/PersonView/PersonViewExperienceDetails/index.js

@@ -5,7 +5,7 @@ import { detectEntitiesInDescription, dummyExpDetails, getDetectedIndustries, ge
 import SkillIndustryBadge from "../../SkillIndustryBadge";
 import { Loader, Tooltip } from "../..";
 import clsx from "clsx";
-const PersonViewExperienceDetails = ({ experienceDetails = dummyExpDetails, showCompanyName = true, onCompanyNameClick, filterIndustries, filterSkills, isExpIndustriesLoading, singleExperience, companyExp, isSummaryView = false, }) => {
+const PersonViewExperienceDetails = ({ experienceDetails = dummyExpDetails, showCompanyName = true, onCompanyNameClick, filterIndustries, filterSkills, isExpIndustriesLoading, singleExperience, companyExp, isSummaryView = false, dataCy, }) => {
     const id = crypto.randomUUID();
     const [hoveredPill, setHoveredPill] = useState(null);
     const { start, end } = experienceDetails;
@@ -51,8 +51,8 @@ const PersonViewExperienceDetails = ({ experienceDetails = dummyExpDetails, show
     const hasMatchedKeywordsData = detectedIndustries.length > 0 || showDescriptionSkills;
     return (_jsxs("div", { className: "personViewExperienceDetails--Generic", children: [_jsxs("div", { className: "personViewExperienceDetails--NameAndDuration", children: [showCompanyName && (_jsx("h2", { className: "personViewExperienceDetailsCompanyName", onClick: () => {
                             onCompanyNameClick(experienceDetails.universalName, experienceDetails.urn);
-                        }, children: experienceDetails.companyName })), showCompanyName && (_jsx("span", { className: "expDuration", children: companyExp.duration })), _jsx("h3", { children: experienceDetails.role }), singleExperience && (_jsx("h2", { className: "personViewExperienceDetailsCompanyName", onClick: () => {
+                        }, "data-cy": `${dataCy}-company`, children: experienceDetails.companyName })), showCompanyName && (_jsx("span", { className: "expDuration", children: companyExp.duration })), _jsx("h3", { children: experienceDetails.role }), singleExperience && (_jsx("h2", { className: "personViewExperienceDetailsCompanyName", onClick: () => {
                             onCompanyNameClick(experienceDetails.universalName, experienceDetails.urn);
-                        }, children: experienceDetails.companyName })), _jsxs("span", { className: "expPeriod", children: [experiencePeriod, " ", experienceDetails.duration && experiencePeriod && _jsx(_Fragment, { children: "\u2022" }), " ", experienceDetails.duration] }), _jsx("span", { children: experienceDetails.location })] }), hasDescriptionData && !isSummaryView && (_jsx("div", { id: id, className: "personViewExperienceDetails--Description", children: highlightedText })), hasMatchedKeywordsData && (_jsx("div", { className: "personViewExperienceDetails--MatchedKeywords", children: isExpIndustriesLoading ? (_jsx(Loader, { width: "24", height: "24" })) : (_jsxs(_Fragment, { children: [detectedIndustries.length > 0 && (_jsxs("span", { className: "personViewExperienceDetails--SkillsAndIndustries", children: [_jsx("h2", { children: "INDUSTRIES MATCHED: " }), _jsx("span", { children: detectedIndustries.map((industry, index) => (_jsx(Tooltip, { content: industry.source, toolTipPosition: "bottom", children: _jsx(SkillIndustryBadge, { highlight: handleHoverPill, highlightPill: false, text: industry.industry }) }, index))) })] })), showDescriptionSkills && (_jsxs("span", { className: "personViewExperienceDetails--SkillsAndIndustries", children: [_jsx("h2", { children: "KEYWORDS/SKILLS: " }), _jsx("span", { children: detectedSkills.map((skill, key) => (_jsx(Tooltip, { content: "Extracted from experience", toolTipPosition: "bottom", children: _jsx(SkillIndustryBadge, { highlight: handleHoverPill, highlightPill: false, text: skill }) }, key))) })] }))] })) }))] }));
+                        }, "data-cy": `${dataCy}-company`, children: experienceDetails.companyName })), _jsxs("span", { className: "expPeriod", children: [experiencePeriod, " ", experienceDetails.duration && experiencePeriod && _jsx(_Fragment, { children: "\u2022" }), " ", experienceDetails.duration] }), _jsx("span", { children: experienceDetails.location })] }), hasDescriptionData && !isSummaryView && (_jsx("div", { id: id, className: "personViewExperienceDetails--Description", children: highlightedText })), hasMatchedKeywordsData && (_jsx("div", { className: "personViewExperienceDetails--MatchedKeywords", children: isExpIndustriesLoading ? (_jsx(Loader, { width: "24", height: "24" })) : (_jsxs(_Fragment, { children: [detectedIndustries.length > 0 && (_jsxs("span", { className: "personViewExperienceDetails--SkillsAndIndustries", children: [_jsx("h2", { children: "INDUSTRIES MATCHED: " }), _jsx("span", { children: detectedIndustries.map((industry, index) => (_jsx(Tooltip, { content: industry.source, toolTipPosition: "bottom", children: _jsx(SkillIndustryBadge, { highlight: handleHoverPill, highlightPill: false, text: industry.industry }) }, index))) })] })), showDescriptionSkills && (_jsxs("span", { className: "personViewExperienceDetails--SkillsAndIndustries", children: [_jsx("h2", { children: "KEYWORDS/SKILLS: " }), _jsx("span", { children: detectedSkills.map((skill, key) => (_jsx(Tooltip, { content: "Extracted from experience", toolTipPosition: "bottom", children: _jsx(SkillIndustryBadge, { highlight: handleHoverPill, highlightPill: false, text: skill }) }, key))) })] }))] })) }))] }));
 };
 export default PersonViewExperienceDetails;

package/dist/types/components/PersonView/PersonViewHeader/index.d.ts

@@ -24,6 +24,7 @@ interface PersonViewHeaderProps {
     createOrUpdateQuestRequest?: React.ReactNode;
     viewInQuestButton?: React.ReactNode;
     markFakeButton?: React.ReactNode;
+    dataCy?: string;
 }
 declare const PersonViewHeader: React.FC<PersonViewHeaderProps>;
 export default PersonViewHeader;

package/dist/types/components/PersonView/PersonViewHeader/index.js

@@ -5,9 +5,9 @@ import CircularIcon from "../../CircularIcon";
 import { ClickableText, EllipsisText, PrimaryButton } from "../..";
 import IconButton from "../../IconButton";
 import BadgeWithCount from "../../BadgeWithCount";
-const PersonViewHeader = ({ profilePicture = "", fullName = "", id = "", currentRole = "", currentCompany = "", universalName = "", urn = "", location = "", lastUpdated = "", onCheckClick, onClose, onBack, onUpdateClick = () => { }, onCompanyNameClick, isThreeMonthsAgo = false, updateError = false, checkValue = false, addedAssignmentsCount, onAddToAssignmentClick = () => { }, onBadgeClick, createOrUpdateQuestRequest, viewInQuestButton, markFakeButton, }) => {
-    return (_jsx("div", { children: _jsxs("div", { className: "personViewHeader--Generic", children: [_jsxs("span", { className: "personViewHeader--Left", children: [onBack && (_jsx(IconButton, { color: "gray", variant: "tertiary", iconType: "arrowLeft", sizeVariant: "xs", iconSize: "20", onClick: onBack })), onCheckClick && (_jsx("div", { className: "personViewHeaderCheckBoxLeft", children: _jsx(CheckboxComponent, { sizeVariant: "sm", checked: checkValue, onClick: (flag) => {
+const PersonViewHeader = ({ profilePicture = "", fullName = "", id = "", currentRole = "", currentCompany = "", universalName = "", urn = "", location = "", lastUpdated = "", onCheckClick, onClose, onBack, onUpdateClick = () => { }, onCompanyNameClick, isThreeMonthsAgo = false, updateError = false, checkValue = false, addedAssignmentsCount, onAddToAssignmentClick = () => { }, onBadgeClick, createOrUpdateQuestRequest, viewInQuestButton, markFakeButton, dataCy, }) => {
+    return (_jsx("div", { children: _jsxs("div", { className: "personViewHeader--Generic", children: [_jsxs("span", { className: "personViewHeader--Left", children: [onBack && (_jsx(IconButton, { color: "gray", variant: "tertiary", iconType: "arrowLeft", sizeVariant: "xs", iconSize: "20", onClick: onBack, "data-cy": `${dataCy}-back` })), onCheckClick && (_jsx("div", { className: "personViewHeaderCheckBoxLeft", children: _jsx(CheckboxComponent, { sizeVariant: "sm", checked: checkValue, onClick: (flag) => {
                                     onCheckClick(flag);
-                                } }) })), _jsx(CircularIcon, { iconPath: profilePicture, iconSize: "80", altImageType: "profile" }, `${id}-${lastUpdated}`), _jsxs("div", { className: "personViewHeader--PersonDetails", children: [_jsxs("div", { className: "fullNameContainer", children: [_jsx(EllipsisText, { children: _jsx("span", { children: fullName }) }), Boolean(addedAssignmentsCount) && (_jsx(BadgeWithCount, { count: addedAssignmentsCount, toolTipContent: `Added to ${addedAssignmentsCount} assignments`, iconType: "briefcase", iconSize: "16", toolTipPosition: "top", onClick: onBadgeClick }))] }), _jsxs("div", { className: "titleContainer", children: [_jsx(EllipsisText, { children: currentRole }), !!currentCompany && (_jsxs(_Fragment, { children: ["at", _jsx("span", { onClick: () => onCompanyNameClick(universalName, urn), className: "personViewHeaderCompanyLink", children: _jsx(EllipsisText, { children: currentCompany }) })] }))] }), _jsx("h3", { children: location }), _jsxs("div", { className: "questActions", children: [viewInQuestButton, createOrUpdateQuestRequest] }), _jsx("div", { className: "markFake", children: markFakeButton })] })] }), _jsx("div", { className: "personViewHeader--Right", children: _jsxs("div", { className: "personViewHeader--ButtonRight", children: [isThreeMonthsAgo && !updateError && (_jsx(ClickableText, { text: "Update available", onClick: onUpdateClick, sizeVariant: "sm", iconSize: "14" })), !updateError && (_jsx("div", { className: "profileUpdateDetail", children: _jsx(PrimaryButton, { colorVariant: "orange", sizeVariant: "xs", text: "Save to Assignment", onClick: onAddToAssignmentClick }) })), onClose && (_jsx(IconButton, { iconType: "cross", iconSize: "20", onClick: onClose, className: "crossBtn" }))] }) })] }) }));
+                                }, dataCy: `${dataCy}-checkbox` }) })), _jsx(CircularIcon, { iconPath: profilePicture, iconSize: "80", altImageType: "profile" }, `${id}-${lastUpdated}`), _jsxs("div", { className: "personViewHeader--PersonDetails", children: [_jsxs("div", { className: "fullNameContainer", children: [_jsx(EllipsisText, { children: _jsx("span", { children: fullName }) }), Boolean(addedAssignmentsCount) && (_jsx(BadgeWithCount, { count: addedAssignmentsCount, toolTipContent: `Added to ${addedAssignmentsCount} assignments`, iconType: "briefcase", iconSize: "16", toolTipPosition: "top", onClick: onBadgeClick, dataCy: `${dataCy}-briefcase` }))] }), _jsxs("div", { className: "titleContainer", children: [_jsx(EllipsisText, { children: currentRole }), !!currentCompany && (_jsxs(_Fragment, { children: ["at", _jsx("span", { onClick: () => onCompanyNameClick(universalName, urn), className: "personViewHeaderCompanyLink", "data-cy": `${dataCy}-company`, children: _jsx(EllipsisText, { children: currentCompany }) })] }))] }), _jsx("h3", { children: location }), _jsxs("div", { className: "questActions", children: [viewInQuestButton, createOrUpdateQuestRequest] }), _jsx("div", { className: "markFake", children: markFakeButton })] })] }), _jsx("div", { className: "personViewHeader--Right", children: _jsxs("div", { className: "personViewHeader--ButtonRight", children: [isThreeMonthsAgo && !updateError && (_jsx(ClickableText, { text: "Update available", onClick: onUpdateClick, sizeVariant: "sm", iconSize: "14", dataCy: `${dataCy}-update` })), !updateError && (_jsx("div", { className: "profileUpdateDetail", children: _jsx(PrimaryButton, { colorVariant: "orange", sizeVariant: "xs", text: "Save to Assignment", onClick: onAddToAssignmentClick, dataCy: `${dataCy}-save-to-assignment` }) })), onClose && (_jsx(IconButton, { iconType: "cross", iconSize: "20", onClick: onClose, className: "crossBtn", "data-cy": `${dataCy}-cross` }))] }) })] }) }));
 };
 export default PersonViewHeader;

package/dist/types/components/PersonView/PersonViewSummary/index.d.ts

@@ -13,7 +13,8 @@ interface PersonViewSummaryProps {
     filterSkills: string[];
     isExpIndustriesLoading?: boolean;
     scrollToEducation?: boolean;
+    dataCy?: string;
     isSummaryView?: boolean;
 }
-declare const PersonViewSummary: ({ about, experience, totalExperience, education, onCompanyNameClick, industries, isIndustryLoading, filterIndustries, filterSkills, isExpIndustriesLoading, scrollToEducation, isSummaryView, }: PersonViewSummaryProps) => import("react/jsx-runtime").JSX.Element;
+declare const PersonViewSummary: ({ about, experience, totalExperience, education, onCompanyNameClick, industries, isIndustryLoading, filterIndustries, filterSkills, isExpIndustriesLoading, scrollToEducation, dataCy, isSummaryView, }: PersonViewSummaryProps) => import("react/jsx-runtime").JSX.Element;
 export default PersonViewSummary;

package/dist/types/components/PersonView/PersonViewSummary/index.js

@@ -6,7 +6,7 @@ import PersonViewEducationCard from "../PersonViewEducationCard";
 import { ClickableText, Loader, SkillIndustryBadge, Tooltip } from "../..";
 import { detectEntitiesInDescription, highlightRichText, splitTextByKeyWords, } from "../../../utils";
 import { useEffect, useState, useRef } from "react";
-const PersonViewSummary = ({ about = "", experience = [], totalExperience = "", education = [], onCompanyNameClick, industries, isIndustryLoading = false, filterIndustries, filterSkills, isExpIndustriesLoading = false, scrollToEducation = false, isSummaryView, }) => {
+const PersonViewSummary = ({ about = "", experience = [], totalExperience = "", education = [], onCompanyNameClick, industries, isIndustryLoading = false, filterIndustries, filterSkills, isExpIndustriesLoading = false, scrollToEducation = false, dataCy, isSummaryView, }) => {
     const [hoveredPill, setHoveredPill] = useState(null);
     const [showMore, setShowMore] = useState(false);
     const educationRef = useRef(null);
@@ -53,9 +53,9 @@ const PersonViewSummary = ({ about = "", experience = [], totalExperience = "",
         filterIndustries &&
         onCompanyNameClick &&
         experience?.length !== 0;
-    return (_jsx("div", { className: "personViewSummary--Generic", children: _jsxs("div", { className: isAboutNA, children: [about.toLowerCase() !== "not available" && !isSummaryView && (_jsx("h2", { children: "About" })), about.toLowerCase() !== "not available" && (_jsxs("div", { id: "personViewSummary-About-Text", children: [_jsxs("span", { children: [showMore ? highlightedText : truncatedTextHighlighted, !showMore && isTruncated && "..."] }), isTruncated && (_jsx("div", { className: "clickableTextWrapper", children: _jsx(ClickableText, { text: showMore ? "‎ See less" : "See more", onClick: handleToggleShowMore, sizeVariant: "base" }) })), shouldShowMatchedKeywords && (_jsx("div", { className: "personViewExperienceDetails--MatchedKeywordsAbout", children: isIndustryLoading ? (_jsx(Loader, { width: "24", height: "24" })) : (_jsxs(_Fragment, { children: [industries.length > 0 && (_jsxs("span", { className: "personViewExperienceDetails--SkillsAndIndustries", children: [_jsx("h2", { children: "INDUSTRIES MATCHED:" }), _jsx("span", { children: industries.map((industry, key) => (_jsx(Tooltip, { content: 'Extracted from "About"', toolTipPosition: "bottom", children: _jsx(SkillIndustryBadge, { highlight: handleHoverPill, highlightPill: false, text: industry }) }, `industry-${key}`))) })] })), aboutSectionSkills.length > 0 && (_jsxs("span", { className: "personViewExperienceDetails--SkillsAndIndustries", children: [_jsx("h2", { children: "KEYWORDS/SKILLS:" }), _jsx("span", { children: aboutSectionSkills.map((skill, key) => (_jsx(Tooltip, { content: 'Extracted from "About"', toolTipPosition: "bottom", children: _jsx(SkillIndustryBadge, { highlight: handleHoverPill, highlightPill: false, text: skill }) }, `skill-${key}`))) })] }))] })) }))] })), showExperience && (_jsxs("div", { className: "personViewSummary-Experience", children: [_jsx("h2", { children: "Work Experience" }), totalExperience && (_jsxs("span", { className: "totalExperience", children: ["Total: ", totalExperience] })), experience?.map((companyExp, key) => {
-                            return (_jsx(PersonViewExperienceCard, { companyLogo: companyExp?.companyLogo, experienceDetails: companyExp?.experienceDetails, onCompanyNameClick: onCompanyNameClick, filterIndustries: filterIndustries, filterSkills: filterSkills, isExpIndustriesLoading: isExpIndustriesLoading, companyExp: companyExp, isNoSkillsOrIndustries: false }, key));
-                        })] })), !isSummaryView && education?.length !== 0 && (_jsxs("div", { ref: educationRef, className: "personViewSummary-Education", children: [_jsx("h2", { children: "Education" }), education?.map((edu) => {
+    return (_jsx("div", { className: "personViewSummary--Generic", children: _jsxs("div", { className: isAboutNA, children: [about.toLowerCase() !== "not available" && !isSummaryView && (_jsx("h2", { children: "About" })), about.toLowerCase() !== "not available" && (_jsxs("div", { id: "personViewSummary-About-Text", "data-cy": `${dataCy}-about-section`, children: [_jsxs("span", { children: [showMore ? highlightedText : truncatedTextHighlighted, !showMore && isTruncated && "..."] }), isTruncated && (_jsx("div", { className: "clickableTextWrapper", children: _jsx(ClickableText, { text: showMore ? "‎ See less" : "See more", onClick: handleToggleShowMore, sizeVariant: "base" }) })), shouldShowMatchedKeywords && (_jsx("div", { className: "personViewExperienceDetails--MatchedKeywordsAbout", children: isIndustryLoading ? (_jsx(Loader, { width: "24", height: "24" })) : (_jsxs(_Fragment, { children: [industries.length > 0 && (_jsxs("span", { className: "personViewExperienceDetails--SkillsAndIndustries", children: [_jsx("h2", { children: "INDUSTRIES MATCHED:" }), _jsx("span", { children: industries.map((industry, key) => (_jsx(Tooltip, { content: 'Extracted from "About"', toolTipPosition: "bottom", children: _jsx(SkillIndustryBadge, { highlight: handleHoverPill, highlightPill: false, text: industry }) }, `industry-${key}`))) })] })), aboutSectionSkills.length > 0 && (_jsxs("span", { className: "personViewExperienceDetails--SkillsAndIndustries", children: [_jsx("h2", { children: "KEYWORDS/SKILLS:" }), _jsx("span", { children: aboutSectionSkills.map((skill, key) => (_jsx(Tooltip, { content: 'Extracted from "About"', toolTipPosition: "bottom", children: _jsx(SkillIndustryBadge, { highlight: handleHoverPill, highlightPill: false, text: skill }) }, `skill-${key}`))) })] }))] })) }))] })), showExperience && (_jsxs("div", { className: "personViewSummary-Experience", "data-cy": `${dataCy}-experience-section`, children: [_jsx("h2", { children: "Work Experience" }), totalExperience && (_jsxs("span", { className: "totalExperience", children: ["Total: ", totalExperience] })), experience?.map((companyExp, key) => {
+                            return (_jsx(PersonViewExperienceCard, { companyLogo: companyExp?.companyLogo, experienceDetails: companyExp?.experienceDetails, onCompanyNameClick: onCompanyNameClick, filterIndustries: filterIndustries, filterSkills: filterSkills, isExpIndustriesLoading: isExpIndustriesLoading, companyExp: companyExp, isNoSkillsOrIndustries: false, dataCy: `${dataCy}-experience-section` }, key));
+                        })] })), !isSummaryView && education?.length !== 0 && (_jsxs("div", { ref: educationRef, className: "personViewSummary-Education", "data-cy": `${dataCy}-education-section`, children: [_jsx("h2", { children: "Education" }), education?.map((edu) => {
                             return (_jsx(PersonViewEducationCard, { education: edu }, edu?.index));
                         })] }))] }) }));
 };

package/dist/types/components/PersonView/PersonViewTabsComponent/index.d.ts

@@ -7,6 +7,7 @@ interface PersonViewTabsComponentProps {
     }[];
     activePersonViewTab: PersonViewTabsTypes;
     onClick: (tabName: PersonViewTabsTypes) => void;
+    dataCy?: string;
 }
 declare const PersonViewTabsComponent: React.FC<PersonViewTabsComponentProps>;
 export default PersonViewTabsComponent;

package/dist/types/components/PersonView/PersonViewTabsComponent/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { PersonViewTabs } from "../../../utils";
 import "./style.scss";
-const PersonViewTabsComponent = ({ tabs = PersonViewTabs, activePersonViewTab = "Summary", onClick, }) => {
+const PersonViewTabsComponent = ({ tabs = PersonViewTabs, activePersonViewTab = "Summary", onClick, dataCy, }) => {
     const getPersonViewTabButtonClasses = (tabName, activePersonViewTab) => {
         return clsx({
             "personViewTabsComponent-Button--Generic": true,
@@ -11,7 +11,9 @@ const PersonViewTabsComponent = ({ tabs = PersonViewTabs, activePersonViewTab =
         });
     };
     return (_jsx("div", { className: "personViewTabsComponent--Generic", children: tabs.map((entity, key) => {
-            return (_jsx("button", { onClick: () => onClick(entity.tabName), className: getPersonViewTabButtonClasses(entity.tabName, activePersonViewTab), children: entity.tabName.toUpperCase() }, key));
+            return (_jsx("button", { onClick: () => onClick(entity.tabName), className: getPersonViewTabButtonClasses(entity.tabName, activePersonViewTab), "data-cy": `${dataCy}-${entity.tabName
+                    .toLowerCase()
+                    .replace(/\s+/g, "-")}}`, children: entity.tabName.toUpperCase() }, key));
         }) }));
 };
 export default PersonViewTabsComponent;

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

@@ -9,6 +9,7 @@ interface PrimaryButtonProps extends ComponentPropsWithoutRef<"button"> {
     isDisabled?: boolean;
     width?: string;
     children?: ReactNode;
+    dataCy?: string;
 }
-declare const PrimaryButton: ({ type, text, primaryButtonClassName, sizeVariant, colorVariant, isDisabled, children, ...props }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const PrimaryButton: ({ type, text, primaryButtonClassName, sizeVariant, colorVariant, isDisabled, dataCy, children, ...props }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default PrimaryButton;

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

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

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

@@ -7,6 +7,7 @@ interface PromptFieldProps {
     onSubmit: (message: string) => void;
     setValue: (value: string) => void;
     value: string;
+    dataCy?: string;
 }
-declare const PromptField: ({ placeholderText, isDisabled, isLoading, isReadOnly, onSubmit, value, setValue, }: PromptFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const PromptField: ({ placeholderText, isDisabled, isLoading, isReadOnly, onSubmit, value, setValue, dataCy, }: PromptFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default PromptField;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import "./style.scss";
 import { IconButton, Loader } from "..";
-const PromptField = ({ placeholderText = "Write here...", isDisabled = false, isLoading = false, isReadOnly = false, onSubmit, value, setValue = () => false, }) => {
+const PromptField = ({ placeholderText = "Write here...", isDisabled = false, isLoading = false, isReadOnly = false, onSubmit, value, setValue = () => false, dataCy, }) => {
     const textareaRef = useRef(null);
     useEffect(() => {
         window.addEventListener("resize", handleAutoResize);
@@ -48,6 +48,6 @@ const PromptField = ({ placeholderText = "Write here...", isDisabled = false, is
     const onchange = (event) => {
         setValue(event.target.value);
     };
-    return (_jsxs("form", { className: "promptField", onSubmit: (e) => e.preventDefault(), children: [_jsx("textarea", { ref: textareaRef, className: "promptFieldInput", readOnly: isReadOnly, placeholder: placeholderText, value: value, onChange: onchange, onKeyDown: handleKeyDown }), isLoading ? (_jsx(Loader, { height: "24", width: "24", type: "threeDots" })) : (_jsx(IconButton, { isDisabled: isDisabled, iconType: "searchArrow", onClick: handleSubmit, sizeVariant: "sm", variant: "primary", color: "orange" }))] }));
+    return (_jsxs("form", { className: "promptField", onSubmit: (e) => e.preventDefault(), children: [_jsx("textarea", { ref: textareaRef, className: "promptFieldInput", readOnly: isReadOnly, placeholder: placeholderText, value: value, onChange: onchange, onKeyDown: handleKeyDown, "data-cy": `${dataCy}-input` }), isLoading ? (_jsx(Loader, { height: "24", width: "24", type: "threeDots" })) : (_jsx(IconButton, { isDisabled: isDisabled, iconType: "searchArrow", onClick: handleSubmit, sizeVariant: "sm", variant: "primary", color: "orange", "data-cy": `${dataCy}-submit` }))] }));
 };
 export default PromptField;

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

@@ -9,6 +9,7 @@ interface SearchFilterButtonProps {
     filterIconRight?: IconType;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onCancelClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    dataCy?: string;
 }
-declare const SearchFilterButton: ({ filterText, filterCount, filterIcon, isFilterLoading, filterIconRight, onClick, onCancelClick, }: SearchFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const SearchFilterButton: ({ filterText, filterCount, filterIcon, isFilterLoading, filterIconRight, onClick, onCancelClick, dataCy, }: SearchFilterButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default SearchFilterButton;

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

@@ -4,11 +4,11 @@ import CountCancelButton from "../CountCancelButton";
 import "./style.scss";
 import GetSvgIcon from "../GetSvgIcon";
 import { Loader } from "..";
-const SearchFilterButton = ({ filterText = "Name", filterCount = 0, filterIcon = "industry", isFilterLoading = false, filterIconRight, onClick, onCancelClick, }) => {
+const SearchFilterButton = ({ filterText = "Name", filterCount = 0, filterIcon = "industry", isFilterLoading = false, filterIconRight, onClick, onCancelClick, dataCy, }) => {
     const className = clsx({
         "searchFilterButton--Generic": true,
         "searchFilterButton--Selected": filterCount !== 0,
     });
-    return (_jsxs("button", { className: className, onClick: onClick, children: [_jsxs("span", { className: "searchFilterButton-FitlerDetails", children: [_jsx(GetSvgIcon, { iconType: filterIcon, iconSize: "18" }), filterText] }), isFilterLoading && _jsx(Loader, { height: "18", width: "18" }), filterCount !== 0 && !isFilterLoading && (_jsxs("div", { className: "searchFilterButton-RigthIcon", children: [!!filterIconRight && !isFilterLoading && (_jsx(GetSvgIcon, { iconType: filterIconRight, iconSize: "18" })), _jsx(CountCancelButton, { count: filterCount, onClick: onCancelClick })] }))] }));
+    return (_jsxs("button", { className: className, onClick: onClick, "data-cy": dataCy, children: [_jsxs("span", { className: "searchFilterButton-FitlerDetails", children: [_jsx(GetSvgIcon, { iconType: filterIcon, iconSize: "18" }), filterText] }), isFilterLoading && _jsx(Loader, { height: "18", width: "18" }), filterCount !== 0 && !isFilterLoading && (_jsxs("div", { className: "searchFilterButton-RigthIcon", children: [!!filterIconRight && !isFilterLoading && (_jsx(GetSvgIcon, { iconType: filterIconRight, iconSize: "18" })), _jsx(CountCancelButton, { count: filterCount, onClick: onCancelClick })] }))] }));
 };
 export default SearchFilterButton;

package/dist/types/components/SearchFilterSideDrawer/SaveSearch/index.d.ts

@@ -10,6 +10,7 @@ interface SaveSearchProps {
     handleMoreClick: () => void;
     isDisabled: boolean;
     handleBack: () => void;
+    dataCy?: string;
 }
-declare const SavedSearches: ({ titles, isLoading, onTitleClick, onDeleteClick, remainingTime, showMore, handleMoreClick, isDisabled, handleBack, }: SaveSearchProps) => import("react/jsx-runtime").JSX.Element;
+declare const SavedSearches: ({ titles, isLoading, onTitleClick, onDeleteClick, remainingTime, showMore, handleMoreClick, isDisabled, handleBack, dataCy, }: SaveSearchProps) => import("react/jsx-runtime").JSX.Element;
 export default SavedSearches;