@sendbird/uikit-react-native-foundation 2.4.1 → 2.5.0-rc.0

package/lib/commonjs/ui/Avatar/AvatarIcon.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const AvatarIcon = _ref => {
   let {
     size = 56,
@@ -41,7 +34,6 @@ const AvatarIcon = _ref => {
     color: colors.onBackgroundReverse01
   }));
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     overflow: 'hidden',

package/lib/commonjs/ui/Avatar/AvatarIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["AvatarIcon","size","icon","containerStyle","backgroundColor","colors","palette","useUIKitTheme","styles","container","width","height","borderRadius","background300","onBackgroundReverse01","createStyleSheet","overflow","alignItems","justifyContent"],"sources":["AvatarIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  icon: keyof typeof Icon.Assets;\n  size?: number;\n  backgroundColor?: string;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst AvatarIcon = ({ size = 56, icon, containerStyle, backgroundColor }: Props) => {\n  const { colors, palette } = useUIKitTheme();\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          backgroundColor: backgroundColor ?? palette.background300,\n        },\n        containerStyle,\n      ]}\n    >\n      <Icon icon={icon} size={size / 2} color={colors.onBackgroundReverse01} />\n    </View>\n  );\n};\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\nexport default AvatarIcon;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAQA,MAAMA,UAAU,GAAG,QAAiE;EAAA,IAAhE;IAAEC,IAAI,GAAG,EAAT;IAAaC,IAAb;IAAmBC,cAAnB;IAAmCC;EAAnC,CAAgE;EAClF,MAAM;IAAEC,MAAF;IAAUC;EAAV,IAAsB,IAAAC,sBAAA,GAA5B;EACA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLC,MAAM,CAACC,SADF,EAEL;MACEC,KAAK,EAAET,IADT;MAEEU,MAAM,EAAEV,IAFV;MAGEW,YAAY,EAAEX,IAAI,GAAG,CAHvB;MAIEG,eAAe,EAAEA,eAAe,IAAIE,OAAO,CAACO;IAJ9C,CAFK,EAQLV,cARK;EADT,gBAYE,6BAAC,aAAD;IAAM,IAAI,EAAED,IAAZ;IAAkB,IAAI,EAAED,IAAI,GAAG,CAA/B;IAAkC,KAAK,EAAEI,MAAM,CAACS;EAAhD,EAZF,CADF;AAgBD,CAlBD;;AAmBA,MAAMN,MAAM,GAAG,IAAAO,yBAAA,EAAiB;EAC9BN,SAAS,EAAE;IACTO,QAAQ,EAAE,QADD;IAETC,UAAU,EAAE,QAFH;IAGTC,cAAc,EAAE;EAHP;AADmB,CAAjB,CAAf;eAOelB,U"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","AvatarIcon","_ref","size","icon","containerStyle","backgroundColor","colors","palette","useUIKitTheme","createElement","View","style","styles","container","width","height","borderRadius","background300","color","onBackgroundReverse01","createStyleSheet","overflow","alignItems","justifyContent","_default","exports"],"sources":["AvatarIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  icon: keyof typeof Icon.Assets;\n  size?: number;\n  backgroundColor?: string;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst AvatarIcon = ({ size = 56, icon, containerStyle, backgroundColor }: Props) => {\n  const { colors, palette } = useUIKitTheme();\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          backgroundColor: backgroundColor ?? palette.background300,\n        },\n        containerStyle,\n      ]}\n    >\n      <Icon icon={icon} size={size / 2} color={colors.onBackgroundReverse01} />\n    </View>\n  );\n};\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\nexport default AvatarIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQtD,MAAMG,UAAU,GAAGC,IAAA,IAAiE;EAAA,IAAhE;IAAEC,IAAI,GAAG,EAAE;IAAEC,IAAI;IAAEC,cAAc;IAAEC;EAAuB,CAAC,GAAAJ,IAAA;EAC7E,MAAM;IAAEK,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAC3C,oBACElB,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,KAAK,EAAEZ,IAAI;MACXa,MAAM,EAAEb,IAAI;MACZc,YAAY,EAAEd,IAAI,GAAG,CAAC;MACtBG,eAAe,EAAEA,eAAe,IAAIE,OAAO,CAACU;IAC9C,CAAC,EACDb,cAAc;EACd,gBAEFd,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAACf,KAAA,CAAAK,OAAI;IAACI,IAAI,EAAEA,IAAK;IAACD,IAAI,EAAEA,IAAI,GAAG,CAAE;IAACgB,KAAK,EAAEZ,MAAM,CAACa;EAAsB,EAAG,CACpE;AAEX,CAAC;AACD,MAAMP,MAAM,GAAG,IAAAQ,yBAAgB,EAAC;EAC9BP,SAAS,EAAE;IACTQ,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GACYxB,UAAU;AAAAyB,OAAA,CAAA1B,OAAA,GAAAyB,QAAA"}

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

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _Image = _interopRequireDefault(require("../../components/Image"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
-
 var _AvatarIcon = _interopRequireDefault(require("./AvatarIcon"));
-
 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 Avatar = _ref => {
   let {
     uri,
@@ -64,7 +51,6 @@ const Avatar = _ref => {
     size: size
   }));
 };
-
 const MutedOverlay = _ref2 => {
   let {
     size
@@ -85,7 +71,6 @@ const MutedOverlay = _ref2 => {
     size: size * 0.72
   }));
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     alignItems: 'center',

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

@@ -1 +1 @@
-{"version":3,"names":["Avatar","uri","square","muted","size","containerStyle","colors","palette","useUIKitTheme","loadFailure","setLoadFailure","useState","styles","container","width","height","borderRadius","backgroundColor","background300","conditionChaining","Boolean","StyleSheet","absoluteFill","onBackgroundReverse01","MutedOverlay","primary300","opacity","onBackgroundDark01","createStyleSheet","alignItems","justifyContent","overflow","Group","AvatarGroup","Icon","AvatarIcon"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport AvatarGroup from './AvatarGroup';\nimport AvatarIcon from './AvatarIcon';\n\ntype SubComponents = {\n  Group: typeof AvatarGroup;\n  Icon: typeof AvatarIcon;\n};\ntype Props = {\n  uri?: string;\n  size?: number;\n  square?: boolean;\n  muted?: boolean;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Avatar: ((props: Props) => JSX.Element) & SubComponents = ({\n  uri,\n  square,\n  muted = false,\n  size = 56,\n  containerStyle,\n}) => {\n  const { colors, palette } = useUIKitTheme();\n  const [loadFailure, setLoadFailure] = useState(false);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { width: size, height: size, borderRadius: square ? 0 : size / 2, backgroundColor: palette.background300 },\n        containerStyle,\n      ]}\n    >\n      {conditionChaining(\n        [Boolean(uri) && !loadFailure],\n        [\n          <Image\n            onError={() => setLoadFailure(true)}\n            source={{ uri }}\n            resizeMode={'cover'}\n            style={StyleSheet.absoluteFill}\n          />,\n          <Icon icon={'user'} size={size / 2} color={colors.onBackgroundReverse01} />,\n        ],\n      )}\n      {muted && <MutedOverlay size={size} />}\n    </View>\n  );\n};\n\nconst MutedOverlay = ({ size }: { size: number }) => {\n  const { palette } = useUIKitTheme();\n  return (\n    <View style={[styles.container, StyleSheet.absoluteFill]}>\n      <View style={[StyleSheet.absoluteFill, { backgroundColor: palette.primary300, opacity: 0.5 }]} />\n      <Icon color={palette.onBackgroundDark01} icon={'mute'} size={size * 0.72} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n});\n\nAvatar.Group = AvatarGroup;\nAvatar.Icon = AvatarIcon;\nexport default Avatar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAaA,MAAMA,MAAuD,GAAG,QAM1D;EAAA,IAN2D;IAC/DC,GAD+D;IAE/DC,MAF+D;IAG/DC,KAAK,GAAG,KAHuD;IAI/DC,IAAI,GAAG,EAJwD;IAK/DC;EAL+D,CAM3D;EACJ,MAAM;IAAEC,MAAF;IAAUC;EAAV,IAAsB,IAAAC,sBAAA,GAA5B;EACA,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgC,IAAAC,eAAA,EAAS,KAAT,CAAtC;EAEA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLC,MAAM,CAACC,SADF,EAEL;MAAEC,KAAK,EAAEV,IAAT;MAAeW,MAAM,EAAEX,IAAvB;MAA6BY,YAAY,EAAEd,MAAM,GAAG,CAAH,GAAOE,IAAI,GAAG,CAA/D;MAAkEa,eAAe,EAAEV,OAAO,CAACW;IAA3F,CAFK,EAGLb,cAHK;EADT,GAOG,IAAAc,6BAAA,EACC,CAACC,OAAO,CAACnB,GAAD,CAAP,IAAgB,CAACQ,WAAlB,CADD,EAEC,cACE,6BAAC,cAAD;IACE,OAAO,EAAE,MAAMC,cAAc,CAAC,IAAD,CAD/B;IAEE,MAAM,EAAE;MAAET;IAAF,CAFV;IAGE,UAAU,EAAE,OAHd;IAIE,KAAK,EAAEoB,uBAAA,CAAWC;EAJpB,EADF,eAOE,6BAAC,aAAD;IAAM,IAAI,EAAE,MAAZ;IAAoB,IAAI,EAAElB,IAAI,GAAG,CAAjC;IAAoC,KAAK,EAAEE,MAAM,CAACiB;EAAlD,EAPF,CAFD,CAPH,EAmBGpB,KAAK,iBAAI,6BAAC,YAAD;IAAc,IAAI,EAAEC;EAApB,EAnBZ,CADF;AAuBD,CAjCD;;AAmCA,MAAMoB,YAAY,GAAG,SAAgC;EAAA,IAA/B;IAAEpB;EAAF,CAA+B;EACnD,MAAM;IAAEG;EAAF,IAAc,IAAAC,sBAAA,GAApB;EACA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACI,MAAM,CAACC,SAAR,EAAmBQ,uBAAA,CAAWC,YAA9B;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACD,uBAAA,CAAWC,YAAZ,EAA0B;MAAEL,eAAe,EAAEV,OAAO,CAACkB,UAA3B;MAAuCC,OAAO,EAAE;IAAhD,CAA1B;EAAb,EADF,eAEE,6BAAC,aAAD;IAAM,KAAK,EAAEnB,OAAO,CAACoB,kBAArB;IAAyC,IAAI,EAAE,MAA/C;IAAuD,IAAI,EAAEvB,IAAI,GAAG;EAApE,EAFF,CADF;AAMD,CARD;;AAUA,MAAMQ,MAAM,GAAG,IAAAgB,yBAAA,EAAiB;EAC9Bf,SAAS,EAAE;IACTgB,UAAU,EAAE,QADH;IAETC,cAAc,EAAE,QAFP;IAGTC,QAAQ,EAAE;EAHD;AADmB,CAAjB,CAAf;AAQA/B,MAAM,CAACgC,KAAP,GAAeC,oBAAf;AACAjC,MAAM,CAACkC,IAAP,GAAcC,mBAAd;eACenC,M"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Icon","_interopRequireDefault","_Image","_createStyleSheet","_useUIKitTheme","_AvatarGroup","_AvatarIcon","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Avatar","_ref","uri","square","muted","size","containerStyle","colors","palette","useUIKitTheme","loadFailure","setLoadFailure","useState","createElement","View","style","styles","container","width","height","borderRadius","backgroundColor","background300","conditionChaining","Boolean","onError","source","resizeMode","StyleSheet","absoluteFill","icon","color","onBackgroundReverse01","MutedOverlay","_ref2","primary300","opacity","onBackgroundDark01","createStyleSheet","alignItems","justifyContent","overflow","Group","AvatarGroup","Icon","AvatarIcon","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\nimport Icon from '../../components/Icon';\nimport Image from '../../components/Image';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\nimport AvatarGroup from './AvatarGroup';\nimport AvatarIcon from './AvatarIcon';\n\ntype SubComponents = {\n  Group: typeof AvatarGroup;\n  Icon: typeof AvatarIcon;\n};\ntype Props = {\n  uri?: string;\n  size?: number;\n  square?: boolean;\n  muted?: boolean;\n  containerStyle?: StyleProp<ViewStyle>;\n};\nconst Avatar: ((props: Props) => JSX.Element) & SubComponents = ({\n  uri,\n  square,\n  muted = false,\n  size = 56,\n  containerStyle,\n}) => {\n  const { colors, palette } = useUIKitTheme();\n  const [loadFailure, setLoadFailure] = useState(false);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { width: size, height: size, borderRadius: square ? 0 : size / 2, backgroundColor: palette.background300 },\n        containerStyle,\n      ]}\n    >\n      {conditionChaining(\n        [Boolean(uri) && !loadFailure],\n        [\n          <Image\n            onError={() => setLoadFailure(true)}\n            source={{ uri }}\n            resizeMode={'cover'}\n            style={StyleSheet.absoluteFill}\n          />,\n          <Icon icon={'user'} size={size / 2} color={colors.onBackgroundReverse01} />,\n        ],\n      )}\n      {muted && <MutedOverlay size={size} />}\n    </View>\n  );\n};\n\nconst MutedOverlay = ({ size }: { size: number }) => {\n  const { palette } = useUIKitTheme();\n  return (\n    <View style={[styles.container, StyleSheet.absoluteFill]}>\n      <View style={[StyleSheet.absoluteFill, { backgroundColor: palette.primary300, opacity: 0.5 }]} />\n      <Icon color={palette.onBackgroundDark01} icon={'mute'} size={size * 0.72} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n});\n\nAvatar.Group = AvatarGroup;\nAvatar.Icon = AvatarIcon;\nexport default Avatar;\n"],"mappings":"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"}

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Badge = _ref => {
   let {
     count,
@@ -41,7 +33,6 @@ const Badge = _ref => {
     color: textColor ?? colors.ui.badge.default.none.text
   }, (0, _uikitUtils.truncatedCount)(count, maxCount)));
 };
-
 const styles = (0, _createStyleSheet.default)({
   badgeDefault: {
     paddingTop: _reactNative.Platform.select({

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

@@ -1 +1 @@
-{"version":3,"names":["Badge","count","maxCount","badgeColor","textColor","style","size","colors","useUIKitTheme","isSmall","styles","badgeSmall","badgeDefault","backgroundColor","ui","badge","default","none","background","badgeSmallPadding","badgeDefaultPadding","text","truncatedCount","createStyleSheet","paddingTop","Platform","select","ios","android","minWidth","minHeight","borderRadius","alignItems","justifyContent","paddingHorizontal"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, StyleProp, View, ViewStyle } from 'react-native';\n\nimport { truncatedCount } from '@sendbird/uikit-utils';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  count: number;\n  maxCount?: number;\n  badgeColor?: string;\n  textColor?: string;\n  style?: StyleProp<ViewStyle>;\n  size?: 'small' | 'default';\n};\n\nconst Badge = ({ count, maxCount, badgeColor, textColor, style, size = 'default' }: Props) => {\n  const { colors } = useUIKitTheme();\n  const isSmall = size === 'small';\n  return (\n    <View\n      style={[\n        isSmall ? styles.badgeSmall : styles.badgeDefault,\n        { backgroundColor: badgeColor ?? colors.ui.badge.default.none.background },\n        count >= 10 && (isSmall ? styles.badgeSmallPadding : styles.badgeDefaultPadding),\n        style,\n      ]}\n    >\n      <Text caption1 color={textColor ?? colors.ui.badge.default.none.text}>\n        {truncatedCount(count, maxCount)}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  badgeDefault: {\n    paddingTop: Platform.select({ ios: 2, android: 2 }),\n    minWidth: 20,\n    minHeight: 20,\n    borderRadius: 99,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeDefaultPadding: {\n    paddingHorizontal: 8,\n  },\n  badgeSmall: {\n    paddingTop: Platform.select({ ios: 3, android: 2 }),\n    minWidth: 16,\n    minHeight: 16,\n    borderRadius: 99,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeSmallPadding: {\n    paddingHorizontal: 4,\n  },\n});\n\nexport default Badge;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;AAWA,MAAMA,KAAK,GAAG,QAAgF;EAAA,IAA/E;IAAEC,KAAF;IAASC,QAAT;IAAmBC,UAAnB;IAA+BC,SAA/B;IAA0CC,KAA1C;IAAiDC,IAAI,GAAG;EAAxD,CAA+E;EAC5F,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,MAAMC,OAAO,GAAGH,IAAI,KAAK,OAAzB;EACA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLG,OAAO,GAAGC,MAAM,CAACC,UAAV,GAAuBD,MAAM,CAACE,YADhC,EAEL;MAAEC,eAAe,EAAEV,UAAU,IAAII,MAAM,CAACO,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBC,IAAxB,CAA6BC;IAA9D,CAFK,EAGLjB,KAAK,IAAI,EAAT,KAAgBQ,OAAO,GAAGC,MAAM,CAACS,iBAAV,GAA8BT,MAAM,CAACU,mBAA5D,CAHK,EAILf,KAJK;EADT,gBAQE,6BAAC,aAAD;IAAM,QAAQ,MAAd;IAAe,KAAK,EAAED,SAAS,IAAIG,MAAM,CAACO,EAAP,CAAUC,KAAV,CAAgBC,OAAhB,CAAwBC,IAAxB,CAA6BI;EAAhE,GACG,IAAAC,0BAAA,EAAerB,KAAf,EAAsBC,QAAtB,CADH,CARF,CADF;AAcD,CAjBD;;AAmBA,MAAMQ,MAAM,GAAG,IAAAa,yBAAA,EAAiB;EAC9BX,YAAY,EAAE;IACZY,UAAU,EAAEC,qBAAA,CAASC,MAAT,CAAgB;MAAEC,GAAG,EAAE,CAAP;MAAUC,OAAO,EAAE;IAAnB,CAAhB,CADA;IAEZC,QAAQ,EAAE,EAFE;IAGZC,SAAS,EAAE,EAHC;IAIZC,YAAY,EAAE,EAJF;IAKZC,UAAU,EAAE,QALA;IAMZC,cAAc,EAAE;EANJ,CADgB;EAS9Bb,mBAAmB,EAAE;IACnBc,iBAAiB,EAAE;EADA,CATS;EAY9BvB,UAAU,EAAE;IACVa,UAAU,EAAEC,qBAAA,CAASC,MAAT,CAAgB;MAAEC,GAAG,EAAE,CAAP;MAAUC,OAAO,EAAE;IAAnB,CAAhB,CADF;IAEVC,QAAQ,EAAE,EAFA;IAGVC,SAAS,EAAE,EAHD;IAIVC,YAAY,EAAE,EAJJ;IAKVC,UAAU,EAAE,QALF;IAMVC,cAAc,EAAE;EANN,CAZkB;EAoB9Bd,iBAAiB,EAAE;IACjBe,iBAAiB,EAAE;EADF;AApBW,CAAjB,CAAf;eAyBelC,K"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","Badge","_ref","count","maxCount","badgeColor","textColor","style","size","colors","useUIKitTheme","isSmall","createElement","View","styles","badgeSmall","badgeDefault","backgroundColor","ui","badge","none","background","badgeSmallPadding","badgeDefaultPadding","caption1","color","text","truncatedCount","createStyleSheet","paddingTop","Platform","select","ios","android","minWidth","minHeight","borderRadius","alignItems","justifyContent","paddingHorizontal","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, StyleProp, View, ViewStyle } from 'react-native';\n\nimport { truncatedCount } from '@sendbird/uikit-utils';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  count: number;\n  maxCount?: number;\n  badgeColor?: string;\n  textColor?: string;\n  style?: StyleProp<ViewStyle>;\n  size?: 'small' | 'default';\n};\n\nconst Badge = ({ count, maxCount, badgeColor, textColor, style, size = 'default' }: Props) => {\n  const { colors } = useUIKitTheme();\n  const isSmall = size === 'small';\n  return (\n    <View\n      style={[\n        isSmall ? styles.badgeSmall : styles.badgeDefault,\n        { backgroundColor: badgeColor ?? colors.ui.badge.default.none.background },\n        count >= 10 && (isSmall ? styles.badgeSmallPadding : styles.badgeDefaultPadding),\n        style,\n      ]}\n    >\n      <Text caption1 color={textColor ?? colors.ui.badge.default.none.text}>\n        {truncatedCount(count, maxCount)}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  badgeDefault: {\n    paddingTop: Platform.select({ ios: 2, android: 2 }),\n    minWidth: 20,\n    minHeight: 20,\n    borderRadius: 99,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeDefaultPadding: {\n    paddingHorizontal: 8,\n  },\n  badgeSmall: {\n    paddingTop: Platform.select({ ios: 3, android: 2 }),\n    minWidth: 16,\n    minHeight: 16,\n    borderRadius: 99,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeSmallPadding: {\n    paddingHorizontal: 4,\n  },\n});\n\nexport default Badge;\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;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAWtD,MAAMG,KAAK,GAAGC,IAAA,IAAgF;EAAA,IAA/E;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,SAAS;IAAEC,KAAK;IAAEC,IAAI,GAAG;EAAiB,CAAC,GAAAN,IAAA;EACvF,MAAM;IAAEO;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,MAAMC,OAAO,GAAGH,IAAI,KAAK,OAAO;EAChC,oBACElB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACnB,YAAA,CAAAoB,IAAI;IACHN,KAAK,EAAE,CACLI,OAAO,GAAGG,MAAM,CAACC,UAAU,GAAGD,MAAM,CAACE,YAAY,EACjD;MAAEC,eAAe,EAAEZ,UAAU,IAAII,MAAM,CAACS,EAAE,CAACC,KAAK,CAACnB,OAAO,CAACoB,IAAI,CAACC;IAAW,CAAC,EAC1ElB,KAAK,IAAI,EAAE,KAAKQ,OAAO,GAAGG,MAAM,CAACQ,iBAAiB,GAAGR,MAAM,CAACS,mBAAmB,CAAC,EAChFhB,KAAK;EACL,gBAEFjB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACjB,KAAA,CAAAK,OAAI;IAACwB,QAAQ;IAACC,KAAK,EAAEnB,SAAS,IAAIG,MAAM,CAACS,EAAE,CAACC,KAAK,CAACnB,OAAO,CAACoB,IAAI,CAACM;EAAK,GAClE,IAAAC,0BAAc,EAACxB,KAAK,EAAEC,QAAQ,CAAC,CAC3B,CACF;AAEX,CAAC;AAED,MAAMU,MAAM,GAAG,IAAAc,yBAAgB,EAAC;EAC9BZ,YAAY,EAAE;IACZa,UAAU,EAAEC,qBAAQ,CAACC,MAAM,CAAC;MAAEC,GAAG,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAC,CAAC;IACnDC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,mBAAmB,EAAE;IACnBgB,iBAAiB,EAAE;EACrB,CAAC;EACDxB,UAAU,EAAE;IACVc,UAAU,EAAEC,qBAAQ,CAACC,MAAM,CAAC;MAAEC,GAAG,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAC,CAAC;IACnDC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDhB,iBAAiB,EAAE;IACjBiB,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYvC,KAAK;AAAAwC,OAAA,CAAAzC,OAAA,GAAAwC,QAAA"}

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _Modal = _interopRequireDefault(require("../../components/Modal"));
-
 var _useHeaderStyle = _interopRequireDefault(require("../../styles/useHeaderStyle"));
-
 var _DialogSheet = _interopRequireDefault(require("../Dialog/DialogSheet"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BottomSheet = _ref => {
   let {
     onDismiss,
@@ -69,7 +61,6 @@ const BottomSheet = _ref => {
       },
       onPress: async () => {
         await onHide();
-
         try {
           onPress();
         } catch {}
@@ -77,7 +68,6 @@ const BottomSheet = _ref => {
     }, /*#__PURE__*/_react.default.createElement(_DialogSheet.default.Item, props));
   })));
 };
-
 var _default = BottomSheet;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BottomSheet","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","useHeaderStyle","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","alignItems","justifyContent","paddingBottom","map","idx","onPress","props","title","paddingLeft","paddingRight"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => JSX.Element;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAGA;;AACA;;AACA;;;;AAmBA,MAAMA,WAAW,GAAG,QAAwE;EAAA,IAAvE;IAAEC,SAAF;IAAaC,MAAb;IAAqBC,OAArB;IAA8BC,UAA9B;IAA0CC;EAA1C,CAAuE;EAC1F,MAAM;IAAEC;EAAF,IAA2B,IAAAC,uBAAA,GAAjC;EACA,MAAM;IAAEC;EAAF,IAAY,IAAAC,gCAAA,GAAlB;EACA,MAAM;IAAEC,MAAF;IAAUC,IAAV;IAAgBC;EAAhB,IAA0B,IAAAC,6CAAA,GAAhC;EACA,oBACE,6BAAC,cAAD;IACE,IAAI,EAAE,OADR;IAEE,OAAO,EAAEX,MAFX;IAGE,SAAS,EAAED,SAHb;IAIE,oBAAoB,EAAEK,oBAJxB;IAKE,OAAO,EAAEH,OALX;IAME,eAAe,EAAE;MAAEW,UAAU,EAAE,QAAd;MAAwBC,cAAc,EAAE;IAAxC;EANnB,gBAQE,6BAAC,oBAAD;IAAa,KAAK,EAAE;MAAEP,KAAF;MAASQ,aAAa,EAAEN;IAAxB;EAApB,GACGL,eAAe,iBAAI,6BAAC,eAAD;IAAiB,OAAO,EAAEH;EAA1B,EADtB,EAEGE,UAAU,CAACa,GAAX,CAAe,QAAwBC,GAAxB;IAAA,IAAC;MAAEC,OAAF;MAAW,GAAGC;IAAd,CAAD;IAAA,oBACd,6BAAC,6BAAD;MACE,aAAa,EAAE,IADjB;MAEE,GAAG,EAAEA,KAAK,CAACC,KAAN,GAAcH,GAFrB;MAGE,KAAK,EAAE;QAAEI,WAAW,EAAEX,IAAf;QAAqBY,YAAY,EAAEX;MAAnC,CAHT;MAIE,OAAO,EAAE,YAAY;QACnB,MAAMV,MAAM,EAAZ;;QACA,IAAI;UACFiB,OAAO;QACR,CAFD,CAEE,MAAM,CAAE;MACX;IATH,gBAWE,6BAAC,oBAAD,CAAa,IAAb,EAAsBC,KAAtB,CAXF,CADc;EAAA,CAAf,CAFH,CARF,CADF;AA6BD,CAjCD;;eAmCepB,W"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_Modal","_useHeaderStyle","_DialogSheet","obj","__esModule","default","BottomSheet","_ref","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","useHeaderStyle","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","_ref2","idx","onPress","props","TouchableOpacity","activeOpacity","key","title","paddingLeft","paddingRight","Item","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type Icon from '../../components/Icon';\nimport Modal from '../../components/Modal';\nimport useHeaderStyle from '../../styles/useHeaderStyle';\nimport DialogSheet from '../Dialog/DialogSheet';\n\ntype HeaderProps = { onClose: () => Promise<void> };\nexport type BottomSheetItem = {\n  sheetItems: {\n    icon?: keyof typeof Icon.Assets;\n    iconColor?: string;\n    title: string;\n    titleColor?: string;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => JSX.Element;\n};\ntype Props = {\n  visible: boolean;\n  onHide: () => Promise<void>;\n  onError?: (error: unknown) => void;\n  onDismiss?: () => void;\n} & BottomSheetItem;\nconst BottomSheet = ({ onDismiss, onHide, visible, sheetItems, HeaderComponent }: Props) => {\n  const { statusBarTranslucent } = useHeaderStyle();\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  return (\n    <Modal\n      type={'slide'}\n      onClose={onHide}\n      onDismiss={onDismiss}\n      statusBarTranslucent={statusBarTranslucent}\n      visible={visible}\n      backgroundStyle={{ alignItems: 'center', justifyContent: 'flex-end' }}\n    >\n      <DialogSheet style={{ width, paddingBottom: bottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingLeft: left, paddingRight: right }}\n            onPress={async () => {\n              await onHide();\n              try {\n                onPress();\n              } catch {}\n            }}\n          >\n            <DialogSheet.Item {...props} />\n          </TouchableOpacity>\n        ))}\n      </DialogSheet>\n    </Modal>\n  );\n};\n\nexport default BottomSheet;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAmBhD,MAAMG,WAAW,GAAGC,IAAA,IAAwE;EAAA,IAAvE;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAuB,CAAC,GAAAL,IAAA;EACrF,MAAM;IAAEM;EAAqB,CAAC,GAAG,IAAAC,uBAAc,GAAE;EACjD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,GAAE;EACvC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;EACnD,oBACEzB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,MAAA,CAAAK,OAAK;IACJiB,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEd,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBc,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtE/B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,YAAA,CAAAG,OAAW;IAACsB,KAAK,EAAE;MAAEZ,KAAK;MAAEa,aAAa,EAAEX;IAAO;EAAE,GAClDL,eAAe,iBAAIjB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACT,eAAe;IAACW,OAAO,EAAEd;EAAO,EAAG,EACvDE,UAAU,CAACkB,GAAG,CAAC,CAAAC,KAAA,EAAwBC,GAAG;IAAA,IAA1B;MAAEC,OAAO;MAAE,GAAGC;IAAM,CAAC,GAAAH,KAAA;IAAA,oBACpCnC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAAoC,gBAAgB;MACfC,aAAa,EAAE,IAAK;MACpBC,GAAG,EAAEH,KAAK,CAACI,KAAK,GAAGN,GAAI;MACvBJ,KAAK,EAAE;QAAEW,WAAW,EAAEpB,IAAI;QAAEqB,YAAY,EAAEpB;MAAM,CAAE;MAClDa,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,MAAMvB,MAAM,EAAE;QACd,IAAI;UACFuB,OAAO,EAAE;QACX,CAAC,CAAC,MAAM,CAAC;MACX;IAAE,gBAEFrC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,YAAA,CAAAG,OAAW,CAACmC,IAAI,EAAKP,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAAC,IAAAQ,QAAA,GAEanC,WAAW;AAAAoC,OAAA,CAAArC,OAAA,GAAAoC,QAAA"}

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Button = _ref => {
   let {
     icon,
@@ -33,14 +25,12 @@ const Button = _ref => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
-
   const getStateColor = (pressed, disabled) => {
     const stateColors = colors.ui.button[variant];
     if (disabled) return stateColors.disabled;
     if (pressed) return stateColors.pressed;
     return stateColors.enabled;
   };
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     disabled: disabled,
     onPress: onPress,
@@ -70,7 +60,6 @@ const Button = _ref => {
     }, children));
   });
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     flexDirection: 'row',

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

@@ -1 +1 @@
-{"version":3,"names":["Button","icon","variant","buttonColor","contentColor","disabled","onPress","style","children","colors","useUIKitTheme","getStateColor","pressed","stateColors","ui","button","enabled","stateColor","backgroundColor","background","styles","container","content","text","createStyleSheet","flexDirection","padding","borderRadius","alignItems","justifyContent","marginVertical","marginRight"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n  icon?: keyof typeof Icon.Assets;\n  variant?: 'contained' | 'text';\n  disabled?: boolean;\n  onPress?: () => void;\n  buttonColor?: string;\n  contentColor?: string;\n}>;\nconst Button = ({\n  icon,\n  variant = 'contained',\n  buttonColor,\n  contentColor,\n  disabled,\n  onPress,\n  style,\n  children,\n}: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const getStateColor = (pressed: boolean, disabled?: boolean) => {\n    const stateColors = colors.ui.button[variant];\n    if (disabled) return stateColors.disabled;\n    if (pressed) return stateColors.pressed;\n    return stateColors.enabled;\n  };\n\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={onPress}\n      style={({ pressed }) => {\n        const stateColor = getStateColor(pressed, disabled);\n        return [{ backgroundColor: buttonColor ?? stateColor.background }, styles.container, style];\n      }}\n    >\n      {({ pressed }) => {\n        const stateColor = getStateColor(pressed, disabled);\n\n        return (\n          <>\n            {icon && (\n              <Icon size={24} icon={icon} color={contentColor ?? stateColor.content} containerStyle={styles.icon} />\n            )}\n            <Text button color={contentColor ?? stateColor.content} style={styles.text}>\n              {children}\n            </Text>\n          </>\n        );\n      }}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    padding: 8,\n    borderRadius: 4,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: { marginVertical: -4, marginRight: 8 },\n  text: {},\n});\n\nexport default Button;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAWA,MAAMA,MAAM,GAAG,QASF;EAAA,IATG;IACdC,IADc;IAEdC,OAAO,GAAG,WAFI;IAGdC,WAHc;IAIdC,YAJc;IAKdC,QALc;IAMdC,OANc;IAOdC,KAPc;IAQdC;EARc,CASH;EACX,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;;EAEA,MAAMC,aAAa,GAAG,CAACC,OAAD,EAAmBP,QAAnB,KAA0C;IAC9D,MAAMQ,WAAW,GAAGJ,MAAM,CAACK,EAAP,CAAUC,MAAV,CAAiBb,OAAjB,CAApB;IACA,IAAIG,QAAJ,EAAc,OAAOQ,WAAW,CAACR,QAAnB;IACd,IAAIO,OAAJ,EAAa,OAAOC,WAAW,CAACD,OAAnB;IACb,OAAOC,WAAW,CAACG,OAAnB;EACD,CALD;;EAOA,oBACE,6BAAC,sBAAD;IACE,QAAQ,EAAEX,QADZ;IAEE,OAAO,EAAEC,OAFX;IAGE,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEM;MAAF,CAAgB;MACtB,MAAMK,UAAU,GAAGN,aAAa,CAACC,OAAD,EAAUP,QAAV,CAAhC;MACA,OAAO,CAAC;QAAEa,eAAe,EAAEf,WAAW,IAAIc,UAAU,CAACE;MAA7C,CAAD,EAA4DC,MAAM,CAACC,SAAnE,EAA8Ed,KAA9E,CAAP;IACD;EANH,GAQG,SAAiB;IAAA,IAAhB;MAAEK;IAAF,CAAgB;IAChB,MAAMK,UAAU,GAAGN,aAAa,CAACC,OAAD,EAAUP,QAAV,CAAhC;IAEA,oBACE,4DACGJ,IAAI,iBACH,6BAAC,aAAD;MAAM,IAAI,EAAE,EAAZ;MAAgB,IAAI,EAAEA,IAAtB;MAA4B,KAAK,EAAEG,YAAY,IAAIa,UAAU,CAACK,OAA9D;MAAuE,cAAc,EAAEF,MAAM,CAACnB;IAA9F,EAFJ,eAIE,6BAAC,aAAD;MAAM,MAAM,MAAZ;MAAa,KAAK,EAAEG,YAAY,IAAIa,UAAU,CAACK,OAA/C;MAAwD,KAAK,EAAEF,MAAM,CAACG;IAAtE,GACGf,QADH,CAJF,CADF;EAUD,CArBH,CADF;AAyBD,CA5CD;;AA8CA,MAAMY,MAAM,GAAG,IAAAI,yBAAA,EAAiB;EAC9BH,SAAS,EAAE;IACTI,aAAa,EAAE,KADN;IAETC,OAAO,EAAE,CAFA;IAGTC,YAAY,EAAE,CAHL;IAITC,UAAU,EAAE,QAJH;IAKTC,cAAc,EAAE;EALP,CADmB;EAQ9B5B,IAAI,EAAE;IAAE6B,cAAc,EAAE,CAAC,CAAnB;IAAsBC,WAAW,EAAE;EAAnC,CARwB;EAS9BR,IAAI,EAAE;AATwB,CAAjB,CAAf;eAYevB,M"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","Button","_ref","icon","variant","buttonColor","contentColor","disabled","onPress","style","children","colors","useUIKitTheme","getStateColor","pressed","stateColors","ui","button","enabled","createElement","Pressable","_ref2","stateColor","backgroundColor","background","styles","container","_ref3","Fragment","size","color","content","containerStyle","text","createStyleSheet","flexDirection","padding","borderRadius","alignItems","justifyContent","marginVertical","marginRight","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleProp, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n  icon?: keyof typeof Icon.Assets;\n  variant?: 'contained' | 'text';\n  disabled?: boolean;\n  onPress?: () => void;\n  buttonColor?: string;\n  contentColor?: string;\n}>;\nconst Button = ({\n  icon,\n  variant = 'contained',\n  buttonColor,\n  contentColor,\n  disabled,\n  onPress,\n  style,\n  children,\n}: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const getStateColor = (pressed: boolean, disabled?: boolean) => {\n    const stateColors = colors.ui.button[variant];\n    if (disabled) return stateColors.disabled;\n    if (pressed) return stateColors.pressed;\n    return stateColors.enabled;\n  };\n\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={onPress}\n      style={({ pressed }) => {\n        const stateColor = getStateColor(pressed, disabled);\n        return [{ backgroundColor: buttonColor ?? stateColor.background }, styles.container, style];\n      }}\n    >\n      {({ pressed }) => {\n        const stateColor = getStateColor(pressed, disabled);\n\n        return (\n          <>\n            {icon && (\n              <Icon size={24} icon={icon} color={contentColor ?? stateColor.content} containerStyle={styles.icon} />\n            )}\n            <Text button color={contentColor ?? stateColor.content} style={styles.text}>\n              {children}\n            </Text>\n          </>\n        );\n      }}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    padding: 8,\n    borderRadius: 4,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: { marginVertical: -4, marginRight: 8 },\n  text: {},\n});\n\nexport default Button;\n"],"mappings":"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"}

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ChannelFrozenBanner = _ref => {
   let {
     text = 'Channel is frozen',
@@ -37,7 +30,6 @@ const ChannelFrozenBanner = _ref => {
     color: textColor ?? palette.onBackgroundLight01
   }, text));
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     alignItems: 'center',

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

@@ -1 +1 @@
-{"version":3,"names":["ChannelFrozenBanner","text","backgroundColor","textColor","style","palette","useUIKitTheme","styles","container","information","onBackgroundLight01","createStyleSheet","alignItems","justifyContent","paddingVertical","borderRadius"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  text?: string;\n  textColor?: string;\n  backgroundColor?: string;\n};\n\nconst ChannelFrozenBanner = ({ text = 'Channel is frozen', backgroundColor, textColor, style }: Props) => {\n  const { palette } = useUIKitTheme();\n\n  return (\n    <View\n      pointerEvents={'none'}\n      style={[styles.container, { backgroundColor: backgroundColor ?? palette.information }, style]}\n    >\n      <Text caption2 color={textColor ?? palette.onBackgroundLight01}>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingVertical: 6,\n    borderRadius: 4,\n  },\n});\n\nexport default ChannelFrozenBanner;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AASA,MAAMA,mBAAmB,GAAG,QAA8E;EAAA,IAA7E;IAAEC,IAAI,GAAG,mBAAT;IAA8BC,eAA9B;IAA+CC,SAA/C;IAA0DC;EAA1D,CAA6E;EACxG,MAAM;IAAEC;EAAF,IAAc,IAAAC,sBAAA,GAApB;EAEA,oBACE,6BAAC,iBAAD;IACE,aAAa,EAAE,MADjB;IAEE,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEN,eAAe,EAAEA,eAAe,IAAIG,OAAO,CAACI;IAA9C,CAAnB,EAAgFL,KAAhF;EAFT,gBAIE,6BAAC,aAAD;IAAM,QAAQ,MAAd;IAAe,KAAK,EAAED,SAAS,IAAIE,OAAO,CAACK;EAA3C,GACGT,IADH,CAJF,CADF;AAUD,CAbD;;AAeA,MAAMM,MAAM,GAAG,IAAAI,yBAAA,EAAiB;EAC9BH,SAAS,EAAE;IACTI,UAAU,EAAE,QADH;IAETC,cAAc,EAAE,QAFP;IAGTC,eAAe,EAAE,CAHR;IAITC,YAAY,EAAE;EAJL;AADmB,CAAjB,CAAf;eASef,mB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","ChannelFrozenBanner","_ref","text","backgroundColor","textColor","style","palette","useUIKitTheme","createElement","View","pointerEvents","styles","container","information","caption2","color","onBackgroundLight01","createStyleSheet","alignItems","justifyContent","paddingVertical","borderRadius","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = {\n  style?: StyleProp<ViewStyle>;\n  text?: string;\n  textColor?: string;\n  backgroundColor?: string;\n};\n\nconst ChannelFrozenBanner = ({ text = 'Channel is frozen', backgroundColor, textColor, style }: Props) => {\n  const { palette } = useUIKitTheme();\n\n  return (\n    <View\n      pointerEvents={'none'}\n      style={[styles.container, { backgroundColor: backgroundColor ?? palette.information }, style]}\n    >\n      <Text caption2 color={textColor ?? palette.onBackgroundLight01}>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingVertical: 6,\n    borderRadius: 4,\n  },\n});\n\nexport default ChannelFrozenBanner;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAStD,MAAMG,mBAAmB,GAAGC,IAAA,IAA8E;EAAA,IAA7E;IAAEC,IAAI,GAAG,mBAAmB;IAAEC,eAAe;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAAJ,IAAA;EACnG,MAAM;IAAEK;EAAQ,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAEnC,oBACEjB,MAAA,CAAAS,OAAA,CAAAS,aAAA,CAACf,YAAA,CAAAgB,IAAI;IACHC,aAAa,EAAE,MAAO;IACtBL,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAE;MAAET,eAAe,EAAEA,eAAe,IAAIG,OAAO,CAACO;IAAY,CAAC,EAAER,KAAK;EAAE,gBAE9Ff,MAAA,CAAAS,OAAA,CAAAS,aAAA,CAACd,KAAA,CAAAK,OAAI;IAACe,QAAQ;IAACC,KAAK,EAAEX,SAAS,IAAIE,OAAO,CAACU;EAAoB,GAC5Dd,IAAI,CACA,CACF;AAEX,CAAC;AAED,MAAMS,MAAM,GAAG,IAAAM,yBAAgB,EAAC;EAC9BL,SAAS,EAAE;IACTM,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYtB,mBAAmB;AAAAuB,OAAA,CAAAxB,OAAA,GAAAuB,QAAA"}

package/lib/commonjs/ui/Dialog/DialogBox.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DialogBox = _ref => {
   let {
     style,
@@ -29,7 +23,6 @@ const DialogBox = _ref => {
     }, style]
   }, children);
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     width: 280,

package/lib/commonjs/ui/Dialog/DialogBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogBox","style","children","colors","useUIKitTheme","styles","container","backgroundColor","ui","dialog","default","none","background","createStyleSheet","width","borderRadius"],"sources":["DialogBox.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogBox = ({ style, children }: Props) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 280,\n    borderRadius: 4,\n  },\n});\n\nexport default DialogBox;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAKA,MAAMA,SAAS,GAAG,QAAgC;EAAA,IAA/B;IAAEC,KAAF;IAASC;EAAT,CAA+B;EAChD,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,eAAe,EAAEJ,MAAM,CAACK,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BC;IAAjD,CAAnB,EAAkFX,KAAlF;EAAb,GACGC,QADH,CADF;AAKD,CAPD;;AASA,MAAMG,MAAM,GAAG,IAAAQ,yBAAA,EAAiB;EAC9BP,SAAS,EAAE;IACTQ,KAAK,EAAE,GADE;IAETC,YAAY,EAAE;EAFL;AADmB,CAAjB,CAAf;eAOef,S"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","DialogBox","_ref","style","children","colors","useUIKitTheme","createElement","View","styles","container","backgroundColor","ui","dialog","none","background","createStyleSheet","width","borderRadius","_default","exports"],"sources":["DialogBox.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogBox = ({ style, children }: Props) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    width: 280,\n    borderRadius: 4,\n  },\n});\n\nexport default DialogBox;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKtD,MAAMG,SAAS,GAAGC,IAAA,IAAgC;EAAA,IAA/B;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAAF,IAAA;EAC3C,MAAM;IAAEG;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,oBACEd,MAAA,CAAAQ,OAAA,CAAAO,aAAA,CAACZ,YAAA,CAAAa,IAAI;IAACL,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEN,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACC;IAAW,CAAC,EAAEZ,KAAK;EAAE,GACnGC,QAAQ,CACJ;AAEX,CAAC;AAED,MAAMK,MAAM,GAAG,IAAAO,yBAAgB,EAAC;EAC9BN,SAAS,EAAE;IACTO,KAAK,EAAE,GAAG;IACVC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYlB,SAAS;AAAAmB,OAAA,CAAApB,OAAA,GAAAmB,QAAA"}

package/lib/commonjs/ui/Dialog/DialogSheet.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Icon = _interopRequireDefault(require("../../components/Icon"));
-
 var _Text = _interopRequireDefault(require("../../components/Text"));
-
 var _createStyleSheet = _interopRequireDefault(require("../../styles/createStyleSheet"));
-
 var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DialogSheet = _ref => {
   let {
     style,
@@ -33,7 +25,6 @@ const DialogSheet = _ref => {
     }, style]
   }, children);
 };
-
 const SheetItem = _ref2 => {
   let {
     icon,
@@ -59,7 +50,6 @@ const SheetItem = _ref2 => {
     style: styles.sheetItemText
   }, title));
 };
-
 const styles = (0, _createStyleSheet.default)({
   container: {
     overflow: 'hidden',

package/lib/commonjs/ui/Dialog/DialogSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogSheet","style","children","colors","useUIKitTheme","styles","container","backgroundColor","ui","dialog","default","none","background","SheetItem","icon","title","iconColor","titleColor","sheetItemContainer","highlight","sheetItemIcon","text","sheetItemText","createStyleSheet","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => JSX.Element) & { Item: typeof SheetItem } = ({ style, children }) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nexport type SheetItemProps = {\n  icon?: keyof typeof Icon.Assets;\n  iconColor?: string;\n  title: string;\n  titleColor?: string;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor }: SheetItemProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n      {icon && (\n        <Icon\n          icon={icon}\n          color={iconColor ?? colors.ui.dialog.default.none.highlight}\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? colors.ui.dialog.default.none.text}\n        style={styles.sheetItemText}\n      >\n        {title}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginLeft: 16,\n  },\n  sheetItemText: {\n    flex: 1,\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAKA,MAAMA,WAAyE,GAAG,QAAyB;EAAA,IAAxB;IAAEC,KAAF;IAASC;EAAT,CAAwB;EACzG,MAAM;IAAEC;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,eAAe,EAAEJ,MAAM,CAACK,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BC;IAAjD,CAAnB,EAAkFX,KAAlF;EAAb,GACGC,QADH,CADF;AAKD,CAPD;;AAeA,MAAMW,SAAS,GAAG,SAA4D;EAAA,IAA3D;IAAEC,IAAF;IAAQC,KAAR;IAAeC,SAAf;IAA0BC;EAA1B,CAA2D;EAC5E,MAAM;IAAEd;EAAF,IAAa,IAAAC,sBAAA,GAAnB;EACA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACa,kBAAR,EAA4B;MAAEX,eAAe,EAAEJ,MAAM,CAACK,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BC;IAAjD,CAA5B;EAAb,GACGE,IAAI,iBACH,6BAAC,aAAD;IACE,IAAI,EAAEA,IADR;IAEE,KAAK,EAAEE,SAAS,IAAIb,MAAM,CAACK,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BQ,SAFpD;IAGE,cAAc,EAAEd,MAAM,CAACe;EAHzB,EAFJ,eAQE,6BAAC,aAAD;IACE,SAAS,MADX;IAEE,aAAa,EAAE,CAFjB;IAGE,KAAK,EAAEH,UAAU,IAAId,MAAM,CAACK,EAAP,CAAUC,MAAV,CAAiBC,OAAjB,CAAyBC,IAAzB,CAA8BU,IAHrD;IAIE,KAAK,EAAEhB,MAAM,CAACiB;EAJhB,GAMGP,KANH,CARF,CADF;AAmBD,CArBD;;AAuBA,MAAMV,MAAM,GAAG,IAAAkB,yBAAA,EAAiB;EAC9BjB,SAAS,EAAE;IACTkB,QAAQ,EAAE,QADD;IAETC,aAAa,EAAE,QAFN;IAGTC,KAAK,EAAE,MAHE;IAITC,mBAAmB,EAAE,CAJZ;IAKTC,oBAAoB,EAAE;EALb,CADmB;EAQ9BV,kBAAkB,EAAE;IAClBO,aAAa,EAAE,KADG;IAElBI,UAAU,EAAE,QAFM;IAGlBC,MAAM,EAAE;EAHU,CARU;EAa9BV,aAAa,EAAE;IACbW,UAAU,EAAE;EADC,CAbe;EAgB9BT,aAAa,EAAE;IACbU,IAAI,EAAE,CADO;IAEbC,gBAAgB,EAAE;EAFL;AAhBe,CAAjB,CAAf;AAsBAjC,WAAW,CAACkC,IAAZ,GAAmBrB,SAAnB;eACeb,W"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_Text","_createStyleSheet","_useUIKitTheme","obj","__esModule","default","DialogSheet","_ref","style","children","colors","useUIKitTheme","createElement","View","styles","container","backgroundColor","ui","dialog","none","background","SheetItem","_ref2","icon","title","iconColor","titleColor","sheetItemContainer","color","highlight","containerStyle","sheetItemIcon","subtitle1","numberOfLines","text","sheetItemText","createStyleSheet","overflow","flexDirection","width","borderTopLeftRadius","borderTopRightRadius","alignItems","height","marginLeft","flex","marginHorizontal","Item","_default","exports"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Icon from '../../components/Icon';\nimport Text from '../../components/Text';\nimport createStyleSheet from '../../styles/createStyleSheet';\nimport useUIKitTheme from '../../theme/useUIKitTheme';\n\ntype Props = React.PropsWithChildren<{\n  style?: StyleProp<ViewStyle>;\n}>;\nconst DialogSheet: ((props: Props) => JSX.Element) & { Item: typeof SheetItem } = ({ style, children }) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>\n      {children}\n    </View>\n  );\n};\n\nexport type SheetItemProps = {\n  icon?: keyof typeof Icon.Assets;\n  iconColor?: string;\n  title: string;\n  titleColor?: string;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor }: SheetItemProps) => {\n  const { colors } = useUIKitTheme();\n  return (\n    <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>\n      {icon && (\n        <Icon\n          icon={icon}\n          color={iconColor ?? colors.ui.dialog.default.none.highlight}\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? colors.ui.dialog.default.none.text}\n        style={styles.sheetItemText}\n      >\n        {title}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginLeft: 16,\n  },\n  sheetItemText: {\n    flex: 1,\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAsD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKtD,MAAMG,WAAyE,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAAF,IAAA;EACpG,MAAM;IAAEG;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,oBACEhB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACL,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEN,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACC;IAAW,CAAC,EAAEZ,KAAK;EAAE,GACnGC,QAAQ,CACJ;AAEX,CAAC;AAQD,MAAMY,SAAS,GAAGC,KAAA,IAA4D;EAAA,IAA3D;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAA2B,CAAC,GAAAJ,KAAA;EACvE,MAAM;IAAEZ;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAClC,oBACEhB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACL,KAAK,EAAE,CAACM,MAAM,CAACa,kBAAkB,EAAE;MAAEX,eAAe,EAAEN,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACC;IAAW,CAAC;EAAE,GACrGG,IAAI,iBACH5B,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACb,KAAA,CAAAM,OAAI;IACHkB,IAAI,EAAEA,IAAK;IACXK,KAAK,EAAEH,SAAS,IAAIf,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACU,SAAU;IAC5DC,cAAc,EAAEhB,MAAM,CAACiB;EAAc,EAExC,eACDpC,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACZ,KAAA,CAAAK,OAAI;IACH2B,SAAS;IACTC,aAAa,EAAE,CAAE;IACjBL,KAAK,EAAEF,UAAU,IAAIhB,MAAM,CAACO,EAAE,CAACC,MAAM,CAACb,OAAO,CAACc,IAAI,CAACe,IAAK;IACxD1B,KAAK,EAAEM,MAAM,CAACqB;EAAc,GAE3BX,KAAK,CACD,CACF;AAEX,CAAC;AAED,MAAMV,MAAM,GAAG,IAAAsB,yBAAgB,EAAC;EAC9BrB,SAAS,EAAE;IACTsB,QAAQ,EAAE,QAAQ;IAClBC,aAAa,EAAE,QAAQ;IACvBC,KAAK,EAAE,MAAM;IACbC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;EACDd,kBAAkB,EAAE;IAClBW,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDZ,aAAa,EAAE;IACba,UAAU,EAAE;EACd,CAAC;EACDT,aAAa,EAAE;IACbU,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEFxC,WAAW,CAACyC,IAAI,GAAG1B,SAAS;AAAC,IAAA2B,QAAA,GACd1C,WAAW;AAAA2C,OAAA,CAAA5C,OAAA,GAAA2C,QAAA"}

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

@@ -4,38 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePrompt = exports.useBottomSheet = exports.useAlert = exports.useActionMenu = exports.DialogProvider = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _ActionMenu = _interopRequireDefault(require("../ActionMenu"));
-
 var _Alert = _interopRequireDefault(require("../Alert"));
-
 var _BottomSheet = _interopRequireDefault(require("../BottomSheet"));
-
 var _Prompt = _interopRequireDefault(require("../Prompt"));
-
 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 AlertContext = /*#__PURE__*/_react.default.createContext(null);
-
 const ActionMenuContext = /*#__PURE__*/_react.default.createContext(null);
-
 const PromptContext = /*#__PURE__*/_react.default.createContext(null);
-
 const BottomSheetContext = /*#__PURE__*/_react.default.createContext(null);
-
 const DISMISS_TIMEOUT = 3000;
-
 const DialogProvider = _ref => {
   var _workingDialogJob$cur, _workingDialogJob$cur2, _defaultLabels$alert, _workingDialogJob$cur3, _defaultLabels$prompt, _defaultLabels$prompt2, _defaultLabels$prompt3, _workingDialogJob$cur4;
-
   let {
     defaultLabels,
     children
@@ -56,9 +40,7 @@ const DialogProvider = _ref => {
   const dialogQueue = (0, _react.useRef)([]);
   const workingDialogJob = (0, _react.useRef)();
   const visibleState = (0, _react.useRef)(false);
-
   const isProcessing = () => Boolean(workingDialogJob.current);
-
   const updateToShow = (0, _react.useCallback)(() => {
     visibleState.current = true;
     render();
@@ -73,7 +55,6 @@ const DialogProvider = _ref => {
   const consumeQueue = (0, _react.useCallback)(() => {
     completeDismiss();
     const job = dialogQueue.current.shift();
-
     if (job) {
       workingDialogJob.current = job;
       updateToShow();
@@ -81,7 +62,6 @@ const DialogProvider = _ref => {
       workingDialogJob.current = undefined;
     }
   }, []);
-
   const createJob = type => props => {
     const jobItem = {
       type,
@@ -92,7 +72,6 @@ const DialogProvider = _ref => {
       updateToShow();
     }
   };
-
   const alert = (0, _react.useCallback)(createJob('Alert'), []);
   const openMenu = (0, _react.useCallback)(createJob('ActionMenu'), []);
   const openPrompt = (0, _react.useCallback)(createJob('Prompt'), []);
@@ -146,38 +125,29 @@ const DialogProvider = _ref => {
     HeaderComponent: workingDialogJob.current.props.HeaderComponent
   })))));
 };
-
 exports.DialogProvider = DialogProvider;
-
 const useActionMenu = () => {
   const context = (0, _react.useContext)(ActionMenuContext);
   if (!context) throw new Error('ActionMenuContext is not provided, wrap your app with DialogProvider');
   return context;
 };
-
 exports.useActionMenu = useActionMenu;
-
 const useAlert = () => {
   const context = (0, _react.useContext)(AlertContext);
   if (!context) throw new Error('AlertContext is not provided, wrap your app with DialogProvider');
   return context;
 };
-
 exports.useAlert = useAlert;
-
 const usePrompt = () => {
   const context = (0, _react.useContext)(PromptContext);
   if (!context) throw new Error('PromptContext is not provided, wrap your app with DialogProvider');
   return context;
 };
-
 exports.usePrompt = usePrompt;
-
 const useBottomSheet = () => {
   const context = (0, _react.useContext)(BottomSheetContext);
   if (!context) throw new Error('BottomSheetContext is not provided, wrap your app with DialogProvider');
   return context;
 };
-
 exports.useBottomSheet = useBottomSheet;
 //# sourceMappingURL=index.js.map