@royaloperahouse/harmonic 0.19.2-a → 0.19.2-c

package/dist/types/navigation.d.ts

@@ -1,368 +0,0 @@
-import React, { AnchorHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
-import { DirectionType, IconNameType } from './iconTypes';
-import { Colors, IOptionItem, ThemeColor } from './types';
-export interface IAccountProps {
-    /**
-     * The text of the title
-     */
-    title?: string;
-    /**
-     * An Array of Option components
-     */
-    options?: IOptionItem[];
-    /**
-     * Function to be called when is clicked
-     */
-    onClick?: (e: string) => void;
-    /**
-     * The name of the icon
-     */
-    iconName?: IconNameType;
-    /**
-     * The link of the title
-     */
-    titleLink?: string;
-    /**
-     * Additional CSS class names to apply to the navigation component.
-     */
-    className?: string;
-}
-export interface IBasketProps {
-    /**
-     * The value of the text
-     */
-    text?: string;
-    /**
-     * The unix timestamp when basket items will be released.
-     */
-    expiryTime?: number;
-    /**
-     * The value of the link
-     */
-    link?: string;
-    /**
-     * To keep selected the text of the Basket
-     */
-    selected?: boolean;
-    /**
-     * The number of items of the Basket (eg. Tickets)
-     */
-    numItems?: number;
-    /**
-     * The number of 'virtual' items of the Basket (eg. Stream subscription)
-     * These items remain in the basket after expiryTime is reached
-     */
-    numVirtualItems?: number;
-    /**
-     * Function to be called when is clicked
-     */
-    onClick?: (e: string) => void;
-    /**
-     * For changing the color of the basket icon & text (when not in hover state)
-     */
-    isActive?: boolean;
-    /**
-     * Additional CSS class names to apply to the navigation component.
-     */
-    className?: string;
-}
-export interface ISearchProps {
-    /**
-     * To keep selected the text of the Basket
-     */
-    selected?: boolean;
-    /**
-     * Function to be called when is clicked
-     */
-    onClick?: () => void;
-    /**
-     * Additional CSS class names to apply to the navigation component.
-     */
-    className?: string;
-    /**
-     * Reference to the search icon element for focusing
-     */
-    ref?: React.Ref<HTMLButtonElement>;
-}
-export interface INavigationWrapperProps {
-    /**
-     * True if menu is open
-     */
-    isMenuOpen?: boolean;
-}
-export interface INavTopProps {
-    children?: ReactNode;
-    /**
-     * The text of Account component
-     */
-    accountText?: string;
-    /**
-     * The link of Account component
-     */
-    accountLink?: string;
-    /**
-     * The icon of Account component
-     */
-    accountIcon?: IconNameType;
-    /**
-     * The options of Account component
-     */
-    accountOptions?: IOptionItem[];
-    /**
-     * The text of Basket component
-     */
-    basketText?: string;
-    /**
-     * The unix timestamp when basket items will be released.
-     */
-    basketExpiryUnixTimestamp?: number;
-    /**
-     * The link of Basket component
-     */
-    basketLink?: string;
-    /**
-     * The number of items of Basket component
-     */
-    basketNumItems?: number;
-    /**
-     * The number of 'virtual' items of the Basket (eg. Stream subscription)
-     * These items remain in the basket after expiryTime is reached
-     */
-    basketNumVirtualItems?: number;
-    /**
-     * For changing the color of the basket icon & text (when not in hover state)
-     */
-    basketIsActive?: boolean;
-    /**
-     * To know if search component is showed or not
-     */
-    isShowSearch?: boolean;
-    /**
-     * Function to be called when Search component is clicked
-     */
-    onClickSearch?: () => void;
-    /**
-     * Function to be called when is clicked
-     */
-    onLink?: (e: string) => void;
-    /**
-     * Additional CSS class names to apply to the navigation component.
-     */
-    className?: string;
-    /**
-     * Search button ref for focus management
-     */
-    searchButtonRef?: React.Ref<HTMLButtonElement>;
-}
-export interface IMenuOptionProps {
-    /**
-     * The text of the title
-     */
-    title: string;
-    /**
-     * An Array of Option components
-     */
-    options: IOptionItem[];
-    /**
-     * The link of the title
-     */
-    titleLink?: string;
-}
-export interface IMenuProps {
-    /**
-     * An Array of menu items
-     */
-    items: IMenuOptionProps[];
-}
-export interface INavigationProps {
-    /**
-     * Link url to Logo component
-     */
-    logoLink?: string;
-    /**
-     * An Object to set NavTop data component
-     */
-    dataNavTop: INavTopProps;
-    /**
-     * Function to be called when is searched
-     */
-    onSearch: (e: string) => void;
-    /**
-     * Function to be called when is clicked
-     */
-    onLink: (e: string) => void;
-    /**
-     * A set of data to make a menu
-     */
-    menuData: IMenuProps;
-    /**
-     * Boolean for crest or no crest version of RBO logo
-     */
-    crest?: boolean;
-    /**
-     * Additional CSS class names to apply to the navigation component.
-     */
-    className?: string;
-    /**
-     * Defines which tag the button should skip to. Default: 'main-content'.
-     */
-    skipToId?: string;
-}
-export interface ISearchBarProps {
-    /**
-     * Function to be called when is clicked
-     */
-    onClick: (e: string) => void;
-    /**
-     * Function to be called when is closed
-     */
-    onClose?: (e?: React.MouseEvent) => void;
-    /**
-     * If true, traps keyboard focus inside the search bar.
-     * Set to false when used inline on a page.
-     */
-    trapFocus?: boolean;
-    /**
-     * Reference to the input element for focusing
-     */
-    inputRef?: React.RefObject<HTMLInputElement>;
-    /**
-     * Additional CSS class names to apply to the navigation component.
-     */
-    className?: string;
-}
-export declare type TitleCTALink = AnchorHTMLAttributes<HTMLAnchorElement> & {
-    /**
-     * Text inside the link
-     */
-    text: string;
-    /**
-     * Function to be called when a button is clicked
-     */
-    onClick?: MouseEventHandler<HTMLAnchorElement>;
-    /**
-     * Name of the icon to be used in the button
-     */
-    iconName?: IconNameType;
-    /**
-     * Direction of the icon used in the button
-     */
-    iconDirection?: DirectionType;
-    /**
-     * Color of text and icon
-     */
-    color?: Colors;
-};
-export declare type TitleCTALinks = [TitleCTALink, TitleCTALink?];
-export declare type AnchorBarTab = AnchorHTMLAttributes<HTMLAnchorElement> & {
-    /**
-     * Visible text in a tab
-     */
-    text: string;
-    /**
-     * Tab identifier, used to highlight items when user performs a scroll
-     */
-    id: string;
-    /**
-     * Color of text and icon
-     */
-    color?: ThemeColor;
-};
-export interface IAnchorBarAbsolutePositionParams {
-    /**
-     * Navigation height that we need to calculate AnchorTabBar position properly
-     */
-    navigationHeight: number;
-    /**
-     * Height of the content that is located in place before AnchorTabBar
-     */
-    topOffset: number;
-}
-export interface IAnchorBarProps {
-    /** Tabs displayed in the anchor bar */
-    tabs: AnchorBarTab[];
-    /** Function to be called when a tab is clicked */
-    onTabClick?: (e: React.MouseEvent<HTMLAnchorElement>, id: string) => void;
-    /** Set the id of the active tab */
-    activeTab?: string;
-    /** Only for IOS devices that do not fully support sticky position, in case a keyboard is opened on the device */
-    absolutePositionParams?: IAnchorBarAbsolutePositionParams;
-    /** Boolean to set bottom border */
-    bottomBorder?: boolean;
-    /** Flag indicating whether the bar should have a shadow */
-    withShadow?: boolean;
-    /** Custom CSS classes */
-    className?: string;
-}
-export interface ITitleCTAProps {
-    /**
-     * Array of buttons props. First one should have PrimaryButton attributes, second one Tertiary button attributes
-     */
-    links?: TitleCTALinks;
-    /**
-     * Text placed in the anchor bar component
-     */
-    title?: string;
-    /**
-     * Boolean to determine if is sticky
-     */
-    sticky?: boolean;
-    /**
-     * Text in replacement of links
-     */
-    message?: string;
-}
-export interface ITitleCTAGridItemProps {
-    /**
-     * Text placed in the anchor bar component
-     */
-    title?: string;
-}
-export interface IAnchorTabsListProps {
-    /**
-     * Boolean to determine that the list tab is overflowed
-     */
-    tabsOverflow: boolean;
-    /**
-     * Boolean to determine if there are two arrows displayed
-     */
-    hasTwoArrows: boolean;
-}
-export interface IAnchorTabBarBorderProps {
-    /** Boolean to set bottom border */
-    bottomBorder?: boolean;
-    /** Flag indicating whether the anchor bar should have a shadow */
-    withShadow?: boolean;
-}
-export interface ITabLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    children: ReactNode;
-    /** Function to be called when a button is clicked */
-    onClick?: MouseEventHandler<HTMLAnchorElement>;
-    /** Name of the icon to be used in the button */
-    iconName?: IconNameType;
-    /** Direction of the icon used in the button */
-    iconDirection?: DirectionType;
-    /** Color of text and icon */
-    color?: ThemeColor;
-    /** Color of text and icon on hover */
-    hoverColor?: ThemeColor;
-    /** Set if tab is selected or not */
-    selected?: boolean;
-    /** Custom CSS classes */
-    className?: string;
-}
-export interface IStickyBarProps {
-    children: ReactNode;
-    /** Set columnStart in Desktop */
-    columnStartDesktop?: number;
-    /** Set columnSpan in Desktop */
-    columnSpanDesktop?: number;
-    /** Set columnStart in Device */
-    columnStartDevice?: number;
-    /** Set columnSpan in Device */
-    columnSpanDevice?: number;
-    /** Boolean to set bottom border */
-    bottomBorder?: boolean;
-    /** Custom CSS classes */
-    className?: string;
-}

package/dist/types/pagination.d.ts

@@ -1,9 +0,0 @@
-export declare type PaginationNavProps = {
-    page: number;
-    children: React.ReactNode;
-    onPageChange?: (page: number) => void;
-    baseUrl?: string;
-    keyProp?: string;
-    testId?: string;
-    ariaLabel?: string;
-};

package/dist/types/passwordStrength.d.ts

@@ -1,51 +0,0 @@
-import { Colors } from './types';
-export interface IPasswordStrengthProps {
-    /**
-     * Number of sections to show
-     *
-     * Default: 6
-     */
-    sections?: number;
-    /**
-     * Number of active sections
-     *
-     * Default: 0
-     */
-    activeSections?: number;
-    /**
-     * Color of non-active sections
-     *
-     * Default: Colors.MidGrey
-     */
-    sectionsColor?: Colors;
-    /**
-     * Color of active sections
-     *
-     * Default: Colors.Black
-     */
-    activeSectionsColor?: Colors;
-    /**
-     * Text
-     *
-     * Default: ""
-     */
-    text?: string;
-    /**
-     * Text color
-     *
-     * Default: Colors.Black
-     */
-    textColor?: Colors;
-    /**
-     * Strength label text
-     *
-     * Default: ""
-     */
-    strengthLabel?: string;
-    /**
-     * Strength label text
-     *
-     * Default: Colors.Black
-     */
-    strengthLabelColor?: Colors;
-}

package/dist/types/progress.d.ts

@@ -1,37 +0,0 @@
-import { ThemeColor } from './types';
-export interface IProgressSteps {
-    /**
-     * Number of the steps
-     */
-    quantity: number;
-    /**
-     * Current step
-     */
-    current: number;
-}
-export interface IProgressProps {
-    /**
-     * The progress percentage
-     */
-    progress?: number;
-    /**
-     * The progress bar height
-     */
-    height?: number;
-    /**
-     * Color of the elapsed line
-     */
-    elapsedLineColor?: ThemeColor;
-    /**
-     * Color of the pending line
-     */
-    pendingLineColor?: ThemeColor;
-    /**
-     * Number of the steps
-     */
-    steps?: IProgressSteps;
-    /**
-     * The presence of a shadow under the progress bar
-     */
-    shadow?: boolean;
-}

package/dist/types/promoWithTags.d.ts

@@ -1,105 +0,0 @@
-import { ReactElement } from 'react';
-import { EditorialLink, PromoLinks, PromoTitleHierarchy } from './editorial';
-import { IntegratedTimerProps } from './timer';
-import { Image } from './types';
-export interface IPromoWithTagsProps {
-    /**
-     * Text placed in the editorial component
-     */
-    text?: string;
-    /**
-     * Title placed in the editorial component
-     */
-    title: string;
-    /**
-     * Title size
-     */
-    titleSize?: 'small' | 'large';
-    /**
-     * Semantic level of the promo title header - h2 or h3.
-     */
-    titleHierarchy: PromoTitleHierarchy;
-    /**
-     * Subtitle placed in the editorial component
-     */
-    subtitle?: string;
-    /**
-     * Position of the image in the editorial component
-     */
-    imagePosition?: 'left' | 'right';
-    /**
-     * Image to be displayed in the editorial component with aspect ratio 4:3
-     */
-    image?: Image;
-    /**
-     * Component to be displayed instead of the image after clicking on the button
-     */
-    children?: ReactElement<HTMLElement>;
-    /**
-     * Array of buttons props. First one should have PrimaryButton attributes, second one Tertiary button attributes
-     */
-    links?: PromoLinks;
-    /**
-     * Array of buttons props that will be displayed above the main buttons
-     */
-    textLinks?: EditorialLink[];
-    /**
-    /**
-     * Array of tags in the editorial component
-     */
-    aboveTitleTags?: string[];
-    /**
-     * Array of tags in the editorial component
-     */
-    belowTitleTags?: string[];
-    /**
-     * Text in the middle
-     */
-    middleText?: string;
-    /**
-     * Text in the bottom
-     */
-    bottomText?: string;
-    /**
-     * Display with reduced height & font size for use as card
-     */
-    asCard?: boolean;
-    /**
-     * Make CTA appear disabled
-     */
-    disableCTA?: boolean;
-    /**
-     * Copy to show on disabled CTA
-     */
-    disabledCTACopy?: string;
-    /**
-     * Params for Timer component
-     */
-    timerParams?: IntegratedTimerProps;
-    /**
-     * Additional CSS class names to apply to component.
-     */
-    className?: string;
-    /**
-     * Set the visualization of progress bar
-     */
-    withContinueWatching?: boolean;
-    /**
-     * The progress percentage
-     */
-    progress?: number;
-    /**
-     * The progress title
-     */
-    progressTitle?: string;
-}
-export interface IPromoWithTagsStyledProps {
-    /**
-     * Sets margin for the tags container
-     */
-    marginBottom?: number;
-    /**
-     * Sets mobile margin for the tags container
-     */
-    mobileMarginBottom?: number;
-}

package/dist/types/quote.d.ts

@@ -1,8 +0,0 @@
-export interface IQuoteProps {
-    /** Text placed in the Quote component */
-    text: string;
-    /** Attribution under the main text */
-    attribution?: string;
-    /** Custom CSS classes */
-    className?: string;
-}

package/dist/types/signUpForm.d.ts

@@ -1,90 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { ThemeType } from './types';
-export interface ISignUpFormContextProps {
-    /**
-     * Form title to display
-     */
-    title: string;
-    /**
-     * Form text to display
-     */
-    message: string;
-}
-export interface ISignUpFormCTAProps {
-    /**
-     * Text to display on the CTA
-     */
-    text: string;
-    /**
-     * Link for the CTA
-     */
-    link: string;
-}
-export declare type SignUpRequestBody = {
-    firstName?: string;
-    lastName?: string;
-    email?: string;
-};
-export interface ISignUpFormProps {
-    /**
-     * Form title and text of initial state
-     */
-    initialState: ISignUpFormContextProps;
-    /**
-     * Form title and text of submitted state
-     */
-    submittedState: ISignUpFormContextProps;
-    /**
-     * CTA to display Privacy Notice
-     */
-    ctaPrivacy: ISignUpFormCTAProps;
-    /**
-     * Theme to use for buttons. Choices are "Core" (red), "Stream" (blue), or "Cinema" (black)
-     */
-    theme: Exclude<ThemeType, ThemeType.Schools>;
-    /**
-     * Error message shown to users in case of a server error
-     */
-    errorMessage: string;
-    /**
-     * Is user logged in flag. Default false
-     */
-    isLoggedIn?: boolean;
-    /**
-     * Function to handle the sign up form data
-     */
-    submitHandler: (data: SignUpRequestBody) => Promise<{
-        success: boolean;
-    }>;
-    /**
-     * Does user click on anchor bar to sign up? Default false
-     */
-    isOpened?: boolean;
-    /**
-     * Class Name
-     */
-    className?: string;
-}
-export declare type SignUpFormComponentTitleProps = {
-    title: string;
-    isMobile?: boolean;
-    titleFontFamily?: 'Grey' | 'Victor' | undefined;
-};
-export declare type SignUpFormComponentMessageProps = {
-    message: string;
-    withDropdown?: boolean;
-};
-declare type FormValues = {
-    firstName: string;
-    lastName: string;
-    email: string;
-};
-export declare type SignUpFormComponentFormProps = Pick<ISignUpFormProps, 'ctaPrivacy' | 'theme' | 'errorMessage' | 'isLoggedIn' | 'submitHandler'> & {
-    isMobile: boolean;
-    isSuccess: boolean;
-    setIsSuccess: Dispatch<SetStateAction<boolean>>;
-    formValues: FormValues;
-    setFormValues: Dispatch<SetStateAction<FormValues>>;
-    className?: string;
-};
-export {};

package/dist/types/tableTypes.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode } from 'react';
-export interface ContentProps {
-    content: string | ReactNode;
-}
-export interface CellProps {
-    cell: ReactNode;
-    cellIndex: number;
-    columns: number;
-}
-export declare type TableRowData = Array<Record<string, unknown>>;
-export interface RowProps {
-    row: TableRowData;
-    rowIndex: number;
-    columns: number;
-}
-export interface ITableProps {
-    /** Number of columns in table */
-    columns: number;
-    /** Headings array */
-    headings?: string[];
-    /** Table content */
-    children: ReactNode;
-    /** Rows in table per page for pagination */
-    rowsPerPage: number;
-    /** Enable pagination */
-    pagination?: boolean;
-    /** Description for accessibility (aria-describedby) */
-    description?: string;
-    /** Custom CSS classes */
-    className?: string;
-}