ferns-ui 1.0.0-beta.0 → 1.0.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/Accordion.js +15 -8
- package/dist/Accordion.js.map +1 -1
- package/dist/Badge.d.ts +1 -1
- package/dist/Badge.js +10 -5
- package/dist/Badge.js.map +1 -1
- package/dist/Button.js +3 -3
- package/dist/Common.d.ts +65 -13
- package/dist/Common.js.map +1 -1
- package/dist/DateTimeActionSheet.js +1 -1
- package/dist/DateTimeActionSheet.js.map +1 -1
- package/dist/DateTimeField.js +4 -4
- package/dist/DateTimeField.js.map +1 -1
- package/dist/Field.js +1 -1
- package/dist/Field.js.map +1 -1
- package/dist/IconButton.js +3 -3
- package/dist/Modal.js +5 -5
- package/dist/Page.js +1 -1
- package/dist/Page.js.map +1 -1
- package/dist/SegmentedControl.js +3 -2
- package/dist/SegmentedControl.js.map +1 -1
- package/dist/SelectField.js +2 -2
- package/dist/SelectField.js.map +1 -1
- package/dist/TapToEdit.d.ts +1 -1
- package/dist/TapToEdit.js +43 -42
- package/dist/TapToEdit.js.map +1 -1
- package/dist/Tooltip.js +26 -29
- package/dist/Tooltip.js.map +1 -1
- package/package.json +1 -1
- package/src/Accordion.tsx +28 -20
- package/src/Badge.tsx +18 -8
- package/src/Button.tsx +4 -4
- package/src/Common.ts +79 -20
- package/src/DateTimeActionSheet.tsx +1 -1
- package/src/DateTimeField.tsx +4 -4
- package/src/Field.tsx +6 -1
- package/src/IconButton.tsx +4 -4
- package/src/Modal.tsx +8 -8
- package/src/Page.tsx +1 -1
- package/src/SegmentedControl.tsx +3 -2
- package/src/SelectField.tsx +2 -2
- package/src/TapToEdit.tsx +73 -95
- package/src/Tooltip.tsx +52 -58
package/dist/SelectField.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../src/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,UAAU,EAAC,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,UAAU,EACV,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,0BAA0B,EACxC,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,EAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;IAE7D,OAAO,CACL,oBAAC,IAAI;QACF,KAAK,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAE,KAAK,GAAI;QACpC,OAAO,CAAC,SAAS,CAAC,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAE,SAAU,GAAI;QACvD,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gBACnB,IAAI,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../src/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,UAAU,EAAC,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,UAAU,EACV,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,0BAA0B,EACxC,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,EAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;IAE7D,OAAO,CACL,oBAAC,IAAI;QACF,KAAK,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAE,KAAK,GAAI;QACpC,OAAO,CAAC,SAAS,CAAC,IAAI,oBAAC,UAAU,IAAC,IAAI,EAAE,SAAU,GAAI;QACvD,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gBACnB,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;oBAChC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACf,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACd,CAAC;YACH,CAAC,GACD;QACD,UAAU,IAAI,oBAAC,eAAe,IAAC,IAAI,EAAE,UAAU,GAAI,CAC/C,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/TapToEdit.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ReactElement } from "react";
|
|
2
2
|
import { AddressInterface, TapToEditProps } from "./Common";
|
|
3
3
|
export declare function formatAddress(address: AddressInterface, asString?: boolean): string;
|
|
4
|
-
export declare const TapToEdit: ({ value, setValue, title, onSave, editable, isEditing,
|
|
4
|
+
export declare const TapToEdit: ({ value, setValue, title, onSave, editable, isEditing, transform, withConfirmation, confirmationText, confirmationTitle, helperText: propsHelperText, onlyShowHelperTextWhileEditing, ...fieldProps }: TapToEditProps) => ReactElement;
|
package/dist/TapToEdit.js
CHANGED
|
@@ -10,26 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { useEffect, useState } from "react";
|
|
13
|
-
import { Linking } from "react-native";
|
|
13
|
+
import { Linking, View } from "react-native";
|
|
14
14
|
import { Box } from "./Box";
|
|
15
15
|
import { Button } from "./Button";
|
|
16
16
|
import { Field } from "./Field";
|
|
17
17
|
import { Icon } from "./Icon";
|
|
18
18
|
// import {useOpenAPISpec} from "./OpenAPIContext";
|
|
19
19
|
import { Text } from "./Text";
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
React.createElement(Text, {
|
|
24
|
-
title,
|
|
25
|
-
":"),
|
|
26
|
-
Boolean(description && !showDescriptionAsTooltip && !onlyShowDescriptionWhileEditing) && (React.createElement(Text, { color: "secondaryLight", size: "sm" }, description))));
|
|
27
|
-
if (showDescriptionAsTooltip) {
|
|
28
|
-
return (React.createElement(Tooltip, { idealPosition: "top", text: description }, Title));
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
return Title;
|
|
32
|
-
}
|
|
20
|
+
const TapToEditTitle = ({ title, helperText, onlyShowHelperTextWhileEditing, }) => {
|
|
21
|
+
return (React.createElement(View, { style: { flex: 1, justifyContent: "center" } },
|
|
22
|
+
React.createElement(Text, { bold: true }, title),
|
|
23
|
+
Boolean(helperText && !onlyShowHelperTextWhileEditing) && (React.createElement(Text, { color: "secondaryLight", size: "sm" }, helperText))));
|
|
33
24
|
};
|
|
34
25
|
export function formatAddress(address, asString = false) {
|
|
35
26
|
var _a, _b, _c, _d;
|
|
@@ -57,11 +48,11 @@ export function formatAddress(address, asString = false) {
|
|
|
57
48
|
}
|
|
58
49
|
}
|
|
59
50
|
export const TapToEdit = (_a) => {
|
|
60
|
-
var _b, _c;
|
|
61
|
-
var { value, setValue, title, onSave, editable = true, isEditing = false,
|
|
51
|
+
var _b, _c, _d;
|
|
52
|
+
var { value, setValue, title, onSave, editable = true, isEditing = false, transform, withConfirmation = false, confirmationText = "Are you sure you want to save your changes?", confirmationTitle = "Confirm", helperText: propsHelperText, onlyShowHelperTextWhileEditing = true } = _a, fieldProps = __rest(_a, ["value", "setValue", "title", "onSave", "editable", "isEditing", "transform", "withConfirmation", "confirmationText", "confirmationTitle", "helperText", "onlyShowHelperTextWhileEditing"]);
|
|
62
53
|
const [editing, setEditing] = useState(false);
|
|
63
54
|
const [initialValue, setInitialValue] = useState();
|
|
64
|
-
const
|
|
55
|
+
const helperText = propsHelperText;
|
|
65
56
|
// setInitialValue is called after initial render to handle the case where the value is updated
|
|
66
57
|
useEffect(() => {
|
|
67
58
|
setInitialValue(value);
|
|
@@ -72,26 +63,29 @@ export const TapToEdit = (_a) => {
|
|
|
72
63
|
throw new Error("setValue is required if editable is true");
|
|
73
64
|
}
|
|
74
65
|
if (editable && (editing || isEditing)) {
|
|
75
|
-
return (React.createElement(
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
setInitialValue(value);
|
|
84
|
-
await onSave(value);
|
|
85
|
-
}
|
|
86
|
-
setEditing(false);
|
|
87
|
-
} }),
|
|
88
|
-
React.createElement(Box, { marginLeft: 2 },
|
|
66
|
+
return (React.createElement(View, { style: { flexDirection: "column", width: "100%" } },
|
|
67
|
+
React.createElement(View, { style: { flex: 1, justifyContent: "center" } },
|
|
68
|
+
React.createElement(Text, { bold: true }, title)),
|
|
69
|
+
React.createElement(View, { style: { gap: 16 } },
|
|
70
|
+
React.createElement(Field, Object.assign({ grow: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" ? (_b = fieldProps.grow) !== null && _b !== void 0 ? _b : true : undefined, helperText: helperText, row: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" ? 5 : undefined, type: ((_c = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) !== null && _c !== void 0 ? _c : "text"), value: value, onChange: setValue !== null && setValue !== void 0 ? setValue : (() => { }) }, fieldProps)),
|
|
71
|
+
editing && !isEditing && (React.createElement(View, { style: { flexDirection: "row", justifyContent: "flex-end", gap: 16 } },
|
|
89
72
|
React.createElement(Button, { text: "Cancel", variant: "muted", onClick: () => {
|
|
90
73
|
if (setValue) {
|
|
91
74
|
setValue(initialValue);
|
|
92
75
|
}
|
|
93
76
|
setEditing(false);
|
|
94
|
-
} })
|
|
77
|
+
} }),
|
|
78
|
+
React.createElement(View, { style: { marginLeft: 8 } },
|
|
79
|
+
React.createElement(Button, { confirmationText: confirmationText, modalTitle: confirmationTitle, text: "Save", withConfirmation: withConfirmation, onClick: async () => {
|
|
80
|
+
if (!onSave) {
|
|
81
|
+
console.error("No onSave provided for editable TapToEdit");
|
|
82
|
+
}
|
|
83
|
+
else {
|
|
84
|
+
setInitialValue(value);
|
|
85
|
+
await onSave(value);
|
|
86
|
+
}
|
|
87
|
+
setEditing(false);
|
|
88
|
+
} })))))));
|
|
95
89
|
}
|
|
96
90
|
else {
|
|
97
91
|
let displayValue = value;
|
|
@@ -103,6 +97,7 @@ export const TapToEdit = (_a) => {
|
|
|
103
97
|
// If no transform, try and display the value reasonably.
|
|
104
98
|
if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "boolean") {
|
|
105
99
|
displayValue = value ? "Yes" : "No";
|
|
100
|
+
// TODO: put transform back in after field types are updated
|
|
106
101
|
// } else if (fieldProps?.type === "percent") {
|
|
107
102
|
// // Prevent floating point errors from showing up by using parseFloat and precision.
|
|
108
103
|
// // Pass through parseFloat again to trim off insignificant zeroes.
|
|
@@ -124,7 +119,7 @@ export const TapToEdit = (_a) => {
|
|
|
124
119
|
// Show only the domain, full links are likely too long.
|
|
125
120
|
try {
|
|
126
121
|
const url = new URL(value);
|
|
127
|
-
displayValue = (
|
|
122
|
+
displayValue = (_d = url === null || url === void 0 ? void 0 : url.hostname) !== null && _d !== void 0 ? _d : value;
|
|
128
123
|
}
|
|
129
124
|
catch (error) {
|
|
130
125
|
// Don't print an error message for empty values.
|
|
@@ -149,18 +144,24 @@ export const TapToEdit = (_a) => {
|
|
|
149
144
|
const isClickable = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "url" || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "address";
|
|
150
145
|
// For textarea to display correctly, we place the title on its own line, then the text
|
|
151
146
|
// on the next line. This is because the textarea will take up the full width of the row.
|
|
152
|
-
return (React.createElement(
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
147
|
+
return (React.createElement(View, { style: {
|
|
148
|
+
alignItems: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" ? "flex-start" : "center",
|
|
149
|
+
flexDirection: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" ? "column" : "row",
|
|
150
|
+
justifyContent: "space-between",
|
|
151
|
+
width: "100%",
|
|
152
|
+
} },
|
|
153
|
+
React.createElement(View, { style: { flexDirection: "row", width: "100%", gap: 16 } },
|
|
154
|
+
React.createElement(TapToEditTitle, { helperText: helperText, onlyShowHelperTextWhileEditing: onlyShowHelperTextWhileEditing, title: title }),
|
|
155
|
+
React.createElement(View, { style: {
|
|
156
|
+
flexDirection: "row",
|
|
157
|
+
flex: 1,
|
|
158
|
+
justifyContent: "flex-end",
|
|
159
|
+
} },
|
|
156
160
|
React.createElement(Box, { accessibilityHint: "", accessibilityLabel: "Link", justifyContent: "start", onClick: isClickable ? openLink : undefined }, Boolean((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) !== "textarea") && (React.createElement(Text, { align: "right", underline: isClickable }, displayValue))),
|
|
157
161
|
editable && (React.createElement(Box, { accessibilityHint: "", accessibilityLabel: "Edit", marginLeft: 2, width: 16, onClick: () => setEditing(true) },
|
|
158
162
|
React.createElement(Icon, { iconName: "pencil", size: "md" }))))),
|
|
159
|
-
(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" && (React.createElement(
|
|
160
|
-
React.createElement(
|
|
161
|
-
React.createElement(Text, { align: "left", underline: isClickable }, displayValue)),
|
|
162
|
-
editable && (React.createElement(Box, { accessibilityHint: "", accessibilityLabel: "Edit", alignSelf: "end", marginLeft: 2, width: 16, onClick: () => setEditing(true) },
|
|
163
|
-
React.createElement(Icon, { color: "primary", iconName: "pencil", size: "md" })))))));
|
|
163
|
+
(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" && (React.createElement(View, { style: { marginTop: 8, paddingVertical: 8, width: "100%" } },
|
|
164
|
+
React.createElement(Text, { align: "left", underline: isClickable }, displayValue)))));
|
|
164
165
|
}
|
|
165
166
|
};
|
|
166
167
|
//# sourceMappingURL=TapToEdit.js.map
|
package/dist/TapToEdit.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TapToEdit.js","sourceRoot":"","sources":["../src/TapToEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TapToEdit.js","sourceRoot":"","sources":["../src/TapToEdit.tsx"],"names":[],"mappings":"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"}
|
package/dist/Tooltip.js
CHANGED
|
@@ -244,36 +244,33 @@ export const Tooltip = ({ text, children, idealPosition, includeArrow }) => {
|
|
|
244
244
|
return children;
|
|
245
245
|
}
|
|
246
246
|
return (React.createElement(View, null,
|
|
247
|
-
React.createElement(
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
React.createElement(View, { style:
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
247
|
+
visible && (React.createElement(Portal, null,
|
|
248
|
+
React.createElement(View, { style: Object.assign({ position: "absolute", zIndex: 999 }, getTooltipPosition(Object.assign(Object.assign({}, measurement), { idealPosition }))), onLayout: handleOnLayout },
|
|
249
|
+
includeArrow && isWeb && (React.createElement(View, { style: arrowContainerStyles },
|
|
250
|
+
React.createElement(Arrow, { color: theme.surface.secondaryExtraDark, position: finalPosition }))),
|
|
251
|
+
React.createElement(View, { style: {
|
|
252
|
+
backgroundColor: theme.surface.secondaryExtraDark,
|
|
253
|
+
borderRadius: theme.radius.default,
|
|
254
|
+
paddingVertical: 2,
|
|
255
|
+
paddingHorizontal: 8,
|
|
256
|
+
maxWidth: 320,
|
|
257
|
+
display: "flex",
|
|
258
|
+
flexShrink: 1,
|
|
259
|
+
opacity: measurement.measured ? 1 : 0,
|
|
260
|
+
} },
|
|
261
|
+
React.createElement(Pressable, { accessibilityHint: "Tooltip information", accessibilityLabel: text, accessibilityRole: "button", style: {
|
|
255
262
|
backgroundColor: theme.surface.secondaryExtraDark,
|
|
256
263
|
borderRadius: theme.radius.default,
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
React.createElement(Text, { color: "inverted", size: "sm" }, text)))))),
|
|
269
|
-
React.createElement(View, Object.assign({ ref: childrenWrapperRef, hitSlop: { top: 10, bottom: 10, left: 15, right: 15 }, onPointerEnter: () => {
|
|
270
|
-
var _a, _b;
|
|
271
|
-
handleHoverIn();
|
|
272
|
-
(_b = (_a = children.props).onHoverIn) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
273
|
-
}, onPointerLeave: () => {
|
|
274
|
-
var _a, _b;
|
|
275
|
-
handleHoverOut();
|
|
276
|
-
(_b = (_a = children.props).onHoverOut) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
277
|
-
}, onTouchStart: handleTouchStart }, (!isWeb && mobilePressProps)), children))));
|
|
264
|
+
}, testID: "tooltip-container", onPress: () => setVisible(false) },
|
|
265
|
+
React.createElement(Text, { color: "inverted", size: "sm" }, text)))))),
|
|
266
|
+
React.createElement(View, Object.assign({ ref: childrenWrapperRef, hitSlop: { top: 10, bottom: 10, left: 15, right: 15 }, onPointerEnter: () => {
|
|
267
|
+
var _a, _b;
|
|
268
|
+
handleHoverIn();
|
|
269
|
+
(_b = (_a = children.props).onHoverIn) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
270
|
+
}, onPointerLeave: () => {
|
|
271
|
+
var _a, _b;
|
|
272
|
+
handleHoverOut();
|
|
273
|
+
(_b = (_a = children.props).onHoverOut) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
274
|
+
}, onTouchStart: handleTouchStart }, (!isWeb && mobilePressProps)), children)));
|
|
278
275
|
};
|
|
279
276
|
//# sourceMappingURL=Tooltip.js.map
|
package/dist/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAK,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,UAAU,EAGV,QAAQ,EACR,SAAS,EACT,IAAI,GAEL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/Accordion.tsx
CHANGED
|
@@ -1,33 +1,40 @@
|
|
|
1
1
|
import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
|
|
2
|
-
import React, {FC, useState} from "react";
|
|
2
|
+
import React, {FC, useEffect, useState} from "react";
|
|
3
3
|
import {Pressable, View} from "react-native";
|
|
4
4
|
|
|
5
5
|
import {AccordionProps} from "./Common";
|
|
6
6
|
import {Heading} from "./Heading";
|
|
7
7
|
import {Modal} from "./Modal";
|
|
8
|
+
import {Text} from "./Text";
|
|
8
9
|
import {useTheme} from "./Theme";
|
|
9
10
|
|
|
10
11
|
export const Accordion: FC<AccordionProps> = ({
|
|
11
12
|
children,
|
|
12
13
|
isCollapsed = false,
|
|
13
14
|
title,
|
|
15
|
+
subtitle,
|
|
14
16
|
includeInfoModal = false,
|
|
15
17
|
infoModalChildren,
|
|
16
|
-
|
|
18
|
+
infoModalSubtitle,
|
|
17
19
|
infoModalText,
|
|
18
20
|
infoModalTitle,
|
|
19
21
|
}) => {
|
|
20
22
|
const {theme} = useTheme();
|
|
21
|
-
const [collapsed, setCollapsed] = useState(
|
|
23
|
+
const [collapsed, setCollapsed] = useState(false);
|
|
22
24
|
const [infoModalVisibleState, setInfoModalVisibleState] = useState(false);
|
|
23
25
|
|
|
26
|
+
// The external collapse state should override the internal collapse state.
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
setCollapsed(isCollapsed);
|
|
29
|
+
}, [isCollapsed]);
|
|
30
|
+
|
|
24
31
|
return (
|
|
25
32
|
<>
|
|
26
33
|
<Modal
|
|
27
34
|
primaryButtonOnClick={() => setInfoModalVisibleState(false)}
|
|
28
35
|
primaryButtonText="Close"
|
|
29
36
|
size="md"
|
|
30
|
-
|
|
37
|
+
subtitle={infoModalSubtitle}
|
|
31
38
|
text={infoModalText}
|
|
32
39
|
title={infoModalTitle}
|
|
33
40
|
visible={infoModalVisibleState}
|
|
@@ -46,22 +53,23 @@ export const Accordion: FC<AccordionProps> = ({
|
|
|
46
53
|
}}
|
|
47
54
|
>
|
|
48
55
|
<View style={{flexDirection: "row", justifyContent: "space-between", alignItems: "center"}}>
|
|
49
|
-
<View style={{flexDirection: "
|
|
50
|
-
<
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
56
|
+
<View style={{flexDirection: "column", gap: 4}}>
|
|
57
|
+
<View style={{flexDirection: "row", alignItems: "center"}}>
|
|
58
|
+
<Heading>{title}</Heading>
|
|
59
|
+
{includeInfoModal && infoModalTitle && (
|
|
60
|
+
<Pressable
|
|
61
|
+
accessibilityRole="button"
|
|
62
|
+
hitSlop={{top: 10, bottom: 10, left: 10, right: 10}}
|
|
63
|
+
style={{marginLeft: 8}}
|
|
64
|
+
onPress={() => setInfoModalVisibleState(true)}
|
|
65
|
+
>
|
|
66
|
+
<Heading color="secondaryLight" size="sm">
|
|
67
|
+
ⓘ
|
|
68
|
+
</Heading>
|
|
69
|
+
</Pressable>
|
|
70
|
+
)}
|
|
71
|
+
</View>
|
|
72
|
+
{subtitle && <Text>{subtitle}</Text>}
|
|
65
73
|
</View>
|
|
66
74
|
<View>
|
|
67
75
|
<Pressable
|
package/src/Badge.tsx
CHANGED
|
@@ -12,6 +12,11 @@ export const Badge = ({
|
|
|
12
12
|
secondary = false,
|
|
13
13
|
variant,
|
|
14
14
|
maxValue = 100,
|
|
15
|
+
customBackgroundColor,
|
|
16
|
+
customTextColor,
|
|
17
|
+
customBorderColor,
|
|
18
|
+
customIconColor,
|
|
19
|
+
customIconName,
|
|
15
20
|
}: BadgeProps): React.ReactElement => {
|
|
16
21
|
const {theme} = useTheme();
|
|
17
22
|
const isIconOnly = variant === "iconOnly";
|
|
@@ -25,6 +30,7 @@ export const Badge = ({
|
|
|
25
30
|
info: "#8FC1D2",
|
|
26
31
|
success: "#7FD898",
|
|
27
32
|
neutral: "#AAAAAA",
|
|
33
|
+
custom: "#AAAAAA",
|
|
28
34
|
};
|
|
29
35
|
|
|
30
36
|
if (secondary) {
|
|
@@ -55,6 +61,11 @@ export const Badge = ({
|
|
|
55
61
|
badgeBgColor = secondary ? "neutralLight" : "neutralDark";
|
|
56
62
|
}
|
|
57
63
|
|
|
64
|
+
const backgroundColor = status === "custom" ? customBackgroundColor : theme.surface[badgeBgColor];
|
|
65
|
+
const borderColor = status === "custom" ? customBorderColor : secondaryBorderColors[status];
|
|
66
|
+
const textColor = status === "custom" ? customTextColor : theme.text[badgeColor];
|
|
67
|
+
const iconColor = status === "custom" ? customIconColor : badgeColor;
|
|
68
|
+
|
|
58
69
|
let badgeBorderRadius = theme.radius.default;
|
|
59
70
|
if (isIconOnly) {
|
|
60
71
|
badgeBorderRadius = theme.radius.full;
|
|
@@ -89,27 +100,26 @@ export const Badge = ({
|
|
|
89
100
|
justifyContent: "center",
|
|
90
101
|
alignItems: "center",
|
|
91
102
|
paddingVertical: variant === "iconOnly" ? 1 : theme.spacing.xs,
|
|
92
|
-
paddingHorizontal:
|
|
93
|
-
variant === "iconOnly" ? (theme.spacing.xs as any) : theme.spacing.sm,
|
|
103
|
+
paddingHorizontal: variant === "iconOnly" ? theme.spacing.xs : theme.spacing.sm,
|
|
94
104
|
flexDirection: "row",
|
|
95
|
-
borderRadius: badgeBorderRadius
|
|
96
|
-
backgroundColor
|
|
105
|
+
borderRadius: badgeBorderRadius,
|
|
106
|
+
backgroundColor,
|
|
97
107
|
height: variant === "iconOnly" ? 16 : "auto",
|
|
98
108
|
width: variant === "iconOnly" ? 16 : "auto",
|
|
99
109
|
},
|
|
100
110
|
isIconOnly && {height: 16, width: 16},
|
|
101
|
-
secondary && {borderWidth: 1, borderColor
|
|
111
|
+
secondary && {borderWidth: 1, borderColor},
|
|
102
112
|
]}
|
|
103
113
|
>
|
|
104
114
|
{Boolean(variant !== "numberOnly" && iconName) && (
|
|
105
|
-
<View style={{marginRight: variant === "iconOnly" ? 0 :
|
|
106
|
-
<Icon color={
|
|
115
|
+
<View style={{marginRight: variant === "iconOnly" ? 0 : theme.spacing.sm}}>
|
|
116
|
+
<Icon color={iconColor} iconName={customIconName ?? iconName!} size="xs" />
|
|
107
117
|
</View>
|
|
108
118
|
)}
|
|
109
119
|
{Boolean(variant !== "iconOnly") && (
|
|
110
120
|
<Text
|
|
111
121
|
style={{
|
|
112
|
-
color:
|
|
122
|
+
color: textColor,
|
|
113
123
|
fontSize: 10,
|
|
114
124
|
fontWeight: "700",
|
|
115
125
|
fontFamily: "text",
|
package/src/Button.tsx
CHANGED
|
@@ -15,18 +15,18 @@ import {isNative} from "./Utilities";
|
|
|
15
15
|
const ConfirmationModal: FC<{
|
|
16
16
|
visible: boolean;
|
|
17
17
|
title: string;
|
|
18
|
-
|
|
18
|
+
subtitle?: string;
|
|
19
19
|
text: string;
|
|
20
20
|
onConfirm: () => void;
|
|
21
21
|
onCancel: () => void;
|
|
22
|
-
}> = ({visible, title,
|
|
22
|
+
}> = ({visible, title, subtitle, text, onConfirm, onCancel}) => {
|
|
23
23
|
return (
|
|
24
24
|
<Modal
|
|
25
25
|
primaryButtonOnClick={onConfirm}
|
|
26
26
|
primaryButtonText="Confirm"
|
|
27
27
|
secondaryButtonOnClick={onCancel}
|
|
28
28
|
secondaryButtonText="Cancel"
|
|
29
|
-
|
|
29
|
+
subtitle={subtitle}
|
|
30
30
|
title={title}
|
|
31
31
|
visible={visible}
|
|
32
32
|
onDismiss={onCancel}
|
|
@@ -145,7 +145,7 @@ const ButtonComponent: FC<ButtonProps> = ({
|
|
|
145
145
|
</View>
|
|
146
146
|
{withConfirmation && (
|
|
147
147
|
<ConfirmationModal
|
|
148
|
-
|
|
148
|
+
subtitle={modalSubTitle}
|
|
149
149
|
text={confirmationText}
|
|
150
150
|
title={modalTitle}
|
|
151
151
|
visible={showConfirmation}
|