@popmenu/admin-ui 0.53.0 → 0.54.0

package/build/components/SelectableCard/SelectableCardProps.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'react';
 import { CardProps as MuiCardProps } from '@material-ui/core/Card';
+import { CardActionAreaProps } from '@material-ui/core';
 export interface SelectableCardProps extends Omit<MuiCardProps, 'onClick'> {
     /** Id of the DOM node serving as the label of the input. */
     labelId: string;
@@ -11,5 +12,7 @@ export interface SelectableCardProps extends Omit<MuiCardProps, 'onClick'> {
     value: string;
     /** Callback for when the SelectableCard is clicked. */
     onClick: (value: string) => void;
+    /** Props passed to the CardActionArea rendered by SelectableCard. */
+    CardActionAreaProps?: CardActionAreaProps;
     ref?: (instance: HTMLDivElement) => void | Ref<HTMLDivElement> | null;
 }

package/build/index.es.js

@@ -1675,14 +1675,14 @@ var useSelectableCardStyles = makeStyles$1(function (theme) {
 });
 
 var SelectableCard = function (props) {
-    var children = props.children, selectedProp = props.selected, _a = props.selection, selection = _a === void 0 ? [] : _a, onClick = props.onClick, value = props.value, labelId = props.labelId, muiProps = __rest$1(props, ["children", "selected", "selection", "onClick", "value", "labelId"]);
+    var children = props.children, selectedProp = props.selected, _a = props.selection, selection = _a === void 0 ? [] : _a, onClick = props.onClick, value = props.value, labelId = props.labelId, CardActionAreaProps = props.CardActionAreaProps, muiProps = __rest$1(props, ["children", "selected", "selection", "onClick", "value", "labelId", "CardActionAreaProps"]);
     var selected = typeof selectedProp === 'boolean' ? selectedProp : selection.includes(value);
     var classes = useSelectableCardStyles(__assign$1(__assign$1({}, props), { selected: selected }));
     var handleClick = function () {
         onClick(value);
     };
     return (React__default.createElement(Card, __assign$1({ classes: { root: classes.root } }, muiProps),
-        React__default.createElement(CardActionArea, { onClick: handleClick, classes: { focusHighlight: classes.focusHighlight }, role: "checkbox", "aria-checked": selected, "aria-labelledby": labelId },
+        React__default.createElement(CardActionArea, __assign$1({ onClick: handleClick, classes: { focusHighlight: classes.focusHighlight }, role: "checkbox", "aria-checked": selected, "aria-labelledby": labelId }, CardActionAreaProps),
             React__default.createElement(Icon, { className: classes.icon, icon: selected ? SvgCheckCircle : SvgCircle, size: "medium" }),
             React__default.createElement(CardContent, { classes: { root: classes.cardContent } }, children))));
 };

package/build/index.js

@@ -1727,14 +1727,14 @@ var useSelectableCardStyles = styles.makeStyles(function (theme) {
 });
 
 var SelectableCard = function (props) {
-    var children = props.children, selectedProp = props.selected, _a = props.selection, selection = _a === void 0 ? [] : _a, onClick = props.onClick, value = props.value, labelId = props.labelId, muiProps = __rest$1(props, ["children", "selected", "selection", "onClick", "value", "labelId"]);
+    var children = props.children, selectedProp = props.selected, _a = props.selection, selection = _a === void 0 ? [] : _a, onClick = props.onClick, value = props.value, labelId = props.labelId, CardActionAreaProps = props.CardActionAreaProps, muiProps = __rest$1(props, ["children", "selected", "selection", "onClick", "value", "labelId", "CardActionAreaProps"]);
     var selected = typeof selectedProp === 'boolean' ? selectedProp : selection.includes(value);
     var classes = useSelectableCardStyles(__assign$1(__assign$1({}, props), { selected: selected }));
     var handleClick = function () {
         onClick(value);
     };
     return (React__default['default'].createElement(Card__default['default'], __assign$1({ classes: { root: classes.root } }, muiProps),
-        React__default['default'].createElement(CardActionArea__default['default'], { onClick: handleClick, classes: { focusHighlight: classes.focusHighlight }, role: "checkbox", "aria-checked": selected, "aria-labelledby": labelId },
+        React__default['default'].createElement(CardActionArea__default['default'], __assign$1({ onClick: handleClick, classes: { focusHighlight: classes.focusHighlight }, role: "checkbox", "aria-checked": selected, "aria-labelledby": labelId }, CardActionAreaProps),
             React__default['default'].createElement(Icon, { className: classes.icon, icon: selected ? SvgCheckCircle : SvgCircle, size: "medium" }),
             React__default['default'].createElement(CardContent__default['default'], { classes: { root: classes.cardContent } }, children))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/admin-ui",
-  "version": "0.53.0",
+  "version": "0.54.0",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components specifically for the MyPop web app.",
@@ -32,5 +32,5 @@
     "acorn-jsx": "^5.3.2"
   },
   "sideEffects": false,
-  "gitHead": "b9252e7e039fd1ba7818ca632a8ddd819519d800"
+  "gitHead": "0dcece09d596e6491a799f28afafd93d82128994"
 }