ferns-ui 0.6.3 → 0.7.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 +1 -0
- package/dist/Common.js.map +1 -1
- package/dist/DateTimeActionSheet.d.ts +1 -6
- package/dist/DateTimeActionSheet.js +15 -20
- package/dist/DateTimeActionSheet.js.map +1 -1
- package/dist/ErrorBoundary.js +0 -2
- package/dist/ErrorBoundary.js.map +1 -1
- package/dist/ErrorPage.js +1 -1
- package/dist/ErrorPage.js.map +1 -1
- package/dist/Field.js +2 -4
- package/dist/Field.js.map +1 -1
- package/dist/Spinner.d.ts +2 -20
- package/dist/Spinner.js +14 -56
- package/dist/Spinner.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/package.json +3 -9
- package/src/Common.ts +1 -0
- package/src/DateTimeActionSheet.tsx +36 -42
- package/src/ErrorBoundary.tsx +0 -2
- package/src/ErrorPage.tsx +2 -2
- package/src/Field.tsx +2 -4
- package/src/Spinner.tsx +13 -62
- package/src/TextField.tsx +308 -243
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";
|
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"}
|
|
@@ -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/ErrorBoundary.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as Sentry from "@sentry/react-native";
|
|
2
1
|
import React from "react";
|
|
3
2
|
import { ErrorPage } from "./ErrorPage";
|
|
4
3
|
export class ErrorBoundary extends React.Component {
|
|
@@ -15,7 +14,6 @@ export class ErrorBoundary extends React.Component {
|
|
|
15
14
|
}
|
|
16
15
|
componentDidCatch(error, info) {
|
|
17
16
|
console.warn("[ErrorBoundary] Caught error", error);
|
|
18
|
-
Sentry.captureException(error);
|
|
19
17
|
if (this.props.onError) {
|
|
20
18
|
this.props.onError(error, info.componentStack);
|
|
21
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../src/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../src/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAMtC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAoC;IAA7E;;QACE,UAAK,GAAG,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;QAe3B,eAAU,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC;QACpC,CAAC,CAAC;IASJ,CAAC;IAxBC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,EAAC,KAAK,EAAC,CAAC;IACjB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,IAA8B;QAC5D,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QAEpD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SAChD;IACH,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,KAAK,EAAE;YACT,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;SACjE;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}
|
package/dist/ErrorPage.js
CHANGED
|
@@ -11,7 +11,7 @@ export class ErrorPage extends React.Component {
|
|
|
11
11
|
return (React.createElement(Box, { alignItems: "center", direction: "column", display: "flex", height: "100%", justifyContent: "center", padding: 6, width: "100%" },
|
|
12
12
|
React.createElement(Text, { align: "center", color: "red", size: "lg", weight: "bold" }, "Oops!"),
|
|
13
13
|
React.createElement(Box, { paddingY: 3 },
|
|
14
|
-
React.createElement(Text, { align: "center" }, "There's an error. Sorry!
|
|
14
|
+
React.createElement(Text, { align: "center" }, "There's an error. Sorry! Our team just got a notification about the error so they can fix it as soon as possible!")),
|
|
15
15
|
React.createElement(Box, { paddingY: 3 },
|
|
16
16
|
React.createElement(Text, null, this.props.error.toString())),
|
|
17
17
|
React.createElement(Button, { color: "blue", text: "Try again", onClick: this.props.resetError })));
|
package/dist/ErrorPage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../src/ErrorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAM5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,MAAM,EACb,cAAc,EAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,EACV,KAAK,EAAC,MAAM;YAEZ,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,YAEjD;YACP,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../src/ErrorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAM5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,MAAM,EACb,cAAc,EAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,EACV,KAAK,EAAC,MAAM;YAEZ,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,YAEjD;YACP,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,wHAGb,CACH;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,QAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAQ,CACtC;YACN,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAI,CACpE,CACP,CAAC;IACJ,CAAC;CACF"}
|
package/dist/Field.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import moment from "moment-timezone";
|
|
2
1
|
import React, { useState } from "react";
|
|
3
2
|
import { Box } from "./Box";
|
|
4
3
|
import { FieldWithLabels } from "./FieldWithLabels";
|
|
@@ -81,10 +80,9 @@ export function Field(props) {
|
|
|
81
80
|
return (React.createElement(Switch, { disabled: props.disabled, id: props.name, name: props.name, switched: Boolean(value), onChange: (result) => handleSwitchChange(result) }));
|
|
82
81
|
}
|
|
83
82
|
else if (props.type === "date") {
|
|
84
|
-
|
|
85
|
-
return (React.createElement(TextField, { disabled: true, id: props.name, placeholder: props.placeholder, type: "text",
|
|
83
|
+
return (React.createElement(TextField, { disabled: true, id: props.name, placeholder: props.placeholder, type: "date",
|
|
86
84
|
// TODO: allow editing with a date picker
|
|
87
|
-
value:
|
|
85
|
+
value: value, onChange: (result) => handleChange(result.value) }));
|
|
88
86
|
}
|
|
89
87
|
else {
|
|
90
88
|
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/Spinner.d.ts
CHANGED
|
@@ -1,21 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
2
|
import { SpinnerProps } from "./Common";
|
|
3
|
-
export declare
|
|
4
|
-
componentId?: string;
|
|
5
|
-
showHide(): Promise<void>;
|
|
6
|
-
componentDidMount(): void;
|
|
7
|
-
componentDidUpdate(): void;
|
|
8
|
-
componentWillUnmount(): void;
|
|
9
|
-
render(): JSX.Element;
|
|
10
|
-
}
|
|
11
|
-
interface SpinnerState {
|
|
12
|
-
show: boolean;
|
|
13
|
-
}
|
|
14
|
-
export declare class Spinner extends React.Component<SpinnerProps, SpinnerState> {
|
|
15
|
-
state: {
|
|
16
|
-
show: boolean;
|
|
17
|
-
};
|
|
18
|
-
componentDidMount(): void;
|
|
19
|
-
render(): JSX.Element | null;
|
|
20
|
-
}
|
|
21
|
-
export {};
|
|
3
|
+
export declare function Spinner({ size, color }: SpinnerProps): ReactElement | null;
|
package/dist/Spinner.js
CHANGED
|
@@ -1,58 +1,16 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ActivityIndicator
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
console.debug(`[spinner] could not dismiss spinner overlay`, e);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
componentDidMount() {
|
|
20
|
-
this.showHide();
|
|
21
|
-
}
|
|
22
|
-
componentDidUpdate() {
|
|
23
|
-
this.showHide();
|
|
24
|
-
}
|
|
25
|
-
componentWillUnmount() {
|
|
26
|
-
this.showHide();
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
return (React.createElement(View, { style: {
|
|
30
|
-
width: "100%",
|
|
31
|
-
height: "100%",
|
|
32
|
-
flex: 1,
|
|
33
|
-
justifyContent: "center",
|
|
34
|
-
alignItems: "center",
|
|
35
|
-
backgroundColor: Unifier.theme.white,
|
|
36
|
-
opacity: 0.5,
|
|
37
|
-
} },
|
|
38
|
-
React.createElement(Spinner, null)));
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
export class Spinner extends React.Component {
|
|
42
|
-
constructor() {
|
|
43
|
-
super(...arguments);
|
|
44
|
-
this.state = { show: false };
|
|
45
|
-
}
|
|
46
|
-
// The delay is for perceived performance so you should rarely need to remove it.
|
|
47
|
-
componentDidMount() {
|
|
48
|
-
setTimeout(() => this.setState({ show: true }), 300);
|
|
49
|
-
}
|
|
50
|
-
render() {
|
|
51
|
-
if (!this.state.show) {
|
|
52
|
-
return null;
|
|
53
|
-
}
|
|
54
|
-
const size = this.props.size === "sm" ? "small" : "large";
|
|
55
|
-
return React.createElement(ActivityIndicator, { color: this.props.color || "darkGray", size: size });
|
|
56
|
-
}
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import { ActivityIndicator } from "react-native";
|
|
3
|
+
export function Spinner({ size, color }) {
|
|
4
|
+
const [show, setShow] = useState(false);
|
|
5
|
+
// The delay is for perceived performance. You don't want to show a spinner when you're doing a quick action.
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
const timer = setTimeout(() => setShow(true), 300);
|
|
8
|
+
return () => clearTimeout(timer);
|
|
9
|
+
}, []);
|
|
10
|
+
if (!show) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
const spinnerSize = size === "sm" ? "small" : "large";
|
|
14
|
+
return React.createElement(ActivityIndicator, { color: color || "darkGray", size: spinnerSize });
|
|
57
15
|
}
|
|
58
16
|
//# sourceMappingURL=Spinner.js.map
|
package/dist/Spinner.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAI/C,MAAM,UAAU,OAAO,CAAC,EAAC,IAAI,EAAE,KAAK,EAAe;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,6GAA6G;IAC7G,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IACD,MAAM,WAAW,GAAsB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,IAAI,UAAU,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC;AAC9E,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;
|