@draftbit/core 44.2.1 → 44.2.3-9cbaf6.2
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/AccordionItem.js +21 -5
- package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/DeprecatedButton.js +4 -19
- package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
- package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -14
- package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/commonjs/components/TabView/TabView.js +103 -0
- package/lib/commonjs/components/TabView/TabView.js.map +1 -0
- package/lib/commonjs/components/TabView/TabViewItem.js +27 -0
- package/lib/commonjs/components/TabView/TabViewItem.js.map +1 -0
- package/lib/commonjs/components/TabView/index.js +24 -0
- package/lib/commonjs/components/TabView/index.js.map +1 -0
- package/lib/commonjs/components/Typography.js.map +1 -1
- package/lib/commonjs/index.js +14 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheet.js.map +1 -1
- package/lib/commonjs/mappings/Carousel.js +1 -1
- package/lib/commonjs/mappings/Carousel.js.map +1 -1
- package/lib/commonjs/mappings/DatePicker.js +42 -41
- package/lib/commonjs/mappings/DatePicker.js.map +1 -1
- package/lib/commonjs/mappings/TabView.js +80 -0
- package/lib/commonjs/mappings/TabView.js.map +1 -0
- package/lib/module/components/Accordion/AccordionItem.js +5 -22
- package/lib/module/components/Carousel.js +20 -5
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/TabView/TabView.js +88 -0
- package/lib/module/components/TabView/TabView.js.map +1 -0
- package/lib/module/components/TabView/TabViewItem.js +19 -0
- package/lib/module/components/TabView/TabViewItem.js.map +1 -0
- package/lib/module/components/TabView/index.js +3 -0
- package/lib/module/components/TabView/index.js.map +1 -0
- package/lib/module/components/useAuthState.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/mappings/Carousel.js +1 -1
- package/lib/module/mappings/Carousel.js.map +1 -1
- package/lib/module/mappings/DatePicker.js +42 -41
- package/lib/module/mappings/DatePicker.js.map +1 -1
- package/lib/module/mappings/TabView.js +71 -0
- package/lib/module/mappings/TabView.js.map +1 -0
- package/lib/typescript/src/components/TabView/TabView.d.ts +19 -0
- package/lib/typescript/src/components/TabView/TabViewItem.d.ts +10 -0
- package/lib/typescript/src/components/TabView/index.d.ts +2 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/mappings/DatePicker.d.ts +0 -41
- package/lib/typescript/src/mappings/TabView.d.ts +111 -0
- package/package.json +5 -3
- package/src/components/TabView/TabView.js +33 -0
- package/src/components/TabView/TabView.tsx +97 -0
- package/src/components/TabView/TabViewItem.js +5 -0
- package/src/components/TabView/TabViewItem.tsx +21 -0
- package/src/components/TabView/index.js +2 -0
- package/src/components/TabView/index.ts +2 -0
- package/src/index.js +1 -0
- package/src/index.tsx +1 -0
- package/src/mappings/Carousel.js +1 -1
- package/src/mappings/Carousel.ts +1 -1
- package/src/mappings/DatePicker.js +42 -41
- package/src/mappings/DatePicker.ts +42 -42
- package/src/mappings/TabView.js +73 -0
- package/src/mappings/TabView.ts +80 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DatePicker.ts"],"names":["SEED_DATA_PROPS","label","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","group","GROUPS","data","mode","flatArray","options","basic","assistiveText","
|
|
1
|
+
{"version":3,"sources":["DatePicker.ts"],"names":["SEED_DATA_PROPS","label","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","group","GROUPS","data","mode","flatArray","options","basic","assistiveText","disabled","boolean","BOOLEAN","leftIconName","icon","leftIconMode","rightIconName","fieldName","FIELD_NAME","handlerPropName","valuePropName","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnDateChange","props","type"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n FIELD_NAME,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n label: {\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: \"Date\",\n editable: true,\n required: true,\n group: GROUPS.data,\n },\n mode: {\n label: \"Mode\",\n description: \"Choose between date, time and datetime\",\n defaultValue: \"date\",\n editable: true,\n required: true,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"date\", \"time\", \"datetime\"],\n group: GROUPS.basic,\n },\n assistiveText: {\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 group: GROUPS.basic,\n },\n // locale: {\n // label: \"Locale\",\n // description: \"Locale for the datepicker. Must be a valid Locale\",\n // formType: FORM_TYPES.string,\n // propType: PROP_TYPES.STRING,\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n // minuteInterval: {\n // label: \"Minute Interval\",\n // description: \"The interval at which minutes can be selected\",\n // formType: FORM_TYPES.flatArray,\n // propType: PROP_TYPES.NUMBER,\n // options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n // timeZoneOffsetInMinutes: {\n // label: \"Time zone offset\",\n // description:\n // \"By default, the datepicker uses the device's timezone. This will allow you to offset it\",\n // formType: FORM_TYPES.number,\n // propType: PROP_TYPES.NUMBER,\n // defaultValue: null,\n // editable: true,\n // required: false,\n // group: GROUPS.basic,\n // },\n disabled: {\n label: \"Disabled\",\n description:\n \"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 group: GROUPS.basic,\n },\n // error: {\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 // group: GROUPS.data,\n // },\n leftIconName: {\n label: \"Left icon name\",\n description: \"The icon to display on the left\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n leftIconMode: {\n label: \"Left icon mode\",\n description:\n \"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 group: GROUPS.basic,\n },\n rightIconName: {\n label: \"Right icon name\",\n description: \"The icon to display on the right\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n editable: true,\n required: false,\n group: GROUPS.basic,\n },\n fieldName: {\n ...FIELD_NAME,\n handlerPropName: \"onDateChange\",\n valuePropName: \"date\",\n defaultValue: \"date\",\n },\n};\n\nexport const SEED_DATA = [\n {\n name: \"Date Picker\",\n tag: \"DatePicker\",\n description: \"A component used to select a date from a visual calendar\",\n category: COMPONENT_TYPES.input,\n layout: null,\n triggers: [Triggers.OnDateChange],\n props: {\n ...SEED_DATA_PROPS,\n type: {\n label: \"Appearance\",\n description: \"Type of Datepicker\",\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 },\n];\n"]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SEED_DATA = void 0;
|
|
7
|
+
|
|
8
|
+
var _types = require("@draftbit/types");
|
|
9
|
+
|
|
10
|
+
const SEED_DATA = [{
|
|
11
|
+
name: "TabView",
|
|
12
|
+
tag: "TabView",
|
|
13
|
+
category: _types.COMPONENT_TYPES.container,
|
|
14
|
+
layout: {},
|
|
15
|
+
props: {
|
|
16
|
+
tabBarPosition: (0, _types.createTextEnumProp)({
|
|
17
|
+
label: "Tab Bar Position",
|
|
18
|
+
description: "Tab Bar Position",
|
|
19
|
+
options: ["top", "bottom"],
|
|
20
|
+
defaultValue: "top"
|
|
21
|
+
}),
|
|
22
|
+
keyboardDismissMode: (0, _types.createTextEnumProp)({
|
|
23
|
+
label: "Keyboard Dismiss Mode",
|
|
24
|
+
description: "Keyboard Dismiss Mode",
|
|
25
|
+
options: ["auto", "on-drag", "none"],
|
|
26
|
+
defaultValue: "auto"
|
|
27
|
+
}),
|
|
28
|
+
swipeEnabled: (0, _types.createBoolProp)({
|
|
29
|
+
label: "Swipe Enabled",
|
|
30
|
+
description: "Swipe Enabled",
|
|
31
|
+
defaultValue: true
|
|
32
|
+
}),
|
|
33
|
+
scrollEnabled: (0, _types.createBoolProp)({
|
|
34
|
+
label: "Scroll Enabled",
|
|
35
|
+
description: "Scroll Enabled",
|
|
36
|
+
defaultValue: true
|
|
37
|
+
}),
|
|
38
|
+
activeColor: (0, _types.createColorProp)({
|
|
39
|
+
label: "Active Color",
|
|
40
|
+
description: "Active Color",
|
|
41
|
+
defaultValue: "primary"
|
|
42
|
+
}),
|
|
43
|
+
inactiveColor: (0, _types.createColorProp)({
|
|
44
|
+
label: "Inactive Color",
|
|
45
|
+
description: "Inactive Color",
|
|
46
|
+
defaultValue: null
|
|
47
|
+
}),
|
|
48
|
+
pressColor: (0, _types.createColorProp)({
|
|
49
|
+
label: "Press Color",
|
|
50
|
+
description: "Press Color",
|
|
51
|
+
defaultValue: null
|
|
52
|
+
}),
|
|
53
|
+
indicatorColor: (0, _types.createColorProp)({
|
|
54
|
+
label: "Indicator Color",
|
|
55
|
+
description: "Indicator Color",
|
|
56
|
+
defaultValue: null
|
|
57
|
+
})
|
|
58
|
+
}
|
|
59
|
+
}, {
|
|
60
|
+
name: "TabViewItem",
|
|
61
|
+
tag: "TabViewItem",
|
|
62
|
+
category: _types.COMPONENT_TYPES.container,
|
|
63
|
+
layout: {},
|
|
64
|
+
props: {
|
|
65
|
+
title: (0, _types.createTextProp)({
|
|
66
|
+
label: "Title",
|
|
67
|
+
description: "Tab Title"
|
|
68
|
+
}),
|
|
69
|
+
id: (0, _types.createTextProp)({
|
|
70
|
+
label: "Id",
|
|
71
|
+
description: "Tab Id"
|
|
72
|
+
}),
|
|
73
|
+
accessibilityLabel: (0, _types.createTextProp)({
|
|
74
|
+
label: "Accessibility Label",
|
|
75
|
+
description: "Accessibility Label"
|
|
76
|
+
})
|
|
77
|
+
}
|
|
78
|
+
}];
|
|
79
|
+
exports.SEED_DATA = SEED_DATA;
|
|
80
|
+
//# sourceMappingURL=TabView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["TabView.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","container","layout","props","tabBarPosition","label","description","options","defaultValue","keyboardDismissMode","swipeEnabled","scrollEnabled","activeColor","inactiveColor","pressColor","indicatorColor","title","id","accessibilityLabel"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,cAAc,EAAE,+BAAmB;AACjCC,MAAAA,KAAK,EAAE,kBAD0B;AAEjCC,MAAAA,WAAW,EAAE,kBAFoB;AAGjCC,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,QAAR,CAHwB;AAIjCC,MAAAA,YAAY,EAAE;AAJmB,KAAnB,CADX;AAOLC,IAAAA,mBAAmB,EAAE,+BAAmB;AACtCJ,MAAAA,KAAK,EAAE,uBAD+B;AAEtCC,MAAAA,WAAW,EAAE,uBAFyB;AAGtCC,MAAAA,OAAO,EAAE,CAAC,MAAD,EAAS,SAAT,EAAoB,MAApB,CAH6B;AAItCC,MAAAA,YAAY,EAAE;AAJwB,KAAnB,CAPhB;AAaLE,IAAAA,YAAY,EAAE,2BAAe;AAC3BL,MAAAA,KAAK,EAAE,eADoB;AAE3BC,MAAAA,WAAW,EAAE,eAFc;AAG3BE,MAAAA,YAAY,EAAE;AAHa,KAAf,CAbT;AAkBLG,IAAAA,aAAa,EAAE,2BAAe;AAC5BN,MAAAA,KAAK,EAAE,gBADqB;AAE5BC,MAAAA,WAAW,EAAE,gBAFe;AAG5BE,MAAAA,YAAY,EAAE;AAHc,KAAf,CAlBV;AAuBLI,IAAAA,WAAW,EAAE,4BAAgB;AAC3BP,MAAAA,KAAK,EAAE,cADoB;AAE3BC,MAAAA,WAAW,EAAE,cAFc;AAG3BE,MAAAA,YAAY,EAAE;AAHa,KAAhB,CAvBR;AA4BLK,IAAAA,aAAa,EAAE,4BAAgB;AAC7BR,MAAAA,KAAK,EAAE,gBADsB;AAE7BC,MAAAA,WAAW,EAAE,gBAFgB;AAG7BE,MAAAA,YAAY,EAAE;AAHe,KAAhB,CA5BV;AAiCLM,IAAAA,UAAU,EAAE,4BAAgB;AAC1BT,MAAAA,KAAK,EAAE,aADmB;AAE1BC,MAAAA,WAAW,EAAE,aAFa;AAG1BE,MAAAA,YAAY,EAAE;AAHY,KAAhB,CAjCP;AAsCLO,IAAAA,cAAc,EAAE,4BAAgB;AAC9BV,MAAAA,KAAK,EAAE,iBADuB;AAE9BC,MAAAA,WAAW,EAAE,iBAFiB;AAG9BE,MAAAA,YAAY,EAAE;AAHgB,KAAhB;AAtCX;AALT,CADuB,EAmDvB;AACEX,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,GAAG,EAAE,aAFP;AAGEC,EAAAA,QAAQ,EAAEC,uBAAgBC,SAH5B;AAIEC,EAAAA,MAAM,EAAE,EAJV;AAKEC,EAAAA,KAAK,EAAE;AACLa,IAAAA,KAAK,EAAE,2BAAe;AACpBX,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE;AAFO,KAAf,CADF;AAKLW,IAAAA,EAAE,EAAE,2BAAe;AACjBZ,MAAAA,KAAK,EAAE,IADU;AAEjBC,MAAAA,WAAW,EAAE;AAFI,KAAf,CALC;AASLY,IAAAA,kBAAkB,EAAE,2BAAe;AACjCb,MAAAA,KAAK,EAAE,qBAD0B;AAEjCC,MAAAA,WAAW,EAAE;AAFoB,KAAf;AATf;AALT,CAnDuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createTextProp,\n createTextEnumProp,\n createBoolProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"TabView\",\n tag: \"TabView\",\n category: COMPONENT_TYPES.container,\n layout: {},\n props: {\n tabBarPosition: createTextEnumProp({\n label: \"Tab Bar Position\",\n description: \"Tab Bar Position\",\n options: [\"top\", \"bottom\"],\n defaultValue: \"top\",\n }),\n keyboardDismissMode: createTextEnumProp({\n label: \"Keyboard Dismiss Mode\",\n description: \"Keyboard Dismiss Mode\",\n options: [\"auto\", \"on-drag\", \"none\"],\n defaultValue: \"auto\",\n }),\n swipeEnabled: createBoolProp({\n label: \"Swipe Enabled\",\n description: \"Swipe Enabled\",\n defaultValue: true,\n }),\n scrollEnabled: createBoolProp({\n label: \"Scroll Enabled\",\n description: \"Scroll Enabled\",\n defaultValue: true,\n }),\n activeColor: createColorProp({\n label: \"Active Color\",\n description: \"Active Color\",\n defaultValue: \"primary\",\n }),\n inactiveColor: createColorProp({\n label: \"Inactive Color\",\n description: \"Inactive Color\",\n defaultValue: null,\n }),\n pressColor: createColorProp({\n label: \"Press Color\",\n description: \"Press Color\",\n defaultValue: null,\n }),\n indicatorColor: createColorProp({\n label: \"Indicator Color\",\n description: \"Indicator Color\",\n defaultValue: null,\n }),\n },\n },\n {\n name: \"TabViewItem\",\n tag: \"TabViewItem\",\n category: COMPONENT_TYPES.container,\n layout: {},\n props: {\n title: createTextProp({\n label: \"Title\",\n description: \"Tab Title\",\n }),\n id: createTextProp({\n label: \"Id\",\n description: \"Tab Id\",\n }),\n accessibilityLabel: createTextProp({\n label: \"Accessibility Label\",\n description: \"Accessibility Label\",\n }),\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 { Pressable, StyleSheet, View } from "react-native";
|
|
3
5
|
import Text from "../Text";
|
|
@@ -18,10 +20,9 @@ const AccordionItem = _ref => {
|
|
|
18
20
|
textStyles,
|
|
19
21
|
viewStyles
|
|
20
22
|
} = extractStyles(style);
|
|
21
|
-
return /*#__PURE__*/React.createElement(Pressable, {
|
|
22
|
-
style: [styles.container, viewStyles]
|
|
23
|
-
|
|
24
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
23
|
+
return /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
24
|
+
style: [styles.container, viewStyles]
|
|
25
|
+
}, rest), /*#__PURE__*/React.createElement(View, {
|
|
25
26
|
style: styles.row
|
|
26
27
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
27
28
|
name: icon,
|
|
@@ -54,22 +55,4 @@ const styles = StyleSheet.create({
|
|
|
54
55
|
}
|
|
55
56
|
});
|
|
56
57
|
export default withTheme(AccordionItem);
|
|
57
|
-
//# sourceMappingURL=AccordionItem.js.map container: {
|
|
58
|
-
padding: 8
|
|
59
|
-
},
|
|
60
|
-
row: {
|
|
61
|
-
flexDirection: "row",
|
|
62
|
-
alignItems: "center",
|
|
63
|
-
paddingLeft: 8
|
|
64
|
-
},
|
|
65
|
-
item: {
|
|
66
|
-
marginVertical: 6,
|
|
67
|
-
paddingLeft: 8
|
|
68
|
-
},
|
|
69
|
-
content: {
|
|
70
|
-
flex: 1,
|
|
71
|
-
justifyContent: "center"
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
export default withTheme(AccordionItem);
|
|
75
58
|
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
1
|
import * as React from "react";
|
|
4
2
|
import { withTheme } from "../theming";
|
|
5
3
|
import { ScrollView, View, StyleSheet, Dimensions } from "react-native";
|
|
@@ -52,9 +50,10 @@ function Carousel(_ref2) {
|
|
|
52
50
|
} = StyleSheet.flatten(style || {});
|
|
53
51
|
const slideWidth = width || screenWidth;
|
|
54
52
|
const slideHeight = height || 250;
|
|
55
|
-
return /*#__PURE__*/React.createElement(View,
|
|
56
|
-
style: [styles.container, style]
|
|
57
|
-
|
|
53
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
54
|
+
style: [styles.container, style],
|
|
55
|
+
...rest
|
|
56
|
+
}, /*#__PURE__*/React.createElement(ScrollView, {
|
|
58
57
|
pagingEnabled: true,
|
|
59
58
|
horizontal: true,
|
|
60
59
|
decelerationRate: "fast",
|
|
@@ -123,4 +122,20 @@ const styles = StyleSheet.create({
|
|
|
123
122
|
}
|
|
124
123
|
});
|
|
125
124
|
export default withTheme(Carousel);
|
|
125
|
+
//# sourceMappingURL=Carousel.js.mapottom: 12,
|
|
126
|
+
left: 0,
|
|
127
|
+
right: 0,
|
|
128
|
+
flexDirection: "row",
|
|
129
|
+
justifyContent: "center",
|
|
130
|
+
alignItems: "center"
|
|
131
|
+
},
|
|
132
|
+
bullet: {
|
|
133
|
+
marginHorizontal: 2,
|
|
134
|
+
width: 10,
|
|
135
|
+
height: 10,
|
|
136
|
+
borderRadius: 20,
|
|
137
|
+
backgroundColor: "#000"
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
export default withTheme(Carousel);
|
|
126
141
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Carousel.
|
|
1
|
+
{"version":3,"sources":["Carousel.js"],"names":["React","withTheme","ScrollView","View","StyleSheet","Dimensions","Image","screenWidth","get","width","Pager","color","index","length","createElement","style","styles","pager","Array","from","map","_","i","current","opacity","size","key","bullet","backgroundColor","height","Carousel","data","children","dotColor","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","flatten","slideWidth","slideHeight","container","pagingEnabled","horizontal","decelerationRate","scrollEventThrottle","showsHorizontalScrollIndicator","onScroll","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","resizeMode","source","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { ScrollView, View, StyleSheet, Dimensions, } from \"react-native\";\nimport Image from \"./Image\";\nconst screenWidth = Dimensions.get(\"window\").width;\nfunction Pager({ color, index, length, }) {\n return (React.createElement(View, { style: styles.pager }, Array.from({ length }).map((_, i) => {\n const current = index === i;\n const opacity = current ? 1 : 0.5;\n const size = current ? 10 : 8;\n return (React.createElement(View, { key: i, style: [\n styles.bullet,\n { backgroundColor: color, opacity, width: size, height: size },\n ] }));\n })));\n}\nfunction Carousel({ data, children, dotColor = \"strong\", style, ...rest }) {\n const [index, setIndex] = React.useState(0);\n const length = React.Children.count(children);\n const itemsLength = (data?.length ?? 0) + length;\n const slides = Array.isArray(data) ? data : [];\n const { width, height } = StyleSheet.flatten(style || {});\n const slideWidth = width || screenWidth;\n const slideHeight = height || 250;\n return (React.createElement(View, { style: [styles.container, style], ...rest },\n React.createElement(ScrollView, { pagingEnabled: true, horizontal: true, decelerationRate: \"fast\", scrollEventThrottle: 200, showsHorizontalScrollIndicator: false, onScroll: ({ nativeEvent }) => {\n const layoutWidth = nativeEvent.layoutMeasurement.width;\n const offset = nativeEvent.contentOffset.x;\n const currentIndex = Math.ceil(offset / layoutWidth);\n setIndex(currentIndex);\n } },\n slides.length > 0\n ? slides.map((item, i) => {\n return (React.createElement(Image, { key: i, resizeMode: \"cover\", source: typeof item === \"string\" ? { uri: item } : item, style: [{ width: slideWidth, height: slideHeight }] }));\n })\n : null,\n React.Children.map(children, (child) => {\n const s = child?.props?.style || {};\n return (React.createElement(View, { style: { width: slideWidth } }, React.cloneElement(child, {\n style: { ...s, width: slideWidth },\n })));\n })),\n React.createElement(Pager, { color: dotColor, index: index, length: itemsLength })));\n}\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: \"#eee\",\n },\n pager: {\n position: \"absolute\",\n bottom: 12,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n bullet: {\n marginHorizontal: 2,\n width: 10,\n height: 10,\n borderRadius: 20,\n backgroundColor: \"#000\",\n },\n});\nexport default withTheme(Carousel);\n"]}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { TabView, TabBar, SceneMap } from "react-native-tab-view"; // import { withTheme } from "../../theming";
|
|
5
|
+
|
|
6
|
+
import TabViewItem from "./TabViewItem";
|
|
7
|
+
|
|
8
|
+
const TabViewComponent = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
Icon,
|
|
11
|
+
tabBarPosition,
|
|
12
|
+
keyboardDismissMode,
|
|
13
|
+
swipeEnabled,
|
|
14
|
+
scrollEnabled,
|
|
15
|
+
activeColor,
|
|
16
|
+
inactiveColor,
|
|
17
|
+
pressColor,
|
|
18
|
+
indicatorColor,
|
|
19
|
+
style,
|
|
20
|
+
children
|
|
21
|
+
} = _ref;
|
|
22
|
+
const [index, setIndex] = React.useState(0);
|
|
23
|
+
const [routes, setRoutes] = React.useState([]);
|
|
24
|
+
const [tabScenes, setTabScenes] = React.useState({});
|
|
25
|
+
React.useEffect(() => {
|
|
26
|
+
const newRoutes = [];
|
|
27
|
+
const scenes = {};
|
|
28
|
+
React.Children.toArray(children).filter(child => child.type === TabViewItem).forEach(child => {
|
|
29
|
+
var _child$props;
|
|
30
|
+
|
|
31
|
+
if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.id) {
|
|
32
|
+
var _child$props2, _child$props3;
|
|
33
|
+
|
|
34
|
+
newRoutes.push({
|
|
35
|
+
key: child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.id,
|
|
36
|
+
...(child === null || child === void 0 ? void 0 : child.props)
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
scenes[child === null || child === void 0 ? void 0 : (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.id] = () => child;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
setRoutes(newRoutes);
|
|
43
|
+
setTabScenes(scenes);
|
|
44
|
+
}, [children]);
|
|
45
|
+
|
|
46
|
+
const indexChangeHandler = i => setIndex(i);
|
|
47
|
+
|
|
48
|
+
const renderTabBar = props => {
|
|
49
|
+
console.log(props);
|
|
50
|
+
return /*#__PURE__*/React.createElement(TabBar, _extends({}, props, {
|
|
51
|
+
activeColor: activeColor,
|
|
52
|
+
inactiveColor: inactiveColor,
|
|
53
|
+
pressColor: pressColor,
|
|
54
|
+
scrollEnabled: scrollEnabled,
|
|
55
|
+
indicatorStyle: {
|
|
56
|
+
backgroundColor: indicatorColor
|
|
57
|
+
},
|
|
58
|
+
renderIcon: _ref2 => {
|
|
59
|
+
let {
|
|
60
|
+
route,
|
|
61
|
+
color
|
|
62
|
+
} = _ref2;
|
|
63
|
+
return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
64
|
+
name: route.icon,
|
|
65
|
+
color: color,
|
|
66
|
+
size: 36
|
|
67
|
+
}) : null;
|
|
68
|
+
},
|
|
69
|
+
style: style
|
|
70
|
+
}));
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
return /*#__PURE__*/React.createElement(TabView, {
|
|
74
|
+
navigationState: {
|
|
75
|
+
index,
|
|
76
|
+
routes
|
|
77
|
+
},
|
|
78
|
+
renderScene: SceneMap(tabScenes),
|
|
79
|
+
renderTabBar: renderTabBar,
|
|
80
|
+
onIndexChange: indexChangeHandler,
|
|
81
|
+
tabBarPosition: tabBarPosition,
|
|
82
|
+
keyboardDismissMode: keyboardDismissMode,
|
|
83
|
+
swipeEnabled: swipeEnabled
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
export default TabViewComponent;
|
|
88
|
+
//# sourceMappingURL=TabView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["TabView.tsx"],"names":["React","TabView","TabBar","SceneMap","TabViewItem","TabViewComponent","Icon","tabBarPosition","keyboardDismissMode","swipeEnabled","scrollEnabled","activeColor","inactiveColor","pressColor","indicatorColor","style","children","index","setIndex","useState","routes","setRoutes","tabScenes","setTabScenes","useEffect","newRoutes","scenes","Children","toArray","filter","child","type","forEach","props","id","push","key","indexChangeHandler","i","renderTabBar","console","log","backgroundColor","route","color","icon"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport { TabView, TabBar, SceneMap } from \"react-native-tab-view\";\n\n// import { withTheme } from \"../../theming\";\nimport TabViewItem from \"./TabViewItem\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\ntype TabBarPosition = \"top\" | \"bottom\";\ntype KeyboardDismissMode = \"none\" | \"auto\" | \"on-drag\";\n\ntype TabViewProps = {\n tabBarPosition?: TabBarPosition;\n keyboardDismissMode?: KeyboardDismissMode;\n swipeEnabled?: boolean;\n scrollEnabled?: boolean;\n activeColor?: string;\n inactiveColor?: string;\n pressColor?: string;\n indicatorColor?: string;\n style?: StyleProp<TextStyle | ViewStyle>;\n children: React.ReactNode;\n} & IconSlot;\n\nconst TabViewComponent = ({\n Icon,\n tabBarPosition,\n keyboardDismissMode,\n swipeEnabled,\n scrollEnabled,\n activeColor,\n inactiveColor,\n pressColor,\n indicatorColor,\n style,\n children,\n}: TabViewProps) => {\n const [index, setIndex] = React.useState(0);\n const [routes, setRoutes] = React.useState([]);\n const [tabScenes, setTabScenes] = React.useState({});\n\n React.useEffect(() => {\n const newRoutes: any = [];\n const scenes: any = {};\n\n React.Children.toArray(children)\n .filter((child: any) => child.type === TabViewItem)\n .forEach((child: any) => {\n if (child?.props?.id) {\n newRoutes.push({\n key: child?.props?.id,\n ...child?.props,\n });\n scenes[child?.props?.id] = () => child;\n }\n });\n\n setRoutes(newRoutes);\n setTabScenes(scenes);\n }, [children]);\n\n const indexChangeHandler = (i: any) => setIndex(i);\n\n const renderTabBar = (props: any) => {\n console.log(props);\n return (\n <TabBar\n {...props}\n activeColor={activeColor}\n inactiveColor={inactiveColor}\n pressColor={pressColor}\n scrollEnabled={scrollEnabled}\n indicatorStyle={{ backgroundColor: indicatorColor }}\n renderIcon={({ route, color }) =>\n route?.icon ? (\n <Icon name={route.icon} color={color} size={36} />\n ) : null\n }\n style={style}\n />\n );\n };\n\n return (\n <TabView\n navigationState={{ index, routes }}\n renderScene={SceneMap(tabScenes)}\n renderTabBar={renderTabBar}\n onIndexChange={indexChangeHandler}\n tabBarPosition={tabBarPosition}\n keyboardDismissMode={keyboardDismissMode}\n swipeEnabled={swipeEnabled}\n />\n );\n};\n\nexport default TabViewComponent;\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
const TabViewItem = _ref => {
|
|
2
|
+
let {
|
|
3
|
+
title,
|
|
4
|
+
id,
|
|
5
|
+
icon,
|
|
6
|
+
children,
|
|
7
|
+
accessibilityLabel
|
|
8
|
+
} = _ref;
|
|
9
|
+
console.log({
|
|
10
|
+
title,
|
|
11
|
+
id,
|
|
12
|
+
icon,
|
|
13
|
+
accessibilityLabel
|
|
14
|
+
});
|
|
15
|
+
return children;
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export default TabViewItem;
|
|
19
|
+
//# sourceMappingURL=TabViewItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["TabViewItem.tsx"],"names":["TabViewItem","title","id","icon","children","accessibilityLabel","console","log"],"mappings":"AASA,MAAMA,WAAW,GAAG,QAMI;AAAA,MANH;AACnBC,IAAAA,KADmB;AAEnBC,IAAAA,EAFmB;AAGnBC,IAAAA,IAHmB;AAInBC,IAAAA,QAJmB;AAKnBC,IAAAA;AALmB,GAMG;AACtBC,EAAAA,OAAO,CAACC,GAAR,CAAY;AAAEN,IAAAA,KAAF;AAASC,IAAAA,EAAT;AAAaC,IAAAA,IAAb;AAAmBE,IAAAA;AAAnB,GAAZ;AACA,SAAOD,QAAP;AACD,CATD;;AAWA,eAAeJ,WAAf","sourcesContent":["import React from \"react\";\ninterface TabViewItemProps {\n title: string;\n id: string;\n icon: string;\n accessibilityLabel: string;\n children: React.ReactNode;\n}\n\nconst TabViewItem = ({\n title,\n id,\n icon,\n children,\n accessibilityLabel,\n}: TabViewItemProps) => {\n console.log({ title, id, icon, accessibilityLabel });\n return children;\n};\n\nexport default TabViewItem;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":["default","TabView","TabViewItem"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,WAAnC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,eAAvC","sourcesContent":["export { default as TabView } from \"./TabView\";\nexport { default as TabViewItem } from \"./TabViewItem\";\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAuthState.
|
|
1
|
+
{"version":3,"sources":["useAuthState.tsx"],"names":["React","useAuthState","auth","error","setError","useState","value","setValue","currentUser","useEffect","list","onAuthStateChanged","signInWithEmailAndPassword","user","password","then","catch","createUserWithEmailAndPassword","signOut"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,MAAMC,YAAY,GAAIC,IAAD,IAAe;AACzC,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBJ,KAAK,CAACK,QAAN,EAA1B;AACA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBP,KAAK,CAACK,QAAN,CAAeH,IAAI,CAACM,WAApB,CAA1B;AAEAR,EAAAA,KAAK,CAACS,SAAN,CAAgB,MAAM;AACpB,UAAMC,IAAI,GAAGR,IAAI,CAACS,kBAAL,CAAwBJ,QAAxB,EAAkCH,QAAlC,CAAb;AAEA,WAAO,MAAM;AACXM,MAAAA,IAAI;AACL,KAFD;AAGD,GAND,EAMG,CAACR,IAAD,CANH;;AAQA,QAAMU,0BAA0B,GAAG,CAACC,IAAD,EAAeC,QAAf,KAAoC;AACrEZ,IAAAA,IAAI,CACDU,0BADH,CAC8BC,IAD9B,EACoCC,QADpC,EAEGC,IAFH,CAEQR,QAFR,EAGGS,KAHH,CAGSZ,QAHT;AAID,GALD;;AAOA,QAAMa,8BAA8B,GAAG,CAACJ,IAAD,EAAeC,QAAf,KAAoC;AACzEZ,IAAAA,IAAI,CACDU,0BADH,CAC8BC,IAD9B,EACoCC,QADpC,EAEGC,IAFH,CAEQR,QAFR,EAGGS,KAHH,CAGSZ,QAHT;AAID,GALD;;AAOA,QAAMc,OAAO,GAAG,MAAMhB,IAAI,CAACgB,OAAL,EAAtB;;AAEA,SAAO,CACLZ,KADK,EAELH,KAFK,EAGLS,0BAHK,EAILM,OAJK,EAKLD,8BALK,CAAP;AAOD,CAnCM","sourcesContent":["import * as React from \"react\";\n\nexport const useAuthState = (auth: any) => {\n const [error, setError] = React.useState();\n const [value, setValue] = React.useState(auth.currentUser);\n\n React.useEffect(() => {\n const list = auth.onAuthStateChanged(setValue, setError);\n\n return () => {\n list();\n };\n }, [auth]);\n\n const signInWithEmailAndPassword = (user: string, password: string) => {\n auth\n .signInWithEmailAndPassword(user, password)\n .then(setValue)\n .catch(setError);\n };\n\n const createUserWithEmailAndPassword = (user: string, password: string) => {\n auth\n .signInWithEmailAndPassword(user, password)\n .then(setValue)\n .catch(setError);\n };\n\n const signOut = () => auth.signOut();\n\n return [\n value,\n error,\n signInWithEmailAndPassword,\n signOut,\n createUserWithEmailAndPassword,\n ];\n};\n"]}
|
package/lib/module/index.js
CHANGED
|
@@ -28,6 +28,7 @@ export { default as Touchable } from "./components/Touchable";
|
|
|
28
28
|
export { AccordionGroup, AccordionItem } from "./components/Accordion";
|
|
29
29
|
export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
|
|
30
30
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
31
|
+
export { TabView, TabViewItem } from "./components/TabView";
|
|
31
32
|
export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
|
|
32
33
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
|
|
33
34
|
/* Deprecated: Fix or Delete! */
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,WAAzC;AACA,SAASC,OAAO,IAAIC,QAApB,QAAoC,YAApC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,uBAAxC;AAEA,SAASC,IAAT,QAAqB,mBAArB;AACA,SAASH,OAAO,IAAII,MAApB,QAAkC,qBAAlC;AACA,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,qBAA3C;AACA,SAASN,OAAO,IAAIO,MAApB,QAAkC,0BAAlC;AACA,SAASP,OAAO,IAAIQ,UAApB,QAAsC,yBAAtC;AACA,SAASR,OAAO,IAAIS,IAApB,QAAgC,mBAAhC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,uBAApC;AACA,SAASC,QAAT,EAAmBC,aAAnB,EAAkCC,WAAlC,QAAqD,uBAArD;AACA,SAASb,OAAO,IAAIc,WAApB,QAAuC,0BAAvC;AACA,SAASd,OAAO,IAAIe,SAApB,QAAqC,wBAArC;AACA,SAASf,OAAO,IAAIgB,OAApB,QAAmC,sBAAnC;AACA,SAAShB,OAAO,IAAIiB,GAApB,QAA+B,kBAA/B;AACA,SAASjB,OAAO,IAAIkB,kBAApB,QAA8C,iCAA9C;AACA,SAASlB,OAAO,IAAImB,UAApB,QAAsC,yBAAtC;AACA,SAASnB,OAAO,IAAIoB,KAApB,QAAiC,oBAAjC;AACA,SAASpB,OAAO,IAAIqB,WAApB,QAAuC,0BAAvC;AACA,SAASrB,OAAO,IAAIsB,eAApB,QAA2C,8BAA3C;AACA,SAAStB,OAAO,IAAIuB,UAApB,QAAsC,yBAAtC;AACA,SAASvB,OAAO,IAAIwB,OAApB,QAAmC,sBAAnC;AACA,SAASxB,OAAO,IAAIyB,MAApB,EAA4BC,SAA5B,QAA6C,qBAA7C;AACA,SAAS1B,OAAO,IAAI2B,SAApB,QAAqC,wBAArC;AACA,SAAS3B,OAAO,IAAI4B,YAApB,QAAwC,2BAAxC;AACA,SAAS5B,OAAO,IAAI6B,SAApB,QAAqC,wBAArC;AACA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,wBAA9C;AACA,SACEC,WADF,EAEEC,eAFF,EAGEC,iBAHF,QAIO,0BAJP;AAKA,SAASC,MAAT,EAAiBC,UAAjB,QAAmC,qBAAnC;AAEA,SACEC,MADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,GAJF,EAKEC,KALF,EAMEC,MANF,QAOO,qBAPP;AASA,SACEC,WADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,qBAJF,QAKO,gCALP;AAOA;;AACA,
|
|
1
|
+
{"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","Banner","ButtonSolid","ButtonOutline","Avatar","AvatarEdit","Card","Carousel","Checkbox","CheckboxGroup","CheckboxRow","CircleImage","Container","Divider","FAB","FieldSearchBarFull","IconButton","Image","NumberInput","ScreenContainer","StarRating","Surface","Switch","SwitchRow","TextField","ToggleButton","Touchable","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel","Swiper","SwiperItem","TabView","TabViewItem","Center","Circle","Square","Row","Stack","Spacer","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Button","CardBlock","CardContainer","CardContainerRating","CardInline","DatePicker","HeaderLarge","HeaderMedium","HeaderOverline","Picker","ProgressBar","ProgressCircle","RowBodyIcon","RowHeadlineImageCaption","RowHeadlineImageIcon","Slider","Stepper","useAuthState"],"mappings":"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","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { default as Banner } from \"./components/Banner\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\nexport { TabView, TabViewItem } from \"./components/TabView\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n\n// a comment to fix sourcemap comment issue\n"]}
|
|
@@ -2,7 +2,7 @@ import { COMPONENT_TYPES, createResizeModeProp, createColorProp } from "@draftbi
|
|
|
2
2
|
export const SEED_DATA = [{
|
|
3
3
|
name: "Carousel",
|
|
4
4
|
tag: "Carousel",
|
|
5
|
-
category: COMPONENT_TYPES.
|
|
5
|
+
category: COMPONENT_TYPES.deprecated,
|
|
6
6
|
description: "A horizontal scrolling carousel of images",
|
|
7
7
|
layout: {
|
|
8
8
|
height: 250
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Carousel.ts"],"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","
|
|
1
|
+
{"version":3,"sources":["Carousel.ts"],"names":["COMPONENT_TYPES","createResizeModeProp","createColorProp","SEED_DATA","name","tag","category","deprecated","description","layout","height","props","resizeMode","dotColor","label"],"mappings":"AAAA,SACEA,eADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,iBAJP;AAMA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,UADR;AAEEC,EAAAA,GAAG,EAAE,UAFP;AAGEC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,UAH5B;AAIEC,EAAAA,WAAW,EAAE,2CAJf;AAKEC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AADF,GALV;AAQEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAEX,oBAAoB,EAD3B;AAELY,IAAAA,QAAQ,EAAEX,eAAe,CAAC;AACxBY,MAAAA,KAAK,EAAE;AADiB,KAAD;AAFpB;AART,CADuB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createResizeModeProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Carousel\",\n tag: \"Carousel\",\n category: COMPONENT_TYPES.deprecated,\n description: \"A horizontal scrolling carousel of images\",\n layout: {\n height: 250,\n },\n props: {\n resizeMode: createResizeModeProp(),\n dotColor: createColorProp({\n label: \"Dot color\",\n }),\n },\n },\n];\n"]}
|
|
@@ -31,37 +31,38 @@ const SEED_DATA_PROPS = {
|
|
|
31
31
|
required: false,
|
|
32
32
|
group: GROUPS.basic
|
|
33
33
|
},
|
|
34
|
-
locale: {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
},
|
|
44
|
-
minuteInterval: {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
timeZoneOffsetInMinutes: {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
34
|
+
// locale: {
|
|
35
|
+
// label: "Locale",
|
|
36
|
+
// description: "Locale for the datepicker. Must be a valid Locale",
|
|
37
|
+
// formType: FORM_TYPES.string,
|
|
38
|
+
// propType: PROP_TYPES.STRING,
|
|
39
|
+
// defaultValue: null,
|
|
40
|
+
// editable: true,
|
|
41
|
+
// required: false,
|
|
42
|
+
// group: GROUPS.basic,
|
|
43
|
+
// },
|
|
44
|
+
// minuteInterval: {
|
|
45
|
+
// label: "Minute Interval",
|
|
46
|
+
// description: "The interval at which minutes can be selected",
|
|
47
|
+
// formType: FORM_TYPES.flatArray,
|
|
48
|
+
// propType: PROP_TYPES.NUMBER,
|
|
49
|
+
// options: [1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30],
|
|
50
|
+
// defaultValue: null,
|
|
51
|
+
// editable: true,
|
|
52
|
+
// required: false,
|
|
53
|
+
// group: GROUPS.basic,
|
|
54
|
+
// },
|
|
55
|
+
// timeZoneOffsetInMinutes: {
|
|
56
|
+
// label: "Time zone offset",
|
|
57
|
+
// description:
|
|
58
|
+
// "By default, the datepicker uses the device's timezone. This will allow you to offset it",
|
|
59
|
+
// formType: FORM_TYPES.number,
|
|
60
|
+
// propType: PROP_TYPES.NUMBER,
|
|
61
|
+
// defaultValue: null,
|
|
62
|
+
// editable: true,
|
|
63
|
+
// required: false,
|
|
64
|
+
// group: GROUPS.basic,
|
|
65
|
+
// },
|
|
65
66
|
disabled: {
|
|
66
67
|
label: "Disabled",
|
|
67
68
|
description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
|
|
@@ -72,16 +73,16 @@ const SEED_DATA_PROPS = {
|
|
|
72
73
|
required: false,
|
|
73
74
|
group: GROUPS.basic
|
|
74
75
|
},
|
|
75
|
-
error: {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
},
|
|
76
|
+
// error: {
|
|
77
|
+
// label: "Error",
|
|
78
|
+
// description: "Whether the picker should display the error state",
|
|
79
|
+
// formType: FORM_TYPES.boolean,
|
|
80
|
+
// propType: PROP_TYPES.BOOLEAN,
|
|
81
|
+
// defaultValue: false,
|
|
82
|
+
// editable: true,
|
|
83
|
+
// required: false,
|
|
84
|
+
// group: GROUPS.data,
|
|
85
|
+
// },
|
|
85
86
|
leftIconName: {
|
|
86
87
|
label: "Left icon name",
|
|
87
88
|
description: "The icon to display on the left",
|