@sendbird/uikit-react-native-foundation 2.4.1 → 2.5.0-rc.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/README.md +1 -1
- package/lib/commonjs/assets/bundle-icons.js +0 -3
- package/lib/commonjs/assets/bundle-icons.js.map +1 -1
- package/lib/commonjs/assets/icon/index.js.map +1 -1
- package/lib/commonjs/components/Box/index.js +0 -9
- package/lib/commonjs/components/Box/index.js.map +1 -1
- package/lib/commonjs/components/Divider/index.js +0 -7
- package/lib/commonjs/components/Divider/index.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js +0 -9
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/Image/Image.fastimage.js +8 -17
- package/lib/commonjs/components/Image/Image.fastimage.js.map +1 -1
- package/lib/commonjs/components/Image/Image.reactnative.js +0 -6
- package/lib/commonjs/components/Image/Image.reactnative.js.map +1 -1
- package/lib/commonjs/components/Image/index.js +0 -5
- package/lib/commonjs/components/Image/index.js.map +1 -1
- package/lib/commonjs/components/ImageWithPlaceholder/index.js +0 -15
- package/lib/commonjs/components/ImageWithPlaceholder/index.js.map +1 -1
- package/lib/commonjs/components/Modal/index.js +6 -24
- package/lib/commonjs/components/Modal/index.js.map +1 -1
- package/lib/commonjs/components/PressBox/index.js +0 -11
- package/lib/commonjs/components/PressBox/index.js.map +1 -1
- package/lib/commonjs/components/RegexText/index.js +2 -8
- package/lib/commonjs/components/RegexText/index.js.map +1 -1
- package/lib/commonjs/components/Switch/index.js +0 -14
- package/lib/commonjs/components/Switch/index.js.map +1 -1
- package/lib/commonjs/components/Text/index.js +0 -8
- package/lib/commonjs/components/Text/index.js.map +1 -1
- package/lib/commonjs/components/TextInput/index.js +0 -8
- package/lib/commonjs/components/TextInput/index.js.map +1 -1
- package/lib/commonjs/components/URLParsedText/index.js +0 -14
- package/lib/commonjs/components/URLParsedText/index.js.map +1 -1
- package/lib/commonjs/index.js +0 -49
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/styles/HeaderStyleContext.js +0 -9
- package/lib/commonjs/styles/HeaderStyleContext.js.map +1 -1
- package/lib/commonjs/styles/createScaleFactor.js +0 -6
- package/lib/commonjs/styles/createScaleFactor.js.map +1 -1
- package/lib/commonjs/styles/createSelectByColorScheme.js +0 -2
- package/lib/commonjs/styles/createSelectByColorScheme.js.map +1 -1
- package/lib/commonjs/styles/createStyleSheet.js +1 -6
- package/lib/commonjs/styles/createStyleSheet.js.map +1 -1
- package/lib/commonjs/styles/createTypography.js +0 -3
- package/lib/commonjs/styles/createTypography.js.map +1 -1
- package/lib/commonjs/styles/getDefaultHeaderHeight.js +0 -2
- package/lib/commonjs/styles/getDefaultHeaderHeight.js.map +1 -1
- package/lib/commonjs/styles/useHeaderStyle.js +0 -4
- package/lib/commonjs/styles/useHeaderStyle.js.map +1 -1
- package/lib/commonjs/theme/DarkUIKitTheme.js +0 -3
- package/lib/commonjs/theme/DarkUIKitTheme.js.map +1 -1
- package/lib/commonjs/theme/LightUIKitTheme.js +0 -3
- package/lib/commonjs/theme/LightUIKitTheme.js.map +1 -1
- package/lib/commonjs/theme/Palette.js.map +1 -1
- package/lib/commonjs/theme/UIKitThemeContext.js +0 -4
- package/lib/commonjs/theme/UIKitThemeContext.js.map +1 -1
- package/lib/commonjs/theme/UIKitThemeProvider.js +0 -6
- package/lib/commonjs/theme/UIKitThemeProvider.js.map +1 -1
- package/lib/commonjs/theme/createTheme.js +0 -13
- package/lib/commonjs/theme/createTheme.js.map +1 -1
- package/lib/commonjs/theme/useUIKitTheme.js +0 -5
- package/lib/commonjs/theme/useUIKitTheme.js.map +1 -1
- package/lib/commonjs/ui/ActionMenu/index.js +2 -20
- package/lib/commonjs/ui/ActionMenu/index.js.map +1 -1
- package/lib/commonjs/ui/Alert/index.js +0 -12
- package/lib/commonjs/ui/Alert/index.js.map +1 -1
- package/lib/commonjs/ui/Avatar/AvatarGroup.js +0 -17
- package/lib/commonjs/ui/Avatar/AvatarGroup.js.map +1 -1
- package/lib/commonjs/ui/Avatar/AvatarIcon.js +0 -8
- package/lib/commonjs/ui/Avatar/AvatarIcon.js.map +1 -1
- package/lib/commonjs/ui/Avatar/index.js +0 -15
- package/lib/commonjs/ui/Avatar/index.js.map +1 -1
- package/lib/commonjs/ui/Badge/index.js +0 -9
- package/lib/commonjs/ui/Badge/index.js.map +1 -1
- package/lib/commonjs/ui/BottomSheet/index.js +0 -10
- package/lib/commonjs/ui/BottomSheet/index.js.map +1 -1
- package/lib/commonjs/ui/Button/index.js +0 -11
- package/lib/commonjs/ui/Button/index.js.map +1 -1
- package/lib/commonjs/ui/ChannelFrozenBanner/index.js +0 -8
- package/lib/commonjs/ui/ChannelFrozenBanner/index.js.map +1 -1
- package/lib/commonjs/ui/Dialog/DialogBox.js +0 -7
- package/lib/commonjs/ui/Dialog/DialogBox.js.map +1 -1
- package/lib/commonjs/ui/Dialog/DialogSheet.js +0 -10
- package/lib/commonjs/ui/Dialog/DialogSheet.js.map +1 -1
- package/lib/commonjs/ui/Dialog/index.js +0 -30
- package/lib/commonjs/ui/Dialog/index.js.map +1 -1
- package/lib/commonjs/ui/GroupChannelPreview/index.js +1 -13
- package/lib/commonjs/ui/GroupChannelPreview/index.js.map +1 -1
- package/lib/commonjs/ui/Header/index.js +0 -24
- package/lib/commonjs/ui/Header/index.js.map +1 -1
- package/lib/commonjs/ui/LoadingSpinner/index.js +0 -12
- package/lib/commonjs/ui/LoadingSpinner/index.js.map +1 -1
- package/lib/commonjs/ui/MenuBar/index.js +0 -11
- package/lib/commonjs/ui/MenuBar/index.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.admin.js +0 -7
- package/lib/commonjs/ui/OpenChannelMessage/Message.admin.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.image.js +0 -10
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.image.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.js +0 -14
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.video.js +0 -16
- package/lib/commonjs/ui/OpenChannelMessage/Message.file.video.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.unknown.js +0 -10
- package/lib/commonjs/ui/OpenChannelMessage/Message.unknown.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.user.js +0 -14
- package/lib/commonjs/ui/OpenChannelMessage/Message.user.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/Message.user.og.js +0 -17
- package/lib/commonjs/ui/OpenChannelMessage/Message.user.og.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/MessageContainer.js +0 -21
- package/lib/commonjs/ui/OpenChannelMessage/MessageContainer.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelMessage/index.js +0 -9
- package/lib/commonjs/ui/OpenChannelMessage/index.js.map +1 -1
- package/lib/commonjs/ui/OpenChannelPreview/index.js +0 -12
- package/lib/commonjs/ui/OpenChannelPreview/index.js.map +1 -1
- package/lib/commonjs/ui/OutlinedButton/index.js +0 -8
- package/lib/commonjs/ui/OutlinedButton/index.js.map +1 -1
- package/lib/commonjs/ui/Placeholder/index.js +2 -13
- package/lib/commonjs/ui/Placeholder/index.js.map +1 -1
- package/lib/commonjs/ui/ProfileCard/index.js +0 -10
- package/lib/commonjs/ui/ProfileCard/index.js.map +1 -1
- package/lib/commonjs/ui/Prompt/index.js +3 -20
- package/lib/commonjs/ui/Prompt/index.js.map +1 -1
- package/lib/commonjs/ui/Toast/index.js +2 -23
- package/lib/commonjs/ui/Toast/index.js.map +1 -1
- package/lib/module/assets/bundle-icons.js +0 -3
- package/lib/module/assets/bundle-icons.js.map +1 -1
- package/lib/module/assets/icon/index.js.map +1 -1
- package/lib/module/components/Box/index.js +0 -4
- package/lib/module/components/Box/index.js.map +1 -1
- package/lib/module/components/Divider/index.js +0 -2
- package/lib/module/components/Divider/index.js.map +1 -1
- package/lib/module/components/Icon/index.js +0 -2
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/Image/Image.fastimage.js +8 -15
- package/lib/module/components/Image/Image.fastimage.js.map +1 -1
- package/lib/module/components/Image/Image.reactnative.js +0 -3
- package/lib/module/components/Image/Image.reactnative.js.map +1 -1
- package/lib/module/components/Image/index.js +0 -3
- package/lib/module/components/Image/index.js.map +1 -1
- package/lib/module/components/ImageWithPlaceholder/index.js +0 -4
- package/lib/module/components/ImageWithPlaceholder/index.js.map +1 -1
- package/lib/module/components/Modal/index.js +6 -16
- package/lib/module/components/Modal/index.js.map +1 -1
- package/lib/module/components/PressBox/index.js +0 -5
- package/lib/module/components/PressBox/index.js.map +1 -1
- package/lib/module/components/RegexText/index.js +2 -4
- package/lib/module/components/RegexText/index.js.map +1 -1
- package/lib/module/components/Switch/index.js +0 -6
- package/lib/module/components/Switch/index.js.map +1 -1
- package/lib/module/components/Text/index.js +0 -4
- package/lib/module/components/Text/index.js.map +1 -1
- package/lib/module/components/TextInput/index.js +0 -1
- package/lib/module/components/TextInput/index.js.map +1 -1
- package/lib/module/components/URLParsedText/index.js +0 -5
- package/lib/module/components/URLParsedText/index.js.map +1 -1
- package/lib/module/index.js +5 -4
- package/lib/module/index.js.map +1 -1
- package/lib/module/styles/HeaderStyleContext.js.map +1 -1
- package/lib/module/styles/createScaleFactor.js +0 -3
- package/lib/module/styles/createScaleFactor.js.map +1 -1
- package/lib/module/styles/createSelectByColorScheme.js +0 -1
- package/lib/module/styles/createSelectByColorScheme.js.map +1 -1
- package/lib/module/styles/createStyleSheet.js +1 -4
- package/lib/module/styles/createStyleSheet.js.map +1 -1
- package/lib/module/styles/createTypography.js +0 -2
- package/lib/module/styles/createTypography.js.map +1 -1
- package/lib/module/styles/getDefaultHeaderHeight.js +0 -2
- package/lib/module/styles/getDefaultHeaderHeight.js.map +1 -1
- package/lib/module/styles/useHeaderStyle.js +0 -2
- 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 +0 -2
- package/lib/module/theme/UIKitThemeProvider.js.map +1 -1
- package/lib/module/theme/createTheme.js +0 -9
- package/lib/module/theme/createTheme.js.map +1 -1
- package/lib/module/theme/useUIKitTheme.js +0 -2
- package/lib/module/theme/useUIKitTheme.js.map +1 -1
- package/lib/module/ui/ActionMenu/index.js +2 -7
- package/lib/module/ui/ActionMenu/index.js.map +1 -1
- package/lib/module/ui/Alert/index.js +0 -2
- package/lib/module/ui/Alert/index.js.map +1 -1
- package/lib/module/ui/Avatar/AvatarGroup.js +0 -12
- package/lib/module/ui/Avatar/AvatarGroup.js.map +1 -1
- package/lib/module/ui/Avatar/AvatarIcon.js +0 -2
- package/lib/module/ui/Avatar/AvatarIcon.js.map +1 -1
- package/lib/module/ui/Avatar/index.js +0 -3
- package/lib/module/ui/Avatar/index.js.map +1 -1
- package/lib/module/ui/Badge/index.js +0 -2
- package/lib/module/ui/Badge/index.js.map +1 -1
- package/lib/module/ui/BottomSheet/index.js +0 -3
- package/lib/module/ui/BottomSheet/index.js.map +1 -1
- package/lib/module/ui/Button/index.js +0 -4
- package/lib/module/ui/Button/index.js.map +1 -1
- package/lib/module/ui/ChannelFrozenBanner/index.js +0 -2
- package/lib/module/ui/ChannelFrozenBanner/index.js.map +1 -1
- package/lib/module/ui/Dialog/DialogBox.js +0 -2
- package/lib/module/ui/Dialog/DialogBox.js.map +1 -1
- package/lib/module/ui/Dialog/DialogSheet.js +0 -3
- package/lib/module/ui/Dialog/DialogSheet.js.map +1 -1
- package/lib/module/ui/Dialog/index.js +0 -6
- package/lib/module/ui/Dialog/index.js.map +1 -1
- package/lib/module/ui/GroupChannelPreview/index.js +1 -3
- package/lib/module/ui/GroupChannelPreview/index.js.map +1 -1
- package/lib/module/ui/Header/index.js +0 -14
- package/lib/module/ui/Header/index.js.map +1 -1
- package/lib/module/ui/LoadingSpinner/index.js +0 -4
- package/lib/module/ui/LoadingSpinner/index.js.map +1 -1
- package/lib/module/ui/MenuBar/index.js +0 -2
- package/lib/module/ui/MenuBar/index.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.admin.js +0 -2
- package/lib/module/ui/OpenChannelMessage/Message.admin.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.file.image.js +0 -2
- package/lib/module/ui/OpenChannelMessage/Message.file.image.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.file.js +0 -3
- package/lib/module/ui/OpenChannelMessage/Message.file.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.file.video.js +0 -4
- package/lib/module/ui/OpenChannelMessage/Message.file.video.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.unknown.js +0 -4
- package/lib/module/ui/OpenChannelMessage/Message.unknown.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.user.js +0 -6
- package/lib/module/ui/OpenChannelMessage/Message.user.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/Message.user.og.js +0 -6
- package/lib/module/ui/OpenChannelMessage/Message.user.og.js.map +1 -1
- package/lib/module/ui/OpenChannelMessage/MessageContainer.js +0 -9
- 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 +0 -3
- package/lib/module/ui/OpenChannelPreview/index.js.map +1 -1
- package/lib/module/ui/OutlinedButton/index.js +0 -2
- package/lib/module/ui/OutlinedButton/index.js.map +1 -1
- package/lib/module/ui/Placeholder/index.js +2 -3
- package/lib/module/ui/Placeholder/index.js.map +1 -1
- package/lib/module/ui/ProfileCard/index.js +0 -2
- package/lib/module/ui/ProfileCard/index.js.map +1 -1
- package/lib/module/ui/Prompt/index.js +3 -6
- package/lib/module/ui/Prompt/index.js.map +1 -1
- package/lib/module/ui/Toast/index.js +2 -8
- package/lib/module/ui/Toast/index.js.map +1 -1
- package/lib/typescript/src/components/PressBox/index.d.ts +2 -1
- package/package.json +15 -9
- package/src/components/Image/Image.fastimage.tsx +17 -1
- package/src/components/PressBox/index.tsx +2 -1
- package/src/ui/GroupChannelPreview/index.tsx +7 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LightUIKitTheme","createTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundLight01","textEdited","onBackgroundLight02","textTime","onBackgroundLight03","textSenderName","background","background100","pressed","primary100","outgoing","onBackgroundDark01","onBackgroundDark02","transparent","primary300","primary400","primary","secondary","secondary300","error","error300","background50","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","content","disabled","dialog","default","message","highlight","destructive","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => {\n const groupChannelMessage = {\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\n return {\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: groupChannelMessage,\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage,\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 profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundLight01,\n textBodyLabel: palette.onBackgroundLight02,\n textBody: palette.onBackgroundLight01,\n background: palette.background50,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundLight03,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.primary300,\n },\n },\n rounded: {\n enabled: {\n background: palette.background100,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background100,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n pressed: {\n background: palette.background100,\n bubbleBackground: palette.background300,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textParticipants: palette.onBackgroundLight02,\n frozenIcon: palette.primary300,\n participantsIcon: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.background300,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n },\n };\n },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_createTheme","_interopRequireDefault","require","obj","__esModule","default","LightUIKitTheme","createTheme","colorScheme","colors","palette","groupChannelMessage","incoming","enabled","textMsg","onBackgroundLight01","textEdited","onBackgroundLight02","textTime","onBackgroundLight03","textSenderName","background","background100","pressed","primary100","outgoing","onBackgroundDark01","onBackgroundDark02","transparent","primary300","primary400","primary","secondary","secondary300","error","error300","background50","text","onBackground01","onBackground02","onBackground03","onBackground04","onBackgroundLight04","onBackgroundReverse01","onBackgroundReverse02","onBackgroundReverse03","onBackgroundDark03","onBackgroundReverse04","onBackgroundDark04","ui","header","nav","none","borderBottom","button","contained","content","disabled","dialog","message","highlight","destructive","input","active","placeholder","underline","badge","dateSeparator","overlay02","groupChannelPreview","textTitle","textTitleCaption","textBody","bodyIcon","memberCount","coverBackground","bodyIconBackground","separator","profileCard","textUsername","textBodyLabel","reaction","selected","rounded","openChannelMessage","bubbleBackground","adminBackground","textMsgPostfix","textOperator","background300","openChannelPreview","textParticipants","frozenIcon","participantsIcon","_default","exports"],"sources":["LightUIKitTheme.ts"],"sourcesContent":["import createTheme from './createTheme';\n\nconst LightUIKitTheme = createTheme({\n colorScheme: 'light',\n colors: (palette) => {\n const groupChannelMessage = {\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\n return {\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: groupChannelMessage,\n dateSeparator: {\n default: {\n none: {\n text: palette.onBackgroundDark01,\n background: palette.overlay02,\n },\n },\n },\n groupChannelMessage,\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 profileCard: {\n default: {\n none: {\n textUsername: palette.onBackgroundLight01,\n textBodyLabel: palette.onBackgroundLight02,\n textBody: palette.onBackgroundLight01,\n background: palette.background50,\n },\n },\n },\n reaction: {\n default: {\n enabled: {\n background: palette.transparent,\n highlight: palette.onBackgroundLight03,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.primary300,\n },\n },\n rounded: {\n enabled: {\n background: palette.background100,\n highlight: palette.transparent,\n },\n selected: {\n background: palette.primary100,\n highlight: palette.transparent,\n },\n },\n },\n openChannelMessage: {\n default: {\n enabled: {\n background: palette.transparent,\n bubbleBackground: palette.background100,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n pressed: {\n background: palette.background100,\n bubbleBackground: palette.background300,\n adminBackground: palette.background100,\n textMsg: palette.onBackgroundLight01,\n textMsgPostfix: palette.onBackgroundLight02,\n textSenderName: palette.onBackgroundLight02,\n textTime: palette.onBackgroundLight03,\n textOperator: palette.secondary300,\n },\n },\n },\n openChannelPreview: {\n default: {\n none: {\n textTitle: palette.onBackgroundLight01,\n textParticipants: palette.onBackgroundLight02,\n frozenIcon: palette.primary300,\n participantsIcon: palette.onBackgroundLight02,\n background: palette.background50,\n coverBackground: palette.background300,\n separator: palette.onBackgroundLight04,\n },\n },\n },\n },\n };\n },\n});\n\nexport default LightUIKitTheme;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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","_default","exports","default"],"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,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EAErBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EAEvBC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EAEnBC,YAAY,EAAE,SAAS;EACvBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EAExBC,SAAS,EAAE,kBAAkB;EAC7BC,SAAS,EAAE,kBAAkB;EAE7BC,WAAW,EAAE,SAAS;EACtBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,aAAa;EAE1BC,mBAAmB,EAAE,kBAAkB;EACvCC,mBAAmB,EAAE,kBAAkB;EACvCC,mBAAmB,EAAE,kBAAkB;EACvCC,mBAAmB,EAAE,kBAAkB;EAEvCC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE;AACtB,CAAC;AAAC,IAAAC,QAAA,GAEarC,OAAO;AAAAsC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
|
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
const UIKitThemeContext = /*#__PURE__*/_react.default.createContext(null);
|
|
13
|
-
|
|
14
10
|
var _default = UIKitThemeContext;
|
|
15
11
|
exports.default = _default;
|
|
16
12
|
//# sourceMappingURL=UIKitThemeContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["UIKitThemeContext","React","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":"
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","UIKitThemeContext","React","createContext","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI1B,MAAMG,iBAAiB,gBAAGC,cAAK,CAACC,aAAa,CAAoB,IAAI,CAAC;AAAC,IAAAC,QAAA,GAExDH,iBAAiB;AAAAI,OAAA,CAAAL,OAAA,GAAAI,QAAA"}
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _LightUIKitTheme = _interopRequireDefault(require("./LightUIKitTheme"));
|
|
11
|
-
|
|
12
9
|
var _UIKitThemeContext = _interopRequireDefault(require("./UIKitThemeContext"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
const UIKitThemeProvider = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
children,
|
|
@@ -22,7 +17,6 @@ const UIKitThemeProvider = _ref => {
|
|
|
22
17
|
value: theme
|
|
23
18
|
}, children);
|
|
24
19
|
};
|
|
25
|
-
|
|
26
20
|
var _default = UIKitThemeProvider;
|
|
27
21
|
exports.default = _default;
|
|
28
22
|
//# sourceMappingURL=UIKitThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["UIKitThemeProvider","children","theme","LightUIKitTheme"],"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 = React.PropsWithChildren<{\n theme?: UIKitTheme;\n}>;\nconst UIKitThemeProvider = ({ children, theme = LightUIKitTheme }: Props) => {\n return <UIKitThemeContext.Provider value={theme}>{children}</UIKitThemeContext.Provider>;\n};\n\nexport default UIKitThemeProvider;\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_LightUIKitTheme","_UIKitThemeContext","obj","__esModule","default","UIKitThemeProvider","_ref","children","theme","LightUIKitTheme","createElement","Provider","value","_default","exports"],"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 = React.PropsWithChildren<{\n theme?: UIKitTheme;\n}>;\nconst UIKitThemeProvider = ({ children, theme = LightUIKitTheme }: Props) => {\n return <UIKitThemeContext.Provider value={theme}>{children}</UIKitThemeContext.Provider>;\n};\n\nexport default UIKitThemeProvider;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKpD,MAAMG,kBAAkB,GAAGC,IAAA,IAAkD;EAAA,IAAjD;IAAEC,QAAQ;IAAEC,KAAK,GAAGC;EAAuB,CAAC,GAAAH,IAAA;EACtE,oBAAOT,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACT,kBAAA,CAAAG,OAAiB,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GAAED,QAAQ,CAA8B;AAC1F,CAAC;AAAC,IAAAM,QAAA,GAEaR,kBAAkB;AAAAS,OAAA,CAAAV,OAAA,GAAAS,QAAA"}
|
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _createSelectByColorScheme = _interopRequireDefault(require("../styles/createSelectByColorScheme"));
|
|
9
|
-
|
|
10
8
|
var _createTypography = _interopRequireDefault(require("../styles/createTypography"));
|
|
11
|
-
|
|
12
9
|
var _Palette = _interopRequireDefault(require("./Palette"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
const createTheme = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
colorScheme,
|
|
@@ -25,34 +20,26 @@ const createTheme = _ref => {
|
|
|
25
20
|
}
|
|
26
21
|
} = _ref;
|
|
27
22
|
let _palette = palette;
|
|
28
|
-
|
|
29
23
|
let _colors = createColors(_palette);
|
|
30
|
-
|
|
31
24
|
return {
|
|
32
25
|
colorScheme,
|
|
33
26
|
select: (0, _createSelectByColorScheme.default)(colorScheme),
|
|
34
|
-
|
|
35
27
|
get palette() {
|
|
36
28
|
return _palette;
|
|
37
29
|
},
|
|
38
|
-
|
|
39
30
|
set palette(value) {
|
|
40
31
|
_palette = value;
|
|
41
32
|
_colors = createColors(_palette);
|
|
42
33
|
},
|
|
43
|
-
|
|
44
34
|
get colors() {
|
|
45
35
|
return _colors;
|
|
46
36
|
},
|
|
47
|
-
|
|
48
37
|
set colors(value) {
|
|
49
38
|
_colors = value;
|
|
50
39
|
},
|
|
51
|
-
|
|
52
40
|
typography: (0, _createTypography.default)(typography)
|
|
53
41
|
};
|
|
54
42
|
};
|
|
55
|
-
|
|
56
43
|
var _default = createTheme;
|
|
57
44
|
exports.default = _default;
|
|
58
45
|
//# sourceMappingURL=createTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createTheme","colorScheme","palette","Palette","colors","createColors","typography","shared","fontFamily","_palette","_colors","select","createSelectByColorScheme","value","createTypography"],"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":"
|
|
1
|
+
{"version":3,"names":["_createSelectByColorScheme","_interopRequireDefault","require","_createTypography","_Palette","obj","__esModule","default","createTheme","_ref","colorScheme","palette","Palette","colors","createColors","typography","shared","fontFamily","_palette","_colors","select","createSelectByColorScheme","value","createTypography","_default","exports"],"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,IAAAA,0BAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAShC,MAAMG,WAAW,GAAGC,IAAA,IAKO;EAAA,IALN;IACnBC,WAAW;IACXC,OAAO,GAAGC,gBAAO;IACjBC,MAAM,EAAEC,YAAY;IACpBC,UAAU,GAAG;MAAEC,MAAM,EAAE;QAAEC,UAAU,EAAE;MAAS;IAAE;EACzC,CAAC,GAAAR,IAAA;EACR,IAAIS,QAAQ,GAAGP,OAAO;EACtB,IAAIQ,OAAO,GAAGL,YAAY,CAACI,QAAQ,CAAC;EAEpC,OAAO;IACLR,WAAW;IACXU,MAAM,EAAE,IAAAC,kCAAyB,EAACX,WAAW,CAAC;IAC9C,IAAIC,OAAOA,CAAA,EAAG;MACZ,OAAOO,QAAQ;IACjB,CAAC;IACD,IAAIP,OAAOA,CAACW,KAAK,EAAE;MACjBJ,QAAQ,GAAGI,KAAK;MAChBH,OAAO,GAAGL,YAAY,CAACI,QAAQ,CAAC;IAClC,CAAC;IACD,IAAIL,MAAMA,CAAA,EAAG;MACX,OAAOM,OAAO;IAChB,CAAC;IACD,IAAIN,MAAMA,CAACS,KAAK,EAAE;MAChBH,OAAO,GAAGG,KAAK;IACjB,CAAC;IACDP,UAAU,EAAE,IAAAQ,yBAAgB,EAACR,UAAU;EACzC,CAAC;AACH,CAAC;AAAC,IAAAS,QAAA,GAEahB,WAAW;AAAAiB,OAAA,CAAAlB,OAAA,GAAAiB,QAAA"}
|
|
@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
var _UIKitThemeContext = _interopRequireDefault(require("./UIKitThemeContext"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
const useUIKitTheme = () => {
|
|
15
11
|
const context = (0, _react.useContext)(_UIKitThemeContext.default);
|
|
16
12
|
if (!context) throw Error('UIKitThemeContext is not provided');
|
|
17
13
|
return context;
|
|
18
14
|
};
|
|
19
|
-
|
|
20
15
|
var _default = useUIKitTheme;
|
|
21
16
|
exports.default = _default;
|
|
22
17
|
//# sourceMappingURL=useUIKitTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useUIKitTheme","context","useContext","UIKitThemeContext","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":"
|
|
1
|
+
{"version":3,"names":["_react","require","_UIKitThemeContext","_interopRequireDefault","obj","__esModule","default","useUIKitTheme","context","useContext","UIKitThemeContext","Error","_default","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAoD,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEpD,MAAMG,aAAa,GAAGA,CAAA,KAAM;EAC1B,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,0BAAiB,CAAC;EAC7C,IAAI,CAACF,OAAO,EAAE,MAAMG,KAAK,CAAC,mCAAmC,CAAC;EAC9D,OAAOH,OAAO;AAChB,CAAC;AAAC,IAAAI,QAAA,GAEaL,aAAa;AAAAM,OAAA,CAAAP,OAAA,GAAAM,QAAA"}
|
|
@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _uikitUtils = require("@sendbird/uikit-utils");
|
|
13
|
-
|
|
14
10
|
var _Modal = _interopRequireDefault(require("../../components/Modal"));
|
|
15
|
-
|
|
16
11
|
var _Text = _interopRequireDefault(require("../../components/Text"));
|
|
17
|
-
|
|
18
12
|
var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
|
|
19
|
-
|
|
20
13
|
var _useHeaderStyle = _interopRequireDefault(require("../../styles/useHeaderStyle"));
|
|
21
|
-
|
|
22
14
|
var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
|
|
23
|
-
|
|
24
15
|
var _DialogBox = _interopRequireDefault(require("../Dialog/DialogBox"));
|
|
25
|
-
|
|
26
16
|
var _LoadingSpinner = _interopRequireDefault(require("../LoadingSpinner"));
|
|
27
|
-
|
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
34
20
|
const ActionMenu = _ref => {
|
|
35
21
|
let {
|
|
36
22
|
visible,
|
|
@@ -47,11 +33,9 @@ const ActionMenu = _ref => {
|
|
|
47
33
|
colors
|
|
48
34
|
} = (0, _useUIKitTheme.default)();
|
|
49
35
|
const [pending, setPending] = (0, _react.useState)(false);
|
|
50
|
-
|
|
51
36
|
const _onHide = () => {
|
|
52
37
|
if (!pending) onHide();
|
|
53
38
|
};
|
|
54
|
-
|
|
55
39
|
return /*#__PURE__*/_react.default.createElement(_Modal.default, {
|
|
56
40
|
onClose: _onHide,
|
|
57
41
|
onDismiss: onDismiss,
|
|
@@ -66,7 +50,8 @@ const ActionMenu = _ref => {
|
|
|
66
50
|
}, /*#__PURE__*/_react.default.createElement(_Text.default, {
|
|
67
51
|
h1: true,
|
|
68
52
|
color: colors.ui.dialog.default.none.text,
|
|
69
|
-
numberOfLines: 1
|
|
53
|
+
numberOfLines: 1
|
|
54
|
+
// style={{ flex: 1 }}
|
|
70
55
|
,
|
|
71
56
|
style: {
|
|
72
57
|
maxWidth: pending ? '86%' : '100%'
|
|
@@ -88,10 +73,8 @@ const ActionMenu = _ref => {
|
|
|
88
73
|
disabled: pending,
|
|
89
74
|
onPress: async () => {
|
|
90
75
|
setPending(true);
|
|
91
|
-
|
|
92
76
|
try {
|
|
93
77
|
var _item$onPress;
|
|
94
|
-
|
|
95
78
|
await ((_item$onPress = item.onPress) === null || _item$onPress === void 0 ? void 0 : _item$onPress.call(item));
|
|
96
79
|
} catch (e) {
|
|
97
80
|
const errorHandler = onError ?? item.onError;
|
|
@@ -109,7 +92,6 @@ const ActionMenu = _ref => {
|
|
|
109
92
|
}, item.title));
|
|
110
93
|
}))));
|
|
111
94
|
};
|
|
112
|
-
|
|
113
95
|
const styles = (0, _createStyleSheet.default)({
|
|
114
96
|
title: {
|
|
115
97
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ActionMenu","visible","onHide","onError","onDismiss","title","menuItems","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","pending","setPending","useState","_onHide","alignItems","justifyContent","styles","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Modal","_interopRequireDefault","_Text","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","_DialogBox","_LoadingSpinner","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ActionMenu","_ref","visible","onHide","onError","onDismiss","title","menuItems","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","pending","setPending","useState","_onHide","createElement","onClose","backgroundStyle","alignItems","justifyContent","View","style","styles","h1","color","ui","dialog","none","text","numberOfLines","maxWidth","size","highlight","width","marginLeft","buttonContainer","map","item","index","TouchableOpacity","activeOpacity","button","disabled","onPress","_item$onPress","e","errorHandler","Logger","error","subtitle2","destructive","createStyleSheet","flexDirection","paddingHorizontal","paddingVertical","marginTop","marginBottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nimport { Logger } from '@sendbird/uikit-utils';\n\nimport Modal from '../../components/Modal';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport DialogBox from '../Dialog/DialogBox';\nimport LoadingSpinner from '../LoadingSpinner';\n\nexport type ActionMenuItem = {\n title?: string;\n menuItems: {\n title: string;\n style?: 'destructive';\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 = ({ visible, onHide, onError, onDismiss, title, menuItems }: Props) => {\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\n subtitle2\n color={\n item.style === 'destructive'\n ? colors.ui.dialog.default.none.destructive\n : colors.ui.dialog.default.none.text\n }\n numberOfLines={1}\n >\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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"}
|
|
@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _Modal = _interopRequireDefault(require("../../components/Modal"));
|
|
13
|
-
|
|
14
10
|
var _Text = _interopRequireDefault(require("../../components/Text"));
|
|
15
|
-
|
|
16
11
|
var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
|
|
17
|
-
|
|
18
12
|
var _useHeaderStyle = _interopRequireDefault(require("../../styles/useHeaderStyle"));
|
|
19
|
-
|
|
20
13
|
var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
|
|
21
|
-
|
|
22
14
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
23
|
-
|
|
24
15
|
var _DialogBox = _interopRequireDefault(require("../Dialog/DialogBox"));
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
-
|
|
28
17
|
const Alert = _ref => {
|
|
29
18
|
let {
|
|
30
19
|
onDismiss,
|
|
@@ -92,7 +81,6 @@ const Alert = _ref => {
|
|
|
92
81
|
}, text);
|
|
93
82
|
}))));
|
|
94
83
|
};
|
|
95
|
-
|
|
96
84
|
const styles = (0, _createStyleSheet.default)({
|
|
97
85
|
container: {
|
|
98
86
|
paddingTop: 20
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Alert","onDismiss","visible","onHide","title","message","buttons","text","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","alignItems","justifyContent","styles","container","Boolean","titleContainer","ui","dialog","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Modal","_Text","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","_Button","_DialogBox","obj","__esModule","default","Alert","_ref","onDismiss","visible","onHide","title","message","buttons","text","statusBarTranslucent","useHeaderStyle","colors","useUIKitTheme","createElement","onClose","backgroundStyle","alignItems","justifyContent","style","styles","container","Boolean","View","titleContainer","h1","color","ui","dialog","none","numberOfLines","flex","messageContainer","subtitle2","body3","buttonContainer","map","_ref2","index","onPress","key","variant","button","contentColor","destructive","highlight","createStyleSheet","paddingTop","paddingBottom","paddingHorizontal","flexDirection","marginBottom","marginLeft","padding","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { AlertButton, View } from 'react-native';\n\nimport Modal from '../../components/Modal';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Button from '../Button';\nimport DialogBox from '../Dialog/DialogBox';\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 = ({ onDismiss, visible, onHide, title = '', message = '', buttons = [{ text: 'OK' }] }: Props) => {\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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"}
|
|
@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
const MAX = 4;
|
|
15
|
-
|
|
16
11
|
const AvatarGroup = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
children,
|
|
19
14
|
containerStyle,
|
|
20
15
|
size = 56
|
|
21
16
|
} = _ref;
|
|
22
|
-
|
|
23
17
|
const childAmount = _react.default.Children.count(children);
|
|
24
|
-
|
|
25
18
|
if (childAmount === 0) {
|
|
26
19
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
27
20
|
style: [containerStyle, {
|
|
@@ -33,10 +26,8 @@ const AvatarGroup = _ref => {
|
|
|
33
26
|
}]
|
|
34
27
|
});
|
|
35
28
|
}
|
|
36
|
-
|
|
37
29
|
const renderAvatars = () => {
|
|
38
30
|
var _React$Children$map;
|
|
39
|
-
|
|
40
31
|
return ((_React$Children$map = _react.default.Children.map(children, (child, index) => {
|
|
41
32
|
if (index + 1 > MAX) return child;
|
|
42
33
|
if (! /*#__PURE__*/_react.default.isValidElement(child)) return child;
|
|
@@ -69,7 +60,6 @@ const AvatarGroup = _ref => {
|
|
|
69
60
|
}));
|
|
70
61
|
})) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.slice(0, 4)) ?? [];
|
|
71
62
|
};
|
|
72
|
-
|
|
73
63
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
74
64
|
style: [containerStyle, {
|
|
75
65
|
overflow: 'hidden',
|
|
@@ -79,17 +69,14 @@ const AvatarGroup = _ref => {
|
|
|
79
69
|
}]
|
|
80
70
|
}, renderAvatars());
|
|
81
71
|
};
|
|
82
|
-
|
|
83
72
|
const getHeightPoint = (_, total) => {
|
|
84
73
|
if (total === 2) return 1;
|
|
85
74
|
return 0.5;
|
|
86
75
|
};
|
|
87
|
-
|
|
88
76
|
const getWidthPoint = (idx, total) => {
|
|
89
77
|
if (total === 3 && idx === 0) return 1;
|
|
90
78
|
return 0.5;
|
|
91
79
|
};
|
|
92
|
-
|
|
93
80
|
const getTopPoint = (idx, total) => {
|
|
94
81
|
if (total === 2) return -0.025;
|
|
95
82
|
if (total === 3 && idx === 0) return -0.025;
|
|
@@ -97,22 +84,18 @@ const getTopPoint = (idx, total) => {
|
|
|
97
84
|
if (idx === 0 || idx === 1) return -0.025;
|
|
98
85
|
return 0.525;
|
|
99
86
|
};
|
|
100
|
-
|
|
101
87
|
const getLeftPoint = idx => {
|
|
102
88
|
if (idx === 0 || idx === 2) return -0.025;
|
|
103
89
|
return 0.525;
|
|
104
90
|
};
|
|
105
|
-
|
|
106
91
|
const getInnerLeft = (idx, total) => {
|
|
107
92
|
if (total === 3 && idx === 0) return 0;
|
|
108
93
|
return 0.25;
|
|
109
94
|
};
|
|
110
|
-
|
|
111
95
|
const getInnerTop = total => {
|
|
112
96
|
if (total === 2) return 0;
|
|
113
97
|
return 0.25;
|
|
114
98
|
};
|
|
115
|
-
|
|
116
99
|
var _default = AvatarGroup;
|
|
117
100
|
exports.default = _default;
|
|
118
101
|
//# sourceMappingURL=AvatarGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MAX","AvatarGroup","children","containerStyle","size","childAmount","React","Children","count","overflow","width","height","borderRadius","backgroundColor","renderAvatars","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, { ReactElement } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nconst MAX = 4;\n\ntype Props = React.PropsWithChildren<{\n size?: number;\n containerStyle?: StyleProp<ViewStyle>;\n}>;\nconst AvatarGroup = ({ children, containerStyle, size = 56 }: Props) => {\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 renderAvatars = () => {\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 as ReactElement, { 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 as ReactElement, {\n size,\n square: true,\n containerStyle: { left: innerLeft, top: innerTop },\n })}\n </View>\n );\n })?.slice(0, 4) ?? []\n );\n };\n\n return (\n <View style={[containerStyle, { overflow: 'hidden', width: size, height: size, borderRadius: size }]}>\n {renderAvatars()}\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":"
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","MAX","AvatarGroup","_ref","children","containerStyle","size","childAmount","React","Children","count","createElement","View","style","overflow","width","height","borderRadius","backgroundColor","renderAvatars","_React$Children$map","map","child","index","isValidElement","cloneElement","top","getTopPoint","left","getLeftPoint","getWidthPoint","getHeightPoint","innerLeft","getInnerLeft","innerTop","getInnerTop","position","square","slice","_","total","idx","_default","exports"],"sources":["AvatarGroup.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nconst MAX = 4;\n\ntype Props = React.PropsWithChildren<{\n size?: number;\n containerStyle?: StyleProp<ViewStyle>;\n}>;\nconst AvatarGroup = ({ children, containerStyle, size = 56 }: Props) => {\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 renderAvatars = () => {\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 as ReactElement, { 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 as ReactElement, {\n size,\n square: true,\n containerStyle: { left: innerLeft, top: innerTop },\n })}\n </View>\n );\n })?.slice(0, 4) ?? []\n );\n };\n\n return (\n <View style={[containerStyle, { overflow: 'hidden', width: size, height: size, borderRadius: size }]}>\n {renderAvatars()}\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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"}
|