@royaloperahouse/chord 2.4.8-c-chord-development → 2.4.8-e-chord-development

package/dist/components/atoms/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IToggleProps } from '../../../types/toggleButtonTypes';
+declare const ToggleButton: FunctionComponent<IToggleProps>;
+export default ToggleButton;

package/dist/components/atoms/ToggleButton/ToggleButton.style.d.ts

@@ -0,0 +1,5 @@
+interface SelectionProps {
+    isSelected: boolean;
+}
+declare const Tile: import("styled-components").StyledComponent<"div", any, SelectionProps, never>;
+export default Tile;

package/dist/components/atoms/index.d.ts

@@ -25,4 +25,5 @@ import TypeTags from './TypeTags';
 import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
 import VideoControls from './VideoControls';
 import { Stepper } from './Stepper';
-export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, };
+import ToggleButton from './ToggleButton/ToggleButton';
+export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, ToggleButton, };

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
-import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, Progress, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TextLogo, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, VideoControls } from './atoms';
-import { AnchorTabBar, Footer, LiveChat, Navigation, StickyBar, TitleWithCTA, UpsellSection } from './organisms';
+import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, Progress, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TextLogo, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, ToggleButton } from './atoms';
+import { AnchorTabBar, Footer, LiveChat, Navigation, StickyBar, TitleWithCTA, UpsellSection, FilterToggles } from './organisms';
 import { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Table, Tabs, TextOnly, UpsellCard, Quote, VideoWithControls } from './molecules';
 import ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, VideoWithControls, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, VideoWithControls, FilterToggles, ToggleButton, };

package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.d.ts

@@ -1,3 +1,5 @@
 import { ICreditListing } from '../../../../types';
-declare const CreditListing: ({ roles }: ICreditListing) => JSX.Element;
+declare const CreditListing: ({ roles, columnCount }: ICreditListing & {
+    columnCount?: number | undefined;
+}) => JSX.Element;
 export default CreditListing;

package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts

@@ -1,5 +1,7 @@
 export declare const ReplacementWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CreditListingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CreditListingWrapper: import("styled-components").StyledComponent<"div", any, {
+    columnCount: number;
+}, never>;
 export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CreditWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/organisms/FilterToggles/FilterToggles.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Props } from '.';
+export declare const FilterToggles: ({ filterItems, onClickHandler, selectedItems, title, }: Props) => React.ReactElement;
+export default FilterToggles;

package/dist/components/organisms/FilterToggles/FilterToggles.style.d.ts

@@ -0,0 +1,2 @@
+export declare const FiltersWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FilterItemsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/organisms/FilterToggles/index.d.ts

@@ -0,0 +1,9 @@
+import FilterToggles from './FilterToggles';
+import { FilterConfig } from '../../../types/toggleButtonTypes';
+export interface Props {
+    filterItems: FilterConfig[];
+    onClickHandler: (filter: FilterConfig) => void;
+    selectedItems: string[];
+    title?: string;
+}
+export default FilterToggles;

package/dist/components/organisms/index.d.ts

@@ -6,4 +6,5 @@ import UpsellSection from './UpsellSection';
 import { LiveChat } from './LiveChat';
 import StickyBar from './StickyBar';
 import ModalWindow from './ModalWindow';
-export { AnchorTabBar, Footer, LiveChat, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection };
+import FilterToggles from './FilterToggles';
+export { AnchorTabBar, Footer, LiveChat, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection, FilterToggles, };

package/dist/types/creditListing.d.ts

@@ -9,4 +9,5 @@ export interface ICreditListing {
         additionalInfo: string;
         dataROH: string;
     }[];
+    columnCount?: number;
 }

package/dist/types/toggleButtonTypes.d.ts

@@ -0,0 +1,13 @@
+import { AnchorHTMLAttributes } from 'react';
+export interface FilterConfig {
+    param: string;
+    label: string;
+    disableIfActive: string[];
+    id?: string;
+}
+export interface IToggleProps extends AnchorHTMLAttributes<HTMLElement> {
+    isFilterSelected: boolean;
+    onFilterItemClick: (filter: FilterConfig) => void;
+    onKeyDownHandler: (e: React.KeyboardEvent<HTMLElement>, filter: FilterConfig) => void;
+    filterItem: FilterConfig;
+}

package/dist/types/typography.d.ts

@@ -57,6 +57,10 @@ export interface IBodyTextProps extends IGenericTypography {
      * HTML tag to use to render BodyText, by default div.
      */
     tag?: React.ElementType;
+    /**
+     * Column span for desktop view.
+     */
+    columnSpanDesktop?: number;
 }
 export interface ISubtitleProps extends IGenericTypography {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/chord",
-  "version": "2.4.8-c-chord-development",
+  "version": "2.4.8-e-chord-development",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",