@draftbit/core 47.0.1-2935a8.2 → 47.0.1-2aab54.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/Checkbox/CheckboxGroup.js +17 -2
- package/lib/commonjs/index.js +25 -82
- package/lib/commonjs/mappings/FlashList.js +2 -38
- package/lib/commonjs/mappings/FlatList.js +0 -9
- package/lib/commonjs/mappings/NativeBase/AlertDialog.js +93 -0
- package/lib/commonjs/mappings/NativeBase/Button.js +84 -0
- package/lib/commonjs/mappings/NativeBase/DataDisplay.js +48 -0
- package/lib/commonjs/mappings/NativeBase/Feedback.js +74 -0
- package/lib/commonjs/mappings/NativeBase/Layout.js +114 -0
- package/lib/commonjs/mappings/NativeBase/Media.js +49 -0
- package/lib/commonjs/mappings/NativeBase/Menu.js +111 -0
- package/lib/commonjs/mappings/NativeBase/Modal.js +93 -0
- package/lib/commonjs/mappings/NativeBase/Other.js +94 -0
- package/lib/commonjs/mappings/NativeBase/Popover.js +99 -0
- package/lib/module/index.js +121 -31
- package/lib/module/mappings/FlashList.js +3 -39
- package/lib/module/mappings/FlatList.js +1 -10
- package/lib/module/mappings/NativeBase/AlertDialog.js +86 -0
- package/lib/module/mappings/NativeBase/Button.js +86 -0
- package/lib/module/mappings/NativeBase/DataDisplay.js +41 -0
- package/lib/module/mappings/NativeBase/Feedback.js +67 -0
- package/lib/module/mappings/NativeBase/Layout.js +107 -0
- package/lib/module/mappings/NativeBase/Media.js +42 -0
- package/lib/module/mappings/NativeBase/Menu.js +104 -0
- package/lib/module/mappings/NativeBase/Modal.js +86 -0
- package/lib/module/mappings/NativeBase/Other.js +87 -0
- package/lib/module/mappings/NativeBase/Popover.js +92 -0
- package/lib/typescript/src/index.d.ts +102 -29
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlashList.d.ts +2 -130
- package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlatList.d.ts +0 -51
- package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts +134 -0
- package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Button.d.ts +1 -0
- package/lib/typescript/src/mappings/NativeBase/Button.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts +70 -0
- package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts +2 -0
- package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +146 -0
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Media.d.ts +48 -0
- package/lib/typescript/src/mappings/NativeBase/Media.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Menu.d.ts +227 -0
- package/lib/typescript/src/mappings/NativeBase/Menu.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Modal.d.ts +133 -0
- package/lib/typescript/src/mappings/NativeBase/Modal.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Other.d.ts +179 -0
- package/lib/typescript/src/mappings/NativeBase/Other.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Popover.d.ts +136 -0
- package/lib/typescript/src/mappings/NativeBase/Popover.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/index.js +112 -31
- package/src/index.tsx +123 -43
- package/src/mappings/FlashList.js +31 -75
- package/src/mappings/FlashList.ts +30 -77
- package/src/mappings/FlatList.js +1 -15
- package/src/mappings/FlatList.ts +0 -16
- package/src/mappings/NativeBase/AlertDialog.js +103 -0
- package/src/mappings/NativeBase/AlertDialog.ts +118 -0
- package/src/mappings/NativeBase/Button.js +84 -0
- package/src/mappings/NativeBase/Button.ts +83 -0
- package/src/mappings/NativeBase/DataDisplay.js +54 -0
- package/src/mappings/NativeBase/DataDisplay.ts +64 -0
- package/src/mappings/NativeBase/Feedback.js +89 -0
- package/src/mappings/NativeBase/Feedback.ts +100 -0
- package/src/mappings/NativeBase/Layout.js +140 -0
- package/src/mappings/NativeBase/Layout.ts +152 -0
- package/src/mappings/NativeBase/Media.js +56 -0
- package/src/mappings/NativeBase/Media.ts +65 -0
- package/src/mappings/NativeBase/Menu.js +134 -0
- package/src/mappings/NativeBase/Menu.ts +150 -0
- package/src/mappings/NativeBase/Modal.js +103 -0
- package/src/mappings/NativeBase/Modal.ts +118 -0
- package/src/mappings/NativeBase/Other.js +123 -0
- package/src/mappings/NativeBase/Other.ts +139 -0
- package/src/mappings/NativeBase/Popover.js +123 -0
- package/src/mappings/NativeBase/Popover.ts +136 -0
|
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _context = require("./context");
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
13
12
|
const {
|
|
14
13
|
Provider
|
|
15
14
|
} = _context.checkboxGroupContext;
|
|
@@ -31,7 +30,23 @@ const CheckboxGroup = _ref => {
|
|
|
31
30
|
alignItems: "center"
|
|
32
31
|
});
|
|
33
32
|
}
|
|
34
|
-
return /*#__PURE__*/React.createElement(_reactNative.View,
|
|
33
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
34
|
+
style: [{
|
|
35
|
+
minHeight: 40
|
|
36
|
+
}, style],
|
|
37
|
+
...rest
|
|
38
|
+
}, /*#__PURE__*/React.createElement(Provider, {
|
|
39
|
+
value: {
|
|
40
|
+
values,
|
|
41
|
+
onValueChange,
|
|
42
|
+
direction
|
|
43
|
+
}
|
|
44
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
45
|
+
style: _containerStyle
|
|
46
|
+
}, children)));
|
|
47
|
+
};
|
|
48
|
+
var _default = CheckboxGroup;
|
|
49
|
+
exports.default = _default;s({
|
|
35
50
|
style: [{
|
|
36
51
|
minHeight: 40
|
|
37
52
|
}, style]
|
package/lib/commonjs/index.js
CHANGED
|
@@ -33,12 +33,6 @@ Object.defineProperty(exports, "ActionSheetItem", {
|
|
|
33
33
|
return _ActionSheet.ActionSheetItem;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
Object.defineProperty(exports, "Avatar", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _CircleImage.default;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
36
|
Object.defineProperty(exports, "AvatarEdit", {
|
|
43
37
|
enumerable: true,
|
|
44
38
|
get: function () {
|
|
@@ -105,12 +99,6 @@ Object.defineProperty(exports, "Carousel", {
|
|
|
105
99
|
return _Carousel.default;
|
|
106
100
|
}
|
|
107
101
|
});
|
|
108
|
-
Object.defineProperty(exports, "Center", {
|
|
109
|
-
enumerable: true,
|
|
110
|
-
get: function () {
|
|
111
|
-
return _Layout.Center;
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
102
|
Object.defineProperty(exports, "Checkbox", {
|
|
115
103
|
enumerable: true,
|
|
116
104
|
get: function () {
|
|
@@ -129,24 +117,12 @@ Object.defineProperty(exports, "CheckboxRow", {
|
|
|
129
117
|
return _Checkbox.CheckboxRow;
|
|
130
118
|
}
|
|
131
119
|
});
|
|
132
|
-
Object.defineProperty(exports, "Circle", {
|
|
133
|
-
enumerable: true,
|
|
134
|
-
get: function () {
|
|
135
|
-
return _Layout.Circle;
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
120
|
Object.defineProperty(exports, "CircleImage", {
|
|
139
121
|
enumerable: true,
|
|
140
122
|
get: function () {
|
|
141
123
|
return _CircleImage.default;
|
|
142
124
|
}
|
|
143
125
|
});
|
|
144
|
-
Object.defineProperty(exports, "Container", {
|
|
145
|
-
enumerable: true,
|
|
146
|
-
get: function () {
|
|
147
|
-
return _Container.default;
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
126
|
Object.defineProperty(exports, "DatePicker", {
|
|
151
127
|
enumerable: true,
|
|
152
128
|
get: function () {
|
|
@@ -165,12 +141,6 @@ Object.defineProperty(exports, "Divider", {
|
|
|
165
141
|
return _Divider.default;
|
|
166
142
|
}
|
|
167
143
|
});
|
|
168
|
-
Object.defineProperty(exports, "FAB", {
|
|
169
|
-
enumerable: true,
|
|
170
|
-
get: function () {
|
|
171
|
-
return _FAB.default;
|
|
172
|
-
}
|
|
173
|
-
});
|
|
174
144
|
Object.defineProperty(exports, "FieldSearchBarFull", {
|
|
175
145
|
enumerable: true,
|
|
176
146
|
get: function () {
|
|
@@ -267,12 +237,6 @@ Object.defineProperty(exports, "RadioButtonRow", {
|
|
|
267
237
|
return _index.RadioButtonRow;
|
|
268
238
|
}
|
|
269
239
|
});
|
|
270
|
-
Object.defineProperty(exports, "Row", {
|
|
271
|
-
enumerable: true,
|
|
272
|
-
get: function () {
|
|
273
|
-
return _Layout.Row;
|
|
274
|
-
}
|
|
275
|
-
});
|
|
276
240
|
Object.defineProperty(exports, "RowBodyIcon", {
|
|
277
241
|
enumerable: true,
|
|
278
242
|
get: function () {
|
|
@@ -309,24 +273,6 @@ Object.defineProperty(exports, "Slider", {
|
|
|
309
273
|
return _Slider.default;
|
|
310
274
|
}
|
|
311
275
|
});
|
|
312
|
-
Object.defineProperty(exports, "Spacer", {
|
|
313
|
-
enumerable: true,
|
|
314
|
-
get: function () {
|
|
315
|
-
return _Layout.Spacer;
|
|
316
|
-
}
|
|
317
|
-
});
|
|
318
|
-
Object.defineProperty(exports, "Square", {
|
|
319
|
-
enumerable: true,
|
|
320
|
-
get: function () {
|
|
321
|
-
return _Layout.Square;
|
|
322
|
-
}
|
|
323
|
-
});
|
|
324
|
-
Object.defineProperty(exports, "Stack", {
|
|
325
|
-
enumerable: true,
|
|
326
|
-
get: function () {
|
|
327
|
-
return _Layout.Stack;
|
|
328
|
-
}
|
|
329
|
-
});
|
|
330
276
|
Object.defineProperty(exports, "StarRating", {
|
|
331
277
|
enumerable: true,
|
|
332
278
|
get: function () {
|
|
@@ -415,50 +361,47 @@ var _Icon = require("./interfaces/Icon");
|
|
|
415
361
|
var _theming = require("./theming");
|
|
416
362
|
var _Provider = _interopRequireDefault(require("./Provider"));
|
|
417
363
|
var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
|
|
418
|
-
var
|
|
364
|
+
var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
|
|
419
365
|
var _Banner = _interopRequireDefault(require("./components/Banner"));
|
|
420
366
|
var _Button = require("./components/Button");
|
|
421
|
-
var
|
|
422
|
-
var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
|
|
423
|
-
var _Card = _interopRequireDefault(require("./components/Card"));
|
|
424
|
-
var _Carousel = _interopRequireDefault(require("./components/Carousel"));
|
|
425
|
-
var _Checkbox = require("./components/Checkbox");
|
|
426
|
-
var _Container = _interopRequireDefault(require("./components/Container"));
|
|
427
|
-
var _Divider = _interopRequireDefault(require("./components/Divider"));
|
|
428
|
-
var _FAB = _interopRequireDefault(require("./components/FAB"));
|
|
429
|
-
var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
|
|
367
|
+
var _Text = require("./components/Text");
|
|
430
368
|
var _IconButton = _interopRequireDefault(require("./components/IconButton"));
|
|
431
|
-
var
|
|
432
|
-
var
|
|
369
|
+
var _Touchable = _interopRequireDefault(require("./components/Touchable"));
|
|
370
|
+
var _ToggleButton = _interopRequireDefault(require("./components/ToggleButton"));
|
|
371
|
+
var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
|
|
433
372
|
var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
|
|
434
|
-
var
|
|
373
|
+
var _TextField = _interopRequireDefault(require("./components/TextField"));
|
|
374
|
+
var _FieldSearchBarFull = _interopRequireDefault(require("./components/FieldSearchBarFull"));
|
|
375
|
+
var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
|
|
376
|
+
var _Checkbox = require("./components/Checkbox");
|
|
377
|
+
var _index = require("./components/RadioButton/index");
|
|
378
|
+
var _Slider = _interopRequireDefault(require("./components/Slider"));
|
|
379
|
+
var _Stepper = _interopRequireDefault(require("./components/Stepper"));
|
|
435
380
|
var _StarRating = _interopRequireDefault(require("./components/StarRating"));
|
|
436
|
-
var _Surface = _interopRequireDefault(require("./components/Surface"));
|
|
437
381
|
var _Switch = _interopRequireWildcard(require("./components/Switch"));
|
|
438
|
-
var
|
|
439
|
-
var
|
|
440
|
-
var
|
|
382
|
+
var _SVG = _interopRequireDefault(require("./components/SVG"));
|
|
383
|
+
var _Image = _interopRequireDefault(require("./components/Image"));
|
|
384
|
+
var _AvatarEdit = _interopRequireDefault(require("./components/AvatarEdit"));
|
|
385
|
+
var _CircleImage = _interopRequireDefault(require("./components/CircleImage"));
|
|
386
|
+
var _Swiper = require("./components/Swiper");
|
|
441
387
|
var _Accordion = require("./components/Accordion");
|
|
388
|
+
var _Surface = _interopRequireDefault(require("./components/Surface"));
|
|
442
389
|
var _ActionSheet = require("./components/ActionSheet");
|
|
443
|
-
var
|
|
444
|
-
var
|
|
445
|
-
var _index = require("./components/RadioButton/index");
|
|
446
|
-
var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
|
|
447
|
-
var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
|
|
448
|
-
var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
|
|
449
|
-
var _CardInline = _interopRequireDefault(require("./components/CardInline"));
|
|
450
|
-
var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
|
|
390
|
+
var _Carousel = _interopRequireDefault(require("./components/Carousel"));
|
|
391
|
+
var _Divider = _interopRequireDefault(require("./components/Divider"));
|
|
451
392
|
var _HeaderLarge = _interopRequireDefault(require("./components/HeaderLarge"));
|
|
452
393
|
var _HeaderMedium = _interopRequireDefault(require("./components/HeaderMedium"));
|
|
453
394
|
var _HeaderOverline = _interopRequireDefault(require("./components/HeaderOverline"));
|
|
454
|
-
var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
|
|
455
395
|
var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
|
|
456
396
|
var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
|
|
457
397
|
var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
|
|
458
398
|
var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
|
|
459
399
|
var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
|
|
460
|
-
var
|
|
461
|
-
var
|
|
400
|
+
var _Card = _interopRequireDefault(require("./components/Card"));
|
|
401
|
+
var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
|
|
402
|
+
var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
|
|
403
|
+
var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
|
|
404
|
+
var _CardInline = _interopRequireDefault(require("./components/CardInline"));
|
|
462
405
|
var _useAuthState = require("./components/useAuthState");
|
|
463
406
|
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); }
|
|
464
407
|
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; }
|
|
@@ -5,39 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.SEED_DATA = void 0;
|
|
7
7
|
var _types = require("@draftbit/types");
|
|
8
|
-
const SEED_DATA =
|
|
9
|
-
name: "Masonry List",
|
|
10
|
-
tag: "MasonryFlashList",
|
|
11
|
-
description: "Masonry Flashlist by Shopify",
|
|
12
|
-
packageName: "@shopify/flash-list",
|
|
13
|
-
category: _types.COMPONENT_TYPES.data,
|
|
14
|
-
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
15
|
-
layout: {
|
|
16
|
-
flex: 1
|
|
17
|
-
},
|
|
18
|
-
triggers: [_types.Triggers.OnRefresh, _types.Triggers.OnEndReached, _types.Triggers.OnEndReachedThreshold, _types.Triggers.OnViewableItemsChanged],
|
|
19
|
-
props: {
|
|
20
|
-
onRefresh: (0, _types.createActionProp)(),
|
|
21
|
-
onEndReached: (0, _types.createActionProp)(),
|
|
22
|
-
onEndReachedThreshold: (0, _types.createActionProp)(),
|
|
23
|
-
onViewableItemsChanged: (0, _types.createActionProp)(),
|
|
24
|
-
numColumns: (0, _types.createNumColumnsType)({
|
|
25
|
-
editable: true
|
|
26
|
-
}),
|
|
27
|
-
estimatedItemSize: (0, _types.createNumberProp)({
|
|
28
|
-
group: _types.GROUPS.basic,
|
|
29
|
-
label: "Est. Item Size",
|
|
30
|
-
description: "Approximate size of the items before rendering.",
|
|
31
|
-
defaultValue: 50,
|
|
32
|
-
step: 1,
|
|
33
|
-
precision: 0
|
|
34
|
-
}),
|
|
35
|
-
optimizeItemArrangement: (0, _types.createStaticBoolProp)({
|
|
36
|
-
label: "Optimize Item Arrangement",
|
|
37
|
-
description: "If enabled, MasonryFlashList will try to reduce difference in column height by modifying item order. If true, specifying overrideItemLayout is required. Default value is false."
|
|
38
|
-
})
|
|
39
|
-
}
|
|
40
|
-
}, {
|
|
8
|
+
const SEED_DATA = {
|
|
41
9
|
name: "FlashList",
|
|
42
10
|
tag: "FlashList",
|
|
43
11
|
description: "Flashlist by Shopify",
|
|
@@ -48,10 +16,6 @@ const SEED_DATA = [{
|
|
|
48
16
|
flex: 1
|
|
49
17
|
},
|
|
50
18
|
props: {
|
|
51
|
-
onRefresh: (0, _types.createActionProp)(),
|
|
52
|
-
onEndReached: (0, _types.createActionProp)(),
|
|
53
|
-
onEndReachedThreshold: (0, _types.createActionProp)(),
|
|
54
|
-
onViewableItemsChanged: (0, _types.createActionProp)(),
|
|
55
19
|
estimatedItemSize: (0, _types.createNumberProp)({
|
|
56
20
|
group: _types.GROUPS.basic,
|
|
57
21
|
label: "Est. Item Size",
|
|
@@ -72,5 +36,5 @@ const SEED_DATA = [{
|
|
|
72
36
|
editable: true
|
|
73
37
|
})
|
|
74
38
|
}
|
|
75
|
-
}
|
|
39
|
+
};
|
|
76
40
|
exports.SEED_DATA = SEED_DATA;
|
|
@@ -14,12 +14,7 @@ const SEED_DATA = {
|
|
|
14
14
|
layout: {
|
|
15
15
|
flex: 1
|
|
16
16
|
},
|
|
17
|
-
triggers: [_types.Triggers.OnRefresh, _types.Triggers.OnEndReached, _types.Triggers.OnEndReachedThreshold, _types.Triggers.OnViewableItemsChanged],
|
|
18
17
|
props: {
|
|
19
|
-
onRefresh: (0, _types.createActionProp)(),
|
|
20
|
-
onEndReached: (0, _types.createActionProp)(),
|
|
21
|
-
onEndReachedThreshold: (0, _types.createActionProp)(),
|
|
22
|
-
onViewableItemsChanged: (0, _types.createActionProp)(),
|
|
23
18
|
horizontal: (0, _types.createStaticBoolProp)({
|
|
24
19
|
label: "Horizontal",
|
|
25
20
|
description: "Render list horizontally"
|
|
@@ -30,10 +25,6 @@ const SEED_DATA = {
|
|
|
30
25
|
}),
|
|
31
26
|
numColumns: (0, _types.createNumColumnsType)({
|
|
32
27
|
editable: true
|
|
33
|
-
}),
|
|
34
|
-
initialNumToRender: (0, _types.createStaticBoolProp)({
|
|
35
|
-
label: "Initial Num To Render",
|
|
36
|
-
descriprion: "How many items to render in the initial batch"
|
|
37
28
|
})
|
|
38
29
|
}
|
|
39
30
|
};
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SEED_DATA = void 0;
|
|
7
|
+
var _types = require("@draftbit/types");
|
|
8
|
+
const SHARED_SEED_DATA = {
|
|
9
|
+
category: _types.COMPONENT_TYPES.NBAlert,
|
|
10
|
+
packageName: "native-base",
|
|
11
|
+
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
12
|
+
layout: {}
|
|
13
|
+
};
|
|
14
|
+
const SEED_DATA = [{
|
|
15
|
+
name: "Alert Dialog",
|
|
16
|
+
tag: "AlertDialog",
|
|
17
|
+
description: "AlertDialog is used when a user needs to be interrupted with a mandatory confirmation or call-to-action. AlertDialog composes Modal so you can use all its props.",
|
|
18
|
+
...SHARED_SEED_DATA,
|
|
19
|
+
triggers: [_types.Triggers.OnClose, _types.Triggers.OnOpen],
|
|
20
|
+
props: {
|
|
21
|
+
isOpen: (0, _types.createBoolProp)({
|
|
22
|
+
label: "Is Open",
|
|
23
|
+
description: "If true, the modal will open. Useful for controllable state behavior."
|
|
24
|
+
}),
|
|
25
|
+
defaultIsOpen: (0, _types.createStaticBoolProp)({
|
|
26
|
+
label: "Default Is Open",
|
|
27
|
+
description: "If true, the modal will be opened by default."
|
|
28
|
+
}),
|
|
29
|
+
avoidKeyboard: (0, _types.createStaticBoolProp)({
|
|
30
|
+
label: "Avoid Keyboard",
|
|
31
|
+
description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
|
|
32
|
+
defaultValue: false
|
|
33
|
+
}),
|
|
34
|
+
closeOnOverlayClick: (0, _types.createStaticBoolProp)({
|
|
35
|
+
label: "Close on Overlay Click",
|
|
36
|
+
description: "If true, the modal will close when the overlay is clicked.",
|
|
37
|
+
defaultValue: true
|
|
38
|
+
}),
|
|
39
|
+
isKeyboardDismissable: (0, _types.createStaticBoolProp)({
|
|
40
|
+
label: "Is Keyboard Dismissable",
|
|
41
|
+
description: "If true, the modal will close when the keyboard is dismissed.",
|
|
42
|
+
defaultValue: true
|
|
43
|
+
}),
|
|
44
|
+
backdropVisible: (0, _types.createStaticBoolProp)({
|
|
45
|
+
label: "Backdrop Visible",
|
|
46
|
+
description: "If true, the backdrop element is visible.",
|
|
47
|
+
defaultValue: true
|
|
48
|
+
}),
|
|
49
|
+
animationPreset: (0, _types.createTextEnumProp)({
|
|
50
|
+
label: "Animation Preset",
|
|
51
|
+
description: "The animation preset to use for the modal.",
|
|
52
|
+
options: ["slide", "fade", "none"],
|
|
53
|
+
defaultValue: "fade"
|
|
54
|
+
}),
|
|
55
|
+
useRNModal: (0, _types.createStaticBoolProp)({
|
|
56
|
+
label: "Use RN Modal",
|
|
57
|
+
description: "If true, the modal will use the RN Modal component."
|
|
58
|
+
}),
|
|
59
|
+
onOpen: (0, _types.createActionProp)(),
|
|
60
|
+
onClose: (0, _types.createActionProp)()
|
|
61
|
+
}
|
|
62
|
+
}, {
|
|
63
|
+
name: "Alert Header",
|
|
64
|
+
tag: "AlertDialog.Header",
|
|
65
|
+
description: "Contains the title announced by screen readers.",
|
|
66
|
+
...SHARED_SEED_DATA,
|
|
67
|
+
props: {}
|
|
68
|
+
}, {
|
|
69
|
+
name: "Alert Body",
|
|
70
|
+
tag: "AlertDialog.Body",
|
|
71
|
+
description: "Contains the description announced by screen readers.",
|
|
72
|
+
...SHARED_SEED_DATA,
|
|
73
|
+
props: {}
|
|
74
|
+
}, {
|
|
75
|
+
name: "Alert Footer",
|
|
76
|
+
tag: "AlertDialog.Footer",
|
|
77
|
+
description: "Contains the actions of the dialog.",
|
|
78
|
+
...SHARED_SEED_DATA,
|
|
79
|
+
props: {}
|
|
80
|
+
}, {
|
|
81
|
+
name: "Alert Content",
|
|
82
|
+
tag: "AlertDialog.Content",
|
|
83
|
+
description: "The wrapper for the alert dialog's content.",
|
|
84
|
+
...SHARED_SEED_DATA,
|
|
85
|
+
props: {}
|
|
86
|
+
}, {
|
|
87
|
+
name: "Alert Close Button",
|
|
88
|
+
tag: "AlertDialog.CloseButton",
|
|
89
|
+
description: "The button that closes the dialog",
|
|
90
|
+
...SHARED_SEED_DATA,
|
|
91
|
+
props: {}
|
|
92
|
+
}];
|
|
93
|
+
exports.SEED_DATA = SEED_DATA;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/* Temporarily Commented Out
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
import {
|
|
5
|
+
COMPONENT_TYPES,
|
|
6
|
+
StylesPanelSections,
|
|
7
|
+
createTextEnumProp,
|
|
8
|
+
createBoolProp,
|
|
9
|
+
createIconProp,
|
|
10
|
+
} from "@draftbit/types";
|
|
11
|
+
|
|
12
|
+
const SHARED_SEED_DATA = {
|
|
13
|
+
category: COMPONENT_TYPES.NBForms,
|
|
14
|
+
packageName: "native-base",
|
|
15
|
+
stylesPanelSections: [
|
|
16
|
+
StylesPanelSections.LayoutFlexItems,
|
|
17
|
+
StylesPanelSections.LayoutSelectedItem,
|
|
18
|
+
StylesPanelSections.LayoutContent,
|
|
19
|
+
StylesPanelSections.Background,
|
|
20
|
+
StylesPanelSections.Size,
|
|
21
|
+
StylesPanelSections.MarginsAndPaddings,
|
|
22
|
+
StylesPanelSections.Position,
|
|
23
|
+
StylesPanelSections.Borders,
|
|
24
|
+
StylesPanelSections.Effects,
|
|
25
|
+
],
|
|
26
|
+
layout: {},
|
|
27
|
+
triggers: {},
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export const SEED_DATA = [
|
|
31
|
+
{
|
|
32
|
+
name: "Button",
|
|
33
|
+
tag: "Button",
|
|
34
|
+
description:
|
|
35
|
+
"The Button component triggers an event or an action. Examples can be submitting forms and deleting a data point.",
|
|
36
|
+
...SHARED_SEED_DATA,
|
|
37
|
+
props: {
|
|
38
|
+
isLoading: createBoolProp({
|
|
39
|
+
label: "Loading",
|
|
40
|
+
description: "If true, the button will show a spinner.",
|
|
41
|
+
}),
|
|
42
|
+
isDisabled: createBoolProp({
|
|
43
|
+
label: "Disabled",
|
|
44
|
+
description: "If true, the button will be disabled.",
|
|
45
|
+
}),
|
|
46
|
+
leftIcon: createIconProp({
|
|
47
|
+
label: "Left Icon",
|
|
48
|
+
description: "The icon to display on the left side of the button",
|
|
49
|
+
}),
|
|
50
|
+
rightIcon: createIconProp({
|
|
51
|
+
label: "Right Icon",
|
|
52
|
+
description: "The icon to display on the right side of the button",
|
|
53
|
+
}),
|
|
54
|
+
spinnerPlacement: createTextEnumProp({
|
|
55
|
+
label: "Spinner Placement",
|
|
56
|
+
description: "The placement of the spinner",
|
|
57
|
+
options: ["start", "end"],
|
|
58
|
+
defaultValue: "start",
|
|
59
|
+
}),
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
name: "Button Group",
|
|
64
|
+
tag: "ButtonGroup",
|
|
65
|
+
description:
|
|
66
|
+
"Used to group buttons whose actions are related, with an option to flush them together.",
|
|
67
|
+
...SHARED_SEED_DATA,
|
|
68
|
+
allowChildren: true,
|
|
69
|
+
props: {
|
|
70
|
+
direction: createTextEnumProp({
|
|
71
|
+
label: "Direction",
|
|
72
|
+
description: "The direction of the button group",
|
|
73
|
+
options: ["row", "column"],
|
|
74
|
+
defaultValue: "row",
|
|
75
|
+
}),
|
|
76
|
+
isAttached: createBoolProp({
|
|
77
|
+
label: "Attached",
|
|
78
|
+
description: "If true, the buttons will be attached",
|
|
79
|
+
}),
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
];
|
|
83
|
+
*/
|
|
84
|
+
"use strict";/
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SEED_DATA = void 0;
|
|
7
|
+
var _types = require("@draftbit/types");
|
|
8
|
+
const SHARED_SEED_DATA = {
|
|
9
|
+
category: _types.COMPONENT_TYPES.NBDataDisplay,
|
|
10
|
+
packageName: "native-base",
|
|
11
|
+
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
12
|
+
layout: {},
|
|
13
|
+
triggers: {}
|
|
14
|
+
};
|
|
15
|
+
const SEED_DATA = [{
|
|
16
|
+
name: "Badge",
|
|
17
|
+
tag: "Badge",
|
|
18
|
+
description: "Badges allow the highlighting of an item’s status. This provides quick recognition.",
|
|
19
|
+
...SHARED_SEED_DATA,
|
|
20
|
+
props: {
|
|
21
|
+
leftIcon: (0, _types.createIconProp)({
|
|
22
|
+
label: "Left Icon",
|
|
23
|
+
description: "The icon to display on the left side of the button"
|
|
24
|
+
}),
|
|
25
|
+
rightIcon: (0, _types.createIconProp)({
|
|
26
|
+
label: "Right Icon",
|
|
27
|
+
description: "The icon to display on the right side of the button"
|
|
28
|
+
})
|
|
29
|
+
}
|
|
30
|
+
}, {
|
|
31
|
+
name: "Divider",
|
|
32
|
+
tag: "Divider",
|
|
33
|
+
description: "Divider can visually separate content in a given list or group.",
|
|
34
|
+
...SHARED_SEED_DATA,
|
|
35
|
+
props: {
|
|
36
|
+
orientation: (0, _types.createTextEnumProp)({
|
|
37
|
+
label: "Orientation",
|
|
38
|
+
description: "The orientation of the divider",
|
|
39
|
+
options: ["horizontal", "vertical"]
|
|
40
|
+
}),
|
|
41
|
+
thickness: (0, _types.createStaticNumberProp)({
|
|
42
|
+
label: "Thickness",
|
|
43
|
+
description: "The thickness of the divider",
|
|
44
|
+
defaultValue: 1
|
|
45
|
+
})
|
|
46
|
+
}
|
|
47
|
+
}];
|
|
48
|
+
exports.SEED_DATA = SEED_DATA;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SEED_DATA = void 0;
|
|
7
|
+
var _types = require("@draftbit/types");
|
|
8
|
+
const SHARED_SEED_DATA = {
|
|
9
|
+
category: _types.COMPONENT_TYPES.NBFeedback,
|
|
10
|
+
packageName: "native-base",
|
|
11
|
+
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
12
|
+
layout: {},
|
|
13
|
+
triggers: {}
|
|
14
|
+
};
|
|
15
|
+
const SEED_DATA = [{
|
|
16
|
+
name: "Alert",
|
|
17
|
+
tag: "Alert",
|
|
18
|
+
description: "Wrapper component. Alerts convey a state that can influence a system, feature, or page.",
|
|
19
|
+
...SHARED_SEED_DATA,
|
|
20
|
+
props: {
|
|
21
|
+
status: (0, _types.createTextEnumProp)({
|
|
22
|
+
label: "Status",
|
|
23
|
+
description: "The status of the alert",
|
|
24
|
+
options: ["success", "warning", "error", "info"],
|
|
25
|
+
defaultValue: "info"
|
|
26
|
+
}),
|
|
27
|
+
variant: (0, _types.createTextEnumProp)({
|
|
28
|
+
label: "Variant",
|
|
29
|
+
description: "The variant of the alert style to use.",
|
|
30
|
+
options: ["subtle", "solid", "outline", "left-accent", "top-accent", "outline-light"],
|
|
31
|
+
defaultValue: "subtle"
|
|
32
|
+
})
|
|
33
|
+
}
|
|
34
|
+
}, {
|
|
35
|
+
name: "Alert Icon",
|
|
36
|
+
tag: "Alert.Icon",
|
|
37
|
+
description: "The visual icon for the alert that changes based on the status prop.",
|
|
38
|
+
...SHARED_SEED_DATA,
|
|
39
|
+
props: {
|
|
40
|
+
icon: (0, _types.createIconProp)({
|
|
41
|
+
label: "Icon",
|
|
42
|
+
description: "The icon to display"
|
|
43
|
+
})
|
|
44
|
+
}
|
|
45
|
+
}, {
|
|
46
|
+
name: "Progress",
|
|
47
|
+
tag: "Progress",
|
|
48
|
+
description: "Progress helps show the progress status for a time-consuming task that consists of several steps.",
|
|
49
|
+
...SHARED_SEED_DATA,
|
|
50
|
+
props: {
|
|
51
|
+
value: (0, _types.createNumberProp)({
|
|
52
|
+
label: "Value",
|
|
53
|
+
description: "The value of the progress bar",
|
|
54
|
+
defaultValue: 0,
|
|
55
|
+
min: 0,
|
|
56
|
+
max: 100
|
|
57
|
+
}),
|
|
58
|
+
min: (0, _types.createNumberProp)({
|
|
59
|
+
label: "Min",
|
|
60
|
+
description: "The minimum value of the progress bar",
|
|
61
|
+
defaultValue: 0,
|
|
62
|
+
min: 0,
|
|
63
|
+
max: 100
|
|
64
|
+
}),
|
|
65
|
+
max: (0, _types.createNumberProp)({
|
|
66
|
+
label: "Max",
|
|
67
|
+
description: "The maximum value of the progress bar",
|
|
68
|
+
defaultValue: 100,
|
|
69
|
+
min: 0,
|
|
70
|
+
max: 100
|
|
71
|
+
})
|
|
72
|
+
}
|
|
73
|
+
}, {}];
|
|
74
|
+
exports.SEED_DATA = SEED_DATA;
|