@linzjs/step-ag-grid 1.4.5 → 1.4.7

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 (85) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.js +284 -232
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/components/GridCell.d.ts +4 -3
  5. package/dist/src/components/gridRender/GridRenderGenericCell.d.ts +8 -5
  6. package/dist/src/react-menu3/components/ControlledMenu.d.ts +8 -2
  7. package/dist/src/react-menu3/components/FocusableItem.d.ts +8 -0
  8. package/dist/src/react-menu3/components/Menu.d.ts +16 -2
  9. package/dist/src/react-menu3/components/MenuButton.d.ts +8 -1
  10. package/dist/src/react-menu3/components/MenuDivider.d.ts +2 -1
  11. package/dist/src/react-menu3/components/MenuGroup.d.ts +12 -2
  12. package/dist/src/react-menu3/components/MenuHeader.d.ts +4 -2
  13. package/dist/src/react-menu3/components/MenuItem.d.ts +56 -0
  14. package/dist/src/react-menu3/components/MenuList.d.ts +2 -29
  15. package/dist/src/react-menu3/components/MenuRadioGroup.d.ts +44 -2
  16. package/dist/src/react-menu3/components/SubMenu.d.ts +109 -0
  17. package/dist/src/react-menu3/hooks/useBEM.d.ts +4 -3
  18. package/dist/src/react-menu3/hooks/useCombinedRef.d.ts +2 -2
  19. package/dist/src/react-menu3/hooks/useItemEffect.d.ts +1 -1
  20. package/dist/src/react-menu3/hooks/useItemState.d.ts +4 -3
  21. package/dist/src/react-menu3/hooks/useItems.d.ts +6 -4
  22. package/dist/src/react-menu3/hooks/useMenuChange.d.ts +2 -1
  23. package/dist/src/react-menu3/hooks/useMenuState.d.ts +13 -10
  24. package/dist/src/react-menu3/hooks/useMenuStateAndFocus.d.ts +2 -10
  25. package/dist/src/react-menu3/index.d.ts +1 -0
  26. package/dist/src/react-menu3/positionUtils/getPositionHelpers.d.ts +10 -9
  27. package/dist/src/react-menu3/positionUtils/placeArrowHorizontal.d.ts +7 -6
  28. package/dist/src/react-menu3/positionUtils/placeArrowVertical.d.ts +7 -6
  29. package/dist/src/react-menu3/positionUtils/placeLeftorRight.d.ts +17 -19
  30. package/dist/src/react-menu3/positionUtils/placeToporBottom.d.ts +18 -20
  31. package/dist/src/react-menu3/positionUtils/positionContextMenu.d.ts +11 -6
  32. package/dist/src/react-menu3/positionUtils/positionMenu.d.ts +23 -18
  33. package/dist/src/react-menu3/types.d.ts +389 -0
  34. package/dist/src/react-menu3/utils/constants.d.ts +58 -9
  35. package/dist/src/react-menu3/utils/index.d.ts +0 -1
  36. package/dist/src/react-menu3/utils/{propTypes.d.ts → propTypes2.d.ts} +1 -0
  37. package/dist/src/react-menu3/utils/utils.d.ts +20 -11
  38. package/dist/src/react-menu3/utils/withHovering.d.ts +7 -1
  39. package/dist/src/stories/components/ReactMenu.stories.d.ts +8 -0
  40. package/dist/step-ag-grid.esm.js +276 -235
  41. package/dist/step-ag-grid.esm.js.map +1 -1
  42. package/package.json +11 -11
  43. package/src/components/GridCell.tsx +6 -3
  44. package/src/components/GridPopoverHook.tsx +1 -1
  45. package/src/components/gridForm/GridFormDropDown.tsx +1 -1
  46. package/src/components/gridForm/GridFormMultiSelect.tsx +36 -17
  47. package/src/components/gridRender/GridRenderGenericCell.tsx +11 -7
  48. package/src/components/gridRender/GridRenderPopoutMenuCell.tsx +14 -2
  49. package/src/contexts/GridContextProvider.tsx +3 -2
  50. package/src/react-menu3/components/ControlledMenu.tsx +40 -45
  51. package/src/react-menu3/components/FocusableItem.tsx +58 -53
  52. package/src/react-menu3/components/Menu.tsx +40 -28
  53. package/src/react-menu3/components/MenuButton.tsx +30 -29
  54. package/src/react-menu3/components/MenuDivider.tsx +14 -18
  55. package/src/react-menu3/components/MenuGroup.tsx +25 -16
  56. package/src/react-menu3/components/MenuHeader.tsx +14 -18
  57. package/src/react-menu3/components/MenuItem.tsx +158 -106
  58. package/src/react-menu3/components/MenuList.tsx +61 -36
  59. package/src/react-menu3/components/MenuRadioGroup.tsx +54 -15
  60. package/src/react-menu3/components/SubMenu.tsx +317 -202
  61. package/src/react-menu3/hooks/useBEM.ts +4 -3
  62. package/src/react-menu3/hooks/useCombinedRef.ts +6 -12
  63. package/src/react-menu3/hooks/useItemEffect.ts +6 -5
  64. package/src/react-menu3/hooks/useItemState.ts +16 -12
  65. package/src/react-menu3/hooks/useItems.ts +11 -10
  66. package/src/react-menu3/hooks/useMenuChange.ts +3 -3
  67. package/src/react-menu3/hooks/useMenuState.ts +25 -7
  68. package/src/react-menu3/hooks/useMenuStateAndFocus.ts +6 -4
  69. package/src/react-menu3/index.ts +1 -0
  70. package/src/react-menu3/positionUtils/getPositionHelpers.ts +19 -12
  71. package/src/react-menu3/positionUtils/placeArrowHorizontal.ts +12 -5
  72. package/src/react-menu3/positionUtils/placeArrowVertical.ts +12 -5
  73. package/src/react-menu3/positionUtils/placeLeftorRight.ts +33 -17
  74. package/src/react-menu3/positionUtils/placeToporBottom.ts +34 -18
  75. package/src/react-menu3/positionUtils/positionContextMenu.ts +15 -3
  76. package/src/react-menu3/positionUtils/positionMenu.ts +21 -14
  77. package/src/react-menu3/style-utils/index.ts +10 -7
  78. package/src/react-menu3/{index.d.ts → types.ts} +106 -358
  79. package/src/react-menu3/utils/constants.ts +82 -10
  80. package/src/react-menu3/utils/index.ts +1 -1
  81. package/src/react-menu3/utils/{propTypes.ts → propTypes2.ts} +3 -1
  82. package/src/react-menu3/utils/utils.ts +41 -24
  83. package/src/react-menu3/utils/withHovering.tsx +11 -6
  84. package/src/stories/components/GridReadOnly.stories.tsx +3 -4
  85. package/src/stories/components/ReactMenu.stories.tsx +37 -0
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import { ForwardedRef } from "react";
2
2
  import { GridBaseRow } from "./Grid";
3
3
  import { GenericCellRendererParams } from "./gridRender/GridRenderGenericCell";
4
4
  import { ColDef, ICellEditorParams, ICellRendererParams } from "ag-grid-community";
@@ -17,7 +17,7 @@ export interface GenericCellEditorParams<RowType extends GridBaseRow> {
17
17
  }
18
18
  export interface GenericCellEditorColDef<RowType extends GridBaseRow, FormProps extends GenericCellEditorParams<RowType>> extends ColDef {
19
19
  cellEditorParams?: FormProps;
20
- cellRendererParams?: GenericCellRendererParams;
20
+ cellRendererParams?: GenericCellRendererParams<RowType>;
21
21
  }
22
22
  export declare const GridCellRenderer: (cellRendererParams: ICellRendererParams) => JSX.Element;
23
23
  /**
@@ -28,5 +28,6 @@ interface GenericCellEditorICellEditorParams<RowType extends GridBaseRow, FormPr
28
28
  data: RowType;
29
29
  colDef: GenericCellEditorColDef<RowType, FormProps>;
30
30
  }
31
- export declare const GenericCellEditorComponent: <RowType extends GridBaseRow, FormProps extends Record<string, any>>(props: GenericCellEditorICellEditorParams<RowType, FormProps>) => JSX.Element;
31
+ export declare const GenericCellEditorComponentFr: <RowType extends GridBaseRow, FormProps extends Record<string, any>>(props: GenericCellEditorICellEditorParams<RowType, FormProps>, _: ForwardedRef<any>) => JSX.Element;
32
+ export declare const GenericCellEditorComponent: import("react").ForwardRefExoticComponent<GenericCellEditorICellEditorParams<GridBaseRow, Record<string, any>> & import("react").RefAttributes<any>>;
32
33
  export {};
@@ -3,13 +3,16 @@ import "./GridRenderGenericCell.scss";
3
3
  import { ColDef, ICellRendererParams } from "ag-grid-community";
4
4
  import { GenericCellEditorParams } from "../GridCell";
5
5
  import { GridBaseRow } from "../Grid";
6
+ export interface RowICellRendererParams<RowType extends GridBaseRow> extends ICellRendererParams {
7
+ data: RowType;
8
+ }
6
9
  export interface GenericCellColDef<RowType extends GridBaseRow, FormProps extends Record<string, any>> extends ColDef {
7
- cellRendererParams?: GenericCellRendererParams;
10
+ cellRendererParams?: GenericCellRendererParams<RowType>;
8
11
  cellEditorParams?: GenericCellEditorParams<RowType> & FormProps;
9
12
  }
10
- export interface GenericCellRendererParams {
13
+ export interface GenericCellRendererParams<RowType extends GridBaseRow> {
11
14
  singleClickEdit?: boolean;
12
- warning?: (props: ICellRendererParams) => string | boolean | undefined;
13
- info?: (props: ICellRendererParams) => string | boolean | undefined;
15
+ warning?: (props: RowICellRendererParams<RowType>) => string | boolean | undefined;
16
+ info?: (props: RowICellRendererParams<RowType>) => string | boolean | undefined;
14
17
  }
15
- export declare const GridRendererGenericCell: (props: ICellRendererParams) => JSX.Element;
18
+ export declare const GridRendererGenericCell: <RowType extends GridBaseRow>(props: ICellRendererParams) => JSX.Element;
@@ -1,2 +1,8 @@
1
- /// <reference types="react" />
2
- export declare const ControlledMenu: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
1
+ import { MutableRefObject, ForwardedRef } from "react";
2
+ import { ControlledMenuProps } from "../types";
3
+ export declare const ControlledMenuFr: ({ "aria-label": ariaLabel, className, containerProps, initialMounted, unmountOnClose, transition, transitionTimeout, boundingBoxRef, boundingBoxPadding, reposition, submenuOpenDelay, submenuCloseDelay, skipOpen, viewScroll, portal, theming, onItemClick, onClose, saveButtonRef, ...restProps }: ControlledMenuProps & {
4
+ saveButtonRef?: MutableRefObject<HTMLButtonElement | null> | undefined;
5
+ }, externalRef: ForwardedRef<HTMLUListElement>) => JSX.Element | null;
6
+ export declare const ControlledMenu: import("react").ForwardRefExoticComponent<Pick<ControlledMenuProps & {
7
+ saveButtonRef?: MutableRefObject<HTMLButtonElement | null> | undefined;
8
+ }, "aria-label" | "className" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "containerProps" | "initialMounted" | "unmountOnClose" | "transition" | "transitionTimeout" | "boundingBoxRef" | "boundingBoxPadding" | "reposition" | "submenuOpenDelay" | "submenuCloseDelay" | "skipOpen" | "viewScroll" | "portal" | "theming" | "onItemClick" | "onClose" | "saveButtonRef" | "anchorPoint" | "anchorRef" | "captureFocus" | "state" | "menuItemFocus" | "endTransition" | "repositionFlag" | "menuClassName" | "menuStyle" | "arrowClassName" | "arrowStyle" | "arrow" | "offsetX" | "offsetY" | "align" | "direction" | "position" | "overflow" | "setDownOverflow" | "isDisabled" | "ariaLabel" | "containerRef" | "externalRef" | "parentScrollingRef"> & import("react").RefAttributes<HTMLUListElement>>;
@@ -1 +1,9 @@
1
+ import { LegacyRef } from "react";
2
+ import { BaseProps } from "../types";
3
+ import { withHoveringResultProps } from "../utils/withHovering";
4
+ export interface FocusableItemProps extends BaseProps, withHoveringResultProps {
5
+ disabled?: boolean;
6
+ children: (ref: LegacyRef<any>) => JSX.Element;
7
+ }
8
+ export declare const FocusableItemFr: ({ className, disabled, children, isHovering, menuItemRef, externalRef, ...restProps }: FocusableItemProps) => JSX.Element;
1
9
  export declare const FocusableItem: any;
@@ -1,2 +1,16 @@
1
- /// <reference types="react" />
2
- export declare const Menu: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
1
+ import { ReactElement, ForwardedRef } from "react";
2
+ import { MenuButtonModifiers, RenderProp, RootMenuProps, UncontrolledMenuProps } from "../types";
3
+ export interface MenuProps extends RootMenuProps, UncontrolledMenuProps {
4
+ /**
5
+ * Can be a `MenuButton`, a `button` element, or a React component.
6
+ * It also can be a render function that returns one.
7
+ *
8
+ * If a React component is provided, it needs to implement the following contracts:
9
+ * - Accepts a `ref` prop that is forwarded to an element to which menu will be positioned.
10
+ * The element should be able to receive focus.
11
+ * - Accepts `onClick` and `onKeyDown` event props.
12
+ */
13
+ menuButton: RenderProp<MenuButtonModifiers, ReactElement>;
14
+ }
15
+ export declare function MenuFr({ "aria-label": ariaLabel, menuButton, instanceRef, onMenuChange, ...restProps }: MenuProps, externalRef: ForwardedRef<any>): JSX.Element;
16
+ export declare const Menu: import("react").ForwardRefExoticComponent<Pick<MenuProps, "className" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "menuButton" | "containerProps" | "boundingBoxRef" | "boundingBoxPadding" | "viewScroll" | "portal" | "reposition" | "repositionFlag" | "submenuOpenDelay" | "submenuCloseDelay" | "theming" | "onItemClick" | "menuClassName" | "menuStyle" | "arrowClassName" | "arrowStyle" | "arrow" | "offsetX" | "offsetY" | "align" | "direction" | "position" | "overflow" | "setDownOverflow" | "initialMounted" | "unmountOnClose" | "transition" | "transitionTimeout" | "instanceRef" | "onMenuChange"> & import("react").RefAttributes<any>>;
@@ -1 +1,8 @@
1
- export declare const MenuButton: any;
1
+ import { ReactNode } from "react";
2
+ import { BaseProps, MenuButtonModifiers } from "../types";
3
+ export interface MenuButtonProps extends BaseProps<MenuButtonModifiers> {
4
+ disabled?: boolean;
5
+ children?: ReactNode;
6
+ isOpen?: boolean;
7
+ }
8
+ export declare const MenuButton: import("react").ForwardRefExoticComponent<Pick<MenuButtonProps, "className" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "isOpen"> & import("react").RefAttributes<HTMLButtonElement>>;
@@ -1,2 +1,3 @@
1
1
  /// <reference types="react" />
2
- export declare const MenuDivider: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>>;
2
+ import { BaseProps } from "../types";
3
+ export declare const MenuDivider: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<BaseProps<undefined>, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLLIElement>>>;
@@ -1,2 +1,12 @@
1
- /// <reference types="react" />
2
- export declare const MenuGroup: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
1
+ import { ForwardedRef, ReactNode } from "react";
2
+ import { BaseProps } from "../types";
3
+ export interface MenuGroupProps extends BaseProps {
4
+ children?: ReactNode;
5
+ /**
6
+ * Set `true` to apply overflow of the parent menu to the group.
7
+ * Only one `MenuGroup` in a menu should set this prop as `true`.
8
+ */
9
+ takeOverflow?: boolean;
10
+ }
11
+ export declare const MenuGroupFr: ({ className, style, takeOverflow, ...restProps }: MenuGroupProps, externalRef: ForwardedRef<HTMLDivElement>) => JSX.Element;
12
+ export declare const MenuGroup: import("react").ForwardRefExoticComponent<Pick<MenuGroupProps, "className" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "takeOverflow"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,2 +1,4 @@
1
- /// <reference types="react" />
2
- export declare const MenuHeader: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>>;
1
+ import { ForwardedRef } from "react";
2
+ import { BaseProps } from "../types";
3
+ export declare const MenuHeaderFr: ({ className, ...restProps }: BaseProps, externalRef: ForwardedRef<HTMLLIElement>) => JSX.Element;
4
+ export declare const MenuHeader: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<BaseProps<undefined>, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLLIElement>>>;
@@ -1 +1,57 @@
1
+ import { BaseProps, ClickEvent, EventHandler, Hoverable, MenuItemTypeProp, RenderProp } from "../types";
2
+ export declare type MenuItemModifiers = Readonly<{
3
+ /**
4
+ * 'radio' for radio item, 'checkbox' for checkbox item, or `undefined` for other items.
5
+ */
6
+ type?: MenuItemTypeProp;
7
+ /**
8
+ * Indicates if the menu item is disabled.
9
+ */
10
+ disabled: boolean;
11
+ /**
12
+ * Indicates if the menu item is being hovered and has focus.
13
+ */
14
+ hover: boolean;
15
+ /**
16
+ * Indicates if the menu item is checked when it's a radio or checkbox item.
17
+ */
18
+ checked: boolean;
19
+ /**
20
+ * Indicates if the menu item has a URL link.
21
+ */
22
+ anchor: boolean;
23
+ }>;
24
+ export interface MenuItemProps extends Omit<BaseProps<MenuItemModifiers>, "onClick">, Hoverable {
25
+ /**
26
+ * Any value provided to this prop will be available in the event object of click events.
27
+ *
28
+ * It's useful for helping identify which menu item is clicked when you
29
+ * listen on `onItemClick` event on root menu component.
30
+ */
31
+ value?: any;
32
+ /**
33
+ * If provided, menu item renders an HTML `<a>` element with this `href` attribute.
34
+ */
35
+ href?: string;
36
+ rel?: string;
37
+ target?: string;
38
+ /**
39
+ * Set this prop to make the item a checkbox or radio menu item.
40
+ */
41
+ type?: MenuItemTypeProp;
42
+ /**
43
+ * Set `true` if a checkbox menu item is checked.
44
+ *
45
+ * *Please note radio menu item doesn't use this prop.*
46
+ */
47
+ checked?: boolean;
48
+ /**
49
+ * Event fired when the menu item is clicked.
50
+ */
51
+ onClick?: EventHandler<ClickEvent>;
52
+ /**
53
+ * Any valid React node or a render function that returns one.
54
+ */
55
+ children?: RenderProp<MenuItemModifiers>;
56
+ }
1
57
  export declare const MenuItem: any;
@@ -1,30 +1,3 @@
1
1
  /// <reference types="react" />
2
- export declare const MenuList: ({ ariaLabel, menuClassName, menuStyle, arrowClassName, arrowStyle, anchorPoint, anchorRef, containerRef, externalRef, parentScrollingRef, arrow, align, direction, position, overflow, setDownOverflow, repositionFlag, captureFocus, state, endTransition, isDisabled, menuItemFocus, offsetX, offsetY, children, onClose, ...restProps }: {
3
- [x: string]: any;
4
- ariaLabel: any;
5
- menuClassName: any;
6
- menuStyle: any;
7
- arrowClassName: any;
8
- arrowStyle: any;
9
- anchorPoint: any;
10
- anchorRef: any;
11
- containerRef: any;
12
- externalRef: any;
13
- parentScrollingRef: any;
14
- arrow: any;
15
- align?: string | undefined;
16
- direction?: string | undefined;
17
- position?: string | undefined;
18
- overflow?: string | undefined;
19
- setDownOverflow: any;
20
- repositionFlag: any;
21
- captureFocus?: boolean | undefined;
22
- state: any;
23
- endTransition: any;
24
- isDisabled: any;
25
- menuItemFocus: any;
26
- offsetX?: number | undefined;
27
- offsetY?: number | undefined;
28
- children: any;
29
- onClose: any;
30
- }) => JSX.Element;
2
+ import { ControlledMenuProps } from "../types";
3
+ export declare const MenuList: ({ ariaLabel, menuClassName, menuStyle, arrowClassName, arrowStyle, anchorPoint, anchorRef, containerRef, externalRef, parentScrollingRef, arrow, align, direction, position, overflow, setDownOverflow, repositionFlag, captureFocus, state, endTransition, isDisabled, menuItemFocus, offsetX, offsetY, children, onClose, ...restProps }: ControlledMenuProps) => JSX.Element;
@@ -1,2 +1,44 @@
1
- /// <reference types="react" />
2
- export declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
1
+ import { ForwardedRef, ReactNode } from "react";
2
+ import { BaseProps, Event, EventHandler } from "../types";
3
+ export interface RadioChangeEvent extends Event {
4
+ /**
5
+ * The `name` prop passed to the `MenuRadioGroup` when the menu item is in a radio group.
6
+ */
7
+ name?: string;
8
+ /**
9
+ * Set this property on event object to control whether to keep menu open after menu item is activated.
10
+ * Leaving it `undefined` will behave in accordance with WAI-ARIA Authoring Practices.
11
+ */
12
+ keepOpen?: boolean;
13
+ /**
14
+ * Setting this property on event object to `true` will skip `onItemClick` event on root menu component.
15
+ */
16
+ stopPropagation?: boolean;
17
+ /**
18
+ * DOM event object (React synthetic event)
19
+ */
20
+ syntheticEvent: MouseEvent | KeyboardEvent;
21
+ }
22
+ export interface MenuRadioGroupProps extends BaseProps {
23
+ /**
24
+ * Optionally set the radio group name.
25
+ *
26
+ * The name will be passed to the `onRadioChange` event.
27
+ * It's useful for identifying radio groups if you attach the same event handler to multiple groups.
28
+ */
29
+ name?: string;
30
+ /**
31
+ * Set value of the radio group.
32
+ *
33
+ * The child menu item which has the same value (strict equality ===) as the
34
+ * radio group is marked as checked.
35
+ */
36
+ value?: any;
37
+ children?: ReactNode;
38
+ /**
39
+ * Event fired when a child menu item is clicked (selected).
40
+ */
41
+ onRadioChange?: EventHandler<RadioChangeEvent>;
42
+ }
43
+ export declare const MenuRadioGroupFr: ({ "aria-label": ariaLabel, className, name, value, onRadioChange, ...restProps }: MenuRadioGroupProps, externalRef: ForwardedRef<HTMLUListElement>) => JSX.Element;
44
+ export declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<Pick<MenuRadioGroupProps, "name" | "className" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "onRadioChange"> & import("react").RefAttributes<HTMLUListElement>>;
@@ -1 +1,110 @@
1
+ import { CSSProperties, ReactNode } from "react";
2
+ import { BaseProps, ClassNameProp, Hoverable, MenuAlign, MenuArrowModifiers, MenuDirection, MenuModifiers, MenuOverflow, MenuPosition, RenderProp, UncontrolledMenuProps } from "../types";
3
+ import { withHoveringResultProps } from "../utils/withHovering";
4
+ export declare type SubMenuItemModifiers = Readonly<{
5
+ /**
6
+ * Indicates if the submenu is open.
7
+ */
8
+ open: boolean;
9
+ /**
10
+ * Indicates if the submenu item is being hovered and has focus.
11
+ */
12
+ hover: boolean;
13
+ /**
14
+ * Indicates if the submenu and item are disabled.
15
+ */
16
+ disabled: boolean;
17
+ }>;
18
+ /**
19
+ * Common props for `Menu`, `SubMenu` and `ControlledMenu`
20
+ */
21
+ interface BaseMenuProps extends Omit<BaseProps, "style"> {
22
+ /**
23
+ * Can be a string or a function which receives a modifier object and returns a CSS `class` string.
24
+ */
25
+ menuClassName?: ClassNameProp<MenuModifiers>;
26
+ /**
27
+ * This prop is forwarded to the `style` prop of menu DOM element.
28
+ */
29
+ menuStyle?: CSSProperties;
30
+ /**
31
+ * Can be a string or a function which receives a modifier object and returns a CSS `class` string.
32
+ */
33
+ arrowClassName?: ClassNameProp<MenuArrowModifiers>;
34
+ /**
35
+ * This prop is forwarded to the `style` prop of menu arrow DOM element.
36
+ */
37
+ arrowStyle?: CSSProperties;
38
+ /**
39
+ * Set `true` to display an arrow pointing to its anchor element.
40
+ */
41
+ arrow?: boolean;
42
+ /**
43
+ * Set the horizontal distance (in pixels) between menu and its anchor element.
44
+ * The value can be negative.
45
+ * @default 0
46
+ */
47
+ offsetX?: number;
48
+ /**
49
+ * Set the vertical distance (in pixels) between menu and its anchor element.
50
+ * The value can be negative.
51
+ * @default 0
52
+ */
53
+ offsetY?: number;
54
+ /**
55
+ * Set alignment of menu with anchor element.
56
+ * @default 'start'
57
+ */
58
+ align?: MenuAlign;
59
+ /**
60
+ * Set direction in which menu expands against anchor element.
61
+ * @default 'bottom'
62
+ */
63
+ direction?: MenuDirection;
64
+ /**
65
+ * Set the position of menu related to its anchor element:
66
+ *
67
+ * - 'auto' menu position is adjusted to have it contained within the viewport,
68
+ * even if it will be detached from the anchor element.
69
+ * This option allows to display menu in the viewport as much as possible.
70
+ *
71
+ * - 'anchor' menu position is adjusted to have it contained within the viewport,
72
+ * but it will be kept attached to the edges of anchor element.
73
+ *
74
+ * - 'initial' menu always stays at its initial position.
75
+ * @default 'auto'
76
+ */
77
+ position?: MenuPosition;
78
+ /**
79
+ * Make the menu list scrollable or hidden when there is not enough viewport space to
80
+ * display all menu items. The prop is similar to the CSS `overflow` property.
81
+ * @default 'visible'
82
+ */
83
+ overflow?: MenuOverflow;
84
+ /**
85
+ * Set computed overflow amount down to a child `MenuGroup`.
86
+ * The `MenuGroup` should have `takeOverflow` prop set as `true` accordingly.
87
+ */
88
+ setDownOverflow?: boolean;
89
+ children?: ReactNode;
90
+ }
91
+ export interface SubMenuProps extends BaseMenuProps, Hoverable, UncontrolledMenuProps, withHoveringResultProps {
92
+ /**
93
+ * Properties of this object are spread to the submenu item DOM element.
94
+ */
95
+ itemProps?: BaseProps<SubMenuItemModifiers>;
96
+ /**
97
+ * The submenu `label` can be a `string` or JSX element, or a render function that returns one.
98
+ */
99
+ label?: RenderProp<SubMenuItemModifiers>;
100
+ /**
101
+ * - `undefined` submenu opens when the label item is hovered or clicked. This is the default behaviour.
102
+ * - 'clickOnly' submenu opens when the label item is clicked.
103
+ * - 'none' submenu doesn't open with mouse or keyboard events;
104
+ * you can call the `openMenu` function on `instanceRef` to open submenu programmatically.
105
+ */
106
+ openTrigger?: "none" | "clickOnly";
107
+ }
108
+ export declare const SubMenuFr: ({ "aria-label": ariaLabel, className, disabled, direction, label, openTrigger, onMenuChange, isHovering, instanceRef, menuItemRef, itemProps, ...restProps }: SubMenuProps) => JSX.Element;
1
109
  export declare const SubMenu: any;
110
+ export {};
@@ -1,9 +1,10 @@
1
+ import { ClassNameProp } from "../types";
1
2
  declare type useBemModifiers = Record<string, boolean | string | undefined>;
2
3
  interface useBemProps {
3
4
  block: string;
4
- element: string;
5
- modifiers: useBemModifiers;
6
- className: string | ((modifiers: useBemModifiers) => string | undefined);
5
+ element?: string;
6
+ modifiers?: useBemModifiers;
7
+ className?: ClassNameProp<any>;
7
8
  }
8
9
  export declare const useBEM: ({ block, element, modifiers, className }: useBemProps) => string;
9
10
  export {};
@@ -1,2 +1,2 @@
1
- import { Ref } from "react";
2
- export declare const useCombinedRef: <Instance>(refA: Ref<Instance> | undefined, refB: Ref<Instance> | undefined) => Ref<Instance> | undefined;
1
+ import { LegacyRef, ForwardedRef } from "react";
2
+ export declare const useCombinedRef: <Instance>(refA: ForwardedRef<Instance> | undefined, refB: ForwardedRef<Instance> | undefined) => LegacyRef<Instance>;
@@ -1,2 +1,2 @@
1
1
  import { MutableRefObject } from "react";
2
- export declare const useItemEffect: (isDisabled: boolean, itemRef: MutableRefObject<any>, updateItems: (item: any, isMounted?: boolean) => void) => void;
2
+ export declare const useItemEffect: (isDisabled: boolean | undefined, menuItemRef: MutableRefObject<any> | undefined, updateItems: (item: any, isMounted?: boolean) => void) => void;
@@ -1,6 +1,7 @@
1
- export declare const useItemState: (itemRef: any, focusRef: any, isHovering: any, isDisabled: any) => {
1
+ import { FocusEvent, MutableRefObject } from "react";
2
+ export declare const useItemState: (menuItemRef: MutableRefObject<any> | undefined, focusRef: MutableRefObject<any> | undefined, isHovering?: boolean, isDisabled?: boolean) => {
2
3
  setHover: () => void;
3
- onBlur: (e: any) => void;
4
+ onBlur: (e: FocusEvent) => void;
4
5
  onPointerMove: () => void;
5
- onPointerLeave: (_: any, keepHover: any) => void;
6
+ onPointerLeave: (_: PointerEvent, keepHover: boolean) => void;
6
7
  };
@@ -1,5 +1,7 @@
1
- export declare const useItems: (menuRef: any, focusRef: any) => {
2
- hoverItem: undefined;
3
- dispatch: (actionType: any, item: any, nextIndex: any) => void;
4
- updateItems: (item: any, isMounted: any) => void;
1
+ import { MutableRefObject } from "react";
2
+ import { FocusPosition } from "../types";
3
+ export declare const useItems: (menuRef: MutableRefObject<any>, focusRef: MutableRefObject<any> | undefined) => {
4
+ hoverItem: any;
5
+ dispatch: (actionType: number, item: any, nextIndex: FocusPosition) => void;
6
+ updateItems: (item?: any, isMounted?: boolean) => void;
5
7
  };
@@ -1 +1,2 @@
1
- export declare const useMenuChange: (onMenuChange: any, isOpen: any) => void;
1
+ import { EventHandler, MenuChangeEvent } from "../types";
2
+ export declare const useMenuChange: (onMenuChange?: EventHandler<MenuChangeEvent>, isOpen?: boolean) => void;
@@ -1,11 +1,14 @@
1
- interface useMenuStateProps {
2
- initialMounted?: boolean;
3
- unmountOnClose?: boolean;
4
- transition: boolean | Record<string, string>;
5
- transitionTimeout?: number;
6
- }
7
- export declare const useMenuState: (props?: useMenuStateProps) => (((toEnter?: boolean | undefined) => void) | {
8
- state: string | undefined;
1
+ import { MenuState, MenuStateOptions } from "../types";
2
+ /**
3
+ * A custom Hook which helps manage the states of `ControlledMenu`.
4
+ */
5
+ export declare const useMenuState: (props?: MenuStateOptions) => [{
6
+ /**
7
+ * Menu state which should be forwarded to `ControlledMenu`.
8
+ */
9
+ state?: MenuState | undefined;
10
+ /**
11
+ * Stop transition animation. This function value should be forwarded to `ControlledMenu`.
12
+ */
9
13
  endTransition: () => void;
10
- })[];
11
- export {};
14
+ }, (open?: boolean) => void];
@@ -1,10 +1,2 @@
1
- export declare const useMenuStateAndFocus: (options: any) => (((toEnter?: boolean | undefined) => void) | {
2
- state: string | undefined;
3
- endTransition: () => void;
4
- } | ((position: any, alwaysUpdate: any) => void) | {
5
- menuItemFocus: undefined;
6
- } | {
7
- state: string | undefined;
8
- endTransition: () => void;
9
- menuItemFocus: undefined;
10
- })[];
1
+ import { FocusPosition, MenuStateOptions } from "../types";
2
+ export declare const useMenuStateAndFocus: (options: MenuStateOptions) => [any, (open?: boolean) => void, (position?: FocusPosition, alwaysUpdate?: boolean) => void];
@@ -9,3 +9,4 @@ export { MenuDivider } from "./components/MenuDivider";
9
9
  export { MenuHeader } from "./components/MenuHeader";
10
10
  export { MenuGroup } from "./components/MenuGroup";
11
11
  export { MenuRadioGroup } from "./components/MenuRadioGroup";
12
+ export { ClickEvent } from "./types";
@@ -1,10 +1,11 @@
1
- export declare const getPositionHelpers: (containerRef: any, menuRef: any, menuScroll: any, boundingBoxPadding: any) => {
2
- menuRect: any;
3
- containerRect: any;
4
- getLeftOverflow: (x: any) => number;
5
- getRightOverflow: (x: any) => number;
6
- getTopOverflow: (y: any) => number;
7
- getBottomOverflow: (y: any) => number;
8
- confineHorizontally: (x: any) => any;
9
- confineVertically: (y: any) => any;
1
+ import { MutableRefObject } from "react";
2
+ export declare const getPositionHelpers: (containerRef: MutableRefObject<HTMLElement | undefined>, menuRef: MutableRefObject<HTMLElement>, menuScroll: Window | Element, boundingBoxPadding: string | undefined) => {
3
+ menuRect: DOMRect;
4
+ containerRect: DOMRect;
5
+ getLeftOverflow: (x: number) => number;
6
+ getRightOverflow: (x: number) => number;
7
+ getTopOverflow: (y: number) => number;
8
+ getBottomOverflow: (y: number) => number;
9
+ confineHorizontally: (x: number) => number;
10
+ confineVertically: (y: number) => number;
10
11
  };