@toptal/picasso 19.3.0 → 20.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Autocomplete/Autocomplete.d.ts +7 -2
- package/Autocomplete/Autocomplete.js +11 -3
- package/Autocomplete/Autocomplete.js.map +1 -1
- package/DatePicker/DatePicker.d.ts +8 -1
- package/DatePicker/DatePicker.js +17 -9
- package/DatePicker/DatePicker.js.map +1 -1
- package/FileInput/FileInput.js +1 -1
- package/FileInput/FileInput.js.map +1 -1
- package/FileListItem/FileListItem.js +1 -1
- package/FileListItem/FileListItem.js.map +1 -1
- package/Icon/Abstract16.js +4 -2
- package/Icon/Abstract16.js.map +1 -1
- package/Icon/Abstract24.js +4 -2
- package/Icon/Abstract24.js.map +1 -1
- package/Icon/Ach16.js +4 -2
- package/Icon/Ach16.js.map +1 -1
- package/Icon/Ach32.js +4 -2
- package/Icon/Ach32.js.map +1 -1
- package/Icon/AddDocument16.js +4 -2
- package/Icon/AddDocument16.js.map +1 -1
- package/Icon/AddDocument24.js +4 -2
- package/Icon/AddDocument24.js.map +1 -1
- package/Icon/Afternoon16.js +4 -2
- package/Icon/Afternoon16.js.map +1 -1
- package/Icon/Afternoon24.js +4 -2
- package/Icon/Afternoon24.js.map +1 -1
- package/Icon/Archive16.js +4 -2
- package/Icon/Archive16.js.map +1 -1
- package/Icon/Archive24.js +4 -2
- package/Icon/Archive24.js.map +1 -1
- package/Icon/ArrowDownMinor16.js +4 -2
- package/Icon/ArrowDownMinor16.js.map +1 -1
- package/Icon/ArrowDownMinor24.js +4 -2
- package/Icon/ArrowDownMinor24.js.map +1 -1
- package/Icon/ArrowDropDown16.js +4 -2
- package/Icon/ArrowDropDown16.js.map +1 -1
- package/Icon/ArrowDropDown24.js +4 -2
- package/Icon/ArrowDropDown24.js.map +1 -1
- package/Icon/ArrowDropUp16.js +4 -2
- package/Icon/ArrowDropUp16.js.map +1 -1
- package/Icon/ArrowDropUp24.js +4 -2
- package/Icon/ArrowDropUp24.js.map +1 -1
- package/Icon/ArrowLongDown16.js +4 -2
- package/Icon/ArrowLongDown16.js.map +1 -1
- package/Icon/ArrowLongDown24.js +4 -2
- package/Icon/ArrowLongDown24.js.map +1 -1
- package/Icon/ArrowLongLeft16.js +4 -2
- package/Icon/ArrowLongLeft16.js.map +1 -1
- package/Icon/ArrowLongLeft24.js +4 -2
- package/Icon/ArrowLongLeft24.js.map +1 -1
- package/Icon/ArrowLongRight16.js +4 -2
- package/Icon/ArrowLongRight16.js.map +1 -1
- package/Icon/ArrowLongRight24.js +4 -2
- package/Icon/ArrowLongRight24.js.map +1 -1
- package/Icon/ArrowLongUp16.js +4 -2
- package/Icon/ArrowLongUp16.js.map +1 -1
- package/Icon/ArrowLongUp24.js +4 -2
- package/Icon/ArrowLongUp24.js.map +1 -1
- package/Icon/ArrowSubdirectory16.js +4 -2
- package/Icon/ArrowSubdirectory16.js.map +1 -1
- package/Icon/ArrowSubdirectory24.js +4 -2
- package/Icon/ArrowSubdirectory24.js.map +1 -1
- package/Icon/ArrowUpMinor16.js +4 -2
- package/Icon/ArrowUpMinor16.js.map +1 -1
- package/Icon/ArrowUpMinor24.js +4 -2
- package/Icon/ArrowUpMinor24.js.map +1 -1
- package/Icon/AsteriskSolid16.js +4 -2
- package/Icon/AsteriskSolid16.js.map +1 -1
- package/Icon/AsteriskSolid24.js +4 -2
- package/Icon/AsteriskSolid24.js.map +1 -1
- package/Icon/Attachment16.js +4 -2
- package/Icon/Attachment16.js.map +1 -1
- package/Icon/Award16.js +4 -2
- package/Icon/Award16.js.map +1 -1
- package/Icon/Award24.js +4 -2
- package/Icon/Award24.js.map +1 -1
- package/Icon/BackMinor16.js +4 -2
- package/Icon/BackMinor16.js.map +1 -1
- package/Icon/BackMinor24.js +4 -2
- package/Icon/BackMinor24.js.map +1 -1
- package/Icon/Backspace16.js +4 -2
- package/Icon/Backspace16.js.map +1 -1
- package/Icon/Backspace24.js +4 -2
- package/Icon/Backspace24.js.map +1 -1
- package/Icon/BankWire16.js +4 -2
- package/Icon/BankWire16.js.map +1 -1
- package/Icon/BankWire24.js +4 -2
- package/Icon/BankWire24.js.map +1 -1
- package/Icon/Behance16.js +4 -2
- package/Icon/Behance16.js.map +1 -1
- package/Icon/Behance24.js +4 -2
- package/Icon/Behance24.js.map +1 -1
- package/Icon/Bell16.js +4 -2
- package/Icon/Bell16.js.map +1 -1
- package/Icon/Bell24.js +4 -2
- package/Icon/Bell24.js.map +1 -1
- package/Icon/BellOff16.js +4 -2
- package/Icon/BellOff16.js.map +1 -1
- package/Icon/BellOff24.js +4 -2
- package/Icon/BellOff24.js.map +1 -1
- package/Icon/Billing16.js +4 -2
- package/Icon/Billing16.js.map +1 -1
- package/Icon/Billing24.js +4 -2
- package/Icon/Billing24.js.map +1 -1
- package/Icon/Bold16.js +4 -2
- package/Icon/Bold16.js.map +1 -1
- package/Icon/Bullet16.js +4 -2
- package/Icon/Bullet16.js.map +1 -1
- package/Icon/Bullet24.js +4 -2
- package/Icon/Bullet24.js.map +1 -1
- package/Icon/Calendar16.js +4 -2
- package/Icon/Calendar16.js.map +1 -1
- package/Icon/Calendar24.js +4 -2
- package/Icon/Calendar24.js.map +1 -1
- package/Icon/CalendarReminder16.js +4 -2
- package/Icon/CalendarReminder16.js.map +1 -1
- package/Icon/CalendarReminder24.js +4 -2
- package/Icon/CalendarReminder24.js.map +1 -1
- package/Icon/Candidates16.js +4 -2
- package/Icon/Candidates16.js.map +1 -1
- package/Icon/Candidates24.js +4 -2
- package/Icon/Candidates24.js.map +1 -1
- package/Icon/Career16.js +4 -2
- package/Icon/Career16.js.map +1 -1
- package/Icon/Career24.js +4 -2
- package/Icon/Career24.js.map +1 -1
- package/Icon/Certificate16.js +4 -2
- package/Icon/Certificate16.js.map +1 -1
- package/Icon/Certificate24.js +4 -2
- package/Icon/Certificate24.js.map +1 -1
- package/Icon/Chat16.js +4 -2
- package/Icon/Chat16.js.map +1 -1
- package/Icon/Chat24.js +4 -2
- package/Icon/Chat24.js.map +1 -1
- package/Icon/Check16.js +4 -2
- package/Icon/Check16.js.map +1 -1
- package/Icon/Check24.js +4 -2
- package/Icon/Check24.js.map +1 -1
- package/Icon/CheckMinor16.js +4 -2
- package/Icon/CheckMinor16.js.map +1 -1
- package/Icon/CheckMinor24.js +4 -2
- package/Icon/CheckMinor24.js.map +1 -1
- package/Icon/CheckSolid16.js +4 -2
- package/Icon/CheckSolid16.js.map +1 -1
- package/Icon/CheckSolid24.js +4 -2
- package/Icon/CheckSolid24.js.map +1 -1
- package/Icon/Chevron16.js +4 -2
- package/Icon/Chevron16.js.map +1 -1
- package/Icon/Chevron24.js +4 -2
- package/Icon/Chevron24.js.map +1 -1
- package/Icon/ChevronMinor16.js +4 -2
- package/Icon/ChevronMinor16.js.map +1 -1
- package/Icon/ChevronMinor24.js +4 -2
- package/Icon/ChevronMinor24.js.map +1 -1
- package/Icon/ChevronRight16.js +4 -2
- package/Icon/ChevronRight16.js.map +1 -1
- package/Icon/ChevronRight24.js +4 -2
- package/Icon/ChevronRight24.js.map +1 -1
- package/Icon/Close16.js +4 -2
- package/Icon/Close16.js.map +1 -1
- package/Icon/Close24.js +4 -2
- package/Icon/Close24.js.map +1 -1
- package/Icon/CloseMinor16.js +4 -2
- package/Icon/CloseMinor16.js.map +1 -1
- package/Icon/CloseMinor24.js +4 -2
- package/Icon/CloseMinor24.js.map +1 -1
- package/Icon/Code16.js +4 -2
- package/Icon/Code16.js.map +1 -1
- package/Icon/Code24.js +4 -2
- package/Icon/Code24.js.map +1 -1
- package/Icon/Commission16.js +4 -2
- package/Icon/Commission16.js.map +1 -1
- package/Icon/Commission24.js +4 -2
- package/Icon/Commission24.js.map +1 -1
- package/Icon/Company16.js +4 -2
- package/Icon/Company16.js.map +1 -1
- package/Icon/Company24.js +4 -2
- package/Icon/Company24.js.map +1 -1
- package/Icon/Component16.js +4 -2
- package/Icon/Component16.js.map +1 -1
- package/Icon/Component24.js +4 -2
- package/Icon/Component24.js.map +1 -1
- package/Icon/Confluence16.js +4 -2
- package/Icon/Confluence16.js.map +1 -1
- package/Icon/Confluence24.js +4 -2
- package/Icon/Confluence24.js.map +1 -1
- package/Icon/Copy16.js +4 -2
- package/Icon/Copy16.js.map +1 -1
- package/Icon/Copy24.js +4 -2
- package/Icon/Copy24.js.map +1 -1
- package/Icon/CreditCard16.js +4 -2
- package/Icon/CreditCard16.js.map +1 -1
- package/Icon/CreditCard32.js +4 -2
- package/Icon/CreditCard32.js.map +1 -1
- package/Icon/Dialpad16.js +4 -2
- package/Icon/Dialpad16.js.map +1 -1
- package/Icon/Dialpad24.js +4 -2
- package/Icon/Dialpad24.js.map +1 -1
- package/Icon/Dispute16.js +4 -2
- package/Icon/Dispute16.js.map +1 -1
- package/Icon/Dispute24.js +4 -2
- package/Icon/Dispute24.js.map +1 -1
- package/Icon/Done16.js +4 -2
- package/Icon/Done16.js.map +1 -1
- package/Icon/Done24.js +4 -2
- package/Icon/Done24.js.map +1 -1
- package/Icon/Download16.js +4 -2
- package/Icon/Download16.js.map +1 -1
- package/Icon/Download24.js +4 -2
- package/Icon/Download24.js.map +1 -1
- package/Icon/Drag16.js +4 -2
- package/Icon/Drag16.js.map +1 -1
- package/Icon/Drag24.js +4 -2
- package/Icon/Drag24.js.map +1 -1
- package/Icon/Dribble16.js +4 -2
- package/Icon/Dribble16.js.map +1 -1
- package/Icon/Dribble24.js +4 -2
- package/Icon/Dribble24.js.map +1 -1
- package/Icon/DropdownArrows16.js +4 -2
- package/Icon/DropdownArrows16.js.map +1 -1
- package/Icon/Education16.js +4 -2
- package/Icon/Education16.js.map +1 -1
- package/Icon/Education24.js +4 -2
- package/Icon/Education24.js.map +1 -1
- package/Icon/Email16.js +4 -2
- package/Icon/Email16.js.map +1 -1
- package/Icon/Email24.js +4 -2
- package/Icon/Email24.js.map +1 -1
- package/Icon/Evening16.js +4 -2
- package/Icon/Evening16.js.map +1 -1
- package/Icon/Evening24.js +4 -2
- package/Icon/Evening24.js.map +1 -1
- package/Icon/Exclamation16.js +4 -2
- package/Icon/Exclamation16.js.map +1 -1
- package/Icon/Exclamation24.js +4 -2
- package/Icon/Exclamation24.js.map +1 -1
- package/Icon/ExclamationSolid16.js +4 -2
- package/Icon/ExclamationSolid16.js.map +1 -1
- package/Icon/ExclamationSolid24.js +4 -2
- package/Icon/ExclamationSolid24.js.map +1 -1
- package/Icon/Eye16.js +4 -2
- package/Icon/Eye16.js.map +1 -1
- package/Icon/Eye24.js +4 -2
- package/Icon/Eye24.js.map +1 -1
- package/Icon/EyeHidden16.js +4 -2
- package/Icon/EyeHidden16.js.map +1 -1
- package/Icon/EyeHidden24.js +4 -2
- package/Icon/EyeHidden24.js.map +1 -1
- package/Icon/Facebook16.js +4 -2
- package/Icon/Facebook16.js.map +1 -1
- package/Icon/Facebook24.js +3 -1
- package/Icon/Facebook24.js.map +1 -1
- package/Icon/Filter16.js +4 -2
- package/Icon/Filter16.js.map +1 -1
- package/Icon/Filter24.js +4 -2
- package/Icon/Filter24.js.map +1 -1
- package/Icon/Flash16.js +4 -2
- package/Icon/Flash16.js.map +1 -1
- package/Icon/Flash24.js +4 -2
- package/Icon/Flash24.js.map +1 -1
- package/Icon/Folder16.js +4 -2
- package/Icon/Folder16.js.map +1 -1
- package/Icon/Folder24.js +4 -2
- package/Icon/Folder24.js.map +1 -1
- package/Icon/FullTime16.js +4 -2
- package/Icon/FullTime16.js.map +1 -1
- package/Icon/FullTime24.js +4 -2
- package/Icon/FullTime24.js.map +1 -1
- package/Icon/Fullscreen16.js +4 -2
- package/Icon/Fullscreen16.js.map +1 -1
- package/Icon/Fullscreen24.js +4 -2
- package/Icon/Fullscreen24.js.map +1 -1
- package/Icon/Function16.js +4 -2
- package/Icon/Function16.js.map +1 -1
- package/Icon/Function24.js +4 -2
- package/Icon/Function24.js.map +1 -1
- package/Icon/Gift16.js +4 -2
- package/Icon/Gift16.js.map +1 -1
- package/Icon/Gift24.js +4 -2
- package/Icon/Gift24.js.map +1 -1
- package/Icon/Github16.js +4 -2
- package/Icon/Github16.js.map +1 -1
- package/Icon/Github24.js +3 -1
- package/Icon/Github24.js.map +1 -1
- package/Icon/Globe16.js +4 -2
- package/Icon/Globe16.js.map +1 -1
- package/Icon/Globe24.js +4 -2
- package/Icon/Globe24.js.map +1 -1
- package/Icon/Guests16.js +4 -2
- package/Icon/Guests16.js.map +1 -1
- package/Icon/Guests24.js +4 -2
- package/Icon/Guests24.js.map +1 -1
- package/Icon/Heartbeat16.js +4 -2
- package/Icon/Heartbeat16.js.map +1 -1
- package/Icon/Heartbeat24.js +4 -2
- package/Icon/Heartbeat24.js.map +1 -1
- package/Icon/Help16.js +4 -2
- package/Icon/Help16.js.map +1 -1
- package/Icon/Help24.js +4 -2
- package/Icon/Help24.js.map +1 -1
- package/Icon/Info16.js +4 -2
- package/Icon/Info16.js.map +1 -1
- package/Icon/Info24.js +4 -2
- package/Icon/Info24.js.map +1 -1
- package/Icon/Instagram16.js +4 -2
- package/Icon/Instagram16.js.map +1 -1
- package/Icon/Instagram24.js +4 -2
- package/Icon/Instagram24.js.map +1 -1
- package/Icon/Italic16.js +4 -2
- package/Icon/Italic16.js.map +1 -1
- package/Icon/JobChange16.js +4 -2
- package/Icon/JobChange16.js.map +1 -1
- package/Icon/JobChange24.js +4 -2
- package/Icon/JobChange24.js.map +1 -1
- package/Icon/Jobs16.js +4 -2
- package/Icon/Jobs16.js.map +1 -1
- package/Icon/Jobs24.js +4 -2
- package/Icon/Jobs24.js.map +1 -1
- package/Icon/Language16.js +4 -2
- package/Icon/Language16.js.map +1 -1
- package/Icon/Language24.js +4 -2
- package/Icon/Language24.js.map +1 -1
- package/Icon/Leave16.js +4 -2
- package/Icon/Leave16.js.map +1 -1
- package/Icon/Leave24.js +4 -2
- package/Icon/Leave24.js.map +1 -1
- package/Icon/LegalInfo16.js +4 -2
- package/Icon/LegalInfo16.js.map +1 -1
- package/Icon/LegalInfo24.js +4 -2
- package/Icon/LegalInfo24.js.map +1 -1
- package/Icon/Length16.js +4 -2
- package/Icon/Length16.js.map +1 -1
- package/Icon/Length24.js +4 -2
- package/Icon/Length24.js.map +1 -1
- package/Icon/Link16.js +4 -2
- package/Icon/Link16.js.map +1 -1
- package/Icon/Link24.js +4 -2
- package/Icon/Link24.js.map +1 -1
- package/Icon/Linkedin16.js +4 -2
- package/Icon/Linkedin16.js.map +1 -1
- package/Icon/Linkedin24.js +4 -2
- package/Icon/Linkedin24.js.map +1 -1
- package/Icon/ListOrdered16.js +4 -2
- package/Icon/ListOrdered16.js.map +1 -1
- package/Icon/ListUnordered16.js +4 -2
- package/Icon/ListUnordered16.js.map +1 -1
- package/Icon/Lock16.js +4 -2
- package/Icon/Lock16.js.map +1 -1
- package/Icon/Lock24.js +4 -2
- package/Icon/Lock24.js.map +1 -1
- package/Icon/Logo.js +5 -3
- package/Icon/Logo.js.map +1 -1
- package/Icon/LogoEmblem.js +4 -2
- package/Icon/LogoEmblem.js.map +1 -1
- package/Icon/Message16.js +4 -2
- package/Icon/Message16.js.map +1 -1
- package/Icon/Message24.js +4 -2
- package/Icon/Message24.js.map +1 -1
- package/Icon/MicrophoneOff16.js +4 -2
- package/Icon/MicrophoneOff16.js.map +1 -1
- package/Icon/MicrophoneOff24.js +4 -2
- package/Icon/MicrophoneOff24.js.map +1 -1
- package/Icon/MicrophoneOn16.js +4 -2
- package/Icon/MicrophoneOn16.js.map +1 -1
- package/Icon/MicrophoneOn24.js +4 -2
- package/Icon/MicrophoneOn24.js.map +1 -1
- package/Icon/Minus16.js +3 -1
- package/Icon/Minus16.js.map +1 -1
- package/Icon/Minus24.js +3 -1
- package/Icon/Minus24.js.map +1 -1
- package/Icon/MissedCall24.js +4 -2
- package/Icon/MissedCall24.js.map +1 -1
- package/Icon/More16.js +4 -2
- package/Icon/More16.js.map +1 -1
- package/Icon/More24.js +4 -2
- package/Icon/More24.js.map +1 -1
- package/Icon/Morning16.js +4 -2
- package/Icon/Morning16.js.map +1 -1
- package/Icon/Morning24.js +4 -2
- package/Icon/Morning24.js.map +1 -1
- package/Icon/Multi16.js +4 -2
- package/Icon/Multi16.js.map +1 -1
- package/Icon/Multi24.js +4 -2
- package/Icon/Multi24.js.map +1 -1
- package/Icon/New16.js +4 -2
- package/Icon/New16.js.map +1 -1
- package/Icon/New24.js +4 -2
- package/Icon/New24.js.map +1 -1
- package/Icon/NewCandidate16.js +4 -2
- package/Icon/NewCandidate16.js.map +1 -1
- package/Icon/NewCandidate24.js +4 -2
- package/Icon/NewCandidate24.js.map +1 -1
- package/Icon/Night16.js +4 -2
- package/Icon/Night16.js.map +1 -1
- package/Icon/Night24.js +4 -2
- package/Icon/Night24.js.map +1 -1
- package/Icon/NumericalAnalysis16.js +4 -2
- package/Icon/NumericalAnalysis16.js.map +1 -1
- package/Icon/NumericalAnalysis24.js +4 -2
- package/Icon/NumericalAnalysis24.js.map +1 -1
- package/Icon/Okr16.js +4 -2
- package/Icon/Okr16.js.map +1 -1
- package/Icon/Okr24.js +4 -2
- package/Icon/Okr24.js.map +1 -1
- package/Icon/Overlap16.js +4 -2
- package/Icon/Overlap16.js.map +1 -1
- package/Icon/Overlap24.js +4 -2
- package/Icon/Overlap24.js.map +1 -1
- package/Icon/Overview16.js +4 -2
- package/Icon/Overview16.js.map +1 -1
- package/Icon/Overview24.js +4 -2
- package/Icon/Overview24.js.map +1 -1
- package/Icon/OwnerDefault16.js +4 -2
- package/Icon/OwnerDefault16.js.map +1 -1
- package/Icon/OwnerDefault24.js +4 -2
- package/Icon/OwnerDefault24.js.map +1 -1
- package/Icon/Page16.js +4 -2
- package/Icon/Page16.js.map +1 -1
- package/Icon/Page24.js +4 -2
- package/Icon/Page24.js.map +1 -1
- package/Icon/PartTime16.js +4 -2
- package/Icon/PartTime16.js.map +1 -1
- package/Icon/PartTime24.js +4 -2
- package/Icon/PartTime24.js.map +1 -1
- package/Icon/Participants16.js +4 -2
- package/Icon/Participants16.js.map +1 -1
- package/Icon/Participants24.js +4 -2
- package/Icon/Participants24.js.map +1 -1
- package/Icon/Pause16.js +4 -2
- package/Icon/Pause16.js.map +1 -1
- package/Icon/Pause24.js +4 -2
- package/Icon/Pause24.js.map +1 -1
- package/Icon/Pencil16.js +4 -2
- package/Icon/Pencil16.js.map +1 -1
- package/Icon/Pencil24.js +4 -2
- package/Icon/Pencil24.js.map +1 -1
- package/Icon/Performance16.js +4 -2
- package/Icon/Performance16.js.map +1 -1
- package/Icon/Performance24.js +4 -2
- package/Icon/Performance24.js.map +1 -1
- package/Icon/Phone16.js +4 -2
- package/Icon/Phone16.js.map +1 -1
- package/Icon/Phone24.js +4 -2
- package/Icon/Phone24.js.map +1 -1
- package/Icon/PhoneDown16.js +4 -2
- package/Icon/PhoneDown16.js.map +1 -1
- package/Icon/PhoneDown24.js +4 -2
- package/Icon/PhoneDown24.js.map +1 -1
- package/Icon/PieChart16.js +4 -2
- package/Icon/PieChart16.js.map +1 -1
- package/Icon/PieChart24.js +4 -2
- package/Icon/PieChart24.js.map +1 -1
- package/Icon/Pin16.js +4 -2
- package/Icon/Pin16.js.map +1 -1
- package/Icon/Pin24.js +4 -2
- package/Icon/Pin24.js.map +1 -1
- package/Icon/PinSolid16.js +4 -2
- package/Icon/PinSolid16.js.map +1 -1
- package/Icon/PinSolid24.js +4 -2
- package/Icon/PinSolid24.js.map +1 -1
- package/Icon/PlaySolid16.js +4 -2
- package/Icon/PlaySolid16.js.map +1 -1
- package/Icon/Player16.js +4 -2
- package/Icon/Player16.js.map +1 -1
- package/Icon/Player24.js +4 -2
- package/Icon/Player24.js.map +1 -1
- package/Icon/Plus16.js +4 -2
- package/Icon/Plus16.js.map +1 -1
- package/Icon/Plus24.js +4 -2
- package/Icon/Plus24.js.map +1 -1
- package/Icon/Pod16.js +4 -2
- package/Icon/Pod16.js.map +1 -1
- package/Icon/Pod24.js +4 -2
- package/Icon/Pod24.js.map +1 -1
- package/Icon/PortfolioDesigner16.js +4 -2
- package/Icon/PortfolioDesigner16.js.map +1 -1
- package/Icon/PortfolioDesigner24.js +4 -2
- package/Icon/PortfolioDesigner24.js.map +1 -1
- package/Icon/PortfolioFinance16.js +4 -2
- package/Icon/PortfolioFinance16.js.map +1 -1
- package/Icon/PortfolioFinance24.js +4 -2
- package/Icon/PortfolioFinance24.js.map +1 -1
- package/Icon/Profile16.js +4 -2
- package/Icon/Profile16.js.map +1 -1
- package/Icon/Profile24.js +4 -2
- package/Icon/Profile24.js.map +1 -1
- package/Icon/ProfileCrossed16.js +4 -2
- package/Icon/ProfileCrossed16.js.map +1 -1
- package/Icon/ProfileCrossed24.js +4 -2
- package/Icon/ProfileCrossed24.js.map +1 -1
- package/Icon/Project16.js +4 -2
- package/Icon/Project16.js.map +1 -1
- package/Icon/Project24.js +4 -2
- package/Icon/Project24.js.map +1 -1
- package/Icon/QuestionMark16.js +4 -2
- package/Icon/QuestionMark16.js.map +1 -1
- package/Icon/QuestionMark24.js +4 -2
- package/Icon/QuestionMark24.js.map +1 -1
- package/Icon/RankOne16.js +4 -2
- package/Icon/RankOne16.js.map +1 -1
- package/Icon/RankOne24.js +4 -2
- package/Icon/RankOne24.js.map +1 -1
- package/Icon/RankThree16.js +4 -2
- package/Icon/RankThree16.js.map +1 -1
- package/Icon/RankThree24.js +4 -2
- package/Icon/RankThree24.js.map +1 -1
- package/Icon/RankTwo16.js +4 -2
- package/Icon/RankTwo16.js.map +1 -1
- package/Icon/RankTwo24.js +4 -2
- package/Icon/RankTwo24.js.map +1 -1
- package/Icon/Referral16.js +4 -2
- package/Icon/Referral16.js.map +1 -1
- package/Icon/Referral24.js +4 -2
- package/Icon/Referral24.js.map +1 -1
- package/Icon/ReferralBonus16.js +4 -2
- package/Icon/ReferralBonus16.js.map +1 -1
- package/Icon/ReferralBonus24.js +4 -2
- package/Icon/ReferralBonus24.js.map +1 -1
- package/Icon/ReferralDashboard16.js +4 -2
- package/Icon/ReferralDashboard16.js.map +1 -1
- package/Icon/ReferralDashboard24.js +4 -2
- package/Icon/ReferralDashboard24.js.map +1 -1
- package/Icon/Referrals16.js +4 -2
- package/Icon/Referrals16.js.map +1 -1
- package/Icon/Referrals24.js +4 -2
- package/Icon/Referrals24.js.map +1 -1
- package/Icon/Report16.js +4 -2
- package/Icon/Report16.js.map +1 -1
- package/Icon/Representatives16.js +4 -2
- package/Icon/Representatives16.js.map +1 -1
- package/Icon/Representatives24.js +4 -2
- package/Icon/Representatives24.js.map +1 -1
- package/Icon/Reset16.js +4 -2
- package/Icon/Reset16.js.map +1 -1
- package/Icon/Reset24.js +4 -2
- package/Icon/Reset24.js.map +1 -1
- package/Icon/Resouces24.js +4 -2
- package/Icon/Resouces24.js.map +1 -1
- package/Icon/Resources16.js +4 -2
- package/Icon/Resources16.js.map +1 -1
- package/Icon/Rotate16.js +4 -2
- package/Icon/Rotate16.js.map +1 -1
- package/Icon/Rotate24.js +4 -2
- package/Icon/Rotate24.js.map +1 -1
- package/Icon/ScheduledPayment16.js +4 -2
- package/Icon/ScheduledPayment16.js.map +1 -1
- package/Icon/ScheduledPayment24.js +4 -2
- package/Icon/ScheduledPayment24.js.map +1 -1
- package/Icon/Search16.js +4 -2
- package/Icon/Search16.js.map +1 -1
- package/Icon/Search24.js +4 -2
- package/Icon/Search24.js.map +1 -1
- package/Icon/Services16.js +4 -2
- package/Icon/Services16.js.map +1 -1
- package/Icon/Services24.js +4 -2
- package/Icon/Services24.js.map +1 -1
- package/Icon/Settings16.js +4 -2
- package/Icon/Settings16.js.map +1 -1
- package/Icon/Settings24.js +4 -2
- package/Icon/Settings24.js.map +1 -1
- package/Icon/Share16.js +4 -2
- package/Icon/Share16.js.map +1 -1
- package/Icon/Share24.js +4 -2
- package/Icon/Share24.js.map +1 -1
- package/Icon/Single16.js +4 -2
- package/Icon/Single16.js.map +1 -1
- package/Icon/Single24.js +4 -2
- package/Icon/Single24.js.map +1 -1
- package/Icon/Skills16.js +4 -2
- package/Icon/Skills16.js.map +1 -1
- package/Icon/Skills24.js +4 -2
- package/Icon/Skills24.js.map +1 -1
- package/Icon/Skype16.js +4 -2
- package/Icon/Skype16.js.map +1 -1
- package/Icon/Skype24.js +4 -2
- package/Icon/Skype24.js.map +1 -1
- package/Icon/Slack16.js +4 -2
- package/Icon/Slack16.js.map +1 -1
- package/Icon/Slack24.js +4 -2
- package/Icon/Slack24.js.map +1 -1
- package/Icon/Sort16.js +4 -2
- package/Icon/Sort16.js.map +1 -1
- package/Icon/Sort24.js +4 -2
- package/Icon/Sort24.js.map +1 -1
- package/Icon/SoundOff16.js +4 -2
- package/Icon/SoundOff16.js.map +1 -1
- package/Icon/SoundOn16.js +4 -2
- package/Icon/SoundOn16.js.map +1 -1
- package/Icon/SpecialGroup16.js +4 -2
- package/Icon/SpecialGroup16.js.map +1 -1
- package/Icon/SpecialGroup24.js +4 -2
- package/Icon/SpecialGroup24.js.map +1 -1
- package/Icon/Star16.js +4 -2
- package/Icon/Star16.js.map +1 -1
- package/Icon/Star24.js +4 -2
- package/Icon/Star24.js.map +1 -1
- package/Icon/StarSolid16.js +4 -2
- package/Icon/StarSolid16.js.map +1 -1
- package/Icon/StarSolid24.js +4 -2
- package/Icon/StarSolid24.js.map +1 -1
- package/Icon/StopSolid16.js +3 -1
- package/Icon/StopSolid16.js.map +1 -1
- package/Icon/Subfunction16.js +4 -2
- package/Icon/Subfunction16.js.map +1 -1
- package/Icon/Subfunction24.js +4 -2
- package/Icon/Subfunction24.js.map +1 -1
- package/Icon/Support16.js +4 -2
- package/Icon/Support16.js.map +1 -1
- package/Icon/Support24.js +4 -2
- package/Icon/Support24.js.map +1 -1
- package/Icon/Switch16.js +4 -2
- package/Icon/Switch16.js.map +1 -1
- package/Icon/Switch24.js +4 -2
- package/Icon/Switch24.js.map +1 -1
- package/Icon/Tasks16.js +4 -2
- package/Icon/Tasks16.js.map +1 -1
- package/Icon/Tasks24.js +4 -2
- package/Icon/Tasks24.js.map +1 -1
- package/Icon/Team16.js +4 -2
- package/Icon/Team16.js.map +1 -1
- package/Icon/Team24.js +4 -2
- package/Icon/Team24.js.map +1 -1
- package/Icon/Telegram16.js +4 -2
- package/Icon/Telegram16.js.map +1 -1
- package/Icon/Telegram24.js +4 -2
- package/Icon/Telegram24.js.map +1 -1
- package/Icon/Terms16.js +4 -2
- package/Icon/Terms16.js.map +1 -1
- package/Icon/Terms24.js +4 -2
- package/Icon/Terms24.js.map +1 -1
- package/Icon/ThumbsDown16.js +4 -2
- package/Icon/ThumbsDown16.js.map +1 -1
- package/Icon/ThumbsDown24.js +4 -2
- package/Icon/ThumbsDown24.js.map +1 -1
- package/Icon/ThumbsUp16.js +4 -2
- package/Icon/ThumbsUp16.js.map +1 -1
- package/Icon/ThumbsUp24.js +4 -2
- package/Icon/ThumbsUp24.js.map +1 -1
- package/Icon/Time16.js +4 -2
- package/Icon/Time16.js.map +1 -1
- package/Icon/Time24.js +4 -2
- package/Icon/Time24.js.map +1 -1
- package/Icon/TimeConvert16.js +4 -2
- package/Icon/TimeConvert16.js.map +1 -1
- package/Icon/TimeConvert24.js +4 -2
- package/Icon/TimeConvert24.js.map +1 -1
- package/Icon/Timesheet16.js +4 -2
- package/Icon/Timesheet16.js.map +1 -1
- package/Icon/Timesheet24.js +4 -2
- package/Icon/Timesheet24.js.map +1 -1
- package/Icon/Transfer16.js +4 -2
- package/Icon/Transfer16.js.map +1 -1
- package/Icon/Transfer24.js +4 -2
- package/Icon/Transfer24.js.map +1 -1
- package/Icon/Trash16.js +4 -2
- package/Icon/Trash16.js.map +1 -1
- package/Icon/Trash24.js +4 -2
- package/Icon/Trash24.js.map +1 -1
- package/Icon/TriangleLeftMinorSolid16.js +1 -1
- package/Icon/TriangleLeftMinorSolid24.js +1 -1
- package/Icon/TriangleRightMinorSolid16.js +1 -1
- package/Icon/TriangleRightMinorSolid24.js +1 -1
- package/Icon/Twitter16.js +4 -2
- package/Icon/Twitter16.js.map +1 -1
- package/Icon/Twitter24.js +4 -2
- package/Icon/Twitter24.js.map +1 -1
- package/Icon/UiGuidelines16.js +4 -2
- package/Icon/UiGuidelines16.js.map +1 -1
- package/Icon/UiGuidelines24.js +4 -2
- package/Icon/UiGuidelines24.js.map +1 -1
- package/Icon/Unavailable16.js +4 -2
- package/Icon/Unavailable16.js.map +1 -1
- package/Icon/Unavailable24.js +4 -2
- package/Icon/Unavailable24.js.map +1 -1
- package/Icon/Unlink16.js +4 -2
- package/Icon/Unlink16.js.map +1 -1
- package/Icon/Unlink24.js +4 -2
- package/Icon/Unlink24.js.map +1 -1
- package/Icon/Update16.js +4 -2
- package/Icon/Update16.js.map +1 -1
- package/Icon/Update24.js +4 -2
- package/Icon/Update24.js.map +1 -1
- package/Icon/Upload16.js +4 -2
- package/Icon/Upload16.js.map +1 -1
- package/Icon/Upload24.js +4 -2
- package/Icon/Upload24.js.map +1 -1
- package/Icon/UploadDocument16.js +4 -2
- package/Icon/UploadDocument16.js.map +1 -1
- package/Icon/UploadDocument24.js +4 -2
- package/Icon/UploadDocument24.js.map +1 -1
- package/Icon/VideoOff16.js +4 -2
- package/Icon/VideoOff16.js.map +1 -1
- package/Icon/VideoOff24.js +4 -2
- package/Icon/VideoOff24.js.map +1 -1
- package/Icon/VideoOn16.js +4 -2
- package/Icon/VideoOn16.js.map +1 -1
- package/Icon/VideoOn24.js +4 -2
- package/Icon/VideoOn24.js.map +1 -1
- package/Icon/View16.js +4 -2
- package/Icon/View16.js.map +1 -1
- package/Icon/View24.js +4 -2
- package/Icon/View24.js.map +1 -1
- package/Icon/Whatsapp16.js +4 -2
- package/Icon/Whatsapp16.js.map +1 -1
- package/Icon/Whatsapp24.js +4 -2
- package/Icon/Whatsapp24.js.map +1 -1
- package/Icon/WhitePaper16.js +4 -2
- package/Icon/WhitePaper16.js.map +1 -1
- package/Icon/WhitePaper24.js +4 -2
- package/Icon/WhitePaper24.js.map +1 -1
- package/Icon/WorkExperience16.js +4 -2
- package/Icon/WorkExperience16.js.map +1 -1
- package/Icon/WorkExperience24.js +4 -2
- package/Icon/WorkExperience24.js.map +1 -1
- package/Input/Input.d.ts +8 -2
- package/Input/Input.js +11 -3
- package/Input/Input.js.map +1 -1
- package/NativeSelect/NativeSelect.js +5 -5
- package/NativeSelect/NativeSelect.js.map +1 -1
- package/NonNativeSelect/NonNativeSelect.js +4 -4
- package/NonNativeSelect/NonNativeSelect.js.map +1 -1
- package/NumberInput/NumberInput.d.ts +0 -2
- package/NumberInput/NumberInput.js +11 -3
- package/NumberInput/NumberInput.js.map +1 -1
- package/OutlinedInput/OutlinedInput.d.ts +8 -1
- package/OutlinedInput/OutlinedInput.js +18 -6
- package/OutlinedInput/OutlinedInput.js.map +1 -1
- package/PageHead/PageHead.d.ts +3 -1
- package/PageHead/PageHead.js.map +1 -1
- package/PasswordInput/PasswordInput.d.ts +2 -5
- package/PasswordInput/PasswordInput.js +12 -5
- package/PasswordInput/PasswordInput.js.map +1 -1
- package/RichText/hooks/useRichText/useRichText.js +5 -3
- package/RichText/hooks/useRichText/useRichText.js.map +1 -1
- package/RichTextEditor/hooks/useOnFocus/useOnFocus.js +0 -1
- package/RichTextEditor/hooks/useOnFocus/useOnFocus.js.map +1 -1
- package/Select/Select.d.ts +1 -1
- package/Select/Select.js +8 -2
- package/Select/Select.js.map +1 -1
- package/Select/types.d.ts +4 -2
- package/TagSelector/TagSelector.d.ts +10 -1
- package/TagSelector/TagSelector.js +11 -3
- package/TagSelector/TagSelector.js.map +1 -1
- package/TagSelectorInput/TagSelectorInput.js +12 -4
- package/TagSelectorInput/TagSelectorInput.js.map +1 -1
- package/TimePicker/TimePicker.d.ts +7 -1
- package/TimePicker/TimePicker.js +13 -3
- package/TimePicker/TimePicker.js.map +1 -1
- package/Tooltip/Tooltip.d.ts +0 -3
- package/Tooltip/Tooltip.js +5 -13
- package/Tooltip/Tooltip.js.map +1 -1
- package/Tooltip/styles.d.ts +1 -1
- package/Tooltip/styles.js +7 -45
- package/Tooltip/styles.js.map +1 -1
- package/TreeView/useNodes.js +2 -3
- package/TreeView/useNodes.js.map +1 -1
- package/TypographyOverflow/TypographyOverflow.d.ts +1 -3
- package/TypographyOverflow/TypographyOverflow.js +2 -2
- package/TypographyOverflow/TypographyOverflow.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/test-utils/TestingPicasso.d.ts +5 -1
- package/test-utils/TestingPicasso.js.map +1 -1
- package/utils/use-safe-state.js +2 -3
- package/utils/use-safe-state.js.map +1 -1
|
@@ -16,11 +16,18 @@ import InputAdornment from '../InputAdornment';
|
|
|
16
16
|
import { useCombinedRefs } from '../utils';
|
|
17
17
|
import styles from './styles';
|
|
18
18
|
import { NumberInputEndAdornment } from '../NumberInputEndAdornment';
|
|
19
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
19
20
|
const useStyles = makeStyles(styles, {
|
|
20
21
|
name: 'PicassoNumberInput'
|
|
21
22
|
});
|
|
22
23
|
export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
23
|
-
const { step = 1, min = -Infinity, max = Infinity, hideControls, value, onChange, disabled, error, onResetClick, enableReset, width, icon, size } = props, rest = __rest(props, ["step", "min", "max", "hideControls", "value", "onChange", "disabled", "error", "onResetClick", "enableReset", "width", "icon", "size"]);
|
|
24
|
+
const { step = 1, min = -Infinity, max = Infinity, hideControls, value, onChange, disabled, error, status, onResetClick, enableReset, width, icon, size, testIds } = props, rest = __rest(props, ["step", "min", "max", "hideControls", "value", "onChange", "disabled", "error", "status", "onResetClick", "enableReset", "width", "icon", "size", "testIds"]);
|
|
25
|
+
usePropDeprecationWarning({
|
|
26
|
+
props,
|
|
27
|
+
name: 'error',
|
|
28
|
+
componentName: 'NumberInput',
|
|
29
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
30
|
+
});
|
|
24
31
|
const classes = useStyles(props);
|
|
25
32
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
|
26
33
|
const endAdornment = hideControls ? null : (React.createElement(NumberInputEndAdornment, { step: step, min: min, max: max, value: value, disabled: disabled, size: size, inputRef: inputRef }));
|
|
@@ -30,7 +37,7 @@ export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
|
30
37
|
input: classes.input
|
|
31
38
|
}, inputProps: Object.assign(Object.assign({}, rest), { step,
|
|
32
39
|
min,
|
|
33
|
-
max }), width: width, onResetClick: onResetClick, enableReset: enableReset, error:
|
|
40
|
+
max }), width: width, onResetClick: onResetClick, enableReset: enableReset, status: error ? 'error' : status, inputRef: inputRef, type: 'number', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment, startAdornment: startAdornment, size: size, testIds: testIds }));
|
|
34
41
|
});
|
|
35
42
|
NumberInput.defaultProps = {
|
|
36
43
|
onChange: () => { },
|
|
@@ -39,7 +46,8 @@ NumberInput.defaultProps = {
|
|
|
39
46
|
min: -Infinity,
|
|
40
47
|
max: Infinity,
|
|
41
48
|
hideControls: false,
|
|
42
|
-
size: 'medium'
|
|
49
|
+
size: 'medium',
|
|
50
|
+
status: 'default'
|
|
43
51
|
};
|
|
44
52
|
NumberInput.displayName = 'NumberInput';
|
|
45
53
|
export default NumberInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAa,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,aAA8C,MAAM,kBAAkB,CAAA;AAC7E,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import React, { ChangeEventHandler, ReactType, ReactNode, InputHTMLAttributes, M
|
|
|
2
2
|
import { InputBaseComponentProps } from '@material-ui/core/InputBase';
|
|
3
3
|
import { StandardProps, SizeType } from '@toptal/picasso-shared';
|
|
4
4
|
declare type ValueType = (string | number | boolean | object)[] | string | number | boolean | object;
|
|
5
|
+
export declare type Status = 'error' | 'success' | 'default';
|
|
5
6
|
export declare type BaseInputProps = InputBaseComponentProps & {
|
|
6
7
|
variant?: 'dark' | 'light';
|
|
7
8
|
};
|
|
@@ -21,8 +22,13 @@ export interface Props extends StandardProps, Omit<InputHTMLAttributes<HTMLInput
|
|
|
21
22
|
rowsMax?: string | number;
|
|
22
23
|
/** Type attribute of the Input element. It should be a valid HTML5 input type */
|
|
23
24
|
type?: string;
|
|
24
|
-
/**
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated Use the `status` prop instead to both support success and error states
|
|
27
|
+
* Indicate whether input is in error state
|
|
28
|
+
*/
|
|
25
29
|
error?: boolean;
|
|
30
|
+
/** Indicate input status */
|
|
31
|
+
status?: Status;
|
|
26
32
|
startAdornment?: ReactNode;
|
|
27
33
|
endAdornment?: ReactNode;
|
|
28
34
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
@@ -36,6 +42,7 @@ export interface Props extends StandardProps, Omit<InputHTMLAttributes<HTMLInput
|
|
|
36
42
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
37
43
|
testIds?: {
|
|
38
44
|
resetButton?: string;
|
|
45
|
+
validIcon?: string;
|
|
39
46
|
};
|
|
40
47
|
}
|
|
41
48
|
declare const OutlinedInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
|
|
@@ -16,9 +16,10 @@ import MUIOutlinedInput from '@material-ui/core/OutlinedInput';
|
|
|
16
16
|
import capitalize from '@material-ui/core/utils/capitalize';
|
|
17
17
|
import InputAdornment from '../InputAdornment';
|
|
18
18
|
import Button from '../Button';
|
|
19
|
-
import { CloseMinor16 } from '../Icon';
|
|
19
|
+
import { CheckMinor24, CloseMinor16 } from '../Icon';
|
|
20
20
|
import styles from './styles';
|
|
21
21
|
import noop from '../utils/noop';
|
|
22
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
22
23
|
const useStyles = makeStyles(styles, {
|
|
23
24
|
name: 'PicassoOutlinedInput'
|
|
24
25
|
});
|
|
@@ -26,13 +27,23 @@ const ResetButton = ({ classes, hasValue, onClick, testIds }) => (React.createEl
|
|
|
26
27
|
[classes.resetButtonDirty]: hasValue
|
|
27
28
|
}) },
|
|
28
29
|
React.createElement(Button.Circular, { tabIndex: -1, icon: React.createElement(CloseMinor16, null), variant: 'flat', role: 'reset', onClick: onClick, onMouseDown: (event) => event.preventDefault(), onFocus: (event) => event.stopPropagation() })));
|
|
30
|
+
const ValidIconAdornment = ({ 'data-testid': dataTestId }) => (React.createElement(InputAdornment, { position: 'end' },
|
|
31
|
+
React.createElement(CheckMinor24, { color: 'green', "data-testid": dataTestId })));
|
|
29
32
|
const OutlinedInput = forwardRef(function OutlinedInput(props, ref) {
|
|
30
|
-
const { className, style, multiline, autoFocus, rows, rowsMax, width = 'auto', inputComponent, inputProps, defaultValue, value, type, error, startAdornment, endAdornment: userDefinedEndAdornment, onChange, size = 'medium', enableReset, disabled, onResetClick = noop, inputRef, testIds } = props, rest = __rest(props, ["className", "style", "multiline", "autoFocus", "rows", "rowsMax", "width", "inputComponent", "inputProps", "defaultValue", "value", "type", "error", "startAdornment", "endAdornment", "onChange", "size", "enableReset", "disabled", "onResetClick", "inputRef", "testIds"]);
|
|
33
|
+
const { className, style, multiline, autoFocus, rows, rowsMax, width = 'auto', inputComponent, inputProps, defaultValue, value, type, error, status, startAdornment, endAdornment: userDefinedEndAdornment, onChange, size = 'medium', enableReset, disabled, onResetClick = noop, inputRef, testIds } = props, rest = __rest(props, ["className", "style", "multiline", "autoFocus", "rows", "rowsMax", "width", "inputComponent", "inputProps", "defaultValue", "value", "type", "error", "status", "startAdornment", "endAdornment", "onChange", "size", "enableReset", "disabled", "onResetClick", "inputRef", "testIds"]);
|
|
34
|
+
usePropDeprecationWarning({
|
|
35
|
+
props,
|
|
36
|
+
name: 'error',
|
|
37
|
+
componentName: 'OutlinedInput',
|
|
38
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
39
|
+
});
|
|
31
40
|
const classes = useStyles(props);
|
|
32
41
|
const isDark = (inputProps === null || inputProps === void 0 ? void 0 : inputProps.variant) === 'dark';
|
|
33
42
|
const shouldShowReset = enableReset && !disabled;
|
|
34
|
-
const
|
|
35
|
-
|
|
43
|
+
const hasEndAdornment = status === 'success' || shouldShowReset;
|
|
44
|
+
const endAdornment = hasEndAdornment ? (React.createElement(React.Fragment, null,
|
|
45
|
+
shouldShowReset && (React.createElement(ResetButton, { classes: classes, hasValue: Boolean(value), onClick: onResetClick, testIds: testIds })),
|
|
46
|
+
status === 'success' && (React.createElement(ValidIconAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.validIcon })),
|
|
36
47
|
userDefinedEndAdornment)) : (userDefinedEndAdornment);
|
|
37
48
|
return (React.createElement(MUIOutlinedInput, Object.assign({}, rest, { classes: {
|
|
38
49
|
root: cx(classes.root, classes[`root${capitalize(width)}`], classes[`root${capitalize(size)}`], { [`${classes.hidden}`]: type === 'hidden' }, { [classes.rootDark]: isDark }),
|
|
@@ -44,12 +55,13 @@ const OutlinedInput = forwardRef(function OutlinedInput(props, ref) {
|
|
|
44
55
|
[classes.notchedOutlineDark]: isDark
|
|
45
56
|
}),
|
|
46
57
|
focused: classes.focused
|
|
47
|
-
}, className: className, style: style, labelWidth: 0, fullWidth: width === 'full', error: error, inputComponent: inputComponent, inputProps: inputProps, ref: ref, inputRef: inputRef, defaultValue: defaultValue, value: value, type: type, startAdornment: startAdornment, endAdornment: endAdornment, multiline: multiline, autoFocus: autoFocus, rows: rows, rowsMax: rowsMax, onChange: onChange, disabled: disabled })));
|
|
58
|
+
}, className: className, style: style, labelWidth: 0, fullWidth: width === 'full', error: Boolean(status === 'error' || error), inputComponent: inputComponent, inputProps: inputProps, ref: ref, inputRef: inputRef, defaultValue: defaultValue, value: value, type: type, startAdornment: startAdornment, endAdornment: endAdornment, multiline: multiline, autoFocus: autoFocus, rows: rows, rowsMax: rowsMax, onChange: onChange, disabled: disabled })));
|
|
48
59
|
});
|
|
49
60
|
OutlinedInput.defaultProps = {
|
|
50
61
|
width: 'auto',
|
|
51
62
|
size: 'medium',
|
|
52
|
-
onResetClick: noop
|
|
63
|
+
onResetClick: noop,
|
|
64
|
+
status: 'default'
|
|
53
65
|
};
|
|
54
66
|
OutlinedInput.displayName = 'OutlinedInput';
|
|
55
67
|
export default OutlinedInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OutlinedInput.js","sourceRoot":"","sources":["../../src/OutlinedInput/OutlinedInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAMZ,UAAU,EACX,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,gBAAgB,MAAM,iCAAiC,CAAA;AAE9D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAG3D,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"OutlinedInput.js","sourceRoot":"","sources":["../../src/OutlinedInput/OutlinedInput.tsx"],"names":[],"mappings":"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"}
|
package/PageHead/PageHead.d.ts
CHANGED
|
@@ -8,7 +8,9 @@ export interface Props extends BaseProps {
|
|
|
8
8
|
}
|
|
9
9
|
export declare const PageHead: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
10
10
|
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
|
|
11
|
-
Title: ({ titleCase, children }: TextLabelProps
|
|
11
|
+
Title: ({ titleCase, children }: TextLabelProps & {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}) => JSX.Element;
|
|
12
14
|
Tabs: ({ children }: {
|
|
13
15
|
children: React.ReactNode;
|
|
14
16
|
}) => JSX.Element;
|
package/PageHead/PageHead.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,QAAQ,EACiC,EAAE,EAAE;IAC7C,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,IAC5D,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrD,OAAO,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,IAEtB,KAAK,CAAC,QAAQ,CACL,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxD,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,IAChC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY;SAC3C,CAAC,IAED,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACrC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;CACR,CAAC,CAAA"}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
import React, { ChangeEvent } from 'react';
|
|
2
2
|
import { BaseProps, OmitInternalProps } from '@toptal/picasso-shared';
|
|
3
3
|
import { Props as OutlinedInputProps } from '../OutlinedInput';
|
|
4
|
-
|
|
5
|
-
export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defaultValue' | 'type' | 'rows' | 'rowsMax' | 'multiline' | 'enableReset' | 'onResetClick'>, BaseProps {
|
|
4
|
+
export interface Props extends Omit<OmitInternalProps<OutlinedInputProps>, 'defaultValue' | 'type' | 'rows' | 'rowsMax' | 'multiline'>, BaseProps {
|
|
6
5
|
/** Value of the `input` element. */
|
|
7
6
|
value?: string;
|
|
8
|
-
/** Indicates whether component is in error state */
|
|
9
|
-
error?: boolean;
|
|
10
7
|
/** Indicates whether component is in disabled state */
|
|
11
8
|
disabled?: boolean;
|
|
12
9
|
/** Callback invoked when `PasswordInput` changes its state. */
|
|
13
10
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
14
|
-
testIds?:
|
|
11
|
+
testIds?: OutlinedInputProps['testIds'] & {
|
|
15
12
|
input?: string;
|
|
16
13
|
toggle?: string;
|
|
17
14
|
};
|
|
@@ -18,26 +18,33 @@ import styles from './styles';
|
|
|
18
18
|
import SvgEye16 from '../Icon/Eye16';
|
|
19
19
|
import SvgEyeHidden16 from '../Icon/EyeHidden16';
|
|
20
20
|
import Button from '../Button';
|
|
21
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
21
22
|
const useStyles = makeStyles(styles, {
|
|
22
23
|
name: 'PicassoPasswordInput'
|
|
23
24
|
});
|
|
24
25
|
export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
|
|
25
|
-
|
|
26
|
-
|
|
26
|
+
const { value, onChange, disabled, error, status, width, style, className, testIds, enableReset, onResetClick } = props, rest = __rest(props, ["value", "onChange", "disabled", "error", "status", "width", "style", "className", "testIds", "enableReset", "onResetClick"]);
|
|
27
|
+
usePropDeprecationWarning({
|
|
28
|
+
props,
|
|
29
|
+
name: 'error',
|
|
30
|
+
componentName: 'PasswordInput',
|
|
31
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
32
|
+
});
|
|
27
33
|
const [showPassword, setShowPassword] = useState(false);
|
|
28
34
|
const classes = useStyles();
|
|
29
35
|
const handleToggleVisibilityClick = useCallback(() => {
|
|
30
36
|
setShowPassword(previousState => !previousState);
|
|
31
37
|
}, []);
|
|
32
38
|
const endAdornment = (React.createElement(InputAdornment, { position: 'end' },
|
|
33
|
-
React.createElement(Button.Circular, { className: classes.toggle, variant: 'flat', icon: showPassword ? React.createElement(SvgEye16, null) : React.createElement(SvgEyeHidden16, null), onClick: handleToggleVisibilityClick, "data-testid":
|
|
39
|
+
React.createElement(Button.Circular, { className: classes.toggle, variant: 'flat', icon: showPassword ? React.createElement(SvgEye16, null) : React.createElement(SvgEyeHidden16, null), onClick: handleToggleVisibilityClick, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.toggle, disabled: disabled })));
|
|
34
40
|
return (React.createElement(OutlinedInput, { style: style, className: cx(classes.root, className), classes: {
|
|
35
41
|
input: classes.input
|
|
36
|
-
}, inputProps: Object.assign(Object.assign({}, rest), { 'data-testid':
|
|
42
|
+
}, inputProps: Object.assign(Object.assign({}, rest), { 'data-testid': testIds === null || testIds === void 0 ? void 0 : testIds.input }), width: width, status: error ? 'error' : status, inputRef: ref, type: showPassword ? 'text' : 'password', value: value, disabled: disabled, onChange: onChange, endAdornment: endAdornment, testIds: testIds, onResetClick: onResetClick, enableReset: enableReset }));
|
|
37
43
|
});
|
|
38
44
|
PasswordInput.defaultProps = {
|
|
39
45
|
onChange: () => { },
|
|
40
|
-
value: ''
|
|
46
|
+
value: '',
|
|
47
|
+
status: 'default'
|
|
41
48
|
};
|
|
42
49
|
PasswordInput.displayName = 'PasswordInput';
|
|
43
50
|
export default PasswordInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAe,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,aAA8C,MAAM,kBAAkB,CAAA;AAC7E,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,QAAQ,MAAM,eAAe,CAAA;AACpC,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,MAAM,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -38,19 +38,21 @@ const componentMap = {
|
|
|
38
38
|
ul: Ul
|
|
39
39
|
};
|
|
40
40
|
const picassoMapper = (child) => {
|
|
41
|
+
var _a, _b;
|
|
41
42
|
if (!isValidElement(child)) {
|
|
42
43
|
return child;
|
|
43
44
|
}
|
|
44
45
|
const type = componentMap[child.type] || child.type;
|
|
45
|
-
const mappedChildren = child.props.children.map(picassoMapper);
|
|
46
|
+
const mappedChildren = (_b = (_a = child.props.children) === null || _a === void 0 ? void 0 : _a.map(picassoMapper)) !== null && _b !== void 0 ? _b : null;
|
|
46
47
|
return createElement(type, { key: child.key }, mappedChildren);
|
|
47
48
|
};
|
|
48
49
|
const useRichText = (value) => {
|
|
49
50
|
const mappedTextNodes = useMemo(() => {
|
|
50
|
-
|
|
51
|
+
const { children: astChildren } = value;
|
|
52
|
+
if (!(astChildren === null || astChildren === void 0 ? void 0 : astChildren.length)) {
|
|
51
53
|
return null;
|
|
52
54
|
}
|
|
53
|
-
const isSingleChild =
|
|
55
|
+
const isSingleChild = astChildren.length === 1;
|
|
54
56
|
const reactElement = toH(createElement, value);
|
|
55
57
|
if (isSingleChild) {
|
|
56
58
|
return picassoMapper(reactElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRichText.js","sourceRoot":"","sources":["../../../../src/RichText/hooks/useRichText/useRichText.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,GAAG,MAAM,qBAAqB,CAAA;AACrC,OAAO,KAAK,EAAE,EACZ,OAAO,EACP,aAAa,EAEb,cAAc,EAGf,MAAM,OAAO,CAAA;AAGd,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,SAAS,MAAM,oBAAoB,CAAA;AAC1C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAMxC,kDAAkD;AAClD,MAAM,EAAE,GAAG,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,QAAQ,OAAmB,EAAd,KAAK,cAApB,YAAsB,CAAF;IAAc,OAAA,CAC5C,oBAAC,QAAQ,oBAAK,KAAK,GAAG,QAAQ,CAAY,CAC3C,CAAA;CAAA,CAAA;AAED,8BAA8B;AAC9B,MAAM,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE,CAAC,CACjC,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,IAAE,QAAQ,CAAc,CACjD,CAAA;AACD,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE,CAAC,CACtC,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,IACnD,QAAQ,CACE,CACd,CAAA;AACD,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE,CAAC,CAClC,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,IAC7B,QAAQ,CACE,CACd,CAAA;AACD,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE,CAAC,CAClC,oBAAC,SAAS,IAAC,GAAG,EAAC,QAAQ;IACrB,oBAAC,UAAU,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,IAChD,QAAQ,CACE,CACH,CACb,CAAA;AACD,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,OAAO,EAAC,WAAW,IAAE,QAAQ,CAAQ,CAAA;AAC/E,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,OAAO,EAAC,SAAS,IAAE,QAAQ,CAAQ,CAAA;AAE7E,MAAM,YAAY,GAAuB;IACvC,CAAC,EAAE,CAAC;IACJ,MAAM,EAAE,MAAM;IACd,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACE,CAAA;AAEV,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAa,EAAE
|
|
1
|
+
{"version":3,"file":"useRichText.js","sourceRoot":"","sources":["../../../../src/RichText/hooks/useRichText/useRichText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@ import { actions as toolbarActions } from '../../store/toolbar';
|
|
|
3
3
|
const useOnFocus = ({ autoFocus, editorRef, toolbarRef, wrapperRef, onFocus, onBlur, dispatch }) => {
|
|
4
4
|
const [isEditorFocused, setIsEditorFocused] = useState(autoFocus);
|
|
5
5
|
const handleFocus = useCallback((e) => {
|
|
6
|
-
console.log('focus');
|
|
7
6
|
if (!editorRef.current || !toolbarRef.current || !wrapperRef) {
|
|
8
7
|
return;
|
|
9
8
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOnFocus.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnFocus/useOnFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAa/D,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACF,EAAE,EAAE;IACV,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAmC,EAAE,EAAE;QACtC,
|
|
1
|
+
{"version":3,"file":"useOnFocus.js","sourceRoot":"","sources":["../../../../src/RichTextEditor/hooks/useOnFocus/useOnFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAa/D,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EACF,EAAE,EAAE;IACV,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAmC,EAAE,EAAE;QACtC,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE;YAC5D,OAAM;SACP;QAED,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAA;QAE3C,MAAM,YAAY,GAAG,CAAC,CAAC,MAAc,CAAA;QACrC,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QAEzE,IAAI,uBAAuB,EAAE;YAC3B,OAAM;SACP;QAED,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAExB,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,CAAmC,EAAE,EAAE;QACtC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;YAC7C,OAAM;SACP;QAED,MAAM,YAAY,GAAG,CAAC,CAAC,aAAqB,CAAA;QAE5C,MAAM,uBAAuB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QACzE,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;QACvE,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,KAAK,YAAY,CAAA;QAEjE,IACE,uBAAuB;YACvB,sBAAsB;YACtB,qBAAqB,EACrB;YACA,OAAM;SACP;QAED,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;QAE1C,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAA;QAEtC,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAEzB,MAAM,EAAE,CAAA;IACV,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CACtD,CAAA;IAED,OAAO;QACL,eAAe;QACf,WAAW;QACX,UAAU;KACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
package/Select/Select.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ export declare const Select: {
|
|
|
3
3
|
<T extends ValueType, M extends boolean = false>({ native, ...props }: SelectProps<T, M, M extends true ? T[] : T>): JSX.Element;
|
|
4
4
|
defaultProps: {
|
|
5
5
|
disabled: boolean;
|
|
6
|
-
error: boolean;
|
|
7
6
|
getDisplayValue: (option: import("./types").Option<string | number> | null) => string;
|
|
8
7
|
iconPosition: string;
|
|
9
8
|
loading: boolean;
|
|
@@ -18,6 +17,7 @@ export declare const Select: {
|
|
|
18
17
|
enableAutofill: boolean;
|
|
19
18
|
searchPlaceholder: string;
|
|
20
19
|
native: boolean;
|
|
20
|
+
status: string;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
export default Select;
|
package/Select/Select.js
CHANGED
|
@@ -36,6 +36,12 @@ export const Select = (_a) => {
|
|
|
36
36
|
componentName: 'Select',
|
|
37
37
|
description: 'Use the Autocomplete component if you require dynamic options.'
|
|
38
38
|
});
|
|
39
|
+
usePropDeprecationWarning({
|
|
40
|
+
props,
|
|
41
|
+
name: 'error',
|
|
42
|
+
componentName: 'Select',
|
|
43
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
44
|
+
});
|
|
39
45
|
return native ? (
|
|
40
46
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
41
47
|
React.createElement(NativeSelect, Object.assign({}, purifyProps(props)))) : (
|
|
@@ -44,7 +50,6 @@ export const Select = (_a) => {
|
|
|
44
50
|
};
|
|
45
51
|
Select.defaultProps = {
|
|
46
52
|
disabled: false,
|
|
47
|
-
error: false,
|
|
48
53
|
getDisplayValue: getOptionText,
|
|
49
54
|
iconPosition: 'start',
|
|
50
55
|
loading: false,
|
|
@@ -58,7 +63,8 @@ Select.defaultProps = {
|
|
|
58
63
|
limit: DEFAULT_LIMIT,
|
|
59
64
|
enableAutofill: false,
|
|
60
65
|
searchPlaceholder: 'Search',
|
|
61
|
-
native: false
|
|
66
|
+
native: false,
|
|
67
|
+
status: 'default'
|
|
62
68
|
};
|
|
63
69
|
export default Select;
|
|
64
70
|
//# sourceMappingURL=Select.js.map
|
package/Select/Select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,gBAAgB;QACtB,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,gEAAgE;KACnE,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAA;AAChD,OAAO,uBAEN,MAAM,oCAAoC,CAAA;AAC3C,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAiD,EAGnD,EAAE,EAAE;QAH+C,EACrE,MAAM,OAEY,EADf,KAAK,cAF6D,UAGtE,CADS;IAER,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,gBAAgB;QACtB,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,gEAAgE;KACnE,CAAC,CAAA;IAEF,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,QAAQ;QACvB,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CACzC,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,EAAI,CAC5C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/Select/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes, InputHTMLAttributes, ChangeEvent, ReactNode } from 'react';
|
|
2
2
|
import PopperJs from 'popper.js';
|
|
3
3
|
import { BaseProps, SizeType } from '@toptal/picasso-shared';
|
|
4
|
-
import { OutlinedInputProps } from '../OutlinedInput';
|
|
4
|
+
import { OutlinedInputProps, Status } from '../OutlinedInput';
|
|
5
5
|
/**
|
|
6
6
|
* Select props are generalized over possible values in the component and whether
|
|
7
7
|
* Select should be a multiselect. If you want `onChange` to take a handler that
|
|
@@ -15,8 +15,10 @@ import { OutlinedInputProps } from '../OutlinedInput';
|
|
|
15
15
|
export interface SelectProps<T extends ValueType = ValueType, M extends boolean = boolean, V = M extends true ? T[] : T> extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'color' | 'value'> {
|
|
16
16
|
/** If true, the 'Select' will be disabled */
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
/** Indicate whether `Select` is in error state */
|
|
18
|
+
/** @deprecated Indicate whether `Select` is in error state */
|
|
19
19
|
error?: boolean;
|
|
20
|
+
/** Indicate whether `Select` is in error state */
|
|
21
|
+
status?: Exclude<Status, 'success'>;
|
|
20
22
|
/** Component ID */
|
|
21
23
|
id?: string;
|
|
22
24
|
/** Width of the component */
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes, ReactNode, FocusEventHandler } from 'react';
|
|
2
2
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
3
3
|
import { Item as AutocompleteItem } from '../Autocomplete';
|
|
4
|
+
import { Status } from '../OutlinedInput';
|
|
4
5
|
export interface Item extends AutocompleteItem {
|
|
5
6
|
value?: string;
|
|
6
7
|
}
|
|
@@ -10,8 +11,13 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
10
11
|
placeholder?: string;
|
|
11
12
|
/** Disables `TagSelector` */
|
|
12
13
|
disabled?: boolean;
|
|
13
|
-
/**
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated Use the `status` prop instead to both support success and error states
|
|
16
|
+
* Indicate whether `TagSelector` is in error state
|
|
17
|
+
*/
|
|
14
18
|
error?: boolean;
|
|
19
|
+
/** Indicate `TagSelector` status */
|
|
20
|
+
status?: Status;
|
|
15
21
|
/** Shows the loading icon when options are loading */
|
|
16
22
|
loading?: boolean;
|
|
17
23
|
/** Text prefix for other option */
|
|
@@ -55,6 +61,9 @@ export interface Props extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
55
61
|
}) => ReactNode;
|
|
56
62
|
/** DOM element that wraps the Popper */
|
|
57
63
|
popperContainer?: HTMLElement;
|
|
64
|
+
testIds?: {
|
|
65
|
+
validIcon?: string;
|
|
66
|
+
};
|
|
58
67
|
}
|
|
59
68
|
export declare const TagSelector: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
|
|
60
69
|
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>> & {
|
|
@@ -15,11 +15,18 @@ import TagSelectorInput from '../TagSelectorInput';
|
|
|
15
15
|
import TagSelectorLabel from '../TagSelectorLabel';
|
|
16
16
|
import unsafeErrorLog from '../utils/unsafe-error-log';
|
|
17
17
|
import noop from '../utils/noop';
|
|
18
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
18
19
|
const EMPTY_INPUT_VALUE = '';
|
|
19
20
|
export const isIncluded = (items, currentItem) => items.some(({ value }) => value === currentItem.value);
|
|
20
21
|
const getItemText = (item) => (item && item.text) || EMPTY_INPUT_VALUE;
|
|
21
22
|
export const TagSelector = forwardRef(function TagSelector(props, ref) {
|
|
22
|
-
const { disabled, enableAutofill, getDisplayValue = getItemText, getKey: customGetKey, inputValue = '', loading, noOptionsText, onBlur, onChange = noop, onFocus, onInputChange = noop, onOtherOptionSelect = noop, options = [], otherOptionLabel, placeholder, renderLabel: customRenderLabel, renderOption, showOtherOption, value: values = [], width, popperContainer } = props, rest = __rest(props, ["disabled", "enableAutofill", "getDisplayValue", "getKey", "inputValue", "loading", "noOptionsText", "onBlur", "onChange", "onFocus", "onInputChange", "onOtherOptionSelect", "options", "otherOptionLabel", "placeholder", "renderLabel", "renderOption", "showOtherOption", "value", "width", "popperContainer"]);
|
|
23
|
+
const { disabled, enableAutofill, getDisplayValue = getItemText, getKey: customGetKey, inputValue = '', loading, noOptionsText, onBlur, onChange = noop, onFocus, onInputChange = noop, onOtherOptionSelect = noop, options = [], otherOptionLabel, placeholder, renderLabel: customRenderLabel, renderOption, showOtherOption, value: values = [], width, popperContainer, error, status, testIds } = props, rest = __rest(props, ["disabled", "enableAutofill", "getDisplayValue", "getKey", "inputValue", "loading", "noOptionsText", "onBlur", "onChange", "onFocus", "onInputChange", "onOtherOptionSelect", "options", "otherOptionLabel", "placeholder", "renderLabel", "renderOption", "showOtherOption", "value", "width", "popperContainer", "error", "status", "testIds"]);
|
|
24
|
+
usePropDeprecationWarning({
|
|
25
|
+
props,
|
|
26
|
+
name: 'error',
|
|
27
|
+
componentName: 'TagSelector',
|
|
28
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
29
|
+
});
|
|
23
30
|
const handleDelete = (value) => {
|
|
24
31
|
if (disabled) {
|
|
25
32
|
return;
|
|
@@ -67,7 +74,7 @@ export const TagSelector = forwardRef(function TagSelector(props, ref) {
|
|
|
67
74
|
}
|
|
68
75
|
return (React.createElement(TagSelectorLabel, { disabled: disabled, onDelete: handleItemDelete }, displayValue));
|
|
69
76
|
};
|
|
70
|
-
return (React.createElement(Autocomplete, Object.assign({}, rest, { ref: ref, placeholder: values.length === 0 ? placeholder : undefined, options: autocompleteOptions, value: inputValue, onSelect: handleSelect, onOtherOptionSelect: handleOtherOptionSelect, onChange: onInputChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, startAdornment: values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item)))), loading: loading, disabled: disabled, inputComponent: TagSelectorInput, width: width, showOtherOption: showOtherOption, otherOptionText: otherOptionLabel, noOptionsText: noOptionsText, enableAutofill: enableAutofill, getDisplayValue: getDisplayValue, renderOption: renderOption, enableReset: false, getKey: getKey, popperContainer: popperContainer })));
|
|
77
|
+
return (React.createElement(Autocomplete, Object.assign({}, rest, { status: error ? 'error' : status, ref: ref, placeholder: values.length === 0 ? placeholder : undefined, options: autocompleteOptions, value: inputValue, onSelect: handleSelect, onOtherOptionSelect: handleOtherOptionSelect, onChange: onInputChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, startAdornment: values.map(item => (React.createElement(Fragment, { key: getKey(item) }, renderLabel(item)))), loading: loading, disabled: disabled, inputComponent: TagSelectorInput, width: width, showOtherOption: showOtherOption, otherOptionText: otherOptionLabel, noOptionsText: noOptionsText, enableAutofill: enableAutofill, getDisplayValue: getDisplayValue, renderOption: renderOption, enableReset: false, getKey: getKey, popperContainer: popperContainer, testIds: testIds })));
|
|
71
78
|
});
|
|
72
79
|
TagSelector.defaultProps = {
|
|
73
80
|
enableAutofill: false,
|
|
@@ -80,7 +87,8 @@ TagSelector.defaultProps = {
|
|
|
80
87
|
otherOptionLabel: 'Add new option: ',
|
|
81
88
|
noOptionsText: 'No matches found',
|
|
82
89
|
placeholder: '',
|
|
83
|
-
showOtherOption: false
|
|
90
|
+
showOtherOption: false,
|
|
91
|
+
status: 'default'
|
|
84
92
|
};
|
|
85
93
|
TagSelector.displayName = 'TagSelector';
|
|
86
94
|
export default Object.assign(TagSelector, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EAKV,QAAQ,EACT,MAAM,OAAO,CAAA;AAGd,OAAO,YAA0C,MAAM,iBAAiB,CAAA;AACxE,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,IAAI,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"TagSelector.js","sourceRoot":"","sources":["../../src/TagSelector/TagSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,15 +14,22 @@ import cx from 'classnames';
|
|
|
14
14
|
import { makeStyles } from '@material-ui/core/styles';
|
|
15
15
|
import OutlinedInput from '../OutlinedInput';
|
|
16
16
|
import styles from './styles';
|
|
17
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
17
18
|
const useStyles = makeStyles(styles, {
|
|
18
19
|
name: 'PicassoTagSelectorInput'
|
|
19
20
|
});
|
|
20
21
|
export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref) {
|
|
21
|
-
const { id, name, defaultValue, value, placeholder, error, disabled, autoFocus, autoComplete, children, multiline, width, style, rows, rowsMax, type, onChange, startAdornment, endAdornment,
|
|
22
|
+
const { id, name, defaultValue, value, placeholder, status, error, disabled, autoFocus, autoComplete, children, multiline, width, style, rows, rowsMax, type, onChange, startAdornment, endAdornment,
|
|
22
23
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
23
24
|
onResetClick,
|
|
24
25
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
25
|
-
enableReset, inputProps, testIds } = props, rest = __rest(props, ["id", "name", "defaultValue", "value", "placeholder", "error", "disabled", "autoFocus", "autoComplete", "children", "multiline", "width", "style", "rows", "rowsMax", "type", "onChange", "startAdornment", "endAdornment", "onResetClick", "enableReset", "inputProps", "testIds"]);
|
|
26
|
+
enableReset, inputProps, testIds } = props, rest = __rest(props, ["id", "name", "defaultValue", "value", "placeholder", "status", "error", "disabled", "autoFocus", "autoComplete", "children", "multiline", "width", "style", "rows", "rowsMax", "type", "onChange", "startAdornment", "endAdornment", "onResetClick", "enableReset", "inputProps", "testIds"]);
|
|
27
|
+
usePropDeprecationWarning({
|
|
28
|
+
props,
|
|
29
|
+
name: 'error',
|
|
30
|
+
componentName: 'TagSelectorInput',
|
|
31
|
+
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.'
|
|
32
|
+
});
|
|
26
33
|
const classes = useStyles();
|
|
27
34
|
let usedEndAdornment = null;
|
|
28
35
|
if (endAdornment) {
|
|
@@ -32,13 +39,14 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
|
|
|
32
39
|
}
|
|
33
40
|
return (React.createElement(OutlinedInput, { inputRef: ref, style: style, className: cx(classes.inputBase, {
|
|
34
41
|
[classes.withEndAdornment]: Boolean(endAdornment)
|
|
35
|
-
}), id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, error:
|
|
42
|
+
}), id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, status: error ? 'error' : status, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, multiline: multiline, rows: rows, rowsMax: rowsMax, type: type, width: width,
|
|
36
43
|
// html attributes
|
|
37
44
|
inputProps: Object.assign(Object.assign({}, rest), inputProps), testIds: testIds, endAdornment: usedEndAdornment, startAdornment: startAdornment, onChange: onChange }, children));
|
|
38
45
|
});
|
|
39
46
|
TagSelectorInput.defaultProps = {
|
|
40
47
|
multiline: false,
|
|
41
|
-
width: 'auto'
|
|
48
|
+
width: 'auto',
|
|
49
|
+
status: 'default'
|
|
42
50
|
};
|
|
43
51
|
TagSelectorInput.displayName = 'TagSelectorInput';
|
|
44
52
|
export default TagSelectorInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EACJ,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,YAAY;IACZ,6DAA6D;IAC7D,YAAY;IACZ,6DAA6D;IAC7D,WAAW,EACX,UAAU,EACV,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EA5BH,8RA4BL,CAAQ,CAAA;IAET,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,kBAAkB;QACjC,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAI,gBAAgB,GAAG,IAAI,CAAA;IAE3B,IAAI,YAAY,EAAE;QAChB,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAAC,YAA4B,EAAE;YAClE,SAAS,EAAE,OAAO,CAAC,YAAY;SAChC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE;YAC/B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC;SAClD,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QACZ,kBAAkB;QAClB,UAAU,kCACL,IAAI,GACJ,UAAU,GAEf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,YAAY,GAAG;IAC9B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import { BaseProps } from '@toptal/picasso-shared';
|
|
2
2
|
import { InputProps } from '../Input';
|
|
3
|
-
|
|
3
|
+
import { Status } from '../OutlinedInput';
|
|
4
|
+
export interface Props extends BaseProps, Omit<InputProps, 'id' | 'value' | 'onSelect' | 'type' | 'multiline' | 'rows' | 'defaultValue' | 'step' | 'icon' | 'iconPosition' | 'counter' | 'endAdornment' | 'startAdornment' | 'multilineResizable' | 'rowsMax' | 'limit' | 'placeholder' | 'status'> {
|
|
4
5
|
/** Time value that will be selected in TimePicker */
|
|
5
6
|
value?: string;
|
|
7
|
+
/** Indicate whether `TimePicker` is in error state */
|
|
8
|
+
status?: Exclude<Status, 'success'>;
|
|
6
9
|
}
|
|
7
10
|
export declare const TimePicker: {
|
|
8
11
|
(props: Props): JSX.Element;
|
|
12
|
+
defaultProps: {
|
|
13
|
+
status: string;
|
|
14
|
+
};
|
|
9
15
|
displayName: string;
|
|
10
16
|
};
|
|
11
17
|
export default TimePicker;
|