@royaloperahouse/chord 1.24.2-c-chord-development → 1.24.3-a-chord-development

package/dist/chord.cjs.development.js

@@ -6501,7 +6501,9 @@ var ContactCard = function ContactCard(_ref) {
 };
 
 var _templateObject$R, _templateObject2$A, _templateObject3$s, _templateObject4$l, _templateObject5$f;
-var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-items: start;\n  align-items: center;\n  margin: 20px 0;\n  gap: 24px;\n\n  @media ", " {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n"])), devices.mobile);
+var ContentSummaryWrapper = /*#__PURE__*/styled__default.article(_templateObject$R || (_templateObject$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-items: start;\n  align-items: center;\n  margin: 20px 0;\n  gap: 24px;\n  cursor: ", ";\n\n  @media ", " {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n"])), function (props) {
+  return props.clickable ? 'pointer' : 'default';
+}, devices.mobile);
 var ContentSummaryImageWrapper = /*#__PURE__*/styled__default.div(_templateObject2$A || (_templateObject2$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  flex: 0 0 33.3%;\n"])));
 var ContentSummaryTextWrapper = /*#__PURE__*/styled__default.div(_templateObject3$s || (_templateObject3$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  grid-column: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  gap: 22px;\n\n  & > * {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n\n  @media ", " {\n    margin: 0 20px;\n    gap: 12px;\n  }\n\n  & .content-summary-text-link {\n    height: unset;\n  }\n"])), function (props) {
   return props.showImage ? 2 : '1 / span 4';
@@ -6513,6 +6515,12 @@ var ContentSummaryBodyTextWrapper = /*#__PURE__*/styled__default.div(_templateOb
 
 var MAX_HEADER_LEVEL = 6;
 
+var clickHandler = function clickHandler(link) {
+  if (link && link.href) {
+    document.location.href = link.href;
+  }
+};
+
 var ContentSummary = function ContentSummary(_ref) {
   var title = _ref.title,
       subtitle = _ref.subtitle,
@@ -6525,9 +6533,15 @@ var ContentSummary = function ContentSummary(_ref) {
       showImage = _ref$showImage === void 0 ? false : _ref$showImage,
       _ref$truncate = _ref.truncate,
       truncate = _ref$truncate === void 0 ? 0 : _ref$truncate,
+      _ref$fullyClickable = _ref.fullyClickable,
+      fullyClickable = _ref$fullyClickable === void 0 ? false : _ref$fullyClickable,
       _ref$baseSemanticLeve = _ref.baseSemanticLevel,
       baseSemanticLevel = _ref$baseSemanticLeve === void 0 ? 3 : _ref$baseSemanticLeve;
   return /*#__PURE__*/React__default.createElement(ContentSummaryWrapper, {
+    onClick: function onClick() {
+      fullyClickable && clickHandler(link);
+    },
+    clickable: fullyClickable,
     "data-roh": "content-summary-item"
   }, showImage && image && /*#__PURE__*/React__default.createElement(ContentSummaryImageWrapper, {
     "data-testid": "image-wrapper"