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,86 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Text as NativeText } from "react-native";
|
|
3
|
+
import Hyperlink from "react-native-hyperlink";
|
|
4
|
+
import { Unifier } from "./Unifier";
|
|
5
|
+
export class Text extends React.Component {
|
|
6
|
+
constructor() {
|
|
7
|
+
super(...arguments);
|
|
8
|
+
this.fontSizes = {
|
|
9
|
+
sm: 12,
|
|
10
|
+
md: 14,
|
|
11
|
+
lg: 16,
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
propsToStyle() {
|
|
15
|
+
const style = {};
|
|
16
|
+
let font = "primaryFont";
|
|
17
|
+
if (this.props.font === "primary") {
|
|
18
|
+
if (this.props.weight === "bold") {
|
|
19
|
+
font = "primaryBoldFont";
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
font = "primaryFont";
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
else if (this.props.font === "secondary") {
|
|
26
|
+
if (this.props.weight === "bold") {
|
|
27
|
+
font = "secondaryBoldFont";
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
font = "secondaryFont";
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
else if (this.props.font === "button") {
|
|
34
|
+
font = "buttonFont";
|
|
35
|
+
}
|
|
36
|
+
else if (this.props.font === "title") {
|
|
37
|
+
font = "titleFont";
|
|
38
|
+
}
|
|
39
|
+
else if (this.props.font === "accent") {
|
|
40
|
+
if (this.props.weight === "bold") {
|
|
41
|
+
font = "accentBoldFont";
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
font = "accentFont";
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
style.fontFamily = Unifier.theme[font];
|
|
48
|
+
style.fontSize = this.fontSizes[this.props.size || "md"];
|
|
49
|
+
if (this.props.align) {
|
|
50
|
+
style.textAlign = this.props.align;
|
|
51
|
+
}
|
|
52
|
+
if (this.props.color) {
|
|
53
|
+
style.color = Unifier.theme[this.props.color];
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
style.color = Unifier.theme.darkGray;
|
|
57
|
+
}
|
|
58
|
+
// TODO: might be useful for wrapping/truncating
|
|
59
|
+
// if (this.props.numberOfLines !== 1 && !this.props.inline) {
|
|
60
|
+
// style.flexWrap = "wrap";
|
|
61
|
+
// }
|
|
62
|
+
return style;
|
|
63
|
+
}
|
|
64
|
+
render() {
|
|
65
|
+
let lines = 0;
|
|
66
|
+
if (this.props.numberOfLines) {
|
|
67
|
+
lines = this.props.numberOfLines;
|
|
68
|
+
}
|
|
69
|
+
else if (this.props.inline) {
|
|
70
|
+
lines = 1;
|
|
71
|
+
}
|
|
72
|
+
const inner = (React.createElement(NativeText, { numberOfLines: lines, style: this.propsToStyle() }, this.props.children));
|
|
73
|
+
if (this.props.skipLinking) {
|
|
74
|
+
return inner;
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
return (
|
|
78
|
+
// <Hyperlink linkDefault={true} linkStyle={{textDecorationLine: "underline"}}>
|
|
79
|
+
// {inner}
|
|
80
|
+
// </Hyperlink>
|
|
81
|
+
React.createElement(Hyperlink, { linkDefault: true }, inner));
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=Text.js.map
|
|
86
|
+
//# sourceMappingURL=Text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/dist/Text.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Box } from "./Box";
|
|
3
|
+
import { Text } from "./Text";
|
|
4
|
+
import { storiesOf } from "@storybook/react-native";
|
|
5
|
+
import { StorybookContainer } from "./StorybookContainer";
|
|
6
|
+
function renderText(text, props) {
|
|
7
|
+
return (React.createElement(Box, { width: "100%", paddingY: 1 }, React.createElement(Text, Object.assign({}, props), text)));
|
|
8
|
+
}
|
|
9
|
+
storiesOf("Text", module)
|
|
10
|
+
.add("Texts", () => (React.createElement(StorybookContainer, null, React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "column" }, renderText("default", {}), renderText("small", { size: "sm" }), renderText("large", { size: "lg" }), renderText("gray", { color: "gray" }), renderText("lightGray", { color: "lightGray" }), renderText("primary", { color: "primary" }), renderText("secondary", { color: "secondary" }), renderText("tertiary", { color: "tertiary" }), renderText("accent", { color: "accent" }), renderText("red", { color: "red" }), renderText("bold", { weight: "bold" }), renderText("italic", { italic: true }), renderText("center", { align: "center" })))))
|
|
11
|
+
.add("Truncate", () => (React.createElement(StorybookContainer, null, React.createElement(Box, { maxWidth: 160 }, React.createElement(Box, { marginBottom: 2 }, React.createElement(Text, { weight: "bold" }, "normal:"), React.createElement(Text, { overflow: "normal" }, "This is a long and Supercalifragilisticexpialidocious sentence. \u6B21\u306E\u5358\u8A9E\u30B0\u30EC\u30FC\u30C8\u30D6\u30EA\u30C6\u30F3\u304A\u3088\u3073\u5317\u30A2\u30A4\u30EB\u30E9\u30F3\u30C9\u9023\u5408\u738B\u56FD\u3067\u672C\u5F53\u306B\u5927\u304D\u306A\u8A00\u8449'")), React.createElement(Box, { marginBottom: 2 }, React.createElement(Text, { weight: "bold" }, "breakWord:"), React.createElement(Text, { overflow: "breakWord" }, "This is a long and Supercalifragilisticexpialidocious sentence. \u6B21\u306E\u5358\u8A9E\u30B0\u30EC\u30FC\u30C8\u30D6\u30EA\u30C6\u30F3\u304A\u3088\u3073\u5317\u30A2\u30A4\u30EB\u30E9\u30F3\u30C9\u9023\u5408\u738B\u56FD\u3067\u672C\u5F53\u306B\u5927\u304D\u306A\u8A00\u8449 \uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57'")), React.createElement(Box, { marginBottom: 2 }, React.createElement(Text, { weight: "bold" }, "truncate:"), React.createElement(Text, { truncate: true }, "This is a long and Supercalifragilisticexpialidocious sentence. \u6B21\u306E\u5358\u8A9E\u30B0\u30EC\u30FC\u30C8\u30D6\u30EA\u30C6\u30F3\u304A\u3088\u3073\u5317\u30A2\u30A4\u30EB\u30E9\u30F3\u30C9\u9023\u5408\u738B\u56FD\u3067\u672C\u5F53\u306B\u5927\u304D\u306A\u8A00\u8449 \uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57\uFF57'"))))));
|
|
12
|
+
//# sourceMappingURL=Text.stories.js.map
|
|
13
|
+
//# sourceMappingURL=Text.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../src/dist/Text.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,SAAS,UAAU,CAAC,IAAI,EAAE,KAAK;IAC3B,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,EAC3D,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AACpE,CAAC;AACD,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;KACpB,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACjE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC5F,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,EACzB,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACnC,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACnC,UAAU,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EACrC,UAAU,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAC/C,UAAU,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAC3C,UAAU,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAC/C,UAAU,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAC7C,UAAU,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EACzC,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACnC,UAAU,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EACtC,UAAU,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EACtC,UAAU,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;KAChD,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACpE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EACtC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EACxC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,SAAS,CAAC,EACxD,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,qRAAqR,CAAC,CAAC,EAC7U,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EACxC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,CAAC,EAC3D,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,kbAAkb,CAAC,CAAC,EAC7e,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EACxC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,WAAW,CAAC,EAC1D,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,kbAAkb,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnf,wCAAwC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { TextField } from "./TextField";
|
|
3
|
+
export class TextArea extends React.Component {
|
|
4
|
+
constructor(props) {
|
|
5
|
+
super(props);
|
|
6
|
+
this.state = {};
|
|
7
|
+
}
|
|
8
|
+
render() {
|
|
9
|
+
return React.createElement(TextField, Object.assign({}, this.props, { multiline: true, height: 100, rows: 4 }));
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=TextArea.js.map
|
|
13
|
+
//# sourceMappingURL=TextArea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/dist/TextArea.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS;IACzC,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IACD,MAAM;QACF,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACpH,CAAC;CACJ;AACD,oCAAoC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export const title: string;
|
|
3
|
+
export { TextArea as component };
|
|
4
|
+
}
|
|
5
|
+
export default _default;
|
|
6
|
+
export function TextAreas(): React.CElement<any, StorybookContainer>;
|
|
7
|
+
export function WithLabelTextArea(): React.CElement<any, StorybookContainer>;
|
|
8
|
+
export function TextAreaDisabled(): React.CElement<any, StorybookContainer>;
|
|
9
|
+
export function TextAreaErrored(): React.CElement<any, StorybookContainer>;
|
|
10
|
+
import { TextArea } from "./TextArea";
|
|
11
|
+
import { StorybookContainer } from "./StorybookContainer";
|
|
12
|
+
import React from "react";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { TextArea } from "./TextArea";
|
|
3
|
+
import { StorybookContainer } from "./StorybookContainer";
|
|
4
|
+
export default {
|
|
5
|
+
title: "TextArea",
|
|
6
|
+
component: TextArea,
|
|
7
|
+
};
|
|
8
|
+
export const TextAreas = () => {
|
|
9
|
+
return (React.createElement(StorybookContainer, null, React.createElement(TextArea, { id: "none", onChange: () => { }, placeholder: "Here's some placeholder text." })));
|
|
10
|
+
};
|
|
11
|
+
export const WithLabelTextArea = () => {
|
|
12
|
+
return (React.createElement(StorybookContainer, null, React.createElement(TextArea, { label: "Enter a bunch of text", helperText: "And some subtext", id: "none", onChange: () => { } })));
|
|
13
|
+
};
|
|
14
|
+
export const TextAreaDisabled = () => {
|
|
15
|
+
return (React.createElement(StorybookContainer, null, React.createElement(TextArea, { id: "none", onChange: () => { }, disabled: true, placeholder: "This is disabled" })));
|
|
16
|
+
};
|
|
17
|
+
export const TextAreaErrored = () => {
|
|
18
|
+
return (React.createElement(StorybookContainer, null, React.createElement(TextArea, { label: "Enter a bunch of text", helperText: "And some subtext", errorMessage: "There's been an error", id: "none", onChange: () => { } })));
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=TextArea.stories.js.map
|
|
21
|
+
//# sourceMappingURL=TextArea.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../src/dist/TextArea.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,eAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;CACtB,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,+BAA+B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3H,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7I,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACjC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9H,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,UAAU,EAAE,kBAAkB,EAAE,YAAY,EAAE,uBAAuB,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACpL,CAAC,CAAC;AACF,4CAA4C"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export class TextField extends React.Component<any, any, any> {
|
|
2
|
+
constructor(props: any);
|
|
3
|
+
dateActionSheetRef: React.RefObject<any>;
|
|
4
|
+
numberRangeActionSheetRef: React.RefObject<any>;
|
|
5
|
+
decimalRangeActionSheetRef: React.RefObject<any>;
|
|
6
|
+
weightActionSheetRef: React.RefObject<any>;
|
|
7
|
+
keyboardMap: {
|
|
8
|
+
date: string;
|
|
9
|
+
email: string;
|
|
10
|
+
number: string;
|
|
11
|
+
numberRange: string;
|
|
12
|
+
decimalRange: string;
|
|
13
|
+
decimal: string;
|
|
14
|
+
height: string;
|
|
15
|
+
password: string;
|
|
16
|
+
search: string;
|
|
17
|
+
text: string;
|
|
18
|
+
url: any;
|
|
19
|
+
username: string;
|
|
20
|
+
};
|
|
21
|
+
textContentMap: {
|
|
22
|
+
date: string;
|
|
23
|
+
email: string;
|
|
24
|
+
number: string;
|
|
25
|
+
decimal: string;
|
|
26
|
+
decimalRange: string;
|
|
27
|
+
height: string;
|
|
28
|
+
password: string;
|
|
29
|
+
search: string;
|
|
30
|
+
text: string;
|
|
31
|
+
url: any;
|
|
32
|
+
username: string;
|
|
33
|
+
};
|
|
34
|
+
getBorderColor: () => string;
|
|
35
|
+
getHeight: () => any;
|
|
36
|
+
isHandledByModal: () => boolean;
|
|
37
|
+
state: {
|
|
38
|
+
focused: boolean;
|
|
39
|
+
height: any;
|
|
40
|
+
};
|
|
41
|
+
renderIcon(): React.CElement<import("./Common").BoxProps, Box> | null;
|
|
42
|
+
focus(): void;
|
|
43
|
+
isEditable(): boolean;
|
|
44
|
+
render(): React.FunctionComponentElement<{}>;
|
|
45
|
+
}
|
|
46
|
+
import React from "react";
|
|
47
|
+
import { Box } from "./Box";
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s)
|
|
4
|
+
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
import moment from "moment-timezone";
|
|
14
|
+
import React from "react";
|
|
15
|
+
import { ActivityIndicator, Platform, TextInput, View } from "react-native";
|
|
16
|
+
import { Box } from "./Box";
|
|
17
|
+
import { DateTimeActionSheet } from "./DateTimeActionSheet";
|
|
18
|
+
import { DecimalRangeActionSheet } from "./DecimalRangeActionSheet";
|
|
19
|
+
import { HeightActionSheet } from "./HeightActionSheet";
|
|
20
|
+
import { Icon } from "./Icon";
|
|
21
|
+
import { NumberPickerActionSheet } from "./NumberPickerActionSheet";
|
|
22
|
+
import { Unifier } from "./Unifier";
|
|
23
|
+
import { WithLabel } from "./WithLabel";
|
|
24
|
+
export class TextField extends React.Component {
|
|
25
|
+
constructor(props) {
|
|
26
|
+
super(props);
|
|
27
|
+
this.dateActionSheetRef = React.createRef();
|
|
28
|
+
this.numberRangeActionSheetRef = React.createRef();
|
|
29
|
+
this.decimalRangeActionSheetRef = React.createRef();
|
|
30
|
+
this.weightActionSheetRef = React.createRef();
|
|
31
|
+
this.keyboardMap = {
|
|
32
|
+
date: "default",
|
|
33
|
+
email: "email-address",
|
|
34
|
+
number: "number-pad",
|
|
35
|
+
numberRange: "number-pad",
|
|
36
|
+
decimalRange: "decimal-pad",
|
|
37
|
+
decimal: "decimal-pad",
|
|
38
|
+
height: "default",
|
|
39
|
+
password: "default",
|
|
40
|
+
search: "default",
|
|
41
|
+
text: "default",
|
|
42
|
+
url: Platform.select({
|
|
43
|
+
ios: "url",
|
|
44
|
+
android: "default",
|
|
45
|
+
}),
|
|
46
|
+
username: "default",
|
|
47
|
+
};
|
|
48
|
+
this.textContentMap = {
|
|
49
|
+
date: "none",
|
|
50
|
+
email: "emailAddress",
|
|
51
|
+
number: "none",
|
|
52
|
+
decimal: "none",
|
|
53
|
+
decimalRange: "none",
|
|
54
|
+
height: "none",
|
|
55
|
+
password: "password",
|
|
56
|
+
search: "none",
|
|
57
|
+
text: "none",
|
|
58
|
+
url: Platform.select({
|
|
59
|
+
ios: "URL",
|
|
60
|
+
android: "none",
|
|
61
|
+
}),
|
|
62
|
+
username: "username",
|
|
63
|
+
};
|
|
64
|
+
this.getBorderColor = () => {
|
|
65
|
+
if (this.props.errorMessage) {
|
|
66
|
+
return Unifier.theme.red;
|
|
67
|
+
}
|
|
68
|
+
else if (this.state.focused) {
|
|
69
|
+
return Unifier.theme.blue;
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
return Unifier.theme.gray;
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
this.getHeight = () => {
|
|
76
|
+
if (this.props.grow) {
|
|
77
|
+
return Math.max(40, this.state.height);
|
|
78
|
+
}
|
|
79
|
+
else if (this.props.multiline) {
|
|
80
|
+
return this.props.height || "100%";
|
|
81
|
+
}
|
|
82
|
+
else {
|
|
83
|
+
return 40;
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
this.isHandledByModal = () => {
|
|
87
|
+
return (this.props.type === "date" ||
|
|
88
|
+
this.props.type === "numberRange" ||
|
|
89
|
+
this.props.type === "decimalRange" ||
|
|
90
|
+
this.props.type === "height");
|
|
91
|
+
};
|
|
92
|
+
this.state = { focused: false, height: props.height || 40 };
|
|
93
|
+
}
|
|
94
|
+
renderIcon() {
|
|
95
|
+
if (this.props.type !== "search") {
|
|
96
|
+
return null;
|
|
97
|
+
}
|
|
98
|
+
if (this.props.searching === true) {
|
|
99
|
+
return (React.createElement(Box, { marginRight: 4 }, React.createElement(ActivityIndicator, { color: Unifier.theme["primary"], size: "small" })));
|
|
100
|
+
}
|
|
101
|
+
else {
|
|
102
|
+
return (React.createElement(Box, { marginRight: 2 }, React.createElement(Icon, { prefix: "far", size: 14, name: "search" })));
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
focus() {
|
|
106
|
+
// Empty
|
|
107
|
+
}
|
|
108
|
+
isEditable() {
|
|
109
|
+
return !this.props.disabled && !this.isHandledByModal();
|
|
110
|
+
}
|
|
111
|
+
render() {
|
|
112
|
+
const type = this.props.type || "text";
|
|
113
|
+
const keyboardType = this.keyboardMap[type];
|
|
114
|
+
// let textContentType = this.textContentMap[this.props.type || "text"];
|
|
115
|
+
const _a = this.props, { errorMessage } = _a, props = __rest(_a, ["errorMessage"]);
|
|
116
|
+
let value = this.props.value;
|
|
117
|
+
if (this.props.type === "date") {
|
|
118
|
+
value = moment(this.props.value).format("MM/DD/YYYY");
|
|
119
|
+
}
|
|
120
|
+
else if (this.props.type === "height") {
|
|
121
|
+
value = `${Math.floor(Number(this.props.value) / 12)} ft, ${Number(this.props.value) %
|
|
122
|
+
12} in`;
|
|
123
|
+
}
|
|
124
|
+
return (React.createElement(React.Fragment, null, React.createElement(WithLabel, { label: errorMessage, labelPlacement: "after", labelColor: this.props.errorMessageColor || "red", labelSize: "sm" }, React.createElement(WithLabel, Object.assign({}, props), React.createElement(View, { onTouchEnd: () => {
|
|
125
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
126
|
+
if (this.props.type === "date") {
|
|
127
|
+
(_b = (_a = this.dateActionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(true);
|
|
128
|
+
}
|
|
129
|
+
else if (this.props.type === "numberRange") {
|
|
130
|
+
(_d = (_c = this.numberRangeActionSheetRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.setModalVisible(true);
|
|
131
|
+
}
|
|
132
|
+
else if (this.props.type === "decimalRange") {
|
|
133
|
+
(_f = (_e = this.decimalRangeActionSheetRef) === null || _e === void 0 ? void 0 : _e.current) === null || _f === void 0 ? void 0 : _f.setModalVisible(true);
|
|
134
|
+
}
|
|
135
|
+
else if (this.props.type === "height") {
|
|
136
|
+
(_h = (_g = this.weightActionSheetRef) === null || _g === void 0 ? void 0 : _g.current) === null || _h === void 0 ? void 0 : _h.setModalVisible(true);
|
|
137
|
+
}
|
|
138
|
+
}, style: {
|
|
139
|
+
flexDirection: "row",
|
|
140
|
+
justifyContent: "center",
|
|
141
|
+
alignItems: "center",
|
|
142
|
+
// height: 40,
|
|
143
|
+
// minHeight: this.getHeight(),
|
|
144
|
+
minHeight: this.getHeight(),
|
|
145
|
+
width: "100%",
|
|
146
|
+
// Add padding so the border doesn't mess up layouts
|
|
147
|
+
paddingHorizontal: this.props.paddingX || this.state.focused ? 10 : 14,
|
|
148
|
+
paddingVertical: this.props.paddingY || this.state.focused ? 0 : 4,
|
|
149
|
+
borderColor: this.getBorderColor(),
|
|
150
|
+
borderWidth: this.state.focused && !this.props.errorMessage ? 5 : 1,
|
|
151
|
+
borderRadius: 16,
|
|
152
|
+
backgroundColor: this.props.disabled ? Unifier.theme.gray : Unifier.theme.white,
|
|
153
|
+
overflow: "hidden",
|
|
154
|
+
} }, this.renderIcon(), React.createElement(TextInput, { style: Object.assign({ flex: 1, paddingTop: 10, paddingRight: 10, paddingBottom: 10, paddingLeft: 0, height: this.getHeight(), width: "100%", color: Unifier.theme.darkGray, fontFamily: Unifier.theme.primaryFont,
|
|
155
|
+
// Remove border in web.
|
|
156
|
+
outlineWidth: 0 }, this.props.style), keyboardType: keyboardType, onChangeText: (text) => {
|
|
157
|
+
this.props.onChange({ value: text });
|
|
158
|
+
}, value: value,
|
|
159
|
+
// TODO: uncomment with upgrade to React 0.56.
|
|
160
|
+
// textContentType={textContentType}
|
|
161
|
+
placeholder: this.props.placeholder, placeholderTextColor: Unifier.theme.gray, secureTextEntry: type === "password", editable: this.isEditable(), autoCapitalize: type === "text" ? "sentences" : "none", underlineColorAndroid: "transparent", onFocus: () => {
|
|
162
|
+
if (!this.isHandledByModal()) {
|
|
163
|
+
this.setState({ focused: true });
|
|
164
|
+
}
|
|
165
|
+
}, onBlur: () => {
|
|
166
|
+
if (!this.isHandledByModal()) {
|
|
167
|
+
this.setState({ focused: false });
|
|
168
|
+
}
|
|
169
|
+
if (this.props.onBlur && this.props.value) {
|
|
170
|
+
this.props.onBlur({ value: this.props.value });
|
|
171
|
+
}
|
|
172
|
+
// if (this.props.type === "date") {
|
|
173
|
+
// this.actionSheetRef?.current?.setModalVisible(false);
|
|
174
|
+
// }
|
|
175
|
+
},
|
|
176
|
+
// For react-native-autofocus
|
|
177
|
+
ref: (ref) => {
|
|
178
|
+
if (this.props.inputRef) {
|
|
179
|
+
this.props.inputRef(ref);
|
|
180
|
+
}
|
|
181
|
+
}, onSubmitEditing: () => {
|
|
182
|
+
if (this.props.onEnter) {
|
|
183
|
+
this.props.onEnter();
|
|
184
|
+
}
|
|
185
|
+
if (this.props.onSubmitEditing) {
|
|
186
|
+
this.props.onSubmitEditing();
|
|
187
|
+
}
|
|
188
|
+
}, onContentSizeChange: (event) => {
|
|
189
|
+
if (!this.props.grow) {
|
|
190
|
+
return;
|
|
191
|
+
}
|
|
192
|
+
this.setState({ height: event.nativeEvent.contentSize.height });
|
|
193
|
+
}, blurOnSubmit: true, returnKeyType: type === "number" || type === "decimal" ? "done" : this.props.returnKeyType, autoFocus: this.props.autoFocus, multiline: this.props.multiline, numberOfLines: this.props.rows || 4 })))), this.props.type === "date" && (React.createElement(DateTimeActionSheet, { actionSheetRef: this.dateActionSheetRef, mode: "date", value: this.props.value, onChange: (result) => this.props.onChange(result) })), this.props.type === "numberRange" && this.props.value && (React.createElement(NumberPickerActionSheet, { actionSheetRef: this.numberRangeActionSheetRef, min: this.props.min || 0, max: this.props.max || (this.props.min || 0) + 100, value: this.props.value, onChange: (result) => this.props.onChange(result) })), this.props.type === "decimalRange" && this.props.value && (React.createElement(DecimalRangeActionSheet, { actionSheetRef: this.decimalRangeActionSheetRef, min: this.props.min || 0, max: this.props.max || (this.props.min || 0) + 100, value: this.props.value, onChange: (result) => this.props.onChange(result) })), this.props.type === "height" && (React.createElement(HeightActionSheet, { actionSheetRef: this.weightActionSheetRef, value: this.props.value, onChange: (result) => {
|
|
194
|
+
this.props.onChange(result);
|
|
195
|
+
} }))));
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
//# sourceMappingURL=TextField.js.map
|
|
199
|
+
//# sourceMappingURL=TextField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/dist/TextField.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { TextField } from "./TextField";
|
|
3
|
+
import { storiesOf } from "@storybook/react-native";
|
|
4
|
+
import { StorybookContainer } from "./StorybookContainer";
|
|
5
|
+
export default {
|
|
6
|
+
title: "TextField",
|
|
7
|
+
component: TextField,
|
|
8
|
+
};
|
|
9
|
+
storiesOf("Text Field", module)
|
|
10
|
+
.add("Text Fields", () => (React.createElement(StorybookContainer, null, React.createElement(TextField, { id: "none", onChange: () => { }, placeholder: "Here's some placeholder text." }))))
|
|
11
|
+
.add("With Label", () => (React.createElement(StorybookContainer, null, React.createElement(TextField, { label: "Enter some text", helperText: "And some subtext", id: "none", onChange: () => { } }))))
|
|
12
|
+
.add("Disabled", () => (React.createElement(StorybookContainer, null, React.createElement(TextField, { id: "none", onChange: () => { }, disabled: true, placeholder: "This is disabled" }))))
|
|
13
|
+
.add("Errored", () => (React.createElement(StorybookContainer, null, React.createElement(TextField, { label: "Enter some text", helperText: "And some subtext", errorMessage: "There's been an error", id: "none", onChange: () => { } }))));
|
|
14
|
+
//# sourceMappingURL=TextField.stories.js.map
|
|
15
|
+
//# sourceMappingURL=TextField.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.stories.js","sourceRoot":"","sources":["../../src/dist/TextField.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,eAAe;IACX,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;CACvB,CAAC;AACF,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;KAC1B,GAAG,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACvE,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,+BAA+B,EAAE,CAAC,CAAC,CAAC,CAAC;KACnH,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACtE,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KAC/H,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACpE,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;KACtH,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACnE,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,kBAAkB,EAAE,YAAY,EAAE,uBAAuB,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5K,6CAA6C"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
2
|
+
import moment from "moment-timezone";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { ActionSheet } from "./ActionSheet";
|
|
5
|
+
import { Box } from "./Box";
|
|
6
|
+
import { Button } from "./Button";
|
|
7
|
+
export class NumberPickerActionSheet extends React.Component {
|
|
8
|
+
constructor(props) {
|
|
9
|
+
super(props);
|
|
10
|
+
}
|
|
11
|
+
render() {
|
|
12
|
+
return (React.createElement(ActionSheet, { ref: this.props.actionSheetRef, gestureEnabled: true, bounceOnOpen: true }, React.createElement(Box, { width: "100%", paddingX: 4, marginBottom: 8 }, React.createElement(Box, { width: "100%", display: "flex", alignItems: "end" }, React.createElement(Box, { width: "33%" }, React.createElement(Button, { type: "ghost", text: "Save", color: "blue", size: "lg", onClick: () => {
|
|
13
|
+
var _a, _b;
|
|
14
|
+
(_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
|
|
15
|
+
} }))), React.createElement(DateTimePicker, { testID: "dateTimePicker", value: moment(this.props.value).toDate(), mode: this.props.mode, is24Hour: true, display: "spinner", onChange: (event, date) => {
|
|
16
|
+
if (!date) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
this.props.onChange({ event, value: date.toString() });
|
|
20
|
+
} }))));
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=TextFieldNumberActionSheet.js.map
|
|
24
|
+
//# sourceMappingURL=TextFieldNumberActionSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextFieldNumberActionSheet.js","sourceRoot":"","sources":["../../src/dist/TextFieldNumberActionSheet.js"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,SAAS;IACxD,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EACjH,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EACpE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,EAC1E,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACrC,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;gBAC5F,IAAI,EAAE,EAAE,EAAE,CAAC;gBACX,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC3J,CAAC,EAAE,CAAC,CAAC,CAAC,EAClB,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;gBACvL,IAAI,CAAC,IAAI,EAAE;oBACP,OAAO;iBACV;gBACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC3D,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;CACJ;AACD,sDAAsD"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
// import {Screens} from "./UnifiedScreens";
|
|
2
|
+
export var UnifierScreens;
|
|
3
|
+
(function (UnifierScreens) {
|
|
4
|
+
// BarcodeView = "BarcodeView",
|
|
5
|
+
UnifierScreens["Contacts"] = "Contacts";
|
|
6
|
+
UnifierScreens["FullPageModal"] = "FullPageModal";
|
|
7
|
+
UnifierScreens["Auth"] = "Auth";
|
|
8
|
+
UnifierScreens["Spinner"] = "lib.Spinner";
|
|
9
|
+
UnifierScreens["Payment"] = "Payment";
|
|
10
|
+
UnifierScreens["Onboarding"] = "Onboarding";
|
|
11
|
+
})(UnifierScreens || (UnifierScreens = {}));
|
|
12
|
+
let initialized = false;
|
|
13
|
+
export function initializeUnifiedScreens() {
|
|
14
|
+
if (initialized) {
|
|
15
|
+
console.error("Cannot initialize screens multiple times.");
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
initialized = true;
|
|
19
|
+
console.debug("[unifier] Registering unifier screens");
|
|
20
|
+
// Unifier.navigation.registerScreen(UnifierScreens.Auth, Auth, {url: "/auth"});
|
|
21
|
+
// registerScreen(Screens.BarcodeView, BarcodeView, {url: "/barcode"});
|
|
22
|
+
// Unifier.navigation.registerScreen(UnifierScreens.FullPageModal, FullPageModal, {url: "/item"});
|
|
23
|
+
// Unifier.navigation.registerScreen(UnifierScreens.Spinner, Spinner);
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=UnifiedScreens.js.map
|
|
26
|
+
//# sourceMappingURL=UnifiedScreens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UnifiedScreens.js","sourceRoot":"","sources":["../../src/dist/UnifiedScreens.js"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,MAAM,CAAC,IAAI,cAAc,CAAC;AAC1B,CAAC,UAAU,cAAc;IACrB,+BAA+B;IAC/B,cAAc,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,eAAe,CAAC,GAAG,eAAe,CAAC;IAClD,cAAc,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;IAChC,cAAc,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC;IAC1C,cAAc,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACtC,cAAc,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;AAChD,CAAC,CAAC,CAAC,cAAc,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,CAAC,CAAC;AAC5C,IAAI,WAAW,GAAG,KAAK,CAAC;AACxB,MAAM,UAAU,wBAAwB;IACpC,IAAI,WAAW,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,2CAA2C,CAAC,CAAC;QAC3D,OAAO;KACV;IACD,WAAW,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAC;IACvD,gFAAgF;IAChF,uEAAuE;IACvE,kGAAkG;IAClG,sEAAsE;AAC1E,CAAC;AACD,0CAA0C"}
|