@draftbit/core 47.0.1-e04fa3.2 → 47.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Button.js +3 -3
- package/lib/commonjs/components/Checkbox/Checkbox.js +1 -3
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +1 -2
- package/lib/commonjs/components/Checkbox/CheckboxRow.js +1 -2
- package/lib/commonjs/components/DeprecatedButton.js +3 -27
- package/lib/commonjs/components/DeprecatedFAB.js +1 -2
- package/lib/commonjs/components/Justification.js +1 -5
- package/lib/commonjs/components/Pressable.js +37 -0
- package/lib/commonjs/components/ResizeMode.js +1 -5
- package/lib/commonjs/components/Swiper/Swiper.js +2 -0
- package/lib/commonjs/components/Touchable.js +8 -3
- package/lib/commonjs/index.js +89 -25
- package/lib/commonjs/mappings/Button.js +39 -10
- package/lib/commonjs/mappings/FlashList.js +45 -2
- package/lib/commonjs/mappings/FlatList.js +12 -0
- package/lib/commonjs/mappings/Swiper.js +2 -0
- package/lib/commonjs/mappings/Touchable.js +47 -7
- package/lib/module/components/Button.js +3 -3
- package/lib/module/components/Checkbox/Checkbox.js +2 -3
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +2 -3
- package/lib/module/components/Checkbox/CheckboxRow.js +2 -3
- package/lib/module/components/DeprecatedButton.js +4 -28
- package/lib/module/components/DeprecatedFAB.js +2 -3
- package/lib/module/components/Justification.js +0 -1
- package/lib/module/components/Pressable.js +30 -0
- package/lib/module/components/ResizeMode.js +0 -1
- package/lib/module/components/Swiper/Swiper.js +2 -0
- package/lib/module/components/Touchable.js +8 -3
- package/lib/module/index.js +32 -121
- package/lib/module/mappings/Button.js +40 -11
- package/lib/module/mappings/FlashList.js +46 -3
- package/lib/module/mappings/FlatList.js +13 -1
- package/lib/module/mappings/Swiper.js +3 -1
- package/lib/module/mappings/Touchable.js +49 -9
- package/lib/typescript/src/components/Button.d.ts.map +1 -1
- package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +2 -2
- package/lib/typescript/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/typescript/src/components/Checkbox/CheckboxGroupRow.d.ts.map +1 -1
- package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts.map +1 -1
- package/lib/typescript/src/components/DeprecatedButton.d.ts +2 -2
- package/lib/typescript/src/components/DeprecatedButton.d.ts.map +1 -1
- package/lib/typescript/src/components/DeprecatedFAB.d.ts +2 -2
- package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +1 -1
- package/lib/typescript/src/components/Pressable.d.ts +10 -0
- package/lib/typescript/src/components/Pressable.d.ts.map +1 -0
- package/lib/typescript/src/components/Swiper/Swiper.d.ts +2 -1
- package/lib/typescript/src/components/Swiper/Swiper.d.ts.map +1 -1
- package/lib/typescript/src/components/Touchable.d.ts +5 -6
- package/lib/typescript/src/components/Touchable.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +30 -102
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Button.d.ts +113 -4
- package/lib/typescript/src/mappings/Button.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlashList.d.ts +112 -2
- package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlatList.d.ts +42 -0
- package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Swiper.d.ts +11 -0
- package/lib/typescript/src/mappings/Swiper.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Touchable.d.ts +59 -5
- package/lib/typescript/src/mappings/Touchable.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Button.tsx +14 -4
- package/src/components/Checkbox/Checkbox.tsx +5 -7
- package/src/components/Checkbox/CheckboxGroupRow.tsx +3 -3
- package/src/components/Checkbox/CheckboxRow.tsx +3 -3
- package/src/components/DeprecatedButton.tsx +7 -31
- package/src/components/DeprecatedFAB.tsx +5 -5
- package/src/components/Pressable.tsx +44 -0
- package/src/components/Swiper/Swiper.tsx +3 -0
- package/src/components/Touchable.tsx +11 -7
- package/src/index.tsx +44 -123
- package/src/mappings/Button.ts +41 -10
- package/src/mappings/FlashList.ts +82 -30
- package/src/mappings/FlatList.ts +16 -0
- package/src/mappings/Swiper.ts +4 -0
- package/src/mappings/Touchable.ts +53 -6
- package/lib/commonjs/mappings/NativeBase/AlertDialog.js +0 -102
- package/lib/commonjs/mappings/NativeBase/Button.js +0 -84
- package/lib/commonjs/mappings/NativeBase/DataDisplay.js +0 -61
- package/lib/commonjs/mappings/NativeBase/Feedback.js +0 -74
- package/lib/commonjs/mappings/NativeBase/Layout.js +0 -114
- package/lib/commonjs/mappings/NativeBase/Media.js +0 -49
- package/lib/commonjs/mappings/NativeBase/Menu.js +0 -111
- package/lib/commonjs/mappings/NativeBase/Modal.js +0 -93
- package/lib/commonjs/mappings/NativeBase/Other.js +0 -94
- package/lib/commonjs/mappings/NativeBase/Popover.js +0 -99
- package/lib/commonjs/mappings/NativeBase/Select.js +0 -65
- package/lib/commonjs/mappings/NativeBase/Slider.js +0 -81
- package/lib/module/mappings/NativeBase/AlertDialog.js +0 -95
- package/lib/module/mappings/NativeBase/Button.js +0 -86
- package/lib/module/mappings/NativeBase/DataDisplay.js +0 -54
- package/lib/module/mappings/NativeBase/Feedback.js +0 -67
- package/lib/module/mappings/NativeBase/Layout.js +0 -107
- package/lib/module/mappings/NativeBase/Media.js +0 -42
- package/lib/module/mappings/NativeBase/Menu.js +0 -104
- package/lib/module/mappings/NativeBase/Modal.js +0 -86
- package/lib/module/mappings/NativeBase/Other.js +0 -87
- package/lib/module/mappings/NativeBase/Popover.js +0 -92
- package/lib/module/mappings/NativeBase/Select.js +0 -58
- package/lib/module/mappings/NativeBase/Slider.js +0 -74
- package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts +0 -146
- package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Button.d.ts +0 -1
- package/lib/typescript/src/mappings/NativeBase/Button.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts +0 -96
- package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts +0 -2
- package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +0 -146
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Media.d.ts +0 -48
- package/lib/typescript/src/mappings/NativeBase/Media.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Menu.d.ts +0 -227
- package/lib/typescript/src/mappings/NativeBase/Menu.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Modal.d.ts +0 -133
- package/lib/typescript/src/mappings/NativeBase/Modal.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Other.d.ts +0 -179
- package/lib/typescript/src/mappings/NativeBase/Other.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Popover.d.ts +0 -136
- package/lib/typescript/src/mappings/NativeBase/Popover.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Select.d.ts +0 -156
- package/lib/typescript/src/mappings/NativeBase/Select.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Slider.d.ts +0 -200
- package/lib/typescript/src/mappings/NativeBase/Slider.d.ts.map +0 -1
- package/src/Provider.js +0 -9
- package/src/components/Accordion/AccordionGroup.js +0 -44
- package/src/components/Accordion/AccordionItem.js +0 -32
- package/src/components/Accordion/index.js +0 -2
- package/src/components/ActionSheet/ActionSheet.js +0 -45
- package/src/components/ActionSheet/ActionSheetCancel.js +0 -6
- package/src/components/ActionSheet/ActionSheetItem.js +0 -30
- package/src/components/ActionSheet/index.js +0 -3
- package/src/components/AnimatedCircularProgress.js +0 -43
- package/src/components/AspectRatio.js +0 -18
- package/src/components/AvatarEdit.js +0 -30
- package/src/components/Banner.js +0 -109
- package/src/components/Button.js +0 -114
- package/src/components/Card.js +0 -57
- package/src/components/CardBlock.js +0 -54
- package/src/components/CardContainer.js +0 -69
- package/src/components/CardContainerRating.js +0 -79
- package/src/components/CardContainerShortImage.js +0 -33
- package/src/components/CardInline.js +0 -36
- package/src/components/Carousel.js +0 -68
- package/src/components/Checkbox/Checkbox.js +0 -63
- package/src/components/Checkbox/CheckboxGroup.js +0 -21
- package/src/components/Checkbox/CheckboxGroupRow.js +0 -77
- package/src/components/Checkbox/CheckboxRow.js +0 -78
- package/src/components/Checkbox/context.js +0 -14
- package/src/components/Checkbox/index.js +0 -3
- package/src/components/CircleImage.js +0 -8
- package/src/components/CircularProgress.js +0 -81
- package/src/components/Config.js +0 -64
- package/src/components/Container.js +0 -43
- package/src/components/DatePicker/DatePicker.js +0 -377
- package/src/components/DatePicker/DatePickerComponent.js +0 -13
- package/src/components/DatePicker/DatePickerComponent.web.js +0 -30
- package/src/components/DatePicker/DatePickerComponentType.js +0 -1
- package/src/components/DeprecatedButton.js +0 -95
- package/src/components/DeprecatedCardWrapper.js +0 -18
- package/src/components/DeprecatedFAB.js +0 -115
- package/src/components/Divider.js +0 -13
- package/src/components/Elevation.js +0 -20
- package/src/components/FAB.js +0 -46
- package/src/components/FieldSearchBarFull.js +0 -53
- package/src/components/FormRow.js +0 -19
- package/src/components/Header.js +0 -44
- package/src/components/HeaderLarge.js +0 -7
- package/src/components/HeaderMedium.js +0 -7
- package/src/components/HeaderOverline.js +0 -7
- package/src/components/IconButton.js +0 -35
- package/src/components/Image.js +0 -47
- package/src/components/Justification.js +0 -1
- package/src/components/Layout.js +0 -50
- package/src/components/NumberInput.js +0 -49
- package/src/components/Picker/Picker.js +0 -267
- package/src/components/Picker/PickerComponent.android.js +0 -69
- package/src/components/Picker/PickerComponent.ios.js +0 -79
- package/src/components/Picker/PickerComponent.web.js +0 -70
- package/src/components/Picker/PickerTypes.js +0 -1
- package/src/components/Portal/Portal.js +0 -35
- package/src/components/Portal/PortalConsumer.js +0 -27
- package/src/components/Portal/PortalHost.js +0 -107
- package/src/components/Portal/PortalManager.js +0 -32
- package/src/components/ProgressBar.js +0 -118
- package/src/components/ProgressCircle.js +0 -13
- package/src/components/ProgressIndicator.js +0 -27
- package/src/components/RadioButton/RadioButton.js +0 -17
- package/src/components/RadioButton/RadioButtonFieldGroup.js +0 -17
- package/src/components/RadioButton/RadioButtonGroup.js +0 -43
- package/src/components/RadioButton/RadioButtonRow.js +0 -76
- package/src/components/RadioButton/context.js +0 -14
- package/src/components/RadioButton/index.js +0 -4
- package/src/components/ResizeMode.js +0 -1
- package/src/components/Row.js +0 -48
- package/src/components/RowBodyIcon.js +0 -8
- package/src/components/RowHeadlineImageCaption.js +0 -12
- package/src/components/RowHeadlineImageIcon.js +0 -14
- package/src/components/SVG.js +0 -13
- package/src/components/ScreenContainer.js +0 -34
- package/src/components/Slider.js +0 -63
- package/src/components/StarRating.js +0 -50
- package/src/components/StepIndicator.js +0 -346
- package/src/components/Stepper.js +0 -41
- package/src/components/Surface.js +0 -32
- package/src/components/Swiper/Swiper.js +0 -29
- package/src/components/Swiper/SwiperItem.js +0 -9
- package/src/components/Swiper/index.js +0 -2
- package/src/components/Switch.js +0 -56
- package/src/components/Text.js +0 -33
- package/src/components/TextField.js +0 -428
- package/src/components/ToggleButton.js +0 -39
- package/src/components/Touchable.js +0 -12
- package/src/components/Touchable.web.js +0 -2
- package/src/components/Typography.js +0 -36
- package/src/components/useAuthState.js +0 -31
- package/src/constants.js +0 -10
- package/src/hooks.js +0 -12
- package/src/index.js +0 -133
- package/src/interfaces/Icon.js +0 -8
- package/src/mappings/Accordion.js +0 -41
- package/src/mappings/AccordionItem.js +0 -16
- package/src/mappings/ActionSheet.js +0 -13
- package/src/mappings/ActionSheetCancel.js +0 -19
- package/src/mappings/ActionSheetItem.js +0 -23
- package/src/mappings/ActivityIndicator.js +0 -58
- package/src/mappings/AudioPlayer.js +0 -57
- package/src/mappings/AvatarEdit.js +0 -38
- package/src/mappings/Banner.js +0 -32
- package/src/mappings/BlurView.js +0 -42
- package/src/mappings/Button.js +0 -87
- package/src/mappings/Card.js +0 -52
- package/src/mappings/CardBlock.js +0 -123
- package/src/mappings/CardContainer.js +0 -104
- package/src/mappings/CardContainerRating.js +0 -126
- package/src/mappings/CardContainerShortImage.js +0 -120
- package/src/mappings/CardInline.js +0 -52
- package/src/mappings/Carousel.js +0 -19
- package/src/mappings/Checkbox.js +0 -46
- package/src/mappings/CheckboxGroup.js +0 -26
- package/src/mappings/CheckboxRow.js +0 -61
- package/src/mappings/CircleImage.js +0 -25
- package/src/mappings/Container.js +0 -30
- package/src/mappings/CustomCode.js +0 -8
- package/src/mappings/DatePicker.js +0 -176
- package/src/mappings/Divider.js +0 -27
- package/src/mappings/FAB.js +0 -37
- package/src/mappings/Fetch.js +0 -13
- package/src/mappings/FieldSearchBarFull.js +0 -50
- package/src/mappings/FlashList.js +0 -33
- package/src/mappings/FlatList.js +0 -24
- package/src/mappings/HeaderLarge.js +0 -29
- package/src/mappings/HeaderMedium.js +0 -55
- package/src/mappings/HeaderOverline.js +0 -55
- package/src/mappings/Icon.js +0 -32
- package/src/mappings/IconButton.js +0 -35
- package/src/mappings/Image.js +0 -35
- package/src/mappings/ImageBackground.js +0 -29
- package/src/mappings/KeyboardAvoidingView.js +0 -41
- package/src/mappings/KeyboardAwareScrollView.js +0 -50
- package/src/mappings/Layout.js +0 -200
- package/src/mappings/LinearGradient.js +0 -77
- package/src/mappings/MapCallout.js +0 -21
- package/src/mappings/MapMarker.js +0 -47
- package/src/mappings/MapView.js +0 -139
- package/src/mappings/Modal.js +0 -42
- package/src/mappings/NativeBase/AlertDialog.js +0 -112
- package/src/mappings/NativeBase/AlertDialog.ts +0 -128
- package/src/mappings/NativeBase/Button.js +0 -84
- package/src/mappings/NativeBase/Button.ts +0 -83
- package/src/mappings/NativeBase/DataDisplay.js +0 -67
- package/src/mappings/NativeBase/DataDisplay.ts +0 -79
- package/src/mappings/NativeBase/Feedback.js +0 -89
- package/src/mappings/NativeBase/Feedback.ts +0 -100
- package/src/mappings/NativeBase/Layout.js +0 -140
- package/src/mappings/NativeBase/Layout.ts +0 -152
- package/src/mappings/NativeBase/Media.js +0 -56
- package/src/mappings/NativeBase/Media.ts +0 -65
- package/src/mappings/NativeBase/Menu.js +0 -134
- package/src/mappings/NativeBase/Menu.ts +0 -150
- package/src/mappings/NativeBase/Modal.js +0 -103
- package/src/mappings/NativeBase/Modal.ts +0 -118
- package/src/mappings/NativeBase/Other.js +0 -123
- package/src/mappings/NativeBase/Other.ts +0 -139
- package/src/mappings/NativeBase/Popover.js +0 -123
- package/src/mappings/NativeBase/Popover.ts +0 -136
- package/src/mappings/NativeBase/Select.js +0 -71
- package/src/mappings/NativeBase/Select.ts +0 -85
- package/src/mappings/NativeBase/Slider.js +0 -89
- package/src/mappings/NativeBase/Slider.ts +0 -105
- package/src/mappings/NumberInput.js +0 -254
- package/src/mappings/Picker.js +0 -148
- package/src/mappings/ProgressBar.js +0 -101
- package/src/mappings/ProgressCircle.js +0 -109
- package/src/mappings/ProgressIndicator.js +0 -181
- package/src/mappings/RadioButton.js +0 -51
- package/src/mappings/RadioButtonGroup.js +0 -17
- package/src/mappings/RadioButtonRow.js +0 -42
- package/src/mappings/RowBodyIcon.js +0 -75
- package/src/mappings/RowHeadlineImageCaption.js +0 -167
- package/src/mappings/RowHeadlineImageIcon.js +0 -99
- package/src/mappings/SVG.js +0 -20
- package/src/mappings/SafeAreaView.js +0 -33
- package/src/mappings/ScrollView.js +0 -31
- package/src/mappings/Slider.js +0 -60
- package/src/mappings/StarRating.js +0 -43
- package/src/mappings/Stepper.js +0 -32
- package/src/mappings/Surface.js +0 -14
- package/src/mappings/Swiper.js +0 -60
- package/src/mappings/SwiperItem.js +0 -8
- package/src/mappings/Switch.js +0 -81
- package/src/mappings/Text.js +0 -251
- package/src/mappings/TextArea.js +0 -274
- package/src/mappings/TextField.js +0 -391
- package/src/mappings/TextInput.js +0 -402
- package/src/mappings/ToggleButton.js +0 -50
- package/src/mappings/Touchable.js +0 -17
- package/src/mappings/Video.js +0 -81
- package/src/mappings/View.js +0 -207
- package/src/mappings/WebView.js +0 -88
- package/src/styles/DarkTheme.js +0 -26
- package/src/styles/DefaultTheme.js +0 -111
- package/src/styles/fonts.js +0 -62
- package/src/styles/overlay.js +0 -60
- package/src/styles/shadow.js +0 -51
- package/src/theming.js +0 -3
- package/src/utilities.js +0 -102
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, createBoolProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBPopover,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
stylesPanelSections: [
|
|
6
|
-
StylesPanelSections.LayoutFlexItems,
|
|
7
|
-
StylesPanelSections.LayoutSelectedItem,
|
|
8
|
-
StylesPanelSections.LayoutContent,
|
|
9
|
-
StylesPanelSections.Background,
|
|
10
|
-
StylesPanelSections.Size,
|
|
11
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
12
|
-
StylesPanelSections.Position,
|
|
13
|
-
StylesPanelSections.Borders,
|
|
14
|
-
StylesPanelSections.Effects,
|
|
15
|
-
],
|
|
16
|
-
layout: {},
|
|
17
|
-
triggers: {},
|
|
18
|
-
};
|
|
19
|
-
export const SEED_DATA = [
|
|
20
|
-
{
|
|
21
|
-
name: "Popover",
|
|
22
|
-
tag: "Popover",
|
|
23
|
-
description: "Popover floats around a trigger. It is a non-modal dialog used to provide contextual information to the user. It should be paired with a pressable trigger element.",
|
|
24
|
-
...SHARED_SEED_DATA,
|
|
25
|
-
allowChildren: true,
|
|
26
|
-
props: {
|
|
27
|
-
isOpen: createBoolProp({
|
|
28
|
-
label: "Is Open",
|
|
29
|
-
description: "If true, the popover is open. Useful for controlling the open state.",
|
|
30
|
-
}),
|
|
31
|
-
defaultIsOpen: createStaticBoolProp({
|
|
32
|
-
label: "Default Is Open",
|
|
33
|
-
description: "If true, the popover will be opened by default.",
|
|
34
|
-
}),
|
|
35
|
-
trapFocus: createStaticBoolProp({
|
|
36
|
-
label: "Trap Focus",
|
|
37
|
-
description: "Whether popover should trap focus.",
|
|
38
|
-
}),
|
|
39
|
-
shouldFlip: createStaticBoolProp({
|
|
40
|
-
label: "Should Flip",
|
|
41
|
-
description: "Whether popover should flip when it reaches the edge of the screen.",
|
|
42
|
-
defaultValue: true,
|
|
43
|
-
}),
|
|
44
|
-
shouldOverlapWithTrigger: createStaticBoolProp({
|
|
45
|
-
label: "Should Overlap With Trigger",
|
|
46
|
-
description: "Whether popover should overlap with trigger.",
|
|
47
|
-
defaultValue: false,
|
|
48
|
-
}),
|
|
49
|
-
isKeyboardDismissable: createStaticBoolProp({
|
|
50
|
-
label: "Is Keyboard Dismissable",
|
|
51
|
-
description: "If true, the popover will close when the keyboard is dismissed.",
|
|
52
|
-
defaultValue: true,
|
|
53
|
-
}),
|
|
54
|
-
placement: createTextEnumProp({
|
|
55
|
-
label: "Placement",
|
|
56
|
-
description: "The placement of the popover",
|
|
57
|
-
options: [
|
|
58
|
-
"bottom",
|
|
59
|
-
"top",
|
|
60
|
-
"left",
|
|
61
|
-
"right",
|
|
62
|
-
"top left",
|
|
63
|
-
"top right",
|
|
64
|
-
"bottom left",
|
|
65
|
-
"bottom right",
|
|
66
|
-
"right bottom",
|
|
67
|
-
"right top",
|
|
68
|
-
"left bottom",
|
|
69
|
-
"left top",
|
|
70
|
-
],
|
|
71
|
-
defaultValue: "bottom left",
|
|
72
|
-
}),
|
|
73
|
-
useRNModal: createStaticBoolProp({
|
|
74
|
-
label: "Use RN Modal",
|
|
75
|
-
description: "If true, the popover will use the RN Modal component.",
|
|
76
|
-
}),
|
|
77
|
-
onOpen: createActionProp(),
|
|
78
|
-
onClose: createActionProp(),
|
|
79
|
-
},
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
name: "Popover Arrow",
|
|
83
|
-
tag: "Popover.Arrow",
|
|
84
|
-
description: "The popover arrow.",
|
|
85
|
-
...SHARED_SEED_DATA,
|
|
86
|
-
props: {},
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
name: "Popover Body",
|
|
90
|
-
tag: "Popover.Body",
|
|
91
|
-
description: "The body of the popover.",
|
|
92
|
-
...SHARED_SEED_DATA,
|
|
93
|
-
props: {},
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
name: "Popover Content",
|
|
97
|
-
tag: "Popover.Content",
|
|
98
|
-
description: "The popover itself.",
|
|
99
|
-
...SHARED_SEED_DATA,
|
|
100
|
-
props: {},
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
name: "Popover Close Button",
|
|
104
|
-
tag: "Popover.CloseButton",
|
|
105
|
-
description: "The button that closes the popover.",
|
|
106
|
-
...SHARED_SEED_DATA,
|
|
107
|
-
props: {},
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
name: "Popover Header",
|
|
111
|
-
tag: "Popover.Header",
|
|
112
|
-
description: "The header of the popover.",
|
|
113
|
-
...SHARED_SEED_DATA,
|
|
114
|
-
props: {},
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
name: "Popover Trigger",
|
|
118
|
-
tag: "Popover.Trigger",
|
|
119
|
-
description: "Used to wrap the reference (or trigger) element.",
|
|
120
|
-
...SHARED_SEED_DATA,
|
|
121
|
-
props: {},
|
|
122
|
-
},
|
|
123
|
-
];
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
COMPONENT_TYPES,
|
|
3
|
-
createActionProp,
|
|
4
|
-
createBoolProp,
|
|
5
|
-
createStaticBoolProp,
|
|
6
|
-
createTextEnumProp,
|
|
7
|
-
StylesPanelSections,
|
|
8
|
-
} from "@draftbit/types";
|
|
9
|
-
|
|
10
|
-
const SHARED_SEED_DATA = {
|
|
11
|
-
category: COMPONENT_TYPES.NBPopover,
|
|
12
|
-
packageName: "native-base",
|
|
13
|
-
stylesPanelSections: [
|
|
14
|
-
StylesPanelSections.LayoutFlexItems,
|
|
15
|
-
StylesPanelSections.LayoutSelectedItem,
|
|
16
|
-
StylesPanelSections.LayoutContent,
|
|
17
|
-
StylesPanelSections.Background,
|
|
18
|
-
StylesPanelSections.Size,
|
|
19
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
20
|
-
StylesPanelSections.Position,
|
|
21
|
-
StylesPanelSections.Borders,
|
|
22
|
-
StylesPanelSections.Effects,
|
|
23
|
-
],
|
|
24
|
-
layout: {},
|
|
25
|
-
triggers: {},
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export const SEED_DATA = [
|
|
29
|
-
{
|
|
30
|
-
name: "Popover",
|
|
31
|
-
tag: "Popover",
|
|
32
|
-
description:
|
|
33
|
-
"Popover floats around a trigger. It is a non-modal dialog used to provide contextual information to the user. It should be paired with a pressable trigger element.",
|
|
34
|
-
...SHARED_SEED_DATA,
|
|
35
|
-
allowChildren: true,
|
|
36
|
-
props: {
|
|
37
|
-
isOpen: createBoolProp({
|
|
38
|
-
label: "Is Open",
|
|
39
|
-
description:
|
|
40
|
-
"If true, the popover is open. Useful for controlling the open state.",
|
|
41
|
-
}),
|
|
42
|
-
defaultIsOpen: createStaticBoolProp({
|
|
43
|
-
label: "Default Is Open",
|
|
44
|
-
description: "If true, the popover will be opened by default.",
|
|
45
|
-
}),
|
|
46
|
-
trapFocus: createStaticBoolProp({
|
|
47
|
-
label: "Trap Focus",
|
|
48
|
-
description: "Whether popover should trap focus.",
|
|
49
|
-
}),
|
|
50
|
-
shouldFlip: createStaticBoolProp({
|
|
51
|
-
label: "Should Flip",
|
|
52
|
-
description:
|
|
53
|
-
"Whether popover should flip when it reaches the edge of the screen.",
|
|
54
|
-
defaultValue: true,
|
|
55
|
-
}),
|
|
56
|
-
shouldOverlapWithTrigger: createStaticBoolProp({
|
|
57
|
-
label: "Should Overlap With Trigger",
|
|
58
|
-
description: "Whether popover should overlap with trigger.",
|
|
59
|
-
defaultValue: false,
|
|
60
|
-
}),
|
|
61
|
-
isKeyboardDismissable: createStaticBoolProp({
|
|
62
|
-
label: "Is Keyboard Dismissable",
|
|
63
|
-
description:
|
|
64
|
-
"If true, the popover will close when the keyboard is dismissed.",
|
|
65
|
-
defaultValue: true,
|
|
66
|
-
}),
|
|
67
|
-
placement: createTextEnumProp({
|
|
68
|
-
label: "Placement",
|
|
69
|
-
description: "The placement of the popover",
|
|
70
|
-
options: [
|
|
71
|
-
"bottom",
|
|
72
|
-
"top",
|
|
73
|
-
"left",
|
|
74
|
-
"right",
|
|
75
|
-
"top left",
|
|
76
|
-
"top right",
|
|
77
|
-
"bottom left",
|
|
78
|
-
"bottom right",
|
|
79
|
-
"right bottom",
|
|
80
|
-
"right top",
|
|
81
|
-
"left bottom",
|
|
82
|
-
"left top",
|
|
83
|
-
],
|
|
84
|
-
defaultValue: "bottom left",
|
|
85
|
-
}),
|
|
86
|
-
useRNModal: createStaticBoolProp({
|
|
87
|
-
label: "Use RN Modal",
|
|
88
|
-
description: "If true, the popover will use the RN Modal component.",
|
|
89
|
-
}),
|
|
90
|
-
onOpen: createActionProp(),
|
|
91
|
-
onClose: createActionProp(),
|
|
92
|
-
},
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
name: "Popover Arrow",
|
|
96
|
-
tag: "Popover.Arrow",
|
|
97
|
-
description: "The popover arrow.",
|
|
98
|
-
...SHARED_SEED_DATA,
|
|
99
|
-
props: {},
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
name: "Popover Body",
|
|
103
|
-
tag: "Popover.Body",
|
|
104
|
-
description: "The body of the popover.",
|
|
105
|
-
...SHARED_SEED_DATA,
|
|
106
|
-
props: {},
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
name: "Popover Content",
|
|
110
|
-
tag: "Popover.Content",
|
|
111
|
-
description: "The popover itself.",
|
|
112
|
-
...SHARED_SEED_DATA,
|
|
113
|
-
props: {},
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
name: "Popover Close Button",
|
|
117
|
-
tag: "Popover.CloseButton",
|
|
118
|
-
description: "The button that closes the popover.",
|
|
119
|
-
...SHARED_SEED_DATA,
|
|
120
|
-
props: {},
|
|
121
|
-
},
|
|
122
|
-
{
|
|
123
|
-
name: "Popover Header",
|
|
124
|
-
tag: "Popover.Header",
|
|
125
|
-
description: "The header of the popover.",
|
|
126
|
-
...SHARED_SEED_DATA,
|
|
127
|
-
props: {},
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
name: "Popover Trigger",
|
|
131
|
-
tag: "Popover.Trigger",
|
|
132
|
-
description: "Used to wrap the reference (or trigger) element.",
|
|
133
|
-
...SHARED_SEED_DATA,
|
|
134
|
-
props: {},
|
|
135
|
-
},
|
|
136
|
-
];
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, StylesPanelSections, Triggers, createBoolProp, createColorProp, createDisabledProp, createTextProp, createIconProp, } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBForms,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
doc_link: "https://docs.nativebase.io/select",
|
|
6
|
-
code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/primitives/Select",
|
|
7
|
-
stylesPanelSections: [
|
|
8
|
-
StylesPanelSections.LayoutFlexItems,
|
|
9
|
-
StylesPanelSections.LayoutSelectedItem,
|
|
10
|
-
StylesPanelSections.LayoutContent,
|
|
11
|
-
StylesPanelSections.Background,
|
|
12
|
-
StylesPanelSections.Size,
|
|
13
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
14
|
-
StylesPanelSections.Position,
|
|
15
|
-
StylesPanelSections.Borders,
|
|
16
|
-
StylesPanelSections.Effects,
|
|
17
|
-
],
|
|
18
|
-
layout: {},
|
|
19
|
-
allowChildren: true,
|
|
20
|
-
};
|
|
21
|
-
export const SEED_DATA = [
|
|
22
|
-
{
|
|
23
|
-
name: "Select",
|
|
24
|
-
tag: "Select",
|
|
25
|
-
description: "Select creates a dropdown list of items with the selected item in closed view.",
|
|
26
|
-
...SHARED_SEED_DATA,
|
|
27
|
-
triggers: [Triggers.OnOpen, Triggers.OnClose],
|
|
28
|
-
props: {
|
|
29
|
-
onOpen: createActionProp(),
|
|
30
|
-
onClose: createActionProp(),
|
|
31
|
-
placeholder: createTextProp({
|
|
32
|
-
label: "Placeholder",
|
|
33
|
-
defaultValue: "Select an option",
|
|
34
|
-
}),
|
|
35
|
-
color: createColorProp(),
|
|
36
|
-
placeholderTextColor: createColorProp(),
|
|
37
|
-
isDisabled: createDisabledProp(),
|
|
38
|
-
isHovered: createBoolProp({
|
|
39
|
-
label: "Hovered?",
|
|
40
|
-
description: "Whether the select is hovered",
|
|
41
|
-
}),
|
|
42
|
-
isFocused: createBoolProp({
|
|
43
|
-
label: "Focused?",
|
|
44
|
-
description: "Whether the select is hovered",
|
|
45
|
-
}),
|
|
46
|
-
isFocusVisible: createBoolProp({
|
|
47
|
-
label: "Focus Visible?",
|
|
48
|
-
description: "WIf true, the focus ring of select will be visible.",
|
|
49
|
-
}),
|
|
50
|
-
dropdownIcon: createIconProp(),
|
|
51
|
-
dropdownOpenIcon: createIconProp(),
|
|
52
|
-
dropdownCloseIcon: createIconProp(),
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
name: "Select Item",
|
|
57
|
-
tag: "Select.Item",
|
|
58
|
-
description: "An individual item in the menu.",
|
|
59
|
-
...SHARED_SEED_DATA,
|
|
60
|
-
props: {
|
|
61
|
-
label: createTextProp({
|
|
62
|
-
label: "Label",
|
|
63
|
-
description: "The label of the item",
|
|
64
|
-
}),
|
|
65
|
-
value: createTextProp({
|
|
66
|
-
label: "Value",
|
|
67
|
-
description: "The value of the item",
|
|
68
|
-
}),
|
|
69
|
-
},
|
|
70
|
-
},
|
|
71
|
-
];
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
COMPONENT_TYPES,
|
|
3
|
-
createActionProp,
|
|
4
|
-
StylesPanelSections,
|
|
5
|
-
Triggers,
|
|
6
|
-
createBoolProp,
|
|
7
|
-
createColorProp,
|
|
8
|
-
createDisabledProp,
|
|
9
|
-
createTextProp,
|
|
10
|
-
createIconProp,
|
|
11
|
-
} from "@draftbit/types";
|
|
12
|
-
|
|
13
|
-
const SHARED_SEED_DATA = {
|
|
14
|
-
category: COMPONENT_TYPES.NBForms,
|
|
15
|
-
packageName: "native-base",
|
|
16
|
-
doc_link: "https://docs.nativebase.io/select",
|
|
17
|
-
code_link:
|
|
18
|
-
"https://github.com/GeekyAnts/NativeBase/tree/master/src/components/primitives/Select",
|
|
19
|
-
stylesPanelSections: [
|
|
20
|
-
StylesPanelSections.LayoutFlexItems,
|
|
21
|
-
StylesPanelSections.LayoutSelectedItem,
|
|
22
|
-
StylesPanelSections.LayoutContent,
|
|
23
|
-
StylesPanelSections.Background,
|
|
24
|
-
StylesPanelSections.Size,
|
|
25
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
26
|
-
StylesPanelSections.Position,
|
|
27
|
-
StylesPanelSections.Borders,
|
|
28
|
-
StylesPanelSections.Effects,
|
|
29
|
-
],
|
|
30
|
-
layout: {},
|
|
31
|
-
allowChildren: true,
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
export const SEED_DATA = [
|
|
35
|
-
{
|
|
36
|
-
name: "Select",
|
|
37
|
-
tag: "Select",
|
|
38
|
-
description:
|
|
39
|
-
"Select creates a dropdown list of items with the selected item in closed view.",
|
|
40
|
-
...SHARED_SEED_DATA,
|
|
41
|
-
triggers: [Triggers.OnOpen, Triggers.OnClose],
|
|
42
|
-
props: {
|
|
43
|
-
onOpen: createActionProp(),
|
|
44
|
-
onClose: createActionProp(),
|
|
45
|
-
placeholder: createTextProp({
|
|
46
|
-
label: "Placeholder",
|
|
47
|
-
defaultValue: "Select an option",
|
|
48
|
-
}),
|
|
49
|
-
color: createColorProp(),
|
|
50
|
-
placeholderTextColor: createColorProp(),
|
|
51
|
-
isDisabled: createDisabledProp(),
|
|
52
|
-
isHovered: createBoolProp({
|
|
53
|
-
label: "Hovered?",
|
|
54
|
-
description: "Whether the select is hovered",
|
|
55
|
-
}),
|
|
56
|
-
isFocused: createBoolProp({
|
|
57
|
-
label: "Focused?",
|
|
58
|
-
description: "Whether the select is hovered",
|
|
59
|
-
}),
|
|
60
|
-
isFocusVisible: createBoolProp({
|
|
61
|
-
label: "Focus Visible?",
|
|
62
|
-
description: "WIf true, the focus ring of select will be visible.",
|
|
63
|
-
}),
|
|
64
|
-
dropdownIcon: createIconProp(),
|
|
65
|
-
dropdownOpenIcon: createIconProp(),
|
|
66
|
-
dropdownCloseIcon: createIconProp(),
|
|
67
|
-
},
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
name: "Select Item",
|
|
71
|
-
tag: "Select.Item",
|
|
72
|
-
description: "An individual item in the menu.",
|
|
73
|
-
...SHARED_SEED_DATA,
|
|
74
|
-
props: {
|
|
75
|
-
label: createTextProp({
|
|
76
|
-
label: "Label",
|
|
77
|
-
description: "The label of the item",
|
|
78
|
-
}),
|
|
79
|
-
value: createTextProp({
|
|
80
|
-
label: "Value",
|
|
81
|
-
description: "The value of the item",
|
|
82
|
-
}),
|
|
83
|
-
},
|
|
84
|
-
},
|
|
85
|
-
];
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, createNumberProp, createStaticNumberProp, createBoolProp, createDisabledProp, createAccessibilityLabelProp, } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBForms,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
stylesPanelSections: [
|
|
6
|
-
StylesPanelSections.LayoutFlexItems,
|
|
7
|
-
StylesPanelSections.LayoutSelectedItem,
|
|
8
|
-
StylesPanelSections.LayoutContent,
|
|
9
|
-
StylesPanelSections.Background,
|
|
10
|
-
StylesPanelSections.Size,
|
|
11
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
12
|
-
StylesPanelSections.Position,
|
|
13
|
-
StylesPanelSections.Borders,
|
|
14
|
-
StylesPanelSections.Effects,
|
|
15
|
-
],
|
|
16
|
-
layout: {},
|
|
17
|
-
allowChildren: true,
|
|
18
|
-
};
|
|
19
|
-
export const SEED_DATA = [
|
|
20
|
-
{
|
|
21
|
-
name: "Slider",
|
|
22
|
-
tag: "Slider",
|
|
23
|
-
description: "The Slider allows users to select options from a given range of values.",
|
|
24
|
-
...SHARED_SEED_DATA,
|
|
25
|
-
triggers: [Triggers.OnChange, Triggers.OnChangeEnd],
|
|
26
|
-
props: {
|
|
27
|
-
onChange: createActionProp(),
|
|
28
|
-
onChangeEnd: createActionProp(),
|
|
29
|
-
defaultValue: createNumberProp(),
|
|
30
|
-
thumbSize: createStaticNumberProp({
|
|
31
|
-
label: "Thumb Size",
|
|
32
|
-
description: "The size of the slider thumb",
|
|
33
|
-
}),
|
|
34
|
-
sliderTrackHeight: createStaticNumberProp({
|
|
35
|
-
label: "Slider Track Height",
|
|
36
|
-
description: "The height of the slider track",
|
|
37
|
-
}),
|
|
38
|
-
minValue: createStaticNumberProp({
|
|
39
|
-
label: "Min Value",
|
|
40
|
-
}),
|
|
41
|
-
maxValue: createStaticNumberProp({
|
|
42
|
-
label: "Max Value",
|
|
43
|
-
}),
|
|
44
|
-
step: createStaticNumberProp({
|
|
45
|
-
label: "Step",
|
|
46
|
-
}),
|
|
47
|
-
isReadOnly: createBoolProp({
|
|
48
|
-
label: "Read Only",
|
|
49
|
-
description: "Whether the slider is read only",
|
|
50
|
-
defaultValue: false,
|
|
51
|
-
}),
|
|
52
|
-
isReversed: createStaticBoolProp({
|
|
53
|
-
label: "Reversed",
|
|
54
|
-
description: "If true, the value will be incremented or decremented in reverse.",
|
|
55
|
-
defaultValue: false,
|
|
56
|
-
}),
|
|
57
|
-
orientation: createTextEnumProp({
|
|
58
|
-
label: "Orientation",
|
|
59
|
-
description: "The orientation of the Slider.",
|
|
60
|
-
options: ["horizontal", "vertical"],
|
|
61
|
-
defaultValue: "horizontal",
|
|
62
|
-
}),
|
|
63
|
-
isDisabled: createDisabledProp(),
|
|
64
|
-
accessibilityLabel: createAccessibilityLabelProp(),
|
|
65
|
-
},
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
name: "Slider Track",
|
|
69
|
-
tag: "Menu.Item",
|
|
70
|
-
description: "An individual item in the menu.",
|
|
71
|
-
...SHARED_SEED_DATA,
|
|
72
|
-
props: {},
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
name: "Slider Filled Track",
|
|
76
|
-
tag: "Menu.Group",
|
|
77
|
-
description: "A wrapper to group related menu items.",
|
|
78
|
-
...SHARED_SEED_DATA,
|
|
79
|
-
props: {},
|
|
80
|
-
},
|
|
81
|
-
{
|
|
82
|
-
name: "Slider Thumb",
|
|
83
|
-
tag: "Menu.OptionGroup",
|
|
84
|
-
description: "A wrapper for checkable menu items (radio and checkbox).",
|
|
85
|
-
...SHARED_SEED_DATA,
|
|
86
|
-
triggers: [Triggers.OnChange],
|
|
87
|
-
props: {},
|
|
88
|
-
},
|
|
89
|
-
];
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
COMPONENT_TYPES,
|
|
3
|
-
createActionProp,
|
|
4
|
-
createStaticBoolProp,
|
|
5
|
-
createTextEnumProp,
|
|
6
|
-
StylesPanelSections,
|
|
7
|
-
Triggers,
|
|
8
|
-
createNumberProp,
|
|
9
|
-
createStaticNumberProp,
|
|
10
|
-
createBoolProp,
|
|
11
|
-
createDisabledProp,
|
|
12
|
-
createAccessibilityLabelProp,
|
|
13
|
-
} from "@draftbit/types";
|
|
14
|
-
|
|
15
|
-
const SHARED_SEED_DATA = {
|
|
16
|
-
category: COMPONENT_TYPES.NBForms,
|
|
17
|
-
packageName: "native-base",
|
|
18
|
-
stylesPanelSections: [
|
|
19
|
-
StylesPanelSections.LayoutFlexItems,
|
|
20
|
-
StylesPanelSections.LayoutSelectedItem,
|
|
21
|
-
StylesPanelSections.LayoutContent,
|
|
22
|
-
StylesPanelSections.Background,
|
|
23
|
-
StylesPanelSections.Size,
|
|
24
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
25
|
-
StylesPanelSections.Position,
|
|
26
|
-
StylesPanelSections.Borders,
|
|
27
|
-
StylesPanelSections.Effects,
|
|
28
|
-
],
|
|
29
|
-
layout: {},
|
|
30
|
-
allowChildren: true,
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export const SEED_DATA = [
|
|
34
|
-
{
|
|
35
|
-
name: "Slider",
|
|
36
|
-
tag: "Slider",
|
|
37
|
-
description:
|
|
38
|
-
"The Slider allows users to select options from a given range of values.",
|
|
39
|
-
...SHARED_SEED_DATA,
|
|
40
|
-
triggers: [Triggers.OnChange, Triggers.OnChangeEnd],
|
|
41
|
-
props: {
|
|
42
|
-
onChange: createActionProp(),
|
|
43
|
-
onChangeEnd: createActionProp(),
|
|
44
|
-
defaultValue: createNumberProp(),
|
|
45
|
-
thumbSize: createStaticNumberProp({
|
|
46
|
-
label: "Thumb Size",
|
|
47
|
-
description: "The size of the slider thumb",
|
|
48
|
-
}),
|
|
49
|
-
sliderTrackHeight: createStaticNumberProp({
|
|
50
|
-
label: "Slider Track Height",
|
|
51
|
-
description: "The height of the slider track",
|
|
52
|
-
}),
|
|
53
|
-
minValue: createStaticNumberProp({
|
|
54
|
-
label: "Min Value",
|
|
55
|
-
}),
|
|
56
|
-
maxValue: createStaticNumberProp({
|
|
57
|
-
label: "Max Value",
|
|
58
|
-
}),
|
|
59
|
-
step: createStaticNumberProp({
|
|
60
|
-
label: "Step",
|
|
61
|
-
}),
|
|
62
|
-
isReadOnly: createBoolProp({
|
|
63
|
-
label: "Read Only",
|
|
64
|
-
description: "Whether the slider is read only",
|
|
65
|
-
defaultValue: false,
|
|
66
|
-
}),
|
|
67
|
-
isReversed: createStaticBoolProp({
|
|
68
|
-
label: "Reversed",
|
|
69
|
-
description:
|
|
70
|
-
"If true, the value will be incremented or decremented in reverse.",
|
|
71
|
-
defaultValue: false,
|
|
72
|
-
}),
|
|
73
|
-
orientation: createTextEnumProp({
|
|
74
|
-
label: "Orientation",
|
|
75
|
-
description: "The orientation of the Slider.",
|
|
76
|
-
options: ["horizontal", "vertical"],
|
|
77
|
-
defaultValue: "horizontal",
|
|
78
|
-
}),
|
|
79
|
-
isDisabled: createDisabledProp(),
|
|
80
|
-
accessibilityLabel: createAccessibilityLabelProp(),
|
|
81
|
-
},
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
name: "Slider Track",
|
|
85
|
-
tag: "Menu.Item",
|
|
86
|
-
description: "An individual item in the menu.",
|
|
87
|
-
...SHARED_SEED_DATA,
|
|
88
|
-
props: {},
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
name: "Slider Filled Track",
|
|
92
|
-
tag: "Menu.Group",
|
|
93
|
-
description: "A wrapper to group related menu items.",
|
|
94
|
-
...SHARED_SEED_DATA,
|
|
95
|
-
props: {},
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
name: "Slider Thumb",
|
|
99
|
-
tag: "Menu.OptionGroup",
|
|
100
|
-
description: "A wrapper for checkable menu items (radio and checkbox).",
|
|
101
|
-
...SHARED_SEED_DATA,
|
|
102
|
-
triggers: [Triggers.OnChange],
|
|
103
|
-
props: {},
|
|
104
|
-
},
|
|
105
|
-
];
|