@draftbit/core 46.2.2-088abf.0 → 46.2.2-45fcc3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/CardContainerRating.js +1 -0
- package/lib/commonjs/components/CardContainerRating.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.android.js +25 -6
- package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
- package/lib/module/components/CardContainerRating.js +2 -1
- package/lib/module/components/CardContainerRating.js.map +1 -1
- package/lib/module/mappings/IconButton.js.map +1 -1
- package/package.json +2 -2
- package/src/components/CardContainerRating.js +1 -0
- package/src/components/CardContainerRating.tsx +2 -0
|
@@ -27,6 +27,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
27
27
|
|
|
28
28
|
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); }
|
|
29
29
|
|
|
30
|
+
// Hello! I'm a comment!
|
|
30
31
|
const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
|
|
31
32
|
const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
|
|
32
33
|
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
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\n// Hello! I'm a comment!\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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"}
|
|
@@ -27,11 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
27
27
|
|
|
28
28
|
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; }
|
|
29
29
|
|
|
30
|
-
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); }
|
|
31
|
-
|
|
32
30
|
const Picker = _ref => {
|
|
33
|
-
var _options$find$label, _options$find;
|
|
34
|
-
|
|
35
31
|
let {
|
|
36
32
|
style,
|
|
37
33
|
options,
|
|
@@ -41,6 +37,9 @@ const Picker = _ref => {
|
|
|
41
37
|
onValueChange: onValueChangeOverride = () => {},
|
|
42
38
|
...props
|
|
43
39
|
} = _ref;
|
|
40
|
+
|
|
41
|
+
var _a, _b;
|
|
42
|
+
|
|
44
43
|
const {
|
|
45
44
|
viewStyles: {
|
|
46
45
|
borderRadius,
|
|
@@ -87,7 +86,7 @@ const Picker = _ref => {
|
|
|
87
86
|
};
|
|
88
87
|
|
|
89
88
|
const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
90
|
-
const selectedLabel = selectedValue && ((
|
|
89
|
+
const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
|
|
91
90
|
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
92
91
|
disabled: disabled,
|
|
93
92
|
onPress: toggleFocus,
|
|
@@ -111,7 +110,27 @@ const Picker = _ref => {
|
|
|
111
110
|
key: o.value
|
|
112
111
|
}))), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
113
112
|
pointerEvents: "none"
|
|
114
|
-
}, /*#__PURE__*/React.createElement(_TextField.default,
|
|
113
|
+
}, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
|
|
114
|
+
value: selectedLabel,
|
|
115
|
+
placeholder: placeholder,
|
|
116
|
+
// @ts-ignore
|
|
117
|
+
ref: textField,
|
|
118
|
+
disabled: disabled,
|
|
119
|
+
// @ts-expect-error
|
|
120
|
+
style: stylesWithoutMargin
|
|
121
|
+
}))));
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
const styles = _reactNative.StyleSheet.create({
|
|
125
|
+
container: {
|
|
126
|
+
alignSelf: "stretch"
|
|
127
|
+
}
|
|
128
|
+
});
|
|
129
|
+
|
|
130
|
+
var _default = (0, _theming.withTheme)(Picker);
|
|
131
|
+
|
|
132
|
+
exports.default = _default;
|
|
133
|
+
//# sourceMappingURL=PickerComponent.android.js.mapeElement(_TextField.default, _extends({}, props, {
|
|
115
134
|
value: selectedLabel,
|
|
116
135
|
placeholder: placeholder // @ts-ignore
|
|
117
136
|
,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"sources":["PickerComponent.android.
|
|
1
|
+
{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","_a","_b","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","createElement","Touchable","onPress","styles","container","View","NativePicker","enabled","opacity","position","top","left","right","bottom","width","map","Item","key","pointerEvents","TextField","ref","create","alignSelf","withTheme"],"sources":["PickerComponent.android.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nconst Picker = ({ style, options, placeholder, selectedValue, disabled = false, onValueChange: onValueChangeOverride = () => { }, ...props }) => {\n var _a, _b;\n const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles }, } = extractStyles(style);\n const textField = React.useRef(undefined);\n const onValueChange = (itemValue, itemIndex) => {\n toggleFocus();\n onValueChangeOverride(itemValue, itemIndex);\n };\n const toggleFocus = () => {\n if (!disabled) {\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n }\n };\n const stylesWithoutMargin = style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n const selectedLabel = selectedValue &&\n ((_b = (_a = options.find((o) => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);\n return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },\n React.createElement(View, null,\n React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: onValueChange, style: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),\n React.createElement(View, { pointerEvents: \"none\" },\n React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, \n // @ts-ignore\n ref: textField, disabled: disabled, \n // @ts-expect-error\n style: stylesWithoutMargin })))));\n};\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n});\nexport default withTheme(Picker);\n"],"mappings":"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"}
|
|
@@ -8,7 +8,8 @@ import Card from "./DeprecatedCardWrapper";
|
|
|
8
8
|
import Elevation from "./Elevation";
|
|
9
9
|
import StarRating from "./StarRating";
|
|
10
10
|
import { withTheme } from "../theming";
|
|
11
|
-
import Config from "./Config";
|
|
11
|
+
import Config from "./Config"; // Hello! I'm a comment!
|
|
12
|
+
|
|
12
13
|
const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
|
|
13
14
|
const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
|
|
14
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","color","Image","Card","Elevation","StarRating","withTheme","Config","ICON_CONTAINER_SIZE","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","strong","medium","marginTop","marginLeft","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","surface"],"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":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAGEC,IAHF,QAMO,cANP;AAOA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,MAAP,MAAmB,UAAnB
|
|
1
|
+
{"version":3,"names":["React","View","Text","color","Image","Card","Elevation","StarRating","withTheme","Config","ICON_CONTAINER_SIZE","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","strong","medium","marginTop","marginLeft","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","surface"],"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\n// Hello! I'm a comment!\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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","GROUPS","createIconProp","createColorProp","createNumberProp","createBoolProp","createActionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","button","layout","triggers","OnPress","stylesPanelSections","Margins","Effects","Position","props","onPress","icon","color","label","group","basic","disabled","size","description","defaultValue","min","max","step","precision"],"sources":["IconButton.
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","GROUPS","createIconProp","createColorProp","createNumberProp","createBoolProp","createActionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","button","layout","triggers","OnPress","stylesPanelSections","Margins","Effects","Position","props","onPress","icon","color","label","group","basic","disabled","size","description","defaultValue","min","max","step","precision"],"sources":["IconButton.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createIconProp,\n createColorProp,\n createNumberProp,\n createBoolProp,\n createActionProp,\n Triggers,\n StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Icon Button\",\n tag: \"IconButton\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n stylesPanelSections: [\n StylesPanelSections.Margins,\n StylesPanelSections.Effects,\n StylesPanelSections.Position,\n ],\n props: {\n onPress: createActionProp(),\n icon: createIconProp(),\n color: createColorProp({\n label: \"Color\",\n group: GROUPS.basic,\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n group: GROUPS.basic,\n }),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 32,\n min: 16,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,gBALF,EAMEC,cANF,EAOEC,gBAPF,EAQEC,QARF,EASEC,mBATF,QAUO,iBAVP;AAYA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,QAAQ,EAAEZ,eAAe,CAACa,MAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAV,CALa;EAMvBC,mBAAmB,EAAE,CACnBT,mBAAmB,CAACU,OADD,EAEnBV,mBAAmB,CAACW,OAFD,EAGnBX,mBAAmB,CAACY,QAHD,CANE;EAWvBC,KAAK,EAAE;IACLC,OAAO,EAAEhB,gBAAgB,EADpB;IAELiB,IAAI,EAAErB,cAAc,EAFf;IAGLsB,KAAK,EAAErB,eAAe,CAAC;MACrBsB,KAAK,EAAE,OADc;MAErBC,KAAK,EAAEzB,MAAM,CAAC0B;IAFO,CAAD,CAHjB;IAOLC,QAAQ,EAAEvB,cAAc,CAAC;MACvBoB,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEzB,MAAM,CAAC0B;IAFS,CAAD,CAPnB;IAWLE,IAAI,EAAEzB,gBAAgB,CAAC;MACrBsB,KAAK,EAAEzB,MAAM,CAAC0B,KADO;MAErBF,KAAK,EAAE,MAFc;MAGrBK,WAAW,EAAE,+BAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBC,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAD;EAXjB;AAXgB,CAAlB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.2.2-
|
|
3
|
+
"version": "46.2.2-45fcc3.0+45fcc344",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "45fcc344d2d454a14835da351f0f529674049a41"
|
|
83
83
|
}
|
|
@@ -7,6 +7,7 @@ import Elevation from "./Elevation";
|
|
|
7
7
|
import StarRating from "./StarRating";
|
|
8
8
|
import { withTheme } from "../theming";
|
|
9
9
|
import Config from "./Config";
|
|
10
|
+
// Hello! I'm a comment!
|
|
10
11
|
const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
|
|
11
12
|
const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
|
|
12
13
|
const CardContainerRating = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, rating, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {
|