qlu-20-ui-library 1.1.4 → 1.1.6

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

@@ -0,0 +1,10 @@
+interface AuthNavBarProps {
+    text: string;
+    textColor?: "gray" | "orange" | undefined;
+    textOnClick: () => void;
+    buttonText: string;
+    buttonColorVaraint: "primaryOrangeBorderAndText" | "primaryOrange" | "primaryOrangeBorder" | "alternativeDarkBorder";
+    buttonOnClick: () => void;
+}
+declare const AuthNavBar: ({ text, textColor, textOnClick, buttonText, buttonColorVaraint, buttonOnClick, }: AuthNavBarProps) => JSX.Element;
+export default AuthNavBar;

package/dist/components/AuthNavbarLogoSvg/AuthNavbarLogoSvg.d.ts

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

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

@@ -0,0 +1,7 @@
+interface NumberFieldInputProps {
+    placeholderText?: string;
+    defaultCountry?: string;
+    handlePhoneChange: (value: string) => void;
+}
+declare const PhoneNumberInputField: ({ placeholderText, defaultCountry, handlePhoneChange, }: NumberFieldInputProps) => JSX.Element;
+export default PhoneNumberInputField;

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

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

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

@@ -0,0 +1,12 @@
+import { IconSize, IconType, BadgeTypes } from '../../types';
+import { FC } from 'react';
+interface BadgeNonClickableProps {
+    showIconOnLeft?: boolean;
+    showIcon?: boolean;
+    iconType?: IconType;
+    iconSize?: IconSize;
+    text: string;
+    variant: BadgeTypes;
+}
+declare const BadgeNonClickable: FC<BadgeNonClickableProps>;
+export default BadgeNonClickable;

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

@@ -0,0 +1,7 @@
+import { IconSize, IconType } from '../../types';
+interface CircularSvgLabelProps {
+    iconType: IconType;
+    iconSize?: IconSize;
+}
+declare const CircularSvgAndEmoji: ({ iconType, iconSize, }: CircularSvgLabelProps) => JSX.Element;
+export default CircularSvgAndEmoji;

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

@@ -0,0 +1,9 @@
+import { IconSize } from '../../types';
+interface CompanyPillNotClicakbleProps {
+    companyName: string;
+    companyIconPath: string;
+    style?: object;
+    companyIconSize?: IconSize;
+}
+declare const CompanyPillNotClicakble: ({ companyName, companyIconPath, style, companyIconSize }: CompanyPillNotClicakbleProps) => JSX.Element;
+export default CompanyPillNotClicakble;

package/dist/components/CompanyView/CompanyViewBody/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CompanyViewSummaryTypes, CompanyViewTabsTypes } from '../../../types';
+interface CompanyViewBodyProps {
+    companyViewActiveTab: CompanyViewTabsTypes;
+    companyViewSummaryPayload: CompanyViewSummaryTypes;
+}
+declare const CompanyViewBody: React.FC<CompanyViewBodyProps>;
+export default CompanyViewBody;

package/dist/components/CompanyView/CompanyViewEmployeeCard/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CompanyViewEmployeeCardProps {
+    picturePath: string;
+    fullName: string;
+    role: string;
+    previousEmployee?: boolean;
+}
+declare const CompanyViewEmployeeCard: React.FC<CompanyViewEmployeeCardProps>;
+export default CompanyViewEmployeeCard;

package/dist/components/CompanyView/CompanyViewHeader/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CompanyViewHeaderProps {
+    companyLogo: string;
+    companyName: string;
+    employeeCount: number;
+    location: string;
+    onCheckClick: () => void;
+}
+declare const CompanyViewHeader: React.FC<CompanyViewHeaderProps>;
+export default CompanyViewHeader;

package/dist/components/CompanyView/CompanyViewLayout/index.d.ts

@@ -0,0 +1,2 @@
+declare const CompanyViewLayout: () => JSX.Element;
+export default CompanyViewLayout;

package/dist/components/CompanyView/CompanyViewPeople/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CompanyViewPeopleProps {
+    onCompanyViewPeopleTabClick: (tab: string) => void;
+    activeCompanyViewPeopleTab: 'Current' | 'Previous';
+    children: React.ReactNode;
+}
+declare const CompanyViewPeople: React.FC<CompanyViewPeopleProps>;
+export default CompanyViewPeople;

package/dist/components/CompanyView/CompanyViewSummary/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CompanyViewSummaryProps {
+    about: string;
+    industries: string[];
+    employeeCount: number;
+    websiteUrl: string;
+    headquarter: string;
+}
+declare const CompanyViewSummary: React.FC<CompanyViewSummaryProps>;
+export default CompanyViewSummary;

package/dist/components/CompanyView/CompanyViewTabsComponent/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { CompanyViewTabsTypes } from '../../../types';
+interface CompanyViewTabsComponentProps {
+    tabs: {
+        tabName: CompanyViewTabsTypes;
+    }[];
+    activeCompanyViewTab: CompanyViewTabsTypes;
+    onClick: (tabName: CompanyViewTabsTypes) => void;
+}
+declare const CompanyViewTabsComponent: React.FC<CompanyViewTabsComponentProps>;
+export default CompanyViewTabsComponent;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DropdownComponentProps {
+    className?: string;
+    children: React.ReactNode;
+    props?: object;
+    style?: object;
+}
+declare const DropdownComponent: React.FC<DropdownComponentProps>;
+export default DropdownComponent;

package/dist/components/Emoji/Congratulations.d.ts

@@ -0,0 +1,2 @@
+declare const Congratulations: () => JSX.Element;
+export default Congratulations;

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

@@ -0,0 +1,8 @@
+interface FeedbackButtonProps {
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    isDisabled?: boolean;
+    sizeVariant: 'sm' | 'base';
+    variant: 'like' | 'maybe' | 'cross';
+}
+declare const FeedbackButton: ({ isDisabled, sizeVariant, variant, onClick, }: FeedbackButtonProps) => JSX.Element;
+export default FeedbackButton;

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

@@ -2,7 +2,7 @@ import React from 'react';
 interface FileUploadProps {
     labelText?: string;
     helperText?: string;
-    width?: "xs" | "s" | "m" | "lg" | "xl";
+    width?: "xs" | "sm" | "m" | "lg" | "xl";
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     accept?: string;
 }

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface FilterAddRemoveBadgeProps {
+    text: string;
+    onRemoveClick: () => void;
+    onAddClick: () => void;
+    isRemoveSelected?: boolean;
+    isAddSelected?: boolean;
+}
+declare const FilterAddRemoveBadge: React.FC<FilterAddRemoveBadgeProps>;
+export default FilterAddRemoveBadge;

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

@@ -0,0 +1,7 @@
+import { LogoSize, LogoType } from "../../types";
+interface GetLogoIconProps {
+    logoType: LogoType;
+    logoSize?: LogoSize;
+}
+declare const GetLogoIcon: ({ logoType, logoSize }: GetLogoIconProps) => JSX.Element | null;
+export default GetLogoIcon;

package/dist/components/HomeScreen/HomeScreenBody/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface HomeScreenBodyProps {
+}
+declare const HomeScreenBody: React.FC<HomeScreenBodyProps>;
+export default HomeScreenBody;

package/dist/components/HomeScreen/HomeScreenLayout/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface HomeScreenLayoutProps {
+}
+declare const HomeScreenLayout: React.FC<HomeScreenLayoutProps>;
+export default HomeScreenLayout;

package/dist/components/HomeScreen/HomeScreenOverview/index.d.ts

@@ -0,0 +1,2 @@
+declare const HomeScreenOverview: () => JSX.Element;
+export default HomeScreenOverview;

package/dist/components/HomeScreen/HomeScreenStatCard/index.d.ts

@@ -0,0 +1,2 @@
+declare const HomeScreenStatCard: () => JSX.Element;
+export default HomeScreenStatCard;

package/dist/components/HomeScreen/HomeScreenTabsComponent/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { HomeScreenTabsTypes } from '../../../types';
+interface HomeScreenTabsProps {
+    tabs: {
+        tabName: HomeScreenTabsTypes;
+    }[];
+    activeHomeScreenTab: HomeScreenTabsTypes;
+    onClick: (tabName: HomeScreenTabsTypes) => void;
+}
+declare const HomeScreenTabsComponent: React.FC<HomeScreenTabsProps>;
+export default HomeScreenTabsComponent;

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

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

package/dist/components/Logo/Google.d.ts

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

package/dist/components/Logo/Outlook.d.ts

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

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

@@ -0,0 +1,8 @@
+import { LogoSize, LogoType } from '../../types';
+interface LogoButtonProps {
+    logoType: LogoType;
+    logoSize?: LogoSize;
+    onClick: () => void;
+}
+declare const LogoButton: ({ logoType, logoSize, onClick }: LogoButtonProps) => JSX.Element;
+export default LogoButton;

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

@@ -6,7 +6,7 @@ type ModalProps = {
     buttonVariant: 'oneButton' | 'twoButton' | 'noButton';
     onBackButtonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onCrossButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    footerButtons?: {
+    footerButtons: {
         text: string;
         onClick: () => void;
     }[];

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

@@ -0,0 +1,9 @@
+interface OTPComponentProps {
+    length?: number;
+    error?: boolean;
+    isDisable?: boolean;
+    onOTPChange?: (otp: string) => void;
+    onOTPComplete?: (otp: string) => void;
+}
+declare const OTPComponent: ({ length, isDisable, error, onOTPChange, onOTPComplete, }: OTPComponentProps) => JSX.Element;
+export default OTPComponent;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface PersonCompanyNameClickableProps {
+    text: string;
+    onClick: () => void;
+}
+declare const PersonCompanyNameClickable: React.FC<PersonCompanyNameClickableProps>;
+export default PersonCompanyNameClickable;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PersonViewSummaryPayloadTypes, PersonViewTabsTypes } from '../../../types';
+interface PersonViewBodyProps {
+    personViewActiveTab: PersonViewTabsTypes;
+    personViewSummaryPayload: PersonViewSummaryPayloadTypes;
+}
+declare const PersonViewBody: React.FC<PersonViewBodyProps>;
+export default PersonViewBody;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PersonExperienceDetailsTypes } from '../../../types';
+interface PersonViewExperienceCardProps {
+    companyLogo: string;
+    start: string;
+    end: string;
+    duration: string;
+    experienceDetails: PersonExperienceDetailsTypes[];
+}
+declare const PersonViewExperienceCard: React.FC<PersonViewExperienceCardProps>;
+export default PersonViewExperienceCard;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PersonExperienceDetailsTypes } from '../../../types';
+interface PersonViewExperienceDetailsProps {
+    experienceDetails: PersonExperienceDetailsTypes;
+}
+declare const PersonViewExperienceDetails: React.FC<PersonViewExperienceDetailsProps>;
+export default PersonViewExperienceDetails;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PersonViewHeaderProps {
+    profilePicture: string;
+    fullName: string;
+    currentRole: string;
+    currentCompany: string;
+    location: string;
+}
+declare const PersonViewHeader: React.FC<PersonViewHeaderProps>;
+export default PersonViewHeader;

package/dist/components/PersonView/PersonViewLayout/index.d.ts

@@ -0,0 +1,2 @@
+declare const PersonViewLayout: () => JSX.Element;
+export default PersonViewLayout;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PersonExperiencePayloadTypes } from '../../../types';
+interface PersonViewSummaryProps {
+    about: string;
+    experience: PersonExperiencePayloadTypes[];
+}
+declare const PersonViewSummary: React.FC<PersonViewSummaryProps>;
+export default PersonViewSummary;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PersonViewTabsTypes } from '../../../types';
+interface PersonViewTabsComponentProps {
+    tabs: {
+        tabName: PersonViewTabsTypes;
+    }[];
+    activePersonViewTab: PersonViewTabsTypes;
+    onClick: (tabName: PersonViewTabsTypes) => void;
+}
+declare const PersonViewTabsComponent: React.FC<PersonViewTabsComponentProps>;
+export default PersonViewTabsComponent;

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

@@ -0,0 +1,5 @@
+interface ProgressBarProps {
+    progress: number;
+}
+declare const ProgressBar: ({ progress }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/dist/components/RecentChatComponent/{RecentChatComponent.d.ts → index.d.ts}

@@ -4,6 +4,7 @@ interface RecentChatComponentProps {
     isSelected?: boolean;
     onEdit: () => void;
     onDelete: () => void;
+    onClick: () => void;
 }
-declare const RecentChatComponent: ({ text, textLength, isSelected, onEdit, onDelete }: RecentChatComponentProps) => JSX.Element;
+declare const RecentChatComponent: ({ text, textLength, isSelected, onEdit, onDelete, onClick }: RecentChatComponentProps) => JSX.Element;
 export default RecentChatComponent;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SearchSelectedLocationTypes } from '../../types';
+interface SearchLocationDropdownProps {
+    selectedLocation: SearchSelectedLocationTypes;
+    setSelectedLocation: (location: SearchSelectedLocationTypes) => void;
+}
+declare const SearchLocationDropdown: React.FC<SearchLocationDropdownProps>;
+export default SearchLocationDropdown;

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

@@ -1,3 +1,10 @@
 import React from 'react';
-declare const SearchPersonTable: React.FC;
+import { SearchPersonTableType } from '../../types';
+interface SearchPersonTableProps {
+    onCheckClick: () => void;
+    onNameClick: () => void;
+    onCompanyClick: () => void;
+    personsData: SearchPersonTableType[];
+}
+declare const SearchPersonTable: React.FC<SearchPersonTableProps>;
 export default SearchPersonTable;

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

@@ -0,0 +1,2 @@
+declare const SearchPersonTableContainer: () => JSX.Element;
+export default SearchPersonTableContainer;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SkillIndustryBadgeProps {
+    text: string;
+}
+declare const SkillIndustryBadge: React.FC<SkillIndustryBadgeProps>;
+export default SkillIndustryBadge;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { Column } from 'react-table';
+interface TableProps {
+    columns: Column[];
+    data: any[];
+}
+declare const Table: ({ columns, data }: TableProps) => JSX.Element;
+export default Table;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface TablePaginationProps {
+    totalCount: number;
+    lowerCap: number;
+    upperCap: number;
+    onPrevClick: () => void;
+    onNextClick: () => void;
+    onPageNumberClick: (pageNumber: number) => void;
+    pageButtons: number[];
+}
+declare const TablePagination: React.FC<TablePaginationProps>;
+export default TablePagination;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Tab {
+    id: string;
+    title: string;
+    content: React.ReactNode;
+}
+interface TabsProps {
+    tabs: Tab[];
+}
+declare const Tabs: ({ tabs }: TabsProps) => JSX.Element;
+export default Tabs;

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

@@ -4,7 +4,7 @@ interface TextButtonProps {
     text: string;
     className?: string;
     sizeVariant?: 'xs' | 'sm' | 'base' | 'l' | 'xl';
-    colorVariant: 'primaryOrange' | 'primaryOrangeBorder' | 'alternativeDarkBorder';
+    colorVariant: 'primaryOrange' | 'primaryOrangeBorder' | 'alternativeDarkBorder' | 'primaryOrangeBorderAndText';
 }
 declare const TextButton: ({ onClick, isDisabled, text, sizeVariant, colorVariant, }: TextButtonProps) => JSX.Element;
 export default TextButton;

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

@@ -1,6 +1,7 @@
 import React from "react";
 type Props = {
     initialState: boolean;
+    onClick: () => void;
 };
 declare const ToggleComponent: React.FC<Props>;
 export default ToggleComponent;