@draftbit/core 46.4.4-c5d4b3.2 → 46.4.4-caab07.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/Provider.js.map +1 -1
- package/lib/commonjs/components/ActionSheet/ActionSheet.js.map +1 -1
- package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map +1 -1
- package/lib/commonjs/components/ActionSheet/index.js.map +1 -1
- package/lib/commonjs/components/AvatarEdit.js +15 -4
- package/lib/commonjs/components/AvatarEdit.js.map +1 -1
- package/lib/commonjs/components/Banner.js +23 -4
- package/lib/commonjs/components/Banner.js.map +1 -1
- package/lib/commonjs/components/CardBlock.js +13 -4
- package/lib/commonjs/components/CardContainer.js +14 -4
- package/lib/commonjs/components/CardContainer.js.map +1 -1
- package/lib/commonjs/components/Carousel.js +2 -2
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +22 -5
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map +1 -1
- package/lib/commonjs/components/Checkbox/CheckboxRow.js.map +1 -1
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/CircleImage.js +16 -2
- package/lib/commonjs/components/Config.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePicker.js +43 -21
- package/lib/commonjs/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponent.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
- package/lib/commonjs/components/DeprecatedButton.js +19 -3
- package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
- package/lib/commonjs/components/Divider.js +12 -1
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/FAB.js +19 -4
- package/lib/commonjs/components/FAB.js.map +1 -1
- package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/components/FormRow.js +17 -3
- package/lib/commonjs/components/FormRow.js.map +1 -1
- package/lib/commonjs/components/Header.js.map +1 -1
- package/lib/commonjs/components/HeaderLarge.js.map +1 -1
- package/lib/commonjs/components/Image.js +16 -2
- package/lib/commonjs/components/Picker/Picker.js +7 -7
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.android.js +19 -5
- package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +30 -11
- package/lib/commonjs/components/Picker/PickerComponent.ios.js.map +1 -1
- package/lib/commonjs/components/Portal/PortalHost.js +45 -15
- package/lib/commonjs/components/Portal/PortalHost.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +10 -1
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
- package/lib/commonjs/components/ResizeMode.js +2 -1
- package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/components/RowHeadlineImageCaption.js.map +1 -1
- package/lib/commonjs/components/ScreenContainer.js +20 -4
- package/lib/commonjs/components/ScreenContainer.js.map +1 -1
- package/lib/commonjs/components/Stepper.js +1 -0
- package/lib/commonjs/components/Stepper.js.map +1 -1
- package/lib/commonjs/components/Surface.js +13 -2
- package/lib/commonjs/components/Swiper/index.js.map +1 -1
- package/lib/commonjs/components/Text.js +50 -4
- package/lib/commonjs/components/TextField.js +76 -28
- package/lib/commonjs/components/ToggleButton.js +14 -2
- package/lib/commonjs/components/ToggleButton.js.map +1 -1
- package/lib/commonjs/components/Typography.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/interfaces/Icon.js.map +1 -1
- package/lib/commonjs/mappings/AccordionItem.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheet.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
- package/lib/commonjs/mappings/AudioPlayer.js.map +1 -1
- package/lib/commonjs/mappings/AvatarEdit.js.map +1 -1
- package/lib/commonjs/mappings/BlurView.js.map +1 -1
- package/lib/commonjs/mappings/Card.js.map +1 -1
- package/lib/commonjs/mappings/CardInline.js.map +1 -1
- package/lib/commonjs/mappings/Carousel.js.map +1 -1
- package/lib/commonjs/mappings/CheckboxRow.js.map +1 -1
- package/lib/commonjs/mappings/DatePicker.js +13 -0
- package/lib/commonjs/mappings/DatePicker.js.map +1 -1
- package/lib/commonjs/mappings/Fetch.js.map +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/mappings/HeaderLarge.js.map +1 -1
- package/lib/commonjs/mappings/HeaderMedium.js.map +1 -1
- package/lib/commonjs/mappings/ProgressCircle.js.map +1 -1
- package/lib/commonjs/mappings/ProgressIndicator.js.map +1 -1
- package/lib/commonjs/mappings/RadioButton.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
- package/lib/commonjs/mappings/Stepper.js.map +1 -1
- package/lib/commonjs/mappings/Surface.js.map +1 -1
- package/lib/commonjs/mappings/Swiper.js.map +1 -1
- package/lib/commonjs/mappings/SwiperItem.js.map +1 -1
- package/lib/commonjs/mappings/Switch.js.map +1 -1
- package/lib/commonjs/mappings/TextArea.js.map +1 -1
- package/lib/commonjs/mappings/TextField.js.map +1 -1
- package/lib/commonjs/mappings/View.js.map +1 -1
- package/lib/commonjs/utilities.js +1 -2
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/Accordion/index.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheet.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheetItem.js.map +1 -1
- package/lib/module/components/Banner.js.map +1 -1
- package/lib/module/components/Button.js.map +1 -1
- package/lib/module/components/Card.js.map +1 -1
- package/lib/module/components/CardBlock.js +14 -4
- package/lib/module/components/CardBlock.js.map +1 -1
- package/lib/module/components/CardContainerShortImage.js +16 -4
- package/lib/module/components/CardContainerShortImage.js.map +1 -1
- package/lib/module/components/Carousel.js +27 -9
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/Checkbox/CheckboxGroup.js +17 -2
- package/lib/module/components/Checkbox/CheckboxGroup.js.map +1 -1
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Container.js +16 -4
- package/lib/module/components/Container.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.js +44 -21
- package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponent.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponentType.js.map +1 -1
- package/lib/module/components/DeprecatedFAB.js +21 -3
- package/lib/module/components/Elevation.js +15 -2
- package/lib/module/components/Elevation.js.map +1 -1
- package/lib/module/components/HeaderLarge.js.map +1 -1
- package/lib/module/components/HeaderMedium.js.map +1 -1
- package/lib/module/components/Justification.js +2 -2
- package/lib/module/components/Layout.js +41 -21
- package/lib/module/components/Layout.js.map +1 -1
- package/lib/module/components/NumberInput.js.map +1 -1
- package/lib/module/components/Picker/Picker.js +2 -2
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.android.js +19 -4
- package/lib/module/components/Picker/PickerComponent.android.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.ios.js +32 -11
- package/lib/module/components/Picker/PickerComponent.web.js +20 -4
- package/lib/module/components/Picker/PickerTypes.js.map +1 -1
- package/lib/module/components/Portal/PortalHost.js +45 -15
- package/lib/module/components/Portal/PortalHost.js.map +1 -1
- package/lib/module/components/Portal/PortalManager.js +34 -7
- package/lib/module/components/ProgressBar.js +38 -7
- package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +10 -1
- package/lib/module/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonRow.js +23 -6
- package/lib/module/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/module/components/Row.js.map +1 -1
- package/lib/module/components/RowBodyIcon.js.map +1 -1
- package/lib/module/components/SVG.js.map +1 -1
- package/lib/module/components/ScreenContainer.js +20 -4
- package/lib/module/components/ScreenContainer.js.map +1 -1
- package/lib/module/components/Stepper.js +2 -2
- package/lib/module/components/Stepper.js.map +1 -1
- package/lib/module/components/Surface.js +15 -1
- package/lib/module/components/Swiper/Swiper.js.map +1 -1
- package/lib/module/components/Swiper/SwiperItem.js.map +1 -1
- package/lib/module/components/Switch.js +20 -10
- package/lib/module/components/Switch.js.map +1 -1
- package/lib/module/components/Text.js +50 -4
- package/lib/module/components/TextField.js +78 -28
- package/lib/module/components/TextField.js.map +1 -1
- package/lib/module/components/ToggleButton.js +16 -2
- package/lib/module/components/ToggleButton.js.map +1 -1
- package/lib/module/constants.js +1 -1
- package/lib/module/hooks.js +1 -3
- package/lib/module/mappings/Accordion.js.map +1 -1
- package/lib/module/mappings/AccordionItem.js.map +1 -1
- package/lib/module/mappings/ActionSheetCancel.js.map +1 -1
- package/lib/module/mappings/AudioPlayer.js.map +1 -1
- package/lib/module/mappings/Banner.js.map +1 -1
- package/lib/module/mappings/Button.js.map +1 -1
- package/lib/module/mappings/Card.js.map +1 -1
- package/lib/module/mappings/CardContainer.js.map +1 -1
- package/lib/module/mappings/CardInline.js.map +1 -1
- package/lib/module/mappings/Carousel.js.map +1 -1
- package/lib/module/mappings/CustomCode.js.map +1 -1
- package/lib/module/mappings/DatePicker.js +14 -1
- package/lib/module/mappings/DatePicker.js.map +1 -1
- package/lib/module/mappings/Divider.js.map +1 -1
- package/lib/module/mappings/FAB.js.map +1 -1
- package/lib/module/mappings/KeyboardAwareScrollView.js.map +1 -1
- package/lib/module/mappings/MapCallout.js.map +1 -1
- package/lib/module/mappings/MapMarker.js.map +1 -1
- package/lib/module/mappings/Modal.js.map +1 -1
- package/lib/module/mappings/RadioButton.js.map +1 -1
- package/lib/module/mappings/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/mappings/SVG.js.map +1 -1
- package/lib/module/mappings/SafeAreaView.js.map +1 -1
- package/lib/module/mappings/ScrollView.js.map +1 -1
- package/lib/module/mappings/SwiperItem.js.map +1 -1
- package/lib/module/mappings/Text.js.map +1 -1
- package/lib/module/mappings/TextArea.js.map +1 -1
- package/lib/module/mappings/Video.js.map +1 -1
- package/lib/module/styles/DarkTheme.js.map +1 -1
- package/lib/module/styles/DefaultTheme.js.map +1 -1
- package/lib/module/styles/fonts.js.map +1 -1
- package/lib/module/theming.js.map +1 -1
- package/lib/module/utilities.js +1 -2
- package/lib/module/utilities.js.map +1 -1
- package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +4 -0
- package/lib/typescript/src/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -1
- package/lib/typescript/src/mappings/DatePicker.d.ts +42 -0
- package/lib/typescript/src/mappings/DatePicker.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/Provider.js +11 -4
- package/src/components/Accordion/AccordionGroup.js +80 -36
- package/src/components/Accordion/AccordionItem.js +51 -24
- package/src/components/ActionSheet/ActionSheet.js +60 -35
- package/src/components/ActionSheet/ActionSheetCancel.js +7 -2
- package/src/components/ActionSheet/ActionSheetItem.js +35 -24
- package/src/components/AnimatedCircularProgress.js +57 -38
- package/src/components/AspectRatio.js +21 -13
- package/src/components/AvatarEdit.js +46 -23
- package/src/components/Banner.js +151 -99
- package/src/components/Button.js +152 -97
- package/src/components/Card.js +126 -45
- package/src/components/CardBlock.js +109 -46
- package/src/components/CardContainer.js +140 -58
- package/src/components/CardContainerRating.js +152 -67
- package/src/components/CardContainerShortImage.js +80 -25
- package/src/components/CardInline.js +64 -25
- package/src/components/Carousel.js +99 -58
- package/src/components/Carousel.tsx +2 -2
- package/src/components/Checkbox/Checkbox.js +93 -55
- package/src/components/Checkbox/CheckboxGroup.js +28 -15
- package/src/components/Checkbox/CheckboxGroupRow.js +104 -59
- package/src/components/Checkbox/CheckboxRow.js +107 -61
- package/src/components/Checkbox/context.js +6 -6
- package/src/components/CircleImage.js +14 -4
- package/src/components/CircularProgress.js +146 -75
- package/src/components/Config.js +59 -52
- package/src/components/Container.js +80 -38
- package/src/components/DatePicker/DatePicker.js +480 -337
- package/src/components/DatePicker/DatePicker.tsx +23 -7
- package/src/components/DatePicker/DatePickerComponent.js +21 -7
- package/src/components/DatePicker/DatePickerComponent.web.js +48 -22
- package/src/components/DeprecatedButton.js +136 -82
- package/src/components/DeprecatedCardWrapper.js +19 -10
- package/src/components/DeprecatedFAB.js +146 -101
- package/src/components/Divider.js +10 -7
- package/src/components/Elevation.js +24 -13
- package/src/components/FAB.js +84 -38
- package/src/components/FieldSearchBarFull.js +83 -46
- package/src/components/FormRow.js +28 -12
- package/src/components/Header.js +79 -35
- package/src/components/HeaderLarge.js +19 -2
- package/src/components/HeaderMedium.js +19 -2
- package/src/components/HeaderOverline.js +20 -2
- package/src/components/IconButton.js +68 -29
- package/src/components/Image.js +52 -38
- package/src/components/Layout.js +99 -38
- package/src/components/NumberInput.js +46 -42
- package/src/components/Picker/Picker.js +411 -238
- package/src/components/Picker/Picker.tsx +2 -2
- package/src/components/Picker/PickerComponent.android.js +110 -57
- package/src/components/Picker/PickerComponent.ios.js +131 -63
- package/src/components/Picker/PickerComponent.web.js +111 -58
- package/src/components/Portal/Portal.js +10 -5
- package/src/components/Portal/PortalConsumer.js +25 -23
- package/src/components/Portal/PortalHost.js +83 -72
- package/src/components/Portal/PortalManager.js +38 -25
- package/src/components/ProgressBar.js +139 -111
- package/src/components/ProgressCircle.js +40 -7
- package/src/components/ProgressIndicator.js +43 -22
- package/src/components/RadioButton/RadioButton.js +37 -10
- package/src/components/RadioButton/RadioButtonFieldGroup.js +26 -10
- package/src/components/RadioButton/RadioButtonGroup.js +53 -35
- package/src/components/RadioButton/RadioButtonRow.js +105 -58
- package/src/components/RadioButton/context.js +6 -6
- package/src/components/Row.js +81 -41
- package/src/components/RowBodyIcon.js +24 -2
- package/src/components/RowHeadlineImageCaption.js +30 -6
- package/src/components/RowHeadlineImageIcon.js +34 -8
- package/src/components/SVG.js +27 -7
- package/src/components/ScreenContainer.js +56 -27
- package/src/components/Slider.js +95 -49
- package/src/components/StarRating.js +85 -44
- package/src/components/StepIndicator.js +416 -328
- package/src/components/Stepper.js +74 -32
- package/src/components/Stepper.tsx +1 -1
- package/src/components/Surface.js +40 -25
- package/src/components/Swiper/Swiper.js +49 -18
- package/src/components/Swiper/SwiperItem.js +5 -4
- package/src/components/Switch.js +102 -46
- package/src/components/Text.js +37 -23
- package/src/components/TextField.js +515 -398
- package/src/components/ToggleButton.js +56 -31
- package/src/components/Touchable.js +25 -9
- package/src/components/Typography.js +45 -27
- package/src/components/useAuthState.js +27 -27
- package/src/constants.js +7 -5
- package/src/hooks.js +9 -9
- package/src/index.js +19 -3
- package/src/interfaces/Icon.js +2 -1
- package/src/mappings/Accordion.js +47 -39
- package/src/mappings/AccordionItem.js +19 -14
- package/src/mappings/ActionSheet.js +10 -10
- package/src/mappings/ActionSheetCancel.js +24 -17
- package/src/mappings/ActionSheetItem.js +28 -21
- package/src/mappings/ActivityIndicator.js +64 -55
- package/src/mappings/AudioPlayer.js +23 -17
- package/src/mappings/AvatarEdit.js +40 -34
- package/src/mappings/Banner.js +37 -30
- package/src/mappings/BlurView.js +46 -38
- package/src/mappings/Button.js +86 -77
- package/src/mappings/Card.js +61 -50
- package/src/mappings/CardBlock.js +125 -114
- package/src/mappings/CardContainer.js +108 -98
- package/src/mappings/CardContainerRating.js +126 -117
- package/src/mappings/CardContainerShortImage.js +125 -116
- package/src/mappings/CardInline.js +57 -49
- package/src/mappings/Carousel.js +21 -16
- package/src/mappings/Checkbox.js +54 -44
- package/src/mappings/CheckboxGroup.js +34 -24
- package/src/mappings/CheckboxRow.js +71 -59
- package/src/mappings/CircleImage.js +29 -22
- package/src/mappings/Container.js +37 -27
- package/src/mappings/CustomCode.js +5 -5
- package/src/mappings/DatePicker.js +181 -149
- package/src/mappings/DatePicker.ts +23 -0
- package/src/mappings/Divider.js +30 -24
- package/src/mappings/FAB.js +45 -35
- package/src/mappings/Fetch.js +10 -9
- package/src/mappings/FieldSearchBarFull.js +55 -47
- package/src/mappings/FlashList.js +38 -31
- package/src/mappings/FlatList.js +27 -22
- package/src/mappings/HeaderLarge.js +34 -26
- package/src/mappings/HeaderMedium.js +59 -52
- package/src/mappings/HeaderOverline.js +59 -52
- package/src/mappings/Icon.js +36 -29
- package/src/mappings/IconButton.js +43 -33
- package/src/mappings/Image.js +40 -32
- package/src/mappings/ImageBackground.js +38 -27
- package/src/mappings/KeyboardAvoidingView.js +46 -38
- package/src/mappings/KeyboardAwareScrollView.js +60 -48
- package/src/mappings/Layout.js +198 -192
- package/src/mappings/LinearGradient.js +79 -74
- package/src/mappings/MapCallout.js +27 -19
- package/src/mappings/MapMarker.js +53 -45
- package/src/mappings/MapView.js +146 -135
- package/src/mappings/Modal.js +47 -39
- package/src/mappings/NumberInput.js +247 -229
- package/src/mappings/Picker.js +153 -140
- package/src/mappings/ProgressBar.js +106 -98
- package/src/mappings/ProgressCircle.js +112 -105
- package/src/mappings/ProgressIndicator.js +186 -178
- package/src/mappings/RadioButton.js +59 -49
- package/src/mappings/RadioButtonGroup.js +21 -15
- package/src/mappings/RadioButtonRow.js +48 -40
- package/src/mappings/RowBodyIcon.js +77 -71
- package/src/mappings/RowHeadlineImageCaption.js +171 -161
- package/src/mappings/RowHeadlineImageIcon.js +98 -84
- package/src/mappings/SVG.js +22 -18
- package/src/mappings/SafeAreaView.js +35 -30
- package/src/mappings/ScrollView.js +36 -29
- package/src/mappings/Slider.js +67 -58
- package/src/mappings/StarRating.js +49 -41
- package/src/mappings/Stepper.js +34 -26
- package/src/mappings/Surface.js +16 -12
- package/src/mappings/Swiper.js +65 -58
- package/src/mappings/SwiperItem.js +5 -5
- package/src/mappings/Switch.js +87 -76
- package/src/mappings/Text.js +265 -242
- package/src/mappings/TextArea.js +273 -259
- package/src/mappings/TextField.js +379 -358
- package/src/mappings/TextInput.js +388 -362
- package/src/mappings/ToggleButton.js +60 -48
- package/src/mappings/Touchable.js +20 -15
- package/src/mappings/Video.js +92 -79
- package/src/mappings/View.js +225 -204
- package/src/mappings/WebView.js +104 -86
- package/src/styles/DarkTheme.js +17 -17
- package/src/styles/DefaultTheme.js +103 -103
- package/src/styles/fonts.js +55 -55
- package/src/styles/overlay.js +50 -49
- package/src/styles/shadow.js +43 -44
- package/src/theming.js +2 -1
- package/src/utilities.js +97 -76
package/src/mappings/Stepper.js
CHANGED
|
@@ -1,29 +1,37 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
COMPONENT_TYPES,
|
|
3
|
+
createIconSizeProp,
|
|
4
|
+
createColorProp,
|
|
5
|
+
createFieldNameProp,
|
|
6
|
+
createStaticNumberProp,
|
|
7
|
+
Triggers,
|
|
8
|
+
BLOCK_STYLES_SECTIONS,
|
|
9
|
+
} from "@draftbit/types";
|
|
2
10
|
export const SEED_DATA = [
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
},
|
|
11
|
+
{
|
|
12
|
+
name: "Stepper",
|
|
13
|
+
tag: "Stepper",
|
|
14
|
+
description: "A component used to control the quantity of something",
|
|
15
|
+
category: COMPONENT_TYPES.control,
|
|
16
|
+
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
17
|
+
layout: {},
|
|
18
|
+
triggers: [Triggers.OnChange],
|
|
19
|
+
props: {
|
|
20
|
+
fieldName: createFieldNameProp({
|
|
21
|
+
defaultValue: "stepperValue",
|
|
22
|
+
handlerPropName: "onChange",
|
|
23
|
+
valuePropName: "value",
|
|
24
|
+
}),
|
|
25
|
+
iconSize: createIconSizeProp({ defaultValue: 24 }),
|
|
26
|
+
iconColor: createColorProp({ defaultValue: "strong" }),
|
|
27
|
+
min: createStaticNumberProp({
|
|
28
|
+
label: "Minimum",
|
|
29
|
+
description: "Minimum Number",
|
|
30
|
+
}),
|
|
31
|
+
max: createStaticNumberProp({
|
|
32
|
+
label: "Maximum",
|
|
33
|
+
description: "Maximum Number",
|
|
34
|
+
}),
|
|
28
35
|
},
|
|
36
|
+
},
|
|
29
37
|
];
|
package/src/mappings/Surface.js
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
COMPONENT_TYPES,
|
|
3
|
+
createElevationType,
|
|
4
|
+
CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
5
|
+
} from "@draftbit/types";
|
|
2
6
|
export const SEED_DATA = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
name: "Surface",
|
|
8
|
+
tag: "Surface",
|
|
9
|
+
description: "An elevated container",
|
|
10
|
+
category: COMPONENT_TYPES.container,
|
|
11
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
12
|
+
layout: {
|
|
13
|
+
minHeight: 40,
|
|
14
|
+
},
|
|
15
|
+
props: {
|
|
16
|
+
elevation: createElevationType(0),
|
|
17
|
+
},
|
|
14
18
|
};
|
package/src/mappings/Swiper.js
CHANGED
|
@@ -1,60 +1,67 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
COMPONENT_TYPES,
|
|
3
|
+
createBoolProp,
|
|
4
|
+
createNumberProp,
|
|
5
|
+
createTextProp,
|
|
6
|
+
createColorProp,
|
|
7
|
+
GROUPS,
|
|
8
|
+
} from "@draftbit/types";
|
|
2
9
|
export const SEED_DATA = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
10
|
+
name: "Swiper",
|
|
11
|
+
tag: "Swiper",
|
|
12
|
+
description: "Swiper container",
|
|
13
|
+
category: COMPONENT_TYPES.swiper,
|
|
14
|
+
layout: {
|
|
15
|
+
height: 300,
|
|
16
|
+
width: "100%",
|
|
17
|
+
},
|
|
18
|
+
props: {
|
|
19
|
+
from: createNumberProp({
|
|
20
|
+
group: GROUPS.basic,
|
|
21
|
+
label: "Initial Slide",
|
|
22
|
+
}),
|
|
23
|
+
loop: createBoolProp({
|
|
24
|
+
group: GROUPS.basic,
|
|
25
|
+
label: "Loop",
|
|
26
|
+
}),
|
|
27
|
+
timeout: createNumberProp({
|
|
28
|
+
group: GROUPS.basic,
|
|
29
|
+
label: "Timeout",
|
|
30
|
+
defaultValue: 0,
|
|
31
|
+
}),
|
|
32
|
+
vertical: createBoolProp({
|
|
33
|
+
group: GROUPS.basic,
|
|
34
|
+
label: "Vertical",
|
|
35
|
+
defaultValue: false,
|
|
36
|
+
}),
|
|
37
|
+
prevTitle: createTextProp({
|
|
38
|
+
group: GROUPS.basic,
|
|
39
|
+
label: "Previous Title",
|
|
40
|
+
defaultValue: "",
|
|
41
|
+
}),
|
|
42
|
+
nextTitle: createTextProp({
|
|
43
|
+
group: GROUPS.basic,
|
|
44
|
+
label: "Next Title",
|
|
45
|
+
defaultValue: "",
|
|
46
|
+
}),
|
|
47
|
+
prevTitleColor: createColorProp({
|
|
48
|
+
label: "Previous Title Color",
|
|
49
|
+
}),
|
|
50
|
+
nextTitleColor: createColorProp({
|
|
51
|
+
label: "Next Title Color",
|
|
52
|
+
}),
|
|
53
|
+
dotColor: createColorProp({
|
|
54
|
+
label: "Dot Color",
|
|
55
|
+
defaultValue: "light",
|
|
56
|
+
}),
|
|
57
|
+
dotActiveColor: createColorProp({
|
|
58
|
+
label: "Dot Active Color",
|
|
59
|
+
defaultValue: "primary",
|
|
60
|
+
}),
|
|
61
|
+
dotsTouchable: createBoolProp({
|
|
62
|
+
group: GROUPS.basic,
|
|
63
|
+
label: "Dots Touchable",
|
|
64
|
+
defaultValue: true,
|
|
65
|
+
}),
|
|
66
|
+
},
|
|
60
67
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { COMPONENT_TYPES } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
name: "Swiper Item",
|
|
4
|
+
tag: "SwiperItem",
|
|
5
|
+
description: "Swiper item",
|
|
6
|
+
category: COMPONENT_TYPES.swiper,
|
|
7
|
+
props: {},
|
|
8
8
|
};
|
package/src/mappings/Switch.js
CHANGED
|
@@ -1,81 +1,92 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
COMPONENT_TYPES,
|
|
3
|
+
GROUPS,
|
|
4
|
+
createBoolProp,
|
|
5
|
+
createColorProp,
|
|
6
|
+
createFieldNameProp,
|
|
7
|
+
createTextProp,
|
|
8
|
+
createRowDirectionProp,
|
|
9
|
+
Triggers,
|
|
10
|
+
StylesPanelSections,
|
|
11
|
+
BLOCK_STYLES_SECTIONS,
|
|
12
|
+
} from "@draftbit/types";
|
|
2
13
|
const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
|
|
3
14
|
export const SEED_DATA = [
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
},
|
|
15
|
+
{
|
|
16
|
+
name: "Switch",
|
|
17
|
+
tag: "Switch",
|
|
18
|
+
category: COMPONENT_TYPES.control,
|
|
19
|
+
stylesPanelSections: BLOCK_STYLES_SECTIONS,
|
|
20
|
+
layout: {},
|
|
21
|
+
triggers: SEED_DATA_TRIGGERS,
|
|
22
|
+
props: {
|
|
23
|
+
disabled: createBoolProp({
|
|
24
|
+
label: "Disabled",
|
|
25
|
+
description: "Boolean to handle disabling the switch",
|
|
26
|
+
}),
|
|
27
|
+
fieldName: createFieldNameProp({
|
|
28
|
+
handlerPropName: "onValueChange",
|
|
29
|
+
valuePropName: "value",
|
|
30
|
+
defaultValue: "switchValue",
|
|
31
|
+
}),
|
|
32
|
+
activeTrackColor: createColorProp({
|
|
33
|
+
label: "Active Track Color",
|
|
34
|
+
}),
|
|
35
|
+
inactiveTrackColor: createColorProp({
|
|
36
|
+
label: "Inactive Track Color",
|
|
37
|
+
}),
|
|
38
|
+
activeThumbColor: createColorProp({
|
|
39
|
+
label: "Active Thumb Color",
|
|
40
|
+
}),
|
|
41
|
+
inactiveThumbColor: createColorProp({
|
|
42
|
+
label: "Inactive Thumb Color",
|
|
43
|
+
}),
|
|
34
44
|
},
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
triggers: SEED_DATA_TRIGGERS,
|
|
49
|
-
props: {
|
|
50
|
-
label: createTextProp({
|
|
51
|
-
label: "Label",
|
|
52
|
-
description: "Label to show with the checkbox",
|
|
53
|
-
required: true,
|
|
54
|
-
defaultValue: "First Option",
|
|
55
|
-
}),
|
|
56
|
-
direction: createRowDirectionProp(),
|
|
57
|
-
disabled: createBoolProp({
|
|
58
|
-
label: "Disabled",
|
|
59
|
-
description: "Boolean to handle disabling the switch",
|
|
60
|
-
group: GROUPS.data,
|
|
61
|
-
}),
|
|
62
|
-
fieldName: createFieldNameProp({
|
|
63
|
-
handlerPropName: "onValueChange",
|
|
64
|
-
valuePropName: "value",
|
|
65
|
-
defaultValue: "switchValue",
|
|
66
|
-
}),
|
|
67
|
-
activeTrackColor: createColorProp({
|
|
68
|
-
label: "Active Track Color",
|
|
69
|
-
}),
|
|
70
|
-
inactiveTrackColor: createColorProp({
|
|
71
|
-
label: "Inactive Track Color",
|
|
72
|
-
}),
|
|
73
|
-
activeThumbColor: createColorProp({
|
|
74
|
-
label: "Active Thumb Color",
|
|
75
|
-
}),
|
|
76
|
-
inactiveThumbColor: createColorProp({
|
|
77
|
-
label: "Inactive Thumb Color",
|
|
78
|
-
}),
|
|
79
|
-
},
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
name: "Switch Row",
|
|
48
|
+
tag: "SwitchRow",
|
|
49
|
+
category: COMPONENT_TYPES.control,
|
|
50
|
+
stylesPanelSections: [
|
|
51
|
+
StylesPanelSections.Typography,
|
|
52
|
+
StylesPanelSections.Margins,
|
|
53
|
+
StylesPanelSections.Effects,
|
|
54
|
+
],
|
|
55
|
+
layout: {
|
|
56
|
+
marginLeft: 0,
|
|
57
|
+
marginRight: 0,
|
|
80
58
|
},
|
|
59
|
+
triggers: SEED_DATA_TRIGGERS,
|
|
60
|
+
props: {
|
|
61
|
+
label: createTextProp({
|
|
62
|
+
label: "Label",
|
|
63
|
+
description: "Label to show with the checkbox",
|
|
64
|
+
required: true,
|
|
65
|
+
defaultValue: "First Option",
|
|
66
|
+
}),
|
|
67
|
+
direction: createRowDirectionProp(),
|
|
68
|
+
disabled: createBoolProp({
|
|
69
|
+
label: "Disabled",
|
|
70
|
+
description: "Boolean to handle disabling the switch",
|
|
71
|
+
group: GROUPS.data,
|
|
72
|
+
}),
|
|
73
|
+
fieldName: createFieldNameProp({
|
|
74
|
+
handlerPropName: "onValueChange",
|
|
75
|
+
valuePropName: "value",
|
|
76
|
+
defaultValue: "switchValue",
|
|
77
|
+
}),
|
|
78
|
+
activeTrackColor: createColorProp({
|
|
79
|
+
label: "Active Track Color",
|
|
80
|
+
}),
|
|
81
|
+
inactiveTrackColor: createColorProp({
|
|
82
|
+
label: "Inactive Track Color",
|
|
83
|
+
}),
|
|
84
|
+
activeThumbColor: createColorProp({
|
|
85
|
+
label: "Active Thumb Color",
|
|
86
|
+
}),
|
|
87
|
+
inactiveThumbColor: createColorProp({
|
|
88
|
+
label: "Inactive Thumb Color",
|
|
89
|
+
}),
|
|
90
|
+
},
|
|
91
|
+
},
|
|
81
92
|
];
|