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

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

@@ -14,17 +14,16 @@ var _useUIKitTheme = _interopRequireDefault(require("../../theme/useUIKitTheme")
 var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
 var _AvatarIcon = _interopRequireDefault(require("./AvatarIcon"));
 var _AvatarStack = _interopRequireDefault(require("./AvatarStack"));
-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,
-    square,
-    muted = false,
-    size = 56,
-    containerStyle
-  } = _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 Avatar = ({
+  uri,
+  square,
+  muted = false,
+  size = 56,
+  containerStyle
+}) => {
   const {
     colors,
     palette
@@ -52,10 +51,9 @@ const Avatar = _ref => {
     size: size
   }));
 };
-const MutedOverlay = _ref2 => {
-  let {
-    size
-  } = _ref2;
+const MutedOverlay = ({
+  size
+}) => {
   const {
     palette
   } = (0, _useUIKitTheme.default)();
@@ -79,10 +77,9 @@ const styles = (0, _createStyleSheet.default)({
     overflow: 'hidden'
   }
 });
-var _default = Object.assign(Avatar, {
+var _default = exports.default = Object.assign(Avatar, {
   Group: _AvatarGroup.default,
   Icon: _AvatarIcon.default,
   Stack: _AvatarStack.default
 });
-exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Icon","_interopRequireDefault","_Image","_createStyleSheet","_useUIKitTheme","_AvatarGroup","_AvatarIcon","_AvatarStack","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","_default","assign","Group","AvatarGroup","Icon","AvatarIcon","Stack","AvatarStack","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';\nimport AvatarStack from './AvatarStack';\n\ntype Props = {\n  uri?: string;\n  size?: number;\n  square?: boolean;\n  muted?: boolean;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst Avatar = ({ uri, square, muted = false, size = 56, containerStyle }: Props) => {\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\nexport default Object.assign(Avatar, {\n  Group: AvatarGroup,\n  Icon: AvatarIcon,\n  Stack: AvatarStack,\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitUtils","_Icon","_interopRequireDefault","_Image","_createStyleSheet","_useUIKitTheme","_AvatarGroup","_AvatarIcon","_AvatarStack","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Avatar","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","primary300","opacity","onBackgroundDark01","createStyleSheet","alignItems","justifyContent","overflow","_default","exports","assign","Group","AvatarGroup","Icon","AvatarIcon","Stack","AvatarStack"],"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';\nimport AvatarStack from './AvatarStack';\n\ntype Props = {\n  uri?: string;\n  size?: number;\n  square?: boolean;\n  muted?: boolean;\n  containerStyle?: StyleProp<ViewStyle>;\n};\n\nconst Avatar = ({ uri, square, muted = false, size = 56, containerStyle }: Props) => {\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\nexport default Object.assign(Avatar, {\n  Group: AvatarGroup,\n  Icon: AvatarIcon,\n  Stack: AvatarStack,\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,16 +10,15 @@ 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,
-    maxCount,
-    badgeColor,
-    textColor,
-    style,
-    size = 'default'
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Badge = ({
+  count,
+  maxCount,
+  badgeColor,
+  textColor,
+  style,
+  size = 'default'
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -63,6 +62,5 @@ const styles = (0, _createStyleSheet.default)({
     paddingHorizontal: 4
   }
 });
-var _default = Badge;
-exports.default = _default;
+var _default = exports.default = Badge;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","Badge","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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWtD,MAAMG,KAAK,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,SAAS;EAAEC,KAAK;EAAEC,IAAI,GAAG;AAAiB,CAAC,KAAK;EAC5F,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAClC,MAAMC,OAAO,GAAGH,IAAI,KAAK,OAAO;EAChC,oBACEjB,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAAClB,YAAA,CAAAmB,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,CAAClB,OAAO,CAACmB,IAAI,CAACC;IAAW,CAAC,EAC1ElB,KAAK,IAAI,EAAE,KAAKQ,OAAO,GAAGG,MAAM,CAACQ,iBAAiB,GAAGR,MAAM,CAACS,mBAAmB,CAAC,EAChFhB,KAAK;EACL,gBAEFhB,MAAA,CAAAU,OAAA,CAAAW,aAAA,CAAChB,KAAA,CAAAK,OAAI;IAACuB,QAAQ;IAACC,KAAK,EAAEnB,SAAS,IAAIG,MAAM,CAACS,EAAE,CAACC,KAAK,CAAClB,OAAO,CAACmB,IAAI,CAACM;EAAK,GAClE,IAAAC,0BAAc,EAACxB,KAAK,EAAEC,QAAQ,CAC3B,CACF,CAAC;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,GAAAC,OAAA,CAAAxC,OAAA,GAEYC,KAAK","ignoreList":[]}

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

@@ -6,30 +6,25 @@ 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 _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,
-    onHide,
-    visible,
-    sheetItems,
-    HeaderComponent
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BottomSheet = ({
+  onDismiss,
+  onHide,
+  visible,
+  sheetItems,
+  HeaderComponent
+}) => {
   const {
     statusBarTranslucent
   } = (0, _useHeaderStyle.default)();
   const {
     width
   } = (0, _reactNative.useWindowDimensions)();
-  const {
-    bottom,
-    left,
-    right
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const safeArea = (0, _uikitUtils.useSafeAreaPadding)(['bottom', 'left', 'right']);
   return /*#__PURE__*/_react.default.createElement(_Modal.default, {
     type: 'slide',
     onClose: onHide,
@@ -43,32 +38,28 @@ const BottomSheet = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_DialogSheet.default, {
     style: {
       width,
-      paddingBottom: bottom
+      paddingBottom: safeArea.paddingBottom
     }
   }, HeaderComponent && /*#__PURE__*/_react.default.createElement(HeaderComponent, {
     onClose: onHide
-  }), sheetItems.map((_ref2, idx) => {
-    let {
-      onPress,
-      ...props
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      activeOpacity: 0.75,
-      key: props.title + idx,
-      style: {
-        paddingLeft: left,
-        paddingRight: right
-      },
-      disabled: props.disabled,
-      onPress: async () => {
-        await onHide();
-        try {
-          onPress();
-        } catch {}
-      }
-    }, /*#__PURE__*/_react.default.createElement(_DialogSheet.default.Item, props));
-  })));
+  }), sheetItems.map(({
+    onPress,
+    ...props
+  }, idx) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    activeOpacity: 0.75,
+    key: props.title + idx,
+    style: {
+      paddingStart: safeArea.paddingStart,
+      paddingEnd: safeArea.paddingEnd
+    },
+    disabled: props.disabled,
+    onPress: async () => {
+      await onHide();
+      try {
+        onPress();
+      } catch {}
+    }
+  }, /*#__PURE__*/_react.default.createElement(_DialogSheet.default.Item, props)))));
 };
-var _default = BottomSheet;
-exports.default = _default;
+var _default = exports.default = BottomSheet;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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","disabled","Item","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } 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    disabled?: boolean;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => ReactNode;\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            disabled={props.disabled}\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;AAoBhD,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;MAClDqB,QAAQ,EAAEP,KAAK,CAACO,QAAS;MACzBR,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,CAACoC,IAAI,EAAKR,KAAK,CAAI,CACd;EAAA,CACpB,CAAC,CACU,CACR;AAEZ,CAAC;AAAC,IAAAS,QAAA,GAEapC,WAAW;AAAAqC,OAAA,CAAAtC,OAAA,GAAAqC,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitUtils","_Modal","_useHeaderStyle","_DialogSheet","e","__esModule","default","BottomSheet","onDismiss","onHide","visible","sheetItems","HeaderComponent","statusBarTranslucent","useHeaderStyle","width","useWindowDimensions","safeArea","useSafeAreaPadding","createElement","type","onClose","backgroundStyle","alignItems","justifyContent","style","paddingBottom","map","onPress","props","idx","TouchableOpacity","activeOpacity","key","title","paddingStart","paddingEnd","disabled","Item","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { TouchableOpacity, useWindowDimensions } from 'react-native';\n\nimport { useSafeAreaPadding } from '@sendbird/uikit-utils';\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    disabled?: boolean;\n    onPress: () => void;\n  }[];\n  HeaderComponent?: (props: HeaderProps) => ReactNode;\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 safeArea = useSafeAreaPadding(['bottom', 'left', 'right']);\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: safeArea.paddingBottom }}>\n        {HeaderComponent && <HeaderComponent onClose={onHide} />}\n        {sheetItems.map(({ onPress, ...props }, idx) => (\n          <TouchableOpacity\n            activeOpacity={0.75}\n            key={props.title + idx}\n            style={{ paddingStart: safeArea.paddingStart, paddingEnd: safeArea.paddingEnd }}\n            disabled={props.disabled}\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;AAEA,IAAAE,WAAA,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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAoBhD,MAAMG,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAEC,MAAM;EAAEC,OAAO;EAAEC,UAAU;EAAEC;AAAuB,CAAC,KAAK;EAC1F,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,uBAAc,EAAC,CAAC;EACjD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,MAAMC,QAAQ,GAAG,IAAAC,8BAAkB,EAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;EAChE,oBACEtB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,MAAA,CAAAK,OAAK;IACJc,IAAI,EAAE,OAAQ;IACdC,OAAO,EAAEZ,MAAO;IAChBD,SAAS,EAAEA,SAAU;IACrBK,oBAAoB,EAAEA,oBAAqB;IAC3CH,OAAO,EAAEA,OAAQ;IACjBY,eAAe,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAW;EAAE,gBAEtE5B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAChB,YAAA,CAAAG,OAAW;IAACmB,KAAK,EAAE;MAAEV,KAAK;MAAEW,aAAa,EAAET,QAAQ,CAACS;IAAc;EAAE,GAClEd,eAAe,iBAAIhB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACP,eAAe;IAACS,OAAO,EAAEZ;EAAO,CAAE,CAAC,EACvDE,UAAU,CAACgB,GAAG,CAAC,CAAC;IAAEC,OAAO;IAAE,GAAGC;EAAM,CAAC,EAAEC,GAAG,kBACzClC,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACpB,YAAA,CAAAgC,gBAAgB;IACfC,aAAa,EAAE,IAAK;IACpBC,GAAG,EAAEJ,KAAK,CAACK,KAAK,GAAGJ,GAAI;IACvBL,KAAK,EAAE;MAAEU,YAAY,EAAElB,QAAQ,CAACkB,YAAY;MAAEC,UAAU,EAAEnB,QAAQ,CAACmB;IAAW,CAAE;IAChFC,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBT,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMnB,MAAM,CAAC,CAAC;MACd,IAAI;QACFmB,OAAO,CAAC,CAAC;MACX,CAAC,CAAC,MAAM,CAAC;IACX;EAAE,gBAEFhC,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAChB,YAAA,CAAAG,OAAW,CAACgC,IAAI,EAAKT,KAAQ,CACd,CACnB,CACU,CACR,CAAC;AAEZ,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAEaC,WAAW","ignoreList":[]}

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

@@ -10,18 +10,17 @@ 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,
-    variant = 'contained',
-    buttonColor,
-    contentColor,
-    disabled,
-    onPress,
-    style,
-    children
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Button = ({
+  icon,
+  variant = 'contained',
+  buttonColor,
+  contentColor,
+  disabled,
+  onPress,
+  style,
+  children
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -34,19 +33,17 @@ const Button = _ref => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     disabled: disabled,
     onPress: onPress,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
+    style: ({
+      pressed
+    }) => {
       const stateColor = getStateColor(pressed, disabled);
       return [{
         backgroundColor: buttonColor ?? stateColor.background
       }, styles.container, style];
     }
-  }, _ref3 => {
-    let {
-      pressed
-    } = _ref3;
+  }, ({
+    pressed
+  }) => {
     const stateColor = getStateColor(pressed, disabled);
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
       size: 24,
@@ -70,10 +67,9 @@ const styles = (0, _createStyleSheet.default)({
   },
   icon: {
     marginVertical: -4,
-    marginRight: 8
+    marginEnd: 8
   },
   text: {}
 });
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":";;;;;;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;AAWtD,MAAMG,MAAM,GAAGC,IAAA,IASF;EAAA,IATG;IACdC,IAAI;IACJC,OAAO,GAAG,WAAW;IACrBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC;EACK,CAAC,GAAAR,IAAA;EACN,MAAM;IAAES;EAAO,CAAC,GAAG,IAAAC,sBAAa,GAAE;EAElC,MAAMC,aAAa,GAAGA,CAACC,OAAgB,EAAEP,QAAkB,KAAK;IAC9D,MAAMQ,WAAW,GAAGJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACb,OAAO,CAAC;IAC7C,IAAIG,QAAQ,EAAE,OAAOQ,WAAW,CAACR,QAAQ;IACzC,IAAIO,OAAO,EAAE,OAAOC,WAAW,CAACD,OAAO;IACvC,OAAOC,WAAW,CAACG,OAAO;EAC5B,CAAC;EAED,oBACE5B,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAAC1B,YAAA,CAAA2B,SAAS;IACRb,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEY,KAAA,IAAiB;MAAA,IAAhB;QAAEP;MAAQ,CAAC,GAAAO,KAAA;MACjB,MAAMC,UAAU,GAAGT,aAAa,CAACC,OAAO,EAAEP,QAAQ,CAAC;MACnD,OAAO,CAAC;QAAEgB,eAAe,EAAElB,WAAW,IAAIiB,UAAU,CAACE;MAAW,CAAC,EAAEC,MAAM,CAACC,SAAS,EAAEjB,KAAK,CAAC;IAC7F;EAAE,GAEDkB,KAAA,IAAiB;IAAA,IAAhB;MAAEb;IAAQ,CAAC,GAAAa,KAAA;IACX,MAAML,UAAU,GAAGT,aAAa,CAACC,OAAO,EAAEP,QAAQ,CAAC;IAEnD,oBACEjB,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAAA7B,MAAA,CAAAU,OAAA,CAAA4B,QAAA,QACGzB,IAAI,iBACHb,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAACzB,KAAA,CAAAM,OAAI;MAAC6B,IAAI,EAAE,EAAG;MAAC1B,IAAI,EAAEA,IAAK;MAAC2B,KAAK,EAAExB,YAAY,IAAIgB,UAAU,CAACS,OAAQ;MAACC,cAAc,EAAEP,MAAM,CAACtB;IAAK,EACpG,eACDb,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAACxB,KAAA,CAAAK,OAAI;MAACiB,MAAM;MAACa,KAAK,EAAExB,YAAY,IAAIgB,UAAU,CAACS,OAAQ;MAACtB,KAAK,EAAEgB,MAAM,CAACQ;IAAK,GACxEvB,QAAQ,CACJ,CACN;EAEP,CAAC,CACS;AAEhB,CAAC;AAED,MAAMe,MAAM,GAAG,IAAAS,yBAAgB,EAAC;EAC9BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDpC,IAAI,EAAE;IAAEqC,cAAc,EAAE,CAAC,CAAC;IAAEC,WAAW,EAAE;EAAE,CAAC;EAC5CR,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAAC,IAAAS,QAAA,GAEYzC,MAAM;AAAA0C,OAAA,CAAA3C,OAAA,GAAA0C,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Icon","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","Button","icon","variant","buttonColor","contentColor","disabled","onPress","style","children","colors","useUIKitTheme","getStateColor","pressed","stateColors","ui","button","enabled","createElement","Pressable","stateColor","backgroundColor","background","styles","container","Fragment","size","color","content","containerStyle","text","createStyleSheet","flexDirection","padding","borderRadius","alignItems","justifyContent","marginVertical","marginEnd","_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, marginEnd: 8 },\n  text: {},\n});\n\nexport default Button;\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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWtD,MAAMG,MAAM,GAAGA,CAAC;EACdC,IAAI;EACJC,OAAO,GAAG,WAAW;EACrBC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAElC,MAAMC,aAAa,GAAGA,CAACC,OAAgB,EAAEP,QAAkB,KAAK;IAC9D,MAAMQ,WAAW,GAAGJ,MAAM,CAACK,EAAE,CAACC,MAAM,CAACb,OAAO,CAAC;IAC7C,IAAIG,QAAQ,EAAE,OAAOQ,WAAW,CAACR,QAAQ;IACzC,IAAIO,OAAO,EAAE,OAAOC,WAAW,CAACD,OAAO;IACvC,OAAOC,WAAW,CAACG,OAAO;EAC5B,CAAC;EAED,oBACE3B,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACzB,YAAA,CAAA0B,SAAS;IACRb,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,CAAC;MAAEK;IAAQ,CAAC,KAAK;MACtB,MAAMO,UAAU,GAAGR,aAAa,CAACC,OAAO,EAAEP,QAAQ,CAAC;MACnD,OAAO,CAAC;QAAEe,eAAe,EAAEjB,WAAW,IAAIgB,UAAU,CAACE;MAAW,CAAC,EAAEC,MAAM,CAACC,SAAS,EAAEhB,KAAK,CAAC;IAC7F;EAAE,GAED,CAAC;IAAEK;EAAQ,CAAC,KAAK;IAChB,MAAMO,UAAU,GAAGR,aAAa,CAACC,OAAO,EAAEP,QAAQ,CAAC;IAEnD,oBACEhB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAAA5B,MAAA,CAAAU,OAAA,CAAAyB,QAAA,QACGvB,IAAI,iBACHZ,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACxB,KAAA,CAAAM,OAAI;MAAC0B,IAAI,EAAE,EAAG;MAACxB,IAAI,EAAEA,IAAK;MAACyB,KAAK,EAAEtB,YAAY,IAAIe,UAAU,CAACQ,OAAQ;MAACC,cAAc,EAAEN,MAAM,CAACrB;IAAK,CAAE,CACtG,eACDZ,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACvB,KAAA,CAAAK,OAAI;MAACgB,MAAM;MAACW,KAAK,EAAEtB,YAAY,IAAIe,UAAU,CAACQ,OAAQ;MAACpB,KAAK,EAAEe,MAAM,CAACO;IAAK,GACxErB,QACG,CACN,CAAC;EAEP,CACS,CAAC;AAEhB,CAAC;AAED,MAAMc,MAAM,GAAG,IAAAQ,yBAAgB,EAAC;EAC9BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlC,IAAI,EAAE;IAAEmC,cAAc,EAAE,CAAC,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EAC1CR,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEYC,MAAM","ignoreList":[]}

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

@@ -9,14 +9,13 @@ 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',
-    backgroundColor,
-    textColor,
-    style
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ChannelFrozenBanner = ({
+  text = 'Channel is frozen',
+  backgroundColor,
+  textColor,
+  style
+}) => {
   const {
     palette
   } = (0, _useUIKitTheme.default)();
@@ -38,6 +37,5 @@ const styles = (0, _createStyleSheet.default)({
     borderRadius: 4
   }
 });
-var _default = ChannelFrozenBanner;
-exports.default = _default;
+var _default = exports.default = ChannelFrozenBanner;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","ChannelFrozenBanner","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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAStD,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC,IAAI,GAAG,mBAAmB;EAAEC,eAAe;EAAEC,SAAS;EAAEC;AAAa,CAAC,KAAK;EACxG,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAEnC,oBACEhB,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,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,gBAE9Fd,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACb,KAAA,CAAAK,OAAI;IAACc,QAAQ;IAACC,KAAK,EAAEX,SAAS,IAAIE,OAAO,CAACU;EAAoB,GAC5Dd,IACG,CACF,CAAC;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,GAAAC,OAAA,CAAAvB,OAAA,GAEYC,mBAAmB","ignoreList":[]}

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

@@ -8,12 +8,11 @@ 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,
-    children
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DialogBox = ({
+  style,
+  children
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -29,6 +28,5 @@ const styles = (0, _createStyleSheet.default)({
     borderRadius: 4
   }
 });
-var _default = DialogBox;
-exports.default = _default;
+var _default = exports.default = DialogBox;
 //# sourceMappingURL=DialogBox.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_createStyleSheet","_useUIKitTheme","e","__esModule","default","DialogBox","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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAKtD,MAAMG,SAAS,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAgB,CAAC,KAAK;EAChD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sBAAa,EAAC,CAAC;EAClC,oBACEb,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACX,YAAA,CAAAY,IAAI;IAACL,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEN,MAAM,CAACO,EAAE,CAACC,MAAM,CAACZ,OAAO,CAACa,IAAI,CAACC;IAAW,CAAC,EAAEZ,KAAK;EAAE,GACnGC,QACG,CAAC;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,GAAAC,OAAA,CAAAnB,OAAA,GAEYC,SAAS","ignoreList":[]}

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

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _Box = _interopRequireDefault(require("../../components/Box"));
 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,
-    children
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DialogSheet = ({
+  style,
+  children
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -25,14 +25,13 @@ const DialogSheet = _ref => {
     }, style]
   }, children);
 };
-const SheetItem = _ref2 => {
-  let {
-    icon,
-    title,
-    iconColor,
-    titleColor,
-    disabled = false
-  } = _ref2;
+const SheetItem = ({
+  icon,
+  title,
+  iconColor,
+  titleColor,
+  disabled = false
+}) => {
   const {
     colors
   } = (0, _useUIKitTheme.default)();
@@ -44,35 +43,37 @@ const SheetItem = _ref2 => {
     icon: icon,
     color: iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight),
     containerStyle: styles.sheetItemIcon
-  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }), /*#__PURE__*/_react.default.createElement(_Box.default, {
+    flex: 1,
+    alignItems: 'flex-start'
+  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
     subtitle1: true,
     numberOfLines: 1,
     color: titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text),
     style: styles.sheetItemText
-  }, title));
+  }, title)));
 };
 const styles = (0, _createStyleSheet.default)({
   container: {
     overflow: 'hidden',
     flexDirection: 'column',
     width: '100%',
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8
+    borderTopStartRadius: 8,
+    borderTopEndRadius: 8
   },
   sheetItemContainer: {
     flexDirection: 'row',
     alignItems: 'center',
+    justifyContent: 'flex-start',
     height: 48
   },
   sheetItemIcon: {
-    marginLeft: 16
+    marginStart: 16
   },
   sheetItemText: {
-    flex: 1,
     marginHorizontal: 24
   }
 });
 DialogSheet.Item = SheetItem;
-var _default = DialogSheet;
-exports.default = _default;
+var _default = exports.default = DialogSheet;
 //# sourceMappingURL=DialogSheet.js.map

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

@@ -1 +1 @@
-{"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","disabled","sheetItemContainer","color","blurred","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, { ReactNode } 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) => ReactNode) & { 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  disabled?: boolean;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor, disabled = false }: 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={\n            iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight)\n          }\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Text\n        subtitle1\n        numberOfLines={1}\n        color={titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : 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":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Box","_Icon","_Text","_createStyleSheet","_useUIKitTheme","e","__esModule","default","DialogSheet","style","children","colors","useUIKitTheme","createElement","View","styles","container","backgroundColor","ui","dialog","none","background","SheetItem","icon","title","iconColor","titleColor","disabled","sheetItemContainer","color","blurred","highlight","containerStyle","sheetItemIcon","flex","alignItems","subtitle1","numberOfLines","text","sheetItemText","createStyleSheet","overflow","flexDirection","width","borderTopStartRadius","borderTopEndRadius","justifyContent","height","marginStart","marginHorizontal","Item","_default","exports"],"sources":["DialogSheet.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport Box from '../../components/Box';\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) => ReactNode) & { 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  disabled?: boolean;\n};\nconst SheetItem = ({ icon, title, iconColor, titleColor, disabled = false }: 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={\n            iconColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.highlight)\n          }\n          containerStyle={styles.sheetItemIcon}\n        />\n      )}\n      <Box flex={1} alignItems={'flex-start'}>\n        <Text\n          subtitle1\n          numberOfLines={1}\n          color={titleColor ?? (disabled ? colors.ui.dialog.default.none.blurred : colors.ui.dialog.default.none.text)}\n          style={styles.sheetItemText}\n        >\n          {title}\n        </Text>\n      </Box>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    flexDirection: 'column',\n    width: '100%',\n    borderTopStartRadius: 8,\n    borderTopEndRadius: 8,\n  },\n  sheetItemContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    height: 48,\n  },\n  sheetItemIcon: {\n    marginStart: 16,\n  },\n  sheetItemText: {\n    marginHorizontal: 24,\n  },\n});\n\nDialogSheet.Item = SheetItem;\nexport default DialogSheet;\n"],"mappings":"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","ignoreList":[]}