qlu-20-ui-library 1.7.0 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/build/qlu-20-ui-library.cjs +59 -59
  2. package/dist/build/qlu-20-ui-library.js +4643 -4603
  3. package/dist/components/SelectDropDown/index.d.ts +2 -1
  4. package/dist/components/Svg/CutBriefcase.d.ts +7 -0
  5. package/dist/types/components/ContinuousRangeComponent/ContinuousRangeComponent.js +4 -6
  6. package/dist/types/components/GetSvgIcon/index.js +2 -1
  7. package/dist/types/components/SelectDropDown/index.d.ts +2 -1
  8. package/dist/types/components/SelectDropDown/index.js +2 -2
  9. package/dist/types/components/Svg/CutBriefcase.d.ts +7 -0
  10. package/dist/types/components/Svg/CutBriefcase.js +5 -0
  11. package/dist/types/types.d.ts +1 -1
  12. package/dist/types.d.ts +1 -1
  13. package/package.json +1 -1
package/dist/components/SelectDropDown/index.d.ts CHANGED
@@ -7,6 +7,7 @@ interface SelectDropDown {
7
7
  isAllSelected: boolean;
8
8
  isDisabled?: boolean;
9
9
  tooltipContent?: string;
10
+ hideSelectedText?: boolean;
10
11
  }
11
- declare const SelectDropDown: ({ onApplyClick, selectedCount, showCancel, onCancelClick, totalCount, isAllSelected, isDisabled, tooltipContent, }: SelectDropDown) => import("react/jsx-runtime").JSX.Element;
12
+ declare const SelectDropDown: ({ onApplyClick, selectedCount, showCancel, onCancelClick, totalCount, isAllSelected, isDisabled, tooltipContent, hideSelectedText, }: SelectDropDown) => import("react/jsx-runtime").JSX.Element;
12
13
  export default SelectDropDown;
package/dist/components/Svg/CutBriefcase.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ interface CutBriefcaseProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const CutBriefcase: ({ width, height }: CutBriefcaseProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default CutBriefcase;
package/dist/types/components/ContinuousRangeComponent/ContinuousRangeComponent.js CHANGED
@@ -9,14 +9,14 @@ function ContinuousRangeComponent({ minValue, maxValue, getRange, initialMinValu
9
9
  const clampedMax = Math.max(initialMinValue, Math.min(maxValue, initialMaxValue));
10
10
  const [rangeData, setRangeData] = useState({
11
11
  min: clampedMin,
12
- max: clampedMax
12
+ max: clampedMax,
13
13
  });
14
14
  const isSliderMoving = useRef(false);
15
15
  useEffect(() => {
16
16
  if (!isSliderMoving.current) {
17
17
  setRangeData({
18
18
  min: Math.max(0, Math.max(initialMinValue, Math.min(minValue, initialMaxValue))),
19
- max: Math.max(0, Math.max(initialMinValue, Math.min(maxValue, initialMaxValue)))
19
+ max: Math.max(0, Math.max(initialMinValue, Math.min(maxValue, initialMaxValue))),
20
20
  });
21
21
  }
22
22
  }, [minValue, maxValue, initialMinValue, initialMaxValue]);
@@ -29,11 +29,11 @@ function ContinuousRangeComponent({ minValue, maxValue, getRange, initialMinValu
29
29
  isSliderMoving.current = true;
30
30
  setRangeData({
31
31
  min: Math.max(0, newValue.min),
32
- max: Math.max(0, newValue.max > displayLimit ? displayLimit + 1 : newValue.max)
32
+ max: Math.max(0, newValue.max > displayLimit ? displayLimit + 1 : newValue.max),
33
33
  });
34
34
  getRange({
35
35
  minRange: Math.max(0, newValue.min),
36
- maxRange: Math.max(0, newValue.max > displayLimit ? displayLimit + 1 : newValue.max)
36
+ maxRange: Math.max(0, newValue.max > displayLimit ? displayLimit + 1 : newValue.max),
37
37
  });
38
38
  }
39
39
  };
@@ -43,8 +43,6 @@ function ContinuousRangeComponent({ minValue, maxValue, getRange, initialMinValu
43
43
  const formatLabel = (value) => {
44
44
  if (disabled)
45
45
  return "";
46
- if (value > displayLimit)
47
- return `${displayLimit.toLocaleString()}+`;
48
46
  return `${value.toLocaleString()}`;
49
47
  };
50
48
  return (_jsx("span", { className: compositeClassNames, children: _jsx(InputRange, { disabled: disabled, minValue: initialMinValue, maxValue: initialMaxValue, value: rangeData, onChange: handleChange, onChangeComplete: handleChangeComplete, formatLabel: formatLabel }) }));
package/dist/types/components/GetSvgIcon/index.js CHANGED
@@ -123,7 +123,8 @@ import Archive from "../Svg/Archive";
123
123
  import AdditionalInformation from "../Svg/AdditionalInformation";
124
124
  import CheckCircle from "../Svg/CheckCircle";
125
125
  import CompanyClock from "../Svg/CompanyClock";
126
+ import CutBriefcase from "../Svg/CutBriefcase";
126
127
  const GetSvgIcon = ({ iconType = "cross", iconSize = "24" }) => {
127
- 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 })) : null;
128
+ 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 === "cutBriefcase" ? (_jsx(CutBriefcase, { width: iconSize, height: iconSize })) : null;
128
129
  };
129
130
  export default GetSvgIcon;
package/dist/types/components/SelectDropDown/index.d.ts CHANGED
@@ -8,6 +8,7 @@ interface SelectDropDown {
8
8
  isAllSelected: boolean;
9
9
  isDisabled?: boolean;
10
10
  tooltipContent?: string;
11
+ hideSelectedText?: boolean;
11
12
  }
12
- declare const SelectDropDown: ({ onApplyClick, selectedCount, showCancel, onCancelClick, totalCount, isAllSelected, isDisabled, tooltipContent, }: SelectDropDown) => import("react/jsx-runtime").JSX.Element;
13
+ declare const SelectDropDown: ({ onApplyClick, selectedCount, showCancel, onCancelClick, totalCount, isAllSelected, isDisabled, tooltipContent, hideSelectedText, }: SelectDropDown) => import("react/jsx-runtime").JSX.Element;
13
14
  export default SelectDropDown;
package/dist/types/components/SelectDropDown/index.js CHANGED
@@ -5,7 +5,7 @@ import "./style.scss";
5
5
  import SearchCheckboxComponent from "../SearchCheckboxComponent";
6
6
  import { v4 as uuidv4 } from "uuid";
7
7
  import clsx from "clsx";
8
- const SelectDropDown = ({ onApplyClick, selectedCount = 0, showCancel = true, onCancelClick = () => false, totalCount = 10, isAllSelected, isDisabled, tooltipContent, }) => {
8
+ const SelectDropDown = ({ onApplyClick, selectedCount = 0, showCancel = true, onCancelClick = () => false, totalCount = 10, isAllSelected, isDisabled, tooltipContent, hideSelectedText = false, }) => {
9
9
  const [listShow, setListShow] = useState(false);
10
10
  const [topRange, setTopRange] = useState(selectedCount);
11
11
  const dropdownRef = useRef(null);
@@ -70,6 +70,6 @@ const SelectDropDown = ({ onApplyClick, selectedCount = 0, showCancel = true, on
70
70
  "selectDropDown--dropdown-list-show": listShow,
71
71
  "selectDropDown--dropdown-list-hide": !listShow,
72
72
  });
73
- return (_jsx(Tooltip, { content: tooltipContent, toolTipPosition: "top", isDisabled: !tooltipContent, children: _jsx("div", { className: "selectDropDown--container", children: _jsxs("span", { className: "selectDropDown--dropdown", children: [_jsxs("button", { onClick: toggleListShow, disabled: isDisabled, className: "selectDropDown--btn--dropdown", ref: selectContainerRef, children: [_jsx(SearchCheckboxComponent, { sizeVariant: "base", checked: false, onClick: handleCheckboxClick, isAllSelected: isAllSelected, isSubsetSelected: !isAllSelected && selectedCount > 0, isDisabled: isDisabled }), selectedCount > 0 && _jsxs("p", { children: [selectedCount, " selected"] }), _jsx("span", { children: _jsx(GetSvgIcon, { iconType: "arrowDown", iconSize: "16" }) })] }), _jsx("dialog", { id: uuidv4(), ref: dropdownRef, className: "dropdownContainer", children: _jsxs("ul", { className: dropDownListClassName, children: [_jsx("li", { onClick: handleSelectAllClick, children: "Select All" }), _jsxs("li", { children: ["Select Top", _jsx("span", { className: "space", children: listShow && (_jsx(NumberInputField, { initialNumber: String(topRange), handleChange: handleChange, props: { style: { width: "70px", maxWidth: "70px" } } })) })] }), _jsx("span", { className: "apply", children: _jsx(PrimaryButton, { text: "Apply", colorVariant: "orange", onClick: handleApply, isDisabled: topRange < 0 }) }), showCancel && (_jsx("span", { className: "cancel", children: _jsx(TertiaryButton, { text: "Clear Selection", onClick: handleCancel }) }))] }) })] }) }) }));
73
+ return (_jsx(Tooltip, { content: tooltipContent, toolTipPosition: "top", isDisabled: !tooltipContent, children: _jsx("div", { className: "selectDropDown--container", children: _jsxs("span", { className: "selectDropDown--dropdown", children: [_jsxs("button", { onClick: toggleListShow, disabled: isDisabled, className: "selectDropDown--btn--dropdown", ref: selectContainerRef, children: [_jsx(SearchCheckboxComponent, { sizeVariant: "base", checked: false, onClick: handleCheckboxClick, isAllSelected: isAllSelected, isSubsetSelected: !isAllSelected && selectedCount > 0, isDisabled: isDisabled }), selectedCount > 0 && (_jsxs("p", { children: [selectedCount, " ", !hideSelectedText && "selected"] })), _jsx("span", { children: _jsx(GetSvgIcon, { iconType: "arrowDown", iconSize: "16" }) })] }), _jsx("dialog", { id: uuidv4(), ref: dropdownRef, className: "dropdownContainer", children: _jsxs("ul", { className: dropDownListClassName, children: [_jsx("li", { onClick: handleSelectAllClick, children: "Select All" }), _jsxs("li", { children: ["Select Top", _jsx("span", { className: "space", children: listShow && (_jsx(NumberInputField, { initialNumber: String(topRange), handleChange: handleChange, props: { style: { width: "70px", maxWidth: "70px" } } })) })] }), _jsx("span", { className: "apply", children: _jsx(PrimaryButton, { text: "Apply", colorVariant: "orange", onClick: handleApply, isDisabled: topRange < 0 }) }), showCancel && (_jsx("span", { className: "cancel", children: _jsx(TertiaryButton, { text: "Clear Selection", onClick: handleCancel }) }))] }) })] }) }) }));
74
74
  };
75
75
  export default SelectDropDown;
package/dist/types/components/Svg/CutBriefcase.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ interface CutBriefcaseProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const CutBriefcase: ({ width, height }: CutBriefcaseProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default CutBriefcase;
package/dist/types/components/Svg/CutBriefcase.js ADDED
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const CutBriefcase = ({ width = "12", height = "12" }) => {
3
+ return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 20 20", fill: "none", children: [_jsx("path", { d: "M19 6L2 18", "stroke-width": "1.5", "stroke-linecap": "round" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.3689 2.875C7.12593 2.875 6.1189 3.88204 6.1189 5.125V5.87482H4.75C3.50704 5.87482 2.5 6.88185 2.5 8.12482V14.8748C2.5 14.9894 2.50856 15.102 2.52507 15.212L4 14.1979V9.51832L7.47308 11.8102L8.99145 10.7663H8.83975C8.69262 10.7663 8.54913 10.7232 8.42662 10.6423L8.42634 10.6421L4.08507 7.77729C4.21029 7.53796 4.46092 7.37482 4.75 7.37482H6.85216L6.8689 7.375L6.88564 7.37482H13.1132L13.1299 7.375L13.1466 7.37482H13.9245L15.9466 5.98466C15.7273 5.91335 15.4932 5.87482 15.25 5.87482H13.8799V5.125C13.8799 3.88204 12.8729 2.875 11.6299 2.875H8.3689ZM17.5 9.77081L16 10.8021V14.8748C16 15.2894 15.6645 15.6248 15.25 15.6248H8.98508L6.80327 17.1248H15.25C16.493 17.1248 17.5 16.1178 17.5 14.8748V9.77081ZM7.6189 5.87482H12.3799V5.125C12.3799 4.71046 12.0444 4.375 11.6299 4.375H8.3689C7.95436 4.375 7.6189 4.71046 7.6189 5.125V5.87482Z" })] }));
4
+ };
5
+ export default CutBriefcase;
package/dist/types/types.d.ts CHANGED
@@ -4,7 +4,7 @@ import { companyLineChartFinancialTabProp } from "./components/CompanyLineChartF
4
4
  import { IProduct } from "./components/CompanyProductsTab";
5
5
  import { ICompetitor } from "./components/CompetitorsCompanyTab";
6
6
  import { Education, Experience } from "./components/PeopleCard/interface";
7
- export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "arrowUp" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass" | "outlook" | "menu-alt" | "simpler-tick" | "menu-extended" | "umberalla" | "sidebar" | "paperClip" | "adjustment" | "document" | "file" | "google" | "enter" | "key" | "cornerDown" | "pdf" | "notAllowed" | "pause" | "resume" | "university" | "userClock" | "ascendingOrder" | "descendingOrder" | "tickVerification" | "copied" | "archive" | "additionalInformation" | "checkCircle" | "companyClock";
7
+ export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "arrowUp" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass" | "outlook" | "menu-alt" | "simpler-tick" | "menu-extended" | "umberalla" | "sidebar" | "paperClip" | "adjustment" | "document" | "file" | "google" | "enter" | "key" | "cornerDown" | "pdf" | "notAllowed" | "pause" | "resume" | "university" | "userClock" | "ascendingOrder" | "descendingOrder" | "tickVerification" | "copied" | "archive" | "additionalInformation" | "checkCircle" | "companyClock" | "cutBriefcase";
8
8
  export type SelectedUnselectedErrorVariant = "selected" | "excluded" | "unselected" | "error";
9
9
  export type IconSize = "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "22" | "24" | "26" | "28" | "30" | "32" | "34" | "36" | "38" | "40" | "44" | "48" | "52" | "56" | "58" | "64" | "72" | "80" | "88" | "120" | "280";
10
10
  export type TopNavbarButtonTypes = "Home" | "Chat" | "Search" | "Assignments" | "Campaigns" | "Settings";
package/dist/types.d.ts CHANGED
@@ -4,7 +4,7 @@ import { companyLineChartFinancialTabProp } from "./components/CompanyLineChartF
4
4
  import { IProduct } from "./components/CompanyProductsTab";
5
5
  import { ICompetitor } from "./components/CompetitorsCompanyTab";
6
6
  import { Education, Experience } from "./components/PeopleCard/interface";
7
- export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "arrowUp" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass" | "outlook" | "menu-alt" | "simpler-tick" | "menu-extended" | "umberalla" | "sidebar" | "paperClip" | "adjustment" | "document" | "file" | "google" | "enter" | "key" | "cornerDown" | "pdf" | "notAllowed" | "pause" | "resume" | "university" | "userClock" | "ascendingOrder" | "descendingOrder" | "tickVerification" | "copied" | "archive" | "additionalInformation" | "checkCircle" | "companyClock";
7
+ export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "arrowUp" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass" | "outlook" | "menu-alt" | "simpler-tick" | "menu-extended" | "umberalla" | "sidebar" | "paperClip" | "adjustment" | "document" | "file" | "google" | "enter" | "key" | "cornerDown" | "pdf" | "notAllowed" | "pause" | "resume" | "university" | "userClock" | "ascendingOrder" | "descendingOrder" | "tickVerification" | "copied" | "archive" | "additionalInformation" | "checkCircle" | "companyClock" | "cutBriefcase";
8
8
  export type SelectedUnselectedErrorVariant = "selected" | "excluded" | "unselected" | "error";
9
9
  export type IconSize = "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "22" | "24" | "26" | "28" | "30" | "32" | "34" | "36" | "38" | "40" | "44" | "48" | "52" | "56" | "58" | "64" | "72" | "80" | "88" | "120" | "280";
10
10
  export type TopNavbarButtonTypes = "Home" | "Chat" | "Search" | "Assignments" | "Campaigns" | "Settings";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qlu-20-ui-library",
3
- "version": "1.7.0",
3
+ "version": "1.7.2",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",