@royaloperahouse/harmonic 1.0.1-c → 1.0.1-e

package/dist/helpers/accessibility.d.ts

@@ -0,0 +1 @@
+export declare function useFocusTrap(containerRef: React.RefObject<HTMLElement>, onEscape?: () => void, enabled?: boolean): void;

package/dist/helpers/arrays.d.ts

@@ -0,0 +1,2 @@
+export declare const getConcatenatedPropLength: <K extends string, T extends Record<K, string>>(array: T[], prop: K) => number;
+export declare const truncateArrayByPropLength: <K extends string, T extends Record<K, string>>(array: T[], prop: K, maxChars: number, ellipsis?: boolean) => T[];

package/dist/helpers/aspectRatio.d.ts

@@ -0,0 +1,2 @@
+import { AspectRatio } from '../types';
+export declare const getAspectRatioFromVideo: (video: HTMLVideoElement) => AspectRatio;

package/dist/helpers/defaultValues.d.ts

@@ -0,0 +1,7 @@
+export declare const placeholderImage: {
+    altText: string;
+    desktopPath: string;
+    mobilePath: string;
+    caption: null;
+    thumbPath: null;
+};

package/dist/helpers/devices.d.ts

@@ -0,0 +1,10 @@
+export declare const useIOS: () => boolean;
+export declare const isMobile: () => boolean;
+export declare const useMobile: () => boolean;
+export declare const useViewport: () => {
+    hydrated: boolean;
+    width: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};

package/dist/helpers/formatStrings.d.ts

@@ -0,0 +1,3 @@
+export declare const setMaxCharLength: (value: string, maxLength: number) => string;
+export declare const formatPrice: (value: string | undefined) => string;
+export declare const capitalizeFirstLetter: (string: string) => string;

package/dist/helpers/forms.d.ts

@@ -0,0 +1,20 @@
+export declare const regex: {
+    signInEmail: RegExp;
+    latinOnly: RegExp;
+    firstName: RegExp;
+};
+export declare const formValidationMessages: {
+    requiredFieldMessage: string;
+    firstName: {
+        invalid: string;
+        required: string;
+    };
+    lastName: {
+        required: string;
+    };
+    email: {
+        required: string;
+        invalid: string;
+    };
+};
+export declare const getFormErrorMessage: (field: string, value?: string | undefined) => string | undefined;

package/dist/helpers/generateDomElementId.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Generates a random string in the format XXX-XXX.
+ * Does not meet UUID standards.
+ * To be used where only a small number of unique IDs are required, e.g. DOM element IDs.
+ *
+ * @return {string} A random string in the format XXX-XXX.
+ */
+export declare const generateDomElementId: () => string;

package/dist/helpers/htmlStrings.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const stripAllHtmlTags: (htmlString: string) => string;
+export declare const truncateHtmlString: (htmlString: string, resultLength: number, addDots?: boolean) => string;
+export declare const truncate: (str: string, n: number) => string;
+export declare const truncateReactNodeString: (node: React.ReactNode, resultLength: number, addDots?: boolean) => string;

package/dist/helpers/keyboards.d.ts

@@ -0,0 +1,3 @@
+export declare const keyDown: (e: {
+    key: string;
+}, toggleFunction: () => void) => void;

package/dist/helpers/theme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeType } from '../types';
+export declare const themeToColor: (theme: ThemeType) => "primary-red" | "primary-black" | "base-black";

package/dist/helpers/urls.d.ts

@@ -0,0 +1,2 @@
+export declare const isSameSiteUrl: (url: string) => boolean;
+export declare const useSameSiteUrl: (url: string) => boolean;

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+import { Account, Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, Basket, BodyText, Card, Cards, Carousel, CastFilter, CinemaBadge, ContactCard, ContactNewsletter, ContentSummary, ControlledDropdown, Dropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Logo, Navigation, NavTop, MinimalCarousel, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, PageHeadingHighlightCarousel, Pagination, PasswordStrength, Person, Paywall, PersonDetails, PeopleListing, PolicyLinks, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio2, RadioGroup2, ReadMore, RotatorButtons, Search, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SocialLinks, SectionSplitter, SectionTitle, Select2, Select2Async, SignUpForm, Swipe, SwipeRef, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, TertiaryButton, ThemeProvider, TitleWithCTA, Tab, Table, TabLink, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellCards, UpsellSection, VideoControls, VideoWithControls } from './components';
+import BodyContent from './components/molecules/BodyContent';
+import Quote from './components/molecules/Quote';
+import { devices, breakpoints } from './styles/viewports';
+import zIndexes from './styles/zIndexes';
+import { AspectRatio, ButtonType, CarouselType, Colors, IconNameType, IntegratedTimerProps, ITimerProps, TickboxMode, ThemeColor, ThemeType, EditorialLink, IInformationTitleProps, IInformationCTAProps } from './types';
+import { MiniCard } from './components/molecules';
+import { ModalWindow } from './components/organisms';
+import AuxiliaryButton from './components/atoms/Buttons/Auxiliary/AuxiliaryButton';
+import PersonCard from './components/molecules/PersonCard';
+import HarmonicThemeProvider, { useHarmonicTheme } from './styles/HarmonicThemeProvider';
+import { HarmonicSize } from './types/typography';
+import { HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './components/Typography';
+export { useHarmonicTheme };
+export { Account, Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryButton, AuxiliaryNav, AspectRatio, Basket, BodyContent, BodyText, breakpoints, ButtonType, Card, Cards, CarouselType, Carousel, CastFilter, CinemaBadge, Colors, ContactCard, ContactNewsletter, ContentSummary, ControlledDropdown, Dropdown, CreditListing, devices, Editorial, EditorialLink, Footer, GlobalStyles, Grid, GridItem, HarmonicSize, HarmonicThemeProvider, Header, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, HotFilters, Icon, IconNameType, ImageAspectRatioWrapper, ImageWithCaption, Information, Logo, IInformationCTAProps, IInformationTitleProps, ITimerProps, IntegratedTimerProps, MinimalCarousel, MiniCard, ModalWindow, Navigation, NavTop, Overline, PageHeading, PageHeadingCompact, PageHeadingImpact, PageHeadingPanel, PageHeadingHighlight, PageHeadingPromo, PageHeadingHighlightCarousel, Pagination, PasswordStrength, Person, PersonCard, PersonDetails, Paywall, PeopleListing, PolicyLinks, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio2, RadioGroup2, ReadMore, RotatorButtons, Search, StatusBanner, SearchBar, SecondaryButton, SecondaryLogo, SocialLinks, SectionSplitter, SectionTitle, Select2, Select2Async, SignUpForm, Swipe, SwipeRef, Sponsorship, StickyBar, Stepper, StreamBadge, Subtitle, Tab, Table, TabLink, Tabs, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, ThemeColor, ThemeProvider, ThemeType, TitleWithCTA, Tickbox, Tickbox2, TickboxMode, Timer, TypeTags, UpsellCard, UpsellCards, UpsellSection, Quote, VideoControls, VideoWithControls, zIndexes, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./harmonic.cjs.production.min.js')
+} else {
+  module.exports = require('./harmonic.cjs.development.js')
+}

package/dist/jest.setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/styles/GlobalStyles.d.ts

@@ -0,0 +1,3 @@
+import { GlobalStyleComponent } from 'styled-components';
+declare const GlobalStyles: GlobalStyleComponent<any, any>;
+export default GlobalStyles;

package/dist/styles/HarmonicThemeProvider/HarmonicThemeProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ThemeType } from '../../types';
+import './theme/fonts.css';
+import './theme/typography.css';
+export declare const DEFAULT_THEME = ThemeType.Core;
+interface HarmonicThemeProviderProps {
+    theme: ThemeType;
+    children: React.ReactNode;
+}
+export declare const HarmonicThemeContext: React.Context<ThemeType>;
+export declare const useHarmonicTheme: () => ThemeType;
+declare const HarmonicThemeProvider: React.FC<HarmonicThemeProviderProps>;
+export default HarmonicThemeProvider;

package/dist/styles/HarmonicThemeProvider/index.d.ts

@@ -0,0 +1,3 @@
+import HarmonicThemeProvider, { useHarmonicTheme } from './HarmonicThemeProvider';
+export default HarmonicThemeProvider;
+export { useHarmonicTheme };

package/dist/styles/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IThemeProviderProps } from '../types/types';
+declare const Theme: ({ children, theme }: IThemeProviderProps) => React.JSX.Element;
+export default Theme;