@royaloperahouse/harmonic 0.9.0 → 0.9.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.
@@ -8842,14 +8842,13 @@ var _excluded$k = ["text", "onClick"];
8842
8842
  var HotFilters = function HotFilters(_ref) {
8843
8843
  var items = _ref.items,
8844
8844
  className = _ref.className,
8845
- defaultSelectedIndex = _ref.defaultSelectedIndex;
8846
- var _useState = useState(defaultSelectedIndex != null ? defaultSelectedIndex : 0),
8847
- selectedIndex = _useState[0],
8848
- setSelectedIndex = _useState[1];
8849
- var handleClick = function handleClick(index, onClick) {
8850
- setSelectedIndex(index);
8845
+ _ref$selectedIndex = _ref.selectedIndex,
8846
+ selectedIndex = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex,
8847
+ onSelect = _ref.onSelect;
8848
+ var handleClick = React__default.useCallback(function (index, onClick) {
8849
+ if (onSelect) onSelect(index);
8851
8850
  if (onClick) onClick();
8852
- };
8851
+ }, [onSelect]);
8853
8852
  return /*#__PURE__*/React__default.createElement(HotFiltersWrapper, {
8854
8853
  className: className
8855
8854
  }, /*#__PURE__*/React__default.createElement(HotFilterOptionsWrapper, null, items.map(function (item, index) {
@@ -8866,7 +8865,8 @@ var HotFilters = function HotFilters(_ref) {
8866
8865
  backgroundColor: isSelected ? 'base-black' : 'base-white',
8867
8866
  textColor: isSelected ? 'base-white' : 'base-black',
8868
8867
  hoveredColor: "base-black",
8869
- pressedColor: "black-pressed"
8868
+ pressedColor: "black-pressed",
8869
+ "aria-pressed": isSelected
8870
8870
  }, rest), text);
8871
8871
  })));
8872
8872
  };