@toptal/picasso-menu 3.0.18 → 3.0.19-alpha-MP-669-remove-more-default-props-dea487bed.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/dist-package/src/Menu/Menu.d.ts.map +1 -1
- package/dist-package/src/Menu/Menu.js +3 -6
- package/dist-package/src/Menu/Menu.js.map +1 -1
- package/dist-package/src/MenuItem/MenuItem.d.ts.map +1 -1
- package/dist-package/src/MenuItem/MenuItem.js +3 -7
- package/dist-package/src/MenuItem/MenuItem.js.map +1 -1
- package/package.json +15 -15
- package/src/Menu/Menu.tsx +3 -16
- package/src/MenuItem/MenuItem.tsx +10 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACxE,oDAAoD;IACpD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF;AAED,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAOvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACxE,oDAAoD;IACpD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iDAAiD;IACjD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF;AAED,eAAO,MAAM,IAAI,gFA2Ff,CAAA;AAIF,eAAe,IAAI,CAAA"}
|
|
@@ -16,8 +16,9 @@ import { Typography } from '@toptal/picasso-typography';
|
|
|
16
16
|
import { MenuItem } from '../MenuItem';
|
|
17
17
|
import { useMenu } from './hooks';
|
|
18
18
|
import MenuContext from './MenuContext';
|
|
19
|
-
export const Menu = forwardRef(function Menu(
|
|
20
|
-
|
|
19
|
+
export const Menu = forwardRef(function Menu(_a, ref) {
|
|
20
|
+
var { variant = 'slide', allowNestedNavigation = true } = _a, props = __rest(_a, ["variant", "allowNestedNavigation"]);
|
|
21
|
+
const { children, className, style, testIds, role = 'menu' } = props, rest = __rest(props, ["children", "className", "style", "testIds", "role"]);
|
|
21
22
|
const { context, innerMenu, hasBackButton } = useMenu({ variant });
|
|
22
23
|
const { onBackClick, onMenuMouseLeave } = context;
|
|
23
24
|
let activeItemIndex = -1;
|
|
@@ -64,10 +65,6 @@ export const Menu = forwardRef(function Menu(props, ref) {
|
|
|
64
65
|
"Back"))),
|
|
65
66
|
items))));
|
|
66
67
|
});
|
|
67
|
-
Menu.defaultProps = {
|
|
68
|
-
variant: 'slide',
|
|
69
|
-
allowNestedNavigation: true,
|
|
70
|
-
};
|
|
71
68
|
Menu.displayName = 'Menu';
|
|
72
69
|
export default Menu;
|
|
73
70
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,WAAW,MAAM,eAAe,CAAA;AAavC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,SAAS,IAAI,CACnE,
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Menu/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,WAAW,MAAM,eAAe,CAAA;AAavC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,SAAS,IAAI,CACnE,EAA6D,EAC7D,GAAG;QADH,EAAE,OAAO,GAAG,OAAO,EAAE,qBAAqB,GAAG,IAAI,OAAY,EAAP,KAAK,cAA3D,oCAA6D,CAAF;IAG3D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,GAAG,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAvE,qDAA+D,CAAQ,CAAA;IAE7E,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAClE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAA;IAEjD,IAAI,eAAe,GAAG,CAAC,CAAC,CAAA;IAExB,qDAAqD;IACrD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAChC,OAAM;SACP;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,+BAA+B;YAC/B,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;gBACjC,OAAO,CAAC,KAAK,CACX;oBACE,0DAA0D;oBAC1D,sCAAsC;iBACvC,CAAC,IAAI,CAAC,IAAI,CAAC,CACb,CAAA;aACF;SACF;QAED,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;YACzB,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,eAAe,GAAG,KAAK,CAAA;aACxB;iBAAM,IAAI,eAAe,KAAK,CAAC,CAAC,EAAE;gBACjC,eAAe,GAAG,KAAK,CAAA;aACxB;SACF;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC1D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAChC,OAAM;SACP;QAED,IAAI,KAAK,KAAK,eAAe,EAAE;YAC7B,MAAM,aAAa,GAA0B,EAAE,CAAA;YAE/C,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;gBACtC,aAAa,CAAC,QAAQ,GAAG,CAAC,CAAA;aAC3B;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;SAChD;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACjC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CACZ,4CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAChB,oBAAoB,EACpB,uBAAuB,EACvB,eAAe,EACf,YAAY,EACZ,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,gBAAgB,EAC9B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC;QAEX,aAAa,IAAI,qBAAqB,IAAI,CACzC,oBAAC,QAAQ,IACP,GAAG,EAAC,MAAM,iBACG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAC9B,OAAO,EAAE,WAAW;YAEpB,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM;gBACxD,oBAAC,WAAW,IAAC,SAAS,EAAC,uCAAuC,GAAG;uBAEtD,CACJ,CACZ;QACA,KAAK,CACH,CACN,CACoB,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,OAAO,CAAA;AACd,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAIjE,oBAAY,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1C,oBAAY,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,CAAC,GAC9D,cAAc,CAAC,cAAc,CAAC,GAC9B,mBAAmB,CAAA;AAErB,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,EAAE,kBAAkB;IAC1E,2CAA2C;IAC3C,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,MAAM,CAAA;IAC5C,wBAAwB;IACxB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC,WAAW,EAAE,OAAO,MAAM,CAAC,CAAA;IACjD,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IACpE,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;CAC1E;AAgDD,eAAO,MAAM,QAAQ,EAAE,oBAAoB,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,OAAO,CAAA;AACd,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAIjE,oBAAY,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1C,oBAAY,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,CAAC,GAC9D,cAAc,CAAC,cAAc,CAAC,GAC9B,mBAAmB,CAAA;AAErB,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,EAAE,kBAAkB;IAC1E,2CAA2C;IAC3C,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,MAAM,CAAA;IAC5C,wBAAwB;IACxB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC,WAAW,EAAE,OAAO,MAAM,CAAC,CAAA;IACjD,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;IACpE,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAA;CAC1E;AAgDD,eAAO,MAAM,QAAQ,EAAE,oBAAoB,CAAC,KAAK,CAkJ/C,CAAA;AAIF,eAAe,QAAQ,CAAA"}
|
|
@@ -44,8 +44,9 @@ const getBackgroundAndActionStyles = ({ variant, highlighted, nonSelectable, })
|
|
|
44
44
|
}
|
|
45
45
|
return [bgColor, actionBgColor];
|
|
46
46
|
};
|
|
47
|
-
export const MenuItem = forwardRef(function MenuItem(
|
|
48
|
-
|
|
47
|
+
export const MenuItem = forwardRef(function MenuItem(_a, ref) {
|
|
48
|
+
var { as = 'li', variant = 'light', nonSelectable = false, role = 'menuitem' } = _a, props = __rest(_a, ["as", "variant", "nonSelectable", "role"]);
|
|
49
|
+
const { children, description, className, disabled, disableGutters, menu, titleCase: propTitleCase, selected, checkmarked, style, value, onClick, onMouseEnter, icon, avatar, tabIndex: tabIndexProp } = props, rest = __rest(props, ["children", "description", "className", "disabled", "disableGutters", "menu", "titleCase", "selected", "checkmarked", "style", "value", "onClick", "onMouseEnter", "icon", "avatar", "tabIndex"]);
|
|
49
50
|
const anchorRef = useRef(null);
|
|
50
51
|
const titleCase = useTitleCase(propTitleCase);
|
|
51
52
|
const { isOpened, onItemClick, onItemMouseEnter, onAwayClick } = useMenuItem({
|
|
@@ -85,11 +86,6 @@ export const MenuItem = forwardRef(function MenuItem(props, ref) {
|
|
|
85
86
|
React.createElement(ClickAwayListener, { onClickAway: onAwayClick },
|
|
86
87
|
React.createElement(Paper, { className: 'max-h-[14.75rem] overflow-y-auto' }, menu))))));
|
|
87
88
|
});
|
|
88
|
-
MenuItem.defaultProps = {
|
|
89
|
-
as: 'li',
|
|
90
|
-
variant: 'light',
|
|
91
|
-
nonSelectable: false,
|
|
92
|
-
};
|
|
93
89
|
MenuItem.displayName = 'MenuItem';
|
|
94
90
|
export default MenuItem;
|
|
95
91
|
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAOA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAOhE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAyCrC,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,WAAW,GAIZ,EAAE,EAAE;IACH,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,OAAO,YAAY,CAAA;KACpB;IACD,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAA;KAC1E;AACH,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CAAC,EACpC,OAAO,EACP,WAAW,EACX,aAAa,GAKd,EAAE,EAAE;IACH,IAAI,OAAO,GAAG,gBAAgB,CAAA;IAC9B,IAAI,aAAa,CAAA;IAEjB,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,aAAa;YACX,CAAC,aAAa,IAAI,6CAA6C,CAAA;QACjE,IAAI,WAAW,EAAE;YACf,OAAO,GAAG,iBAAiB,CAAA;SAC5B;KACF;IAED,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,aAAa,GAAG,CAAC,aAAa,IAAI,qCAAqC,CAAA;QAEvE,IAAI,WAAW,EAAE;YACf,OAAO,GAAG,aAAa,CAAA;SACxB;KACF;IAED,OAAO,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;AACjC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,UAAU,CAI7D,SAAS,QAAQ,
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-menu",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.19-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
4
4
|
"description": "Toptal UI components library - Menu",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-avatar": "6.1.
|
|
26
|
-
"@toptal/picasso-container": "3.1.
|
|
27
|
-
"@toptal/picasso-icons": "1.13.0",
|
|
28
|
-
"@toptal/picasso-link": "3.0.
|
|
29
|
-
"@toptal/picasso-paper": "4.0.
|
|
30
|
-
"@toptal/picasso-popper": "2.0.0",
|
|
31
|
-
"@toptal/picasso-shared": "15.0.0",
|
|
32
|
-
"@toptal/picasso-typography": "4.0.
|
|
33
|
-
"@toptal/picasso-utils": "3.1.0",
|
|
25
|
+
"@toptal/picasso-avatar": "6.1.13-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
26
|
+
"@toptal/picasso-container": "3.1.3-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
27
|
+
"@toptal/picasso-icons": "1.13.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
28
|
+
"@toptal/picasso-link": "3.0.7-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
29
|
+
"@toptal/picasso-paper": "4.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
30
|
+
"@toptal/picasso-popper": "2.0.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
31
|
+
"@toptal/picasso-shared": "15.0.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
32
|
+
"@toptal/picasso-typography": "4.0.5-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
33
|
+
"@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
34
34
|
"@mui/base": "5.0.0-beta.58"
|
|
35
35
|
},
|
|
36
36
|
"sideEffects": [
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
"**/styles.js"
|
|
39
39
|
],
|
|
40
40
|
"peerDependencies": {
|
|
41
|
-
"@toptal/picasso-tailwind-merge": "
|
|
42
|
-
"@toptal/picasso-tailwind": "
|
|
41
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
42
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
43
43
|
"react": ">=16.12.0 < 19.0.0"
|
|
44
44
|
},
|
|
45
45
|
"exports": {
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
"./styles": "./dist-package/src/styles.js"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@toptal/picasso-tailwind-merge": "2.0.
|
|
51
|
-
"@toptal/picasso-provider": "5.0.
|
|
52
|
-
"@toptal/picasso-test-utils": "1.1.
|
|
50
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
51
|
+
"@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-more-default-props-dea487bed.0",
|
|
52
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-MP-669-remove-more-default-props-dea487bed.0"
|
|
53
53
|
},
|
|
54
54
|
"files": [
|
|
55
55
|
"dist-package/**",
|
package/src/Menu/Menu.tsx
CHANGED
|
@@ -21,19 +21,11 @@ export interface Props extends BaseProps, HTMLAttributes<HTMLUListElement> {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
export const Menu = forwardRef<HTMLUListElement, Props>(function Menu(
|
|
24
|
-
props,
|
|
24
|
+
{ variant = 'slide', allowNestedNavigation = true, ...props },
|
|
25
25
|
ref
|
|
26
26
|
) {
|
|
27
|
-
const {
|
|
28
|
-
|
|
29
|
-
className,
|
|
30
|
-
style,
|
|
31
|
-
variant,
|
|
32
|
-
allowNestedNavigation,
|
|
33
|
-
testIds,
|
|
34
|
-
role = 'menu',
|
|
35
|
-
...rest
|
|
36
|
-
} = props
|
|
27
|
+
const { children, className, style, testIds, role = 'menu', ...rest } = props
|
|
28
|
+
|
|
37
29
|
const { context, innerMenu, hasBackButton } = useMenu({ variant })
|
|
38
30
|
const { onBackClick, onMenuMouseLeave } = context
|
|
39
31
|
|
|
@@ -121,11 +113,6 @@ export const Menu = forwardRef<HTMLUListElement, Props>(function Menu(
|
|
|
121
113
|
)
|
|
122
114
|
})
|
|
123
115
|
|
|
124
|
-
Menu.defaultProps = {
|
|
125
|
-
variant: 'slide',
|
|
126
|
-
allowNestedNavigation: true,
|
|
127
|
-
}
|
|
128
|
-
|
|
129
116
|
Menu.displayName = 'Menu'
|
|
130
117
|
|
|
131
118
|
export default Menu
|
|
@@ -112,9 +112,17 @@ export const MenuItem: OverridableComponent<Props> = forwardRef<
|
|
|
112
112
|
HTMLElement,
|
|
113
113
|
Props
|
|
114
114
|
// eslint-disable-next-line complexity
|
|
115
|
-
>(function MenuItem(
|
|
116
|
-
|
|
115
|
+
>(function MenuItem(
|
|
116
|
+
{
|
|
117
117
|
as = 'li',
|
|
118
|
+
variant = 'light',
|
|
119
|
+
nonSelectable = false,
|
|
120
|
+
role = 'menuitem',
|
|
121
|
+
...props
|
|
122
|
+
},
|
|
123
|
+
ref
|
|
124
|
+
) {
|
|
125
|
+
const {
|
|
118
126
|
children,
|
|
119
127
|
description,
|
|
120
128
|
className,
|
|
@@ -126,9 +134,6 @@ export const MenuItem: OverridableComponent<Props> = forwardRef<
|
|
|
126
134
|
checkmarked,
|
|
127
135
|
style,
|
|
128
136
|
value,
|
|
129
|
-
variant = 'light',
|
|
130
|
-
role = 'menuitem',
|
|
131
|
-
nonSelectable,
|
|
132
137
|
onClick,
|
|
133
138
|
onMouseEnter,
|
|
134
139
|
icon,
|
|
@@ -251,12 +256,6 @@ export const MenuItem: OverridableComponent<Props> = forwardRef<
|
|
|
251
256
|
)
|
|
252
257
|
})
|
|
253
258
|
|
|
254
|
-
MenuItem.defaultProps = {
|
|
255
|
-
as: 'li',
|
|
256
|
-
variant: 'light',
|
|
257
|
-
nonSelectable: false,
|
|
258
|
-
}
|
|
259
|
-
|
|
260
259
|
MenuItem.displayName = 'MenuItem'
|
|
261
260
|
|
|
262
261
|
export default MenuItem
|