@laser-ui/components 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.2](https://github.com/laser-ui/laser-ui/compare/v0.2.1...v0.2.2) (2023-10-31)
+
+### Bug Fixes
+
+- **components:** fix menu item tooltip in icon mode ([9107374](https://github.com/laser-ui/laser-ui/commit/91073748a13b12c676a983cb21e6c794b285ea43))
+
+## [0.2.1](https://github.com/laser-ui/laser-ui/compare/v0.2.0...v0.2.1) (2023-10-31)
+
+### Bug Fixes
+
+- use the same values used for the call to addEventListener() when calling removeEventListener() ([deaffc3](https://github.com/laser-ui/laser-ui/commit/deaffc31f60a956ef38085c135ded6ad7b7db2e6))
+
 # [0.2.0](https://github.com/laser-ui/laser-ui/compare/v0.1.6...v0.2.0) (2023-10-31)
 
 ### Bug Fixes

package/dropdown/Dropdown.js

@@ -267,7 +267,10 @@ function DropdownFC(props, ref) {
             triggerRef,
             popupRef,
             containerRefs: [],
-        }, onVisibleChange: changeVisible, children: ({ renderTrigger, renderPopup }) => {
+        }, onVisibleChange: (visible) => {
+            console.log(visible);
+            changeVisible(visible);
+        }, children: ({ renderTrigger, renderPopup }) => {
             const render = (el) => {
                 var _a, _b;
                 triggerId = (_a = el.props.id) !== null && _a !== void 0 ? _a : `${namespace}-dropdown-trigger-${uniqueId}`;

package/internal/popup/Popup.js

@@ -54,7 +54,7 @@ export function Popup(props) {
             });
             return () => {
                 els.forEach((el) => {
-                    el.removeEventListener('scroll', listener);
+                    el.removeEventListener('scroll', listener, { passive: true });
                 });
             };
         }

package/menu/internal/MenuItem.js

@@ -6,13 +6,14 @@ export function MenuItem(props) {
     const { children, namespace, styled, id, level, space, step, icon, posinset, mode, inNav, active, focus, disabled, onClick } = props;
     const inHorizontalNav = mode === 'horizontal' && inNav;
     const iconMode = mode === 'icon' && inNav;
-    return (_jsx(Tooltip, { title: children, visible: iconMode ? undefined : false, placement: "right", children: _jsxs("li", Object.assign({}, mergeCS(styled('menu__item', 'menu__item--item', {
-            'menu__item--horizontal': inHorizontalNav,
-            'menu__item--icon': iconMode,
-            'menu__item.is-active': active,
-            'menu__item.is-disabled': disabled,
-        }), { style: { paddingLeft: space + level * step } }), { id: id, role: "menuitem", "aria-disabled": disabled, onClick: onClick, children: [focus && _jsx("div", { className: `${namespace}-focus-outline` }), _jsxs("div", Object.assign({}, styled('menu__indicator', {
-                    'menu__indicator--first': posinset[0] === 0 && posinset[1] > 1,
-                    'menu__indicator--last': posinset[0] === posinset[1] - 1 && posinset[1] > 1,
-                }), { children: [_jsx("div", Object.assign({}, styled('menu__indicator-track', { 'menu__indicator-track--hidden': level === 0 }))), _jsx("div", Object.assign({}, styled('menu__indicator-thumb')))] })), checkNodeExist(icon) && _jsx("div", Object.assign({}, styled('menu__item-icon'), { children: icon })), _jsx("div", Object.assign({}, styled('menu__item-content'), { children: children }))] })) }));
+    const node = (_jsxs("li", Object.assign({}, mergeCS(styled('menu__item', 'menu__item--item', {
+        'menu__item--horizontal': inHorizontalNav,
+        'menu__item--icon': iconMode,
+        'menu__item.is-active': active,
+        'menu__item.is-disabled': disabled,
+    }), { style: { paddingLeft: space + level * step } }), { id: id, role: "menuitem", "aria-disabled": disabled, onClick: onClick, children: [focus && _jsx("div", { className: `${namespace}-focus-outline` }), _jsxs("div", Object.assign({}, styled('menu__indicator', {
+                'menu__indicator--first': posinset[0] === 0 && posinset[1] > 1,
+                'menu__indicator--last': posinset[0] === posinset[1] - 1 && posinset[1] > 1,
+            }), { children: [_jsx("div", Object.assign({}, styled('menu__indicator-track', { 'menu__indicator-track--hidden': level === 0 }))), _jsx("div", Object.assign({}, styled('menu__indicator-thumb')))] })), checkNodeExist(icon) && _jsx("div", Object.assign({}, styled('menu__item-icon'), { children: icon })), _jsx("div", Object.assign({}, styled('menu__item-content'), { children: children }))] })));
+    return (_jsx(Tooltip, { title: children, placement: "right", children: (render) => (iconMode ? render(node) : node) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -26,8 +26,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@laser-ui/hooks": "0.2.0",
-    "@laser-ui/utils": "0.2.0",
+    "@laser-ui/hooks": "0.2.2",
+    "@laser-ui/utils": "0.2.2",
     "@material-design-icons/svg": "^0.14.12",
     "jss": "^10.10.0",
     "jss-preset-default": "^10.10.0",
@@ -45,5 +45,5 @@
     "access": "public",
     "directory": "../../dist/libs/components"
   },
-  "gitHead": "70ff2b4c73a45c05aa49c44047e1da3ccbcea030"
+  "gitHead": "81e159d1e70c2b3191ce2dad33db867d7871d080"
 }