@draftbit/core 44.1.5-793498.1 → 44.1.5-f7f9c9.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/CardContainerShortImage.js +5 -18
- package/lib/module/components/CardContainerRating.js +5 -14
- package/lib/module/components/CardContainerRating.js.map +1 -1
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +22 -6
- package/lib/module/components/Checkbox/CheckboxGroupRow.js.map +1 -1
- package/lib/module/components/Config.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponentType.js.map +1 -1
- package/lib/module/components/Layout.js +21 -40
- package/lib/module/components/Layout.js.map +1 -1
- package/lib/module/mappings/FieldSearchBarFull.js +1 -1
- package/lib/module/mappings/FieldSearchBarFull.js.map +1 -1
- package/package.json +2 -2
|
@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
23
|
|
|
24
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
25
|
+
|
|
24
26
|
const CardContainerShortImage = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
image = _Config.default.squareImageUrl,
|
|
@@ -38,11 +40,10 @@ const CardContainerShortImage = _ref => {
|
|
|
38
40
|
onPress,
|
|
39
41
|
...rest
|
|
40
42
|
} = _ref;
|
|
41
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
|
|
42
44
|
style: style,
|
|
43
|
-
onPress: onPress
|
|
44
|
-
|
|
45
|
-
}, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
45
|
+
onPress: onPress
|
|
46
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
46
47
|
style: {
|
|
47
48
|
elevation,
|
|
48
49
|
borderRadius: roundness
|
|
@@ -92,19 +93,5 @@ const CardContainerShortImage = _ref => {
|
|
|
92
93
|
|
|
93
94
|
var _default = (0, _theming.withTheme)(CardContainerShortImage);
|
|
94
95
|
|
|
95
|
-
exports.default = _default;
|
|
96
|
-
//# sourceMappingURL=CardContainerShortImage.js.mapteElement(_Image.default, {
|
|
97
|
-
style: {
|
|
98
|
-
aspectRatio
|
|
99
|
-
},
|
|
100
|
-
source: typeof image === "string" ? {
|
|
101
|
-
uri: image
|
|
102
|
-
} : image,
|
|
103
|
-
resizeMode: "cover"
|
|
104
|
-
}))));
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
var _default = (0, _theming.withTheme)(CardContainerShortImage);
|
|
108
|
-
|
|
109
96
|
exports.default = _default;
|
|
110
97
|
//# sourceMappingURL=CardContainerShortImage.js.map
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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";
|
|
@@ -45,12 +47,11 @@ const CardContainerRating = _ref => {
|
|
|
45
47
|
break;
|
|
46
48
|
}
|
|
47
49
|
|
|
48
|
-
return /*#__PURE__*/React.createElement(Card, {
|
|
50
|
+
return /*#__PURE__*/React.createElement(Card, _extends({
|
|
49
51
|
style: style,
|
|
50
52
|
onPress: onPress,
|
|
51
|
-
numColumns: numColumns
|
|
52
|
-
|
|
53
|
-
}, /*#__PURE__*/React.createElement(Elevation, {
|
|
53
|
+
numColumns: numColumns
|
|
54
|
+
}, rest), /*#__PURE__*/React.createElement(Elevation, {
|
|
54
55
|
style: {
|
|
55
56
|
elevation,
|
|
56
57
|
borderRadius: roundness
|
|
@@ -127,15 +128,5 @@ const CardContainerRating = _ref => {
|
|
|
127
128
|
})) : null)));
|
|
128
129
|
};
|
|
129
130
|
|
|
130
|
-
export default withTheme(CardContainerRating);
|
|
131
|
-
//# sourceMappingURL=CardContainerRating.js.mapolor: color(colors.strong).alpha(Config.cardIconBackgroundOpacity).rgb().string()
|
|
132
|
-
}
|
|
133
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
134
|
-
name: icon,
|
|
135
|
-
size: Config.cardIconSize,
|
|
136
|
-
color: colors.surface
|
|
137
|
-
})) : null)));
|
|
138
|
-
};
|
|
139
|
-
|
|
140
131
|
export default withTheme(CardContainerRating);
|
|
141
132
|
//# sourceMappingURL=CardContainerRating.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CardContainerRating.
|
|
1
|
+
{"version":3,"sources":["CardContainerRating.tsx"],"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"],"mappings":"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","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<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"]}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || 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
|
-
|
|
3
1
|
import * as React from "react";
|
|
4
2
|
import { StyleSheet, View, Platform } from "react-native";
|
|
5
3
|
import Checkbox from "./Checkbox";
|
|
@@ -8,7 +6,7 @@ import { useCheckboxGroupContext } from "./context";
|
|
|
8
6
|
import { Direction as GroupDirection } from "./context";
|
|
9
7
|
import Touchable from "../Touchable";
|
|
10
8
|
import { extractStyles } from "../../utilities";
|
|
11
|
-
export
|
|
9
|
+
export var Direction;
|
|
12
10
|
|
|
13
11
|
(function (Direction) {
|
|
14
12
|
Direction["Row"] = "row";
|
|
@@ -71,13 +69,14 @@ const CheckboxGroupRow = _ref => {
|
|
|
71
69
|
textStyles,
|
|
72
70
|
viewStyles
|
|
73
71
|
} = extractStyles(style);
|
|
74
|
-
return /*#__PURE__*/React.createElement(Touchable,
|
|
72
|
+
return /*#__PURE__*/React.createElement(Touchable, {
|
|
75
73
|
onPress: handlePress,
|
|
76
74
|
style: [styles.mainParent, {
|
|
77
75
|
flexDirection: direction
|
|
78
76
|
}, viewStyles],
|
|
79
|
-
disabled: disabled
|
|
80
|
-
|
|
77
|
+
disabled: disabled,
|
|
78
|
+
...rest
|
|
79
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
81
80
|
style: [styles.label, {
|
|
82
81
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
83
82
|
}, labelContainerStyle]
|
|
@@ -117,4 +116,21 @@ const styles = StyleSheet.create({
|
|
|
117
116
|
}
|
|
118
117
|
});
|
|
119
118
|
export default CheckboxGroupRow;
|
|
119
|
+
//# sourceMappingURL=CheckboxGroupRow.js.mapnt: "space-around",
|
|
120
|
+
paddingStart: 20,
|
|
121
|
+
minHeight: 50,
|
|
122
|
+
paddingEnd: 20,
|
|
123
|
+
display: "flex",
|
|
124
|
+
...Platform.select({
|
|
125
|
+
web: {
|
|
126
|
+
cursor: "pointer",
|
|
127
|
+
userSelect: "none"
|
|
128
|
+
}
|
|
129
|
+
})
|
|
130
|
+
},
|
|
131
|
+
label: {
|
|
132
|
+
flex: 3
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
export default CheckboxGroupRow;
|
|
120
136
|
//# sourceMappingURL=CheckboxGroupRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CheckboxGroupRow.
|
|
1
|
+
{"version":3,"sources":["CheckboxGroupRow.js"],"names":["React","StyleSheet","View","Platform","Checkbox","Text","useCheckboxGroupContext","Direction","GroupDirection","Touchable","extractStyles","getCheckboxAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","createElement","style","Fragment","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","color","uncheckedColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport Checkbox from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n Direction[\"Row\"] = \"row\";\n Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getCheckboxAlignment = (parentDirection, direction) => {\n if (parentDirection === GroupDirection.Horizontal) {\n return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n }\n else if (direction === Direction.RowReverse) {\n return \"flex-start\";\n }\n else {\n return \"flex-end\";\n }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n if (typeof value === \"string\") {\n return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n }\n else {\n return React.createElement(React.Fragment, null, value);\n }\n};\nconst CheckboxGroupRow = ({ Icon, label = \"Label\", status, value, onPress, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, disabled, style, color, uncheckedColor, ...rest }) => {\n const { values: selectedValues, onValueChange, direction: parentDirection, } = useCheckboxGroupContext();\n const values = Array.isArray(selectedValues) ? selectedValues : [];\n const isChecked = status || values.includes(value);\n const handlePress = () => {\n if (!disabled) {\n onPress?.(!isChecked);\n onValueChange?.(value, !isChecked);\n }\n };\n const { textStyles, viewStyles } = extractStyles(style);\n return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n React.createElement(View, { style: [\n styles.label,\n {\n alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n },\n labelContainerStyle,\n ] }, renderLabel(label, labelStyle, textStyles)),\n React.createElement(View, { style: {\n flex: 1,\n alignItems: getCheckboxAlignment(parentDirection, direction),\n } },\n React.createElement(Checkbox, { Icon: Icon, status: isChecked, onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor }))));\n};\nconst styles = StyleSheet.create({\n mainParent: {\n alignItems: \"center\",\n justifyContent: \"space-around\",\n paddingStart: 20,\n minHeight: 50,\n paddingEnd: 20,\n display: \"flex\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n label: {\n flex: 3,\n },\n});\nexport default CheckboxGroupRow;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Config.
|
|
1
|
+
{"version":3,"sources":["Config.js"],"names":["Dimensions","Platform","getWindowDimensions","width","height","get","windowWidth","windowHeight","getFilters","options","filters","push","join","buildImageUrl","name","getExtension","OS","avatarImageUrl","avatarImageSize","cardImageSize","cardImageUrl","cardIconSize","cardIconBackgroundOpacity","cardIconElevation","placeholderImageURL","getPlaceholderImageUrl","size","squareImageUrl","FABSize","FABBorderRadius","FABFixedHeight","cardContainerShortImageAspectRatio","rowSingleLineImageSize","rowMultiLineImageSize","rowSingleLineIconSize","rowMultiLineIconSize","headerIconSize","buttonIconSize","swiperInactiveDotSize","swiperActiveDotSize","fieldSearchBarFullIconSize","stepperButtonSize","radioButtonSize","topSafeAreaViewHeight"],"mappings":"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","sourcesContent":["import { Dimensions, Platform } from \"react-native\";\nconst getWindowDimensions = () => {\n const { width, height } = Dimensions.get(\"window\");\n return {\n windowWidth: width,\n windowHeight: height,\n };\n};\nconst { windowWidth, windowHeight } = getWindowDimensions();\nconst getFilters = (options) => {\n const { width, height } = options;\n const filters = [\"c_scale\", \"q_auto\", \"dpr_auto\"];\n if (width)\n filters.push(`w_${width}`);\n if (height)\n filters.push(`h_${height}`);\n return filters.join(\",\");\n};\nconst buildImageUrl = (options, name) => {\n const filters = getFilters(options);\n return [\n \"https://res.cloudinary.com/altos/image/upload\",\n filters,\n `${name}.png`,\n ].join(\"/\");\n};\nconst getExtension = () => {\n return Platform.OS === \"web\" ? \".svg\" : \".png\";\n};\nexport default {\n windowWidth,\n windowHeight,\n avatarImageUrl: buildImageUrl({\n width: 60,\n height: 60,\n }, \"Avatar\"),\n avatarImageSize: 60,\n cardImageSize: 200,\n cardImageUrl: \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n cardIconSize: 16,\n cardIconBackgroundOpacity: 0.24,\n cardIconElevation: 1,\n placeholderImageURL: \"https://static.draftbit.com/images/placeholder-image\" + getExtension(),\n getPlaceholderImageUrl: (size) => buildImageUrl({ width: size.width, height: size.height }, \"image-placeholder_1\"),\n squareImageUrl: buildImageUrl({ width: 100, height: 100 }, \"Avatar\"),\n FABSize: 40,\n FABBorderRadius: 20,\n FABFixedHeight: 64,\n cardContainerShortImageAspectRatio: 1,\n rowSingleLineImageSize: 24,\n rowMultiLineImageSize: 48,\n rowSingleLineIconSize: 24,\n rowMultiLineIconSize: 16,\n headerIconSize: 24,\n buttonIconSize: 24,\n swiperInactiveDotSize: 6,\n swiperActiveDotSize: 10,\n fieldSearchBarFullIconSize: 24,\n stepperButtonSize: 40,\n radioButtonSize: 24,\n topSafeAreaViewHeight: 0,\n // topSafeAreaViewHeight: Platform.OS === \"android\" ? Constants.statusBarHeight : 0\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || 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
|
-
import { View } from "react-native";
|
|
4
|
+
import { View } from "react-native"; // @ts-ignore
|
|
5
|
+
|
|
3
6
|
export function Center(_ref) {
|
|
4
7
|
let {
|
|
5
8
|
width = 240,
|
|
@@ -9,16 +12,15 @@ export function Center(_ref) {
|
|
|
9
12
|
style,
|
|
10
13
|
...rest
|
|
11
14
|
} = _ref;
|
|
12
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
15
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
13
16
|
style: [{
|
|
14
17
|
justifyContent: "center",
|
|
15
18
|
alignItems: "center",
|
|
16
19
|
width,
|
|
17
20
|
height,
|
|
18
21
|
backgroundColor: bgColor
|
|
19
|
-
}, style]
|
|
20
|
-
|
|
21
|
-
}, children);
|
|
22
|
+
}, style]
|
|
23
|
+
}, rest), children);
|
|
22
24
|
}
|
|
23
25
|
export function Circle(_ref2) {
|
|
24
26
|
let {
|
|
@@ -29,7 +31,7 @@ export function Circle(_ref2) {
|
|
|
29
31
|
...rest
|
|
30
32
|
} = _ref2;
|
|
31
33
|
const borderRadius = 1000;
|
|
32
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
34
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
33
35
|
width: size,
|
|
34
36
|
height: size,
|
|
35
37
|
bgColor: bgColor,
|
|
@@ -37,9 +39,8 @@ export function Circle(_ref2) {
|
|
|
37
39
|
backgroundColor: bgColor,
|
|
38
40
|
borderRadius,
|
|
39
41
|
overflow: "hidden"
|
|
40
|
-
}]
|
|
41
|
-
|
|
42
|
-
}, children);
|
|
42
|
+
}]
|
|
43
|
+
}, rest), children);
|
|
43
44
|
}
|
|
44
45
|
export function Square(_ref3) {
|
|
45
46
|
let {
|
|
@@ -49,13 +50,12 @@ export function Square(_ref3) {
|
|
|
49
50
|
style,
|
|
50
51
|
...rest
|
|
51
52
|
} = _ref3;
|
|
52
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
53
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
53
54
|
style: style,
|
|
54
55
|
width: size,
|
|
55
56
|
height: size,
|
|
56
|
-
bgColor: bgColor
|
|
57
|
-
|
|
58
|
-
}, children);
|
|
57
|
+
bgColor: bgColor
|
|
58
|
+
}, rest), children);
|
|
59
59
|
}
|
|
60
60
|
export function Row(_ref4) {
|
|
61
61
|
let {
|
|
@@ -65,14 +65,14 @@ export function Row(_ref4) {
|
|
|
65
65
|
style,
|
|
66
66
|
...rest
|
|
67
67
|
} = _ref4;
|
|
68
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
69
|
-
style: [style,
|
|
68
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
69
|
+
style: [style, // style goes first b/c we can't override these
|
|
70
|
+
{
|
|
70
71
|
alignItems,
|
|
71
72
|
flexDirection: "row",
|
|
72
73
|
justifyContent: justifyContent
|
|
73
|
-
}]
|
|
74
|
-
|
|
75
|
-
}, children);
|
|
74
|
+
}]
|
|
75
|
+
}, rest), children);
|
|
76
76
|
}
|
|
77
77
|
export function Spacer(_ref5) {
|
|
78
78
|
let {
|
|
@@ -84,15 +84,14 @@ export function Spacer(_ref5) {
|
|
|
84
84
|
style,
|
|
85
85
|
...rest
|
|
86
86
|
} = _ref5;
|
|
87
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
87
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
88
88
|
style: [style, {
|
|
89
89
|
paddingRight: right,
|
|
90
90
|
paddingTop: top,
|
|
91
91
|
paddingLeft: left,
|
|
92
92
|
paddingBottom: bottom
|
|
93
|
-
}]
|
|
94
|
-
|
|
95
|
-
}, children);
|
|
93
|
+
}]
|
|
94
|
+
}, rest), children);
|
|
96
95
|
}
|
|
97
96
|
export function Stack(_ref6) {
|
|
98
97
|
let {
|
|
@@ -102,24 +101,6 @@ export function Stack(_ref6) {
|
|
|
102
101
|
style,
|
|
103
102
|
...rest
|
|
104
103
|
} = _ref6;
|
|
105
|
-
return (
|
|
106
|
-
/*#__PURE__*/
|
|
107
|
-
// style must go first since we don't want justifyContent, alignItems overridden
|
|
108
|
-
React.createElement(View, {
|
|
109
|
-
style: [style, {
|
|
110
|
-
justifyContent,
|
|
111
|
-
alignItems
|
|
112
|
-
}],
|
|
113
|
-
...rest
|
|
114
|
-
}, children)
|
|
115
|
-
);
|
|
116
|
-
}
|
|
117
|
-
//# sourceMappingURL=Layout.js.mapren,
|
|
118
|
-
justifyContent = "flex-start",
|
|
119
|
-
alignItems = "flex-start",
|
|
120
|
-
style,
|
|
121
|
-
...rest
|
|
122
|
-
} = _ref6;
|
|
123
104
|
return (
|
|
124
105
|
/*#__PURE__*/
|
|
125
106
|
// style must go first since we don't want justifyContent, alignItems overridden
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Layout.
|
|
1
|
+
{"version":3,"sources":["Layout.tsx"],"names":["React","View","Center","width","height","children","bgColor","style","rest","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\n// @ts-ignore\nimport type { ViewStyleProp } from \"react-native/Libraries/StyleSheet/StyleSheet\";\n\nexport function Center({\n width = 240,\n height = 200,\n children,\n bgColor,\n style,\n ...rest\n}: {\n width: number;\n height: number;\n bgColor: string;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <View\n style={[\n {\n justifyContent: \"center\",\n alignItems: \"center\",\n width,\n height,\n backgroundColor: bgColor,\n },\n style,\n ]}\n {...rest}\n >\n {children}\n </View>\n );\n}\n\nexport function Circle({\n size = 50,\n bgColor,\n children,\n style,\n ...rest\n}: {\n size: number;\n bgColor: string;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n const borderRadius = 1000;\n return (\n <Center\n width={size}\n height={size}\n bgColor={bgColor}\n style={[\n style,\n { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n ]}\n {...rest}\n >\n {children}\n </Center>\n );\n}\n\nexport function Square({\n size = 50,\n bgColor,\n children,\n style,\n ...rest\n}: {\n size: number;\n bgColor: string;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <Center\n style={style}\n width={size}\n height={size}\n bgColor={bgColor}\n {...rest}\n >\n {children}\n </Center>\n );\n}\n\nexport function Row({\n justifyContent,\n alignItems,\n children,\n style,\n ...rest\n}: {\n alignItems: ViewStyleProp.alignItems;\n justifyContent: ViewStyleProp.justifyContent;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <View\n style={[\n style, // style goes first b/c we can't override these\n {\n alignItems,\n flexDirection: \"row\",\n justifyContent: justifyContent,\n },\n ]}\n {...rest}\n >\n {children}\n </View>\n );\n}\n\nexport function Spacer({\n top = 8,\n right = 8,\n bottom = 8,\n left = 8,\n children,\n style,\n ...rest\n}: {\n top?: number;\n right?: number;\n left?: number;\n bottom?: number;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <View\n style={[\n style,\n {\n paddingRight: right,\n paddingTop: top,\n paddingLeft: left,\n paddingBottom: bottom,\n },\n ]}\n {...rest}\n >\n {children}\n </View>\n );\n}\n\nexport function Stack({\n children,\n justifyContent = \"flex-start\",\n alignItems = \"flex-start\",\n style,\n ...rest\n}: {\n justifyContent: ViewStyleProp.justifyContent;\n alignItems: ViewStyleProp.alignItems;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n // style must go first since we don't want justifyContent, alignItems overridden\n <View style={[style, { justifyContent, alignItems }]} {...rest}>\n {children}\n </View>\n );\n}\n"]}
|
|
@@ -7,6 +7,7 @@ export const SEED_DATA = [{
|
|
|
7
7
|
preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
|
|
8
8
|
supports_list_render: false,
|
|
9
9
|
triggers: [Triggers.OnChange],
|
|
10
|
+
// TODO Triggers.OnSubmit for multiple triggers
|
|
10
11
|
props: {
|
|
11
12
|
icon: {
|
|
12
13
|
group: GROUPS.basic,
|
|
@@ -44,5 +45,4 @@ export const SEED_DATA = [{
|
|
|
44
45
|
},
|
|
45
46
|
layout: {}
|
|
46
47
|
}];
|
|
47
|
-
//# sourceMappingURL=FieldSearchBarFull.js.map}];
|
|
48
48
|
//# sourceMappingURL=FieldSearchBarFull.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FieldSearchBarFull.
|
|
1
|
+
{"version":3,"sources":["FieldSearchBarFull.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","Triggers","SEED_DATA","name","tag","description","category","input","preview_image_url","supports_list_render","triggers","OnChange","props","icon","group","basic","label","formType","propType","ASSET","defaultValue","editable","required","placeholder","string","STRING","onSubmit","action","fieldName","layout"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,QANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,GAAG,EAAE,oBAFP;AAGEC,EAAAA,WAAW,EAAE,8DAHf;AAIEC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJ5B;AAKEC,EAAAA,iBAAiB,EAAE,2CALrB;AAMEC,EAAAA,oBAAoB,EAAE,KANxB;AAOEC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,QAAV,CAPZ;AAOiC;AAC/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAElB,MAAM,CAACmB,KADV;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJX,MAAAA,WAAW,EAAE,sBAHT;AAIJY,MAAAA,QAAQ,EAAEnB,UAAU,CAACe,IAJjB;AAKJK,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,KALjB;AAMJC,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN,KADD;AAWLC,IAAAA,WAAW,EAAE;AACXT,MAAAA,KAAK,EAAElB,MAAM,CAACmB,KADH;AAEXC,MAAAA,KAAK,EAAE,aAFI;AAGXX,MAAAA,WAAW,EAAE,wBAHF;AAIXY,MAAAA,QAAQ,EAAEnB,UAAU,CAAC0B,MAJV;AAKXN,MAAAA,QAAQ,EAAEnB,UAAU,CAAC0B,MALV;AAMXL,MAAAA,YAAY,EAAE,eANH;AAOXC,MAAAA,QAAQ,EAAE,IAPC;AAQXC,MAAAA,QAAQ,EAAE;AARC,KAXR;AAqBLI,IAAAA,QAAQ,EAAE;AACRZ,MAAAA,KAAK,EAAElB,MAAM,CAACmB,KADN;AAERC,MAAAA,KAAK,EAAE,eAFC;AAGRX,MAAAA,WAAW,EAAE,iCAHL;AAIRgB,MAAAA,QAAQ,EAAE,IAJF;AAKRC,MAAAA,QAAQ,EAAE,KALF;AAMRL,MAAAA,QAAQ,EAAEnB,UAAU,CAAC6B,MANb;AAORT,MAAAA,QAAQ,EAAEnB,UAAU,CAAC0B,MAPb;AAQRL,MAAAA,YAAY,EAAE;AARN,KArBL;AA+BLQ,IAAAA,SAAS,EAAE,EACT,GAAG5B,UADM;AAEToB,MAAAA,YAAY,EAAE;AAFL;AA/BN,GART;AA4CES,EAAAA,MAAM,EAAE;AA5CV,CADuB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Search Bar\",\n tag: \"FieldSearchBarFull\",\n description: \"A search bar with accompanying search icon and clear button.\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Field_SearchBar_Full.png\",\n supports_list_render: false,\n triggers: [Triggers.OnChange], // TODO Triggers.OnSubmit for multiple triggers\n props: {\n icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Left icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n placeholder: {\n group: GROUPS.basic,\n label: \"Placeholder\",\n description: \"Input placeholder text\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Search for...\",\n editable: true,\n required: false,\n },\n onSubmit: {\n group: GROUPS.basic,\n label: \"Submit action\",\n description: \"Action to execute on submission\",\n editable: true,\n required: false,\n formType: FORM_TYPES.action,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"searchBarValue\",\n },\n },\n layout: {},\n },\n];\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "44.1.5-
|
|
3
|
+
"version": "44.1.5-f7f9c9.0+f7f9c9c6",
|
|
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": "f7f9c9c6d5738cc88a5bd5affb2d09a73f027436"
|
|
83
83
|
}
|