@popmenu/ordering-ui 0.118.0 → 0.119.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/build/index.js
CHANGED
|
@@ -187,7 +187,7 @@ var useMenuItemStyles = styles.makeStyles(function (theme) {
|
|
|
187
187
|
fontWeight: 400,
|
|
188
188
|
fontSize: 14,
|
|
189
189
|
lineHeight: '20px',
|
|
190
|
-
|
|
190
|
+
margin: theme.spacing(0.5, 0, 1, 0),
|
|
191
191
|
color: theme.palette.grey[800],
|
|
192
192
|
'-webkit-line-clamp': 2,
|
|
193
193
|
display: '-webkit-box',
|
|
@@ -195,6 +195,12 @@ var useMenuItemStyles = styles.makeStyles(function (theme) {
|
|
|
195
195
|
textOverflow: 'ellipsis',
|
|
196
196
|
overflow: 'hidden',
|
|
197
197
|
},
|
|
198
|
+
outOfStockTag: {
|
|
199
|
+
minWidth: '90px',
|
|
200
|
+
marginLeft: theme.spacing(1),
|
|
201
|
+
display: 'inline-block',
|
|
202
|
+
verticalAlign: 'bottom',
|
|
203
|
+
},
|
|
198
204
|
});
|
|
199
205
|
});
|
|
200
206
|
|
|
@@ -1540,8 +1546,9 @@ var MenuItem = React.forwardRef(function (props, ref) {
|
|
|
1540
1546
|
React__default['default'].createElement(MenuItemInfo, null,
|
|
1541
1547
|
isFeatured && React__default['default'].createElement(StatusTag, { color: "highlight", label: "Featured", variant: "filled", size: "sm" }),
|
|
1542
1548
|
React__default['default'].createElement(core.Box, { display: "flex", gridGap: 8, alignItems: "center" },
|
|
1543
|
-
React__default['default'].createElement(core.Typography, { component: "h3", className: classes.cardTitle },
|
|
1544
|
-
|
|
1549
|
+
React__default['default'].createElement(core.Typography, { component: "h3", className: classes.cardTitle },
|
|
1550
|
+
loading ? React__default['default'].createElement(lab.Skeleton, null) : title,
|
|
1551
|
+
React__default['default'].createElement("span", { className: classes.outOfStockTag }, isOutOfStock && React__default['default'].createElement(StatusTag, { color: "warning", label: "Out of stock", variant: "outlined", size: "sm" })))),
|
|
1545
1552
|
React__default['default'].createElement(core.Typography, { className: classes.cardDescription, paragraph: true }, loading ? React__default['default'].createElement(lab.Skeleton, null) : description),
|
|
1546
1553
|
loading ? (React__default['default'].createElement(lab.Skeleton, null,
|
|
1547
1554
|
React__default['default'].createElement(MenuItemReactions, { likeCount: likeCount, reviewCount: reviewCount }))) : (React__default['default'].createElement(MenuItemReactions, { likeCount: likeCount, reviewCount: reviewCount })),
|
|
@@ -1996,8 +2003,10 @@ var getStatusTagProps = function (props) {
|
|
|
1996
2003
|
switch (true) {
|
|
1997
2004
|
case error:
|
|
1998
2005
|
color = 'error';
|
|
2006
|
+
break;
|
|
1999
2007
|
case isOutOfStock:
|
|
2000
2008
|
color = 'warning';
|
|
2009
|
+
break;
|
|
2001
2010
|
}
|
|
2002
2011
|
var label = optionalText;
|
|
2003
2012
|
switch (true) {
|