@draftbit/core 43.2.5-0ce498.3 → 43.2.5-6f3224.3
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/AspectRatio.js +3 -16
- package/lib/commonjs/components/AspectRatio.js.map +1 -1
- package/lib/commonjs/components/Carousel.js +14 -8
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponent.js.map +1 -1
- package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -14
- package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/commonjs/components/Divider.js +13 -3
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/ProgressCircle.js.map +1 -1
- package/lib/commonjs/index.js +0 -8
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/AudioPlayer.js.map +1 -1
- package/lib/commonjs/mappings/CustomCode.js.map +1 -1
- package/lib/commonjs/mappings/FAB.js.map +1 -1
- package/lib/commonjs/mappings/LinearGradient.js.map +1 -1
- package/lib/commonjs/mappings/Modal.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
- package/lib/module/components/Carousel.js +14 -8
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/CircularProgress.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponent.web.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.ios.js +7 -10
- package/lib/module/components/Picker/PickerComponent.ios.js.map +1 -1
- package/lib/module/components/ProgressBar.js +16 -3
- package/lib/module/index.js +0 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/mappings/CardContainer.js.map +1 -1
- package/lib/module/mappings/CardContainerRating.js.map +1 -1
- package/lib/typescript/src/index.d.ts +0 -1
- package/package.json +2 -3
- package/src/components/Carousel.js +17 -7
- package/src/components/Carousel.tsx +22 -7
- package/src/index.js +0 -1
- package/src/index.tsx +0 -1
- package/lib/commonjs/components/Markdown.js +0 -30
- package/lib/commonjs/components/Markdown.js.map +0 -1
- package/lib/commonjs/mappings/Markdown.js +0 -24
- package/lib/commonjs/mappings/Markdown.js.map +0 -1
- package/lib/module/components/Markdown.js +0 -13
- package/lib/module/components/Markdown.js.map +0 -1
- package/lib/module/mappings/Markdown.js +0 -15
- package/lib/module/mappings/Markdown.js.map +0 -1
- package/lib/typescript/src/components/Markdown.d.ts +0 -12
- package/lib/typescript/src/mappings/Markdown.d.ts +0 -9
- package/src/components/Markdown.js +0 -7
- package/src/components/Markdown.tsx +0 -14
- package/src/mappings/Markdown.js +0 -14
- package/src/mappings/Markdown.ts +0 -15
|
@@ -11,6 +11,8 @@ var _reactNative = require("react-native");
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
+
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); }
|
|
15
|
+
|
|
14
16
|
const AspectRatio = props => {
|
|
15
17
|
const [layout, setLayout] = _react.default.useState(null);
|
|
16
18
|
|
|
@@ -41,22 +43,7 @@ const AspectRatio = props => {
|
|
|
41
43
|
}
|
|
42
44
|
}
|
|
43
45
|
|
|
44
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
45
|
-
style: style,
|
|
46
|
-
onLayout: _ref => {
|
|
47
|
-
let {
|
|
48
|
-
nativeEvent: {
|
|
49
|
-
layout: l
|
|
50
|
-
}
|
|
51
|
-
} = _ref;
|
|
52
|
-
return setLayout(l);
|
|
53
|
-
}
|
|
54
|
-
}, props.children);
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
var _default = AspectRatio;
|
|
58
|
-
exports.default = _default;
|
|
59
|
-
//# sourceMappingURL=AspectRatio.js.mapateElement(_reactNative.View, _extends({}, props, {
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
|
|
60
47
|
style: style,
|
|
61
48
|
onLayout: _ref => {
|
|
62
49
|
let {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AspectRatio.
|
|
1
|
+
{"version":3,"sources":["AspectRatio.tsx"],"names":["AspectRatio","props","layout","setLayout","React","useState","aspectRatio","inputStyle","StyleSheet","flatten","style","width","height","push","nativeEvent","l","children"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAaA,MAAMA,WAA4B,GAAIC,KAAD,IAAW;AAC9C,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAuC,IAAvC,CAA5B;;AACA,QAAM;AAAEC,IAAAA,WAAW,GAAG,CAAhB;AAAmB,OAAGC;AAAtB,MACJC,wBAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EADrC;AAEA,QAAMA,KAAK,GAAG,CAACH,UAAD,EAAa;AAAED,IAAAA;AAAF,GAAb,CAAd;;AAEA,MAAIJ,MAAJ,EAAY;AACV,UAAM;AAAES,MAAAA,KAAK,GAAG,CAAV;AAAaC,MAAAA,MAAM,GAAG;AAAtB,QAA4BV,MAAlC;;AACA,QAAIS,KAAK,KAAK,CAAd,EAAiB;AACfD,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAK,EAAEC,MAAM,IAAI,IAAIN,WAAR,CAAf;AAAqCM,QAAAA;AAArC,OAAX;AACD,KAFD,MAEO;AACLF,MAAAA,KAAK,CAACG,IAAN,CAAW;AAAEF,QAAAA,KAAF;AAASC,QAAAA,MAAM,EAAED,KAAK,IAAI,IAAIL,WAAR;AAAtB,OAAX;AACD;AACF;;AACD,sBACE,6BAAC,iBAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAES,KAFT;AAGE,IAAA,QAAQ,EAAE;AAAA,UAAC;AAAEI,QAAAA,WAAW,EAAE;AAAEZ,UAAAA,MAAM,EAAEa;AAAV;AAAf,OAAD;AAAA,aAAoCZ,SAAS,CAACY,CAAD,CAA7C;AAAA;AAHZ,MAKGd,KAAK,CAACe,QALT,CADF;AASD,CAvBD;;eAyBehB,W","sourcesContent":["import React from \"react\";\nimport {\n View,\n StyleSheet,\n LayoutRectangle,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\ntype Props = {\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n};\n\nconst AspectRatio: React.FC<Props> = (props) => {\n const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n const { aspectRatio = 1, ...inputStyle } =\n StyleSheet.flatten(props.style) || {};\n const style = [inputStyle, { aspectRatio }];\n\n if (layout) {\n const { width = 0, height = 0 } = layout;\n if (width === 0) {\n style.push({ width: height * (1 / aspectRatio), height });\n } else {\n style.push({ width, height: width * (1 / aspectRatio) });\n }\n }\n return (\n <View\n {...props}\n style={style}\n onLayout={({ nativeEvent: { layout: l } }) => setLayout(l)}\n >\n {props.children}\n </View>\n );\n};\n\nexport default AspectRatio;\n"]}
|
|
@@ -65,14 +65,19 @@ function Carousel(_ref2) {
|
|
|
65
65
|
const slides = Array.isArray(data) ? data : [];
|
|
66
66
|
|
|
67
67
|
const {
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
height,
|
|
69
|
+
marginLeft,
|
|
70
|
+
marginRight
|
|
70
71
|
} = _reactNative.StyleSheet.flatten(style || {});
|
|
71
72
|
|
|
72
|
-
const slideWidth = width || screenWidth;
|
|
73
73
|
const slideHeight = height || 250;
|
|
74
|
+
const containerWidth = screenWidth - (marginLeft ? Number(marginLeft) : 0) - (marginRight ? Number(marginRight) : 0);
|
|
74
75
|
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
75
|
-
style: [styles.container,
|
|
76
|
+
style: [styles.container, {
|
|
77
|
+
width: containerWidth,
|
|
78
|
+
height: slideHeight,
|
|
79
|
+
maxWidth: containerWidth
|
|
80
|
+
}, style]
|
|
76
81
|
}, rest), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
|
|
77
82
|
pagingEnabled: true,
|
|
78
83
|
horizontal: true,
|
|
@@ -96,7 +101,7 @@ function Carousel(_ref2) {
|
|
|
96
101
|
uri: item
|
|
97
102
|
} : item,
|
|
98
103
|
style: [{
|
|
99
|
-
width:
|
|
104
|
+
width: containerWidth,
|
|
100
105
|
height: slideHeight
|
|
101
106
|
}]
|
|
102
107
|
});
|
|
@@ -106,11 +111,12 @@ function Carousel(_ref2) {
|
|
|
106
111
|
const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
|
|
107
112
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
108
113
|
style: {
|
|
109
|
-
width:
|
|
114
|
+
width: containerWidth
|
|
110
115
|
}
|
|
111
116
|
}, /*#__PURE__*/React.cloneElement(child, {
|
|
112
117
|
style: { ...s,
|
|
113
|
-
width:
|
|
118
|
+
width: containerWidth,
|
|
119
|
+
height: slideHeight
|
|
114
120
|
}
|
|
115
121
|
}));
|
|
116
122
|
})), /*#__PURE__*/React.createElement(Pager, {
|
|
@@ -122,7 +128,7 @@ function Carousel(_ref2) {
|
|
|
122
128
|
|
|
123
129
|
const styles = _reactNative.StyleSheet.create({
|
|
124
130
|
container: {
|
|
125
|
-
backgroundColor: "#
|
|
131
|
+
backgroundColor: "#eeeeee"
|
|
126
132
|
},
|
|
127
133
|
pager: {
|
|
128
134
|
position: "absolute",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Carousel.tsx"],"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","
|
|
1
|
+
{"version":3,"sources":["Carousel.tsx"],"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","marginLeft","marginRight","StyleSheet","flatten","slideHeight","containerWidth","Number","container","maxWidth","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n ScrollView,\n View,\n StyleSheet,\n Dimensions,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n data?: any[];\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n dotColor?: string;\n};\n\nfunction Pager({\n color,\n index,\n length,\n}: {\n color: string;\n index: number;\n length: number;\n}) {\n return (\n <View style={styles.pager}>\n {Array.from({ length }).map((_, i) => {\n const current = index === i;\n const opacity = current ? 1 : 0.5;\n const size = current ? 10 : 8;\n return (\n <View\n key={i}\n style={[\n styles.bullet,\n { backgroundColor: color, opacity, width: size, height: size },\n ]}\n />\n );\n })}\n </View>\n );\n}\n\nfunction Carousel({\n data,\n children,\n dotColor = \"strong\",\n style,\n ...rest\n}: Props) {\n const [index, setIndex] = React.useState(0);\n\n const length = React.Children.count(children);\n const itemsLength = (data?.length ?? 0) + length;\n const slides = Array.isArray(data) ? data : [];\n\n const { height, marginLeft, marginRight } = StyleSheet.flatten(style || {});\n const slideHeight = height || 250;\n\n const containerWidth =\n screenWidth -\n (marginLeft ? Number(marginLeft) : 0) -\n (marginRight ? Number(marginRight) : 0);\n\n return (\n <View\n style={[\n styles.container,\n {\n width: containerWidth,\n height: slideHeight,\n maxWidth: containerWidth,\n },\n style,\n ]}\n {...rest}\n >\n <ScrollView\n pagingEnabled\n horizontal\n decelerationRate=\"fast\"\n scrollEventThrottle={200}\n showsHorizontalScrollIndicator={false}\n onScroll={({ nativeEvent }) => {\n const layoutWidth = nativeEvent.layoutMeasurement.width;\n const offset = nativeEvent.contentOffset.x;\n const currentIndex = Math.ceil(offset / layoutWidth);\n setIndex(currentIndex);\n }}\n >\n {slides.length > 0\n ? slides.map((item, i) => {\n return (\n <Image\n key={i}\n resizeMode=\"cover\"\n source={typeof item === \"string\" ? { uri: item } : item}\n style={[{ width: containerWidth, height: slideHeight }]}\n />\n );\n })\n : null}\n {React.Children.map(children, (child: any) => {\n const s = child?.props?.style || {};\n return (\n <View style={{ width: containerWidth }}>\n {React.cloneElement(child, {\n style: { ...s, width: containerWidth, height: slideHeight },\n })}\n </View>\n );\n })}\n </ScrollView>\n <Pager color={dotColor} index={index} length={itemsLength} />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: \"#eeeeee\",\n },\n pager: {\n position: \"absolute\",\n bottom: 12,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n bullet: {\n marginHorizontal: 2,\n width: 10,\n height: 10,\n borderRadius: 20,\n backgroundColor: \"#000\",\n },\n});\n\nexport default withTheme(Carousel);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DatePickerComponent.
|
|
1
|
+
{"version":3,"sources":["DatePickerComponent.tsx"],"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","Platform","OS","console","log","data"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAGA,MAAMA,mBAAoC,GAAG,QAKvC;AAAA,MALwC;AAC5CC,IAAAA,KAD4C;AAE5CC,IAAAA,QAF4C;AAG5CC,IAAAA,IAH4C;AAI5CC,IAAAA;AAJ4C,GAKxC;AACJ,SAAOC,sBAASC,EAAT,KAAgB,KAAhB,IAAyBD,sBAASC,EAAT,KAAgB,SAAzC,gBACL,6BAAC,uCAAD;AACE,IAAA,IAAI,EAAEL,KADR;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,SAAS,EAAE,IAHb;AAIE,IAAA,OAAO,EAAEE,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC,SAJ/C;AAKE,IAAA,QAAQ,EAAE,MAAM;AACdC,MAAAA,OAAO,CAACC,GAAR,CAAY,6CAAZ;AACAJ,MAAAA,gBAAgB;AACjB,KARH;AASE,IAAA,SAAS,EAAGK,IAAD,IAAU;AACnBP,MAAAA,QAAQ,CAAC,IAAD,EAAOO,IAAP,CAAR;AACD;AAXH,IADK,gBAeL,6BAAC,uBAAD;AACE,IAAA,KAAK,EAAER,KADT;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,OAAO,EAAE;AAJX,IAfF;AAsBD,CA5BD;;eA8BeF,mB","sourcesContent":["import React from \"react\";\nimport { Platform } from \"react-native\";\nimport DateTimePicker from \"@react-native-community/datetimepicker\";\nimport DateTimePickerModal from \"react-native-modal-datetime-picker\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\n\nconst DatePickerComponent: React.FC<Props> = ({\n value,\n onChange,\n mode,\n toggleVisibility,\n}) => {\n return Platform.OS === \"ios\" || Platform.OS === \"android\" ? (\n <DateTimePickerModal\n date={value}\n mode={mode}\n isVisible={true}\n display={Platform.OS === \"ios\" ? \"spinner\" : \"default\"}\n onCancel={() => {\n console.log(\"Picker cancelled before selecting anything.\");\n toggleVisibility();\n }}\n onConfirm={(data) => {\n onChange(null, data);\n }}\n />\n ) : (\n <DateTimePicker\n value={value}\n mode={mode}\n onChange={onChange}\n display={\"default\"}\n />\n );\n};\n\nexport default DatePickerComponent;\n"]}
|
|
@@ -13,6 +13,8 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
+
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); }
|
|
17
|
+
|
|
16
18
|
const getWidth = numColumns => {
|
|
17
19
|
switch (numColumns) {
|
|
18
20
|
case 1:
|
|
@@ -35,20 +37,6 @@ const Card = _ref => {
|
|
|
35
37
|
...rest
|
|
36
38
|
} = _ref;
|
|
37
39
|
const width = getWidth(numColumns);
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
|
|
39
|
-
disabled: !onPress,
|
|
40
|
-
onPress: onPress,
|
|
41
|
-
style: [style, {
|
|
42
|
-
width
|
|
43
|
-
}],
|
|
44
|
-
...rest
|
|
45
|
-
}, children);
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
var _default = (0, _theming.withTheme)(Card);
|
|
49
|
-
|
|
50
|
-
exports.default = _default;
|
|
51
|
-
//# sourceMappingURL=DeprecatedCardWrapper.js.map);
|
|
52
40
|
return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
|
|
53
41
|
disabled: !onPress,
|
|
54
42
|
onPress: onPress,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DeprecatedCardWrapper.
|
|
1
|
+
{"version":3,"sources":["DeprecatedCardWrapper.tsx"],"names":["getWidth","numColumns","Card","children","onPress","style","rest","width"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAYA,MAAMA,QAAQ,GAAIC,UAAD,IAAwB;AACvC,UAAQA,UAAR;AACE,SAAK,CAAL;AACE,aAAO,KAAP;;AACF,SAAK,CAAL;AACE,aAAO,KAAP;;AACF;AACE,aAAO,MAAP;AANJ;AAQD,CATD;;AAWA,MAAMC,IAAqB,GAAG,QAMxB;AAAA,MANyB;AAC7BD,IAAAA,UAAU,GAAG,CADgB;AAE7BE,IAAAA,QAF6B;AAG7BC,IAAAA,OAH6B;AAI7BC,IAAAA,KAJ6B;AAK7B,OAAGC;AAL0B,GAMzB;AACJ,QAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;AACA,sBACE,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAE,CAACG,OADb;AAEE,IAAA,OAAO,EAAEA,OAFX;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,EAAQ;AAAEE,MAAAA;AAAF,KAAR;AAHT,KAIMD,IAJN,GAMGH,QANH,CADF;AAUD,CAlBD;;eAoBe,wBAAUD,IAAV,C","sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n numColumns?: number;\n children?: React.ReactNode;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n switch (numColumns) {\n case 1:\n return \"33%\";\n case 2:\n return \"50%\";\n default:\n return \"100%\";\n }\n};\n\nconst Card: React.FC<Props> = ({\n numColumns = 3,\n children,\n onPress,\n style,\n ...rest\n}) => {\n const width = getWidth(numColumns);\n return (\n <Touchable\n disabled={!onPress}\n onPress={onPress}\n style={[style, { width }]}\n {...rest}\n >\n {children}\n </Touchable>\n );\n};\n\nexport default withTheme(Card);\n"]}
|
|
@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
-
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); }
|
|
19
|
-
|
|
20
18
|
const Divider = _ref => {
|
|
21
19
|
let {
|
|
22
20
|
style,
|
|
@@ -26,7 +24,19 @@ const Divider = _ref => {
|
|
|
26
24
|
},
|
|
27
25
|
...rest
|
|
28
26
|
} = _ref;
|
|
29
|
-
return /*#__PURE__*/React.createElement(_reactNative.View,
|
|
27
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
28
|
+
style: [{
|
|
29
|
+
backgroundColor: color || colors.divider,
|
|
30
|
+
height: _reactNative.StyleSheet.hairlineWidth
|
|
31
|
+
}, style],
|
|
32
|
+
...rest
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
var _default = (0, _theming.withTheme)(Divider);
|
|
37
|
+
|
|
38
|
+
exports.default = _default;
|
|
39
|
+
//# sourceMappingURL=Divider.js.map /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
30
40
|
style: [{
|
|
31
41
|
backgroundColor: color || colors.divider,
|
|
32
42
|
height: _reactNative.StyleSheet.hairlineWidth
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Divider.
|
|
1
|
+
{"version":3,"sources":["Divider.js"],"names":["Divider","style","color","theme","colors","rest","React","createElement","View","backgroundColor","divider","height","StyleSheet","hairlineWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AACA,MAAMA,OAAO,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAAvB;AAAmC,OAAGC;AAAtC,GAAiD;AAC9D,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEP,IAAAA,KAAK,EAAE,CACnC;AACIQ,MAAAA,eAAe,EAAEP,KAAK,IAAIE,MAAM,CAACM,OADrC;AAEIC,MAAAA,MAAM,EAAEC,wBAAWC;AAFvB,KADmC,EAKnCZ,KALmC,CAAT;AAM3B,OAAGI;AANwB,GAA1B,CAAR;AAOH,CARD;;eASe,wBAAUL,OAAV,C","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View } from \"react-native\";\nimport { withTheme } from \"../theming\";\nconst Divider = ({ style, color, theme: { colors }, ...rest }) => {\n return (React.createElement(View, { style: [\n {\n backgroundColor: color || colors.divider,\n height: StyleSheet.hairlineWidth,\n },\n style,\n ], ...rest }));\n};\nexport default withTheme(Divider);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ProgressCircle.
|
|
1
|
+
{"version":3,"sources":["ProgressCircle.tsx"],"names":["ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAiBA,MAAMA,cAA+B,GAAG,QAWlC;AAAA,MAXmC;AACvCC,IAAAA,QAAQ,GAAG,GAD4B;AAEvCC,IAAAA,KAFuC;AAGvCC,IAAAA,KAAK,GAAG,SAH+B;AAIvCC,IAAAA,IAAI,GAAG,GAJgC;AAKvCC,IAAAA,SAAS,GAAG,IAL2B;AAMvCC,IAAAA,aANuC;AAOvCC,IAAAA,SAAS,GAAG,MAP2B;AAQvCC,IAAAA,SARuC;AASvCC,IAAAA,SAAS,GAAG,CAT2B;AAUvCC,IAAAA;AAVuC,GAWnC;AACJ,QAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWZ,QAAQ,GAAG,GAAtB,CAApB;AAEA,QAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAN,CAAaC,OAAxC;AACA,QAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAN,CAAaG,SAAtD;AAEA,sBACE,oBAAC,iCAAD;AACE,IAAA,IAAI,EAAEd,IADR;AAEE,IAAA,KAAK,EAAEK,SAFT;AAGE,IAAA,eAAe,EAAEA,SAHnB;AAIE,IAAA,IAAI,EAAEE,WAJR;AAKE,IAAA,SAAS,EAAEG,SALb;AAME,IAAA,eAAe,EAAEG,eANnB;AAOE,IAAA,QAAQ,EAAE,CAPZ;AAQE,IAAA,OAAO,EAAEV,SARX;AASE,IAAA,KAAK,EAAEL;AATT,KAWIiB,IAAD,IACCd,SAAS,gBACP,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAAC;AAAEe,MAAAA,QAAQ,EAAEhB,IAAI,GAAG,KAAnB;AAA0BD,MAAAA,KAAK,EAAEW;AAAjC,KAAD,EAA+CN,SAA/C;AADT,KAGGI,IAAI,CAACC,KAAL,CAAWM,IAAX,CAHH,MADO,GAML,IAlBR,CADF;AAuBD,CAxCD;;eA0Ce,wBAAUnB,cAAV,C","sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n progress?: number;\n style?: StyleProp<ViewStyle>;\n color?: colorTypes;\n size?: number;\n showsText?: boolean;\n unfilledColor?: colorTypes;\n strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n textStyle?: StyleProp<TextStyle>;\n thickness?: number;\n theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<Props> = ({\n progress = 0.5,\n style,\n color = \"primary\",\n size = 100,\n showsText = true,\n unfilledColor,\n strokeCap = \"butt\",\n textStyle,\n thickness = 1,\n theme,\n}) => {\n const progressNum = Math.round(progress * 100);\n\n const tintColor = color || theme.colors.primary;\n const backgroundColor = unfilledColor || theme.colors.secondary;\n\n return (\n <AnimatedCircularProgress\n size={size}\n width={thickness}\n backgroundWidth={thickness}\n fill={progressNum}\n tintColor={tintColor}\n backgroundColor={backgroundColor}\n rotation={0}\n lineCap={strokeCap}\n style={style}\n >\n {(fill) =>\n showsText ? (\n <Text\n style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n >\n {Math.round(fill)}%\n </Text>\n ) : null\n }\n </AnimatedCircularProgress>\n );\n};\n\nexport default withTheme(ProgressCircle);\n"]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -207,12 +207,6 @@ Object.defineProperty(exports, "Link", {
|
|
|
207
207
|
return _Text.Link;
|
|
208
208
|
}
|
|
209
209
|
});
|
|
210
|
-
Object.defineProperty(exports, "Markdown", {
|
|
211
|
-
enumerable: true,
|
|
212
|
-
get: function () {
|
|
213
|
-
return _Markdown.default;
|
|
214
|
-
}
|
|
215
|
-
});
|
|
216
210
|
Object.defineProperty(exports, "NumberInput", {
|
|
217
211
|
enumerable: true,
|
|
218
212
|
get: function () {
|
|
@@ -502,8 +496,6 @@ var _Stepper = _interopRequireDefault(require("./components/Stepper"));
|
|
|
502
496
|
|
|
503
497
|
var _useAuthState = require("./components/useAuthState");
|
|
504
498
|
|
|
505
|
-
var _Markdown = _interopRequireDefault(require("./components/Markdown"));
|
|
506
|
-
|
|
507
499
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
508
500
|
|
|
509
501
|
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; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AASA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","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 { 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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AudioPlayer.
|
|
1
|
+
{"version":3,"sources":["AudioPlayer.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","props","source","group","GROUPS","data","label","editable","required","defaultValue","formType","FORM_TYPES","sourceUrl","propType","PROP_TYPES","OBJECT"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,cADiB;AAEvBC,EAAAA,GAAG,EAAE,aAFkB;AAGvBC,EAAAA,WAAW,EAAE,2CAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAEC,cAAOC,IADR;AAENC,MAAAA,KAAK,EAAE,QAFD;AAGNV,MAAAA,WAAW,EAAE,oCAHP;AAINW,MAAAA,QAAQ,EAAE,IAJJ;AAKNC,MAAAA,QAAQ,EAAE,IALJ;AAMNC,MAAAA,YAAY,EACV,+DAPI;AAQNC,MAAAA,QAAQ,EAAEC,kBAAWC,SARf;AASNC,MAAAA,QAAQ,EAAEC,kBAAWC;AATf;AADH;AANgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Audio Player\",\n tag: \"AudioPlayer\",\n description: \"Given a source URL, plays sounds & audio!\",\n category: COMPONENT_TYPES.media,\n layout: {},\n props: {\n source: {\n group: GROUPS.data,\n label: \"Source\",\n description: \"The source URL for the audio file.\",\n editable: true,\n required: true,\n defaultValue:\n \"https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3\",\n formType: FORM_TYPES.sourceUrl,\n propType: PROP_TYPES.OBJECT,\n },\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CustomCode.
|
|
1
|
+
{"version":3,"sources":["CustomCode.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","data","props"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,8CAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,IAJH;AAKvBC,EAAAA,KAAK,EAAE;AALgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Custom Code\",\n tag: \"CustomCode\",\n description: \"A component that allows usage of custom code\",\n category: COMPONENT_TYPES.data,\n props: {},\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FAB.
|
|
1
|
+
{"version":3,"sources":["FAB.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","description","layout","triggers","Triggers","OnPress","props","onPress","disabled","label","group","GROUPS","basic","loading","iconName","defaultValue","iconColor","bgColor","size"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,KADiB;AAEvBC,EAAAA,GAAG,EAAE,KAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MAHH;AAIvBC,EAAAA,WAAW,EAAE,uBAJU;AAKvBC,EAAAA,MAAM,EAAE,EALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,OAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,8BADJ;AAELC,IAAAA,QAAQ,EAAE,2BAAe;AACvBC,MAAAA,KAAK,EAAE,UADgB;AAEvBC,MAAAA,KAAK,EAAEC,cAAOC;AAFS,KAAf,CAFL;AAMLC,IAAAA,OAAO,EAAE,2BAAe;AACtBJ,MAAAA,KAAK,EAAE,SADe;AAEtBC,MAAAA,KAAK,EAAEC,cAAOC;AAFQ,KAAf,CANJ;AAULE,IAAAA,QAAQ,EAAE,2BAAe;AACvBL,MAAAA,KAAK,EAAE,MADgB;AAEvBM,MAAAA,YAAY,EAAE,IAFS;AAGvBL,MAAAA,KAAK,EAAEC,cAAOC;AAHS,KAAf,CAVL;AAeLI,IAAAA,SAAS,EAAE,4BAAgB;AACzBP,MAAAA,KAAK,EAAE,YADkB;AAEzBM,MAAAA,YAAY,EAAE,IAFW;AAGzBL,MAAAA,KAAK,EAAEC,cAAOC;AAHW,KAAhB,CAfN;AAoBLK,IAAAA,OAAO,EAAE,4BAAgB;AACvBR,MAAAA,KAAK,EAAE,kBADgB;AAEvBM,MAAAA,YAAY,EAAE,IAFS;AAGvBL,MAAAA,KAAK,EAAEC,cAAOC;AAHS,KAAhB,CApBJ;AAyBLM,IAAAA,IAAI,EAAE;AAzBD;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createColorProp,\n GROUPS,\n createBoolProp,\n createIconSizeProp,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"FAB\",\n tag: \"FAB\",\n category: COMPONENT_TYPES.button,\n description: \"A mini round icon FAB\",\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n disabled: createBoolProp({\n label: \"Disabled\",\n group: GROUPS.basic,\n }),\n loading: createBoolProp({\n label: \"Loading\",\n group: GROUPS.basic,\n }),\n iconName: createIconProp({\n label: \"Icon\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n iconColor: createColorProp({\n label: \"Icon color\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n bgColor: createColorProp({\n label: \"Background color\",\n defaultValue: null,\n group: GROUPS.basic,\n }),\n size: createIconSizeProp(),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LinearGradient.
|
|
1
|
+
{"version":3,"sources":["LinearGradient.ts"],"names":["SEED_DATA","name","tag","doc_link","code_link","category","COMPONENT_TYPES","layout","supports_list_render","props","colors","group","GROUPS","basic","label","description","editable","required","defaultValue","formType","FORM_TYPES","color"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,QAAQ,EAAE,2DAHa;AAIvBC,EAAAA,SAAS,EACP,wFALqB;AAMvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,MANH;AAOvBC,EAAAA,oBAAoB,EAAE,KAPC;AAQvBD,EAAAA,MAAM,EAAE,EARe;AASvBE,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAEC,cAAOC,KADR;AAENC,MAAAA,KAAK,EAAE,QAFD;AAGNC,MAAAA,WAAW,EAAE,uCAHP;AAINC,MAAAA,QAAQ,EAAE,IAJJ;AAKNC,MAAAA,QAAQ,EAAE,IALJ;AAMNC,MAAAA,YAAY,EAAE,IANR;AAONC,MAAAA,QAAQ,EAAEC,kBAAWC;AAPf;AADH;AATgB,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Linear Gradient\",\n tag: \"LinearGradient\",\n doc_link: \"https://docs.expo.io/versions/latest/sdk/linear-gradient/\",\n code_link:\n \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/LinearGradient.d.ts\",\n category: COMPONENT_TYPES.layout,\n supports_list_render: false,\n layout: {},\n props: {\n colors: {\n group: GROUPS.basic,\n label: \"Colors\",\n description: \"The colors required for your gradient\",\n editable: true,\n required: true,\n defaultValue: null,\n formType: FORM_TYPES.color,\n },\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Modal.
|
|
1
|
+
{"version":3,"sources":["Modal.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","visible","data","presentationStyle"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,OADiB;AAEvBC,EAAAA,GAAG,EAAE,OAFkB;AAGvBC,EAAAA,WAAW,EAAE,yBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE;AACbC,MAAAA,KAAK,EAAEC,cAAOC,KADD;AAEbC,MAAAA,KAAK,EAAE,gBAFM;AAGbT,MAAAA,WAAW,EAAE,gBAHA;AAIbU,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;AAKbC,MAAAA,QAAQ,EAAE,IALG;AAMbC,MAAAA,QAAQ,EAAE,KANG;AAObC,MAAAA,QAAQ,EAAEC,kBAAWC,SAPR;AAQbC,MAAAA,QAAQ,EAAEC,kBAAWC,MARR;AASbC,MAAAA,YAAY,EAAE;AATD,KADV;AAYLC,IAAAA,WAAW,EAAE,2BAAe;AAC1Bd,MAAAA,KAAK,EAAEC,cAAOC,KADY;AAE1BC,MAAAA,KAAK,EAAE,aAFmB;AAG1BT,MAAAA,WAAW,EACT;AAJwB,KAAf,CAZR;AAkBLqB,IAAAA,OAAO,EAAE,2BAAe;AACtBf,MAAAA,KAAK,EAAEC,cAAOe,IADQ;AAEtBb,MAAAA,KAAK,EAAE,SAFe;AAGtBT,MAAAA,WAAW,EAAE;AAHS,KAAf,CAlBJ;AAuBLuB,IAAAA,iBAAiB,EAAE;AACjBjB,MAAAA,KAAK,EAAEC,cAAOC,KADG;AAEjBC,MAAAA,KAAK,EAAE,oBAFU;AAGjBT,MAAAA,WAAW,EAAE,oBAHI;AAIjBU,MAAAA,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;AAKjBC,MAAAA,QAAQ,EAAE,IALO;AAMjBC,MAAAA,QAAQ,EAAE,KANO;AAOjBC,MAAAA,QAAQ,EAAEC,kBAAWC,SAPJ;AAQjBC,MAAAA,QAAQ,EAAEC,kBAAWC,MARJ;AASjBC,MAAAA,YAAY,EAAE;AATG;AAvBd;AALgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Modal\",\n tag: \"Modal\",\n description: \"A basic Modal Component\",\n category: COMPONENT_TYPES.container,\n props: {\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"none\",\n },\n transparent: createBoolProp({\n group: GROUPS.basic,\n label: \"Transparent\",\n description:\n \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n }),\n visible: createBoolProp({\n group: GROUPS.data,\n label: \"Visible\",\n description: \"Determines whether the modal is visible\",\n }),\n presentationStyle: {\n group: GROUPS.basic,\n label: \"Presentation Style\",\n description: \"Presentation Style\",\n options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RadioButtonRow.
|
|
1
|
+
{"version":3,"sources":["RadioButtonRow.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,kBADe;AAErBC,EAAAA,GAAG,EAAE,gBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,2BAAe;AAClBA,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,qCAFK;AAGlBC,MAAAA,QAAQ,EAAE,IAHQ;AAIlBC,MAAAA,YAAY,EAAE;AAJI,KAAf,CADJ;AAOHC,IAAAA,SAAS,EAAE,+BAAmB;AAC1BJ,MAAAA,KAAK,EAAE,WADmB;AAE1BC,MAAAA,WAAW,EAAE,8DAFa;AAG1BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAHiB,KAAnB,CAPR;AAYHC,IAAAA,KAAK,EAAE,2BAAe;AAClBN,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,2BAFK;AAGlBE,MAAAA,YAAY,EAAE,IAHI;AAIlBD,MAAAA,QAAQ,EAAE;AAJQ,KAAf,CAZJ;AAkBHK,IAAAA,KAAK,EAAE,4BAAgB;AACnBC,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBT,MAAAA,WAAW,EAAE,sBAFM;AAGnBE,MAAAA,YAAY,EAAE;AAHK,KAAhB,CAlBJ;AAuBHQ,IAAAA,eAAe,EAAE,4BAAgB;AAC7BH,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BV,MAAAA,KAAK,EAAE,kBAFsB;AAG7BC,MAAAA,WAAW,EAAE,iCAHgB;AAI7BE,MAAAA,YAAY,EAAE;AAJe,KAAhB;AAvBd;AALc,CAAlB","sourcesContent":["import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Radio Button Row\",\n tag: \"RadioButtonRow\",\n category: COMPONENT_TYPES.input,\n layout: {},\n props: {\n label: createTextProp({\n label: \"Label\",\n description: \"Label to show with the radio button\",\n required: true,\n defaultValue: \"First Option\",\n }),\n direction: createTextEnumProp({\n label: \"Direction\",\n description: \"Whether the checkbox will appear on the left or on the right\",\n options: [\"row\", \"row-reverse\"],\n }),\n value: createTextProp({\n label: \"Value\",\n description: \"Value of the radio button\",\n defaultValue: null,\n required: true,\n }),\n color: createColorProp({\n group: GROUPS.basic,\n description: \"Color for the button\",\n defaultValue: \"primary\",\n }),\n unselectedColor: createColorProp({\n group: GROUPS.basic,\n label: \"Unselected Color\",\n description: \"Unselected Color for the button\",\n defaultValue: \"primary\",\n }),\n },\n};\n"]}
|
|
@@ -47,13 +47,18 @@ function Carousel(_ref2) {
|
|
|
47
47
|
const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
|
|
48
48
|
const slides = Array.isArray(data) ? data : [];
|
|
49
49
|
const {
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
height,
|
|
51
|
+
marginLeft,
|
|
52
|
+
marginRight
|
|
52
53
|
} = StyleSheet.flatten(style || {});
|
|
53
|
-
const slideWidth = width || screenWidth;
|
|
54
54
|
const slideHeight = height || 250;
|
|
55
|
+
const containerWidth = screenWidth - (marginLeft ? Number(marginLeft) : 0) - (marginRight ? Number(marginRight) : 0);
|
|
55
56
|
return /*#__PURE__*/React.createElement(View, _extends({
|
|
56
|
-
style: [styles.container,
|
|
57
|
+
style: [styles.container, {
|
|
58
|
+
width: containerWidth,
|
|
59
|
+
height: slideHeight,
|
|
60
|
+
maxWidth: containerWidth
|
|
61
|
+
}, style]
|
|
57
62
|
}, rest), /*#__PURE__*/React.createElement(ScrollView, {
|
|
58
63
|
pagingEnabled: true,
|
|
59
64
|
horizontal: true,
|
|
@@ -77,7 +82,7 @@ function Carousel(_ref2) {
|
|
|
77
82
|
uri: item
|
|
78
83
|
} : item,
|
|
79
84
|
style: [{
|
|
80
|
-
width:
|
|
85
|
+
width: containerWidth,
|
|
81
86
|
height: slideHeight
|
|
82
87
|
}]
|
|
83
88
|
});
|
|
@@ -87,11 +92,12 @@ function Carousel(_ref2) {
|
|
|
87
92
|
const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
|
|
88
93
|
return /*#__PURE__*/React.createElement(View, {
|
|
89
94
|
style: {
|
|
90
|
-
width:
|
|
95
|
+
width: containerWidth
|
|
91
96
|
}
|
|
92
97
|
}, /*#__PURE__*/React.cloneElement(child, {
|
|
93
98
|
style: { ...s,
|
|
94
|
-
width:
|
|
99
|
+
width: containerWidth,
|
|
100
|
+
height: slideHeight
|
|
95
101
|
}
|
|
96
102
|
}));
|
|
97
103
|
})), /*#__PURE__*/React.createElement(Pager, {
|
|
@@ -103,7 +109,7 @@ function Carousel(_ref2) {
|
|
|
103
109
|
|
|
104
110
|
const styles = StyleSheet.create({
|
|
105
111
|
container: {
|
|
106
|
-
backgroundColor: "#
|
|
112
|
+
backgroundColor: "#eeeeee"
|
|
107
113
|
},
|
|
108
114
|
pager: {
|
|
109
115
|
position: "absolute",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Carousel.tsx"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","
|
|
1
|
+
{"version":3,"sources":["Carousel.tsx"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","marginLeft","marginRight","flatten","slideHeight","containerWidth","Number","container","maxWidth","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n ScrollView,\n View,\n StyleSheet,\n Dimensions,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n data?: any[];\n children?: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n dotColor?: string;\n};\n\nfunction Pager({\n color,\n index,\n length,\n}: {\n color: string;\n index: number;\n length: number;\n}) {\n return (\n <View style={styles.pager}>\n {Array.from({ length }).map((_, i) => {\n const current = index === i;\n const opacity = current ? 1 : 0.5;\n const size = current ? 10 : 8;\n return (\n <View\n key={i}\n style={[\n styles.bullet,\n { backgroundColor: color, opacity, width: size, height: size },\n ]}\n />\n );\n })}\n </View>\n );\n}\n\nfunction Carousel({\n data,\n children,\n dotColor = \"strong\",\n style,\n ...rest\n}: Props) {\n const [index, setIndex] = React.useState(0);\n\n const length = React.Children.count(children);\n const itemsLength = (data?.length ?? 0) + length;\n const slides = Array.isArray(data) ? data : [];\n\n const { height, marginLeft, marginRight } = StyleSheet.flatten(style || {});\n const slideHeight = height || 250;\n\n const containerWidth =\n screenWidth -\n (marginLeft ? Number(marginLeft) : 0) -\n (marginRight ? Number(marginRight) : 0);\n\n return (\n <View\n style={[\n styles.container,\n {\n width: containerWidth,\n height: slideHeight,\n maxWidth: containerWidth,\n },\n style,\n ]}\n {...rest}\n >\n <ScrollView\n pagingEnabled\n horizontal\n decelerationRate=\"fast\"\n scrollEventThrottle={200}\n showsHorizontalScrollIndicator={false}\n onScroll={({ nativeEvent }) => {\n const layoutWidth = nativeEvent.layoutMeasurement.width;\n const offset = nativeEvent.contentOffset.x;\n const currentIndex = Math.ceil(offset / layoutWidth);\n setIndex(currentIndex);\n }}\n >\n {slides.length > 0\n ? slides.map((item, i) => {\n return (\n <Image\n key={i}\n resizeMode=\"cover\"\n source={typeof item === \"string\" ? { uri: item } : item}\n style={[{ width: containerWidth, height: slideHeight }]}\n />\n );\n })\n : null}\n {React.Children.map(children, (child: any) => {\n const s = child?.props?.style || {};\n return (\n <View style={{ width: containerWidth }}>\n {React.cloneElement(child, {\n style: { ...s, width: containerWidth, height: slideHeight },\n })}\n </View>\n );\n })}\n </ScrollView>\n <Pager color={dotColor} index={index} length={itemsLength} />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: \"#eeeeee\",\n },\n pager: {\n position: \"absolute\",\n bottom: 12,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n bullet: {\n marginHorizontal: 2,\n width: 10,\n height: 10,\n borderRadius: 20,\n backgroundColor: \"#000\",\n },\n});\n\nexport default withTheme(Carousel);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CircularProgress.tsx"],"names":["React","View","Svg","Path","G","CircularProgress","Component","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","startAngle","endAngle","start","polarToCartesian","end","largeArcFlag","d","join","fill","min","max","render","size","width","backgroundWidth","tintColor","tintTransparency","backgroundColor","style","rotation","lineCap","arcSweepAngle","children","childrenContainerStyle","padding","renderCap","dashedBackground","gap","dashedTint","props","maxWidthCircle","sizeWithPadding","currentFillAngle","clampFill","backgroundPath","circlePath","circlePathItem","coordinate","cap","center","offset","localChildrenContainerStyle","position","left","top","height","borderRadius","alignItems","justifyContent","overflow","strokeDasharrayTint","Object","values","map","value","toString","strokeDasharrayBackground"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport { Svg, Path, G } from \"react-native-svg\";\n\nexport type Props = {\n size: number;\n width: number;\n backgroundWidth?: number;\n tintColor?: string;\n tintTransparency?: boolean;\n backgroundColor?: string;\n style?: StyleProp<ViewStyle>;\n rotation?: string | number | undefined;\n lineCap?: \"butt\" | \"square\" | \"round\" | undefined;\n arcSweepAngle?: number;\n fill: number;\n children?: (fill: number) => React.ReactNode;\n childrenContainerStyle?: StyleProp<ViewStyle>;\n padding?: number;\n renderCap?: (obj: { center: { x: number; y: number } }) => React.ReactNode;\n dashedBackground?: { width: number; gap: number };\n dashedTint?: { width: number; gap: number };\n};\n\nclass CircularProgress extends React.Component<Props> {\n polarToCartesian = (\n centerX: number,\n centerY: number,\n radius: number,\n angleInDegrees: number\n ): { x: number; y: number } => {\n var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;\n return {\n x: centerX + radius * Math.cos(angleInRadians),\n y: centerY + radius * Math.sin(angleInRadians),\n };\n };\n\n circlePath = (\n x: number,\n y: number,\n radius: number,\n startAngle: number,\n endAngle: number\n ): string => {\n var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);\n var end = this.polarToCartesian(x, y, radius, startAngle);\n var largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\n var d = [\n \"M\",\n start.x,\n start.y,\n \"A\",\n radius,\n radius,\n 0,\n largeArcFlag,\n 0,\n end.x,\n end.y,\n ];\n return d.join(\" \");\n };\n\n clampFill = (fill: number) => Math.min(100, Math.max(0, fill));\n\n render() {\n const {\n size,\n width,\n backgroundWidth,\n tintColor = \"black\",\n tintTransparency = true,\n backgroundColor,\n style,\n rotation = 90,\n lineCap = \"butt\",\n arcSweepAngle = 360,\n fill,\n children,\n childrenContainerStyle,\n padding = 0,\n renderCap,\n dashedBackground = { width: 0, gap: 0 },\n dashedTint = { width: 0, gap: 0 },\n } = this.props;\n\n const maxWidthCircle = backgroundWidth\n ? Math.max(width, backgroundWidth)\n : width;\n const sizeWithPadding = size / 2 + padding / 2;\n const radius = size / 2 - maxWidthCircle / 2 - padding / 2;\n\n const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;\n const backgroundPath = this.circlePath(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n tintTransparency ? 0 : currentFillAngle,\n arcSweepAngle\n );\n const circlePathItem = this.circlePath(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n 0,\n currentFillAngle\n );\n const coordinate = this.polarToCartesian(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n currentFillAngle\n );\n const cap = renderCap ? renderCap({ center: coordinate }) : null;\n\n const offset = size - maxWidthCircle * 2;\n\n const localChildrenContainerStyle: StyleProp<ViewStyle>[] = [\n {\n position: \"absolute\",\n left: maxWidthCircle + padding / 2,\n top: maxWidthCircle + padding / 2,\n width: offset,\n height: offset,\n borderRadius: offset / 2,\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n },\n childrenContainerStyle,\n ];\n\n const strokeDasharrayTint =\n dashedTint.gap > 0\n ? Object.values(dashedTint)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n\n const strokeDasharrayBackground =\n dashedBackground.gap > 0\n ? Object.values(dashedBackground)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n\n return (\n <View style={style}>\n <Svg width={size + padding} height={size + padding}>\n <G\n rotation={rotation}\n originX={(size + padding) / 2}\n originY={(size + padding) / 2}\n >\n {backgroundColor && (\n <Path\n d={backgroundPath}\n stroke={backgroundColor}\n strokeWidth={backgroundWidth || width}\n strokeLinecap={lineCap}\n strokeDasharray={strokeDasharrayBackground}\n fill=\"transparent\"\n />\n )}\n {fill > 0 && (\n <Path\n d={circlePathItem}\n stroke={tintColor}\n strokeWidth={width}\n strokeLinecap={lineCap}\n strokeDasharray={strokeDasharrayTint}\n fill=\"transparent\"\n />\n )}\n {cap}\n </G>\n </Svg>\n {children && (\n <View style={localChildrenContainerStyle}>{children(fill)}</View>\n )}\n </View>\n );\n }\n}\n\nexport default CircularProgress;\n"]}
|
|
1
|
+
{"version":3,"sources":["CircularProgress.js"],"names":["React","View","Svg","Path","G","CircularProgress","Component","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","startAngle","endAngle","start","polarToCartesian","end","largeArcFlag","d","join","fill","min","max","render","size","width","backgroundWidth","tintColor","tintTransparency","backgroundColor","style","rotation","lineCap","arcSweepAngle","children","childrenContainerStyle","padding","renderCap","dashedBackground","gap","dashedTint","props","maxWidthCircle","sizeWithPadding","currentFillAngle","clampFill","backgroundPath","circlePath","circlePathItem","coordinate","cap","center","offset","localChildrenContainerStyle","position","left","top","height","borderRadius","alignItems","justifyContent","overflow","strokeDasharrayTint","Object","values","map","value","toString","strokeDasharrayBackground","createElement","originX","originY","stroke","strokeWidth","strokeLinecap","strokeDasharray"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport { Svg, Path, G } from \"react-native-svg\";\nclass CircularProgress extends React.Component {\n polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {\n var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;\n return {\n x: centerX + radius * Math.cos(angleInRadians),\n y: centerY + radius * Math.sin(angleInRadians),\n };\n };\n circlePath = (x, y, radius, startAngle, endAngle) => {\n var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);\n var end = this.polarToCartesian(x, y, radius, startAngle);\n var largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\n var d = [\n \"M\",\n start.x,\n start.y,\n \"A\",\n radius,\n radius,\n 0,\n largeArcFlag,\n 0,\n end.x,\n end.y,\n ];\n return d.join(\" \");\n };\n clampFill = (fill) => Math.min(100, Math.max(0, fill));\n render() {\n const { size, width, backgroundWidth, tintColor = \"black\", tintTransparency = true, backgroundColor, style, rotation = 90, lineCap = \"butt\", arcSweepAngle = 360, fill, children, childrenContainerStyle, padding = 0, renderCap, dashedBackground = { width: 0, gap: 0 }, dashedTint = { width: 0, gap: 0 }, } = this.props;\n const maxWidthCircle = backgroundWidth\n ? Math.max(width, backgroundWidth)\n : width;\n const sizeWithPadding = size / 2 + padding / 2;\n const radius = size / 2 - maxWidthCircle / 2 - padding / 2;\n const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;\n const backgroundPath = this.circlePath(sizeWithPadding, sizeWithPadding, radius, tintTransparency ? 0 : currentFillAngle, arcSweepAngle);\n const circlePathItem = this.circlePath(sizeWithPadding, sizeWithPadding, radius, 0, currentFillAngle);\n const coordinate = this.polarToCartesian(sizeWithPadding, sizeWithPadding, radius, currentFillAngle);\n const cap = renderCap ? renderCap({ center: coordinate }) : null;\n const offset = size - maxWidthCircle * 2;\n const localChildrenContainerStyle = [\n {\n position: \"absolute\",\n left: maxWidthCircle + padding / 2,\n top: maxWidthCircle + padding / 2,\n width: offset,\n height: offset,\n borderRadius: offset / 2,\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n },\n childrenContainerStyle,\n ];\n const strokeDasharrayTint = dashedTint.gap > 0\n ? Object.values(dashedTint)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n const strokeDasharrayBackground = dashedBackground.gap > 0\n ? Object.values(dashedBackground)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n return (React.createElement(View, { style: style },\n React.createElement(Svg, { width: size + padding, height: size + padding },\n React.createElement(G, { rotation: rotation, originX: (size + padding) / 2, originY: (size + padding) / 2 },\n backgroundColor && (React.createElement(Path, { d: backgroundPath, stroke: backgroundColor, strokeWidth: backgroundWidth || width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayBackground, fill: \"transparent\" })),\n fill > 0 && (React.createElement(Path, { d: circlePathItem, stroke: tintColor, strokeWidth: width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayTint, fill: \"transparent\" })),\n cap)),\n children && (React.createElement(View, { style: localChildrenContainerStyle }, children(fill)))));\n }\n}\nexport default CircularProgress;\n"]}
|