ferns-ui 1.10.0 → 1.11.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/Accordion.js +1 -1
- package/dist/Accordion.js.map +1 -1
- package/dist/Accordion.test.d.ts +1 -0
- package/dist/Accordion.test.js +71 -0
- package/dist/Accordion.test.js.map +1 -0
- package/dist/AddressField.test.d.ts +1 -0
- package/dist/AddressField.test.js +65 -0
- package/dist/AddressField.test.js.map +1 -0
- package/dist/Avatar.js +2 -2
- package/dist/Avatar.js.map +1 -1
- package/dist/Avatar.test.d.ts +1 -0
- package/dist/Avatar.test.js +131 -0
- package/dist/Avatar.test.js.map +1 -0
- package/dist/Badge.d.ts +1 -1
- package/dist/Badge.js +3 -3
- package/dist/Badge.js.map +1 -1
- package/dist/Badge.test.d.ts +1 -0
- package/dist/Badge.test.js +76 -0
- package/dist/Badge.test.js.map +1 -0
- package/dist/Box.test.d.ts +1 -0
- package/dist/Box.test.js +528 -0
- package/dist/Box.test.js.map +1 -0
- package/dist/Common.d.ts +100 -1
- package/dist/Common.js.map +1 -1
- package/dist/DateTimeField.js +15 -2
- package/dist/DateTimeField.js.map +1 -1
- package/dist/InfoModalIcon.js +1 -1
- package/dist/InfoModalIcon.js.map +1 -1
- package/dist/Slider.d.ts +3 -0
- package/dist/Slider.js +94 -0
- package/dist/Slider.js.map +1 -0
- package/dist/Text.js +2 -0
- package/dist/Text.js.map +1 -1
- package/dist/TextField.test.js +9 -9
- package/dist/TextField.test.js.map +1 -1
- package/dist/Tooltip.js +2 -0
- package/dist/Tooltip.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/dist/setupTests.js +40 -2
- package/dist/setupTests.js.map +1 -1
- package/dist/test-utils.js.map +1 -1
- package/package.json +2 -1
- package/src/Accordion.test.tsx +104 -0
- package/src/Accordion.tsx +1 -0
- package/src/AddressField.test.tsx +89 -0
- package/src/Avatar.test.tsx +163 -0
- package/src/Avatar.tsx +2 -0
- package/src/Badge.test.tsx +116 -0
- package/src/Badge.tsx +3 -1
- package/src/Box.test.tsx +665 -0
- package/src/Common.ts +114 -1
- package/src/DateTimeField.tsx +15 -2
- package/src/InfoModalIcon.tsx +1 -0
- package/src/Slider.tsx +205 -0
- package/src/Text.tsx +2 -0
- package/src/TextField.test.tsx +59 -71
- package/src/Tooltip.tsx +2 -0
- package/src/__snapshots__/Accordion.test.tsx.snap +120 -0
- package/src/__snapshots__/AddressField.test.tsx.snap +464 -0
- package/src/__snapshots__/Avatar.test.tsx.snap +78 -0
- package/src/__snapshots__/Badge.test.tsx.snap +44 -0
- package/src/__snapshots__/Box.test.tsx.snap +159 -0
- package/src/__snapshots__/TextArea.test.tsx.snap +12 -0
- package/src/__snapshots__/TextField.test.tsx.snap +38 -1
- package/src/index.tsx +1 -0
- package/src/setupTests.ts +45 -2
- package/src/test-utils.tsx +1 -0
package/dist/Accordion.js
CHANGED
|
@@ -27,7 +27,7 @@ export const Accordion = ({ children, isCollapsed = false, title, subtitle, incl
|
|
|
27
27
|
includeInfoModal && infoModalTitle && (React.createElement(InfoModalIcon, { infoModalChildren: infoModalChildren, infoModalSubtitle: infoModalSubtitle, infoModalText: infoModalText, infoModalTitle: infoModalTitle }))),
|
|
28
28
|
subtitle && React.createElement(Text, null, subtitle)),
|
|
29
29
|
React.createElement(View, null,
|
|
30
|
-
React.createElement(Pressable, { "aria-role": "button", hitSlop: { top: 20, bottom: 20, left: 20, right: 20 }, onPress: () => setCollapsed(!collapsed) },
|
|
30
|
+
React.createElement(Pressable, { "aria-role": "button", hitSlop: { top: 20, bottom: 20, left: 20, right: 20 }, testID: "accordion-toggle", onPress: () => setCollapsed(!collapsed) },
|
|
31
31
|
React.createElement(FontAwesome6, { color: theme.text.link, name: collapsed ? "chevron-down" : "chevron-up", selectable: undefined, size: 16 })))),
|
|
32
32
|
collapsed ? null : React.createElement(View, { style: { marginTop: 8 } }, children)));
|
|
33
33
|
};
|
package/dist/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAK,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,SAAS,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,cAAc,GACf,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,2EAA2E;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACvC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACpC,cAAc,EAAE,CAAC;YACjB,iBAAiB,EAAE,CAAC;YACpB,KAAK,EAAE,MAAM;SACd;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAC;YACxF,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAC;gBAC5C,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAC;oBACvD,oBAAC,OAAO,QAAE,KAAK,CAAW;oBACzB,gBAAgB,IAAI,cAAc,IAAI,CACrC,oBAAC,aAAa,IACZ,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,CACI;gBACN,QAAQ,IAAI,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAC/B;YACP,oBAAC,IAAI;gBACH,oBAAC,SAAS,iBACE,QAAQ,EAClB,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC;oBAEvC,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACtB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAC/C,UAAU,EAAE,SAAS,EACrB,IAAI,EAAE,EAAE,GACR,CACQ,CACP,CACF;QACN,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,IAAG,QAAQ,CAAQ,CAC7D,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAK,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,SAAS,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,cAAc,GACf,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,2EAA2E;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACvC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACpC,cAAc,EAAE,CAAC;YACjB,iBAAiB,EAAE,CAAC;YACpB,KAAK,EAAE,MAAM;SACd;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAC;YACxF,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAC;gBAC5C,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAC;oBACvD,oBAAC,OAAO,QAAE,KAAK,CAAW;oBACzB,gBAAgB,IAAI,cAAc,IAAI,CACrC,oBAAC,aAAa,IACZ,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,CACI;gBACN,QAAQ,IAAI,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAC/B;YACP,oBAAC,IAAI;gBACH,oBAAC,SAAS,iBACE,QAAQ,EAClB,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,MAAM,EAAC,kBAAkB,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC;oBAEvC,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACtB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAC/C,UAAU,EAAE,SAAS,EACrB,IAAI,EAAE,EAAE,GACR,CACQ,CACP,CACF;QACN,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,IAAG,QAAQ,CAAQ,CAC7D,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { fireEvent } from "@testing-library/react-native";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Text } from "react-native";
|
|
4
|
+
import { Accordion } from "./Accordion";
|
|
5
|
+
import { renderWithTheme } from "./test-utils";
|
|
6
|
+
describe("Accordion", () => {
|
|
7
|
+
const defaultProps = {
|
|
8
|
+
title: "Test Title",
|
|
9
|
+
children: React.createElement(Text, { testID: "test-content" }, "Test Content"),
|
|
10
|
+
};
|
|
11
|
+
it("renders correctly with default props", () => {
|
|
12
|
+
const { toJSON } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps)));
|
|
13
|
+
expect(toJSON()).toMatchSnapshot();
|
|
14
|
+
});
|
|
15
|
+
it("renders title and children", () => {
|
|
16
|
+
const { getByText, getByTestId } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { isCollapsed: false })));
|
|
17
|
+
expect(getByText("Test Title")).toBeTruthy();
|
|
18
|
+
expect(getByTestId("test-content")).toBeTruthy();
|
|
19
|
+
});
|
|
20
|
+
it("renders subtitle when provided", () => {
|
|
21
|
+
const { getByText } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { subtitle: "Test Subtitle" })));
|
|
22
|
+
expect(getByText("Test Subtitle")).toBeTruthy();
|
|
23
|
+
});
|
|
24
|
+
it("collapses when isCollapsed is true", () => {
|
|
25
|
+
const { queryByTestId } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { isCollapsed: true })));
|
|
26
|
+
expect(queryByTestId("test-content")).toBeNull();
|
|
27
|
+
});
|
|
28
|
+
it("expands when isCollapsed is false", () => {
|
|
29
|
+
const { getByTestId } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { isCollapsed: false })));
|
|
30
|
+
expect(getByTestId("test-content")).toBeTruthy();
|
|
31
|
+
});
|
|
32
|
+
it("toggles visibility when header is pressed", () => {
|
|
33
|
+
const { queryByTestId, getByTestId } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { isCollapsed: false })));
|
|
34
|
+
// Content should be visible initially
|
|
35
|
+
expect(getByTestId("test-content")).toBeTruthy();
|
|
36
|
+
// Click the toggle button
|
|
37
|
+
const toggleButton = getByTestId("accordion-toggle");
|
|
38
|
+
fireEvent.press(toggleButton);
|
|
39
|
+
// Content should be hidden after click
|
|
40
|
+
expect(queryByTestId("test-content")).toBeNull();
|
|
41
|
+
});
|
|
42
|
+
it("renders info modal icon when includeInfoModal is true and infoModalTitle is provided", () => {
|
|
43
|
+
const { getByTestId } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { includeInfoModal: true, infoModalTitle: "Test Info Title" })));
|
|
44
|
+
// The info modal icon should be present
|
|
45
|
+
expect(getByTestId("info-icon")).toBeTruthy();
|
|
46
|
+
});
|
|
47
|
+
it("toggles content visibility when header is clicked", () => {
|
|
48
|
+
const { getByTestId, queryByText, getByText } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { isCollapsed: false })));
|
|
49
|
+
// Content should be visible initially
|
|
50
|
+
expect(queryByText("Test Content")).toBeTruthy();
|
|
51
|
+
// Click the header to collapse
|
|
52
|
+
const toggleButton = getByTestId("accordion-toggle");
|
|
53
|
+
fireEvent.press(toggleButton);
|
|
54
|
+
// Content should be hidden after click
|
|
55
|
+
expect(queryByText("Test Content")).toBeNull();
|
|
56
|
+
// Click again to expand
|
|
57
|
+
fireEvent.press(toggleButton);
|
|
58
|
+
expect(getByText("Test Content")).toBeTruthy();
|
|
59
|
+
});
|
|
60
|
+
it("renders info modal icon when includeInfoModal is true and infoModalTitle is provided", () => {
|
|
61
|
+
const { getByTestId } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { includeInfoModal: true, infoModalTitle: "Info Title" })));
|
|
62
|
+
// The info modal icon should be present
|
|
63
|
+
expect(getByTestId("info-icon")).toBeTruthy();
|
|
64
|
+
});
|
|
65
|
+
it("does not render info modal icon when includeInfoModal is false", () => {
|
|
66
|
+
const { queryByTestId } = renderWithTheme(React.createElement(Accordion, Object.assign({}, defaultProps, { includeInfoModal: false, infoModalTitle: "Info Title" })));
|
|
67
|
+
// The info modal icon should not be present
|
|
68
|
+
expect(queryByTestId("info-icon")).toBeNull();
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
//# sourceMappingURL=Accordion.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../src/Accordion.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { fireEvent } from "@testing-library/react-native";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { AddressField } from "./AddressField";
|
|
4
|
+
import { renderWithTheme } from "./test-utils";
|
|
5
|
+
describe("AddressField", () => {
|
|
6
|
+
const defaultProps = {
|
|
7
|
+
testID: "test-address",
|
|
8
|
+
value: {
|
|
9
|
+
address1: "123 Main St",
|
|
10
|
+
address2: "Apt 4B",
|
|
11
|
+
city: "Springfield",
|
|
12
|
+
state: "IL",
|
|
13
|
+
zipcode: "62701",
|
|
14
|
+
countyName: "Sangamon",
|
|
15
|
+
countyCode: "17167",
|
|
16
|
+
},
|
|
17
|
+
onChange: jest.fn(),
|
|
18
|
+
onBlur: jest.fn(),
|
|
19
|
+
};
|
|
20
|
+
it("renders correctly with default props", () => {
|
|
21
|
+
const { toJSON } = renderWithTheme(React.createElement(AddressField, Object.assign({}, defaultProps)));
|
|
22
|
+
expect(toJSON()).toMatchSnapshot();
|
|
23
|
+
});
|
|
24
|
+
it("renders all address fields", () => {
|
|
25
|
+
const { getByTestId } = renderWithTheme(React.createElement(AddressField, Object.assign({}, defaultProps)));
|
|
26
|
+
expect(getByTestId("test-address-address1")).toBeTruthy();
|
|
27
|
+
expect(getByTestId("test-address-address2")).toBeTruthy();
|
|
28
|
+
expect(getByTestId("test-address-city")).toBeTruthy();
|
|
29
|
+
expect(getByTestId("test-address-zip")).toBeTruthy();
|
|
30
|
+
});
|
|
31
|
+
it("calls onChange when address fields are updated", () => {
|
|
32
|
+
const { getByTestId } = renderWithTheme(React.createElement(AddressField, Object.assign({}, defaultProps)));
|
|
33
|
+
const cityInput = getByTestId("test-address-city");
|
|
34
|
+
fireEvent.changeText(cityInput, "New City");
|
|
35
|
+
expect(defaultProps.onChange).toHaveBeenCalledWith(Object.assign(Object.assign({}, defaultProps.value), { city: "New City" }));
|
|
36
|
+
});
|
|
37
|
+
it("calls onBlur when a field is blurred", () => {
|
|
38
|
+
const { getByTestId } = renderWithTheme(React.createElement(AddressField, Object.assign({}, defaultProps)));
|
|
39
|
+
// Reset mock since it was called during render
|
|
40
|
+
defaultProps.onBlur.mockClear();
|
|
41
|
+
const zipInput = getByTestId("test-address-zip");
|
|
42
|
+
fireEvent.changeText(zipInput, "90210");
|
|
43
|
+
fireEvent(zipInput, "blur");
|
|
44
|
+
expect(defaultProps.onBlur).toHaveBeenCalledWith(Object.assign(Object.assign({}, defaultProps.value), { zipcode: "90210" }));
|
|
45
|
+
});
|
|
46
|
+
it("renders county fields when includeCounty is true", () => {
|
|
47
|
+
const { getByTestId } = renderWithTheme(React.createElement(AddressField, Object.assign({}, defaultProps, { includeCounty: true })));
|
|
48
|
+
expect(getByTestId("test-address-county")).toBeTruthy();
|
|
49
|
+
expect(getByTestId("test-address-county-code")).toBeTruthy();
|
|
50
|
+
});
|
|
51
|
+
it("does not render county fields when includeCounty is false", () => {
|
|
52
|
+
const { queryByTestId } = renderWithTheme(React.createElement(AddressField, Object.assign({}, defaultProps, { includeCounty: false })));
|
|
53
|
+
expect(queryByTestId("test-address-county")).toBeNull();
|
|
54
|
+
expect(queryByTestId("test-address-county-code")).toBeNull();
|
|
55
|
+
});
|
|
56
|
+
it("disables all fields when disabled prop is true", () => {
|
|
57
|
+
const { getByTestId } = renderWithTheme(React.createElement(AddressField, Object.assign({}, defaultProps, { disabled: true })));
|
|
58
|
+
const address1Input = getByTestId("test-address-address1");
|
|
59
|
+
const cityInput = getByTestId("test-address-city");
|
|
60
|
+
// Check that the disabled prop is passed down to the inputs
|
|
61
|
+
expect(address1Input.props.accessibilityState.disabled).toBe(true);
|
|
62
|
+
expect(cityInput.props.accessibilityState.disabled).toBe(true);
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
//# sourceMappingURL=AddressField.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AddressField.test.js","sourceRoot":"","sources":["../src/AddressField.test.tsx"],"names":[],"mappings":"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"}
|
package/dist/Avatar.js
CHANGED
|
@@ -128,7 +128,7 @@ export const Avatar = ({ name, hasBorder = false, size = "md", src, onChange, st
|
|
|
128
128
|
position: "absolute",
|
|
129
129
|
right: 0,
|
|
130
130
|
zIndex: 5,
|
|
131
|
-
} }, icon({
|
|
131
|
+
}, testID: "status-indicator" }, icon({
|
|
132
132
|
doNotDisturb,
|
|
133
133
|
transform: [{ scale: iconSizeScale[size] }],
|
|
134
134
|
})));
|
|
@@ -148,7 +148,7 @@ export const Avatar = ({ name, hasBorder = false, size = "md", src, onChange, st
|
|
|
148
148
|
borderColor: hasBorder ? "white" : "transparent",
|
|
149
149
|
height: avatarImageDiameter,
|
|
150
150
|
overflow: "hidden",
|
|
151
|
-
}, onError: handleImageError })) : (React.createElement(View, { style: {
|
|
151
|
+
}, testID: "avatar-image", onError: handleImageError })) : (React.createElement(View, { style: {
|
|
152
152
|
height: avatarImageDiameter,
|
|
153
153
|
width: avatarImageDiameter,
|
|
154
154
|
borderRadius: avatarRadius,
|
package/dist/Avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { act, fireEvent } from "@testing-library/react-native";
|
|
2
|
+
// import {ImageManipulator} from "expo-image-manipulator";
|
|
3
|
+
// Import the actual implementation for SaveFormat
|
|
4
|
+
import * as ImageManipulator from "expo-image-manipulator";
|
|
5
|
+
import React from "react";
|
|
6
|
+
import { Avatar } from "./Avatar";
|
|
7
|
+
import { renderWithTheme } from "./test-utils";
|
|
8
|
+
// Mock expo-image-picker
|
|
9
|
+
jest.mock("expo-image-picker", () => ({
|
|
10
|
+
launchImageLibraryAsync: jest.fn(),
|
|
11
|
+
}));
|
|
12
|
+
// Mock expo-image-manipulator
|
|
13
|
+
const mockResize = jest.fn();
|
|
14
|
+
const mockRenderAsync = jest.fn();
|
|
15
|
+
const mockSaveAsync = jest.fn();
|
|
16
|
+
jest.mock("expo-image-manipulator", () => {
|
|
17
|
+
const actual = jest.requireActual("expo-image-manipulator");
|
|
18
|
+
return Object.assign(Object.assign({}, actual), { ImageManipulator: {
|
|
19
|
+
manipulate: jest.fn().mockImplementation(() => ({
|
|
20
|
+
resize: mockResize.mockImplementation(() => ({
|
|
21
|
+
renderAsync: mockRenderAsync.mockResolvedValue({
|
|
22
|
+
saveAsync: mockSaveAsync.mockResolvedValue({
|
|
23
|
+
uri: "test-uri",
|
|
24
|
+
base64: "test-base64",
|
|
25
|
+
}),
|
|
26
|
+
}),
|
|
27
|
+
})),
|
|
28
|
+
})),
|
|
29
|
+
}, SaveFormat: {
|
|
30
|
+
PNG: "png",
|
|
31
|
+
JPEG: "jpeg",
|
|
32
|
+
} });
|
|
33
|
+
});
|
|
34
|
+
jest.mock("expo-image-picker", () => ({
|
|
35
|
+
launchImageLibraryAsync: jest.fn().mockResolvedValue({
|
|
36
|
+
canceled: false,
|
|
37
|
+
assets: [
|
|
38
|
+
{
|
|
39
|
+
uri: "test-uri",
|
|
40
|
+
width: 100,
|
|
41
|
+
height: 100,
|
|
42
|
+
},
|
|
43
|
+
],
|
|
44
|
+
}),
|
|
45
|
+
}));
|
|
46
|
+
// Mock the LinearGradient component
|
|
47
|
+
jest.mock("expo-linear-gradient", () => ({
|
|
48
|
+
LinearGradient: "LinearGradient",
|
|
49
|
+
}));
|
|
50
|
+
describe("Avatar", () => {
|
|
51
|
+
const defaultProps = {
|
|
52
|
+
name: "John Doe",
|
|
53
|
+
src: "https://example.com/avatar.jpg",
|
|
54
|
+
testID: "avatar",
|
|
55
|
+
};
|
|
56
|
+
beforeEach(() => {
|
|
57
|
+
jest.clearAllMocks();
|
|
58
|
+
});
|
|
59
|
+
it("renders correctly with default props", () => {
|
|
60
|
+
const { toJSON } = renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps)));
|
|
61
|
+
expect(toJSON()).toMatchSnapshot();
|
|
62
|
+
});
|
|
63
|
+
it("renders initials when no image is provided", () => {
|
|
64
|
+
const { getByText } = renderWithTheme(React.createElement(Avatar, { name: "John Doe", testID: "avatar" }));
|
|
65
|
+
expect(getByText("JD")).toBeTruthy();
|
|
66
|
+
});
|
|
67
|
+
it("renders image when src is provided", () => {
|
|
68
|
+
const { getByTestId } = renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps)));
|
|
69
|
+
const image = getByTestId("avatar-image");
|
|
70
|
+
expect(image).toBeTruthy();
|
|
71
|
+
});
|
|
72
|
+
it("shows initials when image fails to load", () => {
|
|
73
|
+
const { getByText, getByTestId } = renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps, { name: "John Doe" })));
|
|
74
|
+
// Simulate image load error
|
|
75
|
+
fireEvent(getByTestId("avatar-image"), "onError");
|
|
76
|
+
expect(getByText("JD")).toBeTruthy();
|
|
77
|
+
});
|
|
78
|
+
it("applies correct size class", () => {
|
|
79
|
+
const size = "lg";
|
|
80
|
+
const { getByTestId } = renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps, { size: size })));
|
|
81
|
+
const avatar = getByTestId("avatar-image");
|
|
82
|
+
// Check if the style contains the expected size
|
|
83
|
+
expect(avatar.props.style).toMatchObject({
|
|
84
|
+
height: 72, // lg size from the sizes object
|
|
85
|
+
});
|
|
86
|
+
});
|
|
87
|
+
it("shows status indicator when status is provided", () => {
|
|
88
|
+
const { getByTestId } = renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps, { status: "online" })));
|
|
89
|
+
expect(getByTestId("status-indicator")).toBeTruthy();
|
|
90
|
+
});
|
|
91
|
+
it("shows edit icon when status is imagePicker and size is xl", () => {
|
|
92
|
+
const { getByText } = renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps, { size: "xl", status: "imagePicker" })));
|
|
93
|
+
expect(getByText("Upload Image")).toBeTruthy();
|
|
94
|
+
});
|
|
95
|
+
it("calls onChange when edit icon is pressed", async () => {
|
|
96
|
+
const mockOnChange = jest.fn();
|
|
97
|
+
const { getByText } = renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps, { size: "xl", status: "imagePicker", onChange: mockOnChange })));
|
|
98
|
+
await act(async () => {
|
|
99
|
+
fireEvent.press(getByText("Upload Image"));
|
|
100
|
+
});
|
|
101
|
+
// The onChange should be called with the processed image
|
|
102
|
+
expect(mockOnChange).toHaveBeenCalledWith({
|
|
103
|
+
avatarImageFormat: "png",
|
|
104
|
+
uri: "data:image/png;base64,test-base64",
|
|
105
|
+
base64: "test-base64",
|
|
106
|
+
});
|
|
107
|
+
expect(ImageManipulator.ImageManipulator.manipulate).toHaveBeenCalled();
|
|
108
|
+
expect(mockResize).toHaveBeenCalled();
|
|
109
|
+
expect(mockRenderAsync).toHaveBeenCalled();
|
|
110
|
+
expect(mockSaveAsync).toHaveBeenCalledWith({
|
|
111
|
+
format: "png",
|
|
112
|
+
base64: true,
|
|
113
|
+
});
|
|
114
|
+
});
|
|
115
|
+
it("applies border when hasBorder is true", () => {
|
|
116
|
+
const { getByTestId } = renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps, { hasBorder: true })));
|
|
117
|
+
const avatar = getByTestId("avatar-image");
|
|
118
|
+
// Check if the style contains border properties
|
|
119
|
+
expect(avatar.props.style).toMatchObject({
|
|
120
|
+
borderWidth: expect.any(Number),
|
|
121
|
+
borderColor: expect.any(String),
|
|
122
|
+
});
|
|
123
|
+
});
|
|
124
|
+
it("shows warning when imagePicker status is used with non-xl size", () => {
|
|
125
|
+
const consoleWarnSpy = jest.spyOn(console, "warn").mockImplementation(() => { });
|
|
126
|
+
renderWithTheme(React.createElement(Avatar, Object.assign({}, defaultProps, { size: "lg", status: "imagePicker" })));
|
|
127
|
+
expect(consoleWarnSpy).toHaveBeenCalledWith("Avatars with the status of 'imagePicker' should also have an onChange property.");
|
|
128
|
+
consoleWarnSpy.mockRestore();
|
|
129
|
+
});
|
|
130
|
+
});
|
|
131
|
+
//# sourceMappingURL=Avatar.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.test.js","sourceRoot":"","sources":["../src/Avatar.test.tsx"],"names":[],"mappings":"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"}
|
package/dist/Badge.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BadgeProps } from "./Common";
|
|
3
|
-
export declare const Badge: ({ value, iconName, status, secondary, variant, maxValue, customBackgroundColor, customTextColor, customBorderColor, customIconColor, customIconName, }: BadgeProps) => React.ReactElement;
|
|
3
|
+
export declare const Badge: ({ value, iconName, status, secondary, variant, maxValue, customBackgroundColor, customTextColor, customBorderColor, customIconColor, customIconName, testID, }: BadgeProps) => React.ReactElement;
|
package/dist/Badge.js
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { Text, View } from "react-native";
|
|
3
3
|
import { Icon } from "./Icon";
|
|
4
4
|
import { useTheme } from "./Theme";
|
|
5
|
-
export const Badge = ({ value, iconName, status = "info", secondary = false, variant, maxValue = 100, customBackgroundColor, customTextColor, customBorderColor, customIconColor, customIconName, }) => {
|
|
5
|
+
export const Badge = ({ value, iconName, status = "info", secondary = false, variant, maxValue = 100, customBackgroundColor, customTextColor, customBorderColor, customIconColor, customIconName, testID, }) => {
|
|
6
6
|
const { theme } = useTheme();
|
|
7
7
|
const isIconOnly = variant === "iconOnly";
|
|
8
8
|
let badgeColor = "inverted";
|
|
@@ -91,8 +91,8 @@ export const Badge = ({ value, iconName, status = "info", secondary = false, var
|
|
|
91
91
|
},
|
|
92
92
|
isIconOnly && { height: 16, width: 16 },
|
|
93
93
|
secondary && { borderWidth: 1, borderColor },
|
|
94
|
-
] },
|
|
95
|
-
Boolean(variant !== "numberOnly" && iconName) && (React.createElement(View, { style: { marginRight: variant === "iconOnly" ? 0 : theme.spacing.sm } },
|
|
94
|
+
], testID: testID },
|
|
95
|
+
Boolean(variant !== "numberOnly" && iconName) && (React.createElement(View, { style: { marginRight: variant === "iconOnly" ? 0 : theme.spacing.sm }, testID: "icon" },
|
|
96
96
|
React.createElement(Icon, { color: iconColor, iconName: customIconName !== null && customIconName !== void 0 ? customIconName : iconName, size: "xs" }))),
|
|
97
97
|
Boolean(variant !== "iconOnly") && (React.createElement(Text, { style: {
|
|
98
98
|
color: textColor,
|
package/dist/Badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,QAAQ,GAAG,GAAG,EACd,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Badge } from "./Badge";
|
|
3
|
+
import { renderWithTheme } from "./test-utils";
|
|
4
|
+
describe("Badge", () => {
|
|
5
|
+
const defaultProps = {
|
|
6
|
+
value: "Test",
|
|
7
|
+
};
|
|
8
|
+
it("renders correctly with default props", () => {
|
|
9
|
+
const { toJSON } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps)));
|
|
10
|
+
expect(toJSON()).toMatchSnapshot();
|
|
11
|
+
});
|
|
12
|
+
it("renders text value correctly", () => {
|
|
13
|
+
const { getByText } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps)));
|
|
14
|
+
expect(getByText("Test")).toBeTruthy();
|
|
15
|
+
});
|
|
16
|
+
it("renders number value correctly", () => {
|
|
17
|
+
const { getByText } = renderWithTheme(React.createElement(Badge, { value: 42 }));
|
|
18
|
+
expect(getByText("42")).toBeTruthy();
|
|
19
|
+
});
|
|
20
|
+
it("truncates large numbers with maxValue", () => {
|
|
21
|
+
const { getByText } = renderWithTheme(React.createElement(Badge, { maxValue: 100, value: 150, variant: "numberOnly" }));
|
|
22
|
+
expect(getByText("100+")).toBeTruthy();
|
|
23
|
+
});
|
|
24
|
+
it("does not truncate numbers below maxValue", () => {
|
|
25
|
+
const { getByText } = renderWithTheme(React.createElement(Badge, { maxValue: 100, value: 50, variant: "numberOnly" }));
|
|
26
|
+
expect(getByText("50")).toBeTruthy();
|
|
27
|
+
});
|
|
28
|
+
it("applies correct status colors", () => {
|
|
29
|
+
const statuses = ["error", "warning", "info", "success", "neutral"];
|
|
30
|
+
statuses.forEach((status) => {
|
|
31
|
+
let { getByTestId } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps, { status: status, testID: "badge" })));
|
|
32
|
+
// Test primary variant
|
|
33
|
+
const badge = getByTestId("badge");
|
|
34
|
+
expect(badge).toHaveStyle({ backgroundColor: expect.any(String) });
|
|
35
|
+
// Test secondary variant
|
|
36
|
+
({ getByTestId } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps, { secondary: true, status: status, testID: "badge-secondary" }))));
|
|
37
|
+
const secondaryBadge = getByTestId("badge-secondary");
|
|
38
|
+
expect(secondaryBadge).toHaveStyle({ backgroundColor: expect.any(String) });
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
it("renders icon when iconName is provided", () => {
|
|
42
|
+
const { getByTestId } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps, { iconName: "check", testID: "badge-with-icon" })));
|
|
43
|
+
expect(getByTestId("icon")).toBeTruthy();
|
|
44
|
+
});
|
|
45
|
+
it("renders icon only when variant is iconOnly", () => {
|
|
46
|
+
const { getByTestId, queryByText } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps, { iconName: "check", testID: "icon-only-badge", variant: "iconOnly" })));
|
|
47
|
+
expect(getByTestId("icon")).toBeTruthy();
|
|
48
|
+
expect(queryByText("Test")).toBeNull();
|
|
49
|
+
});
|
|
50
|
+
it("applies custom colors when status is custom", () => {
|
|
51
|
+
const customColors = {
|
|
52
|
+
customBackgroundColor: "#123456",
|
|
53
|
+
customTextColor: "#ffffff",
|
|
54
|
+
customBorderColor: "#654321",
|
|
55
|
+
customIconColor: "#ffcc00",
|
|
56
|
+
};
|
|
57
|
+
const { getByTestId } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps, { iconName: "star", secondary: true, status: "custom", testID: "custom-badge" }, customColors)));
|
|
58
|
+
const badge = getByTestId("custom-badge");
|
|
59
|
+
expect(badge).toHaveStyle({
|
|
60
|
+
backgroundColor: customColors.customBackgroundColor,
|
|
61
|
+
borderColor: customColors.customBorderColor,
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
it("applies correct border radius based on variant", () => {
|
|
65
|
+
// Default variant
|
|
66
|
+
let { getByTestId } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps, { testID: "default-badge" })));
|
|
67
|
+
expect(getByTestId("default-badge")).toHaveStyle({ borderRadius: expect.any(Number) });
|
|
68
|
+
// Icon only variant
|
|
69
|
+
({ getByTestId } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps, { iconName: "check", testID: "icon-only-badge", variant: "iconOnly" }))));
|
|
70
|
+
expect(getByTestId("icon-only-badge")).toHaveStyle({ borderRadius: expect.any(Number) });
|
|
71
|
+
// Number only variant
|
|
72
|
+
({ getByTestId } = renderWithTheme(React.createElement(Badge, Object.assign({}, defaultProps, { testID: "number-only-badge", variant: "numberOnly" }))));
|
|
73
|
+
expect(getByTestId("number-only-badge")).toHaveStyle({ borderRadius: expect.any(Number) });
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
//# sourceMappingURL=Badge.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.test.js","sourceRoot":"","sources":["../src/Badge.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,MAAM;KACd,CAAC;IAEF,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAC,MAAM,EAAC,GAAG,eAAe,CAAC,oBAAC,KAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAC,SAAS,EAAC,GAAG,eAAe,CAAC,oBAAC,KAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QACjE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,EAAC,SAAS,EAAC,GAAG,eAAe,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC;QAC1D,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,EAAC,SAAS,EAAC,GAAG,eAAe,CAAC,oBAAC,KAAK,IAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAC,YAAY,GAAG,CAAC,CAAC;QAC/F,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,EAAC,SAAS,EAAC,GAAG,eAAe,CAAC,oBAAC,KAAK,IAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAC,YAAY,GAAG,CAAC,CAAC;QAC9F,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAU,CAAC;QAE7E,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC1B,IAAI,EAAC,WAAW,EAAC,GAAG,eAAe,CACjC,oBAAC,KAAK,oBAAK,YAAY,IAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,OAAO,IAAG,CAC3D,CAAC;YAEF,uBAAuB;YACvB,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;YACnC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAC,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC;YAEjE,yBAAyB;YACzB,CAAC,EAAC,WAAW,EAAC,GAAG,eAAe,CAC9B,oBAAC,KAAK,oBAAK,YAAY,IAAE,SAAS,QAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,iBAAiB,IAAG,CAC/E,CAAC,CAAC;YACH,MAAM,cAAc,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;YACtD,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAC,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,EAAC,WAAW,EAAC,GAAG,eAAe,CACnC,oBAAC,KAAK,oBAAK,YAAY,IAAE,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,iBAAiB,IAAG,CACtE,CAAC;QACF,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,EAAC,WAAW,EAAE,WAAW,EAAC,GAAG,eAAe,CAChD,oBAAC,KAAK,oBAAK,YAAY,IAAE,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,iBAAiB,EAAC,OAAO,EAAC,UAAU,IAAG,CACzF,CAAC;QAEF,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,YAAY,GAAG;YACnB,qBAAqB,EAAE,SAAS;YAChC,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,eAAe,EAAE,SAAS;SAC3B,CAAC;QAEF,MAAM,EAAC,WAAW,EAAC,GAAG,eAAe,CACnC,oBAAC,KAAK,oBACA,YAAY,IAChB,QAAQ,EAAC,MAAM,EACf,SAAS,QACT,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,cAAc,IAChB,YAAoB,EACzB,CACH,CAAC;QAEF,MAAM,KAAK,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC;YACxB,eAAe,EAAE,YAAY,CAAC,qBAAqB;YACnD,WAAW,EAAE,YAAY,CAAC,iBAAiB;SAC5C,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,kBAAkB;QAClB,IAAI,EAAC,WAAW,EAAC,GAAG,eAAe,CAAC,oBAAC,KAAK,oBAAK,YAAY,IAAE,MAAM,EAAC,eAAe,IAAG,CAAC,CAAC;QACxF,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,EAAC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC;QAErF,oBAAoB;QACpB,CAAC,EAAC,WAAW,EAAC,GAAG,eAAe,CAC9B,oBAAC,KAAK,oBAAK,YAAY,IAAE,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,iBAAiB,EAAC,OAAO,EAAC,UAAU,IAAG,CACzF,CAAC,CAAC;QACH,MAAM,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC;QAEvF,sBAAsB;QACtB,CAAC,EAAC,WAAW,EAAC,GAAG,eAAe,CAC9B,oBAAC,KAAK,oBAAK,YAAY,IAAE,MAAM,EAAC,mBAAmB,EAAC,OAAO,EAAC,YAAY,IAAG,CAC5E,CAAC,CAAC;QACH,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC;IAC3F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|