@veracity/vui 2.28.1-beta.0 → 2.29.0-beta.1
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/cjs/sidemenu/consts.d.ts +2 -1
- package/dist/cjs/sidemenu/consts.d.ts.map +1 -1
- package/dist/cjs/sidemenu/consts.js +3 -2
- package/dist/cjs/sidemenu/consts.js.map +1 -1
- package/dist/cjs/sidemenu/sidemenu.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenu.js +4 -4
- package/dist/cjs/sidemenu/sidemenu.js.map +1 -1
- package/dist/cjs/sidemenu/sidemenu.types.d.ts +3 -1
- package/dist/cjs/sidemenu/sidemenu.types.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenuItem.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenuItem.js +6 -4
- package/dist/cjs/sidemenu/sidemenuItem.js.map +1 -1
- package/dist/cjs/sidemenu/sidemenuTop.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenuTop.js +1 -1
- package/dist/cjs/sidemenu/sidemenuTop.js.map +1 -1
- package/dist/esm/sidemenu/consts.d.ts +2 -1
- package/dist/esm/sidemenu/consts.d.ts.map +1 -1
- package/dist/esm/sidemenu/consts.js +2 -1
- package/dist/esm/sidemenu/consts.js.map +1 -1
- package/dist/esm/sidemenu/sidemenu.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenu.js +5 -5
- package/dist/esm/sidemenu/sidemenu.js.map +1 -1
- package/dist/esm/sidemenu/sidemenu.types.d.ts +3 -1
- package/dist/esm/sidemenu/sidemenu.types.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenuItem.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenuItem.js +6 -4
- package/dist/esm/sidemenu/sidemenuItem.js.map +1 -1
- package/dist/esm/sidemenu/sidemenuTop.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenuTop.js +1 -1
- package/dist/esm/sidemenu/sidemenuTop.js.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/sidemenu/consts.ts +3 -1
- package/src/sidemenu/sidemenu.tsx +12 -4
- package/src/sidemenu/sidemenu.types.ts +3 -1
- package/src/sidemenu/sidemenuItem.tsx +14 -9
- package/src/sidemenu/sidemenuTop.tsx +1 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,KAAK,CAAA;AAEhC,eAAO,MAAM,aAAa,MAAM,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.expandedWidth = void 0;
|
|
4
|
-
exports.
|
|
3
|
+
exports.expandedWidth = exports.collapsedWidth = void 0;
|
|
4
|
+
exports.collapsedWidth = 64;
|
|
5
|
+
exports.expandedWidth = 280;
|
|
5
6
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG,EAAE,CAAA;AAEnB,QAAA,aAAa,GAAG,GAAG,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ,EA4Ff,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG;IACzC,GAAG,EAAE,OAAO,WAAW,CAAA;IACvB,IAAI,EAAE,OAAO,YAAY,CAAA;CAC1B,CAAA;AAMD,eAAe,QAAQ,CAAA"}
|
|
@@ -29,7 +29,7 @@ const sidemenuTop_1 = __importDefault(require("./sidemenuTop"));
|
|
|
29
29
|
/** A collapsible side menu for navigation. */
|
|
30
30
|
exports.Sidemenu = (0, core_1.vui)((props, ref) => {
|
|
31
31
|
var _a;
|
|
32
|
-
const { children, className, items, isExpanded = false, isSticky = false, size, variant, width =
|
|
32
|
+
const { children, className, items, isExpanded = false, isSticky = false, size, variant, width = consts_1.expandedWidth, onNavigate } = props, rest = __rest(props, ["children", "className", "items", "isExpanded", "isSticky", "size", "variant", "width", "onNavigate"]);
|
|
33
33
|
const [isExpandedHorizontally, setIsExpandedHorizontally] = (0, react_1.useState)(isExpanded);
|
|
34
34
|
const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ size, variant, isExpandedHorizontally }), [size, variant, isExpandedHorizontally]);
|
|
35
35
|
const styles = (0, core_1.useStyleConfig)('Sidemenu', props);
|
|
@@ -38,7 +38,7 @@ exports.Sidemenu = (0, core_1.vui)((props, ref) => {
|
|
|
38
38
|
setIsExpandedHorizontally(isExpanded);
|
|
39
39
|
}, [isExpanded]);
|
|
40
40
|
const onToggle = () => setIsExpandedHorizontally(!isExpandedHorizontally);
|
|
41
|
-
const w = isExpandedHorizontally ? width : consts_1.
|
|
41
|
+
const w = isExpandedHorizontally ? width : consts_1.collapsedWidth;
|
|
42
42
|
const icon = `falArrow${isExpandedHorizontally ? 'Left' : 'Right'}`;
|
|
43
43
|
const justifyContent = isExpandedHorizontally ? 'flex-end' : 'center';
|
|
44
44
|
function onItemClick(item) {
|
|
@@ -47,8 +47,8 @@ exports.Sidemenu = (0, core_1.vui)((props, ref) => {
|
|
|
47
47
|
if (item === null || item === void 0 ? void 0 : item.path)
|
|
48
48
|
onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(item.path);
|
|
49
49
|
}
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(context_1.SidemenuProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-sidemenu', className), elevation: "3", flexDirection: "column", minWidth: 0, overflowX: "hidden", position: isSticky ? 'sticky' : 'static', ref: ref, top: isSticky ? (top ? top : 0) : 'auto', transitionDuration: "normal", w: w }, styles.container, rest, { children: [(0, jsx_runtime_1.jsx)(box_1.default, { flexDirection: "column", flexGrow: 1, overflowX: "hidden", overflowY: "auto", w:
|
|
51
|
-
? (_a = items === null || items === void 0 ? void 0 : items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item, key) => ((0, jsx_runtime_1.jsx)(sidemenuItem_1.default, Object.assign({ isActive: (0, utils_1.isActivePath)(item === null || item === void 0 ? void 0 : item.path) }, item, { onClick: () => onItemClick(item) }), key)))
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(context_1.SidemenuProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-sidemenu', className), elevation: "3", flexDirection: "column", minWidth: 0, overflowX: "hidden", position: isSticky ? 'sticky' : 'static', ref: ref, top: isSticky ? (top ? top : 0) : 'auto', transitionDuration: "normal", w: w }, styles.container, rest, { children: [(0, jsx_runtime_1.jsx)(box_1.default, { flexDirection: "column", flexGrow: 1, justifyContent: "flex-start", overflowX: "hidden", overflowY: "auto", w: consts_1.expandedWidth - 14, children: items
|
|
51
|
+
? (_a = items === null || items === void 0 ? void 0 : items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item, key) => ((0, jsx_runtime_1.jsx)(sidemenuItem_1.default, Object.assign({ isActive: (0, utils_1.isActivePath)(item === null || item === void 0 ? void 0 : item.path), isTitleVisible: isExpandedHorizontally }, item, { onClick: () => onItemClick(item) }), key)))
|
|
52
52
|
: children }), (0, jsx_runtime_1.jsx)(box_1.default, Object.assign({ className: "vui-sidemenu-bottom", w: "100%" }, styles.bottom, { children: (0, jsx_runtime_1.jsx)(button_1.default, { "aria-label": isExpandedHorizontally ? 'Collapse' : 'Expand', borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, size: "md", variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%", children: (0, jsx_runtime_1.jsx)(icon_1.default, { name: icon }) }) }))] })) }));
|
|
53
53
|
});
|
|
54
54
|
exports.Sidemenu.Top = sidemenuTop_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenu.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA2D;AAE3D,iDAAwB;AACxB,uDAA8B;AAC9B,kCAA2D;AAC3D,mDAA0B;AAC1B,oCAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"sidemenu.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,13 +21,15 @@ export type SidemenuItemProps = BoxProps & {
|
|
|
21
21
|
/** Children */
|
|
22
22
|
children?: ReactNode;
|
|
23
23
|
/** Custom class name */
|
|
24
|
-
icon
|
|
24
|
+
icon?: IconProp;
|
|
25
25
|
/** Icon size @default md */
|
|
26
26
|
iconSize?: 'md' | 'sm';
|
|
27
27
|
/** Whether the item is active */
|
|
28
28
|
isActive?: boolean;
|
|
29
29
|
/** Whether the item is expanded vertically */
|
|
30
30
|
isExpanded?: boolean;
|
|
31
|
+
/** Whether the title is visible, should be hidden if the parent is collapsed @default true*/
|
|
32
|
+
isTitleVisible?: boolean;
|
|
31
33
|
/** On click callback */
|
|
32
34
|
onClick?: () => void;
|
|
33
35
|
/** On collapse callback @default true */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenu.types.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8JAA8J;IAC9J,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wBAAwB;IACxB,IAAI,EAAE,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"sidemenu.types.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8JAA8J;IAC9J,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6FAA6F;IAC7F,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG;IACxC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAM7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,EAuGnB,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;AAI5C,eAAe,YAAY,CAAA"}
|
|
@@ -24,10 +24,11 @@ const icon_1 = __importDefault(require("../icon"));
|
|
|
24
24
|
const popover_1 = require("../popover");
|
|
25
25
|
const t_1 = __importDefault(require("../t"));
|
|
26
26
|
const utils_1 = require("../utils");
|
|
27
|
+
const consts_1 = require("./consts");
|
|
27
28
|
const useSidemenuItem_1 = __importDefault(require("./useSidemenuItem"));
|
|
28
29
|
/** A menu item. */
|
|
29
30
|
exports.SidemenuItem = (0, core_1.vui)((props, ref) => {
|
|
30
|
-
const _a = (0, core_1.omitThemingProps)(props), { className, children, icon, iconSize = 'md', isActive, isExpanded = true, onClick, onCollapse, onExpand, title } = _a, rest = __rest(_a, ["className", "children", "icon", "iconSize", "isActive", "isExpanded", "onClick", "onCollapse", "onExpand", "title"]);
|
|
31
|
+
const _a = (0, core_1.omitThemingProps)(props), { className, children, icon, iconSize = 'md', isActive, isExpanded = true, isTitleVisible = true, pl = 0, py = 0, onClick, onCollapse, onExpand, title } = _a, rest = __rest(_a, ["className", "children", "icon", "iconSize", "isActive", "isExpanded", "isTitleVisible", "pl", "py", "onClick", "onCollapse", "onExpand", "title"]);
|
|
31
32
|
const { isExpandedVertically, setIsExpandedVertically, isDark, size, isExpandedHorizontally, styles } = (0, useSidemenuItem_1.default)(isExpanded);
|
|
32
33
|
(0, react_1.useEffect)(() => {
|
|
33
34
|
if (isExpandedVertically)
|
|
@@ -36,14 +37,15 @@ exports.SidemenuItem = (0, core_1.vui)((props, ref) => {
|
|
|
36
37
|
onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse();
|
|
37
38
|
}, [isExpandedVertically]);
|
|
38
39
|
const hasChildrenExpanded = !!children && isExpandedHorizontally;
|
|
39
|
-
const
|
|
40
|
+
const InnerContent = () => ((0, jsx_runtime_1.jsxs)(box_1.default, { centerV: true, px: 2, py: 1, w: "100%", whiteSpace: "pre", children: [icon && (0, jsx_runtime_1.jsx)(icon_1.default, { ml: iconSize === 'sm' ? '4px' : 0, name: icon, size: iconSize }), (0, jsx_runtime_1.jsx)(t_1.default, { isTruncated: true, ml: icon ? 2 : 0, visibility: isTitleVisible ? 'visible' : 'hidden', children: title })] }));
|
|
40
41
|
const toggle = (e) => {
|
|
41
42
|
e.preventDefault();
|
|
42
43
|
e.stopPropagation();
|
|
43
44
|
setIsExpandedVertically(!isExpandedVertically);
|
|
44
45
|
};
|
|
45
|
-
const buttonStyles = Object.assign(Object.assign(Object.assign({ alignItems: 'center', border: 'none', borderRadius: 0, borderLeft: !hasChildrenExpanded && children ? 'none' : '3px solid transparent', borderLeftColor: isActive ? (isDark ? 'digiGreen.main' : 'seaBlue.main') : undefined, bg: isDark ? 'darkBlue.main' : isActive ? 'skyBlue.95' : 'white', color: hasChildrenExpanded ? 'seaBlue.main' : isDark ? 'digiGreen.main' : 'sandstone.10', h: 'auto', justifyContent: 'space-between', onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
|
|
46
|
-
|
|
46
|
+
const buttonStyles = Object.assign(Object.assign(Object.assign({ alignItems: 'center', border: 'none', borderRadius: 0, borderLeft: !hasChildrenExpanded && children ? 'none' : '3px solid transparent', borderLeftColor: isActive ? (isDark ? 'digiGreen.main' : 'seaBlue.main') : undefined, bg: isDark ? 'darkBlue.main' : isActive ? 'skyBlue.95' : 'white', color: hasChildrenExpanded ? 'seaBlue.main' : isDark ? 'digiGreen.main' : 'sandstone.10', h: 'auto', justifyContent: 'space-between', onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), pl,
|
|
47
|
+
py, size: 'md', variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: '100%' }, styles.item), { minH: size === 'lg' ? '56px' : '40px', hoverBg: isDark ? 'seaBlue.main' : 'skyBlue.90' }), rest);
|
|
48
|
+
return ((0, jsx_runtime_1.jsxs)(box_1.default, { flexDirection: "column", ref: ref, w: "100%", children: [!hasChildrenExpanded && children ? ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { offset: [0, -consts_1.expandedWidth + consts_1.collapsedWidth + 9], placement: "right-start", trigger: "mouseenter", children: [(0, jsx_runtime_1.jsx)(popover_1.Popover.Trigger, { as: box_1.default, className: (0, utils_1.cs)('vui-sidemenu-item-popover', className), children: (0, jsx_runtime_1.jsx)(box_1.default, Object.assign({}, buttonStyles, { borderLeft: `3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`, children: (0, jsx_runtime_1.jsx)(InnerContent, {}) })) }), (0, jsx_runtime_1.jsx)(popover_1.Popover.Content, { elevation: "none", children: (0, jsx_runtime_1.jsx)(box_1.default, { flexDirection: "column", justifyContent: "start", w: "100%", children: children }) })] })) : ((0, jsx_runtime_1.jsxs)(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-sidemenu-item', className) }, buttonStyles, { children: [(0, jsx_runtime_1.jsx)(InnerContent, {}), hasChildrenExpanded && ((0, jsx_runtime_1.jsx)(button_1.default, { "aria-label": isExpandedVertically ? 'Collapse' : 'Expand', className: "vui-sidemenu-item-expand", icon: isExpandedVertically ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' }))] }))), !!children && hasChildrenExpanded && isExpandedVertically && ((0, jsx_runtime_1.jsx)(box_1.default, { flexDirection: "column", justifyContent: "start", w: "100%", children: children }))] }));
|
|
47
49
|
});
|
|
48
50
|
exports.SidemenuItem.displayName = 'SidemenuItem';
|
|
49
51
|
exports.default = exports.SidemenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenuItem.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"sidemenuItem.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenuTop.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidemenuTop.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,qBAAqB;AACrB,eAAO,MAAM,WAAW;YAAW,gBAAgB;;CAalD,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -24,7 +24,7 @@ const SidemenuTop = (props) => {
|
|
|
24
24
|
const { isExpandedHorizontally } = (0, context_1.useSidemenuContext)();
|
|
25
25
|
if (!leftSlot && !rightSlot)
|
|
26
26
|
return null;
|
|
27
|
-
return ((0, jsx_runtime_1.jsxs)(box_1.Box, Object.assign({ className: (0, utils_1.cs)('vui-sidemenu-top', className), mb: 1, w: "100%" }, styles.sidemenuTop, rest, { children: [!!leftSlot && leftSlot, !!rightSlot &&
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)(box_1.Box, Object.assign({ className: (0, utils_1.cs)('vui-sidemenu-top', className), mb: 1, w: "100%" }, styles.sidemenuTop, rest, { children: [!!leftSlot && leftSlot, !!rightSlot && rightSlot] })));
|
|
28
28
|
};
|
|
29
29
|
exports.SidemenuTop = SidemenuTop;
|
|
30
30
|
exports.SidemenuTop.displayName = 'SidemenuTop';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenuTop.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"sidemenuTop.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA4B;AAC5B,kCAA0D;AAC1D,oCAA6B;AAC7B,uCAA8C;AAG9C,qBAAqB;AACd,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,KAA8C,IAAA,uBAAgB,EAAC,KAAK,CAAC,EAArE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,OAAqC,EAAhC,IAAI,cAAzC,sCAA2C,CAA0B,CAAA;IAC3E,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAChD,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,4BAAkB,GAAE,CAAA;IAEvD,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAExC,OAAO,CACL,wBAAC,SAAG,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAC,MAAM,IAAK,MAAM,CAAC,WAAW,EAAM,IAAI,eAChG,CAAC,CAAC,QAAQ,IAAI,QAAQ,EACtB,CAAC,CAAC,SAAS,IAAI,SAAS,KACrB,CACP,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,WAAW,eAavB;AAED,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,kBAAe,mBAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,KAAK,CAAA;AAEhC,eAAO,MAAM,aAAa,MAAM,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/sidemenu/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAA;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ,EA4Ff,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG;IACzC,GAAG,EAAE,OAAO,WAAW,CAAA;IACvB,IAAI,EAAE,OAAO,YAAY,CAAA;CAC1B,CAAA;AAMD,eAAe,QAAQ,CAAA"}
|
|
@@ -5,13 +5,13 @@ import Button from '../button';
|
|
|
5
5
|
import { useStyleConfig, vui } from '../core';
|
|
6
6
|
import Icon from '../icon';
|
|
7
7
|
import { cs, filterUndefined, isActivePath } from '../utils';
|
|
8
|
-
import { expandedWidth } from './consts';
|
|
8
|
+
import { collapsedWidth, expandedWidth } from './consts';
|
|
9
9
|
import { SidemenuProvider } from './context';
|
|
10
10
|
import SidemenuItem from './sidemenuItem';
|
|
11
11
|
import SidemenuTop from './sidemenuTop';
|
|
12
12
|
/** A collapsible side menu for navigation. */
|
|
13
13
|
export const Sidemenu = vui((props, ref) => {
|
|
14
|
-
const { children, className, items, isExpanded = false, isSticky = false, size, variant, width =
|
|
14
|
+
const { children, className, items, isExpanded = false, isSticky = false, size, variant, width = expandedWidth, onNavigate, ...rest } = props;
|
|
15
15
|
const [isExpandedHorizontally, setIsExpandedHorizontally] = useState(isExpanded);
|
|
16
16
|
const context = useMemo(() => filterUndefined({ size, variant, isExpandedHorizontally }), [size, variant, isExpandedHorizontally]);
|
|
17
17
|
const styles = useStyleConfig('Sidemenu', props);
|
|
@@ -20,7 +20,7 @@ export const Sidemenu = vui((props, ref) => {
|
|
|
20
20
|
setIsExpandedHorizontally(isExpanded);
|
|
21
21
|
}, [isExpanded]);
|
|
22
22
|
const onToggle = () => setIsExpandedHorizontally(!isExpandedHorizontally);
|
|
23
|
-
const w = isExpandedHorizontally ? width :
|
|
23
|
+
const w = isExpandedHorizontally ? width : collapsedWidth;
|
|
24
24
|
const icon = `falArrow${isExpandedHorizontally ? 'Left' : 'Right'}`;
|
|
25
25
|
const justifyContent = isExpandedHorizontally ? 'flex-end' : 'center';
|
|
26
26
|
function onItemClick(item) {
|
|
@@ -28,8 +28,8 @@ export const Sidemenu = vui((props, ref) => {
|
|
|
28
28
|
if (item?.path)
|
|
29
29
|
onNavigate?.(item.path);
|
|
30
30
|
}
|
|
31
|
-
return (_jsx(SidemenuProvider, { value: context, children: _jsxs(Box, { className: cs('vui-sidemenu', className), elevation: "3", flexDirection: "column", minWidth: 0, overflowX: "hidden", position: isSticky ? 'sticky' : 'static', ref: ref, top: isSticky ? (top ? top : 0) : 'auto', transitionDuration: "normal", w: w, ...styles.container, ...rest, children: [_jsx(Box, { flexDirection: "column", flexGrow: 1, overflowX: "hidden", overflowY: "auto", w:
|
|
32
|
-
? items?.map?.((item, key) => (_jsx(SidemenuItem, { isActive: isActivePath(item?.path), ...item, onClick: () => onItemClick(item) }, key)))
|
|
31
|
+
return (_jsx(SidemenuProvider, { value: context, children: _jsxs(Box, { className: cs('vui-sidemenu', className), elevation: "3", flexDirection: "column", minWidth: 0, overflowX: "hidden", position: isSticky ? 'sticky' : 'static', ref: ref, top: isSticky ? (top ? top : 0) : 'auto', transitionDuration: "normal", w: w, ...styles.container, ...rest, children: [_jsx(Box, { flexDirection: "column", flexGrow: 1, justifyContent: "flex-start", overflowX: "hidden", overflowY: "auto", w: expandedWidth - 14, children: items
|
|
32
|
+
? items?.map?.((item, key) => (_jsx(SidemenuItem, { isActive: isActivePath(item?.path), isTitleVisible: isExpandedHorizontally, ...item, onClick: () => onItemClick(item) }, key)))
|
|
33
33
|
: children }), _jsx(Box, { className: "vui-sidemenu-bottom", w: "100%", ...styles.bottom, children: _jsx(Button, { "aria-label": isExpandedHorizontally ? 'Collapse' : 'Expand', borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, size: "md", variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%", children: _jsx(Icon, { name: icon }) }) })] }) }));
|
|
34
34
|
});
|
|
35
35
|
Sidemenu.Top = SidemenuTop;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenu.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"sidemenu.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,13 +21,15 @@ export type SidemenuItemProps = BoxProps & {
|
|
|
21
21
|
/** Children */
|
|
22
22
|
children?: ReactNode;
|
|
23
23
|
/** Custom class name */
|
|
24
|
-
icon
|
|
24
|
+
icon?: IconProp;
|
|
25
25
|
/** Icon size @default md */
|
|
26
26
|
iconSize?: 'md' | 'sm';
|
|
27
27
|
/** Whether the item is active */
|
|
28
28
|
isActive?: boolean;
|
|
29
29
|
/** Whether the item is expanded vertically */
|
|
30
30
|
isExpanded?: boolean;
|
|
31
|
+
/** Whether the title is visible, should be hidden if the parent is collapsed @default true*/
|
|
32
|
+
isTitleVisible?: boolean;
|
|
31
33
|
/** On click callback */
|
|
32
34
|
onClick?: () => void;
|
|
33
35
|
/** On collapse callback @default true */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenu.types.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8JAA8J;IAC9J,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wBAAwB;IACxB,IAAI,EAAE,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"sidemenu.types.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8JAA8J;IAC9J,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6FAA6F;IAC7F,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG;IACxC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAM7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,EAuGnB,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;AAI5C,eAAe,YAAY,CAAA"}
|
|
@@ -7,10 +7,11 @@ import Icon from '../icon';
|
|
|
7
7
|
import { Popover } from '../popover';
|
|
8
8
|
import T from '../t';
|
|
9
9
|
import { cs } from '../utils';
|
|
10
|
+
import { collapsedWidth, expandedWidth } from './consts';
|
|
10
11
|
import useSidemenuItem from './useSidemenuItem';
|
|
11
12
|
/** A menu item. */
|
|
12
13
|
export const SidemenuItem = vui((props, ref) => {
|
|
13
|
-
const { className, children, icon, iconSize = 'md', isActive, isExpanded = true, onClick, onCollapse, onExpand, title, ...rest } = omitThemingProps(props);
|
|
14
|
+
const { className, children, icon, iconSize = 'md', isActive, isExpanded = true, isTitleVisible = true, pl = 0, py = 0, onClick, onCollapse, onExpand, title, ...rest } = omitThemingProps(props);
|
|
14
15
|
const { isExpandedVertically, setIsExpandedVertically, isDark, size, isExpandedHorizontally, styles } = useSidemenuItem(isExpanded);
|
|
15
16
|
useEffect(() => {
|
|
16
17
|
if (isExpandedVertically)
|
|
@@ -19,7 +20,7 @@ export const SidemenuItem = vui((props, ref) => {
|
|
|
19
20
|
onCollapse?.();
|
|
20
21
|
}, [isExpandedVertically]);
|
|
21
22
|
const hasChildrenExpanded = !!children && isExpandedHorizontally;
|
|
22
|
-
const
|
|
23
|
+
const InnerContent = () => (_jsxs(Box, { centerV: true, px: 2, py: 1, w: "100%", whiteSpace: "pre", children: [icon && _jsx(Icon, { ml: iconSize === 'sm' ? '4px' : 0, name: icon, size: iconSize }), _jsx(T, { isTruncated: true, ml: icon ? 2 : 0, visibility: isTitleVisible ? 'visible' : 'hidden', children: title })] }));
|
|
23
24
|
const toggle = (e) => {
|
|
24
25
|
e.preventDefault();
|
|
25
26
|
e.stopPropagation();
|
|
@@ -36,7 +37,8 @@ export const SidemenuItem = vui((props, ref) => {
|
|
|
36
37
|
h: 'auto',
|
|
37
38
|
justifyContent: 'space-between',
|
|
38
39
|
onClick: () => onClick?.(),
|
|
39
|
-
|
|
40
|
+
pl,
|
|
41
|
+
py,
|
|
40
42
|
size: 'md',
|
|
41
43
|
variant: isDark ? 'tertiaryLight' : 'tertiaryDark',
|
|
42
44
|
w: '100%',
|
|
@@ -45,7 +47,7 @@ export const SidemenuItem = vui((props, ref) => {
|
|
|
45
47
|
hoverBg: isDark ? 'seaBlue.main' : 'skyBlue.90',
|
|
46
48
|
...rest,
|
|
47
49
|
};
|
|
48
|
-
return (_jsxs(Box, { flexDirection: "column", ref: ref, w: "100%", children: [!hasChildrenExpanded && children ? (_jsxs(Popover, { offset: [0,
|
|
50
|
+
return (_jsxs(Box, { flexDirection: "column", ref: ref, w: "100%", children: [!hasChildrenExpanded && children ? (_jsxs(Popover, { offset: [0, -expandedWidth + collapsedWidth + 9], placement: "right-start", trigger: "mouseenter", children: [_jsx(Popover.Trigger, { as: Box, className: cs('vui-sidemenu-item-popover', className), children: _jsx(Box, { ...buttonStyles, borderLeft: `3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`, children: _jsx(InnerContent, {}) }) }), _jsx(Popover.Content, { elevation: "none", children: _jsx(Box, { flexDirection: "column", justifyContent: "start", w: "100%", children: children }) })] })) : (_jsxs(Button, { className: cs('vui-sidemenu-item', className), ...buttonStyles, children: [_jsx(InnerContent, {}), hasChildrenExpanded && (_jsx(Button, { "aria-label": isExpandedVertically ? 'Collapse' : 'Expand', className: "vui-sidemenu-item-expand", icon: isExpandedVertically ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' }))] })), !!children && hasChildrenExpanded && isExpandedVertically && (_jsx(Box, { flexDirection: "column", justifyContent: "start", w: "100%", children: children }))] }));
|
|
49
51
|
});
|
|
50
52
|
SidemenuItem.displayName = 'SidemenuItem';
|
|
51
53
|
export default SidemenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenuItem.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"sidemenuItem.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenuTop.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"sidemenuTop.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnD,qBAAqB;AACrB,eAAO,MAAM,WAAW;YAAW,gBAAgB;;CAalD,CAAA;AAID,eAAe,WAAW,CAAA"}
|
|
@@ -10,7 +10,7 @@ export const SidemenuTop = (props) => {
|
|
|
10
10
|
const { isExpandedHorizontally } = useSidemenuContext();
|
|
11
11
|
if (!leftSlot && !rightSlot)
|
|
12
12
|
return null;
|
|
13
|
-
return (_jsxs(Box, { className: cs('vui-sidemenu-top', className), mb: 1, w: "100%", ...styles.sidemenuTop, ...rest, children: [!!leftSlot && leftSlot, !!rightSlot &&
|
|
13
|
+
return (_jsxs(Box, { className: cs('vui-sidemenu-top', className), mb: 1, w: "100%", ...styles.sidemenuTop, ...rest, children: [!!leftSlot && leftSlot, !!rightSlot && rightSlot] }));
|
|
14
14
|
};
|
|
15
15
|
SidemenuTop.displayName = 'SidemenuTop';
|
|
16
16
|
export default SidemenuTop;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidemenuTop.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"sidemenuTop.js","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuTop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAG9C,qBAAqB;AACrB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAC3E,MAAM,MAAM,GAAG,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAChD,MAAM,EAAE,sBAAsB,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEvD,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAExC,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAC,MAAM,KAAK,MAAM,CAAC,WAAW,KAAM,IAAI,aAChG,CAAC,CAAC,QAAQ,IAAI,QAAQ,EACtB,CAAC,CAAC,SAAS,IAAI,SAAS,IACrB,CACP,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|