@draftbit/core 43.2.5-74eaeb.3 → 43.2.5-7c0f30.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.
Files changed (28) hide show
  1. package/lib/commonjs/components/LinearGradient.js +127 -0
  2. package/lib/commonjs/components/LinearGradient.js.map +1 -0
  3. package/lib/commonjs/index.js +8 -0
  4. package/lib/commonjs/index.js.map +1 -1
  5. package/lib/commonjs/mappings/TextArea.js +1 -12
  6. package/lib/commonjs/mappings/TextArea.js.map +1 -1
  7. package/lib/module/components/LinearGradient.js +111 -0
  8. package/lib/module/components/LinearGradient.js.map +1 -0
  9. package/lib/module/components/RowBodyIcon.js.map +1 -1
  10. package/lib/module/components/ScreenContainer.js +5 -18
  11. package/lib/module/components/ScreenContainer.js.map +1 -1
  12. package/lib/module/index.js +1 -0
  13. package/lib/module/index.js.map +1 -1
  14. package/lib/module/mappings/ActionSheetCancel.js.map +1 -1
  15. package/lib/module/mappings/AvatarEdit.js.map +1 -1
  16. package/lib/module/mappings/BlurView.js.map +1 -1
  17. package/lib/module/mappings/TextArea.js +1 -12
  18. package/lib/module/mappings/TextArea.js.map +1 -1
  19. package/lib/typescript/src/components/LinearGradient.d.ts +108 -0
  20. package/lib/typescript/src/index.d.ts +1 -0
  21. package/lib/typescript/src/mappings/TextArea.d.ts +1 -12
  22. package/package.json +3 -2
  23. package/src/components/LinearGradient.js +84 -0
  24. package/src/components/LinearGradient.tsx +119 -0
  25. package/src/index.js +1 -0
  26. package/src/index.tsx +1 -0
  27. package/src/mappings/TextArea.js +1 -14
  28. package/src/mappings/TextArea.ts +1 -14
package/lib/commonjs/components/LinearGradient.js ADDED
@@ -0,0 +1,127 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.SEED_DATA = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _expoLinearGradient = require("expo-linear-gradient");
11
+
12
+ var _utilities = require("../utilities");
13
+
14
+ var _types = require("@draftbit/types");
15
+
16
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
+
18
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
+
20
+ const LinearGradientComp = _ref => {
21
+ let {
22
+ children,
23
+ color1,
24
+ color2,
25
+ color3,
26
+ startX = 0,
27
+ startY = 0,
28
+ endX = 100,
29
+ endY = 100,
30
+ style
31
+ } = _ref;
32
+ const {
33
+ viewStyles
34
+ } = (0, _utilities.extractStyles)(style);
35
+ const colors = [color1, color2, color3].filter(color => !!color);
36
+ const start = {
37
+ x: startX / 100,
38
+ y: startY / 100
39
+ };
40
+ const end = {
41
+ x: endX / 100,
42
+ y: endY / 100
43
+ };
44
+ return /*#__PURE__*/React.createElement(_expoLinearGradient.LinearGradient, {
45
+ colors: colors,
46
+ start: start,
47
+ end: end,
48
+ style: viewStyles
49
+ }, children);
50
+ };
51
+
52
+ var _default = LinearGradientComp;
53
+ exports.default = _default;
54
+ const SEED_DATA = {
55
+ name: "LinearGradient",
56
+ tag: "LinearGradient",
57
+ description: "Linear Gradient Component",
58
+ props: {
59
+ color1: (0, _types.createColorProp)({
60
+ label: "Color 1"
61
+ }),
62
+ color2: (0, _types.createColorProp)({
63
+ label: "Color 2"
64
+ }),
65
+ color3: (0, _types.createColorProp)({
66
+ label: "Color 3"
67
+ }),
68
+ startX: {
69
+ group: _types.GROUPS.basic,
70
+ label: "Start X",
71
+ description: "Start position from Left",
72
+ editable: true,
73
+ required: false,
74
+ defaultValue: 0,
75
+ min: 0,
76
+ max: 100,
77
+ step: 1,
78
+ precision: 0,
79
+ formType: _types.FORM_TYPES.number,
80
+ propType: _types.PROP_TYPES.NUMBER
81
+ },
82
+ startY: {
83
+ group: _types.GROUPS.basic,
84
+ label: "Start Y",
85
+ description: "Start position from Top",
86
+ editable: true,
87
+ required: false,
88
+ defaultValue: 0,
89
+ min: 0,
90
+ max: 100,
91
+ step: 1,
92
+ precision: 0,
93
+ formType: _types.FORM_TYPES.number,
94
+ propType: _types.PROP_TYPES.NUMBER
95
+ },
96
+ endX: {
97
+ group: _types.GROUPS.basic,
98
+ label: "End Y",
99
+ description: "End position from Right",
100
+ editable: true,
101
+ required: false,
102
+ defaultValue: 100,
103
+ min: 0,
104
+ max: 100,
105
+ step: 1,
106
+ precision: 0,
107
+ formType: _types.FORM_TYPES.number,
108
+ propType: _types.PROP_TYPES.NUMBER
109
+ },
110
+ endY: {
111
+ group: _types.GROUPS.basic,
112
+ label: "End Y",
113
+ description: "End position from Bottom",
114
+ editable: true,
115
+ required: false,
116
+ defaultValue: 100,
117
+ min: 0,
118
+ max: 100,
119
+ step: 1,
120
+ precision: 0,
121
+ formType: _types.FORM_TYPES.number,
122
+ propType: _types.PROP_TYPES.NUMBER
123
+ }
124
+ }
125
+ };
126
+ exports.SEED_DATA = SEED_DATA;
127
+ //# sourceMappingURL=LinearGradient.js.map
package/lib/commonjs/components/LinearGradient.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["LinearGradient.tsx"],"names":["LinearGradientComp","children","color1","color2","color3","startX","startY","endX","endY","style","viewStyles","colors","filter","color","start","x","y","end","SEED_DATA","name","tag","description","props","label","group","GROUPS","basic","editable","required","defaultValue","min","max","step","precision","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { extractStyles } from \"../utilities\";\nimport {\n createColorProp,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\ntype Props = {\n color1: string;\n color2: string;\n color3: string;\n startX: number;\n startY: number;\n endX: number;\n endY: number;\n children?: any;\n style?: StyleProp<ViewStyle>;\n};\n\nconst LinearGradientComp = ({\n children,\n color1,\n color2,\n color3,\n startX = 0,\n startY = 0,\n endX = 100,\n endY = 100,\n style,\n}: Props) => {\n const { viewStyles } = extractStyles(style);\n const colors = [color1, color2, color3].filter((color: string) => !!color);\n const start = { x: startX / 100, y: startY / 100 };\n const end = { x: endX / 100, y: endY / 100 };\n return (\n <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>\n {children}\n </LinearGradient>\n );\n};\n\nexport default LinearGradientComp;\n\nexport const SEED_DATA = {\n name: \"LinearGradient\",\n tag: \"LinearGradient\",\n description: \"Linear Gradient Component\",\n props: {\n color1: createColorProp({\n label: \"Color 1\",\n }),\n color2: createColorProp({\n label: \"Color 2\",\n }),\n color3: createColorProp({\n label: \"Color 3\",\n }),\n startX: {\n group: GROUPS.basic,\n label: \"Start X\",\n description: \"Start position from Left\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n startY: {\n group: GROUPS.basic,\n label: \"Start Y\",\n description: \"Start position from Top\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endX: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Right\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endY: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Bottom\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n },\n};\n"]}
package/lib/commonjs/index.js CHANGED
@@ -201,6 +201,12 @@ Object.defineProperty(exports, "Image", {
201
201
  return _Image.default;
202
202
  }
203
203
  });
204
+ Object.defineProperty(exports, "LinearGradient", {
205
+ enumerable: true,
206
+ get: function () {
207
+ return _LinearGradient.default;
208
+ }
209
+ });
204
210
  Object.defineProperty(exports, "Link", {
205
211
  enumerable: true,
206
212
  get: function () {
@@ -452,6 +458,8 @@ var _Touchable = _interopRequireDefault(require("./components/Touchable"));
452
458
 
453
459
  var _Accordion = require("./components/Accordion");
454
460
 
461
+ var _LinearGradient = _interopRequireDefault(require("./components/LinearGradient"));
462
+
455
463
  var _ActionSheet = require("./components/ActionSheet");
456
464
 
457
465
  var _Swiper = require("./components/Swiper");
package/lib/commonjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AASA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
1
+ {"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AASA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport { default as LinearGradient } from \"./components/LinearGradient\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
package/lib/commonjs/mappings/TextArea.js CHANGED
@@ -13,18 +13,7 @@ const SEED_DATA = {
13
13
  description: "An input field that allows for multiple lines.",
14
14
  category: _types.COMPONENT_TYPES.input,
15
15
  layout: {
16
- borderLeftWidth: 1,
17
- borderRightWidth: 1,
18
- borderTopWidth: 1,
19
- borderBottomWidth: 1,
20
- borderColor: "divider",
21
- paddingLeft: 8,
22
- paddingRight: 8,
23
- paddingTop: 8,
24
- paddingBottom: 8,
25
- borderRadius: 8,
26
- textAlignVertical: "top",
27
- minHeight: 100
16
+ flex: 1
28
17
  },
29
18
  triggers: [_types.Triggers.OnChangeText],
30
19
  props: { ..._types.TEXT_INPUT_PROPS,
package/lib/commonjs/mappings/TextArea.js.map CHANGED
@@ -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","textAlignVertical","minHeight","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,CAVR;AAWNC,IAAAA,iBAAiB,EAAE,KAXb;AAYNC,IAAAA,SAAS,EAAE;AAZL,GALe;AAmBvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CAnBa;AAoBvBC,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;AAETzB,MAAAA,WAAW,EAAE,WAFJ;AAGT0B,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;AAEbzB,MAAAA,WAAW,EAAE,iBAFA;AAGb0B,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;AApBgB,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 textAlignVertical: \"top\",\n minHeight: 100,\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
+ {"version":3,"sources":["TextArea.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","input","layout","flex","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;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACC,gBAASC,YAAV,CANa;AAOvBC,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;AAETd,MAAAA,WAAW,EAAE,WAFJ;AAGTe,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;AAEbd,MAAAA,WAAW,EAAE,iBAFA;AAGbe,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;AAPgB,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: { flex: 1 },\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"]}
package/lib/module/components/LinearGradient.js ADDED
@@ -0,0 +1,111 @@
1
+ import * as React from "react";
2
+ import { LinearGradient } from "expo-linear-gradient";
3
+ import { extractStyles } from "../utilities";
4
+ import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES } from "@draftbit/types";
5
+
6
+ const LinearGradientComp = _ref => {
7
+ let {
8
+ children,
9
+ color1,
10
+ color2,
11
+ color3,
12
+ startX = 0,
13
+ startY = 0,
14
+ endX = 100,
15
+ endY = 100,
16
+ style
17
+ } = _ref;
18
+ const {
19
+ viewStyles
20
+ } = extractStyles(style);
21
+ const colors = [color1, color2, color3].filter(color => !!color);
22
+ const start = {
23
+ x: startX / 100,
24
+ y: startY / 100
25
+ };
26
+ const end = {
27
+ x: endX / 100,
28
+ y: endY / 100
29
+ };
30
+ return /*#__PURE__*/React.createElement(LinearGradient, {
31
+ colors: colors,
32
+ start: start,
33
+ end: end,
34
+ style: viewStyles
35
+ }, children);
36
+ };
37
+
38
+ export default LinearGradientComp;
39
+ export const SEED_DATA = {
40
+ name: "LinearGradient",
41
+ tag: "LinearGradient",
42
+ description: "Linear Gradient Component",
43
+ props: {
44
+ color1: createColorProp({
45
+ label: "Color 1"
46
+ }),
47
+ color2: createColorProp({
48
+ label: "Color 2"
49
+ }),
50
+ color3: createColorProp({
51
+ label: "Color 3"
52
+ }),
53
+ startX: {
54
+ group: GROUPS.basic,
55
+ label: "Start X",
56
+ description: "Start position from Left",
57
+ editable: true,
58
+ required: false,
59
+ defaultValue: 0,
60
+ min: 0,
61
+ max: 100,
62
+ step: 1,
63
+ precision: 0,
64
+ formType: FORM_TYPES.number,
65
+ propType: PROP_TYPES.NUMBER
66
+ },
67
+ startY: {
68
+ group: GROUPS.basic,
69
+ label: "Start Y",
70
+ description: "Start position from Top",
71
+ editable: true,
72
+ required: false,
73
+ defaultValue: 0,
74
+ min: 0,
75
+ max: 100,
76
+ step: 1,
77
+ precision: 0,
78
+ formType: FORM_TYPES.number,
79
+ propType: PROP_TYPES.NUMBER
80
+ },
81
+ endX: {
82
+ group: GROUPS.basic,
83
+ label: "End Y",
84
+ description: "End position from Right",
85
+ editable: true,
86
+ required: false,
87
+ defaultValue: 100,
88
+ min: 0,
89
+ max: 100,
90
+ step: 1,
91
+ precision: 0,
92
+ formType: FORM_TYPES.number,
93
+ propType: PROP_TYPES.NUMBER
94
+ },
95
+ endY: {
96
+ group: GROUPS.basic,
97
+ label: "End Y",
98
+ description: "End position from Bottom",
99
+ editable: true,
100
+ required: false,
101
+ defaultValue: 100,
102
+ min: 0,
103
+ max: 100,
104
+ step: 1,
105
+ precision: 0,
106
+ formType: FORM_TYPES.number,
107
+ propType: PROP_TYPES.NUMBER
108
+ }
109
+ }
110
+ };
111
+ //# sourceMappingURL=LinearGradient.js.map
package/lib/module/components/LinearGradient.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["LinearGradient.tsx"],"names":["React","LinearGradient","extractStyles","createColorProp","FORM_TYPES","GROUPS","PROP_TYPES","LinearGradientComp","children","color1","color2","color3","startX","startY","endX","endY","style","viewStyles","colors","filter","color","start","x","y","end","SEED_DATA","name","tag","description","props","label","group","basic","editable","required","defaultValue","min","max","step","precision","formType","number","propType","NUMBER"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport { LinearGradient } from \"expo-linear-gradient\";\nimport { extractStyles } from \"../utilities\";\nimport {\n createColorProp,\n FORM_TYPES,\n GROUPS,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\ntype Props = {\n color1: string;\n color2: string;\n color3: string;\n startX: number;\n startY: number;\n endX: number;\n endY: number;\n children?: any;\n style?: StyleProp<ViewStyle>;\n};\n\nconst LinearGradientComp = ({\n children,\n color1,\n color2,\n color3,\n startX = 0,\n startY = 0,\n endX = 100,\n endY = 100,\n style,\n}: Props) => {\n const { viewStyles } = extractStyles(style);\n const colors = [color1, color2, color3].filter((color: string) => !!color);\n const start = { x: startX / 100, y: startY / 100 };\n const end = { x: endX / 100, y: endY / 100 };\n return (\n <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>\n {children}\n </LinearGradient>\n );\n};\n\nexport default LinearGradientComp;\n\nexport const SEED_DATA = {\n name: \"LinearGradient\",\n tag: \"LinearGradient\",\n description: \"Linear Gradient Component\",\n props: {\n color1: createColorProp({\n label: \"Color 1\",\n }),\n color2: createColorProp({\n label: \"Color 2\",\n }),\n color3: createColorProp({\n label: \"Color 3\",\n }),\n startX: {\n group: GROUPS.basic,\n label: \"Start X\",\n description: \"Start position from Left\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n startY: {\n group: GROUPS.basic,\n label: \"Start Y\",\n description: \"Start position from Top\",\n editable: true,\n required: false,\n defaultValue: 0,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endX: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Right\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n endY: {\n group: GROUPS.basic,\n label: \"End Y\",\n description: \"End position from Bottom\",\n editable: true,\n required: false,\n defaultValue: 100,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n },\n },\n};\n"]}
package/lib/module/components/RowBodyIcon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["RowBodyIcon.tsx"],"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","rowSingleLineIconSize","marginLeft"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAWA,MAAMC,WAA4B,GAAG,QAO/B;AAAA,MAPgC;AACpCC,IAAAA,IADoC;AAEpCC,IAAAA,KAFoC;AAGpCC,IAAAA,QAHoC;AAIpCC,IAAAA,IAJoC;AAKpCC,IAAAA,KALoC;AAMpCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAN6B,GAOhC;AACJ,sBACE,oBAAC,GAAD;AACE,IAAA,cAAc,EAAEA,UAAU,CAACC,KAD7B;AAEE,IAAA,UAAU,EAAEF,MAAM,CAACG,MAFrB;AAGE,IAAA,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;AAIE,IAAA,aAAa,EAAEJ,MAAM,CAACK,KAJxB;AAKE,IAAA,KAAK,EAAEV,KALT;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,KAAK,EAAE,mBACL,oBAAC,IAAD;AACE,MAAA,IAAI,EAAEC,IADR;AAEE,MAAA,IAAI,EAAEL,MAAM,CAACc,qBAFf;AAGE,MAAA,KAAK,EAAEN,MAAM,CAACK,KAHhB;AAIE,MAAA,KAAK,EAAE;AAAEE,QAAAA,UAAU,EAAE;AAAd;AAJT,MARJ;AAeE,IAAA,KAAK,EAAET;AAfT,IADF;AAmBD,CA3BD;;AA6BA,eAAeR,SAAS,CAACG,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<Props> = ({\n Icon,\n title,\n subtitle,\n icon,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.body1}\n titleColor={colors.medium}\n subtitleTypeStyle={typography.subtitle2}\n subtitleColor={colors.light}\n title={title}\n subtitle={subtitle}\n right={() => (\n <Icon\n name={icon}\n size={Config.rowSingleLineIconSize}\n color={colors.light}\n style={{ marginLeft: 16 }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowBodyIcon);\n"]}
1
+ {"version":3,"sources":["RowBodyIcon.js"],"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","createElement","titleTypeStyle","body1","titleColor","medium","subtitleTypeStyle","subtitle2","subtitleColor","light","right","name","size","rowSingleLineIconSize","color","marginLeft"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AACA,MAAMC,WAAW,GAAG,QAA4E;AAAA,MAA3E;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,QAAf;AAAyBC,IAAAA,IAAzB;AAA+BC,IAAAA,KAA/B;AAAsCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV;AAA7C,GAA2E;AAC5F,sBAAQZ,KAAK,CAACa,aAAN,CAAoBX,GAApB,EAAyB;AAAEY,IAAAA,cAAc,EAAEF,UAAU,CAACG,KAA7B;AAAoCC,IAAAA,UAAU,EAAEL,MAAM,CAACM,MAAvD;AAA+DC,IAAAA,iBAAiB,EAAEN,UAAU,CAACO,SAA7F;AAAwGC,IAAAA,aAAa,EAAET,MAAM,CAACU,KAA9H;AAAqIf,IAAAA,KAAK,EAAEA,KAA5I;AAAmJC,IAAAA,QAAQ,EAAEA,QAA7J;AAAuKe,IAAAA,KAAK,EAAE,mBAAOtB,KAAK,CAACa,aAAN,CAAoBR,IAApB,EAA0B;AAAEkB,MAAAA,IAAI,EAAEf,IAAR;AAAcgB,MAAAA,IAAI,EAAErB,MAAM,CAACsB,qBAA3B;AAAkDC,MAAAA,KAAK,EAAEf,MAAM,CAACU,KAAhE;AAAuEZ,MAAAA,KAAK,EAAE;AAAEkB,QAAAA,UAAU,EAAE;AAAd;AAA9E,KAA1B,CAArL;AAAqTlB,IAAAA,KAAK,EAAEA;AAA5T,GAAzB,CAAR;AACH,CAFD;;AAGA,eAAeR,SAAS,CAACG,WAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nconst RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {\n return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));\n};\nexport default withTheme(RowBodyIcon);\n"]}
package/lib/module/components/ScreenContainer.js CHANGED
@@ -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 { StyleSheet, ScrollView as NativeScrollView, View } from "react-native";
3
5
  import { SafeAreaView } from "react-native-safe-area-context";
@@ -37,13 +39,12 @@ function ScreenContainer(_ref2) {
37
39
  edges.push("bottom");
38
40
  }
39
41
 
40
- return /*#__PURE__*/React.createElement(SafeAreaView, {
42
+ return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
41
43
  edges: edges,
42
44
  style: [styles.container, {
43
45
  backgroundColor
44
- }],
45
- ...rest
46
- }, /*#__PURE__*/React.createElement(View, {
46
+ }]
47
+ }, rest), /*#__PURE__*/React.createElement(View, {
47
48
  style: [styles.container, {
48
49
  backgroundColor
49
50
  }, style]
@@ -52,20 +53,6 @@ function ScreenContainer(_ref2) {
52
53
  }, children) : children));
53
54
  }
54
55
 
55
- const styles = StyleSheet.create({
56
- container: {
57
- flex: 1
58
- }
59
- });
60
- export default withTheme(ScreenContainer);
61
- //# sourceMappingURL=ScreenContainer.js.mapes.container, {
62
- backgroundColor
63
- }, style]
64
- }, scrollable ? /*#__PURE__*/React.createElement(ScrollView, {
65
- style: style
66
- }, children) : children));
67
- }
68
-
69
56
  const styles = StyleSheet.create({
70
57
  container: {
71
58
  flex: 1
package/lib/module/components/ScreenContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["ScreenContainer.js"],"names":["React","StyleSheet","ScrollView","NativeScrollView","View","SafeAreaView","withTheme","children","style","createElement","contentContainerStyle","flexGrow","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","rest","backgroundColor","colors","background","edges","push","styles","container","create","flex"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,EAAqBC,UAAU,IAAIC,gBAAnC,EAAqDC,IAArD,QAAkE,cAAlE;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,SAASJ,UAAT,OAA0C;AAAA,MAAtB;AAAEK,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAsB;AACtC,sBAAQR,KAAK,CAACS,aAAN,CAAoBN,gBAApB,EAAsC;AAAEO,IAAAA,qBAAqB,EAAE,CAC/D;AACIC,MAAAA,QAAQ,EAAE;AADd,KAD+D,EAI/DH,KAJ+D;AAAzB,GAAtC,EAKCD,QALD,CAAR;AAMH;;AACD,SAASK,eAAT,QAA0I;AAAA,MAAjH;AAAEC,IAAAA,WAAW,GAAG,KAAhB;AAAuBC,IAAAA,UAAU,GAAG,KAApC;AAA2CC,IAAAA,iBAA3C;AAA8DC,IAAAA,cAA9D;AAA8EC,IAAAA,KAA9E;AAAqFT,IAAAA,KAArF;AAA4FD,IAAAA,QAA5F;AAAsG,OAAGW;AAAzG,GAAiH;AACtI,QAAMC,eAAe,GAAGF,KAAK,CAACG,MAAN,CAAaC,UAArC;AACA,QAAMC,KAAK,GAAG,CAAC,MAAD,EAAS,OAAT,CAAd;;AACA,MAAIT,WAAW,IAAIG,cAAnB,EAAmC;AAC/BM,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACH;;AACD,MAAIV,WAAW,IAAIE,iBAAnB,EAAsC;AAClCO,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACH;;AACD,sBAAQvB,KAAK,CAACS,aAAN,CAAoBJ,YAApB,EAAkC;AAAEiB,IAAAA,KAAK,EAAEA,KAAT;AAAgBd,IAAAA,KAAK,EAAE,CACzDgB,MAAM,CAACC,SADkD,EAEzD;AACIN,MAAAA;AADJ,KAFyD,CAAvB;AAKnC,OAAGD;AALgC,GAAlC,eAMJlB,KAAK,CAACS,aAAN,CAAoBL,IAApB,EAA0B;AAAEI,IAAAA,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCX,KAAxC;AAAT,GAA1B,EAAqFM,UAAU,gBAAId,KAAK,CAACS,aAAN,CAAoBP,UAApB,EAAgC;AAAEM,IAAAA,KAAK,EAAEA;AAAT,GAAhC,EAAkDD,QAAlD,CAAJ,GAAoEA,QAAnK,CANI,CAAR;AAOH;;AACD,MAAMiB,MAAM,GAAGvB,UAAU,CAACyB,MAAX,CAAkB;AAC7BD,EAAAA,SAAS,EAAE;AACPE,IAAAA,IAAI,EAAE;AADC;AADkB,CAAlB,CAAf;AAKA,eAAerB,SAAS,CAACM,eAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, ScrollView as NativeScrollView, View, } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nfunction ScrollView({ children, style, }) {\n return (React.createElement(NativeScrollView, { contentContainerStyle: [\n {\n flexGrow: 1,\n },\n style,\n ] }, children));\n}\nfunction ScreenContainer({ hasSafeArea = false, scrollable = false, hasBottomSafeArea, hasTopSafeArea, theme, style, children, ...rest }) {\n const backgroundColor = theme.colors.background;\n const edges = [\"left\", \"right\"];\n if (hasSafeArea || hasTopSafeArea) {\n edges.push(\"top\");\n }\n if (hasSafeArea || hasBottomSafeArea) {\n edges.push(\"bottom\");\n }\n return (React.createElement(SafeAreaView, { edges: edges, style: [\n styles.container,\n {\n backgroundColor,\n },\n ], ...rest },\n React.createElement(View, { style: [styles.container, { backgroundColor }, style] }, scrollable ? (React.createElement(ScrollView, { style: style }, children)) : (children))));\n}\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\nexport default withTheme(ScreenContainer);\n"]}
1
+ {"version":3,"sources":["ScreenContainer.tsx"],"names":["React","StyleSheet","ScrollView","NativeScrollView","View","SafeAreaView","withTheme","children","style","flexGrow","ScreenContainer","hasSafeArea","scrollable","hasBottomSafeArea","hasTopSafeArea","theme","rest","backgroundColor","colors","background","edges","push","styles","container","create","flex"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,UADF,EAEEC,UAAU,IAAIC,gBAFhB,EAKEC,IALF,QAMO,cANP;AAOA,SAASC,YAAT,QAA6B,gCAA7B;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAGA,SAASJ,UAAT,OAMG;AAAA,MANiB;AAClBK,IAAAA,QADkB;AAElBC,IAAAA;AAFkB,GAMjB;AACD,sBACE,oBAAC,gBAAD;AACE,IAAA,qBAAqB,EAAE,CACrB;AACEC,MAAAA,QAAQ,EAAE;AADZ,KADqB,EAIrBD,KAJqB;AADzB,KAQGD,QARH,CADF;AAYD;;AAYD,SAASG,eAAT,QASU;AAAA,MATe;AACvBC,IAAAA,WAAW,GAAG,KADS;AAEvBC,IAAAA,UAAU,GAAG,KAFU;AAGvBC,IAAAA,iBAHuB;AAIvBC,IAAAA,cAJuB;AAKvBC,IAAAA,KALuB;AAMvBP,IAAAA,KANuB;AAOvBD,IAAAA,QAPuB;AAQvB,OAAGS;AARoB,GASf;AACR,QAAMC,eAAe,GAAGF,KAAK,CAACG,MAAN,CAAaC,UAArC;AAEA,QAAMC,KAAa,GAAG,CAAC,MAAD,EAAS,OAAT,CAAtB;;AACA,MAAIT,WAAW,IAAIG,cAAnB,EAAmC;AACjCM,IAAAA,KAAK,CAACC,IAAN,CAAW,KAAX;AACD;;AAED,MAAIV,WAAW,IAAIE,iBAAnB,EAAsC;AACpCO,IAAAA,KAAK,CAACC,IAAN,CAAW,QAAX;AACD;;AAED,sBACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,KAAK,EAAE,CACLE,MAAM,CAACC,SADF,EAEL;AACEN,MAAAA;AADF,KAFK;AAFT,KAQMD,IARN,gBAUE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACM,MAAM,CAACC,SAAR,EAAmB;AAAEN,MAAAA;AAAF,KAAnB,EAAwCT,KAAxC;AAAb,KACGI,UAAU,gBACT,oBAAC,UAAD;AAAY,IAAA,KAAK,EAAEJ;AAAnB,KAA2BD,QAA3B,CADS,GAGTA,QAJJ,CAVF,CADF;AAoBD;;AAED,MAAMe,MAAM,GAAGrB,UAAU,CAACuB,MAAX,CAAkB;AAC/BD,EAAAA,SAAS,EAAE;AACTE,IAAAA,IAAI,EAAE;AADG;AADoB,CAAlB,CAAf;AAMA,eAAenB,SAAS,CAACI,eAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n StyleSheet,\n ScrollView as NativeScrollView,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nfunction ScrollView({\n children,\n style,\n}: {\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <NativeScrollView\n contentContainerStyle={[\n {\n flexGrow: 1,\n },\n style,\n ]}\n >\n {children}\n </NativeScrollView>\n );\n}\n\ntype Props = {\n hasSafeArea: boolean;\n scrollable: boolean;\n hasBottomSafeArea?: boolean;\n hasTopSafeArea?: boolean;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n hasSafeArea = false,\n scrollable = false,\n hasBottomSafeArea,\n hasTopSafeArea,\n theme,\n style,\n children,\n ...rest\n}: Props) {\n const backgroundColor = theme.colors.background;\n\n const edges: Edge[] = [\"left\", \"right\"];\n if (hasSafeArea || hasTopSafeArea) {\n edges.push(\"top\");\n }\n\n if (hasSafeArea || hasBottomSafeArea) {\n edges.push(\"bottom\");\n }\n\n return (\n <SafeAreaView\n edges={edges}\n style={[\n styles.container,\n {\n backgroundColor,\n },\n ]}\n {...rest}\n >\n <View style={[styles.container, { backgroundColor }, style]}>\n {scrollable ? (\n <ScrollView style={style}>{children}</ScrollView>\n ) : (\n children\n )}\n </View>\n </SafeAreaView>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n\nexport default withTheme(ScreenContainer);\n"]}
package/lib/module/index.js CHANGED
@@ -25,6 +25,7 @@ export { default as TextField } from "./components/TextField";
25
25
  export { default as ToggleButton } from "./components/ToggleButton";
26
26
  export { default as Touchable } from "./components/Touchable";
27
27
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
28
+ export { default as LinearGradient } from "./components/LinearGradient";
28
29
  export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
29
30
  export { Swiper, SwiperItem } from "./components/Swiper";
30
31
  export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
package/lib/module/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","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":"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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 { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
1
+ {"version":3,"sources":["index.tsx"],"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","Link","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","LinearGradient","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,SAASC,WAAT,EAAsBC,aAAtB,QAA2C,qBAA3C;AACA,SAASL,OAAO,IAAIM,MAApB,QAAkC,0BAAlC;AACA,SAASN,OAAO,IAAIO,UAApB,QAAsC,yBAAtC;AACA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,mBAAhC;AACA,SAASR,OAAO,IAAIS,QAApB,QAAoC,uBAApC;AACA,SAASC,QAAT,EAAmBC,aAAnB,EAAkCC,WAAlC,QAAqD,uBAArD;AACA,SAASZ,OAAO,IAAIa,WAApB,QAAuC,0BAAvC;AACA,SAASb,OAAO,IAAIc,SAApB,QAAqC,wBAArC;AACA,SAASd,OAAO,IAAIe,OAApB,QAAmC,sBAAnC;AACA,SAASf,OAAO,IAAIgB,GAApB,QAA+B,kBAA/B;AACA,SAAShB,OAAO,IAAIiB,kBAApB,QAA8C,iCAA9C;AACA,SAASjB,OAAO,IAAIkB,UAApB,QAAsC,yBAAtC;AACA,SAASlB,OAAO,IAAImB,KAApB,QAAiC,oBAAjC;AACA,SAASnB,OAAO,IAAIoB,WAApB,QAAuC,0BAAvC;AACA,SAASpB,OAAO,IAAIqB,eAApB,QAA2C,8BAA3C;AACA,SAASrB,OAAO,IAAIsB,UAApB,QAAsC,yBAAtC;AACA,SAAStB,OAAO,IAAIuB,OAApB,QAAmC,sBAAnC;AACA,SAASvB,OAAO,IAAIwB,MAApB,EAA4BC,SAA5B,QAA6C,qBAA7C;AACA,SAASzB,OAAO,IAAI0B,SAApB,QAAqC,wBAArC;AACA,SAAS1B,OAAO,IAAI2B,YAApB,QAAwC,2BAAxC;AACA,SAAS3B,OAAO,IAAI4B,SAApB,QAAqC,wBAArC;AACA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,wBAA9C;AACA,SAAS9B,OAAO,IAAI+B,cAApB,QAA0C,6BAA1C;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,SAAS9C,OAAO,IAAI+C,MAApB,QAAkC,+BAAlC;AACA,SAAS/C,OAAO,IAAIgD,SAApB,QAAqC,wBAArC;AACA,SAAShD,OAAO,IAAIiD,aAApB,QAAyC,4BAAzC;AACA,SAASjD,OAAO,IAAIkD,mBAApB,QAA+C,kCAA/C;AACA,SAASlD,OAAO,IAAImD,UAApB,QAAsC,yBAAtC;AACA,SAASnD,OAAO,IAAIoD,UAApB,QAAsC,oCAAtC;AACA,SAASpD,OAAO,IAAIqD,WAApB,QAAuC,0BAAvC;AACA,SAASrD,OAAO,IAAIsD,YAApB,QAAwC,2BAAxC;AACA,SAAStD,OAAO,IAAIuD,cAApB,QAA0C,6BAA1C;AACA,SAASvD,OAAO,IAAIwD,MAApB,QAAkC,4BAAlC;AACA,SAASxD,OAAO,IAAIyD,WAApB,QAAuC,0BAAvC;AACA,SAASzD,OAAO,IAAI0D,cAApB,QAA0C,6BAA1C;AACA,SAAS1D,OAAO,IAAI2D,WAApB,QAAuC,0BAAvC;AACA,SAAS3D,OAAO,IAAI4D,uBAApB,QAAmD,sCAAnD;AACA,SAAS5D,OAAO,IAAI6D,oBAApB,QAAgD,mCAAhD;AACA,SAAS7D,OAAO,IAAI8D,MAApB,QAAkC,qBAAlC;AACA,SAAS9D,OAAO,IAAI+D,OAApB,QAAmC,sBAAnC;AACA,SAASC,YAAT,QAA6B,2BAA7B","sourcesContent":["export { injectIcon } from \"./interfaces/Icon\";\nexport { withTheme, ThemeProvider } from \"./theming\";\nexport { default as Provider } from \"./Provider\";\nexport { default as DefaultTheme } from \"./styles/DefaultTheme\";\n\nexport { Link } from \"./components/Text\";\nexport { ButtonSolid, ButtonOutline } from \"./components/Button\";\nexport { default as Avatar } from \"./components/CircleImage\";\nexport { default as AvatarEdit } from \"./components/AvatarEdit\";\nexport { default as Card } from \"./components/Card\";\nexport { default as Carousel } from \"./components/Carousel\";\nexport { Checkbox, CheckboxGroup, CheckboxRow } from \"./components/Checkbox\";\nexport { default as CircleImage } from \"./components/CircleImage\";\nexport { default as Container } from \"./components/Container\";\nexport { default as Divider } from \"./components/Divider\";\nexport { default as FAB } from \"./components/FAB\";\nexport { default as FieldSearchBarFull } from \"./components/FieldSearchBarFull\";\nexport { default as IconButton } from \"./components/IconButton\";\nexport { default as Image } from \"./components/Image\";\nexport { default as NumberInput } from \"./components/NumberInput\";\nexport { default as ScreenContainer } from \"./components/ScreenContainer\";\nexport { default as StarRating } from \"./components/StarRating\";\nexport { default as Surface } from \"./components/Surface\";\nexport { default as Switch, SwitchRow } from \"./components/Switch\";\nexport { default as TextField } from \"./components/TextField\";\nexport { default as ToggleButton } from \"./components/ToggleButton\";\nexport { default as Touchable } from \"./components/Touchable\";\nexport { AccordionGroup, AccordionItem } from \"./components/Accordion\";\nexport { default as LinearGradient } from \"./components/LinearGradient\";\nexport {\n ActionSheet,\n ActionSheetItem,\n ActionSheetCancel,\n} from \"./components/ActionSheet\";\nexport { Swiper, SwiperItem } from \"./components/Swiper\";\n\nexport {\n Center,\n Circle,\n Square,\n Row,\n Stack,\n Spacer,\n} from \"./components/Layout\";\n\nexport {\n RadioButton,\n RadioButtonGroup,\n RadioButtonRow,\n RadioButtonFieldGroup,\n} from \"./components/RadioButton/index\";\n\n/* Deprecated: Fix or Delete! */\nexport { default as Button } from \"./components/DeprecatedButton\";\nexport { default as CardBlock } from \"./components/CardBlock\";\nexport { default as CardContainer } from \"./components/CardContainer\";\nexport { default as CardContainerRating } from \"./components/CardContainerRating\";\nexport { default as CardInline } from \"./components/CardInline\";\nexport { default as DatePicker } from \"./components/DatePicker/DatePicker\";\nexport { default as HeaderLarge } from \"./components/HeaderLarge\";\nexport { default as HeaderMedium } from \"./components/HeaderMedium\";\nexport { default as HeaderOverline } from \"./components/HeaderOverline\";\nexport { default as Picker } from \"./components/Picker/Picker\";\nexport { default as ProgressBar } from \"./components/ProgressBar\";\nexport { default as ProgressCircle } from \"./components/ProgressCircle\";\nexport { default as RowBodyIcon } from \"./components/RowBodyIcon\";\nexport { default as RowHeadlineImageCaption } from \"./components/RowHeadlineImageCaption\";\nexport { default as RowHeadlineImageIcon } from \"./components/RowHeadlineImageIcon\";\nexport { default as Slider } from \"./components/Slider\";\nexport { default as Stepper } from \"./components/Stepper\";\nexport { useAuthState } from \"./components/useAuthState\";\n"]}
package/lib/module/mappings/ActionSheetCancel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["ActionSheetCancel.js"],"names":["COMPONENT_TYPES","createActionProp","createColorProp","createTextProp","GROUPS","Triggers","SEED_DATA","name","tag","description","category","button","triggers","OnPress","props","onPress","label","group","basic","defaultValue","color"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,gBAA1B,EAA4CC,eAA5C,EAA6DC,cAA7D,EAA6EC,MAA7E,EAAqFC,QAArF,QAAsG,iBAAtG;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,qBADe;AAErBC,EAAAA,GAAG,EAAE,mBAFgB;AAGrBC,EAAAA,WAAW,EAAE,qBAHQ;AAIrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAJL;AAKrBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,CALW;AAMrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,OAAO,EAAEd,gBAAgB,EADtB;AAEHe,IAAAA,KAAK,EAAEb,cAAc,CAAC;AAClBc,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADI;AAElBF,MAAAA,KAAK,EAAE,OAFW;AAGlBG,MAAAA,YAAY,EAAE;AAHI,KAAD,CAFlB;AAOHC,IAAAA,KAAK,EAAElB,eAAe,CAAC;AACnBc,MAAAA,KAAK,EAAE;AADY,KAAD;AAPnB;AANc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createActionProp, createColorProp, createTextProp, GROUPS, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Action Sheet Cancel\",\n tag: \"ActionSheetCancel\",\n description: \"Action Sheet cancel\",\n category: COMPONENT_TYPES.button,\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n label: createTextProp({\n group: GROUPS.basic,\n label: \"Label\",\n defaultValue: \"Cancel\",\n }),\n color: createColorProp({\n label: \"Font Color\",\n }),\n },\n};\n"]}
1
+ {"version":3,"sources":["ActionSheetCancel.ts"],"names":["COMPONENT_TYPES","createActionProp","createColorProp","createTextProp","GROUPS","Triggers","SEED_DATA","name","tag","description","category","button","triggers","OnPress","props","onPress","label","group","basic","defaultValue","color"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,eAHF,EAIEC,cAJF,EAKEC,MALF,EAMEC,QANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,qBADiB;AAEvBC,EAAAA,GAAG,EAAE,mBAFkB;AAGvBC,EAAAA,WAAW,EAAE,qBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAJH;AAKvBC,EAAAA,QAAQ,EAAE,CAACP,QAAQ,CAACQ,OAAV,CALa;AAMvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAEd,gBAAgB,EADpB;AAELe,IAAAA,KAAK,EAAEb,cAAc,CAAC;AACpBc,MAAAA,KAAK,EAAEb,MAAM,CAACc,KADM;AAEpBF,MAAAA,KAAK,EAAE,OAFa;AAGpBG,MAAAA,YAAY,EAAE;AAHM,KAAD,CAFhB;AAOLC,IAAAA,KAAK,EAAElB,eAAe,CAAC;AACrBc,MAAAA,KAAK,EAAE;AADc,KAAD;AAPjB;AANgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n createActionProp,\n createColorProp,\n createTextProp,\n GROUPS,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Action Sheet Cancel\",\n tag: \"ActionSheetCancel\",\n description: \"Action Sheet cancel\",\n category: COMPONENT_TYPES.button,\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n label: createTextProp({\n group: GROUPS.basic,\n label: \"Label\",\n defaultValue: \"Cancel\",\n }),\n color: createColorProp({\n label: \"Font Color\",\n }),\n },\n};\n"]}
package/lib/module/mappings/AvatarEdit.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["AvatarEdit.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","layout","width","height","props","size","group","basic","label","editable","required","formType","number","propType","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"mappings":"AAAA,SAASA,MAAT,EAAiBC,eAAjB,EAAkCC,UAAlC,EAA8CC,UAA9C,QAAiE,iBAAjE;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,aADe;AAErBC,EAAAA,GAAG,EAAE,YAFgB;AAGrBC,EAAAA,WAAW,EAAE,8CAHQ;AAIrBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,UAJL;AAKrBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,KAAK,EAAE,EADH;AAEJC,IAAAA,MAAM,EAAE;AAFJ,GALa;AASrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADZ;AAEFC,MAAAA,KAAK,EAAE,MAFL;AAGFV,MAAAA,WAAW,EAAE,gCAHX;AAIFW,MAAAA,QAAQ,EAAE,IAJR;AAKFC,MAAAA,QAAQ,EAAE,KALR;AAMFC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MANnB;AAOFC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,MAPnB;AAQFC,MAAAA,GAAG,EAAE,CARH;AASFC,MAAAA,GAAG,EAAE,GATH;AAUFC,MAAAA,SAAS,EAAE,CAVT;AAWFC,MAAAA,IAAI,EAAE,CAXJ;AAYFC,MAAAA,YAAY,EAAE;AAZZ,KADH;AAeHC,IAAAA,KAAK,EAAE;AACHd,MAAAA,KAAK,EAAEf,MAAM,CAAC8B,IADX;AAEHb,MAAAA,KAAK,EAAE,OAFJ;AAGHV,MAAAA,WAAW,EAAE,mBAHV;AAIHW,MAAAA,QAAQ,EAAE,IAJP;AAKHC,MAAAA,QAAQ,EAAE,IALP;AAMHC,MAAAA,QAAQ,EAAElB,UAAU,CAAC2B,KANlB;AAOHP,MAAAA,QAAQ,EAAEnB,UAAU,CAAC4B,KAPlB;AAQHH,MAAAA,YAAY,EAAE;AARX;AAfJ;AATc,CAAlB","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Avatar Edit\",\n tag: \"AvatarEdit\",\n description: \"An avatar with an edit icon in the top right\",\n category: COMPONENT_TYPES.deprecated,\n layout: {\n width: 64,\n height: 64,\n },\n props: {\n size: {\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Size of avatar / width, height\",\n editable: true,\n required: false,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n min: 0,\n max: 300,\n precision: 0,\n step: 1,\n defaultValue: 80,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Name of the image\",\n editable: true,\n required: true,\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: \"brightness-5\",\n },\n },\n};\n"]}
1
+ {"version":3,"sources":["AvatarEdit.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","description","category","deprecated","layout","width","height","props","size","group","basic","label","editable","required","formType","number","propType","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,aADiB;AAEvBC,EAAAA,GAAG,EAAE,YAFkB;AAGvBC,EAAAA,WAAW,EAAE,8CAHU;AAIvBC,EAAAA,QAAQ,EAAEP,eAAe,CAACQ,UAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,EADD;AAENC,IAAAA,MAAM,EAAE;AAFF,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAEf,MAAM,CAACgB,KADV;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJV,MAAAA,WAAW,EAAE,gCAHT;AAIJW,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,QAAQ,EAAE,KALN;AAMJC,MAAAA,QAAQ,EAAElB,UAAU,CAACmB,MANjB;AAOJC,MAAAA,QAAQ,EAAEnB,UAAU,CAACoB,MAPjB;AAQJC,MAAAA,GAAG,EAAE,CARD;AASJC,MAAAA,GAAG,EAAE,GATD;AAUJC,MAAAA,SAAS,EAAE,CAVP;AAWJC,MAAAA,IAAI,EAAE,CAXF;AAYJC,MAAAA,YAAY,EAAE;AAZV,KADD;AAeLC,IAAAA,KAAK,EAAE;AACLd,MAAAA,KAAK,EAAEf,MAAM,CAAC8B,IADT;AAELb,MAAAA,KAAK,EAAE,OAFF;AAGLV,MAAAA,WAAW,EAAE,mBAHR;AAILW,MAAAA,QAAQ,EAAE,IAJL;AAKLC,MAAAA,QAAQ,EAAE,IALL;AAMLC,MAAAA,QAAQ,EAAElB,UAAU,CAAC2B,KANhB;AAOLP,MAAAA,QAAQ,EAAEnB,UAAU,CAAC4B,KAPhB;AAQLH,MAAAA,YAAY,EAAE;AART;AAfF;AATgB,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: \"Avatar Edit\",\n tag: \"AvatarEdit\",\n description: \"An avatar with an edit icon in the top right\",\n category: COMPONENT_TYPES.deprecated,\n layout: {\n width: 64,\n height: 64,\n },\n props: {\n size: {\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Size of avatar / width, height\",\n editable: true,\n required: false,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n min: 0,\n max: 300,\n precision: 0,\n step: 1,\n defaultValue: 80,\n },\n image: {\n group: GROUPS.data,\n label: \"Image\",\n description: \"Name of the image\",\n editable: true,\n required: true,\n formType: FORM_TYPES.image,\n propType: PROP_TYPES.ASSET,\n defaultValue: \"brightness-5\",\n },\n },\n};\n"]}
package/lib/module/mappings/BlurView.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["BlurView.js"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","doc_link","code_link","category","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","flatArray","propType","STRING","options","group","basic","intensity","number","NUMBER","min","max","step","precision"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,UAA1B,EAAsCC,UAAtC,EAAkDC,MAAlD,QAAiE,iBAAjE;AACA,OAAO,MAAMC,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,WADe;AAErBC,EAAAA,GAAG,EAAE,UAFgB;AAGrBC,EAAAA,WAAW,EAAE,gBAHQ;AAIrBC,EAAAA,QAAQ,EAAE,qDAJW;AAKrBC,EAAAA,SAAS,EAAE,kFALU;AAMrBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MANL;AAOrBA,EAAAA,MAAM,EAAE;AACJC,IAAAA,QAAQ,EAAE,CADN;AAEJC,IAAAA,UAAU,EAAE,CAFR;AAGJC,IAAAA,SAAS,EAAE;AAHP,GAPa;AAYrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,KAAK,EAAE,MADL;AAEFV,MAAAA,WAAW,EAAE,2BAFX;AAGFW,MAAAA,QAAQ,EAAE,IAHR;AAIFC,MAAAA,QAAQ,EAAE,IAJR;AAKFC,MAAAA,YAAY,EAAE,SALZ;AAMFC,MAAAA,QAAQ,EAAEpB,UAAU,CAACqB,SANnB;AAOFC,MAAAA,QAAQ,EAAErB,UAAU,CAACsB,MAPnB;AAQFC,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARP;AASFC,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AATZ,KADH;AAYHC,IAAAA,SAAS,EAAE;AACPX,MAAAA,KAAK,EAAE,WADA;AAEPV,MAAAA,WAAW,EAAE,uEAFN;AAGPW,MAAAA,QAAQ,EAAE,IAHH;AAIPC,MAAAA,QAAQ,EAAE,IAJH;AAKPC,MAAAA,YAAY,EAAE,EALP;AAMPC,MAAAA,QAAQ,EAAEpB,UAAU,CAAC4B,MANd;AAOPN,MAAAA,QAAQ,EAAErB,UAAU,CAAC4B,MAPd;AAQPC,MAAAA,GAAG,EAAE,CARE;AASPC,MAAAA,GAAG,EAAE,GATE;AAUPC,MAAAA,IAAI,EAAE,CAVC;AAWPC,MAAAA,SAAS,EAAE,CAXJ;AAYPR,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AAZP;AAZR;AAZc,CAAlB","sourcesContent":["import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n name: \"Blur View\",\n tag: \"BlurView\",\n description: \"Expo Blur View\",\n doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n code_link: \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n category: COMPONENT_TYPES.layout,\n layout: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: 0,\n },\n props: {\n tint: {\n label: \"Tint\",\n description: \"The tint of the blur view\",\n editable: true,\n required: true,\n defaultValue: \"default\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"default\", \"light\", \"dark\"],\n group: GROUPS.basic,\n },\n intensity: {\n label: \"Intensity\",\n description: \"A number from 1 to 100 that controls the intensity of the blur effect\",\n editable: true,\n required: true,\n defaultValue: 50,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n group: GROUPS.basic,\n },\n },\n};\n"]}
1
+ {"version":3,"sources":["BlurView.ts"],"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","doc_link","code_link","category","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","flatArray","propType","STRING","options","group","basic","intensity","number","NUMBER","min","max","step","precision"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,UAFkB;AAGvBC,EAAAA,WAAW,EAAE,gBAHU;AAIvBC,EAAAA,QAAQ,EAAE,qDAJa;AAKvBC,EAAAA,SAAS,EACP,kFANqB;AAOvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,MAPH;AAQvBA,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,CADJ;AAENC,IAAAA,UAAU,EAAE,CAFN;AAGNC,IAAAA,SAAS,EAAE;AAHL,GARe;AAavBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,MADH;AAEJV,MAAAA,WAAW,EAAE,2BAFT;AAGJW,MAAAA,QAAQ,EAAE,IAHN;AAIJC,MAAAA,QAAQ,EAAE,IAJN;AAKJC,MAAAA,YAAY,EAAE,SALV;AAMJC,MAAAA,QAAQ,EAAEpB,UAAU,CAACqB,SANjB;AAOJC,MAAAA,QAAQ,EAAErB,UAAU,CAACsB,MAPjB;AAQJC,MAAAA,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;AASJC,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AATV,KADD;AAYLC,IAAAA,SAAS,EAAE;AACTX,MAAAA,KAAK,EAAE,WADE;AAETV,MAAAA,WAAW,EACT,uEAHO;AAITW,MAAAA,QAAQ,EAAE,IAJD;AAKTC,MAAAA,QAAQ,EAAE,IALD;AAMTC,MAAAA,YAAY,EAAE,EANL;AAOTC,MAAAA,QAAQ,EAAEpB,UAAU,CAAC4B,MAPZ;AAQTN,MAAAA,QAAQ,EAAErB,UAAU,CAAC4B,MARZ;AASTC,MAAAA,GAAG,EAAE,CATI;AAUTC,MAAAA,GAAG,EAAE,GAVI;AAWTC,MAAAA,IAAI,EAAE,CAXG;AAYTC,MAAAA,SAAS,EAAE,CAZF;AAaTR,MAAAA,KAAK,EAAEvB,MAAM,CAACwB;AAbL;AAZN;AAbgB,CAAlB","sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Blur View\",\n tag: \"BlurView\",\n description: \"Expo Blur View\",\n doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n code_link:\n \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n category: COMPONENT_TYPES.layout,\n layout: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: 0,\n },\n props: {\n tint: {\n label: \"Tint\",\n description: \"The tint of the blur view\",\n editable: true,\n required: true,\n defaultValue: \"default\",\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n options: [\"default\", \"light\", \"dark\"],\n group: GROUPS.basic,\n },\n intensity: {\n label: \"Intensity\",\n description:\n \"A number from 1 to 100 that controls the intensity of the blur effect\",\n editable: true,\n required: true,\n defaultValue: 50,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n min: 0,\n max: 100,\n step: 1,\n precision: 0,\n group: GROUPS.basic,\n },\n },\n};\n"]}
package/lib/module/mappings/TextArea.js CHANGED
@@ -5,18 +5,7 @@ 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
- 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,
18
- textAlignVertical: "top",
19
- minHeight: 100
8
+ flex: 1
20
9
  },
21
10
  triggers: [Triggers.OnChangeText],
22
11
  props: { ...TEXT_INPUT_PROPS,
package/lib/module/mappings/TextArea.js.map CHANGED
@@ -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","textAlignVertical","minHeight","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,CAVR;AAWNC,IAAAA,iBAAiB,EAAE,KAXb;AAYNC,IAAAA,SAAS,EAAE;AAZL,GALe;AAmBvBC,EAAAA,QAAQ,EAAE,CAACpB,QAAQ,CAACqB,YAAV,CAnBa;AAoBvBC,EAAAA,KAAK,EAAE,EACL,GAAGvB,gBADE;AAELwB,IAAAA,WAAW,EAAE,EACX,GAAGxB,gBAAgB,CAACwB,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETtB,MAAAA,WAAW,EAAE,WAFJ;AAGTuB,MAAAA,KAAK,EAAEjC,MAAM,CAACkC,aAHL;AAITC,MAAAA,QAAQ,EAAEjC,UAAU,CAACkC,OAJZ;AAKTC,MAAAA,QAAQ,EAAElC,UAAU,CAACmC,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;AAEbtB,MAAAA,WAAW,EAAE,iBAFA;AAGbuB,MAAAA,KAAK,EAAEjC,MAAM,CAAC0C,KAHD;AAIbP,MAAAA,QAAQ,EAAEjC,UAAU,CAACyC,MAJR;AAKbN,MAAAA,QAAQ,EAAElC,UAAU,CAACyC,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGzC,UADM;AAET0B,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AApBgB,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 textAlignVertical: \"top\",\n minHeight: 100,\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
+ {"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","flex","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;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGZ,gBADE;AAELa,IAAAA,WAAW,EAAE,EACX,GAAGb,gBAAgB,CAACa,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETX,MAAAA,WAAW,EAAE,WAFJ;AAGTY,MAAAA,KAAK,EAAEtB,MAAM,CAACuB,aAHL;AAITC,MAAAA,QAAQ,EAAEtB,UAAU,CAACuB,OAJZ;AAKTC,MAAAA,QAAQ,EAAEvB,UAAU,CAACwB,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;AAEbX,MAAAA,WAAW,EAAE,iBAFA;AAGbY,MAAAA,KAAK,EAAEtB,MAAM,CAAC+B,KAHD;AAIbP,MAAAA,QAAQ,EAAEtB,UAAU,CAAC8B,MAJR;AAKbN,MAAAA,QAAQ,EAAEvB,UAAU,CAAC8B,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAG9B,UADM;AAETe,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,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: { flex: 1 },\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"]}
package/lib/typescript/src/components/LinearGradient.d.ts ADDED
@@ -0,0 +1,108 @@
1
+ /// <reference types="react" />
2
+ import { StyleProp, ViewStyle } from "react-native";
3
+ declare type Props = {
4
+ color1: string;
5
+ color2: string;
6
+ color3: string;
7
+ startX: number;
8
+ startY: number;
9
+ endX: number;
10
+ endY: number;
11
+ children?: any;
12
+ style?: StyleProp<ViewStyle>;
13
+ };
14
+ declare const LinearGradientComp: ({ children, color1, color2, color3, startX, startY, endX, endY, style, }: Props) => JSX.Element;
15
+ export default LinearGradientComp;
16
+ export declare const SEED_DATA: {
17
+ name: string;
18
+ tag: string;
19
+ description: string;
20
+ props: {
21
+ color1: {
22
+ group: string;
23
+ label: string;
24
+ description: string;
25
+ editable: boolean;
26
+ required: boolean;
27
+ defaultValue: null;
28
+ formType: string;
29
+ propType: string;
30
+ };
31
+ color2: {
32
+ group: string;
33
+ label: string;
34
+ description: string;
35
+ editable: boolean;
36
+ required: boolean;
37
+ defaultValue: null;
38
+ formType: string;
39
+ propType: string;
40
+ };
41
+ color3: {
42
+ group: string;
43
+ label: string;
44
+ description: string;
45
+ editable: boolean;
46
+ required: boolean;
47
+ defaultValue: null;
48
+ formType: string;
49
+ propType: string;
50
+ };
51
+ startX: {
52
+ group: string;
53
+ label: string;
54
+ description: string;
55
+ editable: boolean;
56
+ required: boolean;
57
+ defaultValue: number;
58
+ min: number;
59
+ max: number;
60
+ step: number;
61
+ precision: number;
62
+ formType: string;
63
+ propType: string;
64
+ };
65
+ startY: {
66
+ group: string;
67
+ label: string;
68
+ description: string;
69
+ editable: boolean;
70
+ required: boolean;
71
+ defaultValue: number;
72
+ min: number;
73
+ max: number;
74
+ step: number;
75
+ precision: number;
76
+ formType: string;
77
+ propType: string;
78
+ };
79
+ endX: {
80
+ group: string;
81
+ label: string;
82
+ description: string;
83
+ editable: boolean;
84
+ required: boolean;
85
+ defaultValue: number;
86
+ min: number;
87
+ max: number;
88
+ step: number;
89
+ precision: number;
90
+ formType: string;
91
+ propType: string;
92
+ };
93
+ endY: {
94
+ group: string;
95
+ label: string;
96
+ description: string;
97
+ editable: boolean;
98
+ required: boolean;
99
+ defaultValue: number;
100
+ min: number;
101
+ max: number;
102
+ step: number;
103
+ precision: number;
104
+ formType: string;
105
+ propType: string;
106
+ };
107
+ };
108
+ };
package/lib/typescript/src/index.d.ts CHANGED
@@ -25,6 +25,7 @@ export { default as TextField } from "./components/TextField";
25
25
  export { default as ToggleButton } from "./components/ToggleButton";
26
26
  export { default as Touchable } from "./components/Touchable";
27
27
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
28
+ export { default as LinearGradient } from "./components/LinearGradient";
28
29
  export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
29
30
  export { Swiper, SwiperItem } from "./components/Swiper";
30
31
  export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
package/lib/typescript/src/mappings/TextArea.d.ts CHANGED
@@ -4,18 +4,7 @@ export declare const SEED_DATA: {
4
4
  description: string;
5
5
  category: string;
6
6
  layout: {
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;
17
- textAlignVertical: string;
18
- minHeight: number;
7
+ flex: number;
19
8
  };
20
9
  triggers: string[];
21
10
  props: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "43.2.5-74eaeb.3+74eaeb0a",
3
+ "version": "43.2.5-7c0f30.3+7c0f300b",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -49,6 +49,7 @@
49
49
  "color": "^3.1.2",
50
50
  "date-fns": "^2.16.1",
51
51
  "dateformat": "^3.0.3",
52
+ "expo-linear-gradient": "^9.2.0",
52
53
  "lodash.isnumber": "^3.0.3",
53
54
  "lodash.omit": "^4.5.0",
54
55
  "lodash.tonumber": "^4.0.3",
@@ -79,5 +80,5 @@
79
80
  ]
80
81
  ]
81
82
  },
82
- "gitHead": "74eaeb0a831fd0979d126205691e6ad4ed8e5cda"
83
+ "gitHead": "7c0f300b2632db799a0a07953a50109f3eaaabd4"
83
84
  }
package/src/components/LinearGradient.js ADDED
@@ -0,0 +1,84 @@
1
+ import * as React from "react";
2
+ import { LinearGradient } from "expo-linear-gradient";
3
+ import { extractStyles } from "../utilities";
4
+ import { createColorProp, FORM_TYPES, GROUPS, PROP_TYPES, } from "@draftbit/types";
5
+ const LinearGradientComp = ({ children, color1, color2, color3, startX = 0, startY = 0, endX = 100, endY = 100, style, }) => {
6
+ const { viewStyles } = extractStyles(style);
7
+ const colors = [color1, color2, color3].filter((color) => !!color);
8
+ const start = { x: startX / 100, y: startY / 100 };
9
+ const end = { x: endX / 100, y: endY / 100 };
10
+ return (React.createElement(LinearGradient, { colors: colors, start: start, end: end, style: viewStyles }, children));
11
+ };
12
+ export default LinearGradientComp;
13
+ export const SEED_DATA = {
14
+ name: "LinearGradient",
15
+ tag: "LinearGradient",
16
+ description: "Linear Gradient Component",
17
+ props: {
18
+ color1: createColorProp({
19
+ label: "Color 1",
20
+ }),
21
+ color2: createColorProp({
22
+ label: "Color 2",
23
+ }),
24
+ color3: createColorProp({
25
+ label: "Color 3",
26
+ }),
27
+ startX: {
28
+ group: GROUPS.basic,
29
+ label: "Start X",
30
+ description: "Start position from Left",
31
+ editable: true,
32
+ required: false,
33
+ defaultValue: 0,
34
+ min: 0,
35
+ max: 100,
36
+ step: 1,
37
+ precision: 0,
38
+ formType: FORM_TYPES.number,
39
+ propType: PROP_TYPES.NUMBER,
40
+ },
41
+ startY: {
42
+ group: GROUPS.basic,
43
+ label: "Start Y",
44
+ description: "Start position from Top",
45
+ editable: true,
46
+ required: false,
47
+ defaultValue: 0,
48
+ min: 0,
49
+ max: 100,
50
+ step: 1,
51
+ precision: 0,
52
+ formType: FORM_TYPES.number,
53
+ propType: PROP_TYPES.NUMBER,
54
+ },
55
+ endX: {
56
+ group: GROUPS.basic,
57
+ label: "End Y",
58
+ description: "End position from Right",
59
+ editable: true,
60
+ required: false,
61
+ defaultValue: 100,
62
+ min: 0,
63
+ max: 100,
64
+ step: 1,
65
+ precision: 0,
66
+ formType: FORM_TYPES.number,
67
+ propType: PROP_TYPES.NUMBER,
68
+ },
69
+ endY: {
70
+ group: GROUPS.basic,
71
+ label: "End Y",
72
+ description: "End position from Bottom",
73
+ editable: true,
74
+ required: false,
75
+ defaultValue: 100,
76
+ min: 0,
77
+ max: 100,
78
+ step: 1,
79
+ precision: 0,
80
+ formType: FORM_TYPES.number,
81
+ propType: PROP_TYPES.NUMBER,
82
+ },
83
+ },
84
+ };
package/src/components/LinearGradient.tsx ADDED
@@ -0,0 +1,119 @@
1
+ import * as React from "react";
2
+ import { StyleProp, ViewStyle } from "react-native";
3
+ import { LinearGradient } from "expo-linear-gradient";
4
+ import { extractStyles } from "../utilities";
5
+ import {
6
+ createColorProp,
7
+ FORM_TYPES,
8
+ GROUPS,
9
+ PROP_TYPES,
10
+ } from "@draftbit/types";
11
+
12
+ type Props = {
13
+ color1: string;
14
+ color2: string;
15
+ color3: string;
16
+ startX: number;
17
+ startY: number;
18
+ endX: number;
19
+ endY: number;
20
+ children?: any;
21
+ style?: StyleProp<ViewStyle>;
22
+ };
23
+
24
+ const LinearGradientComp = ({
25
+ children,
26
+ color1,
27
+ color2,
28
+ color3,
29
+ startX = 0,
30
+ startY = 0,
31
+ endX = 100,
32
+ endY = 100,
33
+ style,
34
+ }: Props) => {
35
+ const { viewStyles } = extractStyles(style);
36
+ const colors = [color1, color2, color3].filter((color: string) => !!color);
37
+ const start = { x: startX / 100, y: startY / 100 };
38
+ const end = { x: endX / 100, y: endY / 100 };
39
+ return (
40
+ <LinearGradient colors={colors} start={start} end={end} style={viewStyles}>
41
+ {children}
42
+ </LinearGradient>
43
+ );
44
+ };
45
+
46
+ export default LinearGradientComp;
47
+
48
+ export const SEED_DATA = {
49
+ name: "LinearGradient",
50
+ tag: "LinearGradient",
51
+ description: "Linear Gradient Component",
52
+ props: {
53
+ color1: createColorProp({
54
+ label: "Color 1",
55
+ }),
56
+ color2: createColorProp({
57
+ label: "Color 2",
58
+ }),
59
+ color3: createColorProp({
60
+ label: "Color 3",
61
+ }),
62
+ startX: {
63
+ group: GROUPS.basic,
64
+ label: "Start X",
65
+ description: "Start position from Left",
66
+ editable: true,
67
+ required: false,
68
+ defaultValue: 0,
69
+ min: 0,
70
+ max: 100,
71
+ step: 1,
72
+ precision: 0,
73
+ formType: FORM_TYPES.number,
74
+ propType: PROP_TYPES.NUMBER,
75
+ },
76
+ startY: {
77
+ group: GROUPS.basic,
78
+ label: "Start Y",
79
+ description: "Start position from Top",
80
+ editable: true,
81
+ required: false,
82
+ defaultValue: 0,
83
+ min: 0,
84
+ max: 100,
85
+ step: 1,
86
+ precision: 0,
87
+ formType: FORM_TYPES.number,
88
+ propType: PROP_TYPES.NUMBER,
89
+ },
90
+ endX: {
91
+ group: GROUPS.basic,
92
+ label: "End Y",
93
+ description: "End position from Right",
94
+ editable: true,
95
+ required: false,
96
+ defaultValue: 100,
97
+ min: 0,
98
+ max: 100,
99
+ step: 1,
100
+ precision: 0,
101
+ formType: FORM_TYPES.number,
102
+ propType: PROP_TYPES.NUMBER,
103
+ },
104
+ endY: {
105
+ group: GROUPS.basic,
106
+ label: "End Y",
107
+ description: "End position from Bottom",
108
+ editable: true,
109
+ required: false,
110
+ defaultValue: 100,
111
+ min: 0,
112
+ max: 100,
113
+ step: 1,
114
+ precision: 0,
115
+ formType: FORM_TYPES.number,
116
+ propType: PROP_TYPES.NUMBER,
117
+ },
118
+ },
119
+ };
package/src/index.js CHANGED
@@ -25,6 +25,7 @@ export { default as TextField } from "./components/TextField";
25
25
  export { default as ToggleButton } from "./components/ToggleButton";
26
26
  export { default as Touchable } from "./components/Touchable";
27
27
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
28
+ export { default as LinearGradient } from "./components/LinearGradient";
28
29
  export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
29
30
  export { Swiper, SwiperItem } from "./components/Swiper";
30
31
  export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
package/src/index.tsx CHANGED
@@ -26,6 +26,7 @@ export { default as TextField } from "./components/TextField";
26
26
  export { default as ToggleButton } from "./components/ToggleButton";
27
27
  export { default as Touchable } from "./components/Touchable";
28
28
  export { AccordionGroup, AccordionItem } from "./components/Accordion";
29
+ export { default as LinearGradient } from "./components/LinearGradient";
29
30
  export {
30
31
  ActionSheet,
31
32
  ActionSheetItem,
package/src/mappings/TextArea.js CHANGED
@@ -4,20 +4,7 @@ export const SEED_DATA = {
4
4
  tag: "TextInput",
5
5
  description: "An input field that allows for multiple lines.",
6
6
  category: COMPONENT_TYPES.input,
7
- layout: {
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,
18
- textAlignVertical: "top",
19
- minHeight: 100,
20
- },
7
+ layout: { flex: 1 },
21
8
  triggers: [Triggers.OnChangeText],
22
9
  props: {
23
10
  ...TEXT_INPUT_PROPS,
package/src/mappings/TextArea.ts CHANGED
@@ -13,20 +13,7 @@ export const SEED_DATA = {
13
13
  tag: "TextInput",
14
14
  description: "An input field that allows for multiple lines.",
15
15
  category: COMPONENT_TYPES.input,
16
- layout: {
17
- borderLeftWidth: 1,
18
- borderRightWidth: 1,
19
- borderTopWidth: 1,
20
- borderBottomWidth: 1,
21
- borderColor: "divider",
22
- paddingLeft: 8,
23
- paddingRight: 8,
24
- paddingTop: 8,
25
- paddingBottom: 8,
26
- borderRadius: 8,
27
- textAlignVertical: "top",
28
- minHeight: 100,
29
- },
16
+ layout: { flex: 1 },
30
17
  triggers: [Triggers.OnChangeText],
31
18
  props: {
32
19
  ...TEXT_INPUT_PROPS,