@terreno/ui 0.0.15 → 0.0.17
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/Button.js +7 -9
- package/dist/Button.js.map +1 -1
- package/dist/Common.d.ts +39 -0
- package/dist/DateUtilities.js +2 -2
- package/dist/UserInactivity.d.ts +28 -0
- package/dist/UserInactivity.js +100 -0
- package/dist/UserInactivity.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/ActionSheet.test.tsx +77 -0
- package/src/Banner.test.tsx +106 -0
- package/src/Body.test.tsx +79 -0
- package/src/BooleanField.test.tsx +84 -0
- package/src/Button.test.tsx +160 -0
- package/src/Button.tsx +20 -37
- package/src/Card.test.tsx +61 -0
- package/src/CheckBox.test.tsx +53 -0
- package/src/Common.ts +45 -0
- package/src/CustomSelectField.test.tsx +85 -0
- package/src/DataTable.test.tsx +133 -0
- package/src/DateTimeActionSheet.test.tsx +65 -0
- package/src/DateUtilities.tsx +2 -2
- package/src/DecimalRangeActionSheet.test.tsx +46 -0
- package/src/DismissButton.test.tsx +49 -0
- package/src/EmailField.test.tsx +106 -0
- package/src/ErrorBoundary.test.tsx +44 -0
- package/src/ErrorPage.test.tsx +44 -0
- package/src/Field.test.tsx +128 -0
- package/src/Heading.test.tsx +66 -0
- package/src/HeightActionSheet.test.tsx +34 -0
- package/src/Hyperlink.test.tsx +52 -0
- package/src/Icon.test.tsx +61 -0
- package/src/IconButton.test.tsx +145 -0
- package/src/Image.test.tsx +65 -0
- package/src/ImageBackground.test.tsx +46 -0
- package/src/InfoModalIcon.test.tsx +54 -0
- package/src/InfoTooltipButton.test.tsx +22 -0
- package/src/Link.test.tsx +64 -0
- package/src/MarkdownView.test.tsx +50 -0
- package/src/MobileAddressAutoComplete.test.tsx +58 -0
- package/src/Modal.test.tsx +169 -0
- package/src/ModalSheet.test.tsx +52 -0
- package/src/MultiselectField.test.tsx +134 -0
- package/src/NumberField.test.tsx +133 -0
- package/src/NumberPickerActionSheet.test.tsx +46 -0
- package/src/OpenAPIContext.test.tsx +36 -0
- package/src/Page.test.tsx +128 -0
- package/src/Pagination.test.tsx +86 -0
- package/src/PasswordField.test.tsx +17 -0
- package/src/PhoneNumberField.test.tsx +79 -0
- package/src/PickerSelect.test.tsx +52 -0
- package/src/Radio.test.tsx +30 -0
- package/src/RadioField.test.tsx +89 -0
- package/src/SectionDivider.test.tsx +17 -0
- package/src/SegmentedControl.test.tsx +84 -0
- package/src/SelectBadge.test.tsx +103 -0
- package/src/SelectField.test.tsx +84 -0
- package/src/SideDrawer.test.tsx +99 -0
- package/src/Signature.test.tsx +32 -0
- package/src/SignatureField.test.tsx +60 -0
- package/src/Spinner.test.tsx +74 -0
- package/src/SplitPage.test.tsx +82 -0
- package/src/TapToEdit.test.tsx +147 -0
- package/src/TerrenoProvider.test.tsx +36 -0
- package/src/Text.test.tsx +147 -0
- package/src/Theme.test.tsx +153 -0
- package/src/TimezonePicker.test.tsx +57 -0
- package/src/Toast.test.tsx +82 -0
- package/src/Tooltip.test.tsx +89 -0
- package/src/UnifiedAddressAutoComplete.test.tsx +53 -0
- package/src/UserInactivity.test.tsx +96 -0
- package/src/UserInactivity.tsx +129 -0
- package/src/Utilities.test.tsx +237 -0
- package/src/WebAddressAutocomplete.test.tsx +33 -0
- package/src/__snapshots__/ActionSheet.test.tsx.snap +889 -0
- package/src/__snapshots__/Banner.test.tsx.snap +546 -0
- package/src/__snapshots__/Body.test.tsx.snap +685 -0
- package/src/__snapshots__/BooleanField.test.tsx.snap +553 -0
- package/src/__snapshots__/Button.test.tsx.snap +934 -0
- package/src/__snapshots__/Card.test.tsx.snap +195 -0
- package/src/__snapshots__/CheckBox.test.tsx.snap +190 -0
- package/src/__snapshots__/CustomSelectField.test.tsx.snap +2299 -0
- package/src/__snapshots__/DataTable.test.tsx.snap +9614 -0
- package/src/__snapshots__/DateTimeActionSheet.test.tsx.snap +11 -0
- package/src/__snapshots__/DecimalRangeActionSheet.test.tsx.snap +1719 -0
- package/src/__snapshots__/DismissButton.test.tsx.snap +91 -0
- package/src/__snapshots__/EmailField.test.tsx.snap +168 -0
- package/src/__snapshots__/ErrorBoundary.test.tsx.snap +57 -0
- package/src/__snapshots__/ErrorPage.test.tsx.snap +195 -0
- package/src/__snapshots__/Field.test.tsx.snap +4510 -0
- package/src/__snapshots__/Heading.test.tsx.snap +193 -0
- package/src/__snapshots__/HeightActionSheet.test.tsx.snap +1269 -0
- package/src/__snapshots__/Hyperlink.test.tsx.snap +81 -0
- package/src/__snapshots__/Icon.test.tsx.snap +47 -0
- package/src/__snapshots__/IconButton.test.tsx.snap +29 -0
- package/src/__snapshots__/Image.test.tsx.snap +282 -0
- package/src/__snapshots__/ImageBackground.test.tsx.snap +120 -0
- package/src/__snapshots__/InfoModalIcon.test.tsx.snap +1229 -0
- package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +7 -0
- package/src/__snapshots__/Link.test.tsx.snap +41 -0
- package/src/__snapshots__/MarkdownView.test.tsx.snap +965 -0
- package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +230 -0
- package/src/__snapshots__/Modal.test.tsx.snap +1477 -0
- package/src/__snapshots__/ModalSheet.test.tsx.snap +37 -0
- package/src/__snapshots__/MultiselectField.test.tsx.snap +1454 -0
- package/src/__snapshots__/NumberField.test.tsx.snap +80 -0
- package/src/__snapshots__/NumberPickerActionSheet.test.tsx.snap +5359 -0
- package/src/__snapshots__/OpenAPIContext.test.tsx.snap +14 -0
- package/src/__snapshots__/Page.test.tsx.snap +1647 -0
- package/src/__snapshots__/Pagination.test.tsx.snap +1913 -0
- package/src/__snapshots__/PasswordField.test.tsx.snap +15 -0
- package/src/__snapshots__/PhoneNumberField.test.tsx.snap +405 -0
- package/src/__snapshots__/PickerSelect.test.tsx.snap +1053 -0
- package/src/__snapshots__/Radio.test.tsx.snap +111 -0
- package/src/__snapshots__/RadioField.test.tsx.snap +944 -0
- package/src/__snapshots__/SectionDivider.test.tsx.snap +37 -0
- package/src/__snapshots__/SegmentedControl.test.tsx.snap +1422 -0
- package/src/__snapshots__/SelectBadge.test.tsx.snap +2377 -0
- package/src/__snapshots__/SelectField.test.tsx.snap +1658 -0
- package/src/__snapshots__/SideDrawer.test.tsx.snap +1857 -0
- package/src/__snapshots__/Signature.test.tsx.snap +67 -0
- package/src/__snapshots__/SignatureField.test.tsx.snap +241 -0
- package/src/__snapshots__/Spinner.test.tsx.snap +73 -0
- package/src/__snapshots__/SplitPage.test.tsx.snap +686 -0
- package/src/__snapshots__/TapToEdit.test.tsx.snap +839 -0
- package/src/__snapshots__/TerrenoProvider.test.tsx.snap +203 -0
- package/src/__snapshots__/Text.test.tsx.snap +558 -0
- package/src/__snapshots__/TimezonePicker.test.tsx.snap +6676 -0
- package/src/__snapshots__/Toast.test.tsx.snap +1982 -0
- package/src/__snapshots__/Tooltip.test.tsx.snap +456 -0
- package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +377 -0
- package/src/__snapshots__/UserInactivity.test.tsx.snap +108 -0
- package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +238 -0
- package/src/bunSetup.ts +101 -8
- package/src/fieldElements/FieldError.test.tsx +40 -0
- package/src/fieldElements/FieldHelperText.test.tsx +34 -0
- package/src/fieldElements/FieldTitle.test.tsx +30 -0
- package/src/fieldElements/__snapshots__/FieldError.test.tsx.snap +85 -0
- package/src/fieldElements/__snapshots__/FieldHelperText.test.tsx.snap +30 -0
- package/src/fieldElements/__snapshots__/FieldTitle.test.tsx.snap +19 -0
- package/src/icons/MobileIcon.test.tsx +21 -0
- package/src/icons/OfflineIcon.test.tsx +21 -0
- package/src/icons/OnlineIcon.test.tsx +21 -0
- package/src/icons/OutOfficeIcon.test.tsx +21 -0
- package/src/icons/__snapshots__/MobileIcon.test.tsx.snap +160 -0
- package/src/icons/__snapshots__/OfflineIcon.test.tsx.snap +133 -0
- package/src/icons/__snapshots__/OnlineIcon.test.tsx.snap +124 -0
- package/src/icons/__snapshots__/OutOfficeIcon.test.tsx.snap +160 -0
- package/src/index.tsx +1 -0
- package/src/table/Table.test.tsx +107 -0
- package/src/table/TableBadge.test.tsx +53 -0
- package/src/table/TableBoolean.test.tsx +38 -0
- package/src/table/TableDate.test.tsx +27 -0
- package/src/table/TableHeader.test.tsx +67 -0
- package/src/table/TableHeaderCell.test.tsx +113 -0
- package/src/table/TableIconButton.test.tsx +51 -0
- package/src/table/TableNumber.test.tsx +45 -0
- package/src/table/TableRow.test.tsx +83 -0
- package/src/table/TableText.test.tsx +30 -0
- package/src/table/TableTitle.test.tsx +30 -0
- package/src/table/__snapshots__/Table.test.tsx.snap +2090 -0
- package/src/table/__snapshots__/TableBadge.test.tsx.snap +710 -0
- package/src/table/__snapshots__/TableBoolean.test.tsx.snap +231 -0
- package/src/table/__snapshots__/TableDate.test.tsx.snap +61 -0
- package/src/table/__snapshots__/TableHeader.test.tsx.snap +1089 -0
- package/src/table/__snapshots__/TableHeaderCell.test.tsx.snap +1773 -0
- package/src/table/__snapshots__/TableIconButton.test.tsx.snap +81 -0
- package/src/table/__snapshots__/TableNumber.test.tsx.snap +91 -0
- package/src/table/__snapshots__/TableRow.test.tsx.snap +1391 -0
- package/src/table/__snapshots__/TableText.test.tsx.snap +73 -0
- package/src/table/__snapshots__/TableTitle.test.tsx.snap +109 -0
package/dist/Button.js
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
|
|
3
3
|
import debounce from "lodash/debounce";
|
|
4
|
-
import { useMemo, useState } from "react";
|
|
4
|
+
import { lazy, Suspense, useMemo, useState } from "react";
|
|
5
5
|
import { ActivityIndicator, Pressable, Text, View } from "react-native";
|
|
6
6
|
import { Box } from "./Box";
|
|
7
7
|
import { isMobileDevice } from "./MediaQuery";
|
|
8
|
-
import { Modal } from "./Modal";
|
|
9
8
|
import { useTheme } from "./Theme";
|
|
10
9
|
import { Tooltip } from "./Tooltip";
|
|
11
10
|
import { Unifier } from "./Unifier";
|
|
12
11
|
import { isNative } from "./Utilities";
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
12
|
+
// Lazy load Modal to break the circular dependency: Modal -> Button -> Modal
|
|
13
|
+
const LazyModal = lazy(() => import("./Modal").then((module) => ({ default: module.Modal })));
|
|
16
14
|
const ButtonComponent = ({ confirmationText = "Are you sure you want to continue?", disabled = false, fullWidth = false, iconName, iconPosition = "left", loading: propsLoading, modalTitle = "Confirm", modalSubTitle, testID, text, variant = "primary", withConfirmation = false, onClick, }) => {
|
|
17
15
|
const [loading, setLoading] = useState(propsLoading);
|
|
18
16
|
const [showConfirmation, setShowConfirmation] = useState(false);
|
|
@@ -89,10 +87,10 @@ const ButtonComponent = ({ confirmationText = "Are you sure you want to continue
|
|
|
89
87
|
alignSelf: "center",
|
|
90
88
|
marginLeft: iconPosition === "right" ? 8 : 0,
|
|
91
89
|
marginRight: iconPosition === "left" ? 8 : 0,
|
|
92
|
-
}, children: _jsx(FontAwesome6, { color: color, name: iconName, size: 16, solid: true }) })), _jsx(Text, { style: { color, fontSize: 16, fontWeight: "700" }, children: text })] }), Boolean(loading) && (_jsx(Box, { marginLeft: 2, children: _jsx(ActivityIndicator, { color: color, size: "small" }) }))] }), withConfirmation && (_jsx(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
90
|
+
}, children: _jsx(FontAwesome6, { color: color, name: iconName, size: 16, solid: true }) })), _jsx(Text, { style: { color, fontSize: 16, fontWeight: "700" }, children: text })] }), Boolean(loading) && (_jsx(Box, { marginLeft: 2, children: _jsx(ActivityIndicator, { color: color, size: "small" }) }))] }), withConfirmation && showConfirmation && (_jsx(Suspense, { fallback: null, children: _jsx(LazyModal, { onDismiss: () => setShowConfirmation(false), primaryButtonOnClick: async () => {
|
|
91
|
+
await onClick();
|
|
92
|
+
setShowConfirmation(false);
|
|
93
|
+
}, primaryButtonText: "Confirm", secondaryButtonOnClick: () => setShowConfirmation(false), secondaryButtonText: "Cancel", subtitle: modalSubTitle, text: confirmationText, title: modalTitle, visible: showConfirmation }) }))] }));
|
|
96
94
|
};
|
|
97
95
|
export const Button = (props) => {
|
|
98
96
|
const { tooltipText, tooltipIdealPosition, tooltipIncludeArrow = false } = props;
|
package/dist/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAC3D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAU,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}
|
package/dist/Common.d.ts
CHANGED
|
@@ -2322,4 +2322,43 @@ export interface SliderProps extends HelperTextProps, ErrorTextProps {
|
|
|
2322
2322
|
*/
|
|
2323
2323
|
valueMapping?: ValueMappingItem[];
|
|
2324
2324
|
}
|
|
2325
|
+
export interface UserInactivityProps {
|
|
2326
|
+
/**
|
|
2327
|
+
* Children components to embed inside UserInactivity's View.
|
|
2328
|
+
* If any children component is pressed, `onAction` is called after
|
|
2329
|
+
* `timeForInactivity` milliseconds.
|
|
2330
|
+
*/
|
|
2331
|
+
children: React.ReactNode;
|
|
2332
|
+
/**
|
|
2333
|
+
* If it's explicitly set to `true` after the component has already been initialized,
|
|
2334
|
+
* the timer restarts and the view is considered active until the new timer expires.
|
|
2335
|
+
* @default true
|
|
2336
|
+
*/
|
|
2337
|
+
isActive?: boolean;
|
|
2338
|
+
/**
|
|
2339
|
+
* Callback triggered anytime UserInactivity's View isn't touched for more than
|
|
2340
|
+
* `timeForInactivity` milliseconds.
|
|
2341
|
+
* The `active` argument is true if and only if the View wasn't touched for more
|
|
2342
|
+
* than `timeForInactivity` milliseconds.
|
|
2343
|
+
*/
|
|
2344
|
+
onAction: (active: boolean) => void;
|
|
2345
|
+
/**
|
|
2346
|
+
* If set to true, the timer is not reset when the keyboard appears
|
|
2347
|
+
* or disappears.
|
|
2348
|
+
* @default false
|
|
2349
|
+
*/
|
|
2350
|
+
skipKeyboard?: boolean;
|
|
2351
|
+
/**
|
|
2352
|
+
* Optional custom style for UserInactivity's View.
|
|
2353
|
+
* @default { flex: 1 }
|
|
2354
|
+
*/
|
|
2355
|
+
style?: StyleProp<ViewStyle>;
|
|
2356
|
+
/**
|
|
2357
|
+
* Number of milliseconds after which the view is considered inactive.
|
|
2358
|
+
* If it changed, the timer restarts and the view is considered active until
|
|
2359
|
+
* the new timer expires.
|
|
2360
|
+
* @default 10000
|
|
2361
|
+
*/
|
|
2362
|
+
timeForInactivity?: number;
|
|
2363
|
+
}
|
|
2325
2364
|
export {};
|
package/dist/DateUtilities.js
CHANGED
|
@@ -75,7 +75,7 @@ export function humanDate(date, { timezone, dontShowTime } = {}) {
|
|
|
75
75
|
}
|
|
76
76
|
else {
|
|
77
77
|
// December 25, 2022
|
|
78
|
-
return clonedDate.toFormat("MMM d,
|
|
78
|
+
return clonedDate.toFormat("MMM d, yyyy");
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
// Prints a human friendly date and time, e.g. "Tomorrow 9:00 AM", "Yesterday 9:00 AM", "Monday
|
|
@@ -119,7 +119,7 @@ export function humanDateAndTime(date, { timezone, showTimezone = true } = {}) {
|
|
|
119
119
|
}
|
|
120
120
|
else {
|
|
121
121
|
// December 25, 2022
|
|
122
|
-
return `${clonedDate.toFormat("MMM d,
|
|
122
|
+
return `${clonedDate.toFormat("MMM d, yyyy")} ${time}`;
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
125
|
// Print date in the format of M/D/YY, taking timezones into account.
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MIT License
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) 2017-2021 Alberto Schiabel
|
|
5
|
+
*
|
|
6
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
+
* in the Software without restriction, including without limitation the rights
|
|
9
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
+
* furnished to do so, subject to the following conditions:
|
|
12
|
+
*
|
|
13
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
+
* copies or substantial portions of the Software.
|
|
15
|
+
*
|
|
16
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
+
* SOFTWARE.
|
|
23
|
+
*
|
|
24
|
+
* Vendored from https://github.com/jkomyno/react-native-user-inactivity
|
|
25
|
+
*/
|
|
26
|
+
import { type FC } from "react";
|
|
27
|
+
import type { UserInactivityProps } from "./Common";
|
|
28
|
+
export declare const UserInactivity: FC<UserInactivityProps>;
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* MIT License
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) 2017-2021 Alberto Schiabel
|
|
6
|
+
*
|
|
7
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
8
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
9
|
+
* in the Software without restriction, including without limitation the rights
|
|
10
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
11
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
12
|
+
* furnished to do so, subject to the following conditions:
|
|
13
|
+
*
|
|
14
|
+
* The above copyright notice and this permission notice shall be included in all
|
|
15
|
+
* copies or substantial portions of the Software.
|
|
16
|
+
*
|
|
17
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
18
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
19
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
20
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
21
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
22
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
23
|
+
* SOFTWARE.
|
|
24
|
+
*
|
|
25
|
+
* Vendored from https://github.com/jkomyno/react-native-user-inactivity
|
|
26
|
+
*/
|
|
27
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
|
28
|
+
import { Keyboard, PanResponder, View } from "react-native";
|
|
29
|
+
const DEFAULT_TIME_FOR_INACTIVITY = 10000;
|
|
30
|
+
const DEFAULT_STYLE = {
|
|
31
|
+
flex: 1,
|
|
32
|
+
};
|
|
33
|
+
export const UserInactivity = ({ children, isActive: isActiveProp, onAction, skipKeyboard = false, style, timeForInactivity = DEFAULT_TIME_FOR_INACTIVITY, }) => {
|
|
34
|
+
const actualStyle = style !== null && style !== void 0 ? style : DEFAULT_STYLE;
|
|
35
|
+
const initialActive = isActiveProp === undefined ? true : isActiveProp;
|
|
36
|
+
const [active, setActive] = useState(initialActive);
|
|
37
|
+
const [resetKey, setResetKey] = useState(0);
|
|
38
|
+
const timeoutRef = useRef(null);
|
|
39
|
+
const isFirstRender = useRef(true);
|
|
40
|
+
const clearTimer = useCallback(() => {
|
|
41
|
+
if (timeoutRef.current !== null) {
|
|
42
|
+
clearTimeout(timeoutRef.current);
|
|
43
|
+
timeoutRef.current = null;
|
|
44
|
+
}
|
|
45
|
+
}, []);
|
|
46
|
+
const resetTimerDueToActivity = useCallback(() => {
|
|
47
|
+
clearTimer();
|
|
48
|
+
setActive(true);
|
|
49
|
+
setResetKey((prev) => prev + 1);
|
|
50
|
+
}, [clearTimer]);
|
|
51
|
+
// Handle isActive prop changes
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
if (isActiveProp) {
|
|
54
|
+
resetTimerDueToActivity();
|
|
55
|
+
}
|
|
56
|
+
}, [isActiveProp, resetTimerDueToActivity]);
|
|
57
|
+
// Setup the inactivity timeout
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
timeoutRef.current = setTimeout(() => {
|
|
60
|
+
setActive(false);
|
|
61
|
+
onAction(false);
|
|
62
|
+
}, timeForInactivity);
|
|
63
|
+
return clearTimer;
|
|
64
|
+
}, [resetKey, timeForInactivity, onAction, clearTimer]);
|
|
65
|
+
// Trigger onAction when active state changes (except on first render)
|
|
66
|
+
useEffect(() => {
|
|
67
|
+
if (isFirstRender.current) {
|
|
68
|
+
isFirstRender.current = false;
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
if (active) {
|
|
72
|
+
onAction(true);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}, [active, onAction]);
|
|
76
|
+
// Setup keyboard listeners
|
|
77
|
+
useEffect(() => {
|
|
78
|
+
if (skipKeyboard) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
const hideEvent = Keyboard.addListener("keyboardDidHide", resetTimerDueToActivity);
|
|
82
|
+
const showEvent = Keyboard.addListener("keyboardDidShow", resetTimerDueToActivity);
|
|
83
|
+
return () => {
|
|
84
|
+
hideEvent.remove();
|
|
85
|
+
showEvent.remove();
|
|
86
|
+
};
|
|
87
|
+
}, [skipKeyboard, resetTimerDueToActivity]);
|
|
88
|
+
const resetTimerForPanResponder = useCallback(() => {
|
|
89
|
+
resetTimerDueToActivity();
|
|
90
|
+
return false;
|
|
91
|
+
}, [resetTimerDueToActivity]);
|
|
92
|
+
// Initialize PanResponder once
|
|
93
|
+
const [panResponder] = useState(() => PanResponder.create({
|
|
94
|
+
onMoveShouldSetPanResponderCapture: resetTimerForPanResponder,
|
|
95
|
+
onPanResponderTerminationRequest: resetTimerForPanResponder,
|
|
96
|
+
onStartShouldSetPanResponderCapture: resetTimerForPanResponder,
|
|
97
|
+
}));
|
|
98
|
+
return (_jsx(View, Object.assign({ collapsable: false, style: actualStyle }, panResponder.panHandlers, { children: children })));
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=UserInactivity.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserInactivity.js","sourceRoot":"","sources":["../src/UserInactivity.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -83,6 +83,7 @@ export * from "./table/TableTitle";
|
|
|
83
83
|
export * from "./table/tableContext";
|
|
84
84
|
export * from "./UnifiedAddressAutoComplete";
|
|
85
85
|
export * from "./Unifier";
|
|
86
|
+
export * from "./UserInactivity";
|
|
86
87
|
export * from "./Utilities";
|
|
87
88
|
export * from "./useStoredState";
|
|
88
89
|
export * from "./WebAddressAutocomplete";
|
package/dist/index.js
CHANGED
|
@@ -83,6 +83,7 @@ export * from "./table/TableTitle";
|
|
|
83
83
|
export * from "./table/tableContext";
|
|
84
84
|
export * from "./UnifiedAddressAutoComplete";
|
|
85
85
|
export * from "./Unifier";
|
|
86
|
+
export * from "./UserInactivity";
|
|
86
87
|
export * from "./Utilities";
|
|
87
88
|
export * from "./useStoredState";
|
|
88
89
|
export * from "./WebAddressAutocomplete";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACzD,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACzD,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import {describe, expect, it} from "bun:test";
|
|
2
|
+
import {render} from "@testing-library/react-native";
|
|
3
|
+
import {createRef} from "react";
|
|
4
|
+
import {Text} from "react-native";
|
|
5
|
+
|
|
6
|
+
import {ActionSheet, getDeviceHeight, getElevation} from "./ActionSheet";
|
|
7
|
+
import {ThemeProvider} from "./Theme";
|
|
8
|
+
|
|
9
|
+
describe("ActionSheet", () => {
|
|
10
|
+
it("component is defined", () => {
|
|
11
|
+
expect(ActionSheet).toBeDefined();
|
|
12
|
+
expect(typeof ActionSheet).toBe("function");
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
it("renders correctly", () => {
|
|
16
|
+
const ref = createRef<ActionSheet>();
|
|
17
|
+
const {toJSON} = render(
|
|
18
|
+
<ThemeProvider>
|
|
19
|
+
<ActionSheet ref={ref}>
|
|
20
|
+
<Text>Test content</Text>
|
|
21
|
+
</ActionSheet>
|
|
22
|
+
</ThemeProvider>
|
|
23
|
+
);
|
|
24
|
+
expect(toJSON()).toMatchSnapshot();
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
it("renders with custom overlay color", () => {
|
|
28
|
+
const ref = createRef<ActionSheet>();
|
|
29
|
+
const {toJSON} = render(
|
|
30
|
+
<ThemeProvider>
|
|
31
|
+
<ActionSheet overlayColor="rgba(0,0,0,0.5)" ref={ref}>
|
|
32
|
+
<Text>Content</Text>
|
|
33
|
+
</ActionSheet>
|
|
34
|
+
</ThemeProvider>
|
|
35
|
+
);
|
|
36
|
+
expect(toJSON()).toMatchSnapshot();
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
it("renders with gesture enabled", () => {
|
|
40
|
+
const ref = createRef<ActionSheet>();
|
|
41
|
+
const {toJSON} = render(
|
|
42
|
+
<ThemeProvider>
|
|
43
|
+
<ActionSheet gestureEnabled ref={ref}>
|
|
44
|
+
<Text>Gesture content</Text>
|
|
45
|
+
</ActionSheet>
|
|
46
|
+
</ThemeProvider>
|
|
47
|
+
);
|
|
48
|
+
expect(toJSON()).toMatchSnapshot();
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
describe("getDeviceHeight", () => {
|
|
52
|
+
it("returns a number", () => {
|
|
53
|
+
const height = getDeviceHeight(false);
|
|
54
|
+
expect(typeof height).toBe("number");
|
|
55
|
+
expect(height).toBeGreaterThan(0);
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
it("works with statusBarTranslucent true", () => {
|
|
59
|
+
const height = getDeviceHeight(true);
|
|
60
|
+
expect(typeof height).toBe("number");
|
|
61
|
+
expect(height).toBeGreaterThan(0);
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
describe("getElevation", () => {
|
|
66
|
+
it("returns empty object for no elevation", () => {
|
|
67
|
+
expect(getElevation()).toEqual({});
|
|
68
|
+
expect(getElevation(0)).toEqual({});
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
it("returns elevation styles for positive elevation", () => {
|
|
72
|
+
const result = getElevation(5);
|
|
73
|
+
expect(result).toHaveProperty("elevation", 5);
|
|
74
|
+
expect(result).toHaveProperty("boxShadow");
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
});
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import {describe, expect, it, mock} from "bun:test";
|
|
2
|
+
import {act, fireEvent, waitFor} from "@testing-library/react-native";
|
|
3
|
+
|
|
4
|
+
import {Banner} from "./Banner";
|
|
5
|
+
import {renderWithTheme} from "./test-utils";
|
|
6
|
+
|
|
7
|
+
describe("Banner", () => {
|
|
8
|
+
it("renders correctly with default props", () => {
|
|
9
|
+
const {toJSON} = renderWithTheme(<Banner id="test-banner" text="Test message" />);
|
|
10
|
+
expect(toJSON()).toMatchSnapshot();
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
it("renders text content correctly", () => {
|
|
14
|
+
const {getByText} = renderWithTheme(<Banner id="test-banner" text="Important notice" />);
|
|
15
|
+
expect(getByText("Important notice")).toBeTruthy();
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
it("renders with info status (default)", () => {
|
|
19
|
+
const {toJSON} = renderWithTheme(<Banner id="test-banner" status="info" text="Info message" />);
|
|
20
|
+
expect(toJSON()).toMatchSnapshot();
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
it("renders with alert status", () => {
|
|
24
|
+
const {toJSON} = renderWithTheme(
|
|
25
|
+
<Banner id="test-banner" status="alert" text="Alert message" />
|
|
26
|
+
);
|
|
27
|
+
expect(toJSON()).toMatchSnapshot();
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
it("renders with warning status", () => {
|
|
31
|
+
const {toJSON} = renderWithTheme(
|
|
32
|
+
<Banner id="test-banner" status="warning" text="Warning message" />
|
|
33
|
+
);
|
|
34
|
+
expect(toJSON()).toMatchSnapshot();
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
it("renders with icon when hasIcon is true", () => {
|
|
38
|
+
const {toJSON} = renderWithTheme(<Banner hasIcon id="test-banner" text="With icon" />);
|
|
39
|
+
expect(toJSON()).toMatchSnapshot();
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
it("renders dismissible banner with dismiss button", () => {
|
|
43
|
+
const {getByLabelText} = renderWithTheme(
|
|
44
|
+
<Banner dismissible id="test-banner" text="Dismissible" />
|
|
45
|
+
);
|
|
46
|
+
expect(getByLabelText("Dismiss")).toBeTruthy();
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
it("hides banner when dismiss button is clicked", async () => {
|
|
50
|
+
const {getByLabelText, queryByText} = renderWithTheme(
|
|
51
|
+
<Banner dismissible id="test-dismiss-banner" text="Dismissible banner" />
|
|
52
|
+
);
|
|
53
|
+
|
|
54
|
+
await act(async () => {
|
|
55
|
+
fireEvent.press(getByLabelText("Dismiss"));
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
await waitFor(() => {
|
|
59
|
+
expect(queryByText("Dismissible banner")).toBeNull();
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
it("renders with button", async () => {
|
|
64
|
+
const handleClick = mock(() => Promise.resolve());
|
|
65
|
+
const {getByText, toJSON} = renderWithTheme(
|
|
66
|
+
<Banner
|
|
67
|
+
buttonOnClick={handleClick}
|
|
68
|
+
buttonText="Action"
|
|
69
|
+
id="test-banner"
|
|
70
|
+
text="Banner with button"
|
|
71
|
+
/>
|
|
72
|
+
);
|
|
73
|
+
expect(toJSON()).toMatchSnapshot();
|
|
74
|
+
expect(getByText("Action")).toBeTruthy();
|
|
75
|
+
});
|
|
76
|
+
|
|
77
|
+
it("renders with button and icon", () => {
|
|
78
|
+
const handleClick = mock(() => Promise.resolve());
|
|
79
|
+
const {toJSON} = renderWithTheme(
|
|
80
|
+
<Banner
|
|
81
|
+
buttonIconName="arrow-right"
|
|
82
|
+
buttonOnClick={handleClick}
|
|
83
|
+
buttonText="Go"
|
|
84
|
+
id="test-banner"
|
|
85
|
+
text="Banner with button and icon"
|
|
86
|
+
/>
|
|
87
|
+
);
|
|
88
|
+
expect(toJSON()).toMatchSnapshot();
|
|
89
|
+
});
|
|
90
|
+
|
|
91
|
+
it("calls buttonOnClick when button is pressed", async () => {
|
|
92
|
+
const handleClick = mock(() => Promise.resolve());
|
|
93
|
+
const {getByText} = renderWithTheme(
|
|
94
|
+
<Banner buttonOnClick={handleClick} buttonText="Click me" id="test-banner" text="Banner" />
|
|
95
|
+
);
|
|
96
|
+
|
|
97
|
+
await act(async () => {
|
|
98
|
+
fireEvent.press(getByText("Click me"));
|
|
99
|
+
await new Promise((resolve) => setTimeout(resolve, 100));
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
await waitFor(() => {
|
|
103
|
+
expect(handleClick).toHaveBeenCalled();
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
});
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import {describe, expect, it} from "bun:test";
|
|
2
|
+
|
|
3
|
+
import {Body} from "./Body";
|
|
4
|
+
import {Text} from "./Text";
|
|
5
|
+
import {renderWithTheme} from "./test-utils";
|
|
6
|
+
|
|
7
|
+
describe("Body", () => {
|
|
8
|
+
it("renders correctly with default props", () => {
|
|
9
|
+
const {toJSON} = renderWithTheme(
|
|
10
|
+
<Body>
|
|
11
|
+
<Text>Body content</Text>
|
|
12
|
+
</Body>
|
|
13
|
+
);
|
|
14
|
+
expect(toJSON()).toMatchSnapshot();
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
it("renders children correctly", () => {
|
|
18
|
+
const {getByText} = renderWithTheme(
|
|
19
|
+
<Body>
|
|
20
|
+
<Text>Test content</Text>
|
|
21
|
+
</Body>
|
|
22
|
+
);
|
|
23
|
+
expect(getByText("Test content")).toBeTruthy();
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
it("renders with scroll enabled", () => {
|
|
27
|
+
const {toJSON} = renderWithTheme(
|
|
28
|
+
<Body scroll>
|
|
29
|
+
<Text>Scrollable content</Text>
|
|
30
|
+
</Body>
|
|
31
|
+
);
|
|
32
|
+
expect(toJSON()).toMatchSnapshot();
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
it("renders with loading state", () => {
|
|
36
|
+
const {toJSON} = renderWithTheme(
|
|
37
|
+
<Body loading>
|
|
38
|
+
<Text>Content</Text>
|
|
39
|
+
</Body>
|
|
40
|
+
);
|
|
41
|
+
expect(toJSON()).toMatchSnapshot();
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
it("renders with custom padding", () => {
|
|
45
|
+
const {toJSON} = renderWithTheme(
|
|
46
|
+
<Body padding={10}>
|
|
47
|
+
<Text>Content</Text>
|
|
48
|
+
</Body>
|
|
49
|
+
);
|
|
50
|
+
expect(toJSON()).toMatchSnapshot();
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
it("renders with custom height", () => {
|
|
54
|
+
const {toJSON} = renderWithTheme(
|
|
55
|
+
<Body height={500}>
|
|
56
|
+
<Text>Content</Text>
|
|
57
|
+
</Body>
|
|
58
|
+
);
|
|
59
|
+
expect(toJSON()).toMatchSnapshot();
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
it("renders without keyboard avoiding when avoidKeyboard is false", () => {
|
|
63
|
+
const {toJSON} = renderWithTheme(
|
|
64
|
+
<Body avoidKeyboard={false}>
|
|
65
|
+
<Text>Content</Text>
|
|
66
|
+
</Body>
|
|
67
|
+
);
|
|
68
|
+
expect(toJSON()).toMatchSnapshot();
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
it("renders with keyboard avoiding by default", () => {
|
|
72
|
+
const {toJSON} = renderWithTheme(
|
|
73
|
+
<Body>
|
|
74
|
+
<Text>Content</Text>
|
|
75
|
+
</Body>
|
|
76
|
+
);
|
|
77
|
+
expect(toJSON()).toMatchSnapshot();
|
|
78
|
+
});
|
|
79
|
+
});
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import {describe, expect, it, mock} from "bun:test";
|
|
2
|
+
import {fireEvent} from "@testing-library/react-native";
|
|
3
|
+
|
|
4
|
+
import {BooleanField} from "./BooleanField";
|
|
5
|
+
import {renderWithTheme} from "./test-utils";
|
|
6
|
+
|
|
7
|
+
describe("BooleanField", () => {
|
|
8
|
+
it("renders correctly with default props", () => {
|
|
9
|
+
const {toJSON} = renderWithTheme(<BooleanField onChange={() => {}} value={false} />);
|
|
10
|
+
expect(toJSON()).toMatchSnapshot();
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
it("renders with title", () => {
|
|
14
|
+
const {getByText, toJSON} = renderWithTheme(
|
|
15
|
+
<BooleanField onChange={() => {}} title="Enable notifications" value={false} />
|
|
16
|
+
);
|
|
17
|
+
expect(getByText("Enable notifications")).toBeTruthy();
|
|
18
|
+
expect(toJSON()).toMatchSnapshot();
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
it("renders with value true", () => {
|
|
22
|
+
const {toJSON} = renderWithTheme(<BooleanField onChange={() => {}} value={true} />);
|
|
23
|
+
expect(toJSON()).toMatchSnapshot();
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
it("renders with title variant showing Yes/No text", () => {
|
|
27
|
+
const {getByText} = renderWithTheme(
|
|
28
|
+
<BooleanField onChange={() => {}} title="Active" value={true} variant="title" />
|
|
29
|
+
);
|
|
30
|
+
expect(getByText("Yes")).toBeTruthy();
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
it("renders with title variant showing No when false", () => {
|
|
34
|
+
const {getByText} = renderWithTheme(
|
|
35
|
+
<BooleanField onChange={() => {}} title="Active" value={false} variant="title" />
|
|
36
|
+
);
|
|
37
|
+
expect(getByText("No")).toBeTruthy();
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
it("calls onChange when pressed", () => {
|
|
41
|
+
const handleChange = mock((_value: boolean) => {});
|
|
42
|
+
const {UNSAFE_getByType} = renderWithTheme(
|
|
43
|
+
<BooleanField onChange={handleChange} value={false} />
|
|
44
|
+
);
|
|
45
|
+
// TouchableWithoutFeedback is the pressable element
|
|
46
|
+
const touchable = UNSAFE_getByType("TouchableWithoutFeedback" as any);
|
|
47
|
+
fireEvent.press(touchable);
|
|
48
|
+
expect(handleChange).toHaveBeenCalledWith(true);
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
it("does not call onChange when disabled", () => {
|
|
52
|
+
const handleChange = mock((_value: boolean) => {});
|
|
53
|
+
const {UNSAFE_getByType} = renderWithTheme(
|
|
54
|
+
<BooleanField disabled onChange={handleChange} value={false} />
|
|
55
|
+
);
|
|
56
|
+
const touchable = UNSAFE_getByType("TouchableWithoutFeedback" as any);
|
|
57
|
+
fireEvent.press(touchable);
|
|
58
|
+
expect(handleChange).not.toHaveBeenCalled();
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
it("renders disabled state", () => {
|
|
62
|
+
const {toJSON} = renderWithTheme(<BooleanField disabled onChange={() => {}} value={false} />);
|
|
63
|
+
expect(toJSON()).toMatchSnapshot();
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
it("renders with helper text", () => {
|
|
67
|
+
const {getByText} = renderWithTheme(
|
|
68
|
+
<BooleanField helperText="Toggle to enable" onChange={() => {}} value={false} />
|
|
69
|
+
);
|
|
70
|
+
expect(getByText("Toggle to enable")).toBeTruthy();
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
it("renders with disabled helper text when disabled", () => {
|
|
74
|
+
const {getByText} = renderWithTheme(
|
|
75
|
+
<BooleanField
|
|
76
|
+
disabled
|
|
77
|
+
disabledHelperText="This setting is locked"
|
|
78
|
+
onChange={() => {}}
|
|
79
|
+
value={false}
|
|
80
|
+
/>
|
|
81
|
+
);
|
|
82
|
+
expect(getByText("This setting is locked")).toBeTruthy();
|
|
83
|
+
});
|
|
84
|
+
});
|