@react-hive/honey-layout 17.8.0 → 17.10.0

package/dist/index.dev.cjs

@@ -3966,12 +3966,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const HoneyContextMenu = ({ children, subProps, options, optionProps, clickOptions, context, ...popupProps }) => {
+const HoneyContextMenu = ({ children, subProps, options, optionProps, roleOptions, context, ...popupProps }) => {
     const { contentProps } = popupProps;
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: (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 }), clickOptions: {
-                toggle: false,
-                ...clickOptions,
-            }, useArrow: true, ...popupProps, children: children }) }));
+    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: {
+            role: 'menu',
+            ...roleOptions,
+        }, "data-testid": "honey-context-menu", ...popupProps, children: children }));
 };
 
 
@@ -4004,9 +4004,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/.pnpm/react@19.2.7/node_modules/react/jsx-runtime.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _HoneyList__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../HoneyList */ "./src/components/HoneyList/index.ts");
-/* harmony import */ var _HoneyPopup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../HoneyPopup */ "./src/components/HoneyPopup/index.ts");
-/* harmony import */ var _HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./HoneyContextMenuContentOption */ "./src/components/HoneyContextMenu/HoneyContextMenuContentOption.tsx");
+/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@4.0.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
+/* harmony import */ var _HoneyList__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../HoneyList */ "./src/components/HoneyList/index.ts");
+/* harmony import */ var _HoneyPopup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../HoneyPopup */ "./src/components/HoneyPopup/index.ts");
+/* harmony import */ var _HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./HoneyContextMenuContentOption */ "./src/components/HoneyContextMenu/HoneyContextMenuContentOption.tsx");
+
 
 
 
@@ -4014,16 +4016,16 @@ __webpack_require__.r(__webpack_exports__);
 
 const HoneyContextMenuContent = ({ options, optionProps, floatingOptions, ...popupProps }) => {
     const { contentProps } = popupProps;
-    const { context, floatingContext } = (0,_HoneyPopup__WEBPACK_IMPORTED_MODULE_3__.useHoneyPopupContext)();
-    const visibleOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => options?.filter(option => typeof option.visible === 'function'
+    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_2__.HoneyList, { items: visibleOptions, itemKey: "id", emptyContent: "No options", children: option => option.options?.length ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyPopup__WEBPACK_IMPORTED_MODULE_3__.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", 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: {
                 $width: '100%',
             }, floatingOptions: {
                 placement: 'right-start',
                 ...floatingOptions,
-            }, useArrow: true, ...popupProps, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_4__.HoneyContextMenuContentOption, { option: option, ...optionProps, children: option.label }) })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_4__.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, ...optionProps, children: option.label }) })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyContextMenuContentOption__WEBPACK_IMPORTED_MODULE_5__.HoneyContextMenuContentOption, { option: option, ...optionProps })) }));
 };
 
 
@@ -4041,8 +4043,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   HoneyContextMenuContentOption: () => (/* binding */ HoneyContextMenuContentOption)
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/.pnpm/react@19.2.7/node_modules/react/jsx-runtime.js");
-/* harmony import */ var _HoneyBox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../HoneyBox */ "./src/components/HoneyBox/index.ts");
+/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@4.0.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
 /* harmony import */ var _HoneyPopup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../HoneyPopup */ "./src/components/HoneyPopup/index.ts");
+/* harmony import */ var _HoneyContextMenuContentOptionStyled__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HoneyContextMenuContentOptionStyled */ "./src/components/HoneyContextMenu/HoneyContextMenuContentOptionStyled.ts");
+
 
 
 
@@ -4051,10 +4055,38 @@ const HoneyContextMenuContentOption = ({ option, ...props }) => {
     const handleClick = () => {
         option.onClick?.({ context, floatingContext });
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyBox__WEBPACK_IMPORTED_MODULE_1__.HoneyBox, { onClick: handleClick, ...props, children: option.label }));
+    const isDisabled = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.isFunction)(option.disabled)
+        ? option.disabled({ context, floatingContext })
+        : option.disabled !== false;
+    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 }));
 };
 
 
+/***/ },
+
+/***/ "./src/components/HoneyContextMenu/HoneyContextMenuContentOptionStyled.ts"
+/*!********************************************************************************!*\
+  !*** ./src/components/HoneyContextMenu/HoneyContextMenuContentOptionStyled.ts ***!
+  \********************************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   HoneyContextMenuContentOptionStyled: () => (/* binding */ HoneyContextMenuContentOptionStyled)
+/* harmony export */ });
+/* harmony import */ var _react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-hive/honey-style */ "@react-hive/honey-style");
+/* harmony import */ var _react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _HoneyFlex__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../HoneyFlex */ "./src/components/HoneyFlex/index.ts");
+
+
+const HoneyContextMenuContentOptionStyled = (0,_react_hive_honey_style__WEBPACK_IMPORTED_MODULE_0__.styled)((0,_HoneyFlex__WEBPACK_IMPORTED_MODULE_1__.HoneyFlex), {
+    row: true,
+}) ``;
+
+
 /***/ },
 
 /***/ "./src/components/HoneyContextMenu/index.ts"
@@ -4066,10 +4098,13 @@ const HoneyContextMenuContentOption = ({ option, ...props }) => {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   HoneyContextMenu: () => (/* reexport safe */ _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_1__.HoneyContextMenu)
+/* harmony export */   HoneyContextMenu: () => (/* reexport safe */ _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_1__.HoneyContextMenu),
+/* harmony export */   HoneyContextMenuContentOptionStyled: () => (/* reexport safe */ _HoneyContextMenuContentOptionStyled__WEBPACK_IMPORTED_MODULE_2__.HoneyContextMenuContentOptionStyled)
 /* harmony export */ });
 /* harmony import */ var _HoneyContextMenu_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./HoneyContextMenu.types */ "./src/components/HoneyContextMenu/HoneyContextMenu.types.ts");
 /* harmony import */ var _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./HoneyContextMenu */ "./src/components/HoneyContextMenu/HoneyContextMenu.tsx");
+/* harmony import */ var _HoneyContextMenuContentOptionStyled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HoneyContextMenuContentOptionStyled */ "./src/components/HoneyContextMenu/HoneyContextMenuContentOptionStyled.ts");
+
 
 
 
@@ -5444,6 +5479,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   HoneyBox: () => (/* reexport safe */ _HoneyBox__WEBPACK_IMPORTED_MODULE_0__.HoneyBox),
 /* harmony export */   HoneyContextMenu: () => (/* reexport safe */ _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_9__.HoneyContextMenu),
+/* harmony export */   HoneyContextMenuContentOptionStyled: () => (/* reexport safe */ _HoneyContextMenu__WEBPACK_IMPORTED_MODULE_9__.HoneyContextMenuContentOptionStyled),
 /* harmony export */   HoneyFlex: () => (/* reexport safe */ _HoneyFlex__WEBPACK_IMPORTED_MODULE_1__.HoneyFlex),
 /* harmony export */   HoneyGrid: () => (/* reexport safe */ _HoneyGrid__WEBPACK_IMPORTED_MODULE_2__.HoneyGrid),
 /* harmony export */   HoneyGridColumn: () => (/* reexport safe */ _HoneyGridColumn__WEBPACK_IMPORTED_MODULE_3__.HoneyGridColumn),
@@ -14798,6 +14834,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   HONEY_LAYOUT_CSS_PROPERTY_PREFIX: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.HONEY_LAYOUT_CSS_PROPERTY_PREFIX),
 /* harmony export */   HoneyBox: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.HoneyBox),
 /* harmony export */   HoneyContextMenu: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.HoneyContextMenu),
+/* harmony export */   HoneyContextMenuContentOptionStyled: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.HoneyContextMenuContentOptionStyled),
 /* harmony export */   HoneyFlex: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.HoneyFlex),
 /* harmony export */   HoneyGrid: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.HoneyGrid),
 /* harmony export */   HoneyGridColumn: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.HoneyGridColumn),