ferns-ui 0.6.5 → 0.9.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/dist/Common.d.ts +9 -1
- package/dist/Common.js.map +1 -1
- package/dist/Constants.d.ts +4 -0
- package/dist/Constants.js +54 -0
- package/dist/Constants.js.map +1 -0
- package/dist/DateTimeActionSheet.d.ts +1 -6
- package/dist/DateTimeActionSheet.js +15 -20
- package/dist/DateTimeActionSheet.js.map +1 -1
- package/dist/Field.d.ts +1 -1
- package/dist/Field.js +18 -4
- package/dist/Field.js.map +1 -1
- package/dist/SelectList.d.ts +3 -2
- package/dist/SelectList.js +20 -17
- package/dist/SelectList.js.map +1 -1
- package/dist/TextField.d.ts +2 -48
- package/dist/TextField.js +180 -180
- package/dist/TextField.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +37 -37
- package/src/Common.ts +10 -1
- package/src/Constants.ts +53 -0
- package/src/DateTimeActionSheet.tsx +36 -42
- package/src/Field.tsx +62 -6
- package/src/SelectList.tsx +29 -24
- package/src/TextField.tsx +308 -243
- package/src/index.tsx +1 -0
package/dist/Common.d.ts
CHANGED
|
@@ -355,6 +355,7 @@ export interface FieldWithLabelsProps {
|
|
|
355
355
|
children?: React.ReactNode;
|
|
356
356
|
}
|
|
357
357
|
export interface TextFieldProps extends FieldWithLabelsProps {
|
|
358
|
+
innerRef?: any;
|
|
358
359
|
id?: string;
|
|
359
360
|
onChange: OnChangeCallback;
|
|
360
361
|
autoComplete?: "current-password" | "on" | "off" | "username";
|
|
@@ -601,7 +602,7 @@ export interface ScrollViewProps {
|
|
|
601
602
|
}
|
|
602
603
|
declare type ItemT = any;
|
|
603
604
|
declare type ViewStyle = any;
|
|
604
|
-
interface StyleProp {
|
|
605
|
+
export interface StyleProp {
|
|
605
606
|
[key: string]: any;
|
|
606
607
|
}
|
|
607
608
|
interface LayoutRectangle {
|
|
@@ -837,4 +838,11 @@ export interface ProgressBarProps {
|
|
|
837
838
|
color: Color;
|
|
838
839
|
completed: number;
|
|
839
840
|
}
|
|
841
|
+
export interface AddressInterface {
|
|
842
|
+
address1: string;
|
|
843
|
+
address2?: string;
|
|
844
|
+
city: string;
|
|
845
|
+
state: string;
|
|
846
|
+
zipcode: string;
|
|
847
|
+
}
|
|
840
848
|
export {};
|
package/dist/Common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAgVA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAkBzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAY,EAAE;IACtD,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM;QACL,QAAQ,GAAG,IAAI,CAAC;KACjB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,OAAgE;IAC9F,OAAO,CAAC;QACN,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;KACjB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAU,CAAC;AACjC,CAAC;
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAgVA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAkBzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAY,EAAE;IACtD,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM;QACL,QAAQ,GAAG,IAAI,CAAC;KACjB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,OAAgE;IAC9F,OAAO,CAAC;QACN,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;KACjB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAU,CAAC;AACjC,CAAC;AAs4BD,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,OAAO,CACL,OAAO;QACP,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,CACrF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export const USSTATESLIST = [
|
|
2
|
+
{ label: "AL", value: "Alabama" },
|
|
3
|
+
{ label: "AK", value: "Alaska" },
|
|
4
|
+
{ label: "AZ", value: "Arizona" },
|
|
5
|
+
{ label: "AR", value: "Arkansas" },
|
|
6
|
+
{ label: "CA", value: "California" },
|
|
7
|
+
{ label: "CO", value: "Colorado" },
|
|
8
|
+
{ label: "CT", value: "Connecticut" },
|
|
9
|
+
{ label: "DE", value: "Delaware" },
|
|
10
|
+
{ label: "DC", value: "District Of Columbia" },
|
|
11
|
+
{ label: "FL", value: "Florida" },
|
|
12
|
+
{ label: "GA", value: "Georgia" },
|
|
13
|
+
{ label: "HI", value: "Hawaii" },
|
|
14
|
+
{ label: "ID", value: "Idaho" },
|
|
15
|
+
{ label: "IL", value: "Illinois" },
|
|
16
|
+
{ label: "IN", value: "Indiana" },
|
|
17
|
+
{ label: "IA", value: "Iowa" },
|
|
18
|
+
{ label: "KS", value: "Kansas" },
|
|
19
|
+
{ label: "KY", value: "Kentucky" },
|
|
20
|
+
{ label: "LA", value: "Louisiana" },
|
|
21
|
+
{ label: "ME", value: "Maine" },
|
|
22
|
+
{ label: "MD", value: "Maryland" },
|
|
23
|
+
{ label: "MA", value: "Massachusetts" },
|
|
24
|
+
{ label: "MI", value: "Michigan" },
|
|
25
|
+
{ label: "MN", value: "Minnesota" },
|
|
26
|
+
{ label: "MS", value: "Mississippi" },
|
|
27
|
+
{ label: "MO", value: "Missouri" },
|
|
28
|
+
{ label: "MT", value: "Montana" },
|
|
29
|
+
{ label: "NE", value: "Nebraska" },
|
|
30
|
+
{ label: "NV", value: "Nevada" },
|
|
31
|
+
{ label: "NH", value: "New Hampshire" },
|
|
32
|
+
{ label: "NJ", value: "New Jersey" },
|
|
33
|
+
{ label: "NM", value: "New Mexico" },
|
|
34
|
+
{ label: "NY", value: "New York" },
|
|
35
|
+
{ label: "NC", value: "North Carolina" },
|
|
36
|
+
{ label: "ND", value: "North Dakota" },
|
|
37
|
+
{ label: "OH", value: "Ohio" },
|
|
38
|
+
{ label: "OK", value: "Oklahoma" },
|
|
39
|
+
{ label: "OR", value: "Oregon" },
|
|
40
|
+
{ label: "PA", value: "Pennsylvania" },
|
|
41
|
+
{ label: "RI", value: "Rhode Island" },
|
|
42
|
+
{ label: "SC", value: "South Carolina" },
|
|
43
|
+
{ label: "SD", value: "South Dakota" },
|
|
44
|
+
{ label: "TN", value: "Tennessee" },
|
|
45
|
+
{ label: "TX", value: "Texas" },
|
|
46
|
+
{ label: "UT", value: "Utah" },
|
|
47
|
+
{ label: "VT", value: "Vermont" },
|
|
48
|
+
{ label: "VA", value: "Virginia" },
|
|
49
|
+
{ label: "WA", value: "Washington" },
|
|
50
|
+
{ label: "WV", value: "West Virginia" },
|
|
51
|
+
{ label: "WI", value: "Wisconsin" },
|
|
52
|
+
{ label: "WY", value: "Wyoming" },
|
|
53
|
+
];
|
|
54
|
+
//# sourceMappingURL=Constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Constants.js","sourceRoot":"","sources":["../src/Constants.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,10 +6,5 @@ interface DateTimeActionSheetProps {
|
|
|
6
6
|
onChange: OnChangeCallback;
|
|
7
7
|
actionSheetRef: React.RefObject<any>;
|
|
8
8
|
}
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
export declare class DateTimeActionSheet extends React.Component<DateTimeActionSheetProps, DateTimeActionSheetState> {
|
|
12
|
-
constructor(props: DateTimeActionSheetProps);
|
|
13
|
-
render(): JSX.Element;
|
|
14
|
-
}
|
|
9
|
+
export declare function DateTimeActionSheet({ actionSheetRef, mode, value, onChange, }: DateTimeActionSheetProps): JSX.Element;
|
|
15
10
|
export {};
|
|
@@ -4,25 +4,20 @@ import React from "react";
|
|
|
4
4
|
import { ActionSheet } from "./ActionSheet";
|
|
5
5
|
import { Box } from "./Box";
|
|
6
6
|
import { Button } from "./Button";
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
this.props.onChange({ event, value: date.toString() });
|
|
25
|
-
} }))));
|
|
26
|
-
}
|
|
7
|
+
export function DateTimeActionSheet({ actionSheetRef, mode, value, onChange, }) {
|
|
8
|
+
return (React.createElement(ActionSheet, { ref: actionSheetRef, bounceOnOpen: true, gestureEnabled: true },
|
|
9
|
+
React.createElement(Box, { marginBottom: 8, paddingX: 4, width: "100%" },
|
|
10
|
+
React.createElement(Box, { alignItems: "end", display: "flex", width: "100%" },
|
|
11
|
+
React.createElement(Box, { width: "33%" },
|
|
12
|
+
React.createElement(Button, { color: "blue", size: "lg", text: "Save", type: "ghost", onClick: () => {
|
|
13
|
+
var _a;
|
|
14
|
+
(_a = actionSheetRef === null || actionSheetRef === void 0 ? void 0 : actionSheetRef.current) === null || _a === void 0 ? void 0 : _a.setModalVisible(false);
|
|
15
|
+
} }))),
|
|
16
|
+
React.createElement(DateTimePicker, { display: "spinner", is24Hour: true, mode: mode, testID: "dateTimePicker", value: moment(value).toDate(), onChange: (event, date) => {
|
|
17
|
+
if (!date) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
onChange({ event, value: date.toString() });
|
|
21
|
+
} }))));
|
|
27
22
|
}
|
|
28
23
|
//# sourceMappingURL=DateTimeActionSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../src/DateTimeActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../src/DateTimeActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAUhC,MAAM,UAAU,mBAAmB,CAAC,EAClC,cAAc,EACd,IAAI,EACJ,KAAK,EACL,QAAQ,GACiB;IACzB,OAAO,CACL,oBAAC,WAAW,IAAC,GAAG,EAAE,cAAc,EAAE,YAAY,QAAC,cAAc;QAC3D,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;YAC7C,oBAAC,GAAG,IAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM;gBAC/C,oBAAC,GAAG,IAAC,KAAK,EAAC,KAAK;oBACd,oBAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;;4BACZ,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,0CAAE,eAAe,CAAC,KAAK,EAAE;wBAClD,CAAC,GACD,CACE,CACF;YACN,oBAAC,cAAc,IACb,OAAO,EAAC,SAAS,EACjB,QAAQ,QACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EAC7B,QAAQ,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;oBAClC,IAAI,CAAC,IAAI,EAAE;wBACT,OAAO;qBACR;oBACD,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAC,CAAC,CAAC;gBAC5C,CAAC,GACD,CACE,CACM,CACf,CAAC;AACJ,CAAC"}
|
package/dist/Field.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export interface FieldProps extends FieldWithLabelsProps {
|
|
|
9
9
|
handleChange: any;
|
|
10
10
|
validate?: (value: any) => boolean;
|
|
11
11
|
validateErrorMessage?: string;
|
|
12
|
-
type?: "boolean" | "email" | "text" | "textarea" | "number" | "currency" | "percent" | "select" | "password" | "url" | "date" | "multiselect";
|
|
12
|
+
type?: "boolean" | "email" | "text" | "textarea" | "number" | "currency" | "percent" | "select" | "password" | "url" | "date" | "multiselect" | "address";
|
|
13
13
|
rows?: number;
|
|
14
14
|
options?: SelectListOptions;
|
|
15
15
|
placeholder?: string;
|
package/dist/Field.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import moment from "moment-timezone";
|
|
2
1
|
import React, { useState } from "react";
|
|
3
2
|
import { Box } from "./Box";
|
|
3
|
+
import { USSTATESLIST } from "./Constants";
|
|
4
4
|
import { FieldWithLabels } from "./FieldWithLabels";
|
|
5
5
|
import { SelectList } from "./SelectList";
|
|
6
6
|
import { Switch } from "./Switch";
|
|
@@ -33,6 +33,12 @@ export function Field(props) {
|
|
|
33
33
|
props.handleChange(props.name, newValue);
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
|
+
const handleAddressChange = (field, newValue) => {
|
|
37
|
+
setValue(Object.assign(Object.assign({}, value), { [field]: newValue }));
|
|
38
|
+
if (props.handleChange) {
|
|
39
|
+
props.handleChange(props.name, Object.assign(Object.assign({}, value), { [field]: newValue }));
|
|
40
|
+
}
|
|
41
|
+
};
|
|
36
42
|
const handleSwitchChange = (switchValue) => {
|
|
37
43
|
setValue(switchValue);
|
|
38
44
|
if (props.handleChange) {
|
|
@@ -81,10 +87,18 @@ export function Field(props) {
|
|
|
81
87
|
return (React.createElement(Switch, { disabled: props.disabled, id: props.name, name: props.name, switched: Boolean(value), onChange: (result) => handleSwitchChange(result) }));
|
|
82
88
|
}
|
|
83
89
|
else if (props.type === "date") {
|
|
84
|
-
|
|
85
|
-
return (React.createElement(TextField, { disabled: true, id: props.name, placeholder: props.placeholder, type: "text",
|
|
90
|
+
return (React.createElement(TextField, { disabled: true, id: props.name, placeholder: props.placeholder, type: "date",
|
|
86
91
|
// TODO: allow editing with a date picker
|
|
87
|
-
value:
|
|
92
|
+
value: value, onChange: (result) => handleChange(result.value) }));
|
|
93
|
+
}
|
|
94
|
+
else if (props.type === "address") {
|
|
95
|
+
const { address1 = "", address2 = "", city = "", state = "", zipcode = "", } = value;
|
|
96
|
+
return (React.createElement(React.Fragment, null,
|
|
97
|
+
React.createElement(TextField, { id: "address1", label: "Street Address", type: "text", value: address1, onChange: (result) => handleAddressChange("address1", result.value) }),
|
|
98
|
+
React.createElement(TextField, { id: "address2", label: "Apt, suite, etc", type: "text", value: address2, onChange: (result) => handleAddressChange("address2", result.value) }),
|
|
99
|
+
React.createElement(TextField, { id: "city", label: "City", type: "text", value: city, onChange: (result) => handleAddressChange("city", result.value) }),
|
|
100
|
+
React.createElement(SelectList, { id: "state", label: "State", options: USSTATESLIST, placeholder: "Select state", style: { borderRadius: 16 }, value: state, onChange: (result) => handleAddressChange("state", result) }),
|
|
101
|
+
React.createElement(TextField, { id: "zipcode", label: "Zipcode", type: "text", value: zipcode, onChange: (result) => handleAddressChange("zipcode", result.value) })));
|
|
88
102
|
}
|
|
89
103
|
else {
|
|
90
104
|
let type = "text";
|
package/dist/Field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"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"}
|
package/dist/SelectList.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { FieldWithLabelsProps } from "./Common";
|
|
2
|
+
import { FieldWithLabelsProps, StyleProp } from "./Common";
|
|
3
3
|
export declare type SelectListOptions = {
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
@@ -13,5 +13,6 @@ export interface SelectListProps extends FieldWithLabelsProps {
|
|
|
13
13
|
disabled?: boolean;
|
|
14
14
|
size?: "md" | "lg";
|
|
15
15
|
placeholder?: string;
|
|
16
|
+
style?: StyleProp;
|
|
16
17
|
}
|
|
17
|
-
export declare function SelectList({ options, value, onChange }: SelectListProps): JSX.Element;
|
|
18
|
+
export declare function SelectList({ options, value, onChange, label, labelColor, style }: SelectListProps): JSX.Element;
|
package/dist/SelectList.js
CHANGED
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import RNPickerSelect from "./PickerSelect";
|
|
3
3
|
import { Unifier } from "./Unifier";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
4
|
+
import { WithLabel } from "./WithLabel";
|
|
5
|
+
export function SelectList({ options, value, onChange, label, labelColor, style }) {
|
|
6
|
+
const withLabelProps = { label, labelColor };
|
|
7
|
+
return (React.createElement(WithLabel, Object.assign({}, withLabelProps),
|
|
8
|
+
React.createElement(RNPickerSelect, { items: options, placeholder: {}, style: {
|
|
9
|
+
viewContainer: {
|
|
10
|
+
flexDirection: (style === null || style === void 0 ? void 0 : style.flexDirection) || "row",
|
|
11
|
+
justifyContent: (style === null || style === void 0 ? void 0 : style.justifyContent) || "center",
|
|
12
|
+
alignItems: (style === null || style === void 0 ? void 0 : style.alignItems) || "center",
|
|
13
|
+
minHeight: (style === null || style === void 0 ? void 0 : style.minHeight) || 50,
|
|
14
|
+
width: (style === null || style === void 0 ? void 0 : style.width) || "100%",
|
|
15
|
+
// Add padding so the border doesn't mess up layouts
|
|
16
|
+
paddingHorizontal: (style === null || style === void 0 ? void 0 : style.paddingHorizontal) || 6,
|
|
17
|
+
paddingVertical: (style === null || style === void 0 ? void 0 : style.paddingVertical) || 4,
|
|
18
|
+
borderColor: (style === null || style === void 0 ? void 0 : style.borderColor) || Unifier.theme.gray,
|
|
19
|
+
borderWidth: (style === null || style === void 0 ? void 0 : style.borderWidth) || 1,
|
|
20
|
+
borderRadius: (style === null || style === void 0 ? void 0 : style.borderRadius) || 5,
|
|
21
|
+
backgroundColor: (style === null || style === void 0 ? void 0 : style.backgroundColor) || Unifier.theme.white,
|
|
22
|
+
},
|
|
23
|
+
}, value: value, onValueChange: onChange })));
|
|
21
24
|
}
|
|
22
25
|
//# sourceMappingURL=SelectList.js.map
|
package/dist/SelectList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../src/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../src/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAgBtC,MAAM,UAAU,UAAU,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAkB;IAC9F,MAAM,cAAc,GAAG,EAAC,KAAK,EAAE,UAAU,EAAC,CAAC;IAC3C,OAAO,CACL,oBAAC,SAAS,oBAAK,cAAc;QAC3B,oBAAC,cAAc,IACb,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,EAAE,EACf,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,aAAa,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,KAAK;oBAC5C,cAAc,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,KAAI,QAAQ;oBACjD,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,QAAQ;oBACzC,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,EAAE;oBACjC,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,MAAM;oBAC7B,oDAAoD;oBACpD,iBAAiB,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,KAAI,CAAC;oBAChD,eAAe,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,KAAI,CAAC;oBAC5C,WAAW,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,OAAO,CAAC,KAAK,CAAC,IAAI;oBACrD,WAAW,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,CAAC;oBACpC,YAAY,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,KAAI,CAAC;oBACtC,eAAe,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,KAAI,OAAO,CAAC,KAAK,CAAC,KAAK;iBAC/D;aACF,EACD,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,GACvB,CACQ,CACb,CAAC;AACJ,CAAC"}
|
package/dist/TextField.d.ts
CHANGED
|
@@ -1,49 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
2
|
import { TextFieldProps } from "./Common";
|
|
3
|
-
|
|
4
|
-
focused: boolean;
|
|
5
|
-
height: number;
|
|
6
|
-
}
|
|
7
|
-
export declare class TextField extends React.Component<TextFieldProps, TextFieldState> {
|
|
8
|
-
dateActionSheetRef: React.RefObject<any>;
|
|
9
|
-
numberRangeActionSheetRef: React.RefObject<any>;
|
|
10
|
-
decimalRangeActionSheetRef: React.RefObject<any>;
|
|
11
|
-
weightActionSheetRef: React.RefObject<any>;
|
|
12
|
-
constructor(props: TextFieldProps);
|
|
13
|
-
keyboardMap: {
|
|
14
|
-
date: string;
|
|
15
|
-
email: string;
|
|
16
|
-
number: string;
|
|
17
|
-
numberRange: string;
|
|
18
|
-
decimalRange: string;
|
|
19
|
-
decimal: string;
|
|
20
|
-
height: string;
|
|
21
|
-
password: string;
|
|
22
|
-
search: string;
|
|
23
|
-
text: string;
|
|
24
|
-
url: string | undefined;
|
|
25
|
-
username: string;
|
|
26
|
-
};
|
|
27
|
-
textContentMap: {
|
|
28
|
-
date: string;
|
|
29
|
-
email: string;
|
|
30
|
-
number: string;
|
|
31
|
-
decimal: string;
|
|
32
|
-
decimalRange: string;
|
|
33
|
-
height: string;
|
|
34
|
-
password: string;
|
|
35
|
-
search: string;
|
|
36
|
-
text: string;
|
|
37
|
-
url: string | undefined;
|
|
38
|
-
username: string;
|
|
39
|
-
};
|
|
40
|
-
renderIcon(): JSX.Element | null;
|
|
41
|
-
getBorderColor: () => string;
|
|
42
|
-
getHeight: () => number | "100%";
|
|
43
|
-
focus(): void;
|
|
44
|
-
isEditable(): boolean;
|
|
45
|
-
isHandledByModal: () => boolean;
|
|
46
|
-
shouldAutocorrect: () => boolean;
|
|
47
|
-
render(): JSX.Element;
|
|
48
|
-
}
|
|
49
|
-
export {};
|
|
3
|
+
export declare function TextField({ value, height: propsHeight, onChange, paddingX, paddingY, min, max, type, searching, autoComplete, autoFocus, disabled, errorMessage, errorMessageColor, inputRef, multiline, rows, placeholder, grow, label, labelColor, returnKeyType, onBlur, style, onEnter, onSubmitEditing, }: TextFieldProps): ReactElement;
|