@draftbit/core 43.3.4-e422d9.0 → 43.3.4-e63de2.4
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/Accordion/AccordionGroup.js +1 -9
- package/lib/commonjs/components/Accordion/AccordionGroup.js.map +1 -1
- package/lib/commonjs/components/DeprecatedCardWrapper.js +14 -2
- package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/commonjs/components/Divider.js +3 -13
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/Swiper/Swiper.js +23 -1
- package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
- package/lib/commonjs/mappings/Accordion.js +40 -0
- package/lib/commonjs/mappings/Accordion.js.map +1 -0
- package/lib/commonjs/mappings/AccordionGroup.js +1 -1
- package/lib/commonjs/mappings/AccordionGroup.js.map +1 -1
- package/lib/commonjs/mappings/AccordionItem.js +1 -1
- package/lib/commonjs/mappings/AccordionItem.js.map +1 -1
- package/lib/commonjs/mappings/RadioButton.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.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 +10 -1
- package/lib/commonjs/mappings/TextArea.js.map +1 -1
- package/lib/module/components/Accordion/AccordionGroup.js +1 -9
- package/lib/module/components/Accordion/AccordionGroup.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.web.js +3 -17
- package/lib/module/components/Picker/PickerComponent.web.js.map +1 -1
- package/lib/module/components/Swiper/Swiper.js +23 -1
- package/lib/module/components/Swiper/Swiper.js.map +1 -1
- package/lib/module/mappings/Accordion.js +31 -0
- package/lib/module/mappings/Accordion.js.map +1 -0
- package/lib/module/mappings/AccordionGroup.js +1 -1
- package/lib/module/mappings/AccordionGroup.js.map +1 -1
- package/lib/module/mappings/AccordionItem.js +1 -1
- package/lib/module/mappings/AccordionItem.js.map +1 -1
- package/lib/module/mappings/MapCallout.js.map +1 -1
- package/lib/module/mappings/RowHeadlineImageIcon.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 +10 -1
- package/lib/module/mappings/TextArea.js.map +1 -1
- package/lib/module/styles/DefaultTheme.js.map +1 -1
- package/lib/typescript/src/components/Swiper/Swiper.d.ts +5 -1
- package/lib/typescript/src/mappings/Accordion.d.ts +70 -0
- package/lib/typescript/src/mappings/Swiper.d.ts +40 -0
- package/lib/typescript/src/mappings/TextArea.d.ts +10 -1
- package/package.json +2 -2
- package/src/components/Accordion/AccordionGroup.js +1 -12
- package/src/components/Accordion/AccordionGroup.tsx +1 -15
- package/src/components/Swiper/Swiper.js +9 -1
- package/src/components/Swiper/Swiper.tsx +16 -0
- package/src/mappings/Accordion.js +30 -0
- package/src/mappings/Accordion.ts +38 -0
- package/src/mappings/AccordionGroup.js +1 -1
- package/src/mappings/AccordionGroup.ts +1 -1
- package/src/mappings/AccordionItem.js +1 -1
- package/src/mappings/AccordionItem.ts +1 -1
- package/src/mappings/Swiper.js +15 -1
- package/src/mappings/Swiper.ts +15 -0
- package/src/mappings/TextArea.js +12 -1
- package/src/mappings/TextArea.ts +12 -1
|
@@ -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","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"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,cAPc;AAQdC,IAAAA,cARc;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;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;AAwCA,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,\n nextTitleColor,\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 ...(dotColor\n ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n : {}),\n ...(dotActiveColor\n ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n : {}),\n }}\n >\n {children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, createNumberProp, createIconProp, createTextProp, createStaticBoolProp, createColorProp } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Accordion",
|
|
4
|
+
tag: "AccordionGroup",
|
|
5
|
+
description: "An expandable container containing components",
|
|
6
|
+
category: COMPONENT_TYPES.container,
|
|
7
|
+
props: {
|
|
8
|
+
openColor: createColorProp({
|
|
9
|
+
label: "Open text color"
|
|
10
|
+
}),
|
|
11
|
+
closedColor: createColorProp({
|
|
12
|
+
label: "Closed text Color"
|
|
13
|
+
}),
|
|
14
|
+
caretColor: createColorProp({
|
|
15
|
+
label: "Caret color"
|
|
16
|
+
}),
|
|
17
|
+
iconSize: createNumberProp({
|
|
18
|
+
label: "Icon size",
|
|
19
|
+
defaultValue: 24
|
|
20
|
+
}),
|
|
21
|
+
label: createTextProp({
|
|
22
|
+
label: "Label"
|
|
23
|
+
}),
|
|
24
|
+
expanded: createStaticBoolProp({
|
|
25
|
+
label: "Expanded",
|
|
26
|
+
description: "Whether the AccordionGroup should be expanded or not"
|
|
27
|
+
}),
|
|
28
|
+
icon: createIconProp()
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Accordion.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAER,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEV,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEX,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEhB,gBAAgB,CAAC;AACzBa,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEX,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAEf,oBAAoB,CAAC;AAC7BU,MAAAA,KAAK,EAAE,UADsB;AAE7BL,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLW,IAAAA,IAAI,EAAElB,cAAc;AArBf;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createNumberProp,\n createIconProp,\n createTextProp,\n createStaticBoolProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion\",\n tag: \"AccordionGroup\",\n description: \"An expandable container containing components\",\n category: COMPONENT_TYPES.container,\n props: {\n openColor: createColorProp({\n label: \"Open text color\",\n }),\n closedColor: createColorProp({\n label: \"Closed text Color\",\n }),\n caretColor: createColorProp({\n label: \"Caret color\",\n }),\n iconSize: createNumberProp({\n label: \"Icon size\",\n defaultValue: 24,\n }),\n label: createTextProp({\n label: \"Label\",\n }),\n expanded: createStaticBoolProp({\n label: \"Expanded\",\n description: \"Whether the AccordionGroup should be expanded or not\",\n }),\n icon: createIconProp(),\n },\n};\n"]}
|
|
@@ -3,7 +3,7 @@ export const SEED_DATA = {
|
|
|
3
3
|
name: "Accordion Group",
|
|
4
4
|
tag: "AccordionGroup",
|
|
5
5
|
description: "An expandable container containing components",
|
|
6
|
-
category: COMPONENT_TYPES.
|
|
6
|
+
category: COMPONENT_TYPES.deprecated,
|
|
7
7
|
props: {
|
|
8
8
|
openColor: createColorProp({
|
|
9
9
|
label: "Open text color"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionGroup.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","
|
|
1
|
+
{"version":3,"sources":["AccordionGroup.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","deprecated","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,iBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAER,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEV,eAAe,CAAC;AAC3BS,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEX,eAAe,CAAC;AAC1BS,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEhB,gBAAgB,CAAC;AACzBa,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEX,cAAc,CAAC;AACpBW,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAEf,oBAAoB,CAAC;AAC7BU,MAAAA,KAAK,EAAE,UADsB;AAE7BL,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLW,IAAAA,IAAI,EAAElB,cAAc;AArBf;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createNumberProp,\n createIconProp,\n createTextProp,\n createStaticBoolProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion Group\",\n tag: \"AccordionGroup\",\n description: \"An expandable container containing components\",\n category: COMPONENT_TYPES.deprecated,\n props: {\n openColor: createColorProp({\n label: \"Open text color\",\n }),\n closedColor: createColorProp({\n label: \"Closed text Color\",\n }),\n caretColor: createColorProp({\n label: \"Caret color\",\n }),\n iconSize: createNumberProp({\n label: \"Icon size\",\n defaultValue: 24,\n }),\n label: createTextProp({\n label: \"Label\",\n }),\n expanded: createStaticBoolProp({\n label: \"Expanded\",\n description: \"Whether the AccordionGroup should be expanded or not\",\n }),\n icon: createIconProp(),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionItem.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createColorProp","SEED_DATA","name","tag","description","category","
|
|
1
|
+
{"version":3,"sources":["AccordionItem.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createColorProp","SEED_DATA","name","tag","description","category","deprecated","props","icon","label","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEV,cAAc,EADf;AAELW,IAAAA,KAAK,EAAEV,cAAc,CAAC;AACpBU,MAAAA,KAAK,EAAE;AADa,KAAD,CAFhB;AAKLC,IAAAA,SAAS,EAAEV,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD;AALrB;AALgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Accordion Item\",\n tag: \"AccordionItem\",\n description: \"Item to be used in Accordion\",\n category: COMPONENT_TYPES.deprecated,\n props: {\n icon: createIconProp(),\n label: createTextProp({\n label: \"Item label\",\n }),\n iconColor: createColorProp({\n label: \"Icon color\",\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["MapCallout.
|
|
1
|
+
{"version":3,"sources":["MapCallout.ts"],"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","SEED_DATA","name","tag","description","category","deprecated","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EACT,iEAJqB;AAKvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UALH;AAMvBC,EAAAA,MAAM,EAAE,EANe;AAOvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEX,gBAAgB,CAAC;AACxBM,MAAAA,WAAW,EAAE;AADW,KAAD,CADpB;AAILM,IAAAA,WAAW,EAAEX,cAAc,CAAC;AAC1BY,MAAAA,KAAK,EAAE,cADmB;AAE1BP,MAAAA,WAAW,EACT,8LAHwB;AAI1BQ,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KAJY;AAK1BC,MAAAA,YAAY,EAAE;AALY,KAAD;AAJtB;AAPgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createActionProp,\n createBoolProp,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map Callout\",\n tag: \"MapCallout\",\n description:\n \"An info window to display on top of a marker when it is clicked\",\n category: COMPONENT_TYPES.deprecated,\n layout: {},\n props: {\n onPress: createActionProp({\n description: \"Action to execute when the callout is pressed\",\n }),\n showTooltip: createBoolProp({\n label: \"Show Tooltip\",\n description:\n 'If false, a default \"tooltip\" bubble window will be drawn around this callout\\'s children. If true, the child views can fully customize their appearance, including any \"bubble\"-like styles',\n group: GROUPS.basic,\n defaultValue: false,\n }),\n },\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["RowHeadlineImageIcon.
|
|
1
|
+
{"version":3,"sources":["RowHeadlineImageIcon.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createImageProp","createStaticBoolProp","SEED_DATA_PROPS","title","label","description","icon","defaultValue","IMAGE_PROP","MULTILINE_PROP","editable","SUBTITLE_PROP","SEED_DATA","name","tag","category","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,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"]}
|
|
@@ -5,7 +5,16 @@ export const SEED_DATA = {
|
|
|
5
5
|
description: "An input field that allows for multiple lines.",
|
|
6
6
|
category: COMPONENT_TYPES.input,
|
|
7
7
|
layout: {
|
|
8
|
-
|
|
8
|
+
borderLeftWidth: 1,
|
|
9
|
+
borderRightWidth: 1,
|
|
10
|
+
borderTopWidth: 1,
|
|
11
|
+
borderBottomWidth: 1,
|
|
12
|
+
borderColor: "divider",
|
|
13
|
+
paddingLeft: 8,
|
|
14
|
+
paddingRight: 8,
|
|
15
|
+
paddingTop: 8,
|
|
16
|
+
paddingBottom: 8,
|
|
17
|
+
borderRadius: 8
|
|
9
18
|
},
|
|
10
19
|
triggers: [Triggers.OnChangeText],
|
|
11
20
|
props: { ...TEXT_INPUT_PROPS,
|
|
@@ -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","
|
|
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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DefaultTheme.
|
|
1
|
+
{"version":3,"sources":["DefaultTheme.tsx"],"names":["systemWeights","configureFonts","DefaultTheme","disabledOpacity","roundness","dark","mode","borderRadius","global","button","colors","primary","secondary","surface","background","error","divider","strong","medium","strongInverse","mediumInverse","lightInverse","light","text","placeholder","disabled","fonts","typography","headline1","regular","fontSize","letterSpacing","lineHeight","headline2","headline3","headline4","headline5","subtitle1","subtitle2","body1","body2","caption","overline","headline6"],"mappings":"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","sourcesContent":["import { systemWeights } from \"react-native-typography\";\nimport configureFonts from \"./fonts\";\n\nconst DefaultTheme = {\n disabledOpacity: 0.5,\n roundness: 8,\n dark: false,\n mode: \"exact\",\n borderRadius: {\n global: 6,\n button: 24,\n },\n colors: {\n primary: \"rgba(90, 69, 255, 1)\",\n secondary: \"rgba(59, 201, 234, 1)\",\n surface: \"rgba(255, 255, 255, 1)\",\n background: \"rgba(251, 252, 253, 1)\",\n error: \"rgba(255, 69, 100, 1)\",\n divider: \"rgba(200, 200, 200, 1)\",\n strong: \"rgba(18, 20, 44, 1)\",\n medium: \"rgba(70, 78, 88, 1)\",\n strongInverse: \"rgba(255, 255, 255, 1)\",\n mediumInverse: \"rgba(255, 255, 255, 0.87)\",\n lightInverse: \"rgba(255, 255, 255, 0.68)\",\n light: \"rgba(165, 173, 183, 1)\",\n text: \"#000\",\n placeholder: \"#333\",\n disabled: \"rgba(0, 0, 0, 0.25)\",\n },\n fonts: configureFonts(),\n typography: {\n headline1: {\n ...systemWeights.regular,\n fontSize: 60,\n letterSpacing: 0,\n lineHeight: 71,\n },\n headline2: {\n ...systemWeights.regular,\n fontSize: 48,\n letterSpacing: 0,\n lineHeight: 58,\n },\n headline3: {\n ...systemWeights.regular,\n fontSize: 34,\n letterSpacing: 0,\n lineHeight: 40,\n },\n headline4: {\n ...systemWeights.regular,\n fontSize: 24,\n letterSpacing: 0,\n lineHeight: 34,\n },\n headline5: {\n ...systemWeights.regular,\n fontSize: 20,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n subtitle2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n body1: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 26,\n },\n body2: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 22,\n },\n button: {\n ...systemWeights.regular,\n fontSize: 14,\n letterSpacing: 0,\n lineHeight: 16,\n },\n caption: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 0,\n lineHeight: 16,\n },\n overline: {\n ...systemWeights.regular,\n fontSize: 12,\n letterSpacing: 2,\n lineHeight: 16,\n },\n headline6: {\n ...systemWeights.regular,\n fontSize: 16,\n letterSpacing: 0,\n lineHeight: 24,\n },\n },\n};\n\nexport default DefaultTheme;\nexport type Theme = typeof DefaultTheme;\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;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
export declare const SEED_DATA: {
|
|
2
|
+
name: string;
|
|
3
|
+
tag: string;
|
|
4
|
+
description: string;
|
|
5
|
+
category: string;
|
|
6
|
+
props: {
|
|
7
|
+
openColor: {
|
|
8
|
+
group: string;
|
|
9
|
+
label: string;
|
|
10
|
+
description: string;
|
|
11
|
+
editable: boolean;
|
|
12
|
+
required: boolean;
|
|
13
|
+
defaultValue: null;
|
|
14
|
+
formType: string;
|
|
15
|
+
propType: string;
|
|
16
|
+
};
|
|
17
|
+
closedColor: {
|
|
18
|
+
group: string;
|
|
19
|
+
label: string;
|
|
20
|
+
description: string;
|
|
21
|
+
editable: boolean;
|
|
22
|
+
required: boolean;
|
|
23
|
+
defaultValue: null;
|
|
24
|
+
formType: string;
|
|
25
|
+
propType: string;
|
|
26
|
+
};
|
|
27
|
+
caretColor: {
|
|
28
|
+
group: string;
|
|
29
|
+
label: string;
|
|
30
|
+
description: string;
|
|
31
|
+
editable: boolean;
|
|
32
|
+
required: boolean;
|
|
33
|
+
defaultValue: null;
|
|
34
|
+
formType: string;
|
|
35
|
+
propType: string;
|
|
36
|
+
};
|
|
37
|
+
iconSize: {
|
|
38
|
+
label: string;
|
|
39
|
+
description: string;
|
|
40
|
+
formType: string;
|
|
41
|
+
propType: string;
|
|
42
|
+
group: string;
|
|
43
|
+
defaultValue: null;
|
|
44
|
+
editable: boolean;
|
|
45
|
+
required: boolean;
|
|
46
|
+
step: number;
|
|
47
|
+
};
|
|
48
|
+
label: any;
|
|
49
|
+
expanded: {
|
|
50
|
+
label: string;
|
|
51
|
+
description: string;
|
|
52
|
+
formType: string;
|
|
53
|
+
propType: string;
|
|
54
|
+
defaultValue: boolean;
|
|
55
|
+
editable: boolean;
|
|
56
|
+
required: boolean;
|
|
57
|
+
group: string;
|
|
58
|
+
};
|
|
59
|
+
icon: {
|
|
60
|
+
label: string;
|
|
61
|
+
description: string;
|
|
62
|
+
formType: string;
|
|
63
|
+
propType: string;
|
|
64
|
+
defaultValue: string;
|
|
65
|
+
required: boolean;
|
|
66
|
+
editable: boolean;
|
|
67
|
+
group: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
@@ -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;
|
|
@@ -4,7 +4,16 @@ export declare const SEED_DATA: {
|
|
|
4
4
|
description: string;
|
|
5
5
|
category: string;
|
|
6
6
|
layout: {
|
|
7
|
-
|
|
7
|
+
borderLeftWidth: number;
|
|
8
|
+
borderRightWidth: number;
|
|
9
|
+
borderTopWidth: number;
|
|
10
|
+
borderBottomWidth: number;
|
|
11
|
+
borderColor: string;
|
|
12
|
+
paddingLeft: number;
|
|
13
|
+
paddingRight: number;
|
|
14
|
+
paddingTop: number;
|
|
15
|
+
paddingBottom: number;
|
|
16
|
+
borderRadius: number;
|
|
8
17
|
};
|
|
9
18
|
triggers: string[];
|
|
10
19
|
props: {
|
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-e63de2.4+e63de25d",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "e63de25d9666b4e42da41c11ee70b3ca597e84b9"
|
|
83
83
|
}
|
|
@@ -29,18 +29,7 @@ const AccordionGroup = ({ Icon, openColor, closedColor, caretColor, icon, iconSi
|
|
|
29
29
|
React.createElement(Icon, { name: expanded
|
|
30
30
|
? "MaterialIcons/keyboard-arrow-up"
|
|
31
31
|
: "MaterialIcons/keyboard-arrow-down", color: caretColor, size: 24 })))),
|
|
32
|
-
expandedInternal
|
|
33
|
-
? React.Children.map(children, (child) => {
|
|
34
|
-
if (React.isValidElement(child) &&
|
|
35
|
-
!child.props.left &&
|
|
36
|
-
!child.props.right) {
|
|
37
|
-
return React.cloneElement(child, {
|
|
38
|
-
style: child.props.style,
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
return child;
|
|
42
|
-
})
|
|
43
|
-
: null));
|
|
32
|
+
expandedInternal ? children : null));
|
|
44
33
|
};
|
|
45
34
|
const styles = StyleSheet.create({
|
|
46
35
|
row: {
|
|
@@ -97,21 +97,7 @@ const AccordionGroup = ({
|
|
|
97
97
|
</View>
|
|
98
98
|
</View>
|
|
99
99
|
</Pressable>
|
|
100
|
-
{expandedInternal
|
|
101
|
-
? React.Children.map(children, (child) => {
|
|
102
|
-
if (
|
|
103
|
-
React.isValidElement(child) &&
|
|
104
|
-
!child.props.left &&
|
|
105
|
-
!child.props.right
|
|
106
|
-
) {
|
|
107
|
-
return React.cloneElement(child, {
|
|
108
|
-
style: child.props.style,
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
return child;
|
|
113
|
-
})
|
|
114
|
-
: null}
|
|
100
|
+
{expandedInternal ? children : null}
|
|
115
101
|
</>
|
|
116
102
|
);
|
|
117
103
|
};
|
|
@@ -1,10 +1,18 @@
|
|
|
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, nextTitleColor, 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
|
+
...(dotColor
|
|
12
|
+
? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
|
|
13
|
+
: {}),
|
|
14
|
+
...(dotActiveColor
|
|
15
|
+
? { dotActiveStyle: { backgroundColor: dotActiveColor } }
|
|
16
|
+
: {}),
|
|
9
17
|
} }, children)));
|
|
10
18
|
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,
|
|
29
|
+
nextTitleColor,
|
|
24
30
|
dotsTouchable = true,
|
|
31
|
+
dotColor,
|
|
32
|
+
dotActiveColor,
|
|
25
33
|
children,
|
|
26
34
|
style,
|
|
27
35
|
}: SwiperProps) => (
|
|
@@ -34,7 +42,15 @@ const Swiper = ({
|
|
|
34
42
|
controlsProps={{
|
|
35
43
|
prevTitle,
|
|
36
44
|
nextTitle,
|
|
45
|
+
prevTitleStyle: { color: prevTitleColor },
|
|
46
|
+
nextTitleStyle: { color: nextTitleColor },
|
|
37
47
|
dotsTouchable,
|
|
48
|
+
...(dotColor
|
|
49
|
+
? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
|
|
50
|
+
: {}),
|
|
51
|
+
...(dotActiveColor
|
|
52
|
+
? { dotActiveStyle: { backgroundColor: dotActiveColor } }
|
|
53
|
+
: {}),
|
|
38
54
|
}}
|
|
39
55
|
>
|
|
40
56
|
{children}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, createNumberProp, createIconProp, createTextProp, createStaticBoolProp, createColorProp, } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Accordion",
|
|
4
|
+
tag: "AccordionGroup",
|
|
5
|
+
description: "An expandable container containing components",
|
|
6
|
+
category: COMPONENT_TYPES.container,
|
|
7
|
+
props: {
|
|
8
|
+
openColor: createColorProp({
|
|
9
|
+
label: "Open text color",
|
|
10
|
+
}),
|
|
11
|
+
closedColor: createColorProp({
|
|
12
|
+
label: "Closed text Color",
|
|
13
|
+
}),
|
|
14
|
+
caretColor: createColorProp({
|
|
15
|
+
label: "Caret color",
|
|
16
|
+
}),
|
|
17
|
+
iconSize: createNumberProp({
|
|
18
|
+
label: "Icon size",
|
|
19
|
+
defaultValue: 24,
|
|
20
|
+
}),
|
|
21
|
+
label: createTextProp({
|
|
22
|
+
label: "Label",
|
|
23
|
+
}),
|
|
24
|
+
expanded: createStaticBoolProp({
|
|
25
|
+
label: "Expanded",
|
|
26
|
+
description: "Whether the AccordionGroup should be expanded or not",
|
|
27
|
+
}),
|
|
28
|
+
icon: createIconProp(),
|
|
29
|
+
},
|
|
30
|
+
};
|