@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
24 lines (23 loc) • 858 B
JavaScript
import * as React from 'react';
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { usePopupPopper, Popper } from '@workday/canvas-kit-react/popup';
import { useMenuModel } from './useMenuModel';
export const useMenuPopper = usePopupPopper;
// We moved this out of the component function to prevent rebuilding this object on re-renders.
const popperOptions = {
modifiers: [
{
name: 'offset',
options: {
offset: () => [0, 4],
},
},
],
};
export const MenuPopper = createSubcomponent('div')({
displayName: 'Menu.Popper',
modelHook: useMenuModel,
elemPropsHook: useMenuPopper,
})(({ children, ...elemProps }) => {
return (React.createElement(Popper, { placement: "bottom-start", popperOptions: popperOptions, ...elemProps }, children));
});