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,47 @@
|
|
|
1
|
+
export const SPACING = 4;
|
|
2
|
+
export const iconSizeToNumber = (size) => {
|
|
3
|
+
return {
|
|
4
|
+
xs: 8,
|
|
5
|
+
sm: 12,
|
|
6
|
+
md: 14,
|
|
7
|
+
lg: 20,
|
|
8
|
+
xl: 26,
|
|
9
|
+
}[size || "md"];
|
|
10
|
+
};
|
|
11
|
+
export const iconNumberToSize = (size = 16) => {
|
|
12
|
+
let iconSize;
|
|
13
|
+
if (size < 8) {
|
|
14
|
+
iconSize = "xs";
|
|
15
|
+
}
|
|
16
|
+
else if (size < 12) {
|
|
17
|
+
iconSize = "sm";
|
|
18
|
+
}
|
|
19
|
+
else if (size < 14) {
|
|
20
|
+
iconSize = "md";
|
|
21
|
+
}
|
|
22
|
+
else if (size < 20) {
|
|
23
|
+
iconSize = "lg";
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
iconSize = "xl";
|
|
27
|
+
}
|
|
28
|
+
return iconSize;
|
|
29
|
+
};
|
|
30
|
+
export function getSectionColor(section) {
|
|
31
|
+
return ({
|
|
32
|
+
Breakfast: "orchid",
|
|
33
|
+
Lunch: "blue",
|
|
34
|
+
Dinner: "orange",
|
|
35
|
+
Snack: "red",
|
|
36
|
+
"Second Snack": "red",
|
|
37
|
+
Workout: "pine",
|
|
38
|
+
workouts: "pine",
|
|
39
|
+
}[section] || "blue");
|
|
40
|
+
}
|
|
41
|
+
export function isTestUser(profile) {
|
|
42
|
+
return (profile &&
|
|
43
|
+
profile.email &&
|
|
44
|
+
(profile.email.indexOf("nang.io") > -1 || profile.email.indexOf("example.com") > -1));
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=Common.js.map
|
|
47
|
+
//# sourceMappingURL=Common.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../src/dist/Common.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AACzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;IACrC,OAAO;QACH,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACT,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AACpB,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,EAAE;IAC1C,IAAI,QAAQ,CAAC;IACb,IAAI,IAAI,GAAG,CAAC,EAAE;QACV,QAAQ,GAAG,IAAI,CAAC;KACnB;SACI,IAAI,IAAI,GAAG,EAAE,EAAE;QAChB,QAAQ,GAAG,IAAI,CAAC;KACnB;SACI,IAAI,IAAI,GAAG,EAAE,EAAE;QAChB,QAAQ,GAAG,IAAI,CAAC;KACnB;SACI,IAAI,IAAI,GAAG,EAAE,EAAE;QAChB,QAAQ,GAAG,IAAI,CAAC;KACnB;SACI;QACD,QAAQ,GAAG,IAAI,CAAC;KACnB;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AACF,MAAM,UAAU,eAAe,CAAC,OAAO;IACnC,OAAO,CAAC;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACnB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAC;AAC1B,CAAC;AACD,MAAM,UAAU,UAAU,CAAC,OAAO;IAC9B,OAAO,CAAC,OAAO;QACX,OAAO,CAAC,KAAK;QACb,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9F,CAAC;AACD,kCAAkC"}
|
|
@@ -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 DateTimeActionSheet 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=DateTimeActionSheet.js.map
|
|
24
|
+
//# sourceMappingURL=DateTimeActionSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../../src/dist/DateTimeActionSheet.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,mBAAoB,SAAQ,KAAK,CAAC,SAAS;IACpD,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,+CAA+C"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export class DecimalRangeActionSheet extends React.Component<any, any, any> {
|
|
2
|
+
constructor(props: any);
|
|
3
|
+
state: {
|
|
4
|
+
whole: string;
|
|
5
|
+
decimal: string;
|
|
6
|
+
};
|
|
7
|
+
render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
8
|
+
}
|
|
9
|
+
import React from "react";
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ActionSheet } from "./ActionSheet";
|
|
3
|
+
import { Box } from "./Box";
|
|
4
|
+
import { Button } from "./Button";
|
|
5
|
+
import { Picker } from "@react-native-picker/picker";
|
|
6
|
+
import range from "lodash/range";
|
|
7
|
+
const PICKER_HEIGHT = 104;
|
|
8
|
+
export class DecimalRangeActionSheet extends React.Component {
|
|
9
|
+
constructor(props) {
|
|
10
|
+
super(props);
|
|
11
|
+
this.state = {
|
|
12
|
+
whole: String(Math.floor(Number(props.value))),
|
|
13
|
+
decimal: String((Number(props.value) * 10) % 10),
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
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: "Close", color: "blue", size: "lg", onClick: () => {
|
|
18
|
+
var _a, _b;
|
|
19
|
+
(_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
|
|
20
|
+
} }))), React.createElement(Box, { width: "100%", direction: "row" }, React.createElement(Box, { width: "50%" }, React.createElement(Picker, { style: {
|
|
21
|
+
height: PICKER_HEIGHT,
|
|
22
|
+
backgroundColor: "#FFFFFF",
|
|
23
|
+
}, itemStyle: {
|
|
24
|
+
height: PICKER_HEIGHT,
|
|
25
|
+
}, selectedValue: this.state.whole, onValueChange: (whole) => {
|
|
26
|
+
this.setState({ whole: String(whole) });
|
|
27
|
+
this.props.onChange({
|
|
28
|
+
value: String(Number(whole) + Number(this.state.decimal) * 0.1),
|
|
29
|
+
});
|
|
30
|
+
} }, range(this.props.min, this.props.max + 1).map((n) => {
|
|
31
|
+
// console.log("FIRST", String(n));
|
|
32
|
+
return React.createElement(Picker.Item, { key: String(n), label: String(n), value: String(n) });
|
|
33
|
+
}))), React.createElement(Box, { width: "50%" }, React.createElement(Picker, { style: {
|
|
34
|
+
height: PICKER_HEIGHT,
|
|
35
|
+
backgroundColor: "#FFFFFF",
|
|
36
|
+
}, itemStyle: {
|
|
37
|
+
height: PICKER_HEIGHT,
|
|
38
|
+
}, selectedValue: this.state.decimal, onValueChange: (decimal) => {
|
|
39
|
+
// console.log(
|
|
40
|
+
// "DECIMAL",
|
|
41
|
+
// decimal,
|
|
42
|
+
// this.state.whole,
|
|
43
|
+
// Number(decimal.toString()) * 0.1,
|
|
44
|
+
// String(this.state.whole + Number(decimal) * 0.1)
|
|
45
|
+
// );
|
|
46
|
+
this.setState({ decimal: String(decimal) });
|
|
47
|
+
this.props.onChange({
|
|
48
|
+
value: String(Number(this.state.whole) + Number(decimal) * 0.1),
|
|
49
|
+
});
|
|
50
|
+
} }, range(0, 10).map((n) => {
|
|
51
|
+
// console.log("N", n);
|
|
52
|
+
return React.createElement(Picker.Item, { key: String(n), label: "." + String(n), value: String(n) });
|
|
53
|
+
})))))));
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=DecimalRangeActionSheet.js.map
|
|
57
|
+
//# sourceMappingURL=DecimalRangeActionSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DecimalRangeActionSheet.js","sourceRoot":"","sources":["../../src/dist/DecimalRangeActionSheet.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export class ErrorBoundary extends React.Component<any, any, any> {
|
|
2
|
+
static getDerivedStateFromError(error: any): {
|
|
3
|
+
error: any;
|
|
4
|
+
};
|
|
5
|
+
constructor(...args: any[]);
|
|
6
|
+
state: {
|
|
7
|
+
error: undefined;
|
|
8
|
+
};
|
|
9
|
+
resetError: () => void;
|
|
10
|
+
componentDidCatch(error: any, info: any): void;
|
|
11
|
+
}
|
|
12
|
+
import React from "react";
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as Sentry from "@sentry/react-native";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ErrorPage } from "./ErrorPage";
|
|
4
|
+
export class ErrorBoundary extends React.Component {
|
|
5
|
+
constructor() {
|
|
6
|
+
super(...arguments);
|
|
7
|
+
this.state = { error: undefined };
|
|
8
|
+
this.resetError = () => {
|
|
9
|
+
this.setState({ error: undefined });
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
static getDerivedStateFromError(error) {
|
|
13
|
+
console.warn("[ErrorBoundary] Derived error", error);
|
|
14
|
+
return { error };
|
|
15
|
+
}
|
|
16
|
+
componentDidCatch(error, info) {
|
|
17
|
+
console.warn("[ErrorBoundary] Caught error", error);
|
|
18
|
+
Sentry.captureException(error);
|
|
19
|
+
if (this.props.onError) {
|
|
20
|
+
this.props.onError(error, info.componentStack);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
const error = this.state.error;
|
|
25
|
+
if (error) {
|
|
26
|
+
return React.createElement(ErrorPage, { error: error, resetError: this.resetError });
|
|
27
|
+
}
|
|
28
|
+
return this.props.children;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=ErrorBoundary.js.map
|
|
32
|
+
//# sourceMappingURL=ErrorBoundary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/dist/ErrorBoundary.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAS;IAC9C;QACI,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC;IACN,CAAC;IACD,MAAM,CAAC,wBAAwB,CAAC,KAAK;QACjC,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,EAAE,KAAK,EAAE,CAAC;IACrB,CAAC;IACD,iBAAiB,CAAC,KAAK,EAAE,IAAI;QACzB,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SAClD;IACL,CAAC;IACD,MAAM;QACF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,KAAK,EAAE;YACP,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;SACxF;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ;AACD,yCAAyC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Box } from "./Box";
|
|
3
|
+
import { Button } from "./Button";
|
|
4
|
+
import { Text } from "./Text";
|
|
5
|
+
export class ErrorPage extends React.Component {
|
|
6
|
+
constructor(props) {
|
|
7
|
+
super(props);
|
|
8
|
+
this.state = {};
|
|
9
|
+
}
|
|
10
|
+
render() {
|
|
11
|
+
return (React.createElement(Box, { height: "100%", width: "100%", display: "flex", justifyContent: "center", alignItems: "center", direction: "column", padding: 6 }, React.createElement(Text, { color: "red", size: "lg", weight: "bold", align: "center" }, "Oops!"), React.createElement(Box, { paddingY: 3 }, React.createElement(Text, { align: "center" }, "There's an error. Sorry! Josh just got a notification about the error so he can fix it as soon as possible!")), React.createElement(Box, { paddingY: 3 }, React.createElement(Text, null, this.props.error.toString())), React.createElement(Button, { text: "Try again", color: "blue", onClick: this.props.resetError })));
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=ErrorPage.js.map
|
|
15
|
+
//# sourceMappingURL=ErrorPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../src/dist/ErrorPage.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAS;IAC1C,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,EAChK,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,OAAO,CAAC,EACjG,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EACpC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,6GAA6G,CAAC,CAAC,EAClK,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EACpC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EACjE,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5G,CAAC;CACJ;AACD,qCAAqC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export class Field extends React.Component<any, any, any> {
|
|
2
|
+
constructor(props: any);
|
|
3
|
+
handleChange: (value: any) => void;
|
|
4
|
+
handleSwitchChange: (value: any) => void;
|
|
5
|
+
validate: () => boolean;
|
|
6
|
+
state: {
|
|
7
|
+
value: any;
|
|
8
|
+
};
|
|
9
|
+
UNSAFE_componentWillReceiveProps(nextProps: any): void;
|
|
10
|
+
renderField(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | React.CElement<import("./SelectList").SelectListProps, SelectList> | React.CElement<import("./Common").TextFieldProps, TextArea> | React.CElement<import("./Common").SwitchProps, Switch> | null;
|
|
11
|
+
render(): React.CElement<import("./Common").BoxProps, Box>;
|
|
12
|
+
}
|
|
13
|
+
import React from "react";
|
|
14
|
+
import { SelectList } from "./SelectList";
|
|
15
|
+
import { TextArea } from "./TextArea";
|
|
16
|
+
import { Switch } from "./Switch";
|
|
17
|
+
import { Box } from "./Box";
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import isDate from "lodash/isDate";
|
|
2
|
+
import isNumber from "lodash/isNumber";
|
|
3
|
+
import moment from "moment-timezone";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Box } from "./Box";
|
|
6
|
+
import { FieldWithLabels } from "./FieldWithLabels";
|
|
7
|
+
import { SelectList } from "./SelectList";
|
|
8
|
+
import { Switch } from "./Switch";
|
|
9
|
+
import { TextArea } from "./TextArea";
|
|
10
|
+
import { TextField } from "./TextField";
|
|
11
|
+
export class Field extends React.Component {
|
|
12
|
+
constructor(props) {
|
|
13
|
+
super(props);
|
|
14
|
+
this.handleChange = (value) => {
|
|
15
|
+
if (this.props.type === "currency") {
|
|
16
|
+
value = value.replace("$", "");
|
|
17
|
+
}
|
|
18
|
+
else if (this.props.type === "percent") {
|
|
19
|
+
value = value.replace("%", "");
|
|
20
|
+
}
|
|
21
|
+
this.setState({ value });
|
|
22
|
+
if (this.props.handleChange) {
|
|
23
|
+
this.props.handleChange(this.props.name, value);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
this.handleSwitchChange = (value) => {
|
|
27
|
+
this.setState({ value });
|
|
28
|
+
if (this.props.handleChange) {
|
|
29
|
+
this.props.handleChange(this.props.name, value);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
this.validate = () => {
|
|
33
|
+
// console.log("VALIDATE", this.props.validate && this.props.validate(this.state.value));
|
|
34
|
+
if (this.props.validate && !this.props.validate(this.state.value)) {
|
|
35
|
+
return false;
|
|
36
|
+
}
|
|
37
|
+
switch (this.props.type) {
|
|
38
|
+
case "boolean":
|
|
39
|
+
return true;
|
|
40
|
+
case "currency":
|
|
41
|
+
return true;
|
|
42
|
+
case "date":
|
|
43
|
+
return !this.state.value || isDate(this.state.value);
|
|
44
|
+
case "email":
|
|
45
|
+
return (!this.state.value ||
|
|
46
|
+
(this.state.value.search("@") > -1 && this.state.value.search(".") > -1));
|
|
47
|
+
case "number":
|
|
48
|
+
return !this.state.value || isNumber(this.state.value);
|
|
49
|
+
case "password":
|
|
50
|
+
return true;
|
|
51
|
+
case "percent":
|
|
52
|
+
return !this.state.value || isNumber(this.state.value.replace("%", ""));
|
|
53
|
+
case "select":
|
|
54
|
+
return true;
|
|
55
|
+
case "text":
|
|
56
|
+
case undefined: // text is default
|
|
57
|
+
return true;
|
|
58
|
+
case "textarea":
|
|
59
|
+
return true;
|
|
60
|
+
case "url":
|
|
61
|
+
return true;
|
|
62
|
+
default:
|
|
63
|
+
return true;
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
this.state = { value: props.initialValue || "" };
|
|
67
|
+
}
|
|
68
|
+
UNSAFE_componentWillReceiveProps(nextProps) {
|
|
69
|
+
if (nextProps.initialValue !== this.state.value) {
|
|
70
|
+
this.setState({ value: nextProps.initialValue });
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
renderField() {
|
|
74
|
+
if (this.props.type === "select") {
|
|
75
|
+
if (!this.props.options) {
|
|
76
|
+
console.error("Field with type=select require options");
|
|
77
|
+
return null;
|
|
78
|
+
}
|
|
79
|
+
return (React.createElement(SelectList, { id: this.props.name, options: this.props.options, onChange: this.handleChange, value: this.state.value, disabled: this.props.disabled }));
|
|
80
|
+
}
|
|
81
|
+
else if (this.props.type === "textarea") {
|
|
82
|
+
return (React.createElement(TextArea, { id: this.props.name, placeholder: this.props.placeholder, onChange: ({ value }) => this.handleChange(value), value: String(this.state.value), disabled: this.props.disabled, rows: this.props.rows }));
|
|
83
|
+
}
|
|
84
|
+
else if (this.props.type === "boolean") {
|
|
85
|
+
return (React.createElement(Switch, { id: this.props.name, switched: Boolean(this.state.value), disabled: this.props.disabled, name: this.props.name, onChange: (result) => this.handleSwitchChange(result) }));
|
|
86
|
+
}
|
|
87
|
+
else if (this.props.type === "date") {
|
|
88
|
+
let value = this.state.value.seconds
|
|
89
|
+
? moment(this.state.value.seconds * 1000)
|
|
90
|
+
: moment(this.state.value);
|
|
91
|
+
return (React.createElement(TextField, { id: this.props.name, placeholder: this.props.placeholder, onChange: (result) => this.handleChange(result.value), value: value.format("MM/DD/YYYY HH:mmA"),
|
|
92
|
+
// TODO: allow editing with a date picker
|
|
93
|
+
disabled: true, type: "text" }));
|
|
94
|
+
}
|
|
95
|
+
else {
|
|
96
|
+
let type = "text";
|
|
97
|
+
// Number is supported differently because we need fractional numbers and they don't work
|
|
98
|
+
// well on iOS.
|
|
99
|
+
if (this.props.type && ["date", "email", "password", "url"].indexOf(this.props.type) > -1) {
|
|
100
|
+
type = this.props.type;
|
|
101
|
+
}
|
|
102
|
+
else if (this.props.type === "percent" || this.props.type === "currency") {
|
|
103
|
+
type = "text";
|
|
104
|
+
}
|
|
105
|
+
let autoComplete = "on";
|
|
106
|
+
if (type === "password") {
|
|
107
|
+
autoComplete = "current-password";
|
|
108
|
+
}
|
|
109
|
+
else if (type === "email") {
|
|
110
|
+
autoComplete = "username";
|
|
111
|
+
}
|
|
112
|
+
let value = String(this.state.value);
|
|
113
|
+
// if (this.props.type === "percent") {
|
|
114
|
+
// value = `${Number(this.state.value).toFixed(0)}%`;
|
|
115
|
+
// } else if (this.props.type === "currency") {
|
|
116
|
+
// value = `$${Number(value).toFixed(2)}`;
|
|
117
|
+
// }
|
|
118
|
+
// console.log("VAL", value);
|
|
119
|
+
return (React.createElement(TextField, { id: this.props.name, placeholder: this.props.placeholder, autoComplete: autoComplete, onChange: (result) => this.handleChange(result.value), value: value, disabled: this.props.disabled, type: type }));
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
render() {
|
|
123
|
+
let children = this.renderField();
|
|
124
|
+
const { errorMessage, errorMessageColor, helperText, helperTextColor, label, labelColor, } = this.props;
|
|
125
|
+
return (React.createElement(Box, { marginBottom: 5 }, React.createElement(FieldWithLabels, Object.assign({}, {
|
|
126
|
+
errorMessage,
|
|
127
|
+
errorMessageColor,
|
|
128
|
+
helperText,
|
|
129
|
+
helperTextColor,
|
|
130
|
+
label,
|
|
131
|
+
labelColor,
|
|
132
|
+
}), children)));
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
//# sourceMappingURL=Field.js.map
|
|
136
|
+
//# sourceMappingURL=Field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/dist/Field.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Field } from "./Field";
|
|
3
|
+
import { storiesOf } from "@storybook/react-native";
|
|
4
|
+
import { StorybookContainer } from "./StorybookContainer";
|
|
5
|
+
export default {
|
|
6
|
+
title: "Field",
|
|
7
|
+
component: Field,
|
|
8
|
+
};
|
|
9
|
+
storiesOf("Field", module)
|
|
10
|
+
.add("TextField", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Text Field", type: "text", name: "text", helperText: "Here's some help text", initialValue: "Pre-filled text", handleChange: () => { } }), React.createElement(Field, { label: "Disabled Field", type: "text", name: "text", disabled: true, helperText: "Here's some help text", initialValue: "Pre-filled text", handleChange: () => { } }))))
|
|
11
|
+
.add("Boolean Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Boolean Field", type: "boolean", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
|
|
12
|
+
.add("Email Text Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Email Field", type: "email", name: "text", helperText: "Here's some help text", handleChange: () => { } }), React.createElement(Field, { label: "Email Field With Extra Validation", type: "email", name: "text", helperText: "Requires @example.com", handleChange: () => { }, validate: (value) => value.search("@example.com") > -1, validateErrorMessage: "Must be an example.com email" }))))
|
|
13
|
+
.add("Text Area Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "TextArea Field", type: "textarea", name: "text", helperText: "Here's some help text", handleChange: () => { } }), React.createElement(Field, { label: "Large TextArea ", type: "textarea", name: "text", rows: 10, helperText: "Here's some help text", handleChange: () => { } }))))
|
|
14
|
+
.add("Number Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Number Field", type: "number", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
|
|
15
|
+
.add("Currency Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Currency Field", type: "currency", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
|
|
16
|
+
.add("Percent Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Percent Field", type: "percent", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
|
|
17
|
+
.add("Select Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Select Field", type: "select", name: "text", helperText: "Here's some help text", handleChange: () => { }, options: [
|
|
18
|
+
{ label: "Option 1", value: "Option 1" },
|
|
19
|
+
{ label: "Option 2", value: "Option 2" },
|
|
20
|
+
] }))))
|
|
21
|
+
.add("Password Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Password Field", type: "password", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
|
|
22
|
+
.add("URL Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Url Field", type: "url", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
|
|
23
|
+
.add("Date Field", () => (React.createElement(StorybookContainer, null, React.createElement(Field, { label: "Date Field", type: "date", name: "text", helperText: "Here's some help text", handleChange: () => { } }))));
|
|
24
|
+
//# sourceMappingURL=Field.stories.js.map
|
|
25
|
+
//# sourceMappingURL=Field.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Field.stories.js","sourceRoot":"","sources":["../../src/dist/Field.stories.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export function FieldWithLabels({ children, errorMessage, errorMessageColor, helperText, helperTextColor, label, labelColor, }: {
|
|
2
|
+
children: any;
|
|
3
|
+
errorMessage: any;
|
|
4
|
+
errorMessageColor?: string | undefined;
|
|
5
|
+
helperText: any;
|
|
6
|
+
helperTextColor?: string | undefined;
|
|
7
|
+
label: any;
|
|
8
|
+
labelColor?: string | undefined;
|
|
9
|
+
}): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
10
|
+
import React from "react";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { WithLabel } from "./WithLabel";
|
|
3
|
+
export function FieldWithLabels({ children, errorMessage, errorMessageColor = "red", helperText, helperTextColor = "darkGray", label, labelColor = "darkGray", }) {
|
|
4
|
+
return (React.createElement(WithLabel, { show: Boolean(helperText), label: helperText, labelPlacement: "after", labelSize: "sm", labelColor: helperTextColor }, React.createElement(WithLabel, { show: Boolean(errorMessage), label: errorMessage, labelPlacement: "after", labelSize: "md", labelColor: errorMessageColor }, React.createElement(WithLabel, { show: Boolean(label), label: label, labelColor: labelColor }, children))));
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=FieldWithLabels.js.map
|
|
7
|
+
//# sourceMappingURL=FieldWithLabels.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldWithLabels.js","sourceRoot":"","sources":["../../src/dist/FieldWithLabels.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,iBAAiB,GAAG,KAAK,EAAE,UAAU,EAAE,eAAe,GAAG,UAAU,EAAE,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG;IAC5J,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,EAC1J,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,iBAAiB,EAAE,EACxJ,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACxH,CAAC;AACD,2CAA2C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FlatList };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FlatList.js","sourceRoot":"","sources":["../../src/dist/FlatList.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,oCAAoC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export class FormLine extends React.Component<any, any, any> {
|
|
2
|
+
constructor(props: any);
|
|
3
|
+
state: {
|
|
4
|
+
editing: boolean;
|
|
5
|
+
value: string;
|
|
6
|
+
};
|
|
7
|
+
renderMultiBoolean(): React.FunctionComponentElement<{}>;
|
|
8
|
+
renderBooleanField(): React.FunctionComponentElement<{}>;
|
|
9
|
+
renderTextField(): React.FunctionComponentElement<{}>;
|
|
10
|
+
renderTextArea(): React.FunctionComponentElement<{}>;
|
|
11
|
+
renderSelect(): React.FunctionComponentElement<{}>;
|
|
12
|
+
render(): React.CElement<import("./Common").BoxProps, Box>;
|
|
13
|
+
}
|
|
14
|
+
import React from "react";
|
|
15
|
+
import { Box } from "./Box";
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Box } from "./Box";
|
|
3
|
+
import { Text } from "./Text";
|
|
4
|
+
import { Switch } from "./Switch";
|
|
5
|
+
import { TextField } from "./TextField";
|
|
6
|
+
import { TextArea } from "./TextArea";
|
|
7
|
+
import { Button } from "./Button";
|
|
8
|
+
import { SelectList } from "./SelectList";
|
|
9
|
+
import { IconButton } from "./IconButton";
|
|
10
|
+
function objToJoinedString(obj) {
|
|
11
|
+
return Object.keys(obj || {})
|
|
12
|
+
.map((k) => (obj[k] ? k : undefined))
|
|
13
|
+
.filter((v) => v)
|
|
14
|
+
.join(", ");
|
|
15
|
+
}
|
|
16
|
+
export class FormLine extends React.Component {
|
|
17
|
+
constructor(props) {
|
|
18
|
+
super(props);
|
|
19
|
+
this.state = { editing: false, value: "" };
|
|
20
|
+
}
|
|
21
|
+
renderMultiBoolean() {
|
|
22
|
+
return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(Box, { display: "flex", direction: "column" }, Object.keys(this.props.value).map((k) => (React.createElement(React.Fragment, null, React.createElement(Text, { weight: "bold" }, k), React.createElement(Switch, { switched: this.state.value[k], onChange: () => this.setState({ value: Object.assign(Object.assign({}, this.state.value), { [k]: !this.state.value[k] }) }), id: k })))))));
|
|
23
|
+
}
|
|
24
|
+
renderBooleanField() {
|
|
25
|
+
return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(Switch, { switched: this.state.value, onChange: () => this.setState({ value: !this.state.value }), id: this.props.name })));
|
|
26
|
+
}
|
|
27
|
+
renderTextField() {
|
|
28
|
+
return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(TextField, { value: this.state.value, onChange: (result) => this.setState({ value: result.value }), id: this.props.name })));
|
|
29
|
+
}
|
|
30
|
+
renderTextArea() {
|
|
31
|
+
return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(TextArea, { value: this.state.value, onChange: (result) => this.setState({ value: result.value }), id: this.props.name }), React.createElement(Button, { size: "sm", text: "Save", onClick: () => this.props.onSave(this.state.value) })));
|
|
32
|
+
}
|
|
33
|
+
renderSelect() {
|
|
34
|
+
return (React.createElement(React.Fragment, null, React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name)), React.createElement(SelectList, { id: this.props.name, options: (this.props.options || []).map((o) => ({ label: o !== null && o !== void 0 ? o : "---", value: o })), value: this.state.value, onChange: (result) => {
|
|
35
|
+
this.setState({ value: result });
|
|
36
|
+
} })));
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
if (!this.state.editing) {
|
|
40
|
+
let text = this.props.value;
|
|
41
|
+
if (text === undefined) {
|
|
42
|
+
text = " - ";
|
|
43
|
+
}
|
|
44
|
+
if (typeof text === "object") {
|
|
45
|
+
text = objToJoinedString(text);
|
|
46
|
+
}
|
|
47
|
+
return (React.createElement(Box, { display: "flex", direction: "row" }, React.createElement(IconButton, { iconColor: "darkGray", prefix: "far", size: "xs", accessibilityLabel: "edit", icon: "edit", onClick: () => this.setState({ editing: true, value: this.props.value }) }), React.createElement(Box, { marginRight: 2 }, React.createElement(Text, { weight: "bold" }, this.props.name, ": ")), React.createElement(Text, null, text)));
|
|
48
|
+
}
|
|
49
|
+
return (React.createElement(Box, { display: "flex", direction: "row" }, React.createElement(IconButton, { iconColor: "darkGray", prefix: "far", size: "xs", accessibilityLabel: "edit", icon: "cancel", onClick: () => this.setState({ editing: false }) }), this.props.kind === "boolean" && this.renderBooleanField(), this.props.kind === "multiboolean" && this.renderMultiBoolean(), this.props.kind === "string" && this.renderTextField(), this.props.kind === "textarea" && this.renderTextArea(), this.props.kind === "select" && this.renderSelect(), React.createElement(Box, { width: 60 }, React.createElement(Button, { color: "blue", size: "sm", text: "Save", onClick: () => {
|
|
50
|
+
this.props.onSave(this.state.value);
|
|
51
|
+
this.setState({ editing: false });
|
|
52
|
+
} }))));
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=Form.js.map
|
|
56
|
+
//# sourceMappingURL=Form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/dist/Form.js"],"names":[],"mappings":"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"}
|