@superdispatch/ui 0.17.0 → 0.17.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.
|
@@ -25,8 +25,10 @@ var defaultMoreElement = /*#__PURE__*/_jsx(Button, {
|
|
|
25
25
|
export var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
26
26
|
var {
|
|
27
27
|
items,
|
|
28
|
+
disableGutters,
|
|
28
29
|
moreElement = defaultMoreElement,
|
|
29
|
-
renderItem = item => item.label
|
|
30
|
+
renderItem = item => item.label,
|
|
31
|
+
renderMenuItem = item => item.label
|
|
30
32
|
} = _ref;
|
|
31
33
|
var styles = useStyles();
|
|
32
34
|
var itemNodes = useRef([]);
|
|
@@ -64,11 +66,11 @@ export var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
64
66
|
setFirstHiddenIdx(hiddenIdx);
|
|
65
67
|
});
|
|
66
68
|
return /*#__PURE__*/_jsxs(Grid, {
|
|
67
|
-
spacing: 1,
|
|
68
69
|
direction: "column",
|
|
69
70
|
container: true,
|
|
70
71
|
wrap: "nowrap",
|
|
71
72
|
className: styles.root,
|
|
73
|
+
spacing: disableGutters ? undefined : 1,
|
|
72
74
|
ref: mergeRefs(ref, node => {
|
|
73
75
|
setRootNode(node);
|
|
74
76
|
}),
|
|
@@ -105,7 +107,7 @@ export var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
105
107
|
(_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
|
|
106
108
|
setMenuButtonRef(undefined);
|
|
107
109
|
},
|
|
108
|
-
children: item
|
|
110
|
+
children: renderMenuItem(item)
|
|
109
111
|
}, item.key), next && next.menuGroupKey !== item.menuGroupKey && /*#__PURE__*/_jsx(Divider, {})]
|
|
110
112
|
});
|
|
111
113
|
})
|
package/dist-types/index.d.ts
CHANGED
|
@@ -39,9 +39,11 @@ interface AdaptiveVerticalToolbarItem {
|
|
|
39
39
|
menuGroupKey?: Key;
|
|
40
40
|
onClick?: (event: MouseEvent<HTMLElement>) => void;
|
|
41
41
|
}
|
|
42
|
-
interface AdaptiveVerticalToolbarProps extends RefAttributes<HTMLDivElement
|
|
42
|
+
interface AdaptiveVerticalToolbarProps extends RefAttributes<HTMLDivElement> {
|
|
43
|
+
disableGutters?: boolean;
|
|
43
44
|
items: AdaptiveVerticalToolbarItem[];
|
|
44
45
|
renderItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
|
|
46
|
+
renderMenuItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
|
|
45
47
|
moreElement?: ReactElement<{
|
|
46
48
|
onClick: EventHandler<MouseEvent<HTMLElement>>;
|
|
47
49
|
}>;
|
package/dist-web/index.js
CHANGED
|
@@ -341,8 +341,10 @@ var defaultMoreElement = /*#__PURE__*/jsx(Button, {
|
|
|
341
341
|
var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
342
342
|
var {
|
|
343
343
|
items,
|
|
344
|
+
disableGutters,
|
|
344
345
|
moreElement = defaultMoreElement,
|
|
345
|
-
renderItem = item => item.label
|
|
346
|
+
renderItem = item => item.label,
|
|
347
|
+
renderMenuItem = item => item.label
|
|
346
348
|
} = _ref;
|
|
347
349
|
var styles = useStyles$1();
|
|
348
350
|
var itemNodes = useRef([]);
|
|
@@ -380,11 +382,11 @@ var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
380
382
|
setFirstHiddenIdx(hiddenIdx);
|
|
381
383
|
});
|
|
382
384
|
return /*#__PURE__*/jsxs(Grid, {
|
|
383
|
-
spacing: 1,
|
|
384
385
|
direction: "column",
|
|
385
386
|
container: true,
|
|
386
387
|
wrap: "nowrap",
|
|
387
388
|
className: styles.root,
|
|
389
|
+
spacing: disableGutters ? undefined : 1,
|
|
388
390
|
ref: mergeRefs(ref, node => {
|
|
389
391
|
setRootNode(node);
|
|
390
392
|
}),
|
|
@@ -421,7 +423,7 @@ var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
421
423
|
(_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
|
|
422
424
|
setMenuButtonRef(undefined);
|
|
423
425
|
},
|
|
424
|
-
children: item
|
|
426
|
+
children: renderMenuItem(item)
|
|
425
427
|
}, item.key), next && next.menuGroupKey !== item.menuGroupKey && /*#__PURE__*/jsx(Divider, {})]
|
|
426
428
|
});
|
|
427
429
|
})
|