@sendbird/uikit-react-native-foundation 1.0.0-rc.3 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -5
- package/src/components/Image/index.ts +1 -3
- package/src/styles/HeaderStyleContext.tsx +2 -2
- package/src/theme/UIKitThemeProvider.tsx +4 -2
- package/src/ui/ActionMenu/index.tsx +1 -1
- package/src/ui/Alert/index.tsx +1 -8
- package/src/ui/Avatar/AvatarGroup.tsx +5 -2
- package/src/ui/Avatar/AvatarIcon.tsx +1 -1
- package/src/ui/Avatar/index.tsx +12 -3
- package/src/ui/Badge/index.tsx +1 -1
- package/src/ui/BottomSheet/index.tsx +1 -1
- package/src/ui/Button/index.tsx +4 -4
- package/src/ui/ChannelFrozenBanner/index.tsx +1 -1
- package/src/ui/Dialog/DialogBox.tsx +3 -3
- package/src/ui/Dialog/DialogSheet.tsx +4 -4
- package/src/ui/Dialog/index.tsx +3 -3
- package/src/ui/Divider/index.tsx +1 -1
- package/src/ui/GroupChannelPreview/index.tsx +2 -2
- package/src/ui/Header/index.tsx +6 -12
- package/src/ui/Icon/index.tsx +7 -2
- package/src/ui/LoadingSpinner/index.tsx +2 -2
- package/src/ui/MenuBar/index.tsx +2 -2
- package/src/ui/Modal/index.tsx +2 -2
- package/src/ui/Placeholder/index.tsx +1 -1
- package/src/ui/Prompt/index.tsx +2 -2
- package/src/ui/Switch/index.tsx +4 -4
- package/src/ui/Text/index.tsx +1 -1
- package/src/ui/Toast/index.tsx +8 -4
- package/src/ui/URLParsedText/index.tsx +1 -1
- package/lib/commonjs/assets/bundle-icons.js +0 -33
- package/lib/commonjs/assets/bundle-icons.js.map +0 -1
- package/lib/commonjs/assets/icon/ic-chat-hide.png +0 -0
- package/lib/commonjs/assets/icon/ic-chat-hide@2x.png +0 -0
- package/lib/commonjs/assets/icon/ic-chat-hide@3x.png +0 -0
- package/lib/commonjs/assets/icon/ic-chat-show.png +0 -0
- package/lib/commonjs/assets/icon/ic-chat-show@2x.png +0 -0
- package/lib/commonjs/assets/icon/ic-chat-show@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-add.png +0 -0
- package/lib/commonjs/assets/icon/icon-add@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-add@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-archive.png +0 -0
- package/lib/commonjs/assets/icon/icon-archive@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-archive@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-arrow-left.png +0 -0
- package/lib/commonjs/assets/icon/icon-arrow-left@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-arrow-left@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-ban.png +0 -0
- package/lib/commonjs/assets/icon/icon-ban@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-ban@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-broadcast.png +0 -0
- package/lib/commonjs/assets/icon/icon-broadcast@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-broadcast@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-camera.png +0 -0
- package/lib/commonjs/assets/icon/icon-camera@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-camera@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-channels.png +0 -0
- package/lib/commonjs/assets/icon/icon-channels@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-channels@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-chat-filled.png +0 -0
- package/lib/commonjs/assets/icon/icon-chat-filled@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-chat-filled@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-chat.png +0 -0
- package/lib/commonjs/assets/icon/icon-chat@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-chat@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-checkbox-off.png +0 -0
- package/lib/commonjs/assets/icon/icon-checkbox-off@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-checkbox-off@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-checkbox-on.png +0 -0
- package/lib/commonjs/assets/icon/icon-checkbox-on@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-checkbox-on@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-chevron-down.png +0 -0
- package/lib/commonjs/assets/icon/icon-chevron-down@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-chevron-down@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-chevron-right.png +0 -0
- package/lib/commonjs/assets/icon/icon-chevron-right@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-chevron-right@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-close.png +0 -0
- package/lib/commonjs/assets/icon/icon-close@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-close@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-copy.png +0 -0
- package/lib/commonjs/assets/icon/icon-copy@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-copy@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-create.png +0 -0
- package/lib/commonjs/assets/icon/icon-create@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-create@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-delete.png +0 -0
- package/lib/commonjs/assets/icon/icon-delete@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-delete@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-document.png +0 -0
- package/lib/commonjs/assets/icon/icon-document@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-document@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-done-all.png +0 -0
- package/lib/commonjs/assets/icon/icon-done-all@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-done-all@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-done.png +0 -0
- package/lib/commonjs/assets/icon/icon-done@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-done@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-download.png +0 -0
- package/lib/commonjs/assets/icon/icon-download@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-download@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-edit.png +0 -0
- package/lib/commonjs/assets/icon/icon-edit@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-edit@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-emoji-more.png +0 -0
- package/lib/commonjs/assets/icon/icon-emoji-more@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-emoji-more@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-error.png +0 -0
- package/lib/commonjs/assets/icon/icon-error@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-error@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-file-audio.png +0 -0
- package/lib/commonjs/assets/icon/icon-file-audio@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-file-audio@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-file-document.png +0 -0
- package/lib/commonjs/assets/icon/icon-file-document@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-file-document@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-freeze.png +0 -0
- package/lib/commonjs/assets/icon/icon-freeze@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-freeze@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-gif.png +0 -0
- package/lib/commonjs/assets/icon/icon-gif@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-gif@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-info.png +0 -0
- package/lib/commonjs/assets/icon/icon-info@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-info@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-leave.png +0 -0
- package/lib/commonjs/assets/icon/icon-leave@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-leave@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-members.png +0 -0
- package/lib/commonjs/assets/icon/icon-members@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-members@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-message.png +0 -0
- package/lib/commonjs/assets/icon/icon-message@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-message@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-moderations.png +0 -0
- package/lib/commonjs/assets/icon/icon-moderations@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-moderations@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-more.png +0 -0
- package/lib/commonjs/assets/icon/icon-more@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-more@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-mute.png +0 -0
- package/lib/commonjs/assets/icon/icon-mute@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-mute@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications-filled.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications-filled@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications-filled@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications-off-filled.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications-off-filled@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications-off-filled@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-notifications@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-operator.png +0 -0
- package/lib/commonjs/assets/icon/icon-operator@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-operator@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-photo.png +0 -0
- package/lib/commonjs/assets/icon/icon-photo@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-photo@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-play.png +0 -0
- package/lib/commonjs/assets/icon/icon-play@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-play@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-plus.png +0 -0
- package/lib/commonjs/assets/icon/icon-plus@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-plus@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-question.png +0 -0
- package/lib/commonjs/assets/icon/icon-question@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-question@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-refresh.png +0 -0
- package/lib/commonjs/assets/icon/icon-refresh@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-refresh@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-remove.png +0 -0
- package/lib/commonjs/assets/icon/icon-remove@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-remove@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-reply-filled.png +0 -0
- package/lib/commonjs/assets/icon/icon-reply-filled@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-reply-filled@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-reply.png +0 -0
- package/lib/commonjs/assets/icon/icon-reply@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-reply@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-search.png +0 -0
- package/lib/commonjs/assets/icon/icon-search@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-search@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-send.png +0 -0
- package/lib/commonjs/assets/icon/icon-send@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-send@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-settings-filled.png +0 -0
- package/lib/commonjs/assets/icon/icon-settings-filled@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-settings-filled@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-spinner.png +0 -0
- package/lib/commonjs/assets/icon/icon-spinner@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-spinner@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-streaming.png +0 -0
- package/lib/commonjs/assets/icon/icon-streaming@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-streaming@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-supergroup.png +0 -0
- package/lib/commonjs/assets/icon/icon-supergroup@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-supergroup@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-theme.png +0 -0
- package/lib/commonjs/assets/icon/icon-theme@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-theme@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-thumbnail-none.png +0 -0
- package/lib/commonjs/assets/icon/icon-thumbnail-none@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-thumbnail-none@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-unarchive.png +0 -0
- package/lib/commonjs/assets/icon/icon-unarchive@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-unarchive@3x.png +0 -0
- package/lib/commonjs/assets/icon/icon-user.png +0 -0
- package/lib/commonjs/assets/icon/icon-user@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-user@3x.png +0 -0
- package/lib/commonjs/assets/icon/index.js +0 -70
- package/lib/commonjs/assets/icon/index.js.map +0 -1
- package/lib/commonjs/components/Image/Image.fastimage.js +0 -85
- package/lib/commonjs/components/Image/Image.fastimage.js.map +0 -1
- package/lib/commonjs/components/Image/Image.reactnative.js +0 -35
- package/lib/commonjs/components/Image/Image.reactnative.js.map +0 -1
- package/lib/commonjs/components/Image/index.js +0 -27
- package/lib/commonjs/components/Image/index.js.map +0 -1
- package/lib/commonjs/index.js +0 -388
- package/lib/commonjs/index.js.map +0 -1
- package/lib/commonjs/styles/HeaderStyleContext.js +0 -46
- package/lib/commonjs/styles/HeaderStyleContext.js.map +0 -1
- package/lib/commonjs/styles/createScaleFactor.js +0 -31
- package/lib/commonjs/styles/createScaleFactor.js.map +0 -1
- package/lib/commonjs/styles/createSelectByColorScheme.js +0 -24
- package/lib/commonjs/styles/createSelectByColorScheme.js.map +0 -1
- package/lib/commonjs/styles/createStyleSheet.js +0 -62
- package/lib/commonjs/styles/createStyleSheet.js.map +0 -1
- package/lib/commonjs/styles/createTypography.js +0 -106
- package/lib/commonjs/styles/createTypography.js.map +0 -1
- package/lib/commonjs/styles/getDefaultHeaderHeight.js +0 -17
- package/lib/commonjs/styles/getDefaultHeaderHeight.js.map +0 -1
- package/lib/commonjs/styles/useHeaderStyle.js +0 -18
- package/lib/commonjs/styles/useHeaderStyle.js.map +0 -1
- package/lib/commonjs/theme/DarkUIKitTheme.js +0 -186
- package/lib/commonjs/theme/DarkUIKitTheme.js.map +0 -1
- package/lib/commonjs/theme/LightUIKitTheme.js +0 -186
- package/lib/commonjs/theme/LightUIKitTheme.js.map +0 -1
- package/lib/commonjs/theme/Palette.js +0 -47
- package/lib/commonjs/theme/Palette.js.map +0 -1
- package/lib/commonjs/theme/UIKitThemeContext.js +0 -16
- package/lib/commonjs/theme/UIKitThemeContext.js.map +0 -1
- package/lib/commonjs/theme/UIKitThemeProvider.js +0 -28
- package/lib/commonjs/theme/UIKitThemeProvider.js.map +0 -1
- package/lib/commonjs/theme/createTheme.js +0 -58
- package/lib/commonjs/theme/createTheme.js.map +0 -1
- package/lib/commonjs/theme/useUIKitTheme.js +0 -22
- package/lib/commonjs/theme/useUIKitTheme.js.map +0 -1
- package/lib/commonjs/types.js +0 -6
- package/lib/commonjs/types.js.map +0 -1
- package/lib/commonjs/ui/ActionMenu/index.js +0 -131
- package/lib/commonjs/ui/ActionMenu/index.js.map +0 -1
- package/lib/commonjs/ui/Alert/index.js +0 -122
- package/lib/commonjs/ui/Alert/index.js.map +0 -1
- package/lib/commonjs/ui/Avatar/AvatarGroup.js +0 -119
- package/lib/commonjs/ui/Avatar/AvatarGroup.js.map +0 -1
- package/lib/commonjs/ui/Avatar/AvatarIcon.js +0 -54
- package/lib/commonjs/ui/Avatar/AvatarIcon.js.map +0 -1
- package/lib/commonjs/ui/Avatar/index.js +0 -100
- package/lib/commonjs/ui/Avatar/index.js.map +0 -1
- package/lib/commonjs/ui/Badge/index.js +0 -77
- package/lib/commonjs/ui/Badge/index.js.map +0 -1
- package/lib/commonjs/ui/BottomSheet/index.js +0 -80
- package/lib/commonjs/ui/BottomSheet/index.js.map +0 -1
- package/lib/commonjs/ui/Button/index.js +0 -90
- package/lib/commonjs/ui/Button/index.js.map +0 -1
- package/lib/commonjs/ui/ChannelFrozenBanner/index.js +0 -51
- package/lib/commonjs/ui/ChannelFrozenBanner/index.js.map +0 -1
- package/lib/commonjs/ui/Dialog/DialogBox.js +0 -41
- package/lib/commonjs/ui/Dialog/DialogBox.js.map +0 -1
- package/lib/commonjs/ui/Dialog/DialogSheet.js +0 -86
- package/lib/commonjs/ui/Dialog/DialogSheet.js.map +0 -1
- package/lib/commonjs/ui/Dialog/index.js +0 -182
- package/lib/commonjs/ui/Dialog/index.js.map +0 -1
- package/lib/commonjs/ui/Divider/index.js +0 -49
- package/lib/commonjs/ui/Divider/index.js.map +0 -1
- package/lib/commonjs/ui/GroupChannelPreview/index.js +0 -210
- package/lib/commonjs/ui/GroupChannelPreview/index.js.map +0 -1
- package/lib/commonjs/ui/Header/index.js +0 -237
- package/lib/commonjs/ui/Header/index.js.map +0 -1
- package/lib/commonjs/ui/Icon/index.js +0 -78
- package/lib/commonjs/ui/Icon/index.js.map +0 -1
- package/lib/commonjs/ui/LoadingSpinner/index.js +0 -82
- package/lib/commonjs/ui/LoadingSpinner/index.js.map +0 -1
- package/lib/commonjs/ui/MenuBar/index.js +0 -88
- package/lib/commonjs/ui/MenuBar/index.js.map +0 -1
- package/lib/commonjs/ui/Modal/index.js +0 -214
- package/lib/commonjs/ui/Modal/index.js.map +0 -1
- package/lib/commonjs/ui/Placeholder/index.js +0 -82
- package/lib/commonjs/ui/Placeholder/index.js.map +0 -1
- package/lib/commonjs/ui/Prompt/index.js +0 -175
- package/lib/commonjs/ui/Prompt/index.js.map +0 -1
- package/lib/commonjs/ui/Switch/index.js +0 -125
- package/lib/commonjs/ui/Switch/index.js.map +0 -1
- package/lib/commonjs/ui/Text/index.js +0 -71
- package/lib/commonjs/ui/Text/index.js.map +0 -1
- package/lib/commonjs/ui/TextInput/index.js +0 -58
- package/lib/commonjs/ui/TextInput/index.js.map +0 -1
- package/lib/commonjs/ui/Toast/index.js +0 -183
- package/lib/commonjs/ui/Toast/index.js.map +0 -1
- package/lib/commonjs/ui/URLParsedText/index.js +0 -64
- package/lib/commonjs/ui/URLParsedText/index.js.map +0 -1
- package/lib/module/assets/bundle-icons.js +0 -31
- package/lib/module/assets/bundle-icons.js.map +0 -1
- package/lib/module/assets/icon/ic-chat-hide.png +0 -0
- package/lib/module/assets/icon/ic-chat-hide@2x.png +0 -0
- package/lib/module/assets/icon/ic-chat-hide@3x.png +0 -0
- package/lib/module/assets/icon/ic-chat-show.png +0 -0
- package/lib/module/assets/icon/ic-chat-show@2x.png +0 -0
- package/lib/module/assets/icon/ic-chat-show@3x.png +0 -0
- package/lib/module/assets/icon/icon-add.png +0 -0
- package/lib/module/assets/icon/icon-add@2x.png +0 -0
- package/lib/module/assets/icon/icon-add@3x.png +0 -0
- package/lib/module/assets/icon/icon-archive.png +0 -0
- package/lib/module/assets/icon/icon-archive@2x.png +0 -0
- package/lib/module/assets/icon/icon-archive@3x.png +0 -0
- package/lib/module/assets/icon/icon-arrow-left.png +0 -0
- package/lib/module/assets/icon/icon-arrow-left@2x.png +0 -0
- package/lib/module/assets/icon/icon-arrow-left@3x.png +0 -0
- package/lib/module/assets/icon/icon-ban.png +0 -0
- package/lib/module/assets/icon/icon-ban@2x.png +0 -0
- package/lib/module/assets/icon/icon-ban@3x.png +0 -0
- package/lib/module/assets/icon/icon-broadcast.png +0 -0
- package/lib/module/assets/icon/icon-broadcast@2x.png +0 -0
- package/lib/module/assets/icon/icon-broadcast@3x.png +0 -0
- package/lib/module/assets/icon/icon-camera.png +0 -0
- package/lib/module/assets/icon/icon-camera@2x.png +0 -0
- package/lib/module/assets/icon/icon-camera@3x.png +0 -0
- package/lib/module/assets/icon/icon-channels.png +0 -0
- package/lib/module/assets/icon/icon-channels@2x.png +0 -0
- package/lib/module/assets/icon/icon-channels@3x.png +0 -0
- package/lib/module/assets/icon/icon-chat-filled.png +0 -0
- package/lib/module/assets/icon/icon-chat-filled@2x.png +0 -0
- package/lib/module/assets/icon/icon-chat-filled@3x.png +0 -0
- package/lib/module/assets/icon/icon-chat.png +0 -0
- package/lib/module/assets/icon/icon-chat@2x.png +0 -0
- package/lib/module/assets/icon/icon-chat@3x.png +0 -0
- package/lib/module/assets/icon/icon-checkbox-off.png +0 -0
- package/lib/module/assets/icon/icon-checkbox-off@2x.png +0 -0
- package/lib/module/assets/icon/icon-checkbox-off@3x.png +0 -0
- package/lib/module/assets/icon/icon-checkbox-on.png +0 -0
- package/lib/module/assets/icon/icon-checkbox-on@2x.png +0 -0
- package/lib/module/assets/icon/icon-checkbox-on@3x.png +0 -0
- package/lib/module/assets/icon/icon-chevron-down.png +0 -0
- package/lib/module/assets/icon/icon-chevron-down@2x.png +0 -0
- package/lib/module/assets/icon/icon-chevron-down@3x.png +0 -0
- package/lib/module/assets/icon/icon-chevron-right.png +0 -0
- package/lib/module/assets/icon/icon-chevron-right@2x.png +0 -0
- package/lib/module/assets/icon/icon-chevron-right@3x.png +0 -0
- package/lib/module/assets/icon/icon-close.png +0 -0
- package/lib/module/assets/icon/icon-close@2x.png +0 -0
- package/lib/module/assets/icon/icon-close@3x.png +0 -0
- package/lib/module/assets/icon/icon-copy.png +0 -0
- package/lib/module/assets/icon/icon-copy@2x.png +0 -0
- package/lib/module/assets/icon/icon-copy@3x.png +0 -0
- package/lib/module/assets/icon/icon-create.png +0 -0
- package/lib/module/assets/icon/icon-create@2x.png +0 -0
- package/lib/module/assets/icon/icon-create@3x.png +0 -0
- package/lib/module/assets/icon/icon-delete.png +0 -0
- package/lib/module/assets/icon/icon-delete@2x.png +0 -0
- package/lib/module/assets/icon/icon-delete@3x.png +0 -0
- package/lib/module/assets/icon/icon-document.png +0 -0
- package/lib/module/assets/icon/icon-document@2x.png +0 -0
- package/lib/module/assets/icon/icon-document@3x.png +0 -0
- package/lib/module/assets/icon/icon-done-all.png +0 -0
- package/lib/module/assets/icon/icon-done-all@2x.png +0 -0
- package/lib/module/assets/icon/icon-done-all@3x.png +0 -0
- package/lib/module/assets/icon/icon-done.png +0 -0
- package/lib/module/assets/icon/icon-done@2x.png +0 -0
- package/lib/module/assets/icon/icon-done@3x.png +0 -0
- package/lib/module/assets/icon/icon-download.png +0 -0
- package/lib/module/assets/icon/icon-download@2x.png +0 -0
- package/lib/module/assets/icon/icon-download@3x.png +0 -0
- package/lib/module/assets/icon/icon-edit.png +0 -0
- package/lib/module/assets/icon/icon-edit@2x.png +0 -0
- package/lib/module/assets/icon/icon-edit@3x.png +0 -0
- package/lib/module/assets/icon/icon-emoji-more.png +0 -0
- package/lib/module/assets/icon/icon-emoji-more@2x.png +0 -0
- package/lib/module/assets/icon/icon-emoji-more@3x.png +0 -0
- package/lib/module/assets/icon/icon-error.png +0 -0
- package/lib/module/assets/icon/icon-error@2x.png +0 -0
- package/lib/module/assets/icon/icon-error@3x.png +0 -0
- package/lib/module/assets/icon/icon-file-audio.png +0 -0
- package/lib/module/assets/icon/icon-file-audio@2x.png +0 -0
- package/lib/module/assets/icon/icon-file-audio@3x.png +0 -0
- package/lib/module/assets/icon/icon-file-document.png +0 -0
- package/lib/module/assets/icon/icon-file-document@2x.png +0 -0
- package/lib/module/assets/icon/icon-file-document@3x.png +0 -0
- package/lib/module/assets/icon/icon-freeze.png +0 -0
- package/lib/module/assets/icon/icon-freeze@2x.png +0 -0
- package/lib/module/assets/icon/icon-freeze@3x.png +0 -0
- package/lib/module/assets/icon/icon-gif.png +0 -0
- package/lib/module/assets/icon/icon-gif@2x.png +0 -0
- package/lib/module/assets/icon/icon-gif@3x.png +0 -0
- package/lib/module/assets/icon/icon-info.png +0 -0
- package/lib/module/assets/icon/icon-info@2x.png +0 -0
- package/lib/module/assets/icon/icon-info@3x.png +0 -0
- package/lib/module/assets/icon/icon-leave.png +0 -0
- package/lib/module/assets/icon/icon-leave@2x.png +0 -0
- package/lib/module/assets/icon/icon-leave@3x.png +0 -0
- package/lib/module/assets/icon/icon-members.png +0 -0
- package/lib/module/assets/icon/icon-members@2x.png +0 -0
- package/lib/module/assets/icon/icon-members@3x.png +0 -0
- package/lib/module/assets/icon/icon-message.png +0 -0
- package/lib/module/assets/icon/icon-message@2x.png +0 -0
- package/lib/module/assets/icon/icon-message@3x.png +0 -0
- package/lib/module/assets/icon/icon-moderations.png +0 -0
- package/lib/module/assets/icon/icon-moderations@2x.png +0 -0
- package/lib/module/assets/icon/icon-moderations@3x.png +0 -0
- package/lib/module/assets/icon/icon-more.png +0 -0
- package/lib/module/assets/icon/icon-more@2x.png +0 -0
- package/lib/module/assets/icon/icon-more@3x.png +0 -0
- package/lib/module/assets/icon/icon-mute.png +0 -0
- package/lib/module/assets/icon/icon-mute@2x.png +0 -0
- package/lib/module/assets/icon/icon-mute@3x.png +0 -0
- package/lib/module/assets/icon/icon-notifications-filled.png +0 -0
- package/lib/module/assets/icon/icon-notifications-filled@2x.png +0 -0
- package/lib/module/assets/icon/icon-notifications-filled@3x.png +0 -0
- package/lib/module/assets/icon/icon-notifications-off-filled.png +0 -0
- package/lib/module/assets/icon/icon-notifications-off-filled@2x.png +0 -0
- package/lib/module/assets/icon/icon-notifications-off-filled@3x.png +0 -0
- package/lib/module/assets/icon/icon-notifications.png +0 -0
- package/lib/module/assets/icon/icon-notifications@2x.png +0 -0
- package/lib/module/assets/icon/icon-notifications@3x.png +0 -0
- package/lib/module/assets/icon/icon-operator.png +0 -0
- package/lib/module/assets/icon/icon-operator@2x.png +0 -0
- package/lib/module/assets/icon/icon-operator@3x.png +0 -0
- package/lib/module/assets/icon/icon-photo.png +0 -0
- package/lib/module/assets/icon/icon-photo@2x.png +0 -0
- package/lib/module/assets/icon/icon-photo@3x.png +0 -0
- package/lib/module/assets/icon/icon-play.png +0 -0
- package/lib/module/assets/icon/icon-play@2x.png +0 -0
- package/lib/module/assets/icon/icon-play@3x.png +0 -0
- package/lib/module/assets/icon/icon-plus.png +0 -0
- package/lib/module/assets/icon/icon-plus@2x.png +0 -0
- package/lib/module/assets/icon/icon-plus@3x.png +0 -0
- package/lib/module/assets/icon/icon-question.png +0 -0
- package/lib/module/assets/icon/icon-question@2x.png +0 -0
- package/lib/module/assets/icon/icon-question@3x.png +0 -0
- package/lib/module/assets/icon/icon-refresh.png +0 -0
- package/lib/module/assets/icon/icon-refresh@2x.png +0 -0
- package/lib/module/assets/icon/icon-refresh@3x.png +0 -0
- package/lib/module/assets/icon/icon-remove.png +0 -0
- package/lib/module/assets/icon/icon-remove@2x.png +0 -0
- package/lib/module/assets/icon/icon-remove@3x.png +0 -0
- package/lib/module/assets/icon/icon-reply-filled.png +0 -0
- package/lib/module/assets/icon/icon-reply-filled@2x.png +0 -0
- package/lib/module/assets/icon/icon-reply-filled@3x.png +0 -0
- package/lib/module/assets/icon/icon-reply.png +0 -0
- package/lib/module/assets/icon/icon-reply@2x.png +0 -0
- package/lib/module/assets/icon/icon-reply@3x.png +0 -0
- package/lib/module/assets/icon/icon-search.png +0 -0
- package/lib/module/assets/icon/icon-search@2x.png +0 -0
- package/lib/module/assets/icon/icon-search@3x.png +0 -0
- package/lib/module/assets/icon/icon-send.png +0 -0
- package/lib/module/assets/icon/icon-send@2x.png +0 -0
- package/lib/module/assets/icon/icon-send@3x.png +0 -0
- package/lib/module/assets/icon/icon-settings-filled.png +0 -0
- package/lib/module/assets/icon/icon-settings-filled@2x.png +0 -0
- package/lib/module/assets/icon/icon-settings-filled@3x.png +0 -0
- package/lib/module/assets/icon/icon-spinner.png +0 -0
- package/lib/module/assets/icon/icon-spinner@2x.png +0 -0
- package/lib/module/assets/icon/icon-spinner@3x.png +0 -0
- package/lib/module/assets/icon/icon-streaming.png +0 -0
- package/lib/module/assets/icon/icon-streaming@2x.png +0 -0
- package/lib/module/assets/icon/icon-streaming@3x.png +0 -0
- package/lib/module/assets/icon/icon-supergroup.png +0 -0
- package/lib/module/assets/icon/icon-supergroup@2x.png +0 -0
- package/lib/module/assets/icon/icon-supergroup@3x.png +0 -0
- package/lib/module/assets/icon/icon-theme.png +0 -0
- package/lib/module/assets/icon/icon-theme@2x.png +0 -0
- package/lib/module/assets/icon/icon-theme@3x.png +0 -0
- package/lib/module/assets/icon/icon-thumbnail-none.png +0 -0
- package/lib/module/assets/icon/icon-thumbnail-none@2x.png +0 -0
- package/lib/module/assets/icon/icon-thumbnail-none@3x.png +0 -0
- package/lib/module/assets/icon/icon-unarchive.png +0 -0
- package/lib/module/assets/icon/icon-unarchive@2x.png +0 -0
- package/lib/module/assets/icon/icon-unarchive@3x.png +0 -0
- package/lib/module/assets/icon/icon-user.png +0 -0
- package/lib/module/assets/icon/icon-user@2x.png +0 -0
- package/lib/module/assets/icon/icon-user@3x.png +0 -0
- package/lib/module/assets/icon/index.js +0 -63
- package/lib/module/assets/icon/index.js.map +0 -1
- package/lib/module/components/Image/Image.fastimage.js +0 -74
- package/lib/module/components/Image/Image.fastimage.js.map +0 -1
- package/lib/module/components/Image/Image.reactnative.js +0 -24
- package/lib/module/components/Image/Image.reactnative.js.map +0 -1
- package/lib/module/components/Image/index.js +0 -20
- package/lib/module/components/Image/index.js.map +0 -1
- package/lib/module/index.js +0 -49
- package/lib/module/index.js.map +0 -1
- package/lib/module/styles/HeaderStyleContext.js +0 -29
- package/lib/module/styles/HeaderStyleContext.js.map +0 -1
- package/lib/module/styles/createScaleFactor.js +0 -20
- package/lib/module/styles/createScaleFactor.js.map +0 -1
- package/lib/module/styles/createSelectByColorScheme.js +0 -16
- package/lib/module/styles/createSelectByColorScheme.js.map +0 -1
- package/lib/module/styles/createStyleSheet.js +0 -53
- package/lib/module/styles/createStyleSheet.js.map +0 -1
- package/lib/module/styles/createTypography.js +0 -98
- package/lib/module/styles/createTypography.js.map +0 -1
- package/lib/module/styles/getDefaultHeaderHeight.js +0 -10
- package/lib/module/styles/getDefaultHeaderHeight.js.map +0 -1
- package/lib/module/styles/useHeaderStyle.js +0 -9
- package/lib/module/styles/useHeaderStyle.js.map +0 -1
- package/lib/module/theme/DarkUIKitTheme.js +0 -175
- package/lib/module/theme/DarkUIKitTheme.js.map +0 -1
- package/lib/module/theme/LightUIKitTheme.js +0 -175
- package/lib/module/theme/LightUIKitTheme.js.map +0 -1
- package/lib/module/theme/Palette.js +0 -40
- package/lib/module/theme/Palette.js.map +0 -1
- package/lib/module/theme/UIKitThemeContext.js +0 -4
- package/lib/module/theme/UIKitThemeContext.js.map +0 -1
- package/lib/module/theme/UIKitThemeProvider.js +0 -16
- package/lib/module/theme/UIKitThemeProvider.js.map +0 -1
- package/lib/module/theme/createTheme.js +0 -46
- package/lib/module/theme/createTheme.js.map +0 -1
- package/lib/module/theme/useUIKitTheme.js +0 -11
- package/lib/module/theme/useUIKitTheme.js.map +0 -1
- package/lib/module/types.js +0 -2
- package/lib/module/types.js.map +0 -1
- package/lib/module/ui/ActionMenu/index.js +0 -108
- package/lib/module/ui/ActionMenu/index.js.map +0 -1
- package/lib/module/ui/Alert/index.js +0 -104
- package/lib/module/ui/Alert/index.js.map +0 -1
- package/lib/module/ui/Avatar/AvatarGroup.js +0 -104
- package/lib/module/ui/Avatar/AvatarGroup.js.map +0 -1
- package/lib/module/ui/Avatar/AvatarIcon.js +0 -40
- package/lib/module/ui/Avatar/AvatarIcon.js.map +0 -1
- package/lib/module/ui/Avatar/index.js +0 -78
- package/lib/module/ui/Avatar/index.js.map +0 -1
- package/lib/module/ui/Badge/index.js +0 -62
- package/lib/module/ui/Badge/index.js.map +0 -1
- package/lib/module/ui/BottomSheet/index.js +0 -65
- package/lib/module/ui/BottomSheet/index.js.map +0 -1
- package/lib/module/ui/Button/index.js +0 -75
- package/lib/module/ui/Button/index.js.map +0 -1
- package/lib/module/ui/ChannelFrozenBanner/index.js +0 -37
- package/lib/module/ui/ChannelFrozenBanner/index.js.map +0 -1
- package/lib/module/ui/Dialog/DialogBox.js +0 -28
- package/lib/module/ui/Dialog/DialogBox.js.map +0 -1
- package/lib/module/ui/Dialog/DialogSheet.js +0 -71
- package/lib/module/ui/Dialog/DialogSheet.js.map +0 -1
- package/lib/module/ui/Dialog/index.js +0 -144
- package/lib/module/ui/Dialog/index.js.map +0 -1
- package/lib/module/ui/Divider/index.js +0 -36
- package/lib/module/ui/Divider/index.js.map +0 -1
- package/lib/module/ui/GroupChannelPreview/index.js +0 -190
- package/lib/module/ui/GroupChannelPreview/index.js.map +0 -1
- package/lib/module/ui/Header/index.js +0 -218
- package/lib/module/ui/Header/index.js.map +0 -1
- package/lib/module/ui/Icon/index.js +0 -63
- package/lib/module/ui/Icon/index.js.map +0 -1
- package/lib/module/ui/LoadingSpinner/index.js +0 -64
- package/lib/module/ui/LoadingSpinner/index.js.map +0 -1
- package/lib/module/ui/MenuBar/index.js +0 -71
- package/lib/module/ui/MenuBar/index.js.map +0 -1
- package/lib/module/ui/Modal/index.js +0 -196
- package/lib/module/ui/Modal/index.js.map +0 -1
- package/lib/module/ui/Placeholder/index.js +0 -64
- package/lib/module/ui/Placeholder/index.js.map +0 -1
- package/lib/module/ui/Prompt/index.js +0 -151
- package/lib/module/ui/Prompt/index.js.map +0 -1
- package/lib/module/ui/Switch/index.js +0 -107
- package/lib/module/ui/Switch/index.js.map +0 -1
- package/lib/module/ui/Text/index.js +0 -59
- package/lib/module/ui/Text/index.js.map +0 -1
- package/lib/module/ui/TextInput/index.js +0 -43
- package/lib/module/ui/TextInput/index.js.map +0 -1
- package/lib/module/ui/Toast/index.js +0 -156
- package/lib/module/ui/Toast/index.js.map +0 -1
- package/lib/module/ui/URLParsedText/index.js +0 -45
- package/lib/module/ui/URLParsedText/index.js.map +0 -1
- package/lib/typescript/src/assets/icon/index.d.ts +0 -62
- package/lib/typescript/src/components/Image/Image.fastimage.d.ts +0 -3
- package/lib/typescript/src/components/Image/Image.reactnative.d.ts +0 -3
- package/lib/typescript/src/components/Image/index.d.ts +0 -15
- package/lib/typescript/src/index.d.ts +0 -45
- package/lib/typescript/src/styles/HeaderStyleContext.d.ts +0 -20
- package/lib/typescript/src/styles/createScaleFactor.d.ts +0 -6
- package/lib/typescript/src/styles/createSelectByColorScheme.d.ts +0 -9
- package/lib/typescript/src/styles/createStyleSheet.d.ts +0 -9
- package/lib/typescript/src/styles/createTypography.d.ts +0 -6
- package/lib/typescript/src/styles/getDefaultHeaderHeight.d.ts +0 -2
- package/lib/typescript/src/styles/useHeaderStyle.d.ts +0 -2
- package/lib/typescript/src/theme/DarkUIKitTheme.d.ts +0 -2
- package/lib/typescript/src/theme/LightUIKitTheme.d.ts +0 -2
- package/lib/typescript/src/theme/Palette.d.ts +0 -3
- package/lib/typescript/src/theme/UIKitThemeContext.d.ts +0 -4
- package/lib/typescript/src/theme/UIKitThemeProvider.d.ts +0 -7
- package/lib/typescript/src/theme/createTheme.d.ts +0 -10
- package/lib/typescript/src/theme/useUIKitTheme.d.ts +0 -3
- package/lib/typescript/src/types.d.ts +0 -167
- package/lib/typescript/src/ui/ActionMenu/index.d.ts +0 -17
- package/lib/typescript/src/ui/Alert/index.d.ts +0 -14
- package/lib/typescript/src/ui/Avatar/AvatarGroup.d.ts +0 -8
- package/lib/typescript/src/ui/Avatar/AvatarIcon.d.ts +0 -11
- package/lib/typescript/src/ui/Avatar/index.d.ts +0 -17
- package/lib/typescript/src/ui/Badge/index.d.ts +0 -12
- package/lib/typescript/src/ui/BottomSheet/index.d.ts +0 -19
- package/lib/typescript/src/ui/Button/index.d.ts +0 -14
- package/lib/typescript/src/ui/ChannelFrozenBanner/index.d.ts +0 -10
- package/lib/typescript/src/ui/Dialog/DialogBox.d.ts +0 -7
- package/lib/typescript/src/ui/Dialog/DialogSheet.d.ts +0 -17
- package/lib/typescript/src/ui/Dialog/index.d.ts +0 -46
- package/lib/typescript/src/ui/Divider/index.d.ts +0 -8
- package/lib/typescript/src/ui/GroupChannelPreview/index.d.ts +0 -17
- package/lib/typescript/src/ui/Header/index.d.ts +0 -29
- package/lib/typescript/src/ui/Icon/index.d.ts +0 -15
- package/lib/typescript/src/ui/LoadingSpinner/index.d.ts +0 -9
- package/lib/typescript/src/ui/MenuBar/index.d.ts +0 -15
- package/lib/typescript/src/ui/Modal/index.d.ts +0 -18
- package/lib/typescript/src/ui/Placeholder/index.d.ts +0 -11
- package/lib/typescript/src/ui/Prompt/index.d.ts +0 -18
- package/lib/typescript/src/ui/Switch/index.d.ts +0 -11
- package/lib/typescript/src/ui/Text/index.d.ts +0 -9
- package/lib/typescript/src/ui/TextInput/index.d.ts +0 -6
- package/lib/typescript/src/ui/Toast/index.d.ts +0 -18
- package/lib/typescript/src/ui/URLParsedText/index.d.ts +0 -9
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createTheme","LightUIKitTheme","colorScheme","colors","palette","primary","primary300","secondary","secondary300","error","error300","background","background50","text","onBackgroundLight01","onBackground01","onBackground02","onBackgroundLight02","onBackground03","onBackgroundLight03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundDark01","onBackgroundReverse02","onBackgroundDark02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","enabled","content","pressed","primary400","disabled","background100","transparent","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","incoming","textMsg","textEdited","textTime","textSenderName","primary100","outgoing","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => ({\n primary: palette.primary300,\n secondary: palette.secondary300,\n error: palette.error300,\n background: palette.background50,\n text: palette.onBackgroundLight01,\n onBackground01: palette.onBackgroundLight01,\n onBackground02: palette.onBackgroundLight02,\n onBackground03: palette.onBackgroundLight03,\n onBackground04: palette.onBackgroundLight04,\n onBackgroundReverse01: palette.onBackgroundDark01,\n onBackgroundReverse02: palette.onBackgroundDark02,\n onBackgroundReverse03: palette.onBackgroundDark03,\n onBackgroundReverse04: palette.onBackgroundDark04,\n ui: {\n header: {\n nav: {\n none: {\n background: palette.background50,\n borderBottom: palette.onBackgroundLight04,\n },\n },\n },\n button: {\n contained: {\n enabled: {\n background: palette.primary300,\n content: palette.onBackgroundDark01,\n },\n pressed: {\n background: palette.primary400,\n content: palette.onBackgroundDark01,\n },\n disabled: {\n background: palette.background100,\n content: palette.onBackgroundLight04,\n },\n },\n text: {\n enabled: {\n background: palette.transparent,\n content: palette.primary300,\n },\n pressed: {\n background: palette.transparent,\n content: palette.primary300,\n },\n disabled: {\n background: palette.transparent,\n content: palette.onBackgroundLight04,\n },\n },\n },\n dialog: {\n default: {\n none: {\n background: palette.background50,\n text: palette.onBackgroundLight01,\n message: palette.onBackgroundLight02,\n highlight: palette.primary300,\n destructive: palette.error300,\n },\n },\n },\n input: {\n default: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.background100,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.background100,\n highlight: palette.onBackgroundLight04,\n },\n },\n underline: {\n active: {\n text: palette.onBackgroundLight01,\n placeholder: palette.onBackgroundLight03,\n background: palette.transparent,\n highlight: palette.primary300,\n },\n disabled: {\n text: palette.onBackgroundLight04,\n placeholder: palette.onBackgroundLight04,\n background: palette.transparent,\n highlight: palette.onBackgroundLight04,\n },\n },\n },\n badge: {\n default: {\n none: {\n text: palette.background50,\n background: palette.primary300,\n },\n },\n },\n placeholder: {\n default: {\n none: {\n content: palette.onBackgroundLight03,\n highlight: palette.primary300,\n },\n },\n },\n message: {\n incoming: {\n enabled: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.background100,\n },\n pressed: {\n textMsg: palette.onBackgroundLight01,\n textEdited: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.onBackgroundLight02,\n background: palette.primary100,\n },\n },\n outgoing: {\n enabled: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary300,\n },\n pressed: {\n textMsg: palette.onBackgroundDark01,\n textEdited: palette.onBackgroundDark02,\n textTime: palette.onBackgroundLight03,\n textSenderName: palette.transparent,\n background: palette.primary400,\n },\n },\n },\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textTitleCaption: palette.onBackgroundLight03,\n textBody: palette.onBackgroundLight03,\n bodyIcon: palette.onBackgroundLight02,\n memberCount: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.onBackgroundLight04,\n bodyIconBackground: palette.background100,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n },\n }),\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
const Palette = {
|
|
2
|
-
primary100: '#DBD1FF',
|
|
3
|
-
primary200: '#C2A9FA',
|
|
4
|
-
primary300: '#742DDD',
|
|
5
|
-
primary400: '#6211C8',
|
|
6
|
-
primary500: '#491389',
|
|
7
|
-
secondary100: '#A8E2AB',
|
|
8
|
-
secondary200: '#69C085',
|
|
9
|
-
secondary300: '#259C72',
|
|
10
|
-
secondary400: '#027D69',
|
|
11
|
-
secondary500: '#066858',
|
|
12
|
-
error100: '#FDAAAA',
|
|
13
|
-
error200: '#F66161',
|
|
14
|
-
error300: '#DE360B',
|
|
15
|
-
error400: '#BF0711',
|
|
16
|
-
error500: '#9D091E',
|
|
17
|
-
background50: '#FFFFFF',
|
|
18
|
-
background100: '#EEEEEE',
|
|
19
|
-
background200: '#E0E0E0',
|
|
20
|
-
background300: '#BDBDBD',
|
|
21
|
-
background400: '#393939',
|
|
22
|
-
background500: '#2C2C2C',
|
|
23
|
-
background600: '#161616',
|
|
24
|
-
background700: '#000000',
|
|
25
|
-
overlay01: 'rgba(0,0,0,0.55)',
|
|
26
|
-
overlay02: 'rgba(0,0,0,0.32)',
|
|
27
|
-
information: '#ADC9FF',
|
|
28
|
-
highlight: '#FFF2B6',
|
|
29
|
-
transparent: 'transparent',
|
|
30
|
-
onBackgroundLight01: 'rgba(0,0,0,0.88)',
|
|
31
|
-
onBackgroundLight02: 'rgba(0,0,0,0.50)',
|
|
32
|
-
onBackgroundLight03: 'rgba(0,0,0,0.38)',
|
|
33
|
-
onBackgroundLight04: 'rgba(0,0,0,0.12)',
|
|
34
|
-
onBackgroundDark01: 'rgba(255,255,255,0.88)',
|
|
35
|
-
onBackgroundDark02: 'rgba(255,255,255,0.50)',
|
|
36
|
-
onBackgroundDark03: 'rgba(255,255,255,0.38)',
|
|
37
|
-
onBackgroundDark04: 'rgba(255,255,255,0.12)'
|
|
38
|
-
};
|
|
39
|
-
export default Palette;
|
|
40
|
-
//# sourceMappingURL=Palette.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Palette","primary100","primary200","primary300","primary400","primary500","secondary100","secondary200","secondary300","secondary400","secondary500","error100","error200","error300","error400","error500","background50","background100","background200","background300","background400","background500","background600","background700","overlay01","overlay02","information","highlight","transparent","onBackgroundLight01","onBackgroundLight02","onBackgroundLight03","onBackgroundLight04","onBackgroundDark01","onBackgroundDark02","onBackgroundDark03","onBackgroundDark04"],"sources":["Palette.ts"],"sourcesContent":["import type { UIKitPalette } from '../types';\n\nconst Palette: UIKitPalette = {\n primary100: '#DBD1FF',\n primary200: '#C2A9FA',\n primary300: '#742DDD',\n primary400: '#6211C8',\n primary500: '#491389',\n\n secondary100: '#A8E2AB',\n secondary200: '#69C085',\n secondary300: '#259C72',\n secondary400: '#027D69',\n secondary500: '#066858',\n\n error100: '#FDAAAA',\n error200: '#F66161',\n error300: '#DE360B',\n error400: '#BF0711',\n error500: '#9D091E',\n\n background50: '#FFFFFF',\n background100: '#EEEEEE',\n background200: '#E0E0E0',\n background300: '#BDBDBD',\n background400: '#393939',\n background500: '#2C2C2C',\n background600: '#161616',\n background700: '#000000',\n\n overlay01: 'rgba(0,0,0,0.55)',\n overlay02: 'rgba(0,0,0,0.32)',\n\n information: '#ADC9FF',\n highlight: '#FFF2B6',\n transparent: 'transparent',\n\n onBackgroundLight01: 'rgba(0,0,0,0.88)',\n onBackgroundLight02: 'rgba(0,0,0,0.50)',\n onBackgroundLight03: 'rgba(0,0,0,0.38)',\n onBackgroundLight04: 'rgba(0,0,0,0.12)',\n\n onBackgroundDark01: 'rgba(255,255,255,0.88)',\n onBackgroundDark02: 'rgba(255,255,255,0.50)',\n onBackgroundDark03: 'rgba(255,255,255,0.38)',\n onBackgroundDark04: 'rgba(255,255,255,0.12)',\n};\n\nexport default Palette;\n"],"mappings":"AAEA,MAAMA,OAAqB,GAAG;EAC5BC,UAAU,EAAE,SADgB;EAE5BC,UAAU,EAAE,SAFgB;EAG5BC,UAAU,EAAE,SAHgB;EAI5BC,UAAU,EAAE,SAJgB;EAK5BC,UAAU,EAAE,SALgB;EAO5BC,YAAY,EAAE,SAPc;EAQ5BC,YAAY,EAAE,SARc;EAS5BC,YAAY,EAAE,SATc;EAU5BC,YAAY,EAAE,SAVc;EAW5BC,YAAY,EAAE,SAXc;EAa5BC,QAAQ,EAAE,SAbkB;EAc5BC,QAAQ,EAAE,SAdkB;EAe5BC,QAAQ,EAAE,SAfkB;EAgB5BC,QAAQ,EAAE,SAhBkB;EAiB5BC,QAAQ,EAAE,SAjBkB;EAmB5BC,YAAY,EAAE,SAnBc;EAoB5BC,aAAa,EAAE,SApBa;EAqB5BC,aAAa,EAAE,SArBa;EAsB5BC,aAAa,EAAE,SAtBa;EAuB5BC,aAAa,EAAE,SAvBa;EAwB5BC,aAAa,EAAE,SAxBa;EAyB5BC,aAAa,EAAE,SAzBa;EA0B5BC,aAAa,EAAE,SA1Ba;EA4B5BC,SAAS,EAAE,kBA5BiB;EA6B5BC,SAAS,EAAE,kBA7BiB;EA+B5BC,WAAW,EAAE,SA/Be;EAgC5BC,SAAS,EAAE,SAhCiB;EAiC5BC,WAAW,EAAE,aAjCe;EAmC5BC,mBAAmB,EAAE,kBAnCO;EAoC5BC,mBAAmB,EAAE,kBApCO;EAqC5BC,mBAAmB,EAAE,kBArCO;EAsC5BC,mBAAmB,EAAE,kBAtCO;EAwC5BC,kBAAkB,EAAE,wBAxCQ;EAyC5BC,kBAAkB,EAAE,wBAzCQ;EA0C5BC,kBAAkB,EAAE,wBA1CQ;EA2C5BC,kBAAkB,EAAE;AA3CQ,CAA9B;AA8CA,eAAepC,OAAf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","UIKitThemeContext","createContext"],"sources":["UIKitThemeContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { UIKitTheme } from '../types';\n\nconst UIKitThemeContext = React.createContext<UIKitTheme | null>(null);\n\nexport default UIKitThemeContext;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAIA,MAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAN,CAAuC,IAAvC,CAA1B;AAEA,eAAeD,iBAAf"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import LightUIKitTheme from './LightUIKitTheme';
|
|
3
|
-
import UIKitThemeContext from './UIKitThemeContext';
|
|
4
|
-
|
|
5
|
-
const UIKitThemeProvider = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
children,
|
|
8
|
-
theme = LightUIKitTheme
|
|
9
|
-
} = _ref;
|
|
10
|
-
return /*#__PURE__*/React.createElement(UIKitThemeContext.Provider, {
|
|
11
|
-
value: theme
|
|
12
|
-
}, children);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export default UIKitThemeProvider;
|
|
16
|
-
//# sourceMappingURL=UIKitThemeProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","LightUIKitTheme","UIKitThemeContext","UIKitThemeProvider","children","theme"],"sources":["UIKitThemeProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { UIKitTheme } from '../types';\nimport LightUIKitTheme from './LightUIKitTheme';\nimport UIKitThemeContext from './UIKitThemeContext';\n\ntype Props = { theme?: UIKitTheme };\nconst UIKitThemeProvider: React.FC<Props> = ({ children, theme = LightUIKitTheme }) => {\n return <UIKitThemeContext.Provider value={theme}>{children}</UIKitThemeContext.Provider>;\n};\n\nexport default UIKitThemeProvider;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,iBAAP,MAA8B,qBAA9B;;AAGA,MAAMC,kBAAmC,GAAG,QAA2C;EAAA,IAA1C;IAAEC,QAAF;IAAYC,KAAK,GAAGJ;EAApB,CAA0C;EACrF,oBAAO,oBAAC,iBAAD,CAAmB,QAAnB;IAA4B,KAAK,EAAEI;EAAnC,GAA2CD,QAA3C,CAAP;AACD,CAFD;;AAIA,eAAeD,kBAAf"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import createSelectByColorScheme from '../styles/createSelectByColorScheme';
|
|
2
|
-
import createTypography from '../styles/createTypography';
|
|
3
|
-
import Palette from './Palette';
|
|
4
|
-
|
|
5
|
-
const createTheme = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
colorScheme,
|
|
8
|
-
palette = Palette,
|
|
9
|
-
colors: createColors,
|
|
10
|
-
typography = {
|
|
11
|
-
shared: {
|
|
12
|
-
fontFamily: 'System'
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
} = _ref;
|
|
16
|
-
let _palette = palette;
|
|
17
|
-
|
|
18
|
-
let _colors = createColors(_palette);
|
|
19
|
-
|
|
20
|
-
return {
|
|
21
|
-
colorScheme,
|
|
22
|
-
select: createSelectByColorScheme(colorScheme),
|
|
23
|
-
|
|
24
|
-
get palette() {
|
|
25
|
-
return _palette;
|
|
26
|
-
},
|
|
27
|
-
|
|
28
|
-
set palette(value) {
|
|
29
|
-
_palette = value;
|
|
30
|
-
_colors = createColors(_palette);
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
get colors() {
|
|
34
|
-
return _colors;
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
set colors(value) {
|
|
38
|
-
_colors = value;
|
|
39
|
-
},
|
|
40
|
-
|
|
41
|
-
typography: createTypography(typography)
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export default createTheme;
|
|
46
|
-
//# sourceMappingURL=createTheme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createSelectByColorScheme","createTypography","Palette","createTheme","colorScheme","palette","colors","createColors","typography","shared","fontFamily","_palette","_colors","select","value"],"sources":["createTheme.ts"],"sourcesContent":["import createSelectByColorScheme from '../styles/createSelectByColorScheme';\nimport createTypography, { UIKitTypographyOverrides } from '../styles/createTypography';\nimport type { UIKitColors, UIKitTheme } from '../types';\nimport Palette from './Palette';\n\ntype Options = {\n colorScheme: UIKitTheme['colorScheme'];\n colors: (palette: UIKitTheme['palette']) => UIKitColors;\n palette?: UIKitTheme['palette'];\n typography?: UIKitTypographyOverrides;\n};\n\nconst createTheme = ({\n colorScheme,\n palette = Palette,\n colors: createColors,\n typography = { shared: { fontFamily: 'System' } },\n}: Options): UIKitTheme => {\n let _palette = palette;\n let _colors = createColors(_palette);\n\n return {\n colorScheme,\n select: createSelectByColorScheme(colorScheme),\n get palette() {\n return _palette;\n },\n set palette(value) {\n _palette = value;\n _colors = createColors(_palette);\n },\n get colors() {\n return _colors;\n },\n set colors(value) {\n _colors = value;\n },\n typography: createTypography(typography),\n };\n};\n\nexport default createTheme;\n"],"mappings":"AAAA,OAAOA,yBAAP,MAAsC,qCAAtC;AACA,OAAOC,gBAAP,MAA2D,4BAA3D;AAEA,OAAOC,OAAP,MAAoB,WAApB;;AASA,MAAMC,WAAW,GAAG,QAKO;EAAA,IALN;IACnBC,WADmB;IAEnBC,OAAO,GAAGH,OAFS;IAGnBI,MAAM,EAAEC,YAHW;IAInBC,UAAU,GAAG;MAAEC,MAAM,EAAE;QAAEC,UAAU,EAAE;MAAd;IAAV;EAJM,CAKM;EACzB,IAAIC,QAAQ,GAAGN,OAAf;;EACA,IAAIO,OAAO,GAAGL,YAAY,CAACI,QAAD,CAA1B;;EAEA,OAAO;IACLP,WADK;IAELS,MAAM,EAAEb,yBAAyB,CAACI,WAAD,CAF5B;;IAGL,IAAIC,OAAJ,GAAc;MACZ,OAAOM,QAAP;IACD,CALI;;IAML,IAAIN,OAAJ,CAAYS,KAAZ,EAAmB;MACjBH,QAAQ,GAAGG,KAAX;MACAF,OAAO,GAAGL,YAAY,CAACI,QAAD,CAAtB;IACD,CATI;;IAUL,IAAIL,MAAJ,GAAa;MACX,OAAOM,OAAP;IACD,CAZI;;IAaL,IAAIN,MAAJ,CAAWQ,KAAX,EAAkB;MAChBF,OAAO,GAAGE,KAAV;IACD,CAfI;;IAgBLN,UAAU,EAAEP,gBAAgB,CAACO,UAAD;EAhBvB,CAAP;AAkBD,CA3BD;;AA6BA,eAAeL,WAAf"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { useContext } from 'react';
|
|
2
|
-
import UIKitThemeContext from './UIKitThemeContext';
|
|
3
|
-
|
|
4
|
-
const useUIKitTheme = () => {
|
|
5
|
-
const context = useContext(UIKitThemeContext);
|
|
6
|
-
if (!context) throw Error('UIKitThemeContext is not provided');
|
|
7
|
-
return context;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export default useUIKitTheme;
|
|
11
|
-
//# sourceMappingURL=useUIKitTheme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useContext","UIKitThemeContext","useUIKitTheme","context","Error"],"sources":["useUIKitTheme.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport type { UIKitTheme } from '../types';\nimport UIKitThemeContext from './UIKitThemeContext';\n\nconst useUIKitTheme = () => {\n const context = useContext(UIKitThemeContext);\n if (!context) throw Error('UIKitThemeContext is not provided');\n return context as UIKitTheme;\n};\n\nexport default useUIKitTheme;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,OAAOC,iBAAP,MAA8B,qBAA9B;;AAEA,MAAMC,aAAa,GAAG,MAAM;EAC1B,MAAMC,OAAO,GAAGH,UAAU,CAACC,iBAAD,CAA1B;EACA,IAAI,CAACE,OAAL,EAAc,MAAMC,KAAK,CAAC,mCAAD,CAAX;EACd,OAAOD,OAAP;AACD,CAJD;;AAMA,eAAeD,aAAf"}
|
package/lib/module/types.js
DELETED
package/lib/module/types.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextStyle } from 'react-native';\n\nexport interface UIKitTypography {\n h1: FontAttributes;\n h2: FontAttributes;\n subtitle1: FontAttributes;\n subtitle2: FontAttributes;\n body1: FontAttributes;\n body2: FontAttributes;\n body3: FontAttributes;\n button: FontAttributes;\n caption1: FontAttributes;\n caption2: FontAttributes;\n caption3: FontAttributes;\n caption4: FontAttributes;\n}\nexport type TypoName = keyof UIKitTypography;\nexport type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;\n\nexport type UIKitColorScheme = 'light' | 'dark';\nexport interface UIKitTheme {\n colorScheme: UIKitColorScheme;\n select<V>(options: { [key in UIKitColorScheme | 'default']?: V }): V;\n\n palette: UIKitPalette;\n colors: UIKitColors;\n\n typography: UIKitTypography;\n}\n\nexport type Component =\n | 'Header'\n | 'Button'\n | 'Dialog'\n | 'Input'\n | 'Badge'\n | 'Placeholder'\n | 'Message'\n | 'DateSeparator'\n | 'GroupChannelPreview';\nexport type GetColorTree<\n Tree extends {\n Variant: {\n [key in Component]: string;\n };\n State: {\n [key in Component]: string;\n };\n ColorPart: {\n [key in Component]: string;\n };\n },\n> = Tree;\n\nexport type ComponentColorTree = GetColorTree<{\n Variant: {\n Header: 'nav';\n Button: 'contained' | 'text';\n Dialog: 'default';\n Input: 'default' | 'underline';\n Badge: 'default';\n Placeholder: 'default';\n Message: 'incoming' | 'outgoing';\n DateSeparator: 'default';\n GroupChannelPreview: 'default';\n };\n State: {\n Header: 'none';\n Button: 'enabled' | 'pressed' | 'disabled';\n Dialog: 'none';\n Input: 'active' | 'disabled';\n Badge: 'none';\n Placeholder: 'none';\n Message: 'enabled' | 'pressed';\n DateSeparator: 'none';\n GroupChannelPreview: 'none';\n };\n ColorPart: {\n Header: 'background' | 'borderBottom';\n Button: 'background' | 'content';\n Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';\n Input: 'text' | 'placeholder' | 'background' | 'highlight';\n Badge: 'text' | 'background';\n Placeholder: 'content' | 'highlight';\n Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';\n DateSeparator: 'text' | 'background';\n GroupChannelPreview:\n | 'textTitle'\n | 'textTitleCaption'\n | 'textBody'\n | 'memberCount'\n | 'bodyIcon'\n | 'background'\n | 'coverBackground'\n | 'bodyIconBackground'\n | 'separator';\n };\n}>;\nexport type ComponentColors<T extends Component> = {\n [key in ComponentColorTree['Variant'][T]]: {\n [key in ComponentColorTree['State'][T]]: {\n [key in ComponentColorTree['ColorPart'][T]]: string;\n };\n };\n};\n\nexport interface UIKitColors {\n primary: string;\n secondary: string;\n error: string;\n background: string;\n text: string;\n onBackground01: string;\n onBackground02: string;\n onBackground03: string;\n onBackground04: string;\n onBackgroundReverse01: string;\n onBackgroundReverse02: string;\n onBackgroundReverse03: string;\n onBackgroundReverse04: string;\n /**\n * UI Colors has below structure\n * Component.{Variant}.{State}.{ColorPart}\n * @example\n * ```\n * const { colors } = useUIKitTheme();\n * colors.ui.button.contained.disabled.backgroundColor\n * ```\n * */\n ui: {\n header: ComponentColors<'Header'>;\n button: ComponentColors<'Button'>;\n dialog: ComponentColors<'Dialog'>;\n input: ComponentColors<'Input'>;\n badge: ComponentColors<'Badge'>;\n placeholder: ComponentColors<'Placeholder'>;\n message: ComponentColors<'Message'>;\n dateSeparator: ComponentColors<'DateSeparator'>;\n groupChannelPreview: ComponentColors<'GroupChannelPreview'>;\n };\n}\n\nexport type HeaderElement = string | ReactElement | null;\nexport type HeaderPartProps = {\n title?: HeaderElement;\n right?: HeaderElement;\n left?: HeaderElement;\n onPressLeft?: (...params: any[]) => any;\n onPressRight?: (...params: any[]) => any;\n};\nexport type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {\n titleAlign?: 'left' | 'center' | 'right';\n children?: ReactNode;\n} & HeaderParts &\n AdditionalProps;\nexport interface UIKitPalette {\n primary100: string;\n primary200: string;\n primary300: string;\n primary400: string;\n primary500: string;\n\n secondary100: string;\n secondary200: string;\n secondary300: string;\n secondary400: string;\n secondary500: string;\n\n error100: string;\n error200: string;\n error300: string;\n error400: string;\n error500: string;\n\n background50: string;\n background100: string;\n background200: string;\n background300: string;\n background400: string;\n background500: string;\n background600: string;\n background700: string;\n\n overlay01: string;\n overlay02: string;\n\n information: string;\n highlight: string;\n transparent: 'transparent';\n\n onBackgroundLight01: string;\n onBackgroundLight02: string;\n onBackgroundLight03: string;\n onBackgroundLight04: string;\n\n onBackgroundDark01: string;\n onBackgroundDark02: string;\n onBackgroundDark03: string;\n onBackgroundDark04: string;\n}\n"],"mappings":""}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import { TouchableOpacity, View } from 'react-native';
|
|
3
|
-
import { Logger } from '@sendbird/uikit-utils';
|
|
4
|
-
import createStyleSheet from '../../styles/createStyleSheet';
|
|
5
|
-
import useHeaderStyle from '../../styles/useHeaderStyle';
|
|
6
|
-
import useUIKitTheme from '../../theme/useUIKitTheme';
|
|
7
|
-
import DialogBox from '../Dialog/DialogBox';
|
|
8
|
-
import LoadingSpinner from '../LoadingSpinner';
|
|
9
|
-
import Modal from '../Modal';
|
|
10
|
-
import Text from '../Text';
|
|
11
|
-
|
|
12
|
-
const ActionMenu = _ref => {
|
|
13
|
-
let {
|
|
14
|
-
visible,
|
|
15
|
-
onHide,
|
|
16
|
-
onError,
|
|
17
|
-
onDismiss,
|
|
18
|
-
title,
|
|
19
|
-
menuItems
|
|
20
|
-
} = _ref;
|
|
21
|
-
const {
|
|
22
|
-
statusBarTranslucent
|
|
23
|
-
} = useHeaderStyle();
|
|
24
|
-
const {
|
|
25
|
-
colors
|
|
26
|
-
} = useUIKitTheme();
|
|
27
|
-
const [pending, setPending] = useState(false);
|
|
28
|
-
|
|
29
|
-
const _onHide = () => {
|
|
30
|
-
if (!pending) onHide();
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
return /*#__PURE__*/React.createElement(Modal, {
|
|
34
|
-
onClose: _onHide,
|
|
35
|
-
onDismiss: onDismiss,
|
|
36
|
-
statusBarTranslucent: statusBarTranslucent,
|
|
37
|
-
visible: visible,
|
|
38
|
-
backgroundStyle: {
|
|
39
|
-
alignItems: 'center',
|
|
40
|
-
justifyContent: 'center'
|
|
41
|
-
}
|
|
42
|
-
}, /*#__PURE__*/React.createElement(DialogBox, null, /*#__PURE__*/React.createElement(View, {
|
|
43
|
-
style: styles.title
|
|
44
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
45
|
-
h1: true,
|
|
46
|
-
color: colors.ui.dialog.default.none.text,
|
|
47
|
-
numberOfLines: 1 // style={{ flex: 1 }}
|
|
48
|
-
,
|
|
49
|
-
style: {
|
|
50
|
-
maxWidth: pending ? '86%' : '100%'
|
|
51
|
-
}
|
|
52
|
-
}, title), pending && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
53
|
-
size: 20,
|
|
54
|
-
color: colors.ui.dialog.default.none.highlight,
|
|
55
|
-
style: {
|
|
56
|
-
width: '10%',
|
|
57
|
-
marginLeft: '4%'
|
|
58
|
-
}
|
|
59
|
-
})), /*#__PURE__*/React.createElement(View, {
|
|
60
|
-
style: styles.buttonContainer
|
|
61
|
-
}, menuItems.map((item, index) => {
|
|
62
|
-
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
63
|
-
activeOpacity: 0.75,
|
|
64
|
-
key: item.title + index,
|
|
65
|
-
style: styles.button,
|
|
66
|
-
disabled: pending,
|
|
67
|
-
onPress: async () => {
|
|
68
|
-
setPending(true);
|
|
69
|
-
|
|
70
|
-
try {
|
|
71
|
-
var _item$onPress;
|
|
72
|
-
|
|
73
|
-
await ((_item$onPress = item.onPress) === null || _item$onPress === void 0 ? void 0 : _item$onPress.call(item));
|
|
74
|
-
} catch (e) {
|
|
75
|
-
const errorHandler = onError ?? item.onError;
|
|
76
|
-
errorHandler === null || errorHandler === void 0 ? void 0 : errorHandler(e);
|
|
77
|
-
if (!errorHandler) Logger.error('ActionMenu onPress error', e);
|
|
78
|
-
} finally {
|
|
79
|
-
onHide();
|
|
80
|
-
setPending(false);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
84
|
-
subtitle2: true,
|
|
85
|
-
color: colors.ui.dialog.default.none.text,
|
|
86
|
-
numberOfLines: 1
|
|
87
|
-
}, item.title));
|
|
88
|
-
}))));
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
const styles = createStyleSheet({
|
|
92
|
-
title: {
|
|
93
|
-
flexDirection: 'row',
|
|
94
|
-
paddingHorizontal: 24,
|
|
95
|
-
paddingVertical: 20,
|
|
96
|
-
alignItems: 'center'
|
|
97
|
-
},
|
|
98
|
-
buttonContainer: {
|
|
99
|
-
marginTop: 4,
|
|
100
|
-
marginBottom: 8
|
|
101
|
-
},
|
|
102
|
-
button: {
|
|
103
|
-
paddingHorizontal: 24,
|
|
104
|
-
paddingVertical: 12
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
export default ActionMenu;
|
|
108
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","TouchableOpacity","View","Logger","createStyleSheet","useHeaderStyle","useUIKitTheme","DialogBox","LoadingSpinner","Modal","Text","ActionMenu","visible","onHide","onError","onDismiss","title","menuItems","statusBarTranslucent","colors","pending","setPending","_onHide","alignItems","justifyContent","styles","ui","dialog","default","none","text","maxWidth","highlight","width","marginLeft","buttonContainer","map","item","index","button","onPress","e","errorHandler","error","flexDirection","paddingHorizontal","paddingVertical","marginTop","marginBottom"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport DialogBox from '../Dialog/DialogBox';\nimport LoadingSpinner from '../LoadingSpinner';\nimport Modal from '../Modal';\nimport Text from '../Text';\n\nexport type ActionMenuItem = {\n title?: string;\n menuItems: {\n title: string;\n onPress?: (() => Promise<void>) | (() => void);\n onError?: () => void;\n }[];\n};\n\ntype Props = {\n visible: boolean;\n onHide: () => void;\n onError?: (error: unknown) => void;\n onDismiss?: () => void;\n} & ActionMenuItem;\nconst ActionMenu: React.FC<Props> = ({ visible, onHide, onError, onDismiss, title, menuItems }) => {\n const { statusBarTranslucent } = useHeaderStyle();\n const { colors } = useUIKitTheme();\n const [pending, setPending] = useState(false);\n const _onHide = () => {\n if (!pending) onHide();\n };\n\n return (\n <Modal\n onClose={_onHide}\n onDismiss={onDismiss}\n statusBarTranslucent={statusBarTranslucent}\n visible={visible}\n backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n >\n <DialogBox>\n <View style={styles.title}>\n <Text\n h1\n color={colors.ui.dialog.default.none.text}\n numberOfLines={1}\n // style={{ flex: 1 }}\n style={{ maxWidth: pending ? '86%' : '100%' }}\n >\n {title}\n </Text>\n {pending && (\n <LoadingSpinner\n size={20}\n color={colors.ui.dialog.default.none.highlight}\n style={{ width: '10%', marginLeft: '4%' }}\n />\n )}\n </View>\n <View style={styles.buttonContainer}>\n {menuItems.map((item, index) => {\n return (\n <TouchableOpacity\n activeOpacity={0.75}\n key={item.title + index}\n style={styles.button}\n disabled={pending}\n onPress={async () => {\n setPending(true);\n try {\n await item.onPress?.();\n } catch (e: unknown) {\n const errorHandler = onError ?? item.onError;\n errorHandler?.(e);\n if (!errorHandler) Logger.error('ActionMenu onPress error', e);\n } finally {\n onHide();\n setPending(false);\n }\n }}\n >\n <Text subtitle2 color={colors.ui.dialog.default.none.text} numberOfLines={1}>\n {item.title}\n </Text>\n </TouchableOpacity>\n );\n })}\n </View>\n </DialogBox>\n </Modal>\n );\n};\n\nconst styles = createStyleSheet({\n title: {\n flexDirection: 'row',\n paddingHorizontal: 24,\n paddingVertical: 20,\n alignItems: 'center',\n },\n buttonContainer: {\n marginTop: 4,\n marginBottom: 8,\n },\n button: {\n paddingHorizontal: 24,\n paddingVertical: 12,\n },\n});\n\nexport default ActionMenu;\n"],"mappings":"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"}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import createStyleSheet from '../../styles/createStyleSheet';
|
|
4
|
-
import useHeaderStyle from '../../styles/useHeaderStyle';
|
|
5
|
-
import useUIKitTheme from '../../theme/useUIKitTheme';
|
|
6
|
-
import Button from '../Button';
|
|
7
|
-
import DialogBox from '../Dialog/DialogBox';
|
|
8
|
-
import Modal from '../Modal';
|
|
9
|
-
import Text from '../Text';
|
|
10
|
-
|
|
11
|
-
const Alert = _ref => {
|
|
12
|
-
let {
|
|
13
|
-
onDismiss,
|
|
14
|
-
visible,
|
|
15
|
-
onHide,
|
|
16
|
-
title = '',
|
|
17
|
-
message = '',
|
|
18
|
-
buttons = [{
|
|
19
|
-
text: 'OK'
|
|
20
|
-
}]
|
|
21
|
-
} = _ref;
|
|
22
|
-
const {
|
|
23
|
-
statusBarTranslucent
|
|
24
|
-
} = useHeaderStyle();
|
|
25
|
-
const {
|
|
26
|
-
colors
|
|
27
|
-
} = useUIKitTheme();
|
|
28
|
-
return /*#__PURE__*/React.createElement(Modal, {
|
|
29
|
-
onClose: onHide,
|
|
30
|
-
onDismiss: onDismiss,
|
|
31
|
-
statusBarTranslucent: statusBarTranslucent,
|
|
32
|
-
visible: visible,
|
|
33
|
-
backgroundStyle: {
|
|
34
|
-
alignItems: 'center',
|
|
35
|
-
justifyContent: 'center'
|
|
36
|
-
}
|
|
37
|
-
}, /*#__PURE__*/React.createElement(DialogBox, {
|
|
38
|
-
style: styles.container
|
|
39
|
-
}, Boolean(title) && /*#__PURE__*/React.createElement(View, {
|
|
40
|
-
style: styles.titleContainer
|
|
41
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
42
|
-
h1: true,
|
|
43
|
-
color: colors.ui.dialog.default.none.text,
|
|
44
|
-
numberOfLines: 1,
|
|
45
|
-
style: {
|
|
46
|
-
flex: 1
|
|
47
|
-
}
|
|
48
|
-
}, title)), /*#__PURE__*/React.createElement(View, {
|
|
49
|
-
style: styles.messageContainer
|
|
50
|
-
}, Boolean(message) && /*#__PURE__*/React.createElement(Text, {
|
|
51
|
-
subtitle2: !title,
|
|
52
|
-
body3: Boolean(title),
|
|
53
|
-
color: !title ? colors.ui.dialog.default.none.text : colors.ui.dialog.default.none.message,
|
|
54
|
-
numberOfLines: 3
|
|
55
|
-
}, message)), /*#__PURE__*/React.createElement(View, {
|
|
56
|
-
style: styles.buttonContainer
|
|
57
|
-
}, buttons.map((_ref2, index) => {
|
|
58
|
-
let {
|
|
59
|
-
text = 'OK',
|
|
60
|
-
style = 'default',
|
|
61
|
-
onPress
|
|
62
|
-
} = _ref2;
|
|
63
|
-
return /*#__PURE__*/React.createElement(Button, {
|
|
64
|
-
key: text + index,
|
|
65
|
-
variant: 'text',
|
|
66
|
-
style: styles.button,
|
|
67
|
-
onPress: async () => {
|
|
68
|
-
try {
|
|
69
|
-
onPress === null || onPress === void 0 ? void 0 : onPress();
|
|
70
|
-
} finally {
|
|
71
|
-
onHide();
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
contentColor: style === 'destructive' ? colors.ui.dialog.default.none.destructive : colors.ui.dialog.default.none.highlight
|
|
75
|
-
}, text);
|
|
76
|
-
}))));
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
const styles = createStyleSheet({
|
|
80
|
-
container: {
|
|
81
|
-
paddingTop: 20
|
|
82
|
-
},
|
|
83
|
-
titleContainer: {
|
|
84
|
-
paddingBottom: 16,
|
|
85
|
-
paddingHorizontal: 24,
|
|
86
|
-
flexDirection: 'row',
|
|
87
|
-
alignItems: 'center'
|
|
88
|
-
},
|
|
89
|
-
messageContainer: {
|
|
90
|
-
paddingHorizontal: 24,
|
|
91
|
-
marginBottom: 12
|
|
92
|
-
},
|
|
93
|
-
button: {
|
|
94
|
-
marginLeft: 8
|
|
95
|
-
},
|
|
96
|
-
buttonContainer: {
|
|
97
|
-
flexDirection: 'row',
|
|
98
|
-
alignItems: 'center',
|
|
99
|
-
justifyContent: 'flex-end',
|
|
100
|
-
padding: 12
|
|
101
|
-
}
|
|
102
|
-
});
|
|
103
|
-
export default Alert;
|
|
104
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","createStyleSheet","useHeaderStyle","useUIKitTheme","Button","DialogBox","Modal","Text","Alert","onDismiss","visible","onHide","title","message","buttons","text","statusBarTranslucent","colors","alignItems","justifyContent","styles","container","Boolean","titleContainer","ui","dialog","default","none","flex","messageContainer","buttonContainer","map","index","style","onPress","button","destructive","highlight","paddingTop","paddingBottom","paddingHorizontal","flexDirection","marginBottom","marginLeft","padding"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertButton, View } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport DialogBox from '../Dialog/DialogBox';\nimport Modal from '../Modal';\nimport Text from '../Text';\n\nexport type AlertItem = {\n title?: string;\n message?: string;\n buttons?: AlertButton[];\n};\n\ntype Props = {\n visible: boolean;\n onHide: () => void;\n onDismiss?: () => void;\n} & AlertItem;\nconst Alert: React.FC<Props> = ({\n onDismiss,\n visible,\n onHide,\n title = '',\n message = '',\n buttons = [{ text: 'OK' }],\n}) => {\n const { statusBarTranslucent } = useHeaderStyle();\n const { colors } = useUIKitTheme();\n\n return (\n <Modal\n onClose={onHide}\n onDismiss={onDismiss}\n statusBarTranslucent={statusBarTranslucent}\n visible={visible}\n backgroundStyle={{ alignItems: 'center', justifyContent: 'center' }}\n >\n <DialogBox style={styles.container}>\n {Boolean(title) && (\n <View style={styles.titleContainer}>\n <Text h1 color={colors.ui.dialog.default.none.text} numberOfLines={1} style={{ flex: 1 }}>\n {title}\n </Text>\n </View>\n )}\n\n <View style={styles.messageContainer}>\n {Boolean(message) && (\n <Text\n subtitle2={!title}\n body3={Boolean(title)}\n color={!title ? colors.ui.dialog.default.none.text : colors.ui.dialog.default.none.message}\n numberOfLines={3}\n >\n {message}\n </Text>\n )}\n </View>\n\n <View style={styles.buttonContainer}>\n {buttons.map(({ text = 'OK', style = 'default', onPress }, index) => {\n return (\n <Button\n key={text + index}\n variant={'text'}\n style={styles.button}\n onPress={async () => {\n try {\n onPress?.();\n } finally {\n onHide();\n }\n }}\n contentColor={\n style === 'destructive'\n ? colors.ui.dialog.default.none.destructive\n : colors.ui.dialog.default.none.highlight\n }\n >\n {text}\n </Button>\n );\n })}\n </View>\n </DialogBox>\n </Modal>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n paddingTop: 20,\n },\n titleContainer: {\n paddingBottom: 16,\n paddingHorizontal: 24,\n flexDirection: 'row',\n alignItems: 'center',\n },\n messageContainer: {\n paddingHorizontal: 24,\n marginBottom: 12,\n },\n button: {\n marginLeft: 8,\n },\n buttonContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'flex-end',\n padding: 12,\n },\n});\n\nexport default Alert;\n"],"mappings":"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"}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
const MAX = 4;
|
|
4
|
-
|
|
5
|
-
const AvatarGroup = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
children,
|
|
8
|
-
containerStyle,
|
|
9
|
-
size = 56
|
|
10
|
-
} = _ref;
|
|
11
|
-
const childAmount = React.Children.count(children);
|
|
12
|
-
|
|
13
|
-
if (childAmount === 0) {
|
|
14
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
15
|
-
style: [containerStyle, {
|
|
16
|
-
overflow: 'hidden',
|
|
17
|
-
width: size,
|
|
18
|
-
height: size,
|
|
19
|
-
borderRadius: size,
|
|
20
|
-
backgroundColor: 'rgba(120,120,120,0.2)'
|
|
21
|
-
}]
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
const avatars = useMemo(() => {
|
|
26
|
-
var _React$Children$map;
|
|
27
|
-
|
|
28
|
-
return ((_React$Children$map = React.Children.map(children, (child, index) => {
|
|
29
|
-
if (index + 1 > MAX) return child;
|
|
30
|
-
if (! /*#__PURE__*/React.isValidElement(child)) return child;
|
|
31
|
-
if (childAmount === 1) return /*#__PURE__*/React.cloneElement(child, {
|
|
32
|
-
size,
|
|
33
|
-
containerStyle
|
|
34
|
-
});
|
|
35
|
-
const top = getTopPoint(index, childAmount) * size;
|
|
36
|
-
const left = getLeftPoint(index) * size;
|
|
37
|
-
const width = getWidthPoint(index, childAmount) * size;
|
|
38
|
-
const height = getHeightPoint(index, childAmount) * size;
|
|
39
|
-
const innerLeft = -getInnerLeft(index, childAmount) * size;
|
|
40
|
-
const innerTop = -getInnerTop(childAmount) * size;
|
|
41
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
42
|
-
style: {
|
|
43
|
-
overflow: 'hidden',
|
|
44
|
-
position: 'absolute',
|
|
45
|
-
top,
|
|
46
|
-
left,
|
|
47
|
-
width,
|
|
48
|
-
height
|
|
49
|
-
}
|
|
50
|
-
}, /*#__PURE__*/React.cloneElement(child, {
|
|
51
|
-
size,
|
|
52
|
-
square: true,
|
|
53
|
-
containerStyle: {
|
|
54
|
-
left: innerLeft,
|
|
55
|
-
top: innerTop
|
|
56
|
-
}
|
|
57
|
-
}));
|
|
58
|
-
})) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.slice(0, 4)) ?? [];
|
|
59
|
-
}, [children]);
|
|
60
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
61
|
-
style: [containerStyle, {
|
|
62
|
-
overflow: 'hidden',
|
|
63
|
-
width: size,
|
|
64
|
-
height: size,
|
|
65
|
-
borderRadius: size
|
|
66
|
-
}]
|
|
67
|
-
}, avatars);
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
const getHeightPoint = (_, total) => {
|
|
71
|
-
if (total === 2) return 1;
|
|
72
|
-
return 0.5;
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
const getWidthPoint = (idx, total) => {
|
|
76
|
-
if (total === 3 && idx === 0) return 1;
|
|
77
|
-
return 0.5;
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
const getTopPoint = (idx, total) => {
|
|
81
|
-
if (total === 2) return -0.025;
|
|
82
|
-
if (total === 3 && idx === 0) return -0.025;
|
|
83
|
-
if (total === 3 && idx !== 0) return 0.525;
|
|
84
|
-
if (idx === 0 || idx === 1) return -0.025;
|
|
85
|
-
return 0.525;
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
const getLeftPoint = idx => {
|
|
89
|
-
if (idx === 0 || idx === 2) return -0.025;
|
|
90
|
-
return 0.525;
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
const getInnerLeft = (idx, total) => {
|
|
94
|
-
if (total === 3 && idx === 0) return 0;
|
|
95
|
-
return 0.25;
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
const getInnerTop = total => {
|
|
99
|
-
if (total === 2) return 0;
|
|
100
|
-
return 0.25;
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
export default AvatarGroup;
|
|
104
|
-
//# sourceMappingURL=AvatarGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","View","MAX","AvatarGroup","children","containerStyle","size","childAmount","Children","count","overflow","width","height","borderRadius","backgroundColor","avatars","map","child","index","isValidElement","cloneElement","top","getTopPoint","left","getLeftPoint","getWidthPoint","getHeightPoint","innerLeft","getInnerLeft","innerTop","getInnerTop","position","square","slice","_","total","idx"],"sources":["AvatarGroup.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nconst MAX = 4;\n\ntype Props = { size?: number; containerStyle?: StyleProp<ViewStyle> };\nconst AvatarGroup: React.FC<Props> = ({ children, containerStyle, size = 56 }) => {\n const childAmount = React.Children.count(children);\n\n if (childAmount === 0) {\n return (\n <View\n style={[\n containerStyle,\n {\n overflow: 'hidden',\n width: size,\n height: size,\n borderRadius: size,\n backgroundColor: 'rgba(120,120,120,0.2)',\n },\n ]}\n />\n );\n }\n\n const avatars = useMemo(() => {\n return (\n React.Children.map(children, (child, index) => {\n if (index + 1 > MAX) return child;\n if (!React.isValidElement(child)) return child;\n\n if (childAmount === 1) return React.cloneElement(child, { size, containerStyle });\n\n const top = getTopPoint(index, childAmount) * size;\n const left = getLeftPoint(index) * size;\n const width = getWidthPoint(index, childAmount) * size;\n const height = getHeightPoint(index, childAmount) * size;\n const innerLeft = -getInnerLeft(index, childAmount) * size;\n const innerTop = -getInnerTop(childAmount) * size;\n\n return (\n <View style={{ overflow: 'hidden', position: 'absolute', top, left, width, height }}>\n {React.cloneElement(child, { size, square: true, containerStyle: { left: innerLeft, top: innerTop } })}\n </View>\n );\n })?.slice(0, 4) ?? []\n );\n }, [children]);\n\n return (\n <View style={[containerStyle, { overflow: 'hidden', width: size, height: size, borderRadius: size }]}>\n {avatars}\n </View>\n );\n};\n\nconst getHeightPoint = (_: number, total: number) => {\n if (total === 2) return 1;\n return 0.5;\n};\nconst getWidthPoint = (idx: number, total: number) => {\n if (total === 3 && idx === 0) return 1;\n return 0.5;\n};\nconst getTopPoint = (idx: number, total: number) => {\n if (total === 2) return -0.025;\n if (total === 3 && idx === 0) return -0.025;\n if (total === 3 && idx !== 0) return 0.525;\n if (idx === 0 || idx === 1) return -0.025;\n return 0.525;\n};\nconst getLeftPoint = (idx: number) => {\n if (idx === 0 || idx === 2) return -0.025;\n return 0.525;\n};\nconst getInnerLeft = (idx: number, total: number) => {\n if (total === 3 && idx === 0) return 0;\n return 0.25;\n};\nconst getInnerTop = (total: number) => {\n if (total === 2) return 0;\n return 0.25;\n};\n\nexport default AvatarGroup;\n"],"mappings":"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"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import createStyleSheet from '../../styles/createStyleSheet';
|
|
4
|
-
import useUIKitTheme from '../../theme/useUIKitTheme';
|
|
5
|
-
import Icon from '../Icon';
|
|
6
|
-
|
|
7
|
-
const AvatarIcon = _ref => {
|
|
8
|
-
let {
|
|
9
|
-
size = 56,
|
|
10
|
-
icon,
|
|
11
|
-
containerStyle,
|
|
12
|
-
backgroundColor
|
|
13
|
-
} = _ref;
|
|
14
|
-
const {
|
|
15
|
-
colors,
|
|
16
|
-
palette
|
|
17
|
-
} = useUIKitTheme();
|
|
18
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
19
|
-
style: [styles.container, {
|
|
20
|
-
width: size,
|
|
21
|
-
height: size,
|
|
22
|
-
borderRadius: size / 2,
|
|
23
|
-
backgroundColor: backgroundColor ?? palette.background300
|
|
24
|
-
}, containerStyle]
|
|
25
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
26
|
-
icon: icon,
|
|
27
|
-
size: size / 2,
|
|
28
|
-
color: colors.onBackgroundReverse01
|
|
29
|
-
}));
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
const styles = createStyleSheet({
|
|
33
|
-
container: {
|
|
34
|
-
overflow: 'hidden',
|
|
35
|
-
alignItems: 'center',
|
|
36
|
-
justifyContent: 'center'
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
export default AvatarIcon;
|
|
40
|
-
//# sourceMappingURL=AvatarIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","createStyleSheet","useUIKitTheme","Icon","AvatarIcon","size","icon","containerStyle","backgroundColor","colors","palette","styles","container","width","height","borderRadius","background300","onBackgroundReverse01","overflow","alignItems","justifyContent"],"sources":["AvatarIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Icon from '../Icon';\n\ntype Props = {\n icon: keyof typeof Icon.Assets;\n size?: number;\n backgroundColor?: string;\n containerStyle?: StyleProp<ViewStyle>;\n};\nconst AvatarIcon: React.FC<Props> = ({ size = 56, icon, containerStyle, backgroundColor }) => {\n const { colors, palette } = useUIKitTheme();\n return (\n <View\n style={[\n styles.container,\n {\n width: size,\n height: size,\n borderRadius: size / 2,\n backgroundColor: backgroundColor ?? palette.background300,\n },\n containerStyle,\n ]}\n >\n <Icon icon={icon} size={size / 2} color={colors.onBackgroundReverse01} />\n </View>\n );\n};\nconst styles = createStyleSheet({\n container: {\n overflow: 'hidden',\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\nexport default AvatarIcon;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAoBC,IAApB,QAA2C,cAA3C;AAEA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,IAAP,MAAiB,SAAjB;;AAQA,MAAMC,UAA2B,GAAG,QAA0D;EAAA,IAAzD;IAAEC,IAAI,GAAG,EAAT;IAAaC,IAAb;IAAmBC,cAAnB;IAAmCC;EAAnC,CAAyD;EAC5F,MAAM;IAAEC,MAAF;IAAUC;EAAV,IAAsBR,aAAa,EAAzC;EACA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLS,MAAM,CAACC,SADF,EAEL;MACEC,KAAK,EAAER,IADT;MAEES,MAAM,EAAET,IAFV;MAGEU,YAAY,EAAEV,IAAI,GAAG,CAHvB;MAIEG,eAAe,EAAEA,eAAe,IAAIE,OAAO,CAACM;IAJ9C,CAFK,EAQLT,cARK;EADT,gBAYE,oBAAC,IAAD;IAAM,IAAI,EAAED,IAAZ;IAAkB,IAAI,EAAED,IAAI,GAAG,CAA/B;IAAkC,KAAK,EAAEI,MAAM,CAACQ;EAAhD,EAZF,CADF;AAgBD,CAlBD;;AAmBA,MAAMN,MAAM,GAAGV,gBAAgB,CAAC;EAC9BW,SAAS,EAAE;IACTM,QAAQ,EAAE,QADD;IAETC,UAAU,EAAE,QAFH;IAGTC,cAAc,EAAE;EAHP;AADmB,CAAD,CAA/B;AAOA,eAAehB,UAAf"}
|