creevey 0.9.0 → 0.9.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/client/addon/components/Panel.d.ts +1 -1
- package/dist/client/addon/components/Panel.js +5 -2
- package/dist/client/addon/components/Panel.js.map +1 -1
- package/dist/client/addon/withCreevey.js +1 -1
- package/dist/client/addon/withCreevey.js.map +1 -1
- package/dist/client/shared/components/PageFooter/PageFooter.d.ts +1 -3
- package/dist/client/shared/components/PageFooter/PageFooter.js +3 -8
- package/dist/client/shared/components/PageFooter/PageFooter.js.map +1 -1
- package/dist/client/shared/components/PageFooter/Paging.d.ts +1 -1
- package/dist/client/shared/components/PageFooter/Paging.js +4 -21
- package/dist/client/shared/components/PageFooter/Paging.js.map +1 -1
- package/dist/client/shared/components/PageHeader/PageHeader.d.ts +2 -2
- package/dist/client/shared/components/PageHeader/PageHeader.js +17 -10
- package/dist/client/shared/components/PageHeader/PageHeader.js.map +1 -1
- package/dist/client/shared/components/ResultsPage.d.ts +8 -6
- package/dist/client/shared/components/ResultsPage.js +5 -13
- package/dist/client/shared/components/ResultsPage.js.map +1 -1
- package/dist/client/shared/creeveyClientApi.d.ts +1 -0
- package/dist/client/shared/creeveyClientApi.js +3 -0
- package/dist/client/shared/creeveyClientApi.js.map +1 -1
- package/dist/client/shared/helpers.d.ts +2 -1
- package/dist/client/shared/helpers.js +23 -8
- package/dist/client/shared/helpers.js.map +1 -1
- package/dist/client/web/CreeveyApp.js +45 -8
- package/dist/client/web/CreeveyApp.js.map +1 -1
- package/dist/client/web/CreeveyContext.d.ts +3 -0
- package/dist/client/web/CreeveyContext.js +28 -4
- package/dist/client/web/CreeveyContext.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/Checkbox.d.ts +1 -1
- package/dist/client/web/CreeveyView/SideBar/Checkbox.js +5 -5
- package/dist/client/web/CreeveyView/SideBar/Checkbox.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/SideBar.d.ts +2 -2
- package/dist/client/web/CreeveyView/SideBar/SideBar.js +23 -13
- package/dist/client/web/CreeveyView/SideBar/SideBar.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/SideBarFooter.d.ts +1 -0
- package/dist/client/web/CreeveyView/SideBar/SideBarFooter.js +32 -0
- package/dist/client/web/CreeveyView/SideBar/SideBarFooter.js.map +1 -0
- package/dist/client/web/CreeveyView/SideBar/SideBarHeader.js +1 -1
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.d.ts +8 -3
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.js +38 -23
- package/dist/client/web/CreeveyView/SideBar/SuiteLink.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/TestLink.js +6 -5
- package/dist/client/web/CreeveyView/SideBar/TestLink.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js +13 -6
- package/dist/client/web/CreeveyView/SideBar/TestStatusIcon.js.map +1 -1
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.d.ts +1 -1
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.js +6 -4
- package/dist/client/web/CreeveyView/SideBar/TestsStatus.js.map +1 -1
- package/dist/client/web/main.js +8 -8
- package/dist/server/master/api.js +4 -0
- package/dist/server/master/api.js.map +1 -1
- package/dist/server/master/runner.d.ts +2 -0
- package/dist/server/master/runner.js +59 -9
- package/dist/server/master/runner.js.map +1 -1
- package/dist/server/selenium/browser.js +9 -6
- package/dist/server/selenium/browser.js.map +1 -1
- package/dist/server/worker/worker.js +1 -0
- package/dist/server/worker/worker.js.map +1 -1
- package/dist/types.d.ts +4 -2
- package/dist/types.js.map +1 -1
- package/package.json +2 -1
- package/src/client/addon/components/Panel.tsx +7 -3
- package/src/client/addon/withCreevey.ts +1 -1
- package/src/client/shared/components/PageFooter/PageFooter.tsx +2 -20
- package/src/client/shared/components/PageFooter/Paging.tsx +22 -37
- package/src/client/shared/components/PageHeader/PageHeader.tsx +20 -14
- package/src/client/shared/components/ResultsPage.tsx +18 -31
- package/src/client/shared/creeveyClientApi.ts +4 -0
- package/src/client/shared/helpers.ts +22 -8
- package/src/client/web/CreeveyApp.tsx +66 -13
- package/src/client/web/CreeveyContext.tsx +7 -1
- package/src/client/web/CreeveyView/SideBar/Checkbox.tsx +5 -5
- package/src/client/web/CreeveyView/SideBar/SideBar.tsx +29 -18
- package/src/client/web/CreeveyView/SideBar/SideBarFooter.tsx +38 -0
- package/src/client/web/CreeveyView/SideBar/SideBarHeader.tsx +1 -1
- package/src/client/web/CreeveyView/SideBar/SuiteLink.tsx +50 -31
- package/src/client/web/CreeveyView/SideBar/TestLink.tsx +8 -6
- package/src/client/web/CreeveyView/SideBar/TestStatusIcon.tsx +12 -6
- package/src/client/web/CreeveyView/SideBar/TestsStatus.tsx +7 -3
- package/src/server/master/api.ts +4 -0
- package/src/server/master/runner.ts +65 -9
- package/src/server/selenium/browser.ts +13 -10
- package/src/server/worker/worker.ts +1 -0
- package/src/types.ts +4 -3
@@ -53,6 +53,13 @@ function CreeveyApp({ api, initialState }) {
|
|
53
53
|
const [filter, setFilter] = (0, react_1.useState)({ status: null, subStrings: [] });
|
54
54
|
const [theme, setTheme] = (0, helpers_js_1.useTheme)();
|
55
55
|
const openedTest = (0, helpers_js_1.getTestByPath)(tests, openedTestPath);
|
56
|
+
const failedTests = (0, react_1.useMemo)(() => (0, helpers_js_1.getFailedTests)(tests), [tests]);
|
57
|
+
const [retry, setRetry] = (0, react_1.useState)(openedTest?.results?.length ?? 0);
|
58
|
+
const result = openedTest?.results?.[retry - 1] ?? { images: {} };
|
59
|
+
const [imageName, setImageName] = (0, react_1.useState)(Object.keys(result.images ?? {})[0] ?? '');
|
60
|
+
const canApprove = (0, react_1.useMemo)(() => Boolean(openedTest?.results?.[retry - 1]?.images &&
|
61
|
+
openedTest.approved?.[imageName] != retry - 1 &&
|
62
|
+
openedTest.results[retry - 1].status != 'success'), [imageName, openedTest, retry]);
|
56
63
|
if (openedTestPath.length > 0 && !(0, types_js_1.isDefined)(openedTest))
|
57
64
|
openTest([]);
|
58
65
|
const handleSuiteOpen = (0, react_1.useCallback)((path, opened) => {
|
@@ -65,17 +72,45 @@ function CreeveyApp({ api, initialState }) {
|
|
65
72
|
(0, helpers_js_1.checkSuite)(draft, path, checked);
|
66
73
|
});
|
67
74
|
}, [updateTests]);
|
68
|
-
const
|
75
|
+
const handleOpenTest = (0, react_1.useCallback)((test) => {
|
76
|
+
const testPath = (0, helpers_js_1.getTestPath)(test);
|
77
|
+
(0, helpers_js_1.setSearchParams)(testPath);
|
78
|
+
updateTests((draft) => {
|
79
|
+
(0, helpers_js_1.openSuite)(draft, testPath, true);
|
80
|
+
openTest(testPath);
|
81
|
+
});
|
82
|
+
}, [updateTests]);
|
83
|
+
const handleGoToNextFailedTest = (0, react_1.useCallback)(() => {
|
84
|
+
if (failedTests.length <= 1)
|
85
|
+
return;
|
86
|
+
const currentTest = failedTests.findIndex((t) => t.id === openedTest?.id);
|
87
|
+
const nextFailedTest = failedTests[currentTest + 1] || failedTests[0];
|
88
|
+
handleOpenTest(nextFailedTest);
|
89
|
+
}, [failedTests, handleOpenTest, openedTest?.id]);
|
90
|
+
const handleImageApproveNew = (0, react_1.useCallback)(() => {
|
91
|
+
const id = openedTest?.id;
|
92
|
+
if (!id)
|
93
|
+
return;
|
94
|
+
api?.approve(id, retry - 1, imageName);
|
95
|
+
}, [api, imageName, openedTest?.id, retry]);
|
96
|
+
const handleImageApproveAndGoNext = (0, react_1.useCallback)(() => {
|
97
|
+
handleImageApproveNew();
|
98
|
+
handleGoToNextFailedTest();
|
99
|
+
}, [handleImageApproveNew, handleGoToNextFailedTest]);
|
100
|
+
const handleApproveAll = (0, react_1.useCallback)(() => {
|
101
|
+
api?.approveAll();
|
102
|
+
}, [api]);
|
69
103
|
const handleStart = (0, react_1.useCallback)((tests) => api?.start((0, helpers_js_1.getCheckedTests)(tests).map((test) => test.id)), [api]);
|
70
104
|
const handleStop = (0, react_1.useCallback)(() => api?.stop(), [api]);
|
71
105
|
const handleThemeChange = (0, react_1.useCallback)((isDark) => {
|
72
106
|
setTheme(isDark ? 'dark' : 'light');
|
73
107
|
}, [setTheme]);
|
74
|
-
|
75
|
-
const
|
76
|
-
|
77
|
-
|
78
|
-
|
108
|
+
(0, react_1.useEffect)(() => {
|
109
|
+
const retry = openedTest?.results?.length ?? 0;
|
110
|
+
const result = openedTest?.results?.[retry - 1] ?? { images: {} };
|
111
|
+
setImageName(Object.keys(result.images ?? {})[0] ?? '');
|
112
|
+
setRetry(retry);
|
113
|
+
}, [openedTest?.results]);
|
79
114
|
(0, react_1.useEffect)(() => {
|
80
115
|
window.addEventListener('popstate', (event) => {
|
81
116
|
updateTests((draft) => {
|
@@ -114,6 +149,8 @@ function CreeveyApp({ api, initialState }) {
|
|
114
149
|
return (react_1.default.createElement(CreeveyContext_js_1.CreeveyContext.Provider, { value: {
|
115
150
|
isReport: initialState.isReport,
|
116
151
|
isRunning,
|
152
|
+
onImageApprove: canApprove ? handleImageApproveAndGoNext : undefined,
|
153
|
+
onApproveAll: handleApproveAll,
|
117
154
|
onStart: handleStart,
|
118
155
|
onStop: handleStop,
|
119
156
|
onSuiteOpen: handleSuiteOpen,
|
@@ -122,8 +159,8 @@ function CreeveyApp({ api, initialState }) {
|
|
122
159
|
react_1.default.createElement(theming_1.ThemeProvider, { theme: (0, theming_1.ensure)(theming_1.themes[theme]) },
|
123
160
|
react_1.default.createElement(KeyboardEventsContext_js_1.KeyboardEvents, { rootSuite: tests, filter: filter },
|
124
161
|
react_1.default.createElement(FlexContainer, null,
|
125
|
-
react_1.default.createElement(index_js_1.SideBar, { rootSuite: tests,
|
126
|
-
openedTest && (react_1.default.createElement(ResultsPage_js_1.ResultsPage, { key: `${openedTest.id}_${openedTest.results?.length ?? 0}`,
|
162
|
+
react_1.default.createElement(index_js_1.SideBar, { rootSuite: tests, testId: openedTest?.id, onOpenTest: handleOpenTest, filter: filter, setFilter: setFilter }),
|
163
|
+
openedTest && (react_1.default.createElement(ResultsPage_js_1.ResultsPage, { key: `${openedTest.id}_${openedTest.results?.length ?? 0}`, path: openedTestPath, results: openedTest.results, approved: openedTest.approved, retry: retry, imageName: imageName, onImageChange: setImageName, onRetryChange: setRetry })),
|
127
164
|
react_1.default.createElement(ToggleContainer, null,
|
128
165
|
react_1.default.createElement(Toggle_js_1.Toggle, { value: theme == 'dark', onChange: handleThemeChange })))))));
|
129
166
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CreeveyApp.js","sourceRoot":"","sources":["../../../src/client/web/CreeveyApp.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"CreeveyApp.js","sourceRoot":"","sources":["../../../src/client/web/CreeveyApp.tsx"],"names":[],"mappings":"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"}
|
@@ -4,8 +4,11 @@ export interface CreeveyContextType {
|
|
4
4
|
isReport: boolean;
|
5
5
|
isRunning: boolean;
|
6
6
|
onStop: () => void;
|
7
|
+
onImageApprove?: () => void;
|
8
|
+
onApproveAll: () => void;
|
7
9
|
onStart: (rootSuite: CreeveySuite) => void;
|
8
10
|
onSuiteOpen: (path: string[], opened: boolean) => void;
|
9
11
|
onSuiteToggle: (path: string[], checked: boolean) => void;
|
10
12
|
}
|
11
13
|
export declare const CreeveyContext: React.Context<CreeveyContextType>;
|
14
|
+
export declare const useCreeveyContext: () => CreeveyContextType;
|
@@ -1,17 +1,41 @@
|
|
1
1
|
"use strict";
|
2
|
-
var
|
3
|
-
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
17
|
+
});
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
+
if (mod && mod.__esModule) return mod;
|
20
|
+
var result = {};
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
+
__setModuleDefault(result, mod);
|
23
|
+
return result;
|
4
24
|
};
|
5
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.CreeveyContext = void 0;
|
7
|
-
const react_1 =
|
26
|
+
exports.useCreeveyContext = exports.CreeveyContext = void 0;
|
27
|
+
const react_1 = __importStar(require("react"));
|
8
28
|
const types_js_1 = require("../../types.js");
|
9
29
|
exports.CreeveyContext = react_1.default.createContext({
|
10
30
|
isReport: true,
|
11
31
|
isRunning: false,
|
32
|
+
onImageApprove: types_js_1.noop,
|
33
|
+
onApproveAll: types_js_1.noop,
|
12
34
|
onStop: types_js_1.noop,
|
13
35
|
onStart: types_js_1.noop,
|
14
36
|
onSuiteOpen: types_js_1.noop,
|
15
37
|
onSuiteToggle: types_js_1.noop,
|
16
38
|
});
|
39
|
+
const useCreeveyContext = () => (0, react_1.useContext)(exports.CreeveyContext);
|
40
|
+
exports.useCreeveyContext = useCreeveyContext;
|
17
41
|
//# sourceMappingURL=CreeveyContext.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CreeveyContext.js","sourceRoot":"","sources":["../../../src/client/web/CreeveyContext.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"CreeveyContext.js","sourceRoot":"","sources":["../../../src/client/web/CreeveyContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAoD;AAavC,QAAA,cAAc,GAAG,eAAK,CAAC,aAAa,CAAqB;IACpE,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,eAAI;IACpB,YAAY,EAAE,eAAI;IAClB,MAAM,EAAE,eAAI;IACZ,OAAO,EAAE,eAAI;IACb,WAAW,EAAE,eAAI;IACjB,aAAa,EAAE,eAAI;CACpB,CAAC,CAAC;AAEI,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,sBAAc,CAAC,CAAC;AAArD,QAAA,iBAAiB,qBAAoC"}
|
@@ -11,7 +11,7 @@ interface CheckboxState {
|
|
11
11
|
export declare const CheckboxContainer: import("@storybook/theming").StyledComponent<{
|
12
12
|
theme?: Theme;
|
13
13
|
as?: React.ElementType;
|
14
|
-
}, React.DetailedHTMLProps<React.HTMLAttributes<
|
14
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
15
15
|
export declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
|
16
16
|
state: CheckboxState;
|
17
17
|
handleIndeterminateChange: (value: boolean) => void;
|
@@ -53,11 +53,11 @@ const CheckIcon = (0, theming_1.styled)(components_1.Icons)({
|
|
53
53
|
margin: '2px',
|
54
54
|
verticalAlign: 'baseline',
|
55
55
|
});
|
56
|
-
exports.CheckboxContainer = theming_1.styled.
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
56
|
+
exports.CheckboxContainer = theming_1.styled.span({
|
57
|
+
paddingLeft: '8px',
|
58
|
+
verticalAlign: 'middle',
|
59
|
+
alignSelf: 'center',
|
60
|
+
lineHeight: '18px',
|
61
61
|
});
|
62
62
|
class Checkbox extends react_1.default.Component {
|
63
63
|
state = { indeterminate: false };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,gDAA8D;AAC9D,sDAA8C;AAC9C,uCAA0C;AAE1C,MAAM,KAAK,GAAG,IAAA,mBAAS,EACrB,gBAAM,CAAC,KAAK,CAAuC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3E,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;IAClC,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;IAEzC,KAAK,EAAE;QACL,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,GAAG;QACZ,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC,CAAC;QAEV,gBAAgB,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,GAAG,IAAA,yBAAc,EAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB;SAC7E;KACF;CACF,CAAC,CAAC,CACJ,CAAC;AAEF,MAAM,GAAG,GAAG,IAAA,mBAAS,EACnB,gBAAM,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,KAAK,CAAC,cAAc;IAC5B,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;IACtC,MAAM,EAAE,KAAK;IAEb,SAAS,EAAE,GAAG,IAAA,yBAAc,EAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB;IAC5E,KAAK,EAAE,IAAA,yBAAc,EAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO;IAEpC,kBAAkB,EAAE;QAClB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,GAAG,IAAA,yBAAc,EAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB;KAC7E;CACF,CAAC,CAAC,CACJ,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,kBAAK,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,UAAU;CAC1B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,IAAA,gBAAM,EAAC,kBAAK,CAAC,CAAC;IAC9B,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,UAAU;CAC1B,CAAC,CAAC;AAWU,QAAA,iBAAiB,GAAG,gBAAM,CAAC,
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/Checkbox.tsx"],"names":[],"mappings":"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"}
|
@@ -5,10 +5,10 @@ export declare const SideBarContext: React.Context<{
|
|
5
5
|
onOpenTest: (test: CreeveyTest) => void;
|
6
6
|
}>;
|
7
7
|
export interface SideBarProps {
|
8
|
+
testId?: string;
|
8
9
|
rootSuite: CreeveySuite;
|
9
|
-
openedTest: CreeveyTest | null;
|
10
10
|
onOpenTest: (test: CreeveyTest) => void;
|
11
11
|
filter: CreeveyViewFilter;
|
12
12
|
setFilter: (filter: CreeveyViewFilter) => void;
|
13
13
|
}
|
14
|
-
export declare function SideBar({ rootSuite,
|
14
|
+
export declare function SideBar({ rootSuite, testId, onOpenTest, filter, setFilter }: SideBarProps): JSX.Element;
|
@@ -35,6 +35,7 @@ const helpers_js_1 = require("../../../shared/helpers.js");
|
|
35
35
|
const CreeveyContext_js_1 = require("../../CreeveyContext.js");
|
36
36
|
const SuiteLink_js_1 = require("./SuiteLink.js");
|
37
37
|
const TestLink_js_1 = require("./TestLink.js");
|
38
|
+
const SideBarFooter_js_1 = require("./SideBarFooter.js");
|
38
39
|
exports.SideBarContext = (0, react_1.createContext)({
|
39
40
|
onOpenTest: types_js_1.noop,
|
40
41
|
});
|
@@ -45,7 +46,7 @@ const Container = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => (
|
|
45
46
|
background: theme.background.content,
|
46
47
|
})));
|
47
48
|
const ScrollContainer = theming_1.styled.div({
|
48
|
-
height: 'calc(100vh -
|
49
|
+
height: 'calc(100vh - 245px)',
|
49
50
|
width: 300,
|
50
51
|
flex: 'none',
|
51
52
|
overflowY: 'auto',
|
@@ -53,9 +54,14 @@ const ScrollContainer = theming_1.styled.div({
|
|
53
54
|
top: '0',
|
54
55
|
left: '0',
|
55
56
|
});
|
56
|
-
const
|
57
|
+
const StyledScrollArea = (0, theming_1.styled)(components_1.ScrollArea)({
|
58
|
+
'& > div > div': {
|
59
|
+
height: 'calc(100% - 8px)',
|
60
|
+
},
|
61
|
+
});
|
62
|
+
const Shadow = (0, theming_1.withTheme)(theming_1.styled.div(({ theme, position }) => ({
|
63
|
+
[position]: '0px',
|
57
64
|
position: 'sticky',
|
58
|
-
top: '0px',
|
59
65
|
boxShadow: `0 0 5px 2.5px ${(0, polished_1.transparentize)(0.8, theme.color.defaultText)}`,
|
60
66
|
zIndex: 3,
|
61
67
|
})));
|
@@ -65,17 +71,18 @@ const SelectAllContainer = theming_1.styled.div({
|
|
65
71
|
});
|
66
72
|
const TestsContainer = theming_1.styled.div({
|
67
73
|
position: 'relative',
|
68
|
-
paddingBottom: '
|
74
|
+
paddingBottom: '8px',
|
75
|
+
height: '100%',
|
69
76
|
});
|
70
|
-
const Divider = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => ({
|
71
|
-
position: 'absolute',
|
77
|
+
const Divider = (0, theming_1.withTheme)(theming_1.styled.div(({ theme, position }) => ({
|
78
|
+
...(position === 'top' ? { position: 'absolute' } : { position: 'relative', bottom: '8px', marginBottom: '-8px' }),
|
72
79
|
height: '8px',
|
73
80
|
width: '100%',
|
74
|
-
zIndex:
|
81
|
+
zIndex: 4,
|
75
82
|
background: theme.background.content,
|
76
83
|
})));
|
77
|
-
function SideBar({ rootSuite,
|
78
|
-
const { onStart, onStop } = (0,
|
84
|
+
function SideBar({ rootSuite, testId, onOpenTest, filter, setFilter }) {
|
85
|
+
const { onStart, onStop } = (0, CreeveyContext_js_1.useCreeveyContext)();
|
79
86
|
// TODO Maybe need to do flatten first?
|
80
87
|
const suite = (0, helpers_js_1.filterTests)(rootSuite, filter);
|
81
88
|
const testsStatus = (0, helpers_js_1.countTestsStatus)(rootSuite);
|
@@ -88,14 +95,17 @@ function SideBar({ rootSuite, openedTest, onOpenTest, filter, setFilter }) {
|
|
88
95
|
react_1.default.createElement(Container, null,
|
89
96
|
react_1.default.createElement(SideBarHeader_js_1.SideBarHeader, { testsStatus: testsStatus, filter: filter, onFilterChange: setFilter, onStart: handleStart, onStop: onStop, canStart: countCheckedTests !== 0 }),
|
90
97
|
react_1.default.createElement(ScrollContainer, null,
|
91
|
-
react_1.default.createElement(
|
92
|
-
react_1.default.createElement(Shadow,
|
98
|
+
react_1.default.createElement(StyledScrollArea, { vertical: true },
|
99
|
+
react_1.default.createElement(Shadow, { position: "top" }),
|
93
100
|
react_1.default.createElement(TestsContainer, null,
|
94
|
-
react_1.default.createElement(Divider,
|
101
|
+
react_1.default.createElement(Divider, { position: "top" }),
|
95
102
|
react_1.default.createElement(SelectAllContainer, null,
|
96
103
|
react_1.default.createElement(SuiteLink_js_1.SuiteLink, { title: "Select all", suite: rootSuite, "data-testid": "selectAll" })),
|
97
104
|
suiteList.map(({ title, suite }) =>
|
98
105
|
// TODO Update components without re-mount
|
99
|
-
(0, types_js_1.isTest)(suite) ? (react_1.default.createElement(TestLink_js_1.TestLink, { key: suite.id, title: title, opened: suite.id ==
|
106
|
+
(0, types_js_1.isTest)(suite) ? (react_1.default.createElement(TestLink_js_1.TestLink, { key: suite.id, title: title, opened: suite.id == testId, test: suite })) : (react_1.default.createElement(SuiteLink_js_1.SuiteLink, { key: suite.path.join('/'), title: title, suite: suite, "data-testid": title })))),
|
107
|
+
react_1.default.createElement(Divider, { position: "bottom" })),
|
108
|
+
react_1.default.createElement(Shadow, { position: "bottom" })),
|
109
|
+
react_1.default.createElement(SideBarFooter_js_1.SideBarFooter, null))));
|
100
110
|
}
|
101
111
|
//# sourceMappingURL=SideBar.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SideBar.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/SideBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"SideBar.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/SideBar.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function SideBarFooter(): JSX.Element;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
exports.SideBarFooter = SideBarFooter;
|
7
|
+
const react_1 = __importDefault(require("react"));
|
8
|
+
const theming_1 = require("@storybook/theming");
|
9
|
+
const components_1 = require("@storybook/components");
|
10
|
+
const CreeveyContext_js_1 = require("../../CreeveyContext.js");
|
11
|
+
const Sticky = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => ({
|
12
|
+
padding: '24px 16px 8px 16px',
|
13
|
+
background: theme.background.content,
|
14
|
+
height: '50px',
|
15
|
+
zIndex: 5,
|
16
|
+
position: 'sticky',
|
17
|
+
bottom: '0',
|
18
|
+
})));
|
19
|
+
const Container = theming_1.styled.div({
|
20
|
+
display: 'flex',
|
21
|
+
justifyContent: 'space-between',
|
22
|
+
});
|
23
|
+
function SideBarFooter() {
|
24
|
+
const { onApproveAll, onImageApprove } = (0, CreeveyContext_js_1.useCreeveyContext)();
|
25
|
+
return (react_1.default.createElement(Sticky, null,
|
26
|
+
react_1.default.createElement(Container, null,
|
27
|
+
react_1.default.createElement(components_1.Button, { secondary: true, onClick: onImageApprove, disabled: !onImageApprove, style: { paddingRight: 8 } },
|
28
|
+
"Approve",
|
29
|
+
react_1.default.createElement(components_1.Icons, { icon: "arrowright", style: { paddingLeft: 4 } })),
|
30
|
+
react_1.default.createElement(components_1.Button, { secondary: true, outline: true, onClick: onApproveAll }, "Approve all"))));
|
31
|
+
}
|
32
|
+
//# sourceMappingURL=SideBarFooter.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SideBarFooter.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/SideBarFooter.tsx"],"names":[],"mappings":";;;;;AAqBA,sCAgBC;AArCD,kDAA0B;AAC1B,gDAAuD;AACvD,sDAAsD;AACtD,+DAA4D;AAE5D,MAAM,MAAM,GAAG,IAAA,mBAAS,EACtB,gBAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzB,OAAO,EAAE,oBAAoB;IAC7B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO;IACpC,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,GAAG;CACZ,CAAC,CAAC,CACJ,CAAC;AAEF,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAC;IAC3B,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;CAChC,CAAC,CAAC;AAEH,SAAgB,aAAa;IAC3B,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAE7D,OAAO,CACL,8BAAC,MAAM;QACL,8BAAC,SAAS;YACR,8BAAC,mBAAM,IAAC,SAAS,QAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;;gBAE9F,8BAAC,kBAAK,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GAAI,CAC/C;YACT,8BAAC,mBAAM,IAAC,SAAS,QAAC,OAAO,QAAC,OAAO,EAAE,YAAY,kBAEtC,CACC,CACL,CACV,CAAC;AACJ,CAAC"}
|
@@ -31,7 +31,7 @@ const CreeveyContext_js_1 = require("../../CreeveyContext.js");
|
|
31
31
|
const TestsStatus_js_1 = require("./TestsStatus.js");
|
32
32
|
const Search_js_1 = require("./Search.js");
|
33
33
|
const Sticky = (0, theming_1.withTheme)(theming_1.styled.div(({ theme }) => ({
|
34
|
-
padding: '24px
|
34
|
+
padding: '24px 36px 8px',
|
35
35
|
background: theme.background.content,
|
36
36
|
height: '130px',
|
37
37
|
zIndex: 5,
|
@@ -12,9 +12,11 @@ export declare const Container: React.FC<Pick<{
|
|
12
12
|
} & {
|
13
13
|
theme: Theme;
|
14
14
|
disabled?: boolean;
|
15
|
+
active?: boolean;
|
16
|
+
focused?: boolean;
|
15
17
|
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
16
18
|
children?: React.ReactNode | undefined;
|
17
|
-
}, "as" | keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | "disabled"> & {
|
19
|
+
}, "as" | keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | "disabled" | "active" | "focused"> & {
|
18
20
|
theme?: Theme;
|
19
21
|
}>;
|
20
22
|
export declare const Button: React.FC<Pick<{
|
@@ -23,10 +25,9 @@ export declare const Button: React.FC<Pick<{
|
|
23
25
|
} & {
|
24
26
|
theme: Theme;
|
25
27
|
active?: boolean;
|
26
|
-
focused?: boolean;
|
27
28
|
} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
28
29
|
children?: React.ReactNode | undefined;
|
29
|
-
}, "as" | "active" | keyof React.ClassAttributes<HTMLButtonElement> | keyof React.ButtonHTMLAttributes<HTMLButtonElement
|
30
|
+
}, "as" | "active" | keyof React.ClassAttributes<HTMLButtonElement> | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
|
30
31
|
theme?: Theme;
|
31
32
|
}>;
|
32
33
|
export declare const SuiteContainer: import("@storybook/theming").StyledComponent<{
|
@@ -35,4 +36,8 @@ export declare const SuiteContainer: import("@storybook/theming").StyledComponen
|
|
35
36
|
} & {
|
36
37
|
padding: number;
|
37
38
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
39
|
+
export declare const SuiteTitle: import("@storybook/theming").StyledComponent<{
|
40
|
+
theme?: Theme;
|
41
|
+
as?: React.ElementType;
|
42
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
38
43
|
export declare function SuiteLink({ title, suite, 'data-testid': dataTid }: SuiteLinkProps): JSX.Element;
|
@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
23
|
return result;
|
24
24
|
};
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
26
|
-
exports.SuiteContainer = exports.Button = exports.Container = void 0;
|
26
|
+
exports.SuiteTitle = exports.SuiteContainer = exports.Button = exports.Container = void 0;
|
27
27
|
exports.SuiteLink = SuiteLink;
|
28
28
|
const react_1 = __importStar(require("react"));
|
29
29
|
const components_1 = require("@storybook/components");
|
@@ -33,24 +33,16 @@ const TestStatusIcon_js_1 = require("./TestStatusIcon.js");
|
|
33
33
|
const types_js_1 = require("../../../../types.js");
|
34
34
|
const CreeveyContext_js_1 = require("../../CreeveyContext.js");
|
35
35
|
const KeyboardEventsContext_js_1 = require("../../KeyboardEventsContext.js");
|
36
|
-
exports.Container = (0, theming_1.withTheme)(theming_1.styled.div(({ theme, disabled }) => ({
|
36
|
+
exports.Container = (0, theming_1.withTheme)(theming_1.styled.div(({ theme, disabled, active, focused }) => ({
|
37
37
|
position: 'relative',
|
38
38
|
width: '100%',
|
39
|
-
|
40
|
-
})));
|
41
|
-
exports.Button = (0, theming_1.withTheme)(theming_1.styled.button(({ theme, active, focused }) => ({
|
42
|
-
width: '100%',
|
43
|
-
boxSizing: 'border-box',
|
44
|
-
appearance: 'none',
|
45
|
-
padding: '6px 36px',
|
39
|
+
height: '28px',
|
46
40
|
lineHeight: '20px',
|
47
|
-
|
48
|
-
border: 'none',
|
49
|
-
zIndex: 1,
|
50
|
-
textAlign: 'left',
|
41
|
+
display: 'flex',
|
51
42
|
background: active ? theme.color.secondary : focused ? theme.background.hoverable : 'none',
|
52
43
|
color: active ? theme.color.inverseText : 'inherit',
|
53
44
|
outline: focused ? `1px solid ${theme.color.ancillary}` : 'none',
|
45
|
+
...(disabled ? { color: theme.color.mediumdark, pointerEvents: 'none' } : {}),
|
54
46
|
// NOTE There is no way to trigger hover from js, so we add `.hover` class for testing purpose
|
55
47
|
'&:hover, &.hover': active
|
56
48
|
? {}
|
@@ -58,16 +50,39 @@ exports.Button = (0, theming_1.withTheme)(theming_1.styled.button(({ theme, acti
|
|
58
50
|
background: theme.background.hoverable,
|
59
51
|
},
|
60
52
|
})));
|
53
|
+
exports.Button = (0, theming_1.withTheme)(theming_1.styled.button(({ theme, active }) => ({
|
54
|
+
flexGrow: 1,
|
55
|
+
boxSizing: 'border-box',
|
56
|
+
appearance: 'none',
|
57
|
+
padding: '4px 16px 4px 8px',
|
58
|
+
lineHeight: '18px',
|
59
|
+
cursor: 'pointer',
|
60
|
+
border: 'none',
|
61
|
+
zIndex: 1,
|
62
|
+
textAlign: 'left',
|
63
|
+
background: 'none',
|
64
|
+
outline: 'none',
|
65
|
+
color: active ? theme.color.inverseText : 'inherit',
|
66
|
+
})));
|
61
67
|
const ArrowIcon = (0, theming_1.styled)(components_1.Icons)({
|
62
|
-
paddingRight: '
|
68
|
+
paddingRight: '4px',
|
63
69
|
display: 'inline-block',
|
64
|
-
width: '
|
65
|
-
height: '
|
70
|
+
width: '12px',
|
71
|
+
height: '18px',
|
72
|
+
verticalAlign: 'unset',
|
66
73
|
});
|
67
74
|
exports.SuiteContainer = theming_1.styled.span(({ padding }) => ({
|
68
75
|
paddingLeft: padding,
|
69
76
|
whiteSpace: 'normal',
|
77
|
+
display: 'grid',
|
78
|
+
gridTemplateColumns: 'repeat(2, min-content) auto',
|
70
79
|
}));
|
80
|
+
exports.SuiteTitle = theming_1.styled.span({
|
81
|
+
paddingLeft: '4px',
|
82
|
+
whiteSpace: 'nowrap',
|
83
|
+
overflowX: 'hidden',
|
84
|
+
textOverflow: 'ellipsis',
|
85
|
+
});
|
71
86
|
function SuiteLink({ title, suite, 'data-testid': dataTid }) {
|
72
87
|
const { onSuiteOpen, onSuiteToggle } = (0, react_1.useContext)(CreeveyContext_js_1.CreeveyContext);
|
73
88
|
const { sidebarFocusedItem, setSidebarFocusedItem } = (0, react_1.useContext)(KeyboardEventsContext_js_1.KeyboardEventsContext);
|
@@ -94,15 +109,15 @@ function SuiteLink({ title, suite, 'data-testid': dataTid }) {
|
|
94
109
|
const handleFocus = () => {
|
95
110
|
setSidebarFocusedItem(suite.path);
|
96
111
|
};
|
97
|
-
return (react_1.default.createElement(exports.Container,
|
98
|
-
react_1.default.createElement(
|
99
|
-
react_1.default.createElement(
|
100
|
-
|
112
|
+
return (react_1.default.createElement(exports.Container, { focused: isSuiteFocused },
|
113
|
+
react_1.default.createElement(Checkbox_js_1.CheckboxContainer, null,
|
114
|
+
react_1.default.createElement(Checkbox_js_1.Checkbox, { ref: checkboxRef, checked: suite.skip ? false : suite.checked, disabled: Boolean(suite.skip), onValueChange: handleCheck })),
|
115
|
+
react_1.default.createElement(exports.Button, { onClick: handleOpen, onFocus: handleFocus, "data-testid": dataTid, ref: buttonRef },
|
116
|
+
react_1.default.createElement(exports.SuiteContainer, { padding: (suite.path.length - 1) * 8 },
|
101
117
|
(0, types_js_1.isTest)(suite) ||
|
102
118
|
(Boolean(suite.path.length) &&
|
103
119
|
(suite.opened ? react_1.default.createElement(ArrowIcon, { icon: "arrowdown" }) : react_1.default.createElement(ArrowIcon, { icon: "arrowright" }))),
|
104
|
-
|
105
|
-
|
106
|
-
react_1.default.createElement(Checkbox_js_1.Checkbox, { ref: checkboxRef, checked: suite.skip ? false : suite.checked, disabled: Boolean(suite.skip), onValueChange: handleCheck }))));
|
120
|
+
react_1.default.createElement(TestStatusIcon_js_1.TestStatusIcon, { status: suite.status, skip: suite.skip }),
|
121
|
+
react_1.default.createElement(exports.SuiteTitle, null, title)))));
|
107
122
|
}
|
108
123
|
//# sourceMappingURL=SuiteLink.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SuiteLink.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/SuiteLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"SuiteLink.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/SuiteLink.tsx"],"names":[],"mappings":"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"}
|
@@ -53,11 +53,12 @@ function TestLink({ title, opened, test }) {
|
|
53
53
|
onOpenTest(test);
|
54
54
|
setSidebarFocusedItem((0, helpers_js_1.getTestPath)(test));
|
55
55
|
}, [test, onOpenTest, setSidebarFocusedItem]);
|
56
|
-
return (react_1.default.createElement(SuiteLink_js_1.Container, { disabled: emptyResults },
|
57
|
-
react_1.default.createElement(SuiteLink_js_1.Button, { onClick: handleOpen, active: opened, focused: isTestFocused, disabled: emptyResults, ref: buttonRef },
|
58
|
-
react_1.default.createElement(TestStatusIcon_js_1.TestStatusIcon, { inverted: opened, status: test.status, skip: test.skip }),
|
59
|
-
react_1.default.createElement(SuiteLink_js_1.SuiteContainer, { padding: (testPath.length + 8) * 8 }, title)),
|
56
|
+
return (react_1.default.createElement(SuiteLink_js_1.Container, { disabled: emptyResults, active: opened, focused: isTestFocused },
|
60
57
|
react_1.default.createElement(Checkbox_js_1.CheckboxContainer, null,
|
61
|
-
react_1.default.createElement(Checkbox_js_1.Checkbox, { checked: test.skip ? false : test.checked, disabled: Boolean(test.skip), onValueChange: handleCheck }))
|
58
|
+
react_1.default.createElement(Checkbox_js_1.Checkbox, { checked: test.skip ? false : test.checked, disabled: Boolean(test.skip), onValueChange: handleCheck })),
|
59
|
+
react_1.default.createElement(SuiteLink_js_1.Button, { onClick: handleOpen, disabled: emptyResults, ref: buttonRef },
|
60
|
+
react_1.default.createElement(SuiteLink_js_1.SuiteContainer, { padding: (testPath.length + 1) * 8 },
|
61
|
+
react_1.default.createElement(TestStatusIcon_js_1.TestStatusIcon, { inverted: opened, status: test.status, skip: test.skip }),
|
62
|
+
react_1.default.createElement(SuiteLink_js_1.SuiteTitle, null, title)))));
|
62
63
|
}
|
63
64
|
//# sourceMappingURL=TestLink.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TestLink.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/TestLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,
|
1
|
+
{"version":3,"file":"TestLink.js","sourceRoot":"","sources":["../../../../../src/client/web/CreeveyView/SideBar/TestLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,4BAoDC;AApED,+CAAmF;AAEnF,2DAAqD;AACrD,+DAAyD;AACzD,6CAA8C;AAC9C,6EAAuE;AACvE,iDAA+E;AAC/E,+CAA4D;AAC5D,2DAAyD;AAQzD,SAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAiB;IAC7D,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,kCAAc,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,2BAAc,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,gDAAqB,CAAC,CAAC;IACxF,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,wBAAW,EAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CACH,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACjC,QAAQ,CAAC,MAAM,KAAK,kBAAkB,CAAC,MAAM;QAC7C,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EACvD,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAC/B,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAc,EAAQ,EAAE;QACvB,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CAC1B,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,aAAa;YAAE,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAChD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAS,EAAE;QACxC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,qBAAqB,CAAC,IAAA,wBAAW,EAAC,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,wBAAS,IAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa;QAGvE,8BAAC,+BAAiB;YAChB,8BAAC,sBAAQ,IACP,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EACzC,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5B,aAAa,EAAE,WAAW,GAC1B,CACgB;QACpB,8BAAC,qBAAM,IAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,SAAS;YACjE,8BAAC,6BAAc,IAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;gBAChD,8BAAC,kCAAc,IAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;gBAC1E,8BAAC,yBAAU,QAAE,KAAK,CAAc,CACjB,CACV,CACC,CACb,CAAC;AACJ,CAAC"}
|