@sendbird/uikit-react-native-foundation 3.7.6 → 3.8.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/lib/commonjs/assets/bundle-icons.js.map +1 -1
- package/lib/commonjs/assets/icon/icon-thread.png +0 -0
- package/lib/commonjs/assets/icon/icon-thread@2x.png +0 -0
- package/lib/commonjs/assets/icon/icon-thread@3x.png +0 -0
- package/lib/commonjs/assets/icon/index.js +1 -2
- package/lib/commonjs/assets/icon/index.js.map +1 -1
- package/lib/commonjs/components/Box/index.js +8 -10
- package/lib/commonjs/components/Box/index.js.map +1 -1
- package/lib/commonjs/components/Divider/index.js +6 -8
- package/lib/commonjs/components/Divider/index.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js +36 -18
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/Image/FastImageInternal.js +1 -2
- package/lib/commonjs/components/Image/FastImageInternal.js.map +1 -1
- package/lib/commonjs/components/Image/Image.fastimage.js +14 -17
- package/lib/commonjs/components/Image/Image.fastimage.js.map +1 -1
- package/lib/commonjs/components/Image/Image.reactnative.js +10 -12
- package/lib/commonjs/components/Image/Image.reactnative.js.map +1 -1
- package/lib/commonjs/components/Image/index.js +1 -2
- package/lib/commonjs/components/Image/index.js.map +1 -1
- package/lib/commonjs/components/ImageWithPlaceholder/index.js +5 -7
- package/lib/commonjs/components/ImageWithPlaceholder/index.js.map +1 -1
- package/lib/commonjs/components/Modal/index.js +28 -37
- package/lib/commonjs/components/Modal/index.js.map +1 -1
- package/lib/commonjs/components/PressBox/index.js +17 -20
- package/lib/commonjs/components/PressBox/index.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/index.js +24 -16
- package/lib/commonjs/components/ProgressBar/index.js.map +1 -1
- package/lib/commonjs/components/RegexText/index.js +11 -14
- package/lib/commonjs/components/RegexText/index.js.map +1 -1
- package/lib/commonjs/components/Switch/index.js +19 -19
- package/lib/commonjs/components/Switch/index.js.map +1 -1
- package/lib/commonjs/components/Text/index.js +46 -29
- package/lib/commonjs/components/Text/index.js.map +1 -1
- package/lib/commonjs/components/TextInput/index.js +38 -18
- package/lib/commonjs/components/TextInput/index.js.map +1 -1
- package/lib/commonjs/components/VideoThumbnail/index.js +11 -13
- package/lib/commonjs/components/VideoThumbnail/index.js.map +1 -1
- package/lib/commonjs/index.js +3 -3
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/styles/HeaderStyleContext.js +8 -10
- package/lib/commonjs/styles/HeaderStyleContext.js.map +1 -1
- package/lib/commonjs/styles/createScaleFactor.js +3 -6
- package/lib/commonjs/styles/createScaleFactor.js.map +1 -1
- package/lib/commonjs/styles/createSelectByColorScheme.js +1 -2
- package/lib/commonjs/styles/createSelectByColorScheme.js.map +1 -1
- package/lib/commonjs/styles/createStyleSheet.js +9 -4
- package/lib/commonjs/styles/createStyleSheet.js.map +1 -1
- package/lib/commonjs/styles/createTypography.js +2 -5
- package/lib/commonjs/styles/createTypography.js.map +1 -1
- package/lib/commonjs/styles/getDefaultHeaderHeight.js +1 -2
- package/lib/commonjs/styles/getDefaultHeaderHeight.js.map +1 -1
- package/lib/commonjs/styles/useHeaderStyle.js +1 -2
- package/lib/commonjs/styles/useHeaderStyle.js.map +1 -1
- package/lib/commonjs/theme/DarkUIKitTheme.js +2 -3
- package/lib/commonjs/theme/DarkUIKitTheme.js.map +1 -1
- package/lib/commonjs/theme/LightUIKitTheme.js +2 -3
- package/lib/commonjs/theme/LightUIKitTheme.js.map +1 -1
- package/lib/commonjs/theme/Palette.js +1 -2
- package/lib/commonjs/theme/Palette.js.map +1 -1
- package/lib/commonjs/theme/UIKitThemeContext.js +2 -3
- package/lib/commonjs/theme/UIKitThemeContext.js.map +1 -1
- package/lib/commonjs/theme/UIKitThemeProvider.js +6 -8
- package/lib/commonjs/theme/UIKitThemeProvider.js.map +1 -1
- package/lib/commonjs/theme/createTheme.js +11 -13
- package/lib/commonjs/theme/createTheme.js.map +1 -1
- package/lib/commonjs/theme/useUIKitTheme.js +2 -3
- package/lib/commonjs/theme/useUIKitTheme.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/ui/ActionMenu/index.js +17 -17
- package/lib/commonjs/ui/ActionMenu/index.js.map +1 -1
- package/lib/commonjs/ui/Alert/index.js +23 -29
- package/lib/commonjs/ui/Alert/index.js.map +1 -1
- package/lib/commonjs/ui/Avatar/AvatarGroup.js +13 -15
- package/lib/commonjs/ui/Avatar/AvatarGroup.js.map +1 -1
- package/lib/commonjs/ui/Avatar/AvatarIcon.js +8 -10
- package/lib/commonjs/ui/Avatar/AvatarIcon.js.map +1 -1
- package/lib/commonjs/ui/Avatar/AvatarStack.js +13 -15
- package/lib/commonjs/ui/Avatar/AvatarStack.js.map +1 -1
- package/lib/commonjs/ui/Avatar/index.js +14 -17
- package/lib/commonjs/ui/Avatar/index.js.map +1 -1
- package/lib/commonjs/ui/Badge/index.js +10 -12
- package/lib/commonjs/ui/Badge/index.js.map +1 -1
- package/lib/commonjs/ui/BottomSheet/index.js +30 -39
- package/lib/commonjs/ui/BottomSheet/index.js.map +1 -1
- package/lib/commonjs/ui/Button/index.js +19 -23
- package/lib/commonjs/ui/Button/index.js.map +1 -1
- package/lib/commonjs/ui/ChannelFrozenBanner/index.js +8 -10
- package/lib/commonjs/ui/ChannelFrozenBanner/index.js.map +1 -1
- package/lib/commonjs/ui/Dialog/DialogBox.js +6 -8
- package/lib/commonjs/ui/Dialog/DialogBox.js.map +1 -1
- package/lib/commonjs/ui/Dialog/DialogSheet.js +23 -22
- package/lib/commonjs/ui/Dialog/DialogSheet.js.map +1 -1
- package/lib/commonjs/ui/Dialog/index.js +11 -12
- package/lib/commonjs/ui/Dialog/index.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.admin.js +2 -3
- package/lib/commonjs/ui/GroupChannelMessage/Message.admin.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.image.js +2 -3
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.image.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.js +6 -8
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.video.js +2 -3
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.video.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.voice.js +8 -9
- package/lib/commonjs/ui/GroupChannelMessage/Message.file.voice.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.unknown.js +5 -7
- package/lib/commonjs/ui/GroupChannelMessage/Message.unknown.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.user.js +8 -12
- package/lib/commonjs/ui/GroupChannelMessage/Message.user.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/Message.user.og.js +16 -20
- package/lib/commonjs/ui/GroupChannelMessage/Message.user.og.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/MessageBubbleWithText.js +28 -24
- package/lib/commonjs/ui/GroupChannelMessage/MessageBubbleWithText.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/MessageContainer.js +29 -31
- package/lib/commonjs/ui/GroupChannelMessage/MessageContainer.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/MessageOpenGraph.js +38 -43
- package/lib/commonjs/ui/GroupChannelMessage/MessageOpenGraph.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelMessage/index.js +2 -3
- package/lib/commonjs/ui/GroupChannelMessage/index.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelPreview/index.js +55 -61
- package/lib/commonjs/ui/GroupChannelPreview/index.js.map +1 -1
- package/lib/commonjs/ui/Header/index.js +45 -56
- package/lib/commonjs/ui/Header/index.js.map +1 -1
- package/lib/commonjs/ui/LoadingSpinner/index.js +14 -18
- package/lib/commonjs/ui/LoadingSpinner/index.js.map +1 -1
- package/lib/commonjs/ui/MenuBar/index.js +23 -21
- package/lib/commonjs/ui/MenuBar/index.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.admin.js +2 -3
- package/lib/commonjs/ui/OpenChannelMessage/Message.admin.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.image.js +2 -3
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.image.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.js +6 -8
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.video.js +2 -3
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.video.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.unknown.js +6 -8
- package/lib/commonjs/ui/OpenChannelMessage/Message.unknown.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.user.js +28 -20
- package/lib/commonjs/ui/OpenChannelMessage/Message.user.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.user.og.js +54 -49
- package/lib/commonjs/ui/OpenChannelMessage/Message.user.og.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/MessageContainer.js +16 -19
- package/lib/commonjs/ui/OpenChannelMessage/MessageContainer.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/index.js +2 -3
- package/lib/commonjs/ui/OpenChannelMessage/index.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelPreview/index.js +25 -30
- package/lib/commonjs/ui/OpenChannelPreview/index.js.map +1 -1
- package/lib/commonjs/ui/OutlinedButton/index.js +7 -9
- package/lib/commonjs/ui/OutlinedButton/index.js.map +1 -1
- package/lib/commonjs/ui/Placeholder/index.js +9 -11
- package/lib/commonjs/ui/Placeholder/index.js.map +1 -1
- package/lib/commonjs/ui/ProfileCard/index.js +11 -12
- package/lib/commonjs/ui/ProfileCard/index.js.map +1 -1
- package/lib/commonjs/ui/Prompt/index.js +30 -37
- package/lib/commonjs/ui/Prompt/index.js.map +1 -1
- package/lib/commonjs/ui/Toast/index.js +21 -27
- package/lib/commonjs/ui/Toast/index.js.map +1 -1
- package/lib/commonjs/ui/TypingIndicatorBubble/index.js +25 -32
- package/lib/commonjs/ui/TypingIndicatorBubble/index.js.map +1 -1
- package/lib/module/assets/bundle-icons.js.map +1 -1
- package/lib/module/assets/icon/icon-thread.png +0 -0
- package/lib/module/assets/icon/icon-thread@2x.png +0 -0
- package/lib/module/assets/icon/icon-thread@3x.png +0 -0
- package/lib/module/assets/icon/index.js.map +1 -1
- package/lib/module/components/Box/index.js +6 -7
- package/lib/module/components/Box/index.js.map +1 -1
- package/lib/module/components/Divider/index.js +4 -5
- package/lib/module/components/Divider/index.js.map +1 -1
- package/lib/module/components/Icon/index.js +35 -16
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/Image/FastImageInternal.js.map +1 -1
- package/lib/module/components/Image/Image.fastimage.js +12 -14
- package/lib/module/components/Image/Image.fastimage.js.map +1 -1
- package/lib/module/components/Image/Image.reactnative.js +8 -9
- package/lib/module/components/Image/Image.reactnative.js.map +1 -1
- package/lib/module/components/Image/index.js.map +1 -1
- package/lib/module/components/ImageWithPlaceholder/index.js +1 -2
- package/lib/module/components/ImageWithPlaceholder/index.js.map +1 -1
- package/lib/module/components/Modal/index.js +24 -32
- package/lib/module/components/Modal/index.js.map +1 -1
- package/lib/module/components/PressBox/index.js +10 -12
- package/lib/module/components/PressBox/index.js.map +1 -1
- package/lib/module/components/ProgressBar/index.js +21 -12
- package/lib/module/components/ProgressBar/index.js.map +1 -1
- package/lib/module/components/RegexText/index.js +9 -11
- package/lib/module/components/RegexText/index.js.map +1 -1
- package/lib/module/components/Switch/index.js +16 -15
- package/lib/module/components/Switch/index.js.map +1 -1
- package/lib/module/components/Text/index.js +45 -27
- package/lib/module/components/Text/index.js.map +1 -1
- package/lib/module/components/TextInput/index.js +37 -16
- package/lib/module/components/TextInput/index.js.map +1 -1
- package/lib/module/components/VideoThumbnail/index.js +8 -10
- package/lib/module/components/VideoThumbnail/index.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/styles/HeaderStyleContext.js +6 -7
- package/lib/module/styles/HeaderStyleContext.js.map +1 -1
- package/lib/module/styles/createScaleFactor.js +1 -2
- package/lib/module/styles/createScaleFactor.js.map +1 -1
- package/lib/module/styles/createSelectByColorScheme.js.map +1 -1
- package/lib/module/styles/createStyleSheet.js +8 -2
- package/lib/module/styles/createStyleSheet.js.map +1 -1
- package/lib/module/styles/createTypography.js +1 -3
- package/lib/module/styles/createTypography.js.map +1 -1
- package/lib/module/styles/getDefaultHeaderHeight.js.map +1 -1
- package/lib/module/styles/useHeaderStyle.js.map +1 -1
- package/lib/module/theme/DarkUIKitTheme.js.map +1 -1
- package/lib/module/theme/LightUIKitTheme.js.map +1 -1
- package/lib/module/theme/Palette.js.map +1 -1
- package/lib/module/theme/UIKitThemeContext.js.map +1 -1
- package/lib/module/theme/UIKitThemeProvider.js +4 -5
- package/lib/module/theme/UIKitThemeProvider.js.map +1 -1
- package/lib/module/theme/createTheme.js +9 -10
- package/lib/module/theme/createTheme.js.map +1 -1
- package/lib/module/theme/useUIKitTheme.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/ui/ActionMenu/index.js +13 -12
- package/lib/module/ui/ActionMenu/index.js.map +1 -1
- package/lib/module/ui/Alert/index.js +21 -26
- package/lib/module/ui/Alert/index.js.map +1 -1
- package/lib/module/ui/Avatar/AvatarGroup.js +11 -12
- package/lib/module/ui/Avatar/AvatarGroup.js.map +1 -1
- package/lib/module/ui/Avatar/AvatarIcon.js +6 -7
- package/lib/module/ui/Avatar/AvatarIcon.js.map +1 -1
- package/lib/module/ui/Avatar/AvatarStack.js +11 -12
- package/lib/module/ui/Avatar/AvatarStack.js.map +1 -1
- package/lib/module/ui/Avatar/index.js +10 -12
- package/lib/module/ui/Avatar/index.js.map +1 -1
- package/lib/module/ui/Badge/index.js +8 -9
- package/lib/module/ui/Badge/index.js.map +1 -1
- package/lib/module/ui/BottomSheet/index.js +28 -36
- package/lib/module/ui/BottomSheet/index.js.map +1 -1
- package/lib/module/ui/Button/index.js +17 -20
- package/lib/module/ui/Button/index.js.map +1 -1
- package/lib/module/ui/ChannelFrozenBanner/index.js +6 -7
- package/lib/module/ui/ChannelFrozenBanner/index.js.map +1 -1
- package/lib/module/ui/Dialog/DialogBox.js +4 -5
- package/lib/module/ui/Dialog/DialogBox.js.map +1 -1
- package/lib/module/ui/Dialog/DialogSheet.js +21 -19
- package/lib/module/ui/Dialog/DialogSheet.js.map +1 -1
- package/lib/module/ui/Dialog/index.js +8 -9
- package/lib/module/ui/Dialog/index.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.admin.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.file.image.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.file.js +4 -5
- package/lib/module/ui/GroupChannelMessage/Message.file.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.file.video.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.file.voice.js +4 -4
- package/lib/module/ui/GroupChannelMessage/Message.file.voice.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.unknown.js +3 -4
- package/lib/module/ui/GroupChannelMessage/Message.unknown.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.user.js +6 -9
- package/lib/module/ui/GroupChannelMessage/Message.user.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/Message.user.og.js +14 -17
- package/lib/module/ui/GroupChannelMessage/Message.user.og.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/MessageBubbleWithText.js +26 -21
- package/lib/module/ui/GroupChannelMessage/MessageBubbleWithText.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/MessageContainer.js +27 -28
- package/lib/module/ui/GroupChannelMessage/MessageContainer.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/MessageOpenGraph.js +36 -40
- package/lib/module/ui/GroupChannelMessage/MessageOpenGraph.js.map +1 -1
- package/lib/module/ui/GroupChannelMessage/index.js.map +1 -1
- package/lib/module/ui/GroupChannelPreview/index.js +53 -58
- package/lib/module/ui/GroupChannelPreview/index.js.map +1 -1
- package/lib/module/ui/Header/index.js +44 -54
- package/lib/module/ui/Header/index.js.map +1 -1
- package/lib/module/ui/LoadingSpinner/index.js +10 -13
- package/lib/module/ui/LoadingSpinner/index.js.map +1 -1
- package/lib/module/ui/MenuBar/index.js +21 -18
- package/lib/module/ui/MenuBar/index.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.admin.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.file.image.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.file.js +4 -5
- package/lib/module/ui/OpenChannelMessage/Message.file.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.file.video.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.unknown.js +4 -5
- package/lib/module/ui/OpenChannelMessage/Message.unknown.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.user.js +26 -17
- package/lib/module/ui/OpenChannelMessage/Message.user.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.user.og.js +52 -46
- package/lib/module/ui/OpenChannelMessage/Message.user.og.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/MessageContainer.js +14 -16
- package/lib/module/ui/OpenChannelMessage/MessageContainer.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/index.js.map +1 -1
- package/lib/module/ui/OpenChannelPreview/index.js +23 -27
- package/lib/module/ui/OpenChannelPreview/index.js.map +1 -1
- package/lib/module/ui/OutlinedButton/index.js +5 -6
- package/lib/module/ui/OutlinedButton/index.js.map +1 -1
- package/lib/module/ui/Placeholder/index.js +7 -8
- package/lib/module/ui/Placeholder/index.js.map +1 -1
- package/lib/module/ui/ProfileCard/index.js +9 -9
- package/lib/module/ui/ProfileCard/index.js.map +1 -1
- package/lib/module/ui/Prompt/index.js +26 -32
- package/lib/module/ui/Prompt/index.js.map +1 -1
- package/lib/module/ui/Toast/index.js +17 -22
- package/lib/module/ui/Toast/index.js.map +1 -1
- package/lib/module/ui/TypingIndicatorBubble/index.js +21 -27
- package/lib/module/ui/TypingIndicatorBubble/index.js.map +1 -1
- package/lib/typescript/src/components/Box/index.d.ts +12 -2
- package/lib/typescript/src/components/Icon/index.d.ts +2 -1
- package/lib/typescript/src/components/Text/index.d.ts +14 -2
- package/lib/typescript/src/components/TextInput/index.d.ts +2 -1
- package/package.json +3 -3
- package/src/assets/icon/icon-thread.png +0 -0
- package/src/assets/icon/icon-thread@2x.png +0 -0
- package/src/assets/icon/icon-thread@3x.png +0 -0
- package/src/components/Box/index.tsx +16 -5
- package/src/components/Icon/index.tsx +35 -3
- package/src/components/ProgressBar/index.tsx +23 -12
- package/src/components/Switch/index.tsx +10 -6
- package/src/components/Text/index.tsx +48 -7
- package/src/components/TextInput/index.tsx +39 -12
- package/src/styles/createStyleSheet.ts +8 -2
- package/src/ui/ActionMenu/index.tsx +3 -1
- package/src/ui/Alert/index.tsx +4 -4
- package/src/ui/Avatar/AvatarGroup.tsx +6 -6
- package/src/ui/Avatar/AvatarStack.tsx +3 -3
- package/src/ui/BottomSheet/index.tsx +5 -4
- package/src/ui/Button/index.tsx +1 -1
- package/src/ui/Dialog/DialogSheet.tsx +15 -12
- package/src/ui/GroupChannelMessage/Message.file.tsx +1 -1
- package/src/ui/GroupChannelMessage/Message.file.voice.tsx +1 -1
- package/src/ui/GroupChannelMessage/MessageBubbleWithText.tsx +5 -2
- package/src/ui/GroupChannelMessage/MessageContainer.tsx +7 -7
- package/src/ui/GroupChannelPreview/index.tsx +46 -48
- package/src/ui/Header/index.tsx +4 -5
- package/src/ui/MenuBar/index.tsx +9 -6
- package/src/ui/OpenChannelMessage/Message.file.tsx +1 -1
- package/src/ui/OpenChannelMessage/Message.user.og.tsx +43 -29
- package/src/ui/OpenChannelMessage/Message.user.tsx +46 -29
- package/src/ui/OpenChannelMessage/MessageContainer.tsx +4 -4
- package/src/ui/OpenChannelPreview/index.tsx +9 -9
- package/src/ui/ProfileCard/index.tsx +1 -0
- package/src/ui/Prompt/index.tsx +4 -5
- package/src/ui/Toast/index.tsx +1 -1
- package/src/ui/TypingIndicatorBubble/index.tsx +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyleSheet","_interopRequireDefault","_useUIKitTheme","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyleSheet","_interopRequireDefault","_useUIKitTheme","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Switch","value","onChangeValue","inactiveThumbColor","inactiveTrackColor","trackColor","thumbColor","select","palette","colors","useUIKitTheme","position","useRef","Animated","Value","current","start","I18nManager","isRTL","styles","thumbOn","thumbOff","end","useEffect","animation","timing","toValue","duration","useNativeDriver","stop","createInterpolate","offValue","onValue","interpolate","inputRange","outputRange","extrapolate","_trackColor","onBackground04","primary200","_thumbColor","background300","light","primary400","dark","primary300","createElement","Pressable","onPress","style","container","View","track","backgroundColor","thumb","transform","translateX","OFFSET","W","H","createStyleSheet","width","height","alignItems","justifyContent","borderRadius","Platform","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","shadowOpacity","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated, I18nManager, Platform, Pressable } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype SwitchProps = React.PropsWithChildren<{\n trackColor?: string;\n thumbColor?: string;\n inactiveThumbColor?: string;\n inactiveTrackColor?: string;\n\n value: boolean;\n onChangeValue: (val: boolean) => void;\n}>;\nconst Switch = ({\n value,\n onChangeValue,\n inactiveThumbColor,\n inactiveTrackColor,\n trackColor,\n thumbColor,\n}: SwitchProps) => {\n const { select, palette, colors } = useUIKitTheme();\n const position = useRef(new Animated.Value(0)).current;\n\n const start = I18nManager.isRTL ? styles.thumbOn.start : styles.thumbOff.start;\n const end = I18nManager.isRTL ? styles.thumbOff.start : styles.thumbOn.start;\n\n useEffect(() => {\n const animation = Animated.timing(position, {\n toValue: value ? end : start,\n duration: 150,\n useNativeDriver: false,\n });\n animation.start();\n return () => animation.stop();\n }, [value]);\n\n const createInterpolate = <T extends string>(offValue: T, onValue: T) => {\n return position.interpolate({\n inputRange: [styles.thumbOff.start, styles.thumbOn.start],\n outputRange: I18nManager.isRTL ? [onValue, offValue] : [offValue, onValue],\n extrapolate: 'clamp',\n });\n };\n\n const _trackColor = createInterpolate(inactiveTrackColor ?? colors.onBackground04, trackColor ?? palette.primary200);\n const _thumbColor = createInterpolate(\n inactiveThumbColor ?? palette.background300,\n thumbColor ?? select({ light: palette.primary400, dark: palette.primary300 }),\n );\n\n return (\n <Pressable onPress={() => onChangeValue(!value)} style={[styles.container]}>\n <Animated.View style={[styles.track, { backgroundColor: _trackColor }]} />\n <Animated.View style={[styles.thumb, { backgroundColor: _thumbColor, transform: [{ translateX: position }] }]} />\n </Pressable>\n );\n};\n\nconst OFFSET = { W: 20, H: 16 };\nconst styles = createStyleSheet({\n container: {\n width: OFFSET.W + OFFSET.H,\n height: OFFSET.H,\n alignItems: 'center',\n justifyContent: 'center',\n },\n track: {\n width: '100%',\n height: '100%',\n borderRadius: OFFSET.H / 2,\n position: 'absolute',\n },\n thumb: {\n width: OFFSET.W,\n height: OFFSET.W,\n borderRadius: OFFSET.W / 2,\n ...Platform.select({\n android: {\n elevation: 2,\n },\n ios: {\n shadowColor: 'black',\n shadowRadius: 1,\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.4,\n },\n }),\n },\n thumbOn: {\n start: OFFSET.H / 2,\n },\n thumbOff: {\n start: -OFFSET.H / 2,\n },\n});\n\nexport default Switch;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,41 +6,59 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _uikitUtils = require("@sendbird/uikit-utils");
|
|
9
10
|
var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
|
|
10
|
-
function _interopRequireDefault(
|
|
11
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
12
|
-
const Text =
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
+
const Text = ({
|
|
14
|
+
children,
|
|
15
|
+
color,
|
|
16
|
+
style,
|
|
17
|
+
supportRTLAlign = true,
|
|
18
|
+
originalText,
|
|
19
|
+
...props
|
|
20
|
+
}) => {
|
|
19
21
|
const {
|
|
20
22
|
colors
|
|
21
23
|
} = (0, _useUIKitTheme.default)();
|
|
22
24
|
const typoStyle = useTypographyFilter(props);
|
|
25
|
+
const textStyle = _reactNative.StyleSheet.flatten([{
|
|
26
|
+
color: typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color(colors)) ?? colors.text
|
|
27
|
+
}, typoStyle, style]);
|
|
28
|
+
const textAlign = (() => {
|
|
29
|
+
if (textStyle.textAlign && textStyle.textAlign !== 'left' && textStyle.textAlign !== 'right') {
|
|
30
|
+
return textStyle.textAlign;
|
|
31
|
+
}
|
|
32
|
+
if (_reactNative.I18nManager.isRTL && supportRTLAlign) {
|
|
33
|
+
if (originalText && (0, _uikitUtils.isStartsWithRTL)(originalText) || typeof children === 'string' && (0, _uikitUtils.isStartsWithRTL)(children)) {
|
|
34
|
+
return _reactNative.I18nManager.doLeftAndRightSwapInRTL ? 'left' : 'right';
|
|
35
|
+
} else {
|
|
36
|
+
return _reactNative.I18nManager.doLeftAndRightSwapInRTL ? 'right' : 'left';
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
if (textStyle.textAlign) return textStyle.textAlign;
|
|
40
|
+
return undefined;
|
|
41
|
+
})();
|
|
23
42
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({
|
|
24
|
-
style: [{
|
|
25
|
-
|
|
26
|
-
}
|
|
43
|
+
style: [textStyle, {
|
|
44
|
+
textAlign
|
|
45
|
+
}]
|
|
27
46
|
}, props), children);
|
|
28
47
|
};
|
|
29
|
-
const useTypographyFilter =
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
} = _ref2;
|
|
48
|
+
const useTypographyFilter = ({
|
|
49
|
+
h1,
|
|
50
|
+
h2,
|
|
51
|
+
subtitle1,
|
|
52
|
+
subtitle2,
|
|
53
|
+
body1,
|
|
54
|
+
body2,
|
|
55
|
+
body3,
|
|
56
|
+
button,
|
|
57
|
+
caption1,
|
|
58
|
+
caption2,
|
|
59
|
+
caption3,
|
|
60
|
+
caption4
|
|
61
|
+
}) => {
|
|
44
62
|
const {
|
|
45
63
|
typography
|
|
46
64
|
} = (0, _useUIKitTheme.default)();
|
|
@@ -58,6 +76,5 @@ const useTypographyFilter = _ref2 => {
|
|
|
58
76
|
if (caption4) return typography.caption4;
|
|
59
77
|
return {};
|
|
60
78
|
};
|
|
61
|
-
var _default = Text;
|
|
62
|
-
exports.default = _default;
|
|
79
|
+
var _default = exports.default = Text;
|
|
63
80
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useUIKitTheme","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_useUIKitTheme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Text","children","color","style","supportRTLAlign","originalText","props","colors","useUIKitTheme","typoStyle","useTypographyFilter","textStyle","StyleSheet","flatten","text","textAlign","I18nManager","isRTL","isStartsWithRTL","doLeftAndRightSwapInRTL","undefined","createElement","h1","h2","subtitle1","subtitle2","body1","body2","body3","button","caption1","caption2","caption3","caption4","typography","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { I18nManager, Text as RNText, TextProps as RNTextProps, StyleSheet, TextStyle } from 'react-native';\n\nimport { isStartsWithRTL } from '@sendbird/uikit-utils';\n\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { TypoName, UIKitTheme } from '../../types';\n\nexport interface RTLTextAlignSupportProps {\n /**\n * If `I18nManager.isRTL` is `true` and this value is enabled, the text will be aligned according to RTL if it starts in an RTL language.\n * In the case of the `Text` component, the alignment value is calculated based on `I18nManager.doLeftAndRightSwapInRTL`.\n * For the `TextInput` component, the alignment value is calculated as a physical alignment, unaffected by `I18nManager.doLeftAndRightSwapInRTL`.\n */\n supportRTLAlign?: boolean;\n /**\n * If you want to enable `supportRTLAlign` but are using nested `Text` components that are not simple text under the `Text` component, pass the original text here.\n */\n originalText?: string;\n}\n\ntype TypographyProps = Partial<Record<TypoName, boolean>>;\nexport type TextProps = RNTextProps &\n TypographyProps & { color?: ((colors: UIKitTheme['colors']) => string) | string } & RTLTextAlignSupportProps;\n\nconst Text = ({ children, color, style, supportRTLAlign = true, originalText, ...props }: TextProps) => {\n const { colors } = useUIKitTheme();\n const typoStyle = useTypographyFilter(props);\n\n const textStyle = StyleSheet.flatten([\n { color: typeof color === 'string' ? color : color?.(colors) ?? colors.text },\n typoStyle,\n style,\n ]) as TextStyle;\n\n const textAlign = (() => {\n if (textStyle.textAlign && textStyle.textAlign !== 'left' && textStyle.textAlign !== 'right') {\n return textStyle.textAlign;\n }\n\n if (I18nManager.isRTL && supportRTLAlign) {\n if (\n (originalText && isStartsWithRTL(originalText)) ||\n (typeof children === 'string' && isStartsWithRTL(children))\n ) {\n return I18nManager.doLeftAndRightSwapInRTL ? 'left' : 'right';\n } else {\n return I18nManager.doLeftAndRightSwapInRTL ? 'right' : 'left';\n }\n }\n\n if (textStyle.textAlign) return textStyle.textAlign;\n return undefined;\n })();\n\n return (\n <RNText style={[textStyle, { textAlign }]} {...props}>\n {children}\n </RNText>\n );\n};\n\nconst useTypographyFilter = ({\n h1,\n h2,\n subtitle1,\n subtitle2,\n body1,\n body2,\n body3,\n button,\n caption1,\n caption2,\n caption3,\n caption4,\n}: TypographyProps) => {\n const { typography } = useUIKitTheme();\n if (h1) return typography.h1;\n if (h2) return typography.h2;\n if (subtitle1) return typography.subtitle1;\n if (subtitle2) return typography.subtitle2;\n if (body1) return typography.body1;\n if (body2) return typography.body2;\n if (body3) return typography.body3;\n if (button) return typography.button;\n if (caption1) return typography.caption1;\n if (caption2) return typography.caption2;\n if (caption3) return typography.caption3;\n if (caption4) return typography.caption4;\n return {};\n};\n\nexport default Text;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,18 +6,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _uikitUtils = require("@sendbird/uikit-utils");
|
|
9
10
|
var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
|
|
10
11
|
var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
-
const TextInput = /*#__PURE__*/_react.default.forwardRef(function TextInput(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
+
const TextInput = /*#__PURE__*/_react.default.forwardRef(function TextInput({
|
|
15
|
+
children,
|
|
16
|
+
style,
|
|
17
|
+
variant = 'default',
|
|
18
|
+
editable = true,
|
|
19
|
+
originalText,
|
|
20
|
+
supportRTLAlign = true,
|
|
21
|
+
...props
|
|
22
|
+
}, ref) {
|
|
21
23
|
const {
|
|
22
24
|
typography,
|
|
23
25
|
colors
|
|
@@ -32,15 +34,34 @@ const TextInput = /*#__PURE__*/_react.default.forwardRef(function TextInput(_ref
|
|
|
32
34
|
...typography.body3,
|
|
33
35
|
lineHeight: typography.body3.fontSize ? typography.body3.fontSize * 1.2 : undefined
|
|
34
36
|
};
|
|
37
|
+
const textStyle = _reactNative.StyleSheet.flatten([fontStyle, styles.input, {
|
|
38
|
+
color: inputStyle.text,
|
|
39
|
+
backgroundColor: inputStyle.background
|
|
40
|
+
}, underlineStyle, style]);
|
|
41
|
+
const textAlign = (() => {
|
|
42
|
+
if (textStyle.textAlign && textStyle.textAlign !== 'left' && textStyle.textAlign !== 'right') {
|
|
43
|
+
return textStyle.textAlign;
|
|
44
|
+
}
|
|
45
|
+
if (_reactNative.I18nManager.isRTL && supportRTLAlign) {
|
|
46
|
+
const text = originalText || props.value || props.placeholder;
|
|
47
|
+
// Note: TextInput is not affected by doLeftAndRightSwapInRTL
|
|
48
|
+
if (text && (0, _uikitUtils.isStartsWithRTL)(text)) {
|
|
49
|
+
return 'right';
|
|
50
|
+
} else {
|
|
51
|
+
return 'left';
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
if (textStyle.textAlign) return textStyle.textAlign;
|
|
55
|
+
return undefined;
|
|
56
|
+
})();
|
|
35
57
|
return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
|
|
36
58
|
ref: ref,
|
|
37
59
|
editable: editable,
|
|
38
60
|
selectionColor: inputStyle.highlight,
|
|
39
61
|
placeholderTextColor: inputStyle.placeholder,
|
|
40
|
-
style: [
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}, underlineStyle, style]
|
|
62
|
+
style: [textStyle, {
|
|
63
|
+
textAlign
|
|
64
|
+
}]
|
|
44
65
|
}, props), children);
|
|
45
66
|
});
|
|
46
67
|
const styles = (0, _createStyleSheet.default)({
|
|
@@ -48,10 +69,9 @@ const styles = (0, _createStyleSheet.default)({
|
|
|
48
69
|
includeFontPadding: false,
|
|
49
70
|
paddingTop: 8,
|
|
50
71
|
paddingBottom: 8,
|
|
51
|
-
|
|
52
|
-
|
|
72
|
+
paddingStart: 16,
|
|
73
|
+
paddingEnd: 16
|
|
53
74
|
}
|
|
54
75
|
});
|
|
55
|
-
var _default = TextInput;
|
|
56
|
-
exports.default = _default;
|
|
76
|
+
var _default = exports.default = TextInput;
|
|
57
77
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_createStyleSheet","_useUIKitTheme","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_createStyleSheet","_useUIKitTheme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","TextInput","React","forwardRef","children","style","variant","editable","originalText","supportRTLAlign","props","ref","typography","colors","useUIKitTheme","variantStyle","inputStyle","active","disabled","underlineStyle","borderBottomWidth","borderBottomColor","highlight","fontStyle","body3","lineHeight","fontSize","undefined","textStyle","StyleSheet","flatten","styles","input","color","text","backgroundColor","background","textAlign","I18nManager","isRTL","value","placeholder","isStartsWithRTL","createElement","selectionColor","placeholderTextColor","createStyleSheet","includeFontPadding","paddingTop","paddingBottom","paddingStart","paddingEnd","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { I18nManager, TextInput as RNTextInput, StyleSheet, TextInputProps, TextStyle } from 'react-native';\n\nimport { isStartsWithRTL } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport type { UIKitTheme } from '../../types';\nimport { RTLTextAlignSupportProps } from '../Text';\n\ntype Props = {\n variant?: keyof UIKitTheme['colors']['ui']['input'];\n} & TextInputProps &\n RTLTextAlignSupportProps;\nconst TextInput = React.forwardRef<RNTextInput, Props>(function TextInput(\n { children, style, variant = 'default', editable = true, originalText, supportRTLAlign = true, ...props },\n ref,\n) {\n const { typography, colors } = useUIKitTheme();\n\n const variantStyle = colors['ui']['input'][variant];\n const inputStyle = editable ? variantStyle.active : variantStyle.disabled;\n const underlineStyle = variant === 'underline' && { borderBottomWidth: 2, borderBottomColor: inputStyle.highlight };\n const fontStyle = {\n ...typography.body3,\n lineHeight: typography.body3.fontSize ? typography.body3.fontSize * 1.2 : undefined,\n };\n\n const textStyle = StyleSheet.flatten([\n fontStyle,\n styles.input,\n { color: inputStyle.text, backgroundColor: inputStyle.background },\n underlineStyle,\n style,\n ]) as TextStyle;\n\n const textAlign = (() => {\n if (textStyle.textAlign && textStyle.textAlign !== 'left' && textStyle.textAlign !== 'right') {\n return textStyle.textAlign;\n }\n\n if (I18nManager.isRTL && supportRTLAlign) {\n const text = originalText || props.value || props.placeholder;\n // Note: TextInput is not affected by doLeftAndRightSwapInRTL\n if (text && isStartsWithRTL(text)) {\n return 'right';\n } else {\n return 'left';\n }\n }\n\n if (textStyle.textAlign) return textStyle.textAlign;\n return undefined;\n })();\n\n return (\n <RNTextInput\n ref={ref}\n editable={editable}\n selectionColor={inputStyle.highlight}\n placeholderTextColor={inputStyle.placeholder}\n style={[textStyle, { textAlign }]}\n {...props}\n >\n {children}\n </RNTextInput>\n );\n});\n\nconst styles = createStyleSheet({\n input: {\n includeFontPadding: false,\n paddingTop: 8,\n paddingBottom: 8,\n paddingStart: 16,\n paddingEnd: 16,\n },\n});\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -12,17 +12,16 @@ var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme")
|
|
|
12
12
|
var _Box = _interopRequireDefault(require("../Box"));
|
|
13
13
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
14
14
|
var _ImageWithPlaceholder = _interopRequireDefault(require("../ImageWithPlaceholder"));
|
|
15
|
-
function _interopRequireDefault(
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
18
|
-
const VideoThumbnail =
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
} = _ref;
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
const VideoThumbnail = ({
|
|
19
|
+
fetchThumbnailFromVideoSource,
|
|
20
|
+
style,
|
|
21
|
+
source,
|
|
22
|
+
videoSource,
|
|
23
|
+
iconSize = 28
|
|
24
|
+
}) => {
|
|
26
25
|
const {
|
|
27
26
|
palette,
|
|
28
27
|
select
|
|
@@ -63,8 +62,7 @@ const VideoThumbnail = _ref => {
|
|
|
63
62
|
})));
|
|
64
63
|
};
|
|
65
64
|
exports.VideoThumbnail = VideoThumbnail;
|
|
66
|
-
const useRetry =
|
|
67
|
-
let retryCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
|
|
65
|
+
const useRetry = (fetch, retryCount = 5) => {
|
|
68
66
|
const [state, setState] = (0, _react.useState)({
|
|
69
67
|
thumbnail: null,
|
|
70
68
|
loading: true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_createStyleSheet","_interopRequireDefault","_useUIKitTheme","_Box","_Icon","_ImageWithPlaceholder","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_createStyleSheet","_interopRequireDefault","_useUIKitTheme","_Box","_Icon","_ImageWithPlaceholder","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VideoThumbnail","fetchThumbnailFromVideoSource","style","source","videoSource","iconSize","palette","select","useUIKitTheme","thumbnail","loading","useRetry","isImage","path","createElement","StyleSheet","absoluteFill","backgroundColor","dark","background400","light","background100","uri","alignItems","justifyContent","icon","size","color","onBackgroundLight02","containerStyle","styles","playIcon","onBackgroundDark01","exports","fetch","retryCount","state","setState","useState","retryCountRef","useRef","fetchThumbnail","current","useEffect","_timeout","_cancelled","tryFetchThumbnail","timeout","retry","finish","setTimeout","then","result","catch","clearTimeout","createStyleSheet","padding","borderRadius"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { isImage } from '@sendbird/uikit-utils';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Box from '../Box';\nimport Icon from '../Icon';\nimport ImageWithPlaceholder from '../ImageWithPlaceholder';\n\ntype Props = {\n source: string;\n fetchThumbnailFromVideoSource: (uri: string) => Promise<{ path: string } | null>;\n\n style?: StyleProp<ViewStyle>;\n iconSize?: number;\n /** @deprecated please use `source` prop **/\n videoSource?: string;\n};\n\nexport const VideoThumbnail = ({ fetchThumbnailFromVideoSource, style, source, videoSource, iconSize = 28 }: Props) => {\n const { palette, select } = useUIKitTheme();\n const { thumbnail, loading } = useRetry(async () => {\n if (isImage(source ?? videoSource)) return { path: source ?? videoSource };\n return fetchThumbnailFromVideoSource(source ?? videoSource);\n });\n\n return (\n <Box style={style}>\n {loading ? (\n <Box\n style={StyleSheet.absoluteFill}\n backgroundColor={select({ dark: palette.background400, light: palette.background100 })}\n />\n ) : (\n <ImageWithPlaceholder source={{ uri: thumbnail ?? 'invalid-image' }} style={StyleSheet.absoluteFill} />\n )}\n\n {(loading || thumbnail !== null) && iconSize > 0 && (\n <Box style={StyleSheet.absoluteFill} alignItems={'center'} justifyContent={'center'}>\n <Icon\n icon={'play'}\n size={iconSize}\n color={palette.onBackgroundLight02}\n containerStyle={[styles.playIcon, { backgroundColor: palette.onBackgroundDark01 }]}\n />\n </Box>\n )}\n </Box>\n );\n};\n\nconst useRetry = (fetch: () => Promise<{ path: string } | null>, retryCount = 5) => {\n const [state, setState] = useState({ thumbnail: null as null | string, loading: true });\n const retryCountRef = useRef(0);\n const fetchThumbnail = useRef(fetch);\n fetchThumbnail.current = fetch;\n\n useEffect(() => {\n let _timeout: NodeJS.Timeout;\n let _cancelled = false;\n\n if (!state.thumbnail) {\n const tryFetchThumbnail = (timeout: number) => {\n const retry = () => {\n retryCountRef.current++;\n tryFetchThumbnail(timeout + 5000);\n };\n\n const finish = (path: string | null) => {\n if (!_cancelled) setState({ loading: false, thumbnail: path });\n };\n\n if (retryCountRef.current < retryCount) {\n _timeout = setTimeout(() => {\n fetchThumbnail\n .current()\n .then((result) => {\n if (result === null) retry();\n else finish(result.path);\n })\n .catch(() => retry());\n }, timeout);\n } else {\n finish(null);\n }\n };\n\n tryFetchThumbnail(0);\n }\n\n return () => {\n _cancelled = true;\n clearTimeout(_timeout);\n };\n }, [state.thumbnail]);\n\n return state;\n};\n\nconst styles = createStyleSheet({\n playIcon: {\n padding: 10,\n borderRadius: 50,\n },\n});\n"],"mappings":"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","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -388,7 +388,7 @@ var _Palette = _interopRequireDefault(require("./theme/Palette"));
|
|
|
388
388
|
var _UIKitThemeContext = _interopRequireDefault(require("./theme/UIKitThemeContext"));
|
|
389
389
|
var _UIKitThemeProvider = _interopRequireDefault(require("./theme/UIKitThemeProvider"));
|
|
390
390
|
var _useUIKitTheme = _interopRequireDefault(require("./theme/useUIKitTheme"));
|
|
391
|
-
function _getRequireWildcardCache(
|
|
392
|
-
function _interopRequireWildcard(
|
|
393
|
-
function _interopRequireDefault(
|
|
391
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
392
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
393
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
394
394
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_icon","_interopRequireDefault","require","_Box","_Divider","_Icon","_Image","_ImageWithPlaceholder","_Modal","_PressBox","_ProgressBar","_RegexText","_Switch","_Text","_TextInput","_VideoThumbnail","_ActionMenu","_Alert","_Avatar","_Badge","_BottomSheet","_Button","_ChannelFrozenBanner","_Dialog","_GroupChannelMessage","_GroupChannelPreview","_Header","_LoadingSpinner","_MenuBar","_OpenChannelMessage","_OpenChannelPreview","_OutlinedButton","_Placeholder","_ProfileCard","_Prompt","_Toast","_interopRequireWildcard","_TypingIndicatorBubble","_createSelectByColorScheme","_createScaleFactor","_createStyleSheet","_createTypography","_getDefaultHeaderHeight","_HeaderStyleContext","_useHeaderStyle","_createTheme","_DarkUIKitTheme","_LightUIKitTheme","_Palette","_UIKitThemeContext","_UIKitThemeProvider","_useUIKitTheme","_getRequireWildcardCache","
|
|
1
|
+
{"version":3,"names":["_icon","_interopRequireDefault","require","_Box","_Divider","_Icon","_Image","_ImageWithPlaceholder","_Modal","_PressBox","_ProgressBar","_RegexText","_Switch","_Text","_TextInput","_VideoThumbnail","_ActionMenu","_Alert","_Avatar","_Badge","_BottomSheet","_Button","_ChannelFrozenBanner","_Dialog","_GroupChannelMessage","_GroupChannelPreview","_Header","_LoadingSpinner","_MenuBar","_OpenChannelMessage","_OpenChannelPreview","_OutlinedButton","_Placeholder","_ProfileCard","_Prompt","_Toast","_interopRequireWildcard","_TypingIndicatorBubble","_createSelectByColorScheme","_createScaleFactor","_createStyleSheet","_createTypography","_getDefaultHeaderHeight","_HeaderStyleContext","_useHeaderStyle","_createTheme","_DarkUIKitTheme","_LightUIKitTheme","_Palette","_UIKitThemeContext","_UIKitThemeProvider","_useUIKitTheme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["index.ts"],"sourcesContent":["/** Assets **/\nexport { default as IconAssets } from './assets/icon';\n\n/** Component **/\nexport { default as Box } from './components/Box';\nexport { default as Divider } from './components/Divider';\nexport { default as Icon } from './components/Icon';\nexport { default as Image } from './components/Image';\nexport { default as ImageWithPlaceholder } from './components/ImageWithPlaceholder';\nexport { default as Modal } from './components/Modal';\nexport { default as PressBox } from './components/PressBox';\nexport { default as ProgressBar } from './components/ProgressBar';\nexport { default as RegexText } from './components/RegexText';\nexport type { RegexTextPattern } from './components/RegexText';\nexport { default as Switch } from './components/Switch';\nexport { default as Text } from './components/Text';\nexport { default as TextInput } from './components/TextInput';\nexport { VideoThumbnail } from './components/VideoThumbnail';\n\n/** UI **/\nexport { default as ActionMenu } from './ui/ActionMenu';\nexport { default as Alert } from './ui/Alert';\nexport { default as Avatar } from './ui/Avatar';\nexport { default as Badge } from './ui/Badge';\nexport { default as BottomSheet } from './ui/BottomSheet';\nexport { default as Button } from './ui/Button';\nexport { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';\nexport { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';\nexport { default as GroupChannelMessage } from './ui/GroupChannelMessage';\nexport type { GroupChannelMessageProps } from './ui/GroupChannelMessage';\nexport { default as GroupChannelPreview } from './ui/GroupChannelPreview';\nexport { default as Header } from './ui/Header';\nexport { default as LoadingSpinner } from './ui/LoadingSpinner';\nexport { default as MenuBar } from './ui/MenuBar';\nexport type { MenuBarProps } from './ui/MenuBar';\nexport { default as OpenChannelMessage } from './ui/OpenChannelMessage';\nexport type { OpenChannelMessageProps } from './ui/OpenChannelMessage';\nexport { default as OpenChannelPreview } from './ui/OpenChannelPreview';\nexport { default as OutlinedButton } from './ui/OutlinedButton';\nexport { default as Placeholder } from './ui/Placeholder';\nexport { default as ProfileCard } from './ui/ProfileCard';\nexport { default as Prompt } from './ui/Prompt';\nexport { default as Toast, useToast, ToastProvider } from './ui/Toast';\nexport { default as TypingIndicatorBubble } from './ui/TypingIndicatorBubble';\n\n/** Styles **/\nexport { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';\nexport { default as createScaleFactor } from './styles/createScaleFactor';\nexport { default as createStyleSheet } from './styles/createStyleSheet';\nexport { default as createTypography } from './styles/createTypography';\nexport { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';\nexport { HeaderStyleContext, HeaderStyleProvider } from './styles/HeaderStyleContext';\nexport { default as useHeaderStyle } from './styles/useHeaderStyle';\n\n/** Theme **/\nexport { default as createTheme } from './theme/createTheme';\nexport { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';\nexport { default as LightUIKitTheme } from './theme/LightUIKitTheme';\nexport { default as Palette } from './theme/Palette';\nexport { default as UIKitThemeContext } from './theme/UIKitThemeContext';\nexport { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';\nexport { default as useUIKitTheme } from './theme/useUIKitTheme';\n\n/** Types **/\nexport type {\n TypoName,\n UIKitTheme,\n UIKitTypography,\n FontAttributes,\n BaseHeaderProps,\n UIKitColorScheme,\n UIKitColors,\n ComponentColorTree,\n UIKitPalette,\n HeaderElement,\n HeaderPartProps,\n ComponentColors,\n Component,\n GetColorTree,\n} from './types';\nexport type { ActionMenuItem } from './ui/ActionMenu';\nexport type { BottomSheetItem } from './ui/BottomSheet';\nexport type { UIKitTypographyOverrides } from './styles/createTypography';\nexport type { HeaderStyleContextType } from './styles/HeaderStyleContext';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,22 +8,20 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
10
10
|
var _getDefaultHeaderHeight = _interopRequireDefault(require("./getDefaultHeaderHeight"));
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
const HeaderStyleContext = /*#__PURE__*/_react.default.createContext({
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
const HeaderStyleContext = exports.HeaderStyleContext = /*#__PURE__*/_react.default.createContext({
|
|
13
13
|
HeaderComponent: () => null,
|
|
14
14
|
defaultTitleAlign: 'left',
|
|
15
15
|
statusBarTranslucent: true,
|
|
16
16
|
topInset: _reactNative.StatusBar.currentHeight ?? 0,
|
|
17
17
|
defaultHeight: (0, _getDefaultHeaderHeight.default)(false)
|
|
18
18
|
});
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
statusBarTranslucent
|
|
26
|
-
} = _ref;
|
|
19
|
+
const HeaderStyleProvider = ({
|
|
20
|
+
children,
|
|
21
|
+
HeaderComponent = () => null,
|
|
22
|
+
defaultTitleAlign,
|
|
23
|
+
statusBarTranslucent
|
|
24
|
+
}) => {
|
|
27
25
|
const {
|
|
28
26
|
top
|
|
29
27
|
} = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_getDefaultHeaderHeight","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_getDefaultHeaderHeight","e","__esModule","default","HeaderStyleContext","exports","React","createContext","HeaderComponent","defaultTitleAlign","statusBarTranslucent","topInset","StatusBar","currentHeight","defaultHeight","getDefaultHeaderHeight","HeaderStyleProvider","children","top","useSafeAreaInsets","width","height","useWindowDimensions","createElement","Provider","value"],"sources":["HeaderStyleContext.tsx"],"sourcesContent":["import React from 'react';\nimport { StatusBar, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { HeaderProps } from '../ui/Header';\nimport getDefaultHeaderHeight from './getDefaultHeaderHeight';\n\nexport type HeaderStyleContextType = {\n HeaderComponent: (props: HeaderProps) => React.ReactNode | null;\n defaultTitleAlign: 'left' | 'center';\n statusBarTranslucent: boolean;\n topInset: number;\n defaultHeight: number;\n};\nexport const HeaderStyleContext = React.createContext<HeaderStyleContextType>({\n HeaderComponent: () => null,\n defaultTitleAlign: 'left',\n statusBarTranslucent: true,\n topInset: StatusBar.currentHeight ?? 0,\n defaultHeight: getDefaultHeaderHeight(false),\n});\n\ntype Props = Pick<HeaderStyleContextType, 'statusBarTranslucent' | 'defaultTitleAlign' | 'HeaderComponent'>;\nexport const HeaderStyleProvider = ({\n children,\n HeaderComponent = () => null,\n defaultTitleAlign,\n statusBarTranslucent,\n}: React.PropsWithChildren<Props>) => {\n const { top } = useSafeAreaInsets();\n const { width, height } = useWindowDimensions();\n\n return (\n <HeaderStyleContext.Provider\n value={{\n HeaderComponent,\n defaultTitleAlign,\n statusBarTranslucent,\n topInset: statusBarTranslucent ? top : 0,\n defaultHeight: getDefaultHeaderHeight(width > height),\n }}\n >\n {children}\n </HeaderStyleContext.Provider>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,uBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA8D,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASvD,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAyB;EAC5EC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,iBAAiB,EAAE,MAAM;EACzBC,oBAAoB,EAAE,IAAI;EAC1BC,QAAQ,EAAEC,sBAAS,CAACC,aAAa,IAAI,CAAC;EACtCC,aAAa,EAAE,IAAAC,+BAAsB,EAAC,KAAK;AAC7C,CAAC,CAAC;AAGK,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRT,eAAe,GAAGA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB;EACjBC;AAC8B,CAAC,KAAK;EACpC,MAAM;IAAEQ;EAAI,CAAC,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EACnC,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAE/C,oBACE3B,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACnB,kBAAkB,CAACoB,QAAQ;IAC1BC,KAAK,EAAE;MACLjB,eAAe;MACfC,iBAAiB;MACjBC,oBAAoB;MACpBC,QAAQ,EAAED,oBAAoB,GAAGQ,GAAG,GAAG,CAAC;MACxCJ,aAAa,EAAE,IAAAC,+BAAsB,EAACK,KAAK,GAAGC,MAAM;IACtD;EAAE,GAEDJ,QAC0B,CAAC;AAElC,CAAC;AAACZ,OAAA,CAAAW,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -10,18 +10,15 @@ const {
|
|
|
10
10
|
height
|
|
11
11
|
} = _reactNative.Dimensions.get('window');
|
|
12
12
|
const DESIGNED_DEVICE_WIDTH = 360;
|
|
13
|
-
const createScaleFactor =
|
|
14
|
-
let deviceWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DESIGNED_DEVICE_WIDTH;
|
|
13
|
+
const createScaleFactor = (deviceWidth = DESIGNED_DEVICE_WIDTH) => {
|
|
15
14
|
const ratio = Math.min(width, height) / deviceWidth;
|
|
16
15
|
const rangedRatio = Math.min(Math.max(0.85, ratio), 1.25);
|
|
17
16
|
return dp => _reactNative.PixelRatio.roundToNearestPixel(dp * rangedRatio);
|
|
18
17
|
};
|
|
19
|
-
let DEFAULT_SCALE_FACTOR = createScaleFactor();
|
|
20
|
-
exports.
|
|
21
|
-
var _default = Object.assign(createScaleFactor, {
|
|
18
|
+
let DEFAULT_SCALE_FACTOR = exports.DEFAULT_SCALE_FACTOR = createScaleFactor();
|
|
19
|
+
var _default = exports.default = Object.assign(createScaleFactor, {
|
|
22
20
|
updateScaleFactor: scaleFactor => {
|
|
23
21
|
exports.DEFAULT_SCALE_FACTOR = DEFAULT_SCALE_FACTOR = scaleFactor;
|
|
24
22
|
}
|
|
25
23
|
});
|
|
26
|
-
exports.default = _default;
|
|
27
24
|
//# sourceMappingURL=createScaleFactor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","width","height","Dimensions","get","DESIGNED_DEVICE_WIDTH","createScaleFactor","deviceWidth","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","width","height","Dimensions","get","DESIGNED_DEVICE_WIDTH","createScaleFactor","deviceWidth","ratio","Math","min","rangedRatio","max","dp","PixelRatio","roundToNearestPixel","DEFAULT_SCALE_FACTOR","exports","_default","default","Object","assign","updateScaleFactor","scaleFactor"],"sources":["createScaleFactor.ts"],"sourcesContent":["import { Dimensions, PixelRatio } from 'react-native';\n\nconst { width, height } = Dimensions.get('window');\n\nconst DESIGNED_DEVICE_WIDTH = 360;\n\nconst createScaleFactor = (deviceWidth = DESIGNED_DEVICE_WIDTH) => {\n const ratio = Math.min(width, height) / deviceWidth;\n const rangedRatio = Math.min(Math.max(0.85, ratio), 1.25);\n return (dp: number) => PixelRatio.roundToNearestPixel(dp * rangedRatio);\n};\n\nexport let DEFAULT_SCALE_FACTOR = createScaleFactor();\nexport default Object.assign(createScaleFactor, {\n updateScaleFactor: (scaleFactor: (dp: number) => number) => {\n DEFAULT_SCALE_FACTOR = scaleFactor;\n },\n});\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAM;EAAEC,KAAK;EAAEC;AAAO,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAElD,MAAMC,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,iBAAiB,GAAGA,CAACC,WAAW,GAAGF,qBAAqB,KAAK;EACjE,MAAMG,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACT,KAAK,EAAEC,MAAM,CAAC,GAAGK,WAAW;EACnD,MAAMI,WAAW,GAAGF,IAAI,CAACC,GAAG,CAACD,IAAI,CAACG,GAAG,CAAC,IAAI,EAAEJ,KAAK,CAAC,EAAE,IAAI,CAAC;EACzD,OAAQK,EAAU,IAAKC,uBAAU,CAACC,mBAAmB,CAACF,EAAE,GAAGF,WAAW,CAAC;AACzE,CAAC;AAEM,IAAIK,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGV,iBAAiB,CAAC,CAAC;AAAC,IAAAY,QAAA,GAAAD,OAAA,CAAAE,OAAA,GACvCC,MAAM,CAACC,MAAM,CAACf,iBAAiB,EAAE;EAC9CgB,iBAAiB,EAAGC,WAAmC,IAAK;IAC1DN,OAAA,CAAAD,oBAAA,GAAAA,oBAAoB,GAAGO,WAAW;EACpC;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -17,6 +17,5 @@ const createSelectByColorScheme = colorScheme => {
|
|
|
17
17
|
return value;
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
|
-
var _default = createSelectByColorScheme;
|
|
21
|
-
exports.default = _default;
|
|
20
|
+
var _default = exports.default = createSelectByColorScheme;
|
|
22
21
|
//# sourceMappingURL=createSelectByColorScheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createSelectByColorScheme","colorScheme","options","value","Error","_default","exports","default"],"sources":["createSelectByColorScheme.ts"],"sourcesContent":["import type { UIKitColorScheme, UIKitTheme } from '../types';\n\n/**\n * select method factory\n * Select method returns the most fitting value for the color scheme you are currently running on.\n * @param colorScheme\n * @returns Function\n * */\nconst createSelectByColorScheme = (colorScheme: UIKitColorScheme): UIKitTheme['select'] => {\n return (options) => {\n const value = options[colorScheme ?? 'default'] ?? options['light'] ?? options['dark'] ?? options['default'];\n if (!value) throw Error('Not provided any selectable color scheme values');\n return value;\n };\n};\n\nexport default createSelectByColorScheme;\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,yBAAyB,GAAIC,WAA6B,IAA2B;EACzF,OAAQC,OAAO,IAAK;IAClB,MAAMC,KAAK,GAAGD,OAAO,CAACD,WAAW,IAAI,SAAS,CAAC,IAAIC,OAAO,CAAC,OAAO,CAAC,IAAIA,OAAO,CAAC,MAAM,CAAC,IAAIA,OAAO,CAAC,SAAS,CAAC;IAC5G,IAAI,CAACC,KAAK,EAAE,MAAMC,KAAK,CAAC,iDAAiD,CAAC;IAC1E,OAAOD,KAAK;EACd,CAAC;AACH,CAAC;AAAC,IAAAE,QAAA,
|
|
1
|
+
{"version":3,"names":["createSelectByColorScheme","colorScheme","options","value","Error","_default","exports","default"],"sources":["createSelectByColorScheme.ts"],"sourcesContent":["import type { UIKitColorScheme, UIKitTheme } from '../types';\n\n/**\n * select method factory\n * Select method returns the most fitting value for the color scheme you are currently running on.\n * @param colorScheme\n * @returns Function\n * */\nconst createSelectByColorScheme = (colorScheme: UIKitColorScheme): UIKitTheme['select'] => {\n return (options) => {\n const value = options[colorScheme ?? 'default'] ?? options['light'] ?? options['dark'] ?? options['default'];\n if (!value) throw Error('Not provided any selectable color scheme values');\n return value;\n };\n};\n\nexport default createSelectByColorScheme;\n"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,yBAAyB,GAAIC,WAA6B,IAA2B;EACzF,OAAQC,OAAO,IAAK;IAClB,MAAMC,KAAK,GAAGD,OAAO,CAACD,WAAW,IAAI,SAAS,CAAC,IAAIC,OAAO,CAAC,OAAO,CAAC,IAAIA,OAAO,CAAC,MAAM,CAAC,IAAIA,OAAO,CAAC,SAAS,CAAC;IAC5G,IAAI,CAACC,KAAK,EAAE,MAAMC,KAAK,CAAC,iDAAiD,CAAC;IAC1E,OAAOD,KAAK;EACd,CAAC;AACH,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaP,yBAAyB","ignoreList":[]}
|