@draftbit/core 44.0.6-136e97.1 → 44.1.1-65422c.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Swiper/Swiper.js +15 -6
- package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
- package/lib/commonjs/mappings/CardContainerShortImage.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheetCancel.js.map +1 -1
- package/lib/module/components/Card.js.map +1 -1
- package/lib/module/components/DeprecatedCardWrapper.js +2 -15
- package/lib/module/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/module/components/Portal/PortalHost.js.map +1 -1
- package/lib/module/components/Swiper/Swiper.js +15 -6
- package/lib/module/components/Swiper/Swiper.js.map +1 -1
- package/lib/module/theming.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Swiper/Swiper.js +10 -3
- package/src/components/Swiper/Swiper.tsx +12 -5
|
@@ -62,12 +62,21 @@ const Swiper = _ref => {
|
|
|
62
62
|
}
|
|
63
63
|
} : {})
|
|
64
64
|
}
|
|
65
|
-
}, data && renderItem ? data.map((item, index) =>
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
65
|
+
}, data && renderItem ? data.map((item, index) => {
|
|
66
|
+
const component = renderItem({
|
|
67
|
+
item,
|
|
68
|
+
index
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
if (!component) {
|
|
72
|
+
return null;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
76
|
+
return /*#__PURE__*/_react.default.cloneElement(component, {
|
|
77
|
+
key
|
|
78
|
+
});
|
|
79
|
+
}) : children));
|
|
71
80
|
};
|
|
72
81
|
|
|
73
82
|
var _default = Swiper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Swiper.
|
|
1
|
+
{"version":3,"sources":["Swiper.js"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","React","createElement","View","SwiperComponent","controlsProps","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,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,IAAzK;AAA+KC,IAAAA,YAA/K;AAA6LC,IAAAA,UAA7L;AAAyMC,IAAAA,QAAzM;AAAmNC,IAAAA;AAAnN,GAAD;AAAA,sBAAkOC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B;AAAEH,IAAAA,KAAK,EAAEA;AAAT,GAA1B,eAC7OC,eAAMC,aAAN,CAAoBE,6BAApB,EAAqC;AAAEhB,IAAAA,IAAI,EAAEA,IAAR;AAAcF,IAAAA,IAAI,EAAEA,IAApB;AAA0BC,IAAAA,OAAO,EAAEA,OAAnC;AAA4CF,IAAAA,QAAQ,EAAEA,QAAtD;AAAgEoB,IAAAA,aAAa,EAAE;AAC5GhB,MAAAA,SAD4G;AAE5GC,MAAAA,SAF4G;AAG5GgB,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAEhB;AAAT,OAH4F;AAI5GiB,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEf;AAAT,OAJ4F;AAK5GC,MAAAA,aAL4G;AAM5G,UAAIC,QAAQ,GACN;AAAEe,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAEjB;AAAnB;AAAd;AAAZ,OADM,GAEN,EAFN,CAN4G;AAS5G,UAAIC,cAAc,GACZ;AAAEiB,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAEhB;AAAnB;AAAlB,OADY,GAEZ,EAFN;AAT4G;AAA/E,GAArC,EAYSC,IAAI,IAAIE,UAAR,GACHF,IAAI,CAACiB,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACxB,UAAMC,SAAS,GAAGlB,UAAU,CAAC;AAAEgB,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAD,CAA5B;;AACA,QAAI,CAACC,SAAL,EAAgB;AACZ,aAAO,IAAP;AACH;;AACD,UAAMC,GAAG,GAAGpB,YAAY,GAAGA,YAAY,CAACiB,IAAD,EAAOC,KAAP,CAAf,GAA+BA,KAAvD;AACA,wBAAOd,eAAMiB,YAAN,CAAmBF,SAAnB,EAA8B;AACjCC,MAAAA;AADiC,KAA9B,CAAP;AAGH,GATC,CADG,GAWHlB,QAvBN,CAD6O,CAAlO;AAAA,CAAf;;eAyBef,M","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, data, keyExtractor, renderItem, 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 } }, data && renderItem\n ? data.map((item, index) => {\n const component = renderItem({ item, index });\n if (!component) {\n return null;\n }\n const key = keyExtractor ? keyExtractor(item, index) : index;\n return React.cloneElement(component, {\n key,\n });\n })\n : children)));\nexport default Swiper;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CardContainerShortImage.
|
|
1
|
+
{"version":3,"sources":["CardContainerShortImage.js"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","card","preview_image_url","supports_list_render","props","image","group","GROUPS","data","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","subtitle","aspectRatio","basic","elevation","mode","uncategorized","flatArray","options","layout"],"mappings":"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","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, } from \"@draftbit/types\";\nexport const SEED_DATA = [\n {\n name: \"Short Card (Left)\",\n tag: \"CardContainerShortImage\",\n description: \"An elevated card with a left aligned image and a title and subtitle\",\n category: COMPONENT_TYPES.card,\n preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png\",\n supports_list_render: true,\n props: {\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Title to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n aspectRatio: {\n group: GROUPS.basic,\n label: \"Aspect ratio\",\n description: \"Aspect ratio of the image\",\n formType: FORM_TYPES.aspectRatio,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n elevation: createElevationType(2),\n mode: {\n group: GROUPS.uncategorized,\n label: \"Image Side\",\n description: \"The side on which the image is on (left or right)\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"left\",\n options: [\"left\", \"right\"],\n editable: false,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Short Card (Right)\",\n tag: \"CardContainerShortImage\",\n description: \"An elevated card with a right aligned image and a title and subtitle\",\n category: COMPONENT_TYPES.card,\n preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerShortRightImage.png\",\n supports_list_render: true,\n props: {\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Image\",\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Title to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Beautiful West Coast Villa\",\n editable: true,\n required: false,\n },\n subtitle: {\n group: GROUPS.data,\n label: \"Subtitle\",\n description: \"Subtitle to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n elevation: createElevationType(2),\n mode: {\n label: \"Mode\",\n description: \"Mode\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"right\",\n editable: false,\n required: false,\n },\n },\n layout: {},\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RadioButtonGroup.
|
|
1
|
+
{"version":3,"sources":["RadioButtonGroup.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","fieldName","handlerPropName","valuePropName","defaultValue"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,oBADiB;AAEvBC,EAAAA,GAAG,EAAE,kBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,aAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,iCADN;AAELC,IAAAA,SAAS,EAAE,gCAAoB;AAC7BC,MAAAA,eAAe,EAAE,eADY;AAE7BC,MAAAA,aAAa,EAAE,OAFc;AAG7BC,MAAAA,YAAY,EAAE;AAHe,KAApB;AAFN;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createFieldNameProp,\n createDirectionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Radio Button Group\",\n tag: \"RadioButtonGroup\",\n category: COMPONENT_TYPES.input,\n layout: {},\n triggers: [Triggers.OnValueChange],\n props: {\n direction: createDirectionProp(),\n fieldName: createFieldNameProp({\n handlerPropName: \"onValueChange\",\n valuePropName: \"value\",\n defaultValue: \"radioButtonGroupValue\",\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ActionSheetCancel.
|
|
1
|
+
{"version":3,"sources":["ActionSheetCancel.js"],"names":["React","ActionSheetItem","ActionSheetCancel","label","color","style","onPress","createElement"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,MAA4B,mBAA5B;;AACA,MAAMC,iBAAiB,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAK,GAAG,QAAV;AAAoBC,IAAAA,KAApB;AAA2BC,IAAAA,KAA3B;AAAkCC,IAAAA;AAAlC,GAAiD;AACxE,sBAAQN,KAAK,CAACO,aAAN,CAAoBN,eAApB,EAAqC;AAAEE,IAAAA,KAAK,EAAEA,KAAT;AAAgBC,IAAAA,KAAK,EAAEA,KAAK,IAAI,SAAhC;AAA2CC,IAAAA,KAAK,EAAE,CAACA,KAAD,CAAlD;AAA2DC,IAAAA,OAAO,EAAEA;AAApE,GAArC,CAAR;AACH,CAFD;;AAGA,eAAeJ,iBAAf","sourcesContent":["import React from \"react\";\nimport ActionSheetItem from \"./ActionSheetItem\";\nconst ActionSheetCancel = ({ label = \"Cancel\", color, style, onPress, }) => {\n return (React.createElement(ActionSheetItem, { label: label, color: color || \"#FF453A\", style: [style], onPress: onPress }));\n};\nexport default ActionSheetCancel;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Card.
|
|
1
|
+
{"version":3,"sources":["Card.js"],"names":["React","StyleSheet","View","Pressable","Image","Surface","Title","Subtitle","Caption","withTheme","Config","ICON_SIZE","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","createElement","style","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","disabled","pressed","opacity","name","size","color","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","flatten","innerPadding","source","uri","resizeMode","text","marginTop"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { StyleSheet, View, Pressable, } from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\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;\nexport const TopRightCircleIcon = withTheme(({ Icon, icon, theme, onPress, }) => {\n return (React.createElement(Surface, { 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 React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n } },\n React.createElement(Icon, { name: icon, size: ICON_SIZE, color: theme.colors.surface }))));\n});\nconst Card = ({ Icon, image = Config.cardImageUrl, title, subtitle, description, textCentered, icon, aspectRatio = 1.5, elevation = 2, style, onPress, onPressIcon, titleStyle, subtitleStyle, descriptionStyle, theme, children, }) => {\n const { backgroundColor: bgColor, padding, ...styles } = StyleSheet.flatten(style || {});\n const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n const innerPadding = padding ? padding : 12;\n return (React.createElement(Surface, { style: [{ elevation, backgroundColor }, styles] },\n React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n return [\n {\n opacity: pressed ? 0.8 : 1,\n },\n ];\n } },\n React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n React.createElement(View, { style: { padding: innerPadding } },\n React.createElement(View, { style: { alignItems: textCentered ? \"center\" : \"flex-start\" } },\n title || (title && title !== \"\") ? (React.createElement(Title, { text: title, style: titleStyle })) : null,\n subtitle || (subtitle && subtitle !== \"\") ? (React.createElement(Subtitle, { text: subtitle, style: subtitleStyle })) : null,\n description || (description && description !== \"\") ? (React.createElement(View, { style: { marginTop: 4 } },\n React.createElement(Caption, { text: description, style: descriptionStyle }))) : null,\n children)),\n icon ? (React.createElement(TopRightCircleIcon, { Icon: Icon, icon: icon, onPress: onPressIcon })) : null)));\n};\nexport default withTheme(Card);\n"]}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
import React from "react";
|
|
2
4
|
import { withTheme } from "../theming";
|
|
3
5
|
import Touchable from "./Touchable";
|
|
@@ -24,21 +26,6 @@ const Card = _ref => {
|
|
|
24
26
|
...rest
|
|
25
27
|
} = _ref;
|
|
26
28
|
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);
|
|
42
29
|
return /*#__PURE__*/React.createElement(Touchable, _extends({
|
|
43
30
|
disabled: !onPress,
|
|
44
31
|
onPress: onPress,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DeprecatedCardWrapper.
|
|
1
|
+
{"version":3,"sources":["DeprecatedCardWrapper.tsx"],"names":["React","withTheme","Touchable","getWidth","numColumns","Card","children","onPress","style","rest","width"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,SAAP,MAAsB,aAAtB;;AAYA,MAAMC,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,oBAAC,SAAD;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;;AAoBA,eAAeL,SAAS,CAACI,IAAD,CAAxB","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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PortalHost.
|
|
1
|
+
{"version":3,"sources":["PortalHost.js"],"names":["React","View","StyleSheet","PortalManager","PortalContext","createContext","PortalHost","Component","manager","children","key","nextKey","mount","queue","push","type","update","op","index","findIndex","o","unmount","componentDidMount","length","action","pop","render","createElement","Provider","value","style","styles","container","collapsable","pointerEvents","props","ref","setManager","create","flex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport PortalManager from \"./PortalManager\";\nexport const PortalContext = React.createContext(null);\n/**\n * Portal host renders all of its children `Portal` elements.\n * For example, you can wrap a screen in `Portal.Host` to render items above the screen.\n * If you're using the `Provider` component, it already includes `Portal.Host`.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Text } from 'react-native';\n * import { Portal } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal.Host>\n * <Text>Content of the app</Text>\n * </Portal.Host>\n * );\n * }\n * }\n * ```\n *\n * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.\n */\nexport default class PortalHost extends React.Component {\n static displayName = \"Portal.Host\";\n componentDidMount() {\n const manager = this.manager;\n const queue = this.queue;\n while (queue.length && manager) {\n const action = queue.pop();\n if (action) {\n switch (action.type) {\n case \"mount\":\n manager.mount(action.key, action.children);\n break;\n case \"update\":\n manager.update(action.key, action.children);\n break;\n case \"unmount\":\n manager.unmount(action.key);\n break;\n }\n }\n }\n }\n setManager = (manager) => {\n this.manager = manager;\n };\n mount = (children) => {\n const key = this.nextKey++;\n if (this.manager) {\n this.manager.mount(key, children);\n }\n else {\n this.queue.push({ type: \"mount\", key, children });\n }\n return key;\n };\n update = (key, children) => {\n if (this.manager) {\n this.manager.update(key, children);\n }\n else {\n const op = { type: \"mount\", key, children };\n const index = this.queue.findIndex((o) => o.type === \"mount\" || (o.type === \"update\" && o.key === key));\n if (index > -1) {\n // @ts-ignore\n this.queue[index] = op;\n }\n else {\n this.queue.push(op);\n }\n }\n };\n unmount = (key) => {\n if (this.manager) {\n this.manager.unmount(key);\n }\n else {\n this.queue.push({ type: \"unmount\", key });\n }\n };\n nextKey = 0;\n queue = [];\n manager;\n render() {\n return (React.createElement(PortalContext.Provider, { value: {\n mount: this.mount,\n update: this.update,\n unmount: this.unmount,\n } },\n React.createElement(View, { style: styles.container, collapsable: false, pointerEvents: \"box-none\" }, this.props.children),\n React.createElement(PortalManager, { ref: this.setManager })));\n }\n}\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n"]}
|
|
@@ -51,12 +51,21 @@ const Swiper = _ref => {
|
|
|
51
51
|
}
|
|
52
52
|
} : {})
|
|
53
53
|
}
|
|
54
|
-
}, data && renderItem ? data.map((item, index) =>
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
}, data && renderItem ? data.map((item, index) => {
|
|
55
|
+
const component = renderItem({
|
|
56
|
+
item,
|
|
57
|
+
index
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
if (!component) {
|
|
61
|
+
return null;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
65
|
+
return /*#__PURE__*/React.cloneElement(component, {
|
|
66
|
+
key
|
|
67
|
+
});
|
|
68
|
+
}) : children));
|
|
60
69
|
};
|
|
61
70
|
|
|
62
71
|
export default Swiper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","
|
|
1
|
+
{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAqBA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,IAZc;AAadC,IAAAA,YAbc;AAcdC,IAAAA,UAdc;AAedC,IAAAA,QAfc;AAgBdC,IAAAA;AAhBc,GAAD;AAAA,sBAkBb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEZ,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbW,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAEX;AAAT,OAHH;AAIbY,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEV;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEU,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAEZ;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAEY,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAEX;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,IAAI,IAAIE,UAAR,GACGF,IAAI,CAACY,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACxB,UAAMC,SAAS,GAAGb,UAAU,CAAC;AAAEW,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAD,CAA5B;;AAEA,QAAI,CAACC,SAAL,EAAgB;AACd,aAAO,IAAP;AACD;;AAED,UAAMC,GAAG,GAAGf,YAAY,GAAGA,YAAY,CAACY,IAAD,EAAOC,KAAP,CAAf,GAA+BA,KAAvD;AACA,wBAAO7B,KAAK,CAACgC,YAAN,CAAmBF,SAAnB,EAA8B;AACnCC,MAAAA;AADmC,KAA9B,CAAP;AAGD,GAXD,CADH,GAaGb,QAhCN,CADF,CAlBa;AAAA,CAAf;;AAwDA,eAAef,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n prevTitleColor?: string;\n nextTitleColor?: string;\n dotsTouchable?: boolean;\n dotColor?: string;\n dotActiveColor?: string;\n children: React.ReactNode;\n data?: Array<T>;\n keyExtractor: (item: T, index: number) => string;\n renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n prevTitleColor,\n nextTitleColor,\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n data,\n keyExtractor,\n renderItem,\n children,\n style,\n}: SwiperProps<any>) => (\n <View style={style}>\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n 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 }}\n >\n {data && renderItem\n ? data.map((item, index) => {\n const component = renderItem({ item, index });\n\n if (!component) {\n return null;\n }\n\n const key = keyExtractor ? keyExtractor(item, index) : index;\n return React.cloneElement(component, {\n key,\n });\n })\n : children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["theming.
|
|
1
|
+
{"version":3,"sources":["theming.js"],"names":["createTheming","DefaultTheme","ThemeProvider","withTheme","useTheme"],"mappings":"AAAA,SAASA,aAAT,QAA8B,gCAA9B;AACA,OAAOC,YAAP,MAAyB,uBAAzB;AACA,OAAO,MAAM;AAAEC,EAAAA,aAAF;AAAiBC,EAAAA,SAAjB;AAA4BC,EAAAA;AAA5B,IAAyCJ,aAAa,CAACC,YAAD,CAA5D","sourcesContent":["import { createTheming } from \"@draftbit/react-theme-provider\";\nimport DefaultTheme from \"./styles/DefaultTheme\";\nexport const { ThemeProvider, withTheme, useTheme } = createTheming(DefaultTheme);\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "44.
|
|
3
|
+
"version": "44.1.1-65422c.0+65422c64",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^44.0
|
|
44
|
+
"@draftbit/types": "^44.1.0",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.1.7",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
]
|
|
81
81
|
]
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "65422c64b25d69b6cd4806888a1cf6d19b0b66a3"
|
|
84
84
|
}
|
|
@@ -15,8 +15,15 @@ const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTit
|
|
|
15
15
|
? { dotActiveStyle: { backgroundColor: dotActiveColor } }
|
|
16
16
|
: {}),
|
|
17
17
|
} }, data && renderItem
|
|
18
|
-
? data.map((item, index) =>
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
? data.map((item, index) => {
|
|
19
|
+
const component = renderItem({ item, index });
|
|
20
|
+
if (!component) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
24
|
+
return React.cloneElement(component, {
|
|
25
|
+
key,
|
|
26
|
+
});
|
|
27
|
+
})
|
|
21
28
|
: children)));
|
|
22
29
|
export default Swiper;
|
|
@@ -60,11 +60,18 @@ const Swiper = ({
|
|
|
60
60
|
}}
|
|
61
61
|
>
|
|
62
62
|
{data && renderItem
|
|
63
|
-
? data.map((item, index) =>
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
63
|
+
? data.map((item, index) => {
|
|
64
|
+
const component = renderItem({ item, index });
|
|
65
|
+
|
|
66
|
+
if (!component) {
|
|
67
|
+
return null;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
71
|
+
return React.cloneElement(component, {
|
|
72
|
+
key,
|
|
73
|
+
});
|
|
74
|
+
})
|
|
68
75
|
: children}
|
|
69
76
|
</SwiperComponent>
|
|
70
77
|
</View>
|