@royaloperahouse/harmonic 0.19.0 → 0.19.1-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.
- package/CHANGELOG.md +907 -0
- package/README.md +267 -43
- package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts +1 -9
- package/dist/components/atoms/Buttons/Button.d.ts +3 -10
- package/dist/components/atoms/Buttons/Primary/PrimaryButton.d.ts +3 -17
- package/dist/components/atoms/Buttons/Primary/PrimaryButton.style.d.ts +1 -9
- package/dist/components/atoms/Buttons/Secondary/SecondaryButton.style.d.ts +1 -9
- package/dist/components/atoms/index.d.ts +1 -2
- package/dist/components/index.d.ts +3 -3
- package/dist/components/molecules/CastFilter/CastFilters.style.d.ts +0 -1
- package/dist/components/molecules/HotFilters/HotFilters.style.d.ts +1 -16
- package/dist/components/molecules/PageHeading/Compact/Compact.style.d.ts +1 -16
- package/dist/components/molecules/PageHeading/Impact/Impact.style.d.ts +9 -302
- package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts +0 -2
- package/dist/components/molecules/PeopleListing/PeopleListing.d.ts +1 -1
- package/dist/components/molecules/PeopleListing/PeopleListing.style.d.ts +1 -3
- package/dist/components/molecules/PersonCard/PersonCard.style.d.ts +1 -3
- package/dist/components/molecules/Select2/Select2.d.ts +1 -1
- package/dist/components/molecules/index.d.ts +1 -3
- package/dist/components/organisms/Carousels/Carousel/Carousel.d.ts +1 -3
- package/dist/components/organisms/Carousels/HighlightsCarousel/HighlightsCarousel.d.ts +1 -3
- package/dist/components/organisms/TitleWithCTA/TitleWithCTA.style.d.ts +1 -16
- package/dist/harmonic.cjs.development.js +552 -1335
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +551 -1331
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/types/card.d.ts +0 -2
- package/dist/types/impactHeader.d.ts +32 -14
- package/dist/types/signUpForm.d.ts +0 -1
- package/dist/types/types.d.ts +0 -14
- package/dist/types/upsell.d.ts +0 -2
- package/package.json +6 -24
- package/README.GIT +0 -293
- package/dist/components/atoms/Radio/Radio.d.ts +0 -7
- package/dist/components/atoms/Radio/Radio.style.d.ts +0 -4
- package/dist/components/atoms/Radio/index.d.ts +0 -2
- package/dist/components/atoms/VideoControlsImpact/VideoControlsImpact.d.ts +0 -4
- package/dist/components/atoms/VideoControlsImpact/VideoControlsImpact.style.d.ts +0 -5
- package/dist/components/atoms/VideoControlsImpact/index.d.ts +0 -2
- package/dist/components/molecules/RadioGroup/RadioGroup.d.ts +0 -7
- package/dist/components/molecules/RadioGroup/RadioGroup.style.d.ts +0 -1
- package/dist/components/molecules/RadioGroup/index.d.ts +0 -2
- package/dist/components/molecules/Select/Select.d.ts +0 -101
- package/dist/components/molecules/Select/Select.style.d.ts +0 -13
- package/dist/components/molecules/Select/index.d.ts +0 -2
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ISelectProps } from '../../../types/formTypes';
|
|
3
|
-
/**
|
|
4
|
-
* DEPRECATED. Use Select2 instead.
|
|
5
|
-
* A select component, created using <ul> and <li> elements, with bespoke accessibility
|
|
6
|
-
* logic.
|
|
7
|
-
*
|
|
8
|
-
* # Usage
|
|
9
|
-
* ## Defining a component that uses a typical Select element
|
|
10
|
-
* ```tsx
|
|
11
|
-
* const MyComponent = () => {
|
|
12
|
-
* const handleSelect = (value: number, text: string) => {
|
|
13
|
-
* console.log("Selected", value);
|
|
14
|
-
* };
|
|
15
|
-
*
|
|
16
|
-
* return <>
|
|
17
|
-
* <Select
|
|
18
|
-
* label="This is a label"
|
|
19
|
-
* options={[
|
|
20
|
-
* { text: "Option 1", value: 1 },
|
|
21
|
-
* { text: "Option 2", value: 2 },
|
|
22
|
-
* ]}
|
|
23
|
-
* onSelect={handleSelect}
|
|
24
|
-
* />
|
|
25
|
-
* </>
|
|
26
|
-
* }
|
|
27
|
-
* ```
|
|
28
|
-
*
|
|
29
|
-
* ## Defining a component that uses a disabled Select element
|
|
30
|
-
* ```tsx
|
|
31
|
-
* const MyComponent = () => {
|
|
32
|
-
* const handleSelect = (value: number, text: string) => {
|
|
33
|
-
* console.log("Selected", value);
|
|
34
|
-
* };
|
|
35
|
-
*
|
|
36
|
-
* return <>
|
|
37
|
-
* <Select
|
|
38
|
-
* disabled // Select component disabled explicitely
|
|
39
|
-
* label="This is a label"
|
|
40
|
-
* options={[
|
|
41
|
-
* { text: "Option 1", value: 1 },
|
|
42
|
-
* { text: "Option 2", value: 2 },
|
|
43
|
-
* ]}
|
|
44
|
-
* onSelect={handleSelect}
|
|
45
|
-
* />
|
|
46
|
-
* <Select
|
|
47
|
-
* label="This is a label"
|
|
48
|
-
* options={[]} // Select component disabled implicitely by passing an empty array of options
|
|
49
|
-
* onSelect={handleSelect}
|
|
50
|
-
* />
|
|
51
|
-
* </>
|
|
52
|
-
* }
|
|
53
|
-
* ```
|
|
54
|
-
*
|
|
55
|
-
* ## Defining a component with a non-labelled Select element
|
|
56
|
-
* ```tsx
|
|
57
|
-
* const MyComponent = () => {
|
|
58
|
-
* const handleSelect = (value: number, text: string) => {
|
|
59
|
-
* console.log("Selected", value);
|
|
60
|
-
* };
|
|
61
|
-
*
|
|
62
|
-
* return <>
|
|
63
|
-
* <Select
|
|
64
|
-
* label=""
|
|
65
|
-
* options={[
|
|
66
|
-
* { text: "Option 1", value: 1 },
|
|
67
|
-
* { text: "Option 2", value: 2 },
|
|
68
|
-
* ]}
|
|
69
|
-
* onSelect={handleSelect}
|
|
70
|
-
* />
|
|
71
|
-
* </>
|
|
72
|
-
* }
|
|
73
|
-
* ```
|
|
74
|
-
*
|
|
75
|
-
* ## Changing the dimensions of a Select element (px)
|
|
76
|
-
* ```tsx
|
|
77
|
-
* const MyComponent = () => {
|
|
78
|
-
* const handleSelect = (value: number, text: string) => {
|
|
79
|
-
* console.log("Selected", value);
|
|
80
|
-
* };
|
|
81
|
-
*
|
|
82
|
-
* const selectWidthPx = 100;
|
|
83
|
-
* const selectHeightPx = 27;
|
|
84
|
-
*
|
|
85
|
-
* return <>
|
|
86
|
-
* <Select
|
|
87
|
-
* label="This is a label"
|
|
88
|
-
* options={[
|
|
89
|
-
* { text: "Option 1", value: 1 },
|
|
90
|
-
* { text: "Option 2", value: 2 },
|
|
91
|
-
* ]}
|
|
92
|
-
* onSelect={handleSelect}
|
|
93
|
-
* width={selectWidthPx}
|
|
94
|
-
* height={selectHeightPx}
|
|
95
|
-
* />
|
|
96
|
-
* </>
|
|
97
|
-
* }
|
|
98
|
-
* ```
|
|
99
|
-
*/
|
|
100
|
-
declare function Select<T>({ label, options, onSelect, disabled, resetWhenOptionsUpdate, width, height, }: ISelectProps<T>): React.JSX.Element;
|
|
101
|
-
export default Select;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ISelectProps } from '../../../types/formTypes';
|
|
2
|
-
export declare const ArrowIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<(props: import("../../../types/iconTypes").IIconProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>>, any, {
|
|
3
|
-
iconName: "DropdownArrow";
|
|
4
|
-
color: string;
|
|
5
|
-
title: "Select Arrow";
|
|
6
|
-
}, "title" | "color" | "iconName">;
|
|
7
|
-
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
-
export declare const Options: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
-
export declare const Option: import("styled-components").StyledComponent<"li", any, {
|
|
11
|
-
hover: boolean;
|
|
12
|
-
}, never>;
|
|
13
|
-
export declare const SelectList: import("styled-components").StyledComponent<"ul", any, Pick<Required<ISelectProps<unknown>>, "height" | "width">, never>;
|