qlu-20-ui-library 1.1.8 → 1.1.10

package/dist/components/AssignmentCreationCard/index.d.ts

@@ -0,0 +1,12 @@
+import { IconSize } from '../../types';
+interface AssignmentCreationProps {
+    iconUrl: string;
+    assigneeName: string;
+    assigneeMail: string;
+    containerClassName?: string;
+    iconType: 'plus' | 'cross';
+    iconSize?: IconSize;
+    onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+declare const AssignmentCreation: ({ iconUrl, assigneeName, assigneeMail, iconType, iconSize, onClick, }: AssignmentCreationProps) => JSX.Element;
+export default AssignmentCreation;

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

@@ -0,0 +1,7 @@
+interface BadgeNonClickableListProps {
+    initialItemsToShow: number;
+    missingList: string[];
+    matchingList: string[];
+}
+declare const BadgeNonClickableList: ({ initialItemsToShow, missingList, matchingList, }: BadgeNonClickableListProps) => JSX.Element;
+export default BadgeNonClickableList;

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

@@ -0,0 +1,14 @@
+interface EducationCardProps {
+    iconUrl: string;
+    iconAltText?: string;
+    institue: string;
+    degree: string;
+    from: string;
+    to: string;
+}
+interface DynamicEducationCardProps {
+    educations: EducationCardProps[];
+    initialItemsToShow: number;
+}
+declare const DynamicEducationCard: ({ educations, initialItemsToShow, }: DynamicEducationCardProps) => JSX.Element;
+export default DynamicEducationCard;

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

@@ -0,0 +1,15 @@
+interface ExperienceCardProps {
+    iconUrl: string;
+    iconAltText?: string;
+    position: string;
+    company: string;
+    from: string;
+    to: string;
+    separator: string;
+}
+interface DynamicExperienceCardProps {
+    experiences: ExperienceCardProps[];
+    initialItemsToShow: number;
+}
+declare const DynamicExperienceCardList: ({ experiences, initialItemsToShow, }: DynamicExperienceCardProps) => JSX.Element;
+export default DynamicExperienceCardList;

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

@@ -0,0 +1,17 @@
+import { IconType } from '../../../types';
+interface NoteProspectiveCardProps {
+    iconUrl: string;
+    text: string;
+}
+interface NoteProspectiveCardListProps {
+    notesList: NoteProspectiveCardProps[];
+    initialItemsToShow: number;
+    feedbackText?: string;
+    feedbackIcon: IconType;
+    feedbackLikeClick: () => void;
+    feedbackMaybeClick: () => void;
+    feedbackCrossClick: () => void;
+    onNotesViewAllClick: () => void;
+}
+declare const NoteProspectiveCardList: ({ notesList, initialItemsToShow, feedbackText, feedbackIcon, feedbackLikeClick, feedbackMaybeClick, feedbackCrossClick, onNotesViewAllClick, }: NoteProspectiveCardListProps) => JSX.Element;
+export default NoteProspectiveCardList;

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

@@ -0,0 +1,11 @@
+import { IconSize } from '../../../types';
+interface ChatClickableCardProps {
+    iconPath: string;
+    iconSize: IconSize;
+    name: string;
+    designation: string;
+    recentCompany?: string;
+    location?: string;
+}
+declare const ProfileCard: ({ iconPath, iconSize, name, designation, recentCompany, location }: ChatClickableCardProps) => JSX.Element;
+export default ProfileCard;

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

@@ -0,0 +1,23 @@
+import { IconSize, IconType } from '../../../types';
+export interface NoteProspectiveCardProps {
+    iconUrl: string;
+    text: string;
+}
+interface ProfileCardIstSectionProps {
+    profileIconPath: string;
+    profileIconSize: IconSize;
+    personName: string;
+    personDesignation: string;
+    personRecentCompany?: string;
+    companyLocation?: string;
+    notesList: NoteProspectiveCardProps[];
+    initialItemsToShow: number;
+    onNotesViewAllClick: () => void;
+    feedbackText?: string;
+    feedbackIcon: IconType;
+    feedbackLikeClick: () => void;
+    feedbackMaybeClick: () => void;
+    feedbackCrossClick: () => void;
+}
+declare const ProfileCardIstSection: ({ profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, companyLocation, notesList, initialItemsToShow, onNotesViewAllClick, feedbackText, feedbackIcon, feedbackLikeClick, feedbackMaybeClick, feedbackCrossClick, }: ProfileCardIstSectionProps) => JSX.Element;
+export default ProfileCardIstSection;

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

@@ -0,0 +1,28 @@
+export interface EducationList {
+    iconUrl: string;
+    iconAltText?: string;
+    institue: string;
+    degree: string;
+    from: string;
+    to: string;
+}
+export interface ExperienceList {
+    iconUrl: string;
+    iconAltText?: string;
+    position: string;
+    company: string;
+    from: string;
+    to: string;
+    separator: string;
+}
+interface ProfileCardSecondSectionProps {
+    initialItemsToShow: number;
+    skillsMissingList: string[];
+    skillsMatchingList: string[];
+    industryMissingList: string[];
+    industryMatchingList: string[];
+    experiencesList: ExperienceList[];
+    educationsList: EducationList[];
+}
+declare const ProfileCardSecondSection: ({ initialItemsToShow, skillsMissingList, skillsMatchingList, industryMissingList, industryMatchingList, experiencesList, educationsList, }: ProfileCardSecondSectionProps) => JSX.Element;
+export default ProfileCardSecondSection;

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

@@ -0,0 +1,30 @@
+import { NoteProspectiveCardProps } from './ProfileIstSection';
+import { EducationList, ExperienceList } from './ProfileSecondSection';
+import { IconSize, IconType } from '../../types';
+export interface AssignmentIdealProfileCardProps {
+    onCheckboxSelected: () => void;
+    onViewDetailsClick: () => void;
+    profileIconPath: string;
+    profileIconSize: IconSize;
+    personName: string;
+    personDesignation: string;
+    personRecentCompany: string;
+    companyLocation: string;
+    notesList: NoteProspectiveCardProps[];
+    noteListInitialItemsToShow: number;
+    onNotesViewAllClick: () => void;
+    feedbackText: string;
+    feedbackIcon: IconType;
+    feedbackLikeClick: () => void;
+    feedbackMaybeClick: () => void;
+    feedbackCrossClick: () => void;
+    initialItemsToShow: number;
+    skillsMissingList: string[];
+    skillsMatchingList: string[];
+    industryMissingList: string[];
+    industryMatchingList: string[];
+    experiencesList: ExperienceList[];
+    educationsList: EducationList[];
+}
+declare const AssignmentIdealProfileCard: ({ profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, companyLocation, notesList, noteListInitialItemsToShow, feedbackText, feedbackIcon, feedbackLikeClick, feedbackMaybeClick, feedbackCrossClick, onCheckboxSelected, onViewDetailsClick, onNotesViewAllClick, initialItemsToShow, skillsMissingList, skillsMatchingList, industryMissingList, industryMatchingList, experiencesList, educationsList, }: AssignmentIdealProfileCardProps) => JSX.Element;
+export default AssignmentIdealProfileCard;

package/dist/components/AssignmentInfoSubHeader/index.d.ts

@@ -0,0 +1,14 @@
+interface AssignmentInfoSubHeaderProps {
+    date: string;
+    fullName: string;
+    initials: string;
+    initialsIconSize: '24' | '32' | '48' | '80';
+    initialsColor: string;
+    initialsBackground: string;
+    heading: string;
+    location?: string;
+    showNotSpecified?: boolean;
+    showLocation?: boolean;
+}
+declare const AssignmentInfoSubHeader: ({ date, fullName, initials, initialsIconSize, initialsColor, initialsBackground, heading, location, showNotSpecified, showLocation, }: AssignmentInfoSubHeaderProps) => JSX.Element;
+export default AssignmentInfoSubHeader;

package/dist/components/AvatarDropdown/index.d.ts

@@ -0,0 +1,19 @@
+interface initials {
+    name: string;
+    initial: string;
+    initialColor: string;
+    color: string;
+}
+interface images {
+    name: string;
+    iconUrl: string;
+}
+interface AvatarDropdownProps {
+    images?: images[];
+    dropDownInitials?: initials[];
+    iconSize: "24" | "32" | "48" | "80";
+    counter?: number;
+    dropdownLiOnClick: (value: string) => void;
+}
+declare const AvatarDropdown: ({ images, dropDownInitials, iconSize, counter, dropdownLiOnClick, }: AvatarDropdownProps) => JSX.Element;
+export default AvatarDropdown;

package/dist/components/AvatarGroup/index.d.ts

@@ -1,13 +1,18 @@
-interface letterIcons {
-    letters: string;
-    lettersColor: string;
+interface initials {
+    name: string;
+    initial: string;
+    initialColor: string;
     color: string;
 }
+interface images {
+    name: string;
+    iconUrl: string;
+}
 interface AvatarGroupProps {
-    images?: string[];
-    letterIcons?: letterIcons[];
+    images?: images[];
+    initials?: initials[];
     iconSize: "24" | "32" | "48" | "80";
     counter?: number;
 }
-declare const AvatarGroup: ({ images, letterIcons, iconSize, counter }: AvatarGroupProps) => JSX.Element;
+declare const AvatarGroup: ({ images, initials, iconSize, counter }: AvatarGroupProps) => JSX.Element;
 export default AvatarGroup;

package/dist/components/ButtonDropdown/index.d.ts

@@ -0,0 +1,9 @@
+import { IconSize } from "../../types";
+interface ButtonDropdownProps {
+    iconSize: IconSize;
+    onViewAssignmentClick: () => void;
+    onDeleteClick: () => void;
+    onEditClick: () => void;
+}
+declare const ButtonDropdown: ({ iconSize, onViewAssignmentClick, onDeleteClick, onEditClick, }: ButtonDropdownProps) => JSX.Element;
+export default ButtonDropdown;

package/dist/components/ChatSearchBar/index.d.ts

@@ -2,6 +2,7 @@ interface ChatSearchBarProps {
     placeholderText?: string;
     isDisabled?: boolean;
     onSubmit: (message: string) => void;
+    value?: string;
 }
-declare const ChatSearchBar: ({ placeholderText, isDisabled, onSubmit }: ChatSearchBarProps) => JSX.Element;
+declare const ChatSearchBar: ({ placeholderText, isDisabled, onSubmit, value }: ChatSearchBarProps) => JSX.Element;
 export default ChatSearchBar;

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

@@ -0,0 +1,9 @@
+interface ColoredButtonProps {
+    text: string;
+    sizeVariant?: 'xs' | 'sm' | 'base' | 'xl' | 'lg';
+    colorVariant: 'orange' | 'green' | 'teal' | 'socialTwitter';
+    isDisabled?: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const ColoredButton: ({ text, sizeVariant, colorVariant, isDisabled, onClick, }: ColoredButtonProps) => JSX.Element;
+export default ColoredButton;

package/dist/components/EducationCard/index.d.ts

@@ -0,0 +1,10 @@
+interface EducationCardProps {
+    iconUrl: string;
+    iconAltText?: string;
+    institue: string;
+    degree: string;
+    from: string;
+    to: string;
+}
+declare const EducationCardList: ({ iconUrl, iconAltText, institue, degree, from, to, }: EducationCardProps) => JSX.Element;
+export default EducationCardList;

package/dist/components/ExperienceAndEducatioCard/index.d.ts

@@ -0,0 +1,11 @@
+interface ExperienceCardProps {
+    iconUrl: string;
+    iconAltText?: string;
+    position: string;
+    company: string;
+    from: string;
+    to: string;
+    separator: string;
+}
+declare const ExperienceCard: ({ iconUrl, iconAltText, position, company, from, to, }: ExperienceCardProps) => JSX.Element;
+export default ExperienceCard;

package/dist/components/GetSvgIcon/index.d.ts

@@ -1,4 +1,4 @@
-import { IconSize, IconType } from '../../types';
+import { IconSize, IconType } from "../../types";
 interface GetSvgIcon {
     iconType: IconType;
     iconSize?: IconSize;

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

@@ -5,8 +5,9 @@ interface InputFieldProps {
     disabled?: boolean;
     style?: object;
     errorState: boolean;
+    errorMessage: string;
     props?: object;
     onChangeHandler: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const InputField: ({ value, type, placeholder, style, disabled, errorState, props, onChangeHandler, }: InputFieldProps) => JSX.Element;
+declare const InputField: ({ value, type, placeholder, style, disabled, errorState, props, onChangeHandler, errorMessage, }: InputFieldProps) => JSX.Element;
 export default InputField;

package/dist/components/NotesProspectiveCard/index.d.ts

@@ -0,0 +1,7 @@
+interface NoteProspectiveProps {
+    iconUrl: string;
+    text: string;
+    truncateLength: number;
+}
+declare const NoteProspectiveCard: ({ iconUrl, text, truncateLength, }: NoteProspectiveProps) => JSX.Element;
+export default NoteProspectiveCard;

package/dist/components/Svg/Notes.d.ts

@@ -0,0 +1,6 @@
+interface NotesProps {
+    width?: string;
+    height?: string;
+}
+declare const Notes: ({ width, height, }: NotesProps) => JSX.Element;
+export default Notes;

package/dist/components/Svg/OfficeBuilding.d.ts

@@ -0,0 +1,7 @@
+interface OfficeBuildingProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+declare const OfficeBuilding: ({ className, width, height, }: OfficeBuildingProps) => JSX.Element;
+export default OfficeBuilding;

package/dist/components/TextWithSvgButton/index.d.ts

@@ -0,0 +1,12 @@
+import { IconType } from '../../types';
+interface TextWithSvgButtonProps {
+    text: string;
+    TextWithSvgButtonClassName?: string;
+    sizeVariant?: 'xs' | 'sm' | 'base';
+    colorVariant: 'black' | 'gray';
+    isDisabled?: boolean;
+    iconType?: IconType;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const TextWithSvgButton: ({ text, TextWithSvgButtonClassName, sizeVariant, colorVariant, isDisabled, iconType, onClick, }: TextWithSvgButtonProps) => JSX.Element;
+export default TextWithSvgButton;

package/dist/components/TitleFilterHeader/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AssignmentIdealProfileCardProps } from '../AssignmentIdealProfileSelectionCard';
+interface TitleFilterHeaderProps {
+    tabs: string[];
+    tabContent: {
+        [key: string]: AssignmentIdealProfileCardProps[];
+    };
+}
+declare const TitleFilterHeader: React.FC<TitleFilterHeaderProps>;
+export default TitleFilterHeader;

package/dist/components/index.d.ts

@@ -3,9 +3,15 @@ export { default as AndOrButtonGroup } from './AndOrButtonGroup';
 export { default as AuthNavBar } from './AuthNavBar';
 export { default as AuthNavbarLogoSvg } from './AuthNavbarLogoSvg/AuthNavbarLogoSvg';
 export { default as AuthPhoneNumberInput } from './AuthPhoneNumberInput';
+export { default as AssignmentCreation } from './AssignmentCreationCard';
+export { default as AssignmentInfoSubHeader } from './AssignmentInfoSubHeader';
+export { default as AssignmentIdealProfileCard } from './AssignmentIdealProfileSelectionCard';
 export { default as AvatarGroup } from './AvatarGroup';
+export { default as AvatarDropdown } from './AvatarDropdown';
+export { default as PhoneNumberInputField } from './AuthPhoneNumberInput';
 export { default as BadgeClickable } from './BadgeClickable';
 export { default as BadgeNonClickable } from './BadgeNonClickable';
+export { default as ButtonDropdown } from './ButtonDropdown';
 export { default as ChatCard } from './ChatCard';
 export { default as ChatClickableCard } from './ChatClickableCard';
 export { default as ChatDropDown } from './ChatDropDown';
@@ -17,6 +23,7 @@ export { default as CircularIcon } from './CircularIcon';
 export { default as CircularSvgAndEmoji } from './CircularSvgAndEmoji';
 export { default as CircularSvgButton } from './CircularSvgButton';
 export { default as ClickableText } from './ClickableText';
+export { default as ColoredButton } from './ColoredButton';
 export { default as CompanyLikePillSelectable } from './CompanyLikePillSelectable';
 export { default as CompanyPillNotClickable } from './CompanyPillNotClicakble';
 export { default as CompanyViewBody } from './CompanyView/CompanyViewBody';
@@ -82,6 +89,8 @@ export { default as Tabs } from './Tabs';
 export { default as TertiaryButton } from './TertiaryButton';
 export { default as TextButton } from './TextButton';
 export { default as TextPillNotClickable } from './TextPillNotClickable';
+export { default as TextWithSvgButton } from './TextWithSvgButton';
+export { default as TitleFilterHeader } from './TitleFilterHeader';
 export { default as ToggleComponent } from './ToggleComponent';
 export { default as TopNavbar } from './TopNavbar';
 export { default as TruncateText } from './TruncateText';