ferns-ui 0.2.2 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionSheet.js.map +1 -1
- package/dist/Common.d.ts +1 -1
- package/dist/DateTimeActionSheet.js.map +1 -1
- package/dist/DecimalRangeActionSheet.js.map +1 -1
- package/dist/ErrorBoundary.d.ts +1 -1
- package/dist/Field.d.ts +12 -14
- package/dist/Field.js +95 -98
- package/dist/Field.js.map +1 -1
- package/dist/Form.d.ts +1 -1
- package/dist/HeightActionSheet.js.map +1 -1
- package/dist/Hyperlink.d.ts +43 -0
- package/dist/Hyperlink.js +135 -0
- package/dist/Hyperlink.js.map +1 -0
- package/dist/NumberPickerActionSheet.js.map +1 -1
- package/dist/PickerSelect.d.ts +4 -4
- package/dist/SelectList.d.ts +1 -1
- package/dist/SelectList.js.map +1 -1
- package/dist/SplitPage.js.map +1 -1
- package/dist/Text.js +2 -6
- package/dist/Text.js.map +1 -1
- package/dist/TextField.js.map +1 -1
- package/dist/TextFieldNumberActionSheet.js.map +1 -1
- package/dist/Unifier.js +5 -11
- package/dist/Unifier.js.map +1 -1
- package/package.json +28 -27
- package/src/Field.tsx +91 -98
- package/src/Form.tsx +1 -1
- package/src/Hyperlink.tsx +181 -0
- package/src/SelectList.tsx +2 -1
- package/src/Text.tsx +4 -5
- package/src/TextFieldNumberActionSheet.tsx +1 -1
- package/src/Unifier.ts +4 -2
- package/dist/Banner.stories.d.ts +0 -1
- package/dist/Banner.stories.js +0 -13
- package/dist/Banner.stories.js.map +0 -1
- package/dist/Box.stories.d.ts +0 -1
- package/dist/Box.stories.js +0 -45
- package/dist/Box.stories.js.map +0 -1
- package/dist/Button.stories.d.ts +0 -1
- package/dist/Button.stories.js +0 -41
- package/dist/Button.stories.js.map +0 -1
- package/dist/Card.stories.d.ts +0 -6
- package/dist/Card.stories.js +0 -18
- package/dist/Card.stories.js.map +0 -1
- package/dist/CheckBox.stories.d.ts +0 -1
- package/dist/CheckBox.stories.js +0 -28
- package/dist/CheckBox.stories.js.map +0 -1
- package/dist/Field.stories.d.ts +0 -6
- package/dist/Field.stories.js +0 -38
- package/dist/Field.stories.js.map +0 -1
- package/dist/Form.stories.d.ts +0 -6
- package/dist/Form.stories.js +0 -36
- package/dist/Form.stories.js.map +0 -1
- package/dist/HeaderButtons.stories.d.ts +0 -6
- package/dist/HeaderButtons.stories.js +0 -6
- package/dist/HeaderButtons.stories.js.map +0 -1
- package/dist/Heading.stories.d.ts +0 -1
- package/dist/Heading.stories.js +0 -22
- package/dist/Heading.stories.js.map +0 -1
- package/dist/Icon.stories.d.ts +0 -1
- package/dist/Icon.stories.js +0 -30
- package/dist/Icon.stories.js.map +0 -1
- package/dist/IconButton.stories.d.ts +0 -1
- package/dist/IconButton.stories.js +0 -16
- package/dist/IconButton.stories.js.map +0 -1
- package/dist/Link.stories.d.ts +0 -1
- package/dist/Link.stories.js +0 -18
- package/dist/Link.stories.js.map +0 -1
- package/dist/Mask.stories.d.ts +0 -1
- package/dist/Mask.stories.js +0 -28
- package/dist/Mask.stories.js.map +0 -1
- package/dist/Pill.stories.d.ts +0 -1
- package/dist/Pill.stories.js +0 -38
- package/dist/Pill.stories.js.map +0 -1
- package/dist/SegmentedControl.stories.d.ts +0 -1
- package/dist/SegmentedControl.stories.js +0 -31
- package/dist/SegmentedControl.stories.js.map +0 -1
- package/dist/SelectList.stories.d.ts +0 -1
- package/dist/SelectList.stories.js +0 -26
- package/dist/SelectList.stories.js.map +0 -1
- package/dist/Spinner.stories.d.ts +0 -1
- package/dist/Spinner.stories.js +0 -12
- package/dist/Spinner.stories.js.map +0 -1
- package/dist/SplitPage.stories.d.ts +0 -1
- package/dist/SplitPage.stories.js +0 -15
- package/dist/SplitPage.stories.js.map +0 -1
- package/dist/StorybookContainer.d.ts +0 -4
- package/dist/StorybookContainer.js +0 -8
- package/dist/StorybookContainer.js.map +0 -1
- package/dist/Switch.stories.d.ts +0 -1
- package/dist/Switch.stories.js +0 -34
- package/dist/Switch.stories.js.map +0 -1
- package/dist/Text.stories.d.ts +0 -1
- package/dist/Text.stories.js +0 -37
- package/dist/Text.stories.js.map +0 -1
- package/dist/TextArea.stories.d.ts +0 -10
- package/dist/TextArea.stories.js +0 -24
- package/dist/TextArea.stories.js.map +0 -1
- package/dist/TextField.stories.d.ts +0 -6
- package/dist/TextField.stories.js +0 -18
- package/dist/TextField.stories.js.map +0 -1
- package/dist/dist/ActionSheet.d.ts +0 -139
- package/dist/dist/ActionSheet.js +0 -637
- package/dist/dist/ActionSheet.js.map +0 -1
- package/dist/dist/Banner.d.ts +0 -12
- package/dist/dist/Banner.js +0 -49
- package/dist/dist/Banner.js.map +0 -1
- package/dist/dist/Banner.stories.d.ts +0 -1
- package/dist/dist/Banner.stories.js +0 -9
- package/dist/dist/Banner.stories.js.map +0 -1
- package/dist/dist/BlurBox.d.ts +0 -7
- package/dist/dist/BlurBox.js +0 -29
- package/dist/dist/BlurBox.js.map +0 -1
- package/dist/dist/BlurBox.native.d.ts +0 -9
- package/dist/dist/BlurBox.native.js +0 -32
- package/dist/dist/BlurBox.native.js.map +0 -1
- package/dist/dist/Body.d.ts +0 -12
- package/dist/dist/Body.js +0 -19
- package/dist/dist/Body.js.map +0 -1
- package/dist/dist/Box.d.ts +0 -205
- package/dist/dist/Box.js +0 -229
- package/dist/dist/Box.js.map +0 -1
- package/dist/dist/Box.stories.d.ts +0 -1
- package/dist/dist/Box.stories.js +0 -37
- package/dist/dist/Box.stories.js.map +0 -1
- package/dist/dist/Button.d.ts +0 -16
- package/dist/dist/Button.js +0 -98
- package/dist/dist/Button.js.map +0 -1
- package/dist/dist/Button.stories.d.ts +0 -13
- package/dist/dist/Button.stories.js +0 -26
- package/dist/dist/Button.stories.js.map +0 -1
- package/dist/dist/Card.d.ts +0 -6
- package/dist/dist/Card.js +0 -9
- package/dist/dist/Card.js.map +0 -1
- package/dist/dist/Card.stories.d.ts +0 -6
- package/dist/dist/Card.stories.js +0 -11
- package/dist/dist/Card.stories.js.map +0 -1
- package/dist/dist/CheckBox.d.ts +0 -8
- package/dist/dist/CheckBox.js +0 -23
- package/dist/dist/CheckBox.js.map +0 -1
- package/dist/dist/CheckBox.stories.d.ts +0 -1
- package/dist/dist/CheckBox.stories.js +0 -22
- package/dist/dist/CheckBox.stories.js.map +0 -1
- package/dist/dist/Common.d.ts +0 -5
- package/dist/dist/Common.js +0 -47
- package/dist/dist/Common.js.map +0 -1
- package/dist/dist/DateTimeActionSheet.d.ts +0 -5
- package/dist/dist/DateTimeActionSheet.js +0 -24
- package/dist/dist/DateTimeActionSheet.js.map +0 -1
- package/dist/dist/DecimalRangeActionSheet.d.ts +0 -9
- package/dist/dist/DecimalRangeActionSheet.js +0 -57
- package/dist/dist/DecimalRangeActionSheet.js.map +0 -1
- package/dist/dist/ErrorBoundary.d.ts +0 -12
- package/dist/dist/ErrorBoundary.js +0 -32
- package/dist/dist/ErrorBoundary.js.map +0 -1
- package/dist/dist/ErrorPage.d.ts +0 -7
- package/dist/dist/ErrorPage.js +0 -15
- package/dist/dist/ErrorPage.js.map +0 -1
- package/dist/dist/Field.d.ts +0 -17
- package/dist/dist/Field.js +0 -136
- package/dist/dist/Field.js.map +0 -1
- package/dist/dist/Field.stories.d.ts +0 -6
- package/dist/dist/Field.stories.js +0 -25
- package/dist/dist/Field.stories.js.map +0 -1
- package/dist/dist/FieldWithLabels.d.ts +0 -10
- package/dist/dist/FieldWithLabels.js +0 -7
- package/dist/dist/FieldWithLabels.js.map +0 -1
- package/dist/dist/FlatList.d.ts +0 -1
- package/dist/dist/FlatList.js +0 -4
- package/dist/dist/FlatList.js.map +0 -1
- package/dist/dist/Form.d.ts +0 -15
- package/dist/dist/Form.js +0 -56
- package/dist/dist/Form.js.map +0 -1
- package/dist/dist/Form.stories.d.ts +0 -6
- package/dist/dist/Form.stories.js +0 -27
- package/dist/dist/Form.stories.js.map +0 -1
- package/dist/dist/HeaderButtons.d.ts +0 -39
- package/dist/dist/HeaderButtons.js +0 -50
- package/dist/dist/HeaderButtons.js.map +0 -1
- package/dist/dist/HeaderButtons.stories.d.ts +0 -6
- package/dist/dist/HeaderButtons.stories.js +0 -7
- package/dist/dist/HeaderButtons.stories.js.map +0 -1
- package/dist/dist/Heading.d.ts +0 -32
- package/dist/dist/Heading.js +0 -47
- package/dist/dist/Heading.js.map +0 -1
- package/dist/dist/Heading.stories.d.ts +0 -1
- package/dist/dist/Heading.stories.js +0 -11
- package/dist/dist/Heading.stories.js.map +0 -1
- package/dist/dist/HeightActionSheet.d.ts +0 -9
- package/dist/dist/HeightActionSheet.js +0 -50
- package/dist/dist/HeightActionSheet.js.map +0 -1
- package/dist/dist/Icon.d.ts +0 -12
- package/dist/dist/Icon.js +0 -126
- package/dist/dist/Icon.js.map +0 -1
- package/dist/dist/Icon.stories.d.ts +0 -1
- package/dist/dist/Icon.stories.js +0 -11
- package/dist/dist/Icon.stories.js.map +0 -1
- package/dist/dist/IconButton.d.ts +0 -42
- package/dist/dist/IconButton.js +0 -41
- package/dist/dist/IconButton.js.map +0 -1
- package/dist/dist/IconButton.stories.d.ts +0 -1
- package/dist/dist/IconButton.stories.js +0 -8
- package/dist/dist/IconButton.stories.js.map +0 -1
- package/dist/dist/Image.d.ts +0 -9
- package/dist/dist/Image.js +0 -37
- package/dist/dist/Image.js.map +0 -1
- package/dist/dist/ImageBackground.d.ts +0 -6
- package/dist/dist/ImageBackground.js +0 -9
- package/dist/dist/ImageBackground.js.map +0 -1
- package/dist/dist/Layer.d.ts +0 -5
- package/dist/dist/Layer.js +0 -13
- package/dist/dist/Layer.js.map +0 -1
- package/dist/dist/Link.d.ts +0 -7
- package/dist/dist/Link.js +0 -13
- package/dist/dist/Link.js.map +0 -1
- package/dist/dist/Link.stories.d.ts +0 -1
- package/dist/dist/Link.stories.js +0 -8
- package/dist/dist/Link.stories.js.map +0 -1
- package/dist/dist/Mask.d.ts +0 -5
- package/dist/dist/Mask.js +0 -23
- package/dist/dist/Mask.js.map +0 -1
- package/dist/dist/Mask.stories.d.ts +0 -1
- package/dist/dist/Mask.stories.js +0 -13
- package/dist/dist/Mask.stories.js.map +0 -1
- package/dist/dist/MediaQuery.d.ts +0 -2
- package/dist/dist/MediaQuery.js +0 -34
- package/dist/dist/MediaQuery.js.map +0 -1
- package/dist/dist/Meta.d.ts +0 -6
- package/dist/dist/Meta.js +0 -8
- package/dist/dist/Meta.js.map +0 -1
- package/dist/dist/ModalSheet.d.ts +0 -3
- package/dist/dist/ModalSheet.js +0 -43
- package/dist/dist/ModalSheet.js.map +0 -1
- package/dist/dist/NumberPickerActionSheet.d.ts +0 -5
- package/dist/dist/NumberPickerActionSheet.js +0 -25
- package/dist/dist/NumberPickerActionSheet.js.map +0 -1
- package/dist/dist/Page.d.ts +0 -9
- package/dist/dist/Page.js +0 -26
- package/dist/dist/Page.js.map +0 -1
- package/dist/dist/Permissions.d.ts +0 -1
- package/dist/dist/Permissions.js +0 -36
- package/dist/dist/Permissions.js.map +0 -1
- package/dist/dist/PickerSelect.d.ts +0 -172
- package/dist/dist/PickerSelect.js +0 -403
- package/dist/dist/PickerSelect.js.map +0 -1
- package/dist/dist/Pill.d.ts +0 -7
- package/dist/dist/Pill.js +0 -10
- package/dist/dist/Pill.js.map +0 -1
- package/dist/dist/Pill.stories.d.ts +0 -1
- package/dist/dist/Pill.stories.js +0 -36
- package/dist/dist/Pill.stories.js.map +0 -1
- package/dist/dist/Pog.d.ts +0 -7
- package/dist/dist/Pog.js +0 -144
- package/dist/dist/Pog.js.map +0 -1
- package/dist/dist/ProgressBar.d.ts +0 -16
- package/dist/dist/ProgressBar.js +0 -40
- package/dist/dist/ProgressBar.js.map +0 -1
- package/dist/dist/ScrollView.d.ts +0 -1
- package/dist/dist/ScrollView.js +0 -4
- package/dist/dist/ScrollView.js.map +0 -1
- package/dist/dist/SegmentedControl.d.ts +0 -9
- package/dist/dist/SegmentedControl.js +0 -18
- package/dist/dist/SegmentedControl.js.map +0 -1
- package/dist/dist/SegmentedControl.stories.d.ts +0 -1
- package/dist/dist/SegmentedControl.stories.js +0 -32
- package/dist/dist/SegmentedControl.stories.js.map +0 -1
- package/dist/dist/SelectList.d.ts +0 -9
- package/dist/dist/SelectList.js +0 -29
- package/dist/dist/SelectList.js.map +0 -1
- package/dist/dist/SelectList.stories.d.ts +0 -1
- package/dist/dist/SelectList.stories.js +0 -24
- package/dist/dist/SelectList.stories.js.map +0 -1
- package/dist/dist/Spinner.d.ts +0 -44
- package/dist/dist/Spinner.js +0 -58
- package/dist/dist/Spinner.js.map +0 -1
- package/dist/dist/Spinner.stories.d.ts +0 -1
- package/dist/dist/Spinner.stories.js +0 -10
- package/dist/dist/Spinner.stories.js.map +0 -1
- package/dist/dist/SplitPage.d.ts +0 -7
- package/dist/dist/SplitPage.js +0 -20
- package/dist/dist/SplitPage.js.map +0 -1
- package/dist/dist/SplitPage.stories.d.ts +0 -1
- package/dist/dist/SplitPage.stories.js +0 -7
- package/dist/dist/SplitPage.stories.js.map +0 -1
- package/dist/dist/StorybookContainer.d.ts +0 -7
- package/dist/dist/StorybookContainer.js +0 -9
- package/dist/dist/StorybookContainer.js.map +0 -1
- package/dist/dist/Switch.d.ts +0 -6
- package/dist/dist/Switch.js +0 -10
- package/dist/dist/Switch.js.map +0 -1
- package/dist/dist/Switch.stories.d.ts +0 -1
- package/dist/dist/Switch.stories.js +0 -27
- package/dist/dist/Switch.stories.js.map +0 -1
- package/dist/dist/TapToEdit.d.ts +0 -9
- package/dist/dist/TapToEdit.js +0 -27
- package/dist/dist/TapToEdit.js.map +0 -1
- package/dist/dist/Text.d.ts +0 -36
- package/dist/dist/Text.js +0 -86
- package/dist/dist/Text.js.map +0 -1
- package/dist/dist/Text.stories.d.ts +0 -1
- package/dist/dist/Text.stories.js +0 -13
- package/dist/dist/Text.stories.js.map +0 -1
- package/dist/dist/TextArea.d.ts +0 -6
- package/dist/dist/TextArea.js +0 -13
- package/dist/dist/TextArea.js.map +0 -1
- package/dist/dist/TextArea.stories.d.ts +0 -12
- package/dist/dist/TextArea.stories.js +0 -21
- package/dist/dist/TextArea.stories.js.map +0 -1
- package/dist/dist/TextField.d.ts +0 -47
- package/dist/dist/TextField.js +0 -199
- package/dist/dist/TextField.js.map +0 -1
- package/dist/dist/TextField.stories.d.ts +0 -6
- package/dist/dist/TextField.stories.js +0 -15
- package/dist/dist/TextField.stories.js.map +0 -1
- package/dist/dist/TextFieldNumberActionSheet.d.ts +0 -5
- package/dist/dist/TextFieldNumberActionSheet.js +0 -24
- package/dist/dist/TextFieldNumberActionSheet.js.map +0 -1
- package/dist/dist/UnifiedScreens.d.ts +0 -2
- package/dist/dist/UnifiedScreens.js +0 -26
- package/dist/dist/UnifiedScreens.js.map +0 -1
- package/dist/dist/Unifier.d.ts +0 -131
- package/dist/dist/Unifier.js +0 -198
- package/dist/dist/Unifier.js.map +0 -1
- package/dist/dist/Utilities.d.ts +0 -51
- package/dist/dist/Utilities.js +0 -77
- package/dist/dist/Utilities.js.map +0 -1
- package/dist/dist/WithLabel.d.ts +0 -6
- package/dist/dist/WithLabel.js +0 -23
- package/dist/dist/WithLabel.js.map +0 -1
- package/dist/dist/index.d.ts +0 -43
- package/dist/dist/index.js +0 -49
- package/dist/dist/index.js.map +0 -1
package/dist/dist/Box.js
DELETED
|
@@ -1,229 +0,0 @@
|
|
|
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 React from "react";
|
|
14
|
-
import { KeyboardAvoidingView, Platform, SafeAreaView, ScrollView, TouchableOpacity, View, } from "react-native";
|
|
15
|
-
import { SPACING } from "./Common";
|
|
16
|
-
import { mediaQueryLargerThan } from "./MediaQuery";
|
|
17
|
-
import { Unifier } from "./Unifier";
|
|
18
|
-
const ALIGN_CONTENT = {
|
|
19
|
-
start: "flex-start",
|
|
20
|
-
end: "flex-end",
|
|
21
|
-
center: "center",
|
|
22
|
-
between: "space-between",
|
|
23
|
-
around: "space-around",
|
|
24
|
-
stretch: "stretch",
|
|
25
|
-
};
|
|
26
|
-
const ALIGN_ITEMS = {
|
|
27
|
-
start: "flex-start",
|
|
28
|
-
end: "flex-end",
|
|
29
|
-
center: "center",
|
|
30
|
-
baseline: "baseline",
|
|
31
|
-
stretch: "stretch",
|
|
32
|
-
};
|
|
33
|
-
const ALIGN_SELF = {
|
|
34
|
-
auto: "auto",
|
|
35
|
-
baseline: "baseline",
|
|
36
|
-
start: "flex-start",
|
|
37
|
-
end: "flex-end",
|
|
38
|
-
center: "center",
|
|
39
|
-
between: "space-between",
|
|
40
|
-
around: "space-around",
|
|
41
|
-
stretch: "stretch",
|
|
42
|
-
};
|
|
43
|
-
export class Box extends React.Component {
|
|
44
|
-
constructor(props) {
|
|
45
|
-
super(props);
|
|
46
|
-
this.BOX_STYLE_MAP = {
|
|
47
|
-
alignItems: (value) => ({ alignItems: ALIGN_ITEMS[value] }),
|
|
48
|
-
alignContent: (value) => ({ alignContent: ALIGN_CONTENT[value] }),
|
|
49
|
-
alignSelf: (value) => ({ alignSelf: ALIGN_SELF[value] }),
|
|
50
|
-
color: (value) => ({ backgroundColor: Unifier.theme[value] }),
|
|
51
|
-
direction: (value) => ({ flexDirection: value, display: "flex" }),
|
|
52
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
53
|
-
smDirection: (value, all) => mediaQueryLargerThan("sm") ? { flexDirection: value, display: "flex" } : {},
|
|
54
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
55
|
-
mdDirection: (value, all) => mediaQueryLargerThan("md") ? { flexDirection: value, display: "flex" } : {},
|
|
56
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
57
|
-
lgDirection: (value, all) => mediaQueryLargerThan("lg") ? { flexDirection: value, display: "flex" } : {},
|
|
58
|
-
display: (value) => {
|
|
59
|
-
return value === "flex" ? { flex: undefined } : { flex: 0, flexDirection: "row" };
|
|
60
|
-
},
|
|
61
|
-
flex: (value) => {
|
|
62
|
-
if (value === "grow") {
|
|
63
|
-
return { flexGrow: 1, flexShrink: 1, display: "flex" };
|
|
64
|
-
}
|
|
65
|
-
else if (value === "shrink") {
|
|
66
|
-
return { flexShrink: 1, display: "flex" };
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
return { flex: 0, display: "flex" };
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
justifyContent: (value) => ({ justifyContent: ALIGN_CONTENT[value] }),
|
|
73
|
-
height: (value) => {
|
|
74
|
-
if (this.props.border && !isNaN(Number(value))) {
|
|
75
|
-
return { height: Number(value) + 2 * 2 };
|
|
76
|
-
}
|
|
77
|
-
else {
|
|
78
|
-
return { height: value };
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
margin: (value) => ({ margin: value * SPACING }),
|
|
82
|
-
marginRight: (value) => ({ marginRight: value * SPACING }),
|
|
83
|
-
marginLeft: (value) => ({ marginLeft: value * SPACING }),
|
|
84
|
-
marginTop: (value) => ({ marginTop: value * SPACING }),
|
|
85
|
-
marginBottom: (value) => ({ marginBottom: value * SPACING }),
|
|
86
|
-
paddingX: (value) => ({ paddingLeft: value * SPACING, paddingRight: value * SPACING }),
|
|
87
|
-
paddingY: (value) => ({ paddingTop: value * SPACING, paddingBottom: value * SPACING }),
|
|
88
|
-
padding: (value) => ({ padding: value * SPACING }),
|
|
89
|
-
position: (value) => ({ position: value }),
|
|
90
|
-
top: (top) => ({ top: top ? 0 : undefined }),
|
|
91
|
-
bottom: (bottom) => ({ bottom: bottom ? 0 : undefined }),
|
|
92
|
-
right: (right) => ({ right: right ? 0 : undefined }),
|
|
93
|
-
left: (left) => ({ left: left ? 0 : undefined }),
|
|
94
|
-
rounding: (rounding, allProps) => {
|
|
95
|
-
if (rounding === "circle") {
|
|
96
|
-
if (!allProps.height && !allProps.width) {
|
|
97
|
-
console.warn("Cannot use Box rounding='circle' without height or width.");
|
|
98
|
-
return { borderRadius: undefined };
|
|
99
|
-
}
|
|
100
|
-
return { borderRadius: allProps.height || allProps.width };
|
|
101
|
-
}
|
|
102
|
-
if (rounding === "pill") {
|
|
103
|
-
return { borderRadius: 999 };
|
|
104
|
-
}
|
|
105
|
-
if (typeof rounding === "number") {
|
|
106
|
-
return { borderRadius: rounding * 4 };
|
|
107
|
-
}
|
|
108
|
-
return { borderRadius: undefined };
|
|
109
|
-
},
|
|
110
|
-
overflow: (value) => {
|
|
111
|
-
if (value === "scrollY" || value === "scroll") {
|
|
112
|
-
return { overflow: "scroll" };
|
|
113
|
-
}
|
|
114
|
-
else if (value === "scollX") {
|
|
115
|
-
return { overflow: "scrollX" };
|
|
116
|
-
}
|
|
117
|
-
return {};
|
|
118
|
-
},
|
|
119
|
-
width: (value) => {
|
|
120
|
-
if (this.props.border && !isNaN(Number(value))) {
|
|
121
|
-
return { width: Number(value) + 2 * 2 };
|
|
122
|
-
}
|
|
123
|
-
else {
|
|
124
|
-
return { width: value };
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
wrap: (value) => ({ flexWrap: value ? "wrap" : "nowrap", alignItems: "flex-start" }),
|
|
128
|
-
shadow: (value) => {
|
|
129
|
-
if (!value) {
|
|
130
|
-
return {};
|
|
131
|
-
}
|
|
132
|
-
if (Platform.OS === "ios" || Platform.OS === "web") {
|
|
133
|
-
return {
|
|
134
|
-
shadowColor: "#999",
|
|
135
|
-
shadowOffset: {
|
|
136
|
-
width: 2,
|
|
137
|
-
height: 2,
|
|
138
|
-
},
|
|
139
|
-
shadowRadius: 2,
|
|
140
|
-
shadowOpacity: 1.0,
|
|
141
|
-
};
|
|
142
|
-
}
|
|
143
|
-
else {
|
|
144
|
-
return { elevation: 4 };
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
border: (value) => {
|
|
148
|
-
if (!value) {
|
|
149
|
-
return {};
|
|
150
|
-
}
|
|
151
|
-
return { borderColor: Unifier.theme[value], borderWidth: 2 };
|
|
152
|
-
},
|
|
153
|
-
};
|
|
154
|
-
this.scrollRef = React.createRef();
|
|
155
|
-
this.scrollToEnd = () => {
|
|
156
|
-
if (this.scrollRef && this.scrollRef.current) {
|
|
157
|
-
// HACK HACK HACK...but it works. Probably need to do some onContentSizeChange or onLayout to
|
|
158
|
-
// avoid this, but it works well enough.
|
|
159
|
-
setTimeout(() => {
|
|
160
|
-
this.scrollRef && this.scrollRef.current && this.scrollRef.current.scrollToEnd();
|
|
161
|
-
}, 50);
|
|
162
|
-
}
|
|
163
|
-
};
|
|
164
|
-
this.scrollTo = (y) => {
|
|
165
|
-
if (this.scrollRef && this.scrollRef.current) {
|
|
166
|
-
// HACK HACK HACK...but it works. Probably need to do some onContentSizeChange or onLayout to
|
|
167
|
-
// avoid this, but it works well enough.
|
|
168
|
-
setTimeout(() => {
|
|
169
|
-
this.scrollRef && this.scrollRef.current && this.scrollRef.current.scrollTo({ y });
|
|
170
|
-
}, 50);
|
|
171
|
-
}
|
|
172
|
-
};
|
|
173
|
-
if (props.scrollRef) {
|
|
174
|
-
this.scrollRef = props.scrollRef;
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
propsToStyle() {
|
|
178
|
-
let style = {};
|
|
179
|
-
for (const prop of Object.keys(this.props)) {
|
|
180
|
-
const value = this.props[prop];
|
|
181
|
-
if (this.BOX_STYLE_MAP[prop]) {
|
|
182
|
-
Object.assign(style, this.BOX_STYLE_MAP[prop](value, this.props));
|
|
183
|
-
}
|
|
184
|
-
else if (prop !== "children" && prop !== "onClick") {
|
|
185
|
-
style[prop] = value;
|
|
186
|
-
// console.warn(`Box: unknown property ${prop}`);
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
if (this.props.wrap && this.props.alignItems) {
|
|
190
|
-
console.warn("React Native doesn't support wrap and alignItems together.");
|
|
191
|
-
}
|
|
192
|
-
// Finally, dangerously set overrides.
|
|
193
|
-
if (this.props.dangerouslySetInlineStyle) {
|
|
194
|
-
style = Object.assign(Object.assign({}, style), this.props.dangerouslySetInlineStyle.__style);
|
|
195
|
-
}
|
|
196
|
-
return style;
|
|
197
|
-
}
|
|
198
|
-
renderBox() {
|
|
199
|
-
return (React.createElement(View, { style: !this.props.scroll && !this.props.overflow && this.propsToStyle() }, this.props.children));
|
|
200
|
-
}
|
|
201
|
-
render() {
|
|
202
|
-
let box;
|
|
203
|
-
if (this.props.onClick) {
|
|
204
|
-
box = (React.createElement(TouchableOpacity, { style: this.propsToStyle(),
|
|
205
|
-
// TODO: refactor this better..
|
|
206
|
-
onLayout: this.props.onLayout, onPress: () => {
|
|
207
|
-
Unifier.utils.haptic();
|
|
208
|
-
this.props.onClick();
|
|
209
|
-
} }, this.props.children));
|
|
210
|
-
}
|
|
211
|
-
else {
|
|
212
|
-
box = React.createElement(View, { style: this.propsToStyle() }, this.props.children);
|
|
213
|
-
}
|
|
214
|
-
if (this.props.scroll) {
|
|
215
|
-
const _a = this.propsToStyle(), { justifyContent, alignContent, alignItems } = _a, scrollStyle = __rest(_a, ["justifyContent", "alignContent", "alignItems"]);
|
|
216
|
-
box = (React.createElement(ScrollView, { horizontal: this.props.overflow === "scrollX", style: scrollStyle, contentContainerStyle: { justifyContent, alignContent, alignItems }, keyboardShouldPersistTaps: "handled", ref: this.props.scrollRef || this.scrollRef, onScroll: (event) => {
|
|
217
|
-
if (this.props.onScroll && event) {
|
|
218
|
-
this.props.onScroll(event.nativeEvent.contentOffset.y);
|
|
219
|
-
}
|
|
220
|
-
}, scrollEventThrottle: 50 }, box));
|
|
221
|
-
}
|
|
222
|
-
if (this.props.avoidKeyboard) {
|
|
223
|
-
box = (React.createElement(KeyboardAvoidingView, { behavior: Platform.OS === "ios" ? "padding" : "height", style: { flex: 1, display: "flex" }, keyboardVerticalOffset: this.props.keyboardOffset }, React.createElement(SafeAreaView, { style: { flex: 1, display: "flex" } }, box)));
|
|
224
|
-
}
|
|
225
|
-
return box;
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
//# sourceMappingURL=Box.js.map
|
|
229
|
-
//# sourceMappingURL=Box.js.map
|
package/dist/dist/Box.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/dist/Box.js"],"names":[],"mappings":"AAAA,IAAI,MAAM,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,EAAE,CAAC;IAChD,IAAI,CAAC,GAAG,EAAE,CAAC;IACX,KAAK,IAAI,CAAC,IAAI,CAAC;QAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;YAC/E,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAChB,IAAI,CAAC,IAAI,IAAI,IAAI,OAAO,MAAM,CAAC,qBAAqB,KAAK,UAAU;QAC/D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACpE,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1E,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACzB;IACL,OAAO,CAAC,CAAC;AACb,CAAC,CAAC;AACF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,GAAG,MAAM,cAAc,CAAC;AACjH,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,MAAM,aAAa,GAAG;IAClB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACrB,CAAC;AACF,MAAM,WAAW,GAAG;IAChB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACrB,CAAC;AACF,MAAM,UAAU,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACrB,CAAC;AACF,MAAM,OAAO,GAAI,SAAQ,KAAK,CAAC,SAAS;IACpC,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,aAAa,GAAG;YACjB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3D,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACjE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YACxD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7D,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YACjE,6DAA6D;YAC7D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACxG,6DAA6D;YAC7D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACxG,6DAA6D;YAC7D,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACxG,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACf,OAAO,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;YACtF,CAAC;YACD,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;gBACZ,IAAI,KAAK,KAAK,MAAM,EAAE;oBAClB,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;iBAC1D;qBACI,IAAI,KAAK,KAAK,QAAQ,EAAE;oBACzB,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;iBAC7C;qBACI;oBACD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;iBACvC;YACL,CAAC;YACD,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACrE,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;oBAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;iBAC5C;qBACI;oBACD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;iBAC5B;YACL,CAAC;YACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAChD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAC1D,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YACxD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YACtD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,OAAO,EAAE,YAAY,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,GAAG,OAAO,EAAE,aAAa,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YACtF,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;YAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;YAC1C,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YAC5C,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YACxD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YACpD,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;YAChD,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;gBAC7B,IAAI,QAAQ,KAAK,QAAQ,EAAE;oBACvB,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;wBACrC,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;wBAC1E,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;qBACtC;oBACD,OAAO,EAAE,YAAY,EAAE,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;iBAC9D;gBACD,IAAI,QAAQ,KAAK,MAAM,EAAE;oBACrB,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;iBAChC;gBACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;oBAC9B,OAAO,EAAE,YAAY,EAAE,QAAQ,GAAG,CAAC,EAAE,CAAC;iBACzC;gBACD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;YACvC,CAAC;YACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,EAAE;oBAC3C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;iBACjC;qBACI,IAAI,KAAK,KAAK,QAAQ,EAAE;oBACzB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;iBAClC;gBACD,OAAO,EAAE,CAAC;YACd,CAAC;YACD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACb,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE;oBAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;iBAC3C;qBACI;oBACD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;iBAC3B;YACL,CAAC;YACD,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;YACpF,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,IAAI,CAAC,KAAK,EAAE;oBACR,OAAO,EAAE,CAAC;iBACb;gBACD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;oBAChD,OAAO;wBACH,WAAW,EAAE,MAAM;wBACnB,YAAY,EAAE;4BACV,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;yBACZ;wBACD,YAAY,EAAE,CAAC;wBACf,aAAa,EAAE,GAAG;qBACrB,CAAC;iBACL;qBACI;oBACD,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;iBAC3B;YACL,CAAC;YACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,IAAI,CAAC,KAAK,EAAE;oBACR,OAAO,EAAE,CAAC;iBACb;gBACD,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;YACjE,CAAC;SACJ,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,GAAG,GAAG,EAAE;YACpB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;gBAC1C,6FAA6F;gBAC7F,wCAAwC;gBACxC,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACrF,CAAC,EAAE,EAAE,CAAC,CAAC;aACV;QACL,CAAC,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;gBAC1C,6FAA6F;gBAC7F,wCAAwC;gBACxC,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBACvF,CAAC,EAAE,EAAE,CAAC,CAAC;aACV;QACL,CAAC,CAAC;QACF,IAAI,KAAK,CAAC,SAAS,EAAE;YACjB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;SACpC;IACL,CAAC;IACD,YAAY;QACR,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACxC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC/B,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;gBAC1B,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;aACrE;iBACI,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,SAAS,EAAE;gBAChD,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACpB,iDAAiD;aACpD;SACJ;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YAC1C,OAAO,CAAC,IAAI,CAAC,4DAA4D,CAAC,CAAC;SAC9E;QACD,sCAAsC;QACtC,IAAI,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE;YACtC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;SACjG;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,SAAS;QACL,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1I,CAAC;IACD,MAAM;QACF,IAAI,GAAG,CAAC;QACR,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACpB,GAAG,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;gBACrE,+BAA+B;gBAC/B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE;oBACzC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;oBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACzB,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SAClC;aACI;YACD,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACxF;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACnB,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,WAAW,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,gBAAgB,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC;YAC9J,GAAG,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,yBAAyB,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChR,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,EAAE;wBAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;qBAC1D;gBACL,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;SAC3C;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YAC1B,GAAG,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,EAC/L,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;SACzF;QACD,OAAO,GAAG,CAAC;IACf,CAAC;CACJ;AACD,+BAA+B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/dist/dist/Box.stories.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Box } from "./Box";
|
|
3
|
-
import { storiesOf } from "@storybook/react-native";
|
|
4
|
-
import { Text } from "./Text";
|
|
5
|
-
import { StorybookContainer } from "./StorybookContainer";
|
|
6
|
-
const colors = [
|
|
7
|
-
"primary",
|
|
8
|
-
"secondary",
|
|
9
|
-
"tertiary",
|
|
10
|
-
"accent",
|
|
11
|
-
"blue",
|
|
12
|
-
"darkGray",
|
|
13
|
-
"eggplant",
|
|
14
|
-
"gray",
|
|
15
|
-
"green",
|
|
16
|
-
"lightGray",
|
|
17
|
-
"maroon",
|
|
18
|
-
"midnight",
|
|
19
|
-
"navy",
|
|
20
|
-
"olive",
|
|
21
|
-
"orange",
|
|
22
|
-
"orchid",
|
|
23
|
-
"pine",
|
|
24
|
-
"purple",
|
|
25
|
-
"red",
|
|
26
|
-
"watermelon",
|
|
27
|
-
"white",
|
|
28
|
-
"neutral900",
|
|
29
|
-
"neutral200",
|
|
30
|
-
"neutral70",
|
|
31
|
-
"neutral10",
|
|
32
|
-
];
|
|
33
|
-
storiesOf("Box", module)
|
|
34
|
-
.add("FlexBox", () => (React.createElement(StorybookContainer, null, React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", width: 50, height: 50, rounding: "circle", color: "blue", marginRight: 2 }, React.createElement(Text, { size: "lg" }, "JG")), React.createElement(Box, { paddingX: 2, direction: "column" }, React.createElement(Text, { weight: "bold" }, "Josh Gachnang"), React.createElement(Text, null, "joined 2 years ago")))))
|
|
35
|
-
.add("Box Colors", () => (React.createElement(StorybookContainer, null, colors.map((c) => (React.createElement(Box, { key: c, display: "flex", direction: "column" }, React.createElement(Box, { marginBottom: 2 }, React.createElement(Text, { align: "center" }, c)), React.createElement(Box, { key: c, color: c, rounding: "circle", height: 50, width: 50 }, React.createElement(Text, null, " "))))))));
|
|
36
|
-
//# sourceMappingURL=Box.stories.js.map
|
|
37
|
-
//# sourceMappingURL=Box.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../src/dist/Box.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,MAAM,GAAG;IACX,SAAS;IACT,WAAW;IACX,UAAU;IACV,QAAQ;IACR,MAAM;IACN,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,WAAW;IACX,QAAQ;IACR,UAAU;IACV,MAAM;IACN,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,KAAK;IACL,YAAY;IACZ,OAAO;IACP,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,WAAW;CACd,CAAC;AACF,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC;KACnB,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EACnE,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,EAClK,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,EACpD,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EACzD,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,eAAe,CAAC,EAC9D,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;KAC5D,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EACpK,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EACxC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,EACtD,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACpF,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,uCAAuC"}
|
package/dist/dist/Button.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export class Button extends React.Component<any, any, any> {
|
|
2
|
-
constructor(...args: any[]);
|
|
3
|
-
state: {
|
|
4
|
-
loading: boolean;
|
|
5
|
-
};
|
|
6
|
-
HEIGHTS: {
|
|
7
|
-
sm: number;
|
|
8
|
-
md: number;
|
|
9
|
-
lg: number;
|
|
10
|
-
};
|
|
11
|
-
getBackgroundColor(color: any): any;
|
|
12
|
-
getTextColor(color: any): any;
|
|
13
|
-
getBorderColor(color: any): any;
|
|
14
|
-
render(): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
15
|
-
}
|
|
16
|
-
import React from "react";
|
package/dist/dist/Button.js
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import debounce from "lodash/debounce";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { ActivityIndicator, TouchableOpacity } from "react-native";
|
|
4
|
-
import { Box } from "./Box";
|
|
5
|
-
import { iconSizeToNumber } from "./Common";
|
|
6
|
-
// import {Icon} from "./Icon";
|
|
7
|
-
import { Text } from "./Text";
|
|
8
|
-
import { Unifier } from "./Unifier";
|
|
9
|
-
import { Icon } from "./Icon";
|
|
10
|
-
const buttonTextColor = {
|
|
11
|
-
blue: "white",
|
|
12
|
-
lightGray: "darkGray",
|
|
13
|
-
red: "white",
|
|
14
|
-
transparent: "white",
|
|
15
|
-
white: "darkGray",
|
|
16
|
-
primary: "white",
|
|
17
|
-
secondary: "white",
|
|
18
|
-
accent: "white",
|
|
19
|
-
tertiary: "white",
|
|
20
|
-
facebook: "white",
|
|
21
|
-
twitter: "white",
|
|
22
|
-
google: "white",
|
|
23
|
-
};
|
|
24
|
-
export class Button extends React.Component {
|
|
25
|
-
constructor() {
|
|
26
|
-
super(...arguments);
|
|
27
|
-
this.state = { loading: false };
|
|
28
|
-
this.HEIGHTS = {
|
|
29
|
-
sm: 36,
|
|
30
|
-
md: 40,
|
|
31
|
-
lg: 48,
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
getBackgroundColor(color) {
|
|
35
|
-
if (this.props.type === "ghost" || this.props.type === "outline") {
|
|
36
|
-
return "transparent";
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
return Unifier.theme[color];
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
getTextColor(color) {
|
|
43
|
-
if (this.props.type === "ghost" || this.props.type === "outline") {
|
|
44
|
-
return color;
|
|
45
|
-
}
|
|
46
|
-
else if (color === undefined) {
|
|
47
|
-
return "darkGray";
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
return buttonTextColor[color] || "white";
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
getBorderColor(color) {
|
|
54
|
-
if (this.props.type === "outline") {
|
|
55
|
-
return Unifier.theme[this.getTextColor(color)];
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
return "transparent";
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
render() {
|
|
62
|
-
let color = this.props.color || "lightGray";
|
|
63
|
-
if (color === "gray") {
|
|
64
|
-
color = "lightGray";
|
|
65
|
-
}
|
|
66
|
-
return (React.createElement(TouchableOpacity, { style: {
|
|
67
|
-
alignSelf: this.props.inline === true ? undefined : "stretch",
|
|
68
|
-
height: this.HEIGHTS[this.props.size || "md"],
|
|
69
|
-
backgroundColor: this.getBackgroundColor(color),
|
|
70
|
-
// width: this.props.inline === true ? undefined : "100%",
|
|
71
|
-
flexShrink: this.props.inline ? 1 : 0,
|
|
72
|
-
// flexGrow: this.props.inline ? 0 : 1,
|
|
73
|
-
alignItems: "center",
|
|
74
|
-
justifyContent: "center",
|
|
75
|
-
borderRadius: 5,
|
|
76
|
-
borderColor: this.getBorderColor(color),
|
|
77
|
-
borderWidth: this.props.type === "outline" ? 2 : 0,
|
|
78
|
-
opacity: this.props.disabled ? 0.4 : 1,
|
|
79
|
-
flexDirection: "row",
|
|
80
|
-
paddingHorizontal: 4 * 2,
|
|
81
|
-
}, disabled: this.props.disabled || this.props.loading, onPress: debounce(async () => {
|
|
82
|
-
Unifier.utils.haptic();
|
|
83
|
-
this.setState({ loading: true });
|
|
84
|
-
try {
|
|
85
|
-
if (this.props.onClick) {
|
|
86
|
-
await this.props.onClick();
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
catch (e) {
|
|
90
|
-
this.setState({ loading: false });
|
|
91
|
-
throw e;
|
|
92
|
-
}
|
|
93
|
-
this.setState({ loading: false });
|
|
94
|
-
}, 500, { leading: true }) }, this.props.icon !== undefined && (React.createElement(Box, { paddingX: 2 }, React.createElement(Icon, { prefix: this.props.iconPrefix || "far", size: iconSizeToNumber(this.props.size), name: this.props.icon, color: this.getTextColor(this.props.color) }))), Boolean(this.props.children) && this.props.children, Boolean(this.props.text) && (React.createElement(Text, { weight: "bold", color: this.getTextColor(color), size: this.props.size, skipLinking: true, inline: this.props.inline }, this.props.text)), (this.state.loading || this.props.loading) && (React.createElement(Box, { marginLeft: 2 }, React.createElement(ActivityIndicator, { color: this.getTextColor(color), size: "small" })))));
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
//# sourceMappingURL=Button.js.map
|
|
98
|
-
//# sourceMappingURL=Button.js.map
|
package/dist/dist/Button.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/dist/Button.js"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export function Primary(args: any): React.CElement<import("./Common").ButtonProps, Button>;
|
|
2
|
-
export namespace Primary {
|
|
3
|
-
namespace args {
|
|
4
|
-
const size: string;
|
|
5
|
-
const color: string;
|
|
6
|
-
const text: string;
|
|
7
|
-
const type: string;
|
|
8
|
-
const inline: boolean;
|
|
9
|
-
const disabled: boolean;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
import { Button } from "./Button";
|
|
13
|
-
import React from "react";
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { action } from "@storybook/addon-actions";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Button } from "./Button";
|
|
4
|
-
import { storiesOf } from "@storybook/react-native";
|
|
5
|
-
import { Box } from "./Box";
|
|
6
|
-
import { StorybookContainer } from "./StorybookContainer";
|
|
7
|
-
function allColorButtons(props) {
|
|
8
|
-
return (React.createElement(StorybookContainer, null, React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Default" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Primary", color: "primary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Secondary", color: "secondary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Tertiary", color: "tertiary" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Accent", color: "accent" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Red", color: "red" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Dark Gray", color: "darkGray" }, props))), React.createElement(Box, { paddingY: 1 }, React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Gray", color: "gray" }, props)))));
|
|
9
|
-
}
|
|
10
|
-
storiesOf("Button", module)
|
|
11
|
-
.add("Colors", () => allColorButtons({}))
|
|
12
|
-
.add("Loading", () => allColorButtons({ loading: true }))
|
|
13
|
-
.add("Ghost", () => allColorButtons({ type: "ghost" }))
|
|
14
|
-
.add("Outline", () => allColorButtons({ type: "outline" }));
|
|
15
|
-
const Template = (args) => React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Button" }, args));
|
|
16
|
-
export const Primary = Template.bind({});
|
|
17
|
-
Primary.args = {
|
|
18
|
-
size: "md",
|
|
19
|
-
color: "primary",
|
|
20
|
-
text: "PRIMARY",
|
|
21
|
-
type: "solid",
|
|
22
|
-
inline: false,
|
|
23
|
-
disabled: false,
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=Button.stories.js.map
|
|
26
|
-
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/dist/Button.stories.js"],"names":[],"mappings":"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"}
|
package/dist/dist/Card.d.ts
DELETED
package/dist/dist/Card.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Box } from "./Box";
|
|
3
|
-
export class Card extends React.Component {
|
|
4
|
-
render() {
|
|
5
|
-
return (React.createElement(Box, Object.assign({ direction: "column", display: "flex", color: this.props.color || "white", rounding: 3, shadow: true, padding: this.props.padding || 4, width: this.props.width }, this.props), this.props.children));
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
//# sourceMappingURL=Card.js.map
|
|
9
|
-
//# sourceMappingURL=Card.js.map
|
package/dist/dist/Card.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/dist/Card.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS;IACrC,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1P,CAAC;CACJ;AACD,gCAAgC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Box } from "./Box";
|
|
3
|
-
import { Card } from "./Card";
|
|
4
|
-
import { storiesOf } from "@storybook/react-native";
|
|
5
|
-
export default {
|
|
6
|
-
title: "Card",
|
|
7
|
-
component: Card,
|
|
8
|
-
};
|
|
9
|
-
storiesOf("Card", module).add("Plain", () => (React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "column", color: "lightGray", padding: 12 }, React.createElement(Card, null, React.createElement(Box, { display: "flex", direction: "row", alignItems: "center" }, React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", width: 50, height: 50, rounding: "circle", color: "blue", marginRight: 2 }, React.createElement("h2", null, "JG")), React.createElement(Box, { paddingX: 2, direction: "column" }, React.createElement("div", null, React.createElement("b", null, "Josh Gachnang")), React.createElement("div", null, "joined 2 years ago")))))));
|
|
10
|
-
//# sourceMappingURL=Card.stories.js.map
|
|
11
|
-
//# sourceMappingURL=Card.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../src/dist/Card.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,eAAe;IACX,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAClB,CAAC;AACF,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,EAC3K,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAC1B,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAChF,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,EAClK,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAC1C,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EACzD,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAC3B,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC,EACpD,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7E,wCAAwC"}
|
package/dist/dist/CheckBox.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export class CheckBox extends React.Component<any, any, any> {
|
|
2
|
-
constructor(props: any);
|
|
3
|
-
constructor(props: any, context: any);
|
|
4
|
-
renderCheckBox(): React.CElement<import("./Common").BoxProps, Box>;
|
|
5
|
-
render(): React.CElement<import("./Common").BoxProps, Box>;
|
|
6
|
-
}
|
|
7
|
-
import React from "react";
|
|
8
|
-
import { Box } from "./Box";
|
package/dist/dist/CheckBox.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
// import {library} from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
// import {faCheck} from "@fortawesome/free-solid-svg-icons";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { Box } from "./Box";
|
|
5
|
-
import { Icon } from "./Icon";
|
|
6
|
-
import { Text } from "./Text";
|
|
7
|
-
// library.add(faCheck);
|
|
8
|
-
export class CheckBox extends React.Component {
|
|
9
|
-
renderCheckBox() {
|
|
10
|
-
return (React.createElement(Box, { rounding: this.props.radio ? "circle" : 3, border: this.props.color || "darkGray", height: this.props.size === "sm" ? 16 : 24, width: this.props.size === "sm" ? 16 : 24, color: this.props.checked ? this.props.color || "darkGray" : "white", onClick: () => {
|
|
11
|
-
this.props.onChange({ value: !this.props.checked });
|
|
12
|
-
this.props.onClick && this.props.onClick();
|
|
13
|
-
} }, React.createElement(Box, { display: "flex", direction: "column", justifyContent: "center", alignItems: "center", height: "100%", width: "100%" }, this.props.checked && (React.createElement(Icon, { prefix: "fas", size: this.props.size === "sm" ? 7 : 10, name: "check", color: "white" })))));
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
return (React.createElement(Box, { paddingY: 1, display: "flex", direction: "row", maxHeight: 60, width: "100%", alignItems: "center" }, React.createElement(Box, { display: "flex", justifyContent: "center", width: this.props.size === "sm" ? 14 : 20, maxWidth: this.props.size === "sm" ? 14 : 20 }, this.renderCheckBox()), React.createElement(Box, { onClick: () => {
|
|
17
|
-
this.props.onChange({ value: !this.props.checked });
|
|
18
|
-
this.props.onClick && this.props.onClick();
|
|
19
|
-
}, marginLeft: 4, height: "100%", display: "flex", direction: "column", justifyContent: "center" }, React.createElement(Text, { numberOfLines: this.props.subLabel ? 1 : 2, color: this.props.labelColor || "darkGray", weight: "bold", size: this.props.size }, this.props.label), Boolean(this.props.subLabel) && (React.createElement(Text, { size: "sm", color: this.props.labelColor || "darkGray", weight: "bold" }, this.props.subLabel)))));
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
//# sourceMappingURL=CheckBox.js.map
|
|
23
|
-
//# sourceMappingURL=CheckBox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/dist/CheckBox.js"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { CheckBox } from "./CheckBox";
|
|
3
|
-
import { WithLabel } from "./WithLabel";
|
|
4
|
-
import { storiesOf } from "@storybook/react-native";
|
|
5
|
-
import { StorybookContainer } from "./StorybookContainer";
|
|
6
|
-
class Forms extends React.Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.state = {
|
|
10
|
-
boolean: false,
|
|
11
|
-
withLabel: false,
|
|
12
|
-
primary: false,
|
|
13
|
-
small: false,
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (React.createElement(StorybookContainer, null, React.createElement(CheckBox, { id: "check", checked: this.state.boolean, onChange: (result) => this.setState({ boolean: result.value }) }), React.createElement(WithLabel, { label: "With A Label" }, React.createElement(CheckBox, { id: "withLabel", checked: this.state.withLabel, onChange: (result) => this.setState({ withLabel: result.value }) })), React.createElement(WithLabel, { label: "Primary Color" }, React.createElement(CheckBox, { id: "primary", checked: this.state.primary, label: "Primary Color", color: "primary", labelColor: "primary", onChange: (result) => this.setState({ primary: result.value }) })), React.createElement(WithLabel, { label: "Small" }, React.createElement(CheckBox, { id: "small", checked: this.state.small, label: "Small", size: "sm", onChange: (result) => this.setState({ small: result.value }) }))));
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
storiesOf("Check Box", module).add("Plain", () => React.createElement(Forms, null));
|
|
21
|
-
//# sourceMappingURL=CheckBox.stories.js.map
|
|
22
|
-
//# sourceMappingURL=CheckBox.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../../src/dist/CheckBox.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,MAAM,KAAM,SAAQ,KAAK,CAAC,SAAS;IAC/B,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;SACf,CAAC;IACN,CAAC;IACD,MAAM;QACF,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAChD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAC3I,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EACpD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EACxJ,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EACrD,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EACnN,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7C,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACnL,CAAC;CACJ;AACD,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;AACpF,4CAA4C"}
|
package/dist/dist/Common.d.ts
DELETED