@elliemae/ds-menu-button 3.52.1 → 3.53.0-alpha.2

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.
Files changed (32) hide show
  1. package/dist/cjs/parts/DSMenuBehaviouralContextProvider/config/useFocusTracker.js +5 -2
  2. package/dist/cjs/parts/DSMenuBehaviouralContextProvider/config/useFocusTracker.js.map +2 -2
  3. package/dist/cjs/parts/DSMenuBehaviouralContextProvider/config/useMenuItemEventsHandlers.js +8 -1
  4. package/dist/cjs/parts/DSMenuBehaviouralContextProvider/config/useMenuItemEventsHandlers.js.map +2 -2
  5. package/dist/cjs/parts/DSOpinionatedButton/config/useTriggerEventsHandlers.js +12 -9
  6. package/dist/cjs/parts/DSOpinionatedButton/config/useTriggerEventsHandlers.js.map +2 -2
  7. package/dist/esm/parts/DSMenuBehaviouralContextProvider/config/useFocusTracker.js +5 -2
  8. package/dist/esm/parts/DSMenuBehaviouralContextProvider/config/useFocusTracker.js.map +2 -2
  9. package/dist/esm/parts/DSMenuBehaviouralContextProvider/config/useMenuItemEventsHandlers.js +8 -1
  10. package/dist/esm/parts/DSMenuBehaviouralContextProvider/config/useMenuItemEventsHandlers.js.map +2 -2
  11. package/dist/esm/parts/DSOpinionatedButton/config/useTriggerEventsHandlers.js +12 -9
  12. package/dist/esm/parts/DSOpinionatedButton/config/useTriggerEventsHandlers.js.map +2 -2
  13. package/dist/types/config/useSplitInherithedProps.d.ts +186 -186
  14. package/dist/types/constants/index.d.ts +3 -1
  15. package/dist/types/parts/DSFlyoutMenu/constants/index.d.ts +4 -1
  16. package/dist/types/parts/DSFlyoutMenu/react-desc-prop-types.d.ts +0 -1
  17. package/dist/types/parts/DSMenuBehaviouralContextProvider/MenuBehaviouralContextProviderCTX.d.ts +0 -1
  18. package/dist/types/parts/DSMenuBehaviouralContextProvider/config/useFocusTracker.d.ts +4 -1
  19. package/dist/types/parts/DSMenuBehaviouralContextProvider/config/useGlobalEvents.d.ts +1 -1
  20. package/dist/types/parts/DSMenuBehaviouralContextProvider/constants/index.d.ts +1 -1
  21. package/dist/types/parts/DSMenuBehaviouralContextProvider/react-desc-prop-types.d.ts +0 -2
  22. package/dist/types/parts/DSMenuItemRendererFactory/constants/index.d.ts +5 -1
  23. package/dist/types/parts/DSMenuItemRendererFactory/focusNodeRacingConditionSolved.d.ts +0 -1
  24. package/dist/types/parts/DSMenuItemRendererFactory/react-desc-prop-types.d.ts +0 -2
  25. package/dist/types/parts/DSOpinionatedButton/config/useOpinionatedButton.d.ts +5 -4
  26. package/dist/types/parts/DSOpinionatedButton/config/useTriggerEventsHandlers.d.ts +2 -2
  27. package/dist/types/parts/DSOpinionatedButton/constants/index.d.ts +3 -1
  28. package/dist/types/parts/DSOpinionatedButton/react-desc-prop-types.d.ts +0 -1
  29. package/dist/types/react-desc-prop-types.d.ts +0 -2
  30. package/dist/types/tests/playwright/DSMenuButton.ControlledTestRenderer.d.ts +2 -0
  31. package/dist/types/tests/playwright/DSMenuButton.test.playwright.d.ts +1 -0
  32. package/package.json +15 -16
package/dist/types/config/useSplitInherithedProps.d.ts CHANGED
@@ -13,15 +13,15 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
13
13
  optionsTree: DSMenuButtonT.MenuNode;
14
14
  onDisplayedSubmenuChange: ((newOpenedItems: DSMenuButtonT.WithSubmenuMenuNodes[], metainfo: {
15
15
  itemNode: DSMenuButtonT.PseudoFocusableMenuNodes | null;
16
- event?: TouchEvent | React.SyntheticEvent<Element, Event> | FocusEvent | undefined;
16
+ event?: React.SyntheticEvent | FocusEvent | TouchEvent;
17
17
  }) => void | import("@elliemae/ds-typescript-helpers").TypescriptHelpersT.StateSetter<DSMenuButtonT.WithSubmenuMenuNodes[]>) | undefined;
18
18
  onItemSelected: ((newSelection: DSMenuButtonT.SelectionableMenuNodes[], metainfo: {
19
19
  itemNode: DSMenuButtonT.SelectionableMenuNodes;
20
- event?: React.SyntheticEvent<Element, Event> | undefined;
20
+ event?: React.SyntheticEvent;
21
21
  }) => void | import("@elliemae/ds-typescript-helpers").TypescriptHelpersT.StateSetter<DSMenuButtonT.SelectionableMenuNodes[]>) | undefined;
22
22
  onActivateItem: ((itemNode: DSMenuButtonT.PseudoFocusableMenuNodes, metainfo: {
23
23
  itemNode: DSMenuButtonT.PseudoFocusableMenuNodes;
24
- event?: React.SyntheticEvent<Element, Event> | undefined;
24
+ event?: React.SyntheticEvent;
25
25
  }) => void) | undefined;
26
26
  onOpen: (() => void) | undefined;
27
27
  onClose: (() => void) | undefined;
@@ -30,19 +30,19 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
30
30
  innerRef: React.RefCallback<HTMLButtonElement>;
31
31
  menuSpecificProps: {
32
32
  options: DSMenuButtonT.MenuNode | DSMenuButtonT.MenuItemInterface[];
33
- onClickOutside: (e: MouseEvent | React.KeyboardEvent<Element> | TouchEvent) => void;
34
- onOptionClick: (nextSelectedOptions: Record<string, boolean>, clickedOption: DSMenuButtonT.MenuItemInterface, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
33
+ onClickOutside: (e: MouseEvent | React.KeyboardEvent | TouchEvent) => void;
34
+ onOptionClick: (nextSelectedOptions: Record<string, boolean>, clickedOption: DSMenuButtonT.MenuItemInterface, e: React.MouseEvent | React.KeyboardEvent) => void;
35
35
  openedSubmenus: Record<string, boolean>;
36
- onSubmenuToggle: (nextOpenedSubmenus: Record<string, boolean>, submenu: DSMenuButtonT.MenuItemInterface, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
36
+ onSubmenuToggle: (nextOpenedSubmenus: Record<string, boolean>, submenu: DSMenuButtonT.MenuItemInterface, e: React.MouseEvent | React.KeyboardEvent) => void;
37
37
  isLoading: boolean;
38
38
  isSkeleton: boolean;
39
39
  ItemRenderer: DSMenuButtonT.ItemRendererT | undefined;
40
40
  };
41
41
  type?: import("@elliemae/ds-button-v2").DSButtonT.HTMLButtonTypeProp | undefined;
42
- label?: string | undefined;
42
+ label?: string | undefined | undefined;
43
43
  minWidth?: import("@xstyled/system").SystemProp<string | number | true | symbol | {} | (string & {}), import("@xstyled/system").Theme> | undefined;
44
- disabled?: boolean | undefined;
45
- onClick?: ((e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
44
+ disabled?: boolean | undefined | undefined;
45
+ onClick?: ((e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
46
46
  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
47
47
  children: React.ReactNode | React.ReactNode[];
48
48
  'data-testid'?: string | undefined;
@@ -50,62 +50,62 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
50
50
  buttonType?: import("@elliemae/ds-button-v2").DSButtonT.ButtonTypesT | undefined;
51
51
  shape?: import("@elliemae/ds-button-v2").DSButtonT.ButtonShapesT | undefined;
52
52
  applyAriaDisabled?: boolean | undefined;
53
- dsButtonRoot?: object | ((arg: object) => object) | undefined;
54
- form?: string | undefined;
55
- list?: string | undefined;
56
- "aria-activedescendant"?: string | undefined;
53
+ dsButtonRoot?: object | import("@elliemae/ds-typescript-helpers").TypescriptHelpersT.GenericFunc<unknown, object> | undefined;
54
+ form?: string | undefined | undefined;
55
+ list?: string | undefined | undefined;
56
+ "aria-activedescendant"?: string | undefined | undefined;
57
57
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
58
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
59
- "aria-braillelabel"?: string | undefined;
60
- "aria-brailleroledescription"?: string | undefined;
58
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
59
+ "aria-braillelabel"?: string | undefined | undefined;
60
+ "aria-brailleroledescription"?: string | undefined | undefined;
61
61
  "aria-busy"?: (boolean | "true" | "false") | undefined;
62
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
63
- "aria-colcount"?: number | undefined;
64
- "aria-colindex"?: number | undefined;
65
- "aria-colindextext"?: string | undefined;
66
- "aria-colspan"?: number | undefined;
67
- "aria-controls"?: string | undefined;
68
- "aria-current"?: boolean | "true" | "false" | "step" | "page" | "location" | "date" | "time" | undefined;
69
- "aria-describedby"?: string | undefined;
70
- "aria-description"?: string | undefined;
71
- "aria-details"?: string | undefined;
62
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
63
+ "aria-colcount"?: number | undefined | undefined;
64
+ "aria-colindex"?: number | undefined | undefined;
65
+ "aria-colindextext"?: string | undefined | undefined;
66
+ "aria-colspan"?: number | undefined | undefined;
67
+ "aria-controls"?: string | undefined | undefined;
68
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
69
+ "aria-describedby"?: string | undefined | undefined;
70
+ "aria-description"?: string | undefined | undefined;
71
+ "aria-details"?: string | undefined | undefined;
72
72
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
73
- "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
74
- "aria-errormessage"?: string | undefined;
73
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
74
+ "aria-errormessage"?: string | undefined | undefined;
75
75
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
76
- "aria-flowto"?: string | undefined;
76
+ "aria-flowto"?: string | undefined | undefined;
77
77
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
78
- "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
78
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
79
79
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
80
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
81
- "aria-keyshortcuts"?: string | undefined;
82
- "aria-label"?: string | undefined;
83
- "aria-labelledby"?: string | undefined;
84
- "aria-level"?: number | undefined;
85
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
80
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
81
+ "aria-keyshortcuts"?: string | undefined | undefined;
82
+ "aria-label"?: string | undefined | undefined;
83
+ "aria-labelledby"?: string | undefined | undefined;
84
+ "aria-level"?: number | undefined | undefined;
85
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
86
86
  "aria-modal"?: (boolean | "true" | "false") | undefined;
87
87
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
88
88
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
89
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
90
- "aria-owns"?: string | undefined;
91
- "aria-placeholder"?: string | undefined;
92
- "aria-posinset"?: number | undefined;
93
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
89
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
90
+ "aria-owns"?: string | undefined | undefined;
91
+ "aria-placeholder"?: string | undefined | undefined;
92
+ "aria-posinset"?: number | undefined | undefined;
93
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
94
94
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
95
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
95
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
96
96
  "aria-required"?: (boolean | "true" | "false") | undefined;
97
- "aria-roledescription"?: string | undefined;
98
- "aria-rowcount"?: number | undefined;
99
- "aria-rowindex"?: number | undefined;
100
- "aria-rowindextext"?: string | undefined;
101
- "aria-rowspan"?: number | undefined;
97
+ "aria-roledescription"?: string | undefined | undefined;
98
+ "aria-rowcount"?: number | undefined | undefined;
99
+ "aria-rowindex"?: number | undefined | undefined;
100
+ "aria-rowindextext"?: string | undefined | undefined;
101
+ "aria-rowspan"?: number | undefined | undefined;
102
102
  "aria-selected"?: (boolean | "true" | "false") | undefined;
103
- "aria-setsize"?: number | undefined;
104
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
105
- "aria-valuemax"?: number | undefined;
106
- "aria-valuemin"?: number | undefined;
107
- "aria-valuenow"?: number | undefined;
108
- "aria-valuetext"?: string | undefined;
103
+ "aria-setsize"?: number | undefined | undefined;
104
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
105
+ "aria-valuemax"?: number | undefined | undefined;
106
+ "aria-valuemin"?: number | undefined | undefined;
107
+ "aria-valuenow"?: number | undefined | undefined;
108
+ "aria-valuetext"?: string | undefined | undefined;
109
109
  onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
110
110
  onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
111
111
  onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -124,7 +124,7 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
124
124
  onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
125
125
  onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
126
126
  onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
127
- onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
127
+ onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
128
128
  onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
129
129
  onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
130
130
  onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
@@ -262,151 +262,151 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
262
262
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
263
263
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
264
264
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
265
- defaultChecked?: boolean | undefined;
265
+ defaultChecked?: boolean | undefined | undefined;
266
266
  defaultValue?: string | number | readonly string[] | undefined;
267
- suppressContentEditableWarning?: boolean | undefined;
268
- suppressHydrationWarning?: boolean | undefined;
269
- accessKey?: string | undefined;
270
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
271
- autoFocus?: boolean | undefined;
272
- className?: string | undefined;
267
+ suppressContentEditableWarning?: boolean | undefined | undefined;
268
+ suppressHydrationWarning?: boolean | undefined | undefined;
269
+ accessKey?: string | undefined | undefined;
270
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
271
+ autoFocus?: boolean | undefined | undefined;
272
+ className?: string | undefined | undefined;
273
273
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
274
- contextMenu?: string | undefined;
275
- dir?: string | undefined;
274
+ contextMenu?: string | undefined | undefined;
275
+ dir?: string | undefined | undefined;
276
276
  draggable?: (boolean | "true" | "false") | undefined;
277
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
278
- hidden?: boolean | undefined;
279
- id?: string | undefined;
280
- lang?: string | undefined;
281
- nonce?: string | undefined;
282
- slot?: string | undefined;
277
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
278
+ hidden?: boolean | undefined | undefined;
279
+ id?: string | undefined | undefined;
280
+ lang?: string | undefined | undefined;
281
+ nonce?: string | undefined | undefined;
282
+ slot?: string | undefined | undefined;
283
283
  spellCheck?: (boolean | "true" | "false") | undefined;
284
284
  style?: React.CSSProperties | undefined;
285
285
  tabIndex?: 0 | -1 | undefined;
286
- title?: string | undefined;
287
- translate?: "yes" | "no" | undefined;
288
- radioGroup?: string | undefined;
286
+ title?: string | undefined | undefined;
287
+ translate?: "yes" | "no" | undefined | undefined;
288
+ radioGroup?: string | undefined | undefined;
289
289
  role?: React.AriaRole | undefined;
290
- about?: string | undefined;
291
- content?: string | undefined;
292
- datatype?: string | undefined;
290
+ about?: string | undefined | undefined;
291
+ content?: string | undefined | undefined;
292
+ datatype?: string | undefined | undefined;
293
293
  inlist?: any;
294
- prefix?: string | undefined;
295
- property?: string | undefined;
296
- rel?: string | undefined;
297
- resource?: string | undefined;
298
- rev?: string | undefined;
299
- typeof?: string | undefined;
300
- vocab?: string | undefined;
301
- autoCorrect?: string | undefined;
302
- autoSave?: string | undefined;
303
- color?: string | undefined;
304
- itemProp?: string | undefined;
305
- itemScope?: boolean | undefined;
306
- itemType?: string | undefined;
307
- itemID?: string | undefined;
308
- itemRef?: string | undefined;
309
- results?: number | undefined;
310
- security?: string | undefined;
311
- unselectable?: "off" | "on" | undefined;
312
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
313
- is?: string | undefined;
314
- exportparts?: string | undefined;
315
- part?: string | undefined;
316
- accept?: string | undefined;
317
- acceptCharset?: string | undefined;
294
+ prefix?: string | undefined | undefined;
295
+ property?: string | undefined | undefined;
296
+ rel?: string | undefined | undefined;
297
+ resource?: string | undefined | undefined;
298
+ rev?: string | undefined | undefined;
299
+ typeof?: string | undefined | undefined;
300
+ vocab?: string | undefined | undefined;
301
+ autoCorrect?: string | undefined | undefined;
302
+ autoSave?: string | undefined | undefined;
303
+ color?: string | undefined | undefined;
304
+ itemProp?: string | undefined | undefined;
305
+ itemScope?: boolean | undefined | undefined;
306
+ itemType?: string | undefined | undefined;
307
+ itemID?: string | undefined | undefined;
308
+ itemRef?: string | undefined | undefined;
309
+ results?: number | undefined | undefined;
310
+ security?: string | undefined | undefined;
311
+ unselectable?: "on" | "off" | undefined | undefined;
312
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
313
+ is?: string | undefined | undefined;
314
+ exportparts?: string | undefined | undefined;
315
+ part?: string | undefined | undefined;
316
+ accept?: string | undefined | undefined;
317
+ acceptCharset?: string | undefined | undefined;
318
318
  action?: string | undefined;
319
- allowFullScreen?: boolean | undefined;
320
- allowTransparency?: boolean | undefined;
321
- alt?: string | undefined;
322
- async?: boolean | undefined;
323
- autoComplete?: string | undefined;
324
- autoPlay?: boolean | undefined;
325
- capture?: boolean | "user" | "environment" | undefined;
326
- cellPadding?: string | number | undefined;
327
- cellSpacing?: string | number | undefined;
328
- charSet?: string | undefined;
329
- challenge?: string | undefined;
330
- checked?: boolean | undefined;
331
- cite?: string | undefined;
332
- classID?: string | undefined;
333
- cols?: number | undefined;
334
- colSpan?: number | undefined;
335
- controls?: boolean | undefined;
336
- coords?: string | undefined;
319
+ allowFullScreen?: boolean | undefined | undefined;
320
+ allowTransparency?: boolean | undefined | undefined;
321
+ alt?: string | undefined | undefined;
322
+ async?: boolean | undefined | undefined;
323
+ autoComplete?: string | undefined | undefined;
324
+ autoPlay?: boolean | undefined | undefined;
325
+ capture?: boolean | "user" | "environment" | undefined | undefined;
326
+ cellPadding?: number | string | undefined | undefined;
327
+ cellSpacing?: number | string | undefined | undefined;
328
+ charSet?: string | undefined | undefined;
329
+ challenge?: string | undefined | undefined;
330
+ checked?: boolean | undefined | undefined;
331
+ cite?: string | undefined | undefined;
332
+ classID?: string | undefined | undefined;
333
+ cols?: number | undefined | undefined;
334
+ colSpan?: number | undefined | undefined;
335
+ controls?: boolean | undefined | undefined;
336
+ coords?: string | undefined | undefined;
337
337
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
338
- data?: string | undefined;
339
- dateTime?: string | undefined;
340
- default?: boolean | undefined;
341
- defer?: boolean | undefined;
338
+ data?: string | undefined | undefined;
339
+ dateTime?: string | undefined | undefined;
340
+ default?: boolean | undefined | undefined;
341
+ defer?: boolean | undefined | undefined;
342
342
  download?: any;
343
- encType?: string | undefined;
343
+ encType?: string | undefined | undefined;
344
344
  formAction?: string | undefined;
345
- formEncType?: string | undefined;
346
- formMethod?: string | undefined;
347
- formNoValidate?: boolean | undefined;
348
- formTarget?: string | undefined;
349
- frameBorder?: string | number | undefined;
350
- headers?: string | undefined;
351
- height?: string | number | undefined;
352
- high?: number | undefined;
353
- href?: string | undefined;
354
- hrefLang?: string | undefined;
355
- htmlFor?: string | undefined;
356
- httpEquiv?: string | undefined;
357
- integrity?: string | undefined;
358
- keyParams?: string | undefined;
359
- keyType?: string | undefined;
360
- kind?: string | undefined;
361
- loop?: boolean | undefined;
362
- low?: number | undefined;
363
- manifest?: string | undefined;
364
- marginHeight?: number | undefined;
365
- marginWidth?: number | undefined;
366
- max?: string | number | undefined;
367
- maxLength?: number | undefined;
368
- media?: string | undefined;
369
- mediaGroup?: string | undefined;
370
- method?: string | undefined;
371
- min?: string | number | undefined;
372
- minLength?: number | undefined;
373
- multiple?: boolean | undefined;
374
- muted?: boolean | undefined;
375
- name?: string | undefined;
376
- noValidate?: boolean | undefined;
377
- open?: boolean | undefined;
378
- optimum?: number | undefined;
379
- pattern?: string | undefined;
380
- placeholder?: string | undefined;
381
- playsInline?: boolean | undefined;
382
- poster?: string | undefined;
383
- preload?: string | undefined;
384
- readOnly?: boolean | undefined;
385
- required?: boolean | undefined;
386
- reversed?: boolean | undefined;
387
- rows?: number | undefined;
388
- rowSpan?: number | undefined;
389
- sandbox?: string | undefined;
390
- scope?: string | undefined;
391
- scoped?: boolean | undefined;
392
- scrolling?: string | undefined;
393
- seamless?: boolean | undefined;
394
- selected?: boolean | undefined;
395
- sizes?: string | undefined;
396
- span?: number | undefined;
397
- src?: string | undefined;
398
- srcDoc?: string | undefined;
399
- srcLang?: string | undefined;
400
- srcSet?: string | undefined;
401
- start?: number | undefined;
402
- step?: string | number | undefined;
403
- summary?: string | undefined;
404
- target?: string | undefined;
405
- useMap?: string | undefined;
345
+ formEncType?: string | undefined | undefined;
346
+ formMethod?: string | undefined | undefined;
347
+ formNoValidate?: boolean | undefined | undefined;
348
+ formTarget?: string | undefined | undefined;
349
+ frameBorder?: number | string | undefined | undefined;
350
+ headers?: string | undefined | undefined;
351
+ height?: number | string | undefined | undefined;
352
+ high?: number | undefined | undefined;
353
+ href?: string | undefined | undefined;
354
+ hrefLang?: string | undefined | undefined;
355
+ htmlFor?: string | undefined | undefined;
356
+ httpEquiv?: string | undefined | undefined;
357
+ integrity?: string | undefined | undefined;
358
+ keyParams?: string | undefined | undefined;
359
+ keyType?: string | undefined | undefined;
360
+ kind?: string | undefined | undefined;
361
+ loop?: boolean | undefined | undefined;
362
+ low?: number | undefined | undefined;
363
+ manifest?: string | undefined | undefined;
364
+ marginHeight?: number | undefined | undefined;
365
+ marginWidth?: number | undefined | undefined;
366
+ max?: number | string | undefined | undefined;
367
+ maxLength?: number | undefined | undefined;
368
+ media?: string | undefined | undefined;
369
+ mediaGroup?: string | undefined | undefined;
370
+ method?: string | undefined | undefined;
371
+ min?: number | string | undefined | undefined;
372
+ minLength?: number | undefined | undefined;
373
+ multiple?: boolean | undefined | undefined;
374
+ muted?: boolean | undefined | undefined;
375
+ name?: string | undefined | undefined;
376
+ noValidate?: boolean | undefined | undefined;
377
+ open?: boolean | undefined | undefined;
378
+ optimum?: number | undefined | undefined;
379
+ pattern?: string | undefined | undefined;
380
+ placeholder?: string | undefined | undefined;
381
+ playsInline?: boolean | undefined | undefined;
382
+ poster?: string | undefined | undefined;
383
+ preload?: string | undefined | undefined;
384
+ readOnly?: boolean | undefined | undefined;
385
+ required?: boolean | undefined | undefined;
386
+ reversed?: boolean | undefined | undefined;
387
+ rows?: number | undefined | undefined;
388
+ rowSpan?: number | undefined | undefined;
389
+ sandbox?: string | undefined | undefined;
390
+ scope?: string | undefined | undefined;
391
+ scoped?: boolean | undefined | undefined;
392
+ scrolling?: string | undefined | undefined;
393
+ seamless?: boolean | undefined | undefined;
394
+ selected?: boolean | undefined | undefined;
395
+ sizes?: string | undefined | undefined;
396
+ span?: number | undefined | undefined;
397
+ src?: string | undefined | undefined;
398
+ srcDoc?: string | undefined | undefined;
399
+ srcLang?: string | undefined | undefined;
400
+ srcSet?: string | undefined | undefined;
401
+ start?: number | undefined | undefined;
402
+ step?: number | string | undefined | undefined;
403
+ summary?: string | undefined | undefined;
404
+ target?: string | undefined | undefined;
405
+ useMap?: string | undefined | undefined;
406
406
  value?: string | number | readonly string[] | undefined;
407
- width?: string | number | undefined;
408
- wmode?: string | undefined;
409
- wrap?: string | undefined;
407
+ width?: number | string | undefined | undefined;
408
+ wmode?: string | undefined | undefined;
409
+ wrap?: string | undefined | undefined;
410
410
  margin?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
411
411
  m?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
412
412
  marginTop?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
package/dist/types/constants/index.d.ts CHANGED
@@ -14,4 +14,6 @@ export declare const MENU_ITEMS_TYPES: {
14
14
  export declare const MENU_BUTTON_SLOTS: {
15
15
  readonly ROOT: "root";
16
16
  };
17
- export declare const MENU_BUTTON_DATA_TESTID: Record<string, string>;
17
+ export declare const MENU_BUTTON_DATA_TESTID: {
18
+ readonly ROOT: "ds-menubutton-root";
19
+ };
package/dist/types/parts/DSFlyoutMenu/constants/index.d.ts CHANGED
@@ -4,4 +4,7 @@ export declare const FLYOUT_MENU_SLOTS: {
4
4
  readonly ROOT: "root";
5
5
  readonly LIST_WRAPPER: "list-wrapper";
6
6
  };
7
- export declare const FLYOUT_MENU_DATA_TESTID: Record<string, string>;
7
+ export declare const FLYOUT_MENU_DATA_TESTID: {
8
+ readonly ROOT: "ds-flyoutmenu-root";
9
+ readonly LIST_WRAPPER: "ds-flyoutmenu-list-wrapper";
10
+ };
package/dist/types/parts/DSFlyoutMenu/react-desc-prop-types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="prop-types" />
2
1
  import { type useFloatingContext } from '@elliemae/ds-floating-context';
3
2
  import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
4
3
  import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
package/dist/types/parts/DSMenuBehaviouralContextProvider/MenuBehaviouralContextProviderCTX.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { MenuBehaviouralContextProviderCTX } from './config/useMenuBehaviouralContextProvider.js';
3
2
  /** Context for cross component communication */
4
3
  export declare const MenuBehaviouralContextProviderContext: import("react").Context<MenuBehaviouralContextProviderCTX>;
package/dist/types/parts/DSMenuBehaviouralContextProvider/config/useFocusTracker.d.ts CHANGED
@@ -4,7 +4,10 @@ export declare const useFocusTracker: () => {
4
4
  preventBlurReset: React.MutableRefObject<boolean>;
5
5
  focusRegion: "" | "trigger" | `item-dsid-${string}` | `item-dsid-${number}`;
6
6
  focusedElementItemNode: React.MutableRefObject<DSMenuButtonT.PseudoFocusableMenuNodes | null>;
7
- trackFocusTrigger: () => DSMenuButtonT.PseudoFocusableMenuNodes | null;
7
+ shouldFocusImmediately: React.MutableRefObject<boolean>;
8
+ trackFocusTrigger: (options?: {
9
+ shouldFocusImmediately: boolean;
10
+ }) => DSMenuButtonT.PseudoFocusableMenuNodes | null;
8
11
  trackFocusNode: (nodeToFocus: DSMenuButtonT.PseudoFocusableMenuNodes) => void;
9
12
  trackFocusRegionReset: () => DSMenuButtonT.PseudoFocusableMenuNodes | null;
10
13
  trackFocusFirstChildItem: (itemNode: DSMenuButtonT.PseudoFocusableMenuNodes) => DSMenuButtonT.PseudoFocusableMenuNodes | null;
package/dist/types/parts/DSMenuBehaviouralContextProvider/config/useGlobalEvents.d.ts CHANGED
@@ -10,6 +10,6 @@ type UseGlobalEventsConfig = {
10
10
  export declare const useGlobalEvents: ({ menuOpenStatus, handleChangeOpenedSubItems, propsWithDefault, }: UseGlobalEventsConfig) => {
11
11
  mainMenuRef: React.MutableRefObject<HTMLDivElement | null>;
12
12
  submenusRefs: React.MutableRefObject<Record<string | number, HTMLElement>>;
13
- handleSubmenusRefChange: (htmlNode: HTMLElement | null, dsId: DSMenuButtonT.WithSubmenuMenuNodes['dsId']) => void;
13
+ handleSubmenusRefChange: (htmlNode: HTMLElement | null, dsId: DSMenuButtonT.WithSubmenuMenuNodes["dsId"]) => void;
14
14
  };
15
15
  export {};
package/dist/types/parts/DSMenuBehaviouralContextProvider/constants/index.d.ts CHANGED
@@ -2,6 +2,6 @@ import type { DSMenuButtonT } from '../../../react-desc-prop-types.js';
2
2
  export declare const DSMenuBehaviouralContextProviderName = "DSMenubehaviouralcontextprovider";
3
3
  export declare const MENU_FOCUS_REGIONS: {
4
4
  readonly TRIGGER: "trigger";
5
- readonly ITEM_BY_DSID: (dsId: DSMenuButtonT.MenuNode['dsId']) => `item-dsid-${string}` | `item-dsid-${number}`;
5
+ readonly ITEM_BY_DSID: (dsId: DSMenuButtonT.MenuNode["dsId"]) => `item-dsid-${DSMenuButtonT.MenuNode["dsId"]}`;
6
6
  readonly RESET: "";
7
7
  };
package/dist/types/parts/DSMenuBehaviouralContextProvider/react-desc-prop-types.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- /// <reference types="react" />
2
- /// <reference types="prop-types" />
3
1
  import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
4
2
  import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
5
3
  import { type DSMenuButtonT } from '../../react-desc-prop-types.js';
package/dist/types/parts/DSMenuItemRendererFactory/constants/index.d.ts CHANGED
@@ -5,4 +5,8 @@ export declare const MENU_ITEM_RENDERER_FACTORY_SLOTS: {
5
5
  readonly GROUP_LABEL_WRAPPER: "group-label-wrapper";
6
6
  readonly LABEL_WITH_LEFT_DEC_WRAPPER: "group-label-wrapper";
7
7
  };
8
- export declare const MENU_ITEM_RENDERER_FACTORY_DATA_TESTID: Record<string, string>;
8
+ export declare const MENU_ITEM_RENDERER_FACTORY_DATA_TESTID: {
9
+ readonly ROOT: "ds-menuitemrendererfactory-root";
10
+ readonly GROUP_LABEL_WRAPPER: "ds-menuitemrendererfactory-group-label-wrapper";
11
+ readonly LABEL_WITH_LEFT_DEC_WRAPPER: "ds-menuitemrendererfactory-group-label-wrapper";
12
+ };
package/dist/types/parts/DSMenuItemRendererFactory/focusNodeRacingConditionSolved.d.ts CHANGED
@@ -1,2 +1 @@
1
- /// <reference types="lodash" />
2
1
  export declare const focusNodeRacingConditionSolved: import("lodash").DebouncedFunc<(node: HTMLDivElement) => void>;
package/dist/types/parts/DSMenuItemRendererFactory/react-desc-prop-types.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- /// <reference types="react" />
2
- /// <reference types="prop-types" />
3
1
  import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
4
2
  import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
5
3
  import type { DSMenuButtonT } from '../../react-desc-prop-types.js';
package/dist/types/parts/DSOpinionatedButton/config/useOpinionatedButton.d.ts CHANGED
@@ -6,18 +6,18 @@ export declare const useOpinionatedButton: (propsFromUser: DSOpinionatedButtonT.
6
6
  instanceUid: string;
7
7
  eventsHandlers: {
8
8
  handleTriggerKeyDown: React.KeyboardEventHandler<HTMLButtonElement>;
9
- handleOnClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
9
+ handleOnClick: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
10
10
  handleOnFocus: React.FocusEventHandler<HTMLButtonElement>;
11
- handleFocusIfTriggerIsFocusRegion: (instance: HTMLButtonElement | null) => void;
11
+ handleFocusIfTriggerIsFocusRegion: (instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
12
12
  };
13
13
  floatingContext: {
14
14
  refs: {
15
- setReference: (node: HTMLElement | null) => void;
15
+ setReference: React.Dispatch<React.SetStateAction<Element | null>>;
16
16
  setFloating: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
17
17
  floating: HTMLElement | null;
18
18
  reference: Element | null;
19
19
  };
20
- floatingStyles: import("styled-components").CSSProperties;
20
+ floatingStyles: React.CSSProperties;
21
21
  handlers: {
22
22
  onMouseEnter: () => void;
23
23
  onMouseLeave: () => void;
@@ -35,5 +35,6 @@ export declare const useOpinionatedButton: (propsFromUser: DSOpinionatedButtonT.
35
35
  animationDuration: number;
36
36
  };
37
37
  mutableUpdateStyles: React.MutableRefObject<() => void>;
38
+ forceUpdatePosition: () => void;
38
39
  };
39
40
  };
package/dist/types/parts/DSOpinionatedButton/config/useTriggerEventsHandlers.d.ts CHANGED
@@ -7,8 +7,8 @@ type UseTriggerEventsHandlersConfig = {
7
7
  };
8
8
  export declare const useTriggerEventsHandlers: ({ propsWithDefault, floatingContext }: UseTriggerEventsHandlersConfig) => {
9
9
  handleTriggerKeyDown: React.KeyboardEventHandler<HTMLButtonElement>;
10
- handleOnClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
10
+ handleOnClick: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
11
11
  handleOnFocus: React.FocusEventHandler<HTMLButtonElement>;
12
- handleFocusIfTriggerIsFocusRegion: (instance: HTMLButtonElement | null) => void;
12
+ handleFocusIfTriggerIsFocusRegion: (instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
13
13
  };
14
14
  export {};
package/dist/types/parts/DSOpinionatedButton/constants/index.d.ts CHANGED
@@ -3,4 +3,6 @@ export declare const EXAMPLE_CONSTANTS: {};
3
3
  export declare const OPINIONATED_BUTTON_SLOTS: {
4
4
  readonly ROOT: "root";
5
5
  };
6
- export declare const OPINIONATED_BUTTON_DATA_TESTID: Record<string, string>;
6
+ export declare const OPINIONATED_BUTTON_DATA_TESTID: {
7
+ readonly ROOT: "ds-opinionatedbutton-root";
8
+ };
package/dist/types/parts/DSOpinionatedButton/react-desc-prop-types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="prop-types" />
2
1
  import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
3
2
  import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
4
3
  import type React from 'react';
package/dist/types/react-desc-prop-types.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- /// <reference types="react" />
2
- /// <reference types="prop-types" />
3
1
  import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
4
2
  import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
5
3
  import type { DSButtonV3T } from '@elliemae/ds-button-v2';
package/dist/types/tests/playwright/DSMenuButton.ControlledTestRenderer.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export const DSMenuButtonControlledTestRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
2
+ import React from 'react';