@react-hive/honey-layout 17.10.3 → 17.12.0

package/dist/index.dev.cjs

@@ -3966,12 +3966,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const HoneyContextMenu = ({ children, subProps, options, optionProps, roleOptions, context, ...popupProps }) => {
-    const { contentProps } = popupProps;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopup__WEBPACK_IMPORTED_MODULE_1__.HoneyPopup, { context: context, content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContent__WEBPACK_IMPORTED_MODULE_2__.HoneyContextMenuContent, { options: options, optionProps: optionProps, contentProps: contentProps, ...subProps }), roleOptions: {
+const HoneyContextMenu = ({ options, renderOption, optionProps, roleOptions, optionsProps, context, ...props }) => {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopup__WEBPACK_IMPORTED_MODULE_1__.HoneyPopup, { context: context, content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContent__WEBPACK_IMPORTED_MODULE_2__.HoneyContextMenuContent, { options: options, renderOption: renderOption, optionProps: optionProps, popupProps: props, ...optionsProps }), roleOptions: {
             role: 'menu',
             ...roleOptions,
-        }, "data-testid": "honey-context-menu", ...popupProps, children: children }));
+        }, useArrow: true, "data-testid": "honey-context-menu", ...props }));
 };
 
 
@@ -4014,18 +4013,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const HoneyContextMenuContent = ({ options, optionProps, floatingOptions, ...popupProps }) => {
-    const { contentProps } = popupProps;
+const HoneyContextMenuContent = ({ options, renderOption, optionProps, popupProps, ...props }) => {
+    const { floatingOptions } = popupProps ?? {};
     const { context, floatingContext } = (0,_HoneyPopup__WEBPACK_IMPORTED_MODULE_4__.useHoneyPopupContext)();
     const visibleOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => options?.filter(option => (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_2__.isFunction)(option.visible)
         ? option.visible({ context, floatingContext })
         : option.visible !== false), [options]);
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyList__WEBPACK_IMPORTED_MODULE_3__.HoneyList, { items: visibleOptions, itemKey: "id", emptyContent: "No options", "data-testid": "honey-context-menu-options", children: option => option.options?.length ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopup__WEBPACK_IMPORTED_MODULE_4__.HoneyPopup, { context: context, content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(HoneyContextMenuContent, { options: option.options, optionProps: optionProps, contentProps: contentProps }), event: "hover", referenceProps: {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyList__WEBPACK_IMPORTED_MODULE_3__.HoneyList, { items: visibleOptions, itemKey: "id", "data-testid": "honey-context-menu-options", ...props, children: option => option.options?.length ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopup__WEBPACK_IMPORTED_MODULE_4__.HoneyPopup, { context: context, content: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(HoneyContextMenuContent, { options: option.options, renderOption: renderOption, optionProps: optionProps, popupProps: popupProps, ...props }), event: "hover", referenceProps: {
                 $width: '100%',
             }, floatingOptions: {
                 placement: 'right-start',
                 ...floatingOptions,
-            }, useArrow: true, "data-testid": "honey-sub-context-menu", ...popupProps, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_5__.HoneyContextMenuContentOption, { option: option, ...optionProps, children: option.label }) })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_5__.HoneyContextMenuContentOption, { option: option, ...optionProps })) }));
+            }, useArrow: true, "data-testid": "honey-sub-context-menu", ...popupProps, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_5__.HoneyContextMenuContentOption, { option: option, renderOption: renderOption, ...optionProps }) })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_5__.HoneyContextMenuContentOption, { option: option, renderOption: renderOption, ...optionProps })) }));
 };
 
 
@@ -4050,7 +4049,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const HoneyContextMenuContentOption = ({ option, ...props }) => {
+const HoneyContextMenuContentOption = ({ option, renderOption, ...props }) => {
     const { context, floatingContext } = (0,_HoneyPopup__WEBPACK_IMPORTED_MODULE_2__.useHoneyPopupContext)();
     const isDisabled = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isFunction)(option.disabled)
         ? option.disabled({ context, floatingContext })
@@ -4062,7 +4061,7 @@ const HoneyContextMenuContentOption = ({ option, ...props }) => {
     };
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContentOptionStyled__WEBPACK_IMPORTED_MODULE_3__.HoneyContextMenuContentOptionStyled, { onClick: handleClick, 
         // ARIA
-        role: "menuitem", "aria-disabled": isDisabled, "data-testid": "honey-context-menu-option", ...props, children: option.label }));
+        role: "menuitem", "aria-disabled": isDisabled, "data-testid": "honey-context-menu-option", ...props, children: renderOption?.(option) ?? option.label }));
 };
 
 
@@ -4086,6 +4085,7 @@ __webpack_require__.r(__webpack_exports__);
 
 const HoneyContextMenuContentOptionStyled = (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.styled)((0,_HoneyFlex__WEBPACK_IMPORTED_MODULE_1__.HoneyFlex), {
     row: true,
+    centerY: true,
 }) `
   cursor: pointer;
 `;
@@ -5034,7 +5034,9 @@ const HoneyPopupContent = ({ children, referenceProps, content, contentProps, fo
         context,
         floatingContext: floating.context,
     }), [context, floating.context]);
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopupStyled__WEBPACK_IMPORTED_MODULE_5__.HoneyPopupStyled, { ref: floating.refs.setReference, ...interactions.getReferenceProps(), ...referenceProps, "data-testid": "honey-popup", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components__WEBPACK_IMPORTED_MODULE_4__.HoneyPopupContext, { value: popupContext, children: [(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_3__.invokeIfFunction)(children, popupContext), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.FloatingNode, { id: nodeId, children: transition.isMounted && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopupPortal__WEBPACK_IMPORTED_MODULE_6__.HoneyPopupPortal, { ...portalProps, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.FloatingFocusManager, { context: floating.context, disabled: !isOpen, ...focusManagerProps, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components__WEBPACK_IMPORTED_MODULE_4__.HoneyOverlay, { ref: floating.refs.setFloating, active: isOpen, style: adjustStyles?.({
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopupStyled__WEBPACK_IMPORTED_MODULE_5__.HoneyPopupStyled, { ref: floating.refs.setReference, ...interactions.getReferenceProps({
+            onClick: e => e.stopPropagation(),
+        }), ...referenceProps, "data-testid": "honey-popup", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components__WEBPACK_IMPORTED_MODULE_4__.HoneyPopupContext, { value: popupContext, children: [(0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_3__.invokeIfFunction)(children, popupContext), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.FloatingNode, { id: nodeId, children: transition.isMounted && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopupPortal__WEBPACK_IMPORTED_MODULE_6__.HoneyPopupPortal, { ...portalProps, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_floating_ui_react__WEBPACK_IMPORTED_MODULE_2__.FloatingFocusManager, { context: floating.context, disabled: !isOpen, ...focusManagerProps, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components__WEBPACK_IMPORTED_MODULE_4__.HoneyOverlay, { ref: floating.refs.setFloating, active: isOpen, style: adjustStyles?.({
                                     ...floating.floatingStyles,
                                     ...transition.styles,
                                 }, {