qlu-20-ui-library 1.1.2 → 1.1.4
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.
- package/dist/components/AddAdditionalIdealProfileCard/index.d.ts +11 -0
- package/dist/components/AndOrButtonGroup/index.d.ts +9 -0
- package/dist/components/AvatarGroup/index.d.ts +7 -0
- package/dist/components/BadgeClickable/index.d.ts +14 -0
- package/dist/components/ChatCard/index.d.ts +11 -0
- package/dist/components/ChatClickableCard/ChatClickableCard.d.ts +6 -0
- package/dist/components/ChatDropDown/ChatDropDown.d.ts +15 -0
- package/dist/components/ChatPeopleCard/ChatPeopleCard.d.ts +9 -0
- package/dist/components/ChatPopup/ChatPopup.d.ts +25 -0
- package/dist/components/ChatSearchBar/ChatSearchBar.d.ts +7 -0
- package/dist/components/CheckboxComponent/index.d.ts +7 -0
- package/dist/components/CircularIcon/index.d.ts +8 -0
- package/dist/components/CircularSvgButton/index.d.ts +15 -0
- package/dist/components/ClickableText/index.d.ts +12 -0
- package/dist/components/CompanyLikePillSelectable/index.d.ts +8 -0
- package/dist/components/CompanyLogoPillSelectable/index.d.ts +12 -0
- package/dist/components/CountCancelButton/index.d.ts +7 -0
- package/dist/components/DeleteSvgButton/DeleteSvgButton.d.ts +11 -0
- package/dist/components/EditSvgButton/EditSvgButton.d.ts +11 -0
- package/dist/components/FileUpload/index.d.ts +10 -0
- package/dist/components/GetSvgIcon/index.d.ts +7 -0
- package/dist/components/HiringCompanyConciseCard/index.d.ts +11 -0
- package/dist/components/IdealProfileConciseCard/index.d.ts +13 -0
- package/dist/components/IdealProfileSelectionCard/index.d.ts +16 -0
- package/dist/components/InputField/index.d.ts +9 -0
- package/dist/components/InputFieldWithSvg/index.d.ts +9 -0
- package/dist/components/Modal/index.d.ts +18 -0
- package/dist/components/NumberInputField/index.d.ts +7 -0
- package/dist/components/PrimaryButton/index.d.ts +10 -0
- package/dist/components/RangeComponent/index.d.ts +16 -0
- package/dist/components/RecentChatComponent/RecentChatComponent.d.ts +9 -0
- package/dist/components/RecentChatLabel/index.d.ts +2 -0
- package/dist/components/RectangularIcon/index.d.ts +9 -0
- package/dist/components/RectangularSvgButton/index.d.ts +15 -0
- package/dist/components/SearchArrowButton/SearchSvgButton.d.ts +13 -0
- package/dist/components/SearchFilterButton/index.d.ts +10 -0
- package/dist/components/SearchFilterSideDrawer/CompanySearchFiltersSideDrawer/index.d.ts +11 -0
- package/dist/components/SearchFilterSideDrawer/PeopleSearchFiltersSideDrawer/index.d.ts +11 -0
- package/dist/components/SearchPersonTable/index.d.ts +3 -0
- package/dist/components/SearchTabsBar/index.d.ts +7 -0
- package/dist/components/SecondaryButton/index.d.ts +10 -0
- package/dist/components/SidebarChatbot/index.d.ts +7 -0
- package/dist/components/StepperNavigation/index.d.ts +8 -0
- package/dist/components/Svg/ArrowLeft.d.ts +7 -0
- package/dist/components/Svg/BarGraph.d.ts +7 -0
- package/dist/components/Svg/Book.d.ts +7 -0
- package/dist/components/Svg/Briefcase.d.ts +7 -0
- package/dist/components/Svg/Chat.d.ts +7 -0
- package/dist/components/Svg/ChatOneBallon.d.ts +7 -0
- package/dist/components/Svg/CheveronDown.d.ts +7 -0
- package/dist/components/Svg/CheveronUp.d.ts +7 -0
- package/dist/components/Svg/Clock.d.ts +7 -0
- package/dist/components/Svg/Company.d.ts +7 -0
- package/dist/components/Svg/Cross.d.ts +7 -0
- package/dist/components/Svg/Delete.d.ts +6 -0
- package/dist/components/Svg/DoNotInclude.d.ts +7 -0
- package/dist/components/Svg/DollarBriefcase.d.ts +7 -0
- package/dist/components/Svg/Edit.d.ts +7 -0
- package/dist/components/Svg/Employees.d.ts +7 -0
- package/dist/components/Svg/ExclamationCircle.d.ts +7 -0
- package/dist/components/Svg/Gear.d.ts +7 -0
- package/dist/components/Svg/Home.d.ts +7 -0
- package/dist/components/Svg/Industry.d.ts +7 -0
- package/dist/components/Svg/JobTitle.d.ts +7 -0
- package/dist/components/Svg/LinkedinLogo.d.ts +7 -0
- package/dist/components/Svg/Location.d.ts +7 -0
- package/dist/components/Svg/Management.d.ts +7 -0
- package/dist/components/Svg/PaperPlaneUpRight.d.ts +7 -0
- package/dist/components/Svg/Passtick.d.ts +6 -0
- package/dist/components/Svg/Plus.d.ts +7 -0
- package/dist/components/Svg/QluLogo.d.ts +7 -0
- package/dist/components/Svg/Search.d.ts +7 -0
- package/dist/components/Svg/SearchArrow.d.ts +8 -0
- package/dist/components/Svg/StrategyPath.d.ts +7 -0
- package/dist/components/Svg/Thumb.d.ts +7 -0
- package/dist/components/Svg/Tick.d.ts +7 -0
- package/dist/components/Svg/TickCircle.d.ts +7 -0
- package/dist/components/Svg/Tools.d.ts +7 -0
- package/dist/components/SwitchLarge/index.d.ts +13 -0
- package/dist/components/TertiaryButton/index.d.ts +9 -0
- package/dist/components/TextButton/index.d.ts +10 -0
- package/dist/components/TextPillNotClickable/index.d.ts +7 -0
- package/dist/components/ToggleComponent/index.d.ts +6 -0
- package/dist/components/TopNavbar/NavbarButton/index.d.ts +11 -0
- package/dist/components/TopNavbar/index.d.ts +7 -0
- package/dist/components/TruncateText/index.d.ts +8 -0
- package/dist/components/index.d.ts +50 -0
- package/dist/index.css +1 -0
- package/dist/library.es.js +10139 -0
- package/dist/library.umd.js +53 -0
- package/dist/types.d.ts +7 -0
- package/dist/utils.d.ts +14 -0
- package/package.json +17 -6
- package/.eslintrc.js +0 -19
- package/.run/demo_start.run.xml +0 -12
- package/.run/storybook.run.xml +0 -12
- package/dist/qlu-20-ui-library.js +0 -707
- package/dist/qlu-20-ui-library.umd.cjs +0 -29
- package/dist/style.css +0 -1
- package/index.html +0 -13
- package/qlu-20-ui-library-1.1.0.tgz +0 -0
- package/src/App.scss +0 -83
- package/src/App.tsx +0 -305
- package/src/Screen.tsx +0 -107
- package/src/Templates/index.tsx +0 -25
- package/src/Templates/style.scss +0 -7
- package/src/_colors.scss +0 -252
- package/src/_fonts.scss +0 -136
- package/src/_svg.scss +0 -41
- package/src/index.css +0 -69
- package/src/lib/AddAdditionalIdealProfileCard/index.tsx +0 -52
- package/src/lib/AddAdditionalIdealProfileCard/style.scss +0 -42
- package/src/lib/AndOrButtonGroup/index.tsx +0 -67
- package/src/lib/AndOrButtonGroup/style.scss +0 -54
- package/src/lib/BadgeClickable/index.tsx +0 -53
- package/src/lib/BadgeClickable/style.scss +0 -51
- package/src/lib/BadgeNonClickable/index.tsx +0 -45
- package/src/lib/BadgeNonClickable/style.scss +0 -39
- package/src/lib/ChatCard/index.tsx +0 -52
- package/src/lib/ChatCard/style.scss +0 -7
- package/src/lib/ChatClickableCard/ChatClickableCard.tsx +0 -30
- package/src/lib/ChatClickableCard/style.scss +0 -24
- package/src/lib/ChatSearchBar/ChatSearchBar.tsx +0 -44
- package/src/lib/ChatSearchBar/style.scss +0 -32
- package/src/lib/CheckboxComponent/index.tsx +0 -27
- package/src/lib/CheckboxComponent/style.scss +0 -36
- package/src/lib/CircularIcon/index.tsx +0 -24
- package/src/lib/CircularIcon/style.scss +0 -3
- package/src/lib/CircularSvgButton/index.tsx +0 -57
- package/src/lib/CircularSvgButton/style.scss +0 -108
- package/src/lib/ClickableText/index.tsx +0 -50
- package/src/lib/ClickableText/style.scss +0 -68
- package/src/lib/CompanyLikePillSelectable/index.tsx +0 -39
- package/src/lib/CompanyLikePillSelectable/style.scss +0 -61
- package/src/lib/CompanyLogoPillSelectable/index.tsx +0 -72
- package/src/lib/CompanyLogoPillSelectable/style.scss +0 -97
- package/src/lib/CompanyPillNotClicakble/index.tsx +0 -32
- package/src/lib/CompanyPillNotClicakble/style.scss +0 -21
- package/src/lib/CountCancelButton/index.tsx +0 -33
- package/src/lib/CountCancelButton/style.scss +0 -28
- package/src/lib/DeleteSvgButton/DeleteSvgButton.tsx +0 -43
- package/src/lib/DeleteSvgButton/style.scss +0 -55
- package/src/lib/EditSvgButton/EditSvgButton.tsx +0 -43
- package/src/lib/EditSvgButton/style.scss +0 -55
- package/src/lib/FilterAddRemoveBadge/index.tsx +0 -62
- package/src/lib/FilterAddRemoveBadge/style.scss +0 -61
- package/src/lib/GetSvgIcon/index.tsx +0 -85
- package/src/lib/HiringCompanyConciseCard/index.tsx +0 -42
- package/src/lib/HiringCompanyConciseCard/style.scss +0 -31
- package/src/lib/IdealProfileConciseCard/index.tsx +0 -47
- package/src/lib/IdealProfileConciseCard/style.scss +0 -31
- package/src/lib/IdealProfileSelectionCard/index.tsx +0 -83
- package/src/lib/IdealProfileSelectionCard/style.scss +0 -58
- package/src/lib/InputField/index.tsx +0 -33
- package/src/lib/InputField/style.scss +0 -47
- package/src/lib/InputFieldWithSvg/index.tsx +0 -51
- package/src/lib/InputFieldWithSvg/style.scss +0 -48
- package/src/lib/Modal/index.tsx +0 -140
- package/src/lib/Modal/style.scss +0 -51
- package/src/lib/NumberInputField/index.tsx +0 -60
- package/src/lib/NumberInputField/style.scss +0 -57
- package/src/lib/PrimaryButton/index.tsx +0 -40
- package/src/lib/PrimaryButton/style.scss +0 -65
- package/src/lib/RangeComponent/index.tsx +0 -55
- package/src/lib/RangeComponent/style.scss +0 -4
- package/src/lib/RecentChatComponent/RecentChatComponent.tsx +0 -50
- package/src/lib/RecentChatComponent/style.scss +0 -25
- package/src/lib/RecentChatLabel/index.tsx +0 -14
- package/src/lib/RecentChatLabel/style.scss +0 -0
- package/src/lib/RectangularIcon/index.tsx +0 -27
- package/src/lib/RectangularSvgButton/index.tsx +0 -57
- package/src/lib/RectangularSvgButton/style.scss +0 -108
- package/src/lib/SearchArrowButton/SearchSvgButton.tsx +0 -49
- package/src/lib/SearchArrowButton/style.scss +0 -112
- package/src/lib/SearchFilterButton/index.tsx +0 -54
- package/src/lib/SearchFilterButton/style.scss +0 -37
- package/src/lib/SearchFilterSideDrawer/CompanySearchFiltersSideDrawer/index.tsx +0 -73
- package/src/lib/SearchFilterSideDrawer/CompanySearchFiltersSideDrawer/style.scss +0 -35
- package/src/lib/SearchFilterSideDrawer/PeopleSearchFiltersSideDrawer/index.tsx +0 -73
- package/src/lib/SearchFilterSideDrawer/PeopleSearchFiltersSideDrawer/style.scss +0 -35
- package/src/lib/SearchPersonTable/index.tsx +0 -77
- package/src/lib/SearchPersonTable/style.scss +0 -91
- package/src/lib/SearchTabsBar/index.tsx +0 -61
- package/src/lib/SearchTabsBar/style.scss +0 -42
- package/src/lib/SecondaryButton/index.tsx +0 -41
- package/src/lib/SecondaryButton/style.scss +0 -66
- package/src/lib/Svg/ArrowLeft.tsx +0 -21
- package/src/lib/Svg/BarGraph.tsx +0 -31
- package/src/lib/Svg/Book.tsx +0 -21
- package/src/lib/Svg/Briefcase.tsx +0 -32
- package/src/lib/Svg/Chat.tsx +0 -22
- package/src/lib/Svg/ChatOneBallon.tsx +0 -27
- package/src/lib/Svg/CheveronDown.tsx +0 -20
- package/src/lib/Svg/CheveronUp.tsx +0 -20
- package/src/lib/Svg/Clock.tsx +0 -22
- package/src/lib/Svg/Company.tsx +0 -31
- package/src/lib/Svg/Cross.tsx +0 -20
- package/src/lib/Svg/Delete.tsx +0 -52
- package/src/lib/Svg/DoNotInclude.tsx +0 -20
- package/src/lib/Svg/DollarBriefcase.tsx +0 -24
- package/src/lib/Svg/Edit.tsx +0 -33
- package/src/lib/Svg/Employees.tsx +0 -24
- package/src/lib/Svg/ExclamationCircle.tsx +0 -39
- package/src/lib/Svg/Gear.tsx +0 -30
- package/src/lib/Svg/Home.tsx +0 -26
- package/src/lib/Svg/Industry.tsx +0 -24
- package/src/lib/Svg/JobTitle.tsx +0 -24
- package/src/lib/Svg/LinkedinLogo.tsx +0 -24
- package/src/lib/Svg/Location.tsx +0 -23
- package/src/lib/Svg/Management.tsx +0 -34
- package/src/lib/Svg/PaperPlaneUpRight.tsx +0 -29
- package/src/lib/Svg/Plus.tsx +0 -20
- package/src/lib/Svg/QluLogo.tsx +0 -26
- package/src/lib/Svg/Search.tsx +0 -25
- package/src/lib/Svg/SearchArrow.tsx +0 -35
- package/src/lib/Svg/StrategyPath.tsx +0 -24
- package/src/lib/Svg/Thumb.tsx +0 -25
- package/src/lib/Svg/Tick.tsx +0 -19
- package/src/lib/Svg/TickCircle.tsx +0 -21
- package/src/lib/Svg/Tools.tsx +0 -28
- package/src/lib/TertiaryButton/index.tsx +0 -39
- package/src/lib/TertiaryButton/style.scss +0 -55
- package/src/lib/TextButton/index.tsx +0 -34
- package/src/lib/TextButton/style.scss +0 -91
- package/src/lib/TextPillNotClickable/index.tsx +0 -25
- package/src/lib/TextPillNotClickable/style.scss +0 -32
- package/src/lib/ToggleComponent/index.tsx +0 -22
- package/src/lib/ToggleComponent/style.scss +0 -51
- package/src/lib/TopNavbar/NavbarButton/index.tsx +0 -45
- package/src/lib/TopNavbar/NavbarButton/style.scss +0 -35
- package/src/lib/TopNavbar/index.tsx +0 -81
- package/src/lib/TopNavbar/style.scss +0 -24
- package/src/lib/TruncateText/index.tsx +0 -43
- package/src/lib/index.ts +0 -4
- package/src/main.tsx +0 -16
- package/src/stories/AndOrButtonGroup.stories.tsx +0 -19
- package/src/stories/BadgeClickable.stories.tsx +0 -23
- package/src/stories/BadgeNonClickable.stories.tsx +0 -20
- package/src/stories/ChatClickableCard.stories.tsx +0 -16
- package/src/stories/ChatSearchBar.stories.tsx +0 -17
- package/src/stories/CheckboxComponent.stories.tsx +0 -15
- package/src/stories/CircularIcon.stories.tsx +0 -15
- package/src/stories/CircularSvgButton.stories.tsx +0 -18
- package/src/stories/ClickableText.stories.tsx +0 -15
- package/src/stories/CompanyLikePillSelectable.stories.tsx +0 -18
- package/src/stories/CompanyLogoPillSelectable.stories.tsx +0 -19
- package/src/stories/CompanyPillNotClicakble.stories.tsx +0 -18
- package/src/stories/CompanySearchFiltersSideDrawer.stories.tsx +0 -18
- package/src/stories/InputField.stories.tsx +0 -18
- package/src/stories/InputFieldWithSvg.stories.tsx +0 -16
- package/src/stories/Modal.stories.tsx +0 -16
- package/src/stories/NumberInputField.stories.tsx +0 -16
- package/src/stories/PeopleSearchFiltersSideDrawer.stories.tsx +0 -18
- package/src/stories/PrimaryButton.stories.tsx +0 -21
- package/src/stories/RecentChatComponent.stories.tsx +0 -15
- package/src/stories/RectangularIcon.stories.tsx +0 -15
- package/src/stories/RectangularSvgButton.stories.tsx +0 -16
- package/src/stories/SearchScreen.stories.tsx +0 -17
- package/src/stories/SearchTabsBar.stories.tsx +0 -17
- package/src/stories/SecondaryButton.stories.tsx +0 -21
- package/src/stories/TertiaryButton.stories.tsx +0 -20
- package/src/stories/TextPillNotClickable.stories.tsx +0 -19
- package/src/stories/TopNavbar.stories.tsx +0 -17
- package/src/types.ts +0 -21
- package/src/utils.ts +0 -25
- package/src/vite-env.d.ts +0 -1
- package/tsconfig.node.json +0 -10
- package/vite.config.ts +0 -22
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IconSize } from '../../types';
|
|
2
|
+
interface AddTribeMemberCardProps {
|
|
3
|
+
iconUrl: string;
|
|
4
|
+
tribeMemberName: string;
|
|
5
|
+
tribeMemberMail: string;
|
|
6
|
+
containerClassName?: string;
|
|
7
|
+
iconSize?: IconSize;
|
|
8
|
+
onAddClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
9
|
+
}
|
|
10
|
+
declare const AddTribeMemberCard: ({ iconUrl, tribeMemberName, tribeMemberMail, iconSize, containerClassName, onAddClick, }: AddTribeMemberCardProps) => JSX.Element;
|
|
11
|
+
export default AddTribeMemberCard;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconSize, IconType, BadgeTypes } from '../../types';
|
|
3
|
+
interface BadgeClickableProps {
|
|
4
|
+
showIconOnLeft?: boolean;
|
|
5
|
+
iconType: IconType;
|
|
6
|
+
iconSize?: IconSize;
|
|
7
|
+
buttonIconType?: IconType;
|
|
8
|
+
buttonIconSize?: IconSize;
|
|
9
|
+
text: string;
|
|
10
|
+
variant: BadgeTypes;
|
|
11
|
+
onClick: () => void;
|
|
12
|
+
}
|
|
13
|
+
declare const BadgeClickable: FC<BadgeClickableProps>;
|
|
14
|
+
export default BadgeClickable;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconSize } from '../../types';
|
|
3
|
+
interface ChatCardProps {
|
|
4
|
+
iconPath?: string;
|
|
5
|
+
iconSize?: IconSize;
|
|
6
|
+
isAI: boolean;
|
|
7
|
+
prompt?: string;
|
|
8
|
+
children?: any;
|
|
9
|
+
}
|
|
10
|
+
declare const ChatCard: FC<ChatCardProps>;
|
|
11
|
+
export default ChatCard;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface Option {
|
|
2
|
+
label: string;
|
|
3
|
+
iconUrl?: string;
|
|
4
|
+
}
|
|
5
|
+
interface ChatDropDownProps {
|
|
6
|
+
filteredOptions: Option[];
|
|
7
|
+
value?: string;
|
|
8
|
+
createShownText?: string;
|
|
9
|
+
isCreateShown?: boolean;
|
|
10
|
+
handleOptionClick: (option: Option) => void;
|
|
11
|
+
handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
12
|
+
renderProps: (props: Option) => React.ReactElement;
|
|
13
|
+
}
|
|
14
|
+
declare const ChatDropDown: ({ value, createShownText, isCreateShown, filteredOptions, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps) => JSX.Element;
|
|
15
|
+
export default ChatDropDown;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IconSize } from '../../types';
|
|
2
|
+
interface ChatClickableCardProps {
|
|
3
|
+
iconPath: string;
|
|
4
|
+
iconSize: IconSize;
|
|
5
|
+
name: string;
|
|
6
|
+
designation: string;
|
|
7
|
+
}
|
|
8
|
+
declare const ChatPeopleCard: ({ iconPath, iconSize, name, designation }: ChatClickableCardProps) => JSX.Element;
|
|
9
|
+
export default ChatPeopleCard;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { DialogPosition, IconType } from '../../types';
|
|
2
|
+
interface PrimaryFooterButton {
|
|
3
|
+
text: string;
|
|
4
|
+
sizeVariant?: 'xs' | 'sm' | 'base';
|
|
5
|
+
colorVariant: 'orange' | 'black' | 'gray';
|
|
6
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
7
|
+
}
|
|
8
|
+
interface TertairyFooterButton {
|
|
9
|
+
text: string;
|
|
10
|
+
sizeVariant?: 'xs' | 'sm' | 'base';
|
|
11
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
12
|
+
}
|
|
13
|
+
interface ChatDialogBoxPopupProps {
|
|
14
|
+
text: string;
|
|
15
|
+
subText?: string;
|
|
16
|
+
icon: IconType;
|
|
17
|
+
isOpen: boolean;
|
|
18
|
+
position: DialogPosition;
|
|
19
|
+
buttons?: {
|
|
20
|
+
tertairyButton?: TertairyFooterButton;
|
|
21
|
+
primaryButton?: PrimaryFooterButton;
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
declare const ChatDialogBoxPopup: ({ text, subText, icon, buttons, isOpen, position, }: ChatDialogBoxPopupProps) => JSX.Element;
|
|
25
|
+
export default ChatDialogBoxPopup;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface ChatSearchBarProps {
|
|
2
|
+
placeholderText?: string;
|
|
3
|
+
isDisabled?: boolean;
|
|
4
|
+
onSubmit: (message: string) => void;
|
|
5
|
+
}
|
|
6
|
+
declare const ChatSearchBar: ({ placeholderText, isDisabled, onSubmit }: ChatSearchBarProps) => JSX.Element;
|
|
7
|
+
export default ChatSearchBar;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IconSize } from '../../types';
|
|
2
|
+
interface CircularIconProps {
|
|
3
|
+
iconPath: string;
|
|
4
|
+
iconSize?: IconSize;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const CircularIcon: ({ iconPath, iconSize, className }: CircularIconProps) => JSX.Element;
|
|
8
|
+
export default CircularIcon;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IconSize, IconType } from "../../types";
|
|
2
|
+
interface CircularSvgButtonProps {
|
|
3
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
sizeVariant: 'xxs' | 'xs' | 'sm' | 'base' | 'l' | 'xl';
|
|
7
|
+
color: 'orange' | 'gray' | 'black';
|
|
8
|
+
variant: 'primary' | 'secondary' | 'tertiary';
|
|
9
|
+
style?: object;
|
|
10
|
+
iconType: IconType;
|
|
11
|
+
iconSize?: IconSize;
|
|
12
|
+
props?: object;
|
|
13
|
+
}
|
|
14
|
+
declare const CircularSvgButton: ({ isDisabled, sizeVariant, variant, color, style, iconType, iconSize, onClick, props }: CircularSvgButtonProps) => JSX.Element;
|
|
15
|
+
export default CircularSvgButton;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IconType } from "../../types";
|
|
2
|
+
interface ClickableTextProps {
|
|
3
|
+
text: string;
|
|
4
|
+
showIcon?: boolean;
|
|
5
|
+
iconOnLeft?: boolean;
|
|
6
|
+
iconType?: IconType;
|
|
7
|
+
sizeVariant?: 'xs' | 'sm' | 'base';
|
|
8
|
+
colorVariant?: 'orange' | 'gray';
|
|
9
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
10
|
+
}
|
|
11
|
+
declare const ClickableText: ({ text, showIcon, iconOnLeft, iconType, sizeVariant, colorVariant, onClick }: ClickableTextProps) => JSX.Element;
|
|
12
|
+
export default ClickableText;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface CompanyLikePillSelectableProps {
|
|
2
|
+
text: string;
|
|
3
|
+
isSelected: boolean;
|
|
4
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
+
props?: object;
|
|
6
|
+
}
|
|
7
|
+
declare const CompanyLikePillSelectable: ({ text, onClick, isSelected, props }: CompanyLikePillSelectableProps) => JSX.Element;
|
|
8
|
+
export default CompanyLikePillSelectable;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IconType, SelectedUnselectedErrorVariant } from '../../types';
|
|
2
|
+
interface CompanyLogoPillSelectableProps {
|
|
3
|
+
text: string;
|
|
4
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
+
picturePath?: string;
|
|
6
|
+
svgType?: IconType;
|
|
7
|
+
children?: any;
|
|
8
|
+
props?: object;
|
|
9
|
+
variant: SelectedUnselectedErrorVariant;
|
|
10
|
+
}
|
|
11
|
+
declare const CompanyLogoPillSelectable: ({ text, variant, onClick, picturePath, props, svgType, children, }: CompanyLogoPillSelectableProps) => JSX.Element;
|
|
12
|
+
export default CompanyLogoPillSelectable;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface CountCancelButtonProps {
|
|
3
|
+
count: number;
|
|
4
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
+
}
|
|
6
|
+
declare const CountCancelButton: ({ count, onClick }: CountCancelButtonProps) => JSX.Element;
|
|
7
|
+
export default CountCancelButton;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IconSize, IconType } from '../../types';
|
|
2
|
+
interface DeleteSvgButtonProps {
|
|
3
|
+
sizeVariant?: 'xxs' | 'xs' | 'sm' | 'base' | 'l' | 'xl';
|
|
4
|
+
color?: 'gray' | 'black';
|
|
5
|
+
style?: object;
|
|
6
|
+
iconType: IconType;
|
|
7
|
+
iconSize?: IconSize;
|
|
8
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
|
+
}
|
|
10
|
+
declare const DeleteSvgButton: ({ sizeVariant, color, style, iconType, iconSize, onClick, }: DeleteSvgButtonProps) => JSX.Element;
|
|
11
|
+
export default DeleteSvgButton;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IconSize, IconType } from '../../types';
|
|
2
|
+
interface EditSvgButtonProps {
|
|
3
|
+
sizeVariant?: 'xxs' | 'xs' | 'sm' | 'base' | 'l' | 'xl';
|
|
4
|
+
color?: 'gray' | 'black';
|
|
5
|
+
style?: object;
|
|
6
|
+
iconType: IconType;
|
|
7
|
+
iconSize?: IconSize;
|
|
8
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
|
+
}
|
|
10
|
+
declare const EditSvgButton: ({ sizeVariant, color, style, iconType, iconSize, onClick, }: EditSvgButtonProps) => JSX.Element;
|
|
11
|
+
export default EditSvgButton;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface FileUploadProps {
|
|
3
|
+
labelText?: string;
|
|
4
|
+
helperText?: string;
|
|
5
|
+
width?: "xs" | "s" | "m" | "lg" | "xl";
|
|
6
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
+
accept?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const FileUpload: ({ labelText, helperText, onChange, accept, width }: FileUploadProps) => JSX.Element;
|
|
10
|
+
export default FileUpload;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IconSize } from '../../types';
|
|
2
|
+
interface HiringCompanyConciseCardProps {
|
|
3
|
+
iconUrl: string;
|
|
4
|
+
companyName: string;
|
|
5
|
+
companyBusiness: string;
|
|
6
|
+
numberOfEmployees: number;
|
|
7
|
+
containerClassName?: string;
|
|
8
|
+
iconSize?: IconSize;
|
|
9
|
+
}
|
|
10
|
+
declare const HiringCompanyConciseCard: ({ iconUrl, companyName, companyBusiness, numberOfEmployees, iconSize, containerClassName, }: HiringCompanyConciseCardProps) => JSX.Element;
|
|
11
|
+
export default HiringCompanyConciseCard;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IconSize } from '../../types';
|
|
2
|
+
interface IdealProfileConciseCardProps {
|
|
3
|
+
iconUrl: string;
|
|
4
|
+
profileName: string;
|
|
5
|
+
profileCurrentRole: string;
|
|
6
|
+
profileCurrentCompany: string;
|
|
7
|
+
truncationLength?: number;
|
|
8
|
+
containerClassName?: string;
|
|
9
|
+
toolTipClassName?: string;
|
|
10
|
+
iconSize?: IconSize;
|
|
11
|
+
}
|
|
12
|
+
declare const IdealProfileConciseCard: ({ iconUrl, profileName, profileCurrentRole, profileCurrentCompany, truncationLength, iconSize, containerClassName, toolTipClassName, }: IdealProfileConciseCardProps) => JSX.Element;
|
|
13
|
+
export default IdealProfileConciseCard;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IconSize } from '../../types';
|
|
2
|
+
interface IdealProfileSelectionCardProps {
|
|
3
|
+
iconUrl: string;
|
|
4
|
+
profileName: string;
|
|
5
|
+
profileCurrentRole: string;
|
|
6
|
+
profileCurrentCompany: string;
|
|
7
|
+
truncationLength?: number;
|
|
8
|
+
containerClassName?: string;
|
|
9
|
+
toolTipClassName?: string;
|
|
10
|
+
selected: boolean;
|
|
11
|
+
onSelectClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
12
|
+
onViewMoreClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
13
|
+
iconSize?: IconSize;
|
|
14
|
+
}
|
|
15
|
+
declare const IdealProfileSelectionCard: ({ iconUrl, profileName, profileCurrentRole, profileCurrentCompany, truncationLength, iconSize, containerClassName, toolTipClassName, selected, onSelectClick, onViewMoreClick, }: IdealProfileSelectionCardProps) => JSX.Element;
|
|
16
|
+
export default IdealProfileSelectionCard;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface InputFieldProps {
|
|
2
|
+
placeholder?: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
style?: object;
|
|
5
|
+
errorState: boolean;
|
|
6
|
+
props?: object;
|
|
7
|
+
}
|
|
8
|
+
declare const InputField: ({ placeholder, style, disabled, errorState, props }: InputFieldProps) => JSX.Element;
|
|
9
|
+
export default InputField;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { IconSize, IconType } from '../../types';
|
|
2
|
+
interface InputFieldWithSvgProps {
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
iconType?: IconType;
|
|
5
|
+
iconSize?: IconSize;
|
|
6
|
+
showIconOnLeft?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const InputFieldWithSvg: ({ placeholder, iconType, iconSize, showIconOnLeft, }: InputFieldWithSvgProps) => JSX.Element;
|
|
9
|
+
export default InputFieldWithSvg;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type ModalProps = {
|
|
3
|
+
id: string;
|
|
4
|
+
showBackButton: boolean;
|
|
5
|
+
headerHeading: string;
|
|
6
|
+
buttonVariant: 'oneButton' | 'twoButton' | 'noButton';
|
|
7
|
+
onBackButtonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
onCrossButtonClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
|
+
footerButtons?: {
|
|
10
|
+
text: string;
|
|
11
|
+
onClick: () => void;
|
|
12
|
+
}[];
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
size?: 'xs' | 'sm' | 'base';
|
|
15
|
+
isModalOpen: boolean;
|
|
16
|
+
};
|
|
17
|
+
declare const Modal: React.FC<ModalProps>;
|
|
18
|
+
export default Modal;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface PrimaryButtonProps {
|
|
2
|
+
text: string;
|
|
3
|
+
primaryButtonClassName?: string;
|
|
4
|
+
sizeVariant?: 'xs' | 'sm' | 'base';
|
|
5
|
+
colorVariant: 'orange' | 'black' | 'gray';
|
|
6
|
+
isDisabled?: boolean;
|
|
7
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
}
|
|
9
|
+
declare const PrimaryButton: ({ text, primaryButtonClassName, sizeVariant, colorVariant, isDisabled, onClick, }: PrimaryButtonProps) => JSX.Element;
|
|
10
|
+
export default PrimaryButton;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type range = {
|
|
2
|
+
min: number;
|
|
3
|
+
max: number;
|
|
4
|
+
};
|
|
5
|
+
interface RangeComponentProps {
|
|
6
|
+
minValue: number;
|
|
7
|
+
maxValue: number;
|
|
8
|
+
value: {
|
|
9
|
+
min: number;
|
|
10
|
+
max: number;
|
|
11
|
+
};
|
|
12
|
+
step: number;
|
|
13
|
+
onChange: (prop: range | number) => void;
|
|
14
|
+
}
|
|
15
|
+
declare const RangeComponent: ({ minValue, maxValue, value, step, onChange }: RangeComponentProps) => JSX.Element;
|
|
16
|
+
export default RangeComponent;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface RecentChatComponentProps {
|
|
2
|
+
text: string;
|
|
3
|
+
textLength: number;
|
|
4
|
+
isSelected?: boolean;
|
|
5
|
+
onEdit: () => void;
|
|
6
|
+
onDelete: () => void;
|
|
7
|
+
}
|
|
8
|
+
declare const RecentChatComponent: ({ text, textLength, isSelected, onEdit, onDelete }: RecentChatComponentProps) => JSX.Element;
|
|
9
|
+
export default RecentChatComponent;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconSize } from '../../types';
|
|
3
|
+
interface RectangularIconProps {
|
|
4
|
+
iconPath: string;
|
|
5
|
+
iconSize?: IconSize;
|
|
6
|
+
borderRadius?: IconSize;
|
|
7
|
+
}
|
|
8
|
+
declare const RectangularIcon: FC<RectangularIconProps>;
|
|
9
|
+
export default RectangularIcon;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IconSize, IconType } from "../../types";
|
|
2
|
+
interface RectangularSvgButtonProps {
|
|
3
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
sizeVariant: 'xxs' | 'xs' | 'sm' | 'base' | 'l' | 'xl';
|
|
7
|
+
color: 'orange' | 'gray' | 'black';
|
|
8
|
+
variant: 'primary' | 'secondary' | 'tertiary';
|
|
9
|
+
style?: object;
|
|
10
|
+
iconType: IconType;
|
|
11
|
+
iconSize?: IconSize;
|
|
12
|
+
props?: object;
|
|
13
|
+
}
|
|
14
|
+
declare const RectangularSvgButton: ({ isDisabled, sizeVariant, variant, color, style, iconType, iconSize, onClick, props }: RectangularSvgButtonProps) => JSX.Element;
|
|
15
|
+
export default RectangularSvgButton;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IconSize, IconType } from "../../types";
|
|
2
|
+
interface SearchSvgButtonProps {
|
|
3
|
+
isDisabled?: boolean;
|
|
4
|
+
sizeVariant?: 'xxs' | 'xs' | 'sm' | 'base' | 'l' | 'xl';
|
|
5
|
+
color?: 'orange' | 'gray' | 'black';
|
|
6
|
+
variant?: 'primary' | 'secondary' | 'tertiary';
|
|
7
|
+
style?: object;
|
|
8
|
+
iconType?: IconType;
|
|
9
|
+
iconSize?: IconSize;
|
|
10
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
11
|
+
}
|
|
12
|
+
declare const SearchSvgButton: ({ isDisabled, sizeVariant, variant, color, iconType, iconSize, onClick, }: SearchSvgButtonProps) => JSX.Element;
|
|
13
|
+
export default SearchSvgButton;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IconType } from '../../types';
|
|
2
|
+
interface SearchFilterButtonProps {
|
|
3
|
+
filterText: string;
|
|
4
|
+
filterCount: number;
|
|
5
|
+
filterIcon: IconType;
|
|
6
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
7
|
+
onCancelClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
}
|
|
9
|
+
declare const SearchFilterButton: ({ filterText, filterCount, filterIcon, onClick, onCancelClick }: SearchFilterButtonProps) => JSX.Element;
|
|
10
|
+
export default SearchFilterButton;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IconType } from '../../../types';
|
|
2
|
+
interface CompanySearchFiltersSideDrawerProps {
|
|
3
|
+
companySearchFilterDetails: {
|
|
4
|
+
[filterName: string]: {
|
|
5
|
+
iconType: IconType;
|
|
6
|
+
count: number;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
declare const CompanySearchFiltersSideDrawer: ({ companySearchFilterDetails }: CompanySearchFiltersSideDrawerProps) => JSX.Element;
|
|
11
|
+
export default CompanySearchFiltersSideDrawer;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IconType } from '../../../types';
|
|
2
|
+
interface PeopleSearchFiltersSideDrawerProps {
|
|
3
|
+
peopleSearchFilterDetails: {
|
|
4
|
+
[filterName: string]: {
|
|
5
|
+
iconType: IconType;
|
|
6
|
+
count: number;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
declare const PeopleSearchFiltersSideDrawer: ({ peopleSearchFilterDetails }: PeopleSearchFiltersSideDrawerProps) => JSX.Element;
|
|
11
|
+
export default PeopleSearchFiltersSideDrawer;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SearchTabs } from '../../types';
|
|
2
|
+
interface SearchTabsBarProps {
|
|
3
|
+
activeSearchTab: SearchTabs;
|
|
4
|
+
onClick: (tabName: SearchTabs) => void;
|
|
5
|
+
}
|
|
6
|
+
declare const SearchTabsBar: ({ activeSearchTab, onClick, }: SearchTabsBarProps) => JSX.Element;
|
|
7
|
+
export default SearchTabsBar;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface SecondaryButtonProps {
|
|
2
|
+
text: string;
|
|
3
|
+
secondaryButtonClassName?: string;
|
|
4
|
+
sizeVariant?: 'xs' | 'sm' | 'base';
|
|
5
|
+
colorVariant: 'orange' | 'black' | 'gray';
|
|
6
|
+
isDisabled?: boolean;
|
|
7
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
}
|
|
9
|
+
declare const SecondaryButton: ({ text, secondaryButtonClassName, sizeVariant, colorVariant, isDisabled, onClick, }: SecondaryButtonProps) => JSX.Element;
|
|
10
|
+
export default SecondaryButton;
|