@veracity/vui 2.28.0 → 2.28.1-beta.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/cjs/menu/menu.types.d.ts +2 -0
- package/dist/cjs/menu/menu.types.d.ts.map +1 -1
- package/dist/cjs/menu/menuList.d.ts.map +1 -1
- package/dist/cjs/menu/menuList.js +2 -3
- package/dist/cjs/menu/menuList.js.map +1 -1
- package/dist/esm/menu/menu.types.d.ts +2 -0
- package/dist/esm/menu/menu.types.d.ts.map +1 -1
- package/dist/esm/menu/menuList.d.ts.map +1 -1
- package/dist/esm/menu/menuList.js +2 -3
- package/dist/esm/menu/menuList.js.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/menu/menu.types.ts +2 -0
- package/src/menu/menuList.tsx +3 -5
|
@@ -7,6 +7,8 @@ export type MenuListProps = ListProps & {
|
|
|
7
7
|
contentProps?: PopoverContentProps;
|
|
8
8
|
/** Ref passed to the inner PopoverContent. */
|
|
9
9
|
contentRef?: RefObject<HTMLDivElement>;
|
|
10
|
+
/** Maximum height of the list. */
|
|
11
|
+
maxH?: number;
|
|
10
12
|
/** Custom content displayed at the bottom of the panel */
|
|
11
13
|
slotBottom?: ReactNode;
|
|
12
14
|
/** Custom content displayed at the top of the panel */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.types.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC,uDAAuD;IACvD,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACtC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,GAC1C,YAAY,GAAG;IACb,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA"}
|
|
1
|
+
{"version":3,"file":"menu.types.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC,uDAAuD;IACvD,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACtC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,GAC1C,YAAY,GAAG;IACb,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ,EAuBf,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,GAAG;IACxC,OAAO,EAAE,OAAO,IAAI,CAAC,OAAO,CAAA;IAC5B,OAAO,EAAE,OAAO,IAAI,CAAC,OAAO,CAAA;IAC5B,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,CAAA;IACtB,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,CAAA;IACtB,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,CAAA;CACvB,CAAA;AAUD,eAAe,QAAQ,CAAA"}
|
|
@@ -24,10 +24,9 @@ const utils_1 = require("../utils");
|
|
|
24
24
|
const context_1 = require("./context");
|
|
25
25
|
/** Displays a list of menu items in a popover content element. */
|
|
26
26
|
exports.MenuList = (0, core_1.vui)((props, ref) => {
|
|
27
|
-
const { className, contentProps, contentRef } = props, rest = __rest(props, ["className", "contentProps", "contentRef"]);
|
|
28
|
-
const { slotTop, slotBottom } = props;
|
|
27
|
+
const { className, contentProps, contentRef, maxH, slotTop, slotBottom } = props, rest = __rest(props, ["className", "contentProps", "contentRef", "maxH", "slotTop", "slotBottom"]);
|
|
29
28
|
const styles = (0, core_1.useStyleConfig)('Menu', (0, context_1.useMenuContext)());
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(popover_1.PopoverContent, Object.assign({ borderRadius: 0, ref: contentRef }, contentProps, { children: (0, jsx_runtime_1.jsxs)(box_1.Box, { flexDirection: "column", children: [slotTop, (0, jsx_runtime_1.jsx)(list_1.default, Object.assign({ className: (0, utils_1.cs)('vui-menuList', className), isInteractive: true, py: 1, ref: ref, w: "100%" }, styles.list, rest, { maxH:
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(popover_1.PopoverContent, Object.assign({ borderRadius: 0, ref: contentRef }, contentProps, { children: (0, jsx_runtime_1.jsxs)(box_1.Box, { flexDirection: "column", children: [slotTop, (0, jsx_runtime_1.jsx)(list_1.default, Object.assign({ className: (0, utils_1.cs)('vui-menuList', className), isInteractive: true, py: 1, ref: ref, w: "100%" }, styles.list, rest, { maxH: maxH })), slotBottom] }) })));
|
|
31
30
|
});
|
|
32
31
|
exports.MenuList.Divider = list_1.default.Divider;
|
|
33
32
|
exports.MenuList.Heading = list_1.default.Heading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gCAA4B;AAC5B,kCAA2D;AAC3D,mDAA0B;AAC1B,wCAA2C;AAC3C,oCAA6B;AAC7B,uCAA0C;AAG1C,kEAAkE;AACrD,QAAA,QAAQ,GAAG,IAAA,UAAG,EAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAnF,4EAA2E,CAAQ,CAAA;IAEzF,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,MAAM,EAAE,IAAA,wBAAc,GAAE,CAAC,CAAA;IAEvD,OAAO,CACL,uBAAC,wBAAc,kBAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,IAAM,YAAY,cAChE,wBAAC,SAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,OAAO,EACR,uBAAC,cAAI,kBACH,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EACxC,aAAa,QACb,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,CAAC,EAAC,MAAM,IACJ,MAAM,CAAC,IAAI,EACX,IAAI,IACR,IAAI,EAAE,IAAI,IACV,EACD,UAAU,IACP,IACS,CAClB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,gBAAQ,CAAC,OAAO,GAAG,cAAI,CAAC,OAAO,CAAA;AAC/B,gBAAQ,CAAC,OAAO,GAAG,cAAI,CAAC,OAAO,CAAA;AAC/B,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AACzB,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AACzB,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AAEzB,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,kBAAe,gBAAQ,CAAA"}
|
|
@@ -7,6 +7,8 @@ export type MenuListProps = ListProps & {
|
|
|
7
7
|
contentProps?: PopoverContentProps;
|
|
8
8
|
/** Ref passed to the inner PopoverContent. */
|
|
9
9
|
contentRef?: RefObject<HTMLDivElement>;
|
|
10
|
+
/** Maximum height of the list. */
|
|
11
|
+
maxH?: number;
|
|
10
12
|
/** Custom content displayed at the bottom of the panel */
|
|
11
13
|
slotBottom?: ReactNode;
|
|
12
14
|
/** Custom content displayed at the top of the panel */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.types.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC,uDAAuD;IACvD,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACtC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,GAC1C,YAAY,GAAG;IACb,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA"}
|
|
1
|
+
{"version":3,"file":"menu.types.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC,uDAAuD;IACvD,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACtC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,GAC1C,YAAY,GAAG;IACb,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ,EAuBf,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,GAAG;IACxC,OAAO,EAAE,OAAO,IAAI,CAAC,OAAO,CAAA;IAC5B,OAAO,EAAE,OAAO,IAAI,CAAC,OAAO,CAAA;IAC5B,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,CAAA;IACtB,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,CAAA;IACtB,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,CAAA;CACvB,CAAA;AAUD,eAAe,QAAQ,CAAA"}
|
|
@@ -7,10 +7,9 @@ import { cs } from '../utils';
|
|
|
7
7
|
import { useMenuContext } from './context';
|
|
8
8
|
/** Displays a list of menu items in a popover content element. */
|
|
9
9
|
export const MenuList = vui((props, ref) => {
|
|
10
|
-
const { className, contentProps, contentRef, ...rest } = props;
|
|
11
|
-
const { slotTop, slotBottom } = props;
|
|
10
|
+
const { className, contentProps, contentRef, maxH, slotTop, slotBottom, ...rest } = props;
|
|
12
11
|
const styles = useStyleConfig('Menu', useMenuContext());
|
|
13
|
-
return (_jsx(PopoverContent, { borderRadius: 0, ref: contentRef, ...contentProps, children: _jsxs(Box, { flexDirection: "column", children: [slotTop, _jsx(List, { className: cs('vui-menuList', className), isInteractive: true, py: 1, ref: ref, w: "100%", ...styles.list, ...rest, maxH:
|
|
12
|
+
return (_jsx(PopoverContent, { borderRadius: 0, ref: contentRef, ...contentProps, children: _jsxs(Box, { flexDirection: "column", children: [slotTop, _jsx(List, { className: cs('vui-menuList', className), isInteractive: true, py: 1, ref: ref, w: "100%", ...styles.list, ...rest, maxH: maxH }), slotBottom] }) }));
|
|
14
13
|
});
|
|
15
14
|
MenuList.Divider = List.Divider;
|
|
16
15
|
MenuList.Heading = List.Heading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,kEAAkE;AAClE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEzF,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAA;IAEvD,OAAO,CACL,KAAC,cAAc,IAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,KAAM,YAAY,YAChE,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,OAAO,EACR,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,aAAa,QACb,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,CAAC,EAAC,MAAM,KACJ,MAAM,CAAC,IAAI,KACX,IAAI,EACR,IAAI,EAAE,IAAI,GACV,EACD,UAAU,IACP,GACS,CAClB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AAEzB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|