@royaloperahouse/harmonic 1.0.9-f → 1.0.9-h

package/dist/components/molecules/CastFilter/Variant/CastFiltersVariant.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
 declare const CastFiltersVariant: React.ForwardRefExoticComponent<{
     showCastFilterApply?: boolean | undefined;
+    appliedCast: {
+        slug: string;
+        name: string;
+    }[];
 } & import("../../../../types/types").ICastFiltersProps & React.RefAttributes<HTMLDivElement>>;
 export default CastFiltersVariant;

package/dist/harmonic.cjs.development.js

@@ -7101,7 +7101,8 @@ var CastFilters = function CastFilters(_ref) {
         },
         onKeyDown: function onKeyDown(e) {
           return handlePersonKeydown(e, index, personSelectionId, _onClick);
-        }
+        },
+        "data-roh": "cast-filter-person-card"
       }, /*#__PURE__*/React__default.createElement(PersonToggle, {
         isSelected: isSelected,
         "aria-hidden": "true"
@@ -7162,12 +7163,14 @@ var CastFilters = function CastFilters(_ref) {
     onClick: function onClick() {
       if (onApply) onApply(selectedStateIndices);
       if (onApplyIds) onApplyIds(selectedStateIds);
-    }
+    },
+    "data-roh": "cast-filter-apply"
   }, ctaText != null ? ctaText : 'Apply')), onClear && (/*#__PURE__*/React__default.createElement(TextLink, {
     tabIndex: 0,
     role: "button",
     onClick: onClear,
-    onKeyDown: handleClearKeydown
+    onKeyDown: handleClearKeydown,
+    "data-roh": "cast-filter-clear"
   }, textLinkText != null ? textLinkText : 'Clear')))))));
 };
 
@@ -7199,7 +7202,8 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
     selectedIndices = _ref$selectedIndices === void 0 ? [] : _ref$selectedIndices,
     selectedIds = _ref.selectedIds,
     _ref$showCastFilterAp = _ref.showCastFilterApply,
-    showCastFilterApply = _ref$showCastFilterAp === void 0 ? false : _ref$showCastFilterAp;
+    showCastFilterApply = _ref$showCastFilterAp === void 0 ? false : _ref$showCastFilterAp,
+    appliedCast = _ref.appliedCast;
   var _useViewport = useViewport(),
     isMobile = _useViewport.isMobile;
   var castWrapperRef = React.useRef(null);
@@ -7361,6 +7365,9 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
         _onClick = person.onClick,
         ariaLabel = person['aria-label'];
       var personSelectionId = getCastItemSelectionId(person);
+      var isApplied = appliedCast.some(function (castMember) {
+        return castMember.name === person.name;
+      });
       var isSelected = isIdSelectionMode ? selectedIdsSet.has(personSelectionId) : selectedIndices.includes(index);
       var personImage = image || placeholderImage || defaultPlaceholderImage;
       return /*#__PURE__*/React__default.createElement(PersonWrapper, {
@@ -7376,7 +7383,8 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
         },
         onKeyDown: function onKeyDown(e) {
           return handlePersonKeydown(e, index, personSelectionId, _onClick);
-        }
+        },
+        "data-roh": "cast-filter-person-card"
       }, /*#__PURE__*/React__default.createElement(PersonToggle, {
         isSelected: isSelected,
         "aria-hidden": "true"
@@ -7387,7 +7395,7 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
         isDefaultPlaceholder: !(!!image || !!placeholderImage),
         greyscale: greyscale
       }), /*#__PURE__*/React__default.createElement(Decal, {
-        isSelected: isSelected
+        isSelected: isApplied
       }, /*#__PURE__*/React__default.createElement(Icon, {
         iconName: "Confirm",
         color: "white"
@@ -7432,19 +7440,21 @@ var CastFiltersVariant = /*#__PURE__*/React__default.forwardRef(function (_ref,
     ref: swipeRef,
     onOverflowChange: handleOverflowChange,
     limitDragToNavigableRange: true
-  }, getPersonCards()))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedStateIndices.length === 0 && !showCastFilterApply && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
+  }, getPersonCards()))), showActionButtonsSection && (/*#__PURE__*/React__default.createElement(ActionButtons, null, selectedStateIndices.length === 0 && appliedCast.length === 0 && !showCastFilterApply && emptySelectionText && (/*#__PURE__*/React__default.createElement(BodyCopyHarmonic, {
     size: "medium",
     className: "mobile-only"
-  }, emptySelectionText)), selectedStateIndices.length === 0 && !showCastFilterApply && !emptySelectionText && (/*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null)), showCastFilterApply && (onApply || onApplyIds) && (/*#__PURE__*/React__default.createElement(PrimaryButton, {
+  }, emptySelectionText)), selectedStateIndices.length === 0 && appliedCast.length === 0 && !showCastFilterApply && !emptySelectionText && /*#__PURE__*/React__default.createElement(EmptySelectionTextSpacer, null), showCastFilterApply && (onApply || onApplyIds) && (/*#__PURE__*/React__default.createElement(PrimaryButton, {
     onClick: function onClick() {
       if (onApply) onApply(selectedStateIndices);
       if (onApplyIds) onApplyIds(selectedStateIds);
-    }
-  }, ctaText != null ? ctaText : 'Apply')), onClear && selectedStateIndices.length > 0 && (/*#__PURE__*/React__default.createElement(TextLink, {
+    },
+    "data-roh": "cast-filter-apply"
+  }, ctaText != null ? ctaText : 'Apply')), onClear && appliedCast.length > 0 && (/*#__PURE__*/React__default.createElement(TextLink, {
     tabIndex: 0,
     role: "button",
     onClick: onClear,
-    onKeyDown: handleClearKeydown
+    onKeyDown: handleClearKeydown,
+    "data-roh": "cast-filter-clear"
   }, textLinkText != null ? textLinkText : 'Clear')))));
 });
 CastFiltersVariant.displayName = 'CastFiltersVariant';