ferns-ui 0.2.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/LICENSE +203 -0
- package/README.md +22 -0
- package/dist/ActionSheet.d.ts +490 -0
- package/dist/ActionSheet.js +647 -0
- package/dist/ActionSheet.js.map +1 -0
- package/dist/Banner.d.ts +27 -0
- package/dist/Banner.js +56 -0
- package/dist/Banner.js.map +1 -0
- package/dist/Banner.stories.d.ts +1 -0
- package/dist/Banner.stories.js +13 -0
- package/dist/Banner.stories.js.map +1 -0
- package/dist/BlurBox.d.ts +5 -0
- package/dist/BlurBox.js +28 -0
- package/dist/BlurBox.js.map +1 -0
- package/dist/BlurBox.native.d.ts +6 -0
- package/dist/BlurBox.native.js +30 -0
- package/dist/BlurBox.native.js.map +1 -0
- package/dist/Body.d.ts +6 -0
- package/dist/Body.js +21 -0
- package/dist/Body.js.map +1 -0
- package/dist/Box.d.ts +18 -0
- package/dist/Box.js +228 -0
- package/dist/Box.js.map +1 -0
- package/dist/Box.stories.d.ts +1 -0
- package/dist/Box.stories.js +45 -0
- package/dist/Box.stories.js.map +1 -0
- package/dist/Button.d.ts +20 -0
- package/dist/Button.js +103 -0
- package/dist/Button.js.map +1 -0
- package/dist/Button.stories.d.ts +1 -0
- package/dist/Button.stories.js +41 -0
- package/dist/Button.stories.js.map +1 -0
- package/dist/Card.d.ts +5 -0
- package/dist/Card.js +8 -0
- package/dist/Card.js.map +1 -0
- package/dist/Card.stories.d.ts +6 -0
- package/dist/Card.stories.js +18 -0
- package/dist/Card.stories.js.map +1 -0
- package/dist/CheckBox.d.ts +6 -0
- package/dist/CheckBox.js +27 -0
- package/dist/CheckBox.js.map +1 -0
- package/dist/CheckBox.stories.d.ts +1 -0
- package/dist/CheckBox.stories.js +28 -0
- package/dist/CheckBox.stories.js.map +1 -0
- package/dist/Common.d.ts +868 -0
- package/dist/Common.js +46 -0
- package/dist/Common.js.map +1 -0
- package/dist/DateTimeActionSheet.d.ts +15 -0
- package/dist/DateTimeActionSheet.js +28 -0
- package/dist/DateTimeActionSheet.js.map +1 -0
- package/dist/DecimalRangeActionSheet.d.ts +18 -0
- package/dist/DecimalRangeActionSheet.js +65 -0
- package/dist/DecimalRangeActionSheet.js.map +1 -0
- package/dist/ErrorBoundary.d.ts +19 -0
- package/dist/ErrorBoundary.js +31 -0
- package/dist/ErrorBoundary.js.map +1 -0
- package/dist/ErrorPage.d.ts +10 -0
- package/dist/ErrorPage.js +20 -0
- package/dist/ErrorPage.js.map +1 -0
- package/dist/Field.d.ts +15 -0
- package/dist/Field.js +136 -0
- package/dist/Field.js.map +1 -0
- package/dist/Field.stories.d.ts +6 -0
- package/dist/Field.stories.js +38 -0
- package/dist/Field.stories.js.map +1 -0
- package/dist/FieldWithLabels.d.ts +3 -0
- package/dist/FieldWithLabels.js +8 -0
- package/dist/FieldWithLabels.js.map +1 -0
- package/dist/FlatList.d.ts +2 -0
- package/dist/FlatList.js +3 -0
- package/dist/FlatList.js.map +1 -0
- package/dist/Form.d.ts +22 -0
- package/dist/Form.js +89 -0
- package/dist/Form.js.map +1 -0
- package/dist/Form.stories.d.ts +6 -0
- package/dist/Form.stories.js +36 -0
- package/dist/Form.stories.js.map +1 -0
- package/dist/HeaderButtons.d.ts +31 -0
- package/dist/HeaderButtons.js +53 -0
- package/dist/HeaderButtons.js.map +1 -0
- package/dist/HeaderButtons.stories.d.ts +6 -0
- package/dist/HeaderButtons.stories.js +6 -0
- package/dist/HeaderButtons.stories.js.map +1 -0
- package/dist/Heading.d.ts +11 -0
- package/dist/Heading.js +46 -0
- package/dist/Heading.js.map +1 -0
- package/dist/Heading.stories.d.ts +1 -0
- package/dist/Heading.stories.js +22 -0
- package/dist/Heading.stories.js.map +1 -0
- package/dist/HeightActionSheet.d.ts +16 -0
- package/dist/HeightActionSheet.js +58 -0
- package/dist/HeightActionSheet.js.map +1 -0
- package/dist/Icon.d.ts +9 -0
- package/dist/Icon.js +125 -0
- package/dist/Icon.js.map +1 -0
- package/dist/Icon.stories.d.ts +1 -0
- package/dist/Icon.stories.js +30 -0
- package/dist/Icon.stories.js.map +1 -0
- package/dist/IconButton.d.ts +5 -0
- package/dist/IconButton.js +41 -0
- package/dist/IconButton.js.map +1 -0
- package/dist/IconButton.stories.d.ts +1 -0
- package/dist/IconButton.stories.js +16 -0
- package/dist/IconButton.stories.js.map +1 -0
- package/dist/Image.d.ts +8 -0
- package/dist/Image.js +37 -0
- package/dist/Image.js.map +1 -0
- package/dist/ImageBackground.d.ts +9 -0
- package/dist/ImageBackground.js +8 -0
- package/dist/ImageBackground.js.map +1 -0
- package/dist/Layer.d.ts +9 -0
- package/dist/Layer.js +12 -0
- package/dist/Layer.js.map +1 -0
- package/dist/Link.d.ts +9 -0
- package/dist/Link.js +12 -0
- package/dist/Link.js.map +1 -0
- package/dist/Link.stories.d.ts +1 -0
- package/dist/Link.stories.js +18 -0
- package/dist/Link.stories.js.map +1 -0
- package/dist/Mask.d.ts +5 -0
- package/dist/Mask.js +22 -0
- package/dist/Mask.js.map +1 -0
- package/dist/Mask.stories.d.ts +1 -0
- package/dist/Mask.stories.js +28 -0
- package/dist/Mask.stories.js.map +1 -0
- package/dist/MediaQuery.d.ts +2 -0
- package/dist/MediaQuery.js +33 -0
- package/dist/MediaQuery.js.map +1 -0
- package/dist/Meta.d.ts +5 -0
- package/dist/Meta.js +7 -0
- package/dist/Meta.js.map +1 -0
- package/dist/ModalSheet.d.ts +7 -0
- package/dist/ModalSheet.js +42 -0
- package/dist/ModalSheet.js.map +1 -0
- package/dist/NumberPickerActionSheet.d.ts +16 -0
- package/dist/NumberPickerActionSheet.js +29 -0
- package/dist/NumberPickerActionSheet.js.map +1 -0
- package/dist/Page.d.ts +26 -0
- package/dist/Page.js +38 -0
- package/dist/Page.js.map +1 -0
- package/dist/Permissions.d.ts +2 -0
- package/dist/Permissions.js +35 -0
- package/dist/Permissions.js.map +1 -0
- package/dist/PickerSelect.d.ts +174 -0
- package/dist/PickerSelect.js +426 -0
- package/dist/PickerSelect.js.map +1 -0
- package/dist/Pill.d.ts +5 -0
- package/dist/Pill.js +10 -0
- package/dist/Pill.js.map +1 -0
- package/dist/Pill.stories.d.ts +1 -0
- package/dist/Pill.stories.js +38 -0
- package/dist/Pill.stories.js.map +1 -0
- package/dist/Pog.d.ts +15 -0
- package/dist/Pog.js +144 -0
- package/dist/Pog.js.map +1 -0
- package/dist/ProgressBar.d.ts +9 -0
- package/dist/ProgressBar.js +41 -0
- package/dist/ProgressBar.js.map +1 -0
- package/dist/ScrollView.d.ts +2 -0
- package/dist/ScrollView.js +3 -0
- package/dist/ScrollView.js.map +1 -0
- package/dist/SegmentedControl.d.ts +6 -0
- package/dist/SegmentedControl.js +18 -0
- package/dist/SegmentedControl.js.map +1 -0
- package/dist/SegmentedControl.stories.d.ts +1 -0
- package/dist/SegmentedControl.stories.js +31 -0
- package/dist/SegmentedControl.stories.js.map +1 -0
- package/dist/SelectList.d.ts +22 -0
- package/dist/SelectList.js +28 -0
- package/dist/SelectList.js.map +1 -0
- package/dist/SelectList.stories.d.ts +1 -0
- package/dist/SelectList.stories.js +26 -0
- package/dist/SelectList.stories.js.map +1 -0
- package/dist/Spinner.d.ts +21 -0
- package/dist/Spinner.js +58 -0
- package/dist/Spinner.js.map +1 -0
- package/dist/Spinner.stories.d.ts +1 -0
- package/dist/Spinner.stories.js +12 -0
- package/dist/Spinner.stories.js.map +1 -0
- package/dist/SplitPage.d.ts +31 -0
- package/dist/SplitPage.js +51 -0
- package/dist/SplitPage.js.map +1 -0
- package/dist/SplitPage.stories.d.ts +1 -0
- package/dist/SplitPage.stories.js +15 -0
- package/dist/SplitPage.stories.js.map +1 -0
- package/dist/StorybookContainer.d.ts +4 -0
- package/dist/StorybookContainer.js +8 -0
- package/dist/StorybookContainer.js.map +1 -0
- package/dist/Switch.d.ts +5 -0
- package/dist/Switch.js +10 -0
- package/dist/Switch.js.map +1 -0
- package/dist/Switch.stories.d.ts +1 -0
- package/dist/Switch.stories.js +34 -0
- package/dist/Switch.stories.js.map +1 -0
- package/dist/TapToEdit.d.ts +12 -0
- package/dist/TapToEdit.js +32 -0
- package/dist/TapToEdit.js.map +1 -0
- package/dist/Text.d.ts +11 -0
- package/dist/Text.js +85 -0
- package/dist/Text.js.map +1 -0
- package/dist/Text.stories.d.ts +1 -0
- package/dist/Text.stories.js +37 -0
- package/dist/Text.stories.js.map +1 -0
- package/dist/TextArea.d.ts +6 -0
- package/dist/TextArea.js +12 -0
- package/dist/TextArea.js.map +1 -0
- package/dist/TextArea.stories.d.ts +10 -0
- package/dist/TextArea.stories.js +24 -0
- package/dist/TextArea.stories.js.map +1 -0
- package/dist/TextField.d.ts +48 -0
- package/dist/TextField.js +207 -0
- package/dist/TextField.js.map +1 -0
- package/dist/TextField.stories.d.ts +6 -0
- package/dist/TextField.stories.js +18 -0
- package/dist/TextField.stories.js.map +1 -0
- package/dist/TextFieldNumberActionSheet.d.ts +15 -0
- package/dist/TextFieldNumberActionSheet.js +28 -0
- package/dist/TextFieldNumberActionSheet.js.map +1 -0
- package/dist/UnifiedScreens.d.ts +9 -0
- package/dist/UnifiedScreens.js +25 -0
- package/dist/UnifiedScreens.js.map +1 -0
- package/dist/Unifier.d.ts +40 -0
- package/dist/Unifier.js +203 -0
- package/dist/Unifier.js.map +1 -0
- package/dist/Utilities.d.ts +31 -0
- package/dist/Utilities.js +74 -0
- package/dist/Utilities.js.map +1 -0
- package/dist/WithLabel.d.ts +5 -0
- package/dist/WithLabel.js +27 -0
- package/dist/WithLabel.js.map +1 -0
- package/dist/dist/ActionSheet.d.ts +139 -0
- package/dist/dist/ActionSheet.js +637 -0
- package/dist/dist/ActionSheet.js.map +1 -0
- package/dist/dist/Banner.d.ts +12 -0
- package/dist/dist/Banner.js +49 -0
- package/dist/dist/Banner.js.map +1 -0
- package/dist/dist/Banner.stories.d.ts +1 -0
- package/dist/dist/Banner.stories.js +9 -0
- package/dist/dist/Banner.stories.js.map +1 -0
- package/dist/dist/BlurBox.d.ts +7 -0
- package/dist/dist/BlurBox.js +29 -0
- package/dist/dist/BlurBox.js.map +1 -0
- package/dist/dist/BlurBox.native.d.ts +9 -0
- package/dist/dist/BlurBox.native.js +32 -0
- package/dist/dist/BlurBox.native.js.map +1 -0
- package/dist/dist/Body.d.ts +12 -0
- package/dist/dist/Body.js +19 -0
- package/dist/dist/Body.js.map +1 -0
- package/dist/dist/Box.d.ts +205 -0
- package/dist/dist/Box.js +229 -0
- package/dist/dist/Box.js.map +1 -0
- package/dist/dist/Box.stories.d.ts +1 -0
- package/dist/dist/Box.stories.js +37 -0
- package/dist/dist/Box.stories.js.map +1 -0
- package/dist/dist/Button.d.ts +16 -0
- package/dist/dist/Button.js +98 -0
- package/dist/dist/Button.js.map +1 -0
- package/dist/dist/Button.stories.d.ts +13 -0
- package/dist/dist/Button.stories.js +26 -0
- package/dist/dist/Button.stories.js.map +1 -0
- package/dist/dist/Card.d.ts +6 -0
- package/dist/dist/Card.js +9 -0
- package/dist/dist/Card.js.map +1 -0
- package/dist/dist/Card.stories.d.ts +6 -0
- package/dist/dist/Card.stories.js +11 -0
- package/dist/dist/Card.stories.js.map +1 -0
- package/dist/dist/CheckBox.d.ts +8 -0
- package/dist/dist/CheckBox.js +23 -0
- package/dist/dist/CheckBox.js.map +1 -0
- package/dist/dist/CheckBox.stories.d.ts +1 -0
- package/dist/dist/CheckBox.stories.js +22 -0
- package/dist/dist/CheckBox.stories.js.map +1 -0
- package/dist/dist/Common.d.ts +5 -0
- package/dist/dist/Common.js +47 -0
- package/dist/dist/Common.js.map +1 -0
- package/dist/dist/DateTimeActionSheet.d.ts +5 -0
- package/dist/dist/DateTimeActionSheet.js +24 -0
- package/dist/dist/DateTimeActionSheet.js.map +1 -0
- package/dist/dist/DecimalRangeActionSheet.d.ts +9 -0
- package/dist/dist/DecimalRangeActionSheet.js +57 -0
- package/dist/dist/DecimalRangeActionSheet.js.map +1 -0
- package/dist/dist/ErrorBoundary.d.ts +12 -0
- package/dist/dist/ErrorBoundary.js +32 -0
- package/dist/dist/ErrorBoundary.js.map +1 -0
- package/dist/dist/ErrorPage.d.ts +7 -0
- package/dist/dist/ErrorPage.js +15 -0
- package/dist/dist/ErrorPage.js.map +1 -0
- package/dist/dist/Field.d.ts +17 -0
- package/dist/dist/Field.js +136 -0
- package/dist/dist/Field.js.map +1 -0
- package/dist/dist/Field.stories.d.ts +6 -0
- package/dist/dist/Field.stories.js +25 -0
- package/dist/dist/Field.stories.js.map +1 -0
- package/dist/dist/FieldWithLabels.d.ts +10 -0
- package/dist/dist/FieldWithLabels.js +7 -0
- package/dist/dist/FieldWithLabels.js.map +1 -0
- package/dist/dist/FlatList.d.ts +1 -0
- package/dist/dist/FlatList.js +4 -0
- package/dist/dist/FlatList.js.map +1 -0
- package/dist/dist/Form.d.ts +15 -0
- package/dist/dist/Form.js +56 -0
- package/dist/dist/Form.js.map +1 -0
- package/dist/dist/Form.stories.d.ts +6 -0
- package/dist/dist/Form.stories.js +27 -0
- package/dist/dist/Form.stories.js.map +1 -0
- package/dist/dist/HeaderButtons.d.ts +39 -0
- package/dist/dist/HeaderButtons.js +50 -0
- package/dist/dist/HeaderButtons.js.map +1 -0
- package/dist/dist/HeaderButtons.stories.d.ts +6 -0
- package/dist/dist/HeaderButtons.stories.js +7 -0
- package/dist/dist/HeaderButtons.stories.js.map +1 -0
- package/dist/dist/Heading.d.ts +32 -0
- package/dist/dist/Heading.js +47 -0
- package/dist/dist/Heading.js.map +1 -0
- package/dist/dist/Heading.stories.d.ts +1 -0
- package/dist/dist/Heading.stories.js +11 -0
- package/dist/dist/Heading.stories.js.map +1 -0
- package/dist/dist/HeightActionSheet.d.ts +9 -0
- package/dist/dist/HeightActionSheet.js +50 -0
- package/dist/dist/HeightActionSheet.js.map +1 -0
- package/dist/dist/Icon.d.ts +12 -0
- package/dist/dist/Icon.js +126 -0
- package/dist/dist/Icon.js.map +1 -0
- package/dist/dist/Icon.stories.d.ts +1 -0
- package/dist/dist/Icon.stories.js +11 -0
- package/dist/dist/Icon.stories.js.map +1 -0
- package/dist/dist/IconButton.d.ts +42 -0
- package/dist/dist/IconButton.js +41 -0
- package/dist/dist/IconButton.js.map +1 -0
- package/dist/dist/IconButton.stories.d.ts +1 -0
- package/dist/dist/IconButton.stories.js +8 -0
- package/dist/dist/IconButton.stories.js.map +1 -0
- package/dist/dist/Image.d.ts +9 -0
- package/dist/dist/Image.js +37 -0
- package/dist/dist/Image.js.map +1 -0
- package/dist/dist/ImageBackground.d.ts +6 -0
- package/dist/dist/ImageBackground.js +9 -0
- package/dist/dist/ImageBackground.js.map +1 -0
- package/dist/dist/Layer.d.ts +5 -0
- package/dist/dist/Layer.js +13 -0
- package/dist/dist/Layer.js.map +1 -0
- package/dist/dist/Link.d.ts +7 -0
- package/dist/dist/Link.js +13 -0
- package/dist/dist/Link.js.map +1 -0
- package/dist/dist/Link.stories.d.ts +1 -0
- package/dist/dist/Link.stories.js +8 -0
- package/dist/dist/Link.stories.js.map +1 -0
- package/dist/dist/Mask.d.ts +5 -0
- package/dist/dist/Mask.js +23 -0
- package/dist/dist/Mask.js.map +1 -0
- package/dist/dist/Mask.stories.d.ts +1 -0
- package/dist/dist/Mask.stories.js +13 -0
- package/dist/dist/Mask.stories.js.map +1 -0
- package/dist/dist/MediaQuery.d.ts +2 -0
- package/dist/dist/MediaQuery.js +34 -0
- package/dist/dist/MediaQuery.js.map +1 -0
- package/dist/dist/Meta.d.ts +6 -0
- package/dist/dist/Meta.js +8 -0
- package/dist/dist/Meta.js.map +1 -0
- package/dist/dist/ModalSheet.d.ts +3 -0
- package/dist/dist/ModalSheet.js +43 -0
- package/dist/dist/ModalSheet.js.map +1 -0
- package/dist/dist/NumberPickerActionSheet.d.ts +5 -0
- package/dist/dist/NumberPickerActionSheet.js +25 -0
- package/dist/dist/NumberPickerActionSheet.js.map +1 -0
- package/dist/dist/Page.d.ts +9 -0
- package/dist/dist/Page.js +26 -0
- package/dist/dist/Page.js.map +1 -0
- package/dist/dist/Permissions.d.ts +1 -0
- package/dist/dist/Permissions.js +36 -0
- package/dist/dist/Permissions.js.map +1 -0
- package/dist/dist/PickerSelect.d.ts +172 -0
- package/dist/dist/PickerSelect.js +403 -0
- package/dist/dist/PickerSelect.js.map +1 -0
- package/dist/dist/Pill.d.ts +7 -0
- package/dist/dist/Pill.js +10 -0
- package/dist/dist/Pill.js.map +1 -0
- package/dist/dist/Pill.stories.d.ts +1 -0
- package/dist/dist/Pill.stories.js +36 -0
- package/dist/dist/Pill.stories.js.map +1 -0
- package/dist/dist/Pog.d.ts +7 -0
- package/dist/dist/Pog.js +144 -0
- package/dist/dist/Pog.js.map +1 -0
- package/dist/dist/ProgressBar.d.ts +16 -0
- package/dist/dist/ProgressBar.js +40 -0
- package/dist/dist/ProgressBar.js.map +1 -0
- package/dist/dist/ScrollView.d.ts +1 -0
- package/dist/dist/ScrollView.js +4 -0
- package/dist/dist/ScrollView.js.map +1 -0
- package/dist/dist/SegmentedControl.d.ts +9 -0
- package/dist/dist/SegmentedControl.js +18 -0
- package/dist/dist/SegmentedControl.js.map +1 -0
- package/dist/dist/SegmentedControl.stories.d.ts +1 -0
- package/dist/dist/SegmentedControl.stories.js +32 -0
- package/dist/dist/SegmentedControl.stories.js.map +1 -0
- package/dist/dist/SelectList.d.ts +9 -0
- package/dist/dist/SelectList.js +29 -0
- package/dist/dist/SelectList.js.map +1 -0
- package/dist/dist/SelectList.stories.d.ts +1 -0
- package/dist/dist/SelectList.stories.js +24 -0
- package/dist/dist/SelectList.stories.js.map +1 -0
- package/dist/dist/Spinner.d.ts +44 -0
- package/dist/dist/Spinner.js +58 -0
- package/dist/dist/Spinner.js.map +1 -0
- package/dist/dist/Spinner.stories.d.ts +1 -0
- package/dist/dist/Spinner.stories.js +10 -0
- package/dist/dist/Spinner.stories.js.map +1 -0
- package/dist/dist/SplitPage.d.ts +7 -0
- package/dist/dist/SplitPage.js +20 -0
- package/dist/dist/SplitPage.js.map +1 -0
- package/dist/dist/SplitPage.stories.d.ts +1 -0
- package/dist/dist/SplitPage.stories.js +7 -0
- package/dist/dist/SplitPage.stories.js.map +1 -0
- package/dist/dist/StorybookContainer.d.ts +7 -0
- package/dist/dist/StorybookContainer.js +9 -0
- package/dist/dist/StorybookContainer.js.map +1 -0
- package/dist/dist/Switch.d.ts +6 -0
- package/dist/dist/Switch.js +10 -0
- package/dist/dist/Switch.js.map +1 -0
- package/dist/dist/Switch.stories.d.ts +1 -0
- package/dist/dist/Switch.stories.js +27 -0
- package/dist/dist/Switch.stories.js.map +1 -0
- package/dist/dist/TapToEdit.d.ts +9 -0
- package/dist/dist/TapToEdit.js +27 -0
- package/dist/dist/TapToEdit.js.map +1 -0
- package/dist/dist/Text.d.ts +36 -0
- package/dist/dist/Text.js +86 -0
- package/dist/dist/Text.js.map +1 -0
- package/dist/dist/Text.stories.d.ts +1 -0
- package/dist/dist/Text.stories.js +13 -0
- package/dist/dist/Text.stories.js.map +1 -0
- package/dist/dist/TextArea.d.ts +6 -0
- package/dist/dist/TextArea.js +13 -0
- package/dist/dist/TextArea.js.map +1 -0
- package/dist/dist/TextArea.stories.d.ts +12 -0
- package/dist/dist/TextArea.stories.js +21 -0
- package/dist/dist/TextArea.stories.js.map +1 -0
- package/dist/dist/TextField.d.ts +47 -0
- package/dist/dist/TextField.js +199 -0
- package/dist/dist/TextField.js.map +1 -0
- package/dist/dist/TextField.stories.d.ts +6 -0
- package/dist/dist/TextField.stories.js +15 -0
- package/dist/dist/TextField.stories.js.map +1 -0
- package/dist/dist/TextFieldNumberActionSheet.d.ts +5 -0
- package/dist/dist/TextFieldNumberActionSheet.js +24 -0
- package/dist/dist/TextFieldNumberActionSheet.js.map +1 -0
- package/dist/dist/UnifiedScreens.d.ts +2 -0
- package/dist/dist/UnifiedScreens.js +26 -0
- package/dist/dist/UnifiedScreens.js.map +1 -0
- package/dist/dist/Unifier.d.ts +131 -0
- package/dist/dist/Unifier.js +198 -0
- package/dist/dist/Unifier.js.map +1 -0
- package/dist/dist/Utilities.d.ts +51 -0
- package/dist/dist/Utilities.js +77 -0
- package/dist/dist/Utilities.js.map +1 -0
- package/dist/dist/WithLabel.d.ts +6 -0
- package/dist/dist/WithLabel.js +23 -0
- package/dist/dist/WithLabel.js.map +1 -0
- package/dist/dist/index.d.ts +43 -0
- package/dist/dist/index.js +49 -0
- package/dist/dist/index.js.map +1 -0
- package/dist/index.d.ts +1284 -0
- package/dist/index.js +49 -0
- package/dist/index.js.map +1 -0
- package/package.json +197 -0
- package/src/ActionSheet.tsx +1234 -0
- package/src/Banner.tsx +124 -0
- package/src/BlurBox.native.tsx +40 -0
- package/src/BlurBox.tsx +31 -0
- package/src/Body.tsx +32 -0
- package/src/Box.tsx +277 -0
- package/src/Button.tsx +139 -0
- package/src/Card.tsx +23 -0
- package/src/CheckBox.tsx +93 -0
- package/src/Common.ts +1376 -0
- package/src/DateTimeActionSheet.tsx +61 -0
- package/src/DecimalRangeActionSheet.tsx +113 -0
- package/src/ErrorBoundary.tsx +39 -0
- package/src/ErrorPage.tsx +44 -0
- package/src/Field.tsx +194 -0
- package/src/FieldWithLabels.tsx +36 -0
- package/src/FlatList.tsx +2 -0
- package/src/Form.tsx +182 -0
- package/src/HeaderButtons.tsx +107 -0
- package/src/Heading.tsx +53 -0
- package/src/HeightActionSheet.tsx +104 -0
- package/src/Icon.tsx +139 -0
- package/src/IconButton.tsx +52 -0
- package/src/Image.tsx +50 -0
- package/src/ImageBackground.tsx +13 -0
- package/src/Layer.tsx +17 -0
- package/src/Link.tsx +17 -0
- package/src/Mask.tsx +24 -0
- package/src/MediaQuery.ts +28 -0
- package/src/Meta.tsx +9 -0
- package/src/ModalSheet.tsx +58 -0
- package/src/NumberPickerActionSheet.tsx +66 -0
- package/src/Page.tsx +134 -0
- package/src/Permissions.ts +44 -0
- package/src/PickerSelect.tsx +673 -0
- package/src/Pill.tsx +24 -0
- package/src/Pog.tsx +211 -0
- package/src/ProgressBar.tsx +55 -0
- package/src/ScrollView.tsx +2 -0
- package/src/SegmentedControl.tsx +51 -0
- package/src/SelectList.tsx +48 -0
- package/src/Spinner.tsx +69 -0
- package/src/SplitPage.tsx +115 -0
- package/src/Switch.tsx +19 -0
- package/src/TapToEdit.tsx +48 -0
- package/src/Text.tsx +92 -0
- package/src/TextArea.tsx +15 -0
- package/src/TextField.tsx +291 -0
- package/src/TextFieldNumberActionSheet.tsx +61 -0
- package/src/UnifiedScreens.ts +24 -0
- package/src/Unifier.ts +268 -0
- package/src/Utilities.tsx +161 -0
- package/src/WithLabel.tsx +46 -0
- package/src/index.tsx +1332 -0
- package/src/polyfill.d.ts +11 -0
- package/tsconfig.json +29 -0
|
@@ -0,0 +1,403 @@
|
|
|
1
|
+
// MIT License
|
|
2
|
+
// Copyright (c) LawnStarter
|
|
3
|
+
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
4
|
+
// of this software and associated documentation files (the "Software"), to deal
|
|
5
|
+
// in the Software without restriction, including without limitation the rights
|
|
6
|
+
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
7
|
+
// copies of the Software, and to permit persons to whom the Software is
|
|
8
|
+
// furnished to do so, subject to the following conditions:
|
|
9
|
+
// The above copyright notice and this permission notice shall be included in all
|
|
10
|
+
// copies or substantial portions of the Software.
|
|
11
|
+
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
12
|
+
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
13
|
+
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
14
|
+
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
15
|
+
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
16
|
+
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
17
|
+
// SOFTWARE.
|
|
18
|
+
// Forked 2021/11/26 by Josh Gachnang <josh@nang.io> from version 8.0.3 because it conflicted
|
|
19
|
+
// with react-native-picker in Expo, then converted to TS.
|
|
20
|
+
import { Picker } from "@react-native-picker/picker";
|
|
21
|
+
import isEqual from "lodash/isEqual";
|
|
22
|
+
import PropTypes from "prop-types";
|
|
23
|
+
import React, { PureComponent } from "react";
|
|
24
|
+
import { Keyboard, Modal, Platform, StyleSheet, Text, TextInput, TouchableOpacity, View, } from "react-native";
|
|
25
|
+
const defaultStyles = StyleSheet.create({
|
|
26
|
+
viewContainer: {
|
|
27
|
+
alignSelf: "stretch",
|
|
28
|
+
},
|
|
29
|
+
iconContainer: {
|
|
30
|
+
position: "absolute",
|
|
31
|
+
right: 0,
|
|
32
|
+
},
|
|
33
|
+
modalViewTop: {
|
|
34
|
+
flex: 1,
|
|
35
|
+
},
|
|
36
|
+
modalViewMiddle: {
|
|
37
|
+
height: 45,
|
|
38
|
+
flexDirection: "row",
|
|
39
|
+
justifyContent: "space-between",
|
|
40
|
+
alignItems: "center",
|
|
41
|
+
paddingHorizontal: 10,
|
|
42
|
+
backgroundColor: "#f8f8f8",
|
|
43
|
+
borderTopWidth: 1,
|
|
44
|
+
borderTopColor: "#dedede",
|
|
45
|
+
zIndex: 2,
|
|
46
|
+
},
|
|
47
|
+
chevronContainer: {
|
|
48
|
+
flexDirection: "row",
|
|
49
|
+
},
|
|
50
|
+
chevron: {
|
|
51
|
+
width: 15,
|
|
52
|
+
height: 15,
|
|
53
|
+
backgroundColor: "transparent",
|
|
54
|
+
borderColor: "#a1a1a1",
|
|
55
|
+
borderTopWidth: 1.5,
|
|
56
|
+
borderRightWidth: 1.5,
|
|
57
|
+
},
|
|
58
|
+
chevronUp: {
|
|
59
|
+
marginLeft: 11,
|
|
60
|
+
transform: [{ translateY: 4 }, { rotate: "-45deg" }],
|
|
61
|
+
},
|
|
62
|
+
chevronDown: {
|
|
63
|
+
marginLeft: 22,
|
|
64
|
+
transform: [{ translateY: -5 }, { rotate: "135deg" }],
|
|
65
|
+
},
|
|
66
|
+
chevronActive: {
|
|
67
|
+
borderColor: "#007aff",
|
|
68
|
+
},
|
|
69
|
+
done: {
|
|
70
|
+
color: "#007aff",
|
|
71
|
+
fontWeight: "600",
|
|
72
|
+
fontSize: 17,
|
|
73
|
+
paddingTop: 1,
|
|
74
|
+
paddingRight: 11,
|
|
75
|
+
},
|
|
76
|
+
doneDepressed: {
|
|
77
|
+
fontSize: 19,
|
|
78
|
+
},
|
|
79
|
+
modalViewBottom: {
|
|
80
|
+
justifyContent: "center",
|
|
81
|
+
backgroundColor: "#d0d4da",
|
|
82
|
+
},
|
|
83
|
+
placeholder: {
|
|
84
|
+
color: "#c7c7cd",
|
|
85
|
+
},
|
|
86
|
+
headlessAndroidPicker: {
|
|
87
|
+
position: "absolute",
|
|
88
|
+
width: "100%",
|
|
89
|
+
height: "100%",
|
|
90
|
+
color: "transparent",
|
|
91
|
+
opacity: 0,
|
|
92
|
+
},
|
|
93
|
+
});
|
|
94
|
+
export default class RNPickerSelect extends PureComponent {
|
|
95
|
+
constructor(props) {
|
|
96
|
+
super(props);
|
|
97
|
+
this.componentDidUpdate = (prevProps, prevState) => {
|
|
98
|
+
// update items if items or placeholder prop changes
|
|
99
|
+
const items = RNPickerSelect.handlePlaceholder({
|
|
100
|
+
placeholder: this.props.placeholder,
|
|
101
|
+
}).concat(this.props.items);
|
|
102
|
+
const itemsChanged = !isEqual(prevState.items, items);
|
|
103
|
+
// update selectedItem if value prop is defined and differs from currently selected item
|
|
104
|
+
const { selectedItem, idx } = RNPickerSelect.getSelectedItem({
|
|
105
|
+
items,
|
|
106
|
+
key: this.props.itemKey,
|
|
107
|
+
value: this.props.value,
|
|
108
|
+
});
|
|
109
|
+
const selectedItemChanged = !isEqual(this.props.value, undefined) && !isEqual(prevState.selectedItem, selectedItem);
|
|
110
|
+
if (itemsChanged || selectedItemChanged) {
|
|
111
|
+
this.props.onValueChange(selectedItem.value, idx);
|
|
112
|
+
this.setState(Object.assign(Object.assign({}, (itemsChanged ? { items } : {})), (selectedItemChanged ? { selectedItem } : {})));
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
const items = RNPickerSelect.handlePlaceholder({
|
|
116
|
+
placeholder: props.placeholder,
|
|
117
|
+
}).concat(props.items);
|
|
118
|
+
const { selectedItem } = RNPickerSelect.getSelectedItem({
|
|
119
|
+
items,
|
|
120
|
+
key: props.itemKey,
|
|
121
|
+
value: props.value,
|
|
122
|
+
});
|
|
123
|
+
this.state = {
|
|
124
|
+
items,
|
|
125
|
+
selectedItem,
|
|
126
|
+
showPicker: false,
|
|
127
|
+
animationType: undefined,
|
|
128
|
+
orientation: "portrait",
|
|
129
|
+
doneDepressed: false,
|
|
130
|
+
};
|
|
131
|
+
this.onUpArrow = this.onUpArrow.bind(this);
|
|
132
|
+
this.onDownArrow = this.onDownArrow.bind(this);
|
|
133
|
+
this.onValueChange = this.onValueChange.bind(this);
|
|
134
|
+
this.onOrientationChange = this.onOrientationChange.bind(this);
|
|
135
|
+
this.setInputRef = this.setInputRef.bind(this);
|
|
136
|
+
this.togglePicker = this.togglePicker.bind(this);
|
|
137
|
+
this.renderInputAccessoryView = this.renderInputAccessoryView.bind(this);
|
|
138
|
+
}
|
|
139
|
+
static handlePlaceholder({ placeholder }) {
|
|
140
|
+
if (isEqual(placeholder, {})) {
|
|
141
|
+
return [];
|
|
142
|
+
}
|
|
143
|
+
return [placeholder];
|
|
144
|
+
}
|
|
145
|
+
static getSelectedItem({ items, key, value }) {
|
|
146
|
+
let idx = items.findIndex((item) => {
|
|
147
|
+
if (item.key && key) {
|
|
148
|
+
return isEqual(item.key, key);
|
|
149
|
+
}
|
|
150
|
+
return isEqual(item.value, value);
|
|
151
|
+
});
|
|
152
|
+
if (idx === -1) {
|
|
153
|
+
idx = 0;
|
|
154
|
+
}
|
|
155
|
+
return {
|
|
156
|
+
selectedItem: items[idx] || {},
|
|
157
|
+
idx,
|
|
158
|
+
};
|
|
159
|
+
}
|
|
160
|
+
onUpArrow() {
|
|
161
|
+
const { onUpArrow } = this.props;
|
|
162
|
+
this.togglePicker(false, onUpArrow);
|
|
163
|
+
}
|
|
164
|
+
onDownArrow() {
|
|
165
|
+
const { onDownArrow } = this.props;
|
|
166
|
+
this.togglePicker(false, onDownArrow);
|
|
167
|
+
}
|
|
168
|
+
onValueChange(value, index) {
|
|
169
|
+
const { onValueChange } = this.props;
|
|
170
|
+
onValueChange(value, index);
|
|
171
|
+
this.setState((prevState) => {
|
|
172
|
+
return {
|
|
173
|
+
selectedItem: prevState.items[index],
|
|
174
|
+
};
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
onOrientationChange({ nativeEvent }) {
|
|
178
|
+
this.setState({
|
|
179
|
+
orientation: nativeEvent.orientation,
|
|
180
|
+
});
|
|
181
|
+
}
|
|
182
|
+
setInputRef(ref) {
|
|
183
|
+
this.inputRef = ref;
|
|
184
|
+
}
|
|
185
|
+
getPlaceholderStyle() {
|
|
186
|
+
const { placeholder, style } = this.props;
|
|
187
|
+
const { selectedItem } = this.state;
|
|
188
|
+
if (!isEqual(placeholder, {}) && selectedItem.label === placeholder.label) {
|
|
189
|
+
return Object.assign(Object.assign({}, defaultStyles.placeholder), style.placeholder);
|
|
190
|
+
}
|
|
191
|
+
return {};
|
|
192
|
+
}
|
|
193
|
+
triggerOpenCloseCallbacks() {
|
|
194
|
+
const { onOpen, onClose } = this.props;
|
|
195
|
+
const { showPicker } = this.state;
|
|
196
|
+
if (!showPicker && onOpen) {
|
|
197
|
+
onOpen();
|
|
198
|
+
}
|
|
199
|
+
if (showPicker && onClose) {
|
|
200
|
+
onClose();
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
togglePicker(animate = false, postToggleCallback) {
|
|
204
|
+
const { modalProps, disabled } = this.props;
|
|
205
|
+
const { showPicker } = this.state;
|
|
206
|
+
if (disabled) {
|
|
207
|
+
return;
|
|
208
|
+
}
|
|
209
|
+
if (!showPicker) {
|
|
210
|
+
Keyboard.dismiss();
|
|
211
|
+
}
|
|
212
|
+
const animationType = modalProps && modalProps.animationType ? modalProps.animationType : "slide";
|
|
213
|
+
this.triggerOpenCloseCallbacks();
|
|
214
|
+
this.setState((prevState) => {
|
|
215
|
+
return {
|
|
216
|
+
animationType: animate ? animationType : undefined,
|
|
217
|
+
showPicker: !prevState.showPicker,
|
|
218
|
+
};
|
|
219
|
+
}, () => {
|
|
220
|
+
if (postToggleCallback) {
|
|
221
|
+
postToggleCallback();
|
|
222
|
+
}
|
|
223
|
+
});
|
|
224
|
+
}
|
|
225
|
+
renderPickerItems() {
|
|
226
|
+
const { items } = this.state;
|
|
227
|
+
return items.map((item) => {
|
|
228
|
+
return (React.createElement(Picker.Item, { label: item.label, value: item.value, key: item.key || item.label, color: item.color }));
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
renderInputAccessoryView() {
|
|
232
|
+
const { InputAccessoryView, doneText, onUpArrow, onDownArrow, onDonePress, style, touchableDoneProps, } = this.props;
|
|
233
|
+
const { doneDepressed } = this.state;
|
|
234
|
+
if (InputAccessoryView) {
|
|
235
|
+
return React.createElement(InputAccessoryView, { testID: "custom_input_accessory_view" });
|
|
236
|
+
}
|
|
237
|
+
return (React.createElement(View, { style: [defaultStyles.modalViewMiddle, style.modalViewMiddle], testID: "input_accessory_view" }, React.createElement(View, { style: [defaultStyles.chevronContainer, style.chevronContainer] }, React.createElement(TouchableOpacity, { activeOpacity: onUpArrow ? 0.5 : 1, onPress: onUpArrow ? this.onUpArrow : undefined }, React.createElement(View, { style: [
|
|
238
|
+
defaultStyles.chevron,
|
|
239
|
+
style.chevron,
|
|
240
|
+
defaultStyles.chevronUp,
|
|
241
|
+
style.chevronUp,
|
|
242
|
+
onUpArrow ? [defaultStyles.chevronActive, style.chevronActive] : {},
|
|
243
|
+
] })), React.createElement(TouchableOpacity, { activeOpacity: onDownArrow ? 0.5 : 1, onPress: onDownArrow ? this.onDownArrow : undefined }, React.createElement(View, { style: [
|
|
244
|
+
defaultStyles.chevron,
|
|
245
|
+
style.chevron,
|
|
246
|
+
defaultStyles.chevronDown,
|
|
247
|
+
style.chevronDown,
|
|
248
|
+
onDownArrow ? [defaultStyles.chevronActive, style.chevronActive] : {},
|
|
249
|
+
] }))), React.createElement(TouchableOpacity, Object.assign({ testID: "done_button", onPress: () => {
|
|
250
|
+
this.togglePicker(true, onDonePress);
|
|
251
|
+
}, onPressIn: () => {
|
|
252
|
+
this.setState({ doneDepressed: true });
|
|
253
|
+
}, onPressOut: () => {
|
|
254
|
+
this.setState({ doneDepressed: false });
|
|
255
|
+
}, hitSlop: { top: 4, right: 4, bottom: 4, left: 4 } }, touchableDoneProps), React.createElement(View, { testID: "needed_for_touchable" }, React.createElement(Text, { testID: "done_text", allowFontScaling: false, style: [
|
|
256
|
+
defaultStyles.done,
|
|
257
|
+
style.done,
|
|
258
|
+
doneDepressed ? [defaultStyles.doneDepressed, style.doneDepressed] : {},
|
|
259
|
+
] }, doneText)))));
|
|
260
|
+
}
|
|
261
|
+
renderIcon() {
|
|
262
|
+
const { style, Icon } = this.props;
|
|
263
|
+
if (!Icon) {
|
|
264
|
+
return null;
|
|
265
|
+
}
|
|
266
|
+
return (React.createElement(View, { testID: "icon_container", style: [defaultStyles.iconContainer, style.iconContainer] }, React.createElement(Icon, { testID: "icon" })));
|
|
267
|
+
}
|
|
268
|
+
renderTextInputOrChildren() {
|
|
269
|
+
const { children, style, textInputProps } = this.props;
|
|
270
|
+
const { selectedItem } = this.state;
|
|
271
|
+
const containerStyle = Platform.OS === "ios" ? style.inputIOSContainer : style.inputAndroidContainer;
|
|
272
|
+
if (children) {
|
|
273
|
+
return (React.createElement(View, { pointerEvents: "box-only", style: containerStyle }, children));
|
|
274
|
+
}
|
|
275
|
+
return (React.createElement(View, { pointerEvents: "box-only", style: containerStyle }, React.createElement(TextInput, Object.assign({ testID: "text_input", style: [
|
|
276
|
+
Platform.OS === "ios" ? style.inputIOS : style.inputAndroid,
|
|
277
|
+
this.getPlaceholderStyle(),
|
|
278
|
+
], value: selectedItem.inputLabel ? selectedItem.inputLabel : selectedItem.label, ref: this.setInputRef, editable: false }, textInputProps)), this.renderIcon()));
|
|
279
|
+
}
|
|
280
|
+
renderIOS() {
|
|
281
|
+
const { style, modalProps, pickerProps, touchableWrapperProps } = this.props;
|
|
282
|
+
const { animationType, orientation, selectedItem, showPicker } = this.state;
|
|
283
|
+
return (React.createElement(View, { style: [defaultStyles.viewContainer, style.viewContainer] }, React.createElement(TouchableOpacity, Object.assign({ testID: "ios_touchable_wrapper", onPress: () => {
|
|
284
|
+
this.togglePicker(true);
|
|
285
|
+
}, activeOpacity: 1 }, touchableWrapperProps), this.renderTextInputOrChildren()), React.createElement(Modal, Object.assign({ testID: "ios_modal", visible: showPicker, transparent: true, animationType: animationType, supportedOrientations: ["portrait", "landscape"], onOrientationChange: this.onOrientationChange }, modalProps), React.createElement(TouchableOpacity, { style: [defaultStyles.modalViewTop, style.modalViewTop], testID: "ios_modal_top", onPress: () => {
|
|
286
|
+
this.togglePicker(true);
|
|
287
|
+
} }), this.renderInputAccessoryView(), React.createElement(View, { style: [
|
|
288
|
+
defaultStyles.modalViewBottom,
|
|
289
|
+
{ height: orientation === "portrait" ? 215 : 162 },
|
|
290
|
+
style.modalViewBottom,
|
|
291
|
+
] }, React.createElement(Picker, Object.assign({ testID: "ios_picker", onValueChange: this.onValueChange, selectedValue: selectedItem.value }, pickerProps), this.renderPickerItems())))));
|
|
292
|
+
}
|
|
293
|
+
renderAndroidHeadless() {
|
|
294
|
+
const { disabled, Icon, style, pickerProps, onOpen, touchableWrapperProps, fixAndroidTouchableBug, } = this.props;
|
|
295
|
+
const { selectedItem } = this.state;
|
|
296
|
+
const Component = fixAndroidTouchableBug ? View : TouchableOpacity;
|
|
297
|
+
return (React.createElement(Component, Object.assign({ testID: "android_touchable_wrapper", onPress: onOpen, activeOpacity: 1 }, touchableWrapperProps), React.createElement(View, { style: style.headlessAndroidContainer }, this.renderTextInputOrChildren(), React.createElement(Picker, Object.assign({ style: [
|
|
298
|
+
Icon ? { backgroundColor: "transparent" } : {},
|
|
299
|
+
defaultStyles.headlessAndroidPicker,
|
|
300
|
+
style.headlessAndroidPicker,
|
|
301
|
+
], testID: "android_picker_headless", enabled: !disabled, onValueChange: this.onValueChange, selectedValue: selectedItem.value }, pickerProps), this.renderPickerItems()))));
|
|
302
|
+
}
|
|
303
|
+
renderAndroidNativePickerStyle() {
|
|
304
|
+
const { disabled, Icon, style, pickerProps } = this.props;
|
|
305
|
+
const { selectedItem } = this.state;
|
|
306
|
+
return (React.createElement(View, { style: [defaultStyles.viewContainer, style.viewContainer] }, React.createElement(Picker, Object.assign({ style: [
|
|
307
|
+
Icon ? { backgroundColor: "transparent" } : {},
|
|
308
|
+
style.inputAndroid,
|
|
309
|
+
this.getPlaceholderStyle(),
|
|
310
|
+
], testID: "android_picker", enabled: !disabled, onValueChange: this.onValueChange, selectedValue: selectedItem.value }, pickerProps), this.renderPickerItems()), this.renderIcon()));
|
|
311
|
+
}
|
|
312
|
+
renderWeb() {
|
|
313
|
+
const { disabled, style, pickerProps } = this.props;
|
|
314
|
+
const { selectedItem } = this.state;
|
|
315
|
+
return (React.createElement(View, { style: [defaultStyles.viewContainer, style.viewContainer] }, React.createElement(Picker, Object.assign({ style: [style.inputWeb], testID: "web_picker", enabled: !disabled, onValueChange: this.onValueChange, selectedValue: selectedItem.value }, pickerProps), this.renderPickerItems()), this.renderIcon()));
|
|
316
|
+
}
|
|
317
|
+
render() {
|
|
318
|
+
const { children, useNativeAndroidPickerStyle } = this.props;
|
|
319
|
+
if (Platform.OS === "ios") {
|
|
320
|
+
return this.renderIOS();
|
|
321
|
+
}
|
|
322
|
+
if (Platform.OS === "web") {
|
|
323
|
+
return this.renderWeb();
|
|
324
|
+
}
|
|
325
|
+
if (children || !useNativeAndroidPickerStyle) {
|
|
326
|
+
return this.renderAndroidHeadless();
|
|
327
|
+
}
|
|
328
|
+
return this.renderAndroidNativePickerStyle();
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
RNPickerSelect.propTypes = {
|
|
332
|
+
onValueChange: PropTypes.func.isRequired,
|
|
333
|
+
items: PropTypes.arrayOf(PropTypes.shape({
|
|
334
|
+
label: PropTypes.string.isRequired,
|
|
335
|
+
value: PropTypes.any.isRequired,
|
|
336
|
+
inputLabel: PropTypes.string,
|
|
337
|
+
key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
338
|
+
color: PropTypes.string,
|
|
339
|
+
})).isRequired,
|
|
340
|
+
value: PropTypes.any,
|
|
341
|
+
placeholder: PropTypes.shape({
|
|
342
|
+
label: PropTypes.string,
|
|
343
|
+
value: PropTypes.any,
|
|
344
|
+
key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
345
|
+
color: PropTypes.string,
|
|
346
|
+
}),
|
|
347
|
+
disabled: PropTypes.bool,
|
|
348
|
+
itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
349
|
+
style: PropTypes.shape({}),
|
|
350
|
+
children: PropTypes.any,
|
|
351
|
+
onOpen: PropTypes.func,
|
|
352
|
+
useNativeAndroidPickerStyle: PropTypes.bool,
|
|
353
|
+
fixAndroidTouchableBug: PropTypes.bool,
|
|
354
|
+
// Custom Modal props (iOS only)
|
|
355
|
+
doneText: PropTypes.string,
|
|
356
|
+
onDonePress: PropTypes.func,
|
|
357
|
+
onUpArrow: PropTypes.func,
|
|
358
|
+
onDownArrow: PropTypes.func,
|
|
359
|
+
onClose: PropTypes.func,
|
|
360
|
+
// Modal props (iOS only)
|
|
361
|
+
modalProps: PropTypes.shape({}),
|
|
362
|
+
// TextInput props
|
|
363
|
+
textInputProps: PropTypes.shape({}),
|
|
364
|
+
// Picker props
|
|
365
|
+
pickerProps: PropTypes.shape({}),
|
|
366
|
+
// Touchable Done props (iOS only)
|
|
367
|
+
touchableDoneProps: PropTypes.shape({}),
|
|
368
|
+
// Touchable wrapper props
|
|
369
|
+
touchableWrapperProps: PropTypes.shape({}),
|
|
370
|
+
// Custom Icon
|
|
371
|
+
Icon: PropTypes.func,
|
|
372
|
+
InputAccessoryView: PropTypes.func,
|
|
373
|
+
};
|
|
374
|
+
RNPickerSelect.defaultProps = {
|
|
375
|
+
value: undefined,
|
|
376
|
+
placeholder: {
|
|
377
|
+
label: "Select an item...",
|
|
378
|
+
value: null,
|
|
379
|
+
color: "#9EA0A4",
|
|
380
|
+
},
|
|
381
|
+
disabled: false,
|
|
382
|
+
itemKey: null,
|
|
383
|
+
style: {},
|
|
384
|
+
children: null,
|
|
385
|
+
useNativeAndroidPickerStyle: true,
|
|
386
|
+
fixAndroidTouchableBug: false,
|
|
387
|
+
doneText: "Done",
|
|
388
|
+
onDonePress: null,
|
|
389
|
+
onUpArrow: null,
|
|
390
|
+
onDownArrow: null,
|
|
391
|
+
onOpen: null,
|
|
392
|
+
onClose: null,
|
|
393
|
+
modalProps: {},
|
|
394
|
+
textInputProps: {},
|
|
395
|
+
pickerProps: {},
|
|
396
|
+
touchableDoneProps: {},
|
|
397
|
+
touchableWrapperProps: {},
|
|
398
|
+
Icon: null,
|
|
399
|
+
InputAccessoryView: null,
|
|
400
|
+
};
|
|
401
|
+
export { defaultStyles };
|
|
402
|
+
//# sourceMappingURL=PickerSelect.js.map
|
|
403
|
+
//# sourceMappingURL=PickerSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PickerSelect.js","sourceRoot":"","sources":["../../src/dist/PickerSelect.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Box } from "./Box";
|
|
3
|
+
import { Text } from "./Text";
|
|
4
|
+
export class Pill extends React.Component {
|
|
5
|
+
render() {
|
|
6
|
+
return (React.createElement(Box, { rounding: "pill", color: this.props.enabled ? this.props.color : "white", onClick: () => this.props.onClick(!this.props.enabled), border: this.props.color, paddingY: 2, paddingX: 4 }, React.createElement(Text, { align: "center", color: this.props.enabled ? "white" : this.props.color }, this.props.text)));
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=Pill.js.map
|
|
10
|
+
//# sourceMappingURL=Pill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../src/dist/Pill.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS;IACrC,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EACrN,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClI,CAAC;CACJ;AACD,gCAAgC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Box } from "./Box";
|
|
3
|
+
import { Pill } from "./Pill";
|
|
4
|
+
import { storiesOf } from "@storybook/react-native";
|
|
5
|
+
import { StorybookContainer } from "./StorybookContainer";
|
|
6
|
+
const renderPill = (color) => (React.createElement(Box, { display: "flex", direction: "row", alignItems: "center", paddingY: 1 }, React.createElement(Box, { marginRight: 2 }, React.createElement(Pill, { text: color, color: color, onClick: () => { } })), React.createElement(Pill, { text: color, color: color, onClick: () => { }, enabled: true })));
|
|
7
|
+
const colors = [
|
|
8
|
+
"primary",
|
|
9
|
+
"secondary",
|
|
10
|
+
"tertiary",
|
|
11
|
+
"accent",
|
|
12
|
+
"blue",
|
|
13
|
+
"darkGray",
|
|
14
|
+
"eggplant",
|
|
15
|
+
"gray",
|
|
16
|
+
"green",
|
|
17
|
+
"lightGray",
|
|
18
|
+
"maroon",
|
|
19
|
+
"midnight",
|
|
20
|
+
"navy",
|
|
21
|
+
"olive",
|
|
22
|
+
"orange",
|
|
23
|
+
"orchid",
|
|
24
|
+
"pine",
|
|
25
|
+
"purple",
|
|
26
|
+
"red",
|
|
27
|
+
"watermelon",
|
|
28
|
+
"white",
|
|
29
|
+
"neutral900",
|
|
30
|
+
"neutral200",
|
|
31
|
+
"neutral70",
|
|
32
|
+
"neutral10",
|
|
33
|
+
];
|
|
34
|
+
storiesOf("Pills", module).add("Pills", () => (React.createElement(StorybookContainer, null, colors.map((c) => renderPill(c)))));
|
|
35
|
+
//# sourceMappingURL=Pill.stories.js.map
|
|
36
|
+
//# sourceMappingURL=Pill.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pill.stories.js","sourceRoot":"","sources":["../../src/dist/Pill.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,EAC5H,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EACvC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EACjF,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AAClG,MAAM,MAAM,GAAG;IACX,SAAS;IACT,WAAW;IACX,UAAU;IACV,QAAQ;IACR,MAAM;IACN,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,WAAW;IACX,QAAQ;IACR,UAAU;IACV,MAAM;IACN,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,KAAK;IACL,YAAY;IACZ,OAAO;IACP,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,WAAW;CACd,CAAC;AACF,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjI,wCAAwC"}
|
package/dist/dist/Pog.js
ADDED
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Box } from "./Box";
|
|
4
|
+
import { Icon } from "./Icon";
|
|
5
|
+
/*
|
|
6
|
+
Originally based on https://github.com/pinterest/gestalt
|
|
7
|
+
Forked, added type definitions, and added features.
|
|
8
|
+
*/
|
|
9
|
+
// TOOD: create styles
|
|
10
|
+
// :root {
|
|
11
|
+
// --lightGray: #efefef;
|
|
12
|
+
// --gray: #8e8e8e;
|
|
13
|
+
// --darkGray: #111;
|
|
14
|
+
// }
|
|
15
|
+
// .pog {
|
|
16
|
+
// composes: circle from "./Borders.module.css";
|
|
17
|
+
// composes: flex from "./Layout.module.css";
|
|
18
|
+
// composes: itemsCenter from "./Layout.module.css";
|
|
19
|
+
// composes: justifyCenter from "./Layout.module.css";
|
|
20
|
+
// }
|
|
21
|
+
// .focused {
|
|
22
|
+
// composes: accessibilityOutlineFocus from "./Focus.module.css";
|
|
23
|
+
// }
|
|
24
|
+
// .selected {
|
|
25
|
+
// composes: darkGrayBg from "./Colors.module.css";
|
|
26
|
+
// }
|
|
27
|
+
// .transparent {
|
|
28
|
+
// composes: transparentBg from "./Colors.module.css";
|
|
29
|
+
// }
|
|
30
|
+
// .transparentDarkGray {
|
|
31
|
+
// composes: transparentDarkGrayBg from "./Colors.module.css";
|
|
32
|
+
// }
|
|
33
|
+
// .transparent.hovered,
|
|
34
|
+
// .transparent.focused,
|
|
35
|
+
// .white.hovered,
|
|
36
|
+
// .white.focused {
|
|
37
|
+
// background-color: rgba(0, 0, 0, 0.06);
|
|
38
|
+
// }
|
|
39
|
+
// .transparent.active,
|
|
40
|
+
// .white.active {
|
|
41
|
+
// background-color: rgba(0, 0, 0, 0.1);
|
|
42
|
+
// }
|
|
43
|
+
// .transparentDarkGray.hovered,
|
|
44
|
+
// .transparentDarkGray.focused {
|
|
45
|
+
// background-color: var(--darkGray);
|
|
46
|
+
// }
|
|
47
|
+
// .transparentDarkGray.active {
|
|
48
|
+
// background-color: var(--darkGray);
|
|
49
|
+
// }
|
|
50
|
+
// .white {
|
|
51
|
+
// composes: whiteBg from "./Colors.module.css";
|
|
52
|
+
// }
|
|
53
|
+
// .white.hovered,
|
|
54
|
+
// .white.focused {
|
|
55
|
+
// background-color: #f0f0f0;
|
|
56
|
+
// }
|
|
57
|
+
// .white.active {
|
|
58
|
+
// background-color: #e5e5e5;
|
|
59
|
+
// }
|
|
60
|
+
// .lightGray {
|
|
61
|
+
// composes: lightGrayBg from "./Colors.module.css";
|
|
62
|
+
// }
|
|
63
|
+
// .lightGray.hovered,
|
|
64
|
+
// .lightGray.focused {
|
|
65
|
+
// background-color: #e2e2e2;
|
|
66
|
+
// }
|
|
67
|
+
// .lightGray.active {
|
|
68
|
+
// background-color: #dadada;
|
|
69
|
+
// }
|
|
70
|
+
// .gray {
|
|
71
|
+
// composes: grayBg from "./Colors.module.css";
|
|
72
|
+
// }
|
|
73
|
+
// .gray.hovered,
|
|
74
|
+
// .gray.focused {
|
|
75
|
+
// background-color: #878787;
|
|
76
|
+
// }
|
|
77
|
+
// .gray.active {
|
|
78
|
+
// background-color: #828282;
|
|
79
|
+
// }
|
|
80
|
+
// .darkGray {
|
|
81
|
+
// composes: darkGrayBg from "./Colors.module.css";
|
|
82
|
+
// }
|
|
83
|
+
// .blue {
|
|
84
|
+
// composes: blueBg from "./Colors.module.css";
|
|
85
|
+
// }
|
|
86
|
+
// .blue.hovered,
|
|
87
|
+
// .blue.focused {
|
|
88
|
+
// background-color: #4a8ad4;
|
|
89
|
+
// }
|
|
90
|
+
// .blue.active {
|
|
91
|
+
// background-color: #4a85c9;
|
|
92
|
+
// }
|
|
93
|
+
const styles = {
|
|
94
|
+
pog: "",
|
|
95
|
+
selected: "",
|
|
96
|
+
active: "",
|
|
97
|
+
focused: "",
|
|
98
|
+
hovered: "",
|
|
99
|
+
};
|
|
100
|
+
const SIZE_NAME_TO_PIXEL = {
|
|
101
|
+
xs: 24,
|
|
102
|
+
sm: 32,
|
|
103
|
+
md: 40,
|
|
104
|
+
lg: 48,
|
|
105
|
+
xl: 56,
|
|
106
|
+
};
|
|
107
|
+
const defaultIconButtonIconColors = {
|
|
108
|
+
blue: "white",
|
|
109
|
+
darkGray: "white",
|
|
110
|
+
gray: "white",
|
|
111
|
+
lightGray: "gray",
|
|
112
|
+
transparent: "gray",
|
|
113
|
+
transparentDarkGray: "white",
|
|
114
|
+
white: "gray",
|
|
115
|
+
};
|
|
116
|
+
export default function Pog(props) {
|
|
117
|
+
const { active = false, bgColor = "transparent", focused = false, hovered = false, iconColor, icon, iconPrefix = "fas", selected = false, size = "md", } = props;
|
|
118
|
+
const iconSize = SIZE_NAME_TO_PIXEL[size] / 2;
|
|
119
|
+
const color = (selected && "white") ||
|
|
120
|
+
iconColor ||
|
|
121
|
+
defaultIconButtonIconColors[bgColor] ||
|
|
122
|
+
"white";
|
|
123
|
+
const inlineStyle = {
|
|
124
|
+
height: SIZE_NAME_TO_PIXEL[size],
|
|
125
|
+
width: SIZE_NAME_TO_PIXEL[size],
|
|
126
|
+
};
|
|
127
|
+
// const classes = classnames(styles.pog, {
|
|
128
|
+
// [styles[bgColor]]: !selected,
|
|
129
|
+
// [styles.selected]: selected,
|
|
130
|
+
// [styles.active]: active,
|
|
131
|
+
// [styles.focused]: focused,
|
|
132
|
+
// [styles.hovered]: hovered && !focused && !active,
|
|
133
|
+
// });
|
|
134
|
+
return (React.createElement("div", { style: inlineStyle }, React.createElement(Box, { rounding: "circle" }, React.createElement(Icon
|
|
135
|
+
// accessibilityLabel=""
|
|
136
|
+
, {
|
|
137
|
+
// accessibilityLabel=""
|
|
138
|
+
color: color,
|
|
139
|
+
// dangerouslySetSvgPath={dangerouslySetSvgPath}
|
|
140
|
+
name: icon, size: iconSize, prefix: iconPrefix
|
|
141
|
+
}))));
|
|
142
|
+
}
|
|
143
|
+
//# sourceMappingURL=Pog.js.map
|
|
144
|
+
//# sourceMappingURL=Pog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pog.js","sourceRoot":"","sources":["../../src/dist/Pog.js"],"names":[],"mappings":"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"}
|