@react-hive/honey-layout 17.10.2 → 17.11.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 = ({ children, 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, children: children }));
 };
 
 
@@ -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,11 +4049,11 @@ __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 })
-        : option.disabled === false;
+        : option.disabled === true;
     const handleClick = () => {
         if (!isDisabled) {
             option.onClick?.({ 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;
 `;