@draftbit/core 46.4.4-c96c31.2 → 46.4.4-ca1193.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/AnimatedCircularProgress.js +2 -12
- package/lib/commonjs/components/CardContainer.js +5 -15
- package/lib/commonjs/components/CardContainerRating.js +5 -15
- package/lib/commonjs/components/CardContainerShortImage.js +5 -17
- package/lib/commonjs/components/Carousel.js +2 -2
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +6 -24
- package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -24
- package/lib/commonjs/components/CircularProgress.js +7 -15
- package/lib/commonjs/components/DatePicker/DatePicker.js +8 -18
- package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -17
- package/lib/commonjs/components/Elevation.js +3 -15
- package/lib/commonjs/components/Picker/PickerComponent.android.js +5 -24
- package/lib/commonjs/components/Picker/PickerComponent.web.js +5 -24
- package/lib/commonjs/components/ProgressBar.js +7 -23
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +6 -24
- package/lib/commonjs/components/ScreenContainer.js +5 -23
- package/lib/commonjs/components/StepIndicator.js +16 -34
- package/lib/commonjs/components/Stepper.js +1 -2
- package/lib/commonjs/components/Text.js +10 -40
- package/lib/commonjs/components/TextField.js +30 -63
- package/lib/commonjs/mappings/AudioPlayer.js +32 -2
- package/lib/commonjs/mappings/DatePicker.js +0 -13
- package/lib/commonjs/mappings/DatePickerInput.js +91 -0
- package/lib/commonjs/mappings/StarRating.js +2 -6
- package/lib/commonjs/mappings/TextArea.js +14 -3
- package/lib/commonjs/mappings/TextField.js +14 -4
- package/lib/commonjs/mappings/TextInput.js +14 -3
- package/lib/module/components/Accordion/AccordionItem.js +5 -26
- package/lib/module/components/Banner.js +4 -24
- package/lib/module/components/Button.js +11 -32
- package/lib/module/components/CardBlock.js +5 -15
- package/lib/module/components/Carousel.js +12 -36
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +6 -24
- package/lib/module/components/Checkbox/CheckboxRow.js +6 -24
- package/lib/module/components/Checkbox/context.js +1 -1
- package/lib/module/components/CircularProgress.js +7 -15
- package/lib/module/components/DatePicker/DatePicker.js +16 -42
- package/lib/module/components/DeprecatedFAB.js +4 -22
- package/lib/module/components/Image.js +3 -18
- package/lib/module/components/Layout.js +21 -43
- package/lib/module/components/Picker/Picker.js +6 -13
- package/lib/module/components/Portal/PortalConsumer.js +8 -8
- package/lib/module/components/Portal/PortalHost.js +15 -26
- package/lib/module/components/RadioButton/RadioButton.js +2 -15
- package/lib/module/components/RadioButton/RadioButtonGroup.js +3 -17
- package/lib/module/components/RadioButton/RadioButtonRow.js +6 -24
- package/lib/module/components/RadioButton/context.js +1 -1
- package/lib/module/components/Stepper.js +1 -2
- package/lib/module/components/Surface.js +2 -16
- package/lib/module/components/Switch.js +10 -23
- package/lib/module/components/TextField.js +30 -62
- package/lib/module/mappings/AudioPlayer.js +33 -3
- package/lib/module/mappings/DatePicker.js +1 -14
- package/lib/module/mappings/DatePickerInput.js +82 -0
- package/lib/module/mappings/FieldSearchBarFull.js +1 -4
- package/lib/module/mappings/StarRating.js +2 -7
- package/lib/module/mappings/TextArea.js +15 -4
- package/lib/module/mappings/TextField.js +14 -4
- package/lib/module/mappings/TextInput.js +15 -4
- package/lib/typescript/src/Provider.d.ts +1 -0
- package/lib/typescript/src/Provider.d.ts.map +1 -0
- package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts +1 -0
- package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts.map +1 -0
- package/lib/typescript/src/components/Accordion/AccordionItem.d.ts +1 -0
- package/lib/typescript/src/components/Accordion/AccordionItem.d.ts.map +1 -0
- package/lib/typescript/src/components/Accordion/index.d.ts +1 -0
- package/lib/typescript/src/components/Accordion/index.d.ts.map +1 -0
- package/lib/typescript/src/components/ActionSheet/ActionSheet.d.ts +1 -0
- package/lib/typescript/src/components/ActionSheet/ActionSheet.d.ts.map +1 -0
- package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts +1 -0
- package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts.map +1 -0
- package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts +1 -0
- package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts.map +1 -0
- package/lib/typescript/src/components/ActionSheet/index.d.ts +1 -0
- package/lib/typescript/src/components/ActionSheet/index.d.ts.map +1 -0
- package/lib/typescript/src/components/AnimatedCircularProgress.d.ts +1 -0
- package/lib/typescript/src/components/AnimatedCircularProgress.d.ts.map +1 -0
- package/lib/typescript/src/components/AspectRatio.d.ts +1 -0
- package/lib/typescript/src/components/AspectRatio.d.ts.map +1 -0
- package/lib/typescript/src/components/AvatarEdit.d.ts +1 -0
- package/lib/typescript/src/components/AvatarEdit.d.ts.map +1 -0
- package/lib/typescript/src/components/Banner.d.ts +1 -0
- package/lib/typescript/src/components/Banner.d.ts.map +1 -0
- package/lib/typescript/src/components/Button.d.ts +1 -0
- package/lib/typescript/src/components/Button.d.ts.map +1 -0
- package/lib/typescript/src/components/Card.d.ts +1 -0
- package/lib/typescript/src/components/Card.d.ts.map +1 -0
- package/lib/typescript/src/components/CardBlock.d.ts +1 -0
- package/lib/typescript/src/components/CardBlock.d.ts.map +1 -0
- package/lib/typescript/src/components/CardContainer.d.ts +1 -0
- package/lib/typescript/src/components/CardContainer.d.ts.map +1 -0
- package/lib/typescript/src/components/CardContainerRating.d.ts +1 -0
- package/lib/typescript/src/components/CardContainerRating.d.ts.map +1 -0
- package/lib/typescript/src/components/CardContainerShortImage.d.ts +1 -0
- package/lib/typescript/src/components/CardContainerShortImage.d.ts.map +1 -0
- package/lib/typescript/src/components/CardInline.d.ts +1 -0
- package/lib/typescript/src/components/CardInline.d.ts.map +1 -0
- package/lib/typescript/src/components/Carousel.d.ts +1 -0
- package/lib/typescript/src/components/Carousel.d.ts.map +1 -0
- package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +1 -0
- package/lib/typescript/src/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/lib/typescript/src/components/Checkbox/CheckboxGroup.d.ts +1 -0
- package/lib/typescript/src/components/Checkbox/CheckboxGroup.d.ts.map +1 -0
- package/lib/typescript/src/components/Checkbox/CheckboxGroupRow.d.ts +1 -0
- package/lib/typescript/src/components/Checkbox/CheckboxGroupRow.d.ts.map +1 -0
- package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts +1 -0
- package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts.map +1 -0
- package/lib/typescript/src/components/Checkbox/context.d.ts +1 -0
- package/lib/typescript/src/components/Checkbox/context.d.ts.map +1 -0
- package/lib/typescript/src/components/Checkbox/index.d.ts +1 -0
- package/lib/typescript/src/components/Checkbox/index.d.ts.map +1 -0
- package/lib/typescript/src/components/CircleImage.d.ts +1 -0
- package/lib/typescript/src/components/CircleImage.d.ts.map +1 -0
- package/lib/typescript/src/components/CircularProgress.d.ts +1 -0
- package/lib/typescript/src/components/CircularProgress.d.ts.map +1 -0
- package/lib/typescript/src/components/Config.d.ts +1 -0
- package/lib/typescript/src/components/Config.d.ts.map +1 -0
- package/lib/typescript/src/components/Container.d.ts +1 -0
- package/lib/typescript/src/components/Container.d.ts.map +1 -0
- package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +1 -4
- package/lib/typescript/src/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts +1 -0
- package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts.map +1 -0
- package/lib/typescript/src/components/DatePicker/DatePickerComponent.web.d.ts +1 -0
- package/lib/typescript/src/components/DatePicker/DatePickerComponent.web.d.ts.map +1 -0
- package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts +1 -0
- package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts.map +1 -0
- package/lib/typescript/src/components/DeprecatedButton.d.ts +1 -0
- package/lib/typescript/src/components/DeprecatedButton.d.ts.map +1 -0
- package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts +1 -0
- package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +1 -0
- package/lib/typescript/src/components/DeprecatedFAB.d.ts +1 -0
- package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +1 -0
- package/lib/typescript/src/components/Divider.d.ts +1 -0
- package/lib/typescript/src/components/Divider.d.ts.map +1 -0
- package/lib/typescript/src/components/Elevation.d.ts +1 -0
- package/lib/typescript/src/components/Elevation.d.ts.map +1 -0
- package/lib/typescript/src/components/FAB.d.ts +1 -0
- package/lib/typescript/src/components/FAB.d.ts.map +1 -0
- package/lib/typescript/src/components/FieldSearchBarFull.d.ts +1 -0
- package/lib/typescript/src/components/FieldSearchBarFull.d.ts.map +1 -0
- package/lib/typescript/src/components/FormRow.d.ts +1 -0
- package/lib/typescript/src/components/FormRow.d.ts.map +1 -0
- package/lib/typescript/src/components/Header.d.ts +1 -0
- package/lib/typescript/src/components/Header.d.ts.map +1 -0
- package/lib/typescript/src/components/HeaderLarge.d.ts +1 -0
- package/lib/typescript/src/components/HeaderLarge.d.ts.map +1 -0
- package/lib/typescript/src/components/HeaderMedium.d.ts +1 -0
- package/lib/typescript/src/components/HeaderMedium.d.ts.map +1 -0
- package/lib/typescript/src/components/HeaderOverline.d.ts +1 -0
- package/lib/typescript/src/components/HeaderOverline.d.ts.map +1 -0
- package/lib/typescript/src/components/IconButton.d.ts +1 -0
- package/lib/typescript/src/components/IconButton.d.ts.map +1 -0
- package/lib/typescript/src/components/Image.d.ts +1 -0
- package/lib/typescript/src/components/Image.d.ts.map +1 -0
- package/lib/typescript/src/components/Justification.d.ts +1 -0
- package/lib/typescript/src/components/Justification.d.ts.map +1 -0
- package/lib/typescript/src/components/Layout.d.ts +1 -0
- package/lib/typescript/src/components/Layout.d.ts.map +1 -0
- package/lib/typescript/src/components/NumberInput.d.ts +1 -0
- package/lib/typescript/src/components/NumberInput.d.ts.map +1 -0
- package/lib/typescript/src/components/Picker/Picker.d.ts +1 -0
- package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.android.d.ts.map +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.ios.d.ts.map +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts +1 -0
- package/lib/typescript/src/components/Picker/PickerComponent.web.d.ts.map +1 -0
- package/lib/typescript/src/components/Picker/PickerTypes.d.ts +1 -0
- package/lib/typescript/src/components/Picker/PickerTypes.d.ts.map +1 -0
- package/lib/typescript/src/components/Portal/Portal.d.ts +1 -0
- package/lib/typescript/src/components/Portal/Portal.d.ts.map +1 -0
- package/lib/typescript/src/components/Portal/PortalConsumer.d.ts +1 -0
- package/lib/typescript/src/components/Portal/PortalConsumer.d.ts.map +1 -0
- package/lib/typescript/src/components/Portal/PortalHost.d.ts +1 -0
- package/lib/typescript/src/components/Portal/PortalHost.d.ts.map +1 -0
- package/lib/typescript/src/components/Portal/PortalManager.d.ts +1 -0
- package/lib/typescript/src/components/Portal/PortalManager.d.ts.map +1 -0
- package/lib/typescript/src/components/ProgressBar.d.ts +1 -0
- package/lib/typescript/src/components/ProgressBar.d.ts.map +1 -0
- package/lib/typescript/src/components/ProgressCircle.d.ts +1 -0
- package/lib/typescript/src/components/ProgressCircle.d.ts.map +1 -0
- package/lib/typescript/src/components/ProgressIndicator.d.ts +1 -0
- package/lib/typescript/src/components/ProgressIndicator.d.ts.map +1 -0
- package/lib/typescript/src/components/RadioButton/RadioButton.d.ts +1 -0
- package/lib/typescript/src/components/RadioButton/RadioButton.d.ts.map +1 -0
- package/lib/typescript/src/components/RadioButton/RadioButtonFieldGroup.d.ts +1 -0
- package/lib/typescript/src/components/RadioButton/RadioButtonFieldGroup.d.ts.map +1 -0
- package/lib/typescript/src/components/RadioButton/RadioButtonGroup.d.ts +1 -0
- package/lib/typescript/src/components/RadioButton/RadioButtonGroup.d.ts.map +1 -0
- package/lib/typescript/src/components/RadioButton/RadioButtonRow.d.ts +1 -0
- package/lib/typescript/src/components/RadioButton/RadioButtonRow.d.ts.map +1 -0
- package/lib/typescript/src/components/RadioButton/context.d.ts +1 -0
- package/lib/typescript/src/components/RadioButton/context.d.ts.map +1 -0
- package/lib/typescript/src/components/RadioButton/index.d.ts +1 -0
- package/lib/typescript/src/components/RadioButton/index.d.ts.map +1 -0
- package/lib/typescript/src/components/ResizeMode.d.ts +1 -0
- package/lib/typescript/src/components/ResizeMode.d.ts.map +1 -0
- package/lib/typescript/src/components/Row.d.ts +1 -0
- package/lib/typescript/src/components/Row.d.ts.map +1 -0
- package/lib/typescript/src/components/RowBodyIcon.d.ts +1 -0
- package/lib/typescript/src/components/RowBodyIcon.d.ts.map +1 -0
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +1 -0
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +1 -0
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +1 -0
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +1 -0
- package/lib/typescript/src/components/SVG.d.ts +1 -0
- package/lib/typescript/src/components/SVG.d.ts.map +1 -0
- package/lib/typescript/src/components/ScreenContainer.d.ts +1 -0
- package/lib/typescript/src/components/ScreenContainer.d.ts.map +1 -0
- package/lib/typescript/src/components/Slider.d.ts +1 -0
- package/lib/typescript/src/components/Slider.d.ts.map +1 -0
- package/lib/typescript/src/components/StarRating.d.ts +1 -0
- package/lib/typescript/src/components/StarRating.d.ts.map +1 -0
- package/lib/typescript/src/components/StepIndicator.d.ts +1 -0
- package/lib/typescript/src/components/StepIndicator.d.ts.map +1 -0
- package/lib/typescript/src/components/Stepper.d.ts +1 -0
- package/lib/typescript/src/components/Stepper.d.ts.map +1 -0
- package/lib/typescript/src/components/Surface.d.ts +1 -0
- package/lib/typescript/src/components/Surface.d.ts.map +1 -0
- package/lib/typescript/src/components/Swiper/Swiper.d.ts +1 -0
- package/lib/typescript/src/components/Swiper/Swiper.d.ts.map +1 -0
- package/lib/typescript/src/components/Swiper/SwiperItem.d.ts +1 -0
- package/lib/typescript/src/components/Swiper/SwiperItem.d.ts.map +1 -0
- package/lib/typescript/src/components/Swiper/index.d.ts +1 -0
- package/lib/typescript/src/components/Swiper/index.d.ts.map +1 -0
- package/lib/typescript/src/components/Switch.d.ts +1 -0
- package/lib/typescript/src/components/Switch.d.ts.map +1 -0
- package/lib/typescript/src/components/Text.d.ts +1 -0
- package/lib/typescript/src/components/Text.d.ts.map +1 -0
- package/lib/typescript/src/components/TextField.d.ts +1 -0
- package/lib/typescript/src/components/TextField.d.ts.map +1 -0
- package/lib/typescript/src/components/ToggleButton.d.ts +1 -0
- package/lib/typescript/src/components/ToggleButton.d.ts.map +1 -0
- package/lib/typescript/src/components/Touchable.d.ts +1 -0
- package/lib/typescript/src/components/Touchable.d.ts.map +1 -0
- package/lib/typescript/src/components/Touchable.web.d.ts +1 -0
- package/lib/typescript/src/components/Touchable.web.d.ts.map +1 -0
- package/lib/typescript/src/components/Typography.d.ts +1 -0
- package/lib/typescript/src/components/Typography.d.ts.map +1 -0
- package/lib/typescript/src/components/useAuthState.d.ts +1 -0
- package/lib/typescript/src/components/useAuthState.d.ts.map +1 -0
- package/lib/typescript/src/constants.d.ts +1 -0
- package/lib/typescript/src/constants.d.ts.map +1 -0
- package/lib/typescript/src/hooks.d.ts +1 -0
- package/lib/typescript/src/hooks.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/interfaces/Icon.d.ts +1 -0
- package/lib/typescript/src/interfaces/Icon.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Accordion.d.ts +1 -0
- package/lib/typescript/src/mappings/Accordion.d.ts.map +1 -0
- package/lib/typescript/src/mappings/AccordionItem.d.ts +1 -0
- package/lib/typescript/src/mappings/AccordionItem.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ActionSheet.d.ts +1 -0
- package/lib/typescript/src/mappings/ActionSheet.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ActionSheetCancel.d.ts +1 -0
- package/lib/typescript/src/mappings/ActionSheetCancel.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ActionSheetItem.d.ts +1 -0
- package/lib/typescript/src/mappings/ActionSheetItem.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ActivityIndicator.d.ts +1 -0
- package/lib/typescript/src/mappings/ActivityIndicator.d.ts.map +1 -0
- package/lib/typescript/src/mappings/AudioPlayer.d.ts +63 -1
- package/lib/typescript/src/mappings/AudioPlayer.d.ts.map +1 -0
- package/lib/typescript/src/mappings/AvatarEdit.d.ts +1 -0
- package/lib/typescript/src/mappings/AvatarEdit.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Banner.d.ts +1 -0
- package/lib/typescript/src/mappings/Banner.d.ts.map +1 -0
- package/lib/typescript/src/mappings/BlurView.d.ts +1 -0
- package/lib/typescript/src/mappings/BlurView.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Button.d.ts +1 -0
- package/lib/typescript/src/mappings/Button.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Card.d.ts +1 -0
- package/lib/typescript/src/mappings/Card.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CardBlock.d.ts +1 -0
- package/lib/typescript/src/mappings/CardBlock.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CardContainer.d.ts +1 -0
- package/lib/typescript/src/mappings/CardContainer.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CardContainerRating.d.ts +1 -0
- package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +1 -0
- package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CardInline.d.ts +1 -0
- package/lib/typescript/src/mappings/CardInline.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Carousel.d.ts +1 -0
- package/lib/typescript/src/mappings/Carousel.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Checkbox.d.ts +1 -0
- package/lib/typescript/src/mappings/Checkbox.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CheckboxGroup.d.ts +1 -0
- package/lib/typescript/src/mappings/CheckboxGroup.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CheckboxRow.d.ts +1 -0
- package/lib/typescript/src/mappings/CheckboxRow.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CircleImage.d.ts +1 -0
- package/lib/typescript/src/mappings/CircleImage.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Container.d.ts +1 -0
- package/lib/typescript/src/mappings/Container.d.ts.map +1 -0
- package/lib/typescript/src/mappings/CustomCode.d.ts +1 -0
- package/lib/typescript/src/mappings/CustomCode.d.ts.map +1 -0
- package/lib/typescript/src/mappings/DatePicker.d.ts +1 -42
- package/lib/typescript/src/mappings/DatePicker.d.ts.map +1 -0
- package/lib/typescript/src/mappings/DatePickerInput.d.ts +87 -0
- package/lib/typescript/src/mappings/DatePickerInput.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Divider.d.ts +1 -0
- package/lib/typescript/src/mappings/Divider.d.ts.map +1 -0
- package/lib/typescript/src/mappings/FAB.d.ts +1 -0
- package/lib/typescript/src/mappings/FAB.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Fetch.d.ts +1 -0
- package/lib/typescript/src/mappings/Fetch.d.ts.map +1 -0
- package/lib/typescript/src/mappings/FieldSearchBarFull.d.ts +1 -0
- package/lib/typescript/src/mappings/FieldSearchBarFull.d.ts.map +1 -0
- package/lib/typescript/src/mappings/FlashList.d.ts +1 -0
- package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -0
- package/lib/typescript/src/mappings/FlatList.d.ts +1 -0
- package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -0
- package/lib/typescript/src/mappings/HeaderLarge.d.ts +1 -0
- package/lib/typescript/src/mappings/HeaderLarge.d.ts.map +1 -0
- package/lib/typescript/src/mappings/HeaderMedium.d.ts +1 -0
- package/lib/typescript/src/mappings/HeaderMedium.d.ts.map +1 -0
- package/lib/typescript/src/mappings/HeaderOverline.d.ts +1 -0
- package/lib/typescript/src/mappings/HeaderOverline.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Icon.d.ts +1 -0
- package/lib/typescript/src/mappings/Icon.d.ts.map +1 -0
- package/lib/typescript/src/mappings/IconButton.d.ts +1 -0
- package/lib/typescript/src/mappings/IconButton.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Image.d.ts +1 -0
- package/lib/typescript/src/mappings/Image.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ImageBackground.d.ts +1 -0
- package/lib/typescript/src/mappings/ImageBackground.d.ts.map +1 -0
- package/lib/typescript/src/mappings/KeyboardAvoidingView.d.ts +1 -0
- package/lib/typescript/src/mappings/KeyboardAvoidingView.d.ts.map +1 -0
- package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts +1 -0
- package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Layout.d.ts +1 -0
- package/lib/typescript/src/mappings/Layout.d.ts.map +1 -0
- package/lib/typescript/src/mappings/LinearGradient.d.ts +1 -0
- package/lib/typescript/src/mappings/LinearGradient.d.ts.map +1 -0
- package/lib/typescript/src/mappings/MapCallout.d.ts +1 -0
- package/lib/typescript/src/mappings/MapCallout.d.ts.map +1 -0
- package/lib/typescript/src/mappings/MapMarker.d.ts +1 -0
- package/lib/typescript/src/mappings/MapMarker.d.ts.map +1 -0
- package/lib/typescript/src/mappings/MapView.d.ts +1 -0
- package/lib/typescript/src/mappings/MapView.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Modal.d.ts +1 -0
- package/lib/typescript/src/mappings/Modal.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NumberInput.d.ts +1 -0
- package/lib/typescript/src/mappings/NumberInput.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Picker.d.ts +1 -0
- package/lib/typescript/src/mappings/Picker.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ProgressBar.d.ts +1 -0
- package/lib/typescript/src/mappings/ProgressBar.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ProgressCircle.d.ts +1 -0
- package/lib/typescript/src/mappings/ProgressCircle.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ProgressIndicator.d.ts +1 -0
- package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +1 -0
- package/lib/typescript/src/mappings/RadioButton.d.ts +1 -0
- package/lib/typescript/src/mappings/RadioButton.d.ts.map +1 -0
- package/lib/typescript/src/mappings/RadioButtonGroup.d.ts +1 -0
- package/lib/typescript/src/mappings/RadioButtonGroup.d.ts.map +1 -0
- package/lib/typescript/src/mappings/RadioButtonRow.d.ts +1 -0
- package/lib/typescript/src/mappings/RadioButtonRow.d.ts.map +1 -0
- package/lib/typescript/src/mappings/RowBodyIcon.d.ts +1 -0
- package/lib/typescript/src/mappings/RowBodyIcon.d.ts.map +1 -0
- package/lib/typescript/src/mappings/RowHeadlineImageCaption.d.ts +1 -0
- package/lib/typescript/src/mappings/RowHeadlineImageCaption.d.ts.map +1 -0
- package/lib/typescript/src/mappings/RowHeadlineImageIcon.d.ts +1 -0
- package/lib/typescript/src/mappings/RowHeadlineImageIcon.d.ts.map +1 -0
- package/lib/typescript/src/mappings/SVG.d.ts +1 -0
- package/lib/typescript/src/mappings/SVG.d.ts.map +1 -0
- package/lib/typescript/src/mappings/SafeAreaView.d.ts +1 -0
- package/lib/typescript/src/mappings/SafeAreaView.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ScrollView.d.ts +1 -0
- package/lib/typescript/src/mappings/ScrollView.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Slider.d.ts +1 -0
- package/lib/typescript/src/mappings/Slider.d.ts.map +1 -0
- package/lib/typescript/src/mappings/StarRating.d.ts +1 -0
- package/lib/typescript/src/mappings/StarRating.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Stepper.d.ts +1 -0
- package/lib/typescript/src/mappings/Stepper.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Surface.d.ts +1 -0
- package/lib/typescript/src/mappings/Surface.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Swiper.d.ts +1 -0
- package/lib/typescript/src/mappings/Swiper.d.ts.map +1 -0
- package/lib/typescript/src/mappings/SwiperItem.d.ts +1 -0
- package/lib/typescript/src/mappings/SwiperItem.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Switch.d.ts +1 -0
- package/lib/typescript/src/mappings/Switch.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Text.d.ts +1 -0
- package/lib/typescript/src/mappings/Text.d.ts.map +1 -0
- package/lib/typescript/src/mappings/TextArea.d.ts +22 -1
- package/lib/typescript/src/mappings/TextArea.d.ts.map +1 -0
- package/lib/typescript/src/mappings/TextField.d.ts +23 -2
- package/lib/typescript/src/mappings/TextField.d.ts.map +1 -0
- package/lib/typescript/src/mappings/TextInput.d.ts +22 -1
- package/lib/typescript/src/mappings/TextInput.d.ts.map +1 -0
- package/lib/typescript/src/mappings/ToggleButton.d.ts +1 -0
- package/lib/typescript/src/mappings/ToggleButton.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Touchable.d.ts +1 -0
- package/lib/typescript/src/mappings/Touchable.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Video.d.ts +1 -0
- package/lib/typescript/src/mappings/Video.d.ts.map +1 -0
- package/lib/typescript/src/mappings/View.d.ts +1 -0
- package/lib/typescript/src/mappings/View.d.ts.map +1 -0
- package/lib/typescript/src/mappings/WebView.d.ts +1 -0
- package/lib/typescript/src/mappings/WebView.d.ts.map +1 -0
- package/lib/typescript/src/styles/DarkTheme.d.ts +1 -0
- package/lib/typescript/src/styles/DarkTheme.d.ts.map +1 -0
- package/lib/typescript/src/styles/DefaultTheme.d.ts +1 -0
- package/lib/typescript/src/styles/DefaultTheme.d.ts.map +1 -0
- package/lib/typescript/src/styles/fonts.d.ts +1 -0
- package/lib/typescript/src/styles/fonts.d.ts.map +1 -0
- package/lib/typescript/src/styles/overlay.d.ts +1 -0
- package/lib/typescript/src/styles/overlay.d.ts.map +1 -0
- package/lib/typescript/src/styles/shadow.d.ts +1 -0
- package/lib/typescript/src/styles/shadow.d.ts.map +1 -0
- package/lib/typescript/src/theming.d.ts +1 -0
- package/lib/typescript/src/theming.d.ts.map +1 -0
- package/lib/typescript/src/utilities.d.ts +1 -0
- package/lib/typescript/src/utilities.d.ts.map +1 -0
- package/package.json +15 -5
- package/src/components/Carousel.js +2 -2
- package/src/components/Carousel.tsx +2 -2
- package/src/components/DatePicker/DatePicker.js +8 -14
- package/src/components/DatePicker/DatePicker.tsx +7 -23
- package/src/components/Stepper.js +0 -1
- package/src/components/Stepper.tsx +1 -1
- package/src/mappings/AudioPlayer.js +39 -2
- package/src/mappings/AudioPlayer.ts +41 -1
- package/src/mappings/DatePicker.js +1 -21
- package/src/mappings/DatePicker.ts +0 -23
- package/src/mappings/DatePickerInput.js +93 -0
- package/src/mappings/DatePickerInput.ts +104 -0
- package/src/mappings/TextArea.js +15 -4
- package/src/mappings/TextArea.ts +15 -3
- package/src/mappings/TextField.js +14 -4
- package/src/mappings/TextField.ts +14 -4
- package/src/mappings/TextInput.js +15 -4
- package/src/mappings/TextInput.ts +15 -3
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
|
|
2
4
|
import * as React from "react";
|
|
3
5
|
import { Animated, StyleSheet } from "react-native";
|
|
@@ -36,22 +38,6 @@ const Surface = _ref => {
|
|
|
36
38
|
}
|
|
37
39
|
};
|
|
38
40
|
|
|
39
|
-
return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
|
|
40
|
-
style: [{
|
|
41
|
-
backgroundColor: getBackgroundColor(),
|
|
42
|
-
elevation,
|
|
43
|
-
...evalationStyles,
|
|
44
|
-
...restStyle
|
|
45
|
-
}]
|
|
46
|
-
}, children);
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export default withTheme(Surface); overlay(elevation, colors.surface);
|
|
50
|
-
} else {
|
|
51
|
-
return colors.surface;
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
|
|
55
41
|
return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
|
|
56
42
|
style: [{
|
|
57
43
|
backgroundColor: getBackgroundColor(),
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
1
3
|
import * as React from "react";
|
|
2
4
|
import { Switch as NativeSwitch } from "react-native";
|
|
3
5
|
import { withTheme } from "../theming";
|
|
@@ -37,24 +39,23 @@ function Switch(_ref) {
|
|
|
37
39
|
setChecked(Boolean(defaultValue));
|
|
38
40
|
}
|
|
39
41
|
}, [defaultValue, previousDefaultValue]);
|
|
40
|
-
return /*#__PURE__*/React.createElement(NativeSwitch, {
|
|
42
|
+
return /*#__PURE__*/React.createElement(NativeSwitch, _extends({
|
|
41
43
|
value: checked,
|
|
42
44
|
disabled: disabled,
|
|
43
45
|
trackColor: {
|
|
44
46
|
false: inactiveTrackThemeColor,
|
|
45
47
|
true: activeTrackThemeColor
|
|
46
48
|
},
|
|
47
|
-
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor
|
|
48
|
-
|
|
49
|
+
thumbColor: value ? activeThumbThemeColor : inactiveThumbThemeColor // @ts-ignore react-native-web only
|
|
50
|
+
,
|
|
49
51
|
activeThumbColor: activeThumbThemeColor,
|
|
50
52
|
ios_backgroundColor: inactiveTrackThemeColor,
|
|
51
53
|
style: style,
|
|
52
54
|
onValueChange: bool => {
|
|
53
55
|
setChecked(bool);
|
|
54
56
|
onValueChange && onValueChange(bool);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
});
|
|
57
|
+
}
|
|
58
|
+
}, rest));
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
function Row(_ref2) {
|
|
@@ -84,7 +85,7 @@ function Row(_ref2) {
|
|
|
84
85
|
setChecked(defaultValue);
|
|
85
86
|
}
|
|
86
87
|
}, [defaultValue]);
|
|
87
|
-
return /*#__PURE__*/React.createElement(FormRow, {
|
|
88
|
+
return /*#__PURE__*/React.createElement(FormRow, _extends({
|
|
88
89
|
disabled: disabled,
|
|
89
90
|
onPress: () => {
|
|
90
91
|
setChecked(!checked);
|
|
@@ -92,9 +93,8 @@ function Row(_ref2) {
|
|
|
92
93
|
},
|
|
93
94
|
label: label,
|
|
94
95
|
direction: direction,
|
|
95
|
-
style: style
|
|
96
|
-
|
|
97
|
-
}, /*#__PURE__*/React.createElement(Switch, {
|
|
96
|
+
style: style
|
|
97
|
+
}, rest), /*#__PURE__*/React.createElement(Switch, {
|
|
98
98
|
theme: theme,
|
|
99
99
|
value: checked,
|
|
100
100
|
disabled: disabled,
|
|
@@ -106,19 +106,6 @@ function Row(_ref2) {
|
|
|
106
106
|
}));
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
const SwitchRow = withTheme(Row);
|
|
110
|
-
export { SwitchRow };
|
|
111
|
-
export default withTheme(Switch);me,
|
|
112
|
-
value: checked,
|
|
113
|
-
disabled: disabled,
|
|
114
|
-
onValueChange: onValueChange,
|
|
115
|
-
activeTrackColor: activeTrackColor,
|
|
116
|
-
inactiveTrackColor: inactiveTrackColor,
|
|
117
|
-
activeThumbColor: activeThumbColor,
|
|
118
|
-
inactiveThumbColor: inactiveThumbColor
|
|
119
|
-
}));
|
|
120
|
-
}
|
|
121
|
-
|
|
122
109
|
const SwitchRow = withTheme(Row);
|
|
123
110
|
export { SwitchRow };
|
|
124
111
|
export default withTheme(Switch);
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
|
+
|
|
1
5
|
import * as React from "react";
|
|
2
6
|
import { View, Animated, TextInput as NativeTextInput, StyleSheet, Text, I18nManager } from "react-native";
|
|
3
7
|
import { withTheme } from "../theming";
|
|
@@ -10,7 +14,8 @@ const ICON_SIZE = 24;
|
|
|
10
14
|
class TextField extends React.Component {
|
|
11
15
|
constructor() {
|
|
12
16
|
super(...arguments);
|
|
13
|
-
|
|
17
|
+
|
|
18
|
+
_defineProperty(this, "state", {
|
|
14
19
|
nativeProps: {},
|
|
15
20
|
labeled: new Animated.Value(this.props.value || this.props.error ? 0 : 1),
|
|
16
21
|
focused: false,
|
|
@@ -19,35 +24,36 @@ class TextField extends React.Component {
|
|
|
19
24
|
measured: false,
|
|
20
25
|
width: 0
|
|
21
26
|
}
|
|
22
|
-
};
|
|
23
|
-
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
_defineProperty(this, "_timer", setTimeout(() => {}, 0));
|
|
24
30
|
|
|
25
|
-
this
|
|
31
|
+
_defineProperty(this, "_showPlaceholder", () => {
|
|
26
32
|
clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
|
|
27
33
|
// If we show it immediately, they'll overlap and look ugly
|
|
28
34
|
|
|
29
35
|
this._timer = setTimeout(() => this.setState({
|
|
30
36
|
placeholder: this.props.placeholder
|
|
31
37
|
}), 50);
|
|
32
|
-
};
|
|
38
|
+
});
|
|
33
39
|
|
|
34
|
-
this
|
|
40
|
+
_defineProperty(this, "_hidePlaceholder", () => this.setState({
|
|
35
41
|
placeholder: ""
|
|
36
|
-
});
|
|
42
|
+
}));
|
|
37
43
|
|
|
38
|
-
this
|
|
44
|
+
_defineProperty(this, "_restoreLabel", () => Animated.timing(this.state.labeled, {
|
|
39
45
|
toValue: 1,
|
|
40
46
|
duration: FOCUS_ANIMATION_DURATION,
|
|
41
47
|
useNativeDriver: true
|
|
42
|
-
}).start();
|
|
48
|
+
}).start());
|
|
43
49
|
|
|
44
|
-
this
|
|
50
|
+
_defineProperty(this, "_minmizeLabel", () => Animated.timing(this.state.labeled, {
|
|
45
51
|
toValue: 0,
|
|
46
52
|
duration: BLUR_ANIMATION_DURATION,
|
|
47
53
|
useNativeDriver: true
|
|
48
|
-
}).start();
|
|
54
|
+
}).start());
|
|
49
55
|
|
|
50
|
-
this
|
|
56
|
+
_defineProperty(this, "_handleFocus", () => {
|
|
51
57
|
if (this.props.disabled) {
|
|
52
58
|
return;
|
|
53
59
|
}
|
|
@@ -55,9 +61,9 @@ class TextField extends React.Component {
|
|
|
55
61
|
this.setState({
|
|
56
62
|
focused: true
|
|
57
63
|
});
|
|
58
|
-
};
|
|
64
|
+
});
|
|
59
65
|
|
|
60
|
-
this
|
|
66
|
+
_defineProperty(this, "_handleBlur", () => {
|
|
61
67
|
if (this.props.disabled) {
|
|
62
68
|
return;
|
|
63
69
|
}
|
|
@@ -65,9 +71,9 @@ class TextField extends React.Component {
|
|
|
65
71
|
this.setState({
|
|
66
72
|
focused: false
|
|
67
73
|
});
|
|
68
|
-
};
|
|
74
|
+
});
|
|
69
75
|
|
|
70
|
-
this
|
|
76
|
+
_defineProperty(this, "_handleChangeText", value => {
|
|
71
77
|
if (this.props.disabled) {
|
|
72
78
|
return;
|
|
73
79
|
}
|
|
@@ -83,9 +89,9 @@ class TextField extends React.Component {
|
|
|
83
89
|
});
|
|
84
90
|
this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
|
|
85
91
|
}
|
|
86
|
-
};
|
|
92
|
+
});
|
|
87
93
|
|
|
88
|
-
this
|
|
94
|
+
_defineProperty(this, "_root", undefined);
|
|
89
95
|
}
|
|
90
96
|
|
|
91
97
|
static getDerivedStateFromProps(nextProps, prevState) {
|
|
@@ -136,11 +142,10 @@ class TextField extends React.Component {
|
|
|
136
142
|
focused: !prevState.focused
|
|
137
143
|
}));
|
|
138
144
|
}
|
|
145
|
+
|
|
139
146
|
/**
|
|
140
147
|
* @internal
|
|
141
148
|
*/
|
|
142
|
-
|
|
143
|
-
|
|
144
149
|
setNativeProps(args) {
|
|
145
150
|
this.setState(state => ({ ...state,
|
|
146
151
|
nativeState: args || {}
|
|
@@ -185,8 +190,7 @@ class TextField extends React.Component {
|
|
|
185
190
|
roundness,
|
|
186
191
|
disabledOpacity
|
|
187
192
|
},
|
|
188
|
-
render = props => /*#__PURE__*/React.createElement(NativeTextInput,
|
|
189
|
-
}),
|
|
193
|
+
render = props => /*#__PURE__*/React.createElement(NativeTextInput, props),
|
|
190
194
|
...rest
|
|
191
195
|
} = this.props;
|
|
192
196
|
const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
|
|
@@ -338,9 +342,9 @@ class TextField extends React.Component {
|
|
|
338
342
|
} = StyleSheet.flatten(style || {});
|
|
339
343
|
return /*#__PURE__*/React.createElement(View, {
|
|
340
344
|
style: [styles.container, styleProp]
|
|
341
|
-
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
|
|
345
|
+
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
|
|
342
346
|
style: leftIconStyle
|
|
343
|
-
}) : null, /*#__PURE__*/React.createElement(View, {
|
|
347
|
+
})) : null, /*#__PURE__*/React.createElement(View, {
|
|
344
348
|
style: applyStyles([containerStyle], {
|
|
345
349
|
height: style === null || style === void 0 ? void 0 : style.height,
|
|
346
350
|
backgroundColor: bgColor,
|
|
@@ -407,9 +411,9 @@ class TextField extends React.Component {
|
|
|
407
411
|
style: {
|
|
408
412
|
justifyContent: type === "solid" ? "center" : undefined
|
|
409
413
|
}
|
|
410
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
414
|
+
}, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
|
|
411
415
|
style: leftIconStyle
|
|
412
|
-
})) : null, render({
|
|
416
|
+
}))) : null, render({
|
|
413
417
|
ref: c => {
|
|
414
418
|
this._root = c;
|
|
415
419
|
},
|
|
@@ -447,42 +451,6 @@ class TextField extends React.Component {
|
|
|
447
451
|
|
|
448
452
|
}
|
|
449
453
|
|
|
450
|
-
export default withTheme(TextField);
|
|
451
|
-
const styles = StyleSheet.create({
|
|
452
|
-
container: {
|
|
453
|
-
alignSelf: "stretch"
|
|
454
|
-
},
|
|
455
|
-
placeholder: {
|
|
456
|
-
position: "absolute",
|
|
457
|
-
left: 0
|
|
458
|
-
},
|
|
459
|
-
underline: {
|
|
460
|
-
position: "absolute",
|
|
461
|
-
left: 0,
|
|
462
|
-
right: 0,
|
|
463
|
-
bottom: 0,
|
|
464
|
-
height: 2
|
|
465
|
-
},
|
|
466
|
-
input: {
|
|
467
|
-
flexGrow: 1,
|
|
468
|
-
justifyContent: "center",
|
|
469
|
-
textAlignVertical: "center",
|
|
470
|
-
margin: 0,
|
|
471
|
-
textAlign: I18nManager.isRTL ? "right" : "left"
|
|
472
|
-
}
|
|
473
|
-
}); "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
|
|
474
|
-
}
|
|
475
|
-
}) : null, assistiveText ? /*#__PURE__*/React.createElement(Text, {
|
|
476
|
-
style: [{
|
|
477
|
-
color: error ? colors.error : colors.light,
|
|
478
|
-
marginTop: 8,
|
|
479
|
-
marginLeft: assistiveTextLeftMargin
|
|
480
|
-
}]
|
|
481
|
-
}, assistiveText) : null);
|
|
482
|
-
}
|
|
483
|
-
|
|
484
|
-
}
|
|
485
|
-
|
|
486
454
|
export default withTheme(TextField);
|
|
487
455
|
const styles = StyleSheet.create({
|
|
488
456
|
container: {
|
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
|
|
1
|
+
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, StylesPanelSections, createColorProp, createNumberProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Audio Player",
|
|
4
4
|
tag: "AudioPlayer",
|
|
5
5
|
description: "Given a source URL, plays sounds & audio!",
|
|
6
6
|
category: COMPONENT_TYPES.media,
|
|
7
|
-
|
|
7
|
+
stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position],
|
|
8
|
+
layout: {
|
|
9
|
+
backgroundColor: "#eee",
|
|
10
|
+
paddingLeft: 16,
|
|
11
|
+
paddingRight: 16,
|
|
12
|
+
paddingTop: 8,
|
|
13
|
+
paddingBottom: 8,
|
|
14
|
+
borderRadius: 24,
|
|
15
|
+
flexDirection: "row",
|
|
16
|
+
alignItems: "center"
|
|
17
|
+
},
|
|
8
18
|
props: {
|
|
9
19
|
source: {
|
|
10
20
|
group: GROUPS.data,
|
|
@@ -15,6 +25,26 @@ export const SEED_DATA = {
|
|
|
15
25
|
defaultValue: "https://static.draftbit.com/audio/intro-to-draftbit-audio.mp3",
|
|
16
26
|
formType: FORM_TYPES.sourceUrl,
|
|
17
27
|
propType: PROP_TYPES.OBJECT
|
|
18
|
-
}
|
|
28
|
+
},
|
|
29
|
+
sliderColor: createColorProp({
|
|
30
|
+
label: "Thumb Color",
|
|
31
|
+
defaultValue: "strong"
|
|
32
|
+
}),
|
|
33
|
+
completedTrackColor: createColorProp({
|
|
34
|
+
label: "Completed Track Color",
|
|
35
|
+
defaultValue: "background"
|
|
36
|
+
}),
|
|
37
|
+
remainingTrackColor: createColorProp({
|
|
38
|
+
label: "Remaining Track Color",
|
|
39
|
+
defaultValue: "light"
|
|
40
|
+
}),
|
|
41
|
+
trackThumbSize: createNumberProp({
|
|
42
|
+
label: "Thumb Size",
|
|
43
|
+
defaultValue: 24
|
|
44
|
+
}),
|
|
45
|
+
playIconColor: createColorProp({
|
|
46
|
+
label: "Play Icon Color",
|
|
47
|
+
defaultValue: "strong"
|
|
48
|
+
})
|
|
19
49
|
}
|
|
20
50
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers
|
|
1
|
+
import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers } from "@draftbit/types";
|
|
2
2
|
const SEED_DATA_PROPS = {
|
|
3
3
|
label: {
|
|
4
4
|
label: "Label",
|
|
@@ -10,12 +10,6 @@ const SEED_DATA_PROPS = {
|
|
|
10
10
|
required: true,
|
|
11
11
|
group: GROUPS.data
|
|
12
12
|
},
|
|
13
|
-
labelSize: createNumberProp({
|
|
14
|
-
label: "Label Size"
|
|
15
|
-
}),
|
|
16
|
-
labelColor: createColorProp({
|
|
17
|
-
label: "Label Color"
|
|
18
|
-
}),
|
|
19
13
|
mode: {
|
|
20
14
|
label: "Mode",
|
|
21
15
|
description: "Choose between date, time and datetime",
|
|
@@ -27,12 +21,6 @@ const SEED_DATA_PROPS = {
|
|
|
27
21
|
options: ["date", "time", "datetime"],
|
|
28
22
|
group: GROUPS.basic
|
|
29
23
|
},
|
|
30
|
-
borderColor: createColorProp({
|
|
31
|
-
label: "Border Color"
|
|
32
|
-
}),
|
|
33
|
-
borderColorActive: createColorProp({
|
|
34
|
-
label: "Border Color"
|
|
35
|
-
}),
|
|
36
24
|
format: {
|
|
37
25
|
label: "Format",
|
|
38
26
|
description: "Create an output format for the date.",
|
|
@@ -149,7 +137,6 @@ export const SEED_DATA = [{
|
|
|
149
137
|
category: COMPONENT_TYPES.input,
|
|
150
138
|
layout: null,
|
|
151
139
|
triggers: [Triggers.OnDateChange],
|
|
152
|
-
StylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Size, StylesPanelSections.Typography],
|
|
153
140
|
props: { ...SEED_DATA_PROPS,
|
|
154
141
|
type: {
|
|
155
142
|
label: "Appearance",
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections } from "@draftbit/types";
|
|
2
|
+
const SEED_DATA_PROPS = {
|
|
3
|
+
locale: {
|
|
4
|
+
label: "Locale",
|
|
5
|
+
description: "Locale for the datepicker. Must be a valid Locale",
|
|
6
|
+
formType: FORM_TYPES.string,
|
|
7
|
+
propType: PROP_TYPES.STRING,
|
|
8
|
+
defaultValue: "en",
|
|
9
|
+
editable: true,
|
|
10
|
+
required: false,
|
|
11
|
+
group: GROUPS.basic
|
|
12
|
+
},
|
|
13
|
+
label: {
|
|
14
|
+
label: "Label",
|
|
15
|
+
description: "The label to be displayed on the picker",
|
|
16
|
+
formType: FORM_TYPES.string,
|
|
17
|
+
propType: PROP_TYPES.STRING,
|
|
18
|
+
defaultValue: "Date",
|
|
19
|
+
editable: true,
|
|
20
|
+
required: true,
|
|
21
|
+
group: GROUPS.data
|
|
22
|
+
},
|
|
23
|
+
calendarIcon: {
|
|
24
|
+
label: "Icon",
|
|
25
|
+
description: "The icon to display on the right",
|
|
26
|
+
formType: FORM_TYPES.icon,
|
|
27
|
+
propType: PROP_TYPES.STRING,
|
|
28
|
+
defaultValue: "calendar",
|
|
29
|
+
editable: true,
|
|
30
|
+
required: false,
|
|
31
|
+
group: GROUPS.basic
|
|
32
|
+
},
|
|
33
|
+
mode: {
|
|
34
|
+
label: "Mode",
|
|
35
|
+
description: "Choose between date, time and datetime",
|
|
36
|
+
defaultValue: "date",
|
|
37
|
+
editable: true,
|
|
38
|
+
required: true,
|
|
39
|
+
formType: FORM_TYPES.flatArray,
|
|
40
|
+
propType: PROP_TYPES.STRING,
|
|
41
|
+
options: ["date", "time", "datetime"],
|
|
42
|
+
group: GROUPS.basic
|
|
43
|
+
},
|
|
44
|
+
disabled: {
|
|
45
|
+
label: "Disabled",
|
|
46
|
+
description: "Whether the picker should be disabled. Will prevent selection and show a greyed out state.",
|
|
47
|
+
formType: FORM_TYPES.boolean,
|
|
48
|
+
propType: PROP_TYPES.BOOLEAN,
|
|
49
|
+
defaultValue: false,
|
|
50
|
+
editable: true,
|
|
51
|
+
required: false,
|
|
52
|
+
group: GROUPS.data
|
|
53
|
+
},
|
|
54
|
+
fieldName: { ...FIELD_NAME,
|
|
55
|
+
handlerPropName: "onDateChange",
|
|
56
|
+
valuePropName: "date",
|
|
57
|
+
defaultValue: "date"
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
export const SEED_DATA = [{
|
|
61
|
+
name: "Date Picker",
|
|
62
|
+
tag: "DatePickerInput",
|
|
63
|
+
packageName: "react-native-paper-dates",
|
|
64
|
+
description: "A component used to select a date from a visual calendar",
|
|
65
|
+
category: COMPONENT_TYPES.input,
|
|
66
|
+
layout: null,
|
|
67
|
+
triggers: [Triggers.OnDateChange],
|
|
68
|
+
StylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Size],
|
|
69
|
+
props: { ...SEED_DATA_PROPS,
|
|
70
|
+
type: {
|
|
71
|
+
label: "Appearance",
|
|
72
|
+
description: "Type of Datepicker",
|
|
73
|
+
formType: FORM_TYPES.flatArray,
|
|
74
|
+
propType: PROP_TYPES.STRING,
|
|
75
|
+
defaultValue: "solid",
|
|
76
|
+
options: ["solid", "underline"],
|
|
77
|
+
editable: true,
|
|
78
|
+
required: true,
|
|
79
|
+
group: GROUPS.basic
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}];
|
|
@@ -8,6 +8,7 @@ export const SEED_DATA = [{
|
|
|
8
8
|
preview_image_url: "{CLOUDINARY_URL}/Field_SearchBar_Full.png",
|
|
9
9
|
supports_list_render: false,
|
|
10
10
|
triggers: [Triggers.OnChange],
|
|
11
|
+
// TODO Triggers.OnSubmit for multiple triggers
|
|
11
12
|
props: {
|
|
12
13
|
icon: {
|
|
13
14
|
group: GROUPS.basic,
|
|
@@ -44,8 +45,4 @@ export const SEED_DATA = [{
|
|
|
44
45
|
}
|
|
45
46
|
},
|
|
46
47
|
layout: {}
|
|
47
|
-
}];alue: "searchBarValue"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
layout: {}
|
|
51
48
|
}];
|
|
@@ -17,7 +17,9 @@ export const SEED_DATA = {
|
|
|
17
17
|
}),
|
|
18
18
|
fieldName: createFieldNameProp({
|
|
19
19
|
defaultValue: "ratingValue",
|
|
20
|
+
// this is the name of the variable declared on the screen in Draftbit
|
|
20
21
|
handlerPropName: "onPress",
|
|
22
|
+
// the change handler prop in this component
|
|
21
23
|
valuePropName: "rating" // the value prop in this component
|
|
22
24
|
|
|
23
25
|
}),
|
|
@@ -41,11 +43,4 @@ export const SEED_DATA = {
|
|
|
41
43
|
defaultValue: "divider"
|
|
42
44
|
})
|
|
43
45
|
}
|
|
44
|
-
};primary"
|
|
45
|
-
}),
|
|
46
|
-
inactiveColor: createColorProp({
|
|
47
|
-
label: "Inactive Color",
|
|
48
|
-
defaultValue: "divider"
|
|
49
|
-
})
|
|
50
|
-
}
|
|
51
46
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
|
|
1
|
+
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Text Area",
|
|
4
4
|
tag: "TextInput",
|
|
@@ -59,6 +59,17 @@ export const SEED_DATA = {
|
|
|
59
59
|
formType: FORM_TYPES.boolean,
|
|
60
60
|
propType: PROP_TYPES.BOOLEAN
|
|
61
61
|
},
|
|
62
|
+
blurOnSubmit: {
|
|
63
|
+
group: GROUPS.advanced,
|
|
64
|
+
label: "Blur On Submit",
|
|
65
|
+
description: "If true, the text field will blur when submitted. ",
|
|
66
|
+
editable: true,
|
|
67
|
+
required: false,
|
|
68
|
+
defaultValue: null,
|
|
69
|
+
formType: FORM_TYPES.boolean,
|
|
70
|
+
propType: PROP_TYPES.BOOLEAN
|
|
71
|
+
},
|
|
72
|
+
disabled: createDisabledProp(),
|
|
62
73
|
caretHidden: {
|
|
63
74
|
group: GROUPS.advanced,
|
|
64
75
|
label: "Hide Caret",
|
|
@@ -80,12 +91,12 @@ export const SEED_DATA = {
|
|
|
80
91
|
propType: PROP_TYPES.BOOLEAN
|
|
81
92
|
},
|
|
82
93
|
editable: {
|
|
83
|
-
group: GROUPS.
|
|
84
|
-
label: "Editable",
|
|
94
|
+
group: GROUPS.data,
|
|
95
|
+
label: "Editable?",
|
|
85
96
|
description: "If false, the text is not editable",
|
|
86
97
|
editable: true,
|
|
87
98
|
required: false,
|
|
88
|
-
defaultValue:
|
|
99
|
+
defaultValue: null,
|
|
89
100
|
formType: FORM_TYPES.boolean,
|
|
90
101
|
propType: PROP_TYPES.BOOLEAN
|
|
91
102
|
},
|
|
@@ -62,7 +62,7 @@ const SEED_DATA_PROPS = {
|
|
|
62
62
|
propType: PROP_TYPES.BOOLEAN
|
|
63
63
|
},
|
|
64
64
|
disabled: {
|
|
65
|
-
group: GROUPS.
|
|
65
|
+
group: GROUPS.data,
|
|
66
66
|
label: "Disabled",
|
|
67
67
|
description: "Whether the input should be disabled. Will prevent input and show a greyed out state.",
|
|
68
68
|
formType: FORM_TYPES.boolean,
|
|
@@ -72,12 +72,22 @@ const SEED_DATA_PROPS = {
|
|
|
72
72
|
required: false
|
|
73
73
|
},
|
|
74
74
|
editable: {
|
|
75
|
-
group: GROUPS.
|
|
76
|
-
label: "Editable",
|
|
75
|
+
group: GROUPS.data,
|
|
76
|
+
label: "Editable?",
|
|
77
77
|
description: "If false, the text is not editable",
|
|
78
78
|
editable: true,
|
|
79
79
|
required: false,
|
|
80
|
-
defaultValue:
|
|
80
|
+
defaultValue: null,
|
|
81
|
+
formType: FORM_TYPES.boolean,
|
|
82
|
+
propType: PROP_TYPES.BOOLEAN
|
|
83
|
+
},
|
|
84
|
+
blurOnSubmit: {
|
|
85
|
+
group: GROUPS.advanced,
|
|
86
|
+
label: "Blur On Submit",
|
|
87
|
+
description: "If true, the text field will blur when submitted. ",
|
|
88
|
+
editable: true,
|
|
89
|
+
required: false,
|
|
90
|
+
defaultValue: null,
|
|
81
91
|
formType: FORM_TYPES.boolean,
|
|
82
92
|
propType: PROP_TYPES.BOOLEAN
|
|
83
93
|
},
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections } from "@draftbit/types";
|
|
1
|
+
import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, createDisabledProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA_PROPS = {
|
|
3
3
|
style: {
|
|
4
4
|
group: GROUPS.basic,
|
|
@@ -140,12 +140,12 @@ export const SEED_DATA = [{
|
|
|
140
140
|
propType: PROP_TYPES.BOOLEAN
|
|
141
141
|
},
|
|
142
142
|
editable: {
|
|
143
|
-
group: GROUPS.
|
|
144
|
-
label: "Editable",
|
|
143
|
+
group: GROUPS.data,
|
|
144
|
+
label: "Editable?",
|
|
145
145
|
description: "If false, the text is not editable",
|
|
146
146
|
editable: true,
|
|
147
147
|
required: false,
|
|
148
|
-
defaultValue:
|
|
148
|
+
defaultValue: null,
|
|
149
149
|
formType: FORM_TYPES.boolean,
|
|
150
150
|
propType: PROP_TYPES.BOOLEAN
|
|
151
151
|
},
|
|
@@ -214,6 +214,16 @@ export const SEED_DATA = [{
|
|
|
214
214
|
formType: FORM_TYPES.string,
|
|
215
215
|
propType: PROP_TYPES.STRING
|
|
216
216
|
},
|
|
217
|
+
blurOnSubmit: {
|
|
218
|
+
group: GROUPS.advanced,
|
|
219
|
+
label: "Blur On Submit",
|
|
220
|
+
description: "If true, the text field will blur when submitted. ",
|
|
221
|
+
editable: true,
|
|
222
|
+
required: false,
|
|
223
|
+
defaultValue: null,
|
|
224
|
+
formType: FORM_TYPES.boolean,
|
|
225
|
+
propType: PROP_TYPES.BOOLEAN
|
|
226
|
+
},
|
|
217
227
|
returnKeyType: {
|
|
218
228
|
group: GROUPS.advanced,
|
|
219
229
|
label: "Return Key Type",
|
|
@@ -279,6 +289,7 @@ export const SEED_DATA = [{
|
|
|
279
289
|
formType: FORM_TYPES.number,
|
|
280
290
|
propType: PROP_TYPES.NUMBER
|
|
281
291
|
},
|
|
292
|
+
disabled: createDisabledProp(),
|
|
282
293
|
scrollEnabled: {
|
|
283
294
|
group: GROUPS.basic,
|
|
284
295
|
label: "Scroll Enabled",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC1D,MAAM;CAUP"}
|
|
@@ -19,3 +19,4 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
|
|
|
19
19
|
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
20
20
|
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<AccordionGroupProps> & (({ label, expanded: expandedProp, openColor, closedColor, caretColor: caretColorProp, caretSize, icon, iconSize, style, children, theme, Icon, }: AccordionGroupProps) => JSX.Element), {}>;
|
|
21
21
|
export default _default;
|
|
22
|
+
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,aAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoFb,wBAAyC"}
|
|
@@ -13,3 +13,4 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
|
|
|
13
13
|
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
14
14
|
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & (({ Icon, icon, label, style, iconColor, theme, ...rest }: Props) => JSX.Element), {}>;
|
|
15
15
|
export default _default;
|
|
16
|
+
//# sourceMappingURL=AccordionItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoDb,wBAAwC"}
|