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.
Files changed (268) hide show
  1. package/dist/components/AddAdditionalIdealProfileCard/index.d.ts +11 -0
  2. package/dist/components/AndOrButtonGroup/index.d.ts +9 -0
  3. package/dist/components/AvatarGroup/index.d.ts +7 -0
  4. package/dist/components/BadgeClickable/index.d.ts +14 -0
  5. package/dist/components/ChatCard/index.d.ts +11 -0
  6. package/dist/components/ChatClickableCard/ChatClickableCard.d.ts +6 -0
  7. package/dist/components/ChatDropDown/ChatDropDown.d.ts +15 -0
  8. package/dist/components/ChatPeopleCard/ChatPeopleCard.d.ts +9 -0
  9. package/dist/components/ChatPopup/ChatPopup.d.ts +25 -0
  10. package/dist/components/ChatSearchBar/ChatSearchBar.d.ts +7 -0
  11. package/dist/components/CheckboxComponent/index.d.ts +7 -0
  12. package/dist/components/CircularIcon/index.d.ts +8 -0
  13. package/dist/components/CircularSvgButton/index.d.ts +15 -0
  14. package/dist/components/ClickableText/index.d.ts +12 -0
  15. package/dist/components/CompanyLikePillSelectable/index.d.ts +8 -0
  16. package/dist/components/CompanyLogoPillSelectable/index.d.ts +12 -0
  17. package/dist/components/CountCancelButton/index.d.ts +7 -0
  18. package/dist/components/DeleteSvgButton/DeleteSvgButton.d.ts +11 -0
  19. package/dist/components/EditSvgButton/EditSvgButton.d.ts +11 -0
  20. package/dist/components/FileUpload/index.d.ts +10 -0
  21. package/dist/components/GetSvgIcon/index.d.ts +7 -0
  22. package/dist/components/HiringCompanyConciseCard/index.d.ts +11 -0
  23. package/dist/components/IdealProfileConciseCard/index.d.ts +13 -0
  24. package/dist/components/IdealProfileSelectionCard/index.d.ts +16 -0
  25. package/dist/components/InputField/index.d.ts +9 -0
  26. package/dist/components/InputFieldWithSvg/index.d.ts +9 -0
  27. package/dist/components/Modal/index.d.ts +18 -0
  28. package/dist/components/NumberInputField/index.d.ts +7 -0
  29. package/dist/components/PrimaryButton/index.d.ts +10 -0
  30. package/dist/components/RangeComponent/index.d.ts +16 -0
  31. package/dist/components/RecentChatComponent/RecentChatComponent.d.ts +9 -0
  32. package/dist/components/RecentChatLabel/index.d.ts +2 -0
  33. package/dist/components/RectangularIcon/index.d.ts +9 -0
  34. package/dist/components/RectangularSvgButton/index.d.ts +15 -0
  35. package/dist/components/SearchArrowButton/SearchSvgButton.d.ts +13 -0
  36. package/dist/components/SearchFilterButton/index.d.ts +10 -0
  37. package/dist/components/SearchFilterSideDrawer/CompanySearchFiltersSideDrawer/index.d.ts +11 -0
  38. package/dist/components/SearchFilterSideDrawer/PeopleSearchFiltersSideDrawer/index.d.ts +11 -0
  39. package/dist/components/SearchPersonTable/index.d.ts +3 -0
  40. package/dist/components/SearchTabsBar/index.d.ts +7 -0
  41. package/dist/components/SecondaryButton/index.d.ts +10 -0
  42. package/dist/components/SidebarChatbot/index.d.ts +7 -0
  43. package/dist/components/StepperNavigation/index.d.ts +8 -0
  44. package/dist/components/Svg/ArrowLeft.d.ts +7 -0
  45. package/dist/components/Svg/BarGraph.d.ts +7 -0
  46. package/dist/components/Svg/Book.d.ts +7 -0
  47. package/dist/components/Svg/Briefcase.d.ts +7 -0
  48. package/dist/components/Svg/Chat.d.ts +7 -0
  49. package/dist/components/Svg/ChatOneBallon.d.ts +7 -0
  50. package/dist/components/Svg/CheveronDown.d.ts +7 -0
  51. package/dist/components/Svg/CheveronUp.d.ts +7 -0
  52. package/dist/components/Svg/Clock.d.ts +7 -0
  53. package/dist/components/Svg/Company.d.ts +7 -0
  54. package/dist/components/Svg/Cross.d.ts +7 -0
  55. package/dist/components/Svg/Delete.d.ts +6 -0
  56. package/dist/components/Svg/DoNotInclude.d.ts +7 -0
  57. package/dist/components/Svg/DollarBriefcase.d.ts +7 -0
  58. package/dist/components/Svg/Edit.d.ts +7 -0
  59. package/dist/components/Svg/Employees.d.ts +7 -0
  60. package/dist/components/Svg/ExclamationCircle.d.ts +7 -0
  61. package/dist/components/Svg/Gear.d.ts +7 -0
  62. package/dist/components/Svg/Home.d.ts +7 -0
  63. package/dist/components/Svg/Industry.d.ts +7 -0
  64. package/dist/components/Svg/JobTitle.d.ts +7 -0
  65. package/dist/components/Svg/LinkedinLogo.d.ts +7 -0
  66. package/dist/components/Svg/Location.d.ts +7 -0
  67. package/dist/components/Svg/Management.d.ts +7 -0
  68. package/dist/components/Svg/PaperPlaneUpRight.d.ts +7 -0
  69. package/dist/components/Svg/Passtick.d.ts +6 -0
  70. package/dist/components/Svg/Plus.d.ts +7 -0
  71. package/dist/components/Svg/QluLogo.d.ts +7 -0
  72. package/dist/components/Svg/Search.d.ts +7 -0
  73. package/dist/components/Svg/SearchArrow.d.ts +8 -0
  74. package/dist/components/Svg/StrategyPath.d.ts +7 -0
  75. package/dist/components/Svg/Thumb.d.ts +7 -0
  76. package/dist/components/Svg/Tick.d.ts +7 -0
  77. package/dist/components/Svg/TickCircle.d.ts +7 -0
  78. package/dist/components/Svg/Tools.d.ts +7 -0
  79. package/dist/components/SwitchLarge/index.d.ts +13 -0
  80. package/dist/components/TertiaryButton/index.d.ts +9 -0
  81. package/dist/components/TextButton/index.d.ts +10 -0
  82. package/dist/components/TextPillNotClickable/index.d.ts +7 -0
  83. package/dist/components/ToggleComponent/index.d.ts +6 -0
  84. package/dist/components/TopNavbar/NavbarButton/index.d.ts +11 -0
  85. package/dist/components/TopNavbar/index.d.ts +7 -0
  86. package/dist/components/TruncateText/index.d.ts +8 -0
  87. package/dist/components/index.d.ts +50 -0
  88. package/dist/index.css +1 -0
  89. package/dist/library.es.js +10139 -0
  90. package/dist/library.umd.js +53 -0
  91. package/dist/types.d.ts +7 -0
  92. package/dist/utils.d.ts +14 -0
  93. package/package.json +17 -6
  94. package/.eslintrc.js +0 -19
  95. package/.run/demo_start.run.xml +0 -12
  96. package/.run/storybook.run.xml +0 -12
  97. package/dist/qlu-20-ui-library.js +0 -707
  98. package/dist/qlu-20-ui-library.umd.cjs +0 -29
  99. package/dist/style.css +0 -1
  100. package/index.html +0 -13
  101. package/qlu-20-ui-library-1.1.0.tgz +0 -0
  102. package/src/App.scss +0 -83
  103. package/src/App.tsx +0 -305
  104. package/src/Screen.tsx +0 -107
  105. package/src/Templates/index.tsx +0 -25
  106. package/src/Templates/style.scss +0 -7
  107. package/src/_colors.scss +0 -252
  108. package/src/_fonts.scss +0 -136
  109. package/src/_svg.scss +0 -41
  110. package/src/index.css +0 -69
  111. package/src/lib/AddAdditionalIdealProfileCard/index.tsx +0 -52
  112. package/src/lib/AddAdditionalIdealProfileCard/style.scss +0 -42
  113. package/src/lib/AndOrButtonGroup/index.tsx +0 -67
  114. package/src/lib/AndOrButtonGroup/style.scss +0 -54
  115. package/src/lib/BadgeClickable/index.tsx +0 -53
  116. package/src/lib/BadgeClickable/style.scss +0 -51
  117. package/src/lib/BadgeNonClickable/index.tsx +0 -45
  118. package/src/lib/BadgeNonClickable/style.scss +0 -39
  119. package/src/lib/ChatCard/index.tsx +0 -52
  120. package/src/lib/ChatCard/style.scss +0 -7
  121. package/src/lib/ChatClickableCard/ChatClickableCard.tsx +0 -30
  122. package/src/lib/ChatClickableCard/style.scss +0 -24
  123. package/src/lib/ChatSearchBar/ChatSearchBar.tsx +0 -44
  124. package/src/lib/ChatSearchBar/style.scss +0 -32
  125. package/src/lib/CheckboxComponent/index.tsx +0 -27
  126. package/src/lib/CheckboxComponent/style.scss +0 -36
  127. package/src/lib/CircularIcon/index.tsx +0 -24
  128. package/src/lib/CircularIcon/style.scss +0 -3
  129. package/src/lib/CircularSvgButton/index.tsx +0 -57
  130. package/src/lib/CircularSvgButton/style.scss +0 -108
  131. package/src/lib/ClickableText/index.tsx +0 -50
  132. package/src/lib/ClickableText/style.scss +0 -68
  133. package/src/lib/CompanyLikePillSelectable/index.tsx +0 -39
  134. package/src/lib/CompanyLikePillSelectable/style.scss +0 -61
  135. package/src/lib/CompanyLogoPillSelectable/index.tsx +0 -72
  136. package/src/lib/CompanyLogoPillSelectable/style.scss +0 -97
  137. package/src/lib/CompanyPillNotClicakble/index.tsx +0 -32
  138. package/src/lib/CompanyPillNotClicakble/style.scss +0 -21
  139. package/src/lib/CountCancelButton/index.tsx +0 -33
  140. package/src/lib/CountCancelButton/style.scss +0 -28
  141. package/src/lib/DeleteSvgButton/DeleteSvgButton.tsx +0 -43
  142. package/src/lib/DeleteSvgButton/style.scss +0 -55
  143. package/src/lib/EditSvgButton/EditSvgButton.tsx +0 -43
  144. package/src/lib/EditSvgButton/style.scss +0 -55
  145. package/src/lib/FilterAddRemoveBadge/index.tsx +0 -62
  146. package/src/lib/FilterAddRemoveBadge/style.scss +0 -61
  147. package/src/lib/GetSvgIcon/index.tsx +0 -85
  148. package/src/lib/HiringCompanyConciseCard/index.tsx +0 -42
  149. package/src/lib/HiringCompanyConciseCard/style.scss +0 -31
  150. package/src/lib/IdealProfileConciseCard/index.tsx +0 -47
  151. package/src/lib/IdealProfileConciseCard/style.scss +0 -31
  152. package/src/lib/IdealProfileSelectionCard/index.tsx +0 -83
  153. package/src/lib/IdealProfileSelectionCard/style.scss +0 -58
  154. package/src/lib/InputField/index.tsx +0 -33
  155. package/src/lib/InputField/style.scss +0 -47
  156. package/src/lib/InputFieldWithSvg/index.tsx +0 -51
  157. package/src/lib/InputFieldWithSvg/style.scss +0 -48
  158. package/src/lib/Modal/index.tsx +0 -140
  159. package/src/lib/Modal/style.scss +0 -51
  160. package/src/lib/NumberInputField/index.tsx +0 -60
  161. package/src/lib/NumberInputField/style.scss +0 -57
  162. package/src/lib/PrimaryButton/index.tsx +0 -40
  163. package/src/lib/PrimaryButton/style.scss +0 -65
  164. package/src/lib/RangeComponent/index.tsx +0 -55
  165. package/src/lib/RangeComponent/style.scss +0 -4
  166. package/src/lib/RecentChatComponent/RecentChatComponent.tsx +0 -50
  167. package/src/lib/RecentChatComponent/style.scss +0 -25
  168. package/src/lib/RecentChatLabel/index.tsx +0 -14
  169. package/src/lib/RecentChatLabel/style.scss +0 -0
  170. package/src/lib/RectangularIcon/index.tsx +0 -27
  171. package/src/lib/RectangularSvgButton/index.tsx +0 -57
  172. package/src/lib/RectangularSvgButton/style.scss +0 -108
  173. package/src/lib/SearchArrowButton/SearchSvgButton.tsx +0 -49
  174. package/src/lib/SearchArrowButton/style.scss +0 -112
  175. package/src/lib/SearchFilterButton/index.tsx +0 -54
  176. package/src/lib/SearchFilterButton/style.scss +0 -37
  177. package/src/lib/SearchFilterSideDrawer/CompanySearchFiltersSideDrawer/index.tsx +0 -73
  178. package/src/lib/SearchFilterSideDrawer/CompanySearchFiltersSideDrawer/style.scss +0 -35
  179. package/src/lib/SearchFilterSideDrawer/PeopleSearchFiltersSideDrawer/index.tsx +0 -73
  180. package/src/lib/SearchFilterSideDrawer/PeopleSearchFiltersSideDrawer/style.scss +0 -35
  181. package/src/lib/SearchPersonTable/index.tsx +0 -77
  182. package/src/lib/SearchPersonTable/style.scss +0 -91
  183. package/src/lib/SearchTabsBar/index.tsx +0 -61
  184. package/src/lib/SearchTabsBar/style.scss +0 -42
  185. package/src/lib/SecondaryButton/index.tsx +0 -41
  186. package/src/lib/SecondaryButton/style.scss +0 -66
  187. package/src/lib/Svg/ArrowLeft.tsx +0 -21
  188. package/src/lib/Svg/BarGraph.tsx +0 -31
  189. package/src/lib/Svg/Book.tsx +0 -21
  190. package/src/lib/Svg/Briefcase.tsx +0 -32
  191. package/src/lib/Svg/Chat.tsx +0 -22
  192. package/src/lib/Svg/ChatOneBallon.tsx +0 -27
  193. package/src/lib/Svg/CheveronDown.tsx +0 -20
  194. package/src/lib/Svg/CheveronUp.tsx +0 -20
  195. package/src/lib/Svg/Clock.tsx +0 -22
  196. package/src/lib/Svg/Company.tsx +0 -31
  197. package/src/lib/Svg/Cross.tsx +0 -20
  198. package/src/lib/Svg/Delete.tsx +0 -52
  199. package/src/lib/Svg/DoNotInclude.tsx +0 -20
  200. package/src/lib/Svg/DollarBriefcase.tsx +0 -24
  201. package/src/lib/Svg/Edit.tsx +0 -33
  202. package/src/lib/Svg/Employees.tsx +0 -24
  203. package/src/lib/Svg/ExclamationCircle.tsx +0 -39
  204. package/src/lib/Svg/Gear.tsx +0 -30
  205. package/src/lib/Svg/Home.tsx +0 -26
  206. package/src/lib/Svg/Industry.tsx +0 -24
  207. package/src/lib/Svg/JobTitle.tsx +0 -24
  208. package/src/lib/Svg/LinkedinLogo.tsx +0 -24
  209. package/src/lib/Svg/Location.tsx +0 -23
  210. package/src/lib/Svg/Management.tsx +0 -34
  211. package/src/lib/Svg/PaperPlaneUpRight.tsx +0 -29
  212. package/src/lib/Svg/Plus.tsx +0 -20
  213. package/src/lib/Svg/QluLogo.tsx +0 -26
  214. package/src/lib/Svg/Search.tsx +0 -25
  215. package/src/lib/Svg/SearchArrow.tsx +0 -35
  216. package/src/lib/Svg/StrategyPath.tsx +0 -24
  217. package/src/lib/Svg/Thumb.tsx +0 -25
  218. package/src/lib/Svg/Tick.tsx +0 -19
  219. package/src/lib/Svg/TickCircle.tsx +0 -21
  220. package/src/lib/Svg/Tools.tsx +0 -28
  221. package/src/lib/TertiaryButton/index.tsx +0 -39
  222. package/src/lib/TertiaryButton/style.scss +0 -55
  223. package/src/lib/TextButton/index.tsx +0 -34
  224. package/src/lib/TextButton/style.scss +0 -91
  225. package/src/lib/TextPillNotClickable/index.tsx +0 -25
  226. package/src/lib/TextPillNotClickable/style.scss +0 -32
  227. package/src/lib/ToggleComponent/index.tsx +0 -22
  228. package/src/lib/ToggleComponent/style.scss +0 -51
  229. package/src/lib/TopNavbar/NavbarButton/index.tsx +0 -45
  230. package/src/lib/TopNavbar/NavbarButton/style.scss +0 -35
  231. package/src/lib/TopNavbar/index.tsx +0 -81
  232. package/src/lib/TopNavbar/style.scss +0 -24
  233. package/src/lib/TruncateText/index.tsx +0 -43
  234. package/src/lib/index.ts +0 -4
  235. package/src/main.tsx +0 -16
  236. package/src/stories/AndOrButtonGroup.stories.tsx +0 -19
  237. package/src/stories/BadgeClickable.stories.tsx +0 -23
  238. package/src/stories/BadgeNonClickable.stories.tsx +0 -20
  239. package/src/stories/ChatClickableCard.stories.tsx +0 -16
  240. package/src/stories/ChatSearchBar.stories.tsx +0 -17
  241. package/src/stories/CheckboxComponent.stories.tsx +0 -15
  242. package/src/stories/CircularIcon.stories.tsx +0 -15
  243. package/src/stories/CircularSvgButton.stories.tsx +0 -18
  244. package/src/stories/ClickableText.stories.tsx +0 -15
  245. package/src/stories/CompanyLikePillSelectable.stories.tsx +0 -18
  246. package/src/stories/CompanyLogoPillSelectable.stories.tsx +0 -19
  247. package/src/stories/CompanyPillNotClicakble.stories.tsx +0 -18
  248. package/src/stories/CompanySearchFiltersSideDrawer.stories.tsx +0 -18
  249. package/src/stories/InputField.stories.tsx +0 -18
  250. package/src/stories/InputFieldWithSvg.stories.tsx +0 -16
  251. package/src/stories/Modal.stories.tsx +0 -16
  252. package/src/stories/NumberInputField.stories.tsx +0 -16
  253. package/src/stories/PeopleSearchFiltersSideDrawer.stories.tsx +0 -18
  254. package/src/stories/PrimaryButton.stories.tsx +0 -21
  255. package/src/stories/RecentChatComponent.stories.tsx +0 -15
  256. package/src/stories/RectangularIcon.stories.tsx +0 -15
  257. package/src/stories/RectangularSvgButton.stories.tsx +0 -16
  258. package/src/stories/SearchScreen.stories.tsx +0 -17
  259. package/src/stories/SearchTabsBar.stories.tsx +0 -17
  260. package/src/stories/SecondaryButton.stories.tsx +0 -21
  261. package/src/stories/TertiaryButton.stories.tsx +0 -20
  262. package/src/stories/TextPillNotClickable.stories.tsx +0 -19
  263. package/src/stories/TopNavbar.stories.tsx +0 -17
  264. package/src/types.ts +0 -21
  265. package/src/utils.ts +0 -25
  266. package/src/vite-env.d.ts +0 -1
  267. package/tsconfig.node.json +0 -10
  268. 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,9 @@
1
+ import React from "react";
2
+ interface AndOrButtonProps {
3
+ onAndClick: () => void;
4
+ onOrClick: () => void;
5
+ andInitialState?: boolean;
6
+ orInitialState?: boolean;
7
+ }
8
+ declare const AndOrButton: React.FC<AndOrButtonProps>;
9
+ export default AndOrButton;
@@ -0,0 +1,7 @@
1
+ interface AvatarGroupProps {
2
+ images: string[];
3
+ iconSize: "24" | "32" | "48" | "80";
4
+ counter?: number;
5
+ }
6
+ declare const AvatarGroup: ({ images, iconSize, counter }: AvatarGroupProps) => JSX.Element;
7
+ export default AvatarGroup;
@@ -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,6 @@
1
+ interface ChatClickableCardProps {
2
+ text: string;
3
+ onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
4
+ }
5
+ declare const ChatClickableCard: ({ text, onClick }: ChatClickableCardProps) => JSX.Element;
6
+ export default ChatClickableCard;
@@ -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,7 @@
1
+ import React from 'react';
2
+ interface CheckboxProps {
3
+ checked?: boolean;
4
+ onClick: () => void;
5
+ }
6
+ declare const CheckboxComponent: React.FC<CheckboxProps>;
7
+ export default CheckboxComponent;
@@ -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,7 @@
1
+ import { IconSize, IconType } from "../../types";
2
+ interface GetSvgIcon {
3
+ iconType: IconType;
4
+ iconSize?: IconSize;
5
+ }
6
+ declare const GetSvgIcon: ({ iconType, iconSize }: GetSvgIcon) => JSX.Element | null;
7
+ export default GetSvgIcon;
@@ -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,7 @@
1
+ interface NumberInputFieldProps {
2
+ initialNumber?: number;
3
+ props?: object;
4
+ placeholder?: string;
5
+ }
6
+ declare const NumberInputField: ({ initialNumber, props, placeholder }: NumberInputFieldProps) => JSX.Element;
7
+ export default NumberInputField;
@@ -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,2 @@
1
+ declare const index: () => JSX.Element;
2
+ export default index;
@@ -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,3 @@
1
+ import React from 'react';
2
+ declare const SearchPersonTable: React.FC;
3
+ export default SearchPersonTable;
@@ -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;
@@ -0,0 +1,7 @@
1
+ interface Props {
2
+ showSidebar: boolean;
3
+ setShowSidebar: (e: boolean) => void;
4
+ children: JSX.Element;
5
+ }
6
+ declare const SideDrawer: ({ showSidebar, setShowSidebar, children }: Props) => JSX.Element;
7
+ export default SideDrawer;
@@ -0,0 +1,8 @@
1
+ interface StepperNavigationProps {
2
+ steps: {
3
+ name: string;
4
+ isCompleted: boolean;
5
+ }[];
6
+ }
7
+ declare const StepperNavigation: ({ steps }: StepperNavigationProps) => JSX.Element;
8
+ export default StepperNavigation;
@@ -0,0 +1,7 @@
1
+ interface ArrowLeftProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const ArrowLeft: ({ className, width, height, }: ArrowLeftProps) => JSX.Element;
7
+ export default ArrowLeft;
@@ -0,0 +1,7 @@
1
+ interface BarGraphProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const BarGraph: ({ className, width, height, }: BarGraphProps) => JSX.Element;
7
+ export default BarGraph;
@@ -0,0 +1,7 @@
1
+ interface BookProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const Book: ({ className, width, height, }: BookProps) => JSX.Element;
7
+ export default Book;
@@ -0,0 +1,7 @@
1
+ interface BriefcaseProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const Briefcase: ({ className, width, height, }: BriefcaseProps) => JSX.Element;
7
+ export default Briefcase;
@@ -0,0 +1,7 @@
1
+ interface ChatProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const Chat: ({ className, width, height, }: ChatProps) => JSX.Element;
7
+ export default Chat;
@@ -0,0 +1,7 @@
1
+ interface ChatOneballonProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const ChatOneballon: ({ className, width, height, }: ChatOneballonProps) => JSX.Element;
7
+ export default ChatOneballon;
@@ -0,0 +1,7 @@
1
+ interface CheveronDownProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const CheveronDown: ({ className, width, height, }: CheveronDownProps) => JSX.Element;
7
+ export default CheveronDown;
@@ -0,0 +1,7 @@
1
+ interface CheveronUpProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const CheveronUp: ({ className, width, height, }: CheveronUpProps) => JSX.Element;
7
+ export default CheveronUp;
@@ -0,0 +1,7 @@
1
+ interface ClockProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const Clock: ({ className, width, height, }: ClockProps) => JSX.Element;
7
+ export default Clock;
@@ -0,0 +1,7 @@
1
+ interface CompanyProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const Company: ({ className, width, height, }: CompanyProps) => JSX.Element;
7
+ export default Company;
@@ -0,0 +1,7 @@
1
+ interface CrossProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const Cross: ({ className, width, height, }: CrossProps) => JSX.Element;
7
+ export default Cross;
@@ -0,0 +1,6 @@
1
+ interface DeleteProps {
2
+ width?: string;
3
+ height?: string;
4
+ }
5
+ declare const Delete: ({ width, height, }: DeleteProps) => JSX.Element;
6
+ export default Delete;
@@ -0,0 +1,7 @@
1
+ interface DoNotIncludeProps {
2
+ className?: string;
3
+ width?: string;
4
+ height?: string;
5
+ }
6
+ declare const DoNotInclude: ({ className, width, height, }: DoNotIncludeProps) => JSX.Element;
7
+ export default DoNotInclude;