@draftbit/core 43.3.4-f04c6f.2 → 43.3.4-f1cc30.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/Swiper/Swiper.js +19 -1
- package/lib/commonjs/components/Swiper/Swiper.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/Icon.js.map +1 -1
- package/lib/commonjs/mappings/LinearGradient.js.map +1 -1
- package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/commonjs/mappings/SafeAreaView.js.map +1 -1
- package/lib/commonjs/mappings/Swiper.js +14 -0
- package/lib/commonjs/mappings/Swiper.js.map +1 -1
- package/lib/commonjs/mappings/TextArea.js +1 -3
- package/lib/commonjs/mappings/TextArea.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.ios.js +10 -29
- package/lib/module/components/Picker/PickerComponent.ios.js.map +1 -1
- package/lib/module/components/Swiper/Swiper.js +19 -1
- package/lib/module/components/Swiper/Swiper.js.map +1 -1
- package/lib/module/mappings/Picker.js.map +1 -1
- package/lib/module/mappings/Swiper.js +15 -1
- package/lib/module/mappings/Swiper.js.map +1 -1
- package/lib/module/mappings/TextArea.js +1 -3
- package/lib/module/mappings/TextArea.js.map +1 -1
- package/lib/typescript/src/components/Swiper/Swiper.d.ts +5 -1
- package/lib/typescript/src/mappings/Swiper.d.ts +40 -0
- package/lib/typescript/src/mappings/TextArea.d.ts +0 -2
- package/package.json +3 -3
- package/src/components/Swiper/Swiper.js +5 -1
- package/src/components/Swiper/Swiper.tsx +12 -0
- package/src/mappings/Swiper.js +15 -1
- package/src/mappings/Swiper.ts +15 -0
- package/src/mappings/TextArea.js +0 -2
- package/src/mappings/TextArea.ts +0 -2
|
@@ -21,7 +21,11 @@ const Swiper = _ref => {
|
|
|
21
21
|
from = 0,
|
|
22
22
|
prevTitle = "",
|
|
23
23
|
nextTitle = "",
|
|
24
|
+
prevTitleColor = "red",
|
|
25
|
+
nextTitleColor = "blue",
|
|
24
26
|
dotsTouchable = true,
|
|
27
|
+
dotColor,
|
|
28
|
+
dotActiveColor,
|
|
25
29
|
children,
|
|
26
30
|
style
|
|
27
31
|
} = _ref;
|
|
@@ -35,7 +39,21 @@ const Swiper = _ref => {
|
|
|
35
39
|
controlsProps: {
|
|
36
40
|
prevTitle,
|
|
37
41
|
nextTitle,
|
|
38
|
-
|
|
42
|
+
prevTitleStyle: {
|
|
43
|
+
color: prevTitleColor
|
|
44
|
+
},
|
|
45
|
+
nextTitleStyle: {
|
|
46
|
+
color: nextTitleColor
|
|
47
|
+
},
|
|
48
|
+
dotsTouchable,
|
|
49
|
+
dotActiveStyle: {
|
|
50
|
+
backgroundColor: dotActiveColor
|
|
51
|
+
},
|
|
52
|
+
dotProps: {
|
|
53
|
+
badgeStyle: {
|
|
54
|
+
backgroundColor: dotColor
|
|
55
|
+
}
|
|
56
|
+
}
|
|
39
57
|
}
|
|
40
58
|
}, children));
|
|
41
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Swiper.tsx"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;
|
|
1
|
+
{"version":3,"sources":["Swiper.tsx"],"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotActiveStyle","backgroundColor","dotProps","badgeStyle"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAkBA,MAAMA,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,cAAc,GAAG,KAPH;AAQdC,IAAAA,cAAc,GAAG,MARH;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,6BAAC,6BAAD;AACE,IAAA,IAAI,EAAET,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;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,eAAe,EAAEP;AAAnB,OANH;AAObQ,MAAAA,QAAQ,EAAE;AAAEC,QAAAA,UAAU,EAAE;AAAEF,UAAAA,eAAe,EAAER;AAAnB;AAAd;AAPG;AALjB,KAeGE,QAfH,CADF,CAfa;AAAA,CAAf;;eAoCeZ,M","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\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 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 = \"red\",\n nextTitleColor = \"blue\",\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n children,\n style,\n}: SwiperProps) => (\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 dotActiveStyle: { backgroundColor: dotActiveColor },\n dotProps: { badgeStyle: { backgroundColor: dotColor } },\n }}\n >\n {children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\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":["Icon.
|
|
1
|
+
{"version":3,"sources":["Icon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","color","size","group","GROUPS","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,4BADD;AAELQ,IAAAA,KAAK,EAAE,6BAFF;AAGLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBC,MAAAA,KAAK,EAAEC,cAAON,KADO;AAErBO,MAAAA,KAAK,EAAE,MAFc;AAGrBV,MAAAA,WAAW,EAAE,+BAHQ;AAIrBW,MAAAA,YAAY,EAAE,EAJO;AAKrBC,MAAAA,GAAG,EAAE,EALgB;AAMrBC,MAAAA,GAAG,EAAE,GANgB;AAOrBC,MAAAA,IAAI,EAAE,CAPe;AAQrBC,MAAAA,SAAS,EAAE;AARU,KAAjB;AAHD;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: createIconProp(),\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: 16,\n max: 128,\n step: 1,\n precision: 0,\n }),\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":["RowBodyIcon.
|
|
1
|
+
{"version":3,"sources":["RowBodyIcon.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","row","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","icon","basic","ASSET","layout","subtitle"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,2BADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EAAE,4DAHf;AAIEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAJ5B;AAKEC,EAAAA,iBAAiB,EAAE,8CALrB;AAMEC,EAAAA,oBAAoB,EAAE,IANxB;AAOEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,iBAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAEC,cAAOa,KADV;AAEJX,MAAAA,KAAK,EAAE,MAFH;AAGJX,MAAAA,WAAW,EAAE,iBAHT;AAIJY,MAAAA,QAAQ,EAAEC,kBAAWQ,IAJjB;AAKJN,MAAAA,QAAQ,EAAEC,kBAAWO,KALjB;AAMJL,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN;AAXD,GAPT;AA6BEI,EAAAA,MAAM,EAAE;AA7BV,CADuB,EAgCvB;AACE1B,EAAAA,IAAI,EAAE,2BADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,WAAW,EACT,8EAJJ;AAKEC,EAAAA,QAAQ,EAAEC,uBAAgBC,GAL5B;AAMEC,EAAAA,iBAAiB,EAAE,8CANrB;AAOEC,EAAAA,oBAAoB,EAAE,IAPxB;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,MAAAA,KAAK,EAAE,OAFF;AAGLX,MAAAA,WAAW,EAAE,iBAHR;AAILY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJhB;AAKLC,MAAAA,QAAQ,EAAEC,kBAAWC,MALhB;AAMLC,MAAAA,YAAY,EAAE,4BANT;AAOLC,MAAAA,QAAQ,EAAE,IAPL;AAQLC,MAAAA,QAAQ,EAAE;AARL,KADF;AAWLK,IAAAA,QAAQ,EAAE;AACRjB,MAAAA,KAAK,EAAEC,cAAOC,IADN;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRX,MAAAA,WAAW,EAAE,0BAHL;AAIRY,MAAAA,QAAQ,EAAEC,kBAAWC,MAJb;AAKRC,MAAAA,QAAQ,EAAEC,kBAAWC,MALb;AAMRC,MAAAA,YAAY,EAAE,WANN;AAORC,MAAAA,QAAQ,EAAE,IAPF;AAQRC,MAAAA,QAAQ,EAAE;AARF,KAXL;AAqBLC,IAAAA,IAAI,EAAE;AACJb,MAAAA,KAAK,EAAEC,cAAOa,KADV;AAEJX,MAAAA,KAAK,EAAE,MAFH;AAGJX,MAAAA,WAAW,EAAE,iBAHT;AAIJY,MAAAA,QAAQ,EAAEC,kBAAWQ,IAJjB;AAKJN,MAAAA,QAAQ,EAAEC,kBAAWO,KALjB;AAMJL,MAAAA,YAAY,EAAE,IANV;AAOJC,MAAAA,QAAQ,EAAE,IAPN;AAQJC,MAAAA,QAAQ,EAAE;AARN;AArBD,GART;AAwCEI,EAAAA,MAAM,EAAE;AAxCV,CAhCuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Body Icon\",\n tag: \"RowBodyIcon\",\n description: \"A row with left aligned body text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_SingleLine_BodyIcon.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Text 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 icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n {\n name: \"Row Double Line Body Icon\",\n tag: \"RowBodyIcon\",\n description:\n \"A row with left aligned body text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n preview_image_url: \"{CLOUDINARY_URL}/Row_DoubleLine_BodyIcon.png\",\n supports_list_render: true,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Text 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 text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"San Diego\",\n editable: true,\n required: false,\n },\n icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n },\n layout: {},\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowHeadlineImageIcon.
|
|
1
|
+
{"version":3,"sources":["RowHeadlineImageIcon.ts"],"names":["SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","COMPONENT_TYPES","row","layout","props","image","subtitle","multilineSubtitle"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createImageProp,\n createStaticBoolProp,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n title: createTextProp({\n label: \"Title\",\n description: \"Headline text to display\",\n }),\n icon: createIconProp({\n defaultValue: null,\n }),\n};\n\nconst IMAGE_PROP = createImageProp();\nconst MULTILINE_PROP = createStaticBoolProp({\n defaultValue: true,\n editable: false,\n});\nconst SUBTITLE_PROP = createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue: \"San Diego\",\n});\n\nexport const SEED_DATA = [\n {\n name: \"Row Single Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n },\n },\n {\n name: \"Row Single Line Headline Icon Image\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned image and headline text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Double Line Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n subtitle: SUBTITLE_PROP,\n },\n },\n {\n name: \"Row Multiline Headline Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned headline text and multiline subtitle text and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n {\n name: \"Row Multiline Headline Image Icon\",\n tag: \"RowHeadlineImageIcon\",\n description:\n \"A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon\",\n category: COMPONENT_TYPES.row,\n layout: {},\n props: {\n ...SEED_DATA_PROPS,\n image: IMAGE_PROP,\n multilineSubtitle: MULTILINE_PROP,\n subtitle: createTextProp({\n label: \"Subtitle\",\n description: \"Subtitle text to display\",\n defaultValue:\n \"San Diego is a city on the Pacific coast of California known for its beaches, parks and warm climate\",\n }),\n },\n },\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["SafeAreaView.
|
|
1
|
+
{"version":3,"sources":["SafeAreaView.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","props","edges","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","defaultValue","mode"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,cADiB;AAEvBC,EAAAA,GAAG,EAAE,cAFkB;AAGvBC,EAAAA,WAAW,EAAE,qCAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEC,cAAOC,KADT;AAELV,MAAAA,IAAI,EAAE,OAFD;AAGLW,MAAAA,KAAK,EAAE,OAHF;AAILT,MAAAA,WAAW,EAAE,6CAJR;AAKLU,MAAAA,QAAQ,EAAE,IALL;AAMLC,MAAAA,QAAQ,EAAE,KANL;AAOLC,MAAAA,QAAQ,EAAEC,kBAAWC,SAPhB;AAQLC,MAAAA,QAAQ,EAAEC,kBAAWC,MARhB;AASLC,MAAAA,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B,CATJ;AAULC,MAAAA,YAAY,EAAE,CAAC,OAAD,EAAU,QAAV,EAAoB,MAApB,EAA4B,KAA5B;AAVT,KADF;AAaLC,IAAAA,IAAI,EAAE;AACJd,MAAAA,KAAK,EAAEC,cAAOC,KADV;AAEJV,MAAAA,IAAI,EAAE,MAFF;AAGJW,MAAAA,KAAK,EAAE,MAHH;AAIJT,MAAAA,WAAW,EAAE,6BAJT;AAKJU,MAAAA,QAAQ,EAAE,IALN;AAMJC,MAAAA,QAAQ,EAAE,KANN;AAOJO,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ,CAPL;AAQJN,MAAAA,QAAQ,EAAEC,kBAAWC,SARjB;AASJC,MAAAA,QAAQ,EAAEC,kBAAWC,MATjB;AAUJE,MAAAA,YAAY,EAAE;AAVV;AAbD;AALgB,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: \"SafeAreaView\",\n tag: \"SafeAreaView\",\n description: \"A basic View that handles safe area\",\n category: COMPONENT_TYPES.deprecated,\n props: {\n edges: {\n group: GROUPS.basic,\n name: \"edges\",\n label: \"edges\",\n description: \"Provides edges to be used by safe area view\",\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"right\", \"bottom\", \"left\", \"top\"],\n defaultValue: [\"right\", \"bottom\", \"left\", \"top\"],\n },\n mode: {\n group: GROUPS.basic,\n name: \"mode\",\n label: \"mode\",\n description: \"Mode used by safe area view\",\n editable: true,\n required: false,\n options: [\"padding\", \"margin\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"padding\",\n },\n },\n};\n"]}
|
|
@@ -45,6 +45,20 @@ const SEED_DATA = {
|
|
|
45
45
|
label: "Next Title",
|
|
46
46
|
defaultValue: ""
|
|
47
47
|
}),
|
|
48
|
+
prevTitleColor: (0, _types.createColorProp)({
|
|
49
|
+
label: "Previous Title Color"
|
|
50
|
+
}),
|
|
51
|
+
nextTitleColor: (0, _types.createColorProp)({
|
|
52
|
+
label: "Next Title Color"
|
|
53
|
+
}),
|
|
54
|
+
dotColor: (0, _types.createColorProp)({
|
|
55
|
+
label: "Dot Color",
|
|
56
|
+
defaultValue: "light"
|
|
57
|
+
}),
|
|
58
|
+
dotActiveColor: (0, _types.createColorProp)({
|
|
59
|
+
label: "Dot Active Color",
|
|
60
|
+
defaultValue: "primary"
|
|
61
|
+
}),
|
|
48
62
|
dotsTouchable: (0, _types.createBoolProp)({
|
|
49
63
|
group: _types.GROUPS.basic,
|
|
50
64
|
label: "Dots Touchable",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Swiper.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","from","group","GROUPS","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","dotsTouchable"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"sources":["Swiper.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","layout","height","width","props","from","group","GROUPS","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,6BAAiB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAjB,CADD;AAKLC,IAAAA,IAAI,EAAE,2BAAe;AACnBJ,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAf,CALD;AASLE,IAAAA,OAAO,EAAE,6BAAiB;AACxBL,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAjB,CATJ;AAcLC,IAAAA,QAAQ,EAAE,2BAAe;AACvBP,MAAAA,KAAK,EAAEC,cAAOC,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAf,CAdL;AAmBLE,IAAAA,SAAS,EAAE,2BAAe;AACxBR,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAnBN;AAwBLG,IAAAA,SAAS,EAAE,2BAAe;AACxBT,MAAAA,KAAK,EAAEC,cAAOC,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAf,CAxBN;AA6BLI,IAAAA,cAAc,EAAE,4BAAgB;AAC9BP,MAAAA,KAAK,EAAE;AADuB,KAAhB,CA7BX;AAgCLQ,IAAAA,cAAc,EAAE,4BAAgB;AAC9BR,MAAAA,KAAK,EAAE;AADuB,KAAhB,CAhCX;AAmCLS,IAAAA,QAAQ,EAAE,4BAAgB;AACxBT,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAhB,CAnCL;AAuCLO,IAAAA,cAAc,EAAE,4BAAgB;AAC9BV,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAhB,CAvCX;AA2CLQ,IAAAA,aAAa,EAAE,2BAAe;AAC5Bd,MAAAA,KAAK,EAAEC,cAAOC,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAf;AA3CV;AATgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createNumberProp,\n createTextProp,\n createColorProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Swiper\",\n tag: \"Swiper\",\n description: \"Swiper container\",\n category: COMPONENT_TYPES.container,\n layout: {\n height: 300,\n width: \"100%\",\n },\n props: {\n from: createNumberProp({\n group: GROUPS.basic,\n label: \"Initial Slide\",\n }),\n loop: createBoolProp({\n group: GROUPS.basic,\n label: \"Loop\",\n }),\n timeout: createNumberProp({\n group: GROUPS.basic,\n label: \"Timeout\",\n defaultValue: 0,\n }),\n vertical: createBoolProp({\n group: GROUPS.basic,\n label: \"Vertical\",\n defaultValue: false,\n }),\n prevTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Previous Title\",\n defaultValue: \"\",\n }),\n nextTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Next Title\",\n defaultValue: \"\",\n }),\n prevTitleColor: createColorProp({\n label: \"Previous Title Color\",\n }),\n nextTitleColor: createColorProp({\n label: \"Next Title Color\",\n }),\n dotColor: createColorProp({\n label: \"Dot Color\",\n defaultValue: \"light\",\n }),\n dotActiveColor: createColorProp({\n label: \"Dot Active Color\",\n defaultValue: \"primary\",\n }),\n dotsTouchable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dots Touchable\",\n defaultValue: true,\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","
|
|
1
|
+
{"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","Triggers","OnChangeText","props","TEXT_INPUT_PROPS","placeholder","defaultValue","multiline","label","group","GROUPS","uncategorized","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","FIELD_NAME","handlerPropName"],"mappings":";;;;;;;AAAA;;AAUO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE;AAVR,GALe;AAiBvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CAjBa;AAkBvBC,EAAAA,KAAK,EAAE,EACL,GAAGC,uBADE;AAELC,IAAAA,WAAW,EAAE,EACX,GAAGD,wBAAiBC,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETvB,MAAAA,WAAW,EAAE,WAFJ;AAGTwB,MAAAA,KAAK,EAAEC,cAAOC,aAHL;AAITC,MAAAA,QAAQ,EAAEC,kBAAWC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEC,kBAAWC,OALZ;AAMTX,MAAAA,YAAY,EAAE,IANL;AAOTY,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbZ,MAAAA,KAAK,EAAE,iBADM;AAEbvB,MAAAA,WAAW,EAAE,iBAFA;AAGbwB,MAAAA,KAAK,EAAEC,cAAOW,KAHD;AAIbT,MAAAA,QAAQ,EAAEC,kBAAWS,MAJR;AAKbP,MAAAA,QAAQ,EAAEC,kBAAWO,MALR;AAMbjB,MAAAA,YAAY,EAAE,CAND;AAObY,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGC,iBADM;AAETnB,MAAAA,YAAY,EAAE,gBAFL;AAGToB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAlBgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Text Area\",\n tag: \"TextInput\",\n description: \"An input field that allows for multiple lines.\",\n category: COMPONENT_TYPES.input,\n layout: {\n borderLeftWidth: 1,\n borderRightWidth: 1,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n borderColor: \"divider\",\n paddingLeft: 8,\n paddingRight: 8,\n paddingTop: 8,\n paddingBottom: 8,\n borderRadius: 8,\n },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_INPUT_PROPS,\n placeholder: {\n ...TEXT_INPUT_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: false,\n },\n numberOfLines: {\n label: \"Number Of Lines\",\n description: \"Number Of Lines\",\n group: GROUPS.basic,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 4,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n },\n};\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 * as React from "react";
|
|
2
4
|
import { View, StyleSheet } from "react-native";
|
|
3
5
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
@@ -73,17 +75,18 @@ const Picker = _ref => {
|
|
|
73
75
|
}, /*#__PURE__*/React.createElement(Touchable, {
|
|
74
76
|
disabled: disabled,
|
|
75
77
|
onPress: toggleVisibility
|
|
76
|
-
}, /*#__PURE__*/React.createElement(TextField, {
|
|
78
|
+
}, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
|
|
77
79
|
value: String(selectedLabel),
|
|
78
|
-
placeholder: placeholder
|
|
79
|
-
|
|
80
|
-
ref: textField
|
|
80
|
+
placeholder: placeholder // @ts-ignore
|
|
81
|
+
,
|
|
82
|
+
ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
|
|
83
|
+
,
|
|
81
84
|
disabled: disabled,
|
|
82
|
-
pointerEvents: "none"
|
|
83
|
-
|
|
85
|
+
pointerEvents: "none" // @ts-expect-error
|
|
86
|
+
,
|
|
84
87
|
style: stylesWithoutMargin,
|
|
85
88
|
Icon: Icon
|
|
86
|
-
})), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
|
|
89
|
+
}))), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
|
|
87
90
|
style: [styles.picker, {
|
|
88
91
|
backgroundColor: colors.divider
|
|
89
92
|
}]
|
|
@@ -129,26 +132,4 @@ const styles = StyleSheet.create({
|
|
|
129
132
|
}
|
|
130
133
|
});
|
|
131
134
|
export default withTheme(Picker);
|
|
132
|
-
//# sourceMappingURL=PickerComponent.ios.js.mapt.create({
|
|
133
|
-
container: {
|
|
134
|
-
alignSelf: "stretch"
|
|
135
|
-
},
|
|
136
|
-
picker: {
|
|
137
|
-
position: "absolute",
|
|
138
|
-
bottom: 0,
|
|
139
|
-
left: 0,
|
|
140
|
-
right: 0,
|
|
141
|
-
flexDirection: "row",
|
|
142
|
-
justifyContent: "center"
|
|
143
|
-
},
|
|
144
|
-
pickerContainer: {
|
|
145
|
-
backgroundColor: "white",
|
|
146
|
-
flexDirection: "column",
|
|
147
|
-
width: "100%"
|
|
148
|
-
},
|
|
149
|
-
closeButton: {
|
|
150
|
-
alignSelf: "flex-end"
|
|
151
|
-
}
|
|
152
|
-
});
|
|
153
|
-
export default withTheme(Picker);
|
|
154
135
|
//# sourceMappingURL=PickerComponent.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PickerComponent.ios.
|
|
1
|
+
{"version":3,"sources":["PickerComponent.ios.tsx"],"names":["React","View","StyleSheet","SafeAreaView","omit","Picker","NativePicker","withTheme","Portal","Button","TextField","Touchable","extractStyles","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport omit from \"lodash.omit\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst Picker: React.FC<PickerComponentProps & IconSlot> = ({\n Icon,\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange = () => {},\n theme: { colors },\n ...props\n}) => {\n const {\n viewStyles: {\n borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles\n },\n } = extractStyles(style);\n\n const textField = React.useRef<typeof TextField | undefined>(undefined);\n const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n const toggleVisibility = () => {\n setIsPickerVisible(!pickerVisible);\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n };\n\n const stylesWithoutMargin =\n style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n\n const selectedLabel =\n selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n return (\n <View style={[styles.container, viewStyles]}>\n <Touchable disabled={disabled} onPress={toggleVisibility}>\n <TextField\n {...props}\n value={String(selectedLabel)}\n placeholder={placeholder}\n // @ts-ignore\n ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n disabled={disabled}\n pointerEvents=\"none\"\n // @ts-expect-error\n style={stylesWithoutMargin}\n Icon={Icon}\n />\n </Touchable>\n {pickerVisible && (\n <Portal>\n <View style={[styles.picker, { backgroundColor: colors.divider }]}>\n <SafeAreaView style={styles.pickerContainer}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={toggleVisibility}\n style={styles.closeButton}\n >\n Close\n </Button>\n <NativePicker\n style={{ backgroundColor: \"white\" }}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n >\n {options.map((o: any) => (\n <NativePicker.Item\n label={o.label}\n value={o.value}\n key={o.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n picker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n pickerContainer: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n closeButton: {\n alignSelf: \"flex-end\",\n },\n});\n\nexport default withTheme(Picker);\n"]}
|
|
@@ -10,7 +10,11 @@ const Swiper = _ref => {
|
|
|
10
10
|
from = 0,
|
|
11
11
|
prevTitle = "",
|
|
12
12
|
nextTitle = "",
|
|
13
|
+
prevTitleColor = "red",
|
|
14
|
+
nextTitleColor = "blue",
|
|
13
15
|
dotsTouchable = true,
|
|
16
|
+
dotColor,
|
|
17
|
+
dotActiveColor,
|
|
14
18
|
children,
|
|
15
19
|
style
|
|
16
20
|
} = _ref;
|
|
@@ -24,7 +28,21 @@ const Swiper = _ref => {
|
|
|
24
28
|
controlsProps: {
|
|
25
29
|
prevTitle,
|
|
26
30
|
nextTitle,
|
|
27
|
-
|
|
31
|
+
prevTitleStyle: {
|
|
32
|
+
color: prevTitleColor
|
|
33
|
+
},
|
|
34
|
+
nextTitleStyle: {
|
|
35
|
+
color: nextTitleColor
|
|
36
|
+
},
|
|
37
|
+
dotsTouchable,
|
|
38
|
+
dotActiveStyle: {
|
|
39
|
+
backgroundColor: dotActiveColor
|
|
40
|
+
},
|
|
41
|
+
dotProps: {
|
|
42
|
+
badgeStyle: {
|
|
43
|
+
backgroundColor: dotColor
|
|
44
|
+
}
|
|
45
|
+
}
|
|
28
46
|
}
|
|
29
47
|
}, children));
|
|
30
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;
|
|
1
|
+
{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotActiveStyle","backgroundColor","dotProps","badgeStyle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAkBA,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,cAAc,GAAG,KAPH;AAQdC,IAAAA,cAAc,GAAG,MARH;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAET,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;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,eAAe,EAAEP;AAAnB,OANH;AAObQ,MAAAA,QAAQ,EAAE;AAAEC,QAAAA,UAAU,EAAE;AAAEF,UAAAA,eAAe,EAAER;AAAnB;AAAd;AAPG;AALjB,KAeGE,QAfH,CADF,CAfa;AAAA,CAAf;;AAoCA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\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 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 = \"red\",\n nextTitleColor = \"blue\",\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n children,\n style,\n}: SwiperProps) => (\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 dotActiveStyle: { backgroundColor: dotActiveColor },\n dotProps: { badgeStyle: { backgroundColor: dotColor } },\n }}\n >\n {children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Picker.
|
|
1
|
+
{"version":3,"sources":["Picker.js"],"names":["COMPONENT_TYPES","Triggers","GROUPS","FORM_TYPES","PROP_TYPES","FIELD_NAME","SEED_DATA_PROPS","label","group","data","description","formType","string","propType","STRING","defaultValue","editable","required","placeholder","basic","placeholderTextColor","color","assistiveText","options","array","OBJECT","disabled","boolean","BOOLEAN","error","leftIconName","icon","ASSET","leftIconMode","flatArray","rightIconName","fieldName","handlerPropName","SEED_DATA_TRIGGERS","OnValueChange","SEED_DATA","name","tag","category","input","preview_image_url","supports_list_render","triggers","props","type","layout"],"mappings":"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","sourcesContent":["import { COMPONENT_TYPES, Triggers, GROUPS, FORM_TYPES, PROP_TYPES, FIELD_NAME, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n label: {\n group: GROUPS.data,\n label: \"Label\",\n description: \"The label to be displayed on the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: true,\n },\n placeholder: {\n group: GROUPS.basic,\n label: \"Placeholder\",\n description: \"The placeholder text of the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Select an option\",\n editable: true,\n required: false,\n },\n placeholderTextColor: {\n group: GROUPS.basic,\n label: \"Placeholder Text Color\",\n description: \"The color of the placeholder text.\",\n editable: true,\n required: false,\n defaultValue: null,\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.STRING,\n },\n assistiveText: {\n group: GROUPS.basic,\n label: \"Assistive text\",\n description: \"Helper text to display below the picker\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n },\n options: {\n group: GROUPS.data,\n label: \"Options\",\n description: \"Array of picker options. An array of objects containing a label and value.\",\n editable: true,\n required: false,\n formType: FORM_TYPES.array,\n propType: PROP_TYPES.OBJECT,\n options: [],\n defaultValue: null,\n },\n disabled: {\n group: GROUPS.basic,\n label: \"Disabled\",\n description: \"Whether the picker should be disabled. Will prevent selection and show a greyed out state.\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n },\n error: {\n group: GROUPS.data,\n label: \"Error\",\n description: \"Whether the picker should display the error state\",\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: false,\n editable: true,\n required: false,\n },\n leftIconName: {\n group: GROUPS.basic,\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n leftIconMode: {\n group: GROUPS.basic,\n label: \"Left icon mode\",\n description: \"The mode of the icon to display on the left. 'inset' or 'outset'.\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"inset\",\n options: [\"inset\", \"outset\"],\n editable: true,\n required: true,\n },\n rightIconName: {\n group: GROUPS.basic,\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"pickerValue\",\n handlerPropName: \"onValueChange\",\n },\n};\nconst SEED_DATA_TRIGGERS = [Triggers.OnValueChange];\nexport const SEED_DATA = [\n {\n name: \"Picker\",\n tag: \"Picker\",\n description: \"A component used to pick a value from a set of options\",\n category: COMPONENT_TYPES.input,\n preview_image_url: \"{CLOUDINARY_URL}/Picker.png\",\n supports_list_render: false,\n triggers: SEED_DATA_TRIGGERS,\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Picker\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"solid\",\n options: [\"solid\", \"underline\"],\n editable: true,\n required: true,\n group: GROUPS.basic,\n },\n },\n layout: {},\n },\n];\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, GROUPS } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Swiper",
|
|
4
4
|
tag: "Swiper",
|
|
@@ -37,6 +37,20 @@ export const SEED_DATA = {
|
|
|
37
37
|
label: "Next Title",
|
|
38
38
|
defaultValue: ""
|
|
39
39
|
}),
|
|
40
|
+
prevTitleColor: createColorProp({
|
|
41
|
+
label: "Previous Title Color"
|
|
42
|
+
}),
|
|
43
|
+
nextTitleColor: createColorProp({
|
|
44
|
+
label: "Next Title Color"
|
|
45
|
+
}),
|
|
46
|
+
dotColor: createColorProp({
|
|
47
|
+
label: "Dot Color",
|
|
48
|
+
defaultValue: "light"
|
|
49
|
+
}),
|
|
50
|
+
dotActiveColor: createColorProp({
|
|
51
|
+
label: "Dot Active Color",
|
|
52
|
+
defaultValue: "primary"
|
|
53
|
+
}),
|
|
40
54
|
dotsTouchable: createBoolProp({
|
|
41
55
|
group: GROUPS.basic,
|
|
42
56
|
label: "Dots Touchable",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,
|
|
1
|
+
{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","createColorProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,eALF,EAMEC,MANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAEnB,cAAc,CAAC;AACnBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAEnB,gBAAgB,CAAC;AACxBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAEtB,cAAc,CAAC;AACvBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAEtB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,cAAc,EAAEtB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CA7B1B;AAgCLQ,IAAAA,cAAc,EAAEvB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CAhC1B;AAmCLS,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACxBe,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAD,CAnCpB;AAuCLO,IAAAA,cAAc,EAAEzB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAD,CAvC1B;AA2CLQ,IAAAA,aAAa,EAAE7B,cAAc,CAAC;AAC5BgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA3CxB;AATgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createNumberProp,\n createTextProp,\n createColorProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Swiper\",\n tag: \"Swiper\",\n description: \"Swiper container\",\n category: COMPONENT_TYPES.container,\n layout: {\n height: 300,\n width: \"100%\",\n },\n props: {\n from: createNumberProp({\n group: GROUPS.basic,\n label: \"Initial Slide\",\n }),\n loop: createBoolProp({\n group: GROUPS.basic,\n label: \"Loop\",\n }),\n timeout: createNumberProp({\n group: GROUPS.basic,\n label: \"Timeout\",\n defaultValue: 0,\n }),\n vertical: createBoolProp({\n group: GROUPS.basic,\n label: \"Vertical\",\n defaultValue: false,\n }),\n prevTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Previous Title\",\n defaultValue: \"\",\n }),\n nextTitle: createTextProp({\n group: GROUPS.basic,\n label: \"Next Title\",\n defaultValue: \"\",\n }),\n prevTitleColor: createColorProp({\n label: \"Previous Title Color\",\n }),\n nextTitleColor: createColorProp({\n label: \"Next Title Color\",\n }),\n dotColor: createColorProp({\n label: \"Dot Color\",\n defaultValue: \"light\",\n }),\n dotActiveColor: createColorProp({\n label: \"Dot Active Color\",\n defaultValue: \"primary\",\n }),\n dotsTouchable: createBoolProp({\n group: GROUPS.basic,\n label: \"Dots Touchable\",\n defaultValue: true,\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","
|
|
1
|
+
{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE;AAVR,GALe;AAiBvBC,EAAAA,QAAQ,EAAE,CAAClB,QAAQ,CAACmB,YAAV,CAjBa;AAkBvBC,EAAAA,KAAK,EAAE,EACL,GAAGrB,gBADE;AAELsB,IAAAA,WAAW,EAAE,EACX,GAAGtB,gBAAgB,CAACsB,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETpB,MAAAA,WAAW,EAAE,WAFJ;AAGTqB,MAAAA,KAAK,EAAE/B,MAAM,CAACgC,aAHL;AAITC,MAAAA,QAAQ,EAAE/B,UAAU,CAACgC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEhC,UAAU,CAACiC,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbpB,MAAAA,WAAW,EAAE,iBAFA;AAGbqB,MAAAA,KAAK,EAAE/B,MAAM,CAACwC,KAHD;AAIbP,MAAAA,QAAQ,EAAE/B,UAAU,CAACuC,MAJR;AAKbN,MAAAA,QAAQ,EAAEhC,UAAU,CAACuC,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGvC,UADM;AAETwB,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAlBgB,CAAlB","sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n TEXT_INPUT_PROPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Text Area\",\n tag: \"TextInput\",\n description: \"An input field that allows for multiple lines.\",\n category: COMPONENT_TYPES.input,\n layout: {\n borderLeftWidth: 1,\n borderRightWidth: 1,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n borderColor: \"divider\",\n paddingLeft: 8,\n paddingRight: 8,\n paddingTop: 8,\n paddingBottom: 8,\n borderRadius: 8,\n },\n triggers: [Triggers.OnChangeText],\n props: {\n ...TEXT_INPUT_PROPS,\n placeholder: {\n ...TEXT_INPUT_PROPS.placeholder,\n defaultValue:\n \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n },\n multiline: {\n label: \"Multiline\",\n description: \"Multiline\",\n group: GROUPS.uncategorized,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n defaultValue: true,\n editable: true,\n required: false,\n },\n numberOfLines: {\n label: \"Number Of Lines\",\n description: \"Number Of Lines\",\n group: GROUPS.basic,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n defaultValue: 4,\n editable: true,\n required: false,\n },\n fieldName: {\n ...FIELD_NAME,\n defaultValue: \"textInputValue\",\n handlerPropName: \"onChangeText\",\n },\n },\n};\n"]}
|
|
@@ -7,9 +7,13 @@ export interface SwiperProps {
|
|
|
7
7
|
timeout?: number;
|
|
8
8
|
prevTitle?: string;
|
|
9
9
|
nextTitle?: string;
|
|
10
|
+
prevTitleColor: string;
|
|
11
|
+
nextTitleColor: string;
|
|
10
12
|
dotsTouchable?: boolean;
|
|
13
|
+
dotColor?: string;
|
|
14
|
+
dotActiveColor?: string;
|
|
11
15
|
children: React.ReactNode;
|
|
12
16
|
style?: StyleProp<ViewStyle>;
|
|
13
17
|
}
|
|
14
|
-
declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, dotsTouchable, children, style, }: SwiperProps) => JSX.Element;
|
|
18
|
+
declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, children, style, }: SwiperProps) => JSX.Element;
|
|
15
19
|
export default Swiper;
|
|
@@ -52,6 +52,46 @@ export declare const SEED_DATA: {
|
|
|
52
52
|
};
|
|
53
53
|
prevTitle: any;
|
|
54
54
|
nextTitle: any;
|
|
55
|
+
prevTitleColor: {
|
|
56
|
+
group: string;
|
|
57
|
+
label: string;
|
|
58
|
+
description: string;
|
|
59
|
+
editable: boolean;
|
|
60
|
+
required: boolean;
|
|
61
|
+
defaultValue: null;
|
|
62
|
+
formType: string;
|
|
63
|
+
propType: string;
|
|
64
|
+
};
|
|
65
|
+
nextTitleColor: {
|
|
66
|
+
group: string;
|
|
67
|
+
label: string;
|
|
68
|
+
description: string;
|
|
69
|
+
editable: boolean;
|
|
70
|
+
required: boolean;
|
|
71
|
+
defaultValue: null;
|
|
72
|
+
formType: string;
|
|
73
|
+
propType: string;
|
|
74
|
+
};
|
|
75
|
+
dotColor: {
|
|
76
|
+
group: string;
|
|
77
|
+
label: string;
|
|
78
|
+
description: string;
|
|
79
|
+
editable: boolean;
|
|
80
|
+
required: boolean;
|
|
81
|
+
defaultValue: null;
|
|
82
|
+
formType: string;
|
|
83
|
+
propType: string;
|
|
84
|
+
};
|
|
85
|
+
dotActiveColor: {
|
|
86
|
+
group: string;
|
|
87
|
+
label: string;
|
|
88
|
+
description: string;
|
|
89
|
+
editable: boolean;
|
|
90
|
+
required: boolean;
|
|
91
|
+
defaultValue: null;
|
|
92
|
+
formType: string;
|
|
93
|
+
propType: string;
|
|
94
|
+
};
|
|
55
95
|
dotsTouchable: {
|
|
56
96
|
label: string;
|
|
57
97
|
description: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.3.4-
|
|
3
|
+
"version": "43.3.4-f1cc30.3+f1cc30e4",
|
|
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": "^43.3.
|
|
44
|
+
"@draftbit/types": "^43.3.3",
|
|
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",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "f1cc30e4cdd88eb1e77e860f61562f5ce6acb35a"
|
|
83
83
|
}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
import SwiperComponent from "react-native-web-swiper";
|
|
4
|
-
const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", dotsTouchable = true, children, style, }) => (React.createElement(View, { style: style },
|
|
4
|
+
const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor = "red", nextTitleColor = "blue", dotsTouchable = true, dotColor, dotActiveColor, children, style, }) => (React.createElement(View, { style: style },
|
|
5
5
|
React.createElement(SwiperComponent, { from: from, loop: loop, timeout: timeout, vertical: vertical, controlsProps: {
|
|
6
6
|
prevTitle,
|
|
7
7
|
nextTitle,
|
|
8
|
+
prevTitleStyle: { color: prevTitleColor },
|
|
9
|
+
nextTitleStyle: { color: nextTitleColor },
|
|
8
10
|
dotsTouchable,
|
|
11
|
+
dotActiveStyle: { backgroundColor: dotActiveColor },
|
|
12
|
+
dotProps: { badgeStyle: { backgroundColor: dotColor } },
|
|
9
13
|
} }, children)));
|
|
10
14
|
export default Swiper;
|
|
@@ -9,7 +9,11 @@ export interface SwiperProps {
|
|
|
9
9
|
timeout?: number;
|
|
10
10
|
prevTitle?: string;
|
|
11
11
|
nextTitle?: string;
|
|
12
|
+
prevTitleColor: string;
|
|
13
|
+
nextTitleColor: string;
|
|
12
14
|
dotsTouchable?: boolean;
|
|
15
|
+
dotColor?: string;
|
|
16
|
+
dotActiveColor?: string;
|
|
13
17
|
children: React.ReactNode;
|
|
14
18
|
style?: StyleProp<ViewStyle>;
|
|
15
19
|
}
|
|
@@ -21,7 +25,11 @@ const Swiper = ({
|
|
|
21
25
|
from = 0,
|
|
22
26
|
prevTitle = "",
|
|
23
27
|
nextTitle = "",
|
|
28
|
+
prevTitleColor = "red",
|
|
29
|
+
nextTitleColor = "blue",
|
|
24
30
|
dotsTouchable = true,
|
|
31
|
+
dotColor,
|
|
32
|
+
dotActiveColor,
|
|
25
33
|
children,
|
|
26
34
|
style,
|
|
27
35
|
}: SwiperProps) => (
|
|
@@ -34,7 +42,11 @@ const Swiper = ({
|
|
|
34
42
|
controlsProps={{
|
|
35
43
|
prevTitle,
|
|
36
44
|
nextTitle,
|
|
45
|
+
prevTitleStyle: { color: prevTitleColor },
|
|
46
|
+
nextTitleStyle: { color: nextTitleColor },
|
|
37
47
|
dotsTouchable,
|
|
48
|
+
dotActiveStyle: { backgroundColor: dotActiveColor },
|
|
49
|
+
dotProps: { badgeStyle: { backgroundColor: dotColor } },
|
|
38
50
|
}}
|
|
39
51
|
>
|
|
40
52
|
{children}
|
package/src/mappings/Swiper.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, GROUPS, } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Swiper",
|
|
4
4
|
tag: "Swiper",
|
|
@@ -37,6 +37,20 @@ export const SEED_DATA = {
|
|
|
37
37
|
label: "Next Title",
|
|
38
38
|
defaultValue: "",
|
|
39
39
|
}),
|
|
40
|
+
prevTitleColor: createColorProp({
|
|
41
|
+
label: "Previous Title Color",
|
|
42
|
+
}),
|
|
43
|
+
nextTitleColor: createColorProp({
|
|
44
|
+
label: "Next Title Color",
|
|
45
|
+
}),
|
|
46
|
+
dotColor: createColorProp({
|
|
47
|
+
label: "Dot Color",
|
|
48
|
+
defaultValue: "light",
|
|
49
|
+
}),
|
|
50
|
+
dotActiveColor: createColorProp({
|
|
51
|
+
label: "Dot Active Color",
|
|
52
|
+
defaultValue: "primary",
|
|
53
|
+
}),
|
|
40
54
|
dotsTouchable: createBoolProp({
|
|
41
55
|
group: GROUPS.basic,
|
|
42
56
|
label: "Dots Touchable",
|
package/src/mappings/Swiper.ts
CHANGED
|
@@ -3,6 +3,7 @@ import {
|
|
|
3
3
|
createBoolProp,
|
|
4
4
|
createNumberProp,
|
|
5
5
|
createTextProp,
|
|
6
|
+
createColorProp,
|
|
6
7
|
GROUPS,
|
|
7
8
|
} from "@draftbit/types";
|
|
8
9
|
|
|
@@ -44,6 +45,20 @@ export const SEED_DATA = {
|
|
|
44
45
|
label: "Next Title",
|
|
45
46
|
defaultValue: "",
|
|
46
47
|
}),
|
|
48
|
+
prevTitleColor: createColorProp({
|
|
49
|
+
label: "Previous Title Color",
|
|
50
|
+
}),
|
|
51
|
+
nextTitleColor: createColorProp({
|
|
52
|
+
label: "Next Title Color",
|
|
53
|
+
}),
|
|
54
|
+
dotColor: createColorProp({
|
|
55
|
+
label: "Dot Color",
|
|
56
|
+
defaultValue: "light",
|
|
57
|
+
}),
|
|
58
|
+
dotActiveColor: createColorProp({
|
|
59
|
+
label: "Dot Active Color",
|
|
60
|
+
defaultValue: "primary",
|
|
61
|
+
}),
|
|
47
62
|
dotsTouchable: createBoolProp({
|
|
48
63
|
group: GROUPS.basic,
|
|
49
64
|
label: "Dots Touchable",
|
package/src/mappings/TextArea.js
CHANGED