@royaloperahouse/chord 2.11.3-dev → 2.12.1-rc

package/dist/components/index.d.ts

@@ -3,4 +3,5 @@ import { AnchorTabBar, Footer, Navigation, StickyBar, TitleWithCTA, UpsellSectio
 import { Accordion, Accordions, AnchorBar, 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, SignUpForm, Table, Tabs, TextOnly, UpsellCard, Quote, VideoWithControls } from './molecules';
 import ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
-export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, 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, SignUpForm, 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, VideoControls, VideoWithControls, FilterToggles, ToggleButton, };
+import Autocomplete from './molecules/Autocomplete';
+export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, Autocomplete, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, 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, SignUpForm, 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, VideoControls, VideoWithControls, FilterToggles, ToggleButton, };

package/dist/components/molecules/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IAutocompleteProps } from './Autocomplete.types';
+declare const Autocomplete: ({ value, options, placeholder, onChange, onSelect, maxWidth, }: IAutocompleteProps) => React.ReactElement;
+export default Autocomplete;

package/dist/components/molecules/Autocomplete/Autocomplete.style.d.ts

@@ -0,0 +1,10 @@
+export declare const AutocompleteWrapper: import("styled-components").StyledComponent<"div", any, {
+    maxWidth: number;
+}, never>;
+export declare const Dropdown: import("styled-components").StyledComponent<"div", any, {
+    maxWidth: number;
+}, never>;
+export declare const Option: import("styled-components").StyledComponent<"div", any, {
+    isActive: boolean;
+}, never>;
+export declare const NoResults: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/molecules/Autocomplete/Autocomplete.types.d.ts

@@ -0,0 +1,12 @@
+import { ITextFieldProps } from '../../../types/formTypes';
+export interface IAutocompleteOption {
+    label: string;
+    readonly value: string;
+}
+export interface IAutocompleteProps extends Omit<ITextFieldProps, 'onChange' | 'onSelect'> {
+    options: IAutocompleteOption[];
+    placeholder?: string;
+    maxWidth?: number;
+    onChange: (value: IAutocompleteOption['value']) => void;
+    onSelect: (option: IAutocompleteOption) => void;
+}

package/dist/components/molecules/Autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+import Autocomplete from './Autocomplete';
+export default Autocomplete;

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

@@ -33,4 +33,5 @@ import Table from './Table';
 import VideoWithControls from './VideoWithControls';
 import SignUpForm from './SignUpForm';
 import AnchorBar from './AnchorBar';
-export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, SignUpForm, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, };
+import Autocomplete from './Autocomplete';
+export { Accordion, Accordions, AnchorBar, AnnouncementBanner, AuxiliaryNav, Autocomplete, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, MiniCard, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, Quote, StatusBanner, SectionTitle, SearchBar, Select, Select2, Select2Async, SignUpForm, Tabs, Table, TextOnly, UpsellCard, VideoWithControls, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/chord",
-  "version": "2.11.3-dev",
+  "version": "2.12.1-rc",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",