ferns-ui 0.22.3 → 0.22.5
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/Modal.js +17 -18
- package/dist/Modal.js.map +1 -1
- package/dist/WithLabel.js +1 -1
- package/dist/WithLabel.js.map +1 -1
- package/package.json +1 -1
- package/src/Modal.tsx +34 -36
- package/src/WithLabel.tsx +0 -1
package/dist/Modal.js
CHANGED
|
@@ -39,24 +39,23 @@ export const Modal = ({ onDismiss, visible, align = "center", children, footer,
|
|
|
39
39
|
if (sizePx > Dimensions.get("window").width) {
|
|
40
40
|
sizePx = "90%";
|
|
41
41
|
}
|
|
42
|
-
return (React.createElement(
|
|
43
|
-
React.createElement(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
height: 6,
|
|
51
|
-
},
|
|
52
|
-
shadowRadius: 4,
|
|
53
|
-
shadowOpacity: 1.0,
|
|
54
|
-
elevation: 8,
|
|
42
|
+
return (React.createElement(RNModal, { animationType: "slide", transparent: true, visible: visible, onRequestClose: onDismiss },
|
|
43
|
+
React.createElement(Box, { alignItems: "center", alignSelf: "center", color: "white", dangerouslySetInlineStyle: {
|
|
44
|
+
__style: {
|
|
45
|
+
zIndex: 1,
|
|
46
|
+
shadowColor: "#999",
|
|
47
|
+
shadowOffset: {
|
|
48
|
+
width: 4,
|
|
49
|
+
height: 6,
|
|
55
50
|
},
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
51
|
+
shadowRadius: 4,
|
|
52
|
+
shadowOpacity: 1.0,
|
|
53
|
+
elevation: 8,
|
|
54
|
+
},
|
|
55
|
+
}, direction: "column", justifyContent: "center", marginTop: 12, maxWidth: sizePx, minWidth: 300, paddingX: 8, paddingY: 2, rounding: 6, shadow: true, width: sizePx },
|
|
56
|
+
React.createElement(Box, { marginBottom: 6, width: "100%" },
|
|
57
|
+
renderHeader(),
|
|
58
|
+
React.createElement(Box, { paddingY: 4 }, children),
|
|
59
|
+
React.createElement(Box, { paddingY: 4 }, renderFooter())))));
|
|
61
60
|
};
|
|
62
61
|
//# sourceMappingURL=Modal.js.map
|
package/dist/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,KAAK,IAAI,OAAO,EAAC,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAwB5B,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,SAAS,EACT,OAAO,EACP,KAAK,GAAG,QAAQ,EAChB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,GAAG,KAAK,EAC7B,mBAAmB,EACnB,sBAAsB,GACX,EAAsB,EAAE;IACnC,IAAI,UAAU,IAAI,CAAC,OAAO,EAAE;QAC1B,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC;KACvE;IACD,IAAI,CAAC,MAAM,IAAI,CAAC,iBAAiB,IAAI,CAAC,mBAAmB,EAAE;QACzD,MAAM,IAAI,KAAK,CACb,+EAA+E,CAChF,CAAC;KACH;IAED,SAAS,YAAY;QACnB,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;YAC5B,oBAAC,GAAG;gBACF,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,IAAI,IACjE,OAAO,CACA,CACN;YACL,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAG,UAAU,CAAQ,CACvE,CACP,CACG,CACP,CAAC;IACJ,CAAC;IACD,SAAS,YAAY;QACnB,IAAI,MAAM,EAAE;YACV,OAAO,MAAM,CAAC;SACf;QACD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;YACnD,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAC/B,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG;gBAChC,oBAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,EAAE,EAC/B,OAAO,EAAE,sBAAsB,GAC/B,CACE,CACP;YACD,oBAAC,GAAG,IAAC,QAAQ,EAAE,GAAG;gBAChB,oBAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,qBAAqB,EAC/B,IAAI,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,EAAE,EAC7B,OAAO,EAAE,oBAAoB,GAC7B,CACE,CACF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,GAAoB,GAAG,CAAC;IAClC,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,MAAM,GAAG,GAAG,CAAC;KACd;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,MAAM,GAAG,GAAG,CAAC;KACd;IAED,gCAAgC;IAChC,IAAI,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;QAC3C,MAAM,GAAG,KAAK,CAAC;KAChB;IAED,OAAO,CACL,oBAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"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"}
|
package/dist/WithLabel.js
CHANGED
|
@@ -9,7 +9,7 @@ export class WithLabel extends React.Component {
|
|
|
9
9
|
return null;
|
|
10
10
|
}
|
|
11
11
|
if (label) {
|
|
12
|
-
return (React.createElement(Box, { direction: labelInline ? "row" : "column", justifyContent: this.props.labelJustifyContent, width: "100%"
|
|
12
|
+
return (React.createElement(Box, { direction: labelInline ? "row" : "column", justifyContent: this.props.labelJustifyContent, width: "100%" },
|
|
13
13
|
this.props.labelPlacement !== "after" && (React.createElement(Box, { paddingY: 1 },
|
|
14
14
|
React.createElement(Text, { color: labelColor || "darkGray", size: this.props.labelSize, weight: "bold" }, this.props.show !== false ? label : " "))),
|
|
15
15
|
children,
|
package/dist/WithLabel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WithLabel.js","sourceRoot":"","sources":["../src/WithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,MAAM;QACJ,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9D,iFAAiF;QAEjF,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,EAAE;YACT,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACzC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAC9C,KAAK,EAAC,MAAM
|
|
1
|
+
{"version":3,"file":"WithLabel.js","sourceRoot":"","sources":["../src/WithLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,MAAM;QACJ,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9D,iFAAiF;QAEjF,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,EAAE;YACT,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACzC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAC9C,KAAK,EAAC,MAAM;gBAEX,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,CACxC,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;oBACd,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAC,MAAM,IAC7E,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACnC,CACH,CACP;gBACA,QAAQ;gBACR,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,OAAO,IAAI,CACxC,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;oBACd,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAC9D,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CACnC,CACH,CACP,CACG,CACP,CAAC;SACH;aAAM;YACL,OAAO,QAAQ,CAAC;SACjB;IACH,CAAC;CACF"}
|
package/package.json
CHANGED
package/src/Modal.tsx
CHANGED
|
@@ -108,43 +108,41 @@ export const Modal = ({
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
return (
|
|
111
|
-
<
|
|
112
|
-
<
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
height: 6,
|
|
124
|
-
},
|
|
125
|
-
shadowRadius: 4,
|
|
126
|
-
shadowOpacity: 1.0,
|
|
127
|
-
elevation: 8,
|
|
111
|
+
<RNModal animationType="slide" transparent visible={visible} onRequestClose={onDismiss}>
|
|
112
|
+
<Box
|
|
113
|
+
alignItems="center"
|
|
114
|
+
alignSelf="center"
|
|
115
|
+
color="white"
|
|
116
|
+
dangerouslySetInlineStyle={{
|
|
117
|
+
__style: {
|
|
118
|
+
zIndex: 1,
|
|
119
|
+
shadowColor: "#999",
|
|
120
|
+
shadowOffset: {
|
|
121
|
+
width: 4,
|
|
122
|
+
height: 6,
|
|
128
123
|
},
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
124
|
+
shadowRadius: 4,
|
|
125
|
+
shadowOpacity: 1.0,
|
|
126
|
+
elevation: 8,
|
|
127
|
+
},
|
|
128
|
+
}}
|
|
129
|
+
direction="column"
|
|
130
|
+
justifyContent="center"
|
|
131
|
+
marginTop={12}
|
|
132
|
+
maxWidth={sizePx}
|
|
133
|
+
minWidth={300}
|
|
134
|
+
paddingX={8}
|
|
135
|
+
paddingY={2}
|
|
136
|
+
rounding={6}
|
|
137
|
+
shadow
|
|
138
|
+
width={sizePx}
|
|
139
|
+
>
|
|
140
|
+
<Box marginBottom={6} width="100%">
|
|
141
|
+
{renderHeader()}
|
|
142
|
+
<Box paddingY={4}>{children}</Box>
|
|
143
|
+
<Box paddingY={4}>{renderFooter()}</Box>
|
|
146
144
|
</Box>
|
|
147
|
-
</
|
|
148
|
-
</
|
|
145
|
+
</Box>
|
|
146
|
+
</RNModal>
|
|
149
147
|
);
|
|
150
148
|
};
|
package/src/WithLabel.tsx
CHANGED
|
@@ -19,7 +19,6 @@ export class WithLabel extends React.Component<WithLabelProps, {}> {
|
|
|
19
19
|
direction={labelInline ? "row" : "column"}
|
|
20
20
|
justifyContent={this.props.labelJustifyContent}
|
|
21
21
|
width="100%"
|
|
22
|
-
zIndex="auto"
|
|
23
22
|
>
|
|
24
23
|
{this.props.labelPlacement !== "after" && (
|
|
25
24
|
<Box paddingY={1}>
|