@draftbit/core 46.4.4-9a666e.2 → 46.4.4-ad6b6b.2

package/lib/commonjs/components/Button.js

@@ -4,26 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonSolid = exports.ButtonOutline = exports.Button = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _theming = require("../theming");
-
 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; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const CONSTANTS = {
   baseHeight: 42,
   borderRadius: 4,
   padding: 8,
   icon: 24
 };
-
 function Base(_ref) {
   let {
     Icon,
@@ -35,7 +27,6 @@ function Base(_ref) {
     style,
     ...props
   } = _ref;
-
   const {
     color,
     fontFamily,
@@ -50,7 +41,6 @@ function Base(_ref) {
     textDecorationStyle,
     ...buttonStyles
   } = _reactNative.StyleSheet.flatten(style || {});
-
   const titleStyles = {
     color,
     fontFamily,
@@ -64,15 +54,12 @@ function Base(_ref) {
     textDecorationColor,
     textDecorationStyle
   };
-
   if (textAlign === "left") {
     buttonStyles.justifyContent = "flex-start";
   }
-
   if (textAlign === "right") {
     buttonStyles.justifyContent = "flex-end";
   }
-
   return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
     onPress: onPress,
     disabled: disabled || loading,
@@ -97,7 +84,6 @@ function Base(_ref) {
     style: titleStyles
   }, title));
 }
-
 const Solid = _ref3 => {
   let {
     style,
@@ -112,12 +98,10 @@ const Solid = _ref3 => {
     }, style]
   }, props));
 };
-
 const ButtonSolid = (0, _theming.withTheme)(Solid);
 exports.ButtonSolid = ButtonSolid;
 const Button = (0, _theming.withTheme)(Solid);
 exports.Button = Button;
-
 const Outline = _ref4 => {
   let {
     style,
@@ -132,10 +116,8 @@ const Outline = _ref4 => {
     }, style]
   }, props));
 };
-
 const ButtonOutline = (0, _theming.withTheme)(Outline);
 exports.ButtonOutline = ButtonOutline;
-
 const styles = _reactNative.StyleSheet.create({
   base: {
     position: "relative",
@@ -165,7 +147,8 @@ const styles = _reactNative.StyleSheet.create({
   loading: {
     marginRight: 6
   },
-  icon: { ..._reactNative.Platform.select({
+  icon: {
+    ..._reactNative.Platform.select({
       web: {
         marginTop: 1,
         marginRight: 4,
@@ -178,4 +161,5 @@ const styles = _reactNative.StyleSheet.create({
       }
     })
   }
-});
+});
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","StyleSheet","flatten","titleStyles","justifyContent","pressed","styles","base","opacity","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","withTheme","Button","Outline","outline","borderColor","ButtonOutline","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","Platform","select","web","cursor","userSelect","borderWidth","bare","undefined","marginRight","marginTop","alignSelf","default","marginBottom"],"sources":["Button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Text,\n  Pressable,\n  Platform,\n  StyleSheet,\n  TextStyle,\n  PressableProps,\n  ActivityIndicator,\n} from \"react-native\";\n\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst CONSTANTS = {\n  baseHeight: 42,\n  borderRadius: 4,\n  padding: 8,\n  icon: 24,\n};\n\ntype BaseProps = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n} & PressableProps &\n  IconSlot;\n\ntype Props = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n  theme: Theme;\n} & PressableProps &\n  IconSlot;\n\nfunction Base({\n  Icon,\n  icon,\n  title,\n  onPress,\n  loading,\n  disabled,\n  style,\n  ...props\n}: BaseProps): JSX.Element {\n  const {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n    ...buttonStyles\n  } = StyleSheet.flatten(style || ({} as TextStyle));\n\n  const titleStyles: TextStyle = {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n  };\n\n  if (textAlign === \"left\") {\n    buttonStyles.justifyContent = \"flex-start\";\n  }\n\n  if (textAlign === \"right\") {\n    buttonStyles.justifyContent = \"flex-end\";\n  }\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.base,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          buttonStyles,\n        ];\n      }}\n      {...props}\n    >\n      {loading ? (\n        <ActivityIndicator size=\"small\" color={color} style={styles.loading} />\n      ) : null}\n      {icon && !loading ? (\n        <Icon\n          name={icon}\n          color={color as string}\n          style={styles.icon}\n          size={CONSTANTS.icon}\n        />\n      ) : null}\n      <Text style={titleStyles}>{title}</Text>\n    </Pressable>\n  );\n}\n\nconst Solid = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        {\n          color: \"#FFF\",\n          borderRadius: theme.roundness,\n          backgroundColor: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonSolid: any = withTheme(Solid);\nexport { ButtonSolid };\n\nconst Button: any = withTheme(Solid);\nexport { Button };\n\nconst Outline = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        styles.outline,\n        {\n          borderRadius: theme.roundness,\n          borderColor: theme.colors.primary,\n          color: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonOutline: any = withTheme(Outline);\nexport { ButtonOutline };\n\nconst styles = StyleSheet.create({\n  base: {\n    position: \"relative\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    minHeight: CONSTANTS.baseHeight,\n    paddingHorizontal: 12,\n    fontFamily: \"System\",\n    fontWeight: \"700\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  outline: {\n    backgroundColor: \"transparent\",\n    borderWidth: 1,\n  },\n  bare: {\n    backgroundColor: \"transparent\",\n    padding: 0,\n    minHeight: undefined,\n  },\n  loading: {\n    marginRight: 6,\n  },\n  icon: {\n    ...Platform.select({\n      web: {\n        marginTop: 1,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n      default: {\n        marginBottom: 2,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n    }),\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/components/Card.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TopRightCircleIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Image = _interopRequireDefault(require("./Image"));
-
 var _Surface = _interopRequireDefault(require("./Surface"));
-
 var _Typography = require("./Typography");
-
 var _theming = require("../theming");
-
 var _Config = _interopRequireDefault(require("./Config"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ICON_SIZE = _Config.default.cardIconSize;
 const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
@@ -64,7 +55,6 @@ const TopRightCircleIcon = (0, _theming.withTheme)(_ref => {
   })));
 });
 exports.TopRightCircleIcon = TopRightCircleIcon;
-
 const Card = _ref3 => {
   let {
     Icon,
@@ -85,13 +75,11 @@ const Card = _ref3 => {
     theme,
     children
   } = _ref3;
-
   const {
     backgroundColor: bgColor,
     padding,
     ...styles
   } = _reactNative.StyleSheet.flatten(style || {});
-
   const backgroundColor = bgColor ? bgColor : theme.colors.surface;
   const innerPadding = padding ? padding : 12;
   return /*#__PURE__*/_react.default.createElement(_Surface.default, {
@@ -145,7 +133,6 @@ const Card = _ref3 => {
     onPress: onPressIcon
   }) : null));
 };
-
 var _default = (0, _theming.withTheme)(Card);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Card.js.map

package/lib/commonjs/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","withTheme","Icon","icon","theme","onPress","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","pressed","opacity","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","style","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","StyleSheet","flatten","innerPadding","uri","marginTop"],"sources":["Card.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  StyleSheet,\n  View,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\n\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\n\nexport const TopRightCircleIcon = withTheme(\n  ({\n    Icon,\n    icon,\n    theme,\n    onPress,\n  }: {\n    icon: string;\n    theme: Theme;\n    onPress?: () => void;\n  } & IconSlot) => {\n    return (\n      <Surface\n        style={{\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          elevation: ICON_ELEVATION,\n          position: \"absolute\",\n          top: 12,\n          right: 12,\n          width: ICON_CONTAINER_SIZE,\n          height: ICON_CONTAINER_SIZE,\n          padding: ICON_CONTAINER_PADDING,\n          borderRadius: ICON_CONTAINER_SIZE,\n          backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n        }}\n      >\n        <Pressable\n          disabled={!onPress}\n          onPress={onPress}\n          style={({ pressed }) => {\n            return [\n              {\n                opacity: pressed ? 0.8 : 1,\n              },\n            ];\n          }}\n        >\n          <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />\n        </Pressable>\n      </Surface>\n    );\n  }\n);\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  description?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  titleStyle?: StyleProp<TextStyle>;\n  subtitleStyle?: StyleProp<TextStyle>;\n  descriptionStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n  onPressIcon?: () => void;\n  children?: React.ReactNode;\n} & IconSlot;\n\nconst Card: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  image = Config.cardImageUrl,\n  title,\n  subtitle,\n  description,\n  textCentered,\n  icon,\n  aspectRatio = 1.5,\n  elevation = 2,\n  style,\n  onPress,\n  onPressIcon,\n  titleStyle,\n  subtitleStyle,\n  descriptionStyle,\n  theme,\n  children,\n}) => {\n  const {\n    backgroundColor: bgColor,\n    padding,\n    ...styles\n  } = StyleSheet.flatten(style || {});\n\n  const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n  const innerPadding = padding ? padding : 12;\n\n  return (\n    <Surface style={[{ elevation, backgroundColor }, styles]}>\n      <Pressable\n        disabled={!onPress}\n        onPress={onPress}\n        style={({ pressed }) => {\n          return [\n            {\n              opacity: pressed ? 0.8 : 1,\n            },\n          ];\n        }}\n      >\n        <Image\n          style={{ aspectRatio }}\n          source={typeof image === \"string\" ? { uri: image } : image}\n          resizeMode=\"cover\"\n        />\n        <View style={{ padding: innerPadding }}>\n          <View style={{ alignItems: textCentered ? \"center\" : \"flex-start\" }}>\n            {title || (title && title !== \"\") ? (\n              <Title text={title} style={titleStyle} />\n            ) : null}\n            {subtitle || (subtitle && subtitle !== \"\") ? (\n              <Subtitle text={subtitle} style={subtitleStyle} />\n            ) : null}\n            {description || (description && description !== \"\") ? (\n              <View style={{ marginTop: 4 }}>\n                <Caption text={description} style={descriptionStyle} />\n              </View>\n            ) : null}\n            {children}\n          </View>\n        </View>\n        {icon ? (\n          <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />\n        ) : null}\n      </Pressable>\n    </Surface>\n  );\n};\n\nexport default withTheme(Card);\n"],"mappings":"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"}

package/lib/commonjs/components/CardBlock.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Image = _interopRequireDefault(require("./Image"));
-
 var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
-
 var _Elevation = _interopRequireDefault(require("./Elevation"));
-
 var _theming = require("../theming");
-
 var _Config = _interopRequireDefault(require("./Config"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const CardBlock = _ref => {
   let {
     image = _Config.default.cardImageUrl,
@@ -44,13 +34,11 @@ const CardBlock = _ref => {
   } = _ref;
   let titleJustification;
   let titleStyle;
-
   if (titleCentered && !leftDescription && !rightDescription) {
     titleJustification = "center";
   } else {
     titleJustification = "space-between";
   }
-
   if (numColumns === 1) {
     titleStyle = typography.button;
   } else if (numColumns === 2) {
@@ -58,7 +46,6 @@ const CardBlock = _ref => {
   } else {
     titleStyle = typography.headline5;
   }
-
   const rightDescriptionStyles = [typography.subtitle2, {
     color: colors.light
   }];
@@ -115,7 +102,6 @@ const CardBlock = _ref => {
     style: rightDescriptionStyles
   }, rightDescription) : null) : null));
 };
-
 var _default = (0, _theming.withTheme)(CardBlock);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardBlock.js.map

package/lib/commonjs/components/CardBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CardBlock","image","Config","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium","withTheme"],"sources":["CardBlock.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ImageSourcePropType,\n  View,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  titleCentered: boolean;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardBlock: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  titleCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleJustification: justificationType;\n\n  let titleStyle;\n  if (titleCentered && !leftDescription && !rightDescription) {\n    titleJustification = \"center\";\n  } else {\n    titleJustification = \"space-between\";\n  }\n\n  if (numColumns === 1) {\n    titleStyle = typography.button;\n  } else if (numColumns === 2) {\n    titleStyle = typography.headline6;\n  } else {\n    titleStyle = typography.headline5;\n  }\n\n  const rightDescriptionStyles = [\n    typography.subtitle2,\n    { color: colors.light },\n  ];\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <View style={{ backgroundColor: colors.background }}>\n        <Elevation style={{ elevation, borderRadius: roundness }}>\n          <Image\n            style={{\n              borderRadius: roundness,\n              aspectRatio,\n            }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n        </Elevation>\n        {title ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: titleJustification,\n              marginTop: numColumns === 3 ? 16 : 12,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[titleStyle, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {!leftDescription && rightDescription ? (\n              <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n            ) : null}\n          </View>\n        ) : null}\n        {leftDescription ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginTop: numColumns === 3 ? 4 : 4 / 2,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.body2, { color: colors.medium }]}\n            >\n              {leftDescription}\n            </Text>\n            {rightDescription ? (\n              <Text numberOfLines={1} style={rightDescriptionStyles}>\n                {rightDescription}\n              </Text>\n            ) : null}\n          </View>\n        ) : null}\n      </View>\n    </Card>\n  );\n};\n\nexport default withTheme(CardBlock);\n"],"mappings":"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"}

package/lib/commonjs/components/CardContainer.js

@@ -4,30 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _color = _interopRequireDefault(require("color"));
-
 var _Image = _interopRequireDefault(require("./Image"));
-
 var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
-
 var _Elevation = _interopRequireDefault(require("./Elevation"));
-
 var _theming = require("../theming");
-
 var _Config = _interopRequireDefault(require("./Config"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
-
 const CardContainer = _ref => {
   let {
     Icon,
@@ -51,23 +39,19 @@ const CardContainer = _ref => {
   } = _ref;
   let textJustification;
   let titleStyle;
-
   if (textCentered && !rightDescription) {
     textJustification = "center";
   } else {
     textJustification = "space-between";
   }
-
   switch (numColumns) {
     case 2:
       titleStyle = typography.headline6;
       break;
-
     case 3:
       titleStyle = typography.headline5;
       break;
   }
-
   return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
     style: style,
     onPress: onPress,
@@ -141,7 +125,6 @@ const CardContainer = _ref => {
     color: colors.surface
   })) : null)));
 };
-
 var _default = (0, _theming.withTheme)(CardContainer);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardContainer.js.map

package/lib/commonjs/components/CardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","borderRadius","overflow","backgroundColor","surface","uri","padding","flexDirection","alignItems","justifyContent","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","withTheme"],"sources":["CardContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  ImageSourcePropType,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\nimport { justificationType } from \"./Justification\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n} & IconSlot;\n\nconst CardContainer: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  textCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let textJustification: justificationType;\n\n  let titleStyle;\n\n  if (textCentered && !rightDescription) {\n    textJustification = \"center\";\n  } else {\n    textJustification = \"space-between\";\n  }\n\n  switch (numColumns) {\n    case 2:\n      titleStyle = typography.headline6;\n      break;\n    case 3:\n      titleStyle = typography.headline5;\n      break;\n  }\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <Elevation style={{ elevation, borderRadius: roundness }}>\n        <View\n          style={{\n            borderRadius: roundness,\n            overflow: \"hidden\",\n            backgroundColor: colors.surface,\n          }}\n        >\n          <Image\n            style={{ aspectRatio }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n          <View\n            style={{\n              padding: numColumns === 1 ? 8 : 16,\n            }}\n          >\n            {title ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  alignItems: \"center\",\n                  justifyContent: textJustification,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[titleStyle, { color: colors.strong }]}\n                >\n                  {title}\n                </Text>\n              </View>\n            ) : null}\n            {leftDescription ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  justifyContent: textJustification,\n                  alignItems: \"center\",\n                  marginTop: numColumns === 3 ? 4 : 4 / 2,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[typography.body2, { color: colors.medium }]}\n                >\n                  {leftDescription}\n                </Text>\n                {rightDescription ? (\n                  <Text\n                    numberOfLines={1}\n                    style={[typography.subtitle2, { color: colors.light }]}\n                  >\n                    {rightDescription}\n                  </Text>\n                ) : null}\n              </View>\n            ) : null}\n          </View>\n          {icon ? (\n            <Elevation\n              style={{\n                elevation: Config.cardIconElevation,\n                position: \"absolute\",\n                top: 12,\n                right: 12,\n                width: ICON_CONTAINER_SIZE,\n                height: ICON_CONTAINER_SIZE,\n                padding: ICON_CONTAINER_PADDING,\n                borderRadius: ICON_CONTAINER_SIZE,\n                backgroundColor: color(colors.strong)\n                  .alpha(Config.cardIconBackgroundOpacity)\n                  .rgb()\n                  .string(),\n              }}\n            >\n              <Icon\n                name={icon}\n                size={Config.cardIconSize}\n                color={colors.surface}\n              />\n            </Elevation>\n          ) : null}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainer);\n"],"mappings":"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"}

package/lib/commonjs/components/CardContainerRating.js

@@ -4,32 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _color = _interopRequireDefault(require("color"));
-
 var _Image = _interopRequireDefault(require("./Image"));
-
 var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
-
 var _Elevation = _interopRequireDefault(require("./Elevation"));
-
 var _StarRating = _interopRequireDefault(require("./StarRating"));
-
 var _theming = require("../theming");
-
 var _Config = _interopRequireDefault(require("./Config"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
-
 const CardContainerRating = _ref => {
   let {
     Icon,
@@ -52,19 +39,16 @@ const CardContainerRating = _ref => {
     ...rest
   } = _ref;
   let titleStyle, rightDescriptionStyle;
-
   switch (numColumns) {
     case 2:
       titleStyle = typography.headline6;
       rightDescriptionStyle = typography.body2;
       break;
-
     case 3:
       titleStyle = typography.headline5;
       rightDescriptionStyle = typography.caption;
       break;
   }
-
   return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
     style: style,
     onPress: onPress,
@@ -78,8 +62,8 @@ const CardContainerRating = _ref => {
     style: {
       borderRadius: roundness,
       overflow: "hidden",
-      backgroundColor: colors.background //background color is needed for bug on android 9 - https://github.com/facebook/react-native/issues/25093
-
+      backgroundColor: colors.background
+      //background color is needed for bug on android 9 - https://github.com/facebook/react-native/issues/25093
     }
   }, /*#__PURE__*/_react.default.createElement(_Image.default, {
     style: {
@@ -145,7 +129,6 @@ const CardContainerRating = _ref => {
     color: colors.surface
   })) : null)));
 };
-
 var _default = (0, _theming.withTheme)(CardContainerRating);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardContainerRating.js.map

package/lib/commonjs/components/CardContainerRating.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainerRating","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","rating","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleStyle","rightDescriptionStyle","headline6","body2","headline5","caption","borderRadius","overflow","backgroundColor","background","uri","padding","flexDirection","alignItems","justifyContent","color","strong","medium","marginTop","marginLeft","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","surface","withTheme"],"sources":["CardContainerRating.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  ImageSourcePropType,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport StarRating from \"./StarRating\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  textCentered: boolean;\n  icon?: string;\n  rating: number;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n} & IconSlot;\n\nconst CardContainerRating: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  rating,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleStyle, rightDescriptionStyle;\n  switch (numColumns) {\n    case 2:\n      titleStyle = typography.headline6;\n      rightDescriptionStyle = typography.body2;\n      break;\n    case 3:\n      titleStyle = typography.headline5;\n      rightDescriptionStyle = typography.caption;\n      break;\n  }\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <Elevation style={{ elevation, borderRadius: roundness }}>\n        <View\n          style={{\n            borderRadius: roundness,\n            overflow: \"hidden\",\n            backgroundColor: colors.background,\n            //background color is needed for bug on android 9 - https://github.com/facebook/react-native/issues/25093\n          }}\n        >\n          <Image\n            style={{ aspectRatio }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n          <View\n            style={{\n              padding: numColumns === 1 ? 8 : 16,\n            }}\n          >\n            {title ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  alignItems: \"center\",\n                  justifyContent: \"space-between\",\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[titleStyle, { color: colors.strong }]}\n                >\n                  {title}\n                </Text>\n              </View>\n            ) : null}\n            {leftDescription ? (\n              <Text\n                numberOfLines={1}\n                style={[\n                  typography.body2,\n                  {\n                    color: colors.medium,\n                    marginTop: numColumns === 3 ? 4 : 4 / 2,\n                  },\n                ]}\n              >\n                {leftDescription}\n              </Text>\n            ) : null}\n            <View\n              style={{\n                flexDirection: \"row\",\n                justifyContent: \"space-between\",\n                alignItems: \"center\",\n                marginTop: numColumns === 3 ? 16 : 12,\n              }}\n            >\n              <StarRating\n                Icon={Icon}\n                starSize={numColumns === 1 ? 10 : 16}\n                rating={rating}\n              />\n              <Text\n                style={[\n                  rightDescriptionStyle,\n                  {\n                    color: colors.medium,\n                    marginLeft: 8,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {rightDescription}\n              </Text>\n            </View>\n          </View>\n          {icon ? (\n            <Elevation\n              style={{\n                elevation: Config.cardIconElevation,\n                position: \"absolute\",\n                top: 12,\n                right: 12,\n                width: ICON_CONTAINER_SIZE,\n                height: ICON_CONTAINER_SIZE,\n                padding: ICON_CONTAINER_PADDING,\n                borderRadius: ICON_CONTAINER_SIZE,\n                backgroundColor: color(colors.strong)\n                  .alpha(Config.cardIconBackgroundOpacity)\n                  .rgb()\n                  .string(),\n              }}\n            >\n              <Icon\n                name={icon}\n                size={Config.cardIconSize}\n                color={colors.surface}\n              />\n            </Elevation>\n          ) : null}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainerRating);\n"],"mappings":"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"}

package/lib/commonjs/components/CardContainerShortImage.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Image = _interopRequireDefault(require("./Image"));
-
 var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
-
 var _Elevation = _interopRequireDefault(require("./Elevation"));
-
 var _theming = require("../theming");
-
 var _Config = _interopRequireDefault(require("./Config"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const CardContainerShortImage = _ref => {
   let {
     image = _Config.default.squareImageUrl,
@@ -90,7 +80,6 @@ const CardContainerShortImage = _ref => {
     resizeMode: "cover"
   }))));
 };
-
 var _default = (0, _theming.withTheme)(CardContainerShortImage);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardContainerShortImage.js.map

package/lib/commonjs/components/CardContainerShortImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","borderRadius","overflow","flexDirection","justifyContent","uri","padding","backgroundColor","surface","flex","headline5","color","strong","body2","medium","marginTop","withTheme"],"sources":["CardContainerShortImage.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  Text,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  mode?: \"right\" | \"left\";\n  aspectRatio?: number;\n  elevation?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardContainerShortImage: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.squareImageUrl,\n  title,\n  subtitle,\n  mode = \"left\",\n  aspectRatio = 1,\n  elevation = 2,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  return (\n    <Card style={style} onPress={onPress} {...rest}>\n      <Elevation\n        style={{\n          elevation,\n          borderRadius: roundness,\n        }}\n      >\n        <View\n          style={{\n            overflow: \"hidden\",\n            flexDirection: \"row\",\n            justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n            borderRadius: roundness,\n          }}\n        >\n          {mode === \"left\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n          <View\n            style={{\n              padding: 16,\n              backgroundColor: colors.surface,\n              flex: 1,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.headline5, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {subtitle ? (\n              <Text\n                numberOfLines={1}\n                style={[\n                  typography.body2,\n                  { color: colors.medium, marginTop: 4 },\n                ]}\n              >\n                {subtitle}\n              </Text>\n            ) : null}\n          </View>\n          {mode === \"right\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainerShortImage);\n"],"mappings":";;;;;;AAAA;AACA;AAOA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAe9B,MAAMA,uBAAiE,GAAG,QAWpE;EAAA,IAXqE;IACzEC,KAAK,GAAGC,eAAM,CAACC,cAAc;IAC7BC,KAAK;IACLC,QAAQ;IACRC,IAAI,GAAG,MAAM;IACbC,WAAW,GAAG,CAAC;IACfC,SAAS,GAAG,CAAC;IACbC,KAAK,EAAE;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAW,CAAC;IACxCC,KAAK;IACLC,OAAO;IACP,GAAGC;EACL,CAAC;EACC,oBACE,6BAAC,8BAAI;IAAC,KAAK,EAAEF,KAAM;IAAC,OAAO,EAAEC;EAAQ,GAAKC,IAAI,gBAC5C,6BAAC,kBAAS;IACR,KAAK,EAAE;MACLP,SAAS;MACTQ,YAAY,EAAEL;IAChB;EAAE,gBAEF,6BAAC,iBAAI;IACH,KAAK,EAAE;MACLM,QAAQ,EAAE,QAAQ;MAClBC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAEb,IAAI,KAAK,OAAO,GAAG,eAAe,GAAG,YAAY;MACjEU,YAAY,EAAEL;IAChB;EAAE,GAEDL,IAAI,KAAK,MAAM,iBACd,6BAAC,cAAK;IACJ,KAAK,EAAE;MAAEC;IAAY,CAAE;IACvB,MAAM,EAAE,OAAON,KAAK,KAAK,QAAQ,GAAG;MAAEmB,GAAG,EAAEnB;IAAM,CAAC,GAAGA,KAAM;IAC3D,UAAU,EAAC;EAAO,EAErB,eACD,6BAAC,iBAAI;IACH,KAAK,EAAE;MACLoB,OAAO,EAAE,EAAE;MACXC,eAAe,EAAEZ,MAAM,CAACa,OAAO;MAC/BC,IAAI,EAAE;IACR;EAAE,gBAEF,6BAAC,iBAAI;IACH,aAAa,EAAE,CAAE;IACjB,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAS,EAAE;MAAEC,KAAK,EAAEhB,MAAM,CAACiB;IAAO,CAAC;EAAE,GAEvDvB,KAAK,CACD,EACNC,QAAQ,gBACP,6BAAC,iBAAI;IACH,aAAa,EAAE,CAAE;IACjB,KAAK,EAAE,CACLO,UAAU,CAACgB,KAAK,EAChB;MAAEF,KAAK,EAAEhB,MAAM,CAACmB,MAAM;MAAEC,SAAS,EAAE;IAAE,CAAC;EACtC,GAEDzB,QAAQ,CACJ,GACL,IAAI,CACH,EACNC,IAAI,KAAK,OAAO,iBACf,6BAAC,cAAK;IACJ,KAAK,EAAE;MAAEC;IAAY,CAAE;IACvB,MAAM,EAAE,OAAON,KAAK,KAAK,QAAQ,GAAG;MAAEmB,GAAG,EAAEnB;IAAM,CAAC,GAAGA,KAAM;IAC3D,UAAU,EAAC;EAAO,EAErB,CACI,CACG,CACP;AAEX,CAAC;AAAC,eAEa,IAAA8B,kBAAS,EAAC/B,uBAAuB,CAAC;AAAA"}

package/lib/commonjs/components/CardInline.js

@@ -4,24 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _Typography = require("./Typography");
-
 var _Image = _interopRequireDefault(require("./Image"));
-
 var _Surface = _interopRequireDefault(require("./Surface"));
-
 var _Config = _interopRequireDefault(require("./Config"));
-
 var _theming = require("../theming");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // @ts-nocheck
+
 const CardInline = _ref => {
   let {
     image = _Config.default.cardImageUrl,
@@ -34,14 +26,12 @@ const CardInline = _ref => {
     subtitleStyle,
     onPress
   } = _ref;
-
   const {
     alignItems,
     justifyContent,
     width,
     height
   } = _reactNative.StyleSheet.flatten(style || {});
-
   const imageStyles = width && height ? {
     width,
     height
@@ -86,7 +76,6 @@ const CardInline = _ref => {
     text: subtitle
   }) : null)));
 };
-
 const styles = _reactNative.StyleSheet.create({
   overlay: {
     position: "absolute",
@@ -98,7 +87,6 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: "rgba(0, 0, 0, 0.2)"
   }
 });
-
 var _default = (0, _theming.withTheme)(CardInline);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardInline.js.map

package/lib/commonjs/components/CardInline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CardInline","image","Config","cardImageUrl","title","subtitle","aspectRatio","elevation","style","titleStyle","subtitleStyle","onPress","alignItems","justifyContent","width","height","StyleSheet","flatten","imageStyles","pressed","opacity","uri","styles","overlay","color","create","position","top","bottom","left","right","padding","backgroundColor","withTheme"],"sources":["CardInline.tsx"],"sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport {\n  Pressable,\n  View,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  StyleSheet,\n} from \"react-native\";\nimport { Title, Subtitle } from \"./Typography\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport Config from \"./Config\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  titleStyle?: StyleProp<TextStyle>;\n  subtitleStyle?: StyleProp<TextStyle>;\n  onPress: () => void;\n};\n\nconst CardInline: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.cardImageUrl,\n  title,\n  subtitle,\n  aspectRatio = 1.5,\n  elevation = 2,\n  style,\n  titleStyle,\n  subtitleStyle,\n  onPress,\n}) => {\n  const { alignItems, justifyContent, width, height } = StyleSheet.flatten(\n    style || {}\n  );\n  const imageStyles = width && height ? { width, height } : { aspectRatio };\n  return (\n    <Surface style={[{ elevation }, style]}>\n      <Pressable\n        disabled={!onPress}\n        onPress={onPress}\n        style={({ pressed }) => {\n          return [\n            {\n              opacity: pressed ? 0.8 : 1,\n            },\n          ];\n        }}\n      >\n        <Image\n          style={imageStyles}\n          source={typeof image === \"string\" ? { uri: image } : image}\n          resizeMode=\"cover\"\n        />\n        <View style={[styles.overlay, { justifyContent, alignItems }]}>\n          {title ? (\n            <Title style={[{ color: \"white\" }, titleStyle]} text={title} />\n          ) : null}\n          {subtitle ? (\n            <Subtitle\n              style={[{ color: \"rgba(255, 255, 255, 0.7)\" }, subtitleStyle]}\n              text={subtitle}\n            />\n          ) : null}\n        </View>\n      </Pressable>\n    </Surface>\n  );\n};\n\nconst styles = StyleSheet.create({\n  overlay: {\n    position: \"absolute\",\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    padding: 16,\n    backgroundColor: \"rgba(0, 0, 0, 0.2)\",\n  },\n});\n\nexport default withTheme(CardInline);\n"],"mappings":";;;;;;AACA;AACA;AASA;AACA;AACA;AACA;AACA;AAAuC;AAfvC;;AA+BA,MAAMA,UAAoD,GAAG,QAUvD;EAAA,IAVwD;IAC5DC,KAAK,GAAGC,eAAM,CAACC,YAAY;IAC3BC,KAAK;IACLC,QAAQ;IACRC,WAAW,GAAG,GAAG;IACjBC,SAAS,GAAG,CAAC;IACbC,KAAK;IACLC,UAAU;IACVC,aAAa;IACbC;EACF,CAAC;EACC,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGC,uBAAU,CAACC,OAAO,CACtET,KAAK,IAAI,CAAC,CAAC,CACZ;EACD,MAAMU,WAAW,GAAGJ,KAAK,IAAIC,MAAM,GAAG;IAAED,KAAK;IAAEC;EAAO,CAAC,GAAG;IAAET;EAAY,CAAC;EACzE,oBACE,6BAAC,gBAAO;IAAC,KAAK,EAAE,CAAC;MAAEC;IAAU,CAAC,EAAEC,KAAK;EAAE,gBACrC,6BAAC,sBAAS;IACR,QAAQ,EAAE,CAACG,OAAQ;IACnB,OAAO,EAAEA,OAAQ;IACjB,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEQ;MAAQ,CAAC;MACjB,OAAO,CACL;QACEC,OAAO,EAAED,OAAO,GAAG,GAAG,GAAG;MAC3B,CAAC,CACF;IACH;EAAE,gBAEF,6BAAC,cAAK;IACJ,KAAK,EAAED,WAAY;IACnB,MAAM,EAAE,OAAOjB,KAAK,KAAK,QAAQ,GAAG;MAAEoB,GAAG,EAAEpB;IAAM,CAAC,GAAGA,KAAM;IAC3D,UAAU,EAAC;EAAO,EAClB,eACF,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACqB,MAAM,CAACC,OAAO,EAAE;MAAEV,cAAc;MAAED;IAAW,CAAC;EAAE,GAC3DR,KAAK,gBACJ,6BAAC,iBAAK;IAAC,KAAK,EAAE,CAAC;MAAEoB,KAAK,EAAE;IAAQ,CAAC,EAAEf,UAAU,CAAE;IAAC,IAAI,EAAEL;EAAM,EAAG,GAC7D,IAAI,EACPC,QAAQ,gBACP,6BAAC,oBAAQ;IACP,KAAK,EAAE,CAAC;MAAEmB,KAAK,EAAE;IAA2B,CAAC,EAAEd,aAAa,CAAE;IAC9D,IAAI,EAAEL;EAAS,EACf,GACA,IAAI,CACH,CACG,CACJ;AAEd,CAAC;AAED,MAAMiB,MAAM,GAAGN,uBAAU,CAACS,MAAM,CAAC;EAC/BF,OAAO,EAAE;IACPG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,EAAE;IACXC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAACjC,UAAU,CAAC;AAAA"}