@wireapp/react-ui-kit 8.17.10 → 9.0.0
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/{src → lib}/Form/Button.d.ts +0 -0
- package/{src → lib}/Form/ButtonLink.d.ts +0 -0
- package/{src → lib}/Form/Checkbox.d.ts +0 -0
- package/{src → lib}/Form/CodeInput.d.ts +0 -0
- package/{src → lib}/Form/DropFileInput.d.ts +0 -0
- package/{src → lib}/Form/ErrorMessage.d.ts +0 -0
- package/{src → lib}/Form/Form.d.ts +0 -0
- package/{src → lib}/Form/Input.d.ts +0 -0
- package/{src → lib}/Form/InputBlock.d.ts +0 -0
- package/{src → lib}/Form/InputLabel.d.ts +0 -0
- package/{src → lib}/Form/InputSubmitCombo.d.ts +0 -0
- package/{src → lib}/Form/RangeInput.d.ts +0 -0
- package/{src → lib}/Form/RangeInput.styles.d.ts +0 -0
- package/{src → lib}/Form/RoundIconButton.d.ts +0 -0
- package/{src → lib}/Form/Select.d.ts +0 -0
- package/{src → lib}/Form/SelectComponents.d.ts +0 -0
- package/{src → lib}/Form/SelectStyles.d.ts +0 -0
- package/{src → lib}/Form/ShakeBox.d.ts +0 -0
- package/{src → lib}/Form/Switch.d.ts +0 -0
- package/{src → lib}/Form/TextArea.d.ts +0 -0
- package/{src → lib}/Form/Tooltip.d.ts +0 -0
- package/{src → lib}/Form/index.d.ts +0 -0
- package/{src → lib}/GlobalCssVariables.d.ts +0 -0
- package/{src → lib}/GlobalStyle.d.ts +0 -0
- package/{src → lib}/Icon/AddPeopleIcon.d.ts +0 -0
- package/{src → lib}/Icon/ArchiveIcon.d.ts +0 -0
- package/{src → lib}/Icon/ArrowDown.d.ts +0 -0
- package/{src → lib}/Icon/ArrowIcon.d.ts +0 -0
- package/{src → lib}/Icon/AttachmentIcon.d.ts +0 -0
- package/{src → lib}/Icon/AudioVideoIcon.d.ts +0 -0
- package/{src → lib}/Icon/BlockIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/AndroidIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/AppleIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/ChromeIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/FacebookIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/GitHubIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/LinkedInIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/LinuxIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/MicrosoftIcon.d.ts +0 -0
- package/{src → lib}/Icon/Brand/TwitterIcon.d.ts +0 -0
- package/{src → lib}/Icon/CallIcon.d.ts +0 -0
- package/{src → lib}/Icon/CamIcon.d.ts +0 -0
- package/{src → lib}/Icon/CameraIcon.d.ts +0 -0
- package/{src → lib}/Icon/CheckIcon.d.ts +0 -0
- package/{src → lib}/Icon/CheckRoundIcon.d.ts +0 -0
- package/{src → lib}/Icon/ChevronIcon.d.ts +0 -0
- package/{src → lib}/Icon/CloseIcon.d.ts +0 -0
- package/{src → lib}/Icon/CopyIcon.d.ts +0 -0
- package/{src → lib}/Icon/DeviceIcon.d.ts +0 -0
- package/{src → lib}/Icon/DownloadIcon.d.ts +0 -0
- package/{src → lib}/Icon/EditDocumentIcon.d.ts +0 -0
- package/{src → lib}/Icon/EditIcon.d.ts +0 -0
- package/{src → lib}/Icon/EnterIcon.d.ts +0 -0
- package/{src → lib}/Icon/ErrorIcon.d.ts +0 -0
- package/{src → lib}/Icon/FileIcon.d.ts +0 -0
- package/{src → lib}/Icon/GifIcon.d.ts +0 -0
- package/{src → lib}/Icon/GridIcon.d.ts +0 -0
- package/{src → lib}/Icon/GroupIcon.d.ts +0 -0
- package/{src → lib}/Icon/HangupIcon.d.ts +0 -0
- package/{src → lib}/Icon/HideIcon.d.ts +0 -0
- package/{src → lib}/Icon/ImageIcon.d.ts +0 -0
- package/{src → lib}/Icon/InfoIcon.d.ts +0 -0
- package/{src → lib}/Icon/InviteIcon.d.ts +0 -0
- package/{src → lib}/Icon/LeaveIcon.d.ts +0 -0
- package/{src → lib}/Icon/LinkIcon.d.ts +0 -0
- package/{src → lib}/Icon/ListIcon.d.ts +0 -0
- package/{src → lib}/Icon/LockIcon.d.ts +0 -0
- package/{src → lib}/Icon/MessageIcon.d.ts +0 -0
- package/{src → lib}/Icon/MinusIcon.d.ts +0 -0
- package/{src → lib}/Icon/MoreIcon.d.ts +0 -0
- package/{src → lib}/Icon/MuteIcon.d.ts +0 -0
- package/{src → lib}/Icon/NotificationIcon.d.ts +0 -0
- package/{src → lib}/Icon/NotificationOffIcon.d.ts +0 -0
- package/{src → lib}/Icon/OptionsIcon.d.ts +0 -0
- package/{src → lib}/Icon/PeopleIcon.d.ts +0 -0
- package/{src → lib}/Icon/PingIcon.d.ts +0 -0
- package/{src → lib}/Icon/PlaneIcon.d.ts +0 -0
- package/{src → lib}/Icon/PlusIcon.d.ts +0 -0
- package/{src → lib}/Icon/ProfileIcon.d.ts +0 -0
- package/{src → lib}/Icon/RecordBoldIcon.d.ts +0 -0
- package/{src → lib}/Icon/RecordIcon.d.ts +0 -0
- package/{src → lib}/Icon/RecordPendingIcon.d.ts +0 -0
- package/{src → lib}/Icon/ReloadIcon.d.ts +0 -0
- package/{src → lib}/Icon/SVGIcon.d.ts +0 -0
- package/{src → lib}/Icon/ScreenshareIcon.d.ts +0 -0
- package/{src → lib}/Icon/SearchIcon.d.ts +0 -0
- package/{src → lib}/Icon/ServicesIcon.d.ts +0 -0
- package/{src → lib}/Icon/SettingsIcon.d.ts +0 -0
- package/{src → lib}/Icon/ShowIcon.d.ts +0 -0
- package/{src → lib}/Icon/SignIcon.d.ts +0 -0
- package/{src → lib}/Icon/SpeakerIcon.d.ts +0 -0
- package/{src → lib}/Icon/SupportIcon.d.ts +0 -0
- package/{src → lib}/Icon/TeamIcon.d.ts +0 -0
- package/{src → lib}/Icon/TimedIcon.d.ts +0 -0
- package/{src → lib}/Icon/TrashCrossIcon.d.ts +0 -0
- package/{src → lib}/Icon/TrashIcon.d.ts +0 -0
- package/{src → lib}/Icon/TriangleIcon.d.ts +0 -0
- package/{src → lib}/Icon/UploadIcon.d.ts +0 -0
- package/{src → lib}/Icon/WireIcon.d.ts +0 -0
- package/{src → lib}/Icon/index.d.ts +0 -0
- package/{src → lib}/Identity/Animation.d.ts +0 -0
- package/{src → lib}/Identity/Avatar.d.ts +0 -0
- package/{src → lib}/Identity/AvatarGrid.d.ts +0 -0
- package/{src → lib}/Identity/Logo.d.ts +0 -0
- package/{src → lib}/Identity/colors-v2.d.ts +0 -0
- package/{src → lib}/Identity/colors.d.ts +0 -0
- package/{src → lib}/Identity/index.d.ts +0 -0
- package/{src → lib}/Identity/motions.d.ts +0 -0
- package/{src → lib}/Layout/Box.d.ts +0 -0
- package/{src → lib}/Layout/Column.d.ts +0 -0
- package/{src → lib}/Layout/Container.d.ts +0 -0
- package/{src → lib}/Layout/Content.d.ts +0 -0
- package/{src → lib}/Layout/FlexBox.d.ts +0 -0
- package/{src → lib}/Layout/Footer.d.ts +0 -0
- package/{src → lib}/Layout/Header.d.ts +0 -0
- package/{src → lib}/Layout/MatchMedia.d.ts +0 -0
- package/{src → lib}/Layout/Spacer.d.ts +0 -0
- package/{src → lib}/Layout/StyledApp.d.ts +0 -0
- package/{src → lib}/Layout/Theme.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/HeaderMenu.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/HeaderSubMenu.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/MenuContent.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/MenuItems.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/MenuLink.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/MenuOpenButton.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/MenuScrollableItems.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/MenuSubLink.d.ts +0 -0
- package/{src → lib}/Layout/headerMenu/index.d.ts +0 -0
- package/{src → lib}/Layout/index.d.ts +0 -0
- package/{src → lib}/Layout/sizes.d.ts +0 -0
- package/{src → lib}/Menu/MenuModal.d.ts +0 -0
- package/{src → lib}/Menu/TabBar.d.ts +0 -0
- package/{src → lib}/Menu/index.d.ts +0 -0
- package/{src → lib}/Misc/ButtonGroup.d.ts +0 -0
- package/{src → lib}/Misc/IconButton.d.ts +0 -0
- package/{src → lib}/Misc/IsInViewport.d.ts +0 -0
- package/{src → lib}/Misc/Loading.d.ts +0 -0
- package/{src → lib}/Misc/Pagination.d.ts +0 -0
- package/{src → lib}/Misc/Pill.d.ts +0 -0
- package/{src → lib}/Misc/childrenWithDefaultProps.d.ts +0 -0
- package/{src → lib}/Misc/index.d.ts +0 -0
- package/{src → lib}/Misc/useLongTouch.d.ts +0 -0
- package/{src → lib}/Misc/useTimeout.d.ts +0 -0
- package/{src → lib}/Modal/Modal.d.ts +0 -0
- package/{src → lib}/Modal/Overlay.d.ts +0 -0
- package/{src → lib}/Modal/index.d.ts +0 -0
- package/{src → lib}/Text/Heading.d.ts +0 -0
- package/{src → lib}/Text/Label.d.ts +0 -0
- package/{src → lib}/Text/Line.d.ts +0 -0
- package/{src → lib}/Text/Link.d.ts +0 -0
- package/{src → lib}/Text/Paragraph.d.ts +0 -0
- package/{src → lib}/Text/Text.d.ts +0 -0
- package/{src → lib}/Text/TextLink.d.ts +0 -0
- package/{src → lib}/Text/Title.d.ts +0 -0
- package/{src → lib}/Text/index.d.ts +0 -0
- package/{src → lib}/index.d.ts +0 -0
- package/{src → lib}/mediaQueries.d.ts +0 -0
- package/{src → lib}/util.d.ts +0 -0
- package/package.json +16 -17
- package/src/Form/Button.d.js +0 -2
- package/src/Form/Button.d.js.map +0 -1
- package/src/Form/Button.js +0 -200
- package/src/Form/Button.js.map +0 -1
- package/src/Form/Button.md +0 -89
- package/src/Form/ButtonLink.d.js +0 -2
- package/src/Form/ButtonLink.d.js.map +0 -1
- package/src/Form/ButtonLink.js +0 -49
- package/src/Form/ButtonLink.js.map +0 -1
- package/src/Form/ButtonLink.md +0 -22
- package/src/Form/Checkbox.d.js +0 -6
- package/src/Form/Checkbox.d.js.map +0 -1
- package/src/Form/Checkbox.js +0 -150
- package/src/Form/Checkbox.js.map +0 -1
- package/src/Form/Checkbox.md +0 -48
- package/src/Form/CodeInput.d.js +0 -2
- package/src/Form/CodeInput.d.js.map +0 -1
- package/src/Form/CodeInput.js +0 -171
- package/src/Form/CodeInput.js.map +0 -1
- package/src/Form/CodeInput.md +0 -15
- package/src/Form/DropFileInput.d.js +0 -2
- package/src/Form/DropFileInput.d.js.map +0 -1
- package/src/Form/DropFileInput.js +0 -203
- package/src/Form/DropFileInput.js.map +0 -1
- package/src/Form/DropFileInput.md +0 -18
- package/src/Form/ErrorMessage.d.js +0 -6
- package/src/Form/ErrorMessage.d.js.map +0 -1
- package/src/Form/ErrorMessage.js +0 -67
- package/src/Form/ErrorMessage.js.map +0 -1
- package/src/Form/ErrorMessage.md +0 -10
- package/src/Form/Form.d.js +0 -2
- package/src/Form/Form.d.js.map +0 -1
- package/src/Form/Form.js +0 -27
- package/src/Form/Form.js.map +0 -1
- package/src/Form/Form.md +0 -135
- package/src/Form/Input.d.js +0 -2
- package/src/Form/Input.d.js.map +0 -1
- package/src/Form/Input.js +0 -165
- package/src/Form/Input.js.map +0 -1
- package/src/Form/InputBlock.d.js +0 -2
- package/src/Form/InputBlock.d.js.map +0 -1
- package/src/Form/InputBlock.js +0 -35
- package/src/Form/InputBlock.js.map +0 -1
- package/src/Form/InputLabel.d.js +0 -2
- package/src/Form/InputLabel.d.js.map +0 -1
- package/src/Form/InputLabel.js +0 -41
- package/src/Form/InputLabel.js.map +0 -1
- package/src/Form/InputLabel.md +0 -33
- package/src/Form/InputSubmitCombo.d.js +0 -2
- package/src/Form/InputSubmitCombo.d.js.map +0 -1
- package/src/Form/InputSubmitCombo.js +0 -44
- package/src/Form/InputSubmitCombo.js.map +0 -1
- package/src/Form/RangeInput.d.js +0 -2
- package/src/Form/RangeInput.d.js.map +0 -1
- package/src/Form/RangeInput.js +0 -63
- package/src/Form/RangeInput.js.map +0 -1
- package/src/Form/RangeInput.md +0 -27
- package/src/Form/RangeInput.styles.d.js +0 -2
- package/src/Form/RangeInput.styles.d.js.map +0 -1
- package/src/Form/RangeInput.styles.js +0 -63
- package/src/Form/RangeInput.styles.js.map +0 -1
- package/src/Form/RoundIconButton.d.js +0 -2
- package/src/Form/RoundIconButton.d.js.map +0 -1
- package/src/Form/RoundIconButton.js +0 -54
- package/src/Form/RoundIconButton.js.map +0 -1
- package/src/Form/RoundIconButton.md +0 -70
- package/src/Form/Select.d.js +0 -6
- package/src/Form/Select.d.js.map +0 -1
- package/src/Form/Select.js +0 -86
- package/src/Form/Select.js.map +0 -1
- package/src/Form/Select.md +0 -84
- package/src/Form/SelectComponents.d.js +0 -2
- package/src/Form/SelectComponents.d.js.map +0 -1
- package/src/Form/SelectComponents.js +0 -161
- package/src/Form/SelectComponents.js.map +0 -1
- package/src/Form/SelectStyles.d.js +0 -2
- package/src/Form/SelectStyles.d.js.map +0 -1
- package/src/Form/SelectStyles.js +0 -175
- package/src/Form/SelectStyles.js.map +0 -1
- package/src/Form/ShakeBox.d.js +0 -2
- package/src/Form/ShakeBox.d.js.map +0 -1
- package/src/Form/ShakeBox.js +0 -72
- package/src/Form/ShakeBox.js.map +0 -1
- package/src/Form/Switch.d.js +0 -2
- package/src/Form/Switch.d.js.map +0 -1
- package/src/Form/Switch.js +0 -116
- package/src/Form/Switch.js.map +0 -1
- package/src/Form/Switch.md +0 -46
- package/src/Form/TextArea.d.js +0 -2
- package/src/Form/TextArea.d.js.map +0 -1
- package/src/Form/TextArea.js +0 -71
- package/src/Form/TextArea.js.map +0 -1
- package/src/Form/TextArea.md +0 -27
- package/src/Form/Tooltip.d.js +0 -6
- package/src/Form/Tooltip.d.js.map +0 -1
- package/src/Form/Tooltip.js +0 -77
- package/src/Form/Tooltip.js.map +0 -1
- package/src/Form/Tooltip.md +0 -28
- package/src/Form/index.d.js +0 -204
- package/src/Form/index.d.js.map +0 -1
- package/src/Form/index.js +0 -204
- package/src/Form/index.js.map +0 -1
- package/src/GlobalCssVariables.d.js +0 -2
- package/src/GlobalCssVariables.d.js.map +0 -1
- package/src/GlobalCssVariables.js +0 -131
- package/src/GlobalCssVariables.js.map +0 -1
- package/src/GlobalStyle.d.js +0 -4
- package/src/GlobalStyle.d.js.map +0 -1
- package/src/GlobalStyle.js +0 -59
- package/src/GlobalStyle.js.map +0 -1
- package/src/Icon/AddPeopleIcon.d.js +0 -2
- package/src/Icon/AddPeopleIcon.d.js.map +0 -1
- package/src/Icon/AddPeopleIcon.js +0 -21
- package/src/Icon/AddPeopleIcon.js.map +0 -1
- package/src/Icon/ArchiveIcon.d.js +0 -2
- package/src/Icon/ArchiveIcon.d.js.map +0 -1
- package/src/Icon/ArchiveIcon.js +0 -19
- package/src/Icon/ArchiveIcon.js.map +0 -1
- package/src/Icon/ArrowDown.d.js +0 -2
- package/src/Icon/ArrowDown.d.js.map +0 -1
- package/src/Icon/ArrowDown.js +0 -22
- package/src/Icon/ArrowDown.js.map +0 -1
- package/src/Icon/ArrowIcon.d.js +0 -2
- package/src/Icon/ArrowIcon.d.js.map +0 -1
- package/src/Icon/ArrowIcon.js +0 -33
- package/src/Icon/ArrowIcon.js.map +0 -1
- package/src/Icon/AttachmentIcon.d.js +0 -2
- package/src/Icon/AttachmentIcon.d.js.map +0 -1
- package/src/Icon/AttachmentIcon.js +0 -19
- package/src/Icon/AttachmentIcon.js.map +0 -1
- package/src/Icon/AudioVideoIcon.d.js +0 -2
- package/src/Icon/AudioVideoIcon.d.js.map +0 -1
- package/src/Icon/AudioVideoIcon.js +0 -19
- package/src/Icon/AudioVideoIcon.js.map +0 -1
- package/src/Icon/BlockIcon.d.js +0 -2
- package/src/Icon/BlockIcon.d.js.map +0 -1
- package/src/Icon/BlockIcon.js +0 -19
- package/src/Icon/BlockIcon.js.map +0 -1
- package/src/Icon/Brand/AndroidIcon.d.js +0 -2
- package/src/Icon/Brand/AndroidIcon.d.js.map +0 -1
- package/src/Icon/Brand/AndroidIcon.js +0 -20
- package/src/Icon/Brand/AndroidIcon.js.map +0 -1
- package/src/Icon/Brand/AppleIcon.d.js +0 -2
- package/src/Icon/Brand/AppleIcon.d.js.map +0 -1
- package/src/Icon/Brand/AppleIcon.js +0 -20
- package/src/Icon/Brand/AppleIcon.js.map +0 -1
- package/src/Icon/Brand/ChromeIcon.d.js +0 -2
- package/src/Icon/Brand/ChromeIcon.d.js.map +0 -1
- package/src/Icon/Brand/ChromeIcon.js +0 -20
- package/src/Icon/Brand/ChromeIcon.js.map +0 -1
- package/src/Icon/Brand/FacebookIcon.d.js +0 -2
- package/src/Icon/Brand/FacebookIcon.d.js.map +0 -1
- package/src/Icon/Brand/FacebookIcon.js +0 -19
- package/src/Icon/Brand/FacebookIcon.js.map +0 -1
- package/src/Icon/Brand/GitHubIcon.d.js +0 -2
- package/src/Icon/Brand/GitHubIcon.d.js.map +0 -1
- package/src/Icon/Brand/GitHubIcon.js +0 -19
- package/src/Icon/Brand/GitHubIcon.js.map +0 -1
- package/src/Icon/Brand/LinkedInIcon.d.js +0 -2
- package/src/Icon/Brand/LinkedInIcon.d.js.map +0 -1
- package/src/Icon/Brand/LinkedInIcon.js +0 -19
- package/src/Icon/Brand/LinkedInIcon.js.map +0 -1
- package/src/Icon/Brand/LinuxIcon.d.js +0 -2
- package/src/Icon/Brand/LinuxIcon.d.js.map +0 -1
- package/src/Icon/Brand/LinuxIcon.js +0 -20
- package/src/Icon/Brand/LinuxIcon.js.map +0 -1
- package/src/Icon/Brand/MicrosoftIcon.d.js +0 -2
- package/src/Icon/Brand/MicrosoftIcon.d.js.map +0 -1
- package/src/Icon/Brand/MicrosoftIcon.js +0 -20
- package/src/Icon/Brand/MicrosoftIcon.js.map +0 -1
- package/src/Icon/Brand/TwitterIcon.d.js +0 -2
- package/src/Icon/Brand/TwitterIcon.d.js.map +0 -1
- package/src/Icon/Brand/TwitterIcon.js +0 -19
- package/src/Icon/Brand/TwitterIcon.js.map +0 -1
- package/src/Icon/CallIcon.d.js +0 -2
- package/src/Icon/CallIcon.d.js.map +0 -1
- package/src/Icon/CallIcon.js +0 -19
- package/src/Icon/CallIcon.js.map +0 -1
- package/src/Icon/CamIcon.d.js +0 -2
- package/src/Icon/CamIcon.d.js.map +0 -1
- package/src/Icon/CamIcon.js +0 -19
- package/src/Icon/CamIcon.js.map +0 -1
- package/src/Icon/CameraIcon.d.js +0 -2
- package/src/Icon/CameraIcon.d.js.map +0 -1
- package/src/Icon/CameraIcon.js +0 -21
- package/src/Icon/CameraIcon.js.map +0 -1
- package/src/Icon/CheckIcon.d.js +0 -2
- package/src/Icon/CheckIcon.d.js.map +0 -1
- package/src/Icon/CheckIcon.js +0 -19
- package/src/Icon/CheckIcon.js.map +0 -1
- package/src/Icon/CheckRoundIcon.d.js +0 -2
- package/src/Icon/CheckRoundIcon.d.js.map +0 -1
- package/src/Icon/CheckRoundIcon.js +0 -19
- package/src/Icon/CheckRoundIcon.js.map +0 -1
- package/src/Icon/ChevronIcon.d.js +0 -2
- package/src/Icon/ChevronIcon.d.js.map +0 -1
- package/src/Icon/ChevronIcon.js +0 -27
- package/src/Icon/ChevronIcon.js.map +0 -1
- package/src/Icon/CloseIcon.d.js +0 -2
- package/src/Icon/CloseIcon.d.js.map +0 -1
- package/src/Icon/CloseIcon.js +0 -19
- package/src/Icon/CloseIcon.js.map +0 -1
- package/src/Icon/CopyIcon.d.js +0 -2
- package/src/Icon/CopyIcon.d.js.map +0 -1
- package/src/Icon/CopyIcon.js +0 -19
- package/src/Icon/CopyIcon.js.map +0 -1
- package/src/Icon/DeviceIcon.d.js +0 -2
- package/src/Icon/DeviceIcon.d.js.map +0 -1
- package/src/Icon/DeviceIcon.js +0 -19
- package/src/Icon/DeviceIcon.js.map +0 -1
- package/src/Icon/DownloadIcon.d.js +0 -2
- package/src/Icon/DownloadIcon.d.js.map +0 -1
- package/src/Icon/DownloadIcon.js +0 -19
- package/src/Icon/DownloadIcon.js.map +0 -1
- package/src/Icon/EditDocumentIcon.d.js +0 -2
- package/src/Icon/EditDocumentIcon.d.js.map +0 -1
- package/src/Icon/EditDocumentIcon.js +0 -22
- package/src/Icon/EditDocumentIcon.js.map +0 -1
- package/src/Icon/EditIcon.d.js +0 -2
- package/src/Icon/EditIcon.d.js.map +0 -1
- package/src/Icon/EditIcon.js +0 -19
- package/src/Icon/EditIcon.js.map +0 -1
- package/src/Icon/EnterIcon.d.js +0 -2
- package/src/Icon/EnterIcon.d.js.map +0 -1
- package/src/Icon/EnterIcon.js +0 -19
- package/src/Icon/EnterIcon.js.map +0 -1
- package/src/Icon/ErrorIcon.d.js +0 -2
- package/src/Icon/ErrorIcon.d.js.map +0 -1
- package/src/Icon/ErrorIcon.js +0 -34
- package/src/Icon/ErrorIcon.js.map +0 -1
- package/src/Icon/FileIcon.d.js +0 -2
- package/src/Icon/FileIcon.d.js.map +0 -1
- package/src/Icon/FileIcon.js +0 -19
- package/src/Icon/FileIcon.js.map +0 -1
- package/src/Icon/GifIcon.d.js +0 -2
- package/src/Icon/GifIcon.d.js.map +0 -1
- package/src/Icon/GifIcon.js +0 -19
- package/src/Icon/GifIcon.js.map +0 -1
- package/src/Icon/GridIcon.d.js +0 -2
- package/src/Icon/GridIcon.d.js.map +0 -1
- package/src/Icon/GridIcon.js +0 -21
- package/src/Icon/GridIcon.js.map +0 -1
- package/src/Icon/GroupIcon.d.js +0 -2
- package/src/Icon/GroupIcon.d.js.map +0 -1
- package/src/Icon/GroupIcon.js +0 -19
- package/src/Icon/GroupIcon.js.map +0 -1
- package/src/Icon/HangupIcon.d.js +0 -2
- package/src/Icon/HangupIcon.d.js.map +0 -1
- package/src/Icon/HangupIcon.js +0 -19
- package/src/Icon/HangupIcon.js.map +0 -1
- package/src/Icon/HideIcon.d.js +0 -2
- package/src/Icon/HideIcon.d.js.map +0 -1
- package/src/Icon/HideIcon.js +0 -19
- package/src/Icon/HideIcon.js.map +0 -1
- package/src/Icon/ImageIcon.d.js +0 -2
- package/src/Icon/ImageIcon.d.js.map +0 -1
- package/src/Icon/ImageIcon.js +0 -19
- package/src/Icon/ImageIcon.js.map +0 -1
- package/src/Icon/InfoIcon.d.js +0 -2
- package/src/Icon/InfoIcon.d.js.map +0 -1
- package/src/Icon/InfoIcon.js +0 -19
- package/src/Icon/InfoIcon.js.map +0 -1
- package/src/Icon/InviteIcon.d.js +0 -2
- package/src/Icon/InviteIcon.d.js.map +0 -1
- package/src/Icon/InviteIcon.js +0 -19
- package/src/Icon/InviteIcon.js.map +0 -1
- package/src/Icon/LeaveIcon.d.js +0 -2
- package/src/Icon/LeaveIcon.d.js.map +0 -1
- package/src/Icon/LeaveIcon.js +0 -19
- package/src/Icon/LeaveIcon.js.map +0 -1
- package/src/Icon/LinkIcon.d.js +0 -2
- package/src/Icon/LinkIcon.d.js.map +0 -1
- package/src/Icon/LinkIcon.js +0 -21
- package/src/Icon/LinkIcon.js.map +0 -1
- package/src/Icon/ListIcon.d.js +0 -2
- package/src/Icon/ListIcon.d.js.map +0 -1
- package/src/Icon/ListIcon.js +0 -19
- package/src/Icon/ListIcon.js.map +0 -1
- package/src/Icon/LockIcon.d.js +0 -2
- package/src/Icon/LockIcon.d.js.map +0 -1
- package/src/Icon/LockIcon.js +0 -20
- package/src/Icon/LockIcon.js.map +0 -1
- package/src/Icon/MessageIcon.d.js +0 -2
- package/src/Icon/MessageIcon.d.js.map +0 -1
- package/src/Icon/MessageIcon.js +0 -19
- package/src/Icon/MessageIcon.js.map +0 -1
- package/src/Icon/MinusIcon.d.js +0 -2
- package/src/Icon/MinusIcon.d.js.map +0 -1
- package/src/Icon/MinusIcon.js +0 -19
- package/src/Icon/MinusIcon.js.map +0 -1
- package/src/Icon/MoreIcon.d.js +0 -2
- package/src/Icon/MoreIcon.d.js.map +0 -1
- package/src/Icon/MoreIcon.js +0 -19
- package/src/Icon/MoreIcon.js.map +0 -1
- package/src/Icon/MuteIcon.d.js +0 -2
- package/src/Icon/MuteIcon.d.js.map +0 -1
- package/src/Icon/MuteIcon.js +0 -19
- package/src/Icon/MuteIcon.js.map +0 -1
- package/src/Icon/NotificationIcon.d.js +0 -2
- package/src/Icon/NotificationIcon.d.js.map +0 -1
- package/src/Icon/NotificationIcon.js +0 -19
- package/src/Icon/NotificationIcon.js.map +0 -1
- package/src/Icon/NotificationOffIcon.d.js +0 -2
- package/src/Icon/NotificationOffIcon.d.js.map +0 -1
- package/src/Icon/NotificationOffIcon.js +0 -19
- package/src/Icon/NotificationOffIcon.js.map +0 -1
- package/src/Icon/OptionsIcon.d.js +0 -2
- package/src/Icon/OptionsIcon.d.js.map +0 -1
- package/src/Icon/OptionsIcon.js +0 -19
- package/src/Icon/OptionsIcon.js.map +0 -1
- package/src/Icon/PeopleIcon.d.js +0 -2
- package/src/Icon/PeopleIcon.d.js.map +0 -1
- package/src/Icon/PeopleIcon.js +0 -21
- package/src/Icon/PeopleIcon.js.map +0 -1
- package/src/Icon/PingIcon.d.js +0 -2
- package/src/Icon/PingIcon.d.js.map +0 -1
- package/src/Icon/PingIcon.js +0 -19
- package/src/Icon/PingIcon.js.map +0 -1
- package/src/Icon/PlaneIcon.d.js +0 -2
- package/src/Icon/PlaneIcon.d.js.map +0 -1
- package/src/Icon/PlaneIcon.js +0 -19
- package/src/Icon/PlaneIcon.js.map +0 -1
- package/src/Icon/PlusIcon.d.js +0 -2
- package/src/Icon/PlusIcon.d.js.map +0 -1
- package/src/Icon/PlusIcon.js +0 -19
- package/src/Icon/PlusIcon.js.map +0 -1
- package/src/Icon/ProfileIcon.d.js +0 -2
- package/src/Icon/ProfileIcon.d.js.map +0 -1
- package/src/Icon/ProfileIcon.js +0 -19
- package/src/Icon/ProfileIcon.js.map +0 -1
- package/src/Icon/RecordBoldIcon.d.js +0 -2
- package/src/Icon/RecordBoldIcon.d.js.map +0 -1
- package/src/Icon/RecordBoldIcon.js +0 -46
- package/src/Icon/RecordBoldIcon.js.map +0 -1
- package/src/Icon/RecordIcon.d.js +0 -2
- package/src/Icon/RecordIcon.d.js.map +0 -1
- package/src/Icon/RecordIcon.js +0 -29
- package/src/Icon/RecordIcon.js.map +0 -1
- package/src/Icon/RecordPendingIcon.d.js +0 -2
- package/src/Icon/RecordPendingIcon.d.js.map +0 -1
- package/src/Icon/RecordPendingIcon.js +0 -26
- package/src/Icon/RecordPendingIcon.js.map +0 -1
- package/src/Icon/ReloadIcon.d.js +0 -2
- package/src/Icon/ReloadIcon.d.js.map +0 -1
- package/src/Icon/ReloadIcon.js +0 -19
- package/src/Icon/ReloadIcon.js.map +0 -1
- package/src/Icon/SVGIcon.d.js +0 -2
- package/src/Icon/SVGIcon.d.js.map +0 -1
- package/src/Icon/SVGIcon.js +0 -74
- package/src/Icon/SVGIcon.js.map +0 -1
- package/src/Icon/SVGIcon.md +0 -215
- package/src/Icon/ScreenshareIcon.d.js +0 -2
- package/src/Icon/ScreenshareIcon.d.js.map +0 -1
- package/src/Icon/ScreenshareIcon.js +0 -19
- package/src/Icon/ScreenshareIcon.js.map +0 -1
- package/src/Icon/SearchIcon.d.js +0 -2
- package/src/Icon/SearchIcon.d.js.map +0 -1
- package/src/Icon/SearchIcon.js +0 -20
- package/src/Icon/SearchIcon.js.map +0 -1
- package/src/Icon/ServicesIcon.d.js +0 -2
- package/src/Icon/ServicesIcon.d.js.map +0 -1
- package/src/Icon/ServicesIcon.js +0 -19
- package/src/Icon/ServicesIcon.js.map +0 -1
- package/src/Icon/SettingsIcon.d.js +0 -2
- package/src/Icon/SettingsIcon.d.js.map +0 -1
- package/src/Icon/SettingsIcon.js +0 -19
- package/src/Icon/SettingsIcon.js.map +0 -1
- package/src/Icon/ShowIcon.d.js +0 -2
- package/src/Icon/ShowIcon.d.js.map +0 -1
- package/src/Icon/ShowIcon.js +0 -19
- package/src/Icon/ShowIcon.js.map +0 -1
- package/src/Icon/SignIcon.d.js +0 -2
- package/src/Icon/SignIcon.d.js.map +0 -1
- package/src/Icon/SignIcon.js +0 -19
- package/src/Icon/SignIcon.js.map +0 -1
- package/src/Icon/SpeakerIcon.d.js +0 -2
- package/src/Icon/SpeakerIcon.d.js.map +0 -1
- package/src/Icon/SpeakerIcon.js +0 -19
- package/src/Icon/SpeakerIcon.js.map +0 -1
- package/src/Icon/SupportIcon.d.js +0 -2
- package/src/Icon/SupportIcon.d.js.map +0 -1
- package/src/Icon/SupportIcon.js +0 -19
- package/src/Icon/SupportIcon.js.map +0 -1
- package/src/Icon/TeamIcon.d.js +0 -2
- package/src/Icon/TeamIcon.d.js.map +0 -1
- package/src/Icon/TeamIcon.js +0 -19
- package/src/Icon/TeamIcon.js.map +0 -1
- package/src/Icon/TimedIcon.d.js +0 -2
- package/src/Icon/TimedIcon.d.js.map +0 -1
- package/src/Icon/TimedIcon.js +0 -19
- package/src/Icon/TimedIcon.js.map +0 -1
- package/src/Icon/TrashCrossIcon.d.js +0 -2
- package/src/Icon/TrashCrossIcon.d.js.map +0 -1
- package/src/Icon/TrashCrossIcon.js +0 -19
- package/src/Icon/TrashCrossIcon.js.map +0 -1
- package/src/Icon/TrashIcon.d.js +0 -2
- package/src/Icon/TrashIcon.d.js.map +0 -1
- package/src/Icon/TrashIcon.js +0 -19
- package/src/Icon/TrashIcon.js.map +0 -1
- package/src/Icon/TriangleIcon.d.js +0 -2
- package/src/Icon/TriangleIcon.d.js.map +0 -1
- package/src/Icon/TriangleIcon.js +0 -33
- package/src/Icon/TriangleIcon.js.map +0 -1
- package/src/Icon/UploadIcon.d.js +0 -2
- package/src/Icon/UploadIcon.d.js.map +0 -1
- package/src/Icon/UploadIcon.js +0 -19
- package/src/Icon/UploadIcon.js.map +0 -1
- package/src/Icon/WireIcon.d.js +0 -2
- package/src/Icon/WireIcon.d.js.map +0 -1
- package/src/Icon/WireIcon.js +0 -19
- package/src/Icon/WireIcon.js.map +0 -1
- package/src/Icon/index.d.js +0 -809
- package/src/Icon/index.d.js.map +0 -1
- package/src/Icon/index.js +0 -809
- package/src/Icon/index.js.map +0 -1
- package/src/Identity/Animation.d.js +0 -6
- package/src/Identity/Animation.d.js.map +0 -1
- package/src/Identity/Animation.js +0 -221
- package/src/Identity/Animation.js.map +0 -1
- package/src/Identity/Animation.md +0 -110
- package/src/Identity/Avatar.d.js +0 -2
- package/src/Identity/Avatar.d.js.map +0 -1
- package/src/Identity/Avatar.js +0 -103
- package/src/Identity/Avatar.js.map +0 -1
- package/src/Identity/Avatar.md +0 -59
- package/src/Identity/AvatarGrid.d.js +0 -6
- package/src/Identity/AvatarGrid.d.js.map +0 -1
- package/src/Identity/AvatarGrid.js +0 -94
- package/src/Identity/AvatarGrid.js.map +0 -1
- package/src/Identity/AvatarGrid.md +0 -74
- package/src/Identity/Logo.d.js +0 -2
- package/src/Identity/Logo.d.js.map +0 -1
- package/src/Identity/Logo.js +0 -48
- package/src/Identity/Logo.js.map +0 -1
- package/src/Identity/Logo.md +0 -7
- package/src/Identity/colors-v2.d.js +0 -2
- package/src/Identity/colors-v2.d.js.map +0 -1
- package/src/Identity/colors-v2.js +0 -211
- package/src/Identity/colors-v2.js.map +0 -1
- package/src/Identity/colors-v2.md +0 -111
- package/src/Identity/colors.d.js +0 -2
- package/src/Identity/colors.d.js.map +0 -1
- package/src/Identity/colors.js +0 -83
- package/src/Identity/colors.js.map +0 -1
- package/src/Identity/colors.md +0 -106
- package/src/Identity/index.d.js +0 -72
- package/src/Identity/index.d.js.map +0 -1
- package/src/Identity/index.js +0 -72
- package/src/Identity/index.js.map +0 -1
- package/src/Identity/motions.d.js +0 -2
- package/src/Identity/motions.d.js.map +0 -1
- package/src/Identity/motions.js +0 -43
- package/src/Identity/motions.js.map +0 -1
- package/src/Layout/Box.d.js +0 -2
- package/src/Layout/Box.d.js.map +0 -1
- package/src/Layout/Box.js +0 -26
- package/src/Layout/Box.js.map +0 -1
- package/src/Layout/Box.md +0 -11
- package/src/Layout/Column.d.js +0 -2
- package/src/Layout/Column.d.js.map +0 -1
- package/src/Layout/Column.js +0 -50
- package/src/Layout/Column.js.map +0 -1
- package/src/Layout/Column.md +0 -70
- package/src/Layout/Container.d.js +0 -2
- package/src/Layout/Container.d.js.map +0 -1
- package/src/Layout/Container.js +0 -85
- package/src/Layout/Container.js.map +0 -1
- package/src/Layout/Container.md +0 -30
- package/src/Layout/Content.d.js +0 -2
- package/src/Layout/Content.d.js.map +0 -1
- package/src/Layout/Content.js +0 -27
- package/src/Layout/Content.js.map +0 -1
- package/src/Layout/FlexBox.d.js +0 -2
- package/src/Layout/FlexBox.d.js.map +0 -1
- package/src/Layout/FlexBox.js +0 -41
- package/src/Layout/FlexBox.js.map +0 -1
- package/src/Layout/Footer.d.js +0 -6
- package/src/Layout/Footer.d.js.map +0 -1
- package/src/Layout/Footer.js +0 -35
- package/src/Layout/Footer.js.map +0 -1
- package/src/Layout/Header.d.js +0 -2
- package/src/Layout/Header.d.js.map +0 -1
- package/src/Layout/Header.js +0 -26
- package/src/Layout/Header.js.map +0 -1
- package/src/Layout/MatchMedia.d.js +0 -6
- package/src/Layout/MatchMedia.d.js.map +0 -1
- package/src/Layout/MatchMedia.js +0 -97
- package/src/Layout/MatchMedia.js.map +0 -1
- package/src/Layout/MatchMedia.md +0 -10
- package/src/Layout/Spacer.d.js +0 -2
- package/src/Layout/Spacer.d.js.map +0 -1
- package/src/Layout/Spacer.js +0 -45
- package/src/Layout/Spacer.js.map +0 -1
- package/src/Layout/StyledApp.d.js +0 -6
- package/src/Layout/StyledApp.d.js.map +0 -1
- package/src/Layout/StyledApp.js +0 -46
- package/src/Layout/StyledApp.js.map +0 -1
- package/src/Layout/Theme.d.js +0 -2
- package/src/Layout/Theme.d.js.map +0 -1
- package/src/Layout/Theme.js +0 -222
- package/src/Layout/Theme.js.map +0 -1
- package/src/Layout/headerMenu/HeaderMenu.d.js +0 -2
- package/src/Layout/headerMenu/HeaderMenu.d.js.map +0 -1
- package/src/Layout/headerMenu/HeaderMenu.js +0 -103
- package/src/Layout/headerMenu/HeaderMenu.js.map +0 -1
- package/src/Layout/headerMenu/HeaderMenu.md +0 -56
- package/src/Layout/headerMenu/HeaderSubMenu.d.js +0 -2
- package/src/Layout/headerMenu/HeaderSubMenu.d.js.map +0 -1
- package/src/Layout/headerMenu/HeaderSubMenu.js +0 -134
- package/src/Layout/headerMenu/HeaderSubMenu.js.map +0 -1
- package/src/Layout/headerMenu/MenuContent.d.js +0 -2
- package/src/Layout/headerMenu/MenuContent.d.js.map +0 -1
- package/src/Layout/headerMenu/MenuContent.js +0 -38
- package/src/Layout/headerMenu/MenuContent.js.map +0 -1
- package/src/Layout/headerMenu/MenuItems.d.js +0 -2
- package/src/Layout/headerMenu/MenuItems.d.js.map +0 -1
- package/src/Layout/headerMenu/MenuItems.js +0 -44
- package/src/Layout/headerMenu/MenuItems.js.map +0 -1
- package/src/Layout/headerMenu/MenuLink.d.js +0 -2
- package/src/Layout/headerMenu/MenuLink.d.js.map +0 -1
- package/src/Layout/headerMenu/MenuLink.js +0 -77
- package/src/Layout/headerMenu/MenuLink.js.map +0 -1
- package/src/Layout/headerMenu/MenuOpenButton.d.js +0 -2
- package/src/Layout/headerMenu/MenuOpenButton.d.js.map +0 -1
- package/src/Layout/headerMenu/MenuOpenButton.js +0 -52
- package/src/Layout/headerMenu/MenuOpenButton.js.map +0 -1
- package/src/Layout/headerMenu/MenuScrollableItems.d.js +0 -2
- package/src/Layout/headerMenu/MenuScrollableItems.d.js.map +0 -1
- package/src/Layout/headerMenu/MenuScrollableItems.js +0 -31
- package/src/Layout/headerMenu/MenuScrollableItems.js.map +0 -1
- package/src/Layout/headerMenu/MenuSubLink.d.js +0 -6
- package/src/Layout/headerMenu/MenuSubLink.d.js.map +0 -1
- package/src/Layout/headerMenu/MenuSubLink.js +0 -54
- package/src/Layout/headerMenu/MenuSubLink.js.map +0 -1
- package/src/Layout/headerMenu/index.d.js +0 -94
- package/src/Layout/headerMenu/index.d.js.map +0 -1
- package/src/Layout/headerMenu/index.js +0 -94
- package/src/Layout/headerMenu/index.js.map +0 -1
- package/src/Layout/index.d.js +0 -149
- package/src/Layout/index.d.js.map +0 -1
- package/src/Layout/index.js +0 -149
- package/src/Layout/index.js.map +0 -1
- package/src/Layout/sizes.d.js +0 -2
- package/src/Layout/sizes.d.js.map +0 -1
- package/src/Layout/sizes.js +0 -42
- package/src/Layout/sizes.js.map +0 -1
- package/src/Menu/MenuModal.d.js +0 -6
- package/src/Menu/MenuModal.d.js.map +0 -1
- package/src/Menu/MenuModal.js +0 -116
- package/src/Menu/MenuModal.js.map +0 -1
- package/src/Menu/TabBar.d.js +0 -2
- package/src/Menu/TabBar.d.js.map +0 -1
- package/src/Menu/TabBar.js +0 -86
- package/src/Menu/TabBar.js.map +0 -1
- package/src/Menu/TabBar.md +0 -20
- package/src/Menu/index.d.js +0 -28
- package/src/Menu/index.d.js.map +0 -1
- package/src/Menu/index.js +0 -28
- package/src/Menu/index.js.map +0 -1
- package/src/Misc/ButtonGroup.d.js +0 -2
- package/src/Misc/ButtonGroup.d.js.map +0 -1
- package/src/Misc/ButtonGroup.js +0 -98
- package/src/Misc/ButtonGroup.js.map +0 -1
- package/src/Misc/ButtonGroup.md +0 -27
- package/src/Misc/IconButton.d.js +0 -2
- package/src/Misc/IconButton.d.js.map +0 -1
- package/src/Misc/IconButton.js +0 -105
- package/src/Misc/IconButton.js.map +0 -1
- package/src/Misc/IconButton.md +0 -43
- package/src/Misc/IsInViewport.d.js +0 -2
- package/src/Misc/IsInViewport.d.js.map +0 -1
- package/src/Misc/IsInViewport.js +0 -58
- package/src/Misc/IsInViewport.js.map +0 -1
- package/src/Misc/Loading.d.js +0 -2
- package/src/Misc/Loading.d.js.map +0 -1
- package/src/Misc/Loading.js +0 -61
- package/src/Misc/Loading.js.map +0 -1
- package/src/Misc/Loading.md +0 -11
- package/src/Misc/Pagination.d.js +0 -6
- package/src/Misc/Pagination.d.js.map +0 -1
- package/src/Misc/Pagination.js +0 -133
- package/src/Misc/Pagination.js.map +0 -1
- package/src/Misc/Pagination.md +0 -35
- package/src/Misc/Pill.d.js +0 -2
- package/src/Misc/Pill.d.js.map +0 -1
- package/src/Misc/Pill.js +0 -70
- package/src/Misc/Pill.js.map +0 -1
- package/src/Misc/Pill.md +0 -13
- package/src/Misc/childrenWithDefaultProps.d.js +0 -2
- package/src/Misc/childrenWithDefaultProps.d.js.map +0 -1
- package/src/Misc/childrenWithDefaultProps.js +0 -26
- package/src/Misc/childrenWithDefaultProps.js.map +0 -1
- package/src/Misc/index.d.js +0 -105
- package/src/Misc/index.d.js.map +0 -1
- package/src/Misc/index.js +0 -105
- package/src/Misc/index.js.map +0 -1
- package/src/Misc/useLongTouch.d.js +0 -2
- package/src/Misc/useLongTouch.d.js.map +0 -1
- package/src/Misc/useLongTouch.js +0 -52
- package/src/Misc/useLongTouch.js.map +0 -1
- package/src/Misc/useTimeout.d.js +0 -2
- package/src/Misc/useTimeout.d.js.map +0 -1
- package/src/Misc/useTimeout.js +0 -44
- package/src/Misc/useTimeout.js.map +0 -1
- package/src/Modal/Modal.d.js +0 -6
- package/src/Modal/Modal.d.js.map +0 -1
- package/src/Modal/Modal.js +0 -184
- package/src/Modal/Modal.js.map +0 -1
- package/src/Modal/Modal.md +0 -113
- package/src/Modal/Overlay.d.js +0 -2
- package/src/Modal/Overlay.d.js.map +0 -1
- package/src/Modal/Overlay.js +0 -94
- package/src/Modal/Overlay.js.map +0 -1
- package/src/Modal/index.d.js +0 -28
- package/src/Modal/index.d.js.map +0 -1
- package/src/Modal/index.js +0 -28
- package/src/Modal/index.js.map +0 -1
- package/src/Text/Heading.d.js +0 -6
- package/src/Text/Heading.d.js.map +0 -1
- package/src/Text/Heading.js +0 -173
- package/src/Text/Heading.js.map +0 -1
- package/src/Text/Heading.md +0 -39
- package/src/Text/Label.d.js +0 -2
- package/src/Text/Label.d.js.map +0 -1
- package/src/Text/Label.js +0 -64
- package/src/Text/Label.js.map +0 -1
- package/src/Text/Label.md +0 -80
- package/src/Text/Line.d.js +0 -2
- package/src/Text/Line.d.js.map +0 -1
- package/src/Text/Line.js +0 -30
- package/src/Text/Line.js.map +0 -1
- package/src/Text/Line.md +0 -8
- package/src/Text/Link.d.js +0 -2
- package/src/Text/Link.d.js.map +0 -1
- package/src/Text/Link.js +0 -82
- package/src/Text/Link.js.map +0 -1
- package/src/Text/Link.md +0 -20
- package/src/Text/Paragraph.d.js +0 -2
- package/src/Text/Paragraph.d.js.map +0 -1
- package/src/Text/Paragraph.js +0 -66
- package/src/Text/Paragraph.js.map +0 -1
- package/src/Text/Paragraph.md +0 -51
- package/src/Text/Text.d.js +0 -2
- package/src/Text/Text.d.js.map +0 -1
- package/src/Text/Text.js +0 -96
- package/src/Text/Text.js.map +0 -1
- package/src/Text/Text.md +0 -13
- package/src/Text/TextLink.d.js +0 -2
- package/src/Text/TextLink.d.js.map +0 -1
- package/src/Text/TextLink.js +0 -44
- package/src/Text/TextLink.js.map +0 -1
- package/src/Text/TextLink.md +0 -17
- package/src/Text/Title.d.js +0 -2
- package/src/Text/Title.d.js.map +0 -1
- package/src/Text/Title.js +0 -47
- package/src/Text/Title.js.map +0 -1
- package/src/Text/Title.md +0 -8
- package/src/Text/index.d.js +0 -94
- package/src/Text/index.d.js.map +0 -1
- package/src/Text/index.js +0 -94
- package/src/Text/index.js.map +0 -1
- package/src/index.d.js +0 -105
- package/src/index.d.js.map +0 -1
- package/src/index.js +0 -105
- package/src/index.js.map +0 -1
- package/src/mediaQueries.d.js +0 -2
- package/src/mediaQueries.d.js.map +0 -1
- package/src/mediaQueries.js +0 -39
- package/src/mediaQueries.js.map +0 -1
- package/src/util.d.js +0 -2
- package/src/util.d.js.map +0 -1
- package/src/util.js +0 -57
- package/src/util.js.map +0 -1
package/src/Form/Checkbox.md
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
Demo:
|
|
2
|
-
|
|
3
|
-
```js
|
|
4
|
-
import {Fragment, useState} from 'react';
|
|
5
|
-
import {Column, Columns, Checkbox, CheckboxLabel, Link} from '@wireapp/react-ui-kit';
|
|
6
|
-
|
|
7
|
-
const [isChecked, setIsChecked] = useState(true);
|
|
8
|
-
|
|
9
|
-
<Fragment>
|
|
10
|
-
<Columns>
|
|
11
|
-
<Column>Checkbox</Column>
|
|
12
|
-
<Column>
|
|
13
|
-
<Checkbox id="ToU" checked={isChecked} onChange={ev => setIsChecked(ev.target.checked)}>
|
|
14
|
-
<CheckboxLabel>{'ToU'}</CheckboxLabel>
|
|
15
|
-
</Checkbox>
|
|
16
|
-
</Column>
|
|
17
|
-
</Columns>
|
|
18
|
-
<Columns>
|
|
19
|
-
<Column>Checkbox</Column>
|
|
20
|
-
<Column>
|
|
21
|
-
<Checkbox id="ToULink" defaultChecked={true}>
|
|
22
|
-
<CheckboxLabel>
|
|
23
|
-
{'ToU '}
|
|
24
|
-
<Link href="#">{'Component link'}</Link>
|
|
25
|
-
{' text '}
|
|
26
|
-
<a href="#">{'plain link'}</a>
|
|
27
|
-
</CheckboxLabel>
|
|
28
|
-
</Checkbox>
|
|
29
|
-
</Column>
|
|
30
|
-
</Columns>
|
|
31
|
-
<Columns>
|
|
32
|
-
<Column>Disabled Checkbox</Column>
|
|
33
|
-
<Column>
|
|
34
|
-
<Checkbox id="disabled" disabled>
|
|
35
|
-
<CheckboxLabel>{'Disabled'}</CheckboxLabel>
|
|
36
|
-
</Checkbox>
|
|
37
|
-
</Column>
|
|
38
|
-
</Columns>
|
|
39
|
-
<Columns>
|
|
40
|
-
<Column>Invalid Checkbox</Column>
|
|
41
|
-
<Column>
|
|
42
|
-
<Checkbox markInvalid id="ToU">
|
|
43
|
-
<CheckboxLabel>{'ToU'}</CheckboxLabel>
|
|
44
|
-
</Checkbox>
|
|
45
|
-
</Column>
|
|
46
|
-
</Columns>
|
|
47
|
-
</Fragment>;
|
|
48
|
-
```
|
package/src/Form/CodeInput.d.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CodeInput.d.js","names":[],"sources":["CodeInput.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { jsx } from '@emotion/react';\nimport { InputProps } from './Input';\nexport interface CodeInputProps<T = HTMLInputElement> extends InputProps<T> {\n autoFocus?: boolean;\n digits?: number;\n markInvalid?: boolean;\n onCodeComplete?: (completeCode?: string) => void;\n}\nexport declare const CodeInput: ({ style, digits, autoFocus, markInvalid, onCodeComplete, disabled, }: CodeInputProps) => jsx.JSX.Element;\n"],"mappings":""}
|
package/src/Form/CodeInput.js
DELETED
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.CodeInput = void 0;
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
var _react2 = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _util = require("../util");
|
|
11
|
-
var _Input = require("./Input");
|
|
12
|
-
var _Identity = require("../Identity");
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
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; }
|
|
15
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
19
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
20
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
24
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
26
|
-
var _ref = process.env.NODE_ENV === "production" ? {
|
|
27
|
-
name: "zl1inp",
|
|
28
|
-
styles: "display:flex;justify-content:center"
|
|
29
|
-
} : {
|
|
30
|
-
name: "tvpiqi-CodeInputWrapper",
|
|
31
|
-
styles: "display:flex;justify-content:center;label:CodeInputWrapper;",
|
|
32
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJJIiwiZmlsZSI6IkNvZGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge25vb3B9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtJbnB1dFByb3BzLCBpbnB1dFN0eWxlfSBmcm9tICcuL0lucHV0JztcbmltcG9ydCB7Q09MT1JfVjJ9IGZyb20gJy4uL0lkZW50aXR5JztcblxuY29uc3QgQ29kZUlucHV0V3JhcHBlciA9IChwcm9wczogUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG50eXBlIERpZ2l0SW5wdXRQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gPSBJbnB1dFByb3BzPFQ+O1xuXG5jb25zdCBkaWdpdElucHV0U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBEaWdpdElucHV0UHJvcHM8VD4pID0+IENTU09iamVjdCA9ICh0aGVtZSwgcHJvcHMpID0+ICh7XG4gIC4uLmlucHV0U3R5bGUodGhlbWUsIHByb3BzKSxcbiAgJyYgKyAmJzoge1xuICAgIG1hcmdpbkxlZnQ6ICdtaW4oMTlweCwgMnZ3KScsXG4gIH0sXG4gICcmOmhvdmVyJzoge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNjB9YCxcbiAgfSxcbiAgZm9udFNpemU6ICcyNHB4JyxcbiAgbGluZUhlaWdodDogJzI4cHgnLFxuICBib3JkZXJSYWRpdXM6ICcxMnB4JyxcbiAgcGFkZGluZzogMCxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgd2lkdGg6ICdtaW4oNDhweCwgMTN2dyknLFxuICBoZWlnaHQ6ICc1NnB4Jyxcbn0pO1xuXG5jb25zdCBEaWdpdElucHV0OiBSZWFjdC5GQzxEaWdpdElucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgRGlnaXRJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KChwcm9wcywgcmVmKSA9PiA8aW5wdXQgcmVmPXtyZWZ9IGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZGlnaXRJbnB1dFN0eWxlKHRoZW1lLCBwcm9wcyl9IHsuLi5wcm9wc30gdHlwZT1cInRlbFwiIC8+KTtcblxuZXhwb3J0IGludGVyZmFjZSBDb2RlSW5wdXRQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgYXV0b0ZvY3VzPzogYm9vbGVhbjtcbiAgZGlnaXRzPzogbnVtYmVyO1xuICBtYXJrSW52YWxpZD86IGJvb2xlYW47XG4gIG9uQ29kZUNvbXBsZXRlPzogKGNvbXBsZXRlQ29kZT86IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IENvZGVJbnB1dCA9ICh7XG4gIHN0eWxlLFxuICBkaWdpdHMgPSA2LFxuICBhdXRvRm9jdXMgPSBmYWxzZSxcbiAgbWFya0ludmFsaWQsXG4gIG9uQ29kZUNvbXBsZXRlID0gbm9vcCxcbiAgZGlzYWJsZWQsXG59OiBDb2RlSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCBbdmFsdWVzLCBzZXRWYWx1ZXNdID0gdXNlU3RhdGUoQXJyYXkoZGlnaXRzKS5maWxsKCcnKSk7XG4gIGNvbnN0IGlucHV0cyA9IEFycmF5KGRpZ2l0cyk7XG5cbiAgY29uc3QgZm9yY2VTZWxlY3Rpb24gPSAoXG4gICAgZXZlbnQ6XG4gICAgICB8IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudD5cbiAgICAgIHwgUmVhY3QuVG91Y2hFdmVudDxIVE1MSW5wdXRFbGVtZW50PlxuICAgICAgfCBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICAgICB8IFJlYWN0LkZvY3VzRXZlbnQ8SFRNTElucHV0RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRhcmdldC5zZWxlY3QoKTtcbiAgfTtcblxuICBjb25zdCBmb3JjZVNlbGVjdGlvblByZXZlbnREZWZhdWx0ID0gKFxuICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+IHwgUmVhY3QuVG91Y2hFdmVudDxIVE1MSW5wdXRFbGVtZW50PixcbiAgKSA9PiB7XG4gICAgZm9yY2VTZWxlY3Rpb24oZXZlbnQpO1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIH07XG5cbiAgY29uc3QgbmV4dEZpZWxkID0gKGN1cnJlbnRGaWVsZEluZGV4OiBudW1iZXIpID0+IHtcbiAgICBjb25zdCBuZXh0RmllbGRJbmRleCA9IGN1cnJlbnRGaWVsZEluZGV4ICsgMTtcbiAgICBpZiAobmV4dEZpZWxkSW5kZXggPCBkaWdpdHMpIHtcbiAgICAgIGlucHV0c1tuZXh0RmllbGRJbmRleF0uZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgcHJldmlvdXNGaWVsZCA9IChjdXJyZW50RmllbGRJbmRleDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRGaWVsZEluZGV4ID4gMCkge1xuICAgICAgaW5wdXRzW2N1cnJlbnRGaWVsZEluZGV4IC0gMV0uZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0VmFsdWUgPSAoZmllbGRJbmRleDogbnVtYmVyLCB2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgaWYgKC9eWzAtOV0/JC8udGVzdCh2YWx1ZSkpIHtcbiAgICAgIGNvbnN0IHZhbHVlc0NvcHkgPSB2YWx1ZXMuc2xpY2UoKTtcbiAgICAgIHZhbHVlc0NvcHlbZmllbGRJbmRleF0gPSB2YWx1ZTtcbiAgICAgIHNldFZhbHVlcyh2YWx1ZXNDb3B5KTtcbiAgICAgIGlmICh2YWx1ZS5sZW5ndGgpIHtcbiAgICAgICAgbmV4dEZpZWxkKGZpZWxkSW5kZXgpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGZpZWxkSW5kZXg6IG51bWJlciwge2tleX06IFJlYWN0LktleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzd2l0Y2ggKGtleSkge1xuICAgICAgY2FzZSAnQmFja3NwYWNlJzpcbiAgICAgICAgc2V0VmFsdWUoZmllbGRJbmRleCwgJycpO1xuICAgICAgICBwcmV2aW91c0ZpZWxkKGZpZWxkSW5kZXgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93TGVmdCc6XG4gICAgICAgIHByZXZpb3VzRmllbGQoZmllbGRJbmRleCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnQXJyb3dSaWdodCc6XG4gICAgICAgIG5leHRGaWVsZChmaWVsZEluZGV4KTtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIGlmICgvXlswLTldJC8udGVzdChrZXkpKSB7XG4gICAgICBzZXRWYWx1ZShmaWVsZEluZGV4LCBrZXkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYXN0ZSA9IChmaWVsZEluZGV4OiBudW1iZXIsIGV2ZW50OiBSZWFjdC5DbGlwYm9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIGNvbnN0IHBhc3RlZFZhbHVlID0gZXZlbnQuY2xpcGJvYXJkRGF0YS5nZXREYXRhKCdUZXh0Jyk7XG4gICAgY29uc3QgY2xlYW5lZFBhc3RlID0gcGFzdGVkVmFsdWUucmVwbGFjZSgvW14wLTldL2csICcnKTtcbiAgICBpZiAoL15bMC05XSskLy50ZXN0KGNsZWFuZWRQYXN0ZSkpIHtcbiAgICAgIHNldFZhbHVlcyh2YWx1ZXMuc2xpY2UoMCwgZmllbGRJbmRleCkuY29uY2F0KGNsZWFuZWRQYXN0ZS5zcGxpdCgnJykpLnNsaWNlKDAsIGRpZ2l0cykpO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGNvbXBsZXRlQ29kZSA9IHZhbHVlcy5qb2luKCcnKTtcbiAgICBpZiAoY29tcGxldGVDb2RlLmxlbmd0aCA9PT0gZGlnaXRzKSB7XG4gICAgICBvbkNvZGVDb21wbGV0ZShjb21wbGV0ZUNvZGUpO1xuICAgIH1cbiAgfSwgW3ZhbHVlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPENvZGVJbnB1dFdyYXBwZXIgc3R5bGU9e3N0eWxlfT5cbiAgICAgIHtBcnJheS5mcm9tKHtsZW5ndGg6IGRpZ2l0c30sIChfLCBpbmRleCkgPT4gKFxuICAgICAgICA8RGlnaXRJbnB1dFxuICAgICAgICAgIGF1dG9Gb2N1cz17aW5kZXggPT09IDAgJiYgYXV0b0ZvY3VzfVxuICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgb25QYXN0ZT17ZXZlbnQgPT4gaGFuZGxlUGFzdGUoaW5kZXgsIGV2ZW50KX1cbiAgICAgICAgICBvbkZvY3VzPXtmb3JjZVNlbGVjdGlvbn1cbiAgICAgICAgICBvbk1vdXNlRG93bj17Zm9yY2VTZWxlY3Rpb25QcmV2ZW50RGVmYXVsdH1cbiAgICAgICAgICBvblRvdWNoU3RhcnQ9e2ZvcmNlU2VsZWN0aW9uUHJldmVudERlZmF1bHR9XG4gICAgICAgICAgb25LZXlEb3duPXtldmVudCA9PiBoYW5kbGVLZXlEb3duKGluZGV4LCBldmVudCl9XG4gICAgICAgICAgb25LZXlVcD17Zm9yY2VTZWxlY3Rpb259XG4gICAgICAgICAgbWFya0ludmFsaWQ9e21hcmtJbnZhbGlkfVxuICAgICAgICAgIHJlZj17bm9kZSA9PiAoaW5wdXRzW2luZGV4XSA9IG5vZGUpfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZXNbaW5kZXhdfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiB7fX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICA8L0NvZGVJbnB1dFdyYXBwZXI+XG4gICk7XG59O1xuIl19 */",
|
|
33
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
34
|
-
};
|
|
35
|
-
var CodeInputWrapper = function CodeInputWrapper(props) {
|
|
36
|
-
return (0, _react.jsx)("div", _extends({
|
|
37
|
-
css: _ref
|
|
38
|
-
}, props));
|
|
39
|
-
};
|
|
40
|
-
var digitInputStyle = function digitInputStyle(theme, props) {
|
|
41
|
-
return _objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, props)), {}, {
|
|
42
|
-
'& + &': {
|
|
43
|
-
marginLeft: 'min(19px, 2vw)'
|
|
44
|
-
},
|
|
45
|
-
'&:hover': {
|
|
46
|
-
boxShadow: "0 0 0 1px ".concat(_Identity.COLOR_V2.GRAY_60)
|
|
47
|
-
},
|
|
48
|
-
fontSize: '24px',
|
|
49
|
-
lineHeight: '28px',
|
|
50
|
-
borderRadius: '12px',
|
|
51
|
-
padding: 0,
|
|
52
|
-
textAlign: 'center',
|
|
53
|
-
width: 'min(48px, 13vw)',
|
|
54
|
-
height: '56px'
|
|
55
|
-
});
|
|
56
|
-
};
|
|
57
|
-
var DigitInput = /*#__PURE__*/_react2["default"].forwardRef(function (props, ref) {
|
|
58
|
-
return (0, _react.jsx)("input", _extends({
|
|
59
|
-
ref: ref,
|
|
60
|
-
css: function css(theme) {
|
|
61
|
-
return digitInputStyle(theme, props);
|
|
62
|
-
}
|
|
63
|
-
}, props, {
|
|
64
|
-
type: "tel"
|
|
65
|
-
}));
|
|
66
|
-
});
|
|
67
|
-
var CodeInput = function CodeInput(_ref2) {
|
|
68
|
-
var style = _ref2.style,
|
|
69
|
-
_ref2$digits = _ref2.digits,
|
|
70
|
-
digits = _ref2$digits === void 0 ? 6 : _ref2$digits,
|
|
71
|
-
_ref2$autoFocus = _ref2.autoFocus,
|
|
72
|
-
autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
|
|
73
|
-
markInvalid = _ref2.markInvalid,
|
|
74
|
-
_ref2$onCodeComplete = _ref2.onCodeComplete,
|
|
75
|
-
onCodeComplete = _ref2$onCodeComplete === void 0 ? _util.noop : _ref2$onCodeComplete,
|
|
76
|
-
disabled = _ref2.disabled;
|
|
77
|
-
var _useState = (0, _react2.useState)(Array(digits).fill('')),
|
|
78
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
79
|
-
values = _useState2[0],
|
|
80
|
-
setValues = _useState2[1];
|
|
81
|
-
var inputs = Array(digits);
|
|
82
|
-
var forceSelection = function forceSelection(event) {
|
|
83
|
-
var target = event.target;
|
|
84
|
-
target.select();
|
|
85
|
-
};
|
|
86
|
-
var forceSelectionPreventDefault = function forceSelectionPreventDefault(event) {
|
|
87
|
-
forceSelection(event);
|
|
88
|
-
event.preventDefault();
|
|
89
|
-
};
|
|
90
|
-
var nextField = function nextField(currentFieldIndex) {
|
|
91
|
-
var nextFieldIndex = currentFieldIndex + 1;
|
|
92
|
-
if (nextFieldIndex < digits) {
|
|
93
|
-
inputs[nextFieldIndex].focus();
|
|
94
|
-
}
|
|
95
|
-
};
|
|
96
|
-
var previousField = function previousField(currentFieldIndex) {
|
|
97
|
-
if (currentFieldIndex > 0) {
|
|
98
|
-
inputs[currentFieldIndex - 1].focus();
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
var setValue = function setValue(fieldIndex, value) {
|
|
102
|
-
if (/^[0-9]?$/.test(value)) {
|
|
103
|
-
var valuesCopy = values.slice();
|
|
104
|
-
valuesCopy[fieldIndex] = value;
|
|
105
|
-
setValues(valuesCopy);
|
|
106
|
-
if (value.length) {
|
|
107
|
-
nextField(fieldIndex);
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
var handleKeyDown = function handleKeyDown(fieldIndex, _ref3) {
|
|
112
|
-
var key = _ref3.key;
|
|
113
|
-
switch (key) {
|
|
114
|
-
case 'Backspace':
|
|
115
|
-
setValue(fieldIndex, '');
|
|
116
|
-
previousField(fieldIndex);
|
|
117
|
-
break;
|
|
118
|
-
case 'ArrowLeft':
|
|
119
|
-
previousField(fieldIndex);
|
|
120
|
-
break;
|
|
121
|
-
case 'ArrowRight':
|
|
122
|
-
nextField(fieldIndex);
|
|
123
|
-
break;
|
|
124
|
-
}
|
|
125
|
-
if (/^[0-9]$/.test(key)) {
|
|
126
|
-
setValue(fieldIndex, key);
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
var handlePaste = function handlePaste(fieldIndex, event) {
|
|
130
|
-
var pastedValue = event.clipboardData.getData('Text');
|
|
131
|
-
var cleanedPaste = pastedValue.replace(/[^0-9]/g, '');
|
|
132
|
-
if (/^[0-9]+$/.test(cleanedPaste)) {
|
|
133
|
-
setValues(values.slice(0, fieldIndex).concat(cleanedPaste.split('')).slice(0, digits));
|
|
134
|
-
}
|
|
135
|
-
};
|
|
136
|
-
(0, _react2.useEffect)(function () {
|
|
137
|
-
var completeCode = values.join('');
|
|
138
|
-
if (completeCode.length === digits) {
|
|
139
|
-
onCodeComplete(completeCode);
|
|
140
|
-
}
|
|
141
|
-
}, [values]);
|
|
142
|
-
return (0, _react.jsx)(CodeInputWrapper, {
|
|
143
|
-
style: style
|
|
144
|
-
}, Array.from({
|
|
145
|
-
length: digits
|
|
146
|
-
}, function (_, index) {
|
|
147
|
-
return (0, _react.jsx)(DigitInput, {
|
|
148
|
-
autoFocus: index === 0 && autoFocus,
|
|
149
|
-
key: index,
|
|
150
|
-
onPaste: function onPaste(event) {
|
|
151
|
-
return handlePaste(index, event);
|
|
152
|
-
},
|
|
153
|
-
onFocus: forceSelection,
|
|
154
|
-
onMouseDown: forceSelectionPreventDefault,
|
|
155
|
-
onTouchStart: forceSelectionPreventDefault,
|
|
156
|
-
onKeyDown: function onKeyDown(event) {
|
|
157
|
-
return handleKeyDown(index, event);
|
|
158
|
-
},
|
|
159
|
-
onKeyUp: forceSelection,
|
|
160
|
-
markInvalid: markInvalid,
|
|
161
|
-
ref: function ref(node) {
|
|
162
|
-
return inputs[index] = node;
|
|
163
|
-
},
|
|
164
|
-
value: values[index],
|
|
165
|
-
onChange: function onChange() {},
|
|
166
|
-
disabled: disabled
|
|
167
|
-
});
|
|
168
|
-
}));
|
|
169
|
-
};
|
|
170
|
-
exports.CodeInput = CodeInput;
|
|
171
|
-
//# sourceMappingURL=CodeInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CodeInput.js","names":["CodeInputWrapper","props","digitInputStyle","theme","inputStyle","marginLeft","boxShadow","COLOR_V2","GRAY_60","fontSize","lineHeight","borderRadius","padding","textAlign","width","height","DigitInput","React","forwardRef","ref","CodeInput","style","digits","autoFocus","markInvalid","onCodeComplete","noop","disabled","useState","Array","fill","values","setValues","inputs","forceSelection","event","target","select","forceSelectionPreventDefault","preventDefault","nextField","currentFieldIndex","nextFieldIndex","focus","previousField","setValue","fieldIndex","value","test","valuesCopy","slice","length","handleKeyDown","key","handlePaste","pastedValue","clipboardData","getData","cleanedPaste","replace","concat","split","useEffect","completeCode","join","from","_","index","node"],"sources":["CodeInput.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useEffect, useState} from 'react';\n\nimport {Theme} from '../Layout';\nimport {noop} from '../util';\nimport {InputProps, inputStyle} from './Input';\nimport {COLOR_V2} from '../Identity';\n\nconst CodeInputWrapper = (props: React.HTMLProps<HTMLDivElement>) => (\n <div\n css={{\n display: 'flex',\n justifyContent: 'center',\n }}\n {...props}\n />\n);\n\ntype DigitInputProps<T = HTMLInputElement> = InputProps<T>;\n\nconst digitInputStyle: <T>(theme: Theme, props: DigitInputProps<T>) => CSSObject = (theme, props) => ({\n ...inputStyle(theme, props),\n '& + &': {\n marginLeft: 'min(19px, 2vw)',\n },\n '&:hover': {\n boxShadow: `0 0 0 1px ${COLOR_V2.GRAY_60}`,\n },\n fontSize: '24px',\n lineHeight: '28px',\n borderRadius: '12px',\n padding: 0,\n textAlign: 'center',\n width: 'min(48px, 13vw)',\n height: '56px',\n});\n\nconst DigitInput: React.FC<DigitInputProps<HTMLInputElement>> = React.forwardRef<\n HTMLInputElement,\n DigitInputProps<HTMLInputElement>\n>((props, ref) => <input ref={ref} css={(theme: Theme) => digitInputStyle(theme, props)} {...props} type=\"tel\" />);\n\nexport interface CodeInputProps<T = HTMLInputElement> extends InputProps<T> {\n autoFocus?: boolean;\n digits?: number;\n markInvalid?: boolean;\n onCodeComplete?: (completeCode?: string) => void;\n}\n\nexport const CodeInput = ({\n style,\n digits = 6,\n autoFocus = false,\n markInvalid,\n onCodeComplete = noop,\n disabled,\n}: CodeInputProps) => {\n const [values, setValues] = useState(Array(digits).fill(''));\n const inputs = Array(digits);\n\n const forceSelection = (\n event:\n | React.MouseEvent<HTMLInputElement>\n | React.TouchEvent<HTMLInputElement>\n | React.KeyboardEvent<HTMLInputElement>\n | React.FocusEvent<HTMLInputElement>,\n ) => {\n const target = event.target as HTMLInputElement;\n target.select();\n };\n\n const forceSelectionPreventDefault = (\n event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>,\n ) => {\n forceSelection(event);\n event.preventDefault();\n };\n\n const nextField = (currentFieldIndex: number) => {\n const nextFieldIndex = currentFieldIndex + 1;\n if (nextFieldIndex < digits) {\n inputs[nextFieldIndex].focus();\n }\n };\n\n const previousField = (currentFieldIndex: number) => {\n if (currentFieldIndex > 0) {\n inputs[currentFieldIndex - 1].focus();\n }\n };\n\n const setValue = (fieldIndex: number, value: string) => {\n if (/^[0-9]?$/.test(value)) {\n const valuesCopy = values.slice();\n valuesCopy[fieldIndex] = value;\n setValues(valuesCopy);\n if (value.length) {\n nextField(fieldIndex);\n }\n }\n };\n\n const handleKeyDown = (fieldIndex: number, {key}: React.KeyboardEvent<HTMLInputElement>) => {\n switch (key) {\n case 'Backspace':\n setValue(fieldIndex, '');\n previousField(fieldIndex);\n break;\n case 'ArrowLeft':\n previousField(fieldIndex);\n break;\n case 'ArrowRight':\n nextField(fieldIndex);\n break;\n }\n if (/^[0-9]$/.test(key)) {\n setValue(fieldIndex, key);\n }\n };\n\n const handlePaste = (fieldIndex: number, event: React.ClipboardEvent<HTMLInputElement>) => {\n const pastedValue = event.clipboardData.getData('Text');\n const cleanedPaste = pastedValue.replace(/[^0-9]/g, '');\n if (/^[0-9]+$/.test(cleanedPaste)) {\n setValues(values.slice(0, fieldIndex).concat(cleanedPaste.split('')).slice(0, digits));\n }\n };\n\n useEffect(() => {\n const completeCode = values.join('');\n if (completeCode.length === digits) {\n onCodeComplete(completeCode);\n }\n }, [values]);\n\n return (\n <CodeInputWrapper style={style}>\n {Array.from({length: digits}, (_, index) => (\n <DigitInput\n autoFocus={index === 0 && autoFocus}\n key={index}\n onPaste={event => handlePaste(index, event)}\n onFocus={forceSelection}\n onMouseDown={forceSelectionPreventDefault}\n onTouchStart={forceSelectionPreventDefault}\n onKeyDown={event => handleKeyDown(index, event)}\n onKeyUp={forceSelection}\n markInvalid={markInvalid}\n ref={node => (inputs[index] = node)}\n value={values[index]}\n onChange={() => {}}\n disabled={disabled}\n />\n ))}\n </CodeInputWrapper>\n );\n};\n"],"mappings":"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"}
|
package/src/Form/CodeInput.md
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
Demo:
|
|
2
|
-
|
|
3
|
-
```js
|
|
4
|
-
import {onCodeComplete} from '@wireapp/react-ui-kit';
|
|
5
|
-
|
|
6
|
-
<>
|
|
7
|
-
<div style={{marginBottom: '20px'}}>
|
|
8
|
-
<CodeInput markInvalid onCodeComplete={code => console.info(code)} />
|
|
9
|
-
</div>
|
|
10
|
-
|
|
11
|
-
<div>
|
|
12
|
-
<CodeInput onCodeComplete={code => console.info(code)} />
|
|
13
|
-
</div>
|
|
14
|
-
</>;
|
|
15
|
-
```
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropFileInput.d.js","names":[],"sources":["DropFileInput.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject } from '@emotion/react';\nimport { FC } from 'react';\nimport { Theme } from '../Layout';\nimport { TextProps } from '../Text';\nexport interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {\n onFilesUploaded: (files: File[]) => void;\n onInvalidFilesDropError: () => void;\n labelText: string;\n headingText: string;\n description?: string;\n dropFileZoneWrapperCSS?: CSSObject;\n}\nexport declare const dropFileWrapperStyle: CSSObject;\nexport declare const dropFileZoneWrapperStyle: <T>(theme: Theme, isDraggedOver: boolean) => CSSObject;\nexport declare const dropFileZoneLabelStyle: <T>(theme: Theme) => CSSObject;\nexport declare const dropFileZoneHeadingStyle: CSSObject;\nexport declare const dropFileZonDescriptionStyle: CSSObject;\nexport declare const DropFileInput: FC<DropFileInputProps<HTMLInputElement>>;\n"],"mappings":""}
|
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.dropFileZoneWrapperStyle = exports.dropFileZoneLabelStyle = exports.dropFileZoneHeadingStyle = exports.dropFileZonDescriptionStyle = exports.dropFileWrapperStyle = exports.DropFileInput = void 0;
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
var _react2 = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _Identity = require("../Identity");
|
|
11
|
-
var _Icon = require("../Icon");
|
|
12
|
-
var _Layout = require("../Layout");
|
|
13
|
-
var _excluded = ["onFilesUploaded", "onInvalidFilesDropError", "dropFileZoneWrapperCSS", "labelText", "headingText", "description", "accept", "multiple"];
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
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; }
|
|
16
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
18
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
22
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
24
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
25
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
26
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
28
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
29
|
-
var visuallyHiddenStyles = {
|
|
30
|
-
clip: 'rect(0 0 0 0)',
|
|
31
|
-
clipPath: 'inset(50%)',
|
|
32
|
-
height: '1px',
|
|
33
|
-
overflow: 'hidden',
|
|
34
|
-
position: 'absolute',
|
|
35
|
-
whiteSpace: 'nowrap',
|
|
36
|
-
width: '1px'
|
|
37
|
-
};
|
|
38
|
-
var dropFileWrapperStyle = {
|
|
39
|
-
maxWidth: '330px'
|
|
40
|
-
};
|
|
41
|
-
exports.dropFileWrapperStyle = dropFileWrapperStyle;
|
|
42
|
-
var dropFileZoneWrapperStyle = function dropFileZoneWrapperStyle(theme, isDraggedOver) {
|
|
43
|
-
return {
|
|
44
|
-
width: '100%',
|
|
45
|
-
padding: '28px 12px',
|
|
46
|
-
border: "1px dashed ".concat(theme.general.primaryColor),
|
|
47
|
-
borderBottomWidth: '2px',
|
|
48
|
-
borderRadius: '6px',
|
|
49
|
-
textAlign: 'center',
|
|
50
|
-
backgroundColor: isDraggedOver ? theme.general.backgroundColor : _Identity.COLOR.WHITE,
|
|
51
|
-
fontWeight: 400,
|
|
52
|
-
fontSize: '12px',
|
|
53
|
-
lineHeight: '13px',
|
|
54
|
-
color: _Identity.COLOR.GRAY
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
exports.dropFileZoneWrapperStyle = dropFileZoneWrapperStyle;
|
|
58
|
-
var dropFileZoneLabelStyle = function dropFileZoneLabelStyle(theme) {
|
|
59
|
-
return {
|
|
60
|
-
color: theme.general.primaryColor,
|
|
61
|
-
cursor: 'pointer',
|
|
62
|
-
':focus-within': {
|
|
63
|
-
outline: "1px solid ".concat(theme.general.primaryColor)
|
|
64
|
-
},
|
|
65
|
-
':hover': {
|
|
66
|
-
textDecoration: 'underline'
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
exports.dropFileZoneLabelStyle = dropFileZoneLabelStyle;
|
|
71
|
-
var dropFileZoneHeadingStyle = {
|
|
72
|
-
display: 'block',
|
|
73
|
-
whiteSpace: 'pre-line'
|
|
74
|
-
};
|
|
75
|
-
exports.dropFileZoneHeadingStyle = dropFileZoneHeadingStyle;
|
|
76
|
-
var dropFileZonDescriptionStyle = {
|
|
77
|
-
marginTop: '12px',
|
|
78
|
-
fontWeight: 400,
|
|
79
|
-
fontSize: '10px',
|
|
80
|
-
lineHeight: '13px',
|
|
81
|
-
color: _Identity.COLOR.GRAY,
|
|
82
|
-
whiteSpace: 'pre-line'
|
|
83
|
-
};
|
|
84
|
-
exports.dropFileZonDescriptionStyle = dropFileZonDescriptionStyle;
|
|
85
|
-
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
86
|
-
name: "pztmsj",
|
|
87
|
-
styles: "max-width:280px;margin:0 auto"
|
|
88
|
-
} : {
|
|
89
|
-
name: "urj1u0-DropFileInput",
|
|
90
|
-
styles: "max-width:280px;margin:0 auto;label:DropFileInput;",
|
|
91
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtMbUUiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtVcGxvYWRJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcblxuZXhwb3J0IGludGVyZmFjZSBEcm9wRmlsZUlucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgb25GaWxlc1VwbG9hZGVkOiAoZmlsZXM6IEZpbGVbXSkgPT4gdm9pZDtcbiAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3I6ICgpID0+IHZvaWQ7XG4gIGxhYmVsVGV4dDogc3RyaW5nO1xuICBoZWFkaW5nVGV4dDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgZHJvcEZpbGVab25lV3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuY29uc3QgdmlzdWFsbHlIaWRkZW5TdHlsZXM6IENTU09iamVjdCA9IHtcbiAgY2xpcDogJ3JlY3QoMCAwIDAgMCknLFxuICBjbGlwUGF0aDogJ2luc2V0KDUwJSknLFxuICBoZWlnaHQ6ICcxcHgnLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgd2lkdGg6ICcxcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlV3JhcHBlclN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1heFdpZHRoOiAnMzMwcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZVdyYXBwZXJTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgaXNEcmFnZ2VkT3ZlcjogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAgaXNEcmFnZ2VkT3ZlcixcbikgPT4gKHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcGFkZGluZzogJzI4cHggMTJweCcsXG4gIGJvcmRlcjogYDFweCBkYXNoZWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICBib3JkZXJCb3R0b21XaWR0aDogJzJweCcsXG4gIGJvcmRlclJhZGl1czogJzZweCcsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogaXNEcmFnZ2VkT3ZlciA/IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yIDogQ09MT1IuV0hJVEUsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMnB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lTGFiZWxTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSkgPT4gQ1NTT2JqZWN0ID0gdGhlbWUgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJzpmb2N1cy13aXRoaW4nOiB7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yfWAsXG4gIH0sXG4gICc6aG92ZXInOiB7XG4gICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVIZWFkaW5nU3R5bGU6IENTU09iamVjdCA9IHtcbiAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbkRlc2NyaXB0aW9uU3R5bGU6IENTU09iamVjdCA9IHtcbiAgbWFyZ2luVG9wOiAnMTJweCcsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMHB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBEcm9wRmlsZUlucHV0OiBGQzxEcm9wRmlsZUlucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgRHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KFxuICAoXG4gICAge1xuICAgICAgb25GaWxlc1VwbG9hZGVkLFxuICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IsXG4gICAgICBkcm9wRmlsZVpvbmVXcmFwcGVyQ1NTLFxuICAgICAgbGFiZWxUZXh0LFxuICAgICAgaGVhZGluZ1RleHQsXG4gICAgICBkZXNjcmlwdGlvbixcbiAgICAgIGFjY2VwdCxcbiAgICAgIG11bHRpcGxlLFxuICAgICAgLi4uaW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaXNEcmFnZ2VkT3Zlciwgc2V0SXNEcmFnZ2VkT3Zlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCByZXNldERyYWdnZWRPdmVyID0gKCkgPT4gc2V0SXNEcmFnZ2VkT3ZlcihmYWxzZSk7XG5cbiAgICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSAnY29weSc7XG5cbiAgICAgIGlmIChldmVudC5kYXRhVHJhbnNmZXIuaXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRJc0RyYWdnZWRPdmVyKHRydWUpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVEcm9wID0gKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgIHJlc2V0RHJhZ2dlZE92ZXIoKTtcblxuICAgICAgY29uc3Qge2ZpbGVzfSA9IGV2ZW50LmRhdGFUcmFuc2ZlcjtcbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3QgZmlsZXNBcnIgPSBtdWx0aXBsZSA/IEFycmF5LmZyb20oZmlsZXMpIDogW2ZpbGVzWzBdXTtcblxuICAgICAgY29uc3QgYXJlRmlsZXNWYWxpZCA9ICEhYWNjZXB0XG4gICAgICAgID8gZmlsZXNBcnIuZXZlcnkoZmlsZSA9PlxuICAgICAgICAgICAgYWNjZXB0XG4gICAgICAgICAgICAgIC5zcGxpdCgnLCcpXG4gICAgICAgICAgICAgIC5tYXAodiA9PiB2LnRyaW0oKSlcbiAgICAgICAgICAgICAgLmluY2x1ZGVzKGZpbGUudHlwZSksXG4gICAgICAgICAgKVxuICAgICAgICA6IHRydWU7XG5cbiAgICAgIGlmICghYXJlRmlsZXNWYWxpZCkge1xuICAgICAgICBvbkludmFsaWRGaWxlc0Ryb3BFcnJvcigpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChmaWxlc0Fycik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC50YXJnZXQ7XG5cbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgb25GaWxlc1VwbG9hZGVkKEFycmF5LmZyb20oZmlsZXMpKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtkcm9wRmlsZVdyYXBwZXJTdHlsZX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICAgICAgICAuLi5kcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGUodGhlbWUsIGlzRHJhZ2dlZE92ZXIpLFxuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyb3B6b25lXCJcbiAgICAgICAgICBvbkRyYWdPdmVyPXtoYW5kbGVEcmFnT3Zlcn1cbiAgICAgICAgICBvbkRyYWdMZWF2ZT17cmVzZXREcmFnZ2VkT3Zlcn1cbiAgICAgICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBhbGlnbj1cImNlbnRlclwiIGp1c3RpZnk9XCJjZW50ZXJcIiBmbGV4V3JhcD1cIndyYXBcIiBjc3M9e3ttYXhXaWR0aDogJzI4MHB4JywgbWFyZ2luOiAnMCBhdXRvJ319PlxuICAgICAgICAgICAgPFVwbG9hZEljb24gY3NzPXt7bWFyZ2luOiAnMTJweCAwJ319IC8+XG4gICAgICAgICAgICA8ZGl2IGNzcz17e21heFdpZHRoOiAnMTYwcHgnLCBtYXJnaW46ICcwIDI1cHgnfX0+XG4gICAgICAgICAgICAgIDxzcGFuIGNzcz17ZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlfT57aGVhZGluZ1RleHR9PC9zcGFuPlxuICAgICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgJHtoZWFkaW5nVGV4dH0gJHtsYWJlbFRleHR9ICgke2Rlc2NyaXB0aW9ufSlgfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcEZpbGVab25lTGFiZWxTdHlsZSh0aGVtZSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57bGFiZWxUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZmlsZS1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICAgIGFjY2VwdD17YWNjZXB0fVxuICAgICAgICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgICAgICAgY3NzPXt2aXN1YWxseUhpZGRlblN0eWxlc31cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgICAgICB7Li4uaW5wdXRQcm9wc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxwIGNzcz17ZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlfT57ZGVzY3JpcHRpb259PC9wPn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
|
|
92
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
93
|
-
};
|
|
94
|
-
var _ref3 = process.env.NODE_ENV === "production" ? {
|
|
95
|
-
name: "1ee42c1",
|
|
96
|
-
styles: "margin:12px 0"
|
|
97
|
-
} : {
|
|
98
|
-
name: "qqk9rh-DropFileInput",
|
|
99
|
-
styles: "margin:12px 0;label:DropFileInput;",
|
|
100
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Md0IiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtVcGxvYWRJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcblxuZXhwb3J0IGludGVyZmFjZSBEcm9wRmlsZUlucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgb25GaWxlc1VwbG9hZGVkOiAoZmlsZXM6IEZpbGVbXSkgPT4gdm9pZDtcbiAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3I6ICgpID0+IHZvaWQ7XG4gIGxhYmVsVGV4dDogc3RyaW5nO1xuICBoZWFkaW5nVGV4dDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgZHJvcEZpbGVab25lV3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuY29uc3QgdmlzdWFsbHlIaWRkZW5TdHlsZXM6IENTU09iamVjdCA9IHtcbiAgY2xpcDogJ3JlY3QoMCAwIDAgMCknLFxuICBjbGlwUGF0aDogJ2luc2V0KDUwJSknLFxuICBoZWlnaHQ6ICcxcHgnLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgd2lkdGg6ICcxcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlV3JhcHBlclN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1heFdpZHRoOiAnMzMwcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZVdyYXBwZXJTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgaXNEcmFnZ2VkT3ZlcjogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAgaXNEcmFnZ2VkT3ZlcixcbikgPT4gKHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcGFkZGluZzogJzI4cHggMTJweCcsXG4gIGJvcmRlcjogYDFweCBkYXNoZWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICBib3JkZXJCb3R0b21XaWR0aDogJzJweCcsXG4gIGJvcmRlclJhZGl1czogJzZweCcsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogaXNEcmFnZ2VkT3ZlciA/IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yIDogQ09MT1IuV0hJVEUsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMnB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lTGFiZWxTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSkgPT4gQ1NTT2JqZWN0ID0gdGhlbWUgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJzpmb2N1cy13aXRoaW4nOiB7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yfWAsXG4gIH0sXG4gICc6aG92ZXInOiB7XG4gICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVIZWFkaW5nU3R5bGU6IENTU09iamVjdCA9IHtcbiAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbkRlc2NyaXB0aW9uU3R5bGU6IENTU09iamVjdCA9IHtcbiAgbWFyZ2luVG9wOiAnMTJweCcsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMHB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBEcm9wRmlsZUlucHV0OiBGQzxEcm9wRmlsZUlucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgRHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KFxuICAoXG4gICAge1xuICAgICAgb25GaWxlc1VwbG9hZGVkLFxuICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IsXG4gICAgICBkcm9wRmlsZVpvbmVXcmFwcGVyQ1NTLFxuICAgICAgbGFiZWxUZXh0LFxuICAgICAgaGVhZGluZ1RleHQsXG4gICAgICBkZXNjcmlwdGlvbixcbiAgICAgIGFjY2VwdCxcbiAgICAgIG11bHRpcGxlLFxuICAgICAgLi4uaW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaXNEcmFnZ2VkT3Zlciwgc2V0SXNEcmFnZ2VkT3Zlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCByZXNldERyYWdnZWRPdmVyID0gKCkgPT4gc2V0SXNEcmFnZ2VkT3ZlcihmYWxzZSk7XG5cbiAgICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSAnY29weSc7XG5cbiAgICAgIGlmIChldmVudC5kYXRhVHJhbnNmZXIuaXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRJc0RyYWdnZWRPdmVyKHRydWUpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVEcm9wID0gKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgIHJlc2V0RHJhZ2dlZE92ZXIoKTtcblxuICAgICAgY29uc3Qge2ZpbGVzfSA9IGV2ZW50LmRhdGFUcmFuc2ZlcjtcbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3QgZmlsZXNBcnIgPSBtdWx0aXBsZSA/IEFycmF5LmZyb20oZmlsZXMpIDogW2ZpbGVzWzBdXTtcblxuICAgICAgY29uc3QgYXJlRmlsZXNWYWxpZCA9ICEhYWNjZXB0XG4gICAgICAgID8gZmlsZXNBcnIuZXZlcnkoZmlsZSA9PlxuICAgICAgICAgICAgYWNjZXB0XG4gICAgICAgICAgICAgIC5zcGxpdCgnLCcpXG4gICAgICAgICAgICAgIC5tYXAodiA9PiB2LnRyaW0oKSlcbiAgICAgICAgICAgICAgLmluY2x1ZGVzKGZpbGUudHlwZSksXG4gICAgICAgICAgKVxuICAgICAgICA6IHRydWU7XG5cbiAgICAgIGlmICghYXJlRmlsZXNWYWxpZCkge1xuICAgICAgICBvbkludmFsaWRGaWxlc0Ryb3BFcnJvcigpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChmaWxlc0Fycik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC50YXJnZXQ7XG5cbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgb25GaWxlc1VwbG9hZGVkKEFycmF5LmZyb20oZmlsZXMpKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtkcm9wRmlsZVdyYXBwZXJTdHlsZX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICAgICAgICAuLi5kcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGUodGhlbWUsIGlzRHJhZ2dlZE92ZXIpLFxuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyb3B6b25lXCJcbiAgICAgICAgICBvbkRyYWdPdmVyPXtoYW5kbGVEcmFnT3Zlcn1cbiAgICAgICAgICBvbkRyYWdMZWF2ZT17cmVzZXREcmFnZ2VkT3Zlcn1cbiAgICAgICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBhbGlnbj1cImNlbnRlclwiIGp1c3RpZnk9XCJjZW50ZXJcIiBmbGV4V3JhcD1cIndyYXBcIiBjc3M9e3ttYXhXaWR0aDogJzI4MHB4JywgbWFyZ2luOiAnMCBhdXRvJ319PlxuICAgICAgICAgICAgPFVwbG9hZEljb24gY3NzPXt7bWFyZ2luOiAnMTJweCAwJ319IC8+XG4gICAgICAgICAgICA8ZGl2IGNzcz17e21heFdpZHRoOiAnMTYwcHgnLCBtYXJnaW46ICcwIDI1cHgnfX0+XG4gICAgICAgICAgICAgIDxzcGFuIGNzcz17ZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlfT57aGVhZGluZ1RleHR9PC9zcGFuPlxuICAgICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgJHtoZWFkaW5nVGV4dH0gJHtsYWJlbFRleHR9ICgke2Rlc2NyaXB0aW9ufSlgfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcEZpbGVab25lTGFiZWxTdHlsZSh0aGVtZSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57bGFiZWxUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZmlsZS1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICAgIGFjY2VwdD17YWNjZXB0fVxuICAgICAgICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgICAgICAgY3NzPXt2aXN1YWxseUhpZGRlblN0eWxlc31cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgICAgICB7Li4uaW5wdXRQcm9wc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxwIGNzcz17ZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlfT57ZGVzY3JpcHRpb259PC9wPn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
|
|
101
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
102
|
-
};
|
|
103
|
-
var _ref4 = process.env.NODE_ENV === "production" ? {
|
|
104
|
-
name: "1bszqua",
|
|
105
|
-
styles: "max-width:160px;margin:0 25px"
|
|
106
|
-
} : {
|
|
107
|
-
name: "r5lgab-DropFileInput",
|
|
108
|
-
styles: "max-width:160px;margin:0 25px;label:DropFileInput;",
|
|
109
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9MaUIiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtVcGxvYWRJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcblxuZXhwb3J0IGludGVyZmFjZSBEcm9wRmlsZUlucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgb25GaWxlc1VwbG9hZGVkOiAoZmlsZXM6IEZpbGVbXSkgPT4gdm9pZDtcbiAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3I6ICgpID0+IHZvaWQ7XG4gIGxhYmVsVGV4dDogc3RyaW5nO1xuICBoZWFkaW5nVGV4dDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgZHJvcEZpbGVab25lV3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuY29uc3QgdmlzdWFsbHlIaWRkZW5TdHlsZXM6IENTU09iamVjdCA9IHtcbiAgY2xpcDogJ3JlY3QoMCAwIDAgMCknLFxuICBjbGlwUGF0aDogJ2luc2V0KDUwJSknLFxuICBoZWlnaHQ6ICcxcHgnLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgd2lkdGg6ICcxcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlV3JhcHBlclN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1heFdpZHRoOiAnMzMwcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZVdyYXBwZXJTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgaXNEcmFnZ2VkT3ZlcjogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAgaXNEcmFnZ2VkT3ZlcixcbikgPT4gKHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcGFkZGluZzogJzI4cHggMTJweCcsXG4gIGJvcmRlcjogYDFweCBkYXNoZWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICBib3JkZXJCb3R0b21XaWR0aDogJzJweCcsXG4gIGJvcmRlclJhZGl1czogJzZweCcsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogaXNEcmFnZ2VkT3ZlciA/IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yIDogQ09MT1IuV0hJVEUsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMnB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lTGFiZWxTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSkgPT4gQ1NTT2JqZWN0ID0gdGhlbWUgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJzpmb2N1cy13aXRoaW4nOiB7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yfWAsXG4gIH0sXG4gICc6aG92ZXInOiB7XG4gICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVIZWFkaW5nU3R5bGU6IENTU09iamVjdCA9IHtcbiAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbkRlc2NyaXB0aW9uU3R5bGU6IENTU09iamVjdCA9IHtcbiAgbWFyZ2luVG9wOiAnMTJweCcsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMHB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBEcm9wRmlsZUlucHV0OiBGQzxEcm9wRmlsZUlucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgRHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KFxuICAoXG4gICAge1xuICAgICAgb25GaWxlc1VwbG9hZGVkLFxuICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IsXG4gICAgICBkcm9wRmlsZVpvbmVXcmFwcGVyQ1NTLFxuICAgICAgbGFiZWxUZXh0LFxuICAgICAgaGVhZGluZ1RleHQsXG4gICAgICBkZXNjcmlwdGlvbixcbiAgICAgIGFjY2VwdCxcbiAgICAgIG11bHRpcGxlLFxuICAgICAgLi4uaW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaXNEcmFnZ2VkT3Zlciwgc2V0SXNEcmFnZ2VkT3Zlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCByZXNldERyYWdnZWRPdmVyID0gKCkgPT4gc2V0SXNEcmFnZ2VkT3ZlcihmYWxzZSk7XG5cbiAgICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSAnY29weSc7XG5cbiAgICAgIGlmIChldmVudC5kYXRhVHJhbnNmZXIuaXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRJc0RyYWdnZWRPdmVyKHRydWUpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVEcm9wID0gKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgIHJlc2V0RHJhZ2dlZE92ZXIoKTtcblxuICAgICAgY29uc3Qge2ZpbGVzfSA9IGV2ZW50LmRhdGFUcmFuc2ZlcjtcbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3QgZmlsZXNBcnIgPSBtdWx0aXBsZSA/IEFycmF5LmZyb20oZmlsZXMpIDogW2ZpbGVzWzBdXTtcblxuICAgICAgY29uc3QgYXJlRmlsZXNWYWxpZCA9ICEhYWNjZXB0XG4gICAgICAgID8gZmlsZXNBcnIuZXZlcnkoZmlsZSA9PlxuICAgICAgICAgICAgYWNjZXB0XG4gICAgICAgICAgICAgIC5zcGxpdCgnLCcpXG4gICAgICAgICAgICAgIC5tYXAodiA9PiB2LnRyaW0oKSlcbiAgICAgICAgICAgICAgLmluY2x1ZGVzKGZpbGUudHlwZSksXG4gICAgICAgICAgKVxuICAgICAgICA6IHRydWU7XG5cbiAgICAgIGlmICghYXJlRmlsZXNWYWxpZCkge1xuICAgICAgICBvbkludmFsaWRGaWxlc0Ryb3BFcnJvcigpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChmaWxlc0Fycik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC50YXJnZXQ7XG5cbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgb25GaWxlc1VwbG9hZGVkKEFycmF5LmZyb20oZmlsZXMpKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtkcm9wRmlsZVdyYXBwZXJTdHlsZX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICAgICAgICAuLi5kcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGUodGhlbWUsIGlzRHJhZ2dlZE92ZXIpLFxuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyb3B6b25lXCJcbiAgICAgICAgICBvbkRyYWdPdmVyPXtoYW5kbGVEcmFnT3Zlcn1cbiAgICAgICAgICBvbkRyYWdMZWF2ZT17cmVzZXREcmFnZ2VkT3Zlcn1cbiAgICAgICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBhbGlnbj1cImNlbnRlclwiIGp1c3RpZnk9XCJjZW50ZXJcIiBmbGV4V3JhcD1cIndyYXBcIiBjc3M9e3ttYXhXaWR0aDogJzI4MHB4JywgbWFyZ2luOiAnMCBhdXRvJ319PlxuICAgICAgICAgICAgPFVwbG9hZEljb24gY3NzPXt7bWFyZ2luOiAnMTJweCAwJ319IC8+XG4gICAgICAgICAgICA8ZGl2IGNzcz17e21heFdpZHRoOiAnMTYwcHgnLCBtYXJnaW46ICcwIDI1cHgnfX0+XG4gICAgICAgICAgICAgIDxzcGFuIGNzcz17ZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlfT57aGVhZGluZ1RleHR9PC9zcGFuPlxuICAgICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgJHtoZWFkaW5nVGV4dH0gJHtsYWJlbFRleHR9ICgke2Rlc2NyaXB0aW9ufSlgfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcEZpbGVab25lTGFiZWxTdHlsZSh0aGVtZSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57bGFiZWxUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZmlsZS1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICAgIGFjY2VwdD17YWNjZXB0fVxuICAgICAgICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgICAgICAgY3NzPXt2aXN1YWxseUhpZGRlblN0eWxlc31cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgICAgICB7Li4uaW5wdXRQcm9wc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxwIGNzcz17ZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlfT57ZGVzY3JpcHRpb259PC9wPn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
|
|
110
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
111
|
-
};
|
|
112
|
-
var DropFileInput = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
|
113
|
-
var onFilesUploaded = _ref.onFilesUploaded,
|
|
114
|
-
onInvalidFilesDropError = _ref.onInvalidFilesDropError,
|
|
115
|
-
dropFileZoneWrapperCSS = _ref.dropFileZoneWrapperCSS,
|
|
116
|
-
labelText = _ref.labelText,
|
|
117
|
-
headingText = _ref.headingText,
|
|
118
|
-
description = _ref.description,
|
|
119
|
-
accept = _ref.accept,
|
|
120
|
-
multiple = _ref.multiple,
|
|
121
|
-
inputProps = _objectWithoutProperties(_ref, _excluded);
|
|
122
|
-
var _useState = (0, _react2.useState)(false),
|
|
123
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
124
|
-
isDraggedOver = _useState2[0],
|
|
125
|
-
setIsDraggedOver = _useState2[1];
|
|
126
|
-
var resetDraggedOver = function resetDraggedOver() {
|
|
127
|
-
return setIsDraggedOver(false);
|
|
128
|
-
};
|
|
129
|
-
var handleDragOver = function handleDragOver(event) {
|
|
130
|
-
event.preventDefault();
|
|
131
|
-
event.stopPropagation();
|
|
132
|
-
event.dataTransfer.dropEffect = 'copy';
|
|
133
|
-
if (event.dataTransfer.items.length > 0) {
|
|
134
|
-
setIsDraggedOver(true);
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
var handleDrop = function handleDrop(event) {
|
|
138
|
-
event.preventDefault();
|
|
139
|
-
event.stopPropagation();
|
|
140
|
-
resetDraggedOver();
|
|
141
|
-
var files = event.dataTransfer.files;
|
|
142
|
-
if (files.length < 1) {
|
|
143
|
-
return;
|
|
144
|
-
}
|
|
145
|
-
var filesArr = multiple ? Array.from(files) : [files[0]];
|
|
146
|
-
var areFilesValid = !!accept ? filesArr.every(function (file) {
|
|
147
|
-
return accept.split(',').map(function (v) {
|
|
148
|
-
return v.trim();
|
|
149
|
-
}).includes(file.type);
|
|
150
|
-
}) : true;
|
|
151
|
-
if (!areFilesValid) {
|
|
152
|
-
onInvalidFilesDropError();
|
|
153
|
-
return;
|
|
154
|
-
}
|
|
155
|
-
onFilesUploaded(filesArr);
|
|
156
|
-
};
|
|
157
|
-
var handleChange = function handleChange(event) {
|
|
158
|
-
var files = event.target.files;
|
|
159
|
-
if (files.length < 1) {
|
|
160
|
-
return;
|
|
161
|
-
}
|
|
162
|
-
onFilesUploaded(Array.from(files));
|
|
163
|
-
};
|
|
164
|
-
return (0, _react.jsx)("div", {
|
|
165
|
-
css: dropFileWrapperStyle
|
|
166
|
-
}, (0, _react.jsx)("div", {
|
|
167
|
-
css: function css(theme) {
|
|
168
|
-
return _objectSpread(_objectSpread({}, dropFileZoneWrapperStyle(theme, isDraggedOver)), dropFileZoneWrapperCSS);
|
|
169
|
-
},
|
|
170
|
-
"data-testid": "dropzone",
|
|
171
|
-
onDragOver: handleDragOver,
|
|
172
|
-
onDragLeave: resetDraggedOver,
|
|
173
|
-
onDrop: handleDrop
|
|
174
|
-
}, (0, _react.jsx)(_Layout.FlexBox, {
|
|
175
|
-
align: "center",
|
|
176
|
-
justify: "center",
|
|
177
|
-
flexWrap: "wrap",
|
|
178
|
-
css: _ref2
|
|
179
|
-
}, (0, _react.jsx)(_Icon.UploadIcon, {
|
|
180
|
-
css: _ref3
|
|
181
|
-
}), (0, _react.jsx)("div", {
|
|
182
|
-
css: _ref4
|
|
183
|
-
}, (0, _react.jsx)("span", {
|
|
184
|
-
css: dropFileZoneHeadingStyle
|
|
185
|
-
}, headingText), (0, _react.jsx)("label", {
|
|
186
|
-
"aria-label": "".concat(headingText, " ").concat(labelText, " (").concat(description, ")"),
|
|
187
|
-
css: function css(theme) {
|
|
188
|
-
return dropFileZoneLabelStyle(theme);
|
|
189
|
-
}
|
|
190
|
-
}, (0, _react.jsx)("span", null, labelText), (0, _react.jsx)("input", _extends({
|
|
191
|
-
"data-testid": "file-input",
|
|
192
|
-
ref: ref,
|
|
193
|
-
accept: accept,
|
|
194
|
-
multiple: multiple,
|
|
195
|
-
css: visuallyHiddenStyles,
|
|
196
|
-
onChange: handleChange,
|
|
197
|
-
type: "file"
|
|
198
|
-
}, inputProps)))))), description && (0, _react.jsx)("p", {
|
|
199
|
-
css: dropFileZonDescriptionStyle
|
|
200
|
-
}, description));
|
|
201
|
-
});
|
|
202
|
-
exports.DropFileInput = DropFileInput;
|
|
203
|
-
//# sourceMappingURL=DropFileInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropFileInput.js","names":["visuallyHiddenStyles","clip","clipPath","height","overflow","position","whiteSpace","width","dropFileWrapperStyle","maxWidth","dropFileZoneWrapperStyle","theme","isDraggedOver","padding","border","general","primaryColor","borderBottomWidth","borderRadius","textAlign","backgroundColor","COLOR","WHITE","fontWeight","fontSize","lineHeight","color","GRAY","dropFileZoneLabelStyle","cursor","outline","textDecoration","dropFileZoneHeadingStyle","display","dropFileZonDescriptionStyle","marginTop","DropFileInput","forwardRef","ref","onFilesUploaded","onInvalidFilesDropError","dropFileZoneWrapperCSS","labelText","headingText","description","accept","multiple","inputProps","useState","setIsDraggedOver","resetDraggedOver","handleDragOver","event","preventDefault","stopPropagation","dataTransfer","dropEffect","items","length","handleDrop","files","filesArr","Array","from","areFilesValid","every","file","split","map","v","trim","includes","type","handleChange","target"],"sources":["DropFileInput.tsx"],"sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useState, FC, forwardRef, DragEvent} from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps} from '../Text';\nimport {UploadIcon} from '../Icon';\nimport {FlexBox} from '../Layout';\n\nexport interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {\n onFilesUploaded: (files: File[]) => void;\n onInvalidFilesDropError: () => void;\n labelText: string;\n headingText: string;\n description?: string;\n dropFileZoneWrapperCSS?: CSSObject;\n}\n\nconst visuallyHiddenStyles: CSSObject = {\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n height: '1px',\n overflow: 'hidden',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px',\n};\n\nexport const dropFileWrapperStyle: CSSObject = {\n maxWidth: '330px',\n};\n\nexport const dropFileZoneWrapperStyle: <T>(theme: Theme, isDraggedOver: boolean) => CSSObject = (\n theme,\n isDraggedOver,\n) => ({\n width: '100%',\n padding: '28px 12px',\n border: `1px dashed ${theme.general.primaryColor}`,\n borderBottomWidth: '2px',\n borderRadius: '6px',\n textAlign: 'center',\n backgroundColor: isDraggedOver ? theme.general.backgroundColor : COLOR.WHITE,\n fontWeight: 400,\n fontSize: '12px',\n lineHeight: '13px',\n color: COLOR.GRAY,\n});\n\nexport const dropFileZoneLabelStyle: <T>(theme: Theme) => CSSObject = theme => ({\n color: theme.general.primaryColor,\n cursor: 'pointer',\n ':focus-within': {\n outline: `1px solid ${theme.general.primaryColor}`,\n },\n ':hover': {\n textDecoration: 'underline',\n },\n});\n\nexport const dropFileZoneHeadingStyle: CSSObject = {\n display: 'block',\n whiteSpace: 'pre-line',\n};\n\nexport const dropFileZonDescriptionStyle: CSSObject = {\n marginTop: '12px',\n fontWeight: 400,\n fontSize: '10px',\n lineHeight: '13px',\n color: COLOR.GRAY,\n whiteSpace: 'pre-line',\n};\n\nexport const DropFileInput: FC<DropFileInputProps<HTMLInputElement>> = forwardRef<\n HTMLInputElement,\n DropFileInputProps<HTMLInputElement>\n>(\n (\n {\n onFilesUploaded,\n onInvalidFilesDropError,\n dropFileZoneWrapperCSS,\n labelText,\n headingText,\n description,\n accept,\n multiple,\n ...inputProps\n },\n ref,\n ) => {\n const [isDraggedOver, setIsDraggedOver] = useState(false);\n\n const resetDraggedOver = () => setIsDraggedOver(false);\n\n const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n event.preventDefault();\n event.stopPropagation();\n event.dataTransfer.dropEffect = 'copy';\n\n if (event.dataTransfer.items.length > 0) {\n setIsDraggedOver(true);\n }\n };\n\n const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n resetDraggedOver();\n\n const {files} = event.dataTransfer;\n if (files.length < 1) {\n return;\n }\n\n const filesArr = multiple ? Array.from(files) : [files[0]];\n\n const areFilesValid = !!accept\n ? filesArr.every(file =>\n accept\n .split(',')\n .map(v => v.trim())\n .includes(file.type),\n )\n : true;\n\n if (!areFilesValid) {\n onInvalidFilesDropError();\n return;\n }\n\n onFilesUploaded(filesArr);\n };\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const {files} = event.target;\n\n if (files.length < 1) {\n return;\n }\n\n onFilesUploaded(Array.from(files));\n };\n\n return (\n <div css={dropFileWrapperStyle}>\n <div\n css={(theme: Theme) => ({\n ...dropFileZoneWrapperStyle(theme, isDraggedOver),\n ...dropFileZoneWrapperCSS,\n })}\n data-testid=\"dropzone\"\n onDragOver={handleDragOver}\n onDragLeave={resetDraggedOver}\n onDrop={handleDrop}\n >\n <FlexBox align=\"center\" justify=\"center\" flexWrap=\"wrap\" css={{maxWidth: '280px', margin: '0 auto'}}>\n <UploadIcon css={{margin: '12px 0'}} />\n <div css={{maxWidth: '160px', margin: '0 25px'}}>\n <span css={dropFileZoneHeadingStyle}>{headingText}</span>\n <label\n aria-label={`${headingText} ${labelText} (${description})`}\n css={(theme: Theme) => dropFileZoneLabelStyle(theme)}\n >\n <span>{labelText}</span>\n <input\n data-testid=\"file-input\"\n ref={ref}\n accept={accept}\n multiple={multiple}\n css={visuallyHiddenStyles}\n onChange={handleChange}\n type=\"file\"\n {...inputProps}\n />\n </label>\n </div>\n </FlexBox>\n </div>\n {description && <p css={dropFileZonDescriptionStyle}>{description}</p>}\n </div>\n );\n },\n);\n"],"mappings":"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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
Demo:
|
|
2
|
-
|
|
3
|
-
```js
|
|
4
|
-
import {Columns, Column, DropFileInput} from '@wireapp/react-ui-kit';
|
|
5
|
-
|
|
6
|
-
<>
|
|
7
|
-
<div>
|
|
8
|
-
<DropFileInput
|
|
9
|
-
onInvalidFilesDropError={console.log}
|
|
10
|
-
onFilesUploaded={() => console.error('error while uploading files')}
|
|
11
|
-
headingText="Drag & Drop an image \nor"
|
|
12
|
-
labelText="select one from your device"
|
|
13
|
-
accept="image/png, image/jpeg"
|
|
14
|
-
description="Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px"
|
|
15
|
-
/>
|
|
16
|
-
</div>
|
|
17
|
-
</>;
|
|
18
|
-
```
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorMessage.d.js","names":[],"sources":["ErrorMessage.d.ts"],"sourcesContent":["/** @jsx jsx */\nimport { CSSObject, jsx } from '@emotion/react';\nimport { FlexBoxProps, Theme } from '../Layout';\ndeclare type ErrorMessageProps<T = HTMLDivElement> = FlexBoxProps<T>;\nexport declare const errorMessageStyle: <T>(theme: Theme, props: ErrorMessageProps<T>) => CSSObject;\nexport declare const filterErrorMessageProps: (props: ErrorMessageProps) => Object;\nexport declare const ErrorMessage: ({ children, ...props }: ErrorMessageProps) => jsx.JSX.Element;\nexport {};\n"],"mappings":""}
|