@draftbit/core 46.2.2-bde12f.0 → 46.2.2-ed5a9c.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 +6 -25
- package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/module/components/CardContainerRating.js +7 -16
- package/lib/module/components/CardContainerRating.js.map +1 -1
- package/lib/module/components/Checkbox/CheckboxGroup.js +3 -18
- package/lib/module/components/Checkbox/CheckboxGroup.js.map +1 -1
- package/lib/module/components/RadioButton/index.js.map +1 -1
- package/lib/module/components/Swiper/SwiperItem.js.map +1 -1
- package/lib/module/constants.js +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/mappings/Carousel.js.map +1 -1
- package/lib/module/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/mappings/Stepper.js.map +1 -1
- package/package.json +3 -3
- 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,7 +27,11 @@ 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
|
+
|
|
30
32
|
const Picker = _ref => {
|
|
33
|
+
var _options$find$label, _options$find;
|
|
34
|
+
|
|
31
35
|
let {
|
|
32
36
|
style,
|
|
33
37
|
options,
|
|
@@ -37,9 +41,6 @@ const Picker = _ref => {
|
|
|
37
41
|
onValueChange: onValueChangeOverride = () => {},
|
|
38
42
|
...props
|
|
39
43
|
} = _ref;
|
|
40
|
-
|
|
41
|
-
var _a, _b;
|
|
42
|
-
|
|
43
44
|
const {
|
|
44
45
|
viewStyles: {
|
|
45
46
|
borderRadius,
|
|
@@ -86,7 +87,7 @@ const Picker = _ref => {
|
|
|
86
87
|
};
|
|
87
88
|
|
|
88
89
|
const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
89
|
-
const selectedLabel = selectedValue && ((
|
|
90
|
+
const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
|
|
90
91
|
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
91
92
|
disabled: disabled,
|
|
92
93
|
onPress: toggleFocus,
|
|
@@ -110,27 +111,7 @@ const Picker = _ref => {
|
|
|
110
111
|
key: o.value
|
|
111
112
|
}))), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
112
113
|
pointerEvents: "none"
|
|
113
|
-
}, /*#__PURE__*/React.createElement(_TextField.default, {
|
|
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, {
|
|
114
|
+
}, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
|
|
134
115
|
value: selectedLabel,
|
|
135
116
|
placeholder: placeholder // @ts-ignore
|
|
136
117
|
,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","
|
|
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.tsx"],"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\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange: onValueChangeOverride = () => {},\n ...props\n}) => {\n const {\n viewStyles: {\n 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\n },\n } = extractStyles(style);\n\n const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n const onValueChange = (itemValue: string, itemIndex: number) => {\n toggleFocus();\n onValueChangeOverride(itemValue, itemIndex);\n };\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\n const stylesWithoutMargin =\n style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n\n const selectedLabel =\n selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n return (\n <Touchable\n disabled={disabled}\n onPress={toggleFocus}\n style={[styles.container, viewStyles]}\n >\n <View>\n <NativePicker\n enabled={!disabled}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n style={{\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n }}\n >\n {options.map((o) => (\n <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n ))}\n </NativePicker>\n <View pointerEvents=\"none\">\n <TextField\n {...props}\n value={selectedLabel}\n placeholder={placeholder}\n // @ts-ignore\n ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n disabled={disabled}\n // @ts-expect-error\n style={stylesWithoutMargin}\n />\n </View>\n </View>\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Margins","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Margins","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.js"],"sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, StylesPanelSections, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Radio Button Group\",\n tag: \"RadioButtonGroup\",\n category: COMPONENT_TYPES.input,\n stylesPanelSections: [StylesPanelSections.Margins],\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"radioButtonGroupValue\",\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,oBADe;EAErBC,GAAG,EAAE,kBAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,mBAAmB,EAAE,CAACC,0BAAA,CAAoBC,OAArB,CAJA;EAKrBC,MAAM,EAAE,EALa;EAMrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CANW;EAOrBC,KAAK,EAAE;IACHC,SAAS,EAAE,IAAAC,0BAAA,GADR;IAEHC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC3BC,eAAe,EAAE,eADU;MAE3BC,aAAa,EAAE,OAFY;MAG3BC,YAAY,EAAE;IAHa,CAApB;EAFR;AAPc,CAAlB"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import React from "react";
|
|
2
4
|
import { View, Text } from "react-native";
|
|
3
5
|
import color from "color";
|
|
@@ -6,7 +8,8 @@ import Card from "./DeprecatedCardWrapper";
|
|
|
6
8
|
import Elevation from "./Elevation";
|
|
7
9
|
import StarRating from "./StarRating";
|
|
8
10
|
import { withTheme } from "../theming";
|
|
9
|
-
import Config from "./Config";
|
|
11
|
+
import Config from "./Config"; // Hello! I'm a comment!
|
|
12
|
+
|
|
10
13
|
const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
|
|
11
14
|
const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
|
|
12
15
|
|
|
@@ -45,12 +48,11 @@ const CardContainerRating = _ref => {
|
|
|
45
48
|
break;
|
|
46
49
|
}
|
|
47
50
|
|
|
48
|
-
return /*#__PURE__*/React.createElement(Card, {
|
|
51
|
+
return /*#__PURE__*/React.createElement(Card, _extends({
|
|
49
52
|
style: style,
|
|
50
53
|
onPress: onPress,
|
|
51
|
-
numColumns: numColumns
|
|
52
|
-
|
|
53
|
-
}, /*#__PURE__*/React.createElement(Elevation, {
|
|
54
|
+
numColumns: numColumns
|
|
55
|
+
}, rest), /*#__PURE__*/React.createElement(Elevation, {
|
|
54
56
|
style: {
|
|
55
57
|
elevation,
|
|
56
58
|
borderRadius: roundness
|
|
@@ -127,16 +129,5 @@ const CardContainerRating = _ref => {
|
|
|
127
129
|
})) : null)));
|
|
128
130
|
};
|
|
129
131
|
|
|
130
|
-
export default withTheme(CardContainerRating);
|
|
131
|
-
//# sourceMappingURL=CardContainerRating.js.mapIZE,
|
|
132
|
-
backgroundColor: color(colors.strong).alpha(Config.cardIconBackgroundOpacity).rgb().string()
|
|
133
|
-
}
|
|
134
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
135
|
-
name: icon,
|
|
136
|
-
size: Config.cardIconSize,
|
|
137
|
-
color: colors.surface
|
|
138
|
-
})) : null)));
|
|
139
|
-
};
|
|
140
|
-
|
|
141
132
|
export default withTheme(CardContainerRating);
|
|
142
133
|
//# sourceMappingURL=CardContainerRating.js.map
|
|
@@ -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","
|
|
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,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
import * as React from "react";
|
|
2
4
|
import { View } from "react-native";
|
|
3
5
|
import { checkboxGroupContext, Direction } from "./context";
|
|
@@ -25,24 +27,7 @@ const CheckboxGroup = _ref => {
|
|
|
25
27
|
});
|
|
26
28
|
}
|
|
27
29
|
|
|
28
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
29
|
-
style: [{
|
|
30
|
-
minHeight: 40
|
|
31
|
-
}, style],
|
|
32
|
-
...rest
|
|
33
|
-
}, /*#__PURE__*/React.createElement(Provider, {
|
|
34
|
-
value: {
|
|
35
|
-
values,
|
|
36
|
-
onValueChange,
|
|
37
|
-
direction
|
|
38
|
-
}
|
|
39
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
40
|
-
style: _containerStyle
|
|
41
|
-
}, children)));
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
export default CheckboxGroup;
|
|
45
|
-
//# sourceMappingURL=CheckboxGroup.js.map({
|
|
30
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
46
31
|
style: [{
|
|
47
32
|
minHeight: 40
|
|
48
33
|
}, style]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","checkboxGroupContext","Direction","Provider","CheckboxGroup","direction","Vertical","values","onValueChange","style","children","rest","_containerStyle","flexDirection","Horizontal","overflow","push","alignItems","
|
|
1
|
+
{"version":3,"names":["React","View","checkboxGroupContext","Direction","Provider","CheckboxGroup","direction","Vertical","values","onValueChange","style","children","rest","_containerStyle","flexDirection","Horizontal","overflow","push","alignItems","minHeight"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { checkboxGroupContext, Direction } from \"./context\";\n\nexport interface CheckboxGroupProps {\n direction?: Direction;\n style?: StyleProp<ViewStyle>;\n values: string[];\n onValueChange: (value: string, selected: boolean) => void;\n theme: Theme;\n children: React.ReactNode;\n}\n\nconst { Provider } = checkboxGroupContext;\n\nconst CheckboxGroup: React.FC<CheckboxGroupProps> = ({\n direction = Direction.Vertical,\n values,\n onValueChange = () => {},\n style,\n children,\n ...rest\n}) => {\n const _containerStyle: StyleProp<ViewStyle> = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n overflow: \"hidden\",\n },\n ];\n\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n\n return (\n <View style={[{ minHeight: 40 }, style]} {...rest}>\n <Provider value={{ values, onValueChange, direction }}>\n <View style={_containerStyle}>{children}</View>\n </Provider>\n </View>\n );\n};\n\nexport default CheckboxGroup;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAA2C,cAA3C;AAEA,SAASC,oBAAT,EAA+BC,SAA/B,QAAgD,WAAhD;AAWA,MAAM;EAAEC;AAAF,IAAeF,oBAArB;;AAEA,MAAMG,aAA2C,GAAG,QAO9C;EAAA,IAP+C;IACnDC,SAAS,GAAGH,SAAS,CAACI,QAD6B;IAEnDC,MAFmD;IAGnDC,aAAa,GAAG,MAAM,CAAE,CAH2B;IAInDC,KAJmD;IAKnDC,QALmD;IAMnD,GAAGC;EANgD,CAO/C;EACJ,MAAMC,eAAqC,GAAG,CAC5C;IACEC,aAAa,EAAER,SAAS,KAAKH,SAAS,CAACY,UAAxB,GAAqC,KAArC,GAA6C,QAD9D;IAEEC,QAAQ,EAAE;EAFZ,CAD4C,CAA9C;;EAOA,IAAIV,SAAS,KAAKH,SAAS,CAACI,QAA5B,EAAsC;IACpCM,eAAe,CAACI,IAAhB,CAAqB;MACnBC,UAAU,EAAE;IADO,CAArB;EAGD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAb,CAAD,EAAoBT,KAApB;EAAb,GAA6CE,IAA7C,gBACE,oBAAC,QAAD;IAAU,KAAK,EAAE;MAAEJ,MAAF;MAAUC,aAAV;MAAyBH;IAAzB;EAAjB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEO;EAAb,GAA+BF,QAA/B,CADF,CADF,CADF;AAOD,CA5BD;;AA8BA,eAAeN,aAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup"],"sources":["index.
|
|
1
|
+
{"version":3,"names":["default","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup"],"sources":["index.tsx"],"sourcesContent":["export { default as RadioButton } from \"./RadioButton\";\nexport { default as RadioButtonGroup } from \"./RadioButtonGroup\";\nexport { default as RadioButtonRow } from \"./RadioButtonRow\";\nexport { default as RadioButtonFieldGroup } from \"./RadioButtonFieldGroup\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,oBAA5C;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,kBAA1C;AACA,SAASH,OAAO,IAAII,qBAApB,QAAiD,yBAAjD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","styles","create","wrapper","flex","SwiperItem","children","style"
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","styles","create","wrapper","flex","SwiperItem","children","style"],"sources":["SwiperItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\n\nconst styles = StyleSheet.create({\n wrapper: {\n flex: 1,\n },\n});\n\nexport interface SwiperProps {\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}\n\nconst SwiperItem = ({ children, style }: SwiperProps) => (\n <View style={[styles.wrapper, style]}>{children}</View>\n);\n\nexport default SwiperItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAuD,cAAvD;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE;EADC;AADsB,CAAlB,CAAf;;AAWA,MAAMC,UAAU,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC;EAAZ,CAAD;EAAA,oBACjB,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACN,MAAM,CAACE,OAAR,EAAiBI,KAAjB;EAAb,GAAuCD,QAAvC,CADiB;AAAA,CAAnB;;AAIA,eAAeD,UAAf"}
|
package/lib/module/constants.js
CHANGED
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"sources":["index.
|
|
1
|
+
{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"sources":["index.tsx"],"sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { default as Banner } from \"./components/Banner\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n\n// a comment to fix sourcemap comment issue\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","category","deprecated","stylesPanelSections","description","layout","height","props","resizeMode","dotColor","label"],"sources":["Carousel.
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","category","deprecated","stylesPanelSections","description","layout","height","props","resizeMode","dotColor","label"],"sources":["Carousel.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createResizeModeProp,\n createColorProp,\n BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Carousel\",\n tag: \"Carousel\",\n category: COMPONENT_TYPES.deprecated,\n stylesPanelSections: BLOCK_STYLES_SECTIONS,\n description: \"A horizontal scrolling carousel of images\",\n layout: {\n height: 250,\n },\n props: {\n resizeMode: createResizeModeProp(),\n dotColor: createColorProp({\n label: \"Dot color\",\n }),\n },\n },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,EAIEC,qBAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,UADR;EAEEC,GAAG,EAAE,UAFP;EAGEC,QAAQ,EAAEP,eAAe,CAACQ,UAH5B;EAIEC,mBAAmB,EAAEN,qBAJvB;EAKEO,WAAW,EAAE,2CALf;EAMEC,MAAM,EAAE;IACNC,MAAM,EAAE;EADF,CANV;EASEC,KAAK,EAAE;IACLC,UAAU,EAAEb,oBAAoB,EAD3B;IAELc,QAAQ,EAAEb,eAAe,CAAC;MACxBc,KAAK,EAAE;IADiB,CAAD;EAFpB;AATT,CADuB,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","row","layout","props","image","subtitle","multilineSubtitle"],"sources":["RowHeadlineImageIcon.
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","row","layout","props","image","subtitle","multilineSubtitle"],"sources":["RowHeadlineImageIcon.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createImageProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\n\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,EAKEC,oBALF,QAMO,iBANP;AAQA,MAAMC,eAAe,GAAG;EACtBC,KAAK,EAAEJ,cAAc,CAAC;IACpBK,KAAK,EAAE,OADa;IAEpBC,WAAW,EAAE;EAFO,CAAD,CADC;EAKtBC,IAAI,EAAER,cAAc,CAAC;IACnBS,YAAY,EAAE;EADK,CAAD;AALE,CAAxB;AAUA,MAAMC,UAAU,GAAGR,eAAe,EAAlC;AACA,MAAMS,cAAc,GAAGR,oBAAoB,CAAC;EAC1CM,YAAY,EAAE,IAD4B;EAE1CG,QAAQ,EAAE;AAFgC,CAAD,CAA3C;AAIA,MAAMC,aAAa,GAAGZ,cAAc,CAAC;EACnCK,KAAK,EAAE,UAD4B;EAEnCC,WAAW,EAAE,0BAFsB;EAGnCE,YAAY,EAAE;AAHqB,CAAD,CAApC;AAMA,OAAO,MAAMK,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,+BADR;EAEEC,GAAG,EAAE,sBAFP;EAGET,WAAW,EACT,gEAJJ;EAKEU,QAAQ,EAAElB,eAAe,CAACmB,GAL5B;EAMEC,MAAM,EAAE,EANV;EAOEC,KAAK,EAAE,EACL,GAAGhB;EADE;AAPT,CADuB,EAYvB;EACEW,IAAI,EAAE,qCADR;EAEEC,GAAG,EAAE,sBAFP;EAGET,WAAW,EACT,0EAJJ;EAKEU,QAAQ,EAAElB,eAAe,CAACmB,GAL5B;EAMEC,MAAM,EAAE,EANV;EAOEC,KAAK,EAAE,EACL,GAAGhB,eADE;IAELiB,KAAK,EAAEX;EAFF;AAPT,CAZuB,EAwBvB;EACEK,IAAI,EAAE,+BADR;EAEEC,GAAG,EAAE,sBAFP;EAGET,WAAW,EACT,kFAJJ;EAKEU,QAAQ,EAAElB,eAAe,CAACmB,GAL5B;EAMEC,MAAM,EAAE,EANV;EAOEC,KAAK,EAAE,EACL,GAAGhB,eADE;IAELkB,QAAQ,EAAET;EAFL;AAPT,CAxBuB,EAoCvB;EACEE,IAAI,EAAE,qCADR;EAEEC,GAAG,EAAE,sBAFP;EAGET,WAAW,EACT,kFAJJ;EAKEU,QAAQ,EAAElB,eAAe,CAACmB,GAL5B;EAMEC,MAAM,EAAE,EANV;EAOEC,KAAK,EAAE,EACL,GAAGhB,eADE;IAELiB,KAAK,EAAEX,UAFF;IAGLY,QAAQ,EAAET;EAHL;AAPT,CApCuB,EAiDvB;EACEE,IAAI,EAAE,6BADR;EAEEC,GAAG,EAAE,sBAFP;EAGET,WAAW,EACT,4FAJJ;EAKEU,QAAQ,EAAElB,eAAe,CAACmB,GAL5B;EAMEC,MAAM,EAAE,EANV;EAOEC,KAAK,EAAE,EACL,GAAGhB,eADE;IAELmB,iBAAiB,EAAEZ,cAFd;IAGLW,QAAQ,EAAErB,cAAc,CAAC;MACvBK,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,0BAFU;MAGvBE,YAAY,EACV;IAJqB,CAAD;EAHnB;AAPT,CAjDuB,EAmEvB;EACEM,IAAI,EAAE,mCADR;EAEEC,GAAG,EAAE,sBAFP;EAGET,WAAW,EACT,qGAJJ;EAKEU,QAAQ,EAAElB,eAAe,CAACmB,GAL5B;EAMEC,MAAM,EAAE,EANV;EAOEC,KAAK,EAAE,EACL,GAAGhB,eADE;IAELiB,KAAK,EAAEX,UAFF;IAGLa,iBAAiB,EAAEZ,cAHd;IAILW,QAAQ,EAAErB,cAAc,CAAC;MACvBK,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE,0BAFU;MAGvBE,YAAY,EACV;IAJqB,CAAD;EAJnB;AAPT,CAnEuB,CAAlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","input","stylesPanelSections","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"sources":["Stepper.
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","BLOCK_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","input","stylesPanelSections","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"sources":["Stepper.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createIconSizeProp,\n createColorProp,\n createFieldNameProp,\n createStaticNumberProp,\n Triggers,\n BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Stepper\",\n tag: \"Stepper\",\n description: \"A component used to control the quantity of something\",\n category: COMPONENT_TYPES.input,\n stylesPanelSections: BLOCK_STYLES_SECTIONS,\n layout: {},\n triggers: [Triggers.OnChange],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"stepperValue\",\n handlerPropName: \"onChange\",\n valuePropName: \"value\",\n }),\n iconSize: createIconSizeProp({ defaultValue: 24 }),\n iconColor: createColorProp({ defaultValue: \"strong\" }),\n min: createStaticNumberProp({\n label: \"Minimum\",\n description: \"Minimum Number\",\n }),\n max: createStaticNumberProp({\n label: \"Maximum\",\n description: \"Maximum Number\",\n }),\n },\n },\n];\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,sBALF,EAMEC,QANF,EAOEC,qBAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,SADR;EAEEC,GAAG,EAAE,SAFP;EAGEC,WAAW,EAAE,uDAHf;EAIEC,QAAQ,EAAEX,eAAe,CAACY,KAJ5B;EAKEC,mBAAmB,EAAEP,qBALvB;EAMEQ,MAAM,EAAE,EANV;EAOEC,QAAQ,EAAE,CAACV,QAAQ,CAACW,QAAV,CAPZ;EAQEC,KAAK,EAAE;IACLC,SAAS,EAAEf,mBAAmB,CAAC;MAC7BgB,YAAY,EAAE,cADe;MAE7BC,eAAe,EAAE,UAFY;MAG7BC,aAAa,EAAE;IAHc,CAAD,CADzB;IAMLC,QAAQ,EAAErB,kBAAkB,CAAC;MAAEkB,YAAY,EAAE;IAAhB,CAAD,CANvB;IAOLI,SAAS,EAAErB,eAAe,CAAC;MAAEiB,YAAY,EAAE;IAAhB,CAAD,CAPrB;IAQLK,GAAG,EAAEpB,sBAAsB,CAAC;MAC1BqB,KAAK,EAAE,SADmB;MAE1Bf,WAAW,EAAE;IAFa,CAAD,CARtB;IAYLgB,GAAG,EAAEtB,sBAAsB,CAAC;MAC1BqB,KAAK,EAAE,SADmB;MAE1Bf,WAAW,EAAE;IAFa,CAAD;EAZtB;AART,CADuB,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-ed5a9c.0+ed5a9cbd",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^46.2.
|
|
44
|
+
"@draftbit/types": "^46.2.2-ed5a9c.0+ed5a9cbd",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "ed5a9cbdc8d2ff3facabc7307b9a8ff36f571f67"
|
|
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 }) => {
|