bright-components 9.32.0 → 10.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (471) hide show
  1. package/.babelrc +1 -1
  2. package/dist/animations/SlideUp/index.js +32 -20
  3. package/dist/components/A/index.js +18 -14
  4. package/dist/components/Alert/index.js +24 -57
  5. package/dist/components/Avatar/index.js +29 -34
  6. package/dist/components/Avatar/utils/getAcronym/index.js +2 -4
  7. package/dist/components/Badge/index.js +14 -20
  8. package/dist/components/Breadcrumbs/index.js +33 -41
  9. package/dist/components/BrowserWarning/index.js +39 -37
  10. package/dist/components/BrowserWarning/supportsStaticImport.js +1 -1
  11. package/dist/components/BulletedList/index.js +19 -35
  12. package/dist/components/Button/BaseButton/index.js +46 -38
  13. package/dist/components/Button/BrandButton/index.js +20 -13
  14. package/dist/components/Button/Button/index.js +63 -66
  15. package/dist/components/Button/OutlineButton/index.js +41 -43
  16. package/dist/components/Button/WhiteOutlineButton/index.js +16 -13
  17. package/dist/components/ButtonGroup/index.js +33 -16
  18. package/dist/components/Checkbox/index.js +89 -68
  19. package/dist/components/Chevron/Chevron/index.js +13 -18
  20. package/dist/components/Chevron/CircledChevron/index.js +30 -17
  21. package/dist/components/CopyToClipboard/index.js +49 -59
  22. package/dist/components/CountryPicker/index.js +17 -19
  23. package/dist/components/DateInput/index.js +68 -89
  24. package/dist/components/DayMonthInput/index.js +29 -47
  25. package/dist/components/DayMonthInput/utils/getDayValue/index.js +3 -3
  26. package/dist/components/DayPicker/index.js +176 -214
  27. package/dist/components/DayPickerPanel/Cancel/index.js +15 -13
  28. package/dist/components/DayPickerPanel/Header/index.js +53 -96
  29. package/dist/components/DayPickerPanel/HeaderDayPickerPanel/dayPickerCSS.js +160 -11
  30. package/dist/components/DayPickerPanel/HeaderDayPickerPanel/index.js +149 -252
  31. package/dist/components/DayPickerPanel/HeaderMonthPanel/index.js +31 -40
  32. package/dist/components/DayPickerPanel/HeaderYearPanel/index.js +28 -41
  33. package/dist/components/DayPickerPanel/ItemSelector/index.js +44 -59
  34. package/dist/components/DayPickerPanel/Shortcuts/index.js +23 -28
  35. package/dist/components/DayPickerPanel/index.js +173 -217
  36. package/dist/components/DayPickerPanel/utils/getYearRangeChunks/index.js +3 -3
  37. package/dist/components/DayPickerPanel/utils/getYearRangeIndex/index.js +1 -5
  38. package/dist/components/Donut/index.js +73 -31
  39. package/dist/components/DropZone/index.js +21 -54
  40. package/dist/components/Dropdown/DropdownItem/index.js +11 -14
  41. package/dist/components/Dropdown/index.js +71 -118
  42. package/dist/components/DurationInput/index.js +41 -56
  43. package/dist/components/DurationInput/utils/roundOnBlur/index.js +13 -11
  44. package/dist/components/EmployeeCard/index.js +24 -40
  45. package/dist/components/EmployeePicker/DisplayFilter/index.js +29 -37
  46. package/dist/components/EmployeePicker/FilterBar/index.js +51 -84
  47. package/dist/components/EmployeePicker/Group/index.js +70 -127
  48. package/dist/components/EmployeePicker/GroupList/index.js +20 -24
  49. package/dist/components/EmployeePicker/Item/index.js +76 -122
  50. package/dist/components/EmployeePicker/index.js +67 -77
  51. package/dist/components/EmployeePicker/utils/index.js +9 -21
  52. package/dist/components/ErrorMessage/index.js +16 -29
  53. package/dist/components/Expando/index.js +62 -96
  54. package/dist/components/Fieldset/index.js +24 -18
  55. package/dist/components/FileIcons/index.js +14 -12
  56. package/dist/components/FilterRadioGroup/index.js +59 -55
  57. package/dist/components/Form/index.js +195 -198
  58. package/dist/components/Form/utils/runFormValidation.js +11 -11
  59. package/dist/components/FormLayout/FormRow/FormContent/index.js +4 -16
  60. package/dist/components/FormLayout/FormRow/FormLabel/index.js +10 -14
  61. package/dist/components/FormLayout/FormRow/index.js +9 -14
  62. package/dist/components/FormLayout/index.js +1 -14
  63. package/dist/components/Formik/FormikCheckbox/index.js +8 -8
  64. package/dist/components/Formik/FormikDayPicker/index.js +23 -17
  65. package/dist/components/Formik/FormikInput/index.js +10 -10
  66. package/dist/components/Formik/FormikOptions/index.js +13 -20
  67. package/dist/components/Formik/FormikRadio/index.js +10 -10
  68. package/dist/components/Formik/FormikRadioGroup/index.js +3 -5
  69. package/dist/components/Formik/FormikResetButton/index.js +5 -3
  70. package/dist/components/Formik/FormikSelect/index.js +10 -10
  71. package/dist/components/Formik/FormikSubmitButton/index.js +8 -8
  72. package/dist/components/Formik/FormikTextarea/index.js +10 -10
  73. package/dist/components/Formik/FormikTypeahead/index.js +26 -30
  74. package/dist/components/Formik/FormikValidation/index.js +12 -21
  75. package/dist/components/Formik/index.js +1 -14
  76. package/dist/components/HR/index.js +12 -14
  77. package/dist/components/Icons/AddIcon/index.js +6 -8
  78. package/dist/components/Icons/AddSquare/index.js +5 -7
  79. package/dist/components/Icons/Alarmclock/index.js +5 -7
  80. package/dist/components/Icons/Anchor/index.js +5 -7
  81. package/dist/components/Icons/Apps/index.js +5 -7
  82. package/dist/components/Icons/ArrowBigDown/index.js +5 -7
  83. package/dist/components/Icons/ArrowLoop/index.js +5 -7
  84. package/dist/components/Icons/Baby/index.js +5 -7
  85. package/dist/components/Icons/BackArrow/index.js +5 -7
  86. package/dist/components/Icons/BackToWorkNavigator/index.js +7 -9
  87. package/dist/components/Icons/Beta/index.js +5 -7
  88. package/dist/components/Icons/Blip/index.js +12 -14
  89. package/dist/components/Icons/Book/index.js +5 -7
  90. package/dist/components/Icons/Bookmark/index.js +5 -7
  91. package/dist/components/Icons/BoomMoodle/index.js +8 -10
  92. package/dist/components/Icons/BoxTruck/index.js +5 -7
  93. package/dist/components/Icons/BrighhrApp/index.js +5 -7
  94. package/dist/components/Icons/BrightAdvice/index.js +5 -7
  95. package/dist/components/Icons/Browser/index.js +5 -7
  96. package/dist/components/Icons/Bullhorn/index.js +5 -7
  97. package/dist/components/Icons/Cake/index.js +5 -7
  98. package/dist/components/Icons/Calculator/index.js +5 -7
  99. package/dist/components/Icons/Calendar/index.js +25 -27
  100. package/dist/components/Icons/CalendarAdd/index.js +11 -13
  101. package/dist/components/Icons/CalendarBlackout/index.js +5 -7
  102. package/dist/components/Icons/CalendarCross/index.js +9 -11
  103. package/dist/components/Icons/CalendarDates/index.js +5 -7
  104. package/dist/components/Icons/CalendarInfo/index.js +5 -7
  105. package/dist/components/Icons/CalendarOverlap/index.js +5 -7
  106. package/dist/components/Icons/Camera/index.js +5 -7
  107. package/dist/components/Icons/CameraAperture/index.js +5 -7
  108. package/dist/components/Icons/Cart/index.js +11 -13
  109. package/dist/components/Icons/Case/index.js +5 -7
  110. package/dist/components/Icons/Certificate/index.js +5 -7
  111. package/dist/components/Icons/Chair/index.js +5 -7
  112. package/dist/components/Icons/Chat/index.js +5 -7
  113. package/dist/components/Icons/CheckCircle/index.js +5 -7
  114. package/dist/components/Icons/Checklist/index.js +5 -7
  115. package/dist/components/Icons/Chevron/index.js +5 -7
  116. package/dist/components/Icons/ChevronCircleDown/index.js +5 -7
  117. package/dist/components/Icons/ChevronCircleLeft/index.js +5 -7
  118. package/dist/components/Icons/ChevronCircleRight/index.js +5 -7
  119. package/dist/components/Icons/ChevronCircleUp/index.js +5 -7
  120. package/dist/components/Icons/ChevronDoubleDown/index.js +13 -15
  121. package/dist/components/Icons/ChevronDoubleUp/index.js +13 -15
  122. package/dist/components/Icons/ChevronDown/index.js +5 -7
  123. package/dist/components/Icons/ChevronLeft/index.js +5 -7
  124. package/dist/components/Icons/ChevronRight/index.js +5 -7
  125. package/dist/components/Icons/ChevronUp/index.js +5 -7
  126. package/dist/components/Icons/Clear/index.js +5 -7
  127. package/dist/components/Icons/Clipboard/index.js +40 -42
  128. package/dist/components/Icons/Clock/index.js +7 -9
  129. package/dist/components/Icons/Close/index.js +7 -3
  130. package/dist/components/Icons/ClothesHanger/index.js +5 -7
  131. package/dist/components/Icons/Clothing/index.js +5 -7
  132. package/dist/components/Icons/Cog/index.js +5 -7
  133. package/dist/components/Icons/Compass/index.js +5 -7
  134. package/dist/components/Icons/Compassion/index.js +7 -9
  135. package/dist/components/Icons/Compassionate/index.js +5 -7
  136. package/dist/components/Icons/Conflict/index.js +5 -7
  137. package/dist/components/Icons/ContactCard/index.js +5 -7
  138. package/dist/components/Icons/Contrast/index.js +5 -7
  139. package/dist/components/Icons/Copy/index.js +5 -7
  140. package/dist/components/Icons/Court/index.js +5 -7
  141. package/dist/components/Icons/Crib/index.js +5 -7
  142. package/dist/components/Icons/Crop/index.js +5 -7
  143. package/dist/components/Icons/Cross/index.js +5 -7
  144. package/dist/components/Icons/CrossCircle/index.js +5 -7
  145. package/dist/components/Icons/CrossThick/index.js +29 -0
  146. package/dist/components/Icons/Crown/index.js +5 -7
  147. package/dist/components/Icons/Dependants/index.js +5 -7
  148. package/dist/components/Icons/DesktopComputer/index.js +5 -7
  149. package/dist/components/Icons/Dial/index.js +5 -7
  150. package/dist/components/Icons/Diamond/index.js +5 -7
  151. package/dist/components/Icons/Diaper/index.js +5 -7
  152. package/dist/components/Icons/DisabilityMobility/index.js +5 -7
  153. package/dist/components/Icons/Door/index.js +5 -7
  154. package/dist/components/Icons/DownArrow/index.js +5 -7
  155. package/dist/components/Icons/Download/index.js +5 -7
  156. package/dist/components/Icons/Dropdown/index.js +17 -22
  157. package/dist/components/Icons/Edit/index.js +5 -7
  158. package/dist/components/Icons/Education/index.js +5 -7
  159. package/dist/components/Icons/Emergency/index.js +5 -7
  160. package/dist/components/Icons/Enter/index.js +5 -7
  161. package/dist/components/Icons/Error/index.js +5 -7
  162. package/dist/components/Icons/ErrorOctagon/index.js +5 -7
  163. package/dist/components/Icons/Exit/index.js +5 -7
  164. package/dist/components/Icons/Expand/index.js +5 -7
  165. package/dist/components/Icons/Eye/index.js +7 -3
  166. package/dist/components/Icons/Factory/index.js +20 -22
  167. package/dist/components/Icons/FactoryIcon/index.js +5 -7
  168. package/dist/components/Icons/Featus/index.js +5 -7
  169. package/dist/components/Icons/FeedbackLoop/index.js +5 -7
  170. package/dist/components/Icons/FileAudio/index.js +7 -9
  171. package/dist/components/Icons/FileCode/index.js +5 -7
  172. package/dist/components/Icons/FileDocument/index.js +11 -13
  173. package/dist/components/Icons/FileEmail/index.js +5 -7
  174. package/dist/components/Icons/FileMovie/index.js +5 -7
  175. package/dist/components/Icons/FilePath/index.js +5 -7
  176. package/dist/components/Icons/FilePdf/index.js +9 -11
  177. package/dist/components/Icons/FilePresentation/index.js +13 -15
  178. package/dist/components/Icons/FileSpreadsheet/index.js +9 -11
  179. package/dist/components/Icons/FileText/index.js +11 -13
  180. package/dist/components/Icons/FileVector/index.js +5 -7
  181. package/dist/components/Icons/Filter/index.js +5 -7
  182. package/dist/components/Icons/Fingerprint/index.js +5 -7
  183. package/dist/components/Icons/Flag/index.js +5 -7
  184. package/dist/components/Icons/Flash/index.js +5 -7
  185. package/dist/components/Icons/FlashOff/index.js +5 -7
  186. package/dist/components/Icons/Flower/index.js +5 -7
  187. package/dist/components/Icons/Folder/index.js +6 -8
  188. package/dist/components/Icons/FolderSolid/index.js +5 -7
  189. package/dist/components/Icons/FolderZip/index.js +6 -8
  190. package/dist/components/Icons/FurloughNavigator/index.js +7 -9
  191. package/dist/components/Icons/Gallery/index.js +5 -7
  192. package/dist/components/Icons/GestureTouch/index.js +5 -7
  193. package/dist/components/Icons/Ghost/index.js +5 -7
  194. package/dist/components/Icons/Gift/index.js +5 -7
  195. package/dist/components/Icons/Globe/index.js +5 -7
  196. package/dist/components/Icons/Grid/index.js +5 -7
  197. package/dist/components/Icons/Headset/index.js +5 -7
  198. package/dist/components/Icons/Health/index.js +5 -7
  199. package/dist/components/Icons/Heart/index.js +5 -7
  200. package/dist/components/Icons/Help/index.js +5 -7
  201. package/dist/components/Icons/Home/index.js +5 -7
  202. package/dist/components/Icons/Hourglass/index.js +5 -7
  203. package/dist/components/Icons/IdCard/index.js +5 -7
  204. package/dist/components/Icons/Image/index.js +9 -11
  205. package/dist/components/Icons/Inbox/index.js +5 -7
  206. package/dist/components/Icons/InboxEmpty/index.js +5 -7
  207. package/dist/components/Icons/Information/index.js +5 -7
  208. package/dist/components/Icons/Injury/index.js +64 -66
  209. package/dist/components/Icons/KebabMenuHorizontal/index.js +5 -7
  210. package/dist/components/Icons/KebabMenuVertical/index.js +5 -7
  211. package/dist/components/Icons/Lazydave/index.js +71 -73
  212. package/dist/components/Icons/LazydaveMoodle/index.js +71 -73
  213. package/dist/components/Icons/LeftArrow/index.js +5 -7
  214. package/dist/components/Icons/Legal/index.js +5 -7
  215. package/dist/components/Icons/Lightning/index.js +5 -7
  216. package/dist/components/Icons/LineChart/index.js +5 -7
  217. package/dist/components/Icons/Link/index.js +5 -7
  218. package/dist/components/Icons/List/index.js +21 -23
  219. package/dist/components/Icons/ListBullets/index.js +5 -7
  220. package/dist/components/Icons/LocationPin/index.js +5 -7
  221. package/dist/components/Icons/Loop/index.js +5 -7
  222. package/dist/components/Icons/Magicwand/index.js +5 -7
  223. package/dist/components/Icons/Mail/index.js +5 -7
  224. package/dist/components/Icons/MandatoryLeave/index.js +5 -7
  225. package/dist/components/Icons/Medal/index.js +5 -7
  226. package/dist/components/Icons/Medical/index.js +5 -7
  227. package/dist/components/Icons/MedicalBag/index.js +5 -7
  228. package/dist/components/Icons/Medication/index.js +5 -7
  229. package/dist/components/Icons/MenuHamburger/index.js +5 -7
  230. package/dist/components/Icons/Message/index.js +5 -7
  231. package/dist/components/Icons/Meteor/index.js +5 -7
  232. package/dist/components/Icons/MinusCircle/index.js +5 -7
  233. package/dist/components/Icons/MinusSquare/index.js +5 -7
  234. package/dist/components/Icons/MoneyStack/index.js +5 -7
  235. package/dist/components/Icons/MoveFile/index.js +5 -7
  236. package/dist/components/Icons/New/index.js +9 -11
  237. package/dist/components/Icons/New2/index.js +9 -11
  238. package/dist/components/Icons/NewWindow/index.js +5 -7
  239. package/dist/components/Icons/Night/index.js +5 -7
  240. package/dist/components/Icons/NotAllowed/index.js +5 -7
  241. package/dist/components/Icons/Note/index.js +7 -9
  242. package/dist/components/Icons/Notepad/index.js +5 -7
  243. package/dist/components/Icons/Notifications/index.js +5 -7
  244. package/dist/components/Icons/OrganisationConnection/index.js +5 -7
  245. package/dist/components/Icons/Overtime/index.js +5 -7
  246. package/dist/components/Icons/Pacman/index.js +5 -7
  247. package/dist/components/Icons/PadlockLocked/index.js +5 -7
  248. package/dist/components/Icons/PadlockUnlocked/index.js +5 -7
  249. package/dist/components/Icons/PaperStack/index.js +5 -7
  250. package/dist/components/Icons/Paperclip/index.js +5 -7
  251. package/dist/components/Icons/PayrollNavigator/index.js +5 -7
  252. package/dist/components/Icons/Pencil/index.js +5 -7
  253. package/dist/components/Icons/Perspective/index.js +5 -7
  254. package/dist/components/Icons/Phone/index.js +5 -7
  255. package/dist/components/Icons/PhoneWork/index.js +5 -7
  256. package/dist/components/Icons/PieChart/index.js +5 -7
  257. package/dist/components/Icons/Pin/index.js +5 -7
  258. package/dist/components/Icons/Plaster/index.js +5 -7
  259. package/dist/components/Icons/Plus/index.js +5 -7
  260. package/dist/components/Icons/PlusCircle/index.js +5 -7
  261. package/dist/components/Icons/PoP/index.js +7 -9
  262. package/dist/components/Icons/Power/index.js +5 -7
  263. package/dist/components/Icons/Pram/index.js +5 -7
  264. package/dist/components/Icons/PrintIcon/index.js +14 -16
  265. package/dist/components/Icons/Printer/index.js +5 -7
  266. package/dist/components/Icons/Pulse/index.js +5 -7
  267. package/dist/components/Icons/Puzzle/index.js +5 -7
  268. package/dist/components/Icons/Question/index.js +5 -7
  269. package/dist/components/Icons/Radar/index.js +5 -7
  270. package/dist/components/Icons/Records/index.js +5 -7
  271. package/dist/components/Icons/RedunancyNavigator/index.js +5 -7
  272. package/dist/components/Icons/Refresh/index.js +5 -7
  273. package/dist/components/Icons/Requests/index.js +5 -7
  274. package/dist/components/Icons/Ribbon/index.js +5 -7
  275. package/dist/components/Icons/RightArrow/index.js +5 -7
  276. package/dist/components/Icons/Road/index.js +9 -11
  277. package/dist/components/Icons/Rosette/index.js +5 -7
  278. package/dist/components/Icons/Rotas/index.js +5 -7
  279. package/dist/components/Icons/RotateImage/index.js +5 -7
  280. package/dist/components/Icons/Rush/index.js +5 -7
  281. package/dist/components/Icons/Search/index.js +5 -7
  282. package/dist/components/Icons/SelectArrow/index.js +5 -7
  283. package/dist/components/Icons/Send/index.js +5 -7
  284. package/dist/components/Icons/SettingsSliders/index.js +5 -7
  285. package/dist/components/Icons/Share/index.js +5 -7
  286. package/dist/components/Icons/Shield/index.js +5 -7
  287. package/dist/components/Icons/Shifts/index.js +5 -7
  288. package/dist/components/Icons/Shredder/index.js +5 -7
  289. package/dist/components/Icons/Signature/index.js +5 -7
  290. package/dist/components/Icons/Skull/index.js +5 -7
  291. package/dist/components/Icons/SocialFacebook/index.js +5 -7
  292. package/dist/components/Icons/SocialInstagram/index.js +5 -7
  293. package/dist/components/Icons/SocialLinkedin/index.js +5 -7
  294. package/dist/components/Icons/SocialTwitter/index.js +5 -7
  295. package/dist/components/Icons/SocialYoutube/index.js +5 -7
  296. package/dist/components/Icons/SortAscending/index.js +5 -7
  297. package/dist/components/Icons/SortDescending/index.js +5 -7
  298. package/dist/components/Icons/Stamp/index.js +5 -7
  299. package/dist/components/Icons/Star/index.js +5 -7
  300. package/dist/components/Icons/Steam/index.js +5 -7
  301. package/dist/components/Icons/Stethoscope/index.js +5 -7
  302. package/dist/components/Icons/Stop/index.js +5 -7
  303. package/dist/components/Icons/Suitcase/index.js +5 -7
  304. package/dist/components/Icons/Sun/index.js +5 -7
  305. package/dist/components/Icons/Switch/index.js +5 -7
  306. package/dist/components/Icons/TableGrid/index.js +5 -7
  307. package/dist/components/Icons/Tachograph/index.js +5 -7
  308. package/dist/components/Icons/Tag/index.js +5 -7
  309. package/dist/components/Icons/Target/index.js +5 -7
  310. package/dist/components/Icons/Tasklist/index.js +40 -42
  311. package/dist/components/Icons/ThumbsDown/index.js +5 -7
  312. package/dist/components/Icons/ThumbsUp/index.js +5 -7
  313. package/dist/components/Icons/Tick/index.js +5 -7
  314. package/dist/components/Icons/TickCircle/index.js +5 -7
  315. package/dist/components/Icons/TickThick/index.js +29 -0
  316. package/dist/components/Icons/ToilEarned/index.js +9 -11
  317. package/dist/components/Icons/ToilTaken/index.js +13 -15
  318. package/dist/components/Icons/Tooth/index.js +5 -7
  319. package/dist/components/Icons/TrainingEvents/index.js +5 -7
  320. package/dist/components/Icons/Trash/index.js +5 -7
  321. package/dist/components/Icons/Umbrella/index.js +5 -7
  322. package/dist/components/Icons/Unpaid/index.js +5 -7
  323. package/dist/components/Icons/UpArrow/index.js +5 -7
  324. package/dist/components/Icons/Upload/index.js +5 -7
  325. package/dist/components/Icons/User/index.js +5 -7
  326. package/dist/components/Icons/UserAdd/index.js +5 -7
  327. package/dist/components/Icons/UserId/index.js +5 -7
  328. package/dist/components/Icons/UserRemove/index.js +5 -7
  329. package/dist/components/Icons/Users/index.js +5 -7
  330. package/dist/components/Icons/Virus/index.js +5 -7
  331. package/dist/components/Icons/Visibility/index.js +14 -16
  332. package/dist/components/Icons/Wallet/index.js +5 -7
  333. package/dist/components/Icons/Watch/index.js +5 -7
  334. package/dist/components/Icons/Week/index.js +10 -12
  335. package/dist/components/Icons/Xing/index.js +5 -7
  336. package/dist/components/Icons/index.js +35 -46
  337. package/dist/components/InlineLoader/index.js +46 -61
  338. package/dist/components/Input/index.js +49 -34
  339. package/dist/components/InputBox/AdornedBox/Adornment/index.js +37 -53
  340. package/dist/components/InputBox/AdornedBox/index.js +60 -53
  341. package/dist/components/InputBox/InputError/index.js +5 -15
  342. package/dist/components/InputBox/InputFactory/index.js +17 -15
  343. package/dist/components/InputBox/UnadornedBox/index.js +34 -25
  344. package/dist/components/InputBox/index.js +4 -6
  345. package/dist/components/InputWithIcon/index.js +30 -30
  346. package/dist/components/InputWithUnit/index.js +63 -73
  347. package/dist/components/Label/index.js +9 -14
  348. package/dist/components/Legend/index.js +5 -14
  349. package/dist/components/LinkButton/index.js +29 -20
  350. package/dist/components/Lists/DL/DD/index.js +3 -14
  351. package/dist/components/Lists/DL/DT/index.js +4 -14
  352. package/dist/components/Lists/DL/index.js +3 -14
  353. package/dist/components/Lists/LI/index.js +3 -14
  354. package/dist/components/Lists/OL/index.js +3 -14
  355. package/dist/components/Lists/UL/index.js +3 -14
  356. package/dist/components/LoadingContainer/index.js +24 -25
  357. package/dist/components/Modal/ModalBody/index.js +3 -16
  358. package/dist/components/Modal/ModalHeader/index.js +23 -31
  359. package/dist/components/Modal/index.js +71 -96
  360. package/dist/components/NumberInput/componentMap/index.js +4 -2
  361. package/dist/components/NumberInput/decimalFilter/index.js +1 -1
  362. package/dist/components/NumberInput/index.js +51 -55
  363. package/dist/components/NumberInput/inputMode/index.js +1 -1
  364. package/dist/components/NumberInput/integerFilter/index.js +1 -1
  365. package/dist/components/Options/index.js +59 -66
  366. package/dist/components/PageLoader/index.js +75 -91
  367. package/dist/components/Pill/index.js +22 -35
  368. package/dist/components/ProgressBar/index.js +39 -58
  369. package/dist/components/ProgressSteps/index.js +100 -49
  370. package/dist/components/ProvincePicker/index.js +21 -23
  371. package/dist/components/Radio/index.js +54 -59
  372. package/dist/components/RadioBlock/index.js +59 -80
  373. package/dist/components/ResponsiveTabs/index.js +93 -110
  374. package/dist/components/SearchInput/index.js +64 -52
  375. package/dist/components/Select/Optgroup/index.js +7 -3
  376. package/dist/components/Select/Option/index.js +8 -4
  377. package/dist/components/Select/index.js +42 -28
  378. package/dist/components/SelectedFile/index.js +62 -85
  379. package/dist/components/Snackbar/index.js +108 -157
  380. package/dist/components/StatusBadge/index.js +15 -19
  381. package/dist/components/Styleguide/ConstantsList/index.js +40 -88
  382. package/dist/components/Switch/index.js +55 -82
  383. package/dist/components/Table/Cell/index.js +18 -21
  384. package/dist/components/Table/HeaderCell/index.js +4 -13
  385. package/dist/components/Table/Row/index.js +6 -13
  386. package/dist/components/Table/TableBody/index.js +7 -3
  387. package/dist/components/Table/TableFooter/index.js +7 -3
  388. package/dist/components/Table/TableHeader/index.js +7 -3
  389. package/dist/components/Table/index.js +3 -14
  390. package/dist/components/Tabs/Tab/index.js +23 -13
  391. package/dist/components/Tabs/TabList/index.js +8 -13
  392. package/dist/components/Tabs/TabPanel/index.js +6 -12
  393. package/dist/components/Tabs/index.js +4 -13
  394. package/dist/components/Textarea/index.js +50 -27
  395. package/dist/components/Time/DurationPicker/DurationOverlay/index.js +40 -42
  396. package/dist/components/Time/DurationPicker/index.js +46 -62
  397. package/dist/components/Time/OverlayBase/UnitInput/index.js +68 -103
  398. package/dist/components/Time/OverlayBase/index.js +77 -85
  399. package/dist/components/Time/TimePicker/TimeOverlay/UnitInput/index.js +62 -91
  400. package/dist/components/Time/TimePicker/TimeOverlay/index.js +87 -133
  401. package/dist/components/Time/TimePicker/index.js +76 -95
  402. package/dist/components/TimeInput/index.js +1 -1
  403. package/dist/components/TimePicker/DayPart/DayPartOverlay/index.js +98 -189
  404. package/dist/components/TimePicker/DayPart/index.js +59 -105
  405. package/dist/components/TimePicker/Elements/Actions/index.js +6 -14
  406. package/dist/components/TimePicker/Elements/CancelLink/index.js +7 -13
  407. package/dist/components/TimePicker/Elements/DownIcon/index.js +10 -19
  408. package/dist/components/TimePicker/Elements/IncrementNotice/index.js +6 -14
  409. package/dist/components/TimePicker/Elements/PickerSeparator/index.js +5 -14
  410. package/dist/components/TimePicker/Elements/Title/index.js +8 -14
  411. package/dist/components/TimePicker/Elements/TitleUnderline/index.js +9 -14
  412. package/dist/components/TimePicker/Elements/UpIcon/index.js +10 -19
  413. package/dist/components/TimePicker/Time/TimeInput/index.js +58 -77
  414. package/dist/components/TimePicker/Time/TimeOverlay/index.js +185 -210
  415. package/dist/components/TimePicker/Time/index.js +76 -105
  416. package/dist/components/TimePicker/utils/PickerGA/index.js +9 -7
  417. package/dist/components/TimePicker/utils/constants/loopStatus.js +1 -1
  418. package/dist/components/TimePicker/utils/limitAround/index.js +1 -1
  419. package/dist/components/TimePicker/utils/loopAround/index.js +3 -3
  420. package/dist/components/TimePicker/utils/loopAroundMinutes/index.js +3 -3
  421. package/dist/components/TimePicker/utils/roundToMultiple/index.js +1 -3
  422. package/dist/components/Tooltip/index.js +74 -80
  423. package/dist/components/Typeahead/MobileHeader/index.js +29 -24
  424. package/dist/components/Typeahead/Option/OptionImage/index.js +12 -35
  425. package/dist/components/Typeahead/Option/index.js +59 -103
  426. package/dist/components/Typeahead/Options/index.js +15 -18
  427. package/dist/components/Typeahead/index.js +191 -185
  428. package/dist/components/Typeahead/mocks/employees.js +1 -1
  429. package/dist/components/Typeahead/utils/getSelected/index.js +2 -4
  430. package/dist/components/Typography/H1/index.js +7 -14
  431. package/dist/components/Typography/H2/index.js +7 -14
  432. package/dist/components/Typography/H3/index.js +7 -14
  433. package/dist/components/Typography/H4/index.js +7 -14
  434. package/dist/components/Typography/H5/index.js +7 -14
  435. package/dist/components/Typography/H6/index.js +7 -14
  436. package/dist/components/Typography/P/index.js +4 -16
  437. package/dist/components/Typography/Small/index.js +3 -16
  438. package/dist/components/Validation/index.js +18 -20
  439. package/dist/components/WithDayPicker/index.js +40 -65
  440. package/dist/components/WithValidation/index.js +44 -61
  441. package/dist/components/XingLoader/index.js +56 -112
  442. package/dist/components/withConfirmation/index.js +69 -68
  443. package/dist/components/withModal/index.js +14 -28
  444. package/dist/constants/breakpoints/index.js +1 -1
  445. package/dist/constants/colors/index.js +47 -47
  446. package/dist/constants/documents/index.js +3 -3
  447. package/dist/constants/spacing/index.js +1 -1
  448. package/dist/constants/vars/index.js +8 -8
  449. package/dist/constants/z-index/index.js +1 -1
  450. package/dist/hooks/useClickOutside/index.js +5 -5
  451. package/dist/setupTests.js +8 -8
  452. package/dist/test-utils/renderCheck/index.js +15 -17
  453. package/dist/test-utils/waitForAsync/index.js +1 -5
  454. package/dist/utils/numbers/getBoundedValue/index.js +1 -1
  455. package/dist/utils/pad/index.js +2 -2
  456. package/dist/utils/range/index.js +3 -5
  457. package/dist/utils/roundTo/index.js +5 -5
  458. package/dist/utils/setBreakPoint/index.js +1 -3
  459. package/dist/utils/stripUnit/index.js +2 -2
  460. package/dist/utils/time/Duration/index.js +33 -41
  461. package/dist/utils/time/durationToMilliseconds/index.js +11 -21
  462. package/dist/utils/time/durationToTimeString/index.js +3 -5
  463. package/dist/utils/time/millisecondsToDuration/index.js +6 -6
  464. package/dist/utils/trackForm/index.js +34 -37
  465. package/package.json +5 -5
  466. package/src/components/Icons/CrossThick/examples.md +5 -0
  467. package/src/components/Icons/CrossThick/index.js +19 -0
  468. package/src/components/Icons/TickThick/examples.md +5 -0
  469. package/src/components/Icons/TickThick/index.js +19 -0
  470. package/src/components/Typeahead/Option/index.js +0 -1
  471. package/src/components/WithDayPicker/index.js +3 -3
@@ -31,137 +31,129 @@ var _UnitInput = _interopRequireDefault(require("./UnitInput"));
31
31
 
32
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
33
 
34
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
34
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
35
35
 
36
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
37
-
38
- function _templateObject4() {
39
- var data = _taggedTemplateLiteralLoose(["\n\tbackground-color: #fafdff;\n\tborder-top: 1px solid #0a223333;\n\tmargin: 0;\n\tpadding: ", " ", " 0;\n\tjustify-content: space-between;\n\n\t@media (min-width: ", ") {\n\t\tpadding: ", " ", " ", ";\n\t}\n\n\t@media (max-width: ", ") {\n\t\tbutton {\n\t\t\tmargin-bottom: ", ";\n\t\t}\n\t}\n"]);
40
-
41
- _templateObject4 = function _templateObject4() {
42
- return data;
43
- };
44
-
45
- return data;
46
- }
47
-
48
- function _templateObject3() {
49
- var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tbackground-color: white;\n\tpadding: ", ";\n\talign-items: center;\n\tjustify-content: center;\n\n\t@media (min-width: ", ") {\n\t\tpadding: ", ";\n\t}\n"]);
50
-
51
- _templateObject3 = function _templateObject3() {
52
- return data;
53
- };
54
-
55
- return data;
56
- }
57
-
58
- function _templateObject2() {
59
- var data = _taggedTemplateLiteralLoose(["\n\tposition: absolute;\n\ttop: 50px;\n\tz-index: ", ";\n\twidth: 220px;\n\tbox-shadow: ", ";\n\tborder: 2px solid ", ";\n\tborder-radius: ", ";\n\n\t@media (min-width: ", ") {\n\t\twidth: 320px;\n\t}\n"]);
60
-
61
- _templateObject2 = function _templateObject2() {
62
- return data;
63
- };
64
-
65
- return data;
66
- }
67
-
68
- function _templateObject() {
69
- var data = _taggedTemplateLiteralLoose(["\n\tpadding: ", " ", ";\n\tfont-size: ", ";\n\tdisplay: inline-block;\n"]);
70
-
71
- _templateObject = function _templateObject() {
72
- return data;
73
- };
74
-
75
- return data;
76
- }
77
-
78
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
79
-
80
- var Separator = _styledComponents.default.span(_templateObject(), _spacing.default.s2, _spacing.default.s3, _spacing.default.s3);
36
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
81
37
 
38
+ const Separator = _styledComponents.default.span`
39
+ padding: ${_spacing.default.s2} ${_spacing.default.s3};
40
+ font-size: ${_spacing.default.s3};
41
+ display: inline-block;
42
+ `;
82
43
  Separator.displayName = 'Separator';
83
-
84
- var Overlay = _styledComponents.default.div(_templateObject2(), _zIndex.default.OVERLAY, _vars.default.boxShadow, _colors.default.borderFocus, _vars.default.borderRadius, _breakpoints.default.tablet);
85
-
44
+ const Overlay = _styledComponents.default.div`
45
+ position: absolute;
46
+ top: 50px;
47
+ z-index: ${_zIndex.default.OVERLAY};
48
+ width: 220px;
49
+ box-shadow: ${_vars.default.boxShadow};
50
+ border: 2px solid ${_colors.default.borderFocus};
51
+ border-radius: ${_vars.default.borderRadius};
52
+
53
+ @media (min-width: ${_breakpoints.default.tablet}) {
54
+ width: 320px;
55
+ }
56
+ `;
86
57
  Overlay.displayName = 'Overlay';
87
-
88
- var Content = _styledComponents.default.div(_templateObject3(), _spacing.default.s2, _breakpoints.default.tablet, _spacing.default.s3);
89
-
58
+ const Content = _styledComponents.default.div`
59
+ display: flex;
60
+ flex-direction: row;
61
+ background-color: white;
62
+ padding: ${_spacing.default.s2};
63
+ align-items: center;
64
+ justify-content: center;
65
+
66
+ @media (min-width: ${_breakpoints.default.tablet}) {
67
+ padding: ${_spacing.default.s3};
68
+ }
69
+ `;
90
70
  Content.displayName = 'Content';
91
- var DialogButtonGroup = (0, _styledComponents.default)(_ButtonGroup.default)(_templateObject4(), _spacing.default.s1, _spacing.default.s1, _breakpoints.default.tablet, _spacing.default.s2, _spacing.default.s2, _spacing.default.s1, _breakpoints.default.tablet, _spacing.default.s1);
71
+ const DialogButtonGroup = (0, _styledComponents.default)(_ButtonGroup.default)`
72
+ background-color: #fafdff;
73
+ border-top: 1px solid #0a223333;
74
+ margin: 0;
75
+ padding: ${_spacing.default.s1} ${_spacing.default.s1} 0;
76
+ justify-content: space-between;
77
+
78
+ @media (min-width: ${_breakpoints.default.tablet}) {
79
+ padding: ${_spacing.default.s2} ${_spacing.default.s2} ${_spacing.default.s1};
80
+ }
81
+
82
+ @media (max-width: ${_breakpoints.default.tablet}) {
83
+ button {
84
+ margin-bottom: ${_spacing.default.s1};
85
+ }
86
+ }
87
+ `;
92
88
  DialogButtonGroup.displayName = 'DialogButtonGroup';
93
- var OverlayBase = (0, _react.forwardRef)(function (_ref, ref) {
94
- var value = _ref.value,
95
- onHide = _ref.onHide,
96
- hourIncrements = _ref.hourIncrements,
97
- minuteIncrements = _ref.minuteIncrements,
98
- GA = _ref.GA,
99
- _onIncrement = _ref.onIncrement,
100
- _onChange = _ref.onChange,
101
- onApply = _ref.onApply;
102
- var hideCallback = (0, _react.useCallback)(onHide, [onHide]);
103
- (0, _react.useEffect)(function () {
104
- var handleEsc = function handleEsc(e) {
89
+ const OverlayBase = (0, _react.forwardRef)((_ref, ref) => {
90
+ let {
91
+ value,
92
+ onHide,
93
+ hourIncrements,
94
+ minuteIncrements,
95
+ GA,
96
+ onIncrement,
97
+ onChange,
98
+ onApply
99
+ } = _ref;
100
+ const hideCallback = (0, _react.useCallback)(onHide, [onHide]);
101
+ (0, _react.useEffect)(() => {
102
+ const handleEsc = e => {
105
103
  if (e.keyCode === 27) {
106
104
  hideCallback();
107
105
  }
108
106
  };
109
107
 
110
108
  window.addEventListener('keydown', handleEsc);
111
- return function () {
109
+ return () => {
112
110
  window.removeEventListener('keydown', handleEsc);
113
111
  };
114
112
  }, [hideCallback]);
115
- var hours = value.hours,
116
- minutes = value.minutes;
113
+ const {
114
+ hours,
115
+ minutes
116
+ } = value;
117
117
  return _react.default.createElement(Overlay, {
118
118
  ref: ref
119
119
  }, _react.default.createElement(Content, null, _react.default.createElement(_UnitInput.default, {
120
120
  unit: "hours",
121
121
  value: hours,
122
- onChange: function onChange(newValue, shouldApply) {
123
- return _onChange(newValue, 'hours', shouldApply);
124
- },
125
- onIncrement: function onIncrement(i) {
126
- return _onIncrement(i, 'hours');
127
- },
122
+ onChange: (newValue, shouldApply) => onChange(newValue, 'hours', shouldApply),
123
+ onIncrement: i => onIncrement(i, 'hours'),
128
124
  increment: hourIncrements
129
125
  }), _react.default.createElement(Separator, null, ":"), _react.default.createElement(_UnitInput.default, {
130
126
  unit: "minutes",
131
127
  value: minutes,
132
- onChange: function onChange(newValue, shouldApply) {
133
- return _onChange(newValue, 'minutes', shouldApply);
134
- },
135
- onIncrement: function onIncrement(i) {
136
- return _onIncrement(i, 'minutes');
137
- },
128
+ onChange: (newValue, shouldApply) => onChange(newValue, 'minutes', shouldApply),
129
+ onIncrement: i => onIncrement(i, 'minutes'),
138
130
  showLargeIncrements: minuteIncrements <= 15,
139
131
  increment: minuteIncrements
140
132
  })), _react.default.createElement(DialogButtonGroup, {
141
133
  reverseColumnOrder: true
142
134
  }, _react.default.createElement(_OutlineButton.default, {
143
135
  type: "button",
144
- onClick: function onClick() {
136
+ onClick: () => {
145
137
  onHide();
146
138
 
147
139
  if (GA) {
148
140
  (0, _reactGa.event)({
149
141
  category: GA.category,
150
- action: GA.action + " (Cancel)"
142
+ action: `${GA.action} (Cancel)`
151
143
  });
152
144
  }
153
145
  }
154
146
  }, "Cancel"), _react.default.createElement(_BrandButton.default, {
155
147
  type: "button",
156
- onClick: function onClick() {
148
+ onClick: () => {
157
149
  onApply(value);
158
150
  onHide();
159
151
 
160
152
  if (GA) {
161
153
  (0, _reactGa.event)({
162
154
  category: GA.category,
163
- action: GA.action + " (Apply)",
164
- label: hours + " hrs " + minutes + " mins"
155
+ action: `${GA.action} (Apply)`,
156
+ label: `${hours} hrs ${minutes} mins`
165
157
  });
166
158
  }
167
159
  },
@@ -17,121 +17,92 @@ var _vars = _interopRequireDefault(require("../../../../../constants/vars"));
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
20
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
20
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
21
 
22
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
22
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
23
 
24
- function _templateObject4() {
25
- var data = _taggedTemplateLiteralLoose(["\n\t", "\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: ", "px;\n\tcursor: pointer;\n\tuser-select: none;\n"]);
24
+ const buildValues = (unit, increment, min, max) => {
25
+ const values = [];
26
26
 
27
- _templateObject4 = function _templateObject4() {
28
- return data;
29
- };
30
-
31
- return data;
32
- }
33
-
34
- function _templateObject3() {
35
- var data = _taggedTemplateLiteralLoose(["\n\twidth: 90px;\n\theight: 206px;\n\toverflow-y: scroll;\n\tborder: 1px solid ", ";\n\tpadding: 1px ", ";\n\n\t& ::-webkit-scrollbar-track {\n\t\tcolor: white;\n\t}\n"]);
36
-
37
- _templateObject3 = function _templateObject3() {
38
- return data;
39
- };
40
-
41
- return data;
42
- }
43
-
44
- function _templateObject2() {
45
- var data = _taggedTemplateLiteralLoose(["\n\tmargin: 0 0 ", " 0;\n\tfont-family: ", ";\n\ttext-align: center;\n"]);
46
-
47
- _templateObject2 = function _templateObject2() {
48
- return data;
49
- };
50
-
51
- return data;
52
- }
53
-
54
- function _templateObject() {
55
- var data = _taggedTemplateLiteralLoose(["\n\tpadding: 0 ", ";\n"]);
56
-
57
- _templateObject = function _templateObject() {
58
- return data;
59
- };
60
-
61
- return data;
62
- }
63
-
64
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
65
-
66
- var buildValues = function buildValues(unit, increment, min, max) {
67
- var values = [];
68
-
69
- for (var i = min; i <= max; i += increment) {
27
+ for (let i = min; i <= max; i += increment) {
70
28
  values.push(i);
71
29
  }
72
30
 
73
31
  return values;
74
32
  };
75
33
 
76
- var Container = _styledComponents.default.div(_templateObject(), _spacing.default.s3);
77
-
34
+ const Container = _styledComponents.default.div`
35
+ padding: 0 ${_spacing.default.s3};
36
+ `;
78
37
  Container.displayName = 'Container';
79
-
80
- var Heading = _styledComponents.default.h4(_templateObject2(), _spacing.default.s1, _vars.default.fontStackBold);
81
-
38
+ const Heading = _styledComponents.default.h4`
39
+ margin: 0 0 ${_spacing.default.s1} 0;
40
+ font-family: ${_vars.default.fontStackBold};
41
+ text-align: center;
42
+ `;
82
43
  Heading.displayName = 'Heading';
83
-
84
- var ListBox = _styledComponents.default.div(_templateObject3(), _colors.default.greyPale, _spacing.default.s1);
85
-
44
+ const ListBox = _styledComponents.default.div`
45
+ width: 90px;
46
+ height: 206px;
47
+ overflow-y: scroll;
48
+ border: 1px solid ${_colors.default.greyPale};
49
+ padding: 1px ${_spacing.default.s1};
50
+
51
+ & ::-webkit-scrollbar-track {
52
+ color: white;
53
+ }
54
+ `;
86
55
  ListBox.displayName = 'ListBox';
87
- var itemHeight = 40;
88
-
89
- var ListBoxOption = _styledComponents.default.div(_templateObject4(), function (props) {
90
- return props.selected && "\n\t\tbackground-color: " + _colors.default.primary + ";\n\t\tcolor: " + _colors.default.white + ";\n\t\tborder-radius: " + _vars.default.borderRadius + ";\n\t";
91
- }, itemHeight);
92
-
56
+ const itemHeight = 40;
57
+ const ListBoxOption = _styledComponents.default.div`
58
+ ${props => props.selected && `
59
+ background-color: ${_colors.default.primary};
60
+ color: ${_colors.default.white};
61
+ border-radius: ${_vars.default.borderRadius};
62
+ `}
63
+ display: flex;
64
+ align-items: center;
65
+ justify-content: center;
66
+ height: ${itemHeight}px;
67
+ cursor: pointer;
68
+ user-select: none;
69
+ `;
93
70
  ListBoxOption.displayName = 'ListBoxOption';
94
71
 
95
- var formatNumber = function formatNumber(v) {
96
- return v.toString().padStart(2, '0');
97
- };
98
-
99
- var UnitInput = function UnitInput(_ref) {
100
- var value = _ref.value,
101
- unit = _ref.unit,
102
- onChange = _ref.onChange,
103
- increment = _ref.increment,
104
- min = _ref.min,
105
- max = _ref.max;
106
- var listBoxRef = (0, _react.useRef)();
107
- var options = buildValues(unit, increment, min, max);
108
- (0, _react.useEffect)(function () {
72
+ const formatNumber = v => v.toString().padStart(2, '0');
73
+
74
+ const UnitInput = _ref => {
75
+ let {
76
+ value,
77
+ unit,
78
+ onChange,
79
+ increment,
80
+ min,
81
+ max
82
+ } = _ref;
83
+ const listBoxRef = (0, _react.useRef)();
84
+ const options = buildValues(unit, increment, min, max);
85
+ (0, _react.useEffect)(() => {
109
86
  /* istanbul ignore next */
110
87
  if (listBoxRef && listBoxRef.current && listBoxRef.current.scrollTo) {
111
88
  // when opened, ensure the selected value is in the ListBox viewport
112
- var index = options.findIndex(function (option) {
113
- return option === value;
114
- });
115
- var scrollIndex = itemHeight * (index - 2);
89
+ const index = options.findIndex(option => option === value);
90
+ const scrollIndex = itemHeight * (index - 2);
116
91
  listBoxRef.current.scrollTo(0, scrollIndex);
117
92
  }
118
93
  }, []);
119
- var heading = unit === 'hours' ? 'Hour' : 'Minute';
94
+ const heading = unit === 'hours' ? 'Hour' : 'Minute';
120
95
  return _react.default.createElement(Container, null, _react.default.createElement(Heading, null, heading), _react.default.createElement(ListBox, {
121
96
  ref: listBoxRef,
122
97
  role: "listbox",
123
98
  "aria-label": heading
124
- }, options.map(function (opt) {
125
- return _react.default.createElement(ListBoxOption, {
126
- role: "option",
127
- selected: opt === value,
128
- "aria-selected": opt === value,
129
- onClick: function onClick() {
130
- return onChange(opt);
131
- },
132
- key: unit + "_" + opt
133
- }, formatNumber(opt));
134
- })));
99
+ }, options.map(opt => _react.default.createElement(ListBoxOption, {
100
+ role: "option",
101
+ selected: opt === value,
102
+ "aria-selected": opt === value,
103
+ onClick: () => onChange(opt),
104
+ key: `${unit}_${opt}`
105
+ }, formatNumber(opt)))));
135
106
  };
136
107
 
137
108
  UnitInput.propTypes = {