@draftbit/core 43.4.17 → 43.4.18-3cead7.1
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/Card.js.map +1 -1
- package/lib/commonjs/components/CardContainerShortImage.js +5 -18
- package/lib/commonjs/components/CardContainerShortImage.js.map +1 -1
- package/lib/commonjs/mappings/Icon.js +1 -1
- package/lib/commonjs/mappings/Icon.js.map +1 -1
- package/lib/commonjs/mappings/WebView.js +5 -0
- package/lib/commonjs/mappings/WebView.js.map +1 -1
- package/lib/module/components/DeprecatedCardWrapper.js +15 -2
- package/lib/module/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/module/components/Elevation.js +5 -3
- package/lib/module/components/Elevation.js.map +1 -1
- package/lib/module/components/HeaderLarge.js.map +1 -1
- package/lib/module/components/Swiper/Swiper.js.map +1 -1
- package/lib/module/components/Touchable.web.js.map +1 -1
- package/lib/module/hooks.js.map +1 -1
- package/lib/module/mappings/CheckboxGroup.js.map +1 -1
- package/lib/module/mappings/Icon.js +1 -1
- package/lib/module/mappings/Icon.js.map +1 -1
- package/lib/module/mappings/Slider.js.map +1 -1
- package/lib/module/mappings/WebView.js +6 -1
- package/lib/module/mappings/WebView.js.map +1 -1
- package/lib/typescript/src/mappings/WebView.d.ts +10 -0
- package/package.json +2 -2
- package/src/mappings/Icon.js +1 -1
- package/src/mappings/Icon.ts +1 -1
- package/src/mappings/WebView.js +6 -1
- package/src/mappings/WebView.ts +11 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Card.
|
|
1
|
+
{"version":3,"sources":["Card.tsx"],"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","pressed","opacity","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","style","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","StyleSheet","flatten","innerPadding","uri","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {\n StyleSheet,\n View,\n ImageSourcePropType,\n StyleProp,\n ViewStyle,\n TextStyle,\n Pressable,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\n\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\n\nexport const TopRightCircleIcon = withTheme(\n ({\n Icon,\n icon,\n theme,\n onPress,\n }: {\n icon: string;\n theme: Theme;\n onPress?: () => void;\n } & IconSlot) => {\n return (\n <Surface\n style={{\n justifyContent: \"center\",\n alignItems: \"center\",\n elevation: ICON_ELEVATION,\n position: \"absolute\",\n top: 12,\n right: 12,\n width: ICON_CONTAINER_SIZE,\n height: ICON_CONTAINER_SIZE,\n padding: ICON_CONTAINER_PADDING,\n borderRadius: ICON_CONTAINER_SIZE,\n backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n }}\n >\n <Pressable\n disabled={!onPress}\n onPress={onPress}\n style={({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n }}\n >\n <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />\n </Pressable>\n </Surface>\n );\n }\n);\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n subtitle?: string;\n description?: string;\n textCentered: boolean;\n icon?: string;\n aspectRatio?: number;\n elevation?: number;\n numColumns?: number;\n theme: Theme;\n titleStyle?: StyleProp<TextStyle>;\n subtitleStyle?: StyleProp<TextStyle>;\n descriptionStyle?: StyleProp<TextStyle>;\n style?: StyleProp<ViewStyle>;\n onPress?: () => void;\n onPressIcon?: () => void;\n children?: React.ReactNode;\n} & IconSlot;\n\nconst Card: React.FC<Props> = ({\n Icon,\n image = Config.cardImageUrl,\n title,\n subtitle,\n description,\n textCentered,\n icon,\n aspectRatio = 1.5,\n elevation = 2,\n style,\n onPress,\n onPressIcon,\n titleStyle,\n subtitleStyle,\n descriptionStyle,\n theme,\n children,\n}) => {\n const {\n backgroundColor: bgColor,\n padding,\n ...styles\n } = StyleSheet.flatten(style || {});\n\n const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n const innerPadding = padding ? padding : 12;\n\n return (\n <Surface style={[{ elevation, backgroundColor }, styles]}>\n <Pressable\n disabled={!onPress}\n onPress={onPress}\n style={({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n }}\n >\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n <View style={{ padding: innerPadding }}>\n <View style={{ alignItems: textCentered ? \"center\" : \"flex-start\" }}>\n {title || (title && title !== \"\") ? (\n <Title text={title} style={titleStyle} />\n ) : null}\n {subtitle || (subtitle && subtitle !== \"\") ? (\n <Subtitle text={subtitle} style={subtitleStyle} />\n ) : null}\n {description || (description && description !== \"\") ? (\n <View style={{ marginTop: 4 }}>\n <Caption text={description} style={descriptionStyle} />\n </View>\n ) : null}\n {children}\n </View>\n </View>\n {icon ? (\n <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />\n ) : null}\n </Pressable>\n </Surface>\n );\n};\n\nexport default withTheme(Card);\n"]}
|
|
@@ -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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CardContainerShortImage.
|
|
1
|
+
{"version":3,"sources":["CardContainerShortImage.tsx"],"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","borderRadius","overflow","flexDirection","justifyContent","uri","padding","backgroundColor","surface","flex","headline5","color","strong","body2","medium","marginTop"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAwC,GAAG,QAW3C;AAAA,MAX4C;AAChDC,IAAAA,KAAK,GAAGC,gBAAOC,cADiC;AAEhDC,IAAAA,KAFgD;AAGhDC,IAAAA,QAHgD;AAIhDC,IAAAA,IAAI,GAAG,MAJyC;AAKhDC,IAAAA,WAAW,GAAG,CALkC;AAMhDC,IAAAA,SAAS,GAAG,CANoC;AAOhDC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,SAAV;AAAqBC,MAAAA;AAArB,KAPyC;AAQhDC,IAAAA,KARgD;AAShDC,IAAAA,OATgD;AAUhD,OAAGC;AAV6C,GAW5C;AACJ,sBACE,6BAAC,8BAAD;AAAM,IAAA,KAAK,EAAEF,KAAb;AAAoB,IAAA,OAAO,EAAEC;AAA7B,KAA0CC,IAA1C,gBACE,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLP,MAAAA,SADK;AAELQ,MAAAA,YAAY,EAAEL;AAFT;AADT,kBAME,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,QAAQ,EAAE,QADL;AAELC,MAAAA,aAAa,EAAE,KAFV;AAGLC,MAAAA,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;AAILU,MAAAA,YAAY,EAAEL;AAJT;AADT,KAQGL,IAAI,KAAK,MAAT,iBACC,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEmB,MAAAA,GAAG,EAAEnB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IATJ,eAeE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLoB,MAAAA,OAAO,EAAE,EADJ;AAELC,MAAAA,eAAe,EAAEZ,MAAM,CAACa,OAFnB;AAGLC,MAAAA,IAAI,EAAE;AAHD;AADT,kBAOE,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;AAAEC,MAAAA,KAAK,EAAEhB,MAAM,CAACiB;AAAhB,KAAvB;AAFT,KAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;AAAEF,MAAAA,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;AAAwBC,MAAAA,SAAS,EAAE;AAAnC,KAFK;AAFT,KAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEmB,MAAAA,GAAG,EAAEnB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,wBAAUD,uBAAV,C","sourcesContent":["import React from \"react\";\nimport {\n View,\n Text,\n ImageSourcePropType,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n image?: string | ImageSourcePropType;\n title?: string;\n subtitle?: string;\n mode?: \"right\" | \"left\";\n aspectRatio?: number;\n elevation?: number;\n theme: typeof theme;\n style?: StyleProp<ViewStyle>;\n onPress: () => void;\n};\n\nconst CardContainerShortImage: React.FC<Props> = ({\n image = Config.squareImageUrl,\n title,\n subtitle,\n mode = \"left\",\n aspectRatio = 1,\n elevation = 2,\n theme: { colors, roundness, typography },\n style,\n onPress,\n ...rest\n}) => {\n return (\n <Card style={style} onPress={onPress} {...rest}>\n <Elevation\n style={{\n elevation,\n borderRadius: roundness,\n }}\n >\n <View\n style={{\n overflow: \"hidden\",\n flexDirection: \"row\",\n justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n borderRadius: roundness,\n }}\n >\n {mode === \"left\" && (\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n )}\n <View\n style={{\n padding: 16,\n backgroundColor: colors.surface,\n flex: 1,\n }}\n >\n <Text\n numberOfLines={1}\n style={[typography.headline5, { color: colors.strong }]}\n >\n {title}\n </Text>\n {subtitle ? (\n <Text\n numberOfLines={1}\n style={[\n typography.body2,\n { color: colors.medium, marginTop: 4 },\n ]}\n >\n {subtitle}\n </Text>\n ) : null}\n </View>\n {mode === \"right\" && (\n <Image\n style={{ aspectRatio }}\n source={typeof image === \"string\" ? { uri: image } : image}\n resizeMode=\"cover\"\n />\n )}\n </View>\n </Elevation>\n </Card>\n );\n};\n\nexport default withTheme(CardContainerShortImage);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Icon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","group","GROUPS","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLP,IAAAA,IAAI,EAAE,EACJ,GAAG,4BADC;AAEJQ,MAAAA,KAAK,EAAEC,cAAOC;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAE,6BALF;AAMLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBJ,MAAAA,KAAK,EAAEC,cAAOJ,KADO;AAErBQ,MAAAA,KAAK,EAAE,MAFc;AAGrBX,MAAAA,WAAW,EAAE,+BAHQ;AAIrBY,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,
|
|
1
|
+
{"version":3,"sources":["Icon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","group","GROUPS","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLP,IAAAA,IAAI,EAAE,EACJ,GAAG,4BADC;AAEJQ,MAAAA,KAAK,EAAEC,cAAOC;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAE,6BALF;AAMLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBJ,MAAAA,KAAK,EAAEC,cAAOJ,KADO;AAErBQ,MAAAA,KAAK,EAAE,MAFc;AAGrBX,MAAAA,WAAW,EAAE,+BAHQ;AAIrBY,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,CALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAjB;AAND;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createNumberProp,\n createColorProp,\n createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Icon\",\n tag: \"Icon\",\n description: \"An icon\",\n category: COMPONENT_TYPES.basic,\n layout: {},\n props: {\n name: {\n ...createIconProp(),\n group: GROUPS.data,\n },\n color: createColorProp(),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 24,\n min: 1,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"]}
|
|
@@ -18,6 +18,11 @@ const SEED_DATA = {
|
|
|
18
18
|
props: {
|
|
19
19
|
source: (0, _types.createSourceProp)({
|
|
20
20
|
defaultValue: "https://reactnative.dev"
|
|
21
|
+
}),
|
|
22
|
+
optimizeVideoChat: (0, _types.createStaticBoolProp)({
|
|
23
|
+
defaultValue: false,
|
|
24
|
+
label: "Optimize Video Chat",
|
|
25
|
+
description: "Allows for a better experience from web hosted video chat services"
|
|
21
26
|
})
|
|
22
27
|
}
|
|
23
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["WebView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","defaultValue"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"sources":["WebView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"mappings":";;;;;;;AAAA;;AAMO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,6BAAiB;AACvBC,MAAAA,YAAY,EAAE;AADS,KAAjB,CADH;AAILC,IAAAA,iBAAiB,EAAE,iCAAqB;AACtCD,MAAAA,YAAY,EAAE,KADwB;AAEtCE,MAAAA,KAAK,EAAE,qBAF+B;AAGtCV,MAAAA,WAAW,EACT;AAJoC,KAArB;AAJd;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createSourceProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Web View\",\n tag: \"WebView\",\n description: \"Render web content inside a view\",\n category: COMPONENT_TYPES.media,\n layout: { flex: 1 },\n props: {\n source: createSourceProp({\n defaultValue: \"https://reactnative.dev\",\n }),\n optimizeVideoChat: createStaticBoolProp({\n defaultValue: false,\n label: \"Optimize Video Chat\",\n description:\n \"Allows for a better experience from web hosted video chat services\",\n }),\n },\n};\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 React from "react";
|
|
4
2
|
import { withTheme } from "../theming";
|
|
5
3
|
import Touchable from "./Touchable";
|
|
@@ -26,6 +24,21 @@ const Card = _ref => {
|
|
|
26
24
|
...rest
|
|
27
25
|
} = _ref;
|
|
28
26
|
const width = getWidth(numColumns);
|
|
27
|
+
return /*#__PURE__*/React.createElement(Touchable, {
|
|
28
|
+
disabled: !onPress,
|
|
29
|
+
onPress: onPress,
|
|
30
|
+
style: [style, {
|
|
31
|
+
width
|
|
32
|
+
}],
|
|
33
|
+
...rest
|
|
34
|
+
}, children);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export default withTheme(Card);
|
|
38
|
+
//# sourceMappingURL=DeprecatedCardWrapper.js.map,
|
|
39
|
+
...rest
|
|
40
|
+
} = _ref;
|
|
41
|
+
const width = getWidth(numColumns);
|
|
29
42
|
return /*#__PURE__*/React.createElement(Touchable, _extends({
|
|
30
43
|
disabled: !onPress,
|
|
31
44
|
onPress: onPress,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DeprecatedCardWrapper.
|
|
1
|
+
{"version":3,"sources":["DeprecatedCardWrapper.js"],"names":["React","withTheme","Touchable","getWidth","numColumns","Card","children","onPress","style","rest","width","createElement","disabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,SAAP,MAAsB,aAAtB;;AACA,MAAMC,QAAQ,GAAIC,UAAD,IAAgB;AAC7B,UAAQA,UAAR;AACI,SAAK,CAAL;AACI,aAAO,KAAP;;AACJ,SAAK,CAAL;AACI,aAAO,KAAP;;AACJ;AACI,aAAO,MAAP;AANR;AAQH,CATD;;AAUA,MAAMC,IAAI,GAAG,QAA2D;AAAA,MAA1D;AAAED,IAAAA,UAAU,GAAG,CAAf;AAAkBE,IAAAA,QAAlB;AAA4BC,IAAAA,OAA5B;AAAqCC,IAAAA,KAArC;AAA4C,OAAGC;AAA/C,GAA0D;AACpE,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBAAQJ,KAAK,CAACW,aAAN,CAAoBT,SAApB,EAA+B;AAAEU,IAAAA,QAAQ,EAAE,CAACL,OAAb;AAAsBA,IAAAA,OAAO,EAAEA,OAA/B;AAAwCC,IAAAA,KAAK,EAAE,CAACA,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR,CAA/C;AAAmE,OAAGD;AAAtE,GAA/B,EAA6GH,QAA7G,CAAR;AACH,CAHD;;AAIA,eAAeL,SAAS,CAACI,IAAD,CAAxB","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nconst getWidth = (numColumns) => {\n switch (numColumns) {\n case 1:\n return \"33%\";\n case 2:\n return \"50%\";\n default:\n return \"100%\";\n }\n};\nconst Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {\n const width = getWidth(numColumns);\n return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));\n};\nexport default withTheme(Card);\n"]}
|
|
@@ -1,9 +1,11 @@
|
|
|
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
4
|
import { Animated, StyleSheet, View } from "react-native";
|
|
3
5
|
import shadow from "../styles/shadow";
|
|
4
6
|
import { withTheme } from "../theming";
|
|
5
|
-
/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
|
|
6
7
|
|
|
8
|
+
/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
|
|
7
9
|
const Elevation = _ref => {
|
|
8
10
|
let {
|
|
9
11
|
style,
|
|
@@ -19,12 +21,12 @@ const Elevation = _ref => {
|
|
|
19
21
|
colors
|
|
20
22
|
} = theme;
|
|
21
23
|
const borderRadius = radius;
|
|
22
|
-
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
24
|
+
return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
|
|
23
25
|
style: [{
|
|
24
26
|
borderRadius,
|
|
25
27
|
backgroundColor: colors.surface
|
|
26
28
|
}, elevation ? shadow(elevation) : null, style]
|
|
27
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
29
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
28
30
|
style: {
|
|
29
31
|
overflow: "hidden",
|
|
30
32
|
borderRadius
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Elevation.
|
|
1
|
+
{"version":3,"sources":["Elevation.tsx"],"names":["React","Animated","StyleSheet","View","shadow","withTheme","Elevation","style","theme","children","rest","elevation","borderRadius","radius","flatten","colors","backgroundColor","surface","overflow"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,UAFF,EAMEC,IANF,QAOO,cAPP;AAQA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAQA;AACA,MAAMC,SAA0B,GAAG,QAAyC;AAAA,MAAxC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,QAAhB;AAA0B,OAAGC;AAA7B,GAAwC;AAC1E,QAAM;AAAEC,IAAAA,SAAS,GAAG,CAAd;AAAiBC,IAAAA,YAAY,EAAEC;AAA/B,MACJX,UAAU,CAACY,OAAX,CAAmBP,KAAnB,KAA6B,EAD/B;AAEA,QAAM;AAAEQ,IAAAA;AAAF,MAAaP,KAAnB;AACA,QAAMI,YAAY,GAAGC,MAArB;AAEA,sBACE,oBAAC,QAAD,CAAU,IAAV,eACMH,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,YADF;AAEEI,MAAAA,eAAe,EAAED,MAAM,CAACE;AAF1B,KADK,EAKLN,SAAS,GAAGP,MAAM,CAACO,SAAD,CAAT,GAAuB,IAL3B,EAMLJ,KANK;AAFT,mBAWE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEW,MAAAA,QAAQ,EAAE,QAAZ;AAAsBN,MAAAA;AAAtB;AAAb,KAAoDH,QAApD,CAXF,CADF;AAeD,CArBD;;AAuBA,eAAeJ,SAAS,CAACC,SAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation: React.FC<Props> = ({ style, theme, children, ...rest }) => {\n const { elevation = 4, borderRadius: radius } =\n StyleSheet.flatten(style) || {};\n const { colors } = theme;\n const borderRadius = radius;\n\n return (\n <Animated.View\n {...rest}\n style={[\n {\n borderRadius,\n backgroundColor: colors.surface,\n },\n elevation ? shadow(elevation) : null,\n style,\n ]}\n >\n <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n </Animated.View>\n );\n};\n\nexport default withTheme(Elevation);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["HeaderLarge.
|
|
1
|
+
{"version":3,"sources":["HeaderLarge.js"],"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","createElement","titleTypeStyle","headline4","titleColor","strong"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AACA,MAAMC,WAAW,GAAG,QAAmG;AAAA,MAAlG;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,UAAf;AAA2BC,IAAAA,IAA3B;AAAiCC,IAAAA,OAAO,GAAG,MAAM,CAAG,CAApD;AAAsDC,IAAAA,KAAtD;AAA6DC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAApE,GAAkG;AACnH,sBAAQZ,KAAK,CAACa,aAAN,CAAoBX,MAApB,EAA4B;AAAEE,IAAAA,IAAI,EAAEA,IAAR;AAAcU,IAAAA,cAAc,EAAEF,UAAU,CAACG,SAAzC;AAAoDC,IAAAA,UAAU,EAAEL,MAAM,CAACM,MAAvE;AAA+EZ,IAAAA,KAAK,EAAEA,KAAtF;AAA6FC,IAAAA,UAAU,EAAEA,UAAzG;AAAqHC,IAAAA,IAAI,EAAEA,IAA3H;AAAiIC,IAAAA,OAAO,EAAEA,OAA1I;AAAmJC,IAAAA,KAAK,EAAEA;AAA1J,GAA5B,CAAR;AACH,CAFD;;AAGA,eAAeR,SAAS,CAACE,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Header from \"./Header\";\nconst HeaderLarge = ({ Icon, title, buttonText, icon, onPress = () => { }, style, theme: { colors, typography }, }) => {\n return (React.createElement(Header, { Icon: Icon, titleTypeStyle: typography.headline4, titleColor: colors.strong, title: title, buttonText: buttonText, icon: icon, onPress: onPress, style: style }));\n};\nexport default withTheme(HeaderLarge);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Swiper.
|
|
1
|
+
{"version":3,"sources":["Swiper.js"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","createElement","controlsProps","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AACA,MAAMC,MAAM,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAQ,GAAG,KAAb;AAAoBC,IAAAA,IAAI,GAAG,KAA3B;AAAkCC,IAAAA,OAAO,GAAG,CAA5C;AAA+CC,IAAAA,IAAI,GAAG,CAAtD;AAAyDC,IAAAA,SAAS,GAAG,EAArE;AAAyEC,IAAAA,SAAS,GAAG,EAArF;AAAyFC,IAAAA,cAAzF;AAAyGC,IAAAA,cAAzG;AAAyHC,IAAAA,aAAa,GAAG,IAAzI;AAA+IC,IAAAA,QAA/I;AAAyJC,IAAAA,cAAzJ;AAAyKC,IAAAA,QAAzK;AAAmLC,IAAAA;AAAnL,GAAD;AAAA,sBAAkMhB,KAAK,CAACiB,aAAN,CAAoBhB,IAApB,EAA0B;AAAEe,IAAAA,KAAK,EAAEA;AAAT,GAA1B,eAC7MhB,KAAK,CAACiB,aAAN,CAAoBf,eAApB,EAAqC;AAAEK,IAAAA,IAAI,EAAEA,IAAR;AAAcF,IAAAA,IAAI,EAAEA,IAApB;AAA0BC,IAAAA,OAAO,EAAEA,OAAnC;AAA4CF,IAAAA,QAAQ,EAAEA,QAAtD;AAAgEc,IAAAA,aAAa,EAAE;AAC5GV,MAAAA,SAD4G;AAE5GC,MAAAA,SAF4G;AAG5GU,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAEV;AAAT,OAH4F;AAI5GW,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAET;AAAT,OAJ4F;AAK5GC,MAAAA,aAL4G;AAM5G,UAAIC,QAAQ,GACN;AAAES,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAEX;AAAnB;AAAd;AAAZ,OADM,GAEN,EAFN,CAN4G;AAS5G,UAAIC,cAAc,GACZ;AAAEW,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAEV;AAAnB;AAAlB,OADY,GAEZ,EAFN;AAT4G;AAA/E,GAArC,EAYSC,QAZT,CAD6M,CAAlM;AAAA,CAAf;;AAcA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\nconst Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = \"\", nextTitle = \"\", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, children, style, }) => (React.createElement(View, { style: style },\n React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, controlsProps: {\n prevTitle,\n nextTitle,\n prevTitleStyle: { color: prevTitleColor },\n nextTitleStyle: { color: nextTitleColor },\n dotsTouchable,\n ...(dotColor\n ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n : {}),\n ...(dotActiveColor\n ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n : {}),\n } }, children)));\nexport default Swiper;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Touchable.web.
|
|
1
|
+
{"version":3,"sources":["Touchable.web.tsx"],"names":["TouchableOpacity"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,cAAjC;AAEA,eAAeA,gBAAf","sourcesContent":["import { TouchableOpacity } from \"react-native\";\n\nexport default TouchableOpacity;\n"]}
|
package/lib/module/hooks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["hooks.
|
|
1
|
+
{"version":3,"sources":["hooks.ts"],"names":["React","usePrevious","value","ref","useRef","useEffect","current"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,SAASC,WAAT,CAAqBC,KAArB,EAAiC;AACtC;AACA;AACA,QAAMC,GAAG,GAAGH,KAAK,CAACI,MAAN,EAAZ,CAHsC,CAKtC;;AACAJ,EAAAA,KAAK,CAACK,SAAN,CAAgB,MAAM;AACpBF,IAAAA,GAAG,CAACG,OAAJ,GAAcJ,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;AACA,SAAOC,GAAG,CAACG,OAAX;AACD","sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n // The ref object is a generic container whose current property is mutable\n // and can hold any value, similar to an instance property on a class\n const ref = React.useRef();\n\n // Store current value in ref\n React.useEffect(() => {\n ref.current = value;\n }, [value]);\n\n // Return previous value (happens before update in useEffect above)\n return ref.current;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CheckboxGroup.
|
|
1
|
+
{"version":3,"sources":["CheckboxGroup.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","createTextProp","PROP_TYPES","createFieldNameProp","createDirectionProp","Triggers","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnValueChange","props","direction","values","group","data","formType","flatArray","propType","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,UAAlC,EAA8CC,cAA9C,EAA8DC,UAA9D,EAA0EC,mBAA1E,EAA+FC,mBAA/F,EAAoHC,QAApH,QAAqI,iBAArI;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,gBADe;AAErBC,EAAAA,GAAG,EAAE,eAFgB;AAGrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,aAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAEX,mBAAmB,EAD3B;AAEHY,IAAAA,MAAM,EAAEf,cAAc,CAAC;AACnBgB,MAAAA,KAAK,EAAEnB,MAAM,CAACoB,IADK;AAEnBC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,SAFF;AAGnBC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,KAHF;AAInBC,MAAAA,KAAK,EAAE,QAJY;AAKnBC,MAAAA,WAAW,EAAE,iDALM;AAMnBC,MAAAA,QAAQ,EAAE,IANS;AAOnBC,MAAAA,YAAY,EAAE;AAPK,KAAD,CAFnB;AAWHC,IAAAA,SAAS,EAAExB,mBAAmB,CAAC;AAC3BuB,MAAAA,YAAY,EAAE,oBADa;AAE3BE,MAAAA,eAAe,EAAE,eAFU;AAG3BC,MAAAA,aAAa,EAAE;AAHY,KAAD;AAX3B;AANc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, createTextProp, PROP_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Checkbox Group\",\n tag: \"CheckboxGroup\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n values: createTextProp({\n group: GROUPS.data,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.ARRAY,\n label: \"Values\",\n description: \"Currently selected values of the checkbox group\",\n required: true,\n defaultValue: null,\n }),\n fieldName: createFieldNameProp({\n defaultValue: \"checkboxGroupValue\",\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Icon.ts"],"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createIconProp","SEED_DATA","name","tag","description","category","basic","layout","props","group","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,EACJ,GAAGF,cAAc,EADb;AAEJS,MAAAA,KAAK,EAAEZ,MAAM,CAACa;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAEZ,eAAe,EALjB;AAMLa,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBW,MAAAA,KAAK,EAAEZ,MAAM,CAACS,KADO;AAErBO,MAAAA,KAAK,EAAE,MAFc;AAGrBT,MAAAA,WAAW,EAAE,+BAHQ;AAIrBU,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,
|
|
1
|
+
{"version":3,"sources":["Icon.ts"],"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createIconProp","SEED_DATA","name","tag","description","category","basic","layout","props","group","data","color","size","label","defaultValue","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,eAJF,EAKEC,cALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,GAAG,EAAE,MAFkB;AAGvBC,EAAAA,WAAW,EAAE,SAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLN,IAAAA,IAAI,EAAE,EACJ,GAAGF,cAAc,EADb;AAEJS,MAAAA,KAAK,EAAEZ,MAAM,CAACa;AAFV,KADD;AAKLC,IAAAA,KAAK,EAAEZ,eAAe,EALjB;AAMLa,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBW,MAAAA,KAAK,EAAEZ,MAAM,CAACS,KADO;AAErBO,MAAAA,KAAK,EAAE,MAFc;AAGrBT,MAAAA,WAAW,EAAE,+BAHQ;AAIrBU,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,CALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAD;AANjB;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createNumberProp,\n createColorProp,\n createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Icon\",\n tag: \"Icon\",\n description: \"An icon\",\n category: COMPONENT_TYPES.basic,\n layout: {},\n props: {\n name: {\n ...createIconProp(),\n group: GROUPS.data,\n },\n color: createColorProp(),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 24,\n min: 1,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Slider.
|
|
1
|
+
{"version":3,"sources":["Slider.js"],"names":["COMPONENT_TYPES","GROUPS","createNumberProp","createColorProp","createFieldNameProp","createIconProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","marginLeft","marginRight","triggers","OnValueChange","props","fieldName","defaultValue","handlerPropName","valuePropName","minimumValue","group","basic","label","min","max","maximumValue","step","precision","leftIcon","rightIcon","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,MAA1B,EAAkCC,gBAAlC,EAAoDC,eAApD,EAAqEC,mBAArE,EAA0FC,cAA1F,EAA0GC,QAA1G,QAA2H,iBAA3H;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,QADe;AAErBC,EAAAA,GAAG,EAAE,QAFgB;AAGrBC,EAAAA,WAAW,EAAE,4CAHQ;AAIrBC,EAAAA,QAAQ,EAAEX,eAAe,CAACY,KAJL;AAKrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,UAAU,EAAE,EADR;AAEJC,IAAAA,WAAW,EAAE;AAFT,GALa;AASrBC,EAAAA,QAAQ,EAAE,CAACV,QAAQ,CAACW,aAAV,CATW;AAUrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAEf,mBAAmB,CAAC;AAC3BgB,MAAAA,YAAY,EAAE,aADa;AAE3BC,MAAAA,eAAe,EAAE,eAFU;AAG3BC,MAAAA,aAAa,EAAE;AAHY,KAAD,CAD3B;AAMHC,IAAAA,YAAY,EAAErB,gBAAgB,CAAC;AAC3BsB,MAAAA,KAAK,EAAEvB,MAAM,CAACwB,KADa;AAE3BC,MAAAA,KAAK,EAAE,WAFoB;AAG3BC,MAAAA,GAAG,EAAE,CAHsB;AAI3BC,MAAAA,GAAG,EAAE;AAJsB,KAAD,CAN3B;AAYHC,IAAAA,YAAY,EAAE3B,gBAAgB,CAAC;AAC3BsB,MAAAA,KAAK,EAAEvB,MAAM,CAACwB,KADa;AAE3BC,MAAAA,KAAK,EAAE,WAFoB;AAG3BC,MAAAA,GAAG,EAAE,CAHsB;AAI3BC,MAAAA,GAAG,EAAE;AAJsB,KAAD,CAZ3B;AAkBHE,IAAAA,IAAI,EAAE5B,gBAAgB,CAAC;AACnBsB,MAAAA,KAAK,EAAEvB,MAAM,CAACwB,KADK;AAEnBC,MAAAA,KAAK,EAAE,MAFY;AAGnBC,MAAAA,GAAG,EAAE,CAHc;AAInBC,MAAAA,GAAG,EAAE,GAJc;AAKnBE,MAAAA,IAAI,EAAE,IALa;AAMnBC,MAAAA,SAAS,EAAE;AANQ,KAAD,CAlBnB;AA0BHC,IAAAA,QAAQ,EAAE3B,cAAc,CAAC;AACrBqB,MAAAA,KAAK,EAAE,WADc;AAErBN,MAAAA,YAAY,EAAE;AAFO,KAAD,CA1BrB;AA8BHa,IAAAA,SAAS,EAAE5B,cAAc,CAAC;AACtBqB,MAAAA,KAAK,EAAE,YADe;AAEtBN,MAAAA,YAAY,EAAE;AAFQ,KAAD,CA9BtB;AAkCHc,IAAAA,qBAAqB,EAAE/B,eAAe,CAAC;AACnCuB,MAAAA,KAAK,EAAE,iBAD4B;AAEnCN,MAAAA,YAAY,EAAE;AAFqB,KAAD,CAlCnC;AAsCHe,IAAAA,qBAAqB,EAAEhC,eAAe,CAAC;AACnCuB,MAAAA,KAAK,EAAE,iBAD4B;AAEnCN,MAAAA,YAAY,EAAE;AAFqB,KAAD,CAtCnC;AA0CHgB,IAAAA,cAAc,EAAEjC,eAAe,CAAC;AAC5BuB,MAAAA,KAAK,EAAE,aADqB;AAE5BN,MAAAA,YAAY,EAAE;AAFc,KAAD;AA1C5B;AAVc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, GROUPS, createNumberProp, createColorProp, createFieldNameProp, createIconProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Slider\",\n tag: \"Slider\",\n description: \"A component used to set a value in a range\",\n category: COMPONENT_TYPES.input,\n layout: {\n marginLeft: 12,\n marginRight: 12,\n },\n triggers: [Triggers.OnValueChange],\n props: {\n fieldName: createFieldNameProp({\n defaultValue: \"sliderValue\",\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n }),\n minimumValue: createNumberProp({\n group: GROUPS.basic,\n label: \"Min Value\",\n min: 0,\n max: 1000,\n }),\n maximumValue: createNumberProp({\n group: GROUPS.basic,\n label: \"Max Value\",\n min: 1,\n max: 10000,\n }),\n step: createNumberProp({\n group: GROUPS.basic,\n label: \"Step\",\n min: 0,\n max: 100,\n step: 0.01,\n precision: 2,\n }),\n leftIcon: createIconProp({\n label: \"Left Icon\",\n defaultValue: null,\n }),\n rightIcon: createIconProp({\n label: \"Right Icon\",\n defaultValue: null,\n }),\n minimumTrackTintColor: createColorProp({\n label: \"Min Track Color\",\n defaultValue: null,\n }),\n maximumTrackTintColor: createColorProp({\n label: \"Max Track Color\",\n defaultValue: null,\n }),\n thumbTintColor: createColorProp({\n label: \"Thumb Color\",\n defaultValue: null,\n }),\n },\n};\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createSourceProp } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Web View",
|
|
4
4
|
tag: "WebView",
|
|
@@ -10,6 +10,11 @@ export const SEED_DATA = {
|
|
|
10
10
|
props: {
|
|
11
11
|
source: createSourceProp({
|
|
12
12
|
defaultValue: "https://reactnative.dev"
|
|
13
|
+
}),
|
|
14
|
+
optimizeVideoChat: createStaticBoolProp({
|
|
15
|
+
defaultValue: false,
|
|
16
|
+
label: "Optimize Video Chat",
|
|
17
|
+
description: "Allows for a better experience from web hosted video chat services"
|
|
13
18
|
})
|
|
14
19
|
}
|
|
15
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["WebView.ts"],"names":["COMPONENT_TYPES","createSourceProp","SEED_DATA","name","tag","description","category","media","layout","flex","props","source","defaultValue"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"sources":["WebView.ts"],"names":["COMPONENT_TYPES","createSourceProp","createStaticBoolProp","SEED_DATA","name","tag","description","category","media","layout","flex","props","source","defaultValue","optimizeVideoChat","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,oBAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,SAFkB;AAGvBC,EAAAA,WAAW,EAAE,kCAHU;AAIvBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEX,gBAAgB,CAAC;AACvBY,MAAAA,YAAY,EAAE;AADS,KAAD,CADnB;AAILC,IAAAA,iBAAiB,EAAEZ,oBAAoB,CAAC;AACtCW,MAAAA,YAAY,EAAE,KADwB;AAEtCE,MAAAA,KAAK,EAAE,qBAF+B;AAGtCT,MAAAA,WAAW,EACT;AAJoC,KAAD;AAJlC;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createSourceProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Web View\",\n tag: \"WebView\",\n description: \"Render web content inside a view\",\n category: COMPONENT_TYPES.media,\n layout: { flex: 1 },\n props: {\n source: createSourceProp({\n defaultValue: \"https://reactnative.dev\",\n }),\n optimizeVideoChat: createStaticBoolProp({\n defaultValue: false,\n label: \"Optimize Video Chat\",\n description:\n \"Allows for a better experience from web hosted video chat services\",\n }),\n },\n};\n"]}
|
|
@@ -17,5 +17,15 @@ export declare const SEED_DATA: {
|
|
|
17
17
|
editable: boolean;
|
|
18
18
|
required: boolean;
|
|
19
19
|
};
|
|
20
|
+
optimizeVideoChat: {
|
|
21
|
+
label: string;
|
|
22
|
+
description: string;
|
|
23
|
+
formType: string;
|
|
24
|
+
propType: string;
|
|
25
|
+
defaultValue: boolean;
|
|
26
|
+
editable: boolean;
|
|
27
|
+
required: boolean;
|
|
28
|
+
group: string;
|
|
29
|
+
};
|
|
20
30
|
};
|
|
21
31
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.4.
|
|
3
|
+
"version": "43.4.18-3cead7.1+3cead70e",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
]
|
|
81
81
|
]
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "3cead70ece00e57920ad4b7e7abfbe20b80a18b3"
|
|
84
84
|
}
|
package/src/mappings/Icon.js
CHANGED
package/src/mappings/Icon.ts
CHANGED
package/src/mappings/WebView.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createSourceProp } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createSourceProp, createStaticBoolProp, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Web View",
|
|
4
4
|
tag: "WebView",
|
|
@@ -9,5 +9,10 @@ export const SEED_DATA = {
|
|
|
9
9
|
source: createSourceProp({
|
|
10
10
|
defaultValue: "https://reactnative.dev",
|
|
11
11
|
}),
|
|
12
|
+
optimizeVideoChat: createStaticBoolProp({
|
|
13
|
+
defaultValue: false,
|
|
14
|
+
label: "Optimize Video Chat",
|
|
15
|
+
description: "Allows for a better experience from web hosted video chat services",
|
|
16
|
+
}),
|
|
12
17
|
},
|
|
13
18
|
};
|
package/src/mappings/WebView.ts
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
COMPONENT_TYPES,
|
|
3
|
+
createSourceProp,
|
|
4
|
+
createStaticBoolProp,
|
|
5
|
+
} from "@draftbit/types";
|
|
2
6
|
|
|
3
7
|
export const SEED_DATA = {
|
|
4
8
|
name: "Web View",
|
|
@@ -10,5 +14,11 @@ export const SEED_DATA = {
|
|
|
10
14
|
source: createSourceProp({
|
|
11
15
|
defaultValue: "https://reactnative.dev",
|
|
12
16
|
}),
|
|
17
|
+
optimizeVideoChat: createStaticBoolProp({
|
|
18
|
+
defaultValue: false,
|
|
19
|
+
label: "Optimize Video Chat",
|
|
20
|
+
description:
|
|
21
|
+
"Allows for a better experience from web hosted video chat services",
|
|
22
|
+
}),
|
|
13
23
|
},
|
|
14
24
|
};
|