@elliemae/ds-menu-button 3.46.5 → 3.46.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/types/config/useSplitInherithedProps.d.ts +54 -43
- package/dist/types/parts/DSMenuBehaviouralContextProvider/config/useFocusTracker.d.ts +1 -1
- package/dist/types/parts/DSMenuBehaviouralContextProvider/config/useGlobalEvents.d.ts +2 -2
- package/package.json +13 -13
- package/dist/types/parts/DSOpinionatedButton/config/useOpinionatedButton.d.ts +0 -38
- package/dist/types/parts/DSOpinionatedButton/config/useTriggerEventsHandlers.d.ts +0 -14
@@ -7,18 +7,18 @@ type UseSplitInherithedPropsConfig = {
|
|
7
7
|
};
|
8
8
|
export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNodes, treeRootNode, }: UseSplitInherithedPropsConfig) => {
|
9
9
|
menuBehaviouralLayerProps: {
|
10
|
-
buttonDOMNodeRef: React.
|
10
|
+
buttonDOMNodeRef: React.RefObject<HTMLElement | null>;
|
11
11
|
selectedNodes: DSMenuButtonT.SelectionableMenuNodes[];
|
12
12
|
focusableNodes: DSMenuButtonT.PseudoFocusableMenuNodes[];
|
13
13
|
optionsTree: DSMenuButtonT.MenuNode;
|
14
14
|
onDisplayedSubmenuChange: ((newOpenedItems: DSMenuButtonT.WithSubmenuMenuNodes[], metainfo: {
|
15
15
|
itemNode: DSMenuButtonT.PseudoFocusableMenuNodes | null;
|
16
16
|
event?: TouchEvent | React.SyntheticEvent<Element, Event> | FocusEvent | undefined;
|
17
|
-
}) =>
|
17
|
+
}) => any) | undefined;
|
18
18
|
onItemSelected: ((newSelection: DSMenuButtonT.SelectionableMenuNodes[], metainfo: {
|
19
19
|
itemNode: DSMenuButtonT.SelectionableMenuNodes;
|
20
20
|
event?: React.SyntheticEvent<Element, Event> | undefined;
|
21
|
-
}) =>
|
21
|
+
}) => any) | undefined;
|
22
22
|
onActivateItem: ((itemNode: DSMenuButtonT.PseudoFocusableMenuNodes, metainfo: {
|
23
23
|
itemNode: DSMenuButtonT.PseudoFocusableMenuNodes;
|
24
24
|
event?: React.SyntheticEvent<Element, Event> | undefined;
|
@@ -38,6 +38,7 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
38
38
|
isSkeleton: boolean;
|
39
39
|
ItemRenderer: DSMenuButtonT.ItemRendererT | undefined;
|
40
40
|
};
|
41
|
+
default?: boolean | undefined;
|
41
42
|
type?: import("@elliemae/ds-button-v2").DSButtonT.HTMLButtonTypeProp | undefined;
|
42
43
|
label?: string | undefined;
|
43
44
|
minWidth?: import("@xstyled/system").SystemProp<string | number | true | symbol | {} | (string & {}), import("@xstyled/system").Theme> | undefined;
|
@@ -50,12 +51,11 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
50
51
|
buttonType?: import("@elliemae/ds-button-v2").DSButtonT.ButtonTypesT | undefined;
|
51
52
|
shape?: import("@elliemae/ds-button-v2").DSButtonT.ButtonShapesT | undefined;
|
52
53
|
applyAriaDisabled?: boolean | undefined;
|
53
|
-
dsButtonRoot?: object | ((arg: object) => object) | undefined;
|
54
54
|
form?: string | undefined;
|
55
55
|
list?: string | undefined;
|
56
56
|
"aria-activedescendant"?: string | undefined;
|
57
57
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
58
|
-
"aria-autocomplete"?: "
|
58
|
+
"aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
|
59
59
|
"aria-braillelabel"?: string | undefined;
|
60
60
|
"aria-brailleroledescription"?: string | undefined;
|
61
61
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
@@ -70,7 +70,7 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
70
70
|
"aria-description"?: string | undefined;
|
71
71
|
"aria-details"?: string | undefined;
|
72
72
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
73
|
-
"aria-dropeffect"?: "
|
73
|
+
"aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
|
74
74
|
"aria-errormessage"?: string | undefined;
|
75
75
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
76
76
|
"aria-flowto"?: string | undefined;
|
@@ -262,13 +262,22 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
262
262
|
onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
263
263
|
onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
264
264
|
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
|
265
|
+
onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
|
266
|
+
onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
|
267
|
+
onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
268
|
+
onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
265
269
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
266
270
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
271
|
+
onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
272
|
+
onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
273
|
+
onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
274
|
+
onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
267
275
|
defaultChecked?: boolean | undefined;
|
268
276
|
defaultValue?: string | number | readonly string[] | undefined;
|
269
277
|
suppressContentEditableWarning?: boolean | undefined;
|
270
278
|
suppressHydrationWarning?: boolean | undefined;
|
271
279
|
accessKey?: string | undefined;
|
280
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
|
272
281
|
autoFocus?: boolean | undefined;
|
273
282
|
className?: string | undefined;
|
274
283
|
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
@@ -283,7 +292,7 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
283
292
|
slot?: string | undefined;
|
284
293
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
285
294
|
style?: React.CSSProperties | undefined;
|
286
|
-
tabIndex?:
|
295
|
+
tabIndex?: any;
|
287
296
|
title?: string | undefined;
|
288
297
|
translate?: "yes" | "no" | undefined;
|
289
298
|
radioGroup?: string | undefined;
|
@@ -299,7 +308,6 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
299
308
|
rev?: string | undefined;
|
300
309
|
typeof?: string | undefined;
|
301
310
|
vocab?: string | undefined;
|
302
|
-
autoCapitalize?: string | undefined;
|
303
311
|
autoCorrect?: string | undefined;
|
304
312
|
autoSave?: string | undefined;
|
305
313
|
color?: string | undefined;
|
@@ -310,12 +318,16 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
310
318
|
itemRef?: string | undefined;
|
311
319
|
results?: number | undefined;
|
312
320
|
security?: string | undefined;
|
313
|
-
unselectable?: "
|
314
|
-
|
321
|
+
unselectable?: "off" | "on" | undefined;
|
322
|
+
popover?: "" | "auto" | "manual" | undefined;
|
323
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
324
|
+
popoverTarget?: string | undefined;
|
325
|
+
inert?: boolean | undefined;
|
326
|
+
inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
315
327
|
is?: string | undefined;
|
316
328
|
accept?: string | undefined;
|
317
329
|
acceptCharset?: string | undefined;
|
318
|
-
action?: string | undefined;
|
330
|
+
action?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
319
331
|
allowFullScreen?: boolean | undefined;
|
320
332
|
allowTransparency?: boolean | undefined;
|
321
333
|
alt?: string | undefined;
|
@@ -337,11 +349,10 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
337
349
|
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
338
350
|
data?: string | undefined;
|
339
351
|
dateTime?: string | undefined;
|
340
|
-
default?: boolean | undefined;
|
341
352
|
defer?: boolean | undefined;
|
342
353
|
download?: any;
|
343
354
|
encType?: string | undefined;
|
344
|
-
formAction?: string | undefined;
|
355
|
+
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
345
356
|
formEncType?: string | undefined;
|
346
357
|
formMethod?: string | undefined;
|
347
358
|
formNoValidate?: boolean | undefined;
|
@@ -407,30 +418,30 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
407
418
|
width?: string | number | undefined;
|
408
419
|
wmode?: string | undefined;
|
409
420
|
wrap?: string | undefined;
|
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
|
-
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
|
-
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;
|
413
|
-
mt?: ((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;
|
414
|
-
marginRight?: ((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;
|
415
|
-
mr?: ((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;
|
416
|
-
marginBottom?: ((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;
|
417
|
-
mb?: ((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;
|
418
|
-
marginLeft?: ((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;
|
419
|
-
ml?: ((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;
|
420
|
-
mx?: (import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> & (string | number | {} | import("@xstyled/system").ThemeProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme>)) | undefined;
|
421
|
-
my?: (import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> & (string | number | {} | import("@xstyled/system").ThemeProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme>)) | undefined;
|
422
|
-
padding?: ((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;
|
423
|
-
p?: ((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;
|
424
|
-
paddingTop?: ((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;
|
425
|
-
pt?: ((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;
|
426
|
-
paddingRight?: ((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;
|
427
|
-
pr?: ((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;
|
428
|
-
paddingBottom?: ((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;
|
429
|
-
pb?: ((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;
|
430
|
-
paddingLeft?: ((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;
|
431
|
-
pl?: ((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;
|
432
|
-
px?: (import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> & (string | number | {} | import("@xstyled/system").ThemeProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme>)) | undefined;
|
433
|
-
py?: (import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> & (string | number | {} | import("@xstyled/system").ThemeProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme>)) | undefined;
|
421
|
+
margin?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
422
|
+
m?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
423
|
+
marginTop?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
424
|
+
mt?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
425
|
+
marginRight?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
426
|
+
mr?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
427
|
+
marginBottom?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
428
|
+
mb?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
429
|
+
marginLeft?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
430
|
+
ml?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
431
|
+
mx?: (import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> & (string | number | symbol | {} | import("@xstyled/system").ThemeProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme>)) | undefined;
|
432
|
+
my?: (import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> & (string | number | symbol | {} | import("@xstyled/system").ThemeProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme>)) | undefined;
|
433
|
+
padding?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
434
|
+
p?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
435
|
+
paddingTop?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
436
|
+
pt?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
437
|
+
paddingRight?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
438
|
+
pr?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
439
|
+
paddingBottom?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
440
|
+
pb?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
441
|
+
paddingLeft?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
442
|
+
pl?: ((string | number | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>) & (string | number | symbol | {} | (string & {}) | import("@xstyled/system").ThemeProp<string | number | {} | (string & {}), import("@xstyled/system").Theme>)) | undefined;
|
443
|
+
px?: (import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> & (string | number | symbol | {} | import("@xstyled/system").ThemeProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme>)) | undefined;
|
444
|
+
py?: (import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> & (string | number | symbol | {} | import("@xstyled/system").ThemeProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme>)) | undefined;
|
434
445
|
spaceX?: import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> | undefined;
|
435
446
|
spaceY?: import("@xstyled/system").SystemProp<import("@xstyled/system").Space<import("@xstyled/system").Theme>, import("@xstyled/system").Theme> | undefined;
|
436
447
|
spaceXReverse?: import("@xstyled/system").SystemProp<true, import("@xstyled/system").Theme> | undefined;
|
@@ -475,15 +486,15 @@ export declare const useSplitInherithedProps: ({ propsWithDefault, focusableNode
|
|
475
486
|
borderBottomStyle?: string | undefined;
|
476
487
|
borderRightStyle?: string | undefined;
|
477
488
|
borderLeftStyle?: string | undefined;
|
478
|
-
borderWidth?: (
|
479
|
-
borderTopWidth?: (
|
480
|
-
borderBottomWidth?: (
|
481
|
-
borderRightWidth?: (
|
482
|
-
borderLeftWidth?: (
|
489
|
+
borderWidth?: (string | number | symbol) | undefined;
|
490
|
+
borderTopWidth?: (string | number | symbol) | undefined;
|
491
|
+
borderBottomWidth?: (string | number | symbol) | undefined;
|
492
|
+
borderRightWidth?: (string | number | symbol) | undefined;
|
493
|
+
borderLeftWidth?: (string | number | symbol) | undefined;
|
483
494
|
borderRadius?: string | undefined;
|
484
495
|
backgroundColor?: (keyof import("@elliemae/ds-system").DummyColorTheme | `neutral-100-${string}` | `neutral-200-${string}` | `neutral-300-${string}` | `neutral-400-${string}` | `neutral-500-${string}` | `neutral-600-${string}` | `neutral-700-${string}` | `neutral-800-${string}` | `neutral-000-${string}` | `neutral-050-${string}` | `neutral-080-${string}` | `brand-100-${string}` | `brand-200-${string}` | `brand-300-${string}` | `brand-400-${string}` | `brand-500-${string}` | `brand-600-${string}` | `brand-700-${string}` | `brand-800-${string}` | `success-300-${string}` | `success-900-${string}` | `warning-400-${string}` | `warning-600-${string}` | `warning-900-${string}` | `danger-200-${string}` | `danger-900-${string}` | `#${string}` | `rgba(${string})` | `rgb(${string})`) | undefined;
|
485
496
|
bg?: (keyof import("@elliemae/ds-system").DummyColorTheme | `neutral-100-${string}` | `neutral-200-${string}` | `neutral-300-${string}` | `neutral-400-${string}` | `neutral-500-${string}` | `neutral-600-${string}` | `neutral-700-${string}` | `neutral-800-${string}` | `neutral-000-${string}` | `neutral-050-${string}` | `neutral-080-${string}` | `brand-100-${string}` | `brand-200-${string}` | `brand-300-${string}` | `brand-400-${string}` | `brand-500-${string}` | `brand-600-${string}` | `brand-700-${string}` | `brand-800-${string}` | `success-300-${string}` | `success-900-${string}` | `warning-400-${string}` | `warning-600-${string}` | `warning-900-${string}` | `danger-200-${string}` | `danger-900-${string}` | `#${string}` | `rgba(${string})` | `rgb(${string})`) | undefined;
|
486
|
-
fontWeight?: import("@xstyled/system").SystemProp<{} |
|
497
|
+
fontWeight?: import("@xstyled/system").SystemProp<{} | (string & {}) | "inherit" | "-moz-initial" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | "bold" | "normal" | "bolder" | "lighter" | "thin" | "light" | "regular" | "semibold", import("@xstyled/system").Theme> | undefined;
|
487
498
|
textAlign?: import("@xstyled/system").SystemProp<import("csstype").Property.TextAlign, import("@xstyled/system").Theme> | undefined;
|
488
499
|
};
|
489
500
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { DSMenuButtonT } from '../../../react-desc-prop-types.js';
|
3
3
|
export declare const useFocusTracker: () => {
|
4
|
-
preventBlurReset: React.
|
4
|
+
preventBlurReset: React.RefObject<boolean>;
|
5
5
|
focusRegion: "" | "trigger" | `item-dsid-${string}` | `item-dsid-${number}`;
|
6
6
|
focusedElementItemNode: React.MutableRefObject<DSMenuButtonT.PseudoFocusableMenuNodes | null>;
|
7
7
|
trackFocusTrigger: () => DSMenuButtonT.PseudoFocusableMenuNodes | null;
|
@@ -8,8 +8,8 @@ type UseGlobalEventsConfig = {
|
|
8
8
|
propsWithDefault: DSMenuBehaviouralContextProviderT.InternalProps;
|
9
9
|
};
|
10
10
|
export declare const useGlobalEvents: ({ menuOpenStatus, handleChangeOpenedSubItems, propsWithDefault, }: UseGlobalEventsConfig) => {
|
11
|
-
mainMenuRef: React.
|
12
|
-
submenusRefs: React.
|
11
|
+
mainMenuRef: React.RefObject<HTMLDivElement | null>;
|
12
|
+
submenusRefs: React.RefObject<Record<string | number, HTMLElement>>;
|
13
13
|
handleSubmenusRefChange: (htmlNode: HTMLElement | null, dsId: DSMenuButtonT.WithSubmenuMenuNodes['dsId']) => void;
|
14
14
|
};
|
15
15
|
export {};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@elliemae/ds-menu-button",
|
3
|
-
"version": "3.46.
|
3
|
+
"version": "3.46.7",
|
4
4
|
"license": "MIT",
|
5
5
|
"description": "ICE MT - Dimsum - Menu Button",
|
6
6
|
"files": [
|
@@ -37,21 +37,21 @@
|
|
37
37
|
},
|
38
38
|
"dependencies": {
|
39
39
|
"@xstyled/styled-components": "~3.6.0",
|
40
|
-
"@elliemae/ds-button-v2": "3.46.
|
41
|
-
"@elliemae/ds-
|
42
|
-
"@elliemae/ds-hooks-on-blur-out": "3.46.
|
43
|
-
"@elliemae/ds-
|
44
|
-
"@elliemae/ds-
|
45
|
-
"@elliemae/ds-
|
46
|
-
"@elliemae/ds-
|
47
|
-
"@elliemae/ds-
|
48
|
-
"@elliemae/ds-
|
40
|
+
"@elliemae/ds-button-v2": "3.46.7",
|
41
|
+
"@elliemae/ds-grid": "3.46.7",
|
42
|
+
"@elliemae/ds-hooks-on-blur-out": "3.46.7",
|
43
|
+
"@elliemae/ds-floating-context": "3.46.7",
|
44
|
+
"@elliemae/ds-menu-items-commons": "3.46.7",
|
45
|
+
"@elliemae/ds-icons": "3.46.7",
|
46
|
+
"@elliemae/ds-props-helpers": "3.46.7",
|
47
|
+
"@elliemae/ds-tree-model": "3.46.7",
|
48
|
+
"@elliemae/ds-system": "3.46.7"
|
49
49
|
},
|
50
50
|
"devDependencies": {
|
51
51
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
52
52
|
"styled-components": "~5.3.9",
|
53
|
-
"@elliemae/ds-monorepo-devops": "3.46.
|
54
|
-
"@elliemae/ds-typescript-helpers": "3.46.
|
53
|
+
"@elliemae/ds-monorepo-devops": "3.46.7",
|
54
|
+
"@elliemae/ds-typescript-helpers": "3.46.7"
|
55
55
|
},
|
56
56
|
"peerDependencies": {
|
57
57
|
"@testing-library/jest-dom": "~5.16.4",
|
@@ -63,7 +63,7 @@
|
|
63
63
|
},
|
64
64
|
"publishConfig": {
|
65
65
|
"access": "public",
|
66
|
-
"typeSafety":
|
66
|
+
"typeSafety": false
|
67
67
|
},
|
68
68
|
"scripts": {
|
69
69
|
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
@@ -1,38 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { type DSOpinionatedButtonT } from '../react-desc-prop-types.js';
|
3
|
-
export declare const useOpinionatedButton: (propsFromUser: DSOpinionatedButtonT.Props) => {
|
4
|
-
propsWithDefault: DSOpinionatedButtonT.InternalProps;
|
5
|
-
instanceUid: string;
|
6
|
-
eventsHandlers: {
|
7
|
-
handleTriggerKeyDown: React.KeyboardEventHandler<HTMLButtonElement>;
|
8
|
-
handleOnClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
9
|
-
handleOnFocus: React.FocusEventHandler<HTMLButtonElement>;
|
10
|
-
handleFocusIfTriggerIsFocusRegion: (instance: HTMLButtonElement | null) => void;
|
11
|
-
};
|
12
|
-
floatingContext: {
|
13
|
-
refs: {
|
14
|
-
setReference: (node: HTMLElement | null) => void;
|
15
|
-
setFloating: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
|
16
|
-
};
|
17
|
-
floatingStyles: import("styled-components").CSSProperties;
|
18
|
-
handlers: {
|
19
|
-
onMouseEnter: () => void;
|
20
|
-
onMouseLeave: () => void;
|
21
|
-
onFocus: () => void;
|
22
|
-
onBlur: () => void;
|
23
|
-
};
|
24
|
-
isOpen: boolean;
|
25
|
-
arrowStyles: {
|
26
|
-
style: import("styled-components").CSSProperties;
|
27
|
-
placement: string;
|
28
|
-
};
|
29
|
-
hideTooltip: () => void;
|
30
|
-
showTooltip: () => void;
|
31
|
-
context: {
|
32
|
-
withoutPortal: boolean;
|
33
|
-
withoutAnimation: boolean;
|
34
|
-
portalDOMContainer: HTMLElement | undefined;
|
35
|
-
animationDuration: number;
|
36
|
-
};
|
37
|
-
};
|
38
|
-
};
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { type useFloatingContext } from '@elliemae/ds-floating-context';
|
2
|
-
import React from 'react';
|
3
|
-
import { type DSOpinionatedButtonT } from '../react-desc-prop-types.js';
|
4
|
-
type UseTriggerEventsHandlersConfig = {
|
5
|
-
propsWithDefault: DSOpinionatedButtonT.InternalProps;
|
6
|
-
floatingContext: ReturnType<typeof useFloatingContext>;
|
7
|
-
};
|
8
|
-
export declare const useTriggerEventsHandlers: ({ propsWithDefault, floatingContext }: UseTriggerEventsHandlersConfig) => {
|
9
|
-
handleTriggerKeyDown: React.KeyboardEventHandler<HTMLButtonElement>;
|
10
|
-
handleOnClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
11
|
-
handleOnFocus: React.FocusEventHandler<HTMLButtonElement>;
|
12
|
-
handleFocusIfTriggerIsFocusRegion: (instance: HTMLButtonElement | null) => void;
|
13
|
-
};
|
14
|
-
export {};
|