@arbor-education/design-system.components 3.6.0 → 4.0.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/CHANGELOG.md +6 -0
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts +1 -1
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts.map +1 -1
- package/dist/components/combobox/ComboboxListbox.d.ts +2 -2
- package/dist/components/combobox/ComboboxListbox.d.ts.map +1 -1
- package/dist/components/combobox/ComboboxTrigger.d.ts +2 -2
- package/dist/components/combobox/ComboboxTrigger.d.ts.map +1 -1
- package/dist/components/combobox/useComboboxListboxDom.d.ts +1 -1
- package/dist/components/combobox/useComboboxListboxDom.d.ts.map +1 -1
- package/dist/components/heading/Heading.d.ts +28 -14
- package/dist/components/heading/Heading.d.ts.map +1 -1
- package/dist/components/heading/Heading.stories.d.ts +28 -14
- package/dist/components/heading/Heading.stories.d.ts.map +1 -1
- package/dist/components/table/Table.test.js +18 -14
- package/dist/components/table/Table.test.js.map +1 -1
- package/dist/components/tabs/TabsItem.stories.d.ts +50 -22
- package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
- package/dist/components/tagList/useTagListCollapsedLayout.d.ts +3 -3
- package/dist/components/tagList/useTagListCollapsedLayout.d.ts.map +1 -1
- package/dist/packageManifest.test.d.ts +2 -0
- package/dist/packageManifest.test.d.ts.map +1 -0
- package/dist/packageManifest.test.js +22 -0
- package/dist/packageManifest.test.js.map +1 -0
- package/dist/utils/hooks/useIsMounted.d.ts +1 -1
- package/dist/utils/hooks/useIsMounted.d.ts.map +1 -1
- package/package.json +19 -5
- package/src/components/arborLogo/__snapshots__/ArborLogo.test.tsx.snap +18 -18
- package/src/components/combobox/ComboboxButtonTrigger.tsx +1 -1
- package/src/components/combobox/ComboboxListbox.tsx +2 -2
- package/src/components/combobox/ComboboxTrigger.tsx +2 -2
- package/src/components/combobox/useComboboxListboxDom.ts +1 -1
- package/src/components/table/Table.test.tsx +18 -14
- package/src/components/tagList/useTagListCollapsedLayout.ts +3 -3
- package/src/docs/UsingComponents.mdx +6 -0
- package/src/packageManifest.test.ts +43 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 4.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [#276](https://github.com/arbor-education/design-system.components/pull/276) [`47fd00b`](https://github.com/arbor-education/design-system.components/commit/47fd00bb9664f4101b70aa2768d5646364d16126) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-71331 Upgrade to React 19 and move `react` and `react-dom` to `peerDependencies` (`^18.0.0 || ^19.0.0`). Consumers must now provide React themselves, and may run either React 18 or 19; 19 is preferred. `@types/react` and `@types/react-dom` are no longer installed as dependencies; they are declared as optional peer dependencies for TypeScript consumers.
|
|
8
|
+
|
|
3
9
|
## 3.6.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ComboboxAriaInvalid, ComboboxOption, ComboboxSelectedValueDisplay } from './types.js';
|
|
2
2
|
export type ComboboxButtonTriggerProps = {
|
|
3
|
-
triggerRef: React.RefObject<HTMLDivElement>;
|
|
3
|
+
triggerRef: React.RefObject<HTMLDivElement | null>;
|
|
4
4
|
listboxId: string;
|
|
5
5
|
isOpen: boolean;
|
|
6
6
|
hasError: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxButtonTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxButtonTrigger.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAGpG,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxButtonTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxButtonTrigger.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAGpG,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,4BAA4B,CAAC;IACnD,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,MAAM,CAAC;IACjD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACvE,kBAAkB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAClD,uBAAuB,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,qBAAqB;oXAuB/B,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CA+JhD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ComboboxAriaInvalid, ComboboxOption, ComboboxSearchType } from './types.js';
|
|
2
2
|
export type ComboboxListboxProps = {
|
|
3
|
-
listboxRef: React.RefObject<HTMLUListElement>;
|
|
3
|
+
listboxRef: React.RefObject<HTMLUListElement | null>;
|
|
4
4
|
listboxId: string;
|
|
5
5
|
multiple: boolean;
|
|
6
6
|
ariaLabel: string | undefined;
|
|
@@ -23,7 +23,7 @@ export type ComboboxListboxProps = {
|
|
|
23
23
|
filteredOptionsLength: number;
|
|
24
24
|
preventMouseDefault: (e: React.MouseEvent) => void;
|
|
25
25
|
renderSearchInputInListbox: boolean;
|
|
26
|
-
inputRef: React.RefObject<HTMLInputElement>;
|
|
26
|
+
inputRef: React.RefObject<HTMLInputElement | null>;
|
|
27
27
|
comboboxId: string;
|
|
28
28
|
shouldShowPopover: boolean;
|
|
29
29
|
activeDescendant: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxListbox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxListbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE1F,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxListbox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxListbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE1F,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;IAC5C,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,kBAAkB,CAAC;IAC/B,sBAAsB,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACnD,0BAA0B,EAAE,OAAO,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9E,yBAAyB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/F,CAAC;AAEF,eAAO,MAAM,eAAe;YAAW,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAyL9E,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ComboboxAriaInvalid, ComboboxOption, ComboboxSelectedValueDisplay } from './types.js';
|
|
2
2
|
export type ComboboxTriggerProps = {
|
|
3
|
-
'inputRef': React.RefObject<HTMLInputElement>;
|
|
4
|
-
'triggerRef': React.RefObject<HTMLDivElement>;
|
|
3
|
+
'inputRef': React.RefObject<HTMLInputElement | null>;
|
|
4
|
+
'triggerRef': React.RefObject<HTMLDivElement | null>;
|
|
5
5
|
'comboboxId': string;
|
|
6
6
|
'listboxId': string;
|
|
7
7
|
'isOpen': boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAEpG,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAEpG,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,4BAA4B,CAAC;IACrD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,MAAM,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnE,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe;YAAW,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAwH9E,CAAC"}
|
|
@@ -2,7 +2,7 @@ type UseComboboxListboxDomParams = {
|
|
|
2
2
|
comboboxId: string;
|
|
3
3
|
};
|
|
4
4
|
export type UseComboboxListboxDomReturn = {
|
|
5
|
-
listboxRef: React.RefObject<HTMLUListElement>;
|
|
5
|
+
listboxRef: React.RefObject<HTMLUListElement | null>;
|
|
6
6
|
getOptionId: (index: number) => string;
|
|
7
7
|
scrollHighlightedIntoView: (index: number) => void;
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useComboboxListboxDom.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxListboxDom.ts"],"names":[],"mappings":"AAGA,KAAK,2BAA2B,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"useComboboxListboxDom.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxListboxDom.ts"],"names":[],"mappings":"AAGA,KAAK,2BAA2B,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,yBAAyB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,iBAEnC,2BAA2B,KAAG,2BAoBhC,CAAC"}
|
|
@@ -10,7 +10,7 @@ export declare const Heading: {
|
|
|
10
10
|
level?: HeadingLevel;
|
|
11
11
|
accept?: string | undefined;
|
|
12
12
|
acceptCharset?: string | undefined;
|
|
13
|
-
action?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
|
|
13
|
+
action?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
|
|
14
14
|
allowFullScreen?: boolean | undefined;
|
|
15
15
|
allowTransparency?: boolean | undefined;
|
|
16
16
|
alt?: string | undefined;
|
|
@@ -39,7 +39,7 @@ export declare const Heading: {
|
|
|
39
39
|
download?: any;
|
|
40
40
|
encType?: string | undefined;
|
|
41
41
|
form?: string | undefined;
|
|
42
|
-
formAction?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
|
|
42
|
+
formAction?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
|
|
43
43
|
formEncType?: string | undefined;
|
|
44
44
|
formMethod?: string | undefined;
|
|
45
45
|
formNoValidate?: boolean | undefined;
|
|
@@ -156,6 +156,10 @@ export declare const Heading: {
|
|
|
156
156
|
results?: number | undefined;
|
|
157
157
|
security?: string | undefined;
|
|
158
158
|
unselectable?: "on" | "off" | undefined;
|
|
159
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
160
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
161
|
+
popoverTarget?: string | undefined;
|
|
162
|
+
inert?: boolean | undefined;
|
|
159
163
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
160
164
|
is?: string | undefined;
|
|
161
165
|
exportparts?: string | undefined;
|
|
@@ -233,18 +237,18 @@ export declare const Heading: {
|
|
|
233
237
|
onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
|
|
234
238
|
onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
|
|
235
239
|
onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
|
|
236
|
-
onChange?: import("react").
|
|
237
|
-
onChangeCapture?: import("react").
|
|
240
|
+
onChange?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
|
|
241
|
+
onChangeCapture?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
|
|
238
242
|
onBeforeInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
|
|
239
|
-
onBeforeInputCapture?: import("react").
|
|
240
|
-
onInput?: import("react").
|
|
241
|
-
onInputCapture?: import("react").
|
|
242
|
-
onReset?: import("react").
|
|
243
|
-
onResetCapture?: import("react").
|
|
244
|
-
onSubmit?: import("react").
|
|
245
|
-
onSubmitCapture?: import("react").
|
|
246
|
-
onInvalid?: import("react").
|
|
247
|
-
onInvalidCapture?: import("react").
|
|
243
|
+
onBeforeInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
|
|
244
|
+
onInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
|
|
245
|
+
onInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
|
|
246
|
+
onReset?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
247
|
+
onResetCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
248
|
+
onSubmit?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
|
|
249
|
+
onSubmitCapture?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
|
|
250
|
+
onInvalid?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
251
|
+
onInvalidCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
248
252
|
onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
249
253
|
onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
250
254
|
onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
@@ -365,6 +369,8 @@ export declare const Heading: {
|
|
|
365
369
|
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
366
370
|
onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
|
|
367
371
|
onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
|
|
372
|
+
onScrollEnd?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
|
|
373
|
+
onScrollEndCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
|
|
368
374
|
onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
|
|
369
375
|
onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
|
|
370
376
|
onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
|
|
@@ -373,9 +379,17 @@ export declare const Heading: {
|
|
|
373
379
|
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
|
|
374
380
|
onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
|
|
375
381
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
|
|
382
|
+
onToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
|
|
383
|
+
onBeforeToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
|
|
384
|
+
onTransitionCancel?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
385
|
+
onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
376
386
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
377
387
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
378
|
-
|
|
388
|
+
onTransitionRun?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
389
|
+
onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
390
|
+
onTransitionStart?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
391
|
+
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
392
|
+
ref?: import("react").Ref<HTMLHeadingElement> | undefined;
|
|
379
393
|
key?: import("react").Key | null | undefined;
|
|
380
394
|
}, HTMLHeadingElement>;
|
|
381
395
|
InnerContainer: (props: HeadingSubContainerProps) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAgBhE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzC,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO;YAAW,YAAY;;gBAHjC,YAAY
|
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAgBhE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzC,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO;YAAW,YAAY;;gBAHjC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAjBgB,wBAAwB;CA8B7D,CAAC;AAIF,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,mBAAmB,GAAG,wBAAwB,CAAC;CAC5D"}
|
|
@@ -11,7 +11,7 @@ declare const meta: {
|
|
|
11
11
|
level?: import("./Heading.js").HeadingLevel;
|
|
12
12
|
accept?: string | undefined;
|
|
13
13
|
acceptCharset?: string | undefined;
|
|
14
|
-
action?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
|
|
14
|
+
action?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
|
|
15
15
|
allowFullScreen?: boolean | undefined;
|
|
16
16
|
allowTransparency?: boolean | undefined;
|
|
17
17
|
alt?: string | undefined;
|
|
@@ -40,7 +40,7 @@ declare const meta: {
|
|
|
40
40
|
download?: any;
|
|
41
41
|
encType?: string | undefined;
|
|
42
42
|
form?: string | undefined;
|
|
43
|
-
formAction?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
|
|
43
|
+
formAction?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
|
|
44
44
|
formEncType?: string | undefined;
|
|
45
45
|
formMethod?: string | undefined;
|
|
46
46
|
formNoValidate?: boolean | undefined;
|
|
@@ -157,6 +157,10 @@ declare const meta: {
|
|
|
157
157
|
results?: number | undefined;
|
|
158
158
|
security?: string | undefined;
|
|
159
159
|
unselectable?: "on" | "off" | undefined;
|
|
160
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
161
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
162
|
+
popoverTarget?: string | undefined;
|
|
163
|
+
inert?: boolean | undefined;
|
|
160
164
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
161
165
|
is?: string | undefined;
|
|
162
166
|
exportparts?: string | undefined;
|
|
@@ -234,18 +238,18 @@ declare const meta: {
|
|
|
234
238
|
onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
|
|
235
239
|
onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
|
|
236
240
|
onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
|
|
237
|
-
onChange?: import("react").
|
|
238
|
-
onChangeCapture?: import("react").
|
|
241
|
+
onChange?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
|
|
242
|
+
onChangeCapture?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
|
|
239
243
|
onBeforeInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
|
|
240
|
-
onBeforeInputCapture?: import("react").
|
|
241
|
-
onInput?: import("react").
|
|
242
|
-
onInputCapture?: import("react").
|
|
243
|
-
onReset?: import("react").
|
|
244
|
-
onResetCapture?: import("react").
|
|
245
|
-
onSubmit?: import("react").
|
|
246
|
-
onSubmitCapture?: import("react").
|
|
247
|
-
onInvalid?: import("react").
|
|
248
|
-
onInvalidCapture?: import("react").
|
|
244
|
+
onBeforeInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
|
|
245
|
+
onInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
|
|
246
|
+
onInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
|
|
247
|
+
onReset?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
248
|
+
onResetCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
249
|
+
onSubmit?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
|
|
250
|
+
onSubmitCapture?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
|
|
251
|
+
onInvalid?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
252
|
+
onInvalidCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
249
253
|
onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
250
254
|
onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
251
255
|
onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
|
|
@@ -366,6 +370,8 @@ declare const meta: {
|
|
|
366
370
|
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
|
|
367
371
|
onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
|
|
368
372
|
onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
|
|
373
|
+
onScrollEnd?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
|
|
374
|
+
onScrollEndCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
|
|
369
375
|
onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
|
|
370
376
|
onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
|
|
371
377
|
onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
|
|
@@ -374,9 +380,17 @@ declare const meta: {
|
|
|
374
380
|
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
|
|
375
381
|
onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
|
|
376
382
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
|
|
383
|
+
onToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
|
|
384
|
+
onBeforeToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
|
|
385
|
+
onTransitionCancel?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
386
|
+
onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
377
387
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
378
388
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
379
|
-
|
|
389
|
+
onTransitionRun?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
390
|
+
onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
391
|
+
onTransitionStart?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
392
|
+
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
|
|
393
|
+
ref?: import("react").Ref<HTMLHeadingElement> | undefined;
|
|
380
394
|
key?: import("react").Key | null | undefined;
|
|
381
395
|
}, HTMLHeadingElement>;
|
|
382
396
|
InnerContainer: (props: import("react").HTMLAttributes<HTMLSpanElement>) => import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAoKvC,iBAAS,eAAe,gCAmBvB;AAMD,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAoKvC,iBAAS,eAAe,gCAmBvB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAgLtC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAwB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+BjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsChC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAwCnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KA0BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,KAsCjD,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwC1C,CAAC"}
|
|
@@ -819,32 +819,34 @@ describe('Table', () => {
|
|
|
819
819
|
cellRenderer: 'dsSelectDropdownCellRenderer',
|
|
820
820
|
cellRendererParams: { options: options, placeholder: 'Placeholder Text' },
|
|
821
821
|
}];
|
|
822
|
-
test('renders with placeholder', () => {
|
|
822
|
+
test('renders with placeholder', async () => {
|
|
823
823
|
const rowData = [{ selectField: null }];
|
|
824
824
|
render(_jsx(Table, { columnDefs: columnDefs, rowData: rowData }));
|
|
825
|
-
expect(screen.
|
|
825
|
+
expect(await screen.findByText('Placeholder Text')).toBeInTheDocument();
|
|
826
826
|
});
|
|
827
|
-
test('renders with option', () => {
|
|
827
|
+
test('renders with option', async () => {
|
|
828
828
|
const rowData = [{ selectField: 'option1' }];
|
|
829
829
|
render(_jsx(Table, { columnDefs: columnDefs, rowData: rowData }));
|
|
830
|
-
expect(screen.
|
|
830
|
+
expect(await screen.findByText('Option 1')).toBeInTheDocument();
|
|
831
831
|
});
|
|
832
|
-
test('renders with value not in options as raw string', () => {
|
|
832
|
+
test('renders with value not in options as raw string', async () => {
|
|
833
833
|
const rowData = [{ selectField: 'unknown-value' }];
|
|
834
834
|
render(_jsx(Table, { columnDefs: columnDefs, rowData: rowData }));
|
|
835
|
-
expect(screen.
|
|
835
|
+
expect(await screen.findByText('unknown-value')).toBeInTheDocument();
|
|
836
836
|
});
|
|
837
|
-
test('renders with empty string shows placeholder', () => {
|
|
837
|
+
test('renders with empty string shows placeholder', async () => {
|
|
838
838
|
const rowData = [{ selectField: '' }];
|
|
839
839
|
render(_jsx(Table, { columnDefs: columnDefs, rowData: rowData }));
|
|
840
|
-
expect(screen.
|
|
840
|
+
expect(await screen.findByText('Placeholder Text')).toBeInTheDocument();
|
|
841
841
|
});
|
|
842
|
-
test('renders dropdown button variant in cell', () => {
|
|
842
|
+
test('renders dropdown button variant in cell', async () => {
|
|
843
843
|
const rowData = [{ selectField: 'option1' }];
|
|
844
844
|
const { container } = render(_jsx(Table, { columnDefs: columnDefs, rowData: rowData }));
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
845
|
+
await waitFor(() => {
|
|
846
|
+
const dropdownWrapper = container.querySelector('.ds-table__select-dropdown');
|
|
847
|
+
const dropdownButton = dropdownWrapper?.querySelector('.ds-button--dropdown');
|
|
848
|
+
expect(dropdownButton).toBeInTheDocument();
|
|
849
|
+
});
|
|
848
850
|
});
|
|
849
851
|
});
|
|
850
852
|
describe('InlineTextCellRenderer', () => {
|
|
@@ -1164,6 +1166,7 @@ describe('Table', () => {
|
|
|
1164
1166
|
gridApi = event.api;
|
|
1165
1167
|
} }));
|
|
1166
1168
|
await waitFor(() => expect(screen.getByRole('grid')).toBeInTheDocument());
|
|
1169
|
+
await waitFor(() => expect(gridApi).toBeDefined());
|
|
1167
1170
|
gridApi.startEditingCell({ rowIndex: 0, colKey: 'dateOfBirth' });
|
|
1168
1171
|
await waitFor(() => expect(screen.getByRole('button', { name: 'Open date picker' })).toBeInTheDocument());
|
|
1169
1172
|
});
|
|
@@ -1175,6 +1178,7 @@ describe('Table', () => {
|
|
|
1175
1178
|
gridApi = event.api;
|
|
1176
1179
|
}, onCellValueChanged: onCellValueChanged }));
|
|
1177
1180
|
await waitFor(() => expect(screen.getByRole('grid')).toBeInTheDocument());
|
|
1181
|
+
await waitFor(() => expect(gridApi).toBeDefined());
|
|
1178
1182
|
gridApi.setFocusedCell(0, 'dateOfBirth');
|
|
1179
1183
|
await userEvent.keyboard('{Enter}');
|
|
1180
1184
|
await waitFor(() => expect(container.querySelector('input[type="date"]')).toBeInTheDocument());
|
|
@@ -1197,6 +1201,7 @@ describe('Table', () => {
|
|
|
1197
1201
|
gridApi = event.api;
|
|
1198
1202
|
} }));
|
|
1199
1203
|
await waitFor(() => expect(screen.getByRole('grid')).toBeInTheDocument());
|
|
1204
|
+
await waitFor(() => expect(gridApi).toBeDefined());
|
|
1200
1205
|
gridApi.startEditingCell({ rowIndex: 0, colKey: 'dateOfBirth' });
|
|
1201
1206
|
await waitFor(() => expect(container.querySelector('input[type="date"]')).toBeInTheDocument());
|
|
1202
1207
|
expect(container.querySelector('input[type="date"]')).toHaveValue('2024-06-15');
|
|
@@ -1324,8 +1329,7 @@ describe('Table', () => {
|
|
|
1324
1329
|
test('setting suppressCellFocusAndFocusFirstElement to true should add the ds-table__cell--suppress-focus class', async () => {
|
|
1325
1330
|
const { container } = render(_jsx(Table, { columnDefs: columnDefs, rowData: rowData }));
|
|
1326
1331
|
await screen.findByRole('grid', {}, { timeout: 10000 });
|
|
1327
|
-
|
|
1328
|
-
expect(cellWithClass).toBeInTheDocument();
|
|
1332
|
+
await waitFor(() => expect(container.querySelector('.ds-table__cell--suppress-focus')).toBeInTheDocument());
|
|
1329
1333
|
});
|
|
1330
1334
|
test('setting suppressCellFocusAndFocusFirstElement to true should suppress cell focus and focus the first element', async () => {
|
|
1331
1335
|
const focusFirstFocusableElementSpy = vi.spyOn(focusFirstFocusableElementModule, 'focusFirstFocusableElement');
|