@sendbird/uikit-react-native-foundation 3.7.6 → 3.8.0

package/lib/commonjs/ui/GroupChannelPreview/index.js

@@ -5,42 +5,41 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
 var _uikitUtils = require("@sendbird/uikit-utils");
+var _Box = _interopRequireDefault(require("../../components/Box"));
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
 var _Image = _interopRequireDefault(require("../../components/Image"));
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
 var _Badge = _interopRequireDefault(require("../Badge"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const GroupChannelPreview = _ref => {
-  let {
-    customCover,
-    coverUrl,
-    memberCount,
-    badgeCount,
-    maxBadgeCount,
-    body,
-    bodyIcon,
-    title,
-    titleCaption,
-    titleCaptionLeft,
-    frozen,
-    notificationOff,
-    broadcast,
-    mentioned,
-    mentionTrigger = '@'
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GroupChannelPreview = ({
+  customCover,
+  coverUrl,
+  memberCount,
+  badgeCount,
+  maxBadgeCount,
+  body,
+  bodyIcon,
+  title,
+  titleCaption,
+  titleCaptionLeft,
+  frozen,
+  notificationOff,
+  broadcast,
+  mentioned,
+  mentionTrigger = '@'
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
   const color = colors.ui.groupChannelPreview;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: [styles.container, {
       backgroundColor: color.default.none.background
     }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.coverContainer
   }, (0, _uikitUtils.conditionChaining)([Boolean(customCover)], [customCover, /*#__PURE__*/_react.default.createElement(_Image.default, {
     resizeMode: 'cover',
@@ -50,11 +49,11 @@ const GroupChannelPreview = _ref => {
     source: {
       uri: coverUrl
     }
-  })])), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })])), /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.rightSection
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.rightTopSection
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.channelInfoContainer
   }, broadcast && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     size: 16,
@@ -79,17 +78,17 @@ const GroupChannelPreview = _ref => {
     size: 16,
     icon: 'notifications-off-filled',
     color: colors.onBackground03
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.titleCaptionContainer
   }, titleCaptionLeft, /*#__PURE__*/_react.default.createElement(_Text.default, {
     caption2: true,
     color: color.default.none.textTitleCaption,
     style: styles.titleCaptionText
-  }, titleCaption))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, titleCaption))), /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.rightBottomSection
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.body
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.bodyWrapper
   }, bodyIcon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     size: 18,
@@ -98,13 +97,15 @@ const GroupChannelPreview = _ref => {
     containerStyle: [styles.bodyIcon, {
       backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground
     }]
-  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flex: 1,
+    alignItems: 'flex-start'
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     body3: true,
     numberOfLines: 1,
     ellipsizeMode: bodyIcon ? 'middle' : 'tail',
-    style: styles.bodyText,
     color: color.default.none.textBody
-  }, body))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, body)))), /*#__PURE__*/_react.default.createElement(_Box.default, {
     style: styles.unreadContainer
   }, mentioned && /*#__PURE__*/_react.default.createElement(_Text.default, {
     h2: true,
@@ -117,16 +118,13 @@ const GroupChannelPreview = _ref => {
     color: color.default.none.separator
   })));
 };
-const Separator = _ref2 => {
-  let {
-    color
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.separator, {
-      backgroundColor: color
-    }]
-  });
-};
+const Separator = ({
+  color
+}) => /*#__PURE__*/_react.default.createElement(_Box.default, {
+  style: [styles.separator, {
+    backgroundColor: color
+  }]
+});
 const styles = (0, _createStyleSheet.default)({
   container: {
     height: 76,
@@ -136,8 +134,8 @@ const styles = (0, _createStyleSheet.default)({
     justifyContent: 'center'
   },
   coverContainer: {
-    marginLeft: 16,
-    marginRight: 16
+    marginStart: 16,
+    marginEnd: 16
   },
   channelCover: {
     width: 56,
@@ -147,7 +145,7 @@ const styles = (0, _createStyleSheet.default)({
   rightSection: {
     flex: 1,
     paddingTop: 10,
-    paddingRight: 16
+    paddingEnd: 16
   },
   rightTopSection: {
     flexDirection: 'row',
@@ -155,28 +153,28 @@ const styles = (0, _createStyleSheet.default)({
   },
   channelInfoContainer: {
     flex: 1,
-    marginRight: 4,
+    marginEnd: 4,
     alignItems: 'center',
     flexDirection: 'row'
   },
   channelInfoBroadcast: {
-    marginRight: 4
+    marginEnd: 4
   },
   channelInfoTitle: {
     flexShrink: 1,
-    marginRight: 4
+    marginEnd: 4
   },
   channelInfoMemberCount: {
     paddingTop: 2,
-    marginRight: 4
+    marginEnd: 4
   },
   channelInfoFrozen: {
-    marginRight: 4
+    marginEnd: 4
   },
   titleCaptionContainer: {
     alignItems: 'flex-start',
     flexDirection: 'row',
-    marginLeft: 4
+    marginStart: 4
   },
   titleCaptionText: {
     marginTop: 2
@@ -187,7 +185,7 @@ const styles = (0, _createStyleSheet.default)({
     flexDirection: 'row'
   },
   body: {
-    marginRight: 4,
+    marginEnd: 4,
     flex: 1,
     flexDirection: 'row',
     alignItems: 'flex-start'
@@ -196,30 +194,26 @@ const styles = (0, _createStyleSheet.default)({
     flexDirection: 'row',
     alignItems: 'center'
   },
-  bodyText: {
-    flex: 1
-  },
   bodyIcon: {
     borderRadius: 8,
     width: 26,
     height: 26,
-    marginRight: 4
+    marginEnd: 4
   },
   unreadContainer: {
     flexDirection: 'row',
     alignItems: 'flex-start'
   },
   unreadMention: {
-    marginRight: 4
+    marginEnd: 4
   },
   separator: {
     position: 'absolute',
-    left: 0,
-    right: -16,
+    start: 0,
+    end: -16,
     bottom: 0,
     height: 1
   }
 });
-var _default = GroupChannelPreview;
-exports.default = _default;
+var _default = exports.default = GroupChannelPreview;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/ui/GroupChannelPreview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","_Badge","obj","__esModule","default","GroupChannelPreview","_ref","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","mentioned","mentionTrigger","colors","useUIKitTheme","color","ui","groupChannelPreview","createElement","View","style","styles","container","backgroundColor","none","background","coverContainer","conditionChaining","Boolean","resizeMode","channelCover","coverBackground","source","uri","rightSection","rightTopSection","channelInfoContainer","size","icon","secondary","containerStyle","channelInfoBroadcast","numberOfLines","subtitle1","channelInfoTitle","textTitle","caption1","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","caption2","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","body3","ellipsizeMode","bodyText","textBody","unreadContainer","h2","badge","unreadMention","count","maxCount","Separator","separator","_ref2","createStyleSheet","height","width","flexDirection","alignItems","justifyContent","marginLeft","marginRight","borderRadius","flex","paddingTop","paddingRight","marginBottom","flexShrink","marginTop","position","left","right","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Badge from '../Badge';\n\ntype Props = {\n  customCover?: React.ReactNode;\n  coverUrl: string;\n\n  title: string;\n\n  titleCaption: string;\n  titleCaptionLeft?: React.ReactNode;\n\n  bodyIcon?: keyof typeof Icon.Assets;\n  body: string;\n\n  memberCount?: number;\n  badgeCount: number;\n  maxBadgeCount?: number;\n\n  frozen?: boolean;\n  notificationOff?: boolean;\n  broadcast?: boolean;\n  mentioned?: boolean;\n  mentionTrigger?: string;\n};\n\nconst GroupChannelPreview = ({\n  customCover,\n  coverUrl,\n  memberCount,\n  badgeCount,\n  maxBadgeCount,\n  body,\n  bodyIcon,\n  title,\n  titleCaption,\n  titleCaptionLeft,\n  frozen,\n  notificationOff,\n  broadcast,\n  mentioned,\n  mentionTrigger = '@',\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelPreview;\n\n  return (\n    <View style={[styles.container, { backgroundColor: color.default.none.background }]}>\n      <View style={styles.coverContainer}>\n        {conditionChaining(\n          [Boolean(customCover)],\n          [\n            customCover,\n            <Image\n              resizeMode={'cover'}\n              style={[styles.channelCover, { backgroundColor: color.default.none.coverBackground }]}\n              source={{ uri: coverUrl }}\n            />,\n          ],\n        )}\n      </View>\n      <View style={styles.rightSection}>\n        <View style={styles.rightTopSection}>\n          <View style={styles.channelInfoContainer}>\n            {broadcast && (\n              <Icon\n                size={16}\n                icon={'broadcast'}\n                color={colors.secondary}\n                containerStyle={styles.channelInfoBroadcast}\n              />\n            )}\n            <Text numberOfLines={1} subtitle1 style={styles.channelInfoTitle} color={color.default.none.textTitle}>\n              {title}\n            </Text>\n            {Boolean(memberCount) && (\n              <Text caption1 style={styles.channelInfoMemberCount} color={color.default.none.memberCount}>\n                {memberCount}\n              </Text>\n            )}\n            {frozen && (\n              <Icon size={16} icon={'freeze'} color={colors.primary} containerStyle={styles.channelInfoFrozen} />\n            )}\n            {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n          </View>\n          <View style={styles.titleCaptionContainer}>\n            {titleCaptionLeft}\n            <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n              {titleCaption}\n            </Text>\n          </View>\n        </View>\n\n        <View style={styles.rightBottomSection}>\n          <View style={styles.body}>\n            <View style={styles.bodyWrapper}>\n              {bodyIcon && (\n                <Icon\n                  size={18}\n                  icon={bodyIcon}\n                  color={color.default.none.bodyIcon}\n                  containerStyle={[\n                    styles.bodyIcon,\n                    { backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground },\n                  ]}\n                />\n              )}\n              <Text\n                body3\n                numberOfLines={1}\n                ellipsizeMode={bodyIcon ? 'middle' : 'tail'}\n                style={styles.bodyText}\n                color={color.default.none.textBody}\n              >\n                {body}\n              </Text>\n            </View>\n          </View>\n          <View style={styles.unreadContainer}>\n            {mentioned && (\n              <Text h2 color={colors.ui.badge.default.none.background} style={styles.unreadMention}>\n                {mentionTrigger}\n              </Text>\n            )}\n            {badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}\n          </View>\n        </View>\n        <Separator color={color.default.none.separator} />\n      </View>\n    </View>\n  );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <View style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n  container: {\n    height: 76,\n    width: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  coverContainer: {\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  channelCover: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n  },\n  rightSection: {\n    flex: 1,\n    paddingTop: 10,\n    paddingRight: 16,\n  },\n  rightTopSection: {\n    flexDirection: 'row',\n    marginBottom: 4,\n  },\n  channelInfoContainer: {\n    flex: 1,\n    marginRight: 4,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  channelInfoBroadcast: {\n    marginRight: 4,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n    marginRight: 4,\n  },\n  channelInfoMemberCount: {\n    paddingTop: 2,\n    marginRight: 4,\n  },\n  channelInfoFrozen: {\n    marginRight: 4,\n  },\n  titleCaptionContainer: {\n    alignItems: 'flex-start',\n    flexDirection: 'row',\n    marginLeft: 4,\n  },\n  titleCaptionText: {\n    marginTop: 2,\n  },\n  rightBottomSection: {\n    flex: 1,\n    height: '100%',\n    flexDirection: 'row',\n  },\n  body: {\n    marginRight: 4,\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  bodyWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  bodyText: {\n    flex: 1,\n  },\n  bodyIcon: {\n    borderRadius: 8,\n    width: 26,\n    height: 26,\n    marginRight: 4,\n  },\n  unreadContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  unreadMention: {\n    marginRight: 4,\n  },\n  separator: {\n    position: 'absolute',\n    left: 0,\n    right: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitUtils","_Box","_Icon","_Image","_Text","_createStyleSheet","_useUIKitTheme","_Badge","e","__esModule","default","GroupChannelPreview","customCover","coverUrl","memberCount","badgeCount","maxBadgeCount","body","bodyIcon","title","titleCaption","titleCaptionLeft","frozen","notificationOff","broadcast","mentioned","mentionTrigger","colors","useUIKitTheme","color","ui","groupChannelPreview","createElement","style","styles","container","backgroundColor","none","background","coverContainer","conditionChaining","Boolean","resizeMode","channelCover","coverBackground","source","uri","rightSection","rightTopSection","channelInfoContainer","size","icon","secondary","containerStyle","channelInfoBroadcast","numberOfLines","subtitle1","channelInfoTitle","textTitle","caption1","channelInfoMemberCount","primary","channelInfoFrozen","onBackground03","titleCaptionContainer","caption2","textTitleCaption","titleCaptionText","rightBottomSection","bodyWrapper","bodyIconBackground","flex","alignItems","body3","ellipsizeMode","textBody","unreadContainer","h2","badge","unreadMention","count","maxCount","Separator","separator","createStyleSheet","height","width","flexDirection","justifyContent","marginStart","marginEnd","borderRadius","paddingTop","paddingEnd","marginBottom","flexShrink","marginTop","position","start","end","bottom","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Box from '../../components/Box';\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport Badge from '../Badge';\n\ntype Props = {\n  customCover?: React.ReactNode;\n  coverUrl: string;\n\n  title: string;\n\n  titleCaption: string;\n  titleCaptionLeft?: React.ReactNode;\n\n  bodyIcon?: keyof typeof Icon.Assets;\n  body: string;\n\n  memberCount?: number;\n  badgeCount: number;\n  maxBadgeCount?: number;\n\n  frozen?: boolean;\n  notificationOff?: boolean;\n  broadcast?: boolean;\n  mentioned?: boolean;\n  mentionTrigger?: string;\n};\n\nconst GroupChannelPreview = ({\n  customCover,\n  coverUrl,\n  memberCount,\n  badgeCount,\n  maxBadgeCount,\n  body,\n  bodyIcon,\n  title,\n  titleCaption,\n  titleCaptionLeft,\n  frozen,\n  notificationOff,\n  broadcast,\n  mentioned,\n  mentionTrigger = '@',\n}: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.groupChannelPreview;\n\n  return (\n    <Box style={[styles.container, { backgroundColor: color.default.none.background }]}>\n      <Box style={styles.coverContainer}>\n        {conditionChaining(\n          [Boolean(customCover)],\n          [\n            customCover,\n            <Image\n              resizeMode={'cover'}\n              style={[styles.channelCover, { backgroundColor: color.default.none.coverBackground }]}\n              source={{ uri: coverUrl }}\n            />,\n          ],\n        )}\n      </Box>\n      <Box style={styles.rightSection}>\n        <Box style={styles.rightTopSection}>\n          <Box style={styles.channelInfoContainer}>\n            {broadcast && (\n              <Icon\n                size={16}\n                icon={'broadcast'}\n                color={colors.secondary}\n                containerStyle={styles.channelInfoBroadcast}\n              />\n            )}\n            <Text numberOfLines={1} subtitle1 style={styles.channelInfoTitle} color={color.default.none.textTitle}>\n              {title}\n            </Text>\n            {Boolean(memberCount) && (\n              <Text caption1 style={styles.channelInfoMemberCount} color={color.default.none.memberCount}>\n                {memberCount}\n              </Text>\n            )}\n            {frozen && (\n              <Icon size={16} icon={'freeze'} color={colors.primary} containerStyle={styles.channelInfoFrozen} />\n            )}\n            {notificationOff && <Icon size={16} icon={'notifications-off-filled'} color={colors.onBackground03} />}\n          </Box>\n          <Box style={styles.titleCaptionContainer}>\n            {titleCaptionLeft}\n            <Text caption2 color={color.default.none.textTitleCaption} style={styles.titleCaptionText}>\n              {titleCaption}\n            </Text>\n          </Box>\n        </Box>\n\n        <Box style={styles.rightBottomSection}>\n          <Box style={styles.body}>\n            <Box style={styles.bodyWrapper}>\n              {bodyIcon && (\n                <Icon\n                  size={18}\n                  icon={bodyIcon}\n                  color={color.default.none.bodyIcon}\n                  containerStyle={[\n                    styles.bodyIcon,\n                    { backgroundColor: colors.ui.groupChannelPreview.default.none.bodyIconBackground },\n                  ]}\n                />\n              )}\n              <Box flex={1} alignItems={'flex-start'}>\n                <Text\n                  body3\n                  numberOfLines={1}\n                  ellipsizeMode={bodyIcon ? 'middle' : 'tail'}\n                  color={color.default.none.textBody}\n                >\n                  {body}\n                </Text>\n              </Box>\n            </Box>\n          </Box>\n          <Box style={styles.unreadContainer}>\n            {mentioned && (\n              <Text h2 color={colors.ui.badge.default.none.background} style={styles.unreadMention}>\n                {mentionTrigger}\n              </Text>\n            )}\n            {badgeCount > 0 && <Badge count={badgeCount} maxCount={maxBadgeCount} />}\n          </Box>\n        </Box>\n        <Separator color={color.default.none.separator} />\n      </Box>\n    </Box>\n  );\n};\n\ntype SeparatorProps = { color: string };\nconst Separator = ({ color }: SeparatorProps) => <Box style={[styles.separator, { backgroundColor: color }]} />;\n\nconst styles = createStyleSheet({\n  container: {\n    height: 76,\n    width: '100%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  coverContainer: {\n    marginStart: 16,\n    marginEnd: 16,\n  },\n  channelCover: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n  },\n  rightSection: {\n    flex: 1,\n    paddingTop: 10,\n    paddingEnd: 16,\n  },\n  rightTopSection: {\n    flexDirection: 'row',\n    marginBottom: 4,\n  },\n  channelInfoContainer: {\n    flex: 1,\n    marginEnd: 4,\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  channelInfoBroadcast: {\n    marginEnd: 4,\n  },\n  channelInfoTitle: {\n    flexShrink: 1,\n    marginEnd: 4,\n  },\n  channelInfoMemberCount: {\n    paddingTop: 2,\n    marginEnd: 4,\n  },\n  channelInfoFrozen: {\n    marginEnd: 4,\n  },\n  titleCaptionContainer: {\n    alignItems: 'flex-start',\n    flexDirection: 'row',\n    marginStart: 4,\n  },\n  titleCaptionText: {\n    marginTop: 2,\n  },\n  rightBottomSection: {\n    flex: 1,\n    height: '100%',\n    flexDirection: 'row',\n  },\n  body: {\n    marginEnd: 4,\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  bodyWrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  bodyIcon: {\n    borderRadius: 8,\n    width: 26,\n    height: 26,\n    marginEnd: 4,\n  },\n  unreadContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  unreadMention: {\n    marginEnd: 4,\n  },\n  separator: {\n    position: 'absolute',\n    start: 0,\n    end: -16,\n    bottom: 0,\n    height: 1,\n  },\n});\n\nexport default GroupChannelPreview;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/Header/index.js

@@ -6,32 +6,30 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _Text = _interopRequireDefault(require("../../components/Text"));
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
 var _useHeaderStyle = _interopRequireDefault(require("../../styles/useHeaderStyle"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const AlignMapper = {
   left: 'flex-start',
   center: 'center',
   right: 'flex-end'
 };
-const Header = _ref => {
-  let {
-    children,
-    titleAlign,
-    title = null,
-    left = null,
-    right = null,
-    onPressLeft,
-    onPressRight,
-    clearTitleMargin = false,
-    clearStatusBarTopInset = false,
-    statusBarTopInsetAs = 'padding'
-  } = _ref;
+const Header = ({
+  children,
+  titleAlign,
+  title = null,
+  left = null,
+  right = null,
+  onPressLeft,
+  onPressRight,
+  clearTitleMargin = false,
+  clearStatusBarTopInset = false,
+  statusBarTopInsetAs = 'padding'
+}) => {
   const {
     topInset,
     defaultTitleAlign,
@@ -40,10 +38,7 @@ const Header = _ref => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
-  const {
-    left: paddingLeft,
-    right: paddingRight
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const safeArea = (0, _uikitUtils.useSafeAreaPadding)(['left', 'right']);
   const actualTitleAlign = titleAlign ?? defaultTitleAlign;
   const actualTopInset = clearStatusBarTopInset ? 0 : topInset;
   if (!title && !left && !right) {
@@ -57,8 +52,8 @@ const Header = _ref => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
       [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,
-      paddingLeft: paddingLeft + styles.container.paddingHorizontal,
-      paddingRight: paddingRight + styles.container.paddingHorizontal,
+      paddingStart: safeArea.paddingStart + styles.container.paddingHorizontal,
+      paddingEnd: safeArea.paddingEnd + styles.container.paddingHorizontal,
       backgroundColor: colors.ui.header.nav.none.background,
       borderBottomColor: colors.ui.header.nav.none.borderBottom
     }]
@@ -82,12 +77,11 @@ const Header = _ref => {
     onPressRight: onPressRight
   })), children);
 };
-const LeftSide = _ref2 => {
-  let {
-    titleAlign,
-    onPressLeft,
-    left
-  } = _ref2;
+const LeftSide = ({
+  titleAlign,
+  onPressLeft,
+  left
+}) => {
   if (titleAlign === 'center') {
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: styles.left
@@ -102,12 +96,11 @@ const LeftSide = _ref2 => {
     onPress: onPressLeft
   }, left));
 };
-const RightSide = _ref3 => {
-  let {
-    titleAlign,
-    onPressRight,
-    right
-  } = _ref3;
+const RightSide = ({
+  titleAlign,
+  onPressRight,
+  right
+}) => {
   if (titleAlign === 'center') {
     return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
       style: styles.right
@@ -122,24 +115,22 @@ const RightSide = _ref3 => {
     onPress: onPressRight
   }, right));
 };
-const HeaderTitle = _ref4 => {
-  let {
-    children,
-    style,
-    ...props
-  } = _ref4;
+const HeaderTitle = ({
+  children,
+  style,
+  ...props
+}) => {
   return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({}, props, {
     h1: true,
     numberOfLines: 1,
     style: style
   }), children);
 };
-const HeaderSubtitle = _ref5 => {
-  let {
-    children,
-    style,
-    ...props
-  } = _ref5;
+const HeaderSubtitle = ({
+  children,
+  style,
+  ...props
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -151,14 +142,13 @@ const HeaderSubtitle = _ref5 => {
     style: style
   }), children);
 };
-const HeaderButton = _ref6 => {
-  let {
-    children,
-    disabled,
-    onPress,
-    color,
-    ...props
-  } = _ref6;
+const HeaderButton = ({
+  children,
+  disabled,
+  onPress,
+  color,
+  ...props
+}) => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({
     style: styles.button
   }, props, {
@@ -203,10 +193,9 @@ const styles = (0, _createStyleSheet.default)({
     padding: 4
   }
 });
-var _default = Object.assign(Header, {
+var _default = exports.default = Object.assign(Header, {
   Button: HeaderButton,
   Title: HeaderTitle,
   Subtitle: HeaderSubtitle
 });
-exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/ui/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitUtils","_Text","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","AlignMapper","left","center","right","Header","_ref","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","useHeaderStyle","colors","useUIKitTheme","paddingLeft","paddingRight","useSafeAreaInsets","actualTitleAlign","actualTopInset","createElement","View","style","paddingTop","backgroundColor","ui","header","nav","none","background","styles","container","paddingHorizontal","borderBottomColor","borderBottom","height","LeftSide","marginHorizontal","justifyContent","HeaderTitle","RightSide","_ref2","HeaderButton","onPress","_ref3","_ref4","props","h1","numberOfLines","HeaderSubtitle","_ref5","color","onBackground03","caption2","_ref6","disabled","TouchableOpacity","button","e","activeOpacity","conditionChaining","createStyleSheet","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","_default","Button","Title","Subtitle","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Text, { TextProps } from '../../components/Text';\nimport type { BaseHeaderProps, HeaderElement } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nexport type HeaderProps = BaseHeaderProps<\n  {\n    title?: HeaderElement;\n    left?: HeaderElement;\n    right?: HeaderElement;\n    onPressLeft?: () => void;\n    onPressRight?: () => void;\n  },\n  {\n    clearTitleMargin?: boolean;\n    clearStatusBarTopInset?: boolean;\n    statusBarTopInsetAs?: 'padding' | 'margin';\n  }\n>;\n\nconst AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;\nconst Header = ({\n  children,\n  titleAlign,\n  title = null,\n  left = null,\n  right = null,\n  onPressLeft,\n  onPressRight,\n  clearTitleMargin = false,\n  clearStatusBarTopInset = false,\n  statusBarTopInsetAs = 'padding',\n}: HeaderProps) => {\n  const { topInset, defaultTitleAlign, defaultHeight } = useHeaderStyle();\n\n  const { colors } = useUIKitTheme();\n  const { left: paddingLeft, right: paddingRight } = useSafeAreaInsets();\n\n  const actualTitleAlign = titleAlign ?? defaultTitleAlign;\n  const actualTopInset = clearStatusBarTopInset ? 0 : topInset;\n\n  if (!title && !left && !right) {\n    return (\n      <View style={{ paddingTop: actualTopInset, backgroundColor: colors.ui.header.nav.none.background }}>\n        {children}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,\n          paddingLeft: paddingLeft + styles.container.paddingHorizontal,\n          paddingRight: paddingRight + styles.container.paddingHorizontal,\n          backgroundColor: colors.ui.header.nav.none.background,\n          borderBottomColor: colors.ui.header.nav.none.borderBottom,\n        },\n      ]}\n    >\n      <View style={[styles.header, { height: defaultHeight }]}>\n        <LeftSide titleAlign={actualTitleAlign} left={left} onPressLeft={onPressLeft} />\n        <View\n          style={[\n            styles.title,\n            clearTitleMargin && { marginHorizontal: 0 },\n            { justifyContent: AlignMapper[actualTitleAlign] },\n          ]}\n        >\n          {typeof title === 'string' ? <HeaderTitle>{title}</HeaderTitle> : title}\n        </View>\n        <RightSide titleAlign={actualTitleAlign} right={right} onPressRight={onPressRight} />\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;\n  }\n  if (!left) return null;\n  return (\n    <View style={styles.left}>\n      <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>\n    </View>\n  );\n};\n\nconst RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;\n  }\n  if (!right) return null;\n  return (\n    <View style={styles.right}>\n      <HeaderButton onPress={onPressRight}>{right}</HeaderButton>\n    </View>\n  );\n};\n\nconst HeaderTitle = ({ children, style, ...props }: TextProps) => {\n  return (\n    <Text {...props} h1 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderSubtitle = ({ children, style, ...props }: TextProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {\n  return (\n    <TouchableOpacity\n      style={styles.button}\n      {...props}\n      disabled={!onPress || disabled}\n      onPress={(e) => onPress?.(e)}\n      activeOpacity={0.7}\n    >\n      {conditionChaining(\n        [typeof children === 'string' || typeof children === 'number'],\n        [\n          <Text button numberOfLines={1} color={color}>\n            {children}\n          </Text>,\n          children,\n        ],\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    borderBottomWidth: 1,\n  },\n  header: {\n    flexDirection: 'row',\n  },\n  title: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginHorizontal: 12,\n  },\n  left: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: 12,\n  },\n  right: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginLeft: 12,\n  },\n  button: {\n    padding: 4,\n  },\n});\n\nexport default Object.assign(Header, {\n  Button: HeaderButton,\n  Title: HeaderTitle,\n  Subtitle: HeaderSubtitle,\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Text","_createStyleSheet","_useHeaderStyle","_useUIKitTheme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","AlignMapper","left","center","right","Header","children","titleAlign","title","onPressLeft","onPressRight","clearTitleMargin","clearStatusBarTopInset","statusBarTopInsetAs","topInset","defaultTitleAlign","defaultHeight","useHeaderStyle","colors","useUIKitTheme","safeArea","useSafeAreaPadding","actualTitleAlign","actualTopInset","createElement","View","style","paddingTop","backgroundColor","ui","header","nav","none","background","styles","container","paddingStart","paddingHorizontal","paddingEnd","borderBottomColor","borderBottom","height","LeftSide","marginHorizontal","justifyContent","HeaderTitle","RightSide","HeaderButton","onPress","props","h1","numberOfLines","HeaderSubtitle","color","onBackground03","caption2","disabled","TouchableOpacity","button","activeOpacity","conditionChaining","createStyleSheet","borderBottomWidth","flexDirection","flex","alignItems","minWidth","marginRight","marginLeft","padding","_default","exports","Button","Title","Subtitle"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\n\nimport { conditionChaining, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport Text, { TextProps } from '../../components/Text';\nimport type { BaseHeaderProps, HeaderElement } from '../../index';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\nexport type HeaderProps = BaseHeaderProps<\n  {\n    title?: HeaderElement;\n    left?: HeaderElement;\n    right?: HeaderElement;\n    onPressLeft?: () => void;\n    onPressRight?: () => void;\n  },\n  {\n    clearTitleMargin?: boolean;\n    clearStatusBarTopInset?: boolean;\n    statusBarTopInsetAs?: 'padding' | 'margin';\n  }\n>;\n\nconst AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;\nconst Header = ({\n  children,\n  titleAlign,\n  title = null,\n  left = null,\n  right = null,\n  onPressLeft,\n  onPressRight,\n  clearTitleMargin = false,\n  clearStatusBarTopInset = false,\n  statusBarTopInsetAs = 'padding',\n}: HeaderProps) => {\n  const { topInset, defaultTitleAlign, defaultHeight } = useHeaderStyle();\n\n  const { colors } = useUIKitTheme();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  const actualTitleAlign = titleAlign ?? defaultTitleAlign;\n  const actualTopInset = clearStatusBarTopInset ? 0 : topInset;\n\n  if (!title && !left && !right) {\n    return (\n      <View style={{ paddingTop: actualTopInset, backgroundColor: colors.ui.header.nav.none.background }}>\n        {children}\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          [statusBarTopInsetAs === 'padding' ? 'paddingTop' : 'marginTop']: actualTopInset,\n          paddingStart: safeArea.paddingStart + styles.container.paddingHorizontal,\n          paddingEnd: safeArea.paddingEnd + styles.container.paddingHorizontal,\n          backgroundColor: colors.ui.header.nav.none.background,\n          borderBottomColor: colors.ui.header.nav.none.borderBottom,\n        },\n      ]}\n    >\n      <View style={[styles.header, { height: defaultHeight }]}>\n        <LeftSide titleAlign={actualTitleAlign} left={left} onPressLeft={onPressLeft} />\n        <View\n          style={[\n            styles.title,\n            clearTitleMargin && { marginHorizontal: 0 },\n            { justifyContent: AlignMapper[actualTitleAlign] },\n          ]}\n        >\n          {typeof title === 'string' ? <HeaderTitle>{title}</HeaderTitle> : title}\n        </View>\n        <RightSide titleAlign={actualTitleAlign} right={right} onPressRight={onPressRight} />\n      </View>\n      {children}\n    </View>\n  );\n};\n\nconst LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;\n  }\n  if (!left) return null;\n  return (\n    <View style={styles.left}>\n      <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>\n    </View>\n  );\n};\n\nconst RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {\n  if (titleAlign === 'center') {\n    return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;\n  }\n  if (!right) return null;\n  return (\n    <View style={styles.right}>\n      <HeaderButton onPress={onPressRight}>{right}</HeaderButton>\n    </View>\n  );\n};\n\nconst HeaderTitle = ({ children, style, ...props }: TextProps) => {\n  return (\n    <Text {...props} h1 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderSubtitle = ({ children, style, ...props }: TextProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>\n      {children}\n    </Text>\n  );\n};\nconst HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {\n  return (\n    <TouchableOpacity\n      style={styles.button}\n      {...props}\n      disabled={!onPress || disabled}\n      onPress={(e) => onPress?.(e)}\n      activeOpacity={0.7}\n    >\n      {conditionChaining(\n        [typeof children === 'string' || typeof children === 'number'],\n        [\n          <Text button numberOfLines={1} color={color}>\n            {children}\n          </Text>,\n          children,\n        ],\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    borderBottomWidth: 1,\n  },\n  header: {\n    flexDirection: 'row',\n  },\n  title: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginHorizontal: 12,\n  },\n  left: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: 12,\n  },\n  right: {\n    height: '100%',\n    minWidth: 32,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginLeft: 12,\n  },\n  button: {\n    padding: 4,\n  },\n});\n\nexport default Object.assign(Header, {\n  Button: HeaderButton,\n  Title: HeaderTitle,\n  Subtitle: HeaderSubtitle,\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAiBtD,MAAMO,WAAW,GAAG;EAAEC,IAAI,EAAE,YAAY;EAAEC,MAAM,EAAE,QAAQ;EAAEC,KAAK,EAAE;AAAW,CAAU;AACxF,MAAMC,MAAM,GAAGA,CAAC;EACdC,QAAQ;EACRC,UAAU;EACVC,KAAK,GAAG,IAAI;EACZN,IAAI,GAAG,IAAI;EACXE,KAAK,GAAG,IAAI;EACZK,WAAW;EACXC,YAAY;EACZC,gBAAgB,GAAG,KAAK;EACxBC,sBAAsB,GAAG,KAAK;EAC9BC,mBAAmB,GAAG;AACX,CAAC,KAAK;EACjB,MAAM;IAAEC,QAAQ;IAAEC,iBAAiB;IAAEC;EAAc,CAAC,GAAG,IAAAC,uBAAc,EAAC,CAAC;EAEvE,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,8BAAkB,EAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAEtD,MAAMC,gBAAgB,GAAGf,UAAU,IAAIQ,iBAAiB;EACxD,MAAMQ,cAAc,GAAGX,sBAAsB,GAAG,CAAC,GAAGE,QAAQ;EAE5D,IAAI,CAACN,KAAK,IAAI,CAACN,IAAI,IAAI,CAACE,KAAK,EAAE;IAC7B,oBACE3B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;MAACC,KAAK,EAAE;QAAEC,UAAU,EAAEJ,cAAc;QAAEK,eAAe,EAAEV,MAAM,CAACW,EAAE,CAACC,MAAM,CAACC,GAAG,CAACC,IAAI,CAACC;MAAW;IAAE,GAChG3B,QACG,CAAC;EAEX;EAEA,oBACE7B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IACHC,KAAK,EAAE,CACLQ,MAAM,CAACC,SAAS,EAChB;MACE,CAACtB,mBAAmB,KAAK,SAAS,GAAG,YAAY,GAAG,WAAW,GAAGU,cAAc;MAChFa,YAAY,EAAEhB,QAAQ,CAACgB,YAAY,GAAGF,MAAM,CAACC,SAAS,CAACE,iBAAiB;MACxEC,UAAU,EAAElB,QAAQ,CAACkB,UAAU,GAAGJ,MAAM,CAACC,SAAS,CAACE,iBAAiB;MACpET,eAAe,EAAEV,MAAM,CAACW,EAAE,CAACC,MAAM,CAACC,GAAG,CAACC,IAAI,CAACC,UAAU;MACrDM,iBAAiB,EAAErB,MAAM,CAACW,EAAE,CAACC,MAAM,CAACC,GAAG,CAACC,IAAI,CAACQ;IAC/C,CAAC;EACD,gBAEF/D,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IAACC,KAAK,EAAE,CAACQ,MAAM,CAACJ,MAAM,EAAE;MAAEW,MAAM,EAAEzB;IAAc,CAAC;EAAE,gBACtDvC,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACkB,QAAQ;IAACnC,UAAU,EAAEe,gBAAiB;IAACpB,IAAI,EAAEA,IAAK;IAACO,WAAW,EAAEA;EAAY,CAAE,CAAC,eAChFhC,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IACHC,KAAK,EAAE,CACLQ,MAAM,CAAC1B,KAAK,EACZG,gBAAgB,IAAI;MAAEgC,gBAAgB,EAAE;IAAE,CAAC,EAC3C;MAAEC,cAAc,EAAE3C,WAAW,CAACqB,gBAAgB;IAAE,CAAC;EACjD,GAED,OAAOd,KAAK,KAAK,QAAQ,gBAAG/B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACqB,WAAW,QAAErC,KAAmB,CAAC,GAAGA,KAC9D,CAAC,eACP/B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACsB,SAAS;IAACvC,UAAU,EAAEe,gBAAiB;IAAClB,KAAK,EAAEA,KAAM;IAACM,YAAY,EAAEA;EAAa,CAAE,CAChF,CAAC,EACNJ,QACG,CAAC;AAEX,CAAC;AAED,MAAMoC,QAAQ,GAAGA,CAAC;EAAEnC,UAAU;EAAEE,WAAW;EAAEP;AAAkB,CAAC,KAAK;EACnE,IAAIK,UAAU,KAAK,QAAQ,EAAE;IAC3B,oBAAO9B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;MAACC,KAAK,EAAEQ,MAAM,CAAChC;IAAK,GAAEA,IAAI,iBAAIzB,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACuB,YAAY;MAACC,OAAO,EAAEvC;IAAY,GAAEP,IAAmB,CAAQ,CAAC;EAC7G;EACA,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;EACtB,oBACEzB,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IAACC,KAAK,EAAEQ,MAAM,CAAChC;EAAK,gBACvBzB,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACuB,YAAY;IAACC,OAAO,EAAEvC;EAAY,GAAEP,IAAmB,CACpD,CAAC;AAEX,CAAC;AAED,MAAM4C,SAAS,GAAGA,CAAC;EAAEvC,UAAU;EAAEG,YAAY;EAAEN;AAAmB,CAAC,KAAK;EACtE,IAAIG,UAAU,KAAK,QAAQ,EAAE;IAC3B,oBAAO9B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;MAACC,KAAK,EAAEQ,MAAM,CAAC9B;IAAM,GAAEA,KAAK,iBAAI3B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACuB,YAAY;MAACC,OAAO,EAAEtC;IAAa,GAAEN,KAAoB,CAAQ,CAAC;EACjH;EACA,IAAI,CAACA,KAAK,EAAE,OAAO,IAAI;EACvB,oBACE3B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6C,IAAI;IAACC,KAAK,EAAEQ,MAAM,CAAC9B;EAAM,gBACxB3B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAACuB,YAAY;IAACC,OAAO,EAAEtC;EAAa,GAAEN,KAAoB,CACtD,CAAC;AAEX,CAAC;AAED,MAAMyC,WAAW,GAAGA,CAAC;EAAEvC,QAAQ;EAAEoB,KAAK;EAAE,GAAGuB;AAAiB,CAAC,KAAK;EAChE,oBACExE,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC1C,KAAA,CAAAM,OAAI,EAAAC,QAAA,KAAK4D,KAAK;IAAEC,EAAE;IAACC,aAAa,EAAE,CAAE;IAACzB,KAAK,EAAEA;EAAM,IAChDpB,QACG,CAAC;AAEX,CAAC;AACD,MAAM8C,cAAc,GAAGA,CAAC;EAAE9C,QAAQ;EAAEoB,KAAK;EAAE,GAAGuB;AAAiB,CAAC,KAAK;EACnE,MAAM;IAAE/B;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAClC,oBACE1C,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC1C,KAAA,CAAAM,OAAI,EAAAC,QAAA;IAACgE,KAAK,EAAEnC,MAAM,CAACoC;EAAe,GAAKL,KAAK;IAAEM,QAAQ;IAACJ,aAAa,EAAE,CAAE;IAACzB,KAAK,EAAEA;EAAM,IACpFpB,QACG,CAAC;AAEX,CAAC;AACD,MAAMyC,YAAY,GAAGA,CAAC;EAAEzC,QAAQ;EAAEkD,QAAQ;EAAER,OAAO;EAAEK,KAAK;EAAE,GAAGJ;AAAkD,CAAC,KAAK;EACrH,oBACExE,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC5C,YAAA,CAAA6E,gBAAgB,EAAApE,QAAA;IACfqC,KAAK,EAAEQ,MAAM,CAACwB;EAAO,GACjBT,KAAK;IACTO,QAAQ,EAAE,CAACR,OAAO,IAAIQ,QAAS;IAC/BR,OAAO,EAAG9D,CAAC,IAAK8D,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAG9D,CAAC,CAAE;IAC7ByE,aAAa,EAAE;EAAI,IAElB,IAAAC,6BAAiB,EAChB,CAAC,OAAOtD,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,CAAC,EAC9D,cACE7B,MAAA,CAAAW,OAAA,CAAAoC,aAAA,CAAC1C,KAAA,CAAAM,OAAI;IAACsE,MAAM;IAACP,aAAa,EAAE,CAAE;IAACE,KAAK,EAAEA;EAAM,GACzC/C,QACG,CAAC,EACPA,QAAQ,CAEZ,CACgB,CAAC;AAEvB,CAAC;AAED,MAAM4B,MAAM,GAAG,IAAA2B,yBAAgB,EAAC;EAC9B1B,SAAS,EAAE;IACTE,iBAAiB,EAAE,EAAE;IACrByB,iBAAiB,EAAE;EACrB,CAAC;EACDhC,MAAM,EAAE;IACNiC,aAAa,EAAE;EACjB,CAAC;EACDvD,KAAK,EAAE;IACLwD,IAAI,EAAE,CAAC;IACPD,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBtB,gBAAgB,EAAE;EACpB,CAAC;EACDzC,IAAI,EAAE;IACJuC,MAAM,EAAE,MAAM;IACdyB,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,QAAQ;IACpBrB,cAAc,EAAE,QAAQ;IACxBuB,WAAW,EAAE;EACf,CAAC;EACD/D,KAAK,EAAE;IACLqC,MAAM,EAAE,MAAM;IACdyB,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,QAAQ;IACpBrB,cAAc,EAAE,QAAQ;IACxBwB,UAAU,EAAE;EACd,CAAC;EACDV,MAAM,EAAE;IACNW,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnF,OAAA,GAEYE,MAAM,CAACC,MAAM,CAACc,MAAM,EAAE;EACnCmE,MAAM,EAAEzB,YAAY;EACpB0B,KAAK,EAAE5B,WAAW;EAClB6B,QAAQ,EAAEtB;AACZ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/LoadingSpinner/index.js

@@ -8,15 +8,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-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; }
-const LoadingSpinner = _ref => {
-  let {
-    size = 24,
-    color,
-    style
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+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; }
+const LoadingSpinner = ({
+  size = 24,
+  color,
+  style
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -28,8 +27,7 @@ const LoadingSpinner = _ref => {
     color: color ?? colors.primary
   }));
 };
-const useLoopAnimated = function (duration) {
-  let useNativeDriver = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+const useLoopAnimated = (duration, useNativeDriver = true) => {
   const animated = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
   (0, _react.useEffect)(() => {
     _reactNative.Animated.loop(_reactNative.Animated.timing(animated, {
@@ -47,11 +45,10 @@ const useLoopAnimated = function (duration) {
   }, []);
   return animated;
 };
-const Rotate = _ref2 => {
-  let {
-    children,
-    style
-  } = _ref2;
+const Rotate = ({
+  children,
+  style
+}) => {
   const loop = useLoopAnimated(1000);
   const rotate = loop.interpolate({
     inputRange: [0, 1],
@@ -65,6 +62,5 @@ const Rotate = _ref2 => {
     }]
   }, children);
 };
-var _default = LoadingSpinner;
-exports.default = _default;
+var _default = exports.default = LoadingSpinner;
 //# sourceMappingURL=index.js.map