@linzjs/step-ag-grid 19.1.1 → 21.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (182) hide show
  1. package/dist/GridTheme.scss +19 -23
  2. package/dist/src/components/ComponentLoadingWrapper.d.ts +9 -9
  3. package/dist/src/components/Grid.d.ts +80 -80
  4. package/dist/src/components/GridCell.d.ts +63 -27
  5. package/dist/src/components/GridCell.test.d.ts +1 -1
  6. package/dist/src/components/GridCellFiller.d.ts +5 -4
  7. package/dist/src/components/GridCellMultiEditor.d.ts +18 -18
  8. package/dist/src/components/GridCellMultiSelectClassRules.d.ts +2 -2
  9. package/dist/src/components/GridIcon.d.ts +9 -9
  10. package/dist/src/components/GridLoadableCell.d.ts +1 -1
  11. package/dist/src/components/GridNoRowsOverlay.d.ts +9 -9
  12. package/dist/src/components/GridPopoverHook.d.ts +12 -12
  13. package/dist/src/components/GridWrapper.d.ts +5 -5
  14. package/dist/src/components/PostSortRowsHook.d.ts +11 -11
  15. package/dist/src/components/gridFilter/GridFilterButtons.d.ts +16 -16
  16. package/dist/src/components/gridFilter/GridFilterColumnsToggle.d.ts +5 -5
  17. package/dist/src/components/gridFilter/GridFilterDownloadCsvButton.d.ts +2 -2
  18. package/dist/src/components/gridFilter/GridFilterHeaderIconButton.d.ts +11 -11
  19. package/dist/src/components/gridFilter/GridFilterQuick.d.ts +5 -5
  20. package/dist/src/components/gridFilter/GridFilters.d.ts +2 -2
  21. package/dist/src/components/gridFilter/index.d.ts +7 -7
  22. package/dist/src/components/gridFilter/useGridFilter.d.ts +3 -3
  23. package/dist/src/components/gridForm/GridFormDropDown.d.ts +37 -37
  24. package/dist/src/components/gridForm/GridFormEditBearing.d.ts +12 -12
  25. package/dist/src/components/gridForm/GridFormMessage.d.ts +7 -7
  26. package/dist/src/components/gridForm/GridFormMultiSelect.d.ts +36 -36
  27. package/dist/src/components/gridForm/GridFormMultiSelectGrid.d.ts +24 -24
  28. package/dist/src/components/gridForm/GridFormPopoverMenu.d.ts +36 -36
  29. package/dist/src/components/gridForm/GridFormSubComponentTextArea.d.ts +12 -12
  30. package/dist/src/components/gridForm/GridFormSubComponentTextInput.d.ts +11 -11
  31. package/dist/src/components/gridForm/GridFormTextArea.d.ts +14 -14
  32. package/dist/src/components/gridForm/GridFormTextInput.d.ts +14 -14
  33. package/dist/src/components/gridForm/index.d.ts +10 -10
  34. package/dist/src/components/gridHeader/GridHeaderSelect.d.ts +7 -7
  35. package/dist/src/components/gridHeader/index.d.ts +1 -1
  36. package/dist/src/components/gridHook/index.d.ts +1 -1
  37. package/dist/src/components/gridHook/useGridContextMenu.d.ts +19 -19
  38. package/dist/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.d.ts +5 -5
  39. package/dist/src/components/gridPopoverEdit/GridPopoutEditMultiSelectGrid.d.ts +5 -5
  40. package/dist/src/components/gridPopoverEdit/GridPopoverEditBearing.d.ts +16 -16
  41. package/dist/src/components/gridPopoverEdit/GridPopoverEditDropDown.d.ts +5 -5
  42. package/dist/src/components/gridPopoverEdit/GridPopoverMenu.d.ts +8 -8
  43. package/dist/src/components/gridPopoverEdit/GridPopoverMessage.d.ts +5 -5
  44. package/dist/src/components/gridPopoverEdit/GridPopoverTextArea.d.ts +5 -5
  45. package/dist/src/components/gridPopoverEdit/GridPopoverTextInput.d.ts +5 -5
  46. package/dist/src/components/gridPopoverEdit/index.d.ts +9 -9
  47. package/dist/src/components/gridRender/GridRenderGenericCell.d.ts +16 -37
  48. package/dist/src/components/gridRender/GridRenderPopoutMenuCell.d.ts +2 -2
  49. package/dist/src/components/gridRender/index.d.ts +2 -2
  50. package/dist/src/components/gridUtil.d.ts +3 -3
  51. package/dist/src/components/index.d.ts +18 -18
  52. package/dist/src/contexts/GridContext.d.ts +67 -67
  53. package/dist/src/contexts/GridContextProvider.d.ts +15 -15
  54. package/dist/src/contexts/GridContextProvider.test.d.ts +1 -1
  55. package/dist/src/contexts/GridPopoverContext.d.ts +15 -15
  56. package/dist/src/contexts/GridPopoverContextProvider.d.ts +7 -7
  57. package/dist/src/contexts/GridSubComponentContext.d.ts +10 -10
  58. package/dist/src/contexts/GridUpdatingContext.d.ts +8 -8
  59. package/dist/src/contexts/GridUpdatingContextProvider.d.ts +3 -3
  60. package/dist/src/index.d.ts +17 -17
  61. package/dist/src/lui/ActionButton.d.ts +20 -20
  62. package/dist/src/lui/FormError.d.ts +7 -7
  63. package/dist/src/lui/TextAreaInput.d.ts +11 -11
  64. package/dist/src/lui/TextInputFormatted.d.ts +10 -10
  65. package/dist/src/lui/reactUtils.d.ts +6 -6
  66. package/dist/src/lui/reactUtils.test.d.ts +1 -1
  67. package/dist/src/lui/stateDeferredHook.d.ts +4 -4
  68. package/dist/src/lui/timeoutHook.d.ts +14 -14
  69. package/dist/src/lui/timeoutHook.test.d.ts +1 -1
  70. package/dist/src/react-menu3/components/ControlledMenu.d.ts +8 -8
  71. package/dist/src/react-menu3/components/FocusableItem.d.ts +9 -9
  72. package/dist/src/react-menu3/components/Menu.d.ts +16 -16
  73. package/dist/src/react-menu3/components/MenuButton.d.ts +8 -8
  74. package/dist/src/react-menu3/components/MenuDivider.d.ts +3 -3
  75. package/dist/src/react-menu3/components/MenuGroup.d.ts +12 -12
  76. package/dist/src/react-menu3/components/MenuHeader.d.ts +4 -4
  77. package/dist/src/react-menu3/components/MenuItem.d.ts +59 -59
  78. package/dist/src/react-menu3/components/MenuList.d.ts +2 -2
  79. package/dist/src/react-menu3/components/MenuRadioGroup.d.ts +25 -25
  80. package/dist/src/react-menu3/components/SubMenu.d.ts +110 -110
  81. package/dist/src/react-menu3/contexts/EventHandlersContext.d.ts +7 -7
  82. package/dist/src/react-menu3/contexts/HoverItemContext.d.ts +2 -2
  83. package/dist/src/react-menu3/contexts/ItemSettingsContext.d.ts +5 -5
  84. package/dist/src/react-menu3/contexts/MenuListContext.d.ts +9 -9
  85. package/dist/src/react-menu3/contexts/MenuListItemContext.d.ts +11 -11
  86. package/dist/src/react-menu3/contexts/RadioGroupContext.d.ts +7 -7
  87. package/dist/src/react-menu3/contexts/SettingsContext.d.ts +20 -20
  88. package/dist/src/react-menu3/hooks/index.d.ts +9 -9
  89. package/dist/src/react-menu3/hooks/useBEM.d.ts +10 -10
  90. package/dist/src/react-menu3/hooks/useCombinedRef.d.ts +2 -2
  91. package/dist/src/react-menu3/hooks/useIsomorphicLayoutEffect.d.ts +3 -3
  92. package/dist/src/react-menu3/hooks/useItemEffect.d.ts +2 -2
  93. package/dist/src/react-menu3/hooks/useItemState.d.ts +7 -7
  94. package/dist/src/react-menu3/hooks/useItems.d.ts +7 -7
  95. package/dist/src/react-menu3/hooks/useMenuChange.d.ts +2 -2
  96. package/dist/src/react-menu3/hooks/useMenuState.d.ts +23 -14
  97. package/dist/src/react-menu3/hooks/useMenuStateAndFocus.d.ts +2 -2
  98. package/dist/src/react-menu3/index.d.ts +11 -11
  99. package/dist/src/react-menu3/positionUtils/getPositionHelpers.d.ts +11 -11
  100. package/dist/src/react-menu3/positionUtils/index.d.ts +3 -3
  101. package/dist/src/react-menu3/positionUtils/placeArrowHorizontal.d.ts +8 -8
  102. package/dist/src/react-menu3/positionUtils/placeArrowVertical.d.ts +8 -8
  103. package/dist/src/react-menu3/positionUtils/placeLeftorRight.d.ts +19 -19
  104. package/dist/src/react-menu3/positionUtils/placeToporBottom.d.ts +19 -19
  105. package/dist/src/react-menu3/positionUtils/positionContextMenu.d.ts +13 -13
  106. package/dist/src/react-menu3/positionUtils/positionMenu.d.ts +26 -26
  107. package/dist/src/react-menu3/style-utils/index.d.ts +11 -11
  108. package/dist/src/react-menu3/types.d.ts +401 -401
  109. package/dist/src/react-menu3/utils/constants.d.ts +54 -54
  110. package/dist/src/react-menu3/utils/index.d.ts +3 -3
  111. package/dist/src/react-menu3/utils/propTypes2.d.ts +56 -56
  112. package/dist/src/react-menu3/utils/utils.d.ts +37 -37
  113. package/dist/src/react-menu3/utils/withHovering.d.ts +7 -7
  114. package/dist/src/utils/bearing.d.ts +19 -19
  115. package/dist/src/utils/bearing.test.d.ts +1 -1
  116. package/dist/src/utils/deferredPromise.d.ts +5 -5
  117. package/dist/src/utils/storybookTestUtil.d.ts +3 -3
  118. package/dist/src/utils/testQuick.d.ts +62 -62
  119. package/dist/src/utils/testUtil.d.ts +46 -45
  120. package/dist/src/utils/textMatcher.d.ts +13 -13
  121. package/dist/src/utils/textMatcher.test.d.ts +1 -1
  122. package/dist/src/utils/textValidator.d.ts +18 -18
  123. package/dist/src/utils/textValidator.test.d.ts +1 -1
  124. package/dist/src/utils/util.d.ts +8 -8
  125. package/dist/src/utils/util.test.d.ts +1 -1
  126. package/dist/step-ag-grid.cjs.js +4691 -55913
  127. package/dist/step-ag-grid.cjs.js.map +1 -1
  128. package/dist/step-ag-grid.esm.js +4692 -55914
  129. package/dist/step-ag-grid.esm.js.map +1 -1
  130. package/dist/vite.config.d.ts +2 -0
  131. package/package.json +21 -21
  132. package/src/components/Grid.tsx +4 -4
  133. package/src/components/GridCell.test.tsx +2 -3
  134. package/src/components/GridCell.tsx +76 -24
  135. package/src/components/GridCellFiller.tsx +2 -1
  136. package/src/components/GridCellMultiEditor.tsx +9 -9
  137. package/src/components/GridCellMultiSelectClassRules.tsx +4 -4
  138. package/src/components/GridPopoverHook.tsx +4 -4
  139. package/src/components/PostSortRowsHook.ts +2 -2
  140. package/src/components/gridFilter/GridFilterButtons.tsx +6 -6
  141. package/src/components/gridFilter/GridFilterColumnsToggle.tsx +2 -5
  142. package/src/components/gridFilter/GridFilterDownloadCsvButton.tsx +1 -1
  143. package/src/components/gridFilter/useGridFilter.ts +1 -1
  144. package/src/components/gridForm/GridFormDropDown.tsx +9 -9
  145. package/src/components/gridForm/GridFormEditBearing.tsx +5 -5
  146. package/src/components/gridForm/GridFormMessage.tsx +4 -4
  147. package/src/components/gridForm/GridFormMultiSelect.tsx +9 -9
  148. package/src/components/gridForm/GridFormMultiSelectGrid.tsx +11 -11
  149. package/src/components/gridForm/GridFormPopoverMenu.tsx +13 -13
  150. package/src/components/gridForm/GridFormSubComponentTextArea.tsx +4 -4
  151. package/src/components/gridForm/GridFormSubComponentTextInput.tsx +4 -4
  152. package/src/components/gridForm/GridFormTextArea.tsx +6 -6
  153. package/src/components/gridForm/GridFormTextInput.tsx +7 -7
  154. package/src/components/gridHook/useGridContextMenu.tsx +8 -8
  155. package/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.ts +6 -6
  156. package/src/components/gridPopoverEdit/GridPopoutEditMultiSelectGrid.ts +6 -6
  157. package/src/components/gridPopoverEdit/GridPopoverEditBearing.ts +16 -16
  158. package/src/components/gridPopoverEdit/GridPopoverEditDropDown.ts +6 -6
  159. package/src/components/gridPopoverEdit/GridPopoverMenu.tsx +5 -5
  160. package/src/components/gridPopoverEdit/GridPopoverMessage.ts +5 -5
  161. package/src/components/gridPopoverEdit/GridPopoverTextArea.ts +5 -4
  162. package/src/components/gridPopoverEdit/GridPopoverTextInput.ts +5 -5
  163. package/src/components/gridRender/GridRenderGenericCell.tsx +6 -36
  164. package/src/contexts/GridContext.tsx +7 -7
  165. package/src/contexts/GridContextProvider.test.tsx +1 -1
  166. package/src/contexts/GridContextProvider.tsx +10 -10
  167. package/src/contexts/GridPopoverContext.tsx +6 -6
  168. package/src/stories/grid/GridDragRow.stories.tsx +4 -4
  169. package/src/stories/grid/GridNonEditableRow.stories.tsx +2 -3
  170. package/src/stories/grid/GridPopoutContextMenu.stories.tsx +2 -2
  171. package/src/stories/grid/GridPopoutEditGenericTextArea.stories.tsx +1 -1
  172. package/src/stories/grid/GridPopoverEditBearing.stories.tsx +2 -2
  173. package/src/stories/grid/GridPopoverEditDropDown.stories.tsx +3 -3
  174. package/src/stories/grid/GridPopoverEditMultiSelect.stories.tsx +2 -2
  175. package/src/stories/grid/GridPopoverEditMultiSelectGrid.stories.tsx +2 -2
  176. package/src/stories/grid/GridReadOnly.stories.tsx +6 -6
  177. package/src/stories/grid/GridViewList.stories.tsx +5 -7
  178. package/src/stories/grid/interactions/GridKeyboardInteractions.stories.tsx +8 -6
  179. package/src/styles/GridTheme.scss +19 -23
  180. package/src/utils/testUtil.ts +49 -7
  181. package/src/utils/textValidator.ts +5 -5
  182. package/src/utils/util.ts +1 -1
@@ -1,20 +1,20 @@
1
- import { MutableRefObject, RefObject } from "react";
2
- import { ControlledMenuProps, MenuReposition, MenuViewScroll, RectElement, TransitionFieldType } from "../types";
3
- interface SettingsContextType extends ControlledMenuProps {
4
- rootMenuRef?: MutableRefObject<any>;
5
- rootAnchorRef?: MutableRefObject<any>;
6
- scrollNodesRef: MutableRefObject<{
7
- anchors?: Element[];
8
- menu?: any;
9
- }>;
10
- initialMounted?: boolean;
11
- unmountOnClose?: boolean;
12
- transition?: TransitionFieldType;
13
- transitionTimeout?: number;
14
- boundingBoxRef?: RefObject<Element | RectElement>;
15
- boundingBoxPadding?: string;
16
- reposition?: MenuReposition;
17
- viewScroll?: MenuViewScroll;
18
- }
19
- export declare const SettingsContext: import("react").Context<SettingsContextType>;
20
- export {};
1
+ import { MutableRefObject, RefObject } from "react";
2
+ import { ControlledMenuProps, MenuReposition, MenuViewScroll, RectElement, TransitionFieldType } from "../types";
3
+ interface SettingsContextType extends ControlledMenuProps {
4
+ rootMenuRef?: MutableRefObject<any>;
5
+ rootAnchorRef?: MutableRefObject<any>;
6
+ scrollNodesRef: MutableRefObject<{
7
+ anchors?: Element[];
8
+ menu?: any;
9
+ }>;
10
+ initialMounted?: boolean;
11
+ unmountOnClose?: boolean;
12
+ transition?: TransitionFieldType;
13
+ transitionTimeout?: number;
14
+ boundingBoxRef?: RefObject<Element | RectElement>;
15
+ boundingBoxPadding?: string;
16
+ reposition?: MenuReposition;
17
+ viewScroll?: MenuViewScroll;
18
+ }
19
+ export declare const SettingsContext: import("react").Context<SettingsContextType>;
20
+ export {};
@@ -1,9 +1,9 @@
1
- export { useBEM } from "./useBEM";
2
- export { useCombinedRef } from "./useCombinedRef";
3
- export { useLayoutEffect } from "./useIsomorphicLayoutEffect";
4
- export { useItems } from "./useItems";
5
- export { useItemEffect } from "./useItemEffect";
6
- export { useItemState } from "./useItemState";
7
- export { useMenuChange } from "./useMenuChange";
8
- export { useMenuState } from "./useMenuState";
9
- export { useMenuStateAndFocus } from "./useMenuStateAndFocus";
1
+ export { useBEM } from "./useBEM";
2
+ export { useCombinedRef } from "./useCombinedRef";
3
+ export { useLayoutEffect } from "./useIsomorphicLayoutEffect";
4
+ export { useItems } from "./useItems";
5
+ export { useItemEffect } from "./useItemEffect";
6
+ export { useItemState } from "./useItemState";
7
+ export { useMenuChange } from "./useMenuChange";
8
+ export { useMenuState } from "./useMenuState";
9
+ export { useMenuStateAndFocus } from "./useMenuStateAndFocus";
@@ -1,10 +1,10 @@
1
- import { ClassNameProp } from "../types";
2
- type useBemModifiers = Record<string, boolean | string | undefined>;
3
- interface useBemProps {
4
- block: string;
5
- element?: string;
6
- modifiers?: useBemModifiers;
7
- className?: ClassNameProp<any>;
8
- }
9
- export declare const useBEM: ({ block, element, modifiers, className }: useBemProps) => string;
10
- export {};
1
+ import { ClassNameProp } from "../types";
2
+ type useBemModifiers = Record<string, boolean | string | undefined>;
3
+ interface useBemProps {
4
+ block: string;
5
+ element?: string;
6
+ modifiers?: useBemModifiers;
7
+ className?: ClassNameProp<any>;
8
+ }
9
+ export declare const useBEM: ({ block, element, modifiers, className }: useBemProps) => string;
10
+ export {};
@@ -1,2 +1,2 @@
1
- import { ForwardedRef, LegacyRef } from "react";
2
- export declare const useCombinedRef: <Instance>(refA: ForwardedRef<Instance> | undefined, refB: ForwardedRef<Instance> | undefined) => LegacyRef<Instance>;
1
+ import { ForwardedRef, LegacyRef } from "react";
2
+ export declare const useCombinedRef: <Instance>(refA: ForwardedRef<Instance> | undefined, refB: ForwardedRef<Instance> | undefined) => LegacyRef<Instance>;
@@ -1,3 +1,3 @@
1
- import { useLayoutEffect } from "react";
2
- declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
3
- export { useIsomorphicLayoutEffect as useLayoutEffect };
1
+ import { useLayoutEffect } from "react";
2
+ declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
3
+ export { useIsomorphicLayoutEffect as useLayoutEffect };
@@ -1,2 +1,2 @@
1
- import { MutableRefObject } from "react";
2
- export declare const useItemEffect: (isDisabled: boolean | undefined, menuItemRef: MutableRefObject<any> | undefined, updateItems: (item: any, isMounted?: boolean) => void) => void;
1
+ import { MutableRefObject } from "react";
2
+ export declare const useItemEffect: (isDisabled: boolean | undefined, menuItemRef: MutableRefObject<any> | undefined, updateItems: (item: any, isMounted?: boolean) => void) => void;
@@ -1,7 +1,7 @@
1
- import { FocusEvent, MutableRefObject } from "react";
2
- export declare const useItemState: (menuItemRef: MutableRefObject<any> | undefined, focusRef: MutableRefObject<any> | undefined, isHovering?: boolean, isDisabled?: boolean) => {
3
- setHover: () => void;
4
- onBlur: (e: FocusEvent) => void;
5
- onPointerMove: () => void;
6
- onPointerLeave: (_: PointerEvent, keepHover: boolean) => void;
7
- };
1
+ import { FocusEvent, MutableRefObject } from "react";
2
+ export declare const useItemState: (menuItemRef: MutableRefObject<any> | undefined, focusRef: MutableRefObject<any> | undefined, isHovering?: boolean, isDisabled?: boolean) => {
3
+ setHover: () => void;
4
+ onBlur: (e: FocusEvent) => void;
5
+ onPointerMove: () => void;
6
+ onPointerLeave: (_: PointerEvent, keepHover: boolean) => void;
7
+ };
@@ -1,7 +1,7 @@
1
- import { MutableRefObject } from "react";
2
- import { FocusPosition } from "../types";
3
- export declare const useItems: (menuRef: MutableRefObject<any>, focusRef: MutableRefObject<any> | undefined) => {
4
- hoverItem: HTMLDivElement | HTMLLIElement | ((prevItem: HTMLDivElement | HTMLLIElement) => HTMLDivElement | HTMLLIElement | undefined) | undefined;
5
- dispatch: (actionType: number, item: any, nextIndex: FocusPosition) => void;
6
- updateItems: (item?: HTMLDivElement | HTMLLIElement, isMounted?: boolean) => void;
7
- };
1
+ import { MutableRefObject } from "react";
2
+ import { FocusPosition } from "../types";
3
+ export declare const useItems: (menuRef: MutableRefObject<any>, focusRef: MutableRefObject<any> | undefined) => {
4
+ hoverItem: HTMLDivElement | HTMLLIElement | ((prevItem: HTMLDivElement | HTMLLIElement) => HTMLDivElement | HTMLLIElement | undefined) | undefined;
5
+ dispatch: (actionType: number, item: any, nextIndex: FocusPosition) => void;
6
+ updateItems: (item?: HTMLDivElement | HTMLLIElement, isMounted?: boolean) => void;
7
+ };
@@ -1,2 +1,2 @@
1
- import { EventHandler, MenuChangeEvent } from "../types";
2
- export declare const useMenuChange: (onMenuChange?: EventHandler<MenuChangeEvent>, isOpen?: boolean) => void;
1
+ import { EventHandler, MenuChangeEvent } from "../types";
2
+ export declare const useMenuChange: (onMenuChange?: EventHandler<MenuChangeEvent>, isOpen?: boolean) => void;
@@ -1,14 +1,23 @@
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
- */
13
- endTransition: () => void;
14
- }, (open?: boolean) => void];
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
+ /**
8
+ * Menu state which should be forwarded to `ControlledMenu`.
9
+ */
10
+ state?: MenuState;
11
+ /**
12
+ * Stop transition animation. This function value should be forwarded to `ControlledMenu`.
13
+ */
14
+ endTransition: () => void;
15
+ },
16
+ /**
17
+ * Open or close menu.
18
+ *
19
+ * - If no parameter is supplied, this function will toggle state between open and close phases.
20
+ * - You can set a boolean parameter to explicitly switch into one of the two phases.
21
+ */
22
+ (open?: boolean) => void
23
+ ];
@@ -1,2 +1,2 @@
1
- import { FocusPosition, MenuStateOptions } from "../types";
2
- export declare const useMenuStateAndFocus: (options: MenuStateOptions) => [any, (open?: boolean) => void, (position?: FocusPosition, alwaysUpdate?: boolean) => void];
1
+ import { FocusPosition, MenuStateOptions } from "../types";
2
+ export declare const useMenuStateAndFocus: (options: MenuStateOptions) => [any, (open?: boolean) => void, (position?: FocusPosition, alwaysUpdate?: boolean) => void];
@@ -1,11 +1,11 @@
1
- export { useMenuState } from "./hooks";
2
- export { MenuButton } from "./components/MenuButton";
3
- export { Menu } from "./components/Menu";
4
- export { ControlledMenu } from "./components/ControlledMenu";
5
- export { SubMenu } from "./components/SubMenu";
6
- export { MenuItem } from "./components/MenuItem";
7
- export { FocusableItem } from "./components/FocusableItem";
8
- export { MenuDivider } from "./components/MenuDivider";
9
- export { MenuHeader } from "./components/MenuHeader";
10
- export { MenuGroup } from "./components/MenuGroup";
11
- export { MenuRadioGroup } from "./components/MenuRadioGroup";
1
+ export { useMenuState } from "./hooks";
2
+ export { MenuButton } from "./components/MenuButton";
3
+ export { Menu } from "./components/Menu";
4
+ export { ControlledMenu } from "./components/ControlledMenu";
5
+ export { SubMenu } from "./components/SubMenu";
6
+ export { MenuItem } from "./components/MenuItem";
7
+ export { FocusableItem } from "./components/FocusableItem";
8
+ export { MenuDivider } from "./components/MenuDivider";
9
+ export { MenuHeader } from "./components/MenuHeader";
10
+ export { MenuGroup } from "./components/MenuGroup";
11
+ export { MenuRadioGroup } from "./components/MenuRadioGroup";
@@ -1,11 +1,11 @@
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;
11
- };
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;
11
+ };
@@ -1,3 +1,3 @@
1
- export { getPositionHelpers } from "./getPositionHelpers";
2
- export { positionContextMenu } from "./positionContextMenu";
3
- export { positionMenu } from "./positionMenu";
1
+ export { getPositionHelpers } from "./getPositionHelpers";
2
+ export { positionContextMenu } from "./positionContextMenu";
3
+ export { positionMenu } from "./positionMenu";
@@ -1,8 +1,8 @@
1
- import { MutableRefObject } from "react";
2
- export declare const placeArrowHorizontal: (p: {
3
- arrowRef: MutableRefObject<HTMLElement | null>;
4
- menuX: number;
5
- anchorRect: DOMRect;
6
- containerRect: DOMRect;
7
- menuRect: DOMRect;
8
- }) => number;
1
+ import { MutableRefObject } from "react";
2
+ export declare const placeArrowHorizontal: (p: {
3
+ arrowRef: MutableRefObject<HTMLElement | null>;
4
+ menuX: number;
5
+ anchorRect: DOMRect;
6
+ containerRect: DOMRect;
7
+ menuRect: DOMRect;
8
+ }) => number;
@@ -1,8 +1,8 @@
1
- import { MutableRefObject } from "react";
2
- export declare const placeArrowVertical: (p: {
3
- arrowRef: MutableRefObject<HTMLElement | null>;
4
- menuY: number;
5
- anchorRect: DOMRect;
6
- containerRect: DOMRect;
7
- menuRect: DOMRect;
8
- }) => number;
1
+ import { MutableRefObject } from "react";
2
+ export declare const placeArrowVertical: (p: {
3
+ arrowRef: MutableRefObject<HTMLElement | null>;
4
+ menuY: number;
5
+ anchorRect: DOMRect;
6
+ containerRect: DOMRect;
7
+ menuRect: DOMRect;
8
+ }) => number;
@@ -1,19 +1,19 @@
1
- import { MutableRefObject } from "react";
2
- import { MenuDirection } from "../types";
3
- import { getPositionHelpers } from "./getPositionHelpers";
4
- export interface placeLeftorRightParams {
5
- anchorRect: DOMRect;
6
- placeLeftorRightY: number;
7
- placeLeftX: number;
8
- placeRightX: number;
9
- arrowRef: MutableRefObject<HTMLElement | null>;
10
- arrow?: boolean;
11
- direction: MenuDirection;
12
- position: "auto" | "anchor" | "initial";
13
- }
14
- export declare const placeLeftorRight: (props: ReturnType<typeof getPositionHelpers> & placeLeftorRightParams) => {
15
- arrowY: number | undefined;
16
- x: number;
17
- y: number;
18
- computedDirection: MenuDirection;
19
- };
1
+ import { MutableRefObject } from "react";
2
+ import { MenuDirection } from "../types";
3
+ import { getPositionHelpers } from "./getPositionHelpers";
4
+ export interface placeLeftorRightParams {
5
+ anchorRect: DOMRect;
6
+ placeLeftorRightY: number;
7
+ placeLeftX: number;
8
+ placeRightX: number;
9
+ arrowRef: MutableRefObject<HTMLElement | null>;
10
+ arrow?: boolean;
11
+ direction: MenuDirection;
12
+ position: "auto" | "anchor" | "initial";
13
+ }
14
+ export declare const placeLeftorRight: (props: ReturnType<typeof getPositionHelpers> & placeLeftorRightParams) => {
15
+ arrowY: number | undefined;
16
+ x: number;
17
+ y: number;
18
+ computedDirection: MenuDirection;
19
+ };
@@ -1,19 +1,19 @@
1
- import { MutableRefObject } from "react";
2
- import { MenuDirection } from "../types";
3
- import { getPositionHelpers } from "./getPositionHelpers";
4
- export interface placeToporBottomParams {
5
- anchorRect: DOMRect;
6
- placeToporBottomX: number;
7
- placeTopY: number;
8
- placeBottomY: number;
9
- arrowRef: MutableRefObject<HTMLElement | null>;
10
- arrow?: boolean;
11
- direction: "left" | "right" | "top" | "bottom";
12
- position: "auto" | "anchor" | "initial";
13
- }
14
- export declare const placeToporBottom: (props: ReturnType<typeof getPositionHelpers> & placeToporBottomParams) => {
15
- arrowX?: number | undefined;
16
- x: number;
17
- y: number;
18
- computedDirection: MenuDirection;
19
- };
1
+ import { MutableRefObject } from "react";
2
+ import { MenuDirection } from "../types";
3
+ import { getPositionHelpers } from "./getPositionHelpers";
4
+ export interface placeToporBottomParams {
5
+ anchorRect: DOMRect;
6
+ placeToporBottomX: number;
7
+ placeTopY: number;
8
+ placeBottomY: number;
9
+ arrowRef: MutableRefObject<HTMLElement | null>;
10
+ arrow?: boolean;
11
+ direction: "left" | "right" | "top" | "bottom";
12
+ position: "auto" | "anchor" | "initial";
13
+ }
14
+ export declare const placeToporBottom: (props: ReturnType<typeof getPositionHelpers> & placeToporBottomParams) => {
15
+ arrowX?: number | undefined;
16
+ x: number;
17
+ y: number;
18
+ computedDirection: MenuDirection;
19
+ };
@@ -1,13 +1,13 @@
1
- import { MenuDirection } from "../types";
2
- import { getPositionHelpers } from "./getPositionHelpers";
3
- export declare const positionContextMenu: ({ positionHelpers, anchorPoint, }: {
4
- positionHelpers: ReturnType<typeof getPositionHelpers>;
5
- anchorPoint: {
6
- x: number;
7
- y: number;
8
- };
9
- }) => {
10
- x: number;
11
- y: number;
12
- computedDirection: MenuDirection;
13
- };
1
+ import { MenuDirection } from "../types";
2
+ import { getPositionHelpers } from "./getPositionHelpers";
3
+ export declare const positionContextMenu: ({ positionHelpers, anchorPoint, }: {
4
+ positionHelpers: ReturnType<typeof getPositionHelpers>;
5
+ anchorPoint: {
6
+ x: number;
7
+ y: number;
8
+ };
9
+ }) => {
10
+ x: number;
11
+ y: number;
12
+ computedDirection: MenuDirection;
13
+ };
@@ -1,26 +1,26 @@
1
- import { MutableRefObject } from "react";
2
- import { MenuDirection } from "../types";
3
- import { getPositionHelpers } from "./getPositionHelpers";
4
- interface positionMenuProps {
5
- offsetX: number;
6
- offsetY: number;
7
- arrowRef: MutableRefObject<HTMLDivElement | null>;
8
- anchorRef: MutableRefObject<Element | null>;
9
- arrow?: boolean;
10
- direction: MenuDirection;
11
- position: "auto" | "anchor" | "initial";
12
- align: "start" | "center" | "end";
13
- positionHelpers: ReturnType<typeof getPositionHelpers>;
14
- }
15
- export declare const positionMenu: (props: positionMenuProps) => {
16
- arrowY: number | undefined;
17
- x: number;
18
- y: number;
19
- computedDirection: MenuDirection;
20
- } | {
21
- arrowX?: number | undefined;
22
- x: number;
23
- y: number;
24
- computedDirection: MenuDirection;
25
- };
26
- export {};
1
+ import { MutableRefObject } from "react";
2
+ import { MenuDirection } from "../types";
3
+ import { getPositionHelpers } from "./getPositionHelpers";
4
+ interface positionMenuProps {
5
+ offsetX: number;
6
+ offsetY: number;
7
+ arrowRef: MutableRefObject<HTMLDivElement | null>;
8
+ anchorRef: MutableRefObject<Element | null>;
9
+ arrow?: boolean;
10
+ direction: MenuDirection;
11
+ position: "auto" | "anchor" | "initial";
12
+ align: "start" | "center" | "end";
13
+ positionHelpers: ReturnType<typeof getPositionHelpers>;
14
+ }
15
+ export declare const positionMenu: (props: positionMenuProps) => {
16
+ arrowY: number | undefined;
17
+ x: number;
18
+ y: number;
19
+ computedDirection: MenuDirection;
20
+ } | {
21
+ arrowX?: number | undefined;
22
+ x: number;
23
+ y: number;
24
+ computedDirection: MenuDirection;
25
+ };
26
+ export {};
@@ -1,11 +1,11 @@
1
- declare const menuSelector: {};
2
- declare const menuArrowSelector: {};
3
- declare const menuItemSelector: {};
4
- declare const menuDividerSelector: {};
5
- declare const menuHeaderSelector: {};
6
- declare const menuGroupSelector: {};
7
- declare const radioGroupSelector: {};
8
- declare const submenuSelector: {};
9
- declare const menuContainerSelector: {};
10
- declare const menuButtonSelector: {};
11
- export { menuContainerSelector, menuButtonSelector, menuSelector, menuArrowSelector, menuItemSelector, menuDividerSelector, menuHeaderSelector, menuGroupSelector, radioGroupSelector, submenuSelector, };
1
+ declare const menuSelector: {};
2
+ declare const menuArrowSelector: {};
3
+ declare const menuItemSelector: {};
4
+ declare const menuDividerSelector: {};
5
+ declare const menuHeaderSelector: {};
6
+ declare const menuGroupSelector: {};
7
+ declare const radioGroupSelector: {};
8
+ declare const submenuSelector: {};
9
+ declare const menuContainerSelector: {};
10
+ declare const menuButtonSelector: {};
11
+ export { menuContainerSelector, menuButtonSelector, menuSelector, menuArrowSelector, menuItemSelector, menuDividerSelector, menuHeaderSelector, menuGroupSelector, radioGroupSelector, submenuSelector, };