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.
- package/.babelrc +1 -1
- package/dist/animations/SlideUp/index.js +32 -20
- package/dist/components/A/index.js +18 -14
- package/dist/components/Alert/index.js +24 -57
- package/dist/components/Avatar/index.js +29 -34
- package/dist/components/Avatar/utils/getAcronym/index.js +2 -4
- package/dist/components/Badge/index.js +14 -20
- package/dist/components/Breadcrumbs/index.js +33 -41
- package/dist/components/BrowserWarning/index.js +39 -37
- package/dist/components/BrowserWarning/supportsStaticImport.js +1 -1
- package/dist/components/BulletedList/index.js +19 -35
- package/dist/components/Button/BaseButton/index.js +46 -38
- package/dist/components/Button/BrandButton/index.js +20 -13
- package/dist/components/Button/Button/index.js +63 -66
- package/dist/components/Button/OutlineButton/index.js +41 -43
- package/dist/components/Button/WhiteOutlineButton/index.js +16 -13
- package/dist/components/ButtonGroup/index.js +33 -16
- package/dist/components/Checkbox/index.js +89 -68
- package/dist/components/Chevron/Chevron/index.js +13 -18
- package/dist/components/Chevron/CircledChevron/index.js +30 -17
- package/dist/components/CopyToClipboard/index.js +49 -59
- package/dist/components/CountryPicker/index.js +17 -19
- package/dist/components/DateInput/index.js +68 -89
- package/dist/components/DayMonthInput/index.js +29 -47
- package/dist/components/DayMonthInput/utils/getDayValue/index.js +3 -3
- package/dist/components/DayPicker/index.js +176 -214
- package/dist/components/DayPickerPanel/Cancel/index.js +15 -13
- package/dist/components/DayPickerPanel/Header/index.js +53 -96
- package/dist/components/DayPickerPanel/HeaderDayPickerPanel/dayPickerCSS.js +160 -11
- package/dist/components/DayPickerPanel/HeaderDayPickerPanel/index.js +149 -252
- package/dist/components/DayPickerPanel/HeaderMonthPanel/index.js +31 -40
- package/dist/components/DayPickerPanel/HeaderYearPanel/index.js +28 -41
- package/dist/components/DayPickerPanel/ItemSelector/index.js +44 -59
- package/dist/components/DayPickerPanel/Shortcuts/index.js +23 -28
- package/dist/components/DayPickerPanel/index.js +173 -217
- package/dist/components/DayPickerPanel/utils/getYearRangeChunks/index.js +3 -3
- package/dist/components/DayPickerPanel/utils/getYearRangeIndex/index.js +1 -5
- package/dist/components/Donut/index.js +73 -31
- package/dist/components/DropZone/index.js +21 -54
- package/dist/components/Dropdown/DropdownItem/index.js +11 -14
- package/dist/components/Dropdown/index.js +71 -118
- package/dist/components/DurationInput/index.js +41 -56
- package/dist/components/DurationInput/utils/roundOnBlur/index.js +13 -11
- package/dist/components/EmployeeCard/index.js +24 -40
- package/dist/components/EmployeePicker/DisplayFilter/index.js +29 -37
- package/dist/components/EmployeePicker/FilterBar/index.js +51 -84
- package/dist/components/EmployeePicker/Group/index.js +70 -127
- package/dist/components/EmployeePicker/GroupList/index.js +20 -24
- package/dist/components/EmployeePicker/Item/index.js +76 -122
- package/dist/components/EmployeePicker/index.js +67 -77
- package/dist/components/EmployeePicker/utils/index.js +9 -21
- package/dist/components/ErrorMessage/index.js +16 -29
- package/dist/components/Expando/index.js +62 -96
- package/dist/components/Fieldset/index.js +24 -18
- package/dist/components/FileIcons/index.js +14 -12
- package/dist/components/FilterRadioGroup/index.js +59 -55
- package/dist/components/Form/index.js +195 -198
- package/dist/components/Form/utils/runFormValidation.js +11 -11
- package/dist/components/FormLayout/FormRow/FormContent/index.js +4 -16
- package/dist/components/FormLayout/FormRow/FormLabel/index.js +10 -14
- package/dist/components/FormLayout/FormRow/index.js +9 -14
- package/dist/components/FormLayout/index.js +1 -14
- package/dist/components/Formik/FormikCheckbox/index.js +8 -8
- package/dist/components/Formik/FormikDayPicker/index.js +23 -17
- package/dist/components/Formik/FormikInput/index.js +10 -10
- package/dist/components/Formik/FormikOptions/index.js +13 -20
- package/dist/components/Formik/FormikRadio/index.js +10 -10
- package/dist/components/Formik/FormikRadioGroup/index.js +3 -5
- package/dist/components/Formik/FormikResetButton/index.js +5 -3
- package/dist/components/Formik/FormikSelect/index.js +10 -10
- package/dist/components/Formik/FormikSubmitButton/index.js +8 -8
- package/dist/components/Formik/FormikTextarea/index.js +10 -10
- package/dist/components/Formik/FormikTypeahead/index.js +26 -30
- package/dist/components/Formik/FormikValidation/index.js +12 -21
- package/dist/components/Formik/index.js +1 -14
- package/dist/components/HR/index.js +12 -14
- package/dist/components/Icons/AddIcon/index.js +6 -8
- package/dist/components/Icons/AddSquare/index.js +5 -7
- package/dist/components/Icons/Alarmclock/index.js +5 -7
- package/dist/components/Icons/Anchor/index.js +5 -7
- package/dist/components/Icons/Apps/index.js +5 -7
- package/dist/components/Icons/ArrowBigDown/index.js +5 -7
- package/dist/components/Icons/ArrowLoop/index.js +5 -7
- package/dist/components/Icons/Baby/index.js +5 -7
- package/dist/components/Icons/BackArrow/index.js +5 -7
- package/dist/components/Icons/BackToWorkNavigator/index.js +7 -9
- package/dist/components/Icons/Beta/index.js +5 -7
- package/dist/components/Icons/Blip/index.js +12 -14
- package/dist/components/Icons/Book/index.js +5 -7
- package/dist/components/Icons/Bookmark/index.js +5 -7
- package/dist/components/Icons/BoomMoodle/index.js +8 -10
- package/dist/components/Icons/BoxTruck/index.js +5 -7
- package/dist/components/Icons/BrighhrApp/index.js +5 -7
- package/dist/components/Icons/BrightAdvice/index.js +5 -7
- package/dist/components/Icons/Browser/index.js +5 -7
- package/dist/components/Icons/Bullhorn/index.js +5 -7
- package/dist/components/Icons/Cake/index.js +5 -7
- package/dist/components/Icons/Calculator/index.js +5 -7
- package/dist/components/Icons/Calendar/index.js +25 -27
- package/dist/components/Icons/CalendarAdd/index.js +11 -13
- package/dist/components/Icons/CalendarBlackout/index.js +5 -7
- package/dist/components/Icons/CalendarCross/index.js +9 -11
- package/dist/components/Icons/CalendarDates/index.js +5 -7
- package/dist/components/Icons/CalendarInfo/index.js +5 -7
- package/dist/components/Icons/CalendarOverlap/index.js +5 -7
- package/dist/components/Icons/Camera/index.js +5 -7
- package/dist/components/Icons/CameraAperture/index.js +5 -7
- package/dist/components/Icons/Cart/index.js +11 -13
- package/dist/components/Icons/Case/index.js +5 -7
- package/dist/components/Icons/Certificate/index.js +5 -7
- package/dist/components/Icons/Chair/index.js +5 -7
- package/dist/components/Icons/Chat/index.js +5 -7
- package/dist/components/Icons/CheckCircle/index.js +5 -7
- package/dist/components/Icons/Checklist/index.js +5 -7
- package/dist/components/Icons/Chevron/index.js +5 -7
- package/dist/components/Icons/ChevronCircleDown/index.js +5 -7
- package/dist/components/Icons/ChevronCircleLeft/index.js +5 -7
- package/dist/components/Icons/ChevronCircleRight/index.js +5 -7
- package/dist/components/Icons/ChevronCircleUp/index.js +5 -7
- package/dist/components/Icons/ChevronDoubleDown/index.js +13 -15
- package/dist/components/Icons/ChevronDoubleUp/index.js +13 -15
- package/dist/components/Icons/ChevronDown/index.js +5 -7
- package/dist/components/Icons/ChevronLeft/index.js +5 -7
- package/dist/components/Icons/ChevronRight/index.js +5 -7
- package/dist/components/Icons/ChevronUp/index.js +5 -7
- package/dist/components/Icons/Clear/index.js +5 -7
- package/dist/components/Icons/Clipboard/index.js +40 -42
- package/dist/components/Icons/Clock/index.js +7 -9
- package/dist/components/Icons/Close/index.js +7 -3
- package/dist/components/Icons/ClothesHanger/index.js +5 -7
- package/dist/components/Icons/Clothing/index.js +5 -7
- package/dist/components/Icons/Cog/index.js +5 -7
- package/dist/components/Icons/Compass/index.js +5 -7
- package/dist/components/Icons/Compassion/index.js +7 -9
- package/dist/components/Icons/Compassionate/index.js +5 -7
- package/dist/components/Icons/Conflict/index.js +5 -7
- package/dist/components/Icons/ContactCard/index.js +5 -7
- package/dist/components/Icons/Contrast/index.js +5 -7
- package/dist/components/Icons/Copy/index.js +5 -7
- package/dist/components/Icons/Court/index.js +5 -7
- package/dist/components/Icons/Crib/index.js +5 -7
- package/dist/components/Icons/Crop/index.js +5 -7
- package/dist/components/Icons/Cross/index.js +5 -7
- package/dist/components/Icons/CrossCircle/index.js +5 -7
- package/dist/components/Icons/CrossThick/index.js +29 -0
- package/dist/components/Icons/Crown/index.js +5 -7
- package/dist/components/Icons/Dependants/index.js +5 -7
- package/dist/components/Icons/DesktopComputer/index.js +5 -7
- package/dist/components/Icons/Dial/index.js +5 -7
- package/dist/components/Icons/Diamond/index.js +5 -7
- package/dist/components/Icons/Diaper/index.js +5 -7
- package/dist/components/Icons/DisabilityMobility/index.js +5 -7
- package/dist/components/Icons/Door/index.js +5 -7
- package/dist/components/Icons/DownArrow/index.js +5 -7
- package/dist/components/Icons/Download/index.js +5 -7
- package/dist/components/Icons/Dropdown/index.js +17 -22
- package/dist/components/Icons/Edit/index.js +5 -7
- package/dist/components/Icons/Education/index.js +5 -7
- package/dist/components/Icons/Emergency/index.js +5 -7
- package/dist/components/Icons/Enter/index.js +5 -7
- package/dist/components/Icons/Error/index.js +5 -7
- package/dist/components/Icons/ErrorOctagon/index.js +5 -7
- package/dist/components/Icons/Exit/index.js +5 -7
- package/dist/components/Icons/Expand/index.js +5 -7
- package/dist/components/Icons/Eye/index.js +7 -3
- package/dist/components/Icons/Factory/index.js +20 -22
- package/dist/components/Icons/FactoryIcon/index.js +5 -7
- package/dist/components/Icons/Featus/index.js +5 -7
- package/dist/components/Icons/FeedbackLoop/index.js +5 -7
- package/dist/components/Icons/FileAudio/index.js +7 -9
- package/dist/components/Icons/FileCode/index.js +5 -7
- package/dist/components/Icons/FileDocument/index.js +11 -13
- package/dist/components/Icons/FileEmail/index.js +5 -7
- package/dist/components/Icons/FileMovie/index.js +5 -7
- package/dist/components/Icons/FilePath/index.js +5 -7
- package/dist/components/Icons/FilePdf/index.js +9 -11
- package/dist/components/Icons/FilePresentation/index.js +13 -15
- package/dist/components/Icons/FileSpreadsheet/index.js +9 -11
- package/dist/components/Icons/FileText/index.js +11 -13
- package/dist/components/Icons/FileVector/index.js +5 -7
- package/dist/components/Icons/Filter/index.js +5 -7
- package/dist/components/Icons/Fingerprint/index.js +5 -7
- package/dist/components/Icons/Flag/index.js +5 -7
- package/dist/components/Icons/Flash/index.js +5 -7
- package/dist/components/Icons/FlashOff/index.js +5 -7
- package/dist/components/Icons/Flower/index.js +5 -7
- package/dist/components/Icons/Folder/index.js +6 -8
- package/dist/components/Icons/FolderSolid/index.js +5 -7
- package/dist/components/Icons/FolderZip/index.js +6 -8
- package/dist/components/Icons/FurloughNavigator/index.js +7 -9
- package/dist/components/Icons/Gallery/index.js +5 -7
- package/dist/components/Icons/GestureTouch/index.js +5 -7
- package/dist/components/Icons/Ghost/index.js +5 -7
- package/dist/components/Icons/Gift/index.js +5 -7
- package/dist/components/Icons/Globe/index.js +5 -7
- package/dist/components/Icons/Grid/index.js +5 -7
- package/dist/components/Icons/Headset/index.js +5 -7
- package/dist/components/Icons/Health/index.js +5 -7
- package/dist/components/Icons/Heart/index.js +5 -7
- package/dist/components/Icons/Help/index.js +5 -7
- package/dist/components/Icons/Home/index.js +5 -7
- package/dist/components/Icons/Hourglass/index.js +5 -7
- package/dist/components/Icons/IdCard/index.js +5 -7
- package/dist/components/Icons/Image/index.js +9 -11
- package/dist/components/Icons/Inbox/index.js +5 -7
- package/dist/components/Icons/InboxEmpty/index.js +5 -7
- package/dist/components/Icons/Information/index.js +5 -7
- package/dist/components/Icons/Injury/index.js +64 -66
- package/dist/components/Icons/KebabMenuHorizontal/index.js +5 -7
- package/dist/components/Icons/KebabMenuVertical/index.js +5 -7
- package/dist/components/Icons/Lazydave/index.js +71 -73
- package/dist/components/Icons/LazydaveMoodle/index.js +71 -73
- package/dist/components/Icons/LeftArrow/index.js +5 -7
- package/dist/components/Icons/Legal/index.js +5 -7
- package/dist/components/Icons/Lightning/index.js +5 -7
- package/dist/components/Icons/LineChart/index.js +5 -7
- package/dist/components/Icons/Link/index.js +5 -7
- package/dist/components/Icons/List/index.js +21 -23
- package/dist/components/Icons/ListBullets/index.js +5 -7
- package/dist/components/Icons/LocationPin/index.js +5 -7
- package/dist/components/Icons/Loop/index.js +5 -7
- package/dist/components/Icons/Magicwand/index.js +5 -7
- package/dist/components/Icons/Mail/index.js +5 -7
- package/dist/components/Icons/MandatoryLeave/index.js +5 -7
- package/dist/components/Icons/Medal/index.js +5 -7
- package/dist/components/Icons/Medical/index.js +5 -7
- package/dist/components/Icons/MedicalBag/index.js +5 -7
- package/dist/components/Icons/Medication/index.js +5 -7
- package/dist/components/Icons/MenuHamburger/index.js +5 -7
- package/dist/components/Icons/Message/index.js +5 -7
- package/dist/components/Icons/Meteor/index.js +5 -7
- package/dist/components/Icons/MinusCircle/index.js +5 -7
- package/dist/components/Icons/MinusSquare/index.js +5 -7
- package/dist/components/Icons/MoneyStack/index.js +5 -7
- package/dist/components/Icons/MoveFile/index.js +5 -7
- package/dist/components/Icons/New/index.js +9 -11
- package/dist/components/Icons/New2/index.js +9 -11
- package/dist/components/Icons/NewWindow/index.js +5 -7
- package/dist/components/Icons/Night/index.js +5 -7
- package/dist/components/Icons/NotAllowed/index.js +5 -7
- package/dist/components/Icons/Note/index.js +7 -9
- package/dist/components/Icons/Notepad/index.js +5 -7
- package/dist/components/Icons/Notifications/index.js +5 -7
- package/dist/components/Icons/OrganisationConnection/index.js +5 -7
- package/dist/components/Icons/Overtime/index.js +5 -7
- package/dist/components/Icons/Pacman/index.js +5 -7
- package/dist/components/Icons/PadlockLocked/index.js +5 -7
- package/dist/components/Icons/PadlockUnlocked/index.js +5 -7
- package/dist/components/Icons/PaperStack/index.js +5 -7
- package/dist/components/Icons/Paperclip/index.js +5 -7
- package/dist/components/Icons/PayrollNavigator/index.js +5 -7
- package/dist/components/Icons/Pencil/index.js +5 -7
- package/dist/components/Icons/Perspective/index.js +5 -7
- package/dist/components/Icons/Phone/index.js +5 -7
- package/dist/components/Icons/PhoneWork/index.js +5 -7
- package/dist/components/Icons/PieChart/index.js +5 -7
- package/dist/components/Icons/Pin/index.js +5 -7
- package/dist/components/Icons/Plaster/index.js +5 -7
- package/dist/components/Icons/Plus/index.js +5 -7
- package/dist/components/Icons/PlusCircle/index.js +5 -7
- package/dist/components/Icons/PoP/index.js +7 -9
- package/dist/components/Icons/Power/index.js +5 -7
- package/dist/components/Icons/Pram/index.js +5 -7
- package/dist/components/Icons/PrintIcon/index.js +14 -16
- package/dist/components/Icons/Printer/index.js +5 -7
- package/dist/components/Icons/Pulse/index.js +5 -7
- package/dist/components/Icons/Puzzle/index.js +5 -7
- package/dist/components/Icons/Question/index.js +5 -7
- package/dist/components/Icons/Radar/index.js +5 -7
- package/dist/components/Icons/Records/index.js +5 -7
- package/dist/components/Icons/RedunancyNavigator/index.js +5 -7
- package/dist/components/Icons/Refresh/index.js +5 -7
- package/dist/components/Icons/Requests/index.js +5 -7
- package/dist/components/Icons/Ribbon/index.js +5 -7
- package/dist/components/Icons/RightArrow/index.js +5 -7
- package/dist/components/Icons/Road/index.js +9 -11
- package/dist/components/Icons/Rosette/index.js +5 -7
- package/dist/components/Icons/Rotas/index.js +5 -7
- package/dist/components/Icons/RotateImage/index.js +5 -7
- package/dist/components/Icons/Rush/index.js +5 -7
- package/dist/components/Icons/Search/index.js +5 -7
- package/dist/components/Icons/SelectArrow/index.js +5 -7
- package/dist/components/Icons/Send/index.js +5 -7
- package/dist/components/Icons/SettingsSliders/index.js +5 -7
- package/dist/components/Icons/Share/index.js +5 -7
- package/dist/components/Icons/Shield/index.js +5 -7
- package/dist/components/Icons/Shifts/index.js +5 -7
- package/dist/components/Icons/Shredder/index.js +5 -7
- package/dist/components/Icons/Signature/index.js +5 -7
- package/dist/components/Icons/Skull/index.js +5 -7
- package/dist/components/Icons/SocialFacebook/index.js +5 -7
- package/dist/components/Icons/SocialInstagram/index.js +5 -7
- package/dist/components/Icons/SocialLinkedin/index.js +5 -7
- package/dist/components/Icons/SocialTwitter/index.js +5 -7
- package/dist/components/Icons/SocialYoutube/index.js +5 -7
- package/dist/components/Icons/SortAscending/index.js +5 -7
- package/dist/components/Icons/SortDescending/index.js +5 -7
- package/dist/components/Icons/Stamp/index.js +5 -7
- package/dist/components/Icons/Star/index.js +5 -7
- package/dist/components/Icons/Steam/index.js +5 -7
- package/dist/components/Icons/Stethoscope/index.js +5 -7
- package/dist/components/Icons/Stop/index.js +5 -7
- package/dist/components/Icons/Suitcase/index.js +5 -7
- package/dist/components/Icons/Sun/index.js +5 -7
- package/dist/components/Icons/Switch/index.js +5 -7
- package/dist/components/Icons/TableGrid/index.js +5 -7
- package/dist/components/Icons/Tachograph/index.js +5 -7
- package/dist/components/Icons/Tag/index.js +5 -7
- package/dist/components/Icons/Target/index.js +5 -7
- package/dist/components/Icons/Tasklist/index.js +40 -42
- package/dist/components/Icons/ThumbsDown/index.js +5 -7
- package/dist/components/Icons/ThumbsUp/index.js +5 -7
- package/dist/components/Icons/Tick/index.js +5 -7
- package/dist/components/Icons/TickCircle/index.js +5 -7
- package/dist/components/Icons/TickThick/index.js +29 -0
- package/dist/components/Icons/ToilEarned/index.js +9 -11
- package/dist/components/Icons/ToilTaken/index.js +13 -15
- package/dist/components/Icons/Tooth/index.js +5 -7
- package/dist/components/Icons/TrainingEvents/index.js +5 -7
- package/dist/components/Icons/Trash/index.js +5 -7
- package/dist/components/Icons/Umbrella/index.js +5 -7
- package/dist/components/Icons/Unpaid/index.js +5 -7
- package/dist/components/Icons/UpArrow/index.js +5 -7
- package/dist/components/Icons/Upload/index.js +5 -7
- package/dist/components/Icons/User/index.js +5 -7
- package/dist/components/Icons/UserAdd/index.js +5 -7
- package/dist/components/Icons/UserId/index.js +5 -7
- package/dist/components/Icons/UserRemove/index.js +5 -7
- package/dist/components/Icons/Users/index.js +5 -7
- package/dist/components/Icons/Virus/index.js +5 -7
- package/dist/components/Icons/Visibility/index.js +14 -16
- package/dist/components/Icons/Wallet/index.js +5 -7
- package/dist/components/Icons/Watch/index.js +5 -7
- package/dist/components/Icons/Week/index.js +10 -12
- package/dist/components/Icons/Xing/index.js +5 -7
- package/dist/components/Icons/index.js +35 -46
- package/dist/components/InlineLoader/index.js +46 -61
- package/dist/components/Input/index.js +49 -34
- package/dist/components/InputBox/AdornedBox/Adornment/index.js +37 -53
- package/dist/components/InputBox/AdornedBox/index.js +60 -53
- package/dist/components/InputBox/InputError/index.js +5 -15
- package/dist/components/InputBox/InputFactory/index.js +17 -15
- package/dist/components/InputBox/UnadornedBox/index.js +34 -25
- package/dist/components/InputBox/index.js +4 -6
- package/dist/components/InputWithIcon/index.js +30 -30
- package/dist/components/InputWithUnit/index.js +63 -73
- package/dist/components/Label/index.js +9 -14
- package/dist/components/Legend/index.js +5 -14
- package/dist/components/LinkButton/index.js +29 -20
- package/dist/components/Lists/DL/DD/index.js +3 -14
- package/dist/components/Lists/DL/DT/index.js +4 -14
- package/dist/components/Lists/DL/index.js +3 -14
- package/dist/components/Lists/LI/index.js +3 -14
- package/dist/components/Lists/OL/index.js +3 -14
- package/dist/components/Lists/UL/index.js +3 -14
- package/dist/components/LoadingContainer/index.js +24 -25
- package/dist/components/Modal/ModalBody/index.js +3 -16
- package/dist/components/Modal/ModalHeader/index.js +23 -31
- package/dist/components/Modal/index.js +71 -96
- package/dist/components/NumberInput/componentMap/index.js +4 -2
- package/dist/components/NumberInput/decimalFilter/index.js +1 -1
- package/dist/components/NumberInput/index.js +51 -55
- package/dist/components/NumberInput/inputMode/index.js +1 -1
- package/dist/components/NumberInput/integerFilter/index.js +1 -1
- package/dist/components/Options/index.js +59 -66
- package/dist/components/PageLoader/index.js +75 -91
- package/dist/components/Pill/index.js +22 -35
- package/dist/components/ProgressBar/index.js +39 -58
- package/dist/components/ProgressSteps/index.js +100 -49
- package/dist/components/ProvincePicker/index.js +21 -23
- package/dist/components/Radio/index.js +54 -59
- package/dist/components/RadioBlock/index.js +59 -80
- package/dist/components/ResponsiveTabs/index.js +93 -110
- package/dist/components/SearchInput/index.js +64 -52
- package/dist/components/Select/Optgroup/index.js +7 -3
- package/dist/components/Select/Option/index.js +8 -4
- package/dist/components/Select/index.js +42 -28
- package/dist/components/SelectedFile/index.js +62 -85
- package/dist/components/Snackbar/index.js +108 -157
- package/dist/components/StatusBadge/index.js +15 -19
- package/dist/components/Styleguide/ConstantsList/index.js +40 -88
- package/dist/components/Switch/index.js +55 -82
- package/dist/components/Table/Cell/index.js +18 -21
- package/dist/components/Table/HeaderCell/index.js +4 -13
- package/dist/components/Table/Row/index.js +6 -13
- package/dist/components/Table/TableBody/index.js +7 -3
- package/dist/components/Table/TableFooter/index.js +7 -3
- package/dist/components/Table/TableHeader/index.js +7 -3
- package/dist/components/Table/index.js +3 -14
- package/dist/components/Tabs/Tab/index.js +23 -13
- package/dist/components/Tabs/TabList/index.js +8 -13
- package/dist/components/Tabs/TabPanel/index.js +6 -12
- package/dist/components/Tabs/index.js +4 -13
- package/dist/components/Textarea/index.js +50 -27
- package/dist/components/Time/DurationPicker/DurationOverlay/index.js +40 -42
- package/dist/components/Time/DurationPicker/index.js +46 -62
- package/dist/components/Time/OverlayBase/UnitInput/index.js +68 -103
- package/dist/components/Time/OverlayBase/index.js +77 -85
- package/dist/components/Time/TimePicker/TimeOverlay/UnitInput/index.js +62 -91
- package/dist/components/Time/TimePicker/TimeOverlay/index.js +87 -133
- package/dist/components/Time/TimePicker/index.js +76 -95
- package/dist/components/TimeInput/index.js +1 -1
- package/dist/components/TimePicker/DayPart/DayPartOverlay/index.js +98 -189
- package/dist/components/TimePicker/DayPart/index.js +59 -105
- package/dist/components/TimePicker/Elements/Actions/index.js +6 -14
- package/dist/components/TimePicker/Elements/CancelLink/index.js +7 -13
- package/dist/components/TimePicker/Elements/DownIcon/index.js +10 -19
- package/dist/components/TimePicker/Elements/IncrementNotice/index.js +6 -14
- package/dist/components/TimePicker/Elements/PickerSeparator/index.js +5 -14
- package/dist/components/TimePicker/Elements/Title/index.js +8 -14
- package/dist/components/TimePicker/Elements/TitleUnderline/index.js +9 -14
- package/dist/components/TimePicker/Elements/UpIcon/index.js +10 -19
- package/dist/components/TimePicker/Time/TimeInput/index.js +58 -77
- package/dist/components/TimePicker/Time/TimeOverlay/index.js +185 -210
- package/dist/components/TimePicker/Time/index.js +76 -105
- package/dist/components/TimePicker/utils/PickerGA/index.js +9 -7
- package/dist/components/TimePicker/utils/constants/loopStatus.js +1 -1
- package/dist/components/TimePicker/utils/limitAround/index.js +1 -1
- package/dist/components/TimePicker/utils/loopAround/index.js +3 -3
- package/dist/components/TimePicker/utils/loopAroundMinutes/index.js +3 -3
- package/dist/components/TimePicker/utils/roundToMultiple/index.js +1 -3
- package/dist/components/Tooltip/index.js +74 -80
- package/dist/components/Typeahead/MobileHeader/index.js +29 -24
- package/dist/components/Typeahead/Option/OptionImage/index.js +12 -35
- package/dist/components/Typeahead/Option/index.js +59 -103
- package/dist/components/Typeahead/Options/index.js +15 -18
- package/dist/components/Typeahead/index.js +191 -185
- package/dist/components/Typeahead/mocks/employees.js +1 -1
- package/dist/components/Typeahead/utils/getSelected/index.js +2 -4
- package/dist/components/Typography/H1/index.js +7 -14
- package/dist/components/Typography/H2/index.js +7 -14
- package/dist/components/Typography/H3/index.js +7 -14
- package/dist/components/Typography/H4/index.js +7 -14
- package/dist/components/Typography/H5/index.js +7 -14
- package/dist/components/Typography/H6/index.js +7 -14
- package/dist/components/Typography/P/index.js +4 -16
- package/dist/components/Typography/Small/index.js +3 -16
- package/dist/components/Validation/index.js +18 -20
- package/dist/components/WithDayPicker/index.js +40 -65
- package/dist/components/WithValidation/index.js +44 -61
- package/dist/components/XingLoader/index.js +56 -112
- package/dist/components/withConfirmation/index.js +69 -68
- package/dist/components/withModal/index.js +14 -28
- package/dist/constants/breakpoints/index.js +1 -1
- package/dist/constants/colors/index.js +47 -47
- package/dist/constants/documents/index.js +3 -3
- package/dist/constants/spacing/index.js +1 -1
- package/dist/constants/vars/index.js +8 -8
- package/dist/constants/z-index/index.js +1 -1
- package/dist/hooks/useClickOutside/index.js +5 -5
- package/dist/setupTests.js +8 -8
- package/dist/test-utils/renderCheck/index.js +15 -17
- package/dist/test-utils/waitForAsync/index.js +1 -5
- package/dist/utils/numbers/getBoundedValue/index.js +1 -1
- package/dist/utils/pad/index.js +2 -2
- package/dist/utils/range/index.js +3 -5
- package/dist/utils/roundTo/index.js +5 -5
- package/dist/utils/setBreakPoint/index.js +1 -3
- package/dist/utils/stripUnit/index.js +2 -2
- package/dist/utils/time/Duration/index.js +33 -41
- package/dist/utils/time/durationToMilliseconds/index.js +11 -21
- package/dist/utils/time/durationToTimeString/index.js +3 -5
- package/dist/utils/time/millisecondsToDuration/index.js +6 -6
- package/dist/utils/trackForm/index.js +34 -37
- package/package.json +5 -5
- package/src/components/Icons/CrossThick/examples.md +5 -0
- package/src/components/Icons/CrossThick/index.js +19 -0
- package/src/components/Icons/TickThick/examples.md +5 -0
- package/src/components/Icons/TickThick/index.js +19 -0
- package/src/components/Typeahead/Option/index.js +0 -1
- 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
|
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 = {};
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
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
|
109
|
+
return () => {
|
112
110
|
window.removeEventListener('keydown', handleEsc);
|
113
111
|
};
|
114
112
|
}, [hideCallback]);
|
115
|
-
|
116
|
-
|
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:
|
123
|
-
|
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:
|
133
|
-
|
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:
|
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
|
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:
|
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
|
164
|
-
label: hours
|
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
|
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 = {};
|
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
|
-
|
25
|
-
|
24
|
+
const buildValues = (unit, increment, min, max) => {
|
25
|
+
const values = [];
|
26
26
|
|
27
|
-
|
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
|
-
|
77
|
-
|
34
|
+
const Container = _styledComponents.default.div`
|
35
|
+
padding: 0 ${_spacing.default.s3};
|
36
|
+
`;
|
78
37
|
Container.displayName = 'Container';
|
79
|
-
|
80
|
-
|
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
|
-
|
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
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
}
|
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
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
(0, _react.useEffect)(
|
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
|
-
|
113
|
-
|
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
|
-
|
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(
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
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 = {
|