@draftbit/core 46.0.0 → 46.0.1-eb73d2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Provider.js.map +1 -1
- package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map +1 -1
- package/lib/commonjs/components/ActionSheet/ActionSheetItem.js.map +1 -1
- package/lib/commonjs/components/AnimatedCircularProgress.js.map +1 -1
- package/lib/commonjs/components/AspectRatio.js.map +1 -1
- package/lib/commonjs/components/AvatarEdit.js.map +1 -1
- package/lib/commonjs/components/Banner.js.map +1 -1
- package/lib/commonjs/components/Card.js.map +1 -1
- package/lib/commonjs/components/CardBlock.js.map +1 -1
- package/lib/commonjs/components/CardContainer.js.map +1 -1
- package/lib/commonjs/components/CardContainerRating.js.map +1 -1
- package/lib/commonjs/components/CardContainerShortImage.js.map +1 -1
- package/lib/commonjs/components/CardInline.js.map +1 -1
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/CircleImage.js.map +1 -1
- package/lib/commonjs/components/CircularProgress.js.map +1 -1
- package/lib/commonjs/components/Container.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/commonjs/components/DatePicker/DatePickerComponent.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/DeprecatedCardWrapper.js +14 -2
- package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/Elevation.js.map +1 -1
- package/lib/commonjs/components/FAB.js.map +1 -1
- package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
- package/lib/commonjs/components/Header.js.map +1 -1
- package/lib/commonjs/components/HeaderLarge.js.map +1 -1
- package/lib/commonjs/components/HeaderMedium.js.map +1 -1
- package/lib/commonjs/components/HeaderOverline.js.map +1 -1
- package/lib/commonjs/components/IconButton.js.map +1 -1
- package/lib/commonjs/components/Justification.js +3 -0
- package/lib/commonjs/components/Portal/Portal.js.map +1 -1
- package/lib/commonjs/components/ProgressCircle.js.map +1 -1
- package/lib/commonjs/components/ProgressIndicator.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
- package/lib/commonjs/components/ResizeMode.js +3 -0
- package/lib/commonjs/components/Row.js.map +1 -1
- package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
- package/lib/commonjs/components/RowHeadlineImageCaption.js.map +1 -1
- package/lib/commonjs/components/RowHeadlineImageIcon.js.map +1 -1
- package/lib/commonjs/components/StarRating.js.map +1 -1
- package/lib/commonjs/components/Surface.js.map +1 -1
- package/lib/commonjs/components/Swiper/Swiper.js.map +1 -1
- package/lib/commonjs/components/ToggleButton.js.map +1 -1
- package/lib/commonjs/interfaces/Icon.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
- package/lib/module/Provider.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheetCancel.js.map +1 -1
- package/lib/module/components/ActionSheet/ActionSheetItem.js.map +1 -1
- package/lib/module/components/AnimatedCircularProgress.js.map +1 -1
- package/lib/module/components/AspectRatio.js.map +1 -1
- package/lib/module/components/AvatarEdit.js.map +1 -1
- package/lib/module/components/Banner.js.map +1 -1
- package/lib/module/components/Button.js +32 -11
- package/lib/module/components/Button.js.map +1 -1
- package/lib/module/components/Card.js.map +1 -1
- package/lib/module/components/CardBlock.js.map +1 -1
- package/lib/module/components/CardContainer.js.map +1 -1
- package/lib/module/components/CardContainerRating.js.map +1 -1
- package/lib/module/components/CardContainerShortImage.js.map +1 -1
- package/lib/module/components/CardInline.js.map +1 -1
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/CircleImage.js +16 -2
- package/lib/module/components/CircleImage.js.map +1 -1
- package/lib/module/components/CircularProgress.js.map +1 -1
- package/lib/module/components/Container.js.map +1 -1
- package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponent.js.map +1 -1
- package/lib/module/components/DatePicker/DatePickerComponentType.js.map +1 -1
- package/lib/module/components/DeprecatedButton.js.map +1 -1
- package/lib/module/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/module/components/DeprecatedFAB.js +20 -4
- package/lib/module/components/DeprecatedFAB.js.map +1 -1
- package/lib/module/components/Divider.js.map +1 -1
- package/lib/module/components/Elevation.js.map +1 -1
- package/lib/module/components/FAB.js.map +1 -1
- package/lib/module/components/FieldSearchBarFull.js.map +1 -1
- package/lib/module/components/Header.js.map +1 -1
- package/lib/module/components/HeaderLarge.js.map +1 -1
- package/lib/module/components/HeaderMedium.js.map +1 -1
- package/lib/module/components/HeaderOverline.js.map +1 -1
- package/lib/module/components/IconButton.js.map +1 -1
- package/lib/module/components/Justification.js +1 -1
- package/lib/module/components/NumberInput.js +13 -2
- package/lib/module/components/NumberInput.js.map +1 -1
- package/lib/module/components/Portal/Portal.js.map +1 -1
- package/lib/module/components/Portal/PortalManager.js +1 -1
- package/lib/module/components/Portal/PortalManager.js.map +1 -1
- package/lib/module/components/ProgressCircle.js.map +1 -1
- package/lib/module/components/ProgressIndicator.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonGroup.js +16 -4
- package/lib/module/components/RadioButton/RadioButtonGroup.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButtonRow.js +23 -6
- package/lib/module/components/RadioButton/RadioButtonRow.js.map +1 -1
- package/lib/module/components/ResizeMode.js +1 -1
- package/lib/module/components/Row.js.map +1 -1
- package/lib/module/components/RowBodyIcon.js.map +1 -1
- package/lib/module/components/RowHeadlineImageCaption.js.map +1 -1
- package/lib/module/components/RowHeadlineImageIcon.js.map +1 -1
- package/lib/module/components/ScreenContainer.js +21 -5
- package/lib/module/components/ScreenContainer.js.map +1 -1
- package/lib/module/components/StarRating.js.map +1 -1
- package/lib/module/components/Surface.js.map +1 -1
- package/lib/module/components/Swiper/Swiper.js.map +1 -1
- package/lib/module/components/ToggleButton.js.map +1 -1
- package/lib/module/interfaces/Icon.js.map +1 -1
- package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts +2 -3022
- package/lib/typescript/src/components/Accordion/AccordionItem.d.ts +2 -3010
- package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts +1 -1
- package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts +1 -1
- package/lib/typescript/src/components/AnimatedCircularProgress.d.ts +1 -1
- package/lib/typescript/src/components/AspectRatio.d.ts +1 -1
- package/lib/typescript/src/components/AvatarEdit.d.ts +2 -2
- package/lib/typescript/src/components/Banner.d.ts +2 -2
- package/lib/typescript/src/components/Card.d.ts +2 -2
- package/lib/typescript/src/components/CardBlock.d.ts +2 -2
- package/lib/typescript/src/components/CardContainer.d.ts +2 -2
- package/lib/typescript/src/components/CardContainerRating.d.ts +2 -2
- package/lib/typescript/src/components/CardContainerShortImage.d.ts +2 -2
- package/lib/typescript/src/components/CardInline.d.ts +2 -2
- package/lib/typescript/src/components/Carousel.d.ts +4 -7
- package/lib/typescript/src/components/CircleImage.d.ts +1 -1
- package/lib/typescript/src/components/Container.d.ts +2 -2
- package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +2 -2
- package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts +1 -1
- package/lib/typescript/src/components/DeprecatedButton.d.ts +2 -2
- package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts +2 -2
- package/lib/typescript/src/components/DeprecatedFAB.d.ts +2 -2
- package/lib/typescript/src/components/Divider.d.ts +2 -2
- package/lib/typescript/src/components/Elevation.d.ts +2 -2
- package/lib/typescript/src/components/FAB.d.ts +2 -2
- package/lib/typescript/src/components/FieldSearchBarFull.d.ts +2 -2
- package/lib/typescript/src/components/Header.d.ts +2 -2
- package/lib/typescript/src/components/HeaderLarge.d.ts +2 -2
- package/lib/typescript/src/components/HeaderMedium.d.ts +2 -2
- package/lib/typescript/src/components/HeaderOverline.d.ts +2 -2
- package/lib/typescript/src/components/IconButton.d.ts +2 -2
- package/lib/typescript/src/components/ProgressCircle.d.ts +2 -2
- package/lib/typescript/src/components/ProgressIndicator.d.ts +2 -2
- package/lib/typescript/src/components/RadioButton/RadioButtonFieldGroup.d.ts +2 -2
- package/lib/typescript/src/components/Row.d.ts +2 -2
- package/lib/typescript/src/components/RowBodyIcon.d.ts +2 -2
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +2 -2
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +2 -2
- package/lib/typescript/src/components/Slider.d.ts +2 -3032
- package/lib/typescript/src/components/StarRating.d.ts +2 -2
- package/lib/typescript/src/components/Surface.d.ts +2 -2
- package/lib/typescript/src/components/Switch.d.ts +2 -3018
- package/lib/typescript/src/components/ToggleButton.d.ts +2 -2
- package/lib/typescript/src/interfaces/Icon.d.ts +1 -3
- package/package.json +4 -4
- package/src/Provider.js +9 -0
- package/src/Provider.tsx +1 -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/ActionSheetCancel.tsx +1 -1
- package/src/components/ActionSheet/ActionSheetItem.js +30 -0
- package/src/components/ActionSheet/ActionSheetItem.tsx +6 -1
- package/src/components/ActionSheet/index.js +3 -0
- package/src/components/AnimatedCircularProgress.js +43 -0
- package/src/components/AnimatedCircularProgress.tsx +1 -1
- package/src/components/AspectRatio.js +18 -0
- package/src/components/AspectRatio.tsx +1 -1
- package/src/components/AvatarEdit.js +30 -0
- package/src/components/AvatarEdit.tsx +1 -1
- package/src/components/Banner.js +109 -0
- package/src/components/Banner.tsx +1 -1
- package/src/components/Button.js +112 -0
- package/src/components/Card.js +57 -0
- package/src/components/Card.tsx +1 -1
- package/src/components/CardBlock.js +54 -0
- package/src/components/CardBlock.tsx +1 -1
- package/src/components/CardContainer.js +69 -0
- package/src/components/CardContainer.tsx +1 -1
- package/src/components/CardContainerRating.js +79 -0
- package/src/components/CardContainerRating.tsx +1 -1
- package/src/components/CardContainerShortImage.js +33 -0
- package/src/components/CardContainerShortImage.tsx +1 -1
- package/src/components/CardInline.js +36 -0
- package/src/components/CardInline.tsx +1 -1
- package/src/components/Carousel.js +66 -0
- package/src/components/Carousel.tsx +2 -1
- 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/CircleImage.tsx +1 -1
- package/src/components/CircularProgress.js +78 -0
- package/src/components/CircularProgress.tsx +1 -0
- package/src/components/Config.js +63 -0
- package/src/components/Container.js +43 -0
- package/src/components/Container.tsx +1 -1
- package/src/components/DatePicker/DatePicker.js +368 -0
- package/src/components/DatePicker/DatePicker.tsx +1 -1
- package/src/components/DatePicker/DatePickerComponent.js +13 -0
- package/src/components/DatePicker/DatePickerComponent.tsx +1 -1
- 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/DeprecatedButton.tsx +1 -1
- package/src/components/DeprecatedCardWrapper.js +18 -0
- package/src/components/DeprecatedCardWrapper.tsx +1 -1
- package/src/components/DeprecatedFAB.js +115 -0
- package/src/components/DeprecatedFAB.tsx +1 -1
- package/src/components/Divider.js +13 -0
- package/src/components/Divider.tsx +1 -1
- package/src/components/Elevation.js +20 -0
- package/src/components/Elevation.tsx +6 -1
- package/src/components/FAB.js +46 -0
- package/src/components/FAB.tsx +1 -1
- package/src/components/FieldSearchBarFull.js +53 -0
- package/src/components/FieldSearchBarFull.tsx +1 -1
- package/src/components/FormRow.js +19 -0
- package/src/components/Header.js +44 -0
- package/src/components/Header.tsx +1 -1
- package/src/components/HeaderLarge.js +7 -0
- package/src/components/HeaderLarge.tsx +1 -1
- package/src/components/HeaderMedium.js +7 -0
- package/src/components/HeaderMedium.tsx +1 -1
- package/src/components/HeaderOverline.js +7 -0
- package/src/components/HeaderOverline.tsx +1 -1
- package/src/components/IconButton.js +35 -0
- package/src/components/IconButton.tsx +1 -1
- 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 +266 -0
- package/src/components/Picker/PickerComponent.android.js +68 -0
- package/src/components/Picker/PickerComponent.ios.js +78 -0
- package/src/components/Picker/PickerComponent.web.js +69 -0
- package/src/components/Picker/PickerTypes.js +1 -0
- package/src/components/Portal/Portal.js +35 -0
- package/src/components/Portal/Portal.tsx +1 -0
- package/src/components/Portal/PortalConsumer.js +28 -0
- package/src/components/Portal/PortalHost.js +105 -0
- package/src/components/Portal/PortalManager.js +29 -0
- package/src/components/ProgressBar.js +118 -0
- package/src/components/ProgressCircle.js +13 -0
- package/src/components/ProgressCircle.tsx +2 -1
- package/src/components/ProgressIndicator.js +27 -0
- package/src/components/ProgressIndicator.tsx +1 -1
- package/src/components/RadioButton/RadioButton.js +17 -0
- package/src/components/RadioButton/RadioButtonFieldGroup.js +17 -0
- package/src/components/RadioButton/RadioButtonFieldGroup.tsx +1 -1
- 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/Row.tsx +1 -1
- package/src/components/RowBodyIcon.js +8 -0
- package/src/components/RowBodyIcon.tsx +1 -1
- package/src/components/RowHeadlineImageCaption.js +12 -0
- package/src/components/RowHeadlineImageCaption.tsx +1 -1
- package/src/components/RowHeadlineImageIcon.js +14 -0
- package/src/components/RowHeadlineImageIcon.tsx +1 -1
- package/src/components/ScreenContainer.js +34 -0
- package/src/components/Slider.js +63 -0
- package/src/components/StarRating.js +50 -0
- package/src/components/StarRating.tsx +2 -2
- package/src/components/StepIndicator.js +346 -0
- package/src/components/Stepper.js +39 -0
- package/src/components/Surface.js +32 -0
- package/src/components/Surface.tsx +1 -1
- package/src/components/Swiper/Swiper.js +29 -0
- package/src/components/Swiper/Swiper.tsx +1 -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 +28 -0
- package/src/components/TextField.js +420 -0
- package/src/components/ToggleButton.js +39 -0
- package/src/components/ToggleButton.tsx +1 -1
- 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/interfaces/Icon.ts +1 -1
- 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 +53 -0
- package/src/mappings/AudioPlayer.js +20 -0
- package/src/mappings/AvatarEdit.js +37 -0
- package/src/mappings/Banner.js +32 -0
- package/src/mappings/BlurView.js +41 -0
- package/src/mappings/Button.js +56 -0
- package/src/mappings/Card.js +52 -0
- package/src/mappings/CardBlock.js +122 -0
- package/src/mappings/CardContainer.js +102 -0
- package/src/mappings/CardContainerRating.js +124 -0
- package/src/mappings/CardContainerShortImage.js +118 -0
- package/src/mappings/CardInline.js +51 -0
- package/src/mappings/Carousel.js +18 -0
- package/src/mappings/Checkbox.js +45 -0
- package/src/mappings/CheckboxGroup.js +25 -0
- package/src/mappings/CheckboxRow.js +56 -0
- package/src/mappings/CircleImage.js +24 -0
- package/src/mappings/Container.js +29 -0
- package/src/mappings/CustomCode.js +8 -0
- package/src/mappings/DatePicker.js +147 -0
- package/src/mappings/Divider.js +26 -0
- package/src/mappings/FAB.js +36 -0
- package/src/mappings/Fetch.js +12 -0
- package/src/mappings/FieldSearchBarFull.js +49 -0
- package/src/mappings/FlatList.js +19 -0
- package/src/mappings/HeaderLarge.js +28 -0
- package/src/mappings/HeaderMedium.js +54 -0
- package/src/mappings/HeaderOverline.js +54 -0
- package/src/mappings/Icon.js +25 -0
- package/src/mappings/IconButton.js +30 -0
- package/src/mappings/Image.js +15 -0
- package/src/mappings/ImageBackground.js +28 -0
- package/src/mappings/KeyboardAvoidingView.js +40 -0
- package/src/mappings/KeyboardAwareScrollView.js +49 -0
- package/src/mappings/Layout.js +195 -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 +41 -0
- package/src/mappings/Picker.js +139 -0
- package/src/mappings/ProgressBar.js +100 -0
- package/src/mappings/ProgressCircle.js +108 -0
- package/src/mappings/ProgressIndicator.js +180 -0
- package/src/mappings/RadioButton.js +50 -0
- package/src/mappings/RadioButtonGroup.js +16 -0
- package/src/mappings/RadioButtonRow.js +37 -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 +30 -0
- package/src/mappings/Slider.js +59 -0
- package/src/mappings/StarRating.js +42 -0
- package/src/mappings/Stepper.js +28 -0
- package/src/mappings/Surface.js +13 -0
- package/src/mappings/Swiper.js +60 -0
- package/src/mappings/SwiperItem.js +8 -0
- package/src/mappings/Switch.js +75 -0
- package/src/mappings/Text.js +232 -0
- package/src/mappings/TextArea.js +52 -0
- package/src/mappings/TextField.js +158 -0
- package/src/mappings/TextInput.js +208 -0
- package/src/mappings/ToggleButton.js +45 -0
- package/src/mappings/Touchable.js +12 -0
- package/src/mappings/Video.js +74 -0
- package/src/mappings/View.js +206 -0
- package/src/mappings/WebView.js +18 -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":["React","View","Animated","Text","StyleSheet","I18nManager","TextInput","NativeTextInput","useSafeAreaInsets","dateFormat","withTheme","Portal","Touchable","DateTimePicker","AnimatedText","createAnimatedComponent","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","MONTHS","DatePicker","Icon","style","theme","colors","typography","roundness","disabledOpacity","date","onDateChange","defaultValue","disabled","mode","format","type","leftIconName","rightIconName","leftIconMode","label","placeholder","props","value","setValue","useState","useEffect","pickerVisible","setPickerVisible","labeled","Value","placeholder1","setPlaceholder1","focused","setFocused","labelLayout","setLabelLayout","measured","width","getValidDate","Date","getMonth","formatDate","newDate","toLocaleTimeString","toLocaleString","getDate","getFullYear","toggleVisibility","_handleBlur","_handleFocus","insets","_hidePlaceholder","timing","toValue","duration","useNativeDriver","start","_showPlaceholder","setTimeout","clearTimeout","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","underlineColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","paddingVertical","color","paddingLeft","paddingRight","height","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","inputStyles","styles","input","marginHorizontal","container","underline","scaleY","absoluteFill","e","nativeEvent","layout","right","picker","pickerContainer","bottom","_event","data","create","alignSelf","flexDirection","justifyContent","flexGrow","textAlignVertical","margin","textAlign","isRTL","zIndex","closeButton"],"sources":["DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Animated,\n Text,\n StyleSheet,\n StyleProp,\n ViewStyle,\n TextStyle,\n TextInputProps,\n ImageStyle,\n I18nManager,\n LayoutChangeEvent,\n TextInput as NativeTextInput,\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport dateFormat from \"dateformat\";\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Touchable from \"../Touchable\";\nimport DateTimePicker from \"./DatePickerComponent\";\n\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\ntype Props = {\n style?: StyleProp<ViewStyle> & { height?: number };\n theme: Theme;\n // initialDate?: string;\n // locale?: string;\n // minuteInterval?: number;\n // timeZoneOffsetInMinutes?: number;\n // error?: boolean;\n // type?: string;\n date?: Date;\n format?: string;\n onDateChange?: (data?: Date) => void;\n defaultValue?: Date;\n disabled?: boolean;\n mode?: \"date\" | \"time\" | \"datetime\";\n type?: \"solid\" | \"underline\";\n label?: string;\n placeholder?: string;\n leftIconName?: string;\n leftIconMode?: \"outset\" | \"inset\";\n rightIconName?: string;\n} & IconSlot &\n TextInputProps;\n\nconst MONTHS = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n];\n\nconst DatePicker: React.FC<Props> = ({\n Icon,\n style,\n theme: { colors, typography, roundness, disabledOpacity },\n date,\n onDateChange = () => {},\n defaultValue,\n disabled = false,\n mode = \"date\",\n format,\n type = \"underline\",\n leftIconName,\n rightIconName,\n leftIconMode = \"inset\",\n label,\n placeholder,\n ...props\n}) => {\n const [value, setValue] = React.useState<any>(date || defaultValue);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setValue(defaultValue);\n }\n }, [defaultValue]);\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n const [labeled] = React.useState<Animated.Value>(\n new Animated.Value(date ? 0 : 1)\n );\n const [placeholder1, setPlaceholder1] = React.useState(\"\");\n const [focused, setFocused] = React.useState<boolean>(false);\n const [labelLayout, setLabelLayout] = React.useState<{\n measured: Boolean;\n width: number;\n }>({ measured: false, width: 0 });\n\n const getValidDate = (): Date => {\n if (!value) {\n return new Date();\n }\n return typeof value?.getMonth === \"function\" ? value : new Date();\n };\n\n const formatDate = (): string => {\n if (!value) return \"\";\n let newDate = getValidDate();\n\n if (format) return dateFormat(newDate, format);\n\n if (mode === \"time\") {\n return `${newDate.toLocaleTimeString()}`;\n }\n\n if (mode === \"datetime\") {\n return `${newDate.toLocaleString()}`;\n }\n\n return `${\n MONTHS[newDate.getMonth()]\n } ${newDate.getDate()}, ${newDate.getFullYear()}`;\n };\n\n const toggleVisibility = async () => {\n setPickerVisible(!pickerVisible);\n focused ? _handleBlur() : _handleFocus();\n };\n const insets = useSafeAreaInsets();\n\n // const _restoreLabel = () =>\n // Animated.timing(labeled, {\n // toValue: 1,\n // duration: FOCUS_ANIMATION_DURATION,\n // useNativeDriver: true,\n // }).start();\n\n // const _minmizeLabel = () =>\n // Animated.timing(labeled, {\n // toValue: 0,\n // duration: BLUR_ANIMATION_DURATION,\n // useNativeDriver: true,\n // }).start();\n\n // const _showPlaceholder = () =>\n // setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n\n const _hidePlaceholder = () => {\n setPlaceholder1(\"\");\n };\n\n React.useEffect(() => {\n setValue(date);\n }, [date]);\n\n React.useEffect(() => {\n if (value || focused || placeholder1) {\n // _minmizeLabel();\n Animated.timing(labeled, {\n toValue: 0,\n duration: BLUR_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n } else {\n // _restoreLabel();\n Animated.timing(labeled, {\n toValue: 1,\n duration: FOCUS_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n }\n }, [value, focused, placeholder1, labeled]);\n\n React.useEffect(() => {\n const _showPlaceholder = () =>\n setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n if (focused || !label) {\n _showPlaceholder();\n } else {\n _hidePlaceholder();\n }\n return () => {\n clearTimeout(_showPlaceholder());\n };\n }, [focused, label, placeholder]);\n\n const _handleFocus = () => {\n if (disabled) {\n return;\n }\n\n setFocused(true);\n };\n\n const _handleBlur = () => {\n if (disabled) {\n return;\n }\n setFocused(false);\n };\n\n const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n const hasActiveOutline = focused;\n\n let inputTextColor,\n activeColor,\n underlineColor,\n borderColor,\n placeholderColor,\n containerStyle: StyleProp<ViewStyle>,\n backgroundColor,\n inputStyle: StyleProp<TextStyle>;\n\n inputTextColor = colors.strong;\n if (disabled) {\n activeColor = colors.light;\n placeholderColor = colors.light;\n borderColor = \"transparent\";\n underlineColor = \"transparent\";\n backgroundColor = colors.divider;\n } else {\n activeColor = colors.primary;\n placeholderColor = borderColor = colors.light;\n underlineColor = colors.light;\n backgroundColor = colors.background;\n }\n\n const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n inputStyle = {\n paddingVertical: 0,\n color: inputTextColor,\n paddingLeft:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n ...subtitle1,\n height: lineHeight,\n };\n\n if (type === \"underline\") {\n containerStyle = {\n borderTopLeftRadius: roundness,\n borderTopRightRadius: roundness,\n paddingBottom: 12,\n marginTop: 16,\n };\n } else {\n containerStyle = {\n borderRadius: roundness,\n borderColor: hasActiveOutline ? activeColor : borderColor,\n borderWidth: 1,\n paddingTop: labeled ? 16 * 1.5 : 16,\n paddingBottom: labeled ? 16 * 0.5 : 16,\n opacity: disabled ? disabledOpacity : 1,\n backgroundColor,\n };\n\n inputStyle.paddingHorizontal = 12;\n }\n\n if (leftIconName && leftIconMode === \"outset\") {\n containerStyle.marginLeft = ICON_SIZE + 8;\n }\n\n let leftIconColor;\n if (focused) {\n leftIconColor = colors.primary;\n } else {\n leftIconColor = colors.light;\n }\n\n const leftIconProps = {\n size: 24,\n color: leftIconColor,\n name: leftIconName || \"\",\n };\n\n const leftIconStyle: ImageStyle = {\n position: \"absolute\",\n marginTop:\n type === \"solid\"\n ? leftIconMode === \"inset\"\n ? MINIMIZED_LABEL_FONT_SIZE + 4\n : 16\n : leftIconMode === \"outset\"\n ? 16\n : 0,\n };\n\n const labelStyle = {\n ...typography.subtitle1,\n top: type === \"solid\" ? 16 : 0,\n left:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n transform: [\n {\n // Move label to top\n translateY: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n type === \"solid\"\n ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n : MINIMIZED_LABEL_Y_OFFSET,\n 0,\n ],\n }),\n },\n {\n // Make label smaller\n scale: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n 1,\n ],\n }),\n },\n {\n // Offset label scale since RN doesn't support transform origin\n translateX: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n (labelLayout.width / 2),\n 0,\n ],\n }),\n },\n ],\n };\n\n const inputStyles = [\n styles.input,\n inputStyle,\n type === \"solid\" ? { marginHorizontal: 12 } : {},\n ];\n\n // const render = (props) => <NativeTextInput {...props} />;\n\n return (\n <View style={[styles.container, style]}>\n <Touchable disabled={disabled} onPress={toggleVisibility}>\n <View pointerEvents=\"none\">\n <View style={[styles.container, style]}>\n {leftIconName && leftIconMode === \"outset\" ? (\n <Icon {...leftIconProps} style={leftIconStyle} />\n ) : null}\n <View\n style={[containerStyle, style ? { height: style.height } : {}]}\n >\n {type === \"underline\" ? (\n // When type === 'flat', render an underline\n <Animated.View\n style={[\n styles.underline,\n {\n backgroundColor: focused ? activeColor : underlineColor,\n // Underlines is thinner when input is not focused\n transform: [{ scaleY: focused ? 1 : 0.5 }],\n },\n ]}\n />\n ) : null}\n\n {label ? (\n // Position colored placeholder and gray placeholder on top of each other and crossfade them\n // This gives the effect of animating the color, but allows us to use native driver\n <View\n pointerEvents=\"none\"\n style={[\n StyleSheet.absoluteFill,\n {\n opacity:\n // Hide the label in minimized state until we measure its width\n date || focused ? (labelLayout.measured ? 1 : 0) : 1,\n },\n ]}\n >\n <AnimatedText\n onLayout={(e: LayoutChangeEvent) =>\n setLabelLayout({\n width: e.nativeEvent.layout.width,\n measured: true,\n })\n }\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: colors.light,\n opacity: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [hasActiveOutline ? 1 : 0, 0],\n }),\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n <AnimatedText\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: placeholderColor,\n opacity: hasActiveOutline ? labeled : 1,\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n </View>\n ) : null}\n\n {leftIconName && leftIconMode === \"inset\" ? (\n <Icon\n {...leftIconProps}\n style={{\n ...leftIconStyle,\n marginLeft: type === \"solid\" ? 16 : 0,\n }}\n />\n ) : null}\n\n <NativeTextInput\n value={formatDate()}\n placeholder={label ? placeholder1 : placeholder}\n editable={!disabled}\n placeholderTextColor={placeholderColor}\n selectionColor={activeColor}\n onFocus={_handleFocus}\n onBlur={_handleBlur}\n underlineColorAndroid={\"transparent\"}\n style={inputStyles}\n {...props}\n />\n </View>\n {rightIconName ? (\n <Icon\n name={rightIconName}\n size={ICON_SIZE}\n color={colors.light}\n style={{\n position: \"absolute\",\n right: 16,\n marginTop:\n type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n }}\n />\n ) : null}\n </View>\n </View>\n </Touchable>\n {pickerVisible && (\n <Portal>\n <View\n style={[\n styles.picker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <View\n style={[\n styles.pickerContainer,\n {\n paddingTop: insets.top,\n paddingBottom: insets.bottom,\n paddingLeft: insets.left,\n paddingRight: insets.right,\n },\n ]}\n >\n <DateTimePicker\n value={getValidDate()}\n mode={mode}\n isVisible={pickerVisible}\n toggleVisibility={toggleVisibility}\n onChange={(_event: any, data: any) => {\n toggleVisibility();\n setValue(data);\n onDateChange(data);\n }}\n />\n </View>\n </View>\n </Portal>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n picker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n underline: {\n position: \"absolute\",\n left: 0,\n right: 0,\n bottom: 0,\n height: 2,\n },\n input: {\n flexGrow: 1,\n justifyContent: \"center\",\n textAlignVertical: \"center\",\n margin: 0,\n textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n },\n placeholder: {\n position: \"absolute\",\n left: 0,\n },\n pickerContainer: { flexDirection: \"column\", width: \"100%\", zIndex: 100 },\n closeButton: {\n alignSelf: \"flex-end\",\n },\n});\n\nexport default withTheme(DatePicker);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","View","Animated","Text","StyleSheet","I18nManager","TextInput","NativeTextInput","useSafeAreaInsets","dateFormat","withTheme","Portal","Touchable","DateTimePicker","AnimatedText","createAnimatedComponent","FOCUS_ANIMATION_DURATION","BLUR_ANIMATION_DURATION","ICON_SIZE","MONTHS","DatePicker","Icon","style","theme","colors","typography","roundness","disabledOpacity","date","onDateChange","defaultValue","disabled","mode","format","type","leftIconName","rightIconName","leftIconMode","label","placeholder","props","value","setValue","useState","useEffect","pickerVisible","setPickerVisible","labeled","Value","placeholder1","setPlaceholder1","focused","setFocused","labelLayout","setLabelLayout","measured","width","getValidDate","Date","getMonth","formatDate","newDate","toLocaleTimeString","toLocaleString","getDate","getFullYear","toggleVisibility","_handleBlur","_handleFocus","insets","_hidePlaceholder","timing","toValue","duration","useNativeDriver","start","_showPlaceholder","setTimeout","clearTimeout","MINIMIZED_LABEL_Y_OFFSET","caption","lineHeight","OUTLINE_MINIMIZED_LABEL_Y_OFFSET","MAXIMIZED_LABEL_FONT_SIZE","subtitle1","fontSize","MINIMIZED_LABEL_FONT_SIZE","hasActiveOutline","inputTextColor","activeColor","underlineColor","borderColor","placeholderColor","containerStyle","backgroundColor","inputStyle","strong","light","divider","primary","background","paddingVertical","color","paddingLeft","paddingRight","height","borderTopLeftRadius","borderTopRightRadius","paddingBottom","marginTop","borderRadius","borderWidth","paddingTop","opacity","paddingHorizontal","marginLeft","leftIconColor","leftIconProps","size","name","leftIconStyle","position","labelStyle","top","left","transform","translateY","interpolate","inputRange","outputRange","scale","translateX","inputStyles","styles","input","marginHorizontal","container","underline","scaleY","absoluteFill","e","nativeEvent","layout","right","picker","pickerContainer","bottom","_event","data","create","alignSelf","flexDirection","justifyContent","flexGrow","textAlignVertical","margin","textAlign","isRTL","zIndex","closeButton"],"sources":["DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Animated,\n Text,\n StyleSheet,\n StyleProp,\n ViewStyle,\n TextStyle,\n TextInputProps,\n ImageStyle,\n I18nManager,\n LayoutChangeEvent,\n TextInput as NativeTextInput,\n} from \"react-native\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\nimport dateFormat from \"dateformat\";\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Touchable from \"../Touchable\";\nimport DateTimePicker from \"./DatePickerComponent\";\n\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst AnimatedText = Animated.createAnimatedComponent(Text);\n\nconst FOCUS_ANIMATION_DURATION = 150;\nconst BLUR_ANIMATION_DURATION = 180;\nconst ICON_SIZE = 24;\n\ntype Props = {\n style?: StyleProp<ViewStyle> & { height?: number };\n theme: Theme;\n // initialDate?: string;\n // locale?: string;\n // minuteInterval?: number;\n // timeZoneOffsetInMinutes?: number;\n // error?: boolean;\n // type?: string;\n date?: Date;\n format?: string;\n onDateChange?: (data?: Date) => void;\n defaultValue?: Date;\n disabled?: boolean;\n mode?: \"date\" | \"time\" | \"datetime\";\n type?: \"solid\" | \"underline\";\n label?: string;\n placeholder?: string;\n leftIconName?: string;\n leftIconMode?: \"outset\" | \"inset\";\n rightIconName?: string;\n} & IconSlot &\n TextInputProps;\n\nconst MONTHS = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n];\n\nconst DatePicker: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n style,\n theme: { colors, typography, roundness, disabledOpacity },\n date,\n onDateChange = () => {},\n defaultValue,\n disabled = false,\n mode = \"date\",\n format,\n type = \"underline\",\n leftIconName,\n rightIconName,\n leftIconMode = \"inset\",\n label,\n placeholder,\n ...props\n}) => {\n const [value, setValue] = React.useState<any>(date || defaultValue);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setValue(defaultValue);\n }\n }, [defaultValue]);\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n const [labeled] = React.useState<Animated.Value>(\n new Animated.Value(date ? 0 : 1)\n );\n const [placeholder1, setPlaceholder1] = React.useState(\"\");\n const [focused, setFocused] = React.useState<boolean>(false);\n const [labelLayout, setLabelLayout] = React.useState<{\n measured: Boolean;\n width: number;\n }>({ measured: false, width: 0 });\n\n const getValidDate = (): Date => {\n if (!value) {\n return new Date();\n }\n return typeof value?.getMonth === \"function\" ? value : new Date();\n };\n\n const formatDate = (): string => {\n if (!value) return \"\";\n let newDate = getValidDate();\n\n if (format) return dateFormat(newDate, format);\n\n if (mode === \"time\") {\n return `${newDate.toLocaleTimeString()}`;\n }\n\n if (mode === \"datetime\") {\n return `${newDate.toLocaleString()}`;\n }\n\n return `${\n MONTHS[newDate.getMonth()]\n } ${newDate.getDate()}, ${newDate.getFullYear()}`;\n };\n\n const toggleVisibility = async () => {\n setPickerVisible(!pickerVisible);\n focused ? _handleBlur() : _handleFocus();\n };\n const insets = useSafeAreaInsets();\n\n // const _restoreLabel = () =>\n // Animated.timing(labeled, {\n // toValue: 1,\n // duration: FOCUS_ANIMATION_DURATION,\n // useNativeDriver: true,\n // }).start();\n\n // const _minmizeLabel = () =>\n // Animated.timing(labeled, {\n // toValue: 0,\n // duration: BLUR_ANIMATION_DURATION,\n // useNativeDriver: true,\n // }).start();\n\n // const _showPlaceholder = () =>\n // setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n\n const _hidePlaceholder = () => {\n setPlaceholder1(\"\");\n };\n\n React.useEffect(() => {\n setValue(date);\n }, [date]);\n\n React.useEffect(() => {\n if (value || focused || placeholder1) {\n // _minmizeLabel();\n Animated.timing(labeled, {\n toValue: 0,\n duration: BLUR_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n } else {\n // _restoreLabel();\n Animated.timing(labeled, {\n toValue: 1,\n duration: FOCUS_ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n }\n }, [value, focused, placeholder1, labeled]);\n\n React.useEffect(() => {\n const _showPlaceholder = () =>\n setTimeout(() => setPlaceholder1(placeholder || \"\"), 50);\n if (focused || !label) {\n _showPlaceholder();\n } else {\n _hidePlaceholder();\n }\n return () => {\n clearTimeout(_showPlaceholder());\n };\n }, [focused, label, placeholder]);\n\n const _handleFocus = () => {\n if (disabled) {\n return;\n }\n\n setFocused(true);\n };\n\n const _handleBlur = () => {\n if (disabled) {\n return;\n }\n setFocused(false);\n };\n\n const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);\n const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);\n const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;\n const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;\n\n const hasActiveOutline = focused;\n\n let inputTextColor,\n activeColor,\n underlineColor,\n borderColor,\n placeholderColor,\n containerStyle: StyleProp<ViewStyle>,\n backgroundColor,\n inputStyle: StyleProp<TextStyle>;\n\n inputTextColor = colors.strong;\n if (disabled) {\n activeColor = colors.light;\n placeholderColor = colors.light;\n borderColor = \"transparent\";\n underlineColor = \"transparent\";\n backgroundColor = colors.divider;\n } else {\n activeColor = colors.primary;\n placeholderColor = borderColor = colors.light;\n underlineColor = colors.light;\n backgroundColor = colors.background;\n }\n\n const { lineHeight, ...subtitle1 } = typography.subtitle1;\n\n inputStyle = {\n paddingVertical: 0,\n color: inputTextColor,\n paddingLeft:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n paddingRight: rightIconName ? ICON_SIZE + 16 + 4 : 12,\n ...subtitle1,\n height: lineHeight,\n };\n\n if (type === \"underline\") {\n containerStyle = {\n borderTopLeftRadius: roundness,\n borderTopRightRadius: roundness,\n paddingBottom: 12,\n marginTop: 16,\n };\n } else {\n containerStyle = {\n borderRadius: roundness,\n borderColor: hasActiveOutline ? activeColor : borderColor,\n borderWidth: 1,\n paddingTop: labeled ? 16 * 1.5 : 16,\n paddingBottom: labeled ? 16 * 0.5 : 16,\n opacity: disabled ? disabledOpacity : 1,\n backgroundColor,\n };\n\n inputStyle.paddingHorizontal = 12;\n }\n\n if (leftIconName && leftIconMode === \"outset\") {\n containerStyle.marginLeft = ICON_SIZE + 8;\n }\n\n let leftIconColor;\n if (focused) {\n leftIconColor = colors.primary;\n } else {\n leftIconColor = colors.light;\n }\n\n const leftIconProps = {\n size: 24,\n color: leftIconColor,\n name: leftIconName || \"\",\n };\n\n const leftIconStyle: ImageStyle = {\n position: \"absolute\",\n marginTop:\n type === \"solid\"\n ? leftIconMode === \"inset\"\n ? MINIMIZED_LABEL_FONT_SIZE + 4\n : 16\n : leftIconMode === \"outset\"\n ? 16\n : 0,\n };\n\n const labelStyle = {\n ...typography.subtitle1,\n top: type === \"solid\" ? 16 : 0,\n left:\n leftIconName && leftIconMode === \"inset\"\n ? ICON_SIZE + (type === \"solid\" ? 16 : 12)\n : 0,\n transform: [\n {\n // Move label to top\n translateY: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n type === \"solid\"\n ? OUTLINE_MINIMIZED_LABEL_Y_OFFSET\n : MINIMIZED_LABEL_Y_OFFSET,\n 0,\n ],\n }),\n },\n {\n // Make label smaller\n scale: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE,\n 1,\n ],\n }),\n },\n {\n // Offset label scale since RN doesn't support transform origin\n translateX: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [\n -(1 - MINIMIZED_LABEL_FONT_SIZE / MAXIMIZED_LABEL_FONT_SIZE) *\n (labelLayout.width / 2),\n 0,\n ],\n }),\n },\n ],\n };\n\n const inputStyles = [\n styles.input,\n inputStyle,\n type === \"solid\" ? { marginHorizontal: 12 } : {},\n ];\n\n // const render = (props) => <NativeTextInput {...props} />;\n\n return (\n <View style={[styles.container, style]}>\n <Touchable disabled={disabled} onPress={toggleVisibility}>\n <View pointerEvents=\"none\">\n <View style={[styles.container, style]}>\n {leftIconName && leftIconMode === \"outset\" ? (\n <Icon {...leftIconProps} style={leftIconStyle} />\n ) : null}\n <View\n style={[containerStyle, style ? { height: style.height } : {}]}\n >\n {type === \"underline\" ? (\n // When type === 'flat', render an underline\n <Animated.View\n style={[\n styles.underline,\n {\n backgroundColor: focused ? activeColor : underlineColor,\n // Underlines is thinner when input is not focused\n transform: [{ scaleY: focused ? 1 : 0.5 }],\n },\n ]}\n />\n ) : null}\n\n {label ? (\n // Position colored placeholder and gray placeholder on top of each other and crossfade them\n // This gives the effect of animating the color, but allows us to use native driver\n <View\n pointerEvents=\"none\"\n style={[\n StyleSheet.absoluteFill,\n {\n opacity:\n // Hide the label in minimized state until we measure its width\n date || focused ? (labelLayout.measured ? 1 : 0) : 1,\n },\n ]}\n >\n <AnimatedText\n onLayout={(e: LayoutChangeEvent) =>\n setLabelLayout({\n width: e.nativeEvent.layout.width,\n measured: true,\n })\n }\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: colors.light,\n opacity: labeled.interpolate({\n inputRange: [0, 1],\n outputRange: [hasActiveOutline ? 1 : 0, 0],\n }),\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n <AnimatedText\n style={[\n styles.placeholder,\n type === \"solid\" ? { paddingHorizontal: 12 } : {},\n labelStyle,\n {\n color: placeholderColor,\n opacity: hasActiveOutline ? labeled : 1,\n },\n ]}\n numberOfLines={1}\n >\n {label}\n </AnimatedText>\n </View>\n ) : null}\n\n {leftIconName && leftIconMode === \"inset\" ? (\n <Icon\n {...leftIconProps}\n style={{\n ...leftIconStyle,\n marginLeft: type === \"solid\" ? 16 : 0,\n }}\n />\n ) : null}\n\n <NativeTextInput\n value={formatDate()}\n placeholder={label ? placeholder1 : placeholder}\n editable={!disabled}\n placeholderTextColor={placeholderColor}\n selectionColor={activeColor}\n onFocus={_handleFocus}\n onBlur={_handleBlur}\n underlineColorAndroid={\"transparent\"}\n style={inputStyles}\n {...props}\n />\n </View>\n {rightIconName ? (\n <Icon\n name={rightIconName}\n size={ICON_SIZE}\n color={colors.light}\n style={{\n position: \"absolute\",\n right: 16,\n marginTop:\n type === \"solid\" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16,\n }}\n />\n ) : null}\n </View>\n </View>\n </Touchable>\n {pickerVisible && (\n <Portal>\n <View\n style={[\n styles.picker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <View\n style={[\n styles.pickerContainer,\n {\n paddingTop: insets.top,\n paddingBottom: insets.bottom,\n paddingLeft: insets.left,\n paddingRight: insets.right,\n },\n ]}\n >\n <DateTimePicker\n value={getValidDate()}\n mode={mode}\n isVisible={pickerVisible}\n toggleVisibility={toggleVisibility}\n onChange={(_event: any, data: any) => {\n toggleVisibility();\n setValue(data);\n onDateChange(data);\n }}\n />\n </View>\n </View>\n </Portal>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n picker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n underline: {\n position: \"absolute\",\n left: 0,\n right: 0,\n bottom: 0,\n height: 2,\n },\n input: {\n flexGrow: 1,\n justifyContent: \"center\",\n textAlignVertical: \"center\",\n margin: 0,\n textAlign: I18nManager.isRTL ? \"right\" : \"left\",\n },\n placeholder: {\n position: \"absolute\",\n left: 0,\n },\n pickerContainer: { flexDirection: \"column\", width: \"100%\", zIndex: 100 },\n closeButton: {\n alignSelf: \"flex-end\",\n },\n});\n\nexport default withTheme(DatePicker);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,QAFF,EAGEC,IAHF,EAIEC,UAJF,EAUEC,WAVF,EAYEC,SAAS,IAAIC,eAZf,QAaO,cAbP;AAcA,SAASC,iBAAT,QAAkC,gCAAlC;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,cAAP,MAA2B,uBAA3B;AAKA,MAAMC,YAAY,GAAGZ,QAAQ,CAACa,uBAAT,CAAiCZ,IAAjC,CAArB;AAEA,MAAMa,wBAAwB,GAAG,GAAjC;AACA,MAAMC,uBAAuB,GAAG,GAAhC;AACA,MAAMC,SAAS,GAAG,EAAlB;AA0BA,MAAMC,MAAM,GAAG,CACb,SADa,EAEb,UAFa,EAGb,OAHa,EAIb,OAJa,EAKb,KALa,EAMb,MANa,EAOb,MAPa,EAQb,QARa,EASb,WATa,EAUb,SAVa,EAWb,UAXa,EAYb,UAZa,CAAf;;AAeA,MAAMC,UAAoD,GAAG,QAiBvD;EAAA,IAjBwD;IAC5DC,IAD4D;IAE5DC,KAF4D;IAG5DC,KAAK,EAAE;MAAEC,MAAF;MAAUC,UAAV;MAAsBC,SAAtB;MAAiCC;IAAjC,CAHqD;IAI5DC,IAJ4D;IAK5DC,YAAY,GAAG,MAAM,CAAE,CALqC;IAM5DC,YAN4D;IAO5DC,QAAQ,GAAG,KAPiD;IAQ5DC,IAAI,GAAG,MARqD;IAS5DC,MAT4D;IAU5DC,IAAI,GAAG,WAVqD;IAW5DC,YAX4D;IAY5DC,aAZ4D;IAa5DC,YAAY,GAAG,OAb6C;IAc5DC,KAd4D;IAe5DC,WAf4D;IAgB5D,GAAGC;EAhByD,CAiBxD;EACJ,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB1C,KAAK,CAAC2C,QAAN,CAAoBf,IAAI,IAAIE,YAA5B,CAA1B;EAEA9B,KAAK,CAAC4C,SAAN,CAAgB,MAAM;IACpB,IAAId,YAAY,IAAI,IAApB,EAA0B;MACxBY,QAAQ,CAACZ,YAAD,CAAR;IACD;EACF,CAJD,EAIG,CAACA,YAAD,CAJH;EAMA,MAAM,CAACe,aAAD,EAAgBC,gBAAhB,IAAoC9C,KAAK,CAAC2C,QAAN,CAAe,KAAf,CAA1C;EACA,MAAM,CAACI,OAAD,IAAY/C,KAAK,CAAC2C,QAAN,CAChB,IAAIzC,QAAQ,CAAC8C,KAAb,CAAmBpB,IAAI,GAAG,CAAH,GAAO,CAA9B,CADgB,CAAlB;EAGA,MAAM,CAACqB,YAAD,EAAeC,eAAf,IAAkClD,KAAK,CAAC2C,QAAN,CAAe,EAAf,CAAxC;EACA,MAAM,CAACQ,OAAD,EAAUC,UAAV,IAAwBpD,KAAK,CAAC2C,QAAN,CAAwB,KAAxB,CAA9B;EACA,MAAM,CAACU,WAAD,EAAcC,cAAd,IAAgCtD,KAAK,CAAC2C,QAAN,CAGnC;IAAEY,QAAQ,EAAE,KAAZ;IAAmBC,KAAK,EAAE;EAA1B,CAHmC,CAAtC;;EAKA,MAAMC,YAAY,GAAG,MAAY;IAC/B,IAAI,CAAChB,KAAL,EAAY;MACV,OAAO,IAAIiB,IAAJ,EAAP;IACD;;IACD,OAAO,QAAOjB,KAAP,aAAOA,KAAP,uBAAOA,KAAK,CAAEkB,QAAd,MAA2B,UAA3B,GAAwClB,KAAxC,GAAgD,IAAIiB,IAAJ,EAAvD;EACD,CALD;;EAOA,MAAME,UAAU,GAAG,MAAc;IAC/B,IAAI,CAACnB,KAAL,EAAY,OAAO,EAAP;IACZ,IAAIoB,OAAO,GAAGJ,YAAY,EAA1B;IAEA,IAAIxB,MAAJ,EAAY,OAAOxB,UAAU,CAACoD,OAAD,EAAU5B,MAAV,CAAjB;;IAEZ,IAAID,IAAI,KAAK,MAAb,EAAqB;MACnB,OAAQ,GAAE6B,OAAO,CAACC,kBAAR,EAA6B,EAAvC;IACD;;IAED,IAAI9B,IAAI,KAAK,UAAb,EAAyB;MACvB,OAAQ,GAAE6B,OAAO,CAACE,cAAR,EAAyB,EAAnC;IACD;;IAED,OAAQ,GACN5C,MAAM,CAAC0C,OAAO,CAACF,QAAR,EAAD,CACP,IAAGE,OAAO,CAACG,OAAR,EAAkB,KAAIH,OAAO,CAACI,WAAR,EAAsB,EAFhD;EAGD,CAjBD;;EAmBA,MAAMC,gBAAgB,GAAG,YAAY;IACnCpB,gBAAgB,CAAC,CAACD,aAAF,CAAhB;IACAM,OAAO,GAAGgB,WAAW,EAAd,GAAmBC,YAAY,EAAtC;EACD,CAHD;;EAIA,MAAMC,MAAM,GAAG7D,iBAAiB,EAAhC,CAlDI,CAoDJ;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;EAEA,MAAM8D,gBAAgB,GAAG,MAAM;IAC7BpB,eAAe,CAAC,EAAD,CAAf;EACD,CAFD;;EAIAlD,KAAK,CAAC4C,SAAN,CAAgB,MAAM;IACpBF,QAAQ,CAACd,IAAD,CAAR;EACD,CAFD,EAEG,CAACA,IAAD,CAFH;EAIA5B,KAAK,CAAC4C,SAAN,CAAgB,MAAM;IACpB,IAAIH,KAAK,IAAIU,OAAT,IAAoBF,YAAxB,EAAsC;MACpC;MACA/C,QAAQ,CAACqE,MAAT,CAAgBxB,OAAhB,EAAyB;QACvByB,OAAO,EAAE,CADc;QAEvBC,QAAQ,EAAExD,uBAFa;QAGvByD,eAAe,EAAE;MAHM,CAAzB,EAIGC,KAJH;IAKD,CAPD,MAOO;MACL;MACAzE,QAAQ,CAACqE,MAAT,CAAgBxB,OAAhB,EAAyB;QACvByB,OAAO,EAAE,CADc;QAEvBC,QAAQ,EAAEzD,wBAFa;QAGvB0D,eAAe,EAAE;MAHM,CAAzB,EAIGC,KAJH;IAKD;EACF,CAhBD,EAgBG,CAAClC,KAAD,EAAQU,OAAR,EAAiBF,YAAjB,EAA+BF,OAA/B,CAhBH;EAkBA/C,KAAK,CAAC4C,SAAN,CAAgB,MAAM;IACpB,MAAMgC,gBAAgB,GAAG,MACvBC,UAAU,CAAC,MAAM3B,eAAe,CAACX,WAAW,IAAI,EAAhB,CAAtB,EAA2C,EAA3C,CADZ;;IAEA,IAAIY,OAAO,IAAI,CAACb,KAAhB,EAAuB;MACrBsC,gBAAgB;IACjB,CAFD,MAEO;MACLN,gBAAgB;IACjB;;IACD,OAAO,MAAM;MACXQ,YAAY,CAACF,gBAAgB,EAAjB,CAAZ;IACD,CAFD;EAGD,CAXD,EAWG,CAACzB,OAAD,EAAUb,KAAV,EAAiBC,WAAjB,CAXH;;EAaA,MAAM6B,YAAY,GAAG,MAAM;IACzB,IAAIrC,QAAJ,EAAc;MACZ;IACD;;IAEDqB,UAAU,CAAC,IAAD,CAAV;EACD,CAND;;EAQA,MAAMe,WAAW,GAAG,MAAM;IACxB,IAAIpC,QAAJ,EAAc;MACZ;IACD;;IACDqB,UAAU,CAAC,KAAD,CAAV;EACD,CALD;;EAOA,MAAM2B,wBAAwB,GAAG,EAAEtD,UAAU,CAACuD,OAAX,CAAmBC,UAAnB,GAAgC,CAAlC,CAAjC;EACA,MAAMC,gCAAgC,GAAG,EAAE,KAAK,GAAL,GAAW,CAAb,CAAzC;EACA,MAAMC,yBAAyB,GAAG1D,UAAU,CAAC2D,SAAX,CAAqBC,QAAvD;EACA,MAAMC,yBAAyB,GAAG7D,UAAU,CAACuD,OAAX,CAAmBK,QAArD;EAEA,MAAME,gBAAgB,GAAGpC,OAAzB;EAEA,IAAIqC,cAAJ,EACEC,WADF,EAEEC,cAFF,EAGEC,WAHF,EAIEC,gBAJF,EAKEC,cALF,EAMEC,eANF,EAOEC,UAPF;EASAP,cAAc,GAAGhE,MAAM,CAACwE,MAAxB;;EACA,IAAIjE,QAAJ,EAAc;IACZ0D,WAAW,GAAGjE,MAAM,CAACyE,KAArB;IACAL,gBAAgB,GAAGpE,MAAM,CAACyE,KAA1B;IACAN,WAAW,GAAG,aAAd;IACAD,cAAc,GAAG,aAAjB;IACAI,eAAe,GAAGtE,MAAM,CAAC0E,OAAzB;EACD,CAND,MAMO;IACLT,WAAW,GAAGjE,MAAM,CAAC2E,OAArB;IACAP,gBAAgB,GAAGD,WAAW,GAAGnE,MAAM,CAACyE,KAAxC;IACAP,cAAc,GAAGlE,MAAM,CAACyE,KAAxB;IACAH,eAAe,GAAGtE,MAAM,CAAC4E,UAAzB;EACD;;EAED,MAAM;IAAEnB,UAAF;IAAc,GAAGG;EAAjB,IAA+B3D,UAAU,CAAC2D,SAAhD;EAEAW,UAAU,GAAG;IACXM,eAAe,EAAE,CADN;IAEXC,KAAK,EAAEd,cAFI;IAGXe,WAAW,EACTpE,YAAY,IAAIE,YAAY,KAAK,OAAjC,GACInB,SAAS,IAAIgB,IAAI,KAAK,OAAT,GAAmB,EAAnB,GAAwB,EAA5B,CADb,GAEI,CANK;IAOXsE,YAAY,EAAEpE,aAAa,GAAGlB,SAAS,GAAG,EAAZ,GAAiB,CAApB,GAAwB,EAPxC;IAQX,GAAGkE,SARQ;IASXqB,MAAM,EAAExB;EATG,CAAb;;EAYA,IAAI/C,IAAI,KAAK,WAAb,EAA0B;IACxB2D,cAAc,GAAG;MACfa,mBAAmB,EAAEhF,SADN;MAEfiF,oBAAoB,EAAEjF,SAFP;MAGfkF,aAAa,EAAE,EAHA;MAIfC,SAAS,EAAE;IAJI,CAAjB;EAMD,CAPD,MAOO;IACLhB,cAAc,GAAG;MACfiB,YAAY,EAAEpF,SADC;MAEfiE,WAAW,EAAEJ,gBAAgB,GAAGE,WAAH,GAAiBE,WAF/B;MAGfoB,WAAW,EAAE,CAHE;MAIfC,UAAU,EAAEjE,OAAO,GAAG,KAAK,GAAR,GAAc,EAJlB;MAKf6D,aAAa,EAAE7D,OAAO,GAAG,KAAK,GAAR,GAAc,EALrB;MAMfkE,OAAO,EAAElF,QAAQ,GAAGJ,eAAH,GAAqB,CANvB;MAOfmE;IAPe,CAAjB;IAUAC,UAAU,CAACmB,iBAAX,GAA+B,EAA/B;EACD;;EAED,IAAI/E,YAAY,IAAIE,YAAY,KAAK,QAArC,EAA+C;IAC7CwD,cAAc,CAACsB,UAAf,GAA4BjG,SAAS,GAAG,CAAxC;EACD;;EAED,IAAIkG,aAAJ;;EACA,IAAIjE,OAAJ,EAAa;IACXiE,aAAa,GAAG5F,MAAM,CAAC2E,OAAvB;EACD,CAFD,MAEO;IACLiB,aAAa,GAAG5F,MAAM,CAACyE,KAAvB;EACD;;EAED,MAAMoB,aAAa,GAAG;IACpBC,IAAI,EAAE,EADc;IAEpBhB,KAAK,EAAEc,aAFa;IAGpBG,IAAI,EAAEpF,YAAY,IAAI;EAHF,CAAtB;EAMA,MAAMqF,aAAyB,GAAG;IAChCC,QAAQ,EAAE,UADsB;IAEhCZ,SAAS,EACP3E,IAAI,KAAK,OAAT,GACIG,YAAY,KAAK,OAAjB,GACEiD,yBAAyB,GAAG,CAD9B,GAEE,EAHN,GAIIjD,YAAY,KAAK,QAAjB,GACA,EADA,GAEA;EAT0B,CAAlC;EAYA,MAAMqF,UAAU,GAAG,EACjB,GAAGjG,UAAU,CAAC2D,SADG;IAEjBuC,GAAG,EAAEzF,IAAI,KAAK,OAAT,GAAmB,EAAnB,GAAwB,CAFZ;IAGjB0F,IAAI,EACFzF,YAAY,IAAIE,YAAY,KAAK,OAAjC,GACInB,SAAS,IAAIgB,IAAI,KAAK,OAAT,GAAmB,EAAnB,GAAwB,EAA5B,CADb,GAEI,CANW;IAOjB2F,SAAS,EAAE,CACT;MACE;MACAC,UAAU,EAAE/E,OAAO,CAACgF,WAAR,CAAoB;QAC9BC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADkB;QAE9BC,WAAW,EAAE,CACX/F,IAAI,KAAK,OAAT,GACIgD,gCADJ,GAEIH,wBAHO,EAIX,CAJW;MAFiB,CAApB;IAFd,CADS,EAaT;MACE;MACAmD,KAAK,EAAEnF,OAAO,CAACgF,WAAR,CAAoB;QACzBC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADa;QAEzBC,WAAW,EAAE,CACX3C,yBAAyB,GAAGH,yBADjB,EAEX,CAFW;MAFY,CAApB;IAFT,CAbS,EAuBT;MACE;MACAgD,UAAU,EAAEpF,OAAO,CAACgF,WAAR,CAAoB;QAC9BC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADkB;QAE9BC,WAAW,EAAE,CACX,EAAE,IAAI3C,yBAAyB,GAAGH,yBAAlC,KACG9B,WAAW,CAACG,KAAZ,GAAoB,CADvB,CADW,EAGX,CAHW;MAFiB,CAApB;IAFd,CAvBS;EAPM,CAAnB;EA4CA,MAAM4E,WAAW,GAAG,CAClBC,MAAM,CAACC,KADW,EAElBvC,UAFkB,EAGlB7D,IAAI,KAAK,OAAT,GAAmB;IAAEqG,gBAAgB,EAAE;EAApB,CAAnB,GAA8C,EAH5B,CAApB,CArQI,CA2QJ;;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACF,MAAM,CAACG,SAAR,EAAmBlH,KAAnB;EAAb,gBACE,oBAAC,SAAD;IAAW,QAAQ,EAAES,QAArB;IAA+B,OAAO,EAAEmC;EAAxC,gBACE,oBAAC,IAAD;IAAM,aAAa,EAAC;EAApB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACmE,MAAM,CAACG,SAAR,EAAmBlH,KAAnB;EAAb,GACGa,YAAY,IAAIE,YAAY,KAAK,QAAjC,gBACC,oBAAC,IAAD,eAAUgF,aAAV;IAAyB,KAAK,EAAEG;EAAhC,GADD,GAEG,IAHN,eAIE,oBAAC,IAAD;IACE,KAAK,EAAE,CAAC3B,cAAD,EAAiBvE,KAAK,GAAG;MAAEmF,MAAM,EAAEnF,KAAK,CAACmF;IAAhB,CAAH,GAA8B,EAApD;EADT,GAGGvE,IAAI,KAAK,WAAT;EAAA;EACC;EACA,oBAAC,QAAD,CAAU,IAAV;IACE,KAAK,EAAE,CACLmG,MAAM,CAACI,SADF,EAEL;MACE3C,eAAe,EAAE3C,OAAO,GAAGsC,WAAH,GAAiBC,cAD3C;MAEE;MACAmC,SAAS,EAAE,CAAC;QAAEa,MAAM,EAAEvF,OAAO,GAAG,CAAH,GAAO;MAAxB,CAAD;IAHb,CAFK;EADT,EAFD,GAYG,IAfN,EAiBGb,KAAK;EAAA;EACJ;EACA;EACA,oBAAC,IAAD;IACE,aAAa,EAAC,MADhB;IAEE,KAAK,EAAE,CACLlC,UAAU,CAACuI,YADN,EAEL;MACE1B,OAAO,EACL;MACArF,IAAI,IAAIuB,OAAR,GAAmBE,WAAW,CAACE,QAAZ,GAAuB,CAAvB,GAA2B,CAA9C,GAAmD;IAHvD,CAFK;EAFT,gBAWE,oBAAC,YAAD;IACE,QAAQ,EAAGqF,CAAD,IACRtF,cAAc,CAAC;MACbE,KAAK,EAAEoF,CAAC,CAACC,WAAF,CAAcC,MAAd,CAAqBtF,KADf;MAEbD,QAAQ,EAAE;IAFG,CAAD,CAFlB;IAOE,KAAK,EAAE,CACL8E,MAAM,CAAC9F,WADF,EAELL,IAAI,KAAK,OAAT,GAAmB;MAAEgF,iBAAiB,EAAE;IAArB,CAAnB,GAA+C,EAF1C,EAGLQ,UAHK,EAIL;MACEpB,KAAK,EAAE9E,MAAM,CAACyE,KADhB;MAEEgB,OAAO,EAAElE,OAAO,CAACgF,WAAR,CAAoB;QAC3BC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CADe;QAE3BC,WAAW,EAAE,CAAC1C,gBAAgB,GAAG,CAAH,GAAO,CAAxB,EAA2B,CAA3B;MAFc,CAApB;IAFX,CAJK,CAPT;IAmBE,aAAa,EAAE;EAnBjB,GAqBGjD,KArBH,CAXF,eAkCE,oBAAC,YAAD;IACE,KAAK,EAAE,CACL+F,MAAM,CAAC9F,WADF,EAELL,IAAI,KAAK,OAAT,GAAmB;MAAEgF,iBAAiB,EAAE;IAArB,CAAnB,GAA+C,EAF1C,EAGLQ,UAHK,EAIL;MACEpB,KAAK,EAAEV,gBADT;MAEEqB,OAAO,EAAE1B,gBAAgB,GAAGxC,OAAH,GAAa;IAFxC,CAJK,CADT;IAUE,aAAa,EAAE;EAVjB,GAYGT,KAZH,CAlCF,CAHI,GAoDF,IArEN,EAuEGH,YAAY,IAAIE,YAAY,KAAK,OAAjC,gBACC,oBAAC,IAAD,eACMgF,aADN;IAEE,KAAK,EAAE,EACL,GAAGG,aADE;MAELL,UAAU,EAAEjF,IAAI,KAAK,OAAT,GAAmB,EAAnB,GAAwB;IAF/B;EAFT,GADD,GAQG,IA/EN,eAiFE,oBAAC,eAAD;IACE,KAAK,EAAE0B,UAAU,EADnB;IAEE,WAAW,EAAEtB,KAAK,GAAGW,YAAH,GAAkBV,WAFtC;IAGE,QAAQ,EAAE,CAACR,QAHb;IAIE,oBAAoB,EAAE6D,gBAJxB;IAKE,cAAc,EAAEH,WALlB;IAME,OAAO,EAAErB,YANX;IAOE,MAAM,EAAED,WAPV;IAQE,qBAAqB,EAAE,aARzB;IASE,KAAK,EAAEiE;EATT,GAUM5F,KAVN,EAjFF,CAJF,EAkGGJ,aAAa,gBACZ,oBAAC,IAAD;IACE,IAAI,EAAEA,aADR;IAEE,IAAI,EAAElB,SAFR;IAGE,KAAK,EAAEM,MAAM,CAACyE,KAHhB;IAIE,KAAK,EAAE;MACLwB,QAAQ,EAAE,UADL;MAELsB,KAAK,EAAE,EAFF;MAGLlC,SAAS,EACP3E,IAAI,KAAK,OAAT,GAAmBoD,yBAAyB,GAAG,CAA/C,GAAmD;IAJhD;EAJT,EADY,GAYV,IA9GN,CADF,CADF,CADF,EAqHGzC,aAAa,iBACZ,oBAAC,MAAD,qBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLwF,MAAM,CAACW,MADF,EAEL;MACElD,eAAe,EAAEtE,MAAM,CAAC0E;IAD1B,CAFK;EADT,gBAQE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLmC,MAAM,CAACY,eADF,EAEL;MACEjC,UAAU,EAAE3C,MAAM,CAACsD,GADrB;MAEEf,aAAa,EAAEvC,MAAM,CAAC6E,MAFxB;MAGE3C,WAAW,EAAElC,MAAM,CAACuD,IAHtB;MAIEpB,YAAY,EAAEnC,MAAM,CAAC0E;IAJvB,CAFK;EADT,gBAWE,oBAAC,cAAD;IACE,KAAK,EAAEtF,YAAY,EADrB;IAEE,IAAI,EAAEzB,IAFR;IAGE,SAAS,EAAEa,aAHb;IAIE,gBAAgB,EAAEqB,gBAJpB;IAKE,QAAQ,EAAE,CAACiF,MAAD,EAAcC,IAAd,KAA4B;MACpClF,gBAAgB;MAChBxB,QAAQ,CAAC0G,IAAD,CAAR;MACAvH,YAAY,CAACuH,IAAD,CAAZ;IACD;EATH,EAXF,CARF,CADF,CAtHJ,CADF;AA4JD,CA1bD;;AA4bA,MAAMf,MAAM,GAAGjI,UAAU,CAACiJ,MAAX,CAAkB;EAC/Bb,SAAS,EAAE;IACTc,SAAS,EAAE;EADF,CADoB;EAI/BN,MAAM,EAAE;IACNvB,QAAQ,EAAE,UADJ;IAENyB,MAAM,EAAE,CAFF;IAGNtB,IAAI,EAAE,CAHA;IAINmB,KAAK,EAAE,CAJD;IAKNQ,aAAa,EAAE,KALT;IAMNC,cAAc,EAAE;EANV,CAJuB;EAY/Bf,SAAS,EAAE;IACThB,QAAQ,EAAE,UADD;IAETG,IAAI,EAAE,CAFG;IAGTmB,KAAK,EAAE,CAHE;IAITG,MAAM,EAAE,CAJC;IAKTzC,MAAM,EAAE;EALC,CAZoB;EAmB/B6B,KAAK,EAAE;IACLmB,QAAQ,EAAE,CADL;IAELD,cAAc,EAAE,QAFX;IAGLE,iBAAiB,EAAE,QAHd;IAILC,MAAM,EAAE,CAJH;IAKLC,SAAS,EAAEvJ,WAAW,CAACwJ,KAAZ,GAAoB,OAApB,GAA8B;EALpC,CAnBwB;EA0B/BtH,WAAW,EAAE;IACXkF,QAAQ,EAAE,UADC;IAEXG,IAAI,EAAE;EAFK,CA1BkB;EA8B/BqB,eAAe,EAAE;IAAEM,aAAa,EAAE,QAAjB;IAA2B/F,KAAK,EAAE,MAAlC;IAA0CsG,MAAM,EAAE;EAAlD,CA9Bc;EA+B/BC,WAAW,EAAE;IACXT,SAAS,EAAE;EADA;AA/BkB,CAAlB,CAAf;AAoCA,eAAe5I,SAAS,CAACU,UAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","DateTimePicker","DateTimePickerModal","DatePickerComponent","value","onChange","mode","toggleVisibility","OS","console","log","data"],"sources":["DatePickerComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { Platform } from \"react-native\";\nimport DateTimePicker from \"@react-native-community/datetimepicker\";\nimport DateTimePickerModal from \"react-native-modal-datetime-picker\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\n\nconst DatePickerComponent: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","Platform","DateTimePicker","DateTimePickerModal","DatePickerComponent","value","onChange","mode","toggleVisibility","OS","console","log","data"],"sources":["DatePickerComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { Platform } from \"react-native\";\nimport DateTimePicker from \"@react-native-community/datetimepicker\";\nimport DateTimePickerModal from \"react-native-modal-datetime-picker\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\n\nconst DatePickerComponent: React.FC<React.PropsWithChildren<Props>> = ({\n value,\n onChange,\n mode,\n toggleVisibility,\n}) => {\n return Platform.OS === \"ios\" || Platform.OS === \"android\" ? (\n <DateTimePickerModal\n date={value}\n mode={mode}\n isVisible={true}\n display={Platform.OS === \"ios\" ? \"spinner\" : \"default\"}\n onCancel={() => {\n console.log(\"Picker cancelled before selecting anything.\");\n toggleVisibility();\n }}\n onConfirm={(data) => {\n onChange(null, data);\n }}\n />\n ) : (\n <DateTimePicker\n value={value}\n mode={mode}\n onChange={onChange}\n display={\"default\"}\n />\n );\n};\n\nexport default DatePickerComponent;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,cAAP,MAA2B,wCAA3B;AACA,OAAOC,mBAAP,MAAgC,oCAAhC;;AAGA,MAAMC,mBAA6D,GAAG,QAKhE;EAAA,IALiE;IACrEC,KADqE;IAErEC,QAFqE;IAGrEC,IAHqE;IAIrEC;EAJqE,CAKjE;EACJ,OAAOP,QAAQ,CAACQ,EAAT,KAAgB,KAAhB,IAAyBR,QAAQ,CAACQ,EAAT,KAAgB,SAAzC,gBACL,oBAAC,mBAAD;IACE,IAAI,EAAEJ,KADR;IAEE,IAAI,EAAEE,IAFR;IAGE,SAAS,EAAE,IAHb;IAIE,OAAO,EAAEN,QAAQ,CAACQ,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC,SAJ/C;IAKE,QAAQ,EAAE,MAAM;MACdC,OAAO,CAACC,GAAR,CAAY,6CAAZ;MACAH,gBAAgB;IACjB,CARH;IASE,SAAS,EAAGI,IAAD,IAAU;MACnBN,QAAQ,CAAC,IAAD,EAAOM,IAAP,CAAR;IACD;EAXH,EADK,gBAeL,oBAAC,cAAD;IACE,KAAK,EAAEP,KADT;IAEE,IAAI,EAAEE,IAFR;IAGE,QAAQ,EAAED,QAHZ;IAIE,OAAO,EAAE;EAJX,EAfF;AAsBD,CA5BD;;AA8BA,eAAeF,mBAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["DatePickerComponentType.
|
|
1
|
+
{"version":3,"names":[],"sources":["DatePickerComponentType.js"],"sourcesContent":["export {};\n"],"mappings":"AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ActivityIndicator","View","Text","StyleSheet","color","Config","Touchable","Elevation","withTheme","Button","Icon","icon","disabled","type","loading","labelColor","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"sources":["DeprecatedButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ActivityIndicator,\n View,\n Text,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n * <figure>\n * <img src=\"screenshots/button-1.png\" />\n * <figcaption>Text button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-2.png\" />\n * <figcaption>Outlined button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-3.png\" />\n * <figcaption>Contained button</figcaption>\n * </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n * <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n * Press me\n * </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n disabled?: boolean;\n type?: \"solid\" | \"outline\" | \"text\";\n loading?: boolean;\n icon?: string;\n labelColor?: string;\n color?: string;\n children?: React.ReactNode;\n onPress: () => void;\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & TouchableHighlightProps &\n IconSlot;\n\nconst Button: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","ActivityIndicator","View","Text","StyleSheet","color","Config","Touchable","Elevation","withTheme","Button","Icon","icon","disabled","type","loading","labelColor","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"sources":["DeprecatedButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ActivityIndicator,\n View,\n Text,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n * <figure>\n * <img src=\"screenshots/button-1.png\" />\n * <figcaption>Text button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-2.png\" />\n * <figcaption>Outlined button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-3.png\" />\n * <figcaption>Contained button</figcaption>\n * </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n * <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n * Press me\n * </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n disabled?: boolean;\n type?: \"solid\" | \"outline\" | \"text\";\n loading?: boolean;\n icon?: string;\n labelColor?: string;\n color?: string;\n children?: React.ReactNode;\n onPress: () => void;\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & TouchableHighlightProps &\n IconSlot;\n\nconst Button: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n icon,\n disabled = false,\n type = \"solid\",\n loading = false,\n labelColor,\n color: colorOverride,\n children,\n onPress,\n elevation = 0,\n style,\n theme: { colors, disabledOpacity, roundness, typography },\n ...rest\n}) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n\n if (type === \"solid\") {\n backgroundColor = buttonColor;\n\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = labelColor || colors.surface;\n }\n } else {\n backgroundColor = \"transparent\";\n\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = labelColor || buttonColor;\n }\n }\n\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n } else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n\n const buttonStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n };\n\n const textStyle: StyleProp<TextStyle> = {\n textAlign: \"center\",\n color: textColor,\n marginVertical: 16,\n marginHorizontal: 16,\n };\n\n const iconStyle = [\n styles.icon,\n {\n marginLeft: 16,\n marginRight: -8,\n width: Config.buttonIconSize,\n },\n ];\n\n const {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n ...innerStyles\n } = StyleSheet.flatten(style || {});\n\n const margins = {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n };\n\n return (\n <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n <Touchable\n {...rest}\n onPress={onPress}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n disabled={disabled || loading}\n style={[styles.button, buttonStyle, innerStyles]}\n >\n <View style={styles.content}>\n {icon && loading !== true ? (\n <View style={iconStyle}>\n <Icon\n name={icon}\n size={Config.buttonIconSize}\n color={textColor}\n />\n </View>\n ) : null}\n {loading ? (\n <ActivityIndicator\n size=\"small\"\n color={textColor}\n style={iconStyle}\n />\n ) : null}\n <Text numberOfLines={1} style={[textStyle, typography.button]}>\n {children}\n </Text>\n </View>\n </Touchable>\n </Elevation>\n );\n};\n\nconst styles = StyleSheet.create({\n button: {\n minWidth: 64,\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n width: Config.buttonIconSize,\n },\n});\n\nexport default withTheme(Button);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","withTheme","Touchable","getWidth","numColumns","Card","children","onPress","style","rest","width"],"sources":["DeprecatedCardWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n numColumns?: number;\n children?: React.ReactNode;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n switch (numColumns) {\n case 1:\n return \"33%\";\n case 2:\n return \"50%\";\n default:\n return \"100%\";\n }\n};\n\nconst Card: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","withTheme","Touchable","getWidth","numColumns","Card","children","onPress","style","rest","width"],"sources":["DeprecatedCardWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n numColumns?: number;\n children?: React.ReactNode;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n switch (numColumns) {\n case 1:\n return \"33%\";\n case 2:\n return \"50%\";\n default:\n return \"100%\";\n }\n};\n\nconst Card: React.FC<React.PropsWithChildren<Props>> = ({\n numColumns = 3,\n children,\n onPress,\n style,\n ...rest\n}) => {\n const width = getWidth(numColumns);\n return (\n <Touchable\n disabled={!onPress}\n onPress={onPress}\n style={[style, { width }]}\n {...rest}\n >\n {children}\n </Touchable>\n );\n};\n\nexport default withTheme(Card);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,SAAP,MAAsB,aAAtB;;AAYA,MAAMC,QAAQ,GAAIC,UAAD,IAAwB;EACvC,QAAQA,UAAR;IACE,KAAK,CAAL;MACE,OAAO,KAAP;;IACF,KAAK,CAAL;MACE,OAAO,KAAP;;IACF;MACE,OAAO,MAAP;EANJ;AAQD,CATD;;AAWA,MAAMC,IAA8C,GAAG,QAMjD;EAAA,IANkD;IACtDD,UAAU,GAAG,CADyC;IAEtDE,QAFsD;IAGtDC,OAHsD;IAItDC,KAJsD;IAKtD,GAAGC;EALmD,CAMlD;EACJ,MAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;EACA,oBACE,oBAAC,SAAD;IACE,QAAQ,EAAE,CAACG,OADb;IAEE,OAAO,EAAEA,OAFX;IAGE,KAAK,EAAE,CAACC,KAAD,EAAQ;MAAEE;IAAF,CAAR;EAHT,GAIMD,IAJN,GAMGH,QANH,CADF;AAUD,CAlBD;;AAoBA,eAAeL,SAAS,CAACI,IAAD,CAAxB"}
|
|
@@ -1,5 +1,3 @@
|
|
|
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
1
|
import * as React from "react";
|
|
4
2
|
import { ActivityIndicator, View, StyleSheet } from "react-native";
|
|
5
3
|
import color from "color";
|
|
@@ -110,7 +108,7 @@ const FAB = _ref => {
|
|
|
110
108
|
style: [{
|
|
111
109
|
elevation
|
|
112
110
|
}, style]
|
|
113
|
-
}, /*#__PURE__*/React.createElement(Touchable,
|
|
111
|
+
}, /*#__PURE__*/React.createElement(Touchable, { ...rest,
|
|
114
112
|
onPress: onPress,
|
|
115
113
|
accessibilityState: {
|
|
116
114
|
disabled
|
|
@@ -118,7 +116,7 @@ const FAB = _ref => {
|
|
|
118
116
|
accessibilityRole: "button",
|
|
119
117
|
disabled: disabled || loading,
|
|
120
118
|
style: buttonStyles
|
|
121
|
-
}
|
|
119
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
122
120
|
style: styles.content
|
|
123
121
|
}, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
|
|
124
122
|
style: iconStyle
|
|
@@ -159,4 +157,22 @@ const styles = StyleSheet.create({
|
|
|
159
157
|
}
|
|
160
158
|
});
|
|
161
159
|
export default withTheme(FAB);
|
|
160
|
+
//# sourceMappingURL=DeprecatedFAB.js.mapxDirection: "row",
|
|
161
|
+
alignItems: "center",
|
|
162
|
+
justifyContent: "center"
|
|
163
|
+
},
|
|
164
|
+
icon: {
|
|
165
|
+
alignItems: "center",
|
|
166
|
+
justifyContent: "center",
|
|
167
|
+
width: Config.buttonIconSize
|
|
168
|
+
},
|
|
169
|
+
fixed: {
|
|
170
|
+
left: 0,
|
|
171
|
+
right: 0,
|
|
172
|
+
bottom: 0,
|
|
173
|
+
height: 64,
|
|
174
|
+
borderRadius: 0
|
|
175
|
+
}
|
|
176
|
+
});
|
|
177
|
+
export default withTheme(FAB);
|
|
162
178
|
//# sourceMappingURL=DeprecatedFAB.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ActivityIndicator","View","StyleSheet","color","Config","Text","Touchable","Elevation","withTheme","FAB","Icon","icon","disabled","type","loading","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","create","borderStyle","flexDirection","fixed","left","right","bottom"],"sources":["DeprecatedFAB.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n ActivityIndicator,\n View,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A floating action button represents the primary action in an application.\n *\n * <div class=\"screenshots\">\n * <img src=\"screenshots/fab-1.png\" />\n * <img src=\"screenshots/fab-2.png\" />\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { StyleSheet } from 'react-native';\n * import { FAB } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n * <FAB\n * style={styles.fab}\n * type=\"outline\"\n * icon=\"add\"\n * onPress={() => console.log('Pressed')}\n * />\n * );\n *\n * const styles = StyleSheet.create({\n * fab: {\n * position: 'absolute',\n * margin: 16,\n * right: 0,\n * bottom: 0,\n * },\n * })\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n disabled?: boolean;\n type?: \"solid\" | \"extended\" | \"outline\" | \"fixed\" | \"standard\";\n loading?: boolean;\n icon?: string;\n color?: string;\n label?: string;\n onPress: () => void;\n elevation?: number;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & TouchableHighlightProps &\n IconSlot;\n\nconst FAB: React.FC<Props> = ({\n Icon,\n icon,\n disabled = false,\n type = \"solid\",\n loading = false,\n color: colorOverride,\n label,\n onPress,\n elevation = 0,\n style,\n theme: { colors, disabledOpacity, roundness, typography },\n ...rest\n}) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n\n if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n backgroundColor = buttonColor;\n\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = colors.surface;\n }\n } else {\n backgroundColor = \"transparent\";\n\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = buttonColor;\n }\n }\n\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n } else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n\n const buttonStyle: StyleProp<ViewStyle> = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n\n const buttonStyles: StyleProp<ViewStyle>[] = [styles.button, buttonStyle];\n\n const contentStyle: StyleProp<ViewStyle>[] = [styles.content];\n\n const textStyle: StyleProp<TextStyle> = {\n textAlign: \"center\",\n color: textColor,\n };\n\n const iconStyle: StyleProp<ViewStyle>[] = [\n styles.icon,\n {\n width: Config.buttonIconSize,\n },\n ];\n\n if (type === \"standard\" || type === \"outline\") {\n buttonStyle.width = Config.FABSize;\n buttonStyle.height = Config.FABSize;\n buttonStyle.borderRadius = Config.FABBorderRadius;\n\n contentStyle.push({\n width: Config.FABSize,\n height: Config.FABSize,\n });\n }\n\n if (type === \"extended\" || type === \"fixed\") {\n iconStyle.push({\n marginLeft: 16,\n marginRight: -8,\n });\n\n textStyle.margin = 16;\n }\n\n if (type === \"fixed\") {\n buttonStyles.push({\n height: Config.FABFixedHeight,\n alignSelf: \"stretch\",\n });\n }\n\n return (\n <Elevation style={[{ elevation }, style]}>\n <Touchable\n {...rest}\n onPress={onPress}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n disabled={disabled || loading}\n style={buttonStyles}\n >\n <View style={styles.content}>\n {icon && loading !== true ? (\n <View style={iconStyle}>\n <Icon\n name={icon}\n size={Config.buttonIconSize}\n color={textColor}\n />\n </View>\n ) : null}\n {loading ? (\n <ActivityIndicator\n size=\"small\"\n color={textColor}\n style={iconStyle}\n />\n ) : null}\n {label ? (\n <Text numberOfLines={1} style={[textStyle, typography.button]}>\n {label}\n </Text>\n ) : null}\n </View>\n </Touchable>\n </Elevation>\n );\n};\n\nconst styles = StyleSheet.create({\n button: {\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n alignItems: \"center\",\n justifyContent: \"center\",\n width: Config.buttonIconSize,\n },\n fixed: {\n left: 0,\n right: 0,\n bottom: 0,\n height: 64,\n borderRadius: 0,\n },\n});\n\nexport default withTheme(FAB);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","ActivityIndicator","View","StyleSheet","color","Config","Text","Touchable","Elevation","withTheme","FAB","Icon","icon","disabled","type","loading","colorOverride","label","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","hairlineWidth","buttonStyle","borderRadius","alignItems","justifyContent","buttonStyles","styles","button","contentStyle","content","textStyle","textAlign","iconStyle","width","buttonIconSize","FABSize","height","FABBorderRadius","push","marginLeft","marginRight","margin","FABFixedHeight","alignSelf","createElement","accessibilityState","accessibilityRole","name","size","numberOfLines","create","borderStyle","flexDirection","fixed","left","right","bottom"],"sources":["DeprecatedFAB.js"],"sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Text from \"./Text\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst FAB = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride || colors.primary;\n if (type === \"standard\" || type === \"extended\" || type === \"fixed\") {\n backgroundColor = buttonColor;\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = colors.surface;\n }\n }\n else {\n backgroundColor = \"transparent\";\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = buttonColor;\n }\n }\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n }\n else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n const buttonStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n alignItems: \"center\",\n justifyContent: \"center\",\n };\n const buttonStyles = [styles.button, buttonStyle];\n const contentStyle = [styles.content];\n const textStyle = {\n textAlign: \"center\",\n color: textColor,\n };\n const iconStyle = [\n styles.icon,\n {\n width: Config.buttonIconSize,\n },\n ];\n if (type === \"standard\" || type === \"outline\") {\n buttonStyle.width = Config.FABSize;\n buttonStyle.height = Config.FABSize;\n buttonStyle.borderRadius = Config.FABBorderRadius;\n contentStyle.push({\n width: Config.FABSize,\n height: Config.FABSize,\n });\n }\n if (type === \"extended\" || type === \"fixed\") {\n iconStyle.push({\n marginLeft: 16,\n marginRight: -8,\n });\n textStyle.margin = 16;\n }\n if (type === \"fixed\") {\n buttonStyles.push({\n height: Config.FABFixedHeight,\n alignSelf: \"stretch\",\n });\n }\n return (React.createElement(Elevation, { style: [{ elevation }, style] },\n React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: buttonStyles },\n React.createElement(View, { style: styles.content },\n icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n label ? (React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, label)) : null))));\n};\nconst styles = StyleSheet.create({\n button: {\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n alignItems: \"center\",\n justifyContent: \"center\",\n width: Config.buttonIconSize,\n },\n fixed: {\n left: 0,\n right: 0,\n bottom: 0,\n height: 64,\n borderRadius: 0,\n },\n});\nexport default withTheme(FAB);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,iBAAT,EAA4BC,IAA5B,EAAkCC,UAAlC,QAAqD,cAArD;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AACA,MAAMC,GAAG,GAAG,QAAuM;EAAA,IAAtM;IAAEC,IAAF;IAAQC,IAAR;IAAcC,QAAQ,GAAG,KAAzB;IAAgCC,IAAI,GAAG,OAAvC;IAAgDC,OAAO,GAAG,KAA1D;IAAiEX,KAAK,EAAEY,aAAxE;IAAuFC,KAAvF;IAA8FC,OAA9F;IAAuGC,SAAS,GAAG,CAAnH;IAAsHC,KAAtH;IAA6HC,KAAK,EAAE;MAAEC,MAAF;MAAUC,eAAV;MAA2BC,SAA3B;MAAsCC;IAAtC,CAApI;IAAwL,GAAGC;EAA3L,CAAsM;EAC/M,IAAIC,eAAJ,EAAqBC,WAArB,EAAkCC,SAAlC,EAA6CC,WAA7C;EACA,MAAMC,WAAW,GAAGf,aAAa,IAAIM,MAAM,CAACU,OAA5C;;EACA,IAAIlB,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,UAAhC,IAA8CA,IAAI,KAAK,OAA3D,EAAoE;IAChEa,eAAe,GAAGI,WAAlB;;IACA,IAAIlB,QAAJ,EAAc;MACVgB,SAAS,GAAGzB,KAAK,CAACkB,MAAM,CAACW,OAAR,CAAL,CAAsBC,KAAtB,CAA4BX,eAA5B,EAA6CY,GAA7C,GAAmDC,MAAnD,EAAZ;IACH,CAFD,MAGK;MACDP,SAAS,GAAGP,MAAM,CAACW,OAAnB;IACH;EACJ,CARD,MASK;IACDN,eAAe,GAAG,aAAlB;;IACA,IAAId,QAAJ,EAAc;MACVgB,SAAS,GAAGzB,KAAK,CAAC2B,WAAD,CAAL,CAAmBG,KAAnB,CAAyBX,eAAzB,EAA0CY,GAA1C,GAAgDC,MAAhD,EAAZ;IACH,CAFD,MAGK;MACDP,SAAS,GAAGE,WAAZ;IACH;EACJ;;EACD,IAAIjB,IAAI,KAAK,SAAb,EAAwB;IACpB,IAAID,QAAJ,EAAc;MACVe,WAAW,GAAGxB,KAAK,CAAC2B,WAAD,CAAL,CAAmBG,KAAnB,CAAyBX,eAAzB,EAA0CY,GAA1C,GAAgDC,MAAhD,EAAd;IACH,CAFD,MAGK;MACDR,WAAW,GAAGG,WAAd;IACH;;IACDD,WAAW,GAAG3B,UAAU,CAACkC,aAAzB;EACH,CARD,MASK;IACDT,WAAW,GAAG,aAAd;IACAE,WAAW,GAAG,CAAd;EACH;;EACD,MAAMQ,WAAW,GAAG;IAChBX,eADgB;IAEhBC,WAFgB;IAGhBE,WAHgB;IAIhBS,YAAY,EAAEf,SAJE;IAKhBgB,UAAU,EAAE,QALI;IAMhBC,cAAc,EAAE;EANA,CAApB;EAQA,MAAMC,YAAY,GAAG,CAACC,MAAM,CAACC,MAAR,EAAgBN,WAAhB,CAArB;EACA,MAAMO,YAAY,GAAG,CAACF,MAAM,CAACG,OAAR,CAArB;EACA,MAAMC,SAAS,GAAG;IACdC,SAAS,EAAE,QADG;IAEd5C,KAAK,EAAEyB;EAFO,CAAlB;EAIA,MAAMoB,SAAS,GAAG,CACdN,MAAM,CAAC/B,IADO,EAEd;IACIsC,KAAK,EAAE7C,MAAM,CAAC8C;EADlB,CAFc,CAAlB;;EAMA,IAAIrC,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,SAApC,EAA+C;IAC3CwB,WAAW,CAACY,KAAZ,GAAoB7C,MAAM,CAAC+C,OAA3B;IACAd,WAAW,CAACe,MAAZ,GAAqBhD,MAAM,CAAC+C,OAA5B;IACAd,WAAW,CAACC,YAAZ,GAA2BlC,MAAM,CAACiD,eAAlC;IACAT,YAAY,CAACU,IAAb,CAAkB;MACdL,KAAK,EAAE7C,MAAM,CAAC+C,OADA;MAEdC,MAAM,EAAEhD,MAAM,CAAC+C;IAFD,CAAlB;EAIH;;EACD,IAAItC,IAAI,KAAK,UAAT,IAAuBA,IAAI,KAAK,OAApC,EAA6C;IACzCmC,SAAS,CAACM,IAAV,CAAe;MACXC,UAAU,EAAE,EADD;MAEXC,WAAW,EAAE,CAAC;IAFH,CAAf;IAIAV,SAAS,CAACW,MAAV,GAAmB,EAAnB;EACH;;EACD,IAAI5C,IAAI,KAAK,OAAb,EAAsB;IAClB4B,YAAY,CAACa,IAAb,CAAkB;MACdF,MAAM,EAAEhD,MAAM,CAACsD,cADD;MAEdC,SAAS,EAAE;IAFG,CAAlB;EAIH;;EACD,oBAAQ5D,KAAK,CAAC6D,aAAN,CAAoBrD,SAApB,EAA+B;IAAEY,KAAK,EAAE,CAAC;MAAED;IAAF,CAAD,EAAgBC,KAAhB;EAAT,CAA/B,eACJpB,KAAK,CAAC6D,aAAN,CAAoBtD,SAApB,EAA+B,EAAE,GAAGmB,IAAL;IAAWR,OAAO,EAAEA,OAApB;IAA6B4C,kBAAkB,EAAE;MAAEjD;IAAF,CAAjD;IAA+DkD,iBAAiB,EAAE,QAAlF;IAA4FlD,QAAQ,EAAEA,QAAQ,IAAIE,OAAlH;IAA2HK,KAAK,EAAEsB;EAAlI,CAA/B,eACI1C,KAAK,CAAC6D,aAAN,CAAoB3D,IAApB,EAA0B;IAAEkB,KAAK,EAAEuB,MAAM,CAACG;EAAhB,CAA1B,EACIlC,IAAI,IAAIG,OAAO,KAAK,IAApB,gBAA4Bf,KAAK,CAAC6D,aAAN,CAAoB3D,IAApB,EAA0B;IAAEkB,KAAK,EAAE6B;EAAT,CAA1B,eACxBjD,KAAK,CAAC6D,aAAN,CAAoBlD,IAApB,EAA0B;IAAEqD,IAAI,EAAEpD,IAAR;IAAcqD,IAAI,EAAE5D,MAAM,CAAC8C,cAA3B;IAA2C/C,KAAK,EAAEyB;EAAlD,CAA1B,CADwB,CAA5B,GACiG,IAFrG,EAGId,OAAO,gBAAIf,KAAK,CAAC6D,aAAN,CAAoB5D,iBAApB,EAAuC;IAAEgE,IAAI,EAAE,OAAR;IAAiB7D,KAAK,EAAEyB,SAAxB;IAAmCT,KAAK,EAAE6B;EAA1C,CAAvC,CAAJ,GAAqG,IAHhH,EAIIhC,KAAK,gBAAIjB,KAAK,CAAC6D,aAAN,CAAoBvD,IAApB,EAA0B;IAAE4D,aAAa,EAAE,CAAjB;IAAoB9C,KAAK,EAAE,CAAC2B,SAAD,EAAYtB,UAAU,CAACmB,MAAvB;EAA3B,CAA1B,EAAuF3B,KAAvF,CAAJ,GAAqG,IAJ9G,CADJ,CADI,CAAR;AAOH,CAnFD;;AAoFA,MAAM0B,MAAM,GAAGxC,UAAU,CAACgE,MAAX,CAAkB;EAC7BvB,MAAM,EAAE;IACJwB,WAAW,EAAE;EADT,CADqB;EAI7BtB,OAAO,EAAE;IACLuB,aAAa,EAAE,KADV;IAEL7B,UAAU,EAAE,QAFP;IAGLC,cAAc,EAAE;EAHX,CAJoB;EAS7B7B,IAAI,EAAE;IACF4B,UAAU,EAAE,QADV;IAEFC,cAAc,EAAE,QAFd;IAGFS,KAAK,EAAE7C,MAAM,CAAC8C;EAHZ,CATuB;EAc7BmB,KAAK,EAAE;IACHC,IAAI,EAAE,CADH;IAEHC,KAAK,EAAE,CAFJ;IAGHC,MAAM,EAAE,CAHL;IAIHpB,MAAM,EAAE,EAJL;IAKHd,YAAY,EAAE;EALX;AAdsB,CAAlB,CAAf;AAsBA,eAAe9B,SAAS,CAACC,GAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","withTheme","Divider","style","color","theme","colors","rest","backgroundColor","divider","height","hairlineWidth"],"sources":["Divider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n color?: string;\n theme: typeof theme;\n};\n\nconst Divider: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","withTheme","Divider","style","color","theme","colors","rest","backgroundColor","divider","height","hairlineWidth"],"sources":["Divider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n color?: string;\n theme: typeof theme;\n};\n\nconst Divider: React.FC<React.PropsWithChildren<Props>> = ({\n style,\n color,\n theme: { colors },\n ...rest\n}) => {\n return (\n <View\n style={[\n {\n backgroundColor: color || colors.divider,\n height: StyleSheet.hairlineWidth,\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nexport default withTheme(Divider);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAuD,cAAvD;AACA,SAASC,SAAT,QAA0B,YAA1B;;AASA,MAAMC,OAAiD,GAAG,QAKpD;EAAA,IALqD;IACzDC,KADyD;IAEzDC,KAFyD;IAGzDC,KAAK,EAAE;MAAEC;IAAF,CAHkD;IAIzD,GAAGC;EAJsD,CAKrD;EACJ,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACL;MACEC,eAAe,EAAEJ,KAAK,IAAIE,MAAM,CAACG,OADnC;MAEEC,MAAM,EAAEX,UAAU,CAACY;IAFrB,CADK,EAKLR,KALK;EADT,GAQMI,IARN,EADF;AAYD,CAlBD;;AAoBA,eAAeN,SAAS,CAACC,OAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","StyleSheet","View","shadow","withTheme","Elevation","style","theme","children","rest","elevation","borderRadius","radius","flatten","colors","backgroundColor","surface","overflow"],"sources":["Elevation.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","Animated","StyleSheet","View","shadow","withTheme","Elevation","style","theme","children","rest","elevation","borderRadius","radius","flatten","colors","backgroundColor","surface","overflow"],"sources":["Elevation.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n View,\n} from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\n/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */\nconst Elevation: React.FC<React.PropsWithChildren<Props>> = ({\n style,\n theme,\n children,\n ...rest\n}) => {\n const { elevation = 4, borderRadius: radius } =\n StyleSheet.flatten(style) || {};\n const { colors } = theme;\n const borderRadius = radius;\n\n return (\n <Animated.View\n {...rest}\n style={[\n {\n borderRadius,\n backgroundColor: colors.surface,\n },\n elevation ? shadow(elevation) : null,\n style,\n ]}\n >\n <View style={{ overflow: \"hidden\", borderRadius }}>{children}</View>\n </Animated.View>\n );\n};\n\nexport default withTheme(Elevation);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,UAFF,EAMEC,IANF,QAOO,cAPP;AAQA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAQA;AACA,MAAMC,SAAmD,GAAG,QAKtD;EAAA,IALuD;IAC3DC,KAD2D;IAE3DC,KAF2D;IAG3DC,QAH2D;IAI3D,GAAGC;EAJwD,CAKvD;EACJ,MAAM;IAAEC,SAAS,GAAG,CAAd;IAAiBC,YAAY,EAAEC;EAA/B,IACJX,UAAU,CAACY,OAAX,CAAmBP,KAAnB,KAA6B,EAD/B;EAEA,MAAM;IAAEQ;EAAF,IAAaP,KAAnB;EACA,MAAMI,YAAY,GAAGC,MAArB;EAEA,oBACE,oBAAC,QAAD,CAAU,IAAV,eACMH,IADN;IAEE,KAAK,EAAE,CACL;MACEE,YADF;MAEEI,eAAe,EAAED,MAAM,CAACE;IAF1B,CADK,EAKLN,SAAS,GAAGP,MAAM,CAACO,SAAD,CAAT,GAAuB,IAL3B,EAMLJ,KANK;EAFT,iBAWE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEW,QAAQ,EAAE,QAAZ;MAAsBN;IAAtB;EAAb,GAAoDH,QAApD,CAXF,CADF;AAeD,CA1BD;;AA4BA,eAAeJ,SAAS,CAACC,SAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","create","justifyContent","alignItems","select","web","cursor","userSelect"],"sources":["FAB.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Pressable,\n ActivityIndicator,\n StyleProp,\n ViewStyle,\n PressableProps,\n Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n disabled?: boolean;\n loading?: boolean;\n size?: number;\n bgColor?: string;\n iconColor?: string;\n iconName?: string;\n onPress: () => void;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & PressableProps &\n IconSlot;\n\nconst FAB: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","create","justifyContent","alignItems","select","web","cursor","userSelect"],"sources":["FAB.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Pressable,\n ActivityIndicator,\n StyleProp,\n ViewStyle,\n PressableProps,\n Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n disabled?: boolean;\n loading?: boolean;\n size?: number;\n bgColor?: string;\n iconColor?: string;\n iconName?: string;\n onPress: () => void;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & PressableProps &\n IconSlot;\n\nconst FAB: React.FC<React.PropsWithChildren<Props>> = ({\n onPress,\n disabled,\n loading,\n iconName = \"MaterialIcons/add\",\n style,\n theme,\n iconColor,\n bgColor,\n size = 50,\n Icon,\n ...props\n}) => {\n const backgroundColor = bgColor || theme.colors.primary;\n const color = iconColor || \"#FFF\";\n\n return (\n <View\n style={[\n {\n width: size,\n height: size,\n borderRadius: size / 2,\n overflow: \"hidden\",\n },\n style,\n ]}\n >\n <Pressable\n onPress={onPress}\n disabled={loading || disabled}\n android_ripple={{\n color: \"#333\",\n radius: size / 4,\n }}\n style={({ pressed }) => {\n return [\n styles.button,\n {\n opacity: pressed || disabled ? 0.75 : 1,\n width: size,\n height: size,\n borderRadius: size / 2,\n backgroundColor,\n },\n ];\n }}\n {...props}\n >\n <View>\n {loading ? (\n <ActivityIndicator\n style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n size={size <= 50 ? \"small\" : \"large\"}\n color={color}\n />\n ) : (\n <Icon name={iconName} size={size} color={color} />\n )}\n </View>\n </Pressable>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n button: {\n backgroundColor: \"#5a45ff\",\n justifyContent: \"center\",\n alignItems: \"center\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n});\n\nexport default withTheme(FAB);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,iBAJF,EAQEC,QARF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,GAA6C,GAAG,QAYhD;EAAA,IAZiD;IACrDC,OADqD;IAErDC,QAFqD;IAGrDC,OAHqD;IAIrDC,QAAQ,GAAG,mBAJ0C;IAKrDC,KALqD;IAMrDC,KANqD;IAOrDC,SAPqD;IAQrDC,OARqD;IASrDC,IAAI,GAAG,EAT8C;IAUrDC,IAVqD;IAWrD,GAAGC;EAXkD,CAYjD;EACJ,MAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;EACA,MAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;EAEA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACL;MACES,KAAK,EAAEP,IADT;MAEEQ,MAAM,EAAER,IAFV;MAGES,YAAY,EAAET,IAAI,GAAG,CAHvB;MAIEU,QAAQ,EAAE;IAJZ,CADK,EAOLd,KAPK;EADT,gBAWE,oBAAC,SAAD;IACE,OAAO,EAAEJ,OADX;IAEE,QAAQ,EAAEE,OAAO,IAAID,QAFvB;IAGE,cAAc,EAAE;MACda,KAAK,EAAE,MADO;MAEdK,MAAM,EAAEX,IAAI,GAAG;IAFD,CAHlB;IAOE,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEY;MAAF,CAAgB;MACtB,OAAO,CACLC,MAAM,CAACC,MADF,EAEL;QACEC,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;QAEEc,KAAK,EAAEP,IAFT;QAGEQ,MAAM,EAAER,IAHV;QAIES,YAAY,EAAET,IAAI,GAAG,CAJvB;QAKEG;MALF,CAFK,CAAP;IAUD;EAlBH,GAmBMD,KAnBN,gBAqBE,oBAAC,IAAD,QACGR,OAAO,gBACN,oBAAC,iBAAD;IACE,KAAK,EAAEM,IAAI,GAAG,EAAP,GAAY;MAAEgB,SAAS,EAAE,CAAb;MAAgBC,UAAU,EAAE;IAA5B,CAAZ,GAA8CC,SADvD;IAEE,IAAI,EAAElB,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAF/B;IAGE,KAAK,EAAEM;EAHT,EADM,gBAON,oBAAC,IAAD;IAAM,IAAI,EAAEX,QAAZ;IAAsB,IAAI,EAAEK,IAA5B;IAAkC,KAAK,EAAEM;EAAzC,EARJ,CArBF,CAXF,CADF;AA+CD,CA/DD;;AAiEA,MAAMO,MAAM,GAAG3B,UAAU,CAACiC,MAAX,CAAkB;EAC/BL,MAAM,EAAE;IACNX,eAAe,EAAE,SADX;IAENiB,cAAc,EAAE,QAFV;IAGNC,UAAU,EAAE,QAHN;IAIN,GAAGhC,QAAQ,CAACiC,MAAT,CAAgB;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SADL;QAEHC,UAAU,EAAE;MAFT;IADY,CAAhB;EAJG;AADuB,CAAlB,CAAf;AAcA,eAAenC,SAAS,CAACC,GAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","TextInput","StyleSheet","withTheme","Config","FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","focused","setIsFocused","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","styles","container","fieldSearchBarFullIconSize","primary","light","marginLeft","flex","color","medium","create","flexDirection","alignItems"],"sources":["FieldSearchBarFull.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n TextInput,\n StyleSheet,\n StyleProp,\n ViewStyle,\n NativeSyntheticEvent,\n TextInputSubmitEditingEventData,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Config from \"./Config\";\n\ntype Props = {\n showIcon: boolean;\n icon?: string;\n placeholder?: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n onChange?: (text: string) => void;\n onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;\n value?: string;\n defaultValue?: string;\n} & IconSlot;\n\nconst FieldSearchBarFull: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","View","TextInput","StyleSheet","withTheme","Config","FieldSearchBarFull","showIcon","Icon","icon","placeholder","style","theme","colors","typography","onChange","changeOverride","onSubmit","submitOverride","value","defaultValue","focused","setIsFocused","useState","onBlur","internalValue","setInternalValue","useEffect","useCallback","text","onFocus","e","lineHeight","typeStyles","body2","handleChangeText","newValue","styles","container","fieldSearchBarFullIconSize","primary","light","marginLeft","flex","color","medium","create","flexDirection","alignItems"],"sources":["FieldSearchBarFull.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n TextInput,\n StyleSheet,\n StyleProp,\n ViewStyle,\n NativeSyntheticEvent,\n TextInputSubmitEditingEventData,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Config from \"./Config\";\n\ntype Props = {\n showIcon: boolean;\n icon?: string;\n placeholder?: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n onChange?: (text: string) => void;\n onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;\n value?: string;\n defaultValue?: string;\n} & IconSlot;\n\nconst FieldSearchBarFull: React.FC<React.PropsWithChildren<Props>> = ({\n showIcon,\n Icon,\n icon = \"search\",\n placeholder = \"\",\n style,\n theme: { colors, typography },\n onChange: changeOverride,\n onSubmit: submitOverride,\n value,\n defaultValue,\n}) => {\n const [focused, setIsFocused] = React.useState(false);\n\n const onBlur = () => {\n setIsFocused(false);\n };\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n React.useEffect(() => {\n if (value != null) {\n setInternalValue(value);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const onChange = React.useCallback(\n (text: string) => {\n changeOverride && changeOverride(text);\n },\n [changeOverride]\n );\n\n const onFocus = () => {\n setIsFocused(true);\n };\n\n const onSubmit = (\n e: NativeSyntheticEvent<TextInputSubmitEditingEventData>\n ) => {\n submitOverride && submitOverride(e);\n };\n\n const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n const handleChangeText = (newValue: string) => {\n setInternalValue(newValue);\n if (onChange) {\n onChange(newValue);\n }\n };\n\n return (\n <View style={[styles.container, style]}>\n {showIcon && (\n <Icon\n name={icon}\n size={Config.fieldSearchBarFullIconSize}\n color={focused ? colors.primary : colors.light}\n />\n )}\n <View style={{ marginLeft: showIcon ? 12 : 0, flex: 1 }}>\n <TextInput\n clearButtonMode=\"while-editing\"\n placeholder={placeholder}\n value={internalValue}\n onBlur={onBlur}\n onFocus={onFocus}\n onChangeText={handleChangeText}\n onSubmitEditing={onSubmit}\n placeholderTextColor={colors.light}\n style={[\n {\n color: colors.medium,\n },\n typeStyles,\n ]}\n />\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n});\n\nexport default withTheme(FieldSearchBarFull);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","StyleSheet","withTheme","Divider","Touchable","Config","Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","styles","container","topContainer","color","flex","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","headerIconSize","marginTop","create","flexDirection","justifyContent","alignItems"],"sources":["Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Text,\n StyleSheet,\n StyleProp,\n TextStyle,\n ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Divider from \"./Divider\";\nimport Touchable from \"./Touchable\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n titleTypeStyle?: StyleProp<TextStyle>;\n titleColor: string;\n title: string;\n buttonText: string;\n dividerTopMargin?: number;\n icon: string;\n onPress: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst Header: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","View","Text","StyleSheet","withTheme","Divider","Touchable","Config","Header","Icon","titleTypeStyle","titleColor","title","buttonText","dividerTopMargin","icon","onPress","style","theme","colors","typography","styles","container","topContainer","color","flex","alignSelf","marginLeft","buttonContainer","subtitle2","light","marginRight","headerIconSize","marginTop","create","flexDirection","justifyContent","alignItems"],"sources":["Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Text,\n StyleSheet,\n StyleProp,\n TextStyle,\n ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Divider from \"./Divider\";\nimport Touchable from \"./Touchable\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n titleTypeStyle?: StyleProp<TextStyle>;\n titleColor: string;\n title: string;\n buttonText: string;\n dividerTopMargin?: number;\n icon: string;\n onPress: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst Header: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n titleTypeStyle,\n titleColor,\n title,\n buttonText,\n dividerTopMargin,\n icon,\n onPress,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <View style={[styles.container, style]}>\n <View style={styles.topContainer}>\n <Text\n style={[\n titleTypeStyle,\n {\n color: titleColor,\n flex: 1,\n },\n ]}\n numberOfLines={1}\n >\n {title}\n </Text>\n {onPress && (\n <Touchable\n style={{ alignSelf: \"center\", marginLeft: 12 }}\n onPress={onPress}\n >\n <View style={styles.buttonContainer}>\n <Text\n style={[\n typography.subtitle2,\n {\n color: colors.light,\n marginRight: 8,\n },\n ]}\n numberOfLines={1}\n >\n {buttonText}\n </Text>\n <Icon\n name={icon}\n size={Config.headerIconSize}\n color={colors.light}\n />\n </View>\n </Touchable>\n )}\n </View>\n <Divider style={{ marginTop: dividerTopMargin || 16 }} />\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n topContainer: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n buttonContainer: {\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n});\n\nexport default withTheme(Header);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,IAFF,EAGEC,UAHF,QAOO,cAPP;AAQA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAiBA,MAAMC,MAAgD,GAAG,QAWnD;EAAA,IAXoD;IACxDC,IADwD;IAExDC,cAFwD;IAGxDC,UAHwD;IAIxDC,KAJwD;IAKxDC,UALwD;IAMxDC,gBANwD;IAOxDC,IAPwD;IAQxDC,OARwD;IASxDC,KATwD;IAUxDC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAViD,CAWpD;EACJ,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmBL,KAAnB;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEI,MAAM,CAACE;EAApB,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLb,cADK,EAEL;MACEc,KAAK,EAAEb,UADT;MAEEc,IAAI,EAAE;IAFR,CAFK,CADT;IAQE,aAAa,EAAE;EARjB,GAUGb,KAVH,CADF,EAaGI,OAAO,iBACN,oBAAC,SAAD;IACE,KAAK,EAAE;MAAEU,SAAS,EAAE,QAAb;MAAuBC,UAAU,EAAE;IAAnC,CADT;IAEE,OAAO,EAAEX;EAFX,gBAIE,oBAAC,IAAD;IAAM,KAAK,EAAEK,MAAM,CAACO;EAApB,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLR,UAAU,CAACS,SADN,EAEL;MACEL,KAAK,EAAEL,MAAM,CAACW,KADhB;MAEEC,WAAW,EAAE;IAFf,CAFK,CADT;IAQE,aAAa,EAAE;EARjB,GAUGlB,UAVH,CADF,eAaE,oBAAC,IAAD;IACE,IAAI,EAAEE,IADR;IAEE,IAAI,EAAER,MAAM,CAACyB,cAFf;IAGE,KAAK,EAAEb,MAAM,CAACW;EAHhB,EAbF,CAJF,CAdJ,CADF,eAyCE,oBAAC,OAAD;IAAS,KAAK,EAAE;MAAEG,SAAS,EAAEnB,gBAAgB,IAAI;IAAjC;EAAhB,EAzCF,CADF;AA6CD,CAzDD;;AA2DA,MAAMO,MAAM,GAAGlB,UAAU,CAAC+B,MAAX,CAAkB;EAC/BZ,SAAS,EAAE;IACTI,SAAS,EAAE;EADF,CADoB;EAI/BH,YAAY,EAAE;IACZY,aAAa,EAAE,KADH;IAEZC,cAAc,EAAE,eAFJ;IAGZC,UAAU,EAAE;EAHA,CAJiB;EAS/BT,eAAe,EAAE;IACfO,aAAa,EAAE,KADA;IAEfC,cAAc,EAAE,QAFD;IAGfC,UAAU,EAAE;EAHG;AATc,CAAlB,CAAf;AAgBA,eAAejC,SAAS,CAACI,MAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong"],"sources":["HeaderLarge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title: string;\n buttonText: string;\n icon: string;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst HeaderLarge: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong"],"sources":["HeaderLarge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title: string;\n buttonText: string;\n icon: string;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst HeaderLarge: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n title,\n buttonText,\n icon,\n onPress = () => {},\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Header\n Icon={Icon}\n titleTypeStyle={typography.headline4}\n titleColor={colors.strong}\n title={title}\n buttonText={buttonText}\n icon={icon}\n onPress={onPress}\n style={style}\n />\n );\n};\n\nexport default withTheme(HeaderLarge);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAGA,OAAOC,MAAP,MAAmB,UAAnB;;AAYA,MAAMC,WAAqD,GAAG,QAQxD;EAAA,IARyD;IAC7DC,IAD6D;IAE7DC,KAF6D;IAG7DC,UAH6D;IAI7DC,IAJ6D;IAK7DC,OAAO,GAAG,MAAM,CAAE,CAL2C;IAM7DC,KAN6D;IAO7DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAPsD,CAQzD;EACJ,oBACE,oBAAC,MAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,SAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,MAHrB;IAIE,KAAK,EAAET,KAJT;IAKE,UAAU,EAAEC,UALd;IAME,IAAI,EAAEC,IANR;IAOE,OAAO,EAAEC,OAPX;IAQE,KAAK,EAAEC;EART,EADF;AAYD,CArBD;;AAuBA,eAAeR,SAAS,CAACE,WAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","withTheme","Header","HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong"],"sources":["HeaderMedium.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title: string;\n buttonText: string;\n icon: string;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst HeaderMedium: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","withTheme","Header","HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong"],"sources":["HeaderMedium.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title: string;\n buttonText: string;\n icon: string;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst HeaderMedium: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n title,\n buttonText,\n icon,\n onPress = () => {},\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Header\n Icon={Icon}\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n title={title}\n buttonText={buttonText}\n icon={icon}\n onPress={onPress}\n style={style}\n />\n );\n};\n\nexport default withTheme(HeaderMedium);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,MAAP,MAAmB,UAAnB;;AAYA,MAAMC,YAAsD,GAAG,QAQzD;EAAA,IAR0D;IAC9DC,IAD8D;IAE9DC,KAF8D;IAG9DC,UAH8D;IAI9DC,IAJ8D;IAK9DC,OAAO,GAAG,MAAM,CAAE,CAL4C;IAM9DC,KAN8D;IAO9DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAPuD,CAQ1D;EACJ,oBACE,oBAAC,MAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,SAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,MAHrB;IAIE,KAAK,EAAET,KAJT;IAKE,UAAU,EAAEC,UALd;IAME,IAAI,EAAEC,IANR;IAOE,OAAO,EAAEC,OAPX;IAQE,KAAK,EAAEC;EART,EADF;AAYD,CArBD;;AAuBA,eAAeR,SAAS,CAACE,YAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","withTheme","Header","HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","overline","light","toUpperCase"],"sources":["HeaderOverline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title: string;\n buttonText: string;\n icon: string;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst HeaderOverline: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","withTheme","Header","HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","overline","light","toUpperCase"],"sources":["HeaderOverline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title: string;\n buttonText: string;\n icon: string;\n onPress?: () => void;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst HeaderOverline: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n title,\n buttonText,\n icon,\n onPress = () => {},\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Header\n Icon={Icon}\n titleTypeStyle={typography.overline}\n titleColor={colors.light}\n title={title && title.toUpperCase()}\n buttonText={buttonText}\n icon={icon}\n dividerTopMargin={12}\n onPress={onPress}\n style={style}\n />\n );\n};\n\nexport default withTheme(HeaderOverline);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,MAAP,MAAmB,UAAnB;;AAYA,MAAMC,cAAwD,GAAG,QAQ3D;EAAA,IAR4D;IAChEC,IADgE;IAEhEC,KAFgE;IAGhEC,UAHgE;IAIhEC,IAJgE;IAKhEC,OAAO,GAAG,MAAM,CAAE,CAL8C;IAMhEC,KANgE;IAOhEC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAPyD,CAQ5D;EACJ,oBACE,oBAAC,MAAD;IACE,IAAI,EAAER,IADR;IAEE,cAAc,EAAEQ,UAAU,CAACC,QAF7B;IAGE,UAAU,EAAEF,MAAM,CAACG,KAHrB;IAIE,KAAK,EAAET,KAAK,IAAIA,KAAK,CAACU,WAAN,EAJlB;IAKE,UAAU,EAAET,UALd;IAME,IAAI,EAAEC,IANR;IAOE,gBAAgB,EAAE,EAPpB;IAQE,OAAO,EAAEC,OARX;IASE,KAAK,EAAEC;EATT,EADF;AAaD,CAtBD;;AAwBA,eAAeR,SAAS,CAACE,cAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","ActivityIndicator","Pressable","Platform","withTheme","IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","create","select","web","cursor","userSelect"],"sources":["IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n ActivityIndicator,\n StyleProp,\n ViewStyle,\n Pressable,\n PressableProps,\n Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n icon?: string;\n color?: string;\n size?: number;\n disabled?: boolean;\n loading?: boolean;\n onPress: () => void;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & PressableProps &\n IconSlot;\n\nconst IconButton: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","ActivityIndicator","Pressable","Platform","withTheme","IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","create","select","web","cursor","userSelect"],"sources":["IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n ActivityIndicator,\n StyleProp,\n ViewStyle,\n Pressable,\n PressableProps,\n Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n icon?: string;\n color?: string;\n size?: number;\n disabled?: boolean;\n loading?: boolean;\n onPress: () => void;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & PressableProps &\n IconSlot;\n\nconst IconButton: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n icon,\n color: customColor,\n size = 32,\n disabled = false,\n loading = false,\n onPress,\n theme,\n style,\n ...props\n}) => {\n const iconColor = customColor || theme.colors.primary;\n\n return (\n <Pressable\n onPress={onPress}\n disabled={disabled || loading}\n style={({ pressed }) => {\n return [\n styles.container,\n {\n opacity: pressed || disabled ? 0.75 : 1,\n width: size,\n height: size,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n style,\n ];\n }}\n {...props}\n >\n <View>\n {icon && !loading ? (\n <Icon name={icon} size={size - 2} color={iconColor} />\n ) : null}\n {loading ? <ActivityIndicator size=\"small\" color={iconColor} /> : null}\n </View>\n </Pressable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignItems: \"center\",\n justifyContent: \"center\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n});\n\nexport default withTheme(IconButton);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,iBAHF,EAMEC,SANF,EAQEC,QARF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;;AAgBA,MAAMC,UAAoD,GAAG,QAWvD;EAAA,IAXwD;IAC5DC,IAD4D;IAE5DC,IAF4D;IAG5DC,KAAK,EAAEC,WAHqD;IAI5DC,IAAI,GAAG,EAJqD;IAK5DC,QAAQ,GAAG,KALiD;IAM5DC,OAAO,GAAG,KANkD;IAO5DC,OAP4D;IAQ5DC,KAR4D;IAS5DC,KAT4D;IAU5D,GAAGC;EAVyD,CAWxD;EACJ,MAAMC,SAAS,GAAGR,WAAW,IAAIK,KAAK,CAACI,MAAN,CAAaC,OAA9C;EAEA,oBACE,oBAAC,SAAD;IACE,OAAO,EAAEN,OADX;IAEE,QAAQ,EAAEF,QAAQ,IAAIC,OAFxB;IAGE,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEQ;MAAF,CAAgB;MACtB,OAAO,CACLC,MAAM,CAACC,SADF,EAEL;QACEC,OAAO,EAAEH,OAAO,IAAIT,QAAX,GAAsB,IAAtB,GAA6B,CADxC;QAEEa,KAAK,EAAEd,IAFT;QAGEe,MAAM,EAAEf,IAHV;QAIEgB,UAAU,EAAE,QAJd;QAKEC,cAAc,EAAE;MALlB,CAFK,EASLZ,KATK,CAAP;IAWD;EAfH,GAgBMC,KAhBN,gBAkBE,oBAAC,IAAD,QACGT,IAAI,IAAI,CAACK,OAAT,gBACC,oBAAC,IAAD;IAAM,IAAI,EAAEL,IAAZ;IAAkB,IAAI,EAAEG,IAAI,GAAG,CAA/B;IAAkC,KAAK,EAAEO;EAAzC,EADD,GAEG,IAHN,EAIGL,OAAO,gBAAG,oBAAC,iBAAD;IAAmB,IAAI,EAAC,OAAxB;IAAgC,KAAK,EAAEK;EAAvC,EAAH,GAA0D,IAJpE,CAlBF,CADF;AA2BD,CAzCD;;AA2CA,MAAMI,MAAM,GAAGrB,UAAU,CAAC4B,MAAX,CAAkB;EAC/BN,SAAS,EAAE;IACTI,UAAU,EAAE,QADH;IAETC,cAAc,EAAE,QAFP;IAGT,GAAGxB,QAAQ,CAAC0B,MAAT,CAAgB;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SADL;QAEHC,UAAU,EAAE;MAFT;IADY,CAAhB;EAHM;AADoB,CAAlB,CAAf;AAaA,eAAe5B,SAAS,CAACC,UAAD,CAAxB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
|
|
2
|
-
//# sourceMappingURL=Justification.js.map
|
|
2
|
+
//# sourceMappingURL=Justification.js.mapion.js.map
|
|
@@ -1,5 +1,3 @@
|
|
|
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
1
|
import React, { useEffect, useState } from "react";
|
|
4
2
|
import { TextInput } from "react-native";
|
|
5
3
|
import { isString, isNumber, isNaN } from "lodash";
|
|
@@ -56,6 +54,19 @@ const NumberInput = _ref => {
|
|
|
56
54
|
handleChangeText(nextStringNumberValue);
|
|
57
55
|
} // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
58
56
|
|
|
57
|
+
}, [value]);
|
|
58
|
+
return /*#__PURE__*/React.createElement(TextInput, {
|
|
59
|
+
keyboardType: "numeric",
|
|
60
|
+
value: currentStringNumberValue,
|
|
61
|
+
onChangeText: handleChangeText,
|
|
62
|
+
...props
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
export default NumberInput;
|
|
67
|
+
//# sourceMappingURL=NumberInput.js.mapngNumberValue);
|
|
68
|
+
} // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
69
|
+
|
|
59
70
|
}, [value]);
|
|
60
71
|
return /*#__PURE__*/React.createElement(TextInput, _extends({
|
|
61
72
|
keyboardType: "numeric",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","TextInput","isString","isNumber","isNaN","NumberInput","onChangeText","value","defaultValue","props","currentStringNumberValue","setCurrentStringNumberValue","formatValueToStringNumber","valueToFormat","test","slice","toString","defaultStringNumberValue","handleChangeText","newValue","newStringNumberValue","number","parseFloat","nextStringNumberValue"],"sources":["NumberInput.
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","TextInput","isString","isNumber","isNaN","NumberInput","onChangeText","value","defaultValue","props","currentStringNumberValue","setCurrentStringNumberValue","formatValueToStringNumber","valueToFormat","test","slice","toString","defaultStringNumberValue","handleChangeText","newValue","newStringNumberValue","number","parseFloat","nextStringNumberValue","createElement","keyboardType"],"sources":["NumberInput.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { TextInput } from \"react-native\";\nimport { isString, isNumber, isNaN } from \"lodash\";\nconst NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {\n const [currentStringNumberValue, setCurrentStringNumberValue] = useState(\"0\");\n const formatValueToStringNumber = (valueToFormat) => {\n if (valueToFormat != null) {\n if (isString(valueToFormat) && valueToFormat !== \"\") {\n if (/^0[1-9]$/.test(valueToFormat)) {\n return valueToFormat.slice(1);\n }\n else if (/^[+-]?([0-9]+\\.?[0-9]*|\\.[0-9]+)$/.test(valueToFormat)) {\n return valueToFormat;\n }\n else {\n return currentStringNumberValue;\n }\n }\n else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {\n return valueToFormat.toString();\n }\n }\n return \"0\";\n };\n // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only\n useEffect(() => {\n const defaultStringNumberValue = formatValueToStringNumber(defaultValue);\n if (currentStringNumberValue !== defaultStringNumberValue) {\n setCurrentStringNumberValue(defaultStringNumberValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n const handleChangeText = (newValue) => {\n const newStringNumberValue = formatValueToStringNumber(newValue);\n const number = parseFloat(newStringNumberValue);\n setCurrentStringNumberValue(newStringNumberValue);\n onChangeText?.(number);\n };\n // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)\n useEffect(() => {\n const nextStringNumberValue = formatValueToStringNumber(value);\n if (currentStringNumberValue !== nextStringNumberValue) {\n handleChangeText(nextStringNumberValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n return (React.createElement(TextInput, { keyboardType: \"numeric\", value: currentStringNumberValue, onChangeText: handleChangeText, ...props }));\n};\nexport default NumberInput;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,KAA7B,QAA0C,QAA1C;;AACA,MAAMC,WAAW,GAAG,QAAqD;EAAA,IAApD;IAAEC,YAAF;IAAgBC,KAAhB;IAAuBC,YAAvB;IAAqC,GAAGC;EAAxC,CAAoD;EACrE,MAAM,CAACC,wBAAD,EAA2BC,2BAA3B,IAA0DX,QAAQ,CAAC,GAAD,CAAxE;;EACA,MAAMY,yBAAyB,GAAIC,aAAD,IAAmB;IACjD,IAAIA,aAAa,IAAI,IAArB,EAA2B;MACvB,IAAIX,QAAQ,CAACW,aAAD,CAAR,IAA2BA,aAAa,KAAK,EAAjD,EAAqD;QACjD,IAAI,WAAWC,IAAX,CAAgBD,aAAhB,CAAJ,EAAoC;UAChC,OAAOA,aAAa,CAACE,KAAd,CAAoB,CAApB,CAAP;QACH,CAFD,MAGK,IAAI,oCAAoCD,IAApC,CAAyCD,aAAzC,CAAJ,EAA6D;UAC9D,OAAOA,aAAP;QACH,CAFI,MAGA;UACD,OAAOH,wBAAP;QACH;MACJ,CAVD,MAWK,IAAIP,QAAQ,CAACU,aAAD,CAAR,IAA2B,CAACT,KAAK,CAACS,aAAD,CAArC,EAAsD;QACvD,OAAOA,aAAa,CAACG,QAAd,EAAP;MACH;IACJ;;IACD,OAAO,GAAP;EACH,CAlBD,CAFqE,CAqBrE;;;EACAjB,SAAS,CAAC,MAAM;IACZ,MAAMkB,wBAAwB,GAAGL,yBAAyB,CAACJ,YAAD,CAA1D;;IACA,IAAIE,wBAAwB,KAAKO,wBAAjC,EAA2D;MACvDN,2BAA2B,CAACM,wBAAD,CAA3B;IACH,CAJW,CAKZ;;EACH,CANQ,EAMN,EANM,CAAT;;EAOA,MAAMC,gBAAgB,GAAIC,QAAD,IAAc;IACnC,MAAMC,oBAAoB,GAAGR,yBAAyB,CAACO,QAAD,CAAtD;IACA,MAAME,MAAM,GAAGC,UAAU,CAACF,oBAAD,CAAzB;IACAT,2BAA2B,CAACS,oBAAD,CAA3B;IACAd,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGe,MAAH,CAAZ;EACH,CALD,CA7BqE,CAmCrE;;;EACAtB,SAAS,CAAC,MAAM;IACZ,MAAMwB,qBAAqB,GAAGX,yBAAyB,CAACL,KAAD,CAAvD;;IACA,IAAIG,wBAAwB,KAAKa,qBAAjC,EAAwD;MACpDL,gBAAgB,CAACK,qBAAD,CAAhB;IACH,CAJW,CAKZ;;EACH,CANQ,EAMN,CAAChB,KAAD,CANM,CAAT;EAOA,oBAAQT,KAAK,CAAC0B,aAAN,CAAoBvB,SAApB,EAA+B;IAAEwB,YAAY,EAAE,SAAhB;IAA2BlB,KAAK,EAAEG,wBAAlC;IAA4DJ,YAAY,EAAEY,gBAA1E;IAA4F,GAAGT;EAA/F,CAA/B,CAAR;AACH,CA5CD;;AA6CA,eAAeJ,WAAf"}
|