@draftbit/core 46.1.4 → 46.2.1-328765.5
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/Carousel.js +3 -1
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/Config.js +3 -3
- package/lib/commonjs/components/Config.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePicker.js +3 -3
- package/lib/commonjs/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponentType.js.map +1 -1
- package/lib/commonjs/components/DeprecatedButton.js +20 -4
- package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
- package/lib/commonjs/components/Justification.js +3 -0
- package/lib/commonjs/components/Picker/Picker.js +4 -5
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.android.js +2 -2
- package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +2 -2
- package/lib/commonjs/components/Picker/PickerComponent.ios.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.web.js +2 -2
- package/lib/commonjs/components/Picker/PickerComponent.web.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/components/ResizeMode.js +3 -0
- package/lib/commonjs/components/StepIndicator.js +1 -1
- package/lib/commonjs/components/StepIndicator.js.map +1 -1
- package/lib/commonjs/components/Stepper.js +1 -1
- package/lib/commonjs/components/Stepper.js.map +1 -1
- package/lib/commonjs/mappings/ActivityIndicator.js +1 -0
- package/lib/commonjs/mappings/ActivityIndicator.js.map +1 -1
- package/lib/commonjs/mappings/AvatarEdit.js +1 -0
- package/lib/commonjs/mappings/AvatarEdit.js.map +1 -1
- package/lib/commonjs/mappings/BlurView.js +1 -0
- package/lib/commonjs/mappings/BlurView.js.map +1 -1
- package/lib/commonjs/mappings/Button.js +2 -0
- package/lib/commonjs/mappings/Button.js.map +1 -1
- package/lib/commonjs/mappings/CardBlock.js +1 -0
- package/lib/commonjs/mappings/CardBlock.js.map +1 -1
- package/lib/commonjs/mappings/CardContainer.js +2 -0
- package/lib/commonjs/mappings/CardContainer.js.map +1 -1
- package/lib/commonjs/mappings/CardContainerRating.js +2 -0
- package/lib/commonjs/mappings/CardContainerRating.js.map +1 -1
- package/lib/commonjs/mappings/CardContainerShortImage.js +2 -0
- package/lib/commonjs/mappings/CardContainerShortImage.js.map +1 -1
- package/lib/commonjs/mappings/CardInline.js +1 -0
- package/lib/commonjs/mappings/CardInline.js.map +1 -1
- package/lib/commonjs/mappings/Carousel.js +1 -0
- package/lib/commonjs/mappings/Carousel.js.map +1 -1
- package/lib/commonjs/mappings/Checkbox.js +1 -0
- package/lib/commonjs/mappings/Checkbox.js.map +1 -1
- package/lib/commonjs/mappings/CheckboxGroup.js +1 -0
- package/lib/commonjs/mappings/CheckboxGroup.js.map +1 -1
- package/lib/commonjs/mappings/CheckboxRow.js +1 -0
- package/lib/commonjs/mappings/CheckboxRow.js.map +1 -1
- package/lib/commonjs/mappings/CircleImage.js +1 -0
- package/lib/commonjs/mappings/CircleImage.js.map +1 -1
- package/lib/commonjs/mappings/Container.js +1 -0
- package/lib/commonjs/mappings/Container.js.map +1 -1
- package/lib/commonjs/mappings/DatePicker.js +10 -0
- package/lib/commonjs/mappings/DatePicker.js.map +1 -1
- package/lib/commonjs/mappings/Divider.js +1 -0
- package/lib/commonjs/mappings/Divider.js.map +1 -1
- package/lib/commonjs/mappings/FAB.js +1 -0
- package/lib/commonjs/mappings/FAB.js.map +1 -1
- package/lib/commonjs/mappings/Fetch.js +1 -0
- package/lib/commonjs/mappings/Fetch.js.map +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -0
- package/lib/commonjs/mappings/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/mappings/FlatList.js +5 -0
- package/lib/commonjs/mappings/FlatList.js.map +1 -1
- package/lib/commonjs/mappings/HeaderLarge.js +1 -0
- package/lib/commonjs/mappings/HeaderLarge.js.map +1 -1
- package/lib/commonjs/mappings/HeaderMedium.js +1 -0
- package/lib/commonjs/mappings/HeaderMedium.js.map +1 -1
- package/lib/commonjs/mappings/HeaderOverline.js +1 -0
- package/lib/commonjs/mappings/HeaderOverline.js.map +1 -1
- package/lib/commonjs/mappings/Icon.js +1 -0
- package/lib/commonjs/mappings/Icon.js.map +1 -1
- package/lib/commonjs/mappings/IconButton.js +1 -0
- package/lib/commonjs/mappings/IconButton.js.map +1 -1
- package/lib/commonjs/mappings/Image.js +1 -0
- package/lib/commonjs/mappings/Image.js.map +1 -1
- package/lib/commonjs/mappings/ImageBackground.js +1 -0
- package/lib/commonjs/mappings/ImageBackground.js.map +1 -1
- package/lib/commonjs/mappings/KeyboardAvoidingView.js +1 -0
- package/lib/commonjs/mappings/KeyboardAvoidingView.js.map +1 -1
- package/lib/commonjs/mappings/KeyboardAwareScrollView.js +1 -0
- package/lib/commonjs/mappings/KeyboardAwareScrollView.js.map +1 -1
- package/lib/commonjs/mappings/Layout.js +5 -0
- package/lib/commonjs/mappings/Layout.js.map +1 -1
- package/lib/commonjs/mappings/Modal.js +1 -0
- package/lib/commonjs/mappings/Modal.js.map +1 -1
- package/lib/commonjs/mappings/NumberInput.js +242 -0
- package/lib/commonjs/mappings/NumberInput.js.map +1 -0
- package/lib/commonjs/mappings/Picker.js +1 -0
- package/lib/commonjs/mappings/Picker.js.map +1 -1
- package/lib/commonjs/mappings/ProgressBar.js +1 -0
- package/lib/commonjs/mappings/ProgressBar.js.map +1 -1
- package/lib/commonjs/mappings/ProgressCircle.js +1 -0
- package/lib/commonjs/mappings/ProgressCircle.js.map +1 -1
- package/lib/commonjs/mappings/ProgressIndicator.js +1 -0
- package/lib/commonjs/mappings/ProgressIndicator.js.map +1 -1
- package/lib/commonjs/mappings/RadioButton.js +1 -0
- package/lib/commonjs/mappings/RadioButton.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js +1 -0
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.js +1 -0
- package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/mappings/ScrollView.js +1 -0
- package/lib/commonjs/mappings/ScrollView.js.map +1 -1
- package/lib/commonjs/mappings/Slider.js +1 -0
- package/lib/commonjs/mappings/Slider.js.map +1 -1
- package/lib/commonjs/mappings/StarRating.js +1 -0
- package/lib/commonjs/mappings/StarRating.js.map +1 -1
- package/lib/commonjs/mappings/Stepper.js +1 -0
- package/lib/commonjs/mappings/Stepper.js.map +1 -1
- package/lib/commonjs/mappings/Surface.js +1 -0
- package/lib/commonjs/mappings/Surface.js.map +1 -1
- package/lib/commonjs/mappings/Switch.js +2 -0
- package/lib/commonjs/mappings/Switch.js.map +1 -1
- package/lib/commonjs/mappings/Text.js +35 -26
- package/lib/commonjs/mappings/Text.js.map +1 -1
- package/lib/commonjs/mappings/TextArea.js +192 -2
- package/lib/commonjs/mappings/TextArea.js.map +1 -1
- package/lib/commonjs/mappings/TextField.js +192 -2
- package/lib/commonjs/mappings/TextField.js.map +1 -1
- package/lib/commonjs/mappings/TextInput.js +181 -29
- package/lib/commonjs/mappings/TextInput.js.map +1 -1
- package/lib/commonjs/mappings/ToggleButton.js +1 -0
- package/lib/commonjs/mappings/ToggleButton.js.map +1 -1
- package/lib/commonjs/mappings/Touchable.js +1 -0
- package/lib/commonjs/mappings/Touchable.js.map +1 -1
- package/lib/commonjs/mappings/Video.js +1 -0
- package/lib/commonjs/mappings/Video.js.map +1 -1
- package/lib/commonjs/mappings/View.js +1 -0
- package/lib/commonjs/mappings/View.js.map +1 -1
- package/lib/commonjs/mappings/WebView.js +1 -0
- package/lib/commonjs/mappings/WebView.js.map +1 -1
- package/lib/commonjs/utilities.js +1 -1
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/Carousel.js +3 -1
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/Config.js +3 -3
- package/lib/module/components/Config.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.js +3 -3
- package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/module/components/Justification.js +1 -1
- package/lib/module/components/Picker/Picker.js +4 -5
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.android.js +2 -2
- package/lib/module/components/Picker/PickerComponent.android.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.ios.js +2 -2
- package/lib/module/components/Picker/PickerComponent.ios.js.map +1 -1
- package/lib/module/components/Picker/PickerComponent.web.js +2 -2
- package/lib/module/components/Picker/PickerComponent.web.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButton.js +1 -1
- package/lib/module/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonRow.js +1 -1
- package/lib/module/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/module/components/ResizeMode.js +1 -1
- package/lib/module/components/StepIndicator.js +1 -1
- package/lib/module/components/StepIndicator.js.map +1 -1
- package/lib/module/components/Stepper.js +1 -1
- package/lib/module/components/Stepper.js.map +1 -1
- package/lib/module/mappings/ActivityIndicator.js +2 -1
- package/lib/module/mappings/ActivityIndicator.js.map +1 -1
- package/lib/module/mappings/AvatarEdit.js +2 -1
- package/lib/module/mappings/AvatarEdit.js.map +1 -1
- package/lib/module/mappings/BlurView.js +2 -1
- package/lib/module/mappings/BlurView.js.map +1 -1
- package/lib/module/mappings/Button.js +3 -1
- package/lib/module/mappings/Button.js.map +1 -1
- package/lib/module/mappings/CardBlock.js +2 -1
- package/lib/module/mappings/CardBlock.js.map +1 -1
- package/lib/module/mappings/CardContainer.js +3 -1
- package/lib/module/mappings/CardContainer.js.map +1 -1
- package/lib/module/mappings/CardContainerRating.js +3 -1
- package/lib/module/mappings/CardContainerRating.js.map +1 -1
- package/lib/module/mappings/CardContainerShortImage.js +3 -1
- package/lib/module/mappings/CardContainerShortImage.js.map +1 -1
- package/lib/module/mappings/CardInline.js +2 -1
- package/lib/module/mappings/CardInline.js.map +1 -1
- package/lib/module/mappings/Carousel.js +2 -1
- package/lib/module/mappings/Carousel.js.map +1 -1
- package/lib/module/mappings/Checkbox.js +2 -1
- package/lib/module/mappings/Checkbox.js.map +1 -1
- package/lib/module/mappings/CheckboxGroup.js +2 -1
- package/lib/module/mappings/CheckboxGroup.js.map +1 -1
- package/lib/module/mappings/CheckboxRow.js +2 -1
- package/lib/module/mappings/CheckboxRow.js.map +1 -1
- package/lib/module/mappings/CircleImage.js +2 -1
- package/lib/module/mappings/CircleImage.js.map +1 -1
- package/lib/module/mappings/Container.js +2 -1
- package/lib/module/mappings/Container.js.map +1 -1
- package/lib/module/mappings/DatePicker.js +10 -0
- package/lib/module/mappings/DatePicker.js.map +1 -1
- package/lib/module/mappings/Divider.js +2 -1
- package/lib/module/mappings/Divider.js.map +1 -1
- package/lib/module/mappings/FAB.js +2 -1
- package/lib/module/mappings/FAB.js.map +1 -1
- package/lib/module/mappings/Fetch.js +2 -1
- package/lib/module/mappings/Fetch.js.map +1 -1
- package/lib/module/mappings/FieldSearchBarFull.js +2 -1
- package/lib/module/mappings/FieldSearchBarFull.js.map +1 -1
- package/lib/module/mappings/FlatList.js +6 -1
- package/lib/module/mappings/FlatList.js.map +1 -1
- package/lib/module/mappings/HeaderLarge.js +2 -1
- package/lib/module/mappings/HeaderLarge.js.map +1 -1
- package/lib/module/mappings/HeaderMedium.js +2 -1
- package/lib/module/mappings/HeaderMedium.js.map +1 -1
- package/lib/module/mappings/HeaderOverline.js +2 -1
- package/lib/module/mappings/HeaderOverline.js.map +1 -1
- package/lib/module/mappings/Icon.js +2 -1
- package/lib/module/mappings/Icon.js.map +1 -1
- package/lib/module/mappings/IconButton.js +2 -1
- package/lib/module/mappings/IconButton.js.map +1 -1
- package/lib/module/mappings/Image.js +2 -1
- package/lib/module/mappings/Image.js.map +1 -1
- package/lib/module/mappings/ImageBackground.js +2 -1
- package/lib/module/mappings/ImageBackground.js.map +1 -1
- package/lib/module/mappings/KeyboardAvoidingView.js +2 -1
- package/lib/module/mappings/KeyboardAvoidingView.js.map +1 -1
- package/lib/module/mappings/KeyboardAwareScrollView.js +2 -1
- package/lib/module/mappings/KeyboardAwareScrollView.js.map +1 -1
- package/lib/module/mappings/Layout.js +6 -1
- package/lib/module/mappings/Layout.js.map +1 -1
- package/lib/module/mappings/Modal.js +2 -1
- package/lib/module/mappings/Modal.js.map +1 -1
- package/lib/module/mappings/NumberInput.js +232 -0
- package/lib/module/mappings/NumberInput.js.map +1 -0
- package/lib/module/mappings/Picker.js +2 -1
- package/lib/module/mappings/Picker.js.map +1 -1
- package/lib/module/mappings/ProgressBar.js +2 -1
- package/lib/module/mappings/ProgressBar.js.map +1 -1
- package/lib/module/mappings/ProgressCircle.js +2 -1
- package/lib/module/mappings/ProgressCircle.js.map +1 -1
- package/lib/module/mappings/ProgressIndicator.js +2 -1
- package/lib/module/mappings/ProgressIndicator.js.map +1 -1
- package/lib/module/mappings/RadioButton.js +2 -1
- package/lib/module/mappings/RadioButton.js.map +1 -1
- package/lib/module/mappings/RadioButtonGroup.js +2 -1
- package/lib/module/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/module/mappings/RadioButtonRow.js +2 -1
- package/lib/module/mappings/RadioButtonRow.js.map +1 -1
- package/lib/module/mappings/ScrollView.js +2 -1
- package/lib/module/mappings/ScrollView.js.map +1 -1
- package/lib/module/mappings/Slider.js +2 -1
- package/lib/module/mappings/Slider.js.map +1 -1
- package/lib/module/mappings/StarRating.js +2 -1
- package/lib/module/mappings/StarRating.js.map +1 -1
- package/lib/module/mappings/Stepper.js +2 -1
- package/lib/module/mappings/Stepper.js.map +1 -1
- package/lib/module/mappings/Surface.js +2 -1
- package/lib/module/mappings/Surface.js.map +1 -1
- package/lib/module/mappings/Switch.js +3 -1
- package/lib/module/mappings/Switch.js.map +1 -1
- package/lib/module/mappings/Text.js +36 -27
- package/lib/module/mappings/Text.js.map +1 -1
- package/lib/module/mappings/TextArea.js +193 -3
- package/lib/module/mappings/TextArea.js.map +1 -1
- package/lib/module/mappings/TextField.js +193 -3
- package/lib/module/mappings/TextField.js.map +1 -1
- package/lib/module/mappings/TextInput.js +181 -29
- package/lib/module/mappings/TextInput.js.map +1 -1
- package/lib/module/mappings/ToggleButton.js +2 -1
- package/lib/module/mappings/ToggleButton.js.map +1 -1
- package/lib/module/mappings/Touchable.js +2 -1
- package/lib/module/mappings/Touchable.js.map +1 -1
- package/lib/module/mappings/Video.js +2 -1
- package/lib/module/mappings/Video.js.map +1 -1
- package/lib/module/mappings/View.js +2 -1
- package/lib/module/mappings/View.js.map +1 -1
- package/lib/module/mappings/WebView.js +2 -1
- package/lib/module/mappings/WebView.js.map +1 -1
- package/lib/module/utilities.js +1 -1
- package/lib/module/utilities.js.map +1 -1
- package/lib/typescript/src/mappings/ActivityIndicator.d.ts +1 -0
- package/lib/typescript/src/mappings/AvatarEdit.d.ts +1 -0
- package/lib/typescript/src/mappings/BlurView.d.ts +1 -0
- package/lib/typescript/src/mappings/Button.d.ts +2 -0
- package/lib/typescript/src/mappings/CardBlock.d.ts +101 -0
- package/lib/typescript/src/mappings/CardContainer.d.ts +1 -0
- package/lib/typescript/src/mappings/CardContainerRating.d.ts +1 -0
- package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +2 -0
- package/lib/typescript/src/mappings/CardInline.d.ts +1 -0
- package/lib/typescript/src/mappings/Carousel.d.ts +1 -0
- package/lib/typescript/src/mappings/Checkbox.d.ts +1 -0
- package/lib/typescript/src/mappings/CheckboxGroup.d.ts +1 -0
- package/lib/typescript/src/mappings/CheckboxRow.d.ts +1 -0
- package/lib/typescript/src/mappings/CircleImage.d.ts +1 -0
- package/lib/typescript/src/mappings/Container.d.ts +1 -0
- package/lib/typescript/src/mappings/DatePicker.d.ts +10 -0
- package/lib/typescript/src/mappings/Divider.d.ts +1 -0
- package/lib/typescript/src/mappings/FAB.d.ts +1 -0
- package/lib/typescript/src/mappings/Fetch.d.ts +1 -0
- package/lib/typescript/src/mappings/FieldSearchBarFull.d.ts +1 -0
- package/lib/typescript/src/mappings/FlatList.d.ts +11 -0
- package/lib/typescript/src/mappings/HeaderLarge.d.ts +1 -0
- package/lib/typescript/src/mappings/HeaderMedium.d.ts +1 -0
- package/lib/typescript/src/mappings/HeaderOverline.d.ts +1 -0
- package/lib/typescript/src/mappings/Icon.d.ts +1 -0
- package/lib/typescript/src/mappings/IconButton.d.ts +1 -0
- package/lib/typescript/src/mappings/Image.d.ts +1 -0
- package/lib/typescript/src/mappings/ImageBackground.d.ts +1 -0
- package/lib/typescript/src/mappings/KeyboardAvoidingView.d.ts +1 -0
- package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts +1 -0
- package/lib/typescript/src/mappings/Layout.d.ts +4 -0
- package/lib/typescript/src/mappings/Modal.d.ts +1 -0
- package/lib/typescript/src/mappings/NumberInput.d.ts +298 -0
- package/lib/typescript/src/mappings/Picker.d.ts +1 -0
- package/lib/typescript/src/mappings/ProgressBar.d.ts +1 -0
- package/lib/typescript/src/mappings/ProgressCircle.d.ts +1 -0
- package/lib/typescript/src/mappings/ProgressIndicator.d.ts +1 -0
- package/lib/typescript/src/mappings/RadioButton.d.ts +1 -0
- package/lib/typescript/src/mappings/RadioButtonGroup.d.ts +1 -0
- package/lib/typescript/src/mappings/RadioButtonRow.d.ts +1 -0
- package/lib/typescript/src/mappings/ScrollView.d.ts +1 -0
- package/lib/typescript/src/mappings/Slider.d.ts +1 -0
- package/lib/typescript/src/mappings/StarRating.d.ts +1 -0
- package/lib/typescript/src/mappings/Stepper.d.ts +1 -0
- package/lib/typescript/src/mappings/Surface.d.ts +1 -0
- package/lib/typescript/src/mappings/Switch.d.ts +2 -0
- package/lib/typescript/src/mappings/Text.d.ts +26 -10
- package/lib/typescript/src/mappings/TextArea.d.ts +12 -11
- package/lib/typescript/src/mappings/TextField.d.ts +6 -4
- package/lib/typescript/src/mappings/TextInput.d.ts +4 -254
- package/lib/typescript/src/mappings/ToggleButton.d.ts +1 -0
- package/lib/typescript/src/mappings/Touchable.d.ts +1 -0
- package/lib/typescript/src/mappings/Video.d.ts +1 -0
- package/lib/typescript/src/mappings/View.d.ts +1 -0
- package/lib/typescript/src/mappings/WebView.d.ts +1 -0
- package/package.json +3 -3
- package/src/Provider.js +9 -0
- package/src/components/Accordion/AccordionGroup.js +44 -0
- package/src/components/Accordion/AccordionItem.js +32 -0
- package/src/components/Accordion/index.js +2 -0
- package/src/components/ActionSheet/ActionSheet.js +45 -0
- package/src/components/ActionSheet/ActionSheetCancel.js +6 -0
- package/src/components/ActionSheet/ActionSheetItem.js +30 -0
- package/src/components/ActionSheet/index.js +3 -0
- package/src/components/AnimatedCircularProgress.js +43 -0
- package/src/components/AspectRatio.js +18 -0
- package/src/components/AvatarEdit.js +30 -0
- package/src/components/Banner.js +109 -0
- package/src/components/Button.js +112 -0
- package/src/components/Card.js +57 -0
- package/src/components/CardBlock.js +54 -0
- package/src/components/CardContainer.js +69 -0
- package/src/components/CardContainerRating.js +79 -0
- package/src/components/CardContainerShortImage.js +33 -0
- package/src/components/CardInline.js +36 -0
- package/src/components/Carousel.js +68 -0
- package/src/components/Checkbox/Checkbox.js +63 -0
- package/src/components/Checkbox/CheckboxGroup.js +21 -0
- package/src/components/Checkbox/CheckboxGroupRow.js +77 -0
- package/src/components/Checkbox/CheckboxRow.js +78 -0
- package/src/components/Checkbox/context.js +14 -0
- package/src/components/Checkbox/index.js +3 -0
- package/src/components/CircleImage.js +8 -0
- package/src/components/CircularProgress.js +81 -0
- package/src/components/Config.js +63 -0
- package/src/components/Container.js +43 -0
- package/src/components/DatePicker/DatePicker.js +368 -0
- package/src/components/DatePicker/DatePickerComponent.js +13 -0
- package/src/components/DatePicker/DatePickerComponent.web.js +30 -0
- package/src/components/DatePicker/DatePickerComponentType.js +1 -0
- package/src/components/DeprecatedButton.js +95 -0
- package/src/components/DeprecatedCardWrapper.js +18 -0
- package/src/components/DeprecatedFAB.js +115 -0
- package/src/components/Divider.js +13 -0
- package/src/components/Elevation.js +20 -0
- package/src/components/FAB.js +46 -0
- package/src/components/FieldSearchBarFull.js +53 -0
- package/src/components/FormRow.js +19 -0
- package/src/components/Header.js +44 -0
- package/src/components/HeaderLarge.js +7 -0
- package/src/components/HeaderMedium.js +7 -0
- package/src/components/HeaderOverline.js +7 -0
- package/src/components/IconButton.js +35 -0
- package/src/components/Image.js +47 -0
- package/src/components/Justification.js +1 -0
- package/src/components/Layout.js +50 -0
- package/src/components/NumberInput.js +49 -0
- package/src/components/Picker/Picker.js +267 -0
- package/src/components/Picker/Picker.tsx +8 -6
- package/src/components/Picker/PickerComponent.android.js +69 -0
- package/src/components/Picker/PickerComponent.ios.js +79 -0
- package/src/components/Picker/PickerComponent.web.js +70 -0
- package/src/components/Picker/PickerTypes.js +1 -0
- package/src/components/Portal/Portal.js +35 -0
- package/src/components/Portal/PortalConsumer.js +27 -0
- package/src/components/Portal/PortalHost.js +107 -0
- package/src/components/Portal/PortalManager.js +32 -0
- package/src/components/ProgressBar.js +118 -0
- package/src/components/ProgressCircle.js +13 -0
- package/src/components/ProgressIndicator.js +27 -0
- package/src/components/RadioButton/RadioButton.js +17 -0
- package/src/components/RadioButton/RadioButtonFieldGroup.js +17 -0
- package/src/components/RadioButton/RadioButtonGroup.js +43 -0
- package/src/components/RadioButton/RadioButtonRow.js +76 -0
- package/src/components/RadioButton/context.js +14 -0
- package/src/components/RadioButton/index.js +4 -0
- package/src/components/ResizeMode.js +1 -0
- package/src/components/Row.js +48 -0
- package/src/components/RowBodyIcon.js +8 -0
- package/src/components/RowHeadlineImageCaption.js +12 -0
- package/src/components/RowHeadlineImageIcon.js +14 -0
- package/src/components/ScreenContainer.js +34 -0
- package/src/components/Slider.js +63 -0
- package/src/components/StarRating.js +50 -0
- package/src/components/StepIndicator.js +346 -0
- package/src/components/Stepper.js +39 -0
- package/src/components/Surface.js +32 -0
- package/src/components/Swiper/Swiper.js +29 -0
- package/src/components/Swiper/SwiperItem.js +9 -0
- package/src/components/Swiper/index.js +2 -0
- package/src/components/Switch.js +56 -0
- package/src/components/Text.js +27 -0
- package/src/components/TextField.js +423 -0
- package/src/components/ToggleButton.js +39 -0
- package/src/components/Touchable.js +12 -0
- package/src/components/Touchable.web.js +2 -0
- package/src/components/Typography.js +36 -0
- package/src/components/useAuthState.js +31 -0
- package/src/constants.js +10 -0
- package/src/hooks.js +12 -0
- package/src/index.js +52 -0
- package/src/interfaces/Icon.js +8 -0
- package/src/mappings/Accordion.js +41 -0
- package/src/mappings/AccordionItem.js +16 -0
- package/src/mappings/ActionSheet.js +13 -0
- package/src/mappings/ActionSheetCancel.js +19 -0
- package/src/mappings/ActionSheetItem.js +23 -0
- package/src/mappings/ActivityIndicator.js +58 -0
- package/src/mappings/ActivityIndicator.ts +6 -0
- package/src/mappings/AudioPlayer.js +20 -0
- package/src/mappings/AvatarEdit.js +38 -0
- package/src/mappings/AvatarEdit.ts +2 -0
- package/src/mappings/Banner.js +32 -0
- package/src/mappings/BlurView.js +42 -0
- package/src/mappings/BlurView.ts +2 -0
- package/src/mappings/Button.js +74 -0
- package/src/mappings/Button.ts +19 -0
- package/src/mappings/Card.js +52 -0
- package/src/mappings/CardBlock.js +123 -0
- package/src/mappings/CardBlock.ts +2 -0
- package/src/mappings/CardContainer.js +104 -0
- package/src/mappings/CardContainer.ts +3 -0
- package/src/mappings/CardContainerRating.js +126 -0
- package/src/mappings/CardContainerRating.ts +3 -0
- package/src/mappings/CardContainerShortImage.js +120 -0
- package/src/mappings/CardContainerShortImage.ts +3 -0
- package/src/mappings/CardInline.js +52 -0
- package/src/mappings/CardInline.ts +2 -0
- package/src/mappings/Carousel.js +19 -0
- package/src/mappings/Carousel.ts +2 -0
- package/src/mappings/Checkbox.js +46 -0
- package/src/mappings/Checkbox.ts +2 -0
- package/src/mappings/CheckboxGroup.js +26 -0
- package/src/mappings/CheckboxGroup.ts +2 -0
- package/src/mappings/CheckboxRow.js +61 -0
- package/src/mappings/CheckboxRow.ts +6 -0
- package/src/mappings/CircleImage.js +25 -0
- package/src/mappings/CircleImage.ts +2 -0
- package/src/mappings/Container.js +30 -0
- package/src/mappings/Container.ts +2 -0
- package/src/mappings/CustomCode.js +8 -0
- package/src/mappings/DatePicker.js +157 -0
- package/src/mappings/DatePicker.ts +10 -0
- package/src/mappings/Divider.js +27 -0
- package/src/mappings/Divider.ts +2 -0
- package/src/mappings/FAB.js +37 -0
- package/src/mappings/FAB.ts +2 -0
- package/src/mappings/Fetch.js +13 -0
- package/src/mappings/Fetch.ts +2 -1
- package/src/mappings/FieldSearchBarFull.js +50 -0
- package/src/mappings/FieldSearchBarFull.ts +2 -0
- package/src/mappings/FlatList.js +24 -0
- package/src/mappings/FlatList.ts +6 -0
- package/src/mappings/HeaderLarge.js +29 -0
- package/src/mappings/HeaderLarge.ts +2 -0
- package/src/mappings/HeaderMedium.js +55 -0
- package/src/mappings/HeaderMedium.ts +2 -0
- package/src/mappings/HeaderOverline.js +55 -0
- package/src/mappings/HeaderOverline.ts +2 -0
- package/src/mappings/Icon.js +32 -0
- package/src/mappings/Icon.ts +8 -0
- package/src/mappings/IconButton.js +35 -0
- package/src/mappings/IconButton.ts +6 -0
- package/src/mappings/Image.js +21 -0
- package/src/mappings/Image.ts +7 -0
- package/src/mappings/ImageBackground.js +29 -0
- package/src/mappings/ImageBackground.ts +2 -0
- package/src/mappings/KeyboardAvoidingView.js +41 -0
- package/src/mappings/KeyboardAvoidingView.ts +2 -0
- package/src/mappings/KeyboardAwareScrollView.js +50 -0
- package/src/mappings/KeyboardAwareScrollView.ts +2 -0
- package/src/mappings/Layout.js +200 -0
- package/src/mappings/Layout.ts +6 -0
- package/src/mappings/LinearGradient.js +77 -0
- package/src/mappings/MapCallout.js +21 -0
- package/src/mappings/MapMarker.js +47 -0
- package/src/mappings/MapView.js +138 -0
- package/src/mappings/Modal.js +42 -0
- package/src/mappings/Modal.ts +2 -0
- package/src/mappings/NumberInput.js +257 -0
- package/src/mappings/NumberInput.ts +277 -0
- package/src/mappings/Picker.js +148 -0
- package/src/mappings/Picker.ts +10 -0
- package/src/mappings/ProgressBar.js +101 -0
- package/src/mappings/ProgressBar.ts +2 -0
- package/src/mappings/ProgressCircle.js +109 -0
- package/src/mappings/ProgressCircle.ts +2 -0
- package/src/mappings/ProgressIndicator.js +181 -0
- package/src/mappings/ProgressIndicator.ts +2 -0
- package/src/mappings/RadioButton.js +51 -0
- package/src/mappings/RadioButton.ts +2 -0
- package/src/mappings/RadioButtonGroup.js +17 -0
- package/src/mappings/RadioButtonGroup.ts +2 -0
- package/src/mappings/RadioButtonRow.js +42 -0
- package/src/mappings/RadioButtonRow.ts +6 -0
- package/src/mappings/RowBodyIcon.js +75 -0
- package/src/mappings/RowHeadlineImageCaption.js +167 -0
- package/src/mappings/RowHeadlineImageIcon.js +99 -0
- package/src/mappings/SafeAreaView.js +33 -0
- package/src/mappings/ScrollView.js +31 -0
- package/src/mappings/ScrollView.ts +6 -1
- package/src/mappings/Slider.js +60 -0
- package/src/mappings/Slider.ts +2 -0
- package/src/mappings/StarRating.js +43 -0
- package/src/mappings/StarRating.ts +2 -0
- package/src/mappings/Stepper.js +29 -0
- package/src/mappings/Stepper.ts +2 -0
- package/src/mappings/Surface.js +14 -0
- package/src/mappings/Surface.ts +6 -1
- package/src/mappings/Swiper.js +60 -0
- package/src/mappings/SwiperItem.js +8 -0
- package/src/mappings/Switch.js +81 -0
- package/src/mappings/Switch.ts +8 -0
- package/src/mappings/Text.js +251 -0
- package/src/mappings/Text.ts +47 -27
- package/src/mappings/TextArea.js +270 -0
- package/src/mappings/TextArea.ts +227 -3
- package/src/mappings/TextField.js +384 -0
- package/src/mappings/TextField.ts +237 -3
- package/src/mappings/TextInput.js +394 -0
- package/src/mappings/TextInput.ts +224 -34
- package/src/mappings/ToggleButton.js +50 -0
- package/src/mappings/ToggleButton.ts +6 -0
- package/src/mappings/Touchable.js +17 -0
- package/src/mappings/Touchable.ts +11 -1
- package/src/mappings/Video.js +81 -0
- package/src/mappings/Video.ts +8 -0
- package/src/mappings/View.js +207 -0
- package/src/mappings/View.ts +2 -0
- package/src/mappings/WebView.js +23 -0
- package/src/mappings/WebView.ts +6 -0
- package/src/styles/DarkTheme.js +26 -0
- package/src/styles/DefaultTheme.js +111 -0
- package/src/styles/fonts.js +62 -0
- package/src/styles/overlay.js +60 -0
- package/src/styles/shadow.js +51 -0
- package/src/theming.js +3 -0
- package/src/utilities.js +102 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","title","createTextProp","label","defaultValue","buttonText","icon","createIconProp","required"],"sources":["HeaderLarge.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Header Large\",\n tag: \"HeaderLarge\",\n description:\n \"A large header with an optional touchable right aligned text and icon.\",\n category: COMPONENT_TYPES.header,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n title: createTextProp({\n label: \"Title\",\n description: \"Text to display\",\n defaultValue: \"Title\",\n }),\n buttonText: createTextProp({\n label: \"Button text\",\n description: \"Right aligned button text to display\",\n defaultValue: \"See All\",\n }),\n icon: createIconProp({\n defaultValue: null,\n required: false,\n }),\n },\n },\n];\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","title","createTextProp","label","defaultValue","buttonText","icon","createIconProp","required"],"sources":["HeaderLarge.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createIconProp,\n createTextProp,\n createActionProp,\n Triggers,\n BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Header Large\",\n tag: \"HeaderLarge\",\n description:\n \"A large header with an optional touchable right aligned text and icon.\",\n category: COMPONENT_TYPES.header,\n stylesPanelSections: BLOCK_STYLES_SECTIONS,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n title: createTextProp({\n label: \"Title\",\n description: \"Text to display\",\n defaultValue: \"Title\",\n }),\n buttonText: createTextProp({\n label: \"Button text\",\n description: \"Right aligned button text to display\",\n defaultValue: \"See All\",\n }),\n icon: createIconProp({\n defaultValue: null,\n required: false,\n }),\n },\n },\n];\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,WAAW,EACT,wEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,mBAAmB,EAAEC,4BANvB;EAOEC,MAAM,EAAE,EAPV;EAQEC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CARZ;EASEC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBC,KAAK,EAAE,OADa;MAEpBf,WAAW,EAAE,iBAFO;MAGpBgB,YAAY,EAAE;IAHM,CAAf,CAFF;IAOLC,UAAU,EAAE,IAAAH,qBAAA,EAAe;MACzBC,KAAK,EAAE,aADkB;MAEzBf,WAAW,EAAE,sCAFY;MAGzBgB,YAAY,EAAE;IAHW,CAAf,CAPP;IAYLE,IAAI,EAAE,IAAAC,qBAAA,EAAe;MACnBH,YAAY,EAAE,IADK;MAEnBI,QAAQ,EAAE;IAFS,CAAf;EAZD;AATT,CADuB,CAAlB"}
|
|
@@ -12,6 +12,7 @@ const SEED_DATA = [{
|
|
|
12
12
|
tag: "HeaderMedium",
|
|
13
13
|
description: "A medium header with an optional touchable right aligned text and icon.",
|
|
14
14
|
category: _types.COMPONENT_TYPES.header,
|
|
15
|
+
stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
|
|
15
16
|
preview_image_url: "{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png",
|
|
16
17
|
supports_list_render: false,
|
|
17
18
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"sources":["HeaderMedium.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Header Medium\",\n tag: \"HeaderMedium\",\n description:\n \"A medium header with an optional touchable right aligned text and icon.\",\n category: COMPONENT_TYPES.header,\n preview_image_url: \"{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png\",\n supports_list_render: false,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Title\",\n editable: true,\n required: false,\n },\n buttonText: {\n group: GROUPS.data,\n label: \"Button text\",\n description: \"Right aligned button text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"See All\",\n editable: true,\n required: false,\n },\n icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Name of icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n onPress: {\n group: GROUPS.basic,\n label: \"Action\",\n description: \"Action to execute when button pressed\",\n editable: true,\n required: false,\n formType: FORM_TYPES.action,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n layout: {},\n },\n];\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"sources":["HeaderMedium.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Header Medium\",\n tag: \"HeaderMedium\",\n description:\n \"A medium header with an optional touchable right aligned text and icon.\",\n category: COMPONENT_TYPES.header,\n stylesPanelSections: BLOCK_STYLES_SECTIONS,\n preview_image_url: \"{CLOUDINARY_URL}/Header_HeadlineMediumIconText.png\",\n supports_list_render: false,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Title\",\n editable: true,\n required: false,\n },\n buttonText: {\n group: GROUPS.data,\n label: \"Button text\",\n description: \"Right aligned button text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"See All\",\n editable: true,\n required: false,\n },\n icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Name of icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n onPress: {\n group: GROUPS.basic,\n label: \"Action\",\n description: \"Action to execute when button pressed\",\n editable: true,\n required: false,\n formType: FORM_TYPES.action,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n layout: {},\n },\n];\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,eADR;EAEEC,GAAG,EAAE,cAFP;EAGEC,WAAW,EACT,yEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,mBAAmB,EAAEC,4BANvB;EAOEC,iBAAiB,EAAE,oDAPrB;EAQEC,oBAAoB,EAAE,KARxB;EASEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,OAFF;MAGLb,WAAW,EAAE,iBAHR;MAILc,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;MAKLC,QAAQ,EAAEC,iBAAA,CAAWC,MALhB;MAMLC,YAAY,EAAE,OANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,UAAU,EAAE;MACVb,KAAK,EAAEC,aAAA,CAAOC,IADJ;MAEVC,KAAK,EAAE,aAFG;MAGVb,WAAW,EAAE,sCAHH;MAIVc,QAAQ,EAAEC,iBAAA,CAAWC,MAJX;MAKVC,QAAQ,EAAEC,iBAAA,CAAWC,MALX;MAMVC,YAAY,EAAE,SANJ;MAOVC,QAAQ,EAAE,IAPA;MAQVC,QAAQ,EAAE;IARA,CAXP;IAqBLE,IAAI,EAAE;MACJd,KAAK,EAAEC,aAAA,CAAOc,KADV;MAEJZ,KAAK,EAAE,MAFH;MAGJb,WAAW,EAAE,yBAHT;MAIJc,QAAQ,EAAEC,iBAAA,CAAWS,IAJjB;MAKJP,QAAQ,EAAEC,iBAAA,CAAWQ,KALjB;MAMJN,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CArBD;IA+BLK,OAAO,EAAE;MACPjB,KAAK,EAAEC,aAAA,CAAOc,KADP;MAEPZ,KAAK,EAAE,QAFA;MAGPb,WAAW,EAAE,uCAHN;MAIPqB,QAAQ,EAAE,IAJH;MAKPC,QAAQ,EAAE,KALH;MAMPR,QAAQ,EAAEC,iBAAA,CAAWa,MANd;MAOPX,QAAQ,EAAEC,iBAAA,CAAWC,MAPd;MAQPC,YAAY,EAAE;IARP;EA/BJ,CATT;EAmDES,MAAM,EAAE;AAnDV,CADuB,CAAlB"}
|
|
@@ -12,6 +12,7 @@ const SEED_DATA = [{
|
|
|
12
12
|
tag: "HeaderOverline",
|
|
13
13
|
description: "A small header with an optional touchable right aligned text and icon.",
|
|
14
14
|
category: _types.COMPONENT_TYPES.header,
|
|
15
|
+
stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
|
|
15
16
|
preview_image_url: "{CLOUDINARY_URL}/Header_OverlineIconText.png",
|
|
16
17
|
supports_list_render: false,
|
|
17
18
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"sources":["HeaderOverline.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Header Overline\",\n tag: \"HeaderOverline\",\n description:\n \"A small header with an optional touchable right aligned text and icon.\",\n category: COMPONENT_TYPES.header,\n preview_image_url: \"{CLOUDINARY_URL}/Header_OverlineIconText.png\",\n supports_list_render: false,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Title\",\n editable: true,\n required: false,\n },\n buttonText: {\n group: GROUPS.data,\n label: \"Button text\",\n description: \"Right aligned button text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"See All\",\n editable: true,\n required: false,\n },\n icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Name of icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n onPress: {\n group: GROUPS.basic,\n label: \"Action\",\n description: \"Action to execute when button pressed\",\n editable: true,\n required: false,\n formType: FORM_TYPES.action,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n layout: {},\n },\n];\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","header","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","props","title","group","GROUPS","data","label","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","buttonText","icon","basic","ASSET","onPress","action","layout"],"sources":["HeaderOverline.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Header Overline\",\n tag: \"HeaderOverline\",\n description:\n \"A small header with an optional touchable right aligned text and icon.\",\n category: COMPONENT_TYPES.header,\n stylesPanelSections: BLOCK_STYLES_SECTIONS,\n preview_image_url: \"{CLOUDINARY_URL}/Header_OverlineIconText.png\",\n supports_list_render: false,\n props: {\n title: {\n group: GROUPS.data,\n label: \"Title\",\n description: \"Text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"Title\",\n editable: true,\n required: false,\n },\n buttonText: {\n group: GROUPS.data,\n label: \"Button text\",\n description: \"Right aligned button text to display\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"See All\",\n editable: true,\n required: false,\n },\n icon: {\n group: GROUPS.basic,\n label: \"Icon\",\n description: \"Name of icon to display\",\n formType: FORM_TYPES.icon,\n propType: PROP_TYPES.ASSET,\n defaultValue: null,\n editable: true,\n required: false,\n },\n onPress: {\n group: GROUPS.basic,\n label: \"Action\",\n description: \"Action to execute when button pressed\",\n editable: true,\n required: false,\n formType: FORM_TYPES.action,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n layout: {},\n },\n];\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,iBADR;EAEEC,GAAG,EAAE,gBAFP;EAGEC,WAAW,EACT,wEAJJ;EAKEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAL5B;EAMEC,mBAAmB,EAAEC,4BANvB;EAOEC,iBAAiB,EAAE,8CAPrB;EAQEC,oBAAoB,EAAE,KARxB;EASEC,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;MAELC,KAAK,EAAE,OAFF;MAGLb,WAAW,EAAE,iBAHR;MAILc,QAAQ,EAAEC,iBAAA,CAAWC,MAJhB;MAKLC,QAAQ,EAAEC,iBAAA,CAAWC,MALhB;MAMLC,YAAY,EAAE,OANT;MAOLC,QAAQ,EAAE,IAPL;MAQLC,QAAQ,EAAE;IARL,CADF;IAWLC,UAAU,EAAE;MACVb,KAAK,EAAEC,aAAA,CAAOC,IADJ;MAEVC,KAAK,EAAE,aAFG;MAGVb,WAAW,EAAE,sCAHH;MAIVc,QAAQ,EAAEC,iBAAA,CAAWC,MAJX;MAKVC,QAAQ,EAAEC,iBAAA,CAAWC,MALX;MAMVC,YAAY,EAAE,SANJ;MAOVC,QAAQ,EAAE,IAPA;MAQVC,QAAQ,EAAE;IARA,CAXP;IAqBLE,IAAI,EAAE;MACJd,KAAK,EAAEC,aAAA,CAAOc,KADV;MAEJZ,KAAK,EAAE,MAFH;MAGJb,WAAW,EAAE,yBAHT;MAIJc,QAAQ,EAAEC,iBAAA,CAAWS,IAJjB;MAKJP,QAAQ,EAAEC,iBAAA,CAAWQ,KALjB;MAMJN,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CArBD;IA+BLK,OAAO,EAAE;MACPjB,KAAK,EAAEC,aAAA,CAAOc,KADP;MAEPZ,KAAK,EAAE,QAFA;MAGPb,WAAW,EAAE,uCAHN;MAIPqB,QAAQ,EAAE,IAJH;MAKPC,QAAQ,EAAE,KALH;MAMPR,QAAQ,EAAEC,iBAAA,CAAWa,MANd;MAOPX,QAAQ,EAAEC,iBAAA,CAAWC,MAPd;MAQPC,YAAY,EAAE;IARP;EA/BJ,CATT;EAmDES,MAAM,EAAE;AAnDV,CADuB,CAAlB"}
|
|
@@ -12,6 +12,7 @@ const SEED_DATA = {
|
|
|
12
12
|
tag: "Icon",
|
|
13
13
|
description: "An icon",
|
|
14
14
|
category: _types.COMPONENT_TYPES.basic,
|
|
15
|
+
stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Background, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
|
|
15
16
|
layout: {},
|
|
16
17
|
props: {
|
|
17
18
|
name: { ...(0, _types.createIconProp)(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","layout","props","createIconProp","group","GROUPS","data","color","createColorProp","size","createNumberProp","label","defaultValue","min","max","step","precision"],"sources":["Icon.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createNumberProp,\n createColorProp,\n createIconProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Icon\",\n tag: \"Icon\",\n description: \"An icon\",\n category: COMPONENT_TYPES.basic,\n layout: {},\n props: {\n name: {\n ...createIconProp(),\n group: GROUPS.data,\n },\n color: createColorProp(),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 24,\n min: 1,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","stylesPanelSections","StylesPanelSections","Size","Margins","Background","Position","Effects","layout","props","createIconProp","group","GROUPS","data","color","createColorProp","size","createNumberProp","label","defaultValue","min","max","step","precision"],"sources":["Icon.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createNumberProp,\n createColorProp,\n createIconProp,\n StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Icon\",\n tag: \"Icon\",\n description: \"An icon\",\n category: COMPONENT_TYPES.basic,\n stylesPanelSections: [\n StylesPanelSections.Size,\n StylesPanelSections.Margins,\n StylesPanelSections.Background,\n StylesPanelSections.Position,\n StylesPanelSections.Effects,\n ],\n layout: {},\n props: {\n name: {\n ...createIconProp(),\n group: GROUPS.data,\n },\n color: createColorProp(),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 24,\n min: 1,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,MADiB;EAEvBC,GAAG,EAAE,MAFkB;EAGvBC,WAAW,EAAE,SAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,IADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,UAHD,EAInBH,0BAAA,CAAoBI,QAJD,EAKnBJ,0BAAA,CAAoBK,OALD,CALE;EAYvBC,MAAM,EAAE,EAZe;EAavBC,KAAK,EAAE;IACLd,IAAI,EAAE,EACJ,GAAG,IAAAe,qBAAA,GADC;MAEJC,KAAK,EAAEC,aAAA,CAAOC;IAFV,CADD;IAKLC,KAAK,EAAE,IAAAC,sBAAA,GALF;IAMLC,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBN,KAAK,EAAEC,aAAA,CAAOZ,KADO;MAErBkB,KAAK,EAAE,MAFc;MAGrBrB,WAAW,EAAE,+BAHQ;MAIrBsB,YAAY,EAAE,EAJO;MAKrBC,GAAG,EAAE,CALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAjB;EAND;AAbgB,CAAlB"}
|
|
@@ -13,6 +13,7 @@ const SEED_DATA = {
|
|
|
13
13
|
category: _types.COMPONENT_TYPES.button,
|
|
14
14
|
layout: {},
|
|
15
15
|
triggers: [_types.Triggers.OnPress],
|
|
16
|
+
stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Position],
|
|
16
17
|
props: {
|
|
17
18
|
onPress: (0, _types.createActionProp)(),
|
|
18
19
|
icon: (0, _types.createIconProp)(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","props","onPress","createActionProp","icon","createIconProp","color","createColorProp","label","group","GROUPS","basic","disabled","createBoolProp","size","createNumberProp","description","defaultValue","min","max","step","precision"],"sources":["IconButton.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createIconProp,\n createColorProp,\n createNumberProp,\n createBoolProp,\n createActionProp,\n Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Icon Button\",\n tag: \"IconButton\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n props: {\n onPress: createActionProp(),\n icon: createIconProp(),\n color: createColorProp({\n label: \"Color\",\n group: GROUPS.basic,\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n group: GROUPS.basic,\n }),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 32,\n min: 16,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","triggers","Triggers","OnPress","stylesPanelSections","StylesPanelSections","Margins","Effects","Position","props","onPress","createActionProp","icon","createIconProp","color","createColorProp","label","group","GROUPS","basic","disabled","createBoolProp","size","createNumberProp","description","defaultValue","min","max","step","precision"],"sources":["IconButton.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createIconProp,\n createColorProp,\n createNumberProp,\n createBoolProp,\n createActionProp,\n Triggers,\n StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Icon Button\",\n tag: \"IconButton\",\n category: COMPONENT_TYPES.button,\n layout: {},\n triggers: [Triggers.OnPress],\n stylesPanelSections: [\n StylesPanelSections.Margins,\n StylesPanelSections.Effects,\n StylesPanelSections.Position,\n ],\n props: {\n onPress: createActionProp(),\n icon: createIconProp(),\n color: createColorProp({\n label: \"Color\",\n group: GROUPS.basic,\n }),\n disabled: createBoolProp({\n label: \"Disabled\",\n group: GROUPS.basic,\n }),\n size: createNumberProp({\n group: GROUPS.basic,\n label: \"Size\",\n description: \"Width and height of your icon\",\n defaultValue: 32,\n min: 16,\n max: 128,\n step: 1,\n precision: 0,\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AAYO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,CALa;EAMvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,OADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,QAHD,CANE;EAWvBC,KAAK,EAAE;IACLC,OAAO,EAAE,IAAAC,uBAAA,GADJ;IAELC,IAAI,EAAE,IAAAC,qBAAA,GAFD;IAGLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAE,OADc;MAErBC,KAAK,EAAEC,aAAA,CAAOC;IAFO,CAAhB,CAHF;IAOLC,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBL,KAAK,EAAE,UADgB;MAEvBC,KAAK,EAAEC,aAAA,CAAOC;IAFS,CAAf,CAPL;IAWLG,IAAI,EAAE,IAAAC,uBAAA,EAAiB;MACrBN,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBH,KAAK,EAAE,MAFc;MAGrBQ,WAAW,EAAE,+BAHQ;MAIrBC,YAAY,EAAE,EAJO;MAKrBC,GAAG,EAAE,EALgB;MAMrBC,GAAG,EAAE,GANgB;MAOrBC,IAAI,EAAE,CAPe;MAQrBC,SAAS,EAAE;IARU,CAAjB;EAXD;AAXgB,CAAlB"}
|
|
@@ -12,6 +12,7 @@ const SEED_DATA = {
|
|
|
12
12
|
tag: "Image",
|
|
13
13
|
description: "A basic Image Component",
|
|
14
14
|
category: _types.COMPONENT_TYPES.media,
|
|
15
|
+
stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
|
|
15
16
|
layout: {
|
|
16
17
|
width: 250,
|
|
17
18
|
height: 250
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","createImageProp","resizeMode","createResizeModeProp"],"sources":["Image.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createImageProp,\n createResizeModeProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Image\",\n tag: \"Image\",\n description: \"A basic Image Component\",\n category: COMPONENT_TYPES.media,\n layout: {\n width: 250,\n height: 250,\n },\n props: {\n source: createImageProp(),\n resizeMode: createResizeModeProp(),\n },\n};\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","media","stylesPanelSections","StylesPanelSections","Size","Margins","Position","Effects","layout","width","height","props","source","createImageProp","resizeMode","createResizeModeProp"],"sources":["Image.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createImageProp,\n createResizeModeProp,\n StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Image\",\n tag: \"Image\",\n description: \"A basic Image Component\",\n category: COMPONENT_TYPES.media,\n stylesPanelSections: [\n StylesPanelSections.Size,\n StylesPanelSections.Margins,\n StylesPanelSections.Position,\n StylesPanelSections.Effects,\n ],\n layout: {\n width: 250,\n height: 250,\n },\n props: {\n source: createImageProp(),\n resizeMode: createResizeModeProp(),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAJH;EAKvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,IADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,QAHD,EAInBH,0BAAA,CAAoBI,OAJD,CALE;EAWvBC,MAAM,EAAE;IACNC,KAAK,EAAE,GADD;IAENC,MAAM,EAAE;EAFF,CAXe;EAevBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,GADH;IAELC,UAAU,EAAE,IAAAC,2BAAA;EAFP;AAfgB,CAAlB"}
|
|
@@ -14,6 +14,7 @@ const SEED_DATA = {
|
|
|
14
14
|
code_link: "https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js",
|
|
15
15
|
description: "A very simple drop-in replacement for Image that allows you to use an Image as a background.",
|
|
16
16
|
category: _types.COMPONENT_TYPES.media,
|
|
17
|
+
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
17
18
|
layout: {
|
|
18
19
|
width: "100%",
|
|
19
20
|
height: "100%"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","doc_link","code_link","description","category","COMPONENT_TYPES","media","layout","width","height","props","source","createImageProp","defaultValue","resizeMode","createResizeModeProp","backgroundColor","createColorProp","label","backfaceVisibility","createTextEnumProp","options"],"sources":["ImageBackground.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createImageProp,\n createResizeModeProp,\n createTextEnumProp,\n createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Image Background\",\n tag: \"ImageBackground\",\n doc_link:\n \"https://docs.expo.io/versions/latest/react-native/imagebackground/\",\n code_link:\n \"https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js\",\n description:\n \"A very simple drop-in replacement for Image that allows you to use an Image as a background.\",\n category: COMPONENT_TYPES.media,\n layout: {\n width: \"100%\",\n height: \"100%\",\n },\n props: {\n source: createImageProp({\n defaultValue:\n \"https://static.draftbit.com/images/placeholder-image-background.png\",\n }),\n resizeMode: createResizeModeProp(),\n backgroundColor: createColorProp({\n label: \"Background Color\",\n description: \"If no image is chosen render a colored background.\",\n }),\n backfaceVisibility: createTextEnumProp({\n label: \"Backface Visibility\",\n description: \"When animating a card, show the back face of it\",\n options: [\"visible\", \"hidden\"],\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","doc_link","code_link","description","category","COMPONENT_TYPES","media","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","layout","width","height","props","source","createImageProp","defaultValue","resizeMode","createResizeModeProp","backgroundColor","createColorProp","label","backfaceVisibility","createTextEnumProp","options"],"sources":["ImageBackground.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createImageProp,\n createResizeModeProp,\n createTextEnumProp,\n createColorProp,\n CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Image Background\",\n tag: \"ImageBackground\",\n doc_link:\n \"https://docs.expo.io/versions/latest/react-native/imagebackground/\",\n code_link:\n \"https://github.com/facebook/react-native/blob/master/Libraries/Image/ImageBackground.js\",\n description:\n \"A very simple drop-in replacement for Image that allows you to use an Image as a background.\",\n category: COMPONENT_TYPES.media,\n stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n layout: {\n width: \"100%\",\n height: \"100%\",\n },\n props: {\n source: createImageProp({\n defaultValue:\n \"https://static.draftbit.com/images/placeholder-image-background.png\",\n }),\n resizeMode: createResizeModeProp(),\n backgroundColor: createColorProp({\n label: \"Background Color\",\n description: \"If no image is chosen render a colored background.\",\n }),\n backfaceVisibility: createTextEnumProp({\n label: \"Backface Visibility\",\n description: \"When animating a card, show the back face of it\",\n options: [\"visible\", \"hidden\"],\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,iBAFkB;EAGvBC,QAAQ,EACN,oEAJqB;EAKvBC,SAAS,EACP,yFANqB;EAOvBC,WAAW,EACT,8FARqB;EASvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KATH;EAUvBC,mBAAmB,EAAEC,0CAVE;EAWvBC,MAAM,EAAE;IACNC,KAAK,EAAE,MADD;IAENC,MAAM,EAAE;EAFF,CAXe;EAevBC,KAAK,EAAE;IACLC,MAAM,EAAE,IAAAC,sBAAA,EAAgB;MACtBC,YAAY,EACV;IAFoB,CAAhB,CADH;IAKLC,UAAU,EAAE,IAAAC,2BAAA,GALP;IAMLC,eAAe,EAAE,IAAAC,sBAAA,EAAgB;MAC/BC,KAAK,EAAE,kBADwB;MAE/BjB,WAAW,EAAE;IAFkB,CAAhB,CANZ;IAULkB,kBAAkB,EAAE,IAAAC,yBAAA,EAAmB;MACrCF,KAAK,EAAE,qBAD8B;MAErCjB,WAAW,EAAE,iDAFwB;MAGrCoB,OAAO,EAAE,CAAC,SAAD,EAAY,QAAZ;IAH4B,CAAnB;EAVf;AAfgB,CAAlB"}
|
|
@@ -12,6 +12,7 @@ const SEED_DATA = {
|
|
|
12
12
|
tag: "KeyboardAvoidingView",
|
|
13
13
|
description: "View that moves out of the way of the virtual keyboard. ",
|
|
14
14
|
category: _types.COMPONENT_TYPES.layout,
|
|
15
|
+
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
15
16
|
props: {
|
|
16
17
|
enabled: {
|
|
17
18
|
label: "Enabled",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","enabled","label","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","group","GROUPS","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sources":["KeyboardAvoidingView.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Keyboard Avoiding View\",\n tag: \"KeyboardAvoidingView\",\n description: \"View that moves out of the way of the virtual keyboard. \",\n category: COMPONENT_TYPES.layout,\n props: {\n enabled: {\n label: \"Enabled\",\n description: \"Enable the keyboard avoiding view\",\n editable: true,\n required: true,\n defaultValue: true,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n group: GROUPS.basic,\n },\n behavior: {\n label: \"Resizing Behavior\",\n description:\n \"The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).\",\n editable: true,\n required: true,\n defaultValue: \"padding\",\n options: [\"padding\", \"position\", \"height\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n group: GROUPS.basic,\n },\n keyboardVerticalOffset: {\n label: \"Keyboard Vertical Offset\",\n description:\n \"The distance between the bottom of the view and the keyboard\",\n editable: true,\n required: false,\n defaultValue: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.basic,\n },\n },\n};\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","props","enabled","label","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","group","GROUPS","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sources":["KeyboardAvoidingView.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Keyboard Avoiding View\",\n tag: \"KeyboardAvoidingView\",\n description: \"View that moves out of the way of the virtual keyboard. \",\n category: COMPONENT_TYPES.layout,\n stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n props: {\n enabled: {\n label: \"Enabled\",\n description: \"Enable the keyboard avoiding view\",\n editable: true,\n required: true,\n defaultValue: true,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n group: GROUPS.basic,\n },\n behavior: {\n label: \"Resizing Behavior\",\n description:\n \"The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).\",\n editable: true,\n required: true,\n defaultValue: \"padding\",\n options: [\"padding\", \"position\", \"height\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n group: GROUPS.basic,\n },\n keyboardVerticalOffset: {\n label: \"Keyboard Vertical Offset\",\n description:\n \"The distance between the bottom of the view and the keyboard\",\n editable: true,\n required: false,\n defaultValue: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.basic,\n },\n },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,wBADiB;EAEvBC,GAAG,EAAE,sBAFkB;EAGvBC,WAAW,EAAE,0DAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,mBAAmB,EAAEC,0CALE;EAMvBC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,KAAK,EAAE,SADA;MAEPR,WAAW,EAAE,mCAFN;MAGPS,QAAQ,EAAE,IAHH;MAIPC,QAAQ,EAAE,IAJH;MAKPC,YAAY,EAAE,IALP;MAMPC,QAAQ,EAAEC,iBAAA,CAAWC,OANd;MAOPC,QAAQ,EAAEC,iBAAA,CAAWC,OAPd;MAQPC,KAAK,EAAEC,aAAA,CAAOC;IARP,CADJ;IAWLC,QAAQ,EAAE;MACRb,KAAK,EAAE,mBADC;MAERR,WAAW,EACT,uGAHM;MAIRS,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,IALF;MAMRC,YAAY,EAAE,SANN;MAORW,OAAO,EAAE,CAAC,SAAD,EAAY,UAAZ,EAAwB,QAAxB,CAPD;MAQRV,QAAQ,EAAEC,iBAAA,CAAWU,SARb;MASRR,QAAQ,EAAEC,iBAAA,CAAWQ,MATb;MAURN,KAAK,EAAEC,aAAA,CAAOC;IAVN,CAXL;IAuBLK,sBAAsB,EAAE;MACtBjB,KAAK,EAAE,0BADe;MAEtBR,WAAW,EACT,8DAHoB;MAItBS,QAAQ,EAAE,IAJY;MAKtBC,QAAQ,EAAE,KALY;MAMtBC,YAAY,EAAE,CANQ;MAOtBC,QAAQ,EAAEC,iBAAA,CAAWa,MAPC;MAQtBX,QAAQ,EAAEC,iBAAA,CAAWW,MARC;MAStBT,KAAK,EAAEC,aAAA,CAAOC;IATQ;EAvBnB;AANgB,CAAlB"}
|
|
@@ -12,6 +12,7 @@ const SEED_DATA = {
|
|
|
12
12
|
tag: "KeyboardAwareScrollView",
|
|
13
13
|
description: "View that moves pushes the content when virtual keyboard is open.",
|
|
14
14
|
category: _types.COMPONENT_TYPES.layout,
|
|
15
|
+
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
15
16
|
layout: {},
|
|
16
17
|
props: {
|
|
17
18
|
viewIsInsideTabBar: (0, _types.createStaticBoolProp)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","viewIsInsideTabBar","createStaticBoolProp","label","enableAutomaticScroll","extraHeight","createStaticNumberProp","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid","showsVerticalScrollIndicator","defaultValue","keyboardShouldPersistTaps","createTextEnumProp","options"],"sources":["KeyboardAwareScrollView.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createStaticBoolProp,\n createStaticNumberProp,\n createTextEnumProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Keyboard Aware Scroll View\",\n tag: \"KeyboardAwareScrollView\",\n description:\n \"View that moves pushes the content when virtual keyboard is open.\",\n category: COMPONENT_TYPES.layout,\n layout: {},\n props: {\n viewIsInsideTabBar: createStaticBoolProp({\n label: \"View Is Inside TabBar\",\n description: \"Adds an extra offset that represents the TabBarIOS height.\",\n }),\n enableAutomaticScroll: createStaticBoolProp({\n label: \"Enable Automatic Scroll\",\n description:\n \"When focus in TextInput will scroll the position, default is enabled\",\n }),\n extraHeight: createStaticNumberProp({\n label: \"Extra Height\",\n description: \"Adds an extra offset when focusing the TextInputs\",\n }),\n extraScrollHeight: createStaticNumberProp({\n label: \"Extra Scroll Height\",\n description:\n \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n }),\n enableResetScrollToCoords: createStaticBoolProp({\n label: \"Enable Reset Scroll To Coordinates\",\n description:\n \"Lets the user enable or disable automatic resetScrollToCoords\",\n }),\n keyboardOpeningTime: createStaticNumberProp({\n label: \"Opening Time\",\n description:\n \"Sets the delay time before scrolling to new position after keyboard opening, default is 250\",\n }),\n enableOnAndroid: createStaticBoolProp({\n label: \"Enable On Android\",\n description: \"Enable Android Support\",\n }),\n showsVerticalScrollIndicator: createStaticBoolProp({\n label: \"Shows Vertical Scroll Indicator\",\n description: \"Show or hide the vertical scroll indicator\",\n defaultValue: true,\n }),\n keyboardShouldPersistTaps: createTextEnumProp({\n label: \"Allow Touch Events\",\n description:\n \"Allows touch events on visible components to be processed while the keyboard is open\",\n defaultValue: \"never\",\n options: [\"never\", \"always\"],\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","props","viewIsInsideTabBar","createStaticBoolProp","label","enableAutomaticScroll","extraHeight","createStaticNumberProp","extraScrollHeight","enableResetScrollToCoords","keyboardOpeningTime","enableOnAndroid","showsVerticalScrollIndicator","defaultValue","keyboardShouldPersistTaps","createTextEnumProp","options"],"sources":["KeyboardAwareScrollView.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n createStaticBoolProp,\n createStaticNumberProp,\n createTextEnumProp,\n CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Keyboard Aware Scroll View\",\n tag: \"KeyboardAwareScrollView\",\n description:\n \"View that moves pushes the content when virtual keyboard is open.\",\n category: COMPONENT_TYPES.layout,\n stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n layout: {},\n props: {\n viewIsInsideTabBar: createStaticBoolProp({\n label: \"View Is Inside TabBar\",\n description: \"Adds an extra offset that represents the TabBarIOS height.\",\n }),\n enableAutomaticScroll: createStaticBoolProp({\n label: \"Enable Automatic Scroll\",\n description:\n \"When focus in TextInput will scroll the position, default is enabled\",\n }),\n extraHeight: createStaticNumberProp({\n label: \"Extra Height\",\n description: \"Adds an extra offset when focusing the TextInputs\",\n }),\n extraScrollHeight: createStaticNumberProp({\n label: \"Extra Scroll Height\",\n description:\n \"Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard\",\n }),\n enableResetScrollToCoords: createStaticBoolProp({\n label: \"Enable Reset Scroll To Coordinates\",\n description:\n \"Lets the user enable or disable automatic resetScrollToCoords\",\n }),\n keyboardOpeningTime: createStaticNumberProp({\n label: \"Opening Time\",\n description:\n \"Sets the delay time before scrolling to new position after keyboard opening, default is 250\",\n }),\n enableOnAndroid: createStaticBoolProp({\n label: \"Enable On Android\",\n description: \"Enable Android Support\",\n }),\n showsVerticalScrollIndicator: createStaticBoolProp({\n label: \"Shows Vertical Scroll Indicator\",\n description: \"Show or hide the vertical scroll indicator\",\n defaultValue: true,\n }),\n keyboardShouldPersistTaps: createTextEnumProp({\n label: \"Allow Touch Events\",\n description:\n \"Allows touch events on visible components to be processed while the keyboard is open\",\n defaultValue: \"never\",\n options: [\"never\", \"always\"],\n }),\n },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,4BADiB;EAEvBC,GAAG,EAAE,yBAFkB;EAGvBC,WAAW,EACT,mEAJqB;EAKvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MALH;EAMvBC,mBAAmB,EAAEC,0CANE;EAOvBF,MAAM,EAAE,EAPe;EAQvBG,KAAK,EAAE;IACLC,kBAAkB,EAAE,IAAAC,2BAAA,EAAqB;MACvCC,KAAK,EAAE,uBADgC;MAEvCT,WAAW,EAAE;IAF0B,CAArB,CADf;IAKLU,qBAAqB,EAAE,IAAAF,2BAAA,EAAqB;MAC1CC,KAAK,EAAE,yBADmC;MAE1CT,WAAW,EACT;IAHwC,CAArB,CALlB;IAULW,WAAW,EAAE,IAAAC,6BAAA,EAAuB;MAClCH,KAAK,EAAE,cAD2B;MAElCT,WAAW,EAAE;IAFqB,CAAvB,CAVR;IAcLa,iBAAiB,EAAE,IAAAD,6BAAA,EAAuB;MACxCH,KAAK,EAAE,qBADiC;MAExCT,WAAW,EACT;IAHsC,CAAvB,CAdd;IAmBLc,yBAAyB,EAAE,IAAAN,2BAAA,EAAqB;MAC9CC,KAAK,EAAE,oCADuC;MAE9CT,WAAW,EACT;IAH4C,CAArB,CAnBtB;IAwBLe,mBAAmB,EAAE,IAAAH,6BAAA,EAAuB;MAC1CH,KAAK,EAAE,cADmC;MAE1CT,WAAW,EACT;IAHwC,CAAvB,CAxBhB;IA6BLgB,eAAe,EAAE,IAAAR,2BAAA,EAAqB;MACpCC,KAAK,EAAE,mBAD6B;MAEpCT,WAAW,EAAE;IAFuB,CAArB,CA7BZ;IAiCLiB,4BAA4B,EAAE,IAAAT,2BAAA,EAAqB;MACjDC,KAAK,EAAE,iCAD0C;MAEjDT,WAAW,EAAE,4CAFoC;MAGjDkB,YAAY,EAAE;IAHmC,CAArB,CAjCzB;IAsCLC,yBAAyB,EAAE,IAAAC,yBAAA,EAAmB;MAC5CX,KAAK,EAAE,oBADqC;MAE5CT,WAAW,EACT,sFAH0C;MAI5CkB,YAAY,EAAE,OAJ8B;MAK5CG,OAAO,EAAE,CAAC,OAAD,EAAU,QAAV;IALmC,CAAnB;EAtCtB;AARgB,CAAlB"}
|
|
@@ -11,6 +11,7 @@ const SEED_DATA = [{
|
|
|
11
11
|
name: "Row",
|
|
12
12
|
tag: "Row",
|
|
13
13
|
category: _types.COMPONENT_TYPES.layout,
|
|
14
|
+
stylesPanelSections: [_types.StylesPanelSections.NoStyles],
|
|
14
15
|
props: {
|
|
15
16
|
justifyContent: {
|
|
16
17
|
label: "Align Horizontally",
|
|
@@ -83,6 +84,7 @@ const SEED_DATA = [{
|
|
|
83
84
|
name: "Stack",
|
|
84
85
|
tag: "Stack",
|
|
85
86
|
category: _types.COMPONENT_TYPES.layout,
|
|
87
|
+
stylesPanelSections: [_types.StylesPanelSections.NoStyles],
|
|
86
88
|
props: {
|
|
87
89
|
justifyContent: {
|
|
88
90
|
group: _types.GROUPS.style,
|
|
@@ -109,6 +111,7 @@ const SEED_DATA = [{
|
|
|
109
111
|
name: "Center",
|
|
110
112
|
tag: "Center",
|
|
111
113
|
category: _types.COMPONENT_TYPES.layout,
|
|
114
|
+
stylesPanelSections: [_types.StylesPanelSections.NoStyles],
|
|
112
115
|
props: {
|
|
113
116
|
width: {
|
|
114
117
|
label: "Width",
|
|
@@ -145,6 +148,7 @@ const SEED_DATA = [{
|
|
|
145
148
|
name: "Circle",
|
|
146
149
|
tag: "Circle",
|
|
147
150
|
category: _types.COMPONENT_TYPES.layout,
|
|
151
|
+
stylesPanelSections: [_types.StylesPanelSections.NoStyles],
|
|
148
152
|
props: {
|
|
149
153
|
size: {
|
|
150
154
|
label: "Size",
|
|
@@ -171,6 +175,7 @@ const SEED_DATA = [{
|
|
|
171
175
|
name: "Square",
|
|
172
176
|
tag: "Square",
|
|
173
177
|
category: _types.COMPONENT_TYPES.layout,
|
|
178
|
+
stylesPanelSections: [_types.StylesPanelSections.NoStyles],
|
|
174
179
|
props: {
|
|
175
180
|
size: {
|
|
176
181
|
label: "Size",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","props","justifyContent","label","group","GROUPS","style","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","alignItems","top","number","NUMBER","right","bottom","left","width","height","bgColor","color","THEME","size"],"sources":["Layout.ts"],"sourcesContent":["import {\n GROUPS,\n FORM_TYPES,\n PROP_TYPES,\n COMPONENT_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Row\",\n tag: \"Row\",\n category: COMPONENT_TYPES.layout,\n props: {\n justifyContent: {\n label: \"Align Horizontally\",\n group: GROUPS.style,\n description: \"Align Items Horizontally (on the X Axis)\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n alignItems: {\n label: \"Align Vertically\",\n group: GROUPS.style,\n description: \"Align Items Vertically (on the Y Axis)\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Spacer\",\n tag: \"Spacer\",\n category: COMPONENT_TYPES.layout,\n props: {\n top: {\n label: \"Top\",\n description: \"Top\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n right: {\n label: \"Right\",\n description: \"Right\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n bottom: {\n label: \"Bottom\",\n description: \"Bottom\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n left: {\n label: \"Left\",\n description: \"Left\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Stack\",\n tag: \"Stack\",\n category: COMPONENT_TYPES.layout,\n props: {\n justifyContent: {\n group: GROUPS.style,\n label: \"Justify\",\n description: \"Justify horizontally\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n alignItems: {\n group: GROUPS.style,\n label: \"Align\",\n description: \"Vertical align\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Center\",\n tag: \"Center\",\n category: COMPONENT_TYPES.layout,\n props: {\n width: {\n label: \"Width\",\n description: \"Width\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 240,\n editable: true,\n required: false,\n },\n height: {\n label: \"Height\",\n description: \"Height\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 200,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n {\n name: \"Circle\",\n tag: \"Circle\",\n category: COMPONENT_TYPES.layout,\n props: {\n size: {\n label: \"Size\",\n description: \"Size\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 50,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n {\n name: \"Square\",\n tag: \"Square\",\n category: COMPONENT_TYPES.layout,\n props: {\n size: {\n label: \"Size\",\n description: \"Size\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 50,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n];\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","layout","stylesPanelSections","StylesPanelSections","NoStyles","props","justifyContent","label","group","GROUPS","style","description","formType","FORM_TYPES","string","propType","PROP_TYPES","STRING","defaultValue","editable","required","alignItems","top","number","NUMBER","right","bottom","left","width","height","bgColor","color","THEME","size"],"sources":["Layout.ts"],"sourcesContent":["import {\n GROUPS,\n FORM_TYPES,\n PROP_TYPES,\n COMPONENT_TYPES,\n StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Row\",\n tag: \"Row\",\n category: COMPONENT_TYPES.layout,\n stylesPanelSections: [StylesPanelSections.NoStyles],\n props: {\n justifyContent: {\n label: \"Align Horizontally\",\n group: GROUPS.style,\n description: \"Align Items Horizontally (on the X Axis)\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n alignItems: {\n label: \"Align Vertically\",\n group: GROUPS.style,\n description: \"Align Items Vertically (on the Y Axis)\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Spacer\",\n tag: \"Spacer\",\n category: COMPONENT_TYPES.layout,\n props: {\n top: {\n label: \"Top\",\n description: \"Top\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n right: {\n label: \"Right\",\n description: \"Right\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n bottom: {\n label: \"Bottom\",\n description: \"Bottom\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n left: {\n label: \"Left\",\n description: \"Left\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 8,\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Stack\",\n tag: \"Stack\",\n category: COMPONENT_TYPES.layout,\n stylesPanelSections: [StylesPanelSections.NoStyles],\n props: {\n justifyContent: {\n group: GROUPS.style,\n label: \"Justify\",\n description: \"Justify horizontally\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n alignItems: {\n group: GROUPS.style,\n label: \"Align\",\n description: \"Vertical align\",\n formType: FORM_TYPES.string,\n propType: PROP_TYPES.STRING,\n defaultValue: \"flex-start\",\n editable: true,\n required: false,\n },\n },\n },\n {\n name: \"Center\",\n tag: \"Center\",\n category: COMPONENT_TYPES.layout,\n stylesPanelSections: [StylesPanelSections.NoStyles],\n props: {\n width: {\n label: \"Width\",\n description: \"Width\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 240,\n editable: true,\n required: false,\n },\n height: {\n label: \"Height\",\n description: \"Height\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 200,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n {\n name: \"Circle\",\n tag: \"Circle\",\n category: COMPONENT_TYPES.layout,\n stylesPanelSections: [StylesPanelSections.NoStyles],\n props: {\n size: {\n label: \"Size\",\n description: \"Size\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 50,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n {\n name: \"Square\",\n tag: \"Square\",\n category: COMPONENT_TYPES.layout,\n stylesPanelSections: [StylesPanelSections.NoStyles],\n props: {\n size: {\n label: \"Size\",\n description: \"Size\",\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.style,\n defaultValue: 50,\n editable: true,\n required: false,\n },\n bgColor: {\n label: \"Background Color\",\n description: \"Background color\",\n formType: FORM_TYPES.color,\n propType: PROP_TYPES.THEME,\n editable: true,\n required: false,\n defaultValue: \"light\",\n group: GROUPS.style,\n },\n },\n },\n];\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","createBoolProp","visible","data","presentationStyle"],"sources":["Modal.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createBoolProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Modal\",\n tag: \"Modal\",\n description: \"A basic Modal Component\",\n category: COMPONENT_TYPES.container,\n props: {\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"none\",\n },\n transparent: createBoolProp({\n group: GROUPS.basic,\n label: \"Transparent\",\n description:\n \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n }),\n visible: createBoolProp({\n group: GROUPS.data,\n label: \"Visible\",\n description: \"Determines whether the modal is visible\",\n }),\n presentationStyle: {\n group: GROUPS.basic,\n label: \"Presentation Style\",\n description: \"Presentation Style\",\n options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n};\n"],"mappings":";;;;;;;AAAA;;
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","container","stylesPanelSections","StylesPanelSections","NoStyles","props","animationType","group","GROUPS","basic","label","options","editable","required","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","defaultValue","transparent","createBoolProp","visible","data","presentationStyle"],"sources":["Modal.ts"],"sourcesContent":["import {\n GROUPS,\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n createBoolProp,\n StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Modal\",\n tag: \"Modal\",\n description: \"A basic Modal Component\",\n category: COMPONENT_TYPES.container,\n stylesPanelSections: [StylesPanelSections.NoStyles],\n props: {\n animationType: {\n group: GROUPS.basic,\n label: \"Animation Type\",\n description: \"Animation Type\",\n options: [\"slide\", \"fade\", \"none\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: \"none\",\n },\n transparent: createBoolProp({\n group: GROUPS.basic,\n label: \"Transparent\",\n description:\n \"Determines whether the modal will fill the entire view. Setting this to true will render the modal over a transparent background\",\n }),\n visible: createBoolProp({\n group: GROUPS.data,\n label: \"Visible\",\n description: \"Determines whether the modal is visible\",\n }),\n presentationStyle: {\n group: GROUPS.basic,\n label: \"Presentation Style\",\n description: \"Presentation Style\",\n options: [\"fullScreen\", \"pageSheet\", \"formSheet\", \"overFullScreen\"],\n editable: true,\n required: false,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n defaultValue: null,\n },\n },\n};\n"],"mappings":";;;;;;;AAAA;;AASO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,OADiB;EAEvBC,GAAG,EAAE,OAFkB;EAGvBC,WAAW,EAAE,yBAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,SAJH;EAKvBC,mBAAmB,EAAE,CAACC,0BAAA,CAAoBC,QAArB,CALE;EAMvBC,KAAK,EAAE;IACLC,aAAa,EAAE;MACbC,KAAK,EAAEC,aAAA,CAAOC,KADD;MAEbC,KAAK,EAAE,gBAFM;MAGbZ,WAAW,EAAE,gBAHA;MAIba,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkB,MAAlB,CAJI;MAKbC,QAAQ,EAAE,IALG;MAMbC,QAAQ,EAAE,KANG;MAObC,QAAQ,EAAEC,iBAAA,CAAWC,SAPR;MAQbC,QAAQ,EAAEC,iBAAA,CAAWC,MARR;MASbC,YAAY,EAAE;IATD,CADV;IAYLC,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1Bf,KAAK,EAAEC,aAAA,CAAOC,KADY;MAE1BC,KAAK,EAAE,aAFmB;MAG1BZ,WAAW,EACT;IAJwB,CAAf,CAZR;IAkBLyB,OAAO,EAAE,IAAAD,qBAAA,EAAe;MACtBf,KAAK,EAAEC,aAAA,CAAOgB,IADQ;MAEtBd,KAAK,EAAE,SAFe;MAGtBZ,WAAW,EAAE;IAHS,CAAf,CAlBJ;IAuBL2B,iBAAiB,EAAE;MACjBlB,KAAK,EAAEC,aAAA,CAAOC,KADG;MAEjBC,KAAK,EAAE,oBAFU;MAGjBZ,WAAW,EAAE,oBAHI;MAIjBa,OAAO,EAAE,CAAC,YAAD,EAAe,WAAf,EAA4B,WAA5B,EAAyC,gBAAzC,CAJQ;MAKjBC,QAAQ,EAAE,IALO;MAMjBC,QAAQ,EAAE,KANO;MAOjBC,QAAQ,EAAEC,iBAAA,CAAWC,SAPJ;MAQjBC,QAAQ,EAAEC,iBAAA,CAAWC,MARJ;MASjBC,YAAY,EAAE;IATG;EAvBd;AANgB,CAAlB"}
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SEED_DATA_PROPS = exports.SEED_DATA = void 0;
|
|
7
|
+
|
|
8
|
+
var _types = require("@draftbit/types");
|
|
9
|
+
|
|
10
|
+
const NUMBER_INPUT_PROPS = {
|
|
11
|
+
allowFontScaling: {
|
|
12
|
+
group: _types.GROUPS.advanced,
|
|
13
|
+
label: "Allow Font Scaling",
|
|
14
|
+
description: "Whether fonts should scale to respect Text Size in the user's accessibility settings. (Default: true)",
|
|
15
|
+
editable: true,
|
|
16
|
+
required: false,
|
|
17
|
+
defaultValue: null,
|
|
18
|
+
formType: _types.FORM_TYPES.boolean,
|
|
19
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
20
|
+
},
|
|
21
|
+
autoFocus: {
|
|
22
|
+
group: _types.GROUPS.basic,
|
|
23
|
+
label: "Auto Focus",
|
|
24
|
+
description: "Focuses the input on load in and brings up the keyboard",
|
|
25
|
+
editable: true,
|
|
26
|
+
required: false,
|
|
27
|
+
defaultValue: null,
|
|
28
|
+
formType: _types.FORM_TYPES.boolean,
|
|
29
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
30
|
+
},
|
|
31
|
+
caretHidden: {
|
|
32
|
+
group: _types.GROUPS.advanced,
|
|
33
|
+
label: "Hide Caret",
|
|
34
|
+
description: "Hides the caret(the line small line underneath each showing where you're editing/typing",
|
|
35
|
+
editable: true,
|
|
36
|
+
required: false,
|
|
37
|
+
defaultValue: null,
|
|
38
|
+
formType: _types.FORM_TYPES.boolean,
|
|
39
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
40
|
+
},
|
|
41
|
+
contextMenuHidden: {
|
|
42
|
+
group: _types.GROUPS.advanced,
|
|
43
|
+
label: "Hide Context Menu",
|
|
44
|
+
description: "Hides the system context menu (Default: false)",
|
|
45
|
+
editable: true,
|
|
46
|
+
required: false,
|
|
47
|
+
defaultValue: null,
|
|
48
|
+
formType: _types.FORM_TYPES.boolean,
|
|
49
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
50
|
+
},
|
|
51
|
+
editable: {
|
|
52
|
+
group: _types.GROUPS.advanced,
|
|
53
|
+
label: "Editable",
|
|
54
|
+
description: "If false, the text is not editable",
|
|
55
|
+
editable: true,
|
|
56
|
+
required: false,
|
|
57
|
+
defaultValue: true,
|
|
58
|
+
formType: _types.FORM_TYPES.boolean,
|
|
59
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
60
|
+
},
|
|
61
|
+
keyboardAppearance: {
|
|
62
|
+
group: _types.GROUPS.advanced,
|
|
63
|
+
label: "Keyboard Appearance",
|
|
64
|
+
description: "Determines the color of the keyboard.(iOS Only)",
|
|
65
|
+
editable: true,
|
|
66
|
+
required: false,
|
|
67
|
+
defaultValue: null,
|
|
68
|
+
options: ["default", "light", "dark"],
|
|
69
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
70
|
+
propType: _types.PROP_TYPES.STRING
|
|
71
|
+
},
|
|
72
|
+
keyboardType: {
|
|
73
|
+
group: _types.GROUPS.advanced,
|
|
74
|
+
label: "Keyboard Type",
|
|
75
|
+
description: "Determines what keyboard is given to the user.",
|
|
76
|
+
editable: true,
|
|
77
|
+
required: false,
|
|
78
|
+
defaultValue: null,
|
|
79
|
+
options: ["numeric", "numbers-and-punctuation", "number-pad"],
|
|
80
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
81
|
+
propType: _types.PROP_TYPES.STRING
|
|
82
|
+
},
|
|
83
|
+
maxLength: {
|
|
84
|
+
group: _types.GROUPS.basic,
|
|
85
|
+
label: "Max Length",
|
|
86
|
+
description: "Limits the input to a set number of characters.",
|
|
87
|
+
editable: true,
|
|
88
|
+
required: false,
|
|
89
|
+
defaultValue: null,
|
|
90
|
+
min: 0,
|
|
91
|
+
step: 1,
|
|
92
|
+
precision: 0,
|
|
93
|
+
formType: _types.FORM_TYPES.number,
|
|
94
|
+
propType: _types.PROP_TYPES.NUMBER
|
|
95
|
+
},
|
|
96
|
+
placeholder: {
|
|
97
|
+
group: _types.GROUPS.basic,
|
|
98
|
+
label: "Placeholder Text",
|
|
99
|
+
description: "The text that is shown on load when no value is available.",
|
|
100
|
+
editable: true,
|
|
101
|
+
required: false,
|
|
102
|
+
defaultValue: "Enter a number...",
|
|
103
|
+
formType: _types.FORM_TYPES.string,
|
|
104
|
+
propType: _types.PROP_TYPES.STRING
|
|
105
|
+
},
|
|
106
|
+
placeholderTextColor: {
|
|
107
|
+
group: _types.GROUPS.basic,
|
|
108
|
+
label: "Placeholder Text Color",
|
|
109
|
+
description: "The color of the placeholder text.",
|
|
110
|
+
editable: true,
|
|
111
|
+
required: false,
|
|
112
|
+
defaultValue: null,
|
|
113
|
+
formType: _types.FORM_TYPES.color,
|
|
114
|
+
propType: _types.PROP_TYPES.STRING
|
|
115
|
+
},
|
|
116
|
+
returnKeyLabel: {
|
|
117
|
+
group: _types.GROUPS.advanced,
|
|
118
|
+
label: "Return Key Label",
|
|
119
|
+
description: "(Android Only) Sets the label on the return key (use this instead of rewturnKeyType)",
|
|
120
|
+
editable: true,
|
|
121
|
+
required: false,
|
|
122
|
+
defaultValue: null,
|
|
123
|
+
formType: _types.FORM_TYPES.string,
|
|
124
|
+
propType: _types.PROP_TYPES.STRING
|
|
125
|
+
},
|
|
126
|
+
returnKeyType: {
|
|
127
|
+
group: _types.GROUPS.advanced,
|
|
128
|
+
label: "Return Key Type",
|
|
129
|
+
description: "Determines how the return key should look like",
|
|
130
|
+
editable: true,
|
|
131
|
+
required: false,
|
|
132
|
+
defaultValue: null,
|
|
133
|
+
options: ["done", "go", "next", "search", "send", "none", "previous", "default", "emergency-call", "google", "join", "route", "yahoo"],
|
|
134
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
135
|
+
propType: _types.PROP_TYPES.STRING
|
|
136
|
+
},
|
|
137
|
+
selectionColor: {
|
|
138
|
+
group: _types.GROUPS.advanced,
|
|
139
|
+
label: "Selection Color",
|
|
140
|
+
description: "Color of the highlighted portion when selecting.",
|
|
141
|
+
editable: true,
|
|
142
|
+
required: false,
|
|
143
|
+
defaultValue: null,
|
|
144
|
+
formType: _types.FORM_TYPES.color,
|
|
145
|
+
propType: _types.PROP_TYPES.STRING
|
|
146
|
+
},
|
|
147
|
+
selectTextOnFocus: {
|
|
148
|
+
group: _types.GROUPS.advanced,
|
|
149
|
+
label: "Select Text on Focus",
|
|
150
|
+
description: "If true, all the text will automatically be selected on focus",
|
|
151
|
+
editable: true,
|
|
152
|
+
required: false,
|
|
153
|
+
defaultValue: null,
|
|
154
|
+
formType: _types.FORM_TYPES.boolean,
|
|
155
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
156
|
+
}
|
|
157
|
+
};
|
|
158
|
+
const SEED_DATA_PROPS = {
|
|
159
|
+
style: {
|
|
160
|
+
group: _types.GROUPS.basic,
|
|
161
|
+
label: "Style",
|
|
162
|
+
description: "Text Style",
|
|
163
|
+
editable: false,
|
|
164
|
+
required: false,
|
|
165
|
+
formType: _types.FORM_TYPES.typeStyle,
|
|
166
|
+
propType: _types.PROP_TYPES.THEME,
|
|
167
|
+
defaultValue: null
|
|
168
|
+
},
|
|
169
|
+
clearButtonMode: {
|
|
170
|
+
group: _types.GROUPS.basic,
|
|
171
|
+
label: "Clear Button Mode",
|
|
172
|
+
description: "Enables a button within the textInput to clear the data entered",
|
|
173
|
+
editable: true,
|
|
174
|
+
required: false,
|
|
175
|
+
options: ["never", "while-editing", "unless-editing", "always"],
|
|
176
|
+
defaultValue: null,
|
|
177
|
+
formType: _types.FORM_TYPES.flatArray,
|
|
178
|
+
propType: _types.PROP_TYPES.STRING
|
|
179
|
+
},
|
|
180
|
+
clearTextOnFocus: {
|
|
181
|
+
group: _types.GROUPS.basic,
|
|
182
|
+
label: "Clear Text on Focus",
|
|
183
|
+
description: "If true, clears the text field automatically when its focused.",
|
|
184
|
+
editable: true,
|
|
185
|
+
required: false,
|
|
186
|
+
defaultValue: null,
|
|
187
|
+
formType: _types.FORM_TYPES.boolean,
|
|
188
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
189
|
+
},
|
|
190
|
+
enablesReturnKeyAutomatically: {
|
|
191
|
+
group: _types.GROUPS.basic,
|
|
192
|
+
label: "Enables Return Key Automatically",
|
|
193
|
+
description: "If true, the keyboard disables the return key when there is no text and automatically enables it when there is (Default: false)",
|
|
194
|
+
editable: true,
|
|
195
|
+
required: false,
|
|
196
|
+
defaultValue: null,
|
|
197
|
+
formType: _types.FORM_TYPES.boolean,
|
|
198
|
+
propType: _types.PROP_TYPES.BOOLEAN
|
|
199
|
+
},
|
|
200
|
+
underlineColorAndroid: {
|
|
201
|
+
group: _types.GROUPS.basic,
|
|
202
|
+
label: "Underline color",
|
|
203
|
+
description: "(Android Only) The color of the underline(the line underneath the text when finished typing.",
|
|
204
|
+
editable: true,
|
|
205
|
+
required: false,
|
|
206
|
+
defaultValue: null,
|
|
207
|
+
formType: _types.FORM_TYPES.color,
|
|
208
|
+
propType: _types.PROP_TYPES.THEME
|
|
209
|
+
},
|
|
210
|
+
fieldName: { ..._types.FIELD_NAME,
|
|
211
|
+
defaultValue: "numberInputValue",
|
|
212
|
+
handlerPropName: "onChangeText"
|
|
213
|
+
}
|
|
214
|
+
};
|
|
215
|
+
exports.SEED_DATA_PROPS = SEED_DATA_PROPS;
|
|
216
|
+
const SEED_DATA = [{
|
|
217
|
+
name: "Number Input",
|
|
218
|
+
tag: "NumberInput",
|
|
219
|
+
description: "An input field that allows users to type in data.",
|
|
220
|
+
category: _types.COMPONENT_TYPES.input,
|
|
221
|
+
stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
222
|
+
preview_image_url: "https://res.cloudinary.com/altos/image/upload/draftbit/Jigsaw/TextInput.png",
|
|
223
|
+
supports_list_render: false,
|
|
224
|
+
layout: {
|
|
225
|
+
borderLeftWidth: 1,
|
|
226
|
+
borderRightWidth: 1,
|
|
227
|
+
borderTopWidth: 1,
|
|
228
|
+
borderBottomWidth: 1,
|
|
229
|
+
borderColor: "divider",
|
|
230
|
+
paddingLeft: 8,
|
|
231
|
+
paddingRight: 8,
|
|
232
|
+
paddingTop: 8,
|
|
233
|
+
paddingBottom: 8,
|
|
234
|
+
borderRadius: 8
|
|
235
|
+
},
|
|
236
|
+
triggers: [_types.Triggers.OnChangeText],
|
|
237
|
+
props: { ...SEED_DATA_PROPS,
|
|
238
|
+
...NUMBER_INPUT_PROPS
|
|
239
|
+
}
|
|
240
|
+
}];
|
|
241
|
+
exports.SEED_DATA = SEED_DATA;
|
|
242
|
+
//# sourceMappingURL=NumberInput.js.map
|