@draftbit/ui 47.0.0-df8093.2 → 47.0.0
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/index.js +101 -3
- package/lib/module/index.js +19 -5
- package/lib/typescript/src/index.d.ts +36375 -115
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +16 -6
- package/src/index.tsx +42 -2
- package/lib/commonjs/index.js.map +0 -1
- package/lib/module/index.js.map +0 -1
- package/src/index.js +0 -26
package/lib/commonjs/index.js
CHANGED
|
@@ -28,7 +28,32 @@ Object.defineProperty(exports, "AudioPlayer", {
|
|
|
28
28
|
return _native.AudioPlayer;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
|
|
31
|
+
Object.defineProperty(exports, "Avatar", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function () {
|
|
34
|
+
return _core.Avatar;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
exports.Card = exports.ButtonSolid = exports.ButtonOutline = exports.Button = exports.Banner = exports.AvatarEdit = void 0;
|
|
38
|
+
Object.defineProperty(exports, "CardBlock", {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function () {
|
|
41
|
+
return _core.CardBlock;
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
exports.CardContainerRating = exports.CardContainer = void 0;
|
|
45
|
+
Object.defineProperty(exports, "CardInline", {
|
|
46
|
+
enumerable: true,
|
|
47
|
+
get: function () {
|
|
48
|
+
return _core.CardInline;
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
Object.defineProperty(exports, "Carousel", {
|
|
52
|
+
enumerable: true,
|
|
53
|
+
get: function () {
|
|
54
|
+
return _core.Carousel;
|
|
55
|
+
}
|
|
56
|
+
});
|
|
32
57
|
Object.defineProperty(exports, "Center", {
|
|
33
58
|
enumerable: true,
|
|
34
59
|
get: function () {
|
|
@@ -49,6 +74,18 @@ Object.defineProperty(exports, "Circle", {
|
|
|
49
74
|
return _core.Circle;
|
|
50
75
|
}
|
|
51
76
|
});
|
|
77
|
+
Object.defineProperty(exports, "CircleImage", {
|
|
78
|
+
enumerable: true,
|
|
79
|
+
get: function () {
|
|
80
|
+
return _core.CircleImage;
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
Object.defineProperty(exports, "Container", {
|
|
84
|
+
enumerable: true,
|
|
85
|
+
get: function () {
|
|
86
|
+
return _core.Container;
|
|
87
|
+
}
|
|
88
|
+
});
|
|
52
89
|
exports.DatePicker = void 0;
|
|
53
90
|
Object.defineProperty(exports, "DefaultTheme", {
|
|
54
91
|
enumerable: true,
|
|
@@ -56,6 +93,13 @@ Object.defineProperty(exports, "DefaultTheme", {
|
|
|
56
93
|
return _core.DefaultTheme;
|
|
57
94
|
}
|
|
58
95
|
});
|
|
96
|
+
Object.defineProperty(exports, "Divider", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _core.Divider;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
exports.HeaderOverline = exports.HeaderMedium = exports.HeaderLarge = exports.FieldSearchBarFull = exports.FAB = void 0;
|
|
59
103
|
Object.defineProperty(exports, "Icon", {
|
|
60
104
|
enumerable: true,
|
|
61
105
|
get: function () {
|
|
@@ -77,6 +121,18 @@ Object.defineProperty(exports, "NumberInput", {
|
|
|
77
121
|
}
|
|
78
122
|
});
|
|
79
123
|
exports.Picker = void 0;
|
|
124
|
+
Object.defineProperty(exports, "ProgressBar", {
|
|
125
|
+
enumerable: true,
|
|
126
|
+
get: function () {
|
|
127
|
+
return _core.ProgressBar;
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
Object.defineProperty(exports, "ProgressCircle", {
|
|
131
|
+
enumerable: true,
|
|
132
|
+
get: function () {
|
|
133
|
+
return _core.ProgressCircle;
|
|
134
|
+
}
|
|
135
|
+
});
|
|
80
136
|
Object.defineProperty(exports, "Provider", {
|
|
81
137
|
enumerable: true,
|
|
82
138
|
get: function () {
|
|
@@ -103,6 +159,14 @@ Object.defineProperty(exports, "Row", {
|
|
|
103
159
|
return _core.Row;
|
|
104
160
|
}
|
|
105
161
|
});
|
|
162
|
+
exports.RowBodyIcon = void 0;
|
|
163
|
+
Object.defineProperty(exports, "RowHeadlineImageCaption", {
|
|
164
|
+
enumerable: true,
|
|
165
|
+
get: function () {
|
|
166
|
+
return _core.RowHeadlineImageCaption;
|
|
167
|
+
}
|
|
168
|
+
});
|
|
169
|
+
exports.RowHeadlineImageIcon = void 0;
|
|
106
170
|
Object.defineProperty(exports, "SVG", {
|
|
107
171
|
enumerable: true,
|
|
108
172
|
get: function () {
|
|
@@ -172,6 +236,7 @@ Object.defineProperty(exports, "ThemeProvider", {
|
|
|
172
236
|
return _core.ThemeProvider;
|
|
173
237
|
}
|
|
174
238
|
});
|
|
239
|
+
exports.ToggleButton = void 0;
|
|
175
240
|
Object.defineProperty(exports, "Touchable", {
|
|
176
241
|
enumerable: true,
|
|
177
242
|
get: function () {
|
|
@@ -184,6 +249,12 @@ Object.defineProperty(exports, "WebView", {
|
|
|
184
249
|
return _native.WebView;
|
|
185
250
|
}
|
|
186
251
|
});
|
|
252
|
+
Object.defineProperty(exports, "useAuthState", {
|
|
253
|
+
enumerable: true,
|
|
254
|
+
get: function () {
|
|
255
|
+
return _core.useAuthState;
|
|
256
|
+
}
|
|
257
|
+
});
|
|
187
258
|
Object.defineProperty(exports, "withTheme", {
|
|
188
259
|
enumerable: true,
|
|
189
260
|
get: function () {
|
|
@@ -199,16 +270,38 @@ var _core = require("@draftbit/core");
|
|
|
199
270
|
* is snack / expo / react-native
|
|
200
271
|
*/
|
|
201
272
|
|
|
273
|
+
const AvatarEdit = (0, _core.injectIcon)(_core.AvatarEdit, _native.Icon);
|
|
274
|
+
exports.AvatarEdit = AvatarEdit;
|
|
202
275
|
const Banner = (0, _core.injectIcon)(_core.Banner, _native.Icon);
|
|
203
276
|
exports.Banner = Banner;
|
|
204
277
|
const Button = (0, _core.injectIcon)(_core.Button, _native.Icon);
|
|
205
278
|
exports.Button = Button;
|
|
279
|
+
const ButtonOutline = (0, _core.injectIcon)(_core.ButtonOutline, _native.Icon);
|
|
280
|
+
exports.ButtonOutline = ButtonOutline;
|
|
281
|
+
const ButtonSolid = (0, _core.injectIcon)(_core.ButtonSolid, _native.Icon);
|
|
282
|
+
exports.ButtonSolid = ButtonSolid;
|
|
283
|
+
const Card = (0, _core.injectIcon)(_core.Card, _native.Icon);
|
|
284
|
+
exports.Card = Card;
|
|
285
|
+
const CardContainer = (0, _core.injectIcon)(_core.CardContainer, _native.Icon);
|
|
286
|
+
exports.CardContainer = CardContainer;
|
|
287
|
+
const CardContainerRating = (0, _core.injectIcon)(_core.CardContainerRating, _native.Icon);
|
|
288
|
+
exports.CardContainerRating = CardContainerRating;
|
|
206
289
|
const Checkbox = (0, _core.injectIcon)(_core.Checkbox, _native.Icon);
|
|
207
290
|
exports.Checkbox = Checkbox;
|
|
208
291
|
const CheckboxRow = (0, _core.injectIcon)(_core.CheckboxRow, _native.Icon);
|
|
209
292
|
exports.CheckboxRow = CheckboxRow;
|
|
210
293
|
const DatePicker = (0, _core.injectIcon)(_core.DatePicker, _native.Icon);
|
|
211
294
|
exports.DatePicker = DatePicker;
|
|
295
|
+
const FAB = (0, _core.injectIcon)(_core.FAB, _native.Icon);
|
|
296
|
+
exports.FAB = FAB;
|
|
297
|
+
const FieldSearchBarFull = (0, _core.injectIcon)(_core.FieldSearchBarFull, _native.Icon);
|
|
298
|
+
exports.FieldSearchBarFull = FieldSearchBarFull;
|
|
299
|
+
const HeaderLarge = (0, _core.injectIcon)(_core.HeaderLarge, _native.Icon);
|
|
300
|
+
exports.HeaderLarge = HeaderLarge;
|
|
301
|
+
const HeaderMedium = (0, _core.injectIcon)(_core.HeaderMedium, _native.Icon);
|
|
302
|
+
exports.HeaderMedium = HeaderMedium;
|
|
303
|
+
const HeaderOverline = (0, _core.injectIcon)(_core.HeaderOverline, _native.Icon);
|
|
304
|
+
exports.HeaderOverline = HeaderOverline;
|
|
212
305
|
const IconButton = (0, _core.injectIcon)(_core.IconButton, _native.Icon);
|
|
213
306
|
exports.IconButton = IconButton;
|
|
214
307
|
const Link = (0, _core.injectIcon)(_core.Link, _native.Icon);
|
|
@@ -219,16 +312,21 @@ const RadioButton = (0, _core.injectIcon)(_core.RadioButton, _native.Icon);
|
|
|
219
312
|
exports.RadioButton = RadioButton;
|
|
220
313
|
const RadioButtonRow = (0, _core.injectIcon)(_core.RadioButtonRow, _native.Icon);
|
|
221
314
|
exports.RadioButtonRow = RadioButtonRow;
|
|
315
|
+
const RowBodyIcon = (0, _core.injectIcon)(_core.RowBodyIcon, _native.Icon);
|
|
316
|
+
exports.RowBodyIcon = RowBodyIcon;
|
|
317
|
+
const RowHeadlineImageIcon = (0, _core.injectIcon)(_core.RowHeadlineImageIcon, _native.Icon);
|
|
318
|
+
exports.RowHeadlineImageIcon = RowHeadlineImageIcon;
|
|
222
319
|
const StarRating = (0, _core.injectIcon)(_core.StarRating, _native.Icon);
|
|
223
320
|
exports.StarRating = StarRating;
|
|
224
321
|
const Stepper = (0, _core.injectIcon)(_core.Stepper, _native.Icon);
|
|
225
322
|
exports.Stepper = Stepper;
|
|
226
323
|
const TextField = (0, _core.injectIcon)(_core.TextField, _native.Icon);
|
|
227
324
|
exports.TextField = TextField;
|
|
325
|
+
const ToggleButton = (0, _core.injectIcon)(_core.ToggleButton, _native.Icon);
|
|
326
|
+
exports.ToggleButton = ToggleButton;
|
|
228
327
|
const Slider = (0, _core.injectIcon)(_core.Slider, _native.Icon);
|
|
229
328
|
exports.Slider = Slider;
|
|
230
329
|
const AccordionGroup = (0, _core.injectIcon)(_core.AccordionGroup, _native.Icon);
|
|
231
330
|
exports.AccordionGroup = AccordionGroup;
|
|
232
331
|
const AccordionItem = (0, _core.injectIcon)(_core.AccordionItem, _native.Icon);
|
|
233
|
-
exports.AccordionItem = AccordionItem;
|
|
234
|
-
//# sourceMappingURL=index.js.map
|
|
332
|
+
exports.AccordionItem = AccordionItem;
|
package/lib/module/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Icon } from "@draftbit/native";
|
|
2
2
|
export { AudioPlayer, Icon, LinearGradient, WebView } from "@draftbit/native";
|
|
3
|
-
export { Center, Circle, CheckboxGroup, DefaultTheme, Provider, RadioButtonFieldGroup, RadioButtonGroup, Row, ScreenContainer, Spacer, Square, Stack, Surface, SVG, Switch, SwitchRow, NumberInput, ThemeProvider, Touchable, withTheme,
|
|
3
|
+
export { Avatar, Carousel, Center, Circle, CircleImage, Container, CheckboxGroup, DefaultTheme, Divider, Provider, RadioButtonFieldGroup, RadioButtonGroup, Row, ScreenContainer, Spacer, Square, Stack, Surface, SVG, Switch, SwitchRow, NumberInput, ThemeProvider, Touchable, withTheme, useAuthState, /* Deprecated, needs fixing */
|
|
4
|
+
CardBlock, CardInline, ProgressBar, ProgressCircle, RowHeadlineImageCaption, ActionSheet, ActionSheetItem, ActionSheetCancel, Swiper, SwiperItem } from "@draftbit/core";
|
|
4
5
|
|
|
5
6
|
/**
|
|
6
7
|
* Components with Injected Dependencies
|
|
@@ -9,21 +10,34 @@ export { Center, Circle, CheckboxGroup, DefaultTheme, Provider, RadioButtonField
|
|
|
9
10
|
* is snack / expo / react-native
|
|
10
11
|
*/
|
|
11
12
|
|
|
12
|
-
import { injectIcon,
|
|
13
|
+
import { injectIcon, AvatarEdit as BaseAvatarEdit, Banner as BaseBanner, Button as BaseDeprecatedButton, ButtonSolid as BaseButtonSolid, ButtonOutline as BaseButtonOutline, Card as BaseCard, Link as BaseLink, CardContainer as BaseCardContainer, CardContainerRating as BaseCardContainerRating, Checkbox as BaseCheckbox, CheckboxRow as BaseCheckboxRow, DatePicker as BaseDatePicker, FAB as BaseFab, FieldSearchBarFull as BaseFieldSearchBarFull, IconButton as BaseIconButton, Picker as BasePicker, StarRating as BaseStarRating, TextField as BaseTextField, RadioButton as BaseRadioButton, RadioButtonRow as BaseRadioButtonRow, Stepper as BaseStepper, ToggleButton as BaseToggleButton, HeaderLarge as BaseHeaderLarge, HeaderMedium as BaseHeaderMedium, HeaderOverline as BaseHeaderOverline, RowBodyIcon as BaseRowBodyIcon, RowHeadlineImageIcon as BaseRowHeadlineImageIcon, Slider as BaseSlider, AccordionGroup as BaseAccordionGroup, AccordionItem as BaseAccordionItem } from "@draftbit/core";
|
|
14
|
+
export const AvatarEdit = injectIcon(BaseAvatarEdit, Icon);
|
|
13
15
|
export const Banner = injectIcon(BaseBanner, Icon);
|
|
14
|
-
export const Button = injectIcon(
|
|
16
|
+
export const Button = injectIcon(BaseDeprecatedButton, Icon);
|
|
17
|
+
export const ButtonOutline = injectIcon(BaseButtonOutline, Icon);
|
|
18
|
+
export const ButtonSolid = injectIcon(BaseButtonSolid, Icon);
|
|
19
|
+
export const Card = injectIcon(BaseCard, Icon);
|
|
20
|
+
export const CardContainer = injectIcon(BaseCardContainer, Icon);
|
|
21
|
+
export const CardContainerRating = injectIcon(BaseCardContainerRating, Icon);
|
|
15
22
|
export const Checkbox = injectIcon(BaseCheckbox, Icon);
|
|
16
23
|
export const CheckboxRow = injectIcon(BaseCheckboxRow, Icon);
|
|
17
24
|
export const DatePicker = injectIcon(BaseDatePicker, Icon);
|
|
25
|
+
export const FAB = injectIcon(BaseFab, Icon);
|
|
26
|
+
export const FieldSearchBarFull = injectIcon(BaseFieldSearchBarFull, Icon);
|
|
27
|
+
export const HeaderLarge = injectIcon(BaseHeaderLarge, Icon);
|
|
28
|
+
export const HeaderMedium = injectIcon(BaseHeaderMedium, Icon);
|
|
29
|
+
export const HeaderOverline = injectIcon(BaseHeaderOverline, Icon);
|
|
18
30
|
export const IconButton = injectIcon(BaseIconButton, Icon);
|
|
19
31
|
export const Link = injectIcon(BaseLink, Icon);
|
|
20
32
|
export const Picker = injectIcon(BasePicker, Icon);
|
|
21
33
|
export const RadioButton = injectIcon(BaseRadioButton, Icon);
|
|
22
34
|
export const RadioButtonRow = injectIcon(BaseRadioButtonRow, Icon);
|
|
35
|
+
export const RowBodyIcon = injectIcon(BaseRowBodyIcon, Icon);
|
|
36
|
+
export const RowHeadlineImageIcon = injectIcon(BaseRowHeadlineImageIcon, Icon);
|
|
23
37
|
export const StarRating = injectIcon(BaseStarRating, Icon);
|
|
24
38
|
export const Stepper = injectIcon(BaseStepper, Icon);
|
|
25
39
|
export const TextField = injectIcon(BaseTextField, Icon);
|
|
40
|
+
export const ToggleButton = injectIcon(BaseToggleButton, Icon);
|
|
26
41
|
export const Slider = injectIcon(BaseSlider, Icon);
|
|
27
42
|
export const AccordionGroup = injectIcon(BaseAccordionGroup, Icon);
|
|
28
|
-
export const AccordionItem = injectIcon(BaseAccordionItem, Icon);
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
|
43
|
+
export const AccordionItem = injectIcon(BaseAccordionItem, Icon);
|