@servicetitan/design-system 12.9.0 → 12.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/components/AnvilSelect/AnvilSelect.js +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/utils/focus-utils.js +3 -3
- package/dist/components/Button/Button.css +1 -1
- package/dist/components/Button/index.css +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +5 -6
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.test.js +16 -6
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.js +3 -3
- package/dist/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +13 -0
- package/dist/components/DatePicker/DatePicker.js +24 -8
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.d.ts +1 -1
- package/dist/components/DatePicker/InputDateMask.js +13 -4
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +84 -37
- package/dist/components/DateRangePicker/DateRangePicker.js +46 -30
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +30 -22
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.d.ts +3 -3
- package/dist/components/DateRangePicker/components/DateRangeInput.js +9 -7
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/FormField/FormField.js +4 -5
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormField.test.js +19 -8
- package/dist/components/FormField/FormField.test.js.map +1 -1
- package/dist/components/Icon/Icon.css +1 -1
- package/dist/components/Icon/index.css +1 -1
- package/dist/components/Input/Input.test.js +21 -11
- package/dist/components/Input/Input.test.js.map +1 -1
- package/dist/components/KeyPressListener/KeyPressListener.d.ts +1 -0
- package/dist/components/KeyPressListener/KeyPressListener.js +8 -6
- package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
- package/dist/components/OptionList/OptionList.js +0 -1
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/Popover/Popover.test.js +7 -6
- package/dist/components/Popover/Popover.test.js.map +1 -1
- package/dist/components/Radio/Radio.test.js +16 -6
- package/dist/components/Radio/Radio.test.js.map +1 -1
- package/dist/components/SideNav/SideNav.css +10 -8
- package/dist/components/SideNav/SideNav.css.map +1 -1
- package/dist/components/SideNav/SideNav.js +13 -5
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.css +6 -2
- package/dist/components/SideNav/SideNavGroup.css.map +1 -1
- package/dist/components/SideNav/SideNavGroup.js +1 -1
- package/dist/components/SideNav/SideNavGroup.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.css +92 -17
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.d.ts +17 -4
- package/dist/components/SideNav/SideNavItem.js +113 -14
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.css +98 -19
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.css +4 -1
- package/dist/components/Sidebar/Sidebar.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +1 -1
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/SidebarSection.css +4 -1
- package/dist/components/Sidebar/SidebarSection.css.map +1 -1
- package/dist/components/Sidebar/index.css +4 -1
- package/dist/components/Sidebar/index.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts +6 -2
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.test.js +18 -6
- package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js +16 -6
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
- package/dist/components/index.css +103 -21
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/useFocusVisible.test.js +25 -15
- package/dist/hooks/useFocusVisible.test.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleContext.d.ts +9 -0
- package/dist/internal/CollapsibleList/CollapsibleContext.js +3 -0
- package/dist/internal/CollapsibleList/CollapsibleContext.js.map +1 -0
- package/dist/internal/CollapsibleList/CollapsibleList.css +9 -0
- package/dist/internal/CollapsibleList/CollapsibleList.css.map +1 -0
- package/dist/internal/CollapsibleList/CollapsibleList.d.ts +11 -0
- package/dist/internal/CollapsibleList/CollapsibleList.js +27 -0
- package/dist/internal/CollapsibleList/CollapsibleList.js.map +1 -0
- package/dist/internal/CollapsibleList/CollapsibleListItem.d.ts +11 -0
- package/dist/internal/CollapsibleList/CollapsibleListItem.js +60 -0
- package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -0
- package/dist/internal/CollapsibleList/index.css +9 -0
- package/dist/internal/CollapsibleList/index.css.map +1 -0
- package/dist/internal/CollapsibleList/index.d.ts +3 -0
- package/dist/internal/CollapsibleList/index.js +4 -0
- package/dist/internal/CollapsibleList/index.js.map +1 -0
- package/dist/internal/Portal/Portal.js +1 -1
- package/dist/internal/index.css +8 -1
- package/dist/internal/index.css.map +1 -1
- package/dist/internal/index.d.ts +1 -0
- package/dist/internal/index.js +1 -0
- package/dist/internal/index.js.map +1 -1
- package/dist/system-light.css +8 -1
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +111 -22
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.d.ts +1 -0
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +373 -0
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -0
- package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.d.ts +2 -0
- package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.js +22 -0
- package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.js.map +1 -0
- package/dist/utilities/KeyboardAccessTests/components/components.d.ts +15 -0
- package/dist/utilities/KeyboardAccessTests/components/components.js +166 -0
- package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -0
- package/dist/utilities/KeyboardAccessTests/components/index.d.ts +2 -0
- package/dist/utilities/KeyboardAccessTests/components/index.js +3 -0
- package/dist/utilities/KeyboardAccessTests/components/index.js.map +1 -0
- package/dist/utilities/KeyboardAccessTests/utils/index.d.ts +2 -0
- package/dist/utilities/KeyboardAccessTests/utils/index.js +3 -0
- package/dist/utilities/KeyboardAccessTests/utils/index.js.map +1 -0
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.d.ts +12 -0
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js +52 -0
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js.map +1 -0
- package/dist/utilities/KeyboardAccessTests/utils/utils.d.ts +2 -0
- package/dist/utilities/KeyboardAccessTests/utils/utils.js +132 -0
- package/dist/utilities/KeyboardAccessTests/utils/utils.js.map +1 -0
- package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js +5 -3
- package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js.map +1 -1
- package/dist/utilities/keyCodes.d.ts +1 -1
- package/dist/utilities/keyCodes.js +1 -1
- package/dist/utilities/keyCodes.js.map +1 -1
- package/package.json +13 -12
- package/dist/components/Drawer/DrawerFooter.d.ts +0 -8
- package/dist/components/Drawer/DrawerFooter.js +0 -24
- package/dist/components/Drawer/DrawerFooter.js.map +0 -1
- package/dist/components/Drawer/DrawerHeader.d.ts +0 -9
- package/dist/components/Drawer/DrawerHeader.js +0 -24
- package/dist/components/Drawer/DrawerHeader.js.map +0 -1
- package/dist/components/Drawer/DrawerWindow.d.ts +0 -6
- package/dist/components/Drawer/DrawerWindow.js +0 -18
- package/dist/components/Drawer/DrawerWindow.js.map +0 -1
- package/dist/components/Page/components/Footer.d.ts +0 -8
- package/dist/components/Page/components/Footer.js +0 -7
- package/dist/components/Page/components/Footer.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DateRangeInput.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/components/DateRangeInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ export const Drawer = (_a) => {
|
|
|
46
46
|
React.createElement(AnimatePresence, null, open && (React.createElement(DrawerEl, Object.assign({ "data-anvil-component": "Drawer" }, DrawerProps),
|
|
47
47
|
header && (React.createElement("div", { className: "Drawer__header" },
|
|
48
48
|
React.createElement(Headline, { className: "Drawer__header-title" }, header),
|
|
49
|
-
onClose && (React.createElement(Button, { fill: "subtle", className: "Drawer__header-close", iconName: "clear", size: "xsmall", onClick: onClose })))),
|
|
49
|
+
onClose && (React.createElement(Button, { fill: "subtle", className: "Drawer__header-close", iconName: "clear", size: "xsmall", onClick: onClose, "aria-label": "close drawer" })))),
|
|
50
50
|
React.createElement("div", { className: DrawerContentClassNames }, children),
|
|
51
51
|
footer && (React.createElement("div", { className: DrawerFooterClassNames }, footer)))))));
|
|
52
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ import { Button } from '../Button';
|
|
|
22
22
|
import { Radio } from '../Radio';
|
|
23
23
|
export const FormField = React.forwardRef((_a, ref) => {
|
|
24
24
|
var _b, _c, _d;
|
|
25
|
-
var { children, className, control, controlRef, controlClassName, description, disabled, el = 'div', error, label, labelProps, required, size, toggleboxControl, width } = _a, props = __rest(_a, ["children", "className", "control", "controlRef", "controlClassName", "description", "disabled", "el", "error", "label", "labelProps", "required", "size", "toggleboxControl", "width"]);
|
|
25
|
+
var { children, className, control, controlRef, controlClassName, description, disabled, el = 'div', error, label, labelProps, required, size, toggleboxControl, width, onChange } = _a, props = __rest(_a, ["children", "className", "control", "controlRef", "controlClassName", "description", "disabled", "el", "error", "label", "labelProps", "required", "size", "toggleboxControl", "width", "onChange"]);
|
|
26
26
|
const controlType = typeof control !== 'undefined'
|
|
27
27
|
? (_b = control.displayName) !== null && _b !== void 0 ? _b : control.name
|
|
28
28
|
: 'control';
|
|
@@ -57,6 +57,7 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
57
57
|
if (hasCounter) {
|
|
58
58
|
setCounter(d.value.length);
|
|
59
59
|
}
|
|
60
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e, d);
|
|
60
61
|
};
|
|
61
62
|
const getLabel = () => {
|
|
62
63
|
if (label === undefined || label === '')
|
|
@@ -74,12 +75,10 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
74
75
|
const hasErrorText = (error && typeof error === 'string' && error.length > 0) ||
|
|
75
76
|
isValidElement(error);
|
|
76
77
|
const getControl = () => {
|
|
77
|
-
const controlProps = Object.assign(Object.assign(
|
|
78
|
+
const controlProps = Object.assign(Object.assign({ children,
|
|
78
79
|
disabled,
|
|
79
80
|
required,
|
|
80
|
-
size }, (
|
|
81
|
-
onChange: handleOnChange,
|
|
82
|
-
})), { className: controlClassName }), passProps()), (control !== ToggleSwitch &&
|
|
81
|
+
size, onChange: hasCounter ? handleOnChange : onChange, className: controlClassName }, passProps()), (control !== ToggleSwitch &&
|
|
83
82
|
control !== ButtonToggle &&
|
|
84
83
|
toggleboxControl !== 'toggleSwitch' &&
|
|
85
84
|
control !== Button
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAyCjC,MAAM,CAAC,MAAM,SAAS,GAAuB,KAAK,CAAC,UAAU,CAC5D,CACC,
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
1
10
|
import React from 'react';
|
|
2
11
|
import { render } from '@testing-library/react';
|
|
3
12
|
import userEvent from '@testing-library/user-event';
|
|
@@ -13,19 +22,20 @@ const MultipleTogglebox = () => {
|
|
|
13
22
|
};
|
|
14
23
|
describe('test multiple Form.Togglebox inside one Form.Field', () => {
|
|
15
24
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
16
|
-
|
|
25
|
+
const user = userEvent.setup();
|
|
26
|
+
it('it should be checked on click', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
17
27
|
const { container } = render(React.createElement(MultipleTogglebox, null));
|
|
18
28
|
const tbi1 = container.querySelector('.tb1 input');
|
|
19
29
|
const tbi2 = container.querySelector('.tb2 input');
|
|
20
30
|
expect(tbi1.checked).toEqual(true);
|
|
21
31
|
expect(tbi2.checked).toEqual(false);
|
|
22
|
-
|
|
32
|
+
yield user.click(tbi2);
|
|
23
33
|
expect(tbi1.checked).toEqual(false);
|
|
24
34
|
expect(tbi2.checked).toEqual(true);
|
|
25
|
-
|
|
35
|
+
yield user.click(tbi1);
|
|
26
36
|
expect(tbi1.checked).toEqual(true);
|
|
27
37
|
expect(tbi2.checked).toEqual(false);
|
|
28
|
-
});
|
|
38
|
+
}));
|
|
29
39
|
});
|
|
30
40
|
const MultipleInput = () => {
|
|
31
41
|
return (React.createElement(Form, null,
|
|
@@ -35,20 +45,21 @@ const MultipleInput = () => {
|
|
|
35
45
|
};
|
|
36
46
|
describe('test focus on label clock multiple Inputs inside one Form.Field', () => {
|
|
37
47
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
38
|
-
|
|
48
|
+
const user = userEvent.setup();
|
|
49
|
+
it('it should be focused on Label click', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
39
50
|
const { container } = render(React.createElement(MultipleInput, null));
|
|
40
51
|
const label = container.querySelector('.Label');
|
|
41
52
|
const i1 = container.querySelector('.input1 input');
|
|
42
53
|
const i2 = container.querySelector('.input2 input');
|
|
43
54
|
expect(i1).not.toHaveFocus();
|
|
44
55
|
expect(i2).not.toHaveFocus();
|
|
45
|
-
|
|
56
|
+
yield user.click(label);
|
|
46
57
|
expect(i1).toHaveFocus();
|
|
47
58
|
expect(i2).not.toHaveFocus();
|
|
48
|
-
|
|
59
|
+
yield user.click(i2);
|
|
49
60
|
expect(i1).not.toHaveFocus();
|
|
50
61
|
expect(i2).toHaveFocus();
|
|
51
|
-
});
|
|
62
|
+
}));
|
|
52
63
|
});
|
|
53
64
|
describe('Counter for FormField', () => {
|
|
54
65
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,YAAY,EAAC,QAAQ,QAAC,KAAK,EAAC,GAAG;YAChD,oBAAC,IAAI,CAAC,SAAS,IACd,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,SAAS,EAAC,KAAK,GACd;YACF,oBAAC,IAAI,CAAC,SAAS,IACd,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,SAAS,EAAC,KAAK,GACd,CACU,CACP,CACP,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,oDAAoD,EAAE,GAAG,EAAE;IACnE,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,+BAA+B,EAAE,
|
|
1
|
+
{"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
1
10
|
import React from 'react';
|
|
2
11
|
import { render } from '@testing-library/react';
|
|
3
12
|
import userEvent from '@testing-library/user-event';
|
|
@@ -21,33 +30,34 @@ describe('test Input with an Icon.onClick inside', () => {
|
|
|
21
30
|
container.querySelector('.i1 .a-Icon'),
|
|
22
31
|
];
|
|
23
32
|
};
|
|
24
|
-
|
|
33
|
+
const user = userEvent.setup();
|
|
34
|
+
it('it should be focused on Input click', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
25
35
|
const [input, icon] = getElements();
|
|
26
36
|
expect(input).not.toHaveFocus();
|
|
27
37
|
expect(icon).not.toHaveFocus();
|
|
28
|
-
|
|
38
|
+
yield user.click(input);
|
|
29
39
|
expect(input).toHaveFocus();
|
|
30
40
|
expect(icon).not.toHaveFocus();
|
|
31
41
|
console.warn('warn to count first call of console.warn');
|
|
32
42
|
expect(console.warn).toHaveBeenCalledTimes(1);
|
|
33
|
-
});
|
|
34
|
-
it('it should not call handleClick on enter keypress', () => {
|
|
43
|
+
}));
|
|
44
|
+
it('it should not call handleClick on enter keypress', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
35
45
|
const [input, icon] = getElements();
|
|
36
|
-
|
|
37
|
-
|
|
46
|
+
yield user.click(input);
|
|
47
|
+
yield user.keyboard('hello');
|
|
38
48
|
expect(input).toHaveFocus();
|
|
39
49
|
expect(icon).not.toHaveFocus();
|
|
40
|
-
|
|
50
|
+
yield user.keyboard('{enter}');
|
|
41
51
|
expect(console.warn).toHaveBeenCalledTimes(2);
|
|
42
52
|
expect(console.warn).toBeCalledWith('form submitted');
|
|
43
|
-
});
|
|
44
|
-
it('it should call handleClick when click on Icon', () => {
|
|
53
|
+
}));
|
|
54
|
+
it('it should call handleClick when click on Icon', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
45
55
|
const [input, icon] = getElements();
|
|
46
|
-
|
|
56
|
+
yield user.click(icon);
|
|
47
57
|
expect(input).not.toHaveFocus();
|
|
48
58
|
expect(icon).toHaveFocus();
|
|
49
59
|
expect(console.warn).toHaveBeenCalledTimes(3);
|
|
50
60
|
expect(console.warn).toBeCalledWith('icon clicked');
|
|
51
|
-
});
|
|
61
|
+
}));
|
|
52
62
|
});
|
|
53
63
|
//# sourceMappingURL=Input.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.test.js","sourceRoot":"","sources":["../../../src/components/Input/Input.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,aAAa,GAAG,GAAG,EAAE;IAC1B,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAE1D,OAAO,CACN,oBAAC,IAAI,IAAC,QAAQ,EAAE,YAAY;QAC3B,oBAAC,KAAK,IACL,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,aAAa,EACzB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,WAAW,GAAI,GAC/C,CACI,CACP,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,wCAAwC,EAAE,GAAG,EAAE;IACvD,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,8DAA8D;IAExF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC;QAEhD,OAAO;YACN,SAAS,CAAC,aAAa,CAAC,WAAW,CAAqB;YACxD,SAAS,CAAC,aAAa,CAAC,aAAa,CAAqB;SAC1D,CAAC;IACH,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.test.js","sourceRoot":"","sources":["../../../src/components/Input/Input.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,aAAa,GAAG,GAAG,EAAE;IAC1B,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAE1D,OAAO,CACN,oBAAC,IAAI,IAAC,QAAQ,EAAE,YAAY;QAC3B,oBAAC,KAAK,IACL,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,aAAa,EACzB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,WAAW,GAAI,GAC/C,CACI,CACP,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,wCAAwC,EAAE,GAAG,EAAE;IACvD,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,8DAA8D;IAExF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC;QAEhD,OAAO;YACN,SAAS,CAAC,aAAa,CAAC,WAAW,CAAqB;YACxD,SAAS,CAAC,aAAa,CAAC,aAAa,CAAqB;SAC1D,CAAC;IACH,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,EAAE,CAAC,qCAAqC,EAAE,GAAS,EAAE;QACpD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,WAAW,EAAE,CAAC;QAEpC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAChC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC/B,OAAO,CAAC,IAAI,CAAC,0CAA0C,CAAC,CAAC;QACzD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAS,EAAE;QACjE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,WAAW,EAAE,CAAC;QAEpC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACvD,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAS,EAAE;QAC9D,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,WAAW,EAAE,CAAC;QAEpC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAChC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;QAC3B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACrD,CAAC,CAAA,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -5,6 +5,7 @@ export interface KeyPressListenerProps {
|
|
|
5
5
|
handler(event: KeyboardEvent): void;
|
|
6
6
|
keyEvent?: KeyEvent;
|
|
7
7
|
disabled?: boolean;
|
|
8
|
+
targetElement?: HTMLElement;
|
|
8
9
|
}
|
|
9
10
|
declare type KeyEvent = 'keydown' | 'keyup';
|
|
10
11
|
export declare const KeyPressListener: React.FC<KeyPressListenerProps>;
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
|
-
export const KeyPressListener = ({ code, handler, keyEvent = 'keyup', disabled = false, }) => {
|
|
2
|
+
export const KeyPressListener = ({ code, handler, keyEvent = 'keyup', disabled = false, targetElement, }) => {
|
|
3
3
|
const handleKeyEvent = (event) => {
|
|
4
|
+
if (event.code !== code)
|
|
5
|
+
return;
|
|
4
6
|
if (disabled) {
|
|
5
7
|
event.preventDefault();
|
|
6
8
|
return;
|
|
7
9
|
}
|
|
8
|
-
|
|
9
|
-
handler(event);
|
|
10
|
-
}
|
|
10
|
+
handler(event);
|
|
11
11
|
};
|
|
12
|
+
const getElement = () => (targetElement ? targetElement : document);
|
|
12
13
|
useEffect(() => {
|
|
13
|
-
|
|
14
|
+
const target = getElement();
|
|
15
|
+
target.addEventListener(keyEvent, handleKeyEvent);
|
|
14
16
|
return () => {
|
|
15
|
-
|
|
17
|
+
target.removeEventListener(keyEvent, handleKeyEvent);
|
|
16
18
|
};
|
|
17
19
|
});
|
|
18
20
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyPressListener.js","sourceRoot":"","sources":["../../../src/components/KeyPressListener/KeyPressListener.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"KeyPressListener.js","sourceRoot":"","sources":["../../../src/components/KeyPressListener/KeyPressListener.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAazC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EACjE,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,KAAK,EAChB,aAAa,GACb,EAAE,EAAE;IACJ,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC/C,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI;YAAE,OAAO;QAEhC,IAAI,QAAQ,EAAE;YACb,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO;SACP;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,MAAM,GAAG,UAAU,EAAE,CAAC;QAC5B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACtD,CAAC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACb,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,6 +31,7 @@ const NestedPortalPopovers = () => {
|
|
|
31
31
|
};
|
|
32
32
|
describe('test nested portaled Popovers for onClickOutside() suppression', () => {
|
|
33
33
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
34
|
+
const user = userEvent.setup();
|
|
34
35
|
it('one nested popover should be closed per click', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
35
36
|
render(React.createElement(NestedPortalPopovers, null));
|
|
36
37
|
const { queryByText: query } = screen;
|
|
@@ -39,30 +40,30 @@ describe('test nested portaled Popovers for onClickOutside() suppression', () =>
|
|
|
39
40
|
expect(query('Button2')).toBeNull();
|
|
40
41
|
expect(query('Button3')).toBeNull();
|
|
41
42
|
expect(query('Test')).toBeNull(); // Element inside most deeply nested popover
|
|
42
|
-
|
|
43
|
+
yield user.click(query('Button1')); // Open popover1
|
|
43
44
|
yield waitFor(() => { });
|
|
44
45
|
expect(query('Button2')).not.toBeNull(); // Popover1 is open
|
|
45
46
|
expect(query('Button3')).toBeNull();
|
|
46
|
-
|
|
47
|
+
yield user.click(query('Button2')); // Open popover2
|
|
47
48
|
yield waitFor(() => { });
|
|
48
49
|
expect(query('Button3')).not.toBeNull(); // Popover2 is open
|
|
49
50
|
expect(query('Test')).toBeNull();
|
|
50
|
-
|
|
51
|
+
yield user.click(query('Button3')); // Open popover3
|
|
51
52
|
yield waitFor(() => { });
|
|
52
53
|
expect(query('Test')).not.toBeNull(); // Popover3 is open
|
|
53
|
-
|
|
54
|
+
yield user.click(query('Button')); // Should close popover3 only
|
|
54
55
|
yield waitFor(() => { });
|
|
55
56
|
expect(query('Button1')).not.toBeNull();
|
|
56
57
|
expect(query('Button2')).not.toBeNull();
|
|
57
58
|
expect(query('Button3')).not.toBeNull();
|
|
58
59
|
expect(query('Test2')).toBeNull(); // Popover3 is closed
|
|
59
|
-
|
|
60
|
+
yield user.click(query('Button')); // Should close popover2 only
|
|
60
61
|
yield waitFor(() => { });
|
|
61
62
|
expect(query('Button1')).not.toBeNull();
|
|
62
63
|
expect(query('Button2')).not.toBeNull();
|
|
63
64
|
expect(query('Button3')).toBeNull(); // Test popover2 is closed
|
|
64
65
|
expect(query('Test')).toBeNull();
|
|
65
|
-
|
|
66
|
+
yield user.click(query('Button')); // Should close popover1 only
|
|
66
67
|
yield waitFor(() => { });
|
|
67
68
|
expect(query('Button1')).not.toBeNull();
|
|
68
69
|
expect(query('Button2')).toBeNull(); // Popover1 is closed
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAErC,MAAc,CAAC,cAAc,GAAG,MAAM,cAAc;IACpD,OAAO,KAAI,CAAC;IACZ,UAAU,KAAI,CAAC;CACf,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACpC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,CACN,oBAAC,OAAO,IACP,SAAS,EAAC,GAAG,EACb,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,IAAI,EAAE,IAAI,EACV,MAAM,QACN,OAAO,EACN,oBAAC,MAAM,IACN,EAAE,EAAC,MAAM,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CAAC,IAAI,CACH;YAGV,6BAAK,SAAS,EAAC,MAAM,IAAE,KAAK,CAAC,QAAQ,CAAO,CACnC,CACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,MAAM;QACpB,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAC7C,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;gBAC7C,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;oBAC7C,sCAAW;oDACI,CACD,CACD;QAChB,oBAAC,MAAM,IAAC,SAAS,EAAC,YAAY,aAAgB,CACzC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,gEAAgE,EAAE,GAAG,EAAE;IAC/E,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,+CAA+C,EAAE,GAAS,EAAE;QAC9D,MAAM,CAAC,oBAAC,oBAAoB,OAAG,CAAC,CAAC;QACjC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAEtC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;QAC/E,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,4CAA4C;QAE9E,
|
|
1
|
+
{"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAErC,MAAc,CAAC,cAAc,GAAG,MAAM,cAAc;IACpD,OAAO,KAAI,CAAC;IACZ,UAAU,KAAI,CAAC;CACf,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACjC,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACpC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,CACN,oBAAC,OAAO,IACP,SAAS,EAAC,GAAG,EACb,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,IAAI,EAAE,IAAI,EACV,MAAM,QACN,OAAO,EACN,oBAAC,MAAM,IACN,EAAE,EAAC,MAAM,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CAAC,IAAI,CACH;YAGV,6BAAK,SAAS,EAAC,MAAM,IAAE,KAAK,CAAC,QAAQ,CAAO,CACnC,CACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,MAAM;QACpB,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAC7C,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;gBAC7C,oBAAC,aAAa,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;oBAC7C,sCAAW;oDACI,CACD,CACD;QAChB,oBAAC,MAAM,IAAC,SAAS,EAAC,YAAY,aAAgB,CACzC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,gEAAgE,EAAE,GAAG,EAAE;IAC/E,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,EAAE,CAAC,+CAA+C,EAAE,GAAS,EAAE;QAC9D,MAAM,CAAC,oBAAC,oBAAoB,OAAG,CAAC,CAAC;QACjC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAEtC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;QAC/E,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,4CAA4C;QAE9E,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACpD,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,mBAAmB;QAC5D,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEpC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACpD,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,mBAAmB;QAC5D,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEjC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB;QACpD,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,mBAAmB;QAEzD,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,6BAA6B;QAChE,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,qBAAqB;QAExD,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,6BAA6B;QAChE,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,0BAA0B;QAC/D,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEjC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,6BAA6B;QAChE,MAAM,OAAO,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,qBAAqB;QAC1D,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAClC,CAAC,CAAA,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,22 +1,32 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
1
10
|
import React from 'react';
|
|
2
11
|
import { render } from '@testing-library/react';
|
|
3
12
|
import userEvent from '@testing-library/user-event';
|
|
4
13
|
import { Radio } from './Radio';
|
|
5
14
|
describe('Radio', () => {
|
|
6
15
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
7
|
-
|
|
16
|
+
const user = userEvent.setup();
|
|
17
|
+
it('it should be checked on click', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
8
18
|
const { getByLabelText } = render(React.createElement(Radio, { label: "Label" }));
|
|
9
19
|
const radio = getByLabelText('Label');
|
|
10
20
|
expect(radio.checked).toEqual(false);
|
|
11
|
-
|
|
21
|
+
yield user.click(radio);
|
|
12
22
|
expect(radio.checked).toEqual(true);
|
|
13
|
-
});
|
|
14
|
-
it('it should return object on change', () => {
|
|
23
|
+
}));
|
|
24
|
+
it('it should return object on change', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
15
25
|
const onChangeTest = jest.fn();
|
|
16
26
|
const { getByLabelText } = render(React.createElement(Radio, { onChange: onChangeTest, value: "test", label: "Label" }));
|
|
17
27
|
const radio = getByLabelText('Label');
|
|
18
|
-
|
|
28
|
+
yield user.click(radio);
|
|
19
29
|
expect(onChangeTest).toBeCalledWith('test', expect.any(Object));
|
|
20
|
-
});
|
|
30
|
+
}));
|
|
21
31
|
});
|
|
22
32
|
//# sourceMappingURL=Radio.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,+BAA+B,EAAE,
|
|
1
|
+
{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,EAAE,CAAC,+BAA+B,EAAE,GAAS,EAAE;QAC9C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC3D,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAC1D,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QAClD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,KAAK,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC5D,CAAC;QACF,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAC1D,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC,CAAA,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -8,20 +8,23 @@
|
|
|
8
8
|
color: var(--colorsTextDefault, #141414);
|
|
9
9
|
padding: 16px;
|
|
10
10
|
}
|
|
11
|
-
.SideNav .Tag {
|
|
12
|
-
margin-left: 8px;
|
|
13
|
-
transform: translateY(-1px);
|
|
14
|
-
}
|
|
15
11
|
.SideNav a {
|
|
16
12
|
text-decoration: none;
|
|
17
13
|
}
|
|
14
|
+
.SideNav .SideNav {
|
|
15
|
+
padding: 0;
|
|
16
|
+
}
|
|
18
17
|
|
|
19
18
|
.SideNav__title {
|
|
20
|
-
|
|
21
|
-
margin:
|
|
22
|
-
padding: 8px 0
|
|
19
|
+
margin: 0 8px;
|
|
20
|
+
margin-bottom: 16px;
|
|
21
|
+
padding: 8px 0;
|
|
23
22
|
color: var(--colorsTextOnGrey, #444445);
|
|
24
23
|
}
|
|
24
|
+
.SideNav__title .Tag {
|
|
25
|
+
margin-left: 8px;
|
|
26
|
+
transform: translateY(-1px);
|
|
27
|
+
}
|
|
25
28
|
|
|
26
29
|
.SideNav__list {
|
|
27
30
|
list-style: none;
|
|
@@ -29,7 +32,6 @@
|
|
|
29
32
|
margin-left: 0;
|
|
30
33
|
margin-top: 0;
|
|
31
34
|
padding-left: 0;
|
|
32
|
-
padding-top: 16px;
|
|
33
35
|
}
|
|
34
36
|
|
|
35
37
|
/*# sourceMappingURL=SideNav.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA;AAEA;EACA;EDOA;EACA,OARc;EASd,SEiHW;;AF/GX;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA;AAEA;EACA;EDOA;EACA,OARc;EASd,SEiHW;;AF/GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEuGW;EFtGX;EACA,OAnBoB;;AAqBpB;EACC,aEiGU;EFhGV;;;AAIF;EGjCC;EACA;EACA;EACA;EACA","file":"SideNav.css"}
|
|
@@ -11,15 +11,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
|
-
import {
|
|
14
|
+
import { FocusScope } from '@react-aria/focus';
|
|
15
|
+
import { SideNavItem, SideNavItemContext } from './SideNavItem';
|
|
15
16
|
import { SideNavGroup } from './SideNavGroup';
|
|
16
17
|
import { Headline } from '../Headline';
|
|
18
|
+
import { CollapsibleList } from '../../internal/CollapsibleList';
|
|
17
19
|
export const SideNav = (_a) => {
|
|
18
|
-
var { children, className, title } = _a, rest = __rest(_a, ["children", "className", "title"]);
|
|
20
|
+
var { children, className, title, 'data-anvil-component': dataAnvilComponent } = _a, rest = __rest(_a, ["children", "className", "title", 'data-anvil-component']);
|
|
21
|
+
const sideNavItemContext = React.useContext(SideNavItemContext);
|
|
19
22
|
const SideNavClasses = classnames('SideNav', className);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
React.createElement(
|
|
23
|
+
// Nested SideNav
|
|
24
|
+
if (sideNavItemContext)
|
|
25
|
+
return (React.createElement(CollapsibleList, Object.assign({ className: SideNavClasses, el: "div" }, rest),
|
|
26
|
+
React.createElement("menu", { className: "SideNav__list" }, children)));
|
|
27
|
+
return (React.createElement(FocusScope, null,
|
|
28
|
+
React.createElement("div", Object.assign({ className: SideNavClasses, "data-anvil-component": "SideNav" }, rest),
|
|
29
|
+
title !== undefined && (React.createElement(Headline, { el: "div", className: "SideNav__title", size: "small" }, title)),
|
|
30
|
+
React.createElement("menu", { className: "SideNav__list" }, children))));
|
|
23
31
|
};
|
|
24
32
|
SideNav.Item = SideNavItem;
|
|
25
33
|
SideNav.Group = SideNavGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAwBjE,MAAM,CAAC,MAAM,OAAO,GAAY,CAAC,EAMhC,EAAE,EAAE;QAN4B,EAChC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,sBAAsB,EAAE,kBAAkB,OAE1C,EADG,IAAI,cALyB,0DAMhC,CADO;IAEP,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAExD,iBAAiB;IACjB,IAAI,kBAAkB;QACrB,OAAO,CACN,oBAAC,eAAe,kBAAC,SAAS,EAAE,cAAc,EAAE,EAAE,EAAC,KAAK,IAAK,IAAI;YAC5D,8BAAM,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAQ,CAChC,CAClB,CAAC;IAEH,OAAO,CACN,oBAAC,UAAU;QACV,2CACC,SAAS,EAAE,cAAc,0BACJ,SAAS,IAC1B,IAAI;YAEP,KAAK,KAAK,SAAS,IAAI,CACvB,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,IACxD,KAAK,CACI,CACX;YACD,8BAAM,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAQ,CAC5C,CACM,CACb,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,IAAI,GAAG,WAAW,CAAC;AAC3B,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC"}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
.SideNavGroup {
|
|
3
|
-
margin-top:
|
|
3
|
+
margin-top: 24px;
|
|
4
4
|
}
|
|
5
5
|
.SideNav__list .SideNavGroup:first-child {
|
|
6
6
|
margin-top: 16px;
|
|
7
7
|
}
|
|
8
|
+
.SideNav__list .SideNavGroup:last-child {
|
|
9
|
+
margin-bottom: 16px;
|
|
10
|
+
}
|
|
8
11
|
|
|
9
12
|
.SideNavGroup__title {
|
|
10
|
-
margin:
|
|
13
|
+
margin: 8px;
|
|
14
|
+
margin-top: 0;
|
|
11
15
|
}
|
|
12
16
|
|
|
13
17
|
.SideNavGroup__list {
|