@royaloperahouse/harmonic 0.11.0-q → 0.12.0-a

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.
Files changed (19) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/dist/components/atoms/TextField/TextField.style.d.ts +1 -1
  3. package/dist/components/molecules/CastFilter/CastFilters.d.ts +4 -0
  4. package/dist/components/molecules/CastFilter/CastFilters.style.d.ts +14 -0
  5. package/dist/components/molecules/CastFilter/index.d.ts +2 -0
  6. package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts +1 -1
  7. package/dist/components/molecules/Information/Information.style.d.ts +3 -2
  8. package/dist/components/molecules/Pagination/Pagination.style.d.ts +1 -1
  9. package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +1 -1
  10. package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +1 -1
  11. package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts +1 -1
  12. package/dist/harmonic.cjs.development.js +6 -4
  13. package/dist/harmonic.cjs.development.js.map +1 -1
  14. package/dist/harmonic.cjs.production.min.js +1 -1
  15. package/dist/harmonic.cjs.production.min.js.map +1 -1
  16. package/dist/harmonic.esm.js +6 -4
  17. package/dist/harmonic.esm.js.map +1 -1
  18. package/dist/types/types.d.ts +56 -0
  19. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,6 @@
1
+ ## [0.12.0-a]
2
+ - Add CastFilter Component
3
+
1
4
  ## [0.12.0]
2
5
  - AnchorBar: add visual improvements
3
6
  - Footer: align the grid
package/dist/components/atoms/TextField/TextField.style.d.ts CHANGED
@@ -7,4 +7,4 @@ export declare const Input: import("styled-components").StyledComponent<"input",
7
7
  export declare const ShowHideButton: import("styled-components").StyledComponent<"button", any, {}, never>;
8
8
  export declare const TextLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
9
9
  export declare const ErrorLabel: import("styled-components").StyledComponent<"div", any, Pick<ITextFieldProps, "darkMode">, never>;
10
- export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
10
+ export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
package/dist/components/molecules/CastFilter/CastFilters.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { ICastFiltersProps } from '../../../types/types';
3
+ declare const CastFilters: FunctionComponent<ICastFiltersProps>;
4
+ export default CastFilters;
package/dist/components/molecules/CastFilter/CastFilters.style.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ export declare const CastFiltersComponentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const CastFiltersWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const CastWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const ActionButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const PersonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const PersonToggle: import("styled-components").StyledComponent<"div", any, {
7
+ isSelected: boolean;
8
+ }, never>;
9
+ export declare const PersonImage: import("styled-components").StyledComponent<"img", any, {}, never>;
10
+ export declare const MissingImage: import("styled-components").StyledComponent<"div", any, {}, never>;
11
+ export declare const PersonName: import("styled-components").StyledComponent<"div", any, {}, never>;
12
+ export declare const Decal: import("styled-components").StyledComponent<"div", any, {
13
+ isSelected: boolean;
14
+ }, never>;
package/dist/components/molecules/CastFilter/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import CastFilters from './CastFilters';
2
+ export default CastFilters;
package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts CHANGED
@@ -7,7 +7,7 @@ interface ContentSummaryProps {
7
7
  interface Clickable {
8
8
  clickable?: boolean;
9
9
  }
10
- export declare const BodyTextRelative: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
10
+ export declare const BodyTextRelative: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
11
11
  export declare const ContentSummaryWrapper: import("styled-components").StyledComponent<"article", any, Clickable, never>;
12
12
  export declare const ContentSummaryImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
13
13
  export declare const ContentSummaryTextWrapper: import("styled-components").StyledComponent<"div", any, ContentSummaryProps, never>;
package/dist/components/molecules/Information/Information.style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
+ import type { InformationCTAWrapperProps } from '../../../types/information';
1
2
  export declare const InfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
2
3
  export declare const InfoTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, Pick<import("../../../types/information").IInformationCTAProps, "theme" | "variant">, never>;
4
- export declare const InfoBodyWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
4
+ export declare const InfoCTAWrapper: import("styled-components").StyledComponent<"div", any, InformationCTAWrapperProps, never>;
5
+ export declare const InfoBodyWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
package/dist/components/molecules/Pagination/Pagination.style.d.ts CHANGED
@@ -4,6 +4,6 @@ export declare const MorePages: import("styled-components").StyledComponent<"spa
4
4
  export declare const PageNumberWrapper: import("styled-components").StyledComponent<"ol", any, {}, never>;
5
5
  export declare const LastPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
6
6
  export declare const PreviousPageItem: import("styled-components").StyledComponent<"li", any, {}, never>;
7
- export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {
7
+ export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {
8
8
  active?: boolean | undefined;
9
9
  }, never>;
package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts CHANGED
@@ -15,5 +15,5 @@ export declare const PromoWithTagsContentWrapper: import("styled-components").St
15
15
  export declare const TimerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
16
16
  export declare const EndDateText: import("styled-components").StyledComponent<"div", any, {}, never>;
17
17
  export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
18
- export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
18
+ export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
19
19
  export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts CHANGED
@@ -4,5 +4,5 @@ export declare const PromoWithTitleImageWrapper: import("styled-components").Sty
4
4
  export declare const PromoWithTitleContentWrapper: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
5
5
  export declare const HarmonicHeaderWithWrapper: import("styled-components").StyledComponent<({ children, size, em, color, serif, hierarchy: Tag, className, }: import("../../../types/typography").IHarmonicHeaderProps) => import("react").JSX.Element, any, {}, never>;
6
6
  export declare const HarmonicSubtitleWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {}, never>;
7
- export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").IBodyCopyHarmonicProps) => import("react").JSX.Element, any, {}, never>;
7
+ export declare const BodyCopyHarmonicWithWrapper: import("styled-components").StyledComponent<({ children, size, color, className, bold, tag: Tag, ...props }: import("../../../types/typography").ITaggedTypographyProps) => import("react").JSX.Element, any, {}, never>;
8
8
  export declare const ButtonsContainer: import("styled-components").StyledComponent<"div", any, IEditorialGridProps, never>;
package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const AnchorTabbarWrapper: import("styled-components").StyledComp
4
4
  export declare const TabsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
5
5
  export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
6
6
  export declare const TabsList: import("styled-components").StyledComponent<"ul", any, IAnchorTabsListProps, never>;
7
- export declare const ArrowControls: import("styled-components").StyledComponent<({ onClickPrev, onClickNext, availablePrev, availableNext, className, }: import("../../../types/buttonTypes").RotatorButtonsProps) => import("react").JSX.Element, any, IAnchorTabBarBorderProps, never>;
7
+ export declare const ArrowControls: import("styled-components").StyledComponent<({ onClickPrev, onClickNext, availablePrev, availableNext, showFullscreen, onClickFullscreen, isFullscreen, className, }: import("../../../types/buttonTypes").RotatorButtonsProps) => import("react").JSX.Element, any, IAnchorTabBarBorderProps, never>;
8
8
  export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {
9
9
  withShadow?: boolean | undefined;
10
10
  }, never>;
package/dist/harmonic.cjs.development.js CHANGED
@@ -7428,7 +7428,7 @@ var TitleWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject5$f || (_te
7428
7428
  return isDescriptionPresent && 'margin: 20px 0';
7429
7429
  });
7430
7430
  var TitleText = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n"])));
7431
- var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n\n // @media ", " {\n // display: none;\n // }\n"])), devices.mobile);
7431
+ var ButtonsWrapper = /*#__PURE__*/styled__default.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n"])));
7432
7432
  var TitleGridItem = /*#__PURE__*/styled__default(GridItem)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
7433
7433
  var SwipeGridWrapper = /*#__PURE__*/styled__default(GridItem)(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
7434
7434
  var active = _ref5.active;
@@ -7811,13 +7811,15 @@ var Carousel = function Carousel(_ref) {
7811
7811
  var handleFullscreenChange = function handleFullscreenChange() {
7812
7812
  var isFs = document.fullscreenElement === carouselRef.current;
7813
7813
  setIsFullscreen(isFs);
7814
- if (isFs && titleButtonsGridRef.current) {
7814
+ if (isFs && titleButtonsGridRef.current && carouselRef.current) {
7815
7815
  var _titleButtonsGridRef$, _carouselRef$current;
7816
+ var carouselStyle = getComputedStyle(carouselRef.current);
7817
+ var paddingTop = parseInt(carouselStyle.paddingTop, 10) || 0;
7818
+ var paddingBottom = parseInt(carouselStyle.paddingBottom, 10) || 0;
7816
7819
  var titleButtonsGridHeight = ((_titleButtonsGridRef$ = titleButtonsGridRef.current) == null ? void 0 : _titleButtonsGridRef$.getBoundingClientRect().height) || 0;
7817
7820
  var titleButtonsGridStyle = getComputedStyle(titleButtonsGridRef.current);
7818
7821
  var titleButtonsGridMarginBottom = parseInt(titleButtonsGridStyle.marginBottom, 10) || 0;
7819
- // Example: Calculate height dynamically
7820
- var height = window.innerHeight - titleButtonsGridHeight - titleButtonsGridMarginBottom - FULLSCREEN_FIGCAPTION_HEIGHT;
7822
+ var height = window.screen.height - titleButtonsGridHeight - titleButtonsGridMarginBottom - FULLSCREEN_FIGCAPTION_HEIGHT - paddingTop - paddingBottom;
7821
7823
  (_carouselRef$current = carouselRef.current) == null || _carouselRef$current.style.setProperty('--fullscreen-figure-height', height + "px");
7822
7824
  }
7823
7825
  };