@versini/ui-menu 6.10.0 → 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -4
- package/dist/index.d.ts +1 -6
- package/dist/index.js +2 -3
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -195,12 +195,19 @@ Create hierarchical menus using `MenuSub`. Groups work inside sub-menus too:
|
|
|
195
195
|
|
|
196
196
|
```tsx
|
|
197
197
|
import {
|
|
198
|
-
Menu,
|
|
198
|
+
Menu,
|
|
199
|
+
MenuItem,
|
|
200
|
+
MenuSub,
|
|
201
|
+
MenuGroup,
|
|
202
|
+
MenuSeparator
|
|
199
203
|
} from "@versini/ui-menu";
|
|
200
204
|
import { ButtonIcon } from "@versini/ui-button";
|
|
201
205
|
import {
|
|
202
|
-
IconSettings,
|
|
203
|
-
|
|
206
|
+
IconSettings,
|
|
207
|
+
IconOpenAI,
|
|
208
|
+
IconAnthropic,
|
|
209
|
+
IconStarInCircle,
|
|
210
|
+
IconFrenchFlag
|
|
204
211
|
} from "@versini/ui-icons";
|
|
205
212
|
|
|
206
213
|
function SettingsMenu() {
|
|
@@ -280,7 +287,6 @@ function SettingsMenu() {
|
|
|
280
287
|
| `label` | `string` | `"Open menu"` | Accessible label for the trigger. |
|
|
281
288
|
| `defaultPlacement` | `"bottom"` \| `"bottom-start"` \| `"bottom-end"` \| `"top"` \| `"top-start"` \| `"top-end"` \| `"left"` \| `"left-start"` \| `"right"` \| etc. | `"bottom-start"` | Initial preferred placement. |
|
|
282
289
|
| `mode` | `"dark"` \| `"light"` \| `"system"` \| `"alt-system"` | `"system"` | Color mode of trigger (when using UI buttons). |
|
|
283
|
-
| `focusMode` | `"dark"` \| `"light"` \| `"system"` \| `"alt-system"` | `"system"` | Focus ring thematic mode. |
|
|
284
290
|
| `onOpenChange` | `(open: boolean) => void` | - | Called when menu opens or closes. |
|
|
285
291
|
| `sideOffset` | `number` | `10` | Offset distance from the trigger element. |
|
|
286
292
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { JSX } from 'react/jsx-runtime';
|
|
2
2
|
|
|
3
3
|
export declare const Menu: {
|
|
4
|
-
({ trigger, children, label, defaultPlacement, onOpenChange, mode,
|
|
4
|
+
({ trigger, children, label, defaultPlacement, onOpenChange, mode, sideOffset, noBackdrop, }: MenuProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
|
|
@@ -111,11 +111,6 @@ declare type MenuProps = {
|
|
|
111
111
|
* @default "bottom-start"
|
|
112
112
|
*/
|
|
113
113
|
defaultPlacement?: "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
114
|
-
/**
|
|
115
|
-
* The type of focus for the Button. This will change the color
|
|
116
|
-
* of the focus ring around the Button.
|
|
117
|
-
*/
|
|
118
|
-
focusMode?: "dark" | "light" | "system" | "alt-system";
|
|
119
114
|
/**
|
|
120
115
|
* The type of Button trigger. This will change the color of the Button.
|
|
121
116
|
*/
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-menu
|
|
2
|
+
@versini/ui-menu v7.0.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -414,7 +414,7 @@ function useMenuPosition({ triggerRef, menuRef, placement, sideOffset, isOpen })
|
|
|
414
414
|
|
|
415
415
|
|
|
416
416
|
|
|
417
|
-
const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system",
|
|
417
|
+
const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system", sideOffset = 10, noBackdrop = false })=>{
|
|
418
418
|
const contentClass = getMenuClasses({
|
|
419
419
|
isSub: false,
|
|
420
420
|
noBackdrop
|
|
@@ -590,7 +590,6 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
|
|
|
590
590
|
const noInternalClick = getDisplayName(trigger) === "Button" || getDisplayName(trigger) === "ButtonIcon";
|
|
591
591
|
const uiButtonsExtraProps = noInternalClick ? {
|
|
592
592
|
noInternalClick,
|
|
593
|
-
focusMode,
|
|
594
593
|
mode
|
|
595
594
|
} : {};
|
|
596
595
|
/* v8 ignore start - trigger is required in practice */ const triggerElement = /*#__PURE__*/ isValidElement(trigger) ? /*#__PURE__*/ cloneElement(trigger, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-menu",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -38,16 +38,16 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@testing-library/jest-dom": "6.9.1",
|
|
41
|
-
"@versini/ui-types": "
|
|
41
|
+
"@versini/ui-types": "9.0.0"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@versini/ui-hooks": "6.1.1",
|
|
45
|
-
"@versini/ui-icons": "4.21.
|
|
45
|
+
"@versini/ui-icons": "4.21.1",
|
|
46
46
|
"clsx": "2.1.1",
|
|
47
47
|
"tailwindcss": "4.2.1"
|
|
48
48
|
},
|
|
49
49
|
"sideEffects": [
|
|
50
50
|
"**/*.css"
|
|
51
51
|
],
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "a295349019d1512796f266bba535de383f12b6ee"
|
|
53
53
|
}
|