@draftbit/core 46.0.0 → 46.0.1-d651f1.1
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/KeyboardAvoidingView.js +2 -2
- package/lib/commonjs/mappings/KeyboardAvoidingView.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/Card.js.map +1 -1
- package/lib/module/components/CardBlock.js.map +1 -1
- package/lib/module/components/CardContainer.js +15 -5
- 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/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/DeprecatedButton.js.map +1 -1
- package/lib/module/components/DeprecatedCardWrapper.js.map +1 -1
- 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/Portal/Portal.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/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/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/module/mappings/KeyboardAvoidingView.js +2 -2
- package/lib/module/mappings/KeyboardAvoidingView.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/KeyboardAvoidingView.ts +2 -2
- 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","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","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<React.PropsWithChildren<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 +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 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","PortalConsumer","PortalHost","PortalContext","ThemeProvider","withTheme","Portal","Component","render","children","theme","props","manager"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n /**\n * Content of the `Portal`.\n */\n children: React.ReactNode;\n /**\n * @optional\n */\n theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal>\n * <Text>This is rendered at a different place</Text>\n * </Portal>\n * );\n * }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n // @component ./PortalHost.tsx\n static Host = PortalHost;\n\n render() {\n const { children, theme } = this.props;\n\n return (\n <PortalContext.Consumer>\n {(manager) => (\n <PortalConsumer manager={manager as PortalMethods}>\n <ThemeProvider theme={theme}>{children}</ThemeProvider>\n </PortalConsumer>\n )}\n </PortalContext.Consumer>\n );\n }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,UAAP,IAAqBC,aAArB,QAAyD,cAAzD;AACA,SAASC,aAAT,EAAwBC,SAAxB,QAAyC,eAAzC;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAN,SAAqBN,KAAK,CAACO,SAA3B,CAA4C;EAC1C;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAF;MAAYC;IAAZ,IAAsB,KAAKC,KAAjC;IAEA,oBACE,oBAAC,aAAD,CAAe,QAAf,QACIC,OAAD,iBACC,oBAAC,cAAD;MAAgB,OAAO,EAAEA;IAAzB,
|
|
1
|
+
{"version":3,"names":["React","PortalConsumer","PortalHost","PortalContext","ThemeProvider","withTheme","Portal","Component","render","children","theme","props","manager"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n /**\n * Content of the `Portal`.\n */\n children: React.ReactNode;\n /**\n * @optional\n */\n theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal>\n * <Text>This is rendered at a different place</Text>\n * </Portal>\n * );\n * }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n // @component ./PortalHost.tsx\n static Host = PortalHost;\n\n render() {\n const { children, theme } = this.props;\n\n return (\n <PortalContext.Consumer>\n {(manager) => (\n <PortalConsumer manager={manager as PortalMethods}>\n {/* @ts-ignore */}\n <ThemeProvider theme={theme}>{children}</ThemeProvider>\n </PortalConsumer>\n )}\n </PortalContext.Consumer>\n );\n }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,UAAP,IAAqBC,aAArB,QAAyD,cAAzD;AACA,SAASC,aAAT,EAAwBC,SAAxB,QAAyC,eAAzC;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAN,SAAqBN,KAAK,CAACO,SAA3B,CAA4C;EAC1C;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAF;MAAYC;IAAZ,IAAsB,KAAKC,KAAjC;IAEA,oBACE,oBAAC,aAAD,CAAe,QAAf,QACIC,OAAD,iBACC,oBAAC,cAAD;MAAgB,OAAO,EAAEA;IAAzB,gBAEE,oBAAC,aAAD;MAAe,KAAK,EAAEF;IAAtB,GAA8BD,QAA9B,CAFF,CAFJ,CADF;EAUD;;AAjByC;;gBAAtCH,M,UAEUJ,U;;AAkBhB,eAAeG,SAAS,CAACC,MAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","AnimatedCircularProgress","withTheme","ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize"],"sources":["ProgressCircle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n progress?: number;\n style?: StyleProp<ViewStyle>;\n color?: colorTypes;\n size?: number;\n showsText?: boolean;\n unfilledColor?: colorTypes;\n strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n textStyle?: StyleProp<TextStyle>;\n thickness?: number;\n theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","Text","AnimatedCircularProgress","withTheme","ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize"],"sources":["ProgressCircle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n progress?: number;\n style?: StyleProp<ViewStyle>;\n color?: colorTypes;\n size?: number;\n showsText?: boolean;\n unfilledColor?: colorTypes;\n strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n textStyle?: StyleProp<TextStyle>;\n thickness?: number;\n theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<React.PropsWithChildren<Props>> = ({\n progress = 0.5,\n style,\n color = \"primary\",\n size = 100,\n showsText = true,\n unfilledColor,\n strokeCap = \"butt\",\n textStyle,\n thickness = 1,\n theme,\n}) => {\n const progressNum = Math.round(progress * 100);\n\n const tintColor = color || theme.colors.primary;\n const backgroundColor = unfilledColor || theme.colors.secondary;\n\n return (\n <AnimatedCircularProgress\n size={size}\n width={thickness}\n backgroundWidth={thickness}\n fill={progressNum}\n tintColor={tintColor}\n backgroundColor={backgroundColor}\n rotation={0}\n lineCap={strokeCap}\n style={style}\n >\n {/* @ts-ignore */}\n {(fill) =>\n showsText ? (\n <Text\n style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n >\n {Math.round(fill)}%\n </Text>\n ) : null\n }\n </AnimatedCircularProgress>\n );\n};\n\nexport default withTheme(ProgressCircle);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAsD,cAAtD;AACA,OAAOC,wBAAP,MAAqC,4BAArC;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,cAAwD,GAAG,QAW3D;EAAA,IAX4D;IAChEC,QAAQ,GAAG,GADqD;IAEhEC,KAFgE;IAGhEC,KAAK,GAAG,SAHwD;IAIhEC,IAAI,GAAG,GAJyD;IAKhEC,SAAS,GAAG,IALoD;IAMhEC,aANgE;IAOhEC,SAAS,GAAG,MAPoD;IAQhEC,SARgE;IAShEC,SAAS,GAAG,CAToD;IAUhEC;EAVgE,CAW5D;EACJ,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWZ,QAAQ,GAAG,GAAtB,CAApB;EAEA,MAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAN,CAAaC,OAAxC;EACA,MAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAN,CAAaG,SAAtD;EAEA,oBACE,oBAAC,wBAAD;IACE,IAAI,EAAEd,IADR;IAEE,KAAK,EAAEK,SAFT;IAGE,eAAe,EAAEA,SAHnB;IAIE,IAAI,EAAEE,WAJR;IAKE,SAAS,EAAEG,SALb;IAME,eAAe,EAAEG,eANnB;IAOE,QAAQ,EAAE,CAPZ;IAQE,OAAO,EAAEV,SARX;IASE,KAAK,EAAEL;EATT,GAYIiB,IAAD,IACCd,SAAS,gBACP,oBAAC,IAAD;IACE,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAEhB,IAAI,GAAG,KAAnB;MAA0BD,KAAK,EAAEW;IAAjC,CAAD,EAA+CN,SAA/C;EADT,GAGGI,IAAI,CAACC,KAAL,CAAWM,IAAX,CAHH,MADO,GAML,IAnBR,CADF;AAwBD,CAzCD;;AA2CA,eAAepB,SAAS,CAACC,cAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StepIndicator","withTheme","ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n numberOfSteps: number;\n currentStep: number;\n currentStepStrokeWidth?: number;\n stepStrokeCurrentColor?: colorTypes;\n stepIndicatorSize?: number;\n currentStepIndicatorSize?: number;\n stepIndicatorCurrentColor?: colorTypes;\n stepIndicatorLabelCurrentColor?: colorTypes;\n stepIndicatorLabelFontSize?: number;\n stepNumberFinishedColor?: colorTypes;\n stepNumberUnfinishedColor?: colorTypes;\n unfinishedColor?: colorTypes;\n finishedColor?: colorTypes;\n theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","StepIndicator","withTheme","ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n numberOfSteps: number;\n currentStep: number;\n currentStepStrokeWidth?: number;\n stepStrokeCurrentColor?: colorTypes;\n stepIndicatorSize?: number;\n currentStepIndicatorSize?: number;\n stepIndicatorCurrentColor?: colorTypes;\n stepIndicatorLabelCurrentColor?: colorTypes;\n stepIndicatorLabelFontSize?: number;\n stepNumberFinishedColor?: colorTypes;\n stepNumberUnfinishedColor?: colorTypes;\n unfinishedColor?: colorTypes;\n finishedColor?: colorTypes;\n theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<React.PropsWithChildren<Props>> = ({\n numberOfSteps,\n currentStep,\n currentStepStrokeWidth = 3,\n stepStrokeCurrentColor = \"primary\",\n stepIndicatorSize,\n currentStepIndicatorSize,\n stepIndicatorCurrentColor,\n stepIndicatorLabelCurrentColor,\n stepIndicatorLabelFontSize = 12,\n stepNumberFinishedColor = \"strongInverse\",\n stepNumberUnfinishedColor = \"primary\",\n unfinishedColor = \"light\",\n finishedColor = \"primary\",\n theme,\n}) => {\n const currentPosition = currentStep - 1;\n return (\n <StepIndicator\n stepCount={numberOfSteps}\n currentPosition={currentPosition}\n customStyles={{\n stepIndicatorSize,\n currentStepIndicatorSize: currentStepIndicatorSize\n ? currentStepIndicatorSize\n : stepIndicatorSize,\n stepStrokeFinishedColor: finishedColor,\n stepStrokeUnFinishedColor: unfinishedColor,\n separatorFinishedColor: finishedColor,\n separatorUnFinishedColor: unfinishedColor,\n stepIndicatorFinishedColor: finishedColor,\n stepIndicatorUnFinishedColor: unfinishedColor,\n currentStepStrokeWidth,\n stepStrokeCurrentColor:\n stepStrokeCurrentColor || stepIndicatorCurrentColor,\n stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n stepIndicatorLabelCurrentColor:\n stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n stepIndicatorLabelFontSize,\n labelFontFamily: theme.typography.body1.fontFamily,\n }}\n />\n );\n};\n\nexport default withTheme(ProgressIndicator);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAqBA,MAAMC,iBAA2D,GAAG,QAe9D;EAAA,IAf+D;IACnEC,aADmE;IAEnEC,WAFmE;IAGnEC,sBAAsB,GAAG,CAH0C;IAInEC,sBAAsB,GAAG,SAJ0C;IAKnEC,iBALmE;IAMnEC,wBANmE;IAOnEC,yBAPmE;IAQnEC,8BARmE;IASnEC,0BAA0B,GAAG,EATsC;IAUnEC,uBAAuB,GAAG,eAVyC;IAWnEC,yBAAyB,GAAG,SAXuC;IAYnEC,eAAe,GAAG,OAZiD;IAanEC,aAAa,GAAG,SAbmD;IAcnEC;EAdmE,CAe/D;EACJ,MAAMC,eAAe,GAAGb,WAAW,GAAG,CAAtC;EACA,oBACE,oBAAC,aAAD;IACE,SAAS,EAAED,aADb;IAEE,eAAe,EAAEc,eAFnB;IAGE,YAAY,EAAE;MACZV,iBADY;MAEZC,wBAAwB,EAAEA,wBAAwB,GAC9CA,wBAD8C,GAE9CD,iBAJQ;MAKZW,uBAAuB,EAAEH,aALb;MAMZI,yBAAyB,EAAEL,eANf;MAOZM,sBAAsB,EAAEL,aAPZ;MAQZM,wBAAwB,EAAEP,eARd;MASZQ,0BAA0B,EAAEP,aAThB;MAUZQ,4BAA4B,EAAET,eAVlB;MAWZT,sBAXY;MAYZC,sBAAsB,EACpBA,sBAAsB,IAAIG,yBAbhB;MAcZe,iCAAiC,EAAEX,yBAdvB;MAeZY,+BAA+B,EAAEb,uBAfrB;MAgBZH,yBAAyB,EAAEA,yBAAyB,IAAIK,eAhB5C;MAiBZJ,8BAA8B,EAC5BA,8BAA8B,IAAIG,yBAlBxB;MAmBZF,0BAnBY;MAoBZe,eAAe,EAAEV,KAAK,CAACW,UAAN,CAAiBC,KAAjB,CAAuBC;IApB5B;EAHhB,EADF;AA4BD,CA7CD;;AA+CA,eAAe5B,SAAS,CAACC,iBAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","withTheme","RadioButtonGroup","RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color"],"sources":["RadioButtonFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n label?: string;\n labelStyle?: StyleProp<TextStyle>;\n style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","View","Text","withTheme","RadioButtonGroup","RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color"],"sources":["RadioButtonFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n label?: string;\n labelStyle?: StyleProp<TextStyle>;\n style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<React.PropsWithChildren<Props>> = ({\n label,\n children,\n theme,\n labelStyle,\n style,\n ...rest\n}) => {\n return (\n <View style={style}>\n <Text\n style={[\n {\n fontSize: theme.typography.headline4.fontSize,\n color: theme.typography.headline4.color,\n },\n labelStyle,\n ]}\n >\n {label}\n </Text>\n <RadioButtonGroup theme={theme} {...rest}>\n {children}\n </RadioButtonGroup>\n </View>\n );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAsD,cAAtD;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,gBAAP,MAAwD,oBAAxD;;AAQA,MAAMC,qBAA+D,GAAG,QAOlE;EAAA,IAPmE;IACvEC,KADuE;IAEvEC,QAFuE;IAGvEC,KAHuE;IAIvEC,UAJuE;IAKvEC,KALuE;IAMvE,GAAGC;EANoE,CAOnE;EACJ,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAED;EAAb,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACL;MACEE,QAAQ,EAAEJ,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BF,QADvC;MAEEG,KAAK,EAAEP,KAAK,CAACK,UAAN,CAAiBC,SAAjB,CAA2BC;IAFpC,CADK,EAKLN,UALK;EADT,GASGH,KATH,CADF,eAYE,oBAAC,gBAAD;IAAkB,KAAK,EAAEE;EAAzB,GAAoCG,IAApC,GACGJ,QADH,CAZF,CADF;AAkBD,CA1BD;;AA4BA,eAAeJ,SAAS,CAACE,qBAAD,CAAxB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
|
|
2
|
-
//# sourceMappingURL=ResizeMode.js.map
|
|
2
|
+
//# sourceMappingURL=ResizeMode.js.mapode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","Image","StyleSheet","withTheme","Config","Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","create","flexDirection","flex","justifyContent","alignItems"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Text,\n Image,\n ImageSourcePropType,\n StyleSheet,\n StyleProp,\n TextStyle,\n ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n titleTypeStyle?: StyleProp<TextStyle>;\n titleColor?: string;\n subtitleTypeStyle?: StyleProp<TextStyle>;\n subtitleColor?: string;\n title?: string;\n subtitle?: string;\n multilineSubtitle?: boolean;\n image?: string | ImageSourcePropType;\n right?: () => React.ReactNode;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst Row: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","View","Text","Image","StyleSheet","withTheme","Config","Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","create","flexDirection","flex","justifyContent","alignItems"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n Text,\n Image,\n ImageSourcePropType,\n StyleSheet,\n StyleProp,\n TextStyle,\n ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n titleTypeStyle?: StyleProp<TextStyle>;\n titleColor?: string;\n subtitleTypeStyle?: StyleProp<TextStyle>;\n subtitleColor?: string;\n title?: string;\n subtitle?: string;\n multilineSubtitle?: boolean;\n image?: string | ImageSourcePropType;\n right?: () => React.ReactNode;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst Row: React.FC<React.PropsWithChildren<Props>> = ({\n titleTypeStyle,\n titleColor,\n subtitleTypeStyle,\n subtitleColor,\n title,\n subtitle,\n multilineSubtitle,\n image,\n right,\n style,\n}) => {\n return (\n <View style={[styles.container, { padding: 16 }, style]}>\n <View style={styles.leftContainer}>\n {image && (\n <Image\n source={typeof image === \"string\" ? { uri: image } : image}\n style={{\n marginRight: 12,\n width: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n height: subtitle\n ? Config.rowMultiLineImageSize\n : Config.rowSingleLineImageSize,\n }}\n />\n )}\n <View style={styles.textContainer}>\n <Text\n style={[\n titleTypeStyle,\n {\n color: titleColor,\n },\n ]}\n numberOfLines={1}\n >\n {title}\n </Text>\n {subtitle ? (\n <Text\n style={[\n subtitleTypeStyle,\n {\n color: subtitleColor,\n marginTop: 4,\n },\n ]}\n numberOfLines={multilineSubtitle ? undefined : 1}\n >\n {subtitle}\n </Text>\n ) : null}\n </View>\n </View>\n {right && right()}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n leftContainer: {\n flexDirection: \"row\",\n flex: 1,\n },\n container: {\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n textContainer: {\n flex: 1,\n justifyContent: \"center\",\n },\n});\n\nexport default withTheme(Row);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,IAFF,EAGEC,KAHF,EAKEC,UALF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAiBA,MAAMC,GAA6C,GAAG,QAWhD;EAAA,IAXiD;IACrDC,cADqD;IAErDC,UAFqD;IAGrDC,iBAHqD;IAIrDC,aAJqD;IAKrDC,KALqD;IAMrDC,QANqD;IAOrDC,iBAPqD;IAQrDC,KARqD;IASrDC,KATqD;IAUrDC;EAVqD,CAWjD;EACJ,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;MAAEC,OAAO,EAAE;IAAX,CAAnB,EAAoCH,KAApC;EAAb,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC,MAAM,CAACG;EAApB,GACGN,KAAK,iBACJ,oBAAC,KAAD;IACE,MAAM,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4B;MAAEO,GAAG,EAAEP;IAAP,CAA5B,GAA6CA,KADvD;IAEE,KAAK,EAAE;MACLQ,WAAW,EAAE,EADR;MAELC,KAAK,EAAEX,QAAQ,GACXP,MAAM,CAACmB,qBADI,GAEXnB,MAAM,CAACoB,sBAJN;MAKLC,MAAM,EAAEd,QAAQ,GACZP,MAAM,CAACmB,qBADK,GAEZnB,MAAM,CAACoB;IAPN;EAFT,EAFJ,eAeE,oBAAC,IAAD;IAAM,KAAK,EAAER,MAAM,CAACU;EAApB,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE,CACLpB,cADK,EAEL;MACEqB,KAAK,EAAEpB;IADT,CAFK,CADT;IAOE,aAAa,EAAE;EAPjB,GASGG,KATH,CADF,EAYGC,QAAQ,gBACP,oBAAC,IAAD;IACE,KAAK,EAAE,CACLH,iBADK,EAEL;MACEmB,KAAK,EAAElB,aADT;MAEEmB,SAAS,EAAE;IAFb,CAFK,CADT;IAQE,aAAa,EAAEhB,iBAAiB,GAAGiB,SAAH,GAAe;EARjD,GAUGlB,QAVH,CADO,GAaL,IAzBN,CAfF,CADF,EA4CGG,KAAK,IAAIA,KAAK,EA5CjB,CADF;AAgDD,CA5DD;;AA8DA,MAAME,MAAM,GAAGd,UAAU,CAAC4B,MAAX,CAAkB;EAC/BX,aAAa,EAAE;IACbY,aAAa,EAAE,KADF;IAEbC,IAAI,EAAE;EAFO,CADgB;EAK/Bf,SAAS,EAAE;IACTc,aAAa,EAAE,KADN;IAETE,cAAc,EAAE,eAFP;IAGTC,UAAU,EAAE;EAHH,CALoB;EAU/BR,aAAa,EAAE;IACbM,IAAI,EAAE,CADO;IAEbC,cAAc,EAAE;EAFH;AAVgB,CAAlB,CAAf;AAgBA,eAAe9B,SAAS,CAACE,GAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","rowSingleLineIconSize","marginLeft"],"sources":["RowBodyIcon.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 Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","rowSingleLineIconSize","marginLeft"],"sources":["RowBodyIcon.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 Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n title,\n subtitle,\n icon,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.body1}\n titleColor={colors.medium}\n subtitleTypeStyle={typography.subtitle2}\n subtitleColor={colors.light}\n title={title}\n subtitle={subtitle}\n right={() => (\n <Icon\n name={icon}\n size={Config.rowSingleLineIconSize}\n color={colors.light}\n style={{ marginLeft: 16 }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowBodyIcon);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAWA,MAAMC,WAAqD,GAAG,QAOxD;EAAA,IAPyD;IAC7DC,IAD6D;IAE7DC,KAF6D;IAG7DC,QAH6D;IAI7DC,IAJ6D;IAK7DC,KAL6D;IAM7DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EANsD,CAOzD;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,KAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,KAJxB;IAKE,KAAK,EAAEV,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEC,IADR;MAEE,IAAI,EAAEL,MAAM,CAACc,qBAFf;MAGE,KAAK,EAAEN,MAAM,CAACK,KAHhB;MAIE,KAAK,EAAE;QAAEE,UAAU,EAAE;MAAd;IAJT,EARJ;IAeE,KAAK,EAAET;EAfT,EADF;AAmBD,CA3BD;;AA6BA,eAAeR,SAAS,CAACG,WAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","withTheme","Row","RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft"],"sources":["RowHeadlineImageCaption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n caption?: string;\n image: string | ImageSourcePropType;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","Text","withTheme","Row","RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft"],"sources":["RowHeadlineImageCaption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n title?: string;\n subtitle?: string;\n caption?: string;\n image: string | ImageSourcePropType;\n style?: StyleProp<ViewStyle>;\n theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({\n title,\n subtitle,\n caption,\n image,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n subtitleTypeStyle={typography.body2}\n subtitleColor={colors.medium}\n title={title}\n subtitle={subtitle}\n image={image}\n right={() => (\n <Text\n style={{\n ...typography.caption,\n color: colors.strong,\n marginLeft: 16,\n }}\n >\n {caption}\n </Text>\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowHeadlineImageCaption);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,GAAP,MAAgB,OAAhB;;AAYA,MAAMC,uBAAiE,GAAG,QAOpE;EAAA,IAPqE;IACzEC,KADyE;IAEzEC,QAFyE;IAGzEC,OAHyE;IAIzEC,KAJyE;IAKzEC,KALyE;IAMzEC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EANkE,CAOrE;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAEE,KAPT;IAQE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,KAAK,EAAE,EACL,GAAGI,UAAU,CAACL,OADT;QAELU,KAAK,EAAEN,MAAM,CAACG,MAFT;QAGLI,UAAU,EAAE;MAHP;IADT,GAOGX,OAPH,CATJ;IAmBE,KAAK,EAAEE;EAnBT,EADF;AAuBD,CA/BD;;AAiCA,eAAeP,SAAS,CAACE,uBAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","withTheme","Row","Config","RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop"],"sources":["RowHeadlineImageIcon.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 Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n image: string | ImageSourcePropType;\n subtitle?: string;\n multilineSubtitle?: boolean;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","withTheme","Row","Config","RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop"],"sources":["RowHeadlineImageIcon.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 Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n title?: string;\n image: string | ImageSourcePropType;\n subtitle?: string;\n multilineSubtitle?: boolean;\n icon: string;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n icon,\n title,\n image,\n subtitle,\n multilineSubtitle = false,\n style,\n theme: { colors, typography },\n}) => {\n return (\n <Row\n titleTypeStyle={typography.headline6}\n titleColor={colors.strong}\n subtitleTypeStyle={typography.body2}\n subtitleColor={colors.medium}\n title={title}\n subtitle={subtitle}\n multilineSubtitle={multilineSubtitle}\n image={image}\n right={() => (\n <Icon\n name={icon}\n size={\n multilineSubtitle\n ? Config.rowMultiLineIconSize\n : Config.rowSingleLineIconSize\n }\n color={colors.light}\n style={{\n marginLeft: 16,\n alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n marginTop: multilineSubtitle ? 4 : 0,\n }}\n />\n )}\n style={style}\n />\n );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAIA,OAAOC,GAAP,MAAgB,OAAhB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAaA,MAAMC,oBAA8D,GAAG,QASjE;EAAA,IATkE;IACtEC,IADsE;IAEtEC,IAFsE;IAGtEC,KAHsE;IAItEC,KAJsE;IAKtEC,QALsE;IAMtEC,iBAAiB,GAAG,KANkD;IAOtEC,KAPsE;IAQtEC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAR+D,CASlE;EACJ,oBACE,oBAAC,GAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEE,QANZ;IAOE,iBAAiB,EAAEC,iBAPrB;IAQE,KAAK,EAAEF,KART;IASE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEF,IADR;MAEE,IAAI,EACFI,iBAAiB,GACbP,MAAM,CAACgB,oBADM,GAEbhB,MAAM,CAACiB,qBALf;MAOE,KAAK,EAAEP,MAAM,CAACQ,KAPhB;MAQE,KAAK,EAAE;QACLC,UAAU,EAAE,EADP;QAELC,SAAS,EAAEb,iBAAiB,GAAG,YAAH,GAAkB,QAFzC;QAGLc,SAAS,EAAEd,iBAAiB,GAAG,CAAH,GAAO;MAH9B;IART,EAVJ;IAyBE,KAAK,EAAEC;EAzBT,EADF;AA6BD,CAvCD;;AAyCA,eAAeV,SAAS,CAACG,oBAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Pressable","withTheme","StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n StyleProp,\n ViewStyle,\n Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n starSize?: number;\n maxStars?: number;\n rating?: number;\n defaultValue?: number;\n isEditable?: boolean;\n activeColor?: string;\n inactiveColor?: string;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Pressable","withTheme","StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n StyleProp,\n ViewStyle,\n Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n starSize?: number;\n maxStars?: number;\n rating?: number;\n defaultValue?: number;\n isEditable?: boolean;\n activeColor?: string;\n inactiveColor?: string;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n starSize = 16,\n maxStars = 5,\n rating = 0,\n defaultValue,\n isEditable = false,\n activeColor,\n inactiveColor,\n style,\n onPress,\n ...rest\n}) => {\n const [localRating, setLocalRating] = React.useState<number>(\n rating || defaultValue || 0\n );\n\n React.useEffect(() => {\n if (rating != null) {\n setLocalRating(rating);\n }\n }, [rating]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setLocalRating(defaultValue);\n }\n }, [defaultValue]);\n\n const ratingHandler = React.useCallback(\n (r: number) => {\n setLocalRating(r);\n !!onPress && onPress(r);\n },\n [onPress]\n );\n\n const ratingRounded = Math.round(localRating * 2) / 2;\n\n return (\n <View style={[styles.container, style]} {...rest}>\n {[...Array(maxStars)].map((_, i) => (\n <View key={i} style={{ display: \"flex\" }}>\n <Icon\n name={\n ratingRounded - i === 0.5\n ? \"MaterialIcons/star-half\"\n : \"MaterialIcons/star\"\n }\n size={starSize}\n color={ratingRounded > i ? activeColor : inactiveColor}\n />\n {isEditable && (\n <View style={styles.touchContainer}>\n <Pressable\n style={styles.pressable}\n onPress={() => ratingHandler(i + 0.5)}\n />\n <Pressable\n style={styles.pressable}\n onPress={() => ratingHandler(i + 1)}\n />\n </View>\n )}\n </View>\n ))}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: \"row\",\n alignItems: \"center\",\n },\n touchContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n position: \"absolute\",\n top: 0,\n right: 0,\n left: 0,\n bottom: 0,\n zIndex: 1,\n },\n pressable: {\n flex: 1,\n height: \"100%\",\n width: \"50%\",\n },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","StyleSheet","shadow","overlay","withTheme","Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface"],"sources":["Surface.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","Animated","StyleSheet","shadow","overlay","withTheme","Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface"],"sources":["Surface.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n Animated,\n StyleSheet,\n ViewProps,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<React.PropsWithChildren<Props>> = ({\n elevation: propElevation,\n style,\n theme,\n children,\n ...rest\n}) => {\n const {\n elevation: styleElevation = 3,\n backgroundColor,\n ...restStyle\n } = (StyleSheet.flatten(style) || {}) as ViewStyle;\n\n const { dark: isDarkTheme, mode, colors } = theme;\n\n const elevation = propElevation || styleElevation;\n\n const evalationStyles = elevation ? shadow(elevation) : {};\n\n const getBackgroundColor = () => {\n if (backgroundColor) {\n return backgroundColor;\n } else if (isDarkTheme && mode === \"adaptive\") {\n return overlay(elevation, colors.surface);\n } else {\n return colors.surface;\n }\n };\n\n return (\n <Animated.View\n {...rest}\n style={[\n {\n backgroundColor: getBackgroundColor(),\n elevation,\n ...evalationStyles,\n ...restStyle,\n },\n ]}\n >\n {children}\n </Animated.View>\n );\n};\n\nexport default withTheme(Surface);\n"],"mappings":";;AAAA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,UAFF,QAMO,cANP;AAQA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AASA,MAAMC,OAAiD,GAAG,QAMpD;EAAA,IANqD;IACzDC,SAAS,EAAEC,aAD8C;IAEzDC,KAFyD;IAGzDC,KAHyD;IAIzDC,QAJyD;IAKzD,GAAGC;EALsD,CAMrD;EACJ,MAAM;IACJL,SAAS,EAAEM,cAAc,GAAG,CADxB;IAEJC,eAFI;IAGJ,GAAGC;EAHC,IAIDb,UAAU,CAACc,OAAX,CAAmBP,KAAnB,KAA6B,EAJlC;EAMA,MAAM;IAAEQ,IAAI,EAAEC,WAAR;IAAqBC,IAArB;IAA2BC;EAA3B,IAAsCV,KAA5C;EAEA,MAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAnC;EAEA,MAAMQ,eAAe,GAAGd,SAAS,GAAGJ,MAAM,CAACI,SAAD,CAAT,GAAuB,EAAxD;;EAEA,MAAMe,kBAAkB,GAAG,MAAM;IAC/B,IAAIR,eAAJ,EAAqB;MACnB,OAAOA,eAAP;IACD,CAFD,MAEO,IAAII,WAAW,IAAIC,IAAI,KAAK,UAA5B,EAAwC;MAC7C,OAAOf,OAAO,CAACG,SAAD,EAAYa,MAAM,CAACG,OAAnB,CAAd;IACD,CAFM,MAEA;MACL,OAAOH,MAAM,CAACG,OAAd;IACD;EACF,CARD;;EAUA,oBACE,oBAAC,QAAD,CAAU,IAAV,eACMX,IADN;IAEE,KAAK,EAAE,CACL;MACEE,eAAe,EAAEQ,kBAAkB,EADrC;MAEEf,SAFF;MAGE,GAAGc,eAHL;MAIE,GAAGN;IAJL,CADK;EAFT,IAWGJ,QAXH,CADF;AAeD,CA5CD;;AA8CA,eAAeN,SAAS,CAACC,OAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"sources":["Swiper.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n prevTitleColor?: string;\n nextTitleColor?: string;\n dotsTouchable?: boolean;\n dotColor?: string;\n dotActiveColor?: string;\n children: React.ReactNode;\n data?: Array<T>;\n keyExtractor: (item: T, index: number) => string;\n renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n prevTitleColor,\n nextTitleColor,\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n data,\n keyExtractor,\n renderItem,\n children,\n style,\n}: SwiperProps<any>) => (\n <View style={style}>\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n prevTitleStyle: { color: prevTitleColor },\n nextTitleStyle: { color: nextTitleColor },\n dotsTouchable,\n ...(dotColor\n ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n : {}),\n ...(dotActiveColor\n ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n : {}),\n }}\n >\n {data && renderItem\n ? data.map((item, index) => {\n const component = renderItem({ item, index });\n\n if (!component) {\n return null;\n }\n\n const key = keyExtractor ? keyExtractor(item, index) : index;\n return React.cloneElement(component, {\n key,\n });\n })\n : children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAqBA,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KADG;IAEdC,IAAI,GAAG,KAFO;IAGdC,OAAO,GAAG,CAHI;IAIdC,IAAI,GAAG,CAJO;IAKdC,SAAS,GAAG,EALE;IAMdC,SAAS,GAAG,EANE;IAOdC,cAPc;IAQdC,cARc;IASdC,aAAa,GAAG,IATF;IAUdC,QAVc;IAWdC,cAXc;IAYdC,IAZc;IAadC,YAbc;IAcdC,UAdc;IAedC,QAfc;IAgBdC;EAhBc,CAAD;EAAA,oBAkBb,oBAAC,IAAD;IAAM,KAAK,EAAEA;EAAb,
|
|
1
|
+
{"version":3,"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","cloneElement"],"sources":["Swiper.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n vertical?: boolean;\n loop?: boolean;\n from?: number;\n timeout?: number;\n prevTitle?: string;\n nextTitle?: string;\n prevTitleColor?: string;\n nextTitleColor?: string;\n dotsTouchable?: boolean;\n dotColor?: string;\n dotActiveColor?: string;\n children: React.ReactNode;\n data?: Array<T>;\n keyExtractor: (item: T, index: number) => string;\n renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n vertical = false,\n loop = false,\n timeout = 0,\n from = 0,\n prevTitle = \"\",\n nextTitle = \"\",\n prevTitleColor,\n nextTitleColor,\n dotsTouchable = true,\n dotColor,\n dotActiveColor,\n data,\n keyExtractor,\n renderItem,\n children,\n style,\n}: SwiperProps<any>) => (\n <View style={style}>\n {/* @ts-ignore */}\n <SwiperComponent\n from={from}\n loop={loop}\n timeout={timeout}\n vertical={vertical}\n controlsProps={{\n prevTitle,\n nextTitle,\n prevTitleStyle: { color: prevTitleColor },\n nextTitleStyle: { color: nextTitleColor },\n dotsTouchable,\n ...(dotColor\n ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n : {}),\n ...(dotActiveColor\n ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n : {}),\n }}\n >\n {data && renderItem\n ? data.map((item, index) => {\n const component = renderItem({ item, index });\n\n if (!component) {\n return null;\n }\n\n const key = keyExtractor ? keyExtractor(item, index) : index;\n return React.cloneElement(component, {\n key,\n });\n })\n : children}\n </SwiperComponent>\n </View>\n);\n\nexport default Swiper;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAqBA,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KADG;IAEdC,IAAI,GAAG,KAFO;IAGdC,OAAO,GAAG,CAHI;IAIdC,IAAI,GAAG,CAJO;IAKdC,SAAS,GAAG,EALE;IAMdC,SAAS,GAAG,EANE;IAOdC,cAPc;IAQdC,cARc;IASdC,aAAa,GAAG,IATF;IAUdC,QAVc;IAWdC,cAXc;IAYdC,IAZc;IAadC,YAbc;IAcdC,UAdc;IAedC,QAfc;IAgBdC;EAhBc,CAAD;EAAA,oBAkBb,oBAAC,IAAD;IAAM,KAAK,EAAEA;EAAb,gBAEE,oBAAC,eAAD;IACE,IAAI,EAAEZ,IADR;IAEE,IAAI,EAAEF,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,QAAQ,EAAEF,QAJZ;IAKE,aAAa,EAAE;MACbI,SADa;MAEbC,SAFa;MAGbW,cAAc,EAAE;QAAEC,KAAK,EAAEX;MAAT,CAHH;MAIbY,cAAc,EAAE;QAAED,KAAK,EAAEV;MAAT,CAJH;MAKbC,aALa;MAMb,IAAIC,QAAQ,GACR;QAAEU,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEZ;UAAnB;QAAd;MAAZ,CADQ,GAER,EAFJ,CANa;MASb,IAAIC,cAAc,GACd;QAAEY,cAAc,EAAE;UAAED,eAAe,EAAEX;QAAnB;MAAlB,CADc,GAEd,EAFJ;IATa;EALjB,GAmBGC,IAAI,IAAIE,UAAR,GACGF,IAAI,CAACY,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACxB,MAAMC,SAAS,GAAGb,UAAU,CAAC;MAAEW,IAAF;MAAQC;IAAR,CAAD,CAA5B;;IAEA,IAAI,CAACC,SAAL,EAAgB;MACd,OAAO,IAAP;IACD;;IAED,MAAMC,GAAG,GAAGf,YAAY,GAAGA,YAAY,CAACY,IAAD,EAAOC,KAAP,CAAf,GAA+BA,KAAvD;IACA,oBAAO7B,KAAK,CAACgC,YAAN,CAAmBF,SAAnB,EAA8B;MACnCC;IADmC,CAA9B,CAAP;EAGD,CAXD,CADH,GAaGb,QAhCN,CAFF,CAlBa;AAAA,CAAf;;AAyDA,eAAef,MAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","withTheme","StyleSheet","IconButton","ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","create","borderWidth"],"sources":["ToggleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n icon: string;\n toggled?: boolean;\n onPress?: (value: boolean) => void;\n defaultValue?: boolean;\n disabled?: boolean;\n color?: colorTypes;\n colorSecondary?: colorTypes;\n borderColor?: colorTypes;\n iconSize?: number;\n width?: number;\n height?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<Props
|
|
1
|
+
{"version":3,"names":["React","withTheme","StyleSheet","IconButton","ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","create","borderWidth"],"sources":["ToggleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n icon: string;\n toggled?: boolean;\n onPress?: (value: boolean) => void;\n defaultValue?: boolean;\n disabled?: boolean;\n color?: colorTypes;\n colorSecondary?: colorTypes;\n borderColor?: colorTypes;\n iconSize?: number;\n width?: number;\n height?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n icon,\n toggled = false,\n onPress = () => {},\n defaultValue,\n disabled = false,\n color = \"primary\",\n colorSecondary = \"surface\",\n borderColor = \"divider\",\n iconSize = 25,\n width = 50,\n height = 50,\n theme: { colors },\n style,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState<boolean>(\n toggled || defaultValue || false\n );\n\n React.useEffect(() => {\n if (toggled != null) {\n setInternalValue(toggled);\n }\n }, [toggled]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n setInternalValue(defaultValue);\n }\n }, [defaultValue]);\n\n const handlePress = () => {\n setInternalValue(!internalValue);\n onPress(!internalValue);\n };\n\n return (\n <IconButton\n Icon={Icon}\n icon={icon}\n size={iconSize}\n color={internalValue ? colors[color] : colors[colorSecondary]}\n onPress={handlePress}\n disabled={disabled}\n style={[\n styles.mainContainer,\n {\n width,\n height,\n backgroundColor: internalValue\n ? colors[colorSecondary]\n : colors[color],\n borderColor: colors[borderColor],\n },\n style,\n ]}\n {...rest}\n />\n );\n};\n\nconst styles = StyleSheet.create({\n mainContainer: {\n borderWidth: 1,\n },\n});\n\nexport default withTheme(ToggleButton);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,YAA1B;AAEA,SAAoBC,UAApB,QAAiD,cAAjD;AACA,OAAOC,UAAP,MAAuB,cAAvB;;AAoBA,MAAMC,YAAsD,GAAG,QAgBzD;EAAA,IAhB0D;IAC9DC,IAD8D;IAE9DC,IAF8D;IAG9DC,OAAO,GAAG,KAHoD;IAI9DC,OAAO,GAAG,MAAM,CAAE,CAJ4C;IAK9DC,YAL8D;IAM9DC,QAAQ,GAAG,KANmD;IAO9DC,KAAK,GAAG,SAPsD;IAQ9DC,cAAc,GAAG,SAR6C;IAS9DC,WAAW,GAAG,SATgD;IAU9DC,QAAQ,GAAG,EAVmD;IAW9DC,KAAK,GAAG,EAXsD;IAY9DC,MAAM,GAAG,EAZqD;IAa9DC,KAAK,EAAE;MAAEC;IAAF,CAbuD;IAc9DC,KAd8D;IAe9D,GAAGC;EAf2D,CAgB1D;EACJ,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCtB,KAAK,CAACuB,QAAN,CACxChB,OAAO,IAAIE,YAAX,IAA2B,KADa,CAA1C;EAIAT,KAAK,CAACwB,SAAN,CAAgB,MAAM;IACpB,IAAIjB,OAAO,IAAI,IAAf,EAAqB;MACnBe,gBAAgB,CAACf,OAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,OAAD,CAJH;EAMAP,KAAK,CAACwB,SAAN,CAAgB,MAAM;IACpB,IAAIf,YAAY,IAAI,IAApB,EAA0B;MACxBa,gBAAgB,CAACb,YAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,YAAD,CAJH;;EAMA,MAAMgB,WAAW,GAAG,MAAM;IACxBH,gBAAgB,CAAC,CAACD,aAAF,CAAhB;IACAb,OAAO,CAAC,CAACa,aAAF,CAAP;EACD,CAHD;;EAKA,oBACE,oBAAC,UAAD;IACE,IAAI,EAAEhB,IADR;IAEE,IAAI,EAAEC,IAFR;IAGE,IAAI,EAAEQ,QAHR;IAIE,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAD,CAAT,GAAmBO,MAAM,CAACN,cAAD,CAJ/C;IAKE,OAAO,EAAEa,WALX;IAME,QAAQ,EAAEf,QANZ;IAOE,KAAK,EAAE,CACLgB,MAAM,CAACC,aADF,EAEL;MACEZ,KADF;MAEEC,MAFF;MAGEY,eAAe,EAAEP,aAAa,GAC1BH,MAAM,CAACN,cAAD,CADoB,GAE1BM,MAAM,CAACP,KAAD,CALZ;MAMEE,WAAW,EAAEK,MAAM,CAACL,WAAD;IANrB,CAFK,EAULM,KAVK;EAPT,GAmBMC,IAnBN,EADF;AAuBD,CA7DD;;AA+DA,MAAMM,MAAM,GAAGxB,UAAU,CAAC2B,MAAX,CAAkB;EAC/BF,aAAa,EAAE;IACbG,WAAW,EAAE;EADA;AADgB,CAAlB,CAAf;AAMA,eAAe7B,SAAS,CAACG,YAAD,CAAxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","injectIcon","Component","Icon","props","createElement"],"sources":["Icon.ts"],"sourcesContent":["/**\n * This is an interface for a hybrid component.\n *\n * Its public implementation is `@draftbit/native`, and it is injected inside\n * `@draftbit/ui`.\n */\nimport React from \"react\";\nimport { ViewProps, StyleProp, ImageStyle } from \"react-native\";\n\nimport { Subtract } from \"utility-types\";\n\ntype Props = {\n name: string
|
|
1
|
+
{"version":3,"names":["React","injectIcon","Component","Icon","props","createElement"],"sources":["Icon.ts"],"sourcesContent":["/**\n * This is an interface for a hybrid component.\n *\n * Its public implementation is `@draftbit/native`, and it is injected inside\n * `@draftbit/ui`.\n */\nimport React from \"react\";\nimport { ViewProps, StyleProp, ImageStyle } from \"react-native\";\n\nimport { Subtract } from \"utility-types\";\n\ntype Props = {\n name: string;\n color?: string;\n size: number;\n style?: StyleProp<ImageStyle>;\n} & ViewProps;\n\nexport type IconI = React.ComponentType<Props>;\n\nexport interface IconSlot {\n Icon: IconI;\n}\n\nexport const injectIcon =\n <P extends IconSlot>(Component: React.ComponentType<P>, Icon: IconI) =>\n (props: Subtract<P, IconSlot>) =>\n React.createElement(Component, { ...(props as P), Icon });\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AAkBA,OAAO,MAAMC,UAAU,GACrB,CAAqBC,SAArB,EAAwDC,IAAxD,KACCC,KAAD,iBACEJ,KAAK,CAACK,aAAN,CAAoBH,SAApB,EAA+B,EAAE,GAAIE,KAAN;EAAmBD;AAAnB,CAA/B,CAHG"}
|
|
@@ -3,10 +3,10 @@ export const SEED_DATA = {
|
|
|
3
3
|
name: "Keyboard Avoiding View",
|
|
4
4
|
tag: "KeyboardAvoidingView",
|
|
5
5
|
description: "View that moves out of the way of the virtual keyboard. ",
|
|
6
|
-
category: COMPONENT_TYPES.
|
|
6
|
+
category: COMPONENT_TYPES.layout,
|
|
7
7
|
props: {
|
|
8
8
|
enabled: {
|
|
9
|
-
label: "
|
|
9
|
+
label: "Enabled",
|
|
10
10
|
description: "Enable the keyboard avoiding view",
|
|
11
11
|
editable: true,
|
|
12
12
|
required: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","category","
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","GROUPS","SEED_DATA","name","tag","description","category","layout","props","enabled","label","editable","required","defaultValue","formType","boolean","propType","BOOLEAN","group","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sources":["KeyboardAvoidingView.ts"],"sourcesContent":["import {\n COMPONENT_TYPES,\n FORM_TYPES,\n PROP_TYPES,\n GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Keyboard Avoiding View\",\n tag: \"KeyboardAvoidingView\",\n description: \"View that moves out of the way of the virtual keyboard. \",\n category: COMPONENT_TYPES.layout,\n props: {\n enabled: {\n label: \"Enabled\",\n description: \"Enable the keyboard avoiding view\",\n editable: true,\n required: true,\n defaultValue: true,\n formType: FORM_TYPES.boolean,\n propType: PROP_TYPES.BOOLEAN,\n group: GROUPS.basic,\n },\n behavior: {\n label: \"Resizing Behavior\",\n description:\n \"The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).\",\n editable: true,\n required: true,\n defaultValue: \"padding\",\n options: [\"padding\", \"position\", \"height\"],\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n group: GROUPS.basic,\n },\n keyboardVerticalOffset: {\n label: \"Keyboard Vertical Offset\",\n description:\n \"The distance between the bottom of the view and the keyboard\",\n editable: true,\n required: false,\n defaultValue: 0,\n formType: FORM_TYPES.number,\n propType: PROP_TYPES.NUMBER,\n group: GROUPS.basic,\n },\n },\n};\n"],"mappings":"AAAA,SACEA,eADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,MAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,wBADiB;EAEvBC,GAAG,EAAE,sBAFkB;EAGvBC,WAAW,EAAE,0DAHU;EAIvBC,QAAQ,EAAER,eAAe,CAACS,MAJH;EAKvBC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,KAAK,EAAE,SADA;MAEPL,WAAW,EAAE,mCAFN;MAGPM,QAAQ,EAAE,IAHH;MAIPC,QAAQ,EAAE,IAJH;MAKPC,YAAY,EAAE,IALP;MAMPC,QAAQ,EAAEf,UAAU,CAACgB,OANd;MAOPC,QAAQ,EAAEhB,UAAU,CAACiB,OAPd;MAQPC,KAAK,EAAEjB,MAAM,CAACkB;IARP,CADJ;IAWLC,QAAQ,EAAE;MACRV,KAAK,EAAE,mBADC;MAERL,WAAW,EACT,uGAHM;MAIRM,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,IALF;MAMRC,YAAY,EAAE,SANN;MAORQ,OAAO,EAAE,CAAC,SAAD,EAAY,UAAZ,EAAwB,QAAxB,CAPD;MAQRP,QAAQ,EAAEf,UAAU,CAACuB,SARb;MASRN,QAAQ,EAAEhB,UAAU,CAACuB,MATb;MAURL,KAAK,EAAEjB,MAAM,CAACkB;IAVN,CAXL;IAuBLK,sBAAsB,EAAE;MACtBd,KAAK,EAAE,0BADe;MAEtBL,WAAW,EACT,8DAHoB;MAItBM,QAAQ,EAAE,IAJY;MAKtBC,QAAQ,EAAE,KALY;MAMtBC,YAAY,EAAE,CANQ;MAOtBC,QAAQ,EAAEf,UAAU,CAAC0B,MAPC;MAQtBT,QAAQ,EAAEhB,UAAU,CAAC0B,MARC;MAStBR,KAAK,EAAEjB,MAAM,CAACkB;IATQ;EAvBnB;AALgB,CAAlB"}
|